@charset "utf-8";
/* CSS Document */
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 14px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px; color: #333;}
.top_contact .follow_list a{ cursor: pointer;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #333;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer; background: rgba(0,0,0,.1);}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:-25%; top:28px; background:#fff; padding:15px; width:150%; 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:#a71200;}
.top_lang:hover .lang-list{ display:block;}

.right_online{position: fixed;top: 40%;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: #a92226 ;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #a71200 ;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#a71200;}
.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;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

.search_box{ width: 100%; position: fixed; left: 0; top: 105px; background: #fff;z-index:3; padding:40px 0; display:none;}
.search_box form{ width: 100%; border: 2px solid #a71200;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #a71200 url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}


.sy-ban{ width: 100%; height: 830px; background: #f3f3f3; position: relative; overflow: hidden;}
.sy-ban #myVideo{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 12px; height: 12px; border: 2px solid #454545; opacity: 1; background: none; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #454545;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.sy-ban .ban_txt{ width: 100%; position: absolute; left: 0%; top: 20%; text-align: center;}
.sy-ban .ban_txt b{ width:60%; margin:0 auto; color: #fff; font-size: 70px; line-height:90px; text-transform: uppercase;}
.top_h{ height: 105px;}
.amore{ display: inline-block; line-height: 52px; border-radius: 28px; font-size: 16px; padding: 0 22px; color: #333; position: relative;transition: .2s ease; overflow: hidden; font-family: pop; border: 2px solid #333333; text-transform: uppercase;}
.amore i.icon-youshangjiantou{ display: inline-block; font-size: 18px; margin-left: 10px; transition: .3s ease;}
.amore:hover i.icon-youshangjiantou{ transform: rotate(45deg);}
.amore:hover { background: #a71200; color: #fff; border-color: #a71200;}
.amore.bb{ line-height: 48px; background: none; color: #333;}
.amore.bb:hover{background:#a71200; border-color: #a71200; color: #fff; }
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}


.sy_title{ margin-bottom: 40px;}
.sy_title b{ font-size: 60px;line-height: 60px; text-transform: uppercase;}
.sy_title p{ font-size: 18px; padding-left: 20px; position: relative; margin-bottom: 20px;}
.sy_title p:after{ width: 6px; height: 6px; border-radius: 50%; background: #a71200; content: ''; left: 0; top: 12px; position: absolute;}
.item_top{ margin-bottom: 40px; align-items: flex-end;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.sy_zmd{ height: 130px; width: 100%; overflow: hidden; position: relative;}
.sy_zmd b{ font-size: 130px; font-family: popb; color: rgba(0,0,0,.0); margin: 0 30px; display: inline-block;;-webkit-text-stroke: 1px rgba(0,0,0,.2); text-stroke: 1px rgba(0,0,0,.2); text-transform: uppercase;}
.sy_zmd img{ height: 110px; margin-right: 40px;}
.sy_zmd dl{ flex-wrap:nowrap; animation: zoumadeng 25s linear infinite; position: absolute; height: 100%; top: 0;}
.sy_zmd dt{ margin-right: 50px; width: max-content;}
@-webkit-keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}
@keyframes zoumadeng{
0%{ left:0;right: auto;}
	100%{  left:-100%;right: auto; }
}

.swiperall{ position: relative;}

.swiperall .swiperbtn{position:absolute; top: 50%; font-size:70px; transition:.2s ease; color: #dadada;}
.swiperall .swiperbtn:hover{ color: #a71200;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}

.proswiper{overflow: hidden; position: relative; padding-bottom: 60px;}
.proswiper .imgfd{padding-top: 67.5%;}
.proswiper li{ position: relative; background: #535559; overflow: hidden;}
.proswiper li .txt{ padding: 35px 30px 25px; position: relative; color: #fff;}
.proswiper li:nth-child(2n){ background: #909394;}
.proswiper li h2{ font-family: popsb; font-size: 22px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 15px; color: #fff; position: relative; z-index: 2; transition:.2s ease;}
.proswiper li:hover h2{ color:#a71200;}
.proswiper li p{ line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 20px;}
.smore{display: inline-block; font-size: 18px;}
.smore i{margin-left: 8px; transition: .2s ease; display: inline-block;}
.proswiper li .cir{ position: absolute; right: -30px; bottom: -30px; opacity: .6;}
.proswiper li .cir img{width: 190px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.proswiper li .txt:after{position: absolute; width: 32px; height: 32px; background: #535559; content: ''; transform: rotate(-45deg); top: -16px; z-index: 2; left: 36px;}
.proswiper li:nth-child(2n) .txt:after{ background: #909394;}
.smon:hover .smore i{transform: rotate(45deg);}

.sy_who .des{ width: 48%; margin-left: auto; font-size: 18px;}
.sy_number {margin: 50px 0;}
.sy_number dt{ width: 20%; margin-right: auto;}
.sy_number dt:last-child{ margin-right: 0; width: 18%}
.sy_number dt b{ font-size: 80px; line-height: 80px; height: 80px; color: #a71200; margin-bottom: 10px;}
.sy_number dt b sup{ font-size: 72px; line-height: 40px; height: 40px; margin-left: 10px;}
.sy_number dt p{ width: 85%;}

.sy_strength .str_pic{ width: 23%;}
.sy_strength .str_pic img{ width: 100%;}
.sy_strength .our_str{ width: 75%;}
.our_str ul li{ width: 32%; margin-right: 2%; float: left; background: #535559; overflow: hidden; position: relative;}
.our_str ul li:nth-child(2n+1){background: #909394;}
.our_str ul li .cir{ position: absolute; right: -30px; bottom: -80px; opacity: .6;}
.our_str ul li:nth-child(3){ margin-right: 0;}
.our_str ul li .txt{ padding: 35px 35px 30px; position: relative;}
.our_str li .cir img{width: 190px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.our_str ul li .txt h2{ font-size: 20px; color: #fff; line-height: 30px; height: 60px; margin-bottom: 15px; position: relative; z-index: 2; font-family: popsb;}
.our_str ul li .txt .smore{ color: #fff;}
.our_str li .txt:after{position: absolute; width: 32px; height: 32px; background: #535559; content: ''; transform: rotate(-45deg); top: -16px; z-index: 2; left: 36px;}
.our_str li:nth-child(2n+1) .txt:after{ background: #909394;}

.sy_application .sy_title{ text-align: center; width: 80%; margin: 0 auto 40px;}
.sy_application .sy_title b{margin-bottom: 40px;}
.sy_application .sy_title span{ font-size: 18px;}

.appswiper{ overflow: hidden; padding-top:20px;}
.appswiper li{ overflow:hidden; text-align:center; padding: 0 5px; position: relative; transition: .3s ease;}
.appswiper li .imgfdd{ height: 460px;position:relative;}
.appswiper li .imgfdd img{height: 100%; object-fit: cover;}
.appswiper li.swiper-slide-active{ width: 50%!important;}
.appswiper li p{font-size: 24px; text-align: center; color: #fff; position: absolute; padding: 0 30px; width: 100%; left: 0; bottom: 30px;}
.appswiper li:not(.swiper-slide-active) p{ display: none;}

.sy_look .look_left{ width: 47%; margin-right: auto; color: #fff;}
.sy_look .look_left .title p{ font-size: 18px; padding-left: 20px; position: relative; margin-bottom: 20px;}
.sy_look .look_left .title p:after{ width: 6px; height: 6px; border-radius: 50%; background: #a71200; content: ''; left: 0; top: 12px; position: absolute;}
.sy_look .look_left b,.sy_look .look_left a{ color: #fff;}
.sy_look .look_left .title b{ font-size: 42px; }
.sy_look .look_left .title{ margin-bottom: 70px;}
.sy_look .look_left a.link{ line-height: 60px; background: #d51d07; border-radius: 30px; padding: 0 35px; font-family: popm; text-transform: uppercase; margin-right: 40px; transition: .3s ease;}
.sy_look .look_left a.link:hover {background: #a71200;}
.sy_look .look_left a.link i{ font-size: 18px; margin-right: 5px;}
.sy_look .look_left .email{ font-size: 22px;}
.sy_look .look_left .email a:hover{color: #d51d07;}
.look_list{ width: 48%;}
.look_list dt{ width: 31%; margin-left: auto; border: 1px solid rgba(255,255,255,.4); text-align: center; padding: 30px 25px 25px; transition: .3s ease;}
.look_list dt .ic{margin-bottom: 20px;}
.look_list dt h3{ font-size: 20px; color: #fff; line-height: 30px; height: 60px; margin-bottom: 10px;}
.look_list dt p{ line-height: 27px; height: 108px; color: #fff;}
.look_list dt:hover{background: rgba(213,29,7,.8); border-color:rgba(213,29,7,.8); }

.sy_news_list{border-top:1px solid #e8e8e8; }
.sy_news_list ul li{ float: left; width: calc((100% - 140px) / 3); padding-top: 35px;  }
.sy_news_list ul li:nth-child(2){ width: calc(((100% - 140px) / 3) + 72px); padding: 35px 35px 0; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin: 0 34px;}
.sy_news_list ul li .imgfd{padding-top: 61%; margin-bottom: 25px;}
.sy_news_list ul li h2{ font-size: 20px; font-family: popsb; line-height: 36px; height: 72px; overflow: hidden; margin:15px 0 40px; transition: .3s ease;}
.sy_news_list ul li:hover h2{ color: #a71200;}

.foot_top{padding: 75px 0 55px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_top dt{ margin-right: auto; width: 30%; border-right: 1px solid rgba(255,255,255,.1);}
.foot_top dt:last-child{ margin-right: 0; border:none;}
.foot_top dt .txt{ width: calc(100% - 107px); margin-left: auto;}
.foot_top dt .txt h4{ color: #fff; font-size: 24px; font-family: popsb; margin-bottom: 15px;} 
.foot_top dt .txt p{ font-size: 18px;}
.foot_nav{ padding: 50px 0 35px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_nav .list{margin-left: auto;}
.foot_nav .list a{ display: block; color: #fff; font-size: 20px; font-family: popm; text-transform: uppercase; margin-left: 80px; transition: .2s ease;}
.foot_nav .list a:hover{ color: #d51d07;}
.foot_contact{padding: 35px 0 60px; border-bottom: 1px solid rgba(255,255,255,.1); position: relative;}
.foot_contact ul{ width: 80%;}
.foot_contact ul li{ margin-right: auto; max-width: 45%;}
.foot_contact ul li:last-child{ margin-right: 0;}
.foot_contact ul li h4{ display: block; color: #9c9c9c; font-size: 18px;}
.foot_contact ul li p{ font-size: 18px; color: #fff; margin-top: 25px;}
.foot_contact .b_top{ position: absolute; right: 0; bottom: 100px; color: #fff; }
.foot_contact .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; color: #fff; font-size: 22px; text-align: center; border: 2px solid rgba(255,255,255,.6); border-radius: 50%; margin-left: 10px; transition: .3s ease; cursor: pointer;}
.foot_contact .b_top:hover i{ background: #a71200; border-color: #a71200;} 


@media (max-width: 1700px){
	.swiperall .swiper-button-prev{ left: .5%;}
	.swiperall .swiper-button-next{ right: .5%;}
	.sy_product .swiperall .swiperbtn{ top: 40%;}
}


@media (max-width: 1600px){
	.index_head{padding: 0 2%;}
	.index_head .nav li.navli{margin-left: 40px;}
	.index_head .nav li.navli:first-child{ margin-left:0;}
	.sy-ban{ height: 850px;}
	.foot_nav img{ height: 55px;}
	.foot_nav .list a{font-size: 18px;}
	.sy_title b { font-size:50px; line-height: 50px; }
	
}

@media (max-width: 1441px){
	.index_head .nav li .tarA a{ font-size: 16px;}
	.sy-ban{ height: 750px;}
	.proswiper li .txt{padding: 30px 25px 20px;}
	.sy_who .des{ font-size: 16px;}
	.sy_number dt b{ font-size: 70px; line-height: 70px; height: 70px;}
	.sy_number dt b sup{font-size: 50px; line-height: 30px; height: 30px;}
	.sy_number dt{ width: 23%;}
	.sy_zmd b{font-size: 100px;}
	.sy_zmd img{ height: 90px;}
	.our_str ul li .txt{padding: 30px 25px;}
	.sy_look .look_left .title b{ font-size: 34px; }
	.look_list dt{padding: 25px 18px 20px;}
	.foot_nav .list a{margin-left: 50px;}
	.foot_top dt .txt p{ font-size: 16px;}
	.look_list dt h3{ height: 30px; margin-bottom: 20px;}
}

@media (max-width: 1281px){
	.index_head .logo img{ height: 55px;}
	.index_head .nav li{margin-left: 40px;}
	.index_head .nav li:first-child{ margin-left:0;}
	.sy-ban{height: 680px;}
	.sy_look .center{ display: block;}
	.sy_look .look_left{width: 100%; margin-bottom:40px;}
	.sy_look .look_left .title{margin-bottom: 40px;}
	.look_list{ width: 100%;}
	.look_list dt:first-child{ margin-left:0;}
	.foot_top dt{ width: 31%;}
	.foot_top dt .txt h4{ font-size: 22px;}
}

@media (max-width: 1024px){
	.top_h{height: 54px;}
	.sy-ban{height: 550px;}
	.who_top{ display: block;}
	.sy_who .des{ width: 100%; margin-top: 30px;}
	.sy_number dt p{ width: 95%;}
	.sy_number dt b{ font-size: 54px; line-height: 54px; height: 54px;}
	.our_str ul li .txt h2{ font-size: 18px; line-height: 26px; height: 52px;}
	.smore{font-size: 16px;}
	.smore i{font-size: 14px;}
	.sy_title b{ font-size: 40px; line-height: 40px;}
	.sy_application .sy_title b{margin-bottom: 30px;}
	.sy_application .sy_title span{font-size: 16px;}
	.appswiper li p{font-size: 20px;}
	.appswiper li .imgfdd{ height: 380px;}
	.swiperall .swiperbtn{font-size: 50px;}
	.foot_center{ display: none;}
	.amore{line-height: 42px;}
	.amore i.icon-youshangjiantou{font-size: 16px;}
	.right_online{display: none;}
}
@media (max-width: 768px){
	.sy-ban{ height: 400px;}
	.sy_number dt b{font-size: 38px; line-height: 38px; height:38px;}
	.sy_number dt b sup{font-size: 30px; line-height: 28px; height: 28px;}
	.sy_number{ margin: 30px 0;}
	.sy_zmd b{font-size: 60px; line-height:60px;}
	.sy_zmd img{height: 50px;}
	.sy_strength .str_pic{ display: none;}
	.sy_strength .our_str{width: 100%;}
	.sy_application .sy_title b{font-size: 32px; line-height: 32px; margin-bottom: 20px;}
	.sy_application .sy_title span{ font-size: 14px;}
	.sy_application .sy_title{ width: 90%; margin: 0 auto 30px;}
	.appswiper li.swiper-slide-active{width: auto;}
	.appswiper li:not(.swiper-slide-active) p{ display:block;}
	.sy_news_list ul li .info{ display: none;}
	.sy_news_list{ border: none;}
	.sy_news_list ul li{ width: 100%; float: none; padding-top:0;}
	.sy_news_list ul li:nth-child(2){width:100%; padding:0; border:none; margin:30px 0;}
	.sy_news_list ul li h2{ margin-bottom: 25px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban{ height:215px;} 
.sy_title p{font-size: 16px; line-height:30px; margin-bottom:10px;}
.sy_title b{ font-size: 26px; line-height: 26px;}
.item_top .amore{ display: none;}
.item_top{margin-bottom: 25px;}
.swiperall .swiperbtn{font-size: 30px;}
.proswiper li .txt{ padding: 15px 10px;}
.proswiper li h2{ font-size: 18px; line-height: 26px; height: 78px;}
.proswiper li p{ display: none;}
.proswiper li .txt:after{ width:20px; height: 20px; top: -10px;}
.swiper-pagination-bullet{ width: 8px; height: 8px;}
.who_top .amore{ display: none;}
.sy_title{ margin-bottom: 25px;}
.sy_number dt{ width: 45%; margin-bottom:20px;}
.sy_number dt:nth-child(2n){margin-right:0;}
.sy_number dt:last-child{width:45%;}
.sy_zmd{ height: 60px;}
.sy_strength{ display: none;}
.sy_application{padding-top: 0;}
.appswiper li .imgfdd{ height: 280px;}
.appswiper li p{ font-size: 16px; padding: 0 10px;}
.sy_look .look_left .title b{ font-size: 22px;}
.sy_look .look_left .title{ margin-bottom: 20px;}
.sy_look .look_left a.link{line-height: 48px; margin-bottom: 20px; padding:0 25px;}
.sy_look .look_left .email{ font-size: 18px;}
.look_list dl{ display: block;}
.look_list dt{ display: flex; align-items: flex-start; flex-wrap: wrap; width:100%; margin-bottom:15px;}
.look_list dt img{ width: 60px;}
.look_list dt .txt{ text-align: left; width:calc(100% - 75px); margin-left:auto;}
.look_list dt h3{margin-bottom: 10px;}
.look_list dt p{ height: auto;}
.look_list dt{padding: 18px 10px;}
.sy_news_list ul li .imgfd{margin-bottom: 0;}
.sy_news_list ul li h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom:15px;}
.copy{font-size: 12px;}
.sy_application .sy_title{width: 96%;}
.proswiper li .cir img{ width: 130px;}
}

.ny_ban{ position: relative; text-align: center; overflow: hidden; color:#fff;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .ban_txt .posi{font-size: 18px;}
.ny_ban .ban_txt a{ color: #fff;}
.ny_ban .ban_txt b{ color: #fff; font-size:60px; text-transform:uppercase;}
.pro_top{margin-bottom: 70px;}
.pro_top .title{ width: 65%; margin-right: auto;}
.popb50{font-size: 50px; line-height:70px;}
.pro_top .title p{ font-size: 18px; margin-top:20px;}
.pro_top .amore i{margin-right: 10px;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; background:#535559; position:relative; transition:.2s ease; margin-bottom:60px;}
.ny_pro_list ul li .imgfd{ padding-top: 67%;}
.ny_pro_list ul li:nth-child(3n){margin-right:0;}
.ny_pro_list ul li .txt{ padding: 35px 30px 40px; position:relative;}
.ny_pro_list ul li .txt h2{ font-size: 22px; line-height: 33px; height: 66px; color: #fff; font-family: popsb; overflow:hidden;}
.ny_pro_list li .cir{ position: absolute; right: 10px; bottom: -90px; opacity: .6;}
.ny_pro_list li .cir img{width: 190px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.ny_pro_list li .txt:after{position: absolute; width: 32px; height: 32px; background: #535559; content: ''; transform: rotate(-45deg); top: -16px; z-index: 2; left: 36px;}
.ny_pro_list ul li:hover{ background:#a71200;}

.ny_pro_list ul li:hover .txt:after{ background:#a71200;}
@media (max-width: 1281px){
    .ny_ban .ban_txt b{ font-size: 50px;}
    .popb50{ font-size: 44px;}
    .pro_top .title p{ font-size: 16px;}
    .ny_pro_list ul li .txt h2{ font-size: 20px; line-height: 30px; height: 60px;}
}
@media (max-width: 1024px){
    .popb50{ font-size: 40px; line-height:60px;}
    
}
@media (max-width: 768px){
    .popb50{ font-size: 34px; line-height:50px;}
    .ny_ban .ban_txt b{ font-size: 40px;}
    .ny_pro_list ul li .txt{ padding: 20px 15px;}
    .ny_pro_list li .txt:after{ width:20px; height: 20px; top:-10px;}
    .pro_top .title{ width: 100%;}
    .pro_top .amore{ display: none;}
    .pro_top { margin-bottom: 30px;}
}
@media (max-width: 450px){
    .ny_ban .ban_txt .posi{ font-size: 14px;}
    .ny_ban .ban_txt b{ font-size: 30px;}
    .ny_ban img{ margin-left: -20%; width: 140%;}
    .popb50{ font-size: 26px; line-height:40px;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom:25px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .ny_pro_list li .cir img{ width: 120px;}
    .ny_pro_list ul li .txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
    .ny_pro_list ul li .txt{ padding: 15px 10px;}
}
.show_posi{padding: 55px 0 80px;}
.show_top{padding-bottom: 90px;}
.show_top .pic{ width: 45%; border:1px solid #e6e6e6;}
.show_top .txt{ width: 50%;}
.show_top .txt span.colname{ font-size: 18px; display: block; margin-bottom: 5px;}
.show_tit{ padding-bottom: 45px; margin-bottom: 50px; border-bottom: 1px solid #e6e6e6;}
.show_tit h1{ font-size: 40px; max-width: 65%; margin-right: auto; font-family:popb;}
.show_top .amore i{ font-size: 18px; margin-right: 10px;}
.show_top .txt .cirbtn{ line-height: 54px; height: 54px; border-radius: 27px; border: 2px solid #353535; display:inline-block; text-align:center; margin-left:15px; font-size:0; color:#333; transition:.2s ease;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 54px; width:50px;}
.show_top .txt .cirbtn span{ font-size:18px; line-height:54px; padding:0 10px 0 0; display:none;}
.show_top .txt .cirbtn:hover{ border-color:#da091d; color:#da091d;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .txt p{ font-size: 18px; margin-bottom:80px;}
.show_top .txt .share{margin-top: 55px;}


.det_box{padding: 0 85px;}
.det_tab{background: #efefef;}
.det_tab li{ width: 33.3%; justify-content: center; height:72px; font-size:20px; font-family:popsb;}
.det_tab li i{ font-size: 22px; margin-right: 8px;}
.det_tab li.active{ background: #a71200; color:#fff;}
.det_content{ overflow: hidden; padding:70px 0 ;}
.det_content img{ max-width: 100%!important;}
.show_det{padding-bottom: 80px; border: 1px solid #dcdcdc;}
.det_table td{ border: 1px solid #ddd; padding: 10px 20px; text-align:center; }
.paratable{ padding-bottom: 40px; overflow-x: auto;}
.paratable::-webkit-scrollbar {
  height: 6px;
}

.paratable::-webkit-scrollbar-track {
  background: #e3e3e3;
}

.paratable::-webkit-scrollbar-thumb {
  background: #a71200;
  border-radius: 3px;
}
.lx_top .left{ width: 30%;}
.lx_top .left dt{margin-bottom: 70px;}
.lx_top .left i{ width: block; line-height: 50px; height: 50px; width: 50px; text-align: center; border-radius: 50%; border: 1px solid #d2d2d2; margin-right:12px; font-size:28px;}
.lx_top .left .txt{ max-width: calc(100% - 65px);}
.lx_top .left h4{ font-size: 20px; font-family: popsb;}
.lx_top .left a:hover{ color:#a71200;}
.lx_top .left .follow p{ font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}
.lx_msg input,.lx_msg textarea{ line-height: 55px; border:1px solid #959595; padding-left: 15px; margin-bottom:30px; width:100%; font-size:14px;}
.lx_msg input.fl{ width: 49%; margin-right: 2%;}
.lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_msg .sub{ width: 180px; line-height: 50px; text-align: center; display: block; background: #be1501; color: #fff; font-size: 16px; margin-left:auto; text-transform:uppercase; cursor:pointer; transition:.3s ease;}
.lx_msg .sub:hover{ background:#a71200;}
.lx_top .lx_msg{ width: 61%; padding-left: 4%; margin-left: auto; border-left:1px solid #e5e5e5;}
.lx_top .lx_msg .popb48{margin-bottom: 30px;}
.lx_top .lx_msg .title{ margin-bottom: 65px;}
.lx_msg p.exp{ font-size: 14px;}


.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.page_btn span{ display: inline-block; line-height: 20px; color:#a71200; font-size:20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border-radius:23px; border: 1px solid #b1b1b1; padding: 0 30px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #a71200; border-color: #a71200; 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: #a71200;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.rel_pro .popb50{text-align: center; margin-bottom:50px;}
.rel_pro li{ float: left; width: 24%; margin-right: 1.33%;}
.rel_pro li:nth-child(4n){margin-right:0;}
@media (max-width: 1441px){
    .show_top .txt h1{font-size: 50px;}
    .show_top .txt p{ margin-bottom: 50px;}
    .show_det{ padding-bottom: 50px;}
    .det_box{ padding: 0 60px;}
    .det_content{padding: 45px 0;}
}
@media (max-width: 1024px){
    .show_top .txt h1{font-size: 36px; line-height: 42px; margin-bottom: 25px;}
    .show_top .txt p{font-size: 16px; margin-bottom: 30px;}
    .show_top .txt .share{margin-top: 30px;}
    .show_top{padding-bottom: 45px;}
    .det_tab li{font-size: 18px;}
    .det_tab li i{ display: none;}
    .show_posi{padding: 30px 0 35px;}
    .show_tit h1{ font-size: 36px; max-width: calc(100% - 130px);}
    .show_top .txt .cirbtn{ display: none;}
}
@media (max-width: 768px){
    .show_posi{padding: 25px 0 30px;}
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; float: none; margin-top: 25px;}
    .det_box{padding: 0 25px;}
    .det_content{padding: 30px 0;}
    .page_btn{ padding-top: 25px; display: block;}
    .page_btn .back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 15px;}
    .page_btn span{ margin-bottom: 0; font-family: popm;}
    .rel_pro li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .show_det{padding-bottom: 30px;}
    .show_tit .amore{ display: none;}
    .show_tit h1{ width: 100%; max-width:100%;}
    .lx_top { display: block;}
    .lx_top .left{ width: 100%;}
    .lx_top .lx_msg{ width: 100%; padding-left: 0; border: none;}
    .rel_pro .popb50{ margin-bottom: 30px;}
    .lx_top .left dt{margin-bottom: 30px;}
    
}
@media (max-width: 450px){
    .show_top .txt h1{font-size: 28px; line-height: 35px;}
    .det_tab li{text-align: center; width:50%;}
    .det_tab li:last-child{ display:none;}
    .show_tit h1{ font-size: 24px;}
    .show_tit{padding-bottom: 20px; margin-bottom: 25px;}
    .rel_pro .popb50{margin-bottom: 10px;}
    .rel_pro ul li:nth-child(3){ display:none;}
}


.ab_who .left{ width: 48%; margin-right: auto;}
.ab_who .left .popb50{ margin-bottom: 35px;} 
.ab_who .left .des{ font-size: 18px;}
.ab_who .ny_number{ width: 46%;}
.ab_who .ny_number dt{ width: 50%; border-right:1px solid #f1f1f1; padding-top:25px; padding-bottom:50px;border-bottom:1px solid #f1f1f1;}
.ab_who .ny_number dt:nth-child(n+3){ padding-top:50px; padding-bottom: 25px; border-bottom:none;}
.ab_who .ny_number dt p{ line-height: 24px; height: 48px; margin-top:20px;}
.ab_who .ny_number dt b{ font-size: 70px; line-height: 70px; height: 70px; color: #a71200;}
.ab_who .ny_number dt:nth-child(2n+1){ padding-left:40px; padding-right:60px;}
.ab_who .ny_number dt:nth-child(2n){ padding-left:60px; padding-right:40px;}
.ab_system{ position: relative; color:#fff;overflow:hidden;}
.ab_system .syspic{ width: 100%;}
.ab_system .sys_txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ab_system b{ max-width: 50%; margin-bottom:30px; color:#fff;}
.ab_system .des{ width: 50%; color: #fff; font-size: 18px;}

.app_top .title{ width: 35%; margin-right: auto;}
.app_top .title span{ font-size: 22px;}
.app_top .des{ width: 50%; font-size:18px;}

.ab_global .txt{ width: 37%; padding-top:60px;}
.ab_global .txt b{ margin-bottom: 30px;}
.ab_global .txt .amore i{ font-size: 18px; margin-right: 5px;}
.ab_global .map{ width: 57%; position:relative;}
.ab_global .txt p{font-size:18px;}
.ab_global .map .mappic{ width: 94%;}
.ab_global .map li{ position: absolute; text-align:center; font-size:14px; font-family: popm;}
.ab_global .map li i{ width:6px; height:6px; background:#a61b24; border-radius:50%; display: inline-block; position: relative;}
.ab_global .map li:first-child i{ width:55px; line-height: 55px; height:55px; color:#fff; }
.ab_global .map li p{ margin-top: 5px;}
.ab_global .map li i::after {
  width: 400%;
  height: 400%;
  -webkit-animation: amplify2 2.8s infinite 0.3s;
  -moz-animation: amplify2 2.8s infinite 0.3s;
  animation: amplify2 2.8s infinite 0.3s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(166, 27, 36, 0.1);
  opacity: 0.1;
}

.ab_global .map li i::before {
  width: 350%;
  height: 350%;
  -webkit-animation: amplify2 2.8s infinite 0.2s;
  -moz-animation: amplify2 2.8s infinite 0.2s;
  animation: amplify2 2.8s infinite 0.2s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(166, 27, 36, 0.1);
  opacity: 0.1;
  z-index: 2;
}
@-webkit-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ab_global .map li p{opacity: 0;}
.ab_global .map li:first-child{ left:32%; top: 34%;}
.ab_global .map li:nth-child(2){left:6.5%; top: 25%;}
.ab_global .map li:nth-child(3){left:5.8%; top: 36%;}
.ab_global .map li:nth-child(4){left:13%; top: 27.5%;}
.ab_global .map li:nth-child(5){left:14%; top: 39%;}
.ab_global .map li:nth-child(6){left:9%; top: 80%;}
.ab_global .map li:nth-child(7){left:13%; top: 41%;}
.ab_global .map li:nth-child(8){left:12%; top: 42%;}
.ab_global .map li:nth-child(9){left:13%; top: 37%;}
.ab_global .map li:nth-child(10){left:13%; top: 28%;}
.ab_global .map li:nth-child(11){left:11.5%; top: 25%;}
.ab_global .map li:nth-child(12){left:10%; top: 26%;}
.ab_global .map li:nth-child(13){left:8.5%; top: 20%;}
.ab_global .map li:nth-child(14){left:11.5%; top: 19%;}
.ab_global .map li:nth-child(15){left:8%; top: 23%;}
.ab_global .map li:nth-child(16){left:35%; top: 32%;}
.ab_global .map li:nth-child(17){left:40%; top: 34%;}
.ab_global .map li:nth-child(18){left:28.4%; top: 53%;}
.ab_global .map li:nth-child(19){left:30%; top: 47%;}
.ab_global .map li:nth-child(20){left:28.3%; top: 45%;}
.ab_global .map li:nth-child(21){left:33.5%; top: 56%;}
.ab_global .map li:nth-child(22){left:70%; top: 20%;}
.ab_global .map li:nth-child(23){left:73%; top: 39%;}
.ab_global .map li:nth-child(24){left:88%; top: 60%;}
.ab_global .map li:nth-child(25){left:79%; top: 81%;}
.ab_global .map li:nth-child(26){left:83%; top: 64%;}
.ab_global .map li:nth-child(27){left:81%; top: 52%;}
.ab_global .map li:hover{z-index:5;}
.ab_global .map li:hover p{opacity:1;}
@media (max-width: 1281px){
    .ab_who .ny_number dt b{ font-size: 60px; line-height: 60px; height: 60px;}
    .ab_who .ny_number dt b sup{ font-size: 50px; line-height: 40px;}
    .ab_system .syspic{ width: 140%; margin-left: -20%;}
    .ab_global .txt p{ font-size: 16px;}
    .ab_global .txt{padding-top: 0;}
    
}
@media (max-width: 1024px){
    .ab_who .left .popb50{ margin-bottom: 20px;}
    .ab_who .left .des{ font-size: 16px;}
    .ab_system .des{ width: 70%;}
    .ab_system b{max-width: 70%;}
    .app_top { display: block;}
    .app_top .title{ width: 100%; margin-bottom: 25px;}
    .app_top .des{ width: 100%; font-size: 16px;}
    .ab_global .txt{ width: 100%; float: none; margin-bottom:20px;}
    .ab_global .map{ width: 100%;}
}
@media (max-width: 768px){
    .ab_who .center{ display: block;}
    .ab_who .left{ width: 100%; margin-bottom: 25px;}
    .ab_who .ny_number{ width: 100%;}
    .ab_system .des{ width: 90%;}
    .ab_system b{max-width: 90%;}
    .mainh{ height: 35px;}
}
@media (max-width: 450px){
    .ab_who .ny_number dt:nth-child(2n+1){ padding-left:20px; padding-right: 30px;}
    .ab_who .ny_number dt:nth-child(2n){ padding-left:30px; padding-right: 20px;}
    .ab_who .ny_number dt{ padding-bottom: 30px;}
    .ab_who .ny_number dt:nth-child(n+3){ padding-top:30px;}
    .ab_who .ny_number dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ab_who .ny_number dt b sup{ font-size: 30px; line-height: 25px;}
    .ab_who .ny_number dt p{margin-top: 5px;}
    .ab_system .syspic{ width: 380%; margin-left: -120%;}
    .ab_system b{ margin-bottom: 15px;}
    .ab_system{margin-bottom: 35px;}
    .app_top .title span{ font-size: 18px;}
    .ab_global .map{ display: none;}
}
.sol_case .title{ width: 70%; margin: 0 auto 75px; text-align:center;}
.sol_case .title b{margin-bottom: 30px;}
.sol_case .title p{ font-size: 18px;}
.casebox .tab-bd{ width: 50%;}
.casebox .tab-bd .imgfd{padding-top: 60%;}
.casebox .tab-hd{ width: 50%; padding:0 70px 0 60px;}
.casebox .tab-hd li{ padding:15px 0;}
.casebox .tab-hd .txt{ padding-bottom:20px;border-bottom: 1px solid #e2e2e2;}
.casebox .tab-hd .txt .tit i{ width: 30px; height: 30px; display: block; position: relative; margin-left:auto;}
.casebox .tab-hd .txt .tit i:after,.casebox .tab-hd .txt .tit i:before{ position:absolute; background: #333; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '';}
.casebox .tab-hd .txt .tit i:after{ width:100%; height: 2px;}
.casebox .tab-hd .txt .tit i:before{height:100%; width: 2px;}
.casebox .tab-hd .txt h2{ color: #333; font-family:popsb; font-size:24px; width:calc(100% - 35px);}
.casebox .tab-hd .txt .des{ display: none; margin-top:15px; padding-bottom:15px;}
.casebox .tab-hd .txt .des i{ display: block; font-size: 20px; font-weight: bold; color: #d6000f; transform:rotate(45deg); display:none;}
.casebox .tab-hd .txt p{ width:100%;}
.casebox .tab-hd .active i{opacity: 1;}
.casebox .tab-hd .active .txt h2{ color: #d6000f;}
.casebox .tab-hd .active .txt .des{ display: flex;}
.casebox .tab-hd .active .txt{ }
.casebox .tab-hd .active .txt .tit i:before{ display:none;}
.casebox .tab-hd .active .txt .tit i:after{ background:#d6000f;}

.ab_adv .left{ width: 45%; margin-right: auto; color:#fff; font-size:18px;}
.ab_adv .left b{ color: #fff; margin-bottom: 30px;}
.ab_adv .right{ width: 50%;}
.ab_adv .right .ic{ transition: .2s ease;}
.ab_adv .right dt{ width: 32%; margin-left: auto; margin-bottom: 20px; border: 1px solid rgba(231,231,231,.4); text-align:center; padding:25px 20px 35px; color:#fff; transition:.3s ease;}
.ab_adv .right dt p{ font-size: 18px; height: 30px; margin-top: 12px;}
.ab_adv .right dt:hover{background:rgba(168,18,0,.9); border: 1px solid rgba(168,18,0,.4);}
.ab_adv .right dt:hover .ic{ transform: translateY(-6px);}

.ab_core .popb50{ text-align: center; margin-bottom:30px;}
.ab_core li{ padding: 45px 75px 45px 60px; margin-bottom:20px; position:relative; transition:.2s ease;}
.ab_core li .txt{ width: calc(100% - 180px); margin-right: auto; position:relative; z-index:3;}
.ab_core li b{ position: absolute; font-size:100px; color:#3a3a3a; opacity:.07; right:200px; top:50%; transform:translateY(-50%);}
.ab_core li h2{ width: 320px; margin-right: auto; line-height:36px; font-size:24px; font-family:popsb; padding-right:30px;}
.ab_core li p{ width: calc(100% - 320px); padding-left:40px; font-size: 18px; border-left:1px solid #d2d2d2;}
.ab_core li:hover{ background:#a81200; color:#fff;}
.ab_core li:hover h2{ color:#fff;}
.ab_core li:hover p{ border-color:rgba(210,210,210,.3);}
.ab_core li:hover b{ color:#fff;}
.ab_core li:hover .ic img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
@media (max-width: 1024px){
    .sol_case .title{ width: 90%; margin-bottom: 50px;}
    .sol_case .title b{ margin-bottom: 20px;}
    .casebox .tab-hd{ padding: 0 30px;}
    .casebox .tab-hd .txt h2{ font-size: 20px;}
    .casebox .tab-hd .txt .des{ padding-bottom: 5px;}
    .casebox .tab-hd .txt .tit i{ width: 20px; height: 20px;}
    .ab_adv .right dt p{ font-size: 16px;}
    .ab_adv .right dt{ padding: 20px 10px 25px;}
    .ab_adv .left{ font-size: 16px;}
    .ab_core li{ padding: 30px 30px 30px 40px;}
    .ab_core li h2{ width: 220px; font-size:20px; line-height:30px;}
    .ab_core li .txt{ width:calc(100% - 95px);}
    .ab_core li p{ width: calc(100% - 220px); font-size:16px;}
}
@media (max-width: 768px){
    .casebox .tab-bd{ width: 100%; margin-bottom:20px;}
    .casebox .tab-hd{width: 100%;}
    .ab_adv .center{ display: block;}
    .ab_adv .left{ width: 100%;}
    .ab_adv .right{ width: 100%; margin-top:25px;}
    .ab_adv .left b{margin-bottom: 10px;}
}
@media (max-width: 450px){
    .ab_adv .right .ic img{ height: 50px;}
    .ab_core li{ padding: 20px 15px; margin-bottom:0;}
    .ab_core li p{ display: none;}
    .ab_core li h2{ width: 100%; font-size:18px; line-height:26px; padding-right:0px;}
    .ab_core li .ic img{height: 50px;}
    .ab_core li b{ font-size: 40px; right: 80px;}
    .casebox .tab-hd{padding: 0 10px;}
}

.center_title{ width: 80%; margin: 0 auto 40px; text-align: center;}
.app_list ul li{ float: left; margin-bottom: 30px; background: #fff; width:32%; margin-right:2%;}
.app_list ul li:nth-child(3n){ margin-right:0;}
.app_list ul li .imgfd{ padding-top: 61.5%;}
.app_list ul li .txt{padding: 40px 35px 35px; position:relative;}
.app_list ul li .txt h2{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; font-family: popsb; margin-bottom:25px;}
.app_list ul li .txt p{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 35px;}
.app_list ul li .txt:after{ position:absolute; left:0; bottom:0; height: 4px; width: 0; transition: .3s ease; background: #a71200; content: '';}
.app_list ul li:hover .txt:after{ width:100%;}
.app_list ul li:hover h2,.app_list ul li:hover .smore{color:#a71200;}

@media (max-width: 1281px){
    .app_list ul li .txt{padding: 30px 25px;}
}
@media (max-width: 1024px){
    .center_title{ width: 90%;}
    .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;}
}
@media (max-width: 768px){
    .app_list ul li .txt{ padding: 20px 15px;}
    .app_list ul li .txt h2{ font-size: 18px; line-height: 24px; height: 48px;}
    .app_list ul li .txt p{ display: none;}
    .app_list ul li .txt h2{margin-bottom: 15px;}
    .app_list ul li .txt:after{height:3px;}
}
@media (max-width: 450px){
    .app_list ul li .txt{ padding: 15px 10px;}
    .center_title{ width: 98%;}
}
.appli_top .pic{ width: 48%; margin-right: auto;}
.appli_top .pic .imgfd{ padding-top: 62%;}
.appli_top .txt{ width: 46%;}
.appli_top .txt h1{ margin-bottom: 40px; font-family:popb;}
.appli_top .txt p.des{ margin-bottom: 80px; font-size: 18px;}
.appli_top .txt i{ margin-right: 5px; font-size: 18px;}
.app_youshi dl{ position: relative;}
.app_youshi dt{width: 26%; margin-right: auto; text-align:center;}
.app_youshi dt:last-child{ margin-right:0;}
.app_youshi dt .ic{margin-bottom: 25px; transition:2s ease;}
.app_youshi dt h3{ font-size: 24px; font-family: popsb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 25px;}
.app_youshi dt p{ height: 120px;}
.app_youshi dl:after,.app_youshi dt:before{ height:150px; width: 1px; background: #ebebeb; content: ''; position: absolute; top: 75px; left: 32%;}
.app_youshi dt:before{ left:68%;}
.app_youshi dt:hover .ic{ transform:rotateY(360deg);}

.case_det{ width: calc(100% - 470px);}
.case_pro{ width: 380px; padding-top:40px;}
.case_det .popb50{ padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.det_show{ overflow: hidden; padding-top:50px;}
.det_show img{ max-width: 100%!important;}
.case_pro b{ font-size: 24px; margin-bottom: 40px; padding-bottom:25px; border-bottom:1px solid #e6e6e6;}
.case_pro li{margin-bottom: 25px;}
.case_pro .pic{ width: 40%; border:1px solid #e4e4e4; margin-right:auto;}
.case_pro .txt{ width: 55%;}
.case_pro .txt h2{ font-family: popsb; font-size: 18px; line-height: 30px; height:60px; margin-bottom: 10px; overflow:hidden;}
.case_pro .txt .smore{ font-size: 16px;}
.case_pro li:hover .pic{ border-color:#a71200;}
.case_pro li:hover h2{ color:#a71200;}
@media (max-width: 1281px){
    .appli_top .txt p.des{margin-bottom: 40px;}
    .app_youshi dt p{height: 150px;}
}
@media (max-width: 1024px){
    .app_youshi dt{ width: 30%;}
    .case_pro{ display: none;}
    .case_det{ width: 100%;}
}
@media (max-width: 768px){
    .appli_top .pic{ width: 100%; margin-bottom: 25px;}
    .appli_top .txt{ width: 100%;}
    .appli_top .txt h1{margin-bottom: 20px;}
    .appli_top .txt p.des{font-size: 16px;}
    .app_youshi dl{ display: block;}
    .app_youshi dt{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap;}
    .app_youshi dl:after, .app_youshi dt:before{display:none;}
    .app_youshi dt{margin-bottom: 20px;}
    .app_youshi dt .txt{ text-align: left; width:calc(100% - 80px); margin-left:auto;}
    .app_youshi dt p{height: auto;}
    .app_youshi dt h3{ font-size: 20px; margin-bottom:10px ;}
    .det_show{padding-top: 35px;}
    .case_det .popb50{padding-bottom: 20px;}
}
.equ_item{ margin-bottom: 70px;}
.equ_item .pic{ width: 55%; float: left;}
.equ_item .pic .imgfd{ padding-top: 54.5%;}
.equ_item .txt{ padding-top: 50px; float:right; width:40%;}
.equ_item:nth-child(2n) .txt{ float:left;}
.equ_item:nth-child(2n) .pic{ float:right;}
.equ_item .txt h2{ font-size: 34px; font-family: popb; margin-bottom:35px;}
.equ_item .txt p{ font-size: 18px; margin-bottom: 80px;}
@media (max-width: 1441px){
    .equ_item .txt{ padding-top: 20px;}
    .equ_item .txt h2{ font-size: 30px; margin-bottom: 25px;}
    .equ_item .txt p{margin-bottom: 50px;}
}
@media (max-width: 1281px){
    .equ_item .txt p{ font-size: 16px;}
}
@media (max-width: 1024px){
    .equ_item .txt h2{ font-size: 24px; margin-bottom: 15px;}
    .equ_item .txt{padding-top: 0;}
    .equ_item .txt p{margin-bottom: 25px;}
}
@media (max-width: 768px){
    .equ_item .pic{ width: 100%; float: none;}
    .equ_item .txt{ width: 100%; float: none; margin-top: 25px;}
    .equ_item{margin-bottom: 40px;}
}
.equ_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 60px; text-align:center;}
.equ_list ul li:nth-child(3n){ margin-right:0;}
.equ_list ul li .imgfd{ padding-top: 63%; margin-bottom: 30px;}
.equ_list ul li p{ font-size: 18px; height: 30px; overflow: hidden;}
@media (max-width: 1024px){
    .equ_list ul li .imgfd{ margin-bottom: 15px;}
}
@media (max-width: 768px){
    .equ_list ul li{ width:49%;}
    .equ_list ul li:nth-child(3n){margin-right:2%;}
    .equ_list ul li:nth-child(2n){ margin-right:0;}
    .equ_list ul li{margin-bottom: 25px;}
    .equ_list ul li p{font-size: 15px; height: 24px;}
}
.news_top{ border-bottom: 1px solid #e9e9e9; align-items:flex-end;}
.news_top .news_nav{margin-left: auto;}
.news_top .news_nav a{ display: inline-block; line-height: 54px; padding: 0 22px; margin-left:30px;}
.news_top .news_nav a.act{ background: #a71200; color: #fff;}
.news_top .news_nav a:not(.act):hover{ color:#a71200;}

.ny_news_list ul li{ padding: 70px 0 50px; border-bottom: 1px solid #eaeaea;}
.ny_news_list ul li .pic{ width: 30%; float:left;}
.ny_news_list ul li .imgfd{padding-top: 61.2%;}
.ny_news_list ul li .txt{ width: 66%; float:right;}
.ny_news_list ul li .txt .info{margin-bottom: 10px;}
.ny_news_list ul li .txt h2{ font-size: 26px; font-family: popsb; line-height: 35px; height: 70px; margin-bottom: 20px; overflow: hidden;}
.ny_news_list ul li .txt .des{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 55px;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover span{ color:#a71200;}
@media (max-width: 1281px){
    .ny_news_list ul li .txt .des{margin-bottom: 25px;}
}
@media (max-width: 1024px){
    .ny_news_list ul li{ padding: 40px 0 30px;}
    .ny_news_list ul li .txt .des{display: none;}
}
@media (max-width: 768px){
    .ny_news_list ul li .txt h2{ font-size: 22px; line-height: 30px; height: 60px;}
    .news_top .popb50{ display: none;}
    .news_top .news_nav{ width: 100%;}
    .news_top .news_nav a{margin: 0 auto;}
}
@media (max-width: 450px){
    .news_top .news_nav a{padding: 0 10px; line-height:45px;}
    .ny_news_list ul li .txt .info{ display: none;}
    .ny_news_list ul li .txt h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom:10px;}
    .ny_news_list ul li{padding: 25px 0;}
}
.news_det .news_info .colname{line-height:32px; background:#f0f0f0; padding:0 15px; font-size:14px; color:#005091; display:inline-block; }
.news_det .news_info .date{margin: 25px 0 40px;}
.news_det .news_info .follow p{ font-size: 14px; 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: popb; line-height: 56px; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8;}
@media (max-width: 1281px){
    .news_det .right h1{ font-size: 34px; line-height:45px; padding-bottom:40px;}
}
@media (max-width: 1024px){
    .news_det { display: block;}
    .news_det .news_info,.news_det .news_info .follow,.news_det .news_info .date{ display: flex; align-items: center;}
    .news_det .news_info .follow p{margin: 0 5px;}
    .news_det .news_info .date{margin: 0; margin-right: 30px;}
    .news_det .right{ width: 100%; margin-top: 30px;}
}
@media (max-width: 450px){
    .news_det .right h1{ font-size: 24px; line-height: 32px; padding-bottom:25px;}
}
.clx_top .left{ width: 45%;}
.clx_top .left b{ font-size: 56px; text-transform: uppercase; margin-bottom:20px;}
.clx_top .left p{ font-size: 18px; margin-bottom:45px;}
.lx_map{ overflow: hidden;}
.clx_top .left .lx_map p{margin-bottom: 0;}
.lx_map span{ display: block; font-size: 18px; margin-bottom: 20px;}
.clx_top .right{ width: 51%; border: 1px solid #ebebeb; padding: 55px 95px 70px 75px;}
.clx_top dt{ margin-bottom: 50px;}
.clx_top dt i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #d8d8d8; margin-right:18px; text-align:center; font-size:24px;}
.clx_top dt.fl{ width: 50%;}
.clx_top dt .txt{ width: calc(100% - 70px);}
.clx_top dt .txt h4{ font-size: 20px; font-family: popsb; margin-bottom: 5px;}
.clx_top dt .txt h4.red{ color: #a71200;}
.clx_top dt:last-child h4:not(.red){margin-top:30px;}
.clx_top .right .follow p{ font-size: 18px; text-transform:uppercase; margin-right:20px;}
.clx_top .right .follow p span{ color: #a71200;}

.lx_msg1 input,.lx_msg1 textarea{ width: 100%; line-height: 56px; border: 1px solid #d0d0d0; padding-left:20px;}
.lx_msg1 .formbox.fl{ width: 31%; margin-right: 3.5%; margin-bottom:40px;}
.lx_msg1 .formbox.fl:nth-child(3){ margin-right:0;}
.lx_msg1 .popb50{margin-bottom: 50px;}
.lx_msg1 label{ font-size: 18px; display: block; margin-bottom: 15px;}
.lx_msg1 .exp{ margin-bottom: 40px;}
.lx_msg1 .sub{ line-height: 58px; text-align: center; width: 450px; background: #a92226; color: #fff; margin-right: 10px; text-transform: uppercase; font-family:pop; cursor:pointer; transition:.2s ease;}
.lx_msg1 a{ display: inline-block; width: 58px; line-height: 58px; text-align: center; color: #fff; font-size: 22px; background:#a92226; transition:.2s ease;}
.lx_msg1 .sub:hover,.lx_msg1 a{background:#a71200;}

@media (max-width: 1281px){
    .clx_top .right{padding: 40px 60px 45px 50px;}
    .clx_top .left b{ font-size: 48px;}
    .clx_top .left p{margin-bottom: 30px;}
}
@media (max-width: 1024px){
    .clx_top .right{padding: 30px 40px 40px 30px;}
    .clx_top .left{ width: 100%; margin-bottom: 35px; float:none;}
    .clx_top .right{ width: 100%; float:none;}
}
@media (max-width: 768px){
    .lx_map{ display: none;}
    .lx_msg1 .popb50{margin-bottom: 30px;}
    .lx_msg1 .formbox.fl{width: 100%; float: none;}
}
@media (max-width: 450px){
    .clx_top .left b{ font-size: 36px;}
    .clx_top .left p{font-size: 16px;}
    .clx_top .right{padding: 25px 20px;}
    .clx_top dt.fl{ width: 100%; margin-bottom: 25px;}
    .clx_top dt:last-child h4:not(.red){margin-top:20px;}
    .lx_msg1 .popb50{margin-bottom: 20px;}
    .lx_msg1 label{ font-size: 16px; margin-bottom:10px;}
    .lx_msg1 .formbox.fl{margin-bottom: 25px;}
    .lx_msg1 input, .lx_msg1 textarea{ line-height: 45px;}
    .lx_msg1 .sub{ width: 280px;}
    .lx_msg1 .exp{margin-bottom: 20px;}
}