/* CSS Document */
@charset "utf-8";
.container{position: relative;}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1.00);
        opacity: 1.0;
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }

    100% {
        transform: scale(1.00);
        opacity: 1.0;
    }
}

.scaleOut {
    -webkit-animation: scaleOut 0.3s ease-in-out both;
    animation: scaleOut 0.3s ease-in-out both;
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1.0;
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(1.5);
        opacity: 0.0;
    }

    100% {
        transform: scale(1);
        opacity: 1.0;
    }
}

.scaleIn {
    -webkit-animation: scaleIn 0.3s ease-in-out both;
    animation: scaleIn 0.3s ease-in-out both;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation: fadeIn 0.3s ease-in-out both;
    animation: fadeIn 0.3s ease-in-out both;
}

@-webkit-keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

.slideInUp {
    -webkit-animation: slideInUp 0.5s ease-in-out both;
    animation: slideInUp 0.5s ease-in-out both;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0);
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

.slideDown {
    -webkit-animation: slideDown 0.5s ease-in-out both;
    animation: slideDown 0.5s ease-in-out both;
}

.banner{max-width: 1920px;margin:0 auto;}
.section4{max-width: 1920px;margin:0 auto;}

.banner .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.bannerb1 { position: relative; text-align: center;}

.swiper-slide-active .bannerb1 .b11 { animation: fadeIn 0.4s ease-in-out both; }
.swiper-slide-active .bannerb1 .b12 { animation: slideDown 0.6s ease-in-out both; animation-delay:.7s; }
.swiper-slide-active .bannerb1 .b12s {animation: slideDown 0.6s ease-in-out both; animation-delay:1.3s; }
.swiper-slide-active .bannerb1 .b13 { animation: slideDown 0.6s ease-in-out both; animation-delay:1.9s; }
.swiper-slide-active .bannerb1 .b14 { animation: slideDown 0.6s ease-in-out both; animation-delay:2.3s; }
.swiper-slide-active .bannerb1 .b15 { animation: slideDown 0.6s ease-in-out both; animation-delay:2.9s; }

.bannerb2 { position: relative;text-align: center; }
.swiper-slide-active .bannerb2 .b22 { animation: slideInUp 0.6s ease-in-out both; animation-delay:.4s; }
.swiper-slide-active .bannerb2 .b23 { animation: scaleIn 0.4s ease-in-out both; animation-delay:0.9s; }
.swiper-slide-active .bannerb2 .b24 { animation: slideInUp 0.4s ease-in-out both; animation-delay:1.4s; }
.swiper-slide-active .bannerb2 .b25 { animation: fadeIn 0.6s ease-in-out both; animation-delay:2.1s;}

.bannerb3 { position: relative;text-align: center; }
.swiper-slide-active .bannerb3 .b32 { animation: slideInUp 0.6s ease-in-out both; animation-delay:.4s; }
.swiper-slide-active .bannerb3 .b36 { animation: slideDown 0.4s ease-in-out both; animation-delay:1.1s;}
.swiper-slide-active .bannerb3 .b33 { animation: fadeIn 0.4s ease-in-out both; animation-delay:1.6s; }
.swiper-slide-active .bannerb3 .b34 { animation: fadeIn 0.4s ease-in-out both; animation-delay:2.1s; }
.swiper-slide-active .bannerb3 .b35 { animation: fadeIn 0.4s ease-in-out both; animation-delay:2.6s;}

.bannerb3 { position: relative; }

.banner .swiper-pagination{bottom: 5% !important;}
.banner .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;width: 104px;height: 3px;border-radius: 0;background: rgba(255,255,255,0.3);}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-button-prev{width: 20px;height: 37px;background: url(/cn/images/banner_prev_34.png) no-repeat center;background-size: cover;left:5%;}
.banner .swiper-button-next{width: 20px;height: 37px;background: url(/cn/images/banner_next_37.png) no-repeat center;background-size: cover;right:5%;}


