/*
* index zhuanti css styles
*/

.index_zttab_box{padding: 1rem 0rem; justify-content: center; }
#index_zttab_box_top{width:100%; text-align:center; margin:0 auto; padding:0 15px; }
#index_zttab_box_top .span1{color: #fff; font-size:16px; height:40px; line-height: 40px; background:#424242; border-right:1px #fff solid;}
#index_zttab_box_top .owl-item{text-align: center;}
#index_zttab_box_top .owl-item p{margin:0px; padding:0px;}
#index_zttab_box_top .synced{position: relative;bottom:0px;}
#index_zttab_box_top .synced .span1{font-size:16px;color: #fff;height:40px; background:#ca303c; line-height: 40px}
.index_zttab_box .contss{position: relative; }
#index_zttab_box_bom{width: 100%;margin:auto; padding-top:30px;}
#index_zttab_box_bom p{ line-height:29px; font-size:15px; padding:0px; margin:0px;}
.index_zttab_box .owl-next,#boms .owl-next{background:url(http://www.topsec.com.cn/images/tops_r_07.png) no-repeat;width: 13px;height: 20px;margin-top: 0;right: -15px;text-indent: 3000px;position: absolute;top: -35px;}
.index_zttab_box .owl-prev,#boms .owl-prev{background: url(http://www.topsec.com.cn/images/tops_l_06.png) no-repeat;width: 13px;height: 20px;margin-top: 0;left: -15px;text-indent: 3000px;position: absolute;top: -35px;}

