@charset "utf-8";
/* CSS Document */
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .follow_list{margin-right: 25px;}
.top_contact .follow_list a,.top_contact .follow_list a i{ width: 22px; height: 22px;}
.follow_list a svg{ width: 14px; height: 14px; padding: 3px;}
.top_contact .follow_list .icon-whatsapp1{ color: #00cd65; font-size: 24px!important; line-height:22px;}
.index_head.typea:not(.typeanot) .top_contact .topp{ border-color: rgba(255,255,255,.3);}
.index_head.typea:not(.typeanot) .top_contact .topp a{ color: #fff;}

.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer; border-radius: 14px; background: #e2e2e2;}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:0; top:28px; background:#fff; padding:15px; width:100%; border-radius:5px; display:none;z-index:3;}
.top_lang .lang-list img{ float: left; margin-right: 5px;}
.top_lang .lang-list a{ display: block; color: #666; margin-bottom:8px;}
.top_lang .lang-list a:hover{ color:#097031;}
.top_lang:hover .lang-list{ display:block;}

.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: calc(50% - 800px); bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 26px; height: 4px; border-radius: 0; background: #fff; margin-right: 10px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px;}
.swiper-pagination{ z-index: 3;}
.swiper-pagination-bullet:focus{ outline:none!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.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: #fff; font-size: 20px; margin-top: 0;}
.ban_control span.line{ color: #fff; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #fff; width: 150px;}
.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(255,255,255,.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: #fff;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(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}


.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 18px; color: #fff; margin-bottom: 20px; width: 50%;}
.sy-ban .txt1 h3{ width: 50%;font-size: 54px; line-height: 70px; color: #fff;display: block; font-family: barb;}
.sy-ban .txt1 .amore{ margin-top: 90px;}

.amore{ cursor: pointer; display: inline-block; text-align: center; min-width: 160px; border-radius: 26px; color: #333; line-height: 50px; position: relative; border:1px solid #666666; transition: .3s ease; padding: 0 32px; text-transform: uppercase; font-size: 16px;}
.amore span{ position: relative; z-index: 2}
.amore i{ margin-left: 15px; font-size: 14px;}
.amore:after{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #c53b3e; content:''; width: 0; height: 0; transition: .2s ease; border-radius: 25px;z-index: 1;}
.amore:hover:after{ width: 100%; height: 100%;}
.amore:hover,.amore.on{ color: #fff; border-color: #c53b3e;}
.amore:hover i{ transform: rotate(45deg);}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.wb:hover{ border-color: #c53b3e;}
.amore.on{background: #c53b3e;}
.amore.on:hover{box-shadow:0 0 10px rgba(191,38,59,.4)}
.amore.rb{ border-color: #c53b3e; color: #c53b3e;}
.amore.rb:hover{ color: #fff;}
.sy_number{padding: 65px 0;}
.sy_number dt{ width: 22%; margin-right: auto}
.sy_number dt:last-child{margin-right: 0;}
.sy_number dt b{ font-family: barb;}
.sy_number dt b i{ display: inline-block; line-height: 65px; font-size: 66px; height: 65px;}
.sy_number dt b sup{ display: inline-block; font-size: 60px; line-height: 34px; height: 34px; margin-left: 8px; color: #c53b3e;}
.sy_number dt p{ font-size:22px; font-family: barsb; color: #333; margin-top: 20px; }
.sy_number dt .numm{ position: relative; padding-bottom: 25px; margin-bottom: 25px;}
.sy_number dt .numm:before,.sy_number dt .numm:after{ position: absolute; width: 100%; background: #e4e4e4; height: 1px; content: ''; left: 0; bottom: 0;}
.sy_number dt .numm:after{ width: 0; transition: .3s ease; background: #c53b3e;}
.sy_number dt:hover .numm:after{ width: 100%;}
.sy_number dt span{ display: block; color: #c53b3e;line-height: 30px; height: 60px;}

.sy_product{padding-top: 80px; position: relative;}
.item_top .sy_item_tit{margin-right: auto; margin-bottom:0}
.sy_item_tit h3{ font-size: 60px; font-family: barb; line-height: 65px;}
.sy_item_tit p{margin-top: 25px;}
.sy_item_tit{margin-bottom: 40px;}
.proswier{overflow: hidden; position: relative;}
.proswier .swiper-slide{border: 1px solid #c53b3e; width: 75%; z-index: 2;}
.proswier .swiper-slide:after{position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.3); left: 0; top: 0; content: '';}
.proswier .swiper-slide .txt{ padding: 100px 70px 0 100px; width: 46%;}
.proswier .swiper-slide .pic{ padding: 60px; width:54%; }
.sy_product .item_top{position: relative; z-index: 2; margin-bottom: 0;}
.proswier .swiper-slide.swiper-slide-active .txt{padding-left: calc(66.6% - 800px);}
.proswier .swiper-slide.swiper-slide-active:after{display: none;}
.sy_product:after{background: #c53b3e; left: 0; top: 0; height: 100%; width: 34.5%; content: ''; position: absolute;}
.sy_product .sy_item_tit h3,.sy_product .sy_item_tit p{ color: #fff;}
.item_top{margin-bottom: 40px;}
.swiperbtn{ position: absolute; z-index: 3; outline: none; cursor: pointer;}
.proswier .swiperbtn{ width: 42px; height: 42px; border-radius: 50%; text-align: center; line-height: 40px; left: calc(75% - 21px); top: 45%; font-size: 24px; border: 1px solid #c53b3e; background: #fff; color:#c53b3e; }
.proswier .swiperbtn.next{background: #c53b3e; color: #fff; top: 55%;}
.proswier .txt h2{ font-size: 42px; font-family: barb; line-height: 45px; height: 90px; overflow: hidden; margin-bottom: 25px;}
.proswier .txt p{ font-size: 20px; height: 90px; overflow: hidden; margin-bottom: 50px; line-height:30px;}
.proswier .txt .para span{ display: inline-block; padding: 0 10px; margin-right: 30px; font-size: 16px; line-height: 25px; margin-bottom: 10px;}
.proswier .txt .para{height: 70px; overflow: hidden; margin-bottom: 45px;}
.proswier .txt .btn{ line-height: 48px; padding: 0 25px; border-radius: 25px; border: 1px solid #c53b3e; background: #fff; color: #c53b3e; font-size: 16px; display: inline-block; text-transform: uppercase;}
.proswier .txt .btn:first-child{ margin-right: 20px; background: #c53b3e; color: #fff;}
.proswier .txt .btn i{margin-left: 5px; font-size: 14px;}
.proswier .swiper-slide.swiper-slide-active .txt,.proswier .swiper-slide.swiper-slide-active h2{ color: #fff;}
.proswier .swiper-slide.swiper-slide-active .txt .btn{border-color: #fff; color: #fff; background: #c53b3e;}
.proswier .swiper-slide.swiper-slide-active .txt .btn:first-child{background: #fff; color: #c53b3e;}
.sy_product .sy_item_tit{ padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.1);}


/* solution_wrap */


.solution_wrap .j_item{
    position: relative; overflow: hidden;
}
.solution_wrap .j_item .j_item_hd{
    position: absolute;
    z-index: 2;
    left: 10%;
    height: 100%;
    width: 21%;
    border-right: 1px solid rgba(255,255,255,.5);
}
.solution_wrap .j_item .j_item_hd_w{
    padding-top: 160px;
}
.solution_wrap .sy_item_tit h3{ color: #fff;}
.solution_wrap .j_item .j_item_hd .list{
    display: flex;
    flex-direction: column;
}
.solution_wrap .j_item .j_item_hd .list .item{
    display: inline-block;
    padding-left: 22px;
    font-size: 24px;
    font-family: 'barsb';
    color:#fff;
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
	line-height: 48px;
}
.solution_wrap .j_item .j_item_hd .list .item:before{
    content:'';
    width:7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 18px;
    display: block;
}

.solution_wrap .j_item .j_item_hd .list .item:after{
    content:'';
    width: 0;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left:0;
	bottom: 0; transition:.2s ease;}
.solution_wrap .j_item .j_item_hd .list .item_w.cur .item:after{ width: 100%;}
.solution_wrap .j_item .j_item_bd_item .item_bg img{
    width: 100%;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item{
    position: relative;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item:after{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; background: rgba(0,0,0,.3);}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .imgfd{padding-top: 45%;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{
    position: absolute;
    left: 31%;
    top: 0;
    height: 100%;
    width: 100%;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{
    position: absolute;
    width: 40%;
    padding-left: 135px;
    padding-bottom: 160px; bottom: 0; z-index: 3;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{
    font-size: 36px;
    font-family: barb;
    color:#fff;
    line-height: 40px;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{
    width: 70%;
    font-size: 18px;
    color:#fff;
    margin:20px 0 60px;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more{
    border: 1px solid #fff;
    border-radius: 100px;
    padding:0 23px;
    margin-bottom: 165px;
    font-family: 'GothicB';
    height: 45px;
    line-height: 43px;
    width: 170px;
    color:#fff;
    text-transform: uppercase;
    transition:all .5s;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more i{
    margin-left: 6px;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{
    width: 150px;
    height: 150px;
    border-top-right-radius: 1000px;
    background:#c53b3e;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more:hover{
    background: #fff;
    color:#333;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico img{
    width: 64px;
    height: 64px;
    margin:25px 25px 0 0;
}
.solution_wrap .j_item_bd .j_item_bd_item{
    display: none;
}
.solution_wrap .j_item_bd .j_item_bd_item:first-child{
    display: block;
}


.sy-solution{padding: 100px 0 240px;}
.sol_center .txt{ width: 45%;}
.sol_center .imgfdd{ width: 50%;}
.sol_center .txt h3{ font-size: 54px; line-height: 66px; font-family: barb; padding-bottom: 25px; position: relative;}
.sol_center .txt h3:after{ position: absolute; left: 0; bottom: 0; width: 80px; height: 4px; background: #d62937; content: '';}
.sol_center .txt p{ color: #d62937; line-height: 27px; height: 135px; margin: 45px 0;}
.sol_center .txt .btns .amore{margin-right: 30px;}
.sol_center .txt .btns .v_btn{font-size: 20px;}
.sol_center .txt .btns .v_btn i{ font-size: 50px; color: #d62937; display: inline-block; margin-right:15px; transition: .2s ease;}
.sol_center .txt .btns .v_btn:hover{ color: #d62937;}
.sol_center .txt .btns .v_btn:hover i{margin-right: 12px;}

.sy_proline{background: #fff; padding: 55px 55px 75px; box-shadow: 0 0 12px rgba(0,0,0,.1); margin-top: -180px; position: relative;}
.sy_proline h3{ font-family: barb; font-size: 30px; text-align: center; margin-bottom: 28px;}
.lineswiper{ overflow: hidden; text-align: center; color: #d62937; background: url("../images/jt_06.jpg"),url("../images/jt_06.jpg"),url("../images/jt_06.jpg");background-position: 23.5% center,50% center,76.5% center; background-repeat: no-repeat;}
.lineswiper .imgfd{padding-top: 60.6%; margin-bottom: 20px;}
.sy_proline .swiper-pagination{ bottom: 50px;}
.swiper-pagination-bullet{ width: 20px; height: 3px; background: #999999; border-radius: 0; transition:.2s ease; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #d62937; width: 37px;}
.sy_coop { position: relative; padding-top: 90px;}
.sy_coop .txt{ width: 38%;color: #333; position: relative; z-index: 2; padding-top: 40px;}
.sy_coop .map{ width: 65%; position: absolute; right: 2%; top: 90px;}
.sy_coop .map img{ width: 100%;}
.sy_coop .map .pic{ position: relative;}
.sy_coop .txt .coop_num b{ display: block; font-family: barb; line-height: 150px; height: 150px; margin-bottom: 30px; font-size: 150px; color: #234d9c; color: #d62937;}
.sy_coop .txt .coop_num span{ display: block; font-size: 48px; color: #d62937;}
.sy_coop .dot i{ display:inline-block; width: 6px; height: 6px; background: #d62937; border-radius: 50%; position:absolute; cursor:pointer; z-index:8;}
.sy_coop .dot i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#d62937; content:'';}
.sy_coop .dot i:nth-child(1){ left:56.5%; top: 50%;}
.sy_coop .dot i:nth-child(2){ left:35%; top: 20%;}
.sy_coop .dot i:nth-child(3){ left:30%; top: 59%;}
.sy_coop .dot i:nth-child(4){ left:25%; top: 30%;}
.sy_coop .dot i:nth-child(5){ left:78%; top: 50%;}
.sy_coop .dot i:nth-child(6){ left:12%; top: 25%;}
.sy_coop .dot i:nth-child(7){ left:55%; top: 55%;}
.sy_coop .dot i:nth-child(8){ left:19%; top: 50%;}
.sy_coop .dot i:nth-child(9){ left:63%; top: 44%;}
.sy_coop .dot i:nth-child(10){ left:73%; top: 47%;}
.sy_coop .dot i:nth-child(11){ left:64%; top: 28%;}
.sy_coop .dot i:nth-child(11){ left:64%; top: 35%;}
.sy_coop .dot i:nth-child(12){ left:64%; top: 51.5%;}
.sy_coop .dot i:nth-child(13){ left:72.5%; top: 15%;}
.sy_coop .dot i:nth-child(14){ left:57.5%; top: 58.5%;}
.sy_coop .dot i:nth-child(15){ left:60%; top: 49%;}
.sy_coop .dot i:nth-child(16){ left:75%; top: 30%;}
.sy_coop .dot i:nth-child(17){ left:57.5%; top: 40%;}
.sy_coop .dot i:nth-child(18){ left:50.5%; top: 51%;}
.sy_coop .dot i:nth-child(19){ left:52.5%; top: 42%;}
@keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
@-webkit-keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
.sy_coop .cooplogo{ position: absolute; left: 0; top: 20px; font-size: 140px; font-family: barb; line-height: 140px; color: #f4f4f4; font-style: italic;}
.cho_youshi{ position: relative; z-index: 2; margin-top: 70px;}
.cho_youshi li{ width: 32%; margin-right: auto; border: 1px solid #d8d8d8; padding: 40px 35px; transition: .2s ease;}
.cho_youshi .ytxt{width: calc(100% - 100px); margin-left: auto;}
.cho_youshi .ytxt h4{font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px; font-family: barb;}
.cho_youshi .ytxt p{ line-height: 27px; height: 108px; overflow: hidden;}
.cho_youshi li:hover{ border-color: #d62937;}
.cho_youshi li:hover h4{ color: #d62937;}

.sy_cert .tit{ width: 40%;}
.sy_cert dl dt{ margin-right: auto; text-align: center;}
.sy_cert dl dt:last-child{ margin-right: 0;}
.sy_cert dl dt img{height: 85px;}
.sy_cert dl dt p{ font-size: 16px; margin-top: 5px;}
.sy_cert .partbox{ width: 52%; position: relative;}
.certswiper{height: 270px; overflow: hidden; padding-bottom: 50px;}
.certswiper .swiper-wrapper{ height: 100%; overflow: hidden;}
.certswiper ul li{}
.certswiper ul li .imgfd{padding-top: 55%;background: #fff;}
.certswiper ul li{height:  calc((100% - 20px) / 2) !important;}
.sy_look { position: relative;}
.sy_look .lookbg img{width: 100%;}
.sy_look .txt{ position: absolute; width: 100%; padding: 0 26%; text-align: center; color: #fff; top: 50%; left: 0; transform: translateY(-50%);}
.sy_look .txt h3{ color: #fff;}
.sy_look .btns a{margin: 0 15px;}

.sy_news .left_list{width: 63%;}
.sy_news .left_list li{ float: left; width: 48.5%; margin-right: 3%;}
.sy_news .left_list li:nth-child(2){margin-right: 0;}
.sy_news .left_list li .imgfd{padding-top: 61.6%;}
.sy_news .left_list li .txt{border: 1px solid #e2e2e2; padding:42px 40px;}
.sy_news .left_list li .txt h2{ font-size: 24px; line-height: 36px; font-family: barb; height: 72px; overflow: hidden;margin-bottom: 15px;}
.sy_news .left_list li .txt p{line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 25px;}
.sy_news .left_list li:hover h2{ color: #d62937;}
.sy_news .left_list li:hover .txt{border-color: #d62937;}
.sy_news .left_list li span{ font-size: 16px;}
.sy_news .right_list{ width: 35%; border: 1px solid #e2e2e2; padding: 30px 35px 0;}
.sy_news .right_list h3{ font-size: 24px; line-height: 20px; padding-left: 20px; border-left: 4px solid #d62937; font-family: barb;}
.sy_news .right_list li{ padding: 20px 0; border-bottom: 1px solid #e2e2e2;}
.sy_news .right_list li:last-child{border: none;}
.sy_news .right_list li h2{ font-size: 22px; font-family: barb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 18px;}
.sy_news .right_list li p{line-height: 24px; height: 48px; margin-bottom: 22px; overflow: hidden;}
.sy_news .right_list li span{ font-size: 16px;}
.sy_news .right_list li span.more{ color: #d62937;}
.sy_news .right_list li:hover h2{ color: #d62937;}
.sy_news .left_list li span i,.sy_news .right_list li span i{ font-size: 14px;}

.com_foot{ background: #1e1f20; color: #97a1aa;}
.com_foot a{ color: #97a1aa;}
.f_center{ padding: 90px 0 80px; position: relative;}
.f_center .b-top{ position: absolute; right: 0; bottom: 60px; width: 56px; height: 56px; text-align: center; border: 1px solid rgba(255,255,255,.3); color: #fff; padding-top: 5px; transition: .2s ease; cursor:pointer;}
.f_center .b-top:hover{ background: #d62937; border-color: #d62937;}
.f_center .b-top i{ font-size: 22px;}
.f_center .b-top p{ font-size: 14px; line-height: 20px;}
.f_center .f_left{ width: 42%;}
.f_center .f_nav{ width: 57%;}
.f_center .flogo img{ width: 260px;}
.f_center .flogo p{ font-size: 22px; line-height: 30px; width: calc(100% - 280px); margin-left: auto; padding-left: 25px; border-left: 1px solid rgba(199,199,199,.2);}
.f_left .f_cont .item{ margin-top: 46px;}
.f_left .f_cont .item .p{ padding-top: 10px; width: calc(100% - 65px);margin-left: auto;}
.f_left .f_cont .item i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.f_left .f_cont .item.fl{ width: 48%}
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 22px; font-family: barb; margin-bottom: 20px;}
.f_nav dt a{ font-size: 16px; margin-bottom: 15px;}
.f_nav dt a:hover{ color:#fff;}
.copy{ padding: 30px 0; border-top: 1px solid rgba(255,255,255,.2);}
.copy .power{ margin-left: auto;}
.mainh{height: 85px;}

.right_online{position: fixed;top: 30%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #c53b3e;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #c53b3e;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;border-radius: 5px;}
.right_online li .ewmtp .p{padding: 10px;}
.right_online li .ewmtp .p img{ width: 100%; height:100%;}
.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.15); }
.video_close i{ font-size: 30px; color: #fff;}

.bottom-feed{position: fixed;z-index: 9999;right: 0;bottom: 0; transition:.2s ease;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .navContent{position: absolute;bottom: 0;right: 0;}

.bottom-feed span{display: block;width: 160px;height: 40px;background: #c53b3e;border-top-left-radius: 10px;border-top-right-radius: 10px;cursor: pointer; line-height:40px; padding:0 15px; font-size:18px; transform:rotate(-90deg) translateX(50%) translateY(60px); box-sizing:border-box;}
.bottom-feed span p{font-size: 18px;color: #fff;float: left;line-height: 40px;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 320px;padding: 10px 0;display: block; border-radius:10px; position:relative; padding-top:30px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #c53b3e}
.bottom-feed .feed .sub{background: #c53b3e;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.navContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#c53b3e 0 200px);}
.bottom-feed .feed p{font-size: 13px; line-height: 20px; padding: 0 10px 15px;}
.bottom-feed .feed i{ font-size: 22px; position: absolute; top: 10px; right: 10px; cursor:pointer;}
.bottom-feed .feed i:hover{color:#c53b3e;}




@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	.sy_news .right_list li{padding: 17px 0;}
	.proswier .swiper-slide.swiper-slide-active .txt{padding-left: 2%;}
	.solution_wrap .j_item .j_item_hd_w{padding-top: 140px;}
	.sy_item_tit h3{font-size: 56px;}
	.index_head .logo img{ max-height: 40px;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 h3{font-size: 48px; line-height:62px;}
	.sy-ban .txt1 .amore{margin-top: 50px;}
	.proswier .swiper-slide .txt{padding-left: 50px;}
	.sol_center .txt h3{font-size: 46px; line-height: 58px;}
	.sy_coop .cooplogo{font-size: 120px; line-height:120px;}
	.sy_coop .txt{ padding-top: 0;}
	.sy_cert dl dt img{height: 60px;}
	.index_head .nav li .second{ width: 50%; padding:30px;}
	.index_head .logo img{ max-height: 36px;}
}

@media (max-width: 1281px){
	.index_head .logo img{max-height: 36px;}
	.index_head .nav li{margin-left: 0;}
	.index_head .nav li .tarA a{padding: 0 20px;}
	.f_center .flogo p{ font-size: 20px;}
	.solution_wrap .j_item .j_item_hd_w{padding-top: 80px;}
	.solution_wrap .j_item .j_item_hd{ left: 2%; width:30%;}
	.solution_wrap .j_item .j_item_hd .list .item{margin-bottom: 10px;}
	.sy_item_tit h3{ font-size: 50px;}
	
}

@media (max-width: 1024px){
    .right_online,.bottom-feed{ display: none;}
	.f_center{display: none;}
	.m_img .headlf .m_logo{ max-height: 20px;}
	.top_h{height: 54px;}
	.m_img .headlf{padding-top: 16px;}
	.sy_number dt b i{ font-size: 48px; line-height:48px; height:48px;}
	.sy_number dt b sup{font-size: 44px; line-height: 44px; height: 44px;}
	.sy_number dt p{ font-size: 20px;}
	.sy_number dt{ width: 46%; margin-bottom: 20px;}
	.sy_number dt:nth-child(2n){margin-right:0;}
	.sy_number dt p{height: 27px;}
	.proswier .swiper-slide{ width: 100%;}
	.sy_product:after{ width:46%;}
	.proswier .swiperbtn{ left: calc(46% - 21px);}
	.sy-ban .txt1 h3{font-size:40px ; line-height: 50px;}
	.ban_control .swiper-num,.scr_down{display: none;}
	.ban_control .center{padding: 20px 0;}
	.sol_center .txt h3{font-size: 40px; line-height: 50px;}
	.sy_proline{padding: 40px 40px 60px;}
	.sy_proline .swiper-pagination{bottom: 30px;}
	.sy_coop .map{ display: none;}
	.sy_coop .txt{ width: 100%;}
	.cho_youshi li{ padding: 30px 20px; width:100%; margin-bottom:20px;}
	.cho_youshi ul{display: block;}
	.cho_youshi .ytxt p{height: auto;}
	.sy_item_tit h3{font-size: 40px; line-height:45px;}
	.sy_cert .tit{ width: 100%; float: none;}
	.sy_cert .partbox{ width: 100%; float: none; margin-top: 25px;}
	.certswiper{height: 440px;}
	.sy_look .txt{padding: 0 15%;}
	.sy_news .left_list{ width: 100%; float: none;}
	.sy_news .right_list{ width: 100%; float: none; margin-top: 30px;}
	.sol_center .txt{ width: 100%; float: none; margin-bottom: 30px;}
	.sol_center .imgfdd{ width: 100%; float: none;}
	.sol_center .txt p{height: auto;}
	.solution_wrap .j_item .j_item_hd{ display: none;}
	.solution_wrap .j_item_bd .j_item_bd_item{ display: block;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{ left: 0;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ width: 80%;}
	.sy_coop .txt .coop_num b{font-size: 100px; height: 100px; line-height: 100px;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 .amore{display: none;}
	.sy-ban .txt1 p{ display: none;}
	.sy-ban .txt1 h3{font-size: 30px; line-height: 36px; width: 70%;}
	.proswier .txt .btns{ display: none;}
	.proswier .txt h2{font-size: 28px; line-height: 35px; height: 70px;}
	.proswier .txt p{font-size: 16px; line-height: 24px; height: 96px;}
	.proswier .swiper-slide .txt{padding-top: 50px;}
	.proswier .swiper-slide .pic{padding: 40px;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{ display: none;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{margin-bottom: 20px;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 100px; height: 100px;}
	.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{padding-bottom: 50px;}
	.sy_look .lookbg img{height: 250px; object-fit: cover;}
	.sy_news .left_list li .txt{padding: 25px ;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 h3{font-size: 24px; line-height: 30px;}
.sy-ban img{height: 200px; object-fit: cover;}
.sy_number dt{ width: 100%;}
.sy_number dt p{font-size: 18px; margin-top: 10px;}
.sy_number{padding: 30px 0;}
.sy_number dt .numm{padding-bottom: 15px; margin-bottom: 15px;}
.sy_product:after{ display:none;}
.sy_product .item_top .amore{ display: none;}
.sy_product .sy_item_tit h3, .sy_product .sy_item_tit p{color: #333;}
.proswier .swiper-slide .txt{background: #c53b3e; padding:30px 20px 0 2%;}
.proswier .txt p{ display: none;}
.proswier .swiper-slide .pic{padding: 15px;}
.proswier .swiper-slide{ width: 50%;}
.proswier .swiper-slide .txt,.proswier .swiper-slide .pic{ width: 100%; float: none;}
.proswier .swiper-slide .txt{padding: 20px 10px;}
.proswier .txt h2{margin-bottom: 0;}
.proswier .swiperbtn{left: calc(50% - 18px); top:40%;}
.proswier .swiperbtn.next{ top: 60%;}
.sy_product .sy_item_tit{ padding-bottom: 25px;}
.sy_product{padding-top: 40px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico img{ width: 40px; height: 40px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{ width: 80px; height: 80px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{font-size: 28px;}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{ width: 100%; padding-left: 100px; padding-bottom:30px;}
.amore{ padding: 0 20px; line-height:40px;}
.solution_wrap .j_item_bd .j_item_bd_item{margin-bottom: 10px;}
.sy-solution{padding: 40px 0 200px;}
.sol_center .txt h3{font-size: 26px; line-height: 35px;}
.sol_center .txt p{ margin: 30px 0;}
.sol_center .txt .btns .amore{margin-bottom: 15px;}
.sy_proline{padding: 30px 20px 40px;}
.lineswiper .imgfd{margin-bottom: 10px;}
.sy_proline h3{font-size: 24px; margin-bottom: 17px;}
.sy_coop .cooplogo{font-size: 70px; line-height: 70px; height: 70px;}
.sy_coop{padding-top: 45px;}
.sy_item_tit h3{font-size: 30px; line-height: 35px;}
.sy_item_tit{margin-bottom: 25px;}
.sy_coop .txt .coop_num span{font-size: 35px;}
.sy_coop .txt .coop_num b{font-size: 70px; line-height: 70px; height: 70px;}
.cho_youshi{margin-top: 30px;}
.sy_cert dl dt img{height: 40px;}
.certswiper{ height: 230px;}
.sy_look .txt{padding: 0 2%;}
.sy_look .btns a.amore.on{margin-bottom: 10px;}
.sy_news .left_list li .txt{padding: 15px 10px;}
.sy_news .left_list li .txt h2{font-size: 18px; line-height: 30px; height: 60px;margin-bottom:0;}
.sy_news .left_list li .txt p,.sy_news .left_list li span{display: none;}
.sy_news .right_list{padding: 20px 15px;}
.copy{padding: 15px 0; font-size:12px;}
.mainh{height: 40px;}
.solution_wrap{margin-top: 40px;}
.proswier .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size: 20px;}
}

.ny_ban{ width: 100%; position: relative; overflow: hidden;}
.ny_ban .banimg{ width: 100%;}
.ny_ban .txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align:center; color:#fff;}
.ny_ban .txt a,.ny_ban .txt b{color: #fff;}
.ny_ban .txt b{ font-size: 60px; line-height: 60px; margin-top: 20px;}

.pro_nav li{display: none;}
.pro_nav li.act{display: block;}
.pro_nav .list a{height:77px;justify-content: center;width: 19%; margin-right: 1.25%; margin-bottom: 15px; text-align:center; background:#fff; padding:0 30px;}
.pro_nav .list a:nth-child(5n){margin-right:0;}
.pro_nav .list a:hover{ color:#c53b3e;}
.pro_nav .list a.on{ background: #c53b3e; color:#fff;}
.pro_nav .list a.on:hover{ color:#fff;}

.ny_pro_list li{ background: #fff; float: left; width: 49.5%; margin-right: 1%; margin-bottom: 20px;}
.ny_pro_list li:nth-child(2n){margin-right:0;}
.ny_pro_list li a{ padding: 30px 0 30px 50px;}
.ny_pro_list li .txt{ width: 50%; margin-right:auto;}
.ny_pro_list li .pic{ width: 48%;}
.ny_pro_list{ margin-top: 70px;}
.ny_pro_list li h2{ font-family: monb; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden;}
.ny_pro_list li .tit{border-bottom: 1px solid #ececec; padding-bottom: 30px; position:relative;}
.ny_pro_list li .tit:after{position:absolute; left: 0; bottom: 0; content: ''; background: #c53b3e; width: 75px; height: 3px;}
.ny_pro_list li p{ height: 81px; overflow: hidden; margin: 30px 0;}
.ny_pro_list li:hover h2,.ny_pro_list li:hover span{ color:#c53b3e;}
.ny_pro_list li span{ font-size: 16px;  text-transform:uppercase;}
.ny_pro_list li span i{ margin-left: 3px;}
@media (max-width: 1281px){
    .ny_pro_list li p{ height: 54px; margin:20px 0 ;}
    .ny_ban .txt b{font-size: 48px; line-height:48px;}
}
@media (max-width: 1024px){
    .ny_pro_list li a{padding: 20px 0 20px 30px;}
    .ny_pro_list li .tit{padding-bottom: 20px;}
    .ny_ban .txt b{font-size: 40px; line-height:40px;}
}
@media (max-width: 768px){
    .ny_pro_list li{ width: 100%; float:none;}
    .ny_pro_list{margin-top: 30px;}
    .ny_ban .txt b{font-size: 32px; line-height:32px;}
}
@media (max-width: 450px){
    .ny_ban .banimg{height: 200px; object-fit: cover;}
    .pro_nav .list a{width: 49%; margin-right:2%;}
    .pro_nav .list a:nth-child(2n){margin-right:0;}
    .ny_pro_list li span{ display: none;}
    .ny_pro_list li p{margin-bottom: 0;}
    .ny_pro_list li h2{font-size: 20px; height: auto;}
}
.showposi{padding: 52px 0;}
.showposi a:last-child{ color:#333;}
.show_top .picswiper{ background: #fff; width: 50%; overflow: hidden; position:relative;}
.show_top .txt{ width: 45%; padding-top:45px;}
.show_top{padding-bottom: 95px;}
.show_top .txt h1{ font-family: barb; font-size: 50px;}
.show_top .txt .tit{ padding-bottom: 35px; border-bottom: 1px solid #d5d5d5; position: relative;}
.show_top .txt .tit:after{ width:130px; height: 4px; background: #bebebe; content: ''; position: absolute; left: 0; bottom: 0;}
.show_top .txt .des{ margin: 50px 0 60px;}
.show_top .txt .btns .amore.on{margin-right: 30px;}
.show_top .txt .btns .amore i{ font-size: 20px;}
.show_top .txt .btns .amore.rb i{ transform: rotate(180deg); display:inline-block;}
.show_top .txt .btns{margin-bottom: 80px;}

.ny_tit{ text-align: center; color: #c53b3e; font-family: barb; margin-bottom: 45px; font-size:50px;}
.show_content{ width: 100%; overflow: hidden;}
.show_content table{width: 100%; border-color:#bababa!important;}
.show_content table td{ border-color:#bababa!important; padding: 20px 50px 20px 65px;}
.show_content table tr:first-child{background:#ececec;}
.show_content img{ max-width: 100%!important;}
.page_btn{ padding-top: 40px; margin-top: 60px; font-size:16px; color:#666; border-top:1px solid #d1dde0;}
.page_btn .prev,.page_btn .next{ width: calc(50% - 70px);}
.page_btn p{margin-bottom: 5px;}
.page_btn a.back{display: block; margin: 0 auto; width:130px; text-align:center; line-height:50px; border:1px solid #a8a8a8; transition:.3s ease;}
.page_btn a.back:hover{ background:#c53b3e; color: #fff; border-color: #c53b3e;}
.page_btn a:hover{color:#c53b3e;}
.page_btn .next{ text-align: right;}
.relswiper{overflow: hidden; position: relative; padding-bottom: 30px; margin-top:0;}
@media (max-width: 1281px){
    .show_top .txt{padding-top: 0;}
    .show_top .txt .btns{margin-bottom: 50px;}
    .show_top .txt .des{margin: 40px 0 ;}
    .show_top .txt h1{font-size: 40px;}
    .ny_tit{font-size: 40px;}
    .showposi{padding: 35px 0;}
}
@media (max-width: 1024px){
    .show_top .txt h1{font-size: 36px;}
}
@media (max-width: 768px){
    .show_top .picswiper{ width: 100%; float: none; margin-bottom: 25px;}
    .show_top .txt{ width: 100%; float: none;}
    .show_top{ padding-bottom: 40px;}
}
@media (max-width: 450px){
    .show_content table td{ padding: 10px 10px 10px 15px;}
    .show_top .txt .des{margin: 25px 0;}
    .show_top .txt .btns{margin-bottom: 30px;}
    .ny_tit{font-size: 30px; margin-bottom: 25px;}
    .page_btn{ padding-top: 25px; margin-top: 30px;}
    .page_btn a.back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ margin-top:20px; text-align:left;}
    .show_top .txt .tit{padding-bottom: 25px;}
    .show_top .txt h1{font-size: 30px;}
    .showposi{font-size: 14px; padding: 20px 0;}
}
.sup_demand .title{ text-align: center; margin-bottom:40px;}
.title b{ margin-bottom: 25px;}
.swiperall{ position: relative;}
.demswiper{ overflow: hidden; padding-top:20px;}
.demswiper li{ overflow:hidden; text-align:center; padding: 0 5px; transform:translateX(-50%);}
.demswiper li .imgfdd{ height: 430px; margin-bottom:30px;position:relative;}
.demswiper li .imgfdd img{height: 100%; object-fit: cover;}
.demswiper li.swiper-slide-active{ width: 33.333%!important; transform:translate(-25%,-10px);}
.demswiper li.swiper-slide-active .imgfdd{ height: 450px;}
.demswiper li p{font-size: 20px;}
.demswiper li:not(.swiper-slide-active) .imgfdd:after{ position:absolute; content: ''; background: rgba(0,0,0,.6); left: 0; top: 0; width: 100%; height: 100%;}
.swiperall .swiperbtn{position:absolute; top: 50%; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #c6c6c6; text-align: center; font-size:20px; transition:.2s ease;}
.swiperall .swiperbtn:hover{background:#c53b3e; color: #fff; border-color: #c53b3e;}

.typswiper{overflow: hidden; position:relative; padding-bottom:50px;}
.sup_type .tab-hd{text-align: center; margin-bottom:40px;}
.sup_type .tab-hd li{ font-size: 32px; line-height:78px; position:relative; display:inline-block; margin:0 35px;}
.sup_type .tab-hd li:after{position:absolute;left: 0; bottom: 0; content: ''; width: 0; background: #c53b3e; height: 3px; transition:.3s ease;}
.sup_type .tab-hd li.active:after{ width:100%;}
.sup_type .tab-hd li.active{ color: #c53b3e;}
.typswiper .swiper-slide{text-align: center; background: #fff;}
.typswiper .swiper-slide .txt{ padding: 28px 0;}
.typswiper .swiper-slide .txt p{ height: 27px; overflow: hidden;}
.sup_cus .title{margin: 0 auto 45px; text-align: center; width:75%;}
.sup_cus .title p{ font-size: 22px; line-height: 33px;}
.sup_cus dt{ width: 49%; margin-right: auto; background:#f7f7f7; padding:60px 55px; position:relative; transition:.2s ease;}
.sup_cus dt:last-child{ margin-right:0;}
.sup_cus dt b{ font-size: 30px; font-family: barb; margin-bottom: 20px;}
.sup_cus dt p{ height: 150px; margin-bottom: 15px;}
.sup_cus dt a{ display: inline-block; line-height: 45px; position: relative; color:#c53b3e; font-size:16px;}
.sup_cus dt a:after{position:absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #fff; content: ''; transition: .2s ease;}
.sup_cus dt .txt{ position: relative; z-index: 3;}
.sup_cus dt .icon{ position: absolute; right: 55px; bottom: 60px;}
.sup_cus dt .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(80%);-webkit-filter: brightness(0%) invert(80%);transition: .2s ease;}
.sup_cus dt:hover{background:#c53b3e;}
.sup_cus dt:hover .icon img{filter:unset;}
.sup_cus dt:hover,.sup_cus dt:hover b,.sup_cus dt:hover a{color:#fff;}
.sup_cus dt:hover a:after{ width:100%;}
.one_stop .tab-hd{margin-bottom: 60px; border-bottom:1px solid #dedede;}
.one_stop .tab-hd li{ margin-right: auto; line-height:100px; position:relative;}
.one_stop .tab-hd li:last-child{margin-right:0;}
.one_stop .tab-hd li:after{left:0; bottom: 0; height: 3px; width: 0; position: absolute; content: ''; background: #c53b3e; transition: .2s ease;}
.one_stop .tab-hd li.active{ color: #c53b3e;}
.one_stop .tab-hd li.active:after{width:100%;}
.one_stop .tab-bd .pic{ width: 45%;}
.one_stop .tab-bd .pic .imgfd{ padding-top: 60%;}
.one_stop .tab-bd .txt{ width: 50%; padding-top:30px;}
.one_stop .tab-bd .txt h2{ font-family: barb; font-size: 36px; margin-bottom: 30px;}
.one_stop .tab-bd .txt p{ line-height: 30px;}

.sup_cert{ background: url(../images/map2_25.png) no-repeat center top;}
.sup_cert .title{ text-align: center; margin: 0 auto 55px; width:75%; font-size:24px; line-height:36px;}
.sup_cert .title p{ line-height: 36px;}
.iso_list img{mix-blend-mode: multiply; height:110px;}
.iso_list { text-align: center;}
.iso_list dl dt{margin-right: auto;}
.iso_list dl dt:last-child{margin-right:0;}
.iso_list dl dt p{ font-size: 16px; margin-top: 15px;}

.scertswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.scertswiper .item{ width: 270px;transform-origin: center bottom; transition:1s ease;}
.scertswiper .item .imgfd{ padding-top: 137.3%;}
.scertswiper .swiper-wrapper{align-items:flex-end; transform-style: preserve-3d;}
.certbox{  position:relative; padding-top:20px;}
.certbox .swiperbtn{ top: 50%;width: 60px; font-size:24px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #dcdcdc; border-radius: 50%; transition:.2s ease;}
.certbox .swiper-button-prev{ left: 4%;}
.certbox .swiper-button-next{ right: 4%;}
.certbox .dettit{ text-align: center; position:relative; z-index:4;}
.certbox .cirbg{ position: absolute; z-index: 2; top: 0; left: 50%; margin-left:-270px; width:540px; animation: xuanzhuan 20s linear infinite; -webkit-animation: xuanzhuan 20s linear infinite; transform:rotate(0deg);}
.certbox .cirbg img{ width: 100%;}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.certbox .swiperbtn:hover{background:#c53b3e; color: #fff; border-color: #c53b3e;}


.sup_engin .eng_left{ width: 40%; margin-right: auto;}
.sup_engin .eng_right{ width: 55%;}
.sup_engin .eng_left .ny_tit{ text-align: left;}
.sup_engin .eng_left h2{font-size: 28px; font-family: barb; margin-bottom:30px;}
.sup_engin .eng_left .box p{ line-height: 30px;}
.sup_engin .eng_left .box{margin-bottom: 70px;}
.sup_engin .eng_right .engcir{ width: 60%; border-radius: 50%; padding: 100px; border: 1px solid #eeeeee; position:relative;}
.sup_engin .eng_right .imgfd{ padding-top: 100%; border-radius: 50%;}
.engcir ul li{ position: absolute;left:50%; top:0; width:80%; transform:translateY(-50%);}
.engcir ul li .conbox{border-radius: 50%; width:130px; height:130px; margin-right:20px; padding: 13px; border: 1px solid #f0f1f6; background: #fff;}
.engcir ul li .icon{ width: 100%; height: 100%; border-radius:50%; position:relative; background:#f5f6fa;}
.engcir ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.engcir ul li p{ width: calc(100% - 155px);}
.engcir ul li.active p{ color: #c53b3e;}
.engcir ul li.active .conbox{background: rgba(45,55,120,.1);}
.engcir ul li.active .icon{background: #c53b3e;}
.engcir ul li.active .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.engcir ul li:nth-child(2){left:80%; top: 20%;}
.engcir ul li:nth-child(3){left:95%; top: 50%;}
.engcir ul li:nth-child(4){left:80%; top: 80%;}
.engcir ul li:nth-child(5){ top: 100%;}

.faq_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; background: #fff;}
.faq_list ul li:nth-child(2n){margin-right:0;}
.faq_list ul li .tit{padding: 0 35px; height:120px; cursor:pointer;}
.faq_list ul li .tit h2{font-size: 24px; line-height: 36px; width: calc(100% - 130px); margin: 0 auto 0 30px;}
.faq_list ul li .box{ padding: 30px 35px; display:none;}
.faq_list ul li .tit i{ width: 40px; height: 40px; position: relative;}
.faq_list ul li .tit i:before,.faq_list ul li .tit i:after{position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#333; content:'';}
.faq_list ul li .tit i:before{ width:100%; height: 2px;}
.faq_list ul li .tit i:after{ width:2px; height: 100%;}
.faq_list ul li:not(.on) .tit:hover h2{color:#c53b3e;}
.faq_list ul li.on .tit{background: #c53b3e;}
.faq_list ul li.on .tit h2{ color: #fff;}
.faq_list ul li.on .tit img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.faq_list ul li.on .tit i:before{ background:#fff;}
.faq_list ul li.on .tit i:after{display:none;}
@media (max-width: 1700px){
    .engcir ul li:nth-child(3){ left:90%; width:70%;}
}
@media (max-width: 1600px){
    .iso_list{ text-align: center;}
    .iso_list img{height: 100px;width:auto; display:inline-block;}
    .sup_engin .eng_right .engcir{ width: 50%; padding: 80px;}
    .engcir ul li:nth-child(3){ width:80%;}
    .engcir ul li .conbox{ width: 116px; height: 116px; padding: 10px;}
}
@media (max-width: 1441px){
    .engcir ul li,.engcir ul li:nth-child(3){ width: 100%;}
    .engcir ul li .icon img{height: 40px;}
    .engcir ul li .conbox{width: 100px; height: 100px;}
}
@media (max-width: 1281px){
    .demswiper li .imgfdd{height: 350px; margin-bottom:20px;}
    .demswiper li.swiper-slide-active .imgfdd{height: 390px;}
    .sup_cus .title p{font-size: 20px;}
    .sup_cus .title{ width: 85%;}
    .sup_cus dt{padding: 45px 40px;}
    .one_stop .tab-hd li{line-height: 80px;}
    .iso_list img{height: 80px;}
    .scertswiper{ width: 1000px;}
    .scertswiper .item{ width: 250px;}
}
@media (max-width: 1024px){
    .iso_list img{height: 60px;}
    .scertswiper{ width: 850px;}
    .scertswiper .item{ width: 220px;}
    .certbox .cirbg{ width: 440px; margin-left: -220px;}
    .sup_engin{ display: block;}
    .sup_engin .eng_left{ width: 100%; margin-bottom: 55px;}
    .sup_engin .eng_left .box{margin-bottom: 30px;}
    .sup_engin .eng_right{width: 100%;}
    .faq_list ul li .tit{padding: 0 25px;}
    .faq_list ul li .tit h2{font-size: 20px; line-height: 30px;}
    .faq_list ul li .tit i{width: 30px; height: 30px;}
}
@media (max-width: 768px){
.demswiper li{ transform: translateX(0);}
.demswiper li.swiper-slide-active{ transform: translateY(-10px);}
.demswiper li .imgfdd{height: 280px;}
.demswiper li.swiper-slide-active .imgfdd{ height: 300px;}
.sup_cus dt{ width: 100%; margin-bottom:20px;}
.sup_cus dt p{height: auto;}
.one_stop .tab-bd .pic{ width: 100%; margin-bottom: 25px;}
.one_stop .tab-bd .txt h2{font-size: 30px;}
.one_stop .tab-bd .txt{width: 100%;}
.sup_cert .title p{line-height: 24px;}
.sup_cert .title{ width: 85%;}
.scertswiper{width: 650px;}
.scertswiper .item{ width:178px ;}
.faq_list ul li{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .demswiper li .imgfdd{ height: 180px;}
    .demswiper li p{font-size: 16px;}
    .demswiper li.swiper-slide-active .imgfdd{height: 200px;}
    .sup_type .tab-hd li{font-size: 24px;}
    .typswiper .swiper-slide .txt{padding: 20px 0;}
    .sup_cus dt{padding: 30px 20px;}
    .sup_cus dt .icon img{height: 70px;}
    .one_stop .tab-hd li{ width: 80%; text-align: center; margin:0 auto; line-height:60px;}
    .one_stop .tab-hd li:last-child{margin-right:auto;}
    .iso_list img{height: 35px;}
    .iso_list dl dt p{ display: none;}
    .sup_cert .title{margin-bottom: 30px;}
    .scertswiper{ width: 380px;}
    .scertswiper .item{ width: 120px;}
    .certbox .cirbg{ width: 320px; margin-left: -160px;}
    .certbox .swiperbtn{display: none;}
    .engcir ul li p{ display: none;}
    .sup_engin .eng_right .engcir{ width: 76%; padding: 40px;}
    .engcir ul li .conbox{ width: 80px; height: 80px;}
    .sup_engin .eng_left h2{font-size: 20px; margin-bottom: 15px;}
    .faq_list ul li .tit{height: 80px; padding:0 18px;}
    .faq_list ul li img{ height: 30px;}
    .faq_list ul li .tit h2{font-size: 18px; line-height: 26px;width:calc(100% - 90px); margin-left:20px;}
}
.cus_top .imgfdd{ width: 50%;}
.cus_top .txt{ width: 46%; padding-top:55px;}
.cus_top .txt h2{ text-align: left;}
.cus_top .txt .amore{margin-top: 60px;}
.bb44{ font-size: 44px; color: #c53b3e; text-align: center; margin-bottom: 30px; font-family:barb;}

.accswiper{ overflow: hidden; text-align:center;}
.cus_acce .title{text-align: center; width: 80%; margin: 0 auto 40px;}
.accswiper .imgfd{padding-top: 65%; margin-bottom:20px;}
@media (max-width: 1441px){
    .cus_top .txt{padding-top: 30px;}
}
@media (max-width: 1281px){
    .bb44{font-size: 38px;}
    .cus_top .txt .amore{margin-top: 30px;}
}
@media (max-width: 1024px){
    .cus_top .imgfdd{ width: 100%; float: none;}
    .cus_top .txt{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .bb44{font-size: 28px;}
    .cus_acce .title{ width: 90%;}
}
.app_list ul li{float: left; width: 32%; margin-right: 2%; margin-bottom: 35px;}
.app_list ul li:nth-child(3n){ margin-right:0;}
.app_list ul li .imgfd{padding-top: 47%;}
.app_list ul li .txt{ padding: 30px 35px 35px; border: 1px solid #dbdbdb; border-top: none;}
.app_list ul li .txt h2{ font-family: barb; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:20px;}
.app_list ul li .txt p{ line-height: 30px; height: 90px; overflow: hidden; margin-bottom:25px;}
.app_list ul li span{font-size: 16px;}
.app_list ul li span i{ margin-left: 5px;}
.app_list ul li:hover h2,.app_list ul li:hover span{ color:#c53b3e;}
.app_list ul li:hover .txt{ border-color:#c53b3e;}
@media (max-width: 1281px){
    .app_list ul li .txt{ padding: 20px 25px 30px;}
}
@media (max-width: 768px){
    .app_list ul li{ width: 49%;}
    .app_list ul li:nth-child(3n){ margin-right:2%;}
    .app_list ul li:nth-child(2n){ margin-right:0;}
    .app_list ul li .txt p{line-height: 24px; height: 72px;}
}
@media (max-width: 450px){
    .app_list ul li .txt{padding: 15px 10px 20px;}
    .app_list ul li .txt h2{font-size: 18px; line-height: 26px; height:26px;}
    .app_list ul li .txt p{display: none;}
}
.app_content{text-align: center; padding: 0 5%;}
.app_content .box,.app_content .box p{ font-size: 24px; line-height: 36px;}
.app_content .box{margin-bottom: 45px;}
.bb40{ font-size: 40px; font-family: barb; color: #c53b3e; margin-bottom:30px;}
.app_aidv{background: #fff;}
.app_aidv .pic{ width: 50%;}
.app_aidv .imgfd{padding-top: 50%;}
.app_aidv .txt{ width: 50%; padding: 0 70px;}
.app_aidv .txt p{ font-size: 20px; line-height: 30px;}

.app_ty b{ text-align: center;}
@media (max-width: 1024px){
    .app_aidv{padding: 40px 0; display: block;}
    .app_aidv .pic{ width: 100%;}
    .app_aidv .txt{padding: 30px; width:100%;}
}
@media (max-width: 768px){
    .app_content .box, .app_content .box p{font-size:20px; line-height:30px;}
}
@media (max-width: 450px){
    .bb40{font-size: 30px; margin-bottom: 25px;}
    .app_aidv .txt p{font-size: 18px; line-height: 26px;}
    .app_aidv .txt{padding: 20px 16px;}
}
.news_top { align-items: flex-end; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.news_top b{ padding-bottom: 20px; margin-right: auto; font-size:60px; font-family:barb; color:#c53b3e;}
.news_nav a{display: inline-block; line-height:65px; padding:0 45px;}
.news_nav a.act{ background: #c53b3e; color: #fff;}
.news_nav a:not(.act):hover{ color:#c53b3e;}
.ny_news_list ul li .txt h2{ height: 60px;}
.ny_news_list ul li .imgfd{padding-top: 62%;}
@media (max-width: 1024px){
    .news_top b{font-size: 40px;}
}
@media (max-width: 768px){
    .news_top b{ display: none;}
    .news_nav a{margin: 0 auto; padding:0 20px;}
    .news_nav{ width: 100%; display:flex;align-items:center; flex-wrap:wrap;}
}
@media (max-width: 450px){
    .news_top{ border:none;}
    .news_nav a{ width: 100%; text-align:center; line-height:55px; background:#f5f5f5; margin-bottom:5px;}
    .ny_news_list ul li .txt h2{height: 52px; margin-bottom:0;}
    .app_list ul li span{display: none;}
}
.news_det h1{ font-size: 40px; font-family: barb;}
.news_info{ padding: 25px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:60px 0;} 
.news_info .share{margin-left: auto;}
.news_info i{ display: inline-block; width: 4px;height: 4px; background: #909090; margin: 0 10px;}
.news_info .share span{ text-transform: uppercase; margin-right: 5px;}
@media (max-width: 450px){
    .news_det h1{font-size: 24px;}
    .news_info{ padding: 18px 0; margin: 25px 0;}
    .news_info p,.news_info i{display: none;}
}
.ab_str .title{padding: 0 10%; margin-bottom: 40px; text-align: center;}
.ab_str .title p{ font-size: 20px; line-height: 36px;}
.ab_str .str_list{ width: 35%; border: 1px solid #dadada;}
.ab_str .str_list li{padding: 42px 35px; border-bottom: 1px solid #dadada;}
.ab_str .str_list li:last-child{ border-bottom:0;}
.ab_str .str_list li .txt{ width: calc(100% - 95px); margin-left: auto;}
.ab_str .str_list li b{ font-size: 24px; font-family: barb; line-height: 30px; height: 30px; margin-bottom: 20px;}
.ab_str .str_list li p{ font-size: 20px; height: 30px;}
.ab_str .str_list .icon{ transition: 2s ease;}
.ab_str .str_list li:hover .icon{ transform:rotate(360deg);}
.ab_str .map{ width: 60%; position:relative; padding-bottom:40px;}
.ab_str .map .stamap{ width: 100%;}
.ab_str .map dt{ margin: 0 30px;}
.ab_str .map dl{ position: absolute; bottom: 0; left: 0; width:100%;justify-content:center;}
.ab_str .map dl img{ height: 55px;}

.ab_com .imgfdd{ width: 50%;}
.ab_com .txt{ width: 45%; margin-left: auto;}
.ab_com .txt .ny_tit{text-align: left;}
.ab_com .txt p{ line-height: 30px;}

.his_box{padding: 20px; border: 1px solid #dadada; position:relative;}
.his_box .imgfdd{ width: 35%;}
.his_box .his_list{ width: 60%; height: calc(100% - 40px); padding-right: 40px; overflow-y: auto; position:absolute; top:20px; right:20px;}
.his_box .his_list li{margin-bottom: 42px;}
.his_box .his_list li b{font-size: 30px; font-family: barsb; margin-bottom: 15px;}
.his_box .his_list li p{ font-size: 20px; line-height: 30px;}

.his_box .his_list::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}

.his_box .his_list::-webkit-scrollbar-track {
  background: #e9e9e9;
}

.his_box .his_list::-webkit-scrollbar-thumb {
  background: #c53b3e;
  border-radius: 3px;
}
.ab_cert .txt{ width: 35%; margin-right: auto;}
.ab_cert .txt b{text-align: left; margin-bottom: 25px;}
.abcertswiper{ overflow: hidden; width:60%; padding-bottom:40px; position:relative;}
.abcertswiper .imgfd{ padding-top: 141%; border:7px solid #3d63c9;}
.ab_corp{position: relative; overflow:hidden;}
.ab_corp dl{ height: 620px; border: 1px solid #d7d7d7; text-align:center; position:relative;z-index:3;}
.ab_corp dl dt:nth-child(n+2){ height:50%; padding: 55px 25px 0; border-bottom:1px solid #d7d7d7; width:21%;}
.ab_corp dl dt:nth-child(n+2) .icon{ display:none;}
.ab_corp dl dt{ border-right: 1px solid #d7d7d7; float:left;}
.ab_corp dl dt:first-child{ width:29%; height:100%; padding:110px 40px 0;}
.ab_corp dl dt:nth-child(2),.ab_corp dl dt:nth-child(7){ width:29%; padding-top:40px;}
.ab_corp dl dt:nth-child(2) .icon,.ab_corp dl dt:nth-child(7) .icon{display:block;  margin-bottom:15px;}
.ab_corp dl dt:nth-child(3n+4){border-right:none;}
.ab_corp dl dt b{ font-size: 22px; font-family: barb; margin-bottom:15px;}

.ab_corp dl dt:first-child  b{ font-size:28px; font-family: barb; margin:40px 0;}
.ab_corp .mycanvas{ position: absolute; width: 100%; left: 0; bottom: 0;}
@media (max-width: 1281px){
    .ab_str .str_list li{padding: 30px 25px;}
    .ab_str .str_list li p{height: 60px;}
}
@media (max-width: 1024px){
    .ab_str .str_list li{padding: 25px 20px;}
    .ab_str .str_list li b{ font-size: 22px; line-height: 30px; height: auto;}
    .ab_str .str_list li p{font-size: 18px;}
    .ab_corp{display: none;}
}
@media (max-width: 768px){
    .ab_str .title p{font-size: 18px; line-height: 30px;}
    .ab_str .str_list{width: 100%; float:none;}
    .ab_str .map{ width: 100%; float: none; margin-top: 40px;}
    .ab_str .str_list li p{height: auto;}
    .ab_com .imgfdd{ width: 100%; float: none;}
    .ab_com .txt{ width: 100%; float: none; margin-top: 30px;}
    .his_box .his_list li b{font-size: 24px;}
    .his_box .his_list li p{font-size: 18px; line-height: 26px;}
    .his_box .his_list li{margin-bottom: 30px;}
    .ab_cert{ display: block;}
    .ab_cert .txt{ width: 100%; margin-bottom: 20px;}
    .abcertswiper{width: 100%;}
}
@media (max-width: 450px){
    .ab_str .title{padding: 0 2%;}
    .ab_str .map dl img{height: 40px;}
    .his_box .imgfdd{ width: 100%; float: none;}
    .his_box .his_list{ width: 100%; float: none; height:300px; position:unset; margin-top:25px;}
}
.lx_top .lx_touch{ width: 46%;}
.lx_top .lx_msg{ width: 48%;}
.lx_top .lx_touch .title{ text-align: left; margin-bottom: 30px;}
.lx_top .lx_touch .title b{ font-size: 60px; text-align: left; margin-bottom: 25px;}
.lx_top .lx_touch .title p{ color: #717171;}
.lx_top .lx_touch .title p a{ color: #c53b3e; text-decoration:underline;}
.lx_top .lx_touch dl dt span.num{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #c53b3e; color: #fff;}
.lx_top .lx_touch dl dt{margin-bottom: 60px;}
.lx_top .lx_touch dl dt .txt{ width: calc(100% - 60px); margin-left: auto;}
.lx_top .lx_touch dl dt .txt b{ font-size: 24px; font-family: barb; margin: 10px 0 15px;}
.lx_top .lx_touch dl dt p{font-size: 20px;}
.lx_top .lx_msg .ny_tit{text-align: left;}
.lx_top .lx_msg input,.lx_top .lx_msg textarea{ width: 100%; margin-bottom: 20px; border:1px solid #dddddd; line-height:52px; font-size:16px; padding-left:25px;}
.lx_top .lx_msg .sub{background: #c53b3e; padding: 0; text-align: center; color: #fff; margin-top:25px; cursor:pointer; transition:.3s ease;}
.lx_top .lx_msg .sub:hover{ background:#b01c20;}

.lx_contact dt{ margin-right: auto; text-align: center;width: 20%; text-align:center;}
.lx_contact dt:last-child{margin-right:0;}
.lx_contact dt i{ display: inline-block; width: 104px; height: 104px; line-height: 104px; text-align: center; font-size: 46px; color: #fff; background: #c53b3e; border-radius: 50%;}
.lx_contact dt b{ font-size: 24px; font-family: barsb; margin: 25px 0 15px;}
.lx_contact dt a,.lx_contact dt span{ font-size: 20px;}
.lx_contact dt a:hover{ color:#c53b3e;}
.lx_contact dt a{ cursor: pointer;}
.lx_map iframe{ max-width: 100%!important;}
@media (max-width: 1024px){
    .lx_top .lx_touch{ width:100%; float:none;; margin-bottom:30px;}
    .lx_top .lx_touch .title b{font-size: 44px;}
    .lx_top .lx_msg{width: 100%; float: none;}
    .lx_contact dt a, .lx_contact dt span{font-size: 18px;}
}
@media (max-width: 768px){
    .lx_contact dl{ display: block;}
    .lx_contact dt{ display: flex; align-items: flex-start; flex-wrap: wrap; max-width:100%; margin-bottom:15px;}
    .lx_contact dt i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
    .lx_contact dt .txt{ text-align: left;width: calc(100% - 80px); margin-left: auto;}
    .lx_contact dt b{ margin-top: 10px;}
    .lx_map{ display: none;}
}