.s_t{text-align: center;}
.s_t .s_ta{font-size: 34px;color: #333333;}
.s_t .s_tb{width: 43px;height: 2px;background: #017359;margin:7px auto 0;}
.section1{margin-top: 72px;}
.s1_c{margin-top: 70px;}
.s1_c .s1_ci{float: left;width: 32.1%;margin-right: 1.85%;position: relative;}
.s1_c .s1_ci:nth-child(3n){margin-right: 0;}
.s1_c .s1_ci .s1_cib{position: absolute;left:6%;top:10%;width: 43.5%;}
.s1_c .s1_ci .s1_cib .s1_ciba{font-size: 24px;color: #ffffff;font-weight: bold;}
.s1_c .s1_ci .s1_cib .s1_cibb{margin-top: 10px;font-size: 18px;color: rgba(255,255,255,0.8);line-height: 26px;}
.s1_c .s1_ci .s1_cia{overflow: hidden;}
.s1_c .s1_ci .s1_cia img{
    transition: transform 0.6s;
    -moz-transition: transform 0.6s; 
    -webkit-transition: transform 0.6s; 
    -o-transition: transform 0.6s;
    width: 100%;
}
.s1_c .s1_ci:hover .s1_cia img{
    transform:scale(1.1);
-ms-transform:scale(1.1);   
-moz-transform:scale(1.1);  
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
@media only screen and (max-width:1600px){
    .s_t .s_ta{font-size: 28px;}
    .s_t .s_tb{margin:4px auto 0;}
    .section1{margin-top: 50px;}
    .s1_c{margin-top: 50px;}
    .s1_c .s1_ci .s1_cib .s1_ciba{font-size: 20px;}
    .s1_c .s1_ci .s1_cib .s1_cibb{font-size: 16px;margin-top: 7px;}
}

.section2{margin-top: 72px;}
.s2_c{margin-top: 70px;}
.s2_c .s2_ci{float: left;position: relative;overflow: hidden;margin-right:calc(30/1600 *100%);margin-bottom:calc(30/1600 *100%);width: calc(513 / 1600 *100%);}
.s2_c .s2_ci.s2_ci2,.s2_c .s2_ci.s2_ci4,.s2_c .s2_ci.s2_ci7{margin-right: 0;}
.s2_c .s2_ci.s2_ci1,.s2_c .s2_ci.s2_ci4{width: calc(1057 / 1600 * 100%);}
.s2_c .s2_ci .s2_cia{overflow: hidden;position: relative;}
.s2_c .s2_ci .s2_cia img{
    transition: transform 0.6s;
    -moz-transition: transform 0.6s; 
    -webkit-transition: transform 0.6s; 
    -o-transition: transform 0.6s;
    width: 100%;
}
.s2_c .s2_ci:hover .s2_cia img{
    transform:scale(1.1);
-ms-transform:scale(1.1);   
-moz-transform:scale(1.1);  
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
.s2_c .s2_ci .s2_cia .mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;visibility: visible;opacity: 0;}
.s2_c .s2_ci:hover .s2_cia .mask{background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);opacity: 1;height: 100%;top: 0;}
.s2_c .s2_ci .s2_cib{position: absolute;z-index: 4;bottom: -55px;padding: 25px 25px;left:0;width: 100%;transition: all 0.6s;box-sizing: border-box;}
.s2_c .s2_ci:hover .s2_cib{bottom: 0;}
.s2_c .s2_ci .s2_cib .s2_ciba{font-size: 18px;color: #ffffff;}
.s2_c .s2_ci .s2_cib .s2_cibb{font-size: 24px;color: #ffffff;font-weight: bold;margin:5px 0 0;}
.s2_c .s2_ci .s2_cib .s2_cibc{font-size: 18px;color: rgba(255,255,255,0.6);margin:15px 0 0;transition: all 0.6s;}
.s2_c .s2_ci:hover .s2_cib .s2_cibc{margin:8px 0 0;}
.s2_c .s2_ci .s2_cib .s2_cibd{margin-top: 25px;font-size: 16px;color: #fff}
@media only screen and (max-width:1600px){
    .section2{margin-top: 50px;}
    .s2_c{margin-top: 50px;}
    .s2_c .s2_ci .s2_cib{padding: 20px 20px;}
    .s2_c .s2_ci .s2_cib .s2_ciba{font-size: 16px;}
    .s2_c .s2_ci .s2_cib .s2_cibb{font-size: 20px;}
    .s2_c .s2_ci .s2_cib .s2_cibc{font-size: 16px;}
    .s2_c .s2_ci .s2_cib{bottom: -50px;}
    .s2_c .s2_ci .s2_cib .s2_cibd{font-size: 14px;}
}

.section3{margin-top: 72px;}
.s3_c{margin-top: 70px;}
.s3_c .s3_ci{float: left;width: calc(513 / 1600 * 100%);margin-right: calc(30.5 / 1600 * 100%);background: #f7f8f9;box-sizing: border-box;}
.s3_c .s3_ci .s3_cia{position: relative;height: 325px;overflow: hidden;}
.s3_c .s3_ci .s3_cia img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.s3_c .s3_ci .s3_cib{padding: 25px 30px 0;height: 204px;box-sizing: border-box;}
.s3_c .s3_ci .s3_cib .s3_ciba{font-size: 18px;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s3_c .s3_ci .s3_cib .s3_cibb{font-size: 16px;color: #666666;margin:15px 0;}
.s3_c .s3_ci .s3_cib .s3_cibc{font-size: 16px;color: #666666;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s3_c .s3_cx{float: right;width: calc(513 / 1600 * 100%);position: relative;}
.s3_c .s3_cx{scrollbar-color: #adadad #f7f8f9; /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */ /* -ms-overflow-style:none; */ scrollbar-base-color: pink; scrollbar-face-color: #1a2d56; scrollbar-track-color: #dcdcdc;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar{width:2;height:2px;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar-button:vertical{display:none}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar-thumb:vertical:hover{background-color: #adadad;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar-thumb:vertical:active{background-color: #adadad;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar{width: 2px;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar-track{background: #f7f8f9;}
.s3_c .s3_cx .s3_cx_scorll::-webkit-scrollbar-thumb{background: #adadad;border-radius: 8px;}
.s3_c .s3_cx .s3_cx_scorll{height: 529px;box-sizing: border-box;padding: 60px 30px 62px;box-sizing: border-box;background: #f7f8f9;overflow: auto;}
.s3_c .s3_cx .s3_cxa{position: absolute;left:0;top:0;height: 60px;background: #f7f8f9;width: calc(100% - 5px);}
.s3_c .s3_cx .s3_cxa span{display: inline-block;width: 106px;height: 38px;line-height: 38px;text-align: center;background: #7b7c7c;font-size: 14px;color: #e9eaee;}
.s3_c .s3_cx .s3_cxc{position: absolute;left:0;bottom: 0;height: 62px;background: #f7f8f9;width: calc(100% - 5px);}
.s3_c .s3_cx .s3_cxc a{display: inline-block;margin-right: 23px;float: right;display: inline-block;width: 144px;height: 44px;line-height: 44px;text-align: center;border:1px solid #7b7c7c;font-size: 14px;color: #fff;background: #7b7c7c;}
.s3_c .s3_cx .s3_cxc a:hover{background: #017359;border-color: #017359;color: #fff;}
.s3_c .s3_cx .s3_cxb{}
.s3_c .s3_cx .s3_cxb .s3_cxbi{margin-bottom: 17px;}
.s3_c .s3_cx .s3_cxb .s3_cxbi .s3_cxbia{font-size: 18px;color: #000000;line-height: 2;}
.s3_c .s3_cx .s3_cxb .s3_cxbi .s3_cxbib{font-size: 14px;color: #666666;margin-top: 5px;}
.s3_c .s3_cx .s3_cxb .s3_cxbi:hover .s3_cxbia{color: #017359;}
.s3_c .s3_cx .s3_cxb .s3_cxbi:hover .s3_cxbib{color: #017359;}
@media only screen and (max-width:1600px){
    .s3_c .s3_ci .s3_cia{height: 300px;}
    .s3_c .s3_cx .s3_cx_scorll{height: 504px;}
    .s3_c .s3_ci .s3_cib .s3_ciba{font-size: 16px;}
    .s3_c .s3_ci .s3_cib .s3_cibb{font-size: 14px;margin:10px 0;}
    .s3_c .s3_ci .s3_cib .s3_cibc{font-size: 14px;line-height: 22px;}
    .s3_c .s3_cx .s3_cxb .s3_cxbi .s3_cxbia{font-size: 16px;}
    .s3_c .s3_cx .s3_cxb .s3_cxbi .s3_cxbib{font-size: 13px;margin-top: 3px;}
}
@media only screen and (max-width:1400px){
    .section3{margin-top: 50px;}
    .s3_c{margin-top: 50px;}
    .s3_c .s3_ci .s3_cia{height: 280px;}
    .s3_c .s3_ci .s3_cib{padding: 20px 25px 0;height: 160px;}
    
    .s3_c .s3_cx .s3_cx_scorll{height: 440px;padding: 50px 20px 50px;}
    .s3_c .s3_cx .s3_cxa span{width: 100px;height: 34px;line-height: 34px;}
    .s3_c .s3_cx .s3_cxa{height: 50px;}
    .s3_c .s3_cx .s3_cxb .s3_cxbi{margin-bottom: 12px;}
    
    .s3_c .s3_cx .s3_cxc{height: 50px;}
    .s3_c .s3_cx .s3_cxc a{margin-right: 20px;width: 135px;height: 36px;line-height: 36px;font-size: 13px;}
}
@media only screen and (max-width:1300px){ 
    .s3_c .s3_ci .s3_cia{height: 260px;}
    .s3_c .s3_cx .s3_cx_scorll{height: 420px;}
}

.section4{margin-top: 60px;}
.s4_c .s4_ci .s4_cib{position: absolute;left:0;top:30%;width: 100%;}
.s4_c .s4_ci .s4_cib .s4_ciba{font-size: 34px;color: #ffffff;font-weight: bold;}
.s4_c .s4_ci .s4_cib .s4_cibb{width: 40.5%;font-size: 16px;color: #ffffff;line-height: 2;margin-top: 10px;}
.s4_c .s4_ci .s4_cib .s4_cibc{margin-top: 85px;}
.s4_c .s4_ci .s4_cib .s4_cibc span{display: inline-block;width: 142px;height: 44px;line-height: 44px;text-align: center;border:1px solid rgba(255,255,255,0.3);font-size: 16px;color: #ffffff;}
.s4_c .swiper-slide:hover .s4_ci .s4_cib .s4_cibc span{background: #017359;border-color: #017359;}

@media only screen and (max-width:1440px){
    .section4{margin-top: 40px;}
    .s4_c .s4_ci .s4_cib{top:25%;}
    .s4_c .s4_ci .s4_cib .s4_ciba{font-size: 28px;}
    .s4_c .s4_ci .s4_cib .s4_cibb{font-size: 14px;margin-top: 7px;}
    .s4_c .s4_ci .s4_cib .s4_cibc{margin-top: 60px;}
    .s4_c .s4_ci .s4_cib .s4_cibc span{font-size: 14px;height: 38px;line-height: 38px;width: 120px;}
}




<!--0.00014305114746094-->