@charset "utf-8";
/* CSS Document */
.top_right .follow_list{ margin-right: 40px;}
.top_right .lang a{ display: inline-block; margin: 0 8px;}
.top_right .lang p{  color: #666; font-size:16px; line-height:30px; padding:0 14px; border-radius:15px; background:rgba(255,255,255,.3); cursor:pointer;}
.top_right .lang p .icon-xiangxia2{ font-size: 14px; margin-left: 3px;}
.top_h{ height: 111px;}

.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; width: 100%; left: 0; top: 40%;}
.sy-ban .txt1 b{ font-size: 64px; line-height: 70px;font-family: barb; margin-bottom: 20px;}
.sy-ban .txt1 p{ font-size: 24px;}
.sy-ban .txt1 .amore{ margin-top: 45px;}

.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.scr_down{ margin: 0 auto;animation: downico 1.5s ease-out infinite; transform: translateY(0);}
@keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
.ban_control .swiperbtn{ position: unset; color: #444; font-size: 22px; display: inline-block; width: 45px; line-height: 45px; height: 45px; border: 1px solid #414141; border-radius: 50%; margin-top: 0; margin-left: 16px; transition: .3s ease;}
.ban_control .swiperbtn:hover{ background: #19bae5; color: #fff; border-color: #19bae5;}
.ban_control span.line{ color: #666; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #666; width: 80px;}
.ban_control .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.ban_control .swiper-num .svgbox{ position: relative;border-radius: 50%; width: 38px; height: 38px; border: 2px solid rgba(0,0,0,.2); text-align: center; opacity: 1; display: inline-block; margin-right: 3px;}
.ban_control .swiper-num .svgbox span.active{opacity: 1;}
.ban_control .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.ban_control .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.ban_control .swiper-num .svgbox .circle2{stroke: #666;stroke-dasharray: 0 339;-webkit-animation: svgCircleAnmi 6s linear infinite;animation: svgCircleAnmi 6s linear infinite;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.ban_control .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(0,0,0,.5); transform: rotate(12deg); margin: 0 8px;}

.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; font-size: 60px; transition: .3s ease;}
.swiperall .swiper-button-prev{left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{ color: #00b3e3;}
.dtop{ padding-top: 100px;}
.swiper-pagination-bullet:focus{ outline: none;}
.amore{ display: inline-block; font-size: 18px; line-height: 52px; border-radius: 26px; padding: 0 35px; position: relative;transition: .3s ease; overflow: hidden;background: linear-gradient( to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1));}
.amore:after,.amore:before{ position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: #fff; content:''; border-radius: 24px;}
.amore:before{ height: calc(100% - 2px);background: linear-gradient( to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); width: 0; transition: .3s ease;z-index: 2; top: 1px; left: 1px;}
.amore span{ position: relative; z-index: 3;background: -webkit-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: -o-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: -moz-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.amore span i{display: inline-block; margin-left: 15px; color: #00b3e3; -webkit-text-fill-color: #00b3e3;}
.amore:hover,.amore.on{ color: #fff;}
.amore:hover:before,.amore.on:before{ width: calc(100% - 2px);}
.amore:hover span,.amore:hover span i,.amore.on span,.amore.on span i{ -webkit-text-fill-color: #fff;}
.amore.on i{ color: #fff;}
.amore.wb{ color: #fff; border:1px solid #fff; background: none;}
.amore.bb{ border:1px solid #111; background: none;}
.amore.on:hover{ padding: 0 37px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.sy_title{ margin-bottom: 40px;}
.sy_title b{ font-family: barb; font-size: 60px; line-height: 60px;}
.sy_title p{ font-size: 18px; line-height: 30px; margin-top: 25px;}

.sy_cate{ padding: 40px 3%;}
.cateswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.cateswiper li{ position: relative;}
.cateswiper .imgfd{padding-top: 58%;}
.cateswiper li .txt{ width: 100%; left: 0; top: 0; padding: 40px 42px 0; position: absolute; color: #fff;}
.cateswiper li .txt h2{ font-size: 28px; line-height:32px; height:32px; color: #fff; font-family: barb; margin-right: auto; width:calc(100% - 45px);}
.cateswiper li .txt .ic img{height: 40px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.cateswiper li .top{ padding-bottom: 18px; border-bottom: 1px solid rgba(226,226,226,.3); margin-bottom: 20px;}
.cateswiper li p{height: 60px; margin-bottom: 50px;}
.cateswiper li i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; border: 1px solid #fff; text-align: center; line-height: 50px; font-size: 22px; transition: .3s ease;}
.cateswiper li:hover i{ color: #fff; background: #00b3e3; border-color: #00b3e3;}
.swiper-pagination-bullet{ background: #fff; width: 7px; height: 7px; border: 1px solid #868d87; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00b3e3; border-color: #00b3e3;}
.swiper-pagination{ z-index: 5;}
.proswiper{ overflow: hidden;}
.sy_product .sy_title{ text-align: center;}
.proli{ background: #fff; padding: 45px 50px 50px; position: relative;}
.proli .amore{ width: calc(100% - 100px); position: absolute; opacity: 0; left: 50px; bottom: 0; transition: .3s ease;}
.proli .amore i{margin-left: auto;}
.proli:hover .amore{ bottom: 50px; opacity: 1;}
.proli h2{ font-size: 28px; font-family: barb; margin-bottom: 10px;}
.proli p{ font-size: 22px; height: 30px; overflow: hidden;}
.proli .tit{margin-bottom: 25px;}
.sy_about .txt{ width: 45%;}
.sy_about .txt .amore{ margin-top: 65px;}
.sy_about .right_map{ width: 53%;}
.sy_about .right_map img{ width: 100%;}
.sy_number dt{ width: 20%; margin-right: auto; padding-left: 38px; position: relative;}
.sy_number dt:last-child{ margin-right: 0;}
.sy_number dt:after{ position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #d8d8d8; content: '';}
.sy_number dt b{ font-size: 80px; font-family: barb; line-height: 75px; height: 75px; margin-bottom: 30px; transition: .3s ease;}
.sy_number dt b sup{ line-height: 40px; font-size: 60px;}
.sy_number dt:hover b i{background: -webkit-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: -o-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: -moz-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sy_number dt:hover b sup{ color: #00d961;}
.sy_number dt p{ font-family: barm;}
.sy_number dt:first-child b sup{ display:none;}
.sy_global .imgfdd{ width: 55%; margin-right: auto;}
.sy_global .global_right{ width: 40%;}
.global_right .sy_title { padding-left: 25px; position: relative;}
.global_right .sy_title p{ font-size: 28px;}
.global_right .sy_title:after{position: absolute; left: 0; top: 0; width: 5px; height: 100%;background: linear-gradient( to bottom,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); content: '';}
.global_right .amore{ margin-top: 60px;}
.partswiper{ margin-top: 55px; position: relative; padding-bottom: 40px; overflow: hidden;}
.partswiper li{ border: 1px solid #e7e7e7;}
.partswiper .imgfd{ padding-top: 58%;}
.sy_solution .sol_pic{ width: 65%; position: relative;}
.sy_solution .sol_pic .imgfd{ padding-top: 68%;}
.sy_solution .sol_pic .txt{ position: absolute; left: 75px; bottom: 90px; width: 40%;}
.sy_solution .sol_right{ width: 35%;}
.sy_solution .sol_pic .txt p{ font-size: 20px; color: #fff;}
.sy_solution .sol_pic .txt h2{ font-family: barb; color: #fff; margin-bottom: 20px;}
.sy_solution .sol_pic .txt .amore{margin-top: 40px;}
.sy_solution .sol_top{background: linear-gradient( to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); padding: 50px 70px; }
.sy_solution .sol_top b{ color: #fff; font-size: 50px; font-family: barb; margin-bottom: 20px;}
.sy_solution .sol_top .sol_choose{ position: relative;}
.sy_solution .sol_top .sol_choose p{ width: 350px; line-height: 60px; border-radius: 30px; padding: 0 30px; color: #fff; background: rgba(255,255,255,.3); cursor: pointer;}
.sy_solution .sol_top .sol_choose p i{ margin-left: auto;}
.sy_solution .sol_top .sol_choose .list{ width: 350px; background: rgba(0,179,227,.3); border-radius: 10px; padding: 30px; display: none; position: absolute; left: 0; top: 60px; z-index: 5;}
.sol_choose .list a{ line-height: 40px; font-size: 20px; padding: 0 20px; border-radius: 10px; transition: .3s ease;}
.sol_choose .list a i{ margin-left: auto;}
.sol_choose .list a:hover{ background: #fff;}
.solpswiper{overflow: hidden; position: relative;}
.solpswiper li{position: relative; padding: 110px 80px;}
.solpswiper li b{ font-size: 120px; line-height: 120px; font-family: barb; width: 100%; position: absolute; left: 0; text-align: center; top: 20px;-webkit-text-stroke: 1px #ddd; color: transparent;z-index: 3}
.solpswiper .swiperbtn{ top: 50%; font-size: 30px;}
.solpswiper li .title{ position: absolute; width: 100%; bottom: 50px; left: 0;  padding: 0 70px;}
.solpswiper li .title h2{ font-family: barb; font-size: 24px; margin-bottom: 10px;}
.solpswiper li .title span{ color: #00b3e3;display: block; margin-top: 25px; font-size: 18px;}

.sy_choose .title{ width: 93%;}
.sy_choose .title span{ font-size: 20px; color: #00db5b;}
.sy_choose .title b{ font-size: 50px; font-family: barb; line-height: 70px; position: relative; z-index: 3;}
.sy_choose .title .box{ position: relative;}
.sy_choose .title .box:after{ position: absolute; width: 900px; height: 10px; background: linear-gradient( to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); content: ''; right: 0; top: 50px;}
.choose_box{ margin-top: 85px;}
.choose_box .tab-hd{ width: 35%; margin-right: auto; border-top: 1px solid #dfdfdf;}
.choose_box .tab-bd{ width: 60%;}
.choose_box .tab-hd li{ padding: 30px 0; border-bottom: 1px solid #dfdfdf;}
.choose_box .tab-hd li b{ font-family: barsb; font-size: 32px; display: inline-block;}
.choose_box .tab-hd li .txt{ padding: 25px 0 20px; display: none;}
.choose_box .tab-hd li p{margin-bottom: 30px;}
.choose_box .tab-hd li a{ font-size: 18px; color: #00b3e3;}
.choose_box .tab-hd li a i{margin-left: 5px;}
.choose_box .tab-hd li.active .txt{ display: block;}
.choose_box .tab-hd li.active b{ background: -moz-linear-gradient(right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.choose_box .tab-bd .imgfd{ padding-top: 59%;}
.newsswiper{ overflow: hidden;}
.newsitem{ padding-top: 30px; border-top: 1px solid #cdcdcd;}
.newsitem p{ font-size: 18px; margin-bottom: 20px;}
.newsitem h2{ font-size: 28px; font-family: barsb; line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 30px;}
.newsitem .imgfd{ padding-top: 60%; margin-bottom: 30px;}
.newsitem span{ font-size: 18px;}
.newsitem span i{ margin-left: 5px;}
.newsitem:hover h2,.newsswiper li:hover span{color: #00b3e3;}
.item_top .sy_title { margin-right: auto; margin-bottom:0;}
.item_top{ margin-bottom: 40px;}

.com_foot{ background: #090909; position: relative;}

.com_foot a{ color: #fff;}
.f_center{ padding: 80px 0; position: relative;}
.f_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer; color:#fff;}
.f_center .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.f_center .b_top:hover { color: #41baea;}
.f_center .b_top:hover i{ background: #41baea; border-color: #41baea; color: #fff;}
.f_center .box{ width: 28%; margin-right: auto; font-size: 20px;}
.f_center .box .flo_box { margin-bottom: 55px;}
.f_center .box .flo_box p{ width: calc(100% - 190px); line-height: 24px; font-size: 18px; color: #b3b3b3; margin-bottom: 0;}
.f_center .box .flogo{display: block;margin-bottom: 15px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.f_center .box h4{ color: #fff; font-size: 16px;}
.f_center .fcon_box{ width: 30%; font-family: monl; color: #fff;}
.foot_contact{ margin-top: 20px;}
.f_center .fcon_item{ margin-bottom: 10px; overflow: hidden;}
.f_center .fcon_item span{ display: inline-block; margin-right: 10px; color: #999999; }
.f_center .fcon_item a{ color: #fff;}
.f_center .fcon_item p{ line-height: 24px; width: calc(100% - 85px); color: #fff;}
.f_center .f_nav{ width: 65%; }
.f_nav dt{ margin-right: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-family: barb; font-size: 22px; margin-bottom: 20px;}
.f_nav dt a,.f_nav dt p{ font-size: 18px; color: #c1c1c1; margin-bottom: 15px;}
.f_nav dt a:hover{ color: #fff;}
.f_nav dt.f_cont  a{margin-bottom: 0;}
.copy{ padding: 30px 0; }
.copy{ color: #b3b3b3; font-size: 18px; border-top: 1px solid rgba(232,232,232,.2);}
.copy .follow{ margin-left: auto;}


@media (max-width: 1700px){
.swiperall .swiper-button-next{ right: 10px;}
.swiperall .swiper-button-prev{ left: 10px;}
}


@media (max-width: 1600px){
.cateswiper li .txt{ padding: 30px 30px 0;}
.cateswiper li p{margin-bottom: 30px;}
}

@media (max-width: 1441px){
.sy-ban .txt1 b{ font-size: 55px; line-height:60px;}
.sy-ban .txt1 p{ font-size: 22px;}
.cateswiper li .txt h2{ font-size: 24px;}
.cateswiper li .top{ padding-bottom: 15px; margin-bottom: 15px;}
.cateswiper li i{ width: 40px; line-height: 40px; height: 40px;}
.cateswiper li p{ margin-bottom: 20px;}
.solpswiper li b{ font-size: 80px; line-height: 80px;}
.solpswiper li{padding: 60px 50px;}
.sy_choose .title b{ font-size: 42px; line-height: 60px;}
.sy_choose .title .box:after{ top:45px;}
.choose_box .tab-hd li{padding: 20px 0;}
.sy_title b{ font-size: 50px; line-height: 50px;}
.index_head .nav li{ margin-left: 10px;}
.index_head .nav li .tarA a{ padding: 0 25px;}
}

@media (max-width: 1281px){
.cateswiper li i{ display: none;}
.cateswiper li .txt h2{ height: 64px;}
.cateswiper li .top{ align-items: flex-start;}
.sy_cate{ padding: 40px 2% 0;}
.sy_title b{ font-size: 44px; line-height: 44px;}
.swiperall .swiper-button-prev, .swiperall .swiper-button-next{font-size: 40px;}
.proli{padding: 35px 40px 40px;}
.sy_number dt b{ font-size: 60px; line-height: 55px; height: 55px; margin-bottom:20px;}
.global_right .sy_title p{ font-size: 24px; margin-top:15px;}
.global_right .amore{ margin-top: 40px;}
.partswiper{ margin-top: 40px;}
.sy_solution .sol_top b{ font-size: 36px;}
.sy_solution .sol_top{ padding: 40px 60px;}
.sy_solution .sol_top .sol_choose p{ width: 320px;}
.sy_solution .sol_top .sol_choose .list{ width: 320px;}
.choose_box .tab-hd li p{ margin-bottom: 15px;}
.choose_box .tab-hd li .txt{ padding: 20px 0 15px;}
.choose_box{ margin-top: 50px;}
.choose_box .tab-hd li b{ font-size: 26px;}
.newsitem h2{ font-size: 24px; line-height: 30px; height: 90px;}
.f_center{ padding: 45px 0;}
}

@media (max-width: 1024px){
.sy-ban{ margin-top: 54px;}
.sy-ban .txt1 b{ font-size: 40px; line-height: 50px;}
.ban_control .center{ padding: 25px 0;}
.scr_down{ display: none;}
.ban_control .swiper-num{ margin-right: auto;}
.sy-ban .txt1 .amore{ margin-top: 30px;}
.sy-ban .txt1 p{ font-size: 20px;}
.amore{ line-height: 44px; padding:0 25px;}
.cateswiper li .txt{ padding: 20px 10px 0;}
.cateswiper li p{display: none;}
.cateswiper li .top{ border:none; margin-bottom: 0;}
.proli{ padding: 25px 20px 40px;}
.proli h2{ font-size: 24px;}
.proli p{ font-size: 20px;}
.sy_about .txt .amore{ margin-top: 40px;}
.sy_title{ margin-bottom: 25px;}
.sy_title b{ font-size: 36px; line-height: 36px;}
.sy_solution{ display: block;}
.sy_solution .sol_pic{ width: 100%;}
.sy_solution .sol_right{ width: 100%;}
.solpswiper{ display: none;}
.sy_choose .title .box:after{ width:450px; top:30px; height:5px;}
.sy_choose .title b{ font-size: 30px; line-height: 40px;}
.sy_solution .sol_top .sol_choose .list{background: rgba(0,179,227,1);}
	
}
@media (max-width: 768px){
.sy-ban .txt1 .amore{ display: none;}
.sy_about .txt{ width: 100%; float: none;}
.sy_about .right_map{ width: 100%; float:none;}
.sy_number dt b{ font-size: 40px; line-height: 36px; height: 36px;}
.sy_number dt{ width: 23%; padding-left: 20px;}
.sy_global { display: block;}
.sy_global .imgfdd{ width: 100%; margin-bottom:25px;}
.sy_global .global_right{ width: 100%;}
.sy_solution .sol_pic .txt{ left: 30px; width: 70%;}
.sy_solution .sol_top{padding: 40px 30px;}
.choose_box { display: block;}
.choose_box .tab-hd{ width: 100%; margin-bottom: 30px;}
.choose_box .tab-bd{ width: 100%;}
.f_center{ display: none;}
.copy{ font-size: 16px; padding: 15px 0;}
.copy p{ font-size: 16px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height: 30px; margin-bottom:0;}
.sy-ban .txt1 p{ font-size:18px;}
.ban_control{ display: none;}
.proli .amore{ display: none;}
.proli{ padding: 20px 15px;}
.proli h2{ font-size: 20px; margin-bottom:0;}
.proli p{display: none;}
.proli .tit{margin-bottom: 15px;}
.swiperall .swiper-button-prev, .swiperall .swiper-button-next{ font-size: 26px;}
.sy_title b{ font-size: 30px; line-height: 30px;}
.sy_number{padding-top: 20px;}
.sy_number dt{ width: 45%; margin-bottom: 20px;}
.sy_number dt:nth-child(2n){ margin-right:0;}
.sy_number dt:after{ width:3px;}
.sy_number dt b sup{ font-size: 30px; line-height: 24px;}
.sy_number dt b{ margin-bottom: 10px;}
.global_right .sy_title p{ font-size: 20px;}
.global_right .amore{margin-top: 25px;}
.sy_solution .sol_pic .txt p{ display: none;}
.sy_solution .sol_pic .txt .amore{margin-top: 0;}
.sy_solution .sol_pic .txt h2{ font-size: 26px;}
.sy_solution .sol_top .sol_choose p{ line-height: 46px;}
.sy_solution .sol_top .sol_choose .list{padding: 20px 15px ;}
.sy_choose .title .box:after{display:none;}
.sy_choose .title b{font-size: 24px; line-height: 32px;}
.choose_box .tab-hd li b{ font-size: 22px;}
.choose_box{margin-top: 30px;}
.item_top .amore{ display: none;}
.newsitem p{ display: none;}
.newsitem{ padding-top: 10px;}
.newsitem h2{ font-size: 20px; line-height: 26px; height: 78px; margin-bottom:20px;}
.item_top{margin-bottom: 25px;}
.newsitem .imgfd{margin-bottom: 10px;}
.newsitem span{font-size: 16px;}
}
.ny_ban{ overflow: hidden; position: relative;}
.ny_ban img{ width: 100%;}
.ny_ban b{ width: 100%; text-align: center; color: #fff; left: 0; top: 50%; position: absolute; font-family: barb; font-size: 80px; line-height: 80px; transform:translateY(-50%); text-transform:uppercase;}
.posi{ font-size: 18px; padding: 35px 0;}
.ny_ban .posi,.ny_ban .posi a{ color: #fff;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; bottom: 0;}
.pro_nav{ border-bottom: 1px solid #e5e5e5; padding: 50px 0 0; margin-bottom:50px;}
.pro_nav a{ display: block; margin: 0 auto; text-align:center; font-size:24px; padding-bottom:40px; position:relative;}
.pro_nav a .icon{ margin-bottom: 28px;}
.pro_nav a img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(10%);-webkit-filter: brightness(0%) invert(10%); transition:.3s ease;}
.pro_nav a p{ height: 30px;}
.pro_nav a:after{ width:0; height: 4px; bottom: -1px; left: 0; position: absolute;  background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); transition:.3s ease; content:'';}
.pro_nav a:hover:after,.pro_nav a.act:after{ width:100%;} 
.pro_nav a:hover,.pro_nav a.act{ color:#41baea;}
.pro_nav a:hover img,.pro_nav a.act img{ filter:unset;}

.ny_pro_list .proli{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px;}
.ny_pro_list .proli:nth-child(3n){ margin-right:0;}
.mainh{ height: 85px;}
@media (max-width: 1441px){
    .ny_ban b{ font-size: 70px; line-height: 70px;}
}
@media (max-width: 1281px){
    .ny_ban b{ font-size: 60px; line-height: 60px;}
}
@media (max-width: 1024px){
    .top_h{height: 54px;}
    .pro_nav a{ padding-bottom:30px;} 
    .pro_nav a{ font-size: 20px;}
    .pro_nav a .icon{ margin-bottom: 18px;}
    .proli .amore{ width: calc(100% - 40px); left:20px;}
}
@media (max-width: 768px){
    .pro_nav a img{height: 48px;}
    .ny_ban b{ font-size: 40px; line-height: 40px;}
}
@media (max-width: 450px){
    .pro_nav a{ width: 45%;}
    .pro_nav a .icon{margin-bottom: 10px;}
    .pro_nav a:after{ display:none;}
    .pro_nav{margin-bottom: 30px;}
    .ny_pro_list .proli{ width: 49%; margin-bottom:25px;}
    .ny_pro_list .proli:nth-child(3n){ margin-right:2%;}
    .ny_pro_list .proli:nth-child(2n){ margin-right:0;}
    .ny_ban img{ width: 150%; margin-left: -25%;}
    .ny_ban b{ font-size: 34px; line-height: 34px;}
}
.show_top{ margin-top: 70px;}
.show_top .pic{ width: 40%; margin-right: auto; border:1px solid #e6e6e6; overflow:hidden;position:relative;}
.show_top .txt{ width: 51%;}
.show_top .txt h1{ font-family: barb; font-size: 50px; margin-bottom: 30px;}
.show_top .txt .btns{margin: 35px 0 50px;}
.show_top .txt .btns .amore i{margin-left: 0; margin-right: 10px;}
.show_top .txt .btns .amore.on{margin-left: 20px;}

.bb60{ font-size: 60px; font-family: barb; margin-bottom: 40px;}
.show_content{ overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.show_content table{ max-width: 100%!important;}
.show_content table td{ padding: 15px 20px 20px;}
.show_content table tr:nth-child(2n+1){background:#f6f6f6;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3; margin-top:60px;}
.page_btn span{ display: inline-block; line-height: 20px; font-size:20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 48px; border-radius:26px; border: 1px solid #797c80; padding: 0 45px; text-transform: uppercase; transition:.2s ease; font-size:16px;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #41baea; border-color: #41baea; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #41baea;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.rel_pro .bb60{text-align: center;}
.relswiper{ overflow: hidden; padding-bottom:40px; position:relative;}
.relswiper li{ background: #fff; padding:60px 0 60px 60px;}
.relswiper li .txt{ width: 50%; margin-right: auto;}
.relswiper li .pic{ width: 45%;}
.relswiper li .txt h2{ font-size: 40px; font-family: barb; line-height: 40px; height: 40px; overflow: hidden;}
.relswiper li .txt .tit{ padding-bottom:28px;border-bottom: 2px solid #f5f5f5; position:relative; margin-bottom:20px;}
.relswiper li .txt .tit:after{ position:absolute; left: 0; bottom: -2px; content: ''; background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); height: 2px; width: 75px;}
.relswiper li .txt p{ height: 30px;margin-bottom: 45px; overflow:hidden;}
.relswiper li .txt span{ display: inline-block; line-height: 46px; border:2px solid #bcbcbc; padding: 0 30px; border-radius: 26px; font-size:18px; transition:.3s ease; }
.relswiper li .txt span i{display: inline-block; margin-left: 5px;}
.relswiper li:hover h2{ color:#41baea;}
.relswiper li:hover span{ background:#41baea; border-color: #41baea; color: #fff;}
@media (max-width: 1281px){
    .show_top{margin-top: 45px;}
    .show_top .txt h1{ font-size: 42px;}
    .bb60{ font-size: 52px;}
    .relswiper li{ padding: 35px 0 35px 30px;}
    .mainh{height: 60px;}
}
@media (max-width: 1024px){
    .posi{ padding: 25px 0;}
    .show_top .pic{width: 45%;}
    .show_top .txt .btns{margin: 25px 0 30px;}
    .bb60{ font-size: 48px; margin-bottom:30px;}
    .mainh{height: 40px;}
}
@media (max-width: 768px){
    .show_top{ display: block;}
    .show_top .pic{width: 100%; margin-bottom: 25px;}
    .show_top .txt{ width: 100%;}
    .bb60{ font-size: 40px; margin-bottom: 30px;}
    .show_content table td{padding: 8px 10px 8px 10px;}
}
@media (max-width: 450px){
    .posi{ font-size: 16px;}
    .show_top{margin-top: 30px;}
    .show_top .txt h1{ font-size: 28px; margin-bottom:20px;}
    .show_top .txt .btns{ margin: 20px 0 25px;}
    .bb60{ font-size: 30px; margin-bottom: 20px;}
    .show_content table{ font-size: 16px;}
    .relswiper li{padding: 20px 0 20px 25px;}
    .posi{ padding: 15px 0;}
}
.sol_main .title{text-align: center; margin-bottom: 65px;}
.solu_box .solitem{float: left; width: 49%; margin-right: 2%; margin-bottom: 60px;}
.solu_box .solitem:nth-child(2n){ margin-right:0;}
.solu_box .solitem .imgfd{ padding-top: 57.7%;}
.solu_box .solitem .txt{ border: 1px solid #eaeaea; padding:35px 40px;}
.solu_box .solitem .txt .left{ width: calc(100% - 130px); margin-right: auto;}
.solu_box .solitem .txt .left h2{ font-size: 30px; font-family: barb; line-height: 30px; height: 30px; margin-bottom: 15px; overflow: hidden;}
.solu_box .solitem .txt p{ line-height: 30px; height:60px; overflow: hidden; font-size: 18px;}
.solu_box .solitem .txt img{height: 66px;}
.solu_box .solitem:hover h2{ color:#41baea;}
.solu_box .solitem .icon{ transition: .2s ease;}
.solu_box .solitem:hover .icon{ transform:translateY(-5px);}
@media (max-width: 1024px){
    .solu_box .solitem .txt{padding: 20px 25px;}
}
@media (max-width: 768px){
    .solu_box .solitem{ width: 100%; float: none; margin-bottom: 30px;}
}
@media (max-width: 450px){
    .solu_box .solitem .txt{padding: 15px;}
    .solu_box .solitem .txt img{height: 40px;}
    .solu_box .solitem .txt .left{width: calc(100% - 60px);}
    .solu_box .solitem .txt .left h2{font-size: 20px; margin-bottom:5px;}
    .solu_box .solitem .txt p{font-size: 14px; line-height: 20px; height: 40px;}
    .relswiper li .txt h2{ font-size: 26px; line-height:26px; height:26px;}
    .relswiper li .txt .tit{ padding-bottom: 15px; margin-bottom: 15px;}
    .relswiper li .txt span{line-height: 32px; padding:0 15px; font-size:16px;}
    .relswiper li .txt p{ margin-bottom:20px;}
    .page_btn{ display: block;}
    .page_btn .back{ display: none; padding-top: 25px; margin-top: 30px;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align:left; margin-top:30px;}
    .page_btn span{ font-size:18px; font-family:barm;}
    .sol_main .title{ margin-bottom: 30px;}
}
.sol_content h1{ text-align: center; padding-bottom: 30px; position: relative;}
.sol_content h1:after{ position:absolute; height: 5px; width: 130px; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1));}
.sol_content p{ font-size: 22px; line-height: 36px; margin-bottom:80px; padding:0 70px; color:#333; text-align:center;}
.pointswiper{ overflow: hidden; padding-bottom:60px; position:relative;}
.pointswiper li{ text-align:center;}
.pointswiper h4{ font-size: 24px; font-family: barb; margin: 15px 0 20px; line-height:30px; height:30px; overflow:hidden;}
.pointswiper p{ color: #333; font-size: 20px; height: 120px;}
.pointswiper .icon img{height: 68px;}
.stopswiper{ overflow: hidden;}
.stopswiper li{ width: 900px!important; position:relative;}
.stopswiper li .imgfd{padding-top: 55%;}
.stopswiper li p{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px; color: #fff; font-size: 24px;display:none;}
.casetitle{text-align: center; margin-bottom: 60px;}
.stopswiper li.swiper-slide-active p{ display: block;}

@media (max-width: 1441px){
    .stopswiper li{ width: 750px!important;}
}
@media (max-width: 1281px){
    .pointswiper p{ font-size: 18px; line-height: 24px;}
    .sol_content p{padding: 0 40px; margin-bottom:45px;}
    .casetitle{ margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .sol_content p{ font-size: 20px; line-height: 30px;}
    .stopswiper li{width: 600px!important;}
}
@media (max-width: 450px){
    .sol_content p{ padding: 0;}
    .pointswiper p{ display: none;}
    .pointswiper h4{ font-size: 20px; margin-bottom: 0;}
    .pointswiper .icon img{height: 58px;}
    .stopswiper li{ width: 320px!important;}
    .stopswiper li p{ font-size: 20px; bottom: 20px;}
}

.hot_news .bb60{ text-align: center;}
.hotnewswiper{ overflow: hidden; position:relative; padding-bottom:60px;}
.hotnewswiper .pic{ width: 50%;}
.hotnewswiper .pic .imgfd{padding-top: 60%;}
.hotnewswiper .txt{ width: 46%; padding-top:25px;}
.hotnewswiper .txt span.date{ font-size: 18px; display: block; margin-bottom: 15px;}
.hotnewswiper .txt h2{ font-size: 34px; line-height: 46px; font-family: barm; height: 138px; overflow: hidden; margin-bottom: 30px;}
.hotnewswiper .txt p{ font-size: 20px; height: 90px; overflow: hidden; margin-bottom: 80px;}
.hotnewswiper .txt span.more{ display: inline-block; font-size: 18px; }
.hotnewswiper li:hover h2,.hotnewswiper li:hover span.more{ color:#41baea;}
.hotnewswiper .swiperbtn{position: unset; display: inline-block; margin-top:0; font-size:25px; line-height:25px; height:25px; margin:0 10px;}
.hotnewswiper .swiperbtn:hover{ color:#41baea;}
.news_top{ margin-bottom:50px;}
.news_top .bb60{ text-transform:uppercase; margin-right:auto; margin-bottom:0;}
.news_top .news_nav a{ display: inline-block; margin-left: 20px; line-height: 46px; padding:0 30px; border-radius:24px; border:1px solid #e4e4e4; font-size:18px;}
.news_top .news_nav a:not(.act):hover{ color:#41baea;}
.news_top .news_nav a:hover:after,.news_top .news_nav a.act:after{ width:100%;}
.ny_news_list ul li{ float:left; width: 32%; margin-right: 2%; margin-bottom: 80px;}
.ny_news_list ul li:nth-child(3n){margin-right:0;}
.news_top .news_nav a.act{ background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)); color:#fff;}
.news_det{ padding-top: 55px;}
.news_det .news_info .colname{line-height:38px; background:#f5f7f8; padding:0 15px; font-size:18px; color:#41baea; display:inline-block; border-radius:4px;}
.news_det .news_info .date{margin: 25px 0 40px;}
.news_det .news_info .date i{ font-size: 18px; margin-right: 3px;}
.news_det .news_info .follow p{ font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
.news_det .right{ width: calc(100% - 320px); margin-left: auto;}
.news_det .right h1{ font-size: 40px; font-family: barb; line-height: 56px; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8;}
.det_show{ padding: 50px 0 0; overflow: hidden;}
.det_show img{ max-width: 100%!important;}
@media (max-width: 1281px){
    .news_det .right h1{font-size: 36px; line-height:50px;}
    .hotnewswiper .txt h2{ font-size: 30px; line-height: 40px; height:120px;}
    .hotnewswiper .txt p{ margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .news_det .right h1{ font-size: 30px; line-height: 40px; padding-bottom:30px;}
    .det_show{padding: 35px 0;}
    .hotnewswiper .txt{ padding-top: 0;}
    .hotnewswiper .txt h2{ font-size: 24px; line-height: 30px; height: 90px; margin-bottom:20px;}
    .hotnewswiper .txt p{margin-bottom: 25px;}
}
@media (max-width: 768px){
    .news_det{display: block;}
    .news_info{ display: flex; align-items: center; flex-wrap: wrap;}
    .news_det .news_info .date{ margin: 0 auto;}
    .news_det .news_info .follow p{ display: none;}
    .news_det .right{ width: 100%; margin-top: 25px;}
    .hot_news{ display: none;}
    .news_page { padding-top: 0;}
    .news_top{ display:block; margin-bottom:40px;}
    .news_top .bb60{ text-align: center; margin-bottom: 25px;}
    .news_top .news_nav a{margin: 0 auto;}
    .ny_news_list ul li{ width: 49%;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info .date{margin-left: 0;}
    .social-share .social-share-icon{width: 28px; height: 28px; line-height: 28px;}
    .news_det .right h1{ font-size: 24px; line-height: 34px;}
    .ny_news_list ul li{ margin-bottom: 30px;}
    .news_top .news_nav a{ width: 90%; text-align: center; line-height: 42px; margin:8px auto;}
    .news_top .bb60{margin-bottom: 15px;}
    .page_btn{ margin-top: 0;}
    .news_det{ padding-top: 25px;}
    .page_btn{ padding-top: 25px;}
}

.lx_top .bb60{ text-transform: uppercase; text-align: center;}
.lx_top dt{ max-width: 44%; margin-right: auto;}
.lx_top dt b{ font-size: 28px; font-family: barb; padding-bottom: 20px; position: relative; margin-bottom:35px;}
.lx_top dt b:after{position:absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ; width: 50px; height: 3px;}
.lx_top dt a,.lx_top dt span{display: block;}
.lx_top dt p{ font-size: 30px; line-height: 45px; }
.lx_top dt a:hover{ color:#41baea;}

.lx_msg .bb60{ text-align:center; text-transform:uppercase; margin-bottom: 40px;}
.lx_msg form label{ margin-bottom: 10px; display:block;}
.lx_msg form label i{ color: #ff0000;}
.lx_msg form input,.lx_msg form textarea{ line-height: 56px; border: 1px solid #d2d2d2; padding-left:22px; font-size:16px; width:100%;}
.lx_msg form .formbox{ margin-bottom: 25px;}
.lx_msg form .formbox.fl{ width: 32%; margin-right: 2%;}
.lx_msg form .formbox.fl:nth-child(3n){ margin-right:0;}
.lx_msg form .exp{ width: 50%; margin-right: auto; font-size:16px;}
.lx_msg form .sub{ line-height: 58px; width: 520px; text-align: center; background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ; transition: .3s ease; color:#fff; cursor:pointer;}
.lx_msg form .sub i{ font-size: 20px; margin-left: 10px;}
.lx_msg form .sub:hover{ background: linear-gradient(to right,rgba(0,220,86,1),rgba(0,198,174,1),rgba(0,178,229,1)) ;}

.lx_get,.lx_get .item_top p a{ color: #fff;}
.lx_get .item_top p{ width: 30%; margin-left:auto;}
.lx_get .item_top p a{ text-decoration: underline;}
.lx_get .item_top p a:hover{ color:#41baea;}
.lx_get dt{ width: 28%; margin-right: auto;}
.lx_get dt:last-child{ margin-right:0;}
.lx_get dl{ position: relative;}
.lx_get dl:after,.lx_get dl:before{ position:absolute; height:250px; left: 33.33%; width: 1px; top:0; background: rgba(235,235,235,.23); content: '';}
.lx_get dl:before{ left:66.66%;}
.lx_get dl i{ display: inline-block; width: 40px; line-height: 40px; text-align: center; color: #fff; height: 40px; border-radius: 50%; background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ; margin-bottom:35px;}
.lx_get dl b{ color: #fff; font-size: 30px; font-family: barb; line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 22px;}
.lx_get dl p{ height: 60px;}

.lx_map{ overflow: hidden;}
@media (max-width: 1281px){
    .lx_top dt b{ margin-bottom: 25px;}
    .lx_top dt p{font-size: 26px; line-height: 40px;}
}
@media (max-width: 1024px){
    .lx_msg form .sub{ width: 450px;}
    .lx_get .item_top p{ width: 45%;}
    .lx_get dl b{ font-size: 26px; line-height: 35px; height: 35px; margin-bottom:15px;}
    .lx_get dl i{margin-bottom: 25px;}
    .lx_get dt{ width: 30%;}
    .lx_map{ display: none;}
}
@media (max-width: 768px){
    .lx_top dl{ display: block;}
    .lx_top dt{ width: 100%; max-width: 100%; margin-bottom:35px;}
    .lx_top dt b{ font-size: 24px; padding-bottom: 15px; margin-bottom: 20px;}
    .lx_top dt p{ font-size: 20px; line-height: 30px;}
    .lx_msg form .formbox.fl{ width: 100%; float: none;}
    .lx_msg form .exp{ width: 100%; margin-bottom: 15px;}
    .lx_msg form .sub{ width: 100%;}
    .lx_msg form input, .lx_msg form textarea,.lx_msg form .sub{ line-height: 45px;}
}
@media (max-width: 450px){
    .lx_get .item_top{display: block;}
    .lx_get .item_top p{width:100%; margin-top: 20px;}
    .lx_get dl{ display: block;}
    .lx_get dt{ width: 100%; margin-bottom: 25px;}
    .lx_get dl:after, .lx_get dl:before{display:none;}
    .lx_get dl p{height: auto;}
    .lx_get dl i{margin-bottom: 10px;}
}
.ab_story .bb60{ text-align: center;}
.ab_story .story{ text-align: center; margin-bottom:70px; padding:0 100px;}
.ab_story .story p{ font-size: 22px; line-height: 34px;}
.ab_story .sy_number{ padding: 0 70px;}
.ab_spec{ background: #f9f9f9;}
.ab_spec .imgfdd{ width: 48%;}
.ab_spec .txt{ width: 46%; padding-top:80px;}
.ab_spec .txt b{ font-family: barb; font-size: 50px; padding-bottom: 30px; position: relative; margin-bottom:35px;}
.ab_spec .txt b:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 135px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ;}

.ab_adv .bb60{ text-align: center;}
.ab_adv li{ height: 500px; width: 20%; margin-right: 30px; transition:.3s ease; position:relative;}
.ab_adv li img{ width: 100%; height: 100%; object-fit: cover;}
.ab_adv li .txt{ width: 100%; position: absolute; left: 0; top: 0; padding: 50px 35% 0 50px; color:#fff;}
.ab_adv li .txt p{ display: none;}
.ab_adv li.active{ width: calc(40% - 90px);}
.ab_adv li:last-child{ margin-right:0;}
.ab_adv li b{ font-size: 32px; font-family: barm; padding-bottom: 30px; position: relative; margin-bottom: 30px;}
.ab_adv li b:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 75px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ; display:none;}
.ab_adv li.active b:after{ display:block;}
.ab_adv li.active .txt p{ display: block;}

.ab_cust .bb60{ text-align: center;}
.ab_cust .cusswiper{ padding-bottom:50px; position:relative; overflow:hidden;}
.cusswiper .swiper-wrapper{ height: 310px;}
.cusswiper ul li .imgfd{padding-top: 58%; border:1px solid #e8e8e8;}
.cusswiper ul li{height:  calc((100% - 30px) / 2) !important;}

.ab_cert .title{text-align: center; margin-bottom:60px;}
.certswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.certswiper .item{ width: 270px;transform-origin: center bottom; transition:1s ease;}
.certswiper .item .imggd{ padding-top: 137.3%;}
.certswiper .swiper-wrapper{align-items:flex-end; transform-style: preserve-3d;}
.ab_cert{  position:relative;}
.ab_cert .swiperbtn{ top: 60%; font-size: 50px;}
.ab_cert .swiper-button-prev{ left: 6%;}
.ab_cert .swiper-button-next{ right: 6%;}
.ab_cert .swiperbtn:hover{ color:#41baea;}

.ab_sust .txt{ width: 45%; margin-right: auto;}
.ab_sust .imgfdd{ width: 50%;}
.ab_sust .txt .bb60{padding-bottom: 35px; position: relative;}
.ab_sust .txt .bb60:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 75px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ;}
.ab_sust .txt p{ font-size: 22px; line-height: 36px;}
.ab_sust .txt .amore{ margin-top: 70px;}
@media (max-width: 1601px){
    .ab_spec .txt{ padding-top: 55px;}
    .ab_spec .txt b{ font-size: 44px; }
    .ab_adv li .txt{padding: 40px 30px 0 40px;}
    
}
@media (max-width: 1441px){
    .ab_adv li{height: 450px;}
    .ab_adv li b{font-size: 28px;}
    .cusswiper .swiper-wrapper{height: 260px;}
    .ab_sust .txt .amore{margin-top: 40px;}
}
@media (max-width: 1281px){
    .ab_story .sy_number{ padding: 0 30px;}
    .ab_story .story p{font-size: 20px; line-height: 28px;}
    .ab_spec .txt{ padding-top: 35px;}
    .ab_spec .txt b{ font-size: 36px; padding-bottom: 20px; margin-bottom: 25px;}
    .cusswiper .swiper-wrapper{height: 230px;}
    .certswiper .item{ width: 241px;}
    .certswiper{ width: 950px;}
    .ab_sust .txt .bb60{ padding-bottom: 25px;}
    .ab_sust .txt p{ font-size: 20px; line-height: 30px;}
}
@media (max-width: 1024px){
    .ab_story .story{padding: 0 50px;}
    .ab_story .sy_number{padding: 0;}
    .ab_spec .imgfdd{ width: 100%; float: none;}
    .ab_spec .txt{ width: 100%; float: none;}
    .ab_adv li b{ font-size: 24px; padding-bottom:20px; margin-bottom:20px;}
    .ab_adv li .txt{padding: 25px 20px 0;}
    .cusswiper .swiper-wrapper{height: 390px;}
}
@media (max-width: 768px){
    .ab_adv li,.ab_adv li.active{ width: 100%; margin-right:0; margin-bottom:20px;}
    .ab_adv li b:after{ display:block;}
    .ab_adv li .txt p{ display: block;}
    .cusswiper .swiper-wrapper{height: 320px;}
    .certswiper{width: 650px;}
    .certswiper .item{width: 175px;}
    .ab_cert .swiperbtn{ font-size: 30px;}
    .ab_sust .center{ display: block;}
    .ab_sust .txt{ width: 100%; margin-bottom: 25px;}
    .ab_sust .imgfdd{ width: 100%;}
}
@media (max-width: 450px){
    .ab_story .story{padding: 0; margin-bottom:35px;}
    .ab_story .story p{ font-size: 18px;}
    .ab_spec .txt b{font-size: 26px; line-height: 34px;}
    .ab_spec .txt b:after{ width:80px;}
    .ab_adv li{height: 300px;}
    .cusswiper .swiper-wrapper{height: 180px;}
    .ab_cust .cusswiper{padding-bottom: 20px;}
    .ab_cert .title{margin-bottom: 30px;}
    .certswiper{margin-top: 30px; width: 390px; padding-bottom:10px;}
    .certswiper .item{ width: 123px;}
    .ab_cert .swiper-button-prev{ left: 1%;}
    .ab_cert .swiper-button-next{ right: 1%;}
    .ab_sust .txt .amore{ margin-top: 25px;}
}
.rd_capa .imgfdd{ width: 41%; margin-right: auto;}
.rd_capa .txt{ width: 51%;}
.rd_capa .txt .bb60{padding-bottom: 35px; position: relative;}
.rd_capa .txt .bb60:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 135px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ;}
.rd_capa .txt .box p{ font-size: 22px; line-height: 33px;}
.rd_capa .txt .box{ margin-bottom: 40px;}
.pot p{ font-family: barm; font-size: 28px; line-height: 40px; padding-left: 40px; background: url(../images/gou_10.png) no-repeat left 5px; margin-top:30px;}
.prod_capa{ overflow:hidden; position:relative;}
.prod_capa .prodpic{ width: 100%;}
.prod_capa .txt{ position:absolute; width: 100%; left: 0; top: 85px; color: #fff;}
.prod_capa .txt .part{ width: 50%;}
.prod_capa .txt .bb60{ color:#fff;padding-bottom: 35px; position: relative;}
.prod_capa .txt .bb60:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 135px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ;}
.prod_capa .txt .box p{ font-size: 22px; line-height: 33px;}

.insp_capa .txt{ width: 48%; padding-top:40px;}
.insp_capa .imgfdd{ width: 47%;}
.insp_capa .txt .bb60{padding-bottom: 35px; position: relative;}
.insp_capa .txt .bb60:after{position:absolute; left: 0; bottom: 0; height: 5px; width: 135px; content: '';background: linear-gradient(to right,rgba(0,178,229,1),rgba(0,198,174,1),rgba(0,220,86,1)) ;}
.insp_capa .txt .box p{ font-size: 22px; line-height: 33px;}
.insp_capa .txt .box{margin-bottom: 55px;}
.insp_capa .txt dt{ text-align: center; margin-right: 120px; font-size:24px; }
.insp_capa .txt dt p{ font-family: barm; margin-top:15px;}
@media (max-width: 1441px){
    .rd_capa .txt .box p,.prod_capa .txt .box p,.insp_capa .txt .box p{ font-size: 20px; line-height: 28px;}
    .prod_capa .txt{ top: 60px;}
    
}
@media (max-width: 1281px){
    .rd_capa .txt .bb60{padding-bottom: 25px; margin-bottom: 30px;}
    .pot p{margin-top: 20px;}
    .insp_capa .txt .box{ margin-bottom: 30px;}
}
@media (max-width: 1024px){
    .rd_capa .txt{ width: 55%;}
    .pot p{ font-size: 24px; line-height: 32px;}
    .prod_capa .txt .part{ width: 75%;}
    .prod_capa .txt{ top: 40px;}
    .prod_capa .txt .bb60{padding-bottom: 25px;}
    .insp_capa .txt dt{ font-size: 20px; margin-right:50px;}
    
}
@media (max-width: 768px){
    .rd_capa { display: block;}
    .rd_capa .imgfdd{ width: 100%; margin-bottom: 25px;}
    .rd_capa .txt{ width: 100%;}
    .prod_capa .prodpic{ width: 150%; margin-left: -25%;}
    .insp_capa .txt{ width: 100%; margin-bottom: 25px;}
    .insp_capa .imgfdd{ width: 100%;}
}
@media (max-width: 450px){
    .rd_capa .txt .bb60:after,.prod_capa .txt .bb60:after,.insp_capa .txt .bb60:after{ height:3px; width: 75px;}
    .rd_capa .txt .bb60,.insp_capa .txt .bb60{padding-bottom: 20px; margin-bottom: 20px;}
    .prod_capa .prodpic{ width: 300%; margin-left: -100px;}
    .rd_capa .txt .box p, .prod_capa .txt .box p, .insp_capa .txt .box p{font-size: 18px; line-height: 24px;}
    .prod_capa .txt .part{ width: 95%;}
    .pot p{ font-size: 22px; line-height: 30px; background-size:14px; padding-left:20px;}
    .insp_capa .txt dt img{height: 50px;}
}
.ab_factory .title{ text-align: center; margin-bottom: 60px;}
.fac_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 60px; text-align:center;}
.fac_list ul li .imgfd{padding-top: 62.7%; margin-bottom:25px;}
.fac_list ul li p{ font-size: 18px; height: 30px;}
.fac_list ul li:nth-child(3n){ margin-right:auto;}

@media (max-width: 450px){
    .ab_factory .title{ margin-bottom: 25px;}
    .fac_list ul li .imgfd{ margin-bottom: 15px;}
    .fac_list ul li{ width: 49%; margin-bottom: 30px;}
    .fac_list ul li:nth-child(3n){ margin-right:2%;}
    .fac_list ul li:nth-child(2n){ margin-right:0;}
}