body {
    font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    padding-top: 111px;
    box-sizing: content-box;
}
body.on {
    padding-top: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul, li {
    list-style: none;
}
input:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input[type="text"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
html {
    font-size: 16px;
}
html, body {
    width: 100%;
    height: 100%;
}
.container_wrap {
    position: relative;
    padding: 0 11%;
}
.header {
    width: 100%;
    background: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.header .logo_w {
    display: none;
}
.header .right_col {
    width: 70%;
}
.header.nav-down {
    top: 0;
}
.header.nav-up {
    top: -100%;
}
.header.header_transparent {
    background: rgba(0, 0, 0, 0.5);
    border-bottom: none;
}
.header.header_transparent .logo_w {
    display: block;
}
.header.header_transparent .logo_r {
    display: none;
}
.header .logo {
    display: block;
    margin: 34px 0 0;
}
.header.hover {
    background: #fff;
}
.header .nav_box {
    margin: 35px 0;
}
.header .nav_tile {
    position: relative;
}
.header .nav_tile > li {
    position: relative;
    display: inline-block;
}
.header .nav_tile > li > a {
    display: block;
    padding: 0 15px;
}
.header .nav_tile > li > a:hover span {
    color: #a6272f;
}
.header .nav_tile > li > a span {
    display: inline-block;
    font-size: 20px;
    color: #464646;
    padding: 8px 0;
    transition: all 0.8s;
}
.header .nav_tile .nav_line {
    height: 2px;
    background: #a6272f;
}
.header .lan_box {
    line-height: 110px;
}
.header .lan {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 3px 4px 3px 9px;
    cursor: pointer;
    border: 2px solid #b5b5b5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    line-height: 1;
}
.header .lan em {
    font-family: 'Arial';
    font-size: 14px;
    color: #787878;
    line-height: normal;
}
.header .lan i {
    color: #b5b5b5;
}
.header .lan_drop {
    min-width: 100%;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    background: #fff;
    top: 104%;
    display: none;
}
.header .lan_drop li {
    width: 100%;
}
.header .lan_drop li a {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #646464;
    padding: 8px 10px;
    text-align: center;
    line-height: normal;
}
.header .lan_drop li a:hover {
    background: #a6272f;
    color: #fff;
}
.header .tel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0;
    margin-left: 18px;
    cursor: pointer;
    line-height: 1;
}
.header .tel:hover .tel_con {
    display: block;
}
.header .tel i {
    color: #939393;
    font-size: 24px;
}
.header .search {
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-left: 8px;
    height: auto;
    vertical-align: middle;
    background: transparent;
    border-radius: 42px;
    -webkit-border-radius: 42px;
    -ms-border-radius: 42px;
    -moz-border-radius: 42px;
    -o-border-radius: 42px;
    cursor: pointer;
}
.header .search:hover {
    border: 1px solid #939393;
}
.header .search:hover input {
    width: 200px;
}
.header .search input {
    width: 42px;
    height: 42px;
    outline: none;
    border: none;
    padding: 7px 31px 7px 11px;
    background: transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    color: #939393;
}
.header .search button {
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.header .search button i {
    color: #939393;
    font-size: 24px;
}
.header .tel_con {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    line-height: normal;
    top: 158%;
    background: #a6272f;
    padding: 7px 14px;
    white-space: nowrap;
    border-radius: 42px;
    -webkit-border-radius: 42px;
    -ms-border-radius: 42px;
    -moz-border-radius: 42px;
    -o-border-radius: 42px;
    display: none;
}
.header .tel_con i {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}
.header .tel_con em {
    display: inline-block;
    color: #fff;
    margin-left: 5px;
    vertical-align: middle;
}
.header.header_transparent .search:hover {
    border: 1px solid #fff;
}
.header.header_transparent .search input {
    color: #fff;
}
.header .nav_tile > li.active > a span {
    color: #a6272f;
}
.header.header_transparent .nav_tile > li > a span {
    color: #fff;
}
.header.header_transparent .nav_tile > li.active > a span {
    color: #fff;
}
.header.header_transparent .nav_tile .nav_line {
    background: #fff;
}
.header.header_transparent .lan em {
    color: #fff;
}
.header.header_transparent .tel i {
    color: rgba(255, 255, 255, 0.8);
}
.header.header_transparent .search i {
    color: rgba(255, 255, 255, 0.8);
}
.header.header_transparent .lan {
    border: 2px solid rgba(255, 255, 255, 0.4);
}
.header.header_transparent .lan i {
    color: rgba(255, 255, 255, 0.4);
}
.index_banner {
    position: relative;
    height: 100%;
}
.index_banner .swiper-button-prev, .index_banner .swiper-container-rtl .swiper-button-next, .index_banner .swiper-button-next, .index_banner .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}
.index_banner .swiper-button-prev, .index_banner .swiper-button-next {
    width: auto;
    height: auto;
    margin-top: -40px;
}
.index_banner .swiper-button-prev:hover i, .index_banner .swiper-button-next:hover i {
    color: #a6272f;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
.index_banner .swiper-button-prev i, .index_banner .swiper-button-next i {
    font-size: 74px;
    color: #fff;
    opacity: .4;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    filter: alpha(opacity=40);
}
.index_banner .txt-swiper {
    position: absolute;
    width: 100%;
    padding: 0 11%;
    left: 0;
    bottom: 5%;
    z-index: 999;
}
.index_banner .txt-swiper .swiper-slide {
    display: inline-block;
    cursor: pointer;
}
.index_banner .txt-swiper p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_banner .txt-swiper .progress {
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
}
.index_banner .txt-swiper .progress .bar {
    width: 0;
    height: 100%;
    background: #a6272f;
}
.index_banner .txt-swiper .progress .bar.on {
    animation: progress 6.7s infinite;
    -moz-animation: progress 6.7s infinite;
    -webkit-animation: progress 6.7s infinite;
    -o-animation: progress 6.7s infinite;
    -ms-animation: progress 6.7s infinite;
}
.index_banner .img-swiper {
    height: 100%;
}
.index_banner .img-swiper .swiper-wrapper {
    height: 100%;
}
.index_banner .img-swiper .swiper-slide {
    height: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@keyframes progress {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.footer {
    background: #464646;
    padding: 42px 0;
}
.footer ul {
    margin-left: -9px;
    padding-bottom: 16px;
}
.footer li {
    display: inline-block;
}
.footer li:last-child a {
    border-right: none;
}
.footer li a {
    display: block;
    font-size: 16px;
    color: #a0a0a0;
    padding: 0 9px;
    line-height: 1;
    border-right: 1px solid #7a7a7a;
}
.footer li a:hover {
    color: #a6272f;
}
.footer .footer_bot {
    padding-top: 16px;
    border-top: 1px solid #7a7a7a;
}
.footer .footer_bot p {
    display: inline-block;
    font-size: 16px;
    color: #a0a0a0;
    margin-right: 16px;
}
.footer .footer_bot em {
    display: inline-block;
    font-size: 14px;
    color: #a0a0a0;
    margin-right: 13px;
}
.footer .footer_bot em a {
    font-size: 14px;
    color: #a0a0a0;
}
.footer .footer_bot em a:hover {
    color: #a6272f;
}
.footer .footer_bot .left_t {
    margin-bottom: 6px;
}
.about_banner {
    position: relative;
    padding-top: 46.3%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about_banner .text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 8%;
    text-align: center;
}
.about_banner h1 {
    font-size: 60px;
    color: #fff;
    margin-bottom: 20px;
}
.about_banner p {
    font-size: 16px;
    color: #fff;
}
.tit {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #c1c1c1;
    padding-top: 50px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.tit::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 43px;
    background: #c1c1c1;
}
.about_intro {
    padding: 47px 28% 12%;
    text-align: center;
}
.about_intro h1 {
    font-size: 60px;
    color: #323232;
    margin-bottom: 25px;
}
.about_intro p {
    font-size: 16px;
    color: #646464;
    text-align: left;
    line-height: 1.7;
    margin-bottom: 20px;
}
.intro_slick {
    position: relative;
    padding-top: 32%;
    background: #191a1e url(/Public/Images/home/phpcms/zh-cn/about_bg.png) no-repeat bottom center;
}
.intro_slick .slick_box {
    position: absolute;
    left: 0;
    top: -30%;
    padding: 0 18%;
    width: 100%;
}
.intro_slick .slick_img {
    width: 100%;
}
.intro_slick .slick_img > div {
    width: 100%;
}
.intro_slick .img {
    width: 100%;
    position: relative;
    padding-top: 50%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.intro_slick p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    font-size: 30px;
    color: #dedede;
    text-align: center;
    padding: 0 20px;
}
.intro_slick .slick-prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.intro_slick .slick-next {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.intro_slick .slick-prev, .intro_slick .slick-next {
    width: 70px;
    height: 126px;
    line-height: 126px;
    margin-top: -63px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
}
.intro_slick .slick-prev:hover, .intro_slick .slick-next:hover {
    background: #a6272f;
}
.intro_slick .slick-prev:hover i, .intro_slick .slick-next:hover i {
    color: #fff;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
.intro_slick .slick-prev i, .intro_slick .slick-next i {
    font-size: 40px;
    color: #fff;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: alpha(opacity=50);
}
.development {
    position: relative;
    padding: 250px 0;
}
.development .slick_time {
    float: left;
    width: 27%;
    border-bottom: 2px solid #e1e1e1;
}
.development .slick_time em {
    display: block;
    font-size: 36px;
    color: #cecece;
    text-align: center;
    padding: 14px 0;
    border-top: 2px solid #e1e1e1;
}
.development .slick_time .slick-current em {
    color: #a6272f;
}
.development .slick_time .slick-prev, .development .slick_time .slick-next {
    top: auto;
    height: auto;
    width: auto;
    left: 50%;
    margin-top: auto;
    margin-left: -25px;
    background: transparent;
}
.development .slick_time .slick-prev:hover i, .development .slick_time .slick-next:hover i {
    color: #a6272f;
}
.development .slick_time .slick-prev i, .development .slick_time .slick-next i {
    font-size: 50px;
    color: #b4b4b4;
}
.development .slick_time .slick-prev {
    top: -70px;
}
.development .slick_time .slick-next {
    bottom: -70px;
}
.development .slick_text {
    float: right;
    width: 40%;
}
.development .slick_text .slick-slide {
    height: 474px;
    line-height: 474px;
}
.development .slick_text h1 {
    position: relative;
    font-size: 36px;
    color: #000;
    padding-bottom: 18px;
    margin-bottom: 13px;
}
.development .slick_text h1::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 106px;
    height: 2px;
    background: #e1e1e1;
}
.development .slick_text p {
    font-size: 16px;
    color: #787878;
}
.development .slick_text .con {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.development .line {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e2e2e2;
    right: 47%;
    top: 0;
}
.culture {
    position: relative;
    padding-top: 51%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.culture .col_lg_6 {
    cursor: pointer;
    padding: 0 1%;
}
.culture .col_lg_6.on h2 {
    color: #fff;
}
.culture .col_lg_6.on p {
    color: #fff;
}
.culture .text {
    position: absolute;
    left: 0;
    bottom: 7%;
    width: 100%;
}
.culture em {
    font-size: 16px;
    color: #8a9eb5;
    text-transform: uppercase;
}
.culture h1 {
    font-size: 60px;
    color: #fff;
}
.culture h2 {
    font-size: 36px;
    color: #5c6575;
    margin-bottom: 6px;
}
.culture p {
    font-size: 16px;
    color: #5c6575;
}
.culture .con {
    padding: 0 5%;
}
.culture .row {
    margin: 36px -1% 0;
}
.quali {
    padding: 150px 0 130px;
}
.quali .left {
    position: absolute;
    left: 15%;
    top: 50%;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
.quali h1 {
    font-size: 60px;
    color: #323232;
}
.quali ul {
    margin-left: 45%;
    width: 55%;
}
.quali li {
    width: 48%;
    padding: 0 2%;
    display: inline-block;
    vertical-align: top;
}
.quali li img {
    width: 100%;
    margin-bottom: 7px;
}
.quali li p {
    font-size: 16px;
    color: #848484;
    text-align: center;
}
.organ {
    position: relative;
    padding-top: 42%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.organ .con {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-bottom: 56px;
}
.organ .con .tit {
    margin-top: -48px;
}
.organ h1 {
    font-size: 60px;
    color: #fff;
}
.organ .see {
    display: inline-block;
    background: #a6272f;
    font-size: 16px;
    color: #fff;
    padding: 16px 38px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
    margin-top: 18px;
}
.organ .see:hover {
    background: #b1141e;
}
.organ_img {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    background: #fff;
}
.organ_img .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: contain;
    -webkit-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.organ_img .close {
    position: absolute;
    right: 8%;
    top: 0;
    width: 60px;
    height: 60px;
    background: #a6272f;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
}
.organ_img .close i {
    font-size: 31px;
    color: #fff;
}
.organ_img .close:hover {
    background: #b1141e;
}
.banner_com {
    position: relative;
    padding-top: 27%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner_com .text {
    position: absolute;
    width: 100%;
    bottom: 7%;
    left: 0;
    text-align: center;
}
.banner_com h4 {
    font-size: 48px;
    color: #fff;
}
.join_intro {
    text-align: center;
    padding: 94px 0 112px;
}
.join_intro h1 {
    font-size: 48px;
    color: #323232;
}
.join_intro p {
    font-size: 18px;
    color: #9c9c9c;
    margin: 6px 0 32px;
}
.join_intro img {
    max-width: 100%;
}
.recruit {
    position: relative;
    background: #191a1e url(/Public/Images/home/phpcms/zh-cn/about_bg.png) no-repeat bottom center;
    text-align: center;
    padding: 104px 0 66px;
}
.recruit h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 14px;
}
.recruit p {
    font-size: 16px;
    color: #a8a8a9;
    line-height: 1.7;
}
.recruit .row {
    margin: 42px -19px 0;
}
.recruit .col_lg_12 {
    padding: 0 19px;
    margin-bottom: 38px;
}
.recruit .con {
    background: #fff;
    padding: 78px 30px 60px;
    cursor: pointer;
}
.no-touchevents .recruit .con:hover {
    background: #a6272f;
}
.no-touchevents .recruit .con:hover .learn_more {
    -webkit-animation: fadeInUp 0.3s both 0.2s;
    animation: fadeInUp 0.3s both 0.2s;
}
.no-touchevents .recruit .con:hover h2, .no-touchevents .recruit .con:hover span, .no-touchevents .recruit .con:hover em {
    color: #fff;
}
.no-touchevents .recruit .con:hover i {
    color: #fff;
}
.recruit h2 {
    font-size: 36px;
    color: #252525;
    margin-bottom: 8px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recruit li {
    display: inline-block;
    margin-right: 14px;
}
.recruit i {
    color: #a6272f;
    font-size: 22px;
    vertical-align: middle;
}
.recruit span {
    display: inline-block;
    font-size: 16px;
    color: #787878;
    vertical-align: middle;
    line-height: 1;
}
.recruit em {
    display: inline-block;
    font-size: 16px;
    color: #1a1a1a;
    vertical-align: middle;
    line-height: 1;
}
.no-touchevents .recruit .learn_more {
    -webkit-animation: fadeOutDown 0.3s both 0.1s;
    animation: fadeOutDown 0.3s both 0.1s;
    color: #fff;
}
.recruit .rec_popup {
    display: none;
}
/*.layui-layer-content {*/
/*    background: #fff url(/Public/Images/home/phpcms/zh-cn/recruit_bg.png) no-repeat bottom center;*/
/*}*/
.rec_popup_con .back {
    position: absolute;
    right: 19%;
    top: 50%;
    margin-top: -10.5px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.no-touchevents .rec_popup_con .back:hover {
    color: #a6272f;
}
.rec_popup_con .rec_tit {
    position: relative;
    background: #464646;
    text-align: center;
    padding: 40px 0;
}
.rec_popup_con .rec_tit p {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}
.rec_popup_con .con {
    padding: 66px 18% 88px;
}
.rec_popup_con .right {
    width: 61%;
}
.rec_popup_con .left {
    width: 30%;
}
.rec_popup_con em {
    display: block;
    font-size: 30px;
    color: #616161;
}
.rec_popup_con h1 {
    position: relative;
    display: inline-block;
    font-size: 60px;
    line-height: 1;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 12px;
}
.rec_popup_con h1::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #a6a6a6;
}
.rec_popup_con h1::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10%;
    bottom: -1px;
    width: 20%;
    height: 4px;
    background: #fff;
}
.rec_popup_con h2 {
    font-size: 60px;
    color: #252525;
    line-height: 1;
    margin-bottom: 16px;
}
.rec_popup_con span {
    display: block;
    font-size: 14px;
    color: #646464;
    margin-bottom: 50px;
}
.rec_popup_con a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 10px 28px;
    background: #a6272f;
}
.rec_popup_con a:hover {
    background: #b1141e;
}
.rec_popup_con h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 4px;
}
.rec_popup_con p {
    font-size: 15px;
    color: #646464;
    line-height: 1.6;
}
.rec_popup_con p i {
    color: #a6272f;
}
.case {
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 1px;
}
.case .more{
    margin: 30px 0;
}
.case .con:hover .bg {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
.case .con:hover .in {
    -webkit-animation: fadeInUp 0.3s both 0.2s;
    animation: fadeInUp 0.3s both 0.2s;
}
.case .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 36.6%;
    background: url(/Public/Images/home/phpcms/zh-cn/case_bg.png) repeat-x left bottom;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.case .in {
    position: absolute;
    left: 7%;
    bottom: 5%;
    max-width: 80%;
    -webkit-animation: fadeOutDown 0.3s both 0.1s;
    animation: fadeOutDown 0.3s both 0.1s;
}
.case h1 {
    font-size: 36px;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case p {
    font-size: 16px;
    color: #fff;
    margin: 6px 0 28px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #a6272f;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 17px 45px;
}
.case a:hover {
    background: #b1141e;
}
.case .row {
    margin: 0;
}
.case .row:nth-child(2n) .col_lg_14 {
    padding: 0 0 0 5px;
}
.case .row:nth-child(2n) .col_lg_10 {
    padding: 0 5px 0 0;
}
.case .col_lg_14 {
    padding: 0 5px 0 0;
}
.case .col_lg_14 .con {
    position: relative;
    padding-top: 79.09%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.case .col_lg_14.col_lg_push_10{
    padding: 0 0 0 5px;
}
.case .col_lg_10.col_lg_pull_14 {
    padding: 0 5px 0 0;
}
.case .col_lg_10 {
    padding: 0 0 0 5px;
}
.case .col_lg_10 .con {
    position: relative;
    padding-top: 54.8%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.case .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #a6272f;
}
.case_de_slick .slick-prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.case_de_slick .slick-next {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.case_de_slick .slick-prev, .case_de_slick .slick-next {
    width: 70px;
    height: 126px;
    line-height: 126px;
    margin-top: -63px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
}
.case_de_slick .slick-prev:hover, .case_de_slick .slick-next:hover {
    background: #a6272f;
}
.case_de_slick .slick-prev:hover i, .case_de_slick .slick-next:hover i {
    color: #fff;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
.case_de_slick .slick-prev i, .case_de_slick .slick-next i {
    font-size: 40px;
    color: #fff;
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
}
.case_de_slick .slick_col {
    position: relative;
    padding-top: 44%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.case_de_slick .slick_col p {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5%;
    font-size: 48px;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 11%;
    text-align: center;
}
.case_de_slick .slick-dots {
    bottom: 15%;
}
.case_de_slick .slick-dots li {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    margin: 0 6px;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: alpha(opacity=50);
}
.case_de_slick .slick-dots li.slick-active {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
.case_intro {
    padding: 88px 0;
}
.case_intro .case_list {
    width: 36%;
    border-right: 1px solid #e4e4e4;
    padding-right: 4%;
}
.case_intro .right {
    width: 59%;
}
.case_intro p {
    font-size: 16px;
    color: #646464;
    line-height: 1.8;
}
.case_list p {
    font-size: 16px;
    color: #646464;
    margin-bottom: 14px;
}
.case_list p:last-child {
    margin-bottom: 0;
}
.case_list i {
    display: inline-block;
    font-size: 16px;
    color: #323232;
    font-weight: bold;
    margin-right: 10px;
}
.other_case {
    position: relative;
    background: #f5f5f5;
    padding: 97px 0 114px;
    overflow: hidden;
}
.other_case .text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    padding-left: 11%;
    max-width: 40%;
}
.other_case h1 {
    display: inline-block;
    font-size: 48px;
    color: #323232;
    margin-bottom: 52px;
}
.other_case .other_slick {
    width: 86%;
    margin-left: 34%;
}
.other_case .other_slick .slick-prev, .other_case .other_slick .slick-next {
    top: auto;
    bottom: -12%;
    height: auto;
    width: auto;
    margin-top: -20px;
    background: transparent;
}
.other_case .other_slick .slick-prev:hover i, .other_case .other_slick .slick-next:hover i {
    color: #a6272f;
}
.other_case .other_slick .slick-prev i, .other_case .other_slick .slick-next i {
    font-size: 30px;
    color: #9f9f9f;
}
.other_case .other_slick .slick-next {
    left: 3%;
    right: auto;
}
.other_case .other_slick .slick-slide {
    margin: 0 15px;
}
.other_case .other_slick .sli {
    padding-top: 78%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.other_case .line {
    position: absolute;
    left: 0;
    top: 76px;
    width: 68%;
    height: 1px;
    background: #d9d9d9;
}
.other_case .slick-dots {
    display: inline-block !important;
    width: auto;
    bottom: -5%;
    padding-left: 1%;
}
.other_case .slick-dots li {
    width: 8px;
    height: 8px;
    border: 1px solid #cdcdcd;
    margin: 0 3px;
}
.other_case .slick-dots li.slick-active {
    background: #a6272f;
    border: 1px solid #a6272f;
}
.contact {
    padding: 7% 0;
}
.contact .row {
    margin: 0 -26px;
}
.contact .col_lg_8 {
    padding: 0 26px;
}
.contact .con {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 16% 10% 10% 19%;
    height: 334px;
}
.contact span {
    display: block;
    font-size: 30px;
    color: #191a1e;
    margin: 10px 0;
}
.contact p {
    font-size: 18px;
    color: #787878;
    line-height: 1.7;
}
#dituContent {
    height: 635px;
}
.anchorBL, .BMap_cpyCtrl.anchorBL {
    display: none;
}
.iw_poi_title {
    font-size: 30px;
    color: #000;
    font-weight: normal;
    padding: 0 30px;
    text-align: center;
    display: block;
}
.iw_poi_content {
    font-size: 18px;
    color: #787878;
    text-align: center;
}
#go_there {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #a6272f;
    padding: 12px 0;
    margin-top: 12px;
}
#go_there i {
    margin-left: 8px;
}
.contact_form {
    padding: 7% 25%;
    background: #191a1e url(/Public/Images/home/phpcms/zh-cn/recruit_bg.png) no-repeat left bottom;
}
.contact_form .contact_t {
    text-align: center;
    margin-bottom: 44px;
}
.contact_form h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 4px;
}
.contact_form h4 {
    font-size: 16px;
    color: #787878;
}
.contact_form em {
    color: #d30000;
}
.contact_form .row {
    border-bottom: 1px solid #38383b;
    padding: 10px 0;
    margin-bottom: 48px;
}
.contact_form label {
    font-size: 16px;
    color: #dfdfdf;
}
.contact_form label em {
    margin-left: 7px;
}
.contact_form input {
    border: none;
    outline: none;
    background: transparent;
    margin-left: 15px;
    color: #dfdfdf;
    width: 80%;
    font-size: 16px;
}
.contact_form input#code {
    width: 18%;
}
.contact_form img {
    margin-bottom: -14px;
    margin-left: 10px;
}
.contact_form button {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background: #a6272f;
    padding: 16px 50px;
    border: none;
    outline: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
.contact_form button:hover {
    background: #b1141e;
}
.busi {
    height: 100%;
}
.busi .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 34%;
    background: url(/Public/Images/home/phpcms/zh-cn/busi_bg.png) repeat-x left bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.busi .busi_main {
    width: 83%;
    float: left;
    height: 100%;
}
.busi .busi_thumbs {
    width: 17%;
    float: left;
    height: 100%;
}
.busi .busi_thumbs .swiper-slide {
    position: relative;
    background: #000;
    cursor: pointer;
}
.busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active {
    background: #a6272f;
}
.busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active .img {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}
.busi .busi_col {
    height: 100%;
}
.busi .busi_col > .swiper-container {
    height: 100%;
}
.busi .busi_col .swiper-slide {
    position: relative;
    height: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.busi .busi_col .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 48px;
    height: 3px;
    display: inline-block;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    background: rgba(255, 255, 255, 0.4);
}
.busi .busi_col .swiper-pagination .swiper-pagination-bullet.on::after {
    animation: progress 3.5s infinite;
    -moz-animation: progress 3.5s infinite;
    -webkit-animation: progress 3.5s infinite;
    -o-animation: progress 3.5s infinite;
    -ms-animation: progress 3.5s infinite;
}
.busi .busi_col .swiper-pagination .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    width: 0;
    background: #a6272f;
}
.busi .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
.busi .text {
    position: absolute;
    width: 80%;
    left: 13%;
    bottom: 8%;
}
.busi h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 12px;
}
.busi p {
    font-size: 16px;
    color: #d5d5d5;
    line-height: 1.7;
}
.busi .swiper-container-horizontal > .swiper-pagination-bullets, .busi .swiper-pagination-custom, .busi .swiper-pagination-fraction {
    bottom: 4%;
    left: 13%;
    width: 100%;
    text-align: left;
}
.busi h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    width: 100%;
    text-align: center;
}
.busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active h2{
    top: 39%;
}
.busi_thumbs .busi_thumbs-button a{
    font-size: 15px;
    color: white;
    -webkit-transition: color 0s, all 0s;
    -moz-transition: color 0s, all 0s;
    -ms-transition: color 0s, all 0s;
    -o-transition: color 0s, all 0s;
    transition: color 0s, all 0s;
}
.busi .img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: .3;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    filter: alpha(opacity=30);
}
@media (max-width: 1800px) {
    .header .right_col {
        width: 77%;
    }
    .case h1 {
        font-size: 30px;
    }
    .case p {
        font-size: 14px;
        margin: 6px 0 21px;
    }
    .case a {
        padding: 14px 33px;
    }
}
@media (max-width: 1700px) {
    .rec_popup_con h1 {
        font-size: 48px;
    }
    .rec_popup_con h2 {
        font-size: 48px;
    }
}
@media (max-width: 1650px) {
    .development .slick_time {
        padding-top: 7%;
    }
    .development .slick_time .slick-prev {
        top: 25px;
    }
    .development {
        padding: 75px 0 114px;
    }
    .index_banner .txt-swiper p {
        font-size: 21px;
    }
    .header .nav_tile > li > a span {
        font-size: 18px;
    }
    .header .nav_tile > li > a {
        padding: 0 13px;
    }
    .about_banner h1 {
        font-size: 50px;
    }
    .about_intro h1 {
        font-size: 50px;
    }
    .about_intro p {
        font-size: 14px;
    }
    .about_intro p {
        font-size: 14px;
    }
    .development .slick_time em {
        font-size: 30px;
        padding: 12px 0;
    }
    .culture h1 {
        font-size: 43px;
    }
    .culture h2 {
        font-size: 28px;
    }
    .culture p {
        font-size: 14px;
    }
    .quali h1 {
        font-size: 50px;
    }
    .quali {
        padding: 100px 0 105px;
    }
    .organ h1 {
        font-size: 50px;
    }
    .rec_popup_con em {
        font-size: 24px;
    }
    .rec_popup_con h1 {
        font-size: 40px;
    }
    .rec_popup_con h2 {
        font-size: 40px;
    }
    .rec_popup_con .rec_tit p {
        font-size: 14px;
    }
    .rec_popup_con h4 {
        font-size: 18px;
    }
    .rec_popup_con p {
        font-size: 13px;
    }
    .case_de_slick .slick_col p {
        font-size: 38px;
    }
    .other_case .other_slick {
        width: 82%;
        margin-left: 40%;
    }
    .contact span {
        font-size: 24px;
    }
    .contact p {
        font-size: 15px;
    }
    .contact .con {
        height: 285px;
    }
    .contact_form h1 {
        font-size: 40px;
    }
    #dituContent {
        height: 580px;
    }
    .iw_poi_title {
        font-size: 26px;
    }
    .iw_poi_content {
        font-size: 16px;
    }
}
@media (max-height: 800px) {
    .busi h1 {
        font-size: 30px;
    }
    .busi p {
        font-size: 14px;
    }
    .busi h2 {
        font-size: 16px;
    }
}
@media (max-width: 1520px) {
    .index_banner .swiper-button-prev i, .index_banner .swiper-button-next i {
        font-size: 46px;
    }
    .index_banner .swiper-button-prev, .index_banner .swiper-button-next {
        margin-top: -25px;
    }
    .header .nav_tile > li > a span {
        font-size: 16px;
    }
    .header .search:hover input {
        width: 164px;
    }
    .header .search input {
        height: 32px;
    }
    .header .logo {
        margin: 22px 0 0;
    }
    .header .nav_box {
        margin: 25px 0;
    }
    .header .lan_box {
        line-height: 82px;
    }
    body {
        padding-top: 82px;
    }
    .busi h2 {
        font-size: 16px;
    }
    .busi_thumbs .busi_thumbs-button a {
        font-size: 12px;
    }
    .busi h1 {
        font-size: 32px;
    }
    .busi p {
        font-size: 15px;
    }
    .about_banner h1 {
        font-size: 40px;
    }
    .about_banner p {
        font-size: 14px;
    }
    .about_intro h1 {
        font-size: 40px;
    }
    .about_banner {
        padding-top: 40.3%;
    }
    .intro_slick .slick-prev, .intro_slick .slick-next {
        width: 60px;
        height: 90px;
        line-height: 60px;
        margin-top: -45px;
    }
    .intro_slick .slick-prev i, .intro_slick .slick-next i {
        font-size: 27px;
    }
    .intro_slick p {
        font-size: 22px;
    }
    .development .slick_time em {
        font-size: 26px;
    }
    .development .slick_text h1 {
        font-size: 31px;
    }
    .development .slick_text p {
        font-size: 14px;
    }
    .culture {
        padding-top: 46%;
    }
    .culture h1 {
        font-size: 38px;
    }
    .culture em {
        font-size: 14px;
    }
    .culture h2 {
        font-size: 24px;
    }
    .quali h1 {
        font-size: 40px;
    }
    .tit {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .quali li p {
        font-size: 14px;
    }
    .organ h1 {
        font-size: 40px;
    }
    .organ .see {
        margin-top: 13px;
    }
    .banner_com h4 {
        font-size: 35px;
    }
    .join_intro h1 {
        font-size: 32px;
    }
    .join_intro p {
        font-size: 15px;
        margin: 6px 0 32px;
    }
    .join_intro {
        padding: 70px 0 63px;
    }
    .recruit h1 {
        font-size: 37px;
        margin-bottom: 8px;
    }
    .recruit p {
        font-size: 13px;
    }
    .recruit {
        padding: 63px 0 66px;
    }
    .recruit h2 {
        font-size: 26px;
    }
    .recruit span, .recruit em {
        font-size: 14px;
    }
    .recruit i {
        font-size: 19px;
    }
    .recruit .learn_more {
        font-size: 14px;
        margin-top: 27px;
    }
    .rec_popup_con h1 {
        font-size: 30px;
    }
    .rec_popup_con h2 {
        font-size: 30px;
    }
    .rec_popup_con .con {
        padding: 50px 14% 74px;
    }
    .rec_popup_con span {
        font-size: 12px;
        margin-bottom: 34px;
    }
    .rec_popup_con em {
        font-size: 16px;
    }
    .rec_popup_con .rec_tit p {
        font-size: 12px;
    }
    .rec_popup_con .rec_tit {
        padding: 21px 0;
    }
    .case h1 {
        font-size: 26px;
    }
    .case .in {
        left: 4%;
        bottom: 3%;
    }
    .case_de_slick .slick-prev, .case_de_slick .slick-next {
        width: 56px;
        height: 102px;
        line-height: 102px;
        margin-top: -51px;
    }
    .case_de_slick .slick-prev i, .case_de_slick .slick-next i {
        font-size: 31px;
    }
    .case_de_slick .slick_col p {
        font-size: 33px;
    }
    .case_de_slick .slick-dots li {
        width: 10px;
        height: 10px;
    }
    .case_intro {
        padding: 68px 0;
    }
    .case_list p {
        font-size: 13px;
    }
    .case_list i {
        font-size: 15px;
    }
    .case_intro p {
        font-size: 14px;
    }
    .other_case h1 {
        font-size: 38px;
        margin-bottom: 43px;
    }
    .other_case .line {
        top: 70px;
    }
    .other_case {
        padding: 70px 0 76px;
    }
    #dituContent {
        height: 480px;
    }
}
@media (max-width: 1390px) {
    .index_banner .txt-swiper p {
        font-size: 18px;
    }
    .header .logo img {
        height: 39px;
    }
    .header .nav_tile > li > a {
        padding: 0 10px;
    }
    .header .nav_box {
        margin: 23px 0;
    }
    .header .lan em {
        font-size: 12px;
    }
    .header .lan_drop li a {
        font-size: 12px;
    }
    .header .tel i {
        font-size: 22px;
    }
    .header .tel {
        margin-left: 12px;
    }
    .header .search {
        margin-left: 0;
    }
    .header .lan_box {
        line-height: 78px;
    }
    body {
        padding-top: 78px;
    }
    .header .search:hover input {
        width: 124px;
    }
    .header .right_col {
        width: 79%;
    }
    .footer li a {
        font-size: 14px;
    }
    .footer .footer_bot p {
        font-size: 14px;
    }
    .footer .footer_bot .right img {
        height: 42px;
    }
    .busi h1 {
        font-size: 28px;
    }
    .busi p {
        font-size: 13px;
    }
    .busi h2 {
        font-size: 14px;
    }
    .about_banner h1 {
        font-size: 33px;
    }
    .about_banner p {
        font-size: 13px;
    }
    .about_intro h1 {
        font-size: 28px;
    }
    .tit {
        font-size: 12px;
    }
    .about_intro p {
        margin-bottom: 12px;
    }
    .intro_slick p {
        font-size: 18px;
    }
    .quali h1 {
        font-size: 33px;
    }
    .organ h1 {
        font-size: 33px;
    }
    .organ .see {
        font-size: 14px;
        padding: 13px 27px;
    }
    .organ .con {
        padding-bottom: 30px;
    }
    .development {
        padding: 42px 0 82px;
    }
    .banner_com h4 {
        font-size: 28px;
    }
    .join_intro h1 {
        font-size: 28px;
    }
    .join_intro {
        padding: 45px 0 40px;
    }
    .recruit h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }
    .recruit p {
        font-size: 12px;
        line-height: 1.6;
    }
    .recruit h2 {
        font-size: 21px;
    }
    .recruit span, .recruit em {
        font-size: 12px;
    }
    .recruit i {
        font-size: 17px;
    }
    .recruit .learn_more {
        font-size: 12px;
        margin-top: 19px;
    }
    .recruit .con {
        padding: 57px 18px 45px;
    }
    .recruit .col_lg_12 {
        padding: 0 13px;
        margin-bottom: 26px;
    }
    .recruit .row {
        margin: 36px -13px 0;
    }
    .case h1 {
        font-size: 22px;
    }
    .case p {
        font-size: 12px;
        margin: 6px 0 16px;
    }
    .case a {
        font-size: 14px;
        padding: 10px 25px;
    }
    .case_de_slick .slick_col p {
        font-size: 28px;
    }
    .other_case .other_slick .slick-prev, .other_case .other_slick .slick-next {
        bottom: -15%;
    }
    .contact span {
        font-size: 19px;
    }
    .contact .con img {
        height: 44px;
    }
    .contact span {
        font-size: 17px;
        margin: 6px 0;
    }
    .contact p {
        font-size: 12px;
    }
    .contact .con {
        height: 218px;
    }
    .contact_form h1 {
        font-size: 32px;
    }
    .contact_form h4 {
        font-size: 12px;
    }
    .contact_form .row {
        margin-bottom: 36px;
    }
    .contact_form label {
        font-size: 14px;
    }
    .contact_form input {
        font-size: 14px;
    }
}
@media (max-width: 1200px) {
    body {
        padding-top: 50px;
    }
    .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
        background: #a6272f;
    }
    .shadow .logo_box img {
        width: auto;
        height: 39px;
        margin-top: 7px;
        margin-left: 12px;
    }
    .m_header {
        z-index: 9999999999999;
    }
    .footer_bot .left, .footer_bot .right {
        float: none;
    }
    .footer_bot .right {
        margin-top: 20px;
    }
    .footer {
        padding: 28px 0;
    }
    .layui-layer {
        z-index: 99999999999999 !important;
    }
    .case {
        padding-top: 6px;
    }
    .case .col_lg_14 {
        padding: 0 3px 0 0;
    }
    .case .col_lg_10 {
        padding: 0 0 0 3px;
    }
    .case .col_lg_10 .con {
        margin-bottom: 6px;
    }
    .case .col_lg_14 .con {
        margin-bottom: 6px;
    }
    .case .row:nth-child(2n) .col_lg_14 {
        padding: 0 0 0 3px;
    }
    .case .row:nth-child(2n) .col_lg_10 {
        padding: 0 3px 0 0;
    }
    .contact {
        padding: 5% 0;
    }
    .case .col_lg_14.col_lg_push_10{
        padding: 0 0 0 3px;
    }
    .case .col_lg_10.col_lg_pull_14 {
        padding: 0 3px 0 0;
    }
}
@media (max-width: 992px) {
    .index_banner .txt-swiper {
        display: none;
    }
    .busi h1 {
        font-size: 24px;
    }
    .busi p {
        font-size: 12px;
    }
    .busi h2 {
        font-size: 12px;
    }
    .about_banner h1 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .about_banner p {
        font-size: 12px;
    }
    .tit {
        padding-top: 30px;
    }
    .tit::after {
        height: 25px;
    }
    .about_intro {
        padding: 29px 16% 13%;
    }
    .about_intro h1 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .about_intro p {
        font-size: 12px;
    }
    .intro_slick .slick-prev, .intro_slick .slick-next {
        width: 36px;
        height: 48px;
        line-height: 48px;
        margin-top: -24px;
    }
    .intro_slick .slick-prev i, .intro_slick .slick-next i {
        font-size: 16px;
    }
    .intro_slick p {
        font-size: 14px;
    }
    .development .slick_time em {
        font-size: 19px;
        padding: 9px 0;
    }
    .development .slick_time .slick-prev i, .development .slick_time .slick-next i {
        font-size: 40px;
    }
    .development .slick_time .slick-prev, .development .slick_time .slick-next {
        margin-left: -20px;
    }
    .development .slick_text h1 {
        font-size: 26px;
    }
    .development .slick_text p {
        font-size: 12px;
    }
    .development .slick_time .slick-prev {
        top: 61px;
    }
    .development .slick_time {
        padding-top: 17%;
    }
    .development .slick_time .slick-next {
        bottom: -59px;
    }
    .development {
        padding: 9px 0 20px;
    }
    .culture h1 {
        font-size: 28px;
    }
    .culture em {
        font-size: 12px;
    }
    .culture h2 {
        font-size: 18px;
    }
    .culture p {
        font-size: 12px;
    }
    .culture .row {
        margin: 17px -1% 0;
    }
    .quali h1 {
        font-size: 24px;
    }
    .tit {
        font-size: 10px;
    }
    .quali li p {
        font-size: 12px;
    }
    .quali {
        padding: 45px 0 49px;
    }
    .organ h1 {
        font-size: 25px;
    }
    .organ .see {
        font-size: 12px;
        padding: 10px 20px;
    }
    .organ .con {
        padding-bottom: 21px;
    }
    .join_intro h1 {
        font-size: 24px;
    }
    .join_intro p {
        font-size: 12px;
        margin: 6px 0 20px;
    }
    .recruit {
        padding: 39px 0 45px;
    }
    .recruit h1 {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .recruit h2 {
        font-size: 18px;
    }
    .recruit .con {
        padding: 34px 18px 25px;
    }
    .rec_popup_con .con {
        padding: 35px 7% 74px;
    }
    .rec_popup_con h2 {
        font-size: 24px;
    }
    .case h1 {
        font-size: 18px;
    }
    .case p {
        font-size: 12px;
        margin: 4px 0 12px;
    }
    .case a {
        font-size: 12px;
        padding: 8px 18px;
    }
    .case_de_slick .slick-prev, .case_de_slick .slick-next {
        width: 49px;
        height: 70px;
        line-height: 70px;
        margin-top: -35px;
    }
    .case_de_slick .slick_col p {
        font-size: 20px;
    }
    .case_de_slick .slick-dots li {
        margin: 0 3px;
    }
    .case_intro {
        padding: 42px 0;
    }
    .case_list p {
        margin-bottom: 9px;
    }
    .other_case h1 {
        font-size: 30px;
        margin-bottom: 27px;
    }
    .other_case .line {
        top: 54px;
    }
    .other_case {
        padding: 49px 0 62px;
    }
    .other_case .other_slick {
        width: 82%;
        margin-left: 45%;
    }
    .other_case .slick-dots {
        bottom: -8%;
        padding-left: 2%;
    }
    .other_case .other_slick .slick-prev, .other_case .other_slick .slick-next {
        bottom: -21%;
    }
    .other_case .other_slick .slick-next {
        left: 6%;
    }
    .contact .col_lg_8 {
        padding: 0 8px;
    }
    .contact .row {
        margin: 0 -16px;
    }
    .contact_form {
        padding: 4% 15%;
    }
    #dituContent {
        height: 320px;
    }
    .iw_poi_title {
        font-size: 22px;
        padding: 0 18px;
    }
    .iw_poi_content {
        font-size: 14px;
    }
    #go_there {
        font-size: 16px;
    }
    .case .more {
        margin: 18px 0;
    }
}
@media (max-width: 767px) {
    .footer li a {
        font-size: 12px;
        padding: 0 8px;
    }
    .container_wrap {
        padding: 0 7%;
    }
    .footer .footer_bot p {
        font-size: 12px;
    }
    .footer .footer_bot em, .footer .footer_bot em a {
        font-size: 12px;
    }
    .footer .footer_bot {
        padding-top: 7px;
    }
    .footer ul {
        margin-left: -8px;
        padding-bottom: 9px;
    }
    .footer .footer_bot .right img {
        height: 34px;
    }
    .footer_bot .right {
        margin-top: 12px;
    }
    .footer {
        padding: 15px 0;
    }
    .index_banner .txt-swiper {
        padding: 0 7%;
    }
    .index_banner .swiper-button-prev i, .index_banner .swiper-button-next i {
        font-size: 29px;
    }
    .index_banner .swiper-button-prev, .index_banner .swiper-button-next {
        margin-top: -16px;
    }
    .busi .text {
        left: 9%;
    }
    .busi .swiper-container-horizontal > .swiper-pagination-bullets, .busi .swiper-pagination-custom, .busi .swiper-pagination-fraction {
        left: 7%;
    }
    .busi .busi_col .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
    }
    .busi .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }
    .busi h1 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .busi p {
        font-size: 10px;
        line-height: 1.6;
    }
    .about_banner {
        padding-top: 46.3%;
    }
    .about_banner h1 {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .about_intro h1 {
        font-size: 16px;
    }
    .about_intro {
        padding: 20px 7% 5%;
    }
    .intro_slick {
        padding-top: 0;
        background: none;
    }
    .intro_slick .slick_box {
        position: static;
        padding: 0 7%;
    }
    .intro_slick .img {
        padding-top: 61%;
    }
    .intro_slick .slick-prev, .intro_slick .slick-next {
        width: 27px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px;
    }
    .intro_slick .slick-prev i, .intro_slick .slick-next i {
        font-size: 11px;
    }
    .intro_slick p {
        font-size: 12px;
    }
    .development .slick_text {
        width: 54%;
    }
    .development .line {
        right: 61%;
    }
    .development .slick_time {
        padding-top: 29%;
    }
    .development .slick_text h1 {
        font-size: 22px;
        padding-bottom: 12px;
        margin-bottom: 11px;
    }
    .culture {
        padding-top: 59%;
    }
    .culture h1 {
        font-size: 20px;
    }
    .culture em {
        font-size: 9px;
    }
    .culture h2 {
        font-size: 14px;
    }
    .culture p {
        font-size: 10px;
    }
    .culture .con {
        padding: 0;
    }
    .quali h1 {
        font-size: 20px;
    }
    .quali .left {
        left: 7%;
    }
    .quali ul {
        margin-left: 37%;
        width: 65%;
    }
    .quali {
        padding: 30px 0;
    }
    .organ h1 {
        font-size: 20px;
    }
    .organ .see {
        margin-top: 7px;
    }
    .organ .con {
        padding-bottom: 9px;
    }
    .organ_img .close {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .organ_img .close i {
        font-size: 22px;
    }
    .banner_com {
        padding-top: 35%;
    }
    .banner_com h4 {
        font-size: 20px;
    }
    .join_intro h1 {
        font-size: 18px;
    }
    .join_intro {
        padding: 29px 0 14px;
    }
    .recruit h1 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .recruit p {
        font-size: 12px;
        line-height: 1.5;
    }
    .recruit .row {
        margin: 19px -13px 0;
    }
    .recruit h2 {
        font-size: 18px;
    }
    .recruit {
        padding: 29px 0 0;
    }
    .rec_popup_con h1 {
        font-size: 22px;
        padding-bottom: 12px;
        margin-bottom: 7px;
    }
    .rec_popup_con em {
        font-size: 12px;
    }
    .rec_popup_con .rec_tit p {
        font-size: 10px;
        line-height: 1.4;
    }
    .rec_popup_con .back {
        right: 8%;
        top: 13%;
        margin-top: 0;
        font-size: 13px;
    }
    .rec_popup_con .left {
        width: 100%;
        float: none;
    }
    .rec_popup_con .right {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .rec_popup_con h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .rec_popup_con span {
        font-size: 12px;
        margin-bottom: 18px;
    }
    .rec_popup_con .con {
        padding: 25px 7% 28px;
    }
    .rec_popup_con a {
        font-size: 14px;
        padding: 10px 22px;
    }
    .rec_popup_con h4 {
        font-size: 17px;
    }
    .rec_popup_con p {
        font-size: 12px;
    }
    .case .col_lg_14, .case .col_lg_10, .case .col_lg_14.col_lg_push_10, .case .col_lg_10.col_lg_pull_14 {
        padding: 0 6px 0;
    }
    .case .col_lg_14, .case .col_lg_10, .case .row:nth-child(2n) .col_lg_14, .case .row:nth-child(2n) .col_lg_10 {
        padding: 0 6px 0;
    }
    .case_de_slick .slick_col p {
        font-size: 14px;
    }
    .case_de_slick .slick-dots li {
        width: 6px;
        height: 6px;
    }
    .case_de_slick .slick-dots {
        bottom: 17%;
    }
    .case_intro .case_list {
        width: 100%;
        border-right: none;
        padding-right: 0;
        float: none;
    }
    .case_intro .right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .case_intro {
        padding: 18px 0;
    }
    .case_list i {
        font-size: 14px;
    }
    .other_case .text {
        position: static;
        left: 0;
        top: 50%;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        padding-left: 7%;
        max-width: 100%;
    }
    .other_case h1 {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .other_case .line {
        top: 38px;
        width: 38%;
    }
    .other_case .other_slick {
        width: 100%;
        margin-left: 0;
        margin-top: 18px;
    }
    .other_case .slick-dots {
        width: 100%;
        bottom: 12px;
        padding-left: 0;
    }
    .other_case {
        padding: 25px 0 14px;
    }
    .contact .con {
        height: auto;
        padding: 10% 8% 10% 14%;
    }
    .contact .col_lg_8 {
        padding: 0;
        margin-bottom: 14px;
    }
    .contact .con img {
        height: 38px;
    }
    .contact span {
        font-size: 16px;
        margin: 6px 0;
    }
    .contact p {
        font-size: 12px;
        line-height: 1.4;
    }
    .contact .row {
        margin: 0;
    }
    .contact_form {
        padding: 7%;
    }
    .contact_form h1 {
        font-size: 24px;
    }
    .contact_form .row {
        margin: 0;
        margin-bottom: 20px;
    }
    .contact_form .contact_t {
        margin-bottom: 27px;
    }
    .contact_form input {
        width: 58%;
    }
    .contact_form button {
        font-size: 14px;
        padding: 14px 41px;
    }
    #dituContent {
        height: 220px;
    }
    .iw_poi_title {
        font-size: 16px;
        padding: 0 20px;
    }
    .iw_poi_content {
        font-size: 12px;
    }
    #go_there {
        font-size: 13px;
        padding: 10px 0;
        margin-top: 8px;
    }
    #go_there i {
        margin-left: 8px;
        font-size: 12px;
    }
}
@media (max-width: 325px) {
    .contact_form input {
        width: 54%;
    }
}

/* llen update */
/* llen更改的建筑工业装配.html中“返回”的样式 */

.news_detail .learn_more {
    position: relative;
    display: inline-block;
    padding: 12px 38px;
    margin-top: 40px;
    background-color: #a6272f;
    font-size: 16px;
    color: white;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

/* -- */

/* llen添加的移动端查看案例详情.html */
.addShow{
    position: relative;
    top: -25px;
}
.index_banner .text {
    position: absolute;
    width: 80%;
    left: 13%;
    bottom: 8%;
}

.index_banner h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 12px;
}

.index_banner p {
    font-size: 16px;
    color: #d5d5d5;
    line-height: 1.7;
}

/* -- */
/* llen添加样式 */

/* 业务领域 */

.busi_thumbs-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.busi_thumbs .busi_thumbs-button {
    margin-top: 51px;
    width: 100%;
    -webkit-display: flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    visibility: hidden;
}
.busi_thumbs .busi_thumbs-button div {
    z-index: 2;
    color: white;
    text-align: center;
    padding: 5px 9px;
    border: 1px solid white;
}
.busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active .busi_thumbs-button{
    visibility:visible;
}
.busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active .busi_thumbs-button div.pho{
    display: none;
}

/* 详细介绍 */

.news_con h6 {
    font-weight: 600;
    text-align: left;
}

/* 移动端查看案例详情.html */
.busi .busi_item .swiper-button-prev,.swiper-button-next{
    background-image: none;
}
.busi_item .swiper-button-prev i,.swiper-button-next i{
    color: white;
    font-size: 55px;
}
.busi_item .swiper-button-prev i:hover,.swiper-button-next i:hover{
    color: #a6272f;
}
.busi .busi_item .swiper-button-next{
    right: 40px;
}
.swiper-button-prev p{
    display: none;
    width: 50px;
    height: 20px;
    color: white;
    position: fixed;
    top: 60px;
    right: 15px;
}
.swiper-button-prev p::after{
    content: url(/Public/Images/home/phpcms/zh-cn/backButton.png);
    position: relative;
    left: 7px;
    top: -55px;
}
/* -- */
@media (max-width: 992px) {
    /* llen添加得样式 */
    /* 业务领域 */

    /* 详细介绍 */
    .news_con {
        margin: 0 auto;
        width: 90%;
    }
    element.style {
        visibility: visible;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-name: fadeInUp;
    }
    .learn_more {
        width: 100%;
        margin-top: 5px !important;
    }
}
/* -- */

@media (max-width: 767px) {
    /*viki*/
    .busi_main .swiper-wrapper > .swiper-slide{
        display:none;
    }
    .busi_main .busi_col .swiper-wrapper > .swiper-slide{
        display:block;
    }
    .busi_main .swiper-wrapper > .swiper-slide.on{
        display:block;
    }
    /* llen修改的样式 */
    /* 业务领域 */
    .busi .busi_thumbs {
        width: 100%;
    }
    .busi .busi_thumbs .swiper-wrapper{
        display: block;
    }
    .busi_thumbs .swiper-slide {
        width: 100%;
    }
    .busi .busi_thumbs .swiper-slide{
        height: 25%;
    }
    .busi .busi_thumbs .swiper-slide.on{
        background: #a6272f;
    }
    .busi .busi_thumbs .swiper-slide.on .img{
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        filter: alpha(opacity=0);
    }
    .busi .busi_thumbs .swiper-slide.on .busi_thumbs-button{
        visibility: visible;
    }
    .busi_thumbs .swiper-slide h2 {
        font-size: 20px;
    }
    .busi_thumbs .busi_thumbs-button a,.busi_thumbs .busi_thumbs-button div {
        font-size: 14px;
    }
    .busi_thumbs .busi_thumbs-button div {
        margin: 0 20px;
    }
    .busi_thumbs .busi_thumbs-button {
        margin-top: 87px;
    }
    .busi_thumbs .busi_thumbs-button{
        width: auto;
    }
    .busi .busi_thumbs .swiper-slide.swiper-slide-thumb-active .busi_thumbs-content .busi_thumbs-button div {
        visibility: visible !important;
    }
    /* 详情介绍 */
    .news_con {
        margin: 0 auto;
        width: 90%;
    }
    /* 移动端查看案例详情 */
    .busi .busi_main {
        height: 0px;
        overflow: hidden;
    }
    .busi .busi_main{
        width: 100% !important;
    }
    .news_detail {
        padding-top: 36px;
    }
    .busi_col .swiper-slide{
        background-image: url("/Public/Images/home/phpcms/zh-cn/business_banner.png") !important;
    }
    .busi_thumbs{
        display: block;
    }
    .busi_item .swiper-slide{
        width: 100% !important;
    }
    .busi i {
        color: white;
    }
    .swiper-pagination{
        left: 7.5% !important;
    }
    .swiper-button-prev p{
        display: block;
    }
}
/* -- */