@charset "utf-8";

.head { position: absolute; z-index: 1;}
.logo { float: left; overflow: hidden; margin-top: 21px;}
.logo img { vertical-align: top;}
.logo a { display: block;}

.top-user { line-height: 70px; font-size: 14px; color: #fff;  margin-left: 30px; }
.top-user a { color: #fff; }
.nav {float: left;margin-left: 40px;}
.nav li {position: relative;text-align: center;float: left;line-height: 70px;margin: 0px 8px;}
.nav li a { display: block; font-size: 14px; color: #fff;}
.nav li a:hover { color: #38b5e6;}

.nav li .shownav {position:absolute;left: 50%;top: 55px;width: 160px;padding: 7px 0;visibility:hidden;font-size:14px;z-index:1;margin-left: -80px;}
.nav li .shownav a { display: block; margin:0; padding:8px 10px; background: #fff; color:#000; line-height:20px; text-align:center; }
.nav li .shownav {transform: scale(0);}
.nav li .shownav a { opacity: 0;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s;-moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;transition: opacity .4s, transform .5s;}
.nav li .shownav a:last-child { border-bottom:none; }
.nav li .shownav a:hover { background:#38b5e6; color:#fff; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10;  -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);} 
.nav li:hover .shownav a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.nav li:hover .shownav a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){-webkit-transition-delay:450ms;-moz-transition-delay:450ms;-ms-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){-webkit-transition-delay:550ms;-moz-transition-delay:550ms;-ms-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){-webkit-transition-delay:600ms;-moz-transition-delay:600ms;-ms-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){-webkit-transition-delay:650ms;-moz-transition-delay:650ms;-ms-transition-delay:650ms;-o-transition-delay:650ms;transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){-webkit-transition-delay:700ms;-moz-transition-delay:700ms;-ms-transition-delay:700ms;-o-transition-delay:700ms;transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){-webkit-transition-delay:750ms;-moz-transition-delay:750ms;-ms-transition-delay:750ms;-o-transition-delay:750ms;transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){-webkit-transition-delay:800ms;-moz-transition-delay:800ms;-ms-transition-delay:800ms;-o-transition-delay:800ms;transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){-webkit-transition-delay:850ms;-moz-transition-delay:850ms;-ms-transition-delay:850ms;-o-transition-delay:850ms;transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){-webkit-transition-delay:900ms;-moz-transition-delay:900ms;-ms-transition-delay:900ms;-o-transition-delay:900ms;transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){-webkit-transition-delay:950ms;-moz-transition-delay:950ms;-ms-transition-delay:950ms;-o-transition-delay:950ms;transition-delay:950ms}


/* .nav .sub { display: none; position: absolute; z-index: 2;}
.nav .sub dt { border-bottom: 1px solid #eeeeee; background: rgba(255, 255, 255, 0.2);}
.nav .sub dt:hover { background: rgba(255, 255, 255, 0.8);}
.nav .sub dt a { display: block; color: #000000; width: 300px; height: 60px; line-height: 60px;} */
.phone { font-size: 15px; color: #fff; float: right; line-height: 70px; background: url(phone.png) no-repeat left center; padding-left: 37px;}

.banner { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:0; }
.banner .hd { position:absolute; bottom:40px; width:100%; height:14px; z-index:1;}
.banner .hd ul { width:1200px; margin:0 auto;}
.banner .hd ul li { border-radius: 50%; border: 1px solid #ffffff; display:inline-block; width:10px; height:10px; margin:0 5px; text-indent:-999em; overflow:hidden; cursor:pointer; 
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
}
.banner .hd ul .on { border-radius: 20px; background: #38b5e6;  width:35px; height: 12px; border: 0;}
.banner .prev { width: 25px; height: 46px; display: inline-block; background: url(banner_prev.png) no-repeat center; position: absolute; top: 50%; left: 10%; margin-top: -23px; }
.banner .next { width: 25px; height: 46px; display: inline-block; background: url(banner_next.png) no-repeat center; position: absolute; top: 50%; right: 10%; margin-top: -23px; }
.banner ul li { position: relative; }
.banner ul li .banner_btn { text-align: center; width: 191px; height: 42px; line-height: 42px; border-radius: 20px; border: 2px solid #ffffff; position: absolute; bottom: 197px; left: 50%; margin-left: -97px;}
.banner ul li .banner_btn a { display: block; font-size: 16px; color: #fff; }

.container { position:relative;z-index:4; }

/* section1 */
.section1 { background: #ffffff; overflow: hidden;}
.s1_t { margin-top: 86px; text-align: center;}
.s1_t a { font-size: 32px; background: url(s1_bg_01.jpg) no-repeat center bottom; padding-bottom: 25px;}
.s1_c { margin-top: 55px;}
.s1_c .s1_ca { position: relative;}
.s1_c .s1_ca .bd { width: 715px; margin: 0 245px;} 
.s1_c .s1_ca .bd ul li { line-height: 24px; font-size: 14px; }
.s1_c .s1_ca .bd ul li p a { font-weight: bold; margin-right: 10px;}
.s1_c .s1_cb { margin: 82px 0 94px 0;}
.s1_c .s1_cb ul li { float: left; width: 278px; height: 178px; border: 1px solid #38b5e6; margin-left: 25px; position: relative;}
.s1_c .s1_cb ul li:first-child { margin-left: 0;}
.s1_c .s1_cb ul li a { display: block; text-align: center;}
.s1_c .s1_cb ul li a .s1_cb_p { position: absolute; top: -35px; left: 50%; margin-left: -35px; width: 70px; height: 70px; border: 1px solid #38b5e6; border-radius: 50%;}
.s1_c .s1_cb ul li a .pic1 { background: url(s1_cb_01.png) no-repeat center;}
.s1_c .s1_cb ul li a .pic2 { background: url(s1_cb_02.png) no-repeat center;}
.s1_c .s1_cb ul li a .pic3 { background: url(s1_cb_03.png) no-repeat center;}
.s1_c .s1_cb ul li a .pic4 { background: url(s1_cb_04.png) no-repeat center;}
.s1_c .s1_cb ul li a .pic5 { background: url(s1_cb_05.png) no-repeat center;}
.s1_c .s1_cb ul li a .s1_cbt { margin-top: 54px; font-size: 14px;}
.s1_c .s1_cb ul li a p { margin-top: 31px;}
.s1_c .s1_cb ul li a p span { font-size: 48px; color: #38b5e6;}
.s1_c .s1_cb ul li:hover {border: 1px solid #ffffff;box-shadow: 0 0 10px #e5e5e5;}
.s1_c .s1_cb ul li:hover .s1_cb_p  { border: 1px solid #ffffff;}
.s1_c .s1_cb ul li .s1_cb_p::before { content: '';  display: block; position: absolute;z-index: 2; width: 70px; height: 35px; border-radius: 70px 70px 0 0;}
.s1_c .s1_cb ul li:hover .s1_cb_p::before { box-shadow: 3px -3px 5px #e5e5e5;}
.s1_c .s1_ca .prev { width: 46px; height: 46px; display: inline-block; font-size: 32px; border-radius: 50%; text-align: center; line-height: 42px; box-shadow: 2px 0 5px #d6d6d6; color: #38b5e6; position: absolute; top: 5px; left: 124px; z-index: 9;}
.s1_c .s1_ca .next { width: 46px; height: 46px; display: inline-block; font-size: 32px; border-radius: 50%; text-align: center; line-height: 42px; box-shadow: 2px 0 5px #d6d6d6; color: #38b5e6; position: absolute; top: 5px; right: 124px; z-index: 9;}


/* section2 */
.section2 { background: url(s2_bg_01.jpg) no-repeat center bottom #f1f1f1; overflow: hidden;}
.s2_c {position: relative;background: #ffffff;margin: 100px 0 50px;padding: 70px 30px 50px;}
.s2_c .s2_ct { position: absolute;}
.s2_c .s2_ct a .t1 { font-size: 36px;}
.s2_c .s2_ct a .t2 { font-size: 32px;}
.s2_c .s2_ct a p { font-size: 14px; color: #666666; margin-top: 25px;}
.s2_c .s2_cc .hd { margin: 30px 0 0 490px;}
.s2_c .s2_cc .hd ul li { cursor: pointer; float: left; width: 90px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #666666; background: #f0f0f0; margin-left: 2px;}
.s2_c .s2_cc .hd ul li.on { color: #fff; background: #38b5e6;}
.s2_c .s2_cc .bd {margin-top: 120px;}
.s2_c .s2_cc .bd .bdc .ulwrap li {
    float: left;
    width: 260px;
    height: 350px;
    border-radius: 10px;
    margin-right: 30px;
    background: #f2f2f2;
    transition: all 0.3s ease;
    position: relative;
} 
.s2_c .s2_cc .bd .bdc .ulwrap li:last-child { margin-right: 0;}
.s2_c .s2_cc .bd .ulwrap li:hover {  background: #38b5e6; transform: scale(1.1); }

.s2_c .s2_cc .bd .bdc .ulwrap li:hover a,
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_t .t2,
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_c .t1,
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_c dl dt,
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_c dl dd { color: #fff;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c .t2 dl dt { padding-left: 30px; background: url(s2_bd_02.png) no-repeat left center;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c .t3 dl dt { padding-left: 30px; background: url(s2_bd_03.png) no-repeat left center;}
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_c .t2 dl dt {background: url(s2_bd_04.png) no-repeat left center;}
.s2_c .s2_cc .bd .bdc .ulwrap li:hover a .s2_bd_c .t3 dl dt {background: url(s2_bd_05.png) no-repeat left center;}

.s2_c .s2_cc .bd .bdc .ulwrap li .btn { border: 1px solid #38b5e6;
    padding: 6px 17px;
    display: inline-block;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 10px; }

.s2_c .s2_cc .bd .bdc .ulwrap li a { margin: 30px 23px; display: block;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_t {padding: 0 65px 0 0;min-height: 120px;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_t .t1 { font-size: 22px;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c { margin-top: 20px; border-top: 1px solid #e9e9e9; }
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c .t1 {padding-bottom: 25px;font-size: 20px;color: #38b5e6;/* border-bottom: 1px solid #e9e9e9; */text-align: right;position: absolute;right: 20px;top: 100px;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c dl dt { margin-top: 15px; font-size: 14px; color: #38b5e6;}
.s2_c .s2_cc .bd .bdc .ulwrap li a .s2_bd_c dl dd { line-height: 25px; display: block; font-size: 14px; color: #666666}
.s2_c .s2_cc .bd .bdc .ulwrap li:hover .btn { border: 1px solid #fff;} 


/* section3 */
.section3 { background: #ffffff; overflow: hidden;}
.s3_c { margin-top: 117px;}
.s3_c .s3_ct { position: absolute; z-index: 9;}
.s3_c .s3_ct a .t1 { font-size: 36px;}
.s3_c .s3_ct a .t2 { font-size: 32px;}
.s3_c .s3_ct a p { font-size: 14px; color: #666666; margin-top: 25px;}
.s3_c .s3_cc { position: relative;}
.s3_c .s3_cc .swiper-container { padding-bottom: 100px;}
.s3_c .s3_cc .s3_ccl { margin-top: 215px; float: left;}
.s3_c .s3_cc .s3_ccl  dl { margin-top: 50px;}
.s3_c .s3_cc .s3_ccl  dl:first-child { margin-top: 0;}
.s3_c .s3_cc .s3_ccl  dl dt { margin-bottom: 20px; padding-left: 17px; border-left: 3px solid #38b5e6;}
.s3_c .s3_cc .s3_ccl  dl dt a { font-size: 22px; color: #38b5e6;}
.s3_c .s3_cc .s3_ccl  dl dd { padding-left: 20px; font-size: 14px; color: #888; line-height: 24px; }
.s3_c .s3_cc .s3_ccl  dl dd span { margin-right: 5px;}
.s3_c .s3_cc .s3_ccr { float: right;}
.s3_c .s3_cc .s3_ccr .s3_ccra {margin-top: 30px;position: relative;width: 590px;height: 200px;border-radius: 20px;display: flex;justify-content: space-between;align-items: center; transition: all .3s ease;}

.s3_c .s3_cc .s3_ccr .s3_ccra:hover {transform: scale(1.1) translateX(-60px);}

.s3_c .s3_cc .s3_ccr .s3_ccraa { background: url(s3_bg_01.jpg) no-repeat center; }
.s3_c .s3_cc .s3_ccr .s3_ccrab { background: url(s3_bg_01.jpg) no-repeat center; position: relative; right: 60px;}
.s3_c .s3_cc .s3_ccr .s3_ccrac { background: url(s3_bg_01.jpg) no-repeat center;}

.s3_c .s3_cc .s3_ccr .s3_ccra a {padding-top: 0;display: block;color: #fff;width: 100%;}
.s3_c .s3_cc .s3_ccr .s3_ccra img { position: absolute; top: 50%; margin-top: -53px; left: -60px;}
.s3_c .s3_cc .s3_ccr .s3_ccra a .t { font-size: 22px; text-align: center;}
.s3_c .s3_cc .s3_ccr .s3_ccra a .c { font-size: 16px; text-align: center;}
.s3_c .s3_cc .s3_ccr .s3_ccra a .m { margin: -32px 39px 0 0; font-size: 14px; text-align: center; float: right; display: none; }
.s3_c .s3_cc .swiper-scrollbar { width: 684px; margin: 0 0 10px 230px;}
.s3_c .s3_cc .swiper-scrollbar .swiper-scrollbar-drag { height: 15px;  background: url(toright.png) no-repeat 150px center;}
.s3_c .s3_cc .swiper-scrollbar::before{ width: 24px; height: 24px; content: ''; display: block; background: url(s3_swiper_01.png) no-repeat center; position: absolute; top: -11px; left: -15px;}
.s3_c .s3_cc .swiper-scrollbar::after{ width: 24px; height: 24px; content: ''; display: block; background: url(s3_swiper_01.png) no-repeat center; position: absolute; top: -11px; right: -15px;}
.s3_c .s3_cc .swiper-button-prev { background: url(s3_prev_01.png) no-repeat center; outline: none; position: absolute; top: 774px; left: 460px}
.s3_c .s3_cc .swiper-button-next { background: url(s3_next_01.png) no-repeat center; outline: none; position: absolute; top: 774px; right: 460px;}
.s3_c .s3_cc .s3_ccb { text-align: center; font-size: 14px; color: #a0a0a0; margin-bottom: 105px;}


/* section4 */
.section4 { background: url(s4_bg_01.jpg) no-repeat center; overflow: hidden;}
.s4_c { margin-top: 175px; position: relative;}
.s4_c .s4_cl { float: left; width: 466px; margin: 10px 0 201px 0; }
.s4_c .s4_cl .s4_clt a { display: block; color: #fff;}
.s4_c .s4_cl .s4_clt a p { font-size: 36px;}
.s4_c .s4_cl .s4_clt a span { display: block; font-size: 32px;}
.s4_c .s4_cl .s4_clc { margin-top: 46px; font-size: 14px; color: #fff; background: url(s4_clt_01.png) no-repeat bottom left; padding-bottom: 50px;}
.s4_c .s4_cl .s4_clb { margin-top: 62px;}
.s4_c .s4_cl .s4_clb a {font-size: 14px; color: #fff;}
.s4_c .s4_cr { width: 820px; height: 400px; background: #ffffff; opacity: 0.8; position: absolute; right: -114px;} 
.s4_c .s4_cr .bd .ulwrap li ul { margin-left: 115px;}
.s4_c .s4_cr .bd .ulwrap li ul li { width: 156px; float: left; text-align: center; margin-left: 56px; margin-top: 95px;}
.s4_c .s4_cr .bd .ulwrap li ul li:first-child { margin-left: 0;}
.s4_c .s4_cr .bd .ulwrap li ul li .pic { }
.s4_c .s4_cr .bd .ulwrap li ul li .pic a { display: block; width: 63px; height: 63px; text-align: center; margin: 0 auto; overflow: hidden; }
.s4_c .s4_cr .bd .ulwrap li ul li .pic img { transition: all .5s ease; transform: scale(1); }
.s4_c .s4_cr .bd .ulwrap li ul li:hover .pic img { transform: scale(1.1); }
.s4_c .s4_cr .bd .ulwrap li ul li dl dt { margin: 15px 0 15px 0;}
.s4_c .s4_cr .bd .ulwrap li ul li dl dt a { font-size: 14px; color: #000000;}
.s4_c .s4_cr .bd .ulwrap li ul li dl dd { font-size: 12px; color: #666666;}
.s4_c .s4_cr .bd .ulwrap li ul li p { margin-top: 59px; font-size: 24px; color: #d2d2d2;}

.s4_c .s4_cr .bd .ulwrap li ul li:hover,
.s4_c .s4_cr .bd .ulwrap li ul li:hover dl dd,
.s4_c .s4_cr .bd .ulwrap li ul li:hover p,
.s4_c .s4_cr .bd .ulwrap li ul li:hover a { color: #38b5e6; }

.s4_c .s4_cr .hd { margin-top: 10px; }
.s4_c .s4_cr .hd ul { position: relative; left: 50%; margin-left: -15px;}
.s4_c .s4_cr .hd ul li { display: inline-block; width: 10px; height: 10px; background: url(s4_hd_01.png) no-repeat center;}
.s4_c .s4_cr .hd ul li.on { background: url(s4_hd_02.png) no-repeat center;}

/* section5 */
.section5 {padding: 130px 0 78px;background: url(s5_bg_01.jpg) no-repeat center top;overflow: hidden;}
.s5_c { }
.s5_c .s5_ct {position: relative;margin-bottom: 29px;z-index: 9;}
.s5_c .s5_ct a {display: block;/*color: #000000;*/}
.s5_c .s5_ct a p { font-size: 36px;}
.s5_c .s5_ct a span { display: block; font-size: 32px;}
.s5_c .s5_cc { position: relative;}

.s5_c .s5_cc .bd * { box-sizing: border-box; }
.s5_c .s5_cc .bd .bdc { min-height: 670px; }
.s5_c .s5_cc .bd .bdc,
.s5_c .s5_cc .bd .li_ { position: relative;}
.s5_c .s5_cc .bd a { display: block; color: #fff; }
.s5_c .s5_cc .bd .li_ .t { font-size: 22px; color: #fff; text-align: left; margin-bottom: 13px;}
.s5_c .s5_cc .bd .li_ .company { font-size: 14px; color: #fff; text-align: justify; }
.s5_c .s5_cc .bd .li_ .content { font-size: 14px; color: #fff; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
.s5_c .s5_cc .bd .li_ .num { display: block; text-align: right; }
.s5_c .s5_cc .bd .li_ .more { display: none; text-transform: uppercase; }

.s5_c .s5_cc .bd .li_ {position: absolute;width: 208px;height: 208px;z-index: 99;}
.s5_c .s5_cc .bd .li_ .txt_1 {position: absolute;left: 0;top: 0;display: none;overflow: hidden;background-color: rgb(56 180 231 / 75%);width: 100%;height: 100%; padding: 34px 20px 34px 30px; }
.s5_c .s5_cc .bd .li_:hover .txt_1 { display: block; } 
.s5_c .s5_cc .bd .li_ .pic_1,
.s5_c .s5_cc .bd .li_ .pic_1 img { width: 208px; height: 208px; }

.s5_c .s5_cc .bd .li_1 { width: 783px; height: 416px; }
.s5_c .s5_cc .bd .li_1 .pic_1,
.s5_c .s5_cc .bd .li_1 .pic_1 img { width: 416px; height: 416px; }
.s5_c .s5_cc .bd .li_1 .txt_1 { display: block; left: inherit; right: 0; top: 0; width: calc( 783px - 416px ); height: 416px; background-color: #000; }
.s5_c .s5_cc .bd .li_1 .num { display: none; }
.s5_c .s5_cc .bd .li_1 .content {margin-bottom: 10px;-webkit-line-clamp: 8;line-clamp: 8;line-height: 1.8;margin-top: 12px;}
.s5_c .s5_cc .bd .li_1 .more { display: block; }

.s5_c .s5_cc .bd .li_2 { top: -208px; left: 575px; }
.s5_c .s5_cc .bd .li_3 { top: 0; left: 783px; }
.s5_c .s5_cc .bd .li_4 { top: 208px; left: calc( 783px + 208px ); }
.s5_c .s5_cc .bd .li_5 { top: 416px; left: 783px; }

.s5_c .s5_cc .bd ul li .txt_2 { padding: 100px 67px;}
.s5_c .s5_cc .bd ul li .txt_2 p { margin-bottom: 50px;}
.s5_c .s5_cc .bd ul li .txt_2 .b a { color: #999999;}
.s5_c .s5_cc .bd ul li .txt_2 { float: left; width: 234px; height: 216px; background: #000000;}
.s5_c .s5_cc .bd ul li .txt_1,
.s5_c .s5_cc .bd ul li .txt_3,
.s5_c .s5_cc .bd ul li .txt_4,
.s5_c .s5_cc .bd ul li .txt_5{ width: 148px; height: 128px; background: #38b5e6; padding: 40px 30px;}
.s5_c .s5_cc .bd ul li .txt_1 p,
.s5_c .s5_cc .bd ul li .txt_3 p,
.s5_c .s5_cc .bd ul li .txt_4 p,
.s5_c .s5_cc .bd ul li .txt_5 p { color: #fff;}
.s5_c .s5_cc .bd ul li .txt_1 .num,
.s5_c .s5_cc .bd ul li .txt_3 .num,
.s5_c .s5_cc .bd ul li .txt_4 .num,
.s5_c .s5_cc .bd ul li .txt_5 .num { float: right; font-size: 22px; color: #fff; font-weight: bold; margin-top: 50px;}

/*
.s5_c .s5_cc .bd .li_2 .pic_1 { margin: 0 50px 0 577px;}
.s5_c .s5_cc .bd .li_4 .pic_1 { float: left; margin-left: 208px;}
.s5_c .s5_cc .bd .li_5 .pic_1 { margin-left: 784px;}

*/

.s5_c .s5_cc .hd {margin-bottom: 45px;z-index: 9;}
.s5_c .s5_cc .hd ul li { float: left; width: 90px; height: 45px; line-height: 45px; font-size: 14px; text-align: center; margin-left: 2px; background: #f0f0f0;}
.s5_c .s5_cc .hd ul li:first-child { margin-left: 0;}
.s5_c .s5_cc .hd ul li.on { background: #38b5e6; color: #fff;}

/* section6 */
.section6 { background: url(s6_bg_01.jpg) no-repeat center; overflow: hidden;}
.s6_c { margin-top: 62px;}
.s6_c .s6_ct {}
.s6_c .s6_ct a { text-align: center; color: #fff;}
.s6_c .s6_ct a .t1 { font-size: 36px;}
.s6_c .s6_ct a .t2 { font-size: 32px;}
.s6_c .s6_cc { margin-top: 18px;}
.s6_c .s6_cc form .s6_cct { color: #fff; text-align: center; font-size: 14px;}
.s6_c .s6_cc form input, textarea { padding:18px 23px; background: rgba(0, 0, 0, 0); border: 1px solid #ffffff; font-size: 14px; color: #fff;}
.s6_c .s6_cc form input { display: block; float: left; width: 332px; height: 12px; margin: 35px 0 27px 30px}
.s6_c .s6_cc form .name { margin-left: 0;}
.s6_c .s6_cc form textarea { width: 1152px; height: 127px; display: block; outline: none;}
.s6_c .s6_cc form input::placeholder, .s6_c .s6_cc form textarea::placeholder { color: #ffffff;}
.s6_c .s6_cc form ::-webkit-input-placeholder, .s6_c .s6_cc form textarea::-webkit-input-placeholder { color: #fff;}
.s6_c .s6_cc form input::-moz-input-placeholder, .s6_c .s6_cc form textarea::-moz-input-placeholder { color: #fff;}
.s6_c .s6_cc form input::-ms-input-placeholder, .s6_c .s6_cc form textarea::-ms-input-placeholder { color: #fff;}
.s6_c .s6_cc form input::-o-input-placeholder, .s6_c .s6_cc form textarea::-o-input-placeholder { color: #fff;}
.s6_c .s6_cc form .sbt { margin: 64px 0 82px 505px; padding: 0 ; cursor: pointer; width: 193px; height: 44px; color: #fff; font-size: 14px; line-height: 44px; border-radius: 20px;}

.col-a { margin-bottom:22px; padding:24px 0 30px; background:url(o_ico_06.jpg); }
.col-c .g-sd { float:left; width:304px; }
.col-c .g-mn { float:right; width:674px; }
.m-abt { position:relative; }
.m-abt .mt { position:absolute; top:-65px; left:0; }
.m-abt .hd { position:relative; height:40px; line-height:38px; overflow:hidden; }
.m-abt .hd ul { margin-left:-31px; }
.m-abt .hd li { float:left; margin-right:31px; padding-left:31px; background:url(o_ico_07.png) no-repeat 0 center; font-size:16px; cursor:pointer; }
.m-abt .hd li a { display:block; height:38px; }
.m-abt .hd .on a { border-bottom:2px solid #3d85d0; color:#3d85d0; }
.m-abt .hd .more { position:absolute; top:0; right:0; color:#cececd; }
.m-abt .hd .more a { color:#cececd; }
.m-abt .bd { padding:36px 0 0; }
.m-hot { float:left; position:relative; width:310px; height:133px; padding:0 35px 0 220px; border-right:1px dotted #bebebe; }
.m-hot .m-pic { position:absolute; top:0; left:0; width:180px; height:125px; padding:3px; border:1px solid #ddd; }
.m-hot h3 { padding:7px 0 0; color:#333; font-weight:100; line-height:28px; font-size:14px; }
.m-hot h3 a { color:#333; }
.m-hot .m-info { padding:5px 0 0; color:#888; line-height:22px; }
.list-01 { float:right; width:400px; }
.list-01 li { margin-bottom:8px; font-size:14px; line-height:22px; }
.list-01 span { display:block; color:#999; font-size:12px; line-height:18px; }
.u-tt { padding:0 13px; background:#f2f2f2; }
.u-tt .hd { position:relative; height:64px; }
.m-pro .bd ul { width:278px; padding-bottom:1px; }
.m-pro .bd li { position:relative; height:95px; margin-bottom:12px; }
.m-pro .bd li span { position:absolute; bottom:0; left:0; display:none; width:120px; height:95px; padding-left:30px; background:url(mask2.png); color:#fff; font-size:14px; line-height:95px; }
.m-pro .bd li a:hover span { display:block; }
.m-tab { margin-bottom:10px; }
.tabsList { height:185px; padding-bottom:13px; }
.tabsList li { position:relative; float:left; width:100px; height:185px; margin-right:2px; overflow:hidden; }
.tabsList li h4 { float:left; width:100px; height:185px; color:#fff; font-size:14px; font-weight:normal; text-align:center; cursor:pointer; z-index:1; }
.tabsList li h4 span { display:block; height:38px; background:#005ec2; line-height:38px; }
.tabsList li .tabBody { position:relative; float:left; width:296px; height:157px; padding:28px 22px 0; background:#b9b8b7; color:#fff; line-height:24px; }
.tabsList li .tabBody .more { position:absolute; bottom:22px; right:22px; width:75px; height:26px; padding-left:13px; background:#fff; line-height:26px; font-family:\5b8b\4f53; }
.tabsList .on { width:440px; }
.m-culture { float:left; }
.m-ctt { float:right; width:400px; height:114px; background:#ecf0f3; }
.m-ctt .hd { float:left; width:160px; }
.m-ctt .bd { display:block; overflow:hidden; zoom:1; height:100px; padding:14px 0 0; line-height:22px;}
.m-ctt .bd h2 { margin-bottom:8px; font-size:13px; }
.m-ctt .bd h2 em { color:#26904f; vertical-align:top; text-transform:uppercase; }
.container img { vertical-align:top; }

.case-pic li { position: relative; float: left; width: 279px; height: 140px; margin-right: 28px; margin-bottom: 28px; border-radius: 15px; overflow: hidden; }
.case-pic li .desc {position: absolute;top: 50%;left: 30px;transform: translateY(-50%);color: #fff;overflow: hidden;font-size: 18px;line-height: 40px;}
.case-pic li .desc .img2 { width: 40px; height: 40px; margin-right: 10px; overflow: hidden; }
.case-pic li .img { border-radius: 10px; transform: scale(1); transition: all .6s ease; }
.case-pic li:last-child { margin-right: 0; }
.case-pic li:hover .img { transform: scale(1.1); }
.case-pic li:nth-child(4n) { margin-right: 0;}