/*
* qudao css styles
*/
.fontbg{ padding-bottom:35px;  background:url(http://www.topsec.com.cn/upload/image/202101/28/1015005640.jpg) center 55px no-repeat;}
.QDguest ul,.QDsite .cont{overflow: hidden;}
.QDsite{padding:0;}
.QDsite .cont{height: 320px;margin-top: 3rem;}
.QDsite .cont .left,.QDsite .cont .right{height: 100%;width: 50%;float: left;}
.QDsite .cont .right{background: #fff;padding:1% 3%;}
.QDsite .cont .right b{ font-size:24px; display:block;}
.QDsite .cont .right em{ display:block; padding-top:10px; font-style:inherit;}

.QDguest{padding: 1rem 0 3rem;}
.QDguest ul{width: 100%;display: inline-block;padding: 20px;}
.QDguest ul li{width: 24.888%; float: left;text-align: center;}
.QDguest ul li .imgs{width: 150px;height: 150px;border-radius: 50%; display: inline-block;}
.QDguest ul li .font24{color: #000000;margin: 10px auto;}
.QDguest ul li{padding: 2rem;}
.QDguest ul li a{display: block;color: #777777}
.QDguest ul li p{color: #777777;line-height: 21px;height: 34px;overflow:hidden;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;word-break: break-all;}

.QDslide{margin:0 auto; width: 100%; }
.QDslide .QDparHd {position: relative; height:90px; }
.QDslide .QDparHd ul {display:table; margin:0 auto; }
.QDslide .QDparHd ul li {float: left; width:250px; font-size:16px; text-align:center; padding:15px 0; margin:0 2px; border-radius:5px; cursor: pointer; height:90px; background:#424242; color:#fff;}
.QDslide .QDparHd ul li em{ font-weight:bold; font-size:24px; line-height:20px; display: block; font-style:inherit;}
.QDslide .QDparHd ul li i{line-height:20px; height:20px; margin-top:15px;  display: block; font-style:inherit;}
.QDslide .QDparHd ul li.on {height:90px; width:250px; font-size:16px; background:#ca303c; color:#fff; padding:15px 0;}
.QDslide .slideBox {width:100%; padding: 40px 0px 10px 0px;position: relative;}
.QDslide .slideBox strong{ font-size:15px; position: absolute; top:13px; right:68px;}
.QDslide .slideBox em{ color:#FF0000; font-style:inherit;}
.QDslide .QDparBd ul {}
.QDslide .QDparBd ul li {margin: 0 8px;float: left;width: 100%;position: relative;}
.QDslide .QDparBd ul li .font26{ padding:10px 0;}

.QDdate{padding: 1rem 0 3rem;}
.QDdate ul{width:100%;display:inline-block;padding:0px;}
.QDdate ul li{width:31.1111%;float: left;text-align: center; border-left:1px #ddd solid; border-right:1px #ddd solid; background:#fff; margin:0px 10px; height:240px; margin-top:20px; position: relative; border-radius: 3px;}
.QDdate ul li p{width: 100%;height:100px; padding:10px 10px; text-align: center;  }
.QDdate ul li .span1{  line-height:30px; font-size:18px; }
.QDdate ul li .span2{width: 100%; height:30px; background:url(http://www.topsec.com.cn/images/qd_10.png) center no-repeat;  top:-15px; position: relative;  display: inline-block;}
.QDdate ul li b{ width:100%; text-align:center;  color:#c92e2c; font-size:18px;}
.QDdate ul li .font18{color: #000000;margin:0px auto;}
.QDdate ul li{padding:0rem;}
.QDdate ul li:hover{box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.35);  border-radius: 3px;}
.QDdate_line01{border-bottom:5px #c92e2c solid; border-top:3px #c92e2c solid;}
.QDdate_line02{border-bottom:5px #5f6362 solid; border-top:3px #5f6362 solid;}

.QDpoint{padding: 1rem 0 3rem;}
.QDpoint ul{width:100%;display:inline-block;padding:0px;}
.QDpoint ul li{width:32.2222%;float: left;text-align: center; background:#efefef; margin:5px; height:400px; margin-top:70px; position: relative; border-radius: 5px;}
.QDpoint ul li p{width:100%;padding:0px 20px; text-align: center; margin:0px; }
.QDpointimg{border-radius:50%; text-align:center; display: inline-block; top:-75px; bottom:0; padding:0px; position: relative; margin:0 auto; border:4px #FFFFFF solid; }
.QDpoint ul li b{ width:100%; text-align:center;  display:block; color:#c92e2c; font-size:18px; margin-bottom:15px;}
.QDpoint ul li .font18{color: #000000;margin:0px auto;}
.QDpoint ul li{padding:0rem;}
.QDpoint ul li:hover{box-shadow: 0 0 15px 0 rgba(150, 150, 150, 0.35);  border-radius: 3px;}
.QDpoint ul li p i{ font-size:14px; color:#000; display:block; line-height:25px; font-style:inherit; margin-top:10px; text-align:left;}

/*
* apt css styles
*/

.apt_zz_box{padding: 1rem 0rem; justify-content: center; }
#apt_zz_box_top{width:100%; text-align:center; margin:0 auto; padding:0 15px; }
#apt_zz_box_top .span1{color: #fff; font-size:16px; height:40px; line-height: 40px; background:#424242; border-right:1px #fff solid;}
#apt_zz_box_top .owl-item{text-align: center;}
#apt_zz_box_top .owl-item p{margin:0px; padding:0px;}
#apt_zz_box_top .synced{position: relative;bottom:0px;}
#apt_zz_box_top .synced .span1{font-size:16px;color: #fff;height:40px; background:#ca303c; line-height: 40px}
.apt_zz_box .contss{position: relative; }
#apt_zz_box_bom{width: 100%;margin:auto; padding-top:30px;}
#apt_zz_box_bom p{ line-height:29px; font-size:15px; padding:0px; margin:0px;}
.apt_zz_box .owl-next,#boms .owl-next{background:url(http://www.topsec.com.cn/images/tops_r_07.png) no-repeat;width: 13px;height: 20px;margin-top: 0;right: -15px;text-indent: 3000px;position: absolute;top: -35px;}
.apt_zz_box .owl-prev,#boms .owl-prev{background: url(http://www.topsec.com.cn/images/tops_l_06.png) no-repeat;width: 13px;height: 20px;margin-top: 0;left: -15px;text-indent: 3000px;position: absolute;top: -35px;}

.slideGroup {margin:0 auto; width: 100%; }
.slideGroup .parHd {position: relative;height: 40px; line-height: 40px; }
.slideGroup .parHd ul {display:table; margin:0 auto;}
.slideGroup .parHd ul li {float: left; font-size:16px; padding:0 30px; cursor: pointer; height:40px; line-height:40px; background:#424242; color:#fff;}
.slideGroup .parHd ul li.on {height:40px; line-height:40px; font-size:16px; background:#ca303c; padding:0 15px;color:#fff; padding:0 30px;}
.slideGroup .slideBox {width:100%; padding: 40px 0px 10px 0px;position: relative;}
.slideGroup .slideBox strong{ font-size:15px; position: absolute; top:13px; right:68px;}
.slideGroup .slideBox em{ color:#FF0000;}
.slideGroup .sPrev{position: absolute; z-index:9999; right: 100px;top:55px;display: block;width:18px;height:18px; background: url(http://www.topsec.com.cn/images/an_l_12.png) 0px 0px no-repeat;}
.slideGroup .sNext {position: absolute; z-index:9999; right: 15px;top:55px;display: block;width:18px;height:18px; background: url(http://www.topsec.com.cn/images/an_r_12.png) 0px 0px no-repeat;
}
.slideGroup .parBd ul {}
.slideGroup .parBd ul li {margin: 0 8px;float: left;width: 100%;position: relative;}
.slideGroup .parBd ul li .font26{ padding:10px 0;}

/*
* yingwen css styles
*/
.en_product{}
.en_product{padding: 1rem 0 3rem;}
.en_product ul{width: 100%;display: inline-block;padding: 10px;}
.en_product ul li{width: 32.777777%;float: left;text-align: center; background-color:#fff; margin:1px;}
.en_product ul li .imgs{width:370px;height:200px;border-radius:2px;display: inline-block;}
.en_product ul li .font24{ color:#000000; margin: 10px auto;}
.en_product ul li{ padding:15px;}
.en_product ul li a{ display: block; color: #777777}

/*
* qudao css styles
*/

.index1_qd ul li{display: inline-block;text-align: center; margin: 4rem auto 4rem auto;}
.index1_qd ul li .imgs{ display: inline-block;width: 226px;height: 163px;line-height: 163px;}
.index1_qd ul{text-align: center; width: 100%; display: inline-block;}
.index1_qd ul li{width: 33.3333333%; float: left; position: relative; padding-bottom: 1rem;}
.index1_qd ul .li1{ position: absolute; top: 40%; right:-20px;}

/*
* dkx css styles
*/
.video-two {background-color: #ffffff;margin-bottom: 95px;padding-top: 25px;}
.video-two .feature-one__block {padding: 0;padding-top: 35px;}
.video-two .feature-one__block::after {display: none;}
.video-two .feature-one__icon i {background-color: rgba(255, 88, 96, 0.15);color: #ff5860;}
.video-two .feature-one__title {color: #222222;}
.video-two .feature-one__text {color: #848484;width: 77%;}
.video-two__image {position: relative;z-index: 10;top:35px;}
.video-two__btn {font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
align-items: center;text-align: center;font-size: 18px;background-color: #e33238;color: #fff;width: 100px;height: 100px;border-radius: 50%;position: absolute;bottom: 40%;left: -50px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.video-two__btn:hover {background-color: #222222;color: #fff;}
.video-two__home-5 {background-color: #16172e;}
.video-two__home-5 .block-title__title {color: #fff;}
.video-two__home-5 .block-title__text {color: #fff;opacity: 0.7;}
.video-two__home-5 .feature-one__icon i {background-color: rgba(255, 255, 255, 0.15);color: #fff;}
.video-two__home-5 .feature-one__title {color: #fff;}
.video-two__home-5 .feature-one__text {color: #fff;opacity: 0.7;}
.block-title__title {margin: 0;color: #222222;font-size: 40px;line-height: 48px;font-weight: 400;letter-spacing: .03em;margin-top: 20px;}
.block-title__text {margin: 0;color: #848484;font-size: 19px;line-height: 36px;text-align:center;margin-top: 25px;}
/*
* mimasai2021 css styles
*/
.cmsecc_download{padding:3rem 0 6rem;}
.cmsecc_download ul{width: 100%;display: inline-block;}
.cmsecc_download ul li{width: 31%; margin-left: 3%;border-radius: 3px;box-shadow: 0px 3px 8px 3px rgba(204, 204, 204, 0.35); overflow: hidden; text-align: center; float: left; height: 340px;border:1px #eee  solid;}
.cmsecc_download ul li:first-child{margin-left: 0;}
.cmsecc_download ul li .imgs img:last-child{display: none;}
.cmsecc_download ul li .font24{color: #333333;margin: 2.5rem auto;}
.cmsecc_download ul li a{ height: 100%;background-color: #fff;padding: 20px;}
.cmsecc_download ul li span{font-size: 15px; color: #898989; border-radius: 10px; border: solid 1px #888888; padding: 8px 30px;}

/*
* comm css styles
*/
.btnlf{padding:10px 20px; float:left; border-radius:5px; text-align:center;  font-size:14px; background: #de0000;}
.btnrt{padding:10px 20px; float:right; border-radius:5px; text-align:center;  font-size:14px; background: #de0000;}
.btnlf a,.btnrt a{ color:#fff;}

/*
* phone new css styles
*/
@media (min-width: 769px) {
.cmsecc_download ul li a:hover{background-color: #e64647;}
.cmsecc_download ul li a:hover .imgs img:last-child{display: block}
.cmsecc_download ul li a:hover .imgs img:first-child{display: none}
.cmsecc_download ul li a:hover .font24{color: #fff;}
.QDguest ul li:hover{box-shadow: 0 0 35px 0 rgba(204, 204, 204, 0.35);  border-radius: 3px;}
.cmsecc_download ul li a:hover span{color: #e64647;background: #fff;border: 1px solid #fff}
.en_product ul li:hover{box-shadow: 0 0 35px 0 rgba(204, 204, 204, 0.35);  border-radius: 3px;}
.QDguest ul li a:hover,
.QDsite .cont .right ul li a:hover,
.en_product ul li a:hover{color: #de0000;}
}
@media (max-width: 1400px) {
 .cmsecc_download ul li{height: 300px}
}
@media (max-width: 1200px) {
.cmsecc_download ul li{height: 260px}
.cmsecc_download ul li .font24{margin: 2rem 0}
.cmsecc_download ul li span{padding: 5px 20px;}
}
@media (max-width: 992px) {
.cmsecc_download ul li{height: 230px}
.en_product ul li .imgs{width: 100px;height: 100px;line-height: 100px;}
.QDguest ul li .imgs{width: 150px;height: 150px;}
.QDguest ul li .imgs img{height: 36px}
}
@media (max-width: 768px){

}
@media (max-width: 767px){
 .cmsecc_download ul li{width: 48%;margin-left: 4%;margin-bottom: 1rem}
 .cmsecc_download ul li:nth-child(3){margin-left: 0}
.cmsecc_download {padding: 1rem 0 2rem;}
.index1_qd ul li{width: 55.555555%;padding-bottom: 1rem;margin: auto auto auto auto; text-align:center;}
.index1 ul .li2.active:before{display: none}
.index1_bg{padding-top: 1rem}
.index1_qd ul li .imgs{width: 226px;height: 163px;line-height: 163px;}
.index1_qd .ulLt{padding: 4rem 0}
.QDsite{padding: 3rem 0}
.QDsite .cont .left,
.QDsite .cont .right{float: none;width: 100%;text-align: left}
.QDsite .cont{height: 100%}
.QDsite .cont .left{height: 300px}
.QDsite .cont .right ul{padding-left: 20px}
.QDsite .cont .right ul li{width: 100%}
.QDsite .cont{margin-top: 1rem}
.QDguest ul li{width: 50%}
.QDdate ul li{width:100%;}
.QDguest ul li:nth-child(5){margin-left: 0}
.QDguest{padding: 1rem  0 0}
}
@media (max-width: 730px){
.QDsite .cont .left{height: 280px}
}
@media (max-width: 680px){
.index1_qd ul li{width: 100%;padding-bottom: 1rem; margin: auto auto auto auto; }
.index1_bg ul li .imgs{width:100%;height:100%;}
.QDdate ul li{width:100%;}

}
@media (max-width:600px){
.en_product ul li .imgs{width: 80px;height: 80px;line-height: 80px}
.QDsite .cont .left{height: 220px}
.QDguest ul li .imgs{width: 80px;height: 80px;line-height: 80px}
.QDguest ul li .imgs img {height: 25px;}
.QDdate ul li{width:31.1111%;}
}
@media (max-width:550px){
.index1_qd ul li{width: 100%;padding-bottom: 1rem; margin: auto auto auto auto; }
.index1_bg ul li .imgs{width:100%;height:100%;}
.QDdate ul li{width:100%;}
}
@media (max-width: 480px){
.block-title__title {font-size: 35px;line-height: 1.3em;}
.block-title__title br {display: none;}
.index1_qd ul li{width: 100%;padding-bottom: 1rem; margin: auto auto auto auto; }
.index1_bg ul li .imgs{width:100%;height:100%;}
.QDdate ul li{width:100%;}
}
@media (max-width: 460px){
.QDsite .cont .left{height: 160px}
.QDdate ul li{width:100%;}
}
@media (max-width: 440px){
.QDguest ul li{width: 100%;padding: 1rem}
.QDguest ul li p{height: auto;}
.QDdate ul li{width:100%;}
}
@media (max-width: 400px){

}
@media (max-width: 320px){
.block-title__title {font-size: 30px;}
.QDdate ul li{width:100%;}
}
/*
* new css end styles
*/


/*
* old css styles
*/
.buildfl{width: 58.2%;height: 100%;}
.buildfl .buflslick{margin-top: 0px;}
.buildfl .buildimg{position: relative; width: 100%;height: 712px;overflow: hidden;}
.buildfl .buildimg .build_con1{ width: 100%;height: 100%;background-color: #f6fcff;}
.buildfl .buildimg .build_con2{width: 100%;height: 100%;background-color: #fff6e8;}
.buildfl .buildimg .build_con3{width: 100%;height: 100%;background-color: #f0f7fc;}
.buildfl .buildimg img{position: absolute; max-width: 100%;}
.buildfl .buildimg .bxm{top: 50px;left: 40px; width: 481px;display: block;-webkit-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;transform: translate(-50px,50px); -o-transform: translate(-50px,50px); -ms-transform: translate(-50px,50px);-moz-transform: translate(-50px,50px);-webkit-transform: translate(-50px,50px);opacity: 0;}
.buildfl .buildimg .bx{transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);-moz-transform: translate(0px,0px); -webkit-transform: translate(0px,0px);opacity: 1;}
.buildfl .buildimg .bym{bottom: 15px;left: 325px;opacity: 0;}
.buildfl .buildimg.slick-current .by{-webkit-animation: fadeInUp .8s 0s ease both;-moz-animation: fadeInUp .8s 0s ease both;animation: fadeInUp .8s 0s ease both; opacity: 1;}
.buildfl .buildimg .bsm{opacity: 0;}
.buildfl .buildimg.slick-current .bs{-webkit-animation: bounceInDown 1.8s ease both;animation: bounceInDown 1.8s ease both;opacity: 1;}
.buildfl .buildimg .b-s-1{bottom: 150px;right: 152px;z-index: 10;-webkit-animation-delay: 0s!important;animation-delay: 0s !important;}
.buildfl .buildimg .b-s-2{bottom: 185px;right: 215px;z-index: 9;-webkit-animation-delay: 0.2s!important;animation-delay: 0.2s!important;}
.buildfl .buildimg .b-s-3{bottom: 230px;right: 278px;z-index: 8;-webkit-animation-delay: .3s!important;animation-delay: .3s!important;}
.buildfl .buildimg .b-s-4{bottom: 140px;right: 18px;z-index: 7;-webkit-animation-delay: .4s!important;animation-delay: .4s!important;}
.buildfl .buildimg .b-s-5{bottom: 170px;right: 70px;z-index: 6;-webkit-animation-delay: .5s!important;animation-delay: .5s!important;}
.buildfl .buildimg .b-s-6{bottom: 200px;right: 135px;z-index: 5;-webkit-animation-delay: .6s!important;animation-delay: .6s!important;}
.buildfl .buildimg .b-s-7{bottom: 296px;right: 225px;z-index: 4;-webkit-animation-delay: .7s!important;animation-delay: .7s!important;}
.buildfl .buildimg .xbg{position: absolute;left: 0px;bottom: 0px;z-index: 1;width: 100%;}
.buildfl .buildimg .x-s-1{top: 0px;left: 17%;z-index: 2;opacity: 0;}
.buildfl .buildimg .x-s-2{top: 187px;left: 75px;z-index: 3;}
.buildfl .buildimg .x-s-3{top: 250px;right: 190px;z-index: 4;}
.buildfl .buildimg .x-s-4{bottom: 88px;left: 50%;z-index: 5;transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.buildfl .buildimg.slick-current .x1{-webkit-animation: bounceInDown 1.5s 0s ease both;-moz-animation: bounceInDown 1.5s 0s ease both;animation: bounceInDown 1.5s 0s ease both;opacity: 1;}
.buildfl .buildimg.slick-current .x2{-webkit-animation: bounceInRight 1.5s 0s ease both;-moz-animation: bounceInRight 1.5s 0s ease both;animation: bounceInRight 1.5s 0s ease both;}.buildfl .buildimg.slick-current .x3{-webkit-animation: bounceInLeft 1.5s 0s ease both;-moz-animation: bounceInLeft 1.5s 0s ease both;animation: bounceInLeft 1.5s 0s ease both;}.buildfl .buildimg.slick-current .x4{-webkit-animation: bounceInUp 1.5s 0s ease both;-moz-animation: bounceInUp 1.5s 0s ease both;animation: bounceInUp 1.5s 0s ease both;}.buildfl .buildimg .t-s-1{top: 100px;left: 610px;z-index: 3;}
.buildfl .buildimg .t-s-2{top: 35px;left: 180px;z-index: 2;opacity: 0;}
.buildfl .buildimg .t-s-3{top: 350px;left: 140px;z-index: 1;}
.buildfl .buildimg .t-s-4{top: 200px;left: 0px;z-index: 0;}
.buildfl .buildimg.slick-current .t1{-webkit-animation: fadeInUp 1s 0s ease both;-moz-animation: fadeInUp 1s 0s ease both;animation: fadeInUp 1s 0s ease both;}
.buildfl .buildimg.slick-current .t2{ -webkit-animation: fadeInUp 1.2s 0s ease both;-moz-animation: fadeInUp 1.2s 0s ease both;animation: fadeInUp 1.2s 0s ease both;opacity: 1;}
.buildfl .buildimg.slick-current .t3{ -webkit-animation: fadeInUp 1.4s 0s ease both; -moz-animation: fadeInUp 1.4s 0s ease both;animation: fadeInUp 1.4s 0s ease both;}
.buildfl .buildimg.slick-current .t4{ -webkit-animation: bounceInUp 1.5s 0s ease both;-moz-animation: bounceInUp 1.5s 0s ease both;animation: bounceInUp 1.5s 0s ease both;}
.buildfr{ position: relative;width: 41.8%;height: 100%;background-color: #f9f9f9;}
.buildfr .buildslick{height: 580px;opacity: 0;}
.buildslick.buildmove{-webkit-animation: fadeInUp .8s 0s ease both; -moz-animation: fadeInUp .8s 0s ease both; animation: fadeInUp .8s 0s ease both;opacity: 1;}
.buildfr .buildcon{ padding: 69px 100px 0 87px;}
.buildfr .buildcon h1 a{font-size: 6rem;font-weight: bold;}
.buildfr .buildcon h2{margin-bottom: 25px;}
.buildfr .buildcon h2 a{font-weight: bold;font-size: 2.4rem;color: #464646;}
.buildfr .buildcon .buildmess{margin-bottom: 25px;}
.buildfr .buildcon p{margin-bottom: 50px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 140px;text-overflow:ellipsis;font-size: 16px;color: #848484;line-height: 1.8;}
.buildfr .buildcon a{font-size: 14px;color: #999999;}
.buildfr .buildchange{position: absolute;left: 0px;bottom: 0px;width: 100%;}
.buildfr .buildchange .buildnum{position: absolute;top: -50px;right: 50px;}
.buildfr .buildchange .buildnum span{color: #999999;font-size: 18px;font-family: 'Conv_COPRGTL';}
.buildfr .buildchange .buildprev,.buildfr .buildchange .buildnext{ position: relative; width: 50%; height: 50px;border-top: 1px solid #e0e0e0;text-align: center; line-height: 50px;cursor: pointer;}
.buildfr .buildchange .buildprev{border-right: 1px solid #e0e0e0;}
.buildfr .buildchange .buildprev .iconfont,
.buildfr .buildchange .buildnext .iconfont{position: absolute;top: 50%;color: #848484;transform: translateY(-50%);
 -o-transform:translateY(-50%); -ms-transform:translateY(-50%);     /* IE 9 */ -moz-transform:translateY(-50%);    /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 和 Chrome */}
.buildfr .buildchange .buildprev .iconfont{left: 31px;}
.buildfr .buildchange .buildnext .iconfont{right: 31px;}
.buildfr .buildchange .buildprev .txt,
.buildfr .buildchange .buildnext .txt{ color: #848484;font-size: 16px;}
a:hover .icon-ar{-webkit-animation-name: shake;animation-name: shake;}
.slick-prev,.slick-next{display: none !important;}
.buildcon4 img{top: 15%;}
.buildflatv .slick-active  .buildcon4 .g_iocsy1{-webkit-animation: fadeInLeft 1s 0s ease both;-moz-animation: fadeInLeft 1s 0s ease both;animation: fadeInLeft 1s 0s ease both;}
.buildflatv .slick-active  .buildcon4 .g_iocsy2{-webkit-animation: fadeInDown 1s 0s ease both;-moz-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both;}
.buildflatv .slick-active  .buildcon4 .g_iocsy3{ -webkit-animation: fadeInRight 1s 0s ease both; -moz-animation: fadeInRight 1s 0s ease both; animation: fadeInRight 1s 0s ease both;}
.buildflatv .slick-active  .buildcon4 .g_iocsy4{-webkit-animation: fadeInUp 1s 0s ease both; -moz-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both;}
.buildcon5 img{ top: 0; width: 90%; margin-left: -45%;left: 50%;}
.buildflatv .slick-active  .buildcon5 .g_iocsy1{-webkit-animation: fadeInUp 1s 0s ease both;-moz-animation: fadeInUp 1s 0s ease both;animation: fadeInUp 1s 0s ease both;}
.buildflatv .slick-active  .buildcon5 .g_iocsy2{ -webkit-animation: fadeInLeft 1.2s 0.3s ease both;  -moz-animation: fadeInLeft 1.2s 0.3s ease both;animation: fadeInLeft 1.2s 0.3s ease both;}
.buildflatv .slick-active  .buildcon5 .g_iocsy3{-webkit-animation: fadeInRight 1.2s 0.3s ease both;-moz-animation: fadeInRight 1.2s 0.3s ease both; animation: fadeInRight 1.2s 0.3s ease both;}
.buildflatv .slick-active  .buildcon5 .g_iocsy4{ -webkit-animation: fadeInUp 1.5s 0.8s ease both; -moz-animation: fadeInUp 1.5s 0.8s ease both; animation: fadeInUp 1.5s 0.8s ease both;}
.buildcon6 img{top: 0;}
.buildflatv .slick-active  .buildcon6 .g_iocsy1{-webkit-animation: fadeInUp 1s 0s ease both; -moz-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both;}
.buildflatv .slick-active  .buildcon6 .g_iocsy2{-webkit-animation: zoomInDown 0.9s 0.5s ease both; -moz-animation: zoomInDown 0.9s 0.5s ease both; animation: zoomInDown 0.9s 0.5s ease both;}
.buildflatv .slick-active  .buildcon6 .g_iocsy3{ -webkit-animation: zoomInDown 0.9s 0.5s ease both; -moz-animation: zoomInDown 0.9s 0.5s ease both;animation: zoomInDown 0.9s 0.5s ease both;}
.buildflatv .slick-active  .buildcon6 .g_iocsy4{-webkit-animation: zoomInDown 0.9s 0.5s ease both;-moz-animation: zoomInDown 0.9s 0.5s ease both; animation: zoomInDown 0.9s 0.5s ease both;}
.buildcon6 .g_iocsy6{
    transform: translate(360px,-360px);
    -webkit-transform: translate(360px,-360px);
    -ms-transform: translate(360px,-360px);
    -moz-transform: translate(360px,-360px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
}
.buildcon6 .g_iocsy5{
    transform: translate(-360px,-360px);
    -webkit-transform: translate(-360px,-360px);
    -ms-transform: translate(-360px,-360px);
    -moz-transform: translate(-360px,-360px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
}
.buildflatv .slick-active  .buildcon6 .g_iocsy5{
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
}

.buildflatv .slick-active  .buildcon6 .g_iocsy6{
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
}

/*è??é—¨???*/
.buildcon7 img{top: 8%;}
.buildcon7 .g_iocsy1{
    transform: translate(100%,100%);
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    -moz-transform: translate(100%,100%);
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -moz-transition: all 1.2s;
}
.buildcon7 .g_iocsy1b{
    transform: translate(-100%,100%);
    -webkit-transform: translate(-100%,100%);
    -ms-transform: translate(-100%,100%);
    -moz-transform: translate(-100%,100%);
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -moz-transition: all 1.2s;
}
.buildflatv .slick-active  .buildcon7 .g_iocsy1{
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
}
.buildflatv .slick-active  .buildcon7 .g_iocsy1b{
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
}
.buildflatv .slick-active  .buildcon7 .g_iocsy2{
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}
.buildflatv .slick-active  .buildcon7 .g_iocsy3{
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}
.buildflatv .slick-active .buildcon7 .g_iocsy4{
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}
@media (max-width: 1440px){
    .buildfr .buildcon {padding: 60px 60px 0; }
}
.buildfr h1{font-size: 3.6rem}
@media (max-width: 1366px){
    .bgwhite { height: 500px !important; }
    .buildfr h1,.buildfr h2{margin: 1rem 0;}
    .buildfr h2{margin: 0 !important;line-height: 1em}
    .buildfl .buildimg {height: 500px !important;}
    .buildfr .buildcon .buildmess{margin-bottom: 10px;margin-top: 6px}
    .buildfr .buildcon{padding: 36px 56px 0}
}
.buildfl{background: #dbe1ea;}
@media (max-width: 1200px){
    .bgwhite {height: 580px !important; }
    .buildfl .buildimg {height: 580px  !important;}
    .buildfl, .buildfr { width: 50%; }
}
@media (max-width: 767px){
    .buildfl {display: none;}
    .buildfr{width: 100% !important;}
    .buildfr .buildcon{padding: 20px}
    .bgwhite{height: auto}
    .case_navs{padding: 20px 10px 10px !important;}
    .case_navs .container{padding: 0}
    .buildfr .buildcon p{height: auto}
}
.buildprev span:first-child{float: left;margin-left: 30px;}
.buildnext span:last-child{float: right;margin-right: 30px;}
.buildprev:hover span,.buildnext:hover span{color: #f30000;}
.buildprev:hover .txt,.buildnext:hover .txt{color: #f30000 !important;}
@media (min-width: 1024px){
                              .ksc-core-adva{background:#fff}
                            .ksc-core-adva .ksc-adva-title{padding:60px 0 0;font-size:24px;color:#333;text-align:center;font-weight: bold;}
                            .ksc-core-adva .ksc-adva-main{padding-bottom:40px;width:1200px;margin:auto;font-size:0}
                            .ksc-core-adva .ksc-adva-block{display:inline-block;width:600px;margin-top:40px;padding:0 40px;text-align:center}
                            .ksc-core-adva .ksc-adva-block .ksc-adva-img{vertical-align:top;height:60px;width:60px;max-width:200px;display:inline-block}
                            .ksc-core-adva .ksc-adva-block .ksc-adva-text{vertical-align:top;margin-left:20px;display:inline-block;text-align:left;width:440px;font-size:0}
                            .ksc-core-adva .ksc-adva-block .ksc-adva-text .ksc-adva-name{padding-bottom:10px;font-size:18px;color:#333;max-width:440px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
                            .ksc-core-adva .ksc-adva-block .ksc-adva-text .ksc-adva-desc{font-size:12px;line-height:24px;color:#777;word-break:break-word;height:52px;text-overflow:-o-ellipsis-lastline;
                                                                                         overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;
                                                                                         -webkit-box-orient:vertical;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;
                                                                                         -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
                            }
                          @media (max-width:600px)
                          {  
                                .ksc-core-adva{background:#fff}
                               .ksc-adva-title { padding: 30px 0 0;text-align: center;font-size: 24px;color: #333;}
                               .ksc-adva-main { padding-bottom: 40px;width: 100%;}
                               .ksc-adva-block { position: relative;margin-top: 20px;margin-left: 10px;margin-right:10px;}
                               .ksc-adva-block .ksc-adva-img {position: absolute;top: 0px;height: 30px;width: 30px;} 
                               .ksc-adva-block .ksc-adva-text{vertical-align:top;margin-left:50px;display:inline-block;}
                               .ksc-adva-block .ksc-adva-name {padding-bottom: 8px;font-size: 17px;color: #333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
                               
                               .ksc-adva-block .ksc-adva-desc {font-size: 14px;color: #777; word-break: break-word;}
                          }