@charset "utf-8";
/* CSS Document */

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

.pro_xiala{ position: fixed; width: 100%; left: 0; top: 90px; height:0; overflow:hidden; transition: .3s ease;}
.index_head:not(.typea) .nav li.navli:hover .pro_xiala{ height:auto;}
.pro_xiala .xiala_center{background: #fff; padding: 40px 65px;}
.pro_xiala .left{ width: 27%;}
.pro_xiala .right{ width: 70%;}
.pro_xiala .left p{ font-size: 22px; margin-bottom: 30px;}
.pro_xiala .left li{ line-height:27px; float:none; margin-bottom:35px;}
.pro_xiala .left li h2{ font-size: 18px; line-height: 26px; max-width: calc(100% - 40px);}
.pro_xiala .left li i{ display: block; width: 0; overflow: hidden; transition: .2s ease; color:#a61b24; font-size:20px;}
.pro_xiala .left li.active{  color:#a61b24; border-radius:8px;}
.pro_xiala .left li.active i{ width: auto; margin-right: 10px;}
.pro_xiala .left li.active h2,.pro_xiala .left li.active a{ color: #da091d;}
.pro_xiala .right li{ width: 100%;}
.pro_xiala .right .top span{ display: block; font-size: 14px; line-height:20px; }
.pro_xiala .right .top p{ font-size: 22px; margin-top:10px;}
.pro_xiala .right .top p i{margin-left: 10px; font-size:22px;}
.pro_xiala .right .top{margin-bottom: 30px;}
.pro_xiala .right .list a{float: left; width: 47%; margin-right: 6%; margin-top: 20px;}
.pro_xiala .right .list a:nth-child(2n){ margin-right:0;}
.pro_xiala .right .list a .pic{ width: 35%; border:1px solid #dbdbdb; margin-right:auto;}
.pro_xiala .right .list a .txt{ width: 62%;}
.pro_xiala .right .list a .txt .tit{margin-right: auto; max-width:calc(100% - 40px);}
.pro_xiala .right .list a .txt .tit h2{ font-size: 18px;font-family: popsb; margin-bottom:10px; line-height:26px;}
.pro_xiala .right .list a .txt .tit p{ font-size: 14px;}
.pro_xiala .right .list a .txt i{ font-size: 30px; color:#fff;}
.pro_xiala .right .list a:hover h2,.pro_xiala .right .list a:hover i{ color:#a61b24;}
.feat_sown{ position: fixed; width: 1260px; margin-left:-630px; left: 50%; top: 90px; height:0; overflow:hidden; transition: .3s ease; background:#fff; padding:55px;overflow:hidden; display:none;}
.index_head:not(.typea) .nav li.navli:hover .feat_sown{ height:auto; display:block;}
.feat_sown .left{ width: 45%;}
.feat_sown .right{ width: 50%;}
.feat_sown .left p{ font-size: 22px; margin-bottom: 30px;}
.feat_sown .left li{ line-height:27px; float:none; margin-bottom:35px;}
.feat_sown .left li h2{ font-size: 18px; line-height: 26px; max-width: calc(100% - 40px);}
.feat_sown .left li i{ display: block; width: 0; overflow: hidden; transition: .2s ease; color:#a61b24; font-size:20px;}
.feat_sown .left li.active{  color:#a61b24; border-radius:8px;}
.feat_sown .left li.active i{ width: auto; margin-right: 10px;}
.feat_sown .left li.active h2,.feat_sown .left li.active a{ color: #da091d;}
.feat_sown .right .imgfd{ padding-top: 54%; margin-bottom: 30px;}
.feat_sown .right h2{ font-size: 22px; line-height:40px;}
.feat_sown .right h2 i{margin-left: auto; font-size:22px;}
.feat_sown .right li{ width: 100%; float:none; height:auto;}
.feat_sown .right li:hover h2{ color:#a61b24;}


.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: #a61b24;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #a61b24;}
.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: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:#a61b24;}
.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: #a61b24 ;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: #d6000f ;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:#d6000f;}
.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;}
.shopcart{ position:relative;}
.addnum{ position:absolute; right:0; top:0; display:inline-block; height: 16px; width: 16px; font-size: 10px; border-radius: 8px; background: #ff0000; line-height: 16px; color: #fff; text-align: center;z-index:3;}


.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .ban_control{ width: 100%; position: absolute; left: 0; bottom: 50px;}
.sy-ban .swiper-pagination{ position: unset; }
.sy-ban .swiper-pagination.swiper-pagination-bullets {
	position: relative;
	bottom: 0;
	
	display: flex;
	gap: 30px;
}
.sy-ban .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 0;
	background: none;
	text-align: left;
	position: relative;
	overflow: hidden;
	width: 210px;
	margin-right: 20px;
}
.sy-ban .swiper-pagination-bullet,
.sy-ban .swiper-pagination-bullet-active {
	opacity: 1;
}
.hst_num {
	font-size: 18px;
	font-family: popsb;
	color: #333;
	padding-bottom: 15px;
}
.hst_bullet {
	height: 3px;
	background: rgba(124,124,124,0.4);
}
.sy-ban .swiper-pagination-bullet .hst_bullet::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
}
.sy-ban .swiper-pagination-bullet-active .hst_bullet::before {
	background-color: #a61b24;
	animation: slide-progress 5s cubic-bezier(.3,0,.3,1) forwards;
}
@keyframes slide-progress {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}
.sy-ban .hst_pagination_wrapper .swiper-pagination:has(> .swiper-controller.stopped) .swiper-pagination-bullet-active .hst_bullet::before {
	animation-play-state: paused;
}
.sy-ban .hst_pagination_wrapper .swiper-controller {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sy-ban .hst_pagination_wrapper .swiper-controller::before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}
.sy-ban .hst_pagination_wrapper .swiper-controller.launched::before {
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2083 26.5C13.656 26.5 13.2083 26.0523 13.2083 25.5V1.5C13.2083 0.947716 13.656 0.5 14.2083 0.5H19.25C19.8023 0.5 20.25 0.947715 20.25 1.5V25.5C20.25 26.0523 19.8023 26.5 19.25 26.5H14.2083ZM1.75 26.5C1.19771 26.5 0.75 26.0523 0.75 25.5V1.5C0.75 0.947716 1.19772 0.5 1.75 0.5H6.79167C7.34395 0.5 7.79167 0.947715 7.79167 1.5V25.5C7.79167 26.0523 7.34395 26.5 6.79167 26.5H1.75Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E");
}
.sy-ban .hst_pagination_wrapper .swiper-controller.stopped::before {
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='25' viewBox='0 0 21 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8991 0.437905C1.23283 0.0278927 0.375 0.507244 0.375 1.28956V23.7104C0.375 24.4928 1.23283 24.9721 1.8991 24.5621L20.1161 13.3517C20.7506 12.9612 20.7506 12.0388 20.1161 11.6483L1.8991 0.437905Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}



.top_h{ height: 105px;}


.amore{ display: inline-block; line-height: 52px; padding: 0 35px; color: #333; border: 2px solid #333;position: relative;transition: .2s ease; text-transform: uppercase;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.on{ color: #fff; background: #a61b24; border-color: #a61b24;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 0; height: 100%; content: ''; left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{ width: 100%; background: #a61b24;}
.amore:hover{color: #fff;}


.sy_item_tit{ margin-bottom: 40px;}
.sy_item_tit b{ font-size: 54px;line-height: 56px; margin-bottom: 15px; text-transform: uppercase;}
.sy_item_tit p{ font-size: 18px;}
.item_top{ margin-bottom: 40px; align-items: flex-end;}
.item_top .sy_item_tit{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.sy_product .sy_item_tit{ text-align: center;}
.pro_col_list ul li{width: 48%; margin-right: 4%; padding: 25px 40px 25px 30px; border-bottom: 1px solid #9d9d9d; float: left;}
.pro_col_list ul li:nth-child(2n){ margin-right: 0; }
.pro_col_list ul li p{ font-size: 24px; margin-left: 40px;  margin-right: auto; max-width: calc(100% - 250px);}
.pro_col_list ul li i{ font-size: 60px; opacity: 0; color: #a61b24; transition: .2s ease;}
.pro_col_list ul li:hover a{color: #a61b24;}
.pro_col_list ul li:hover i{ opacity: 1;}
.pro_col_list ul li .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(40%);-webkit-filter: brightness(0%) invert(40%); transition: .2s ease;}
.pro_col_list ul li:hover .icon img{ filter: unset;}
.sy_hot{padding-bottom: 180px;}
.sy_hot .left{ width: 25%; padding-top: 50px;}
.sy_hot .left .amore{margin-top: 100px;}
.sy_hot .proswiper{ width: 68%; overflow: hidden; position: relative; padding-bottom: 70px;}
.sy_hot .proswiper .swipercont{position: absolute; width: 90%; left: 0; bottom: 0;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.sy_hot .proswiper .swiperbtn{ position: unset; width: 58px; height: 58px; text-align: center; line-height: 58px; background: #2c2c2c; color: #fff; font-size: 22px; margin-right: 22px; margin-top: 0; transition: .2s ease;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{ position: unset; width: calc(100% - 190px);opacity:1!important; background: #e7e7e7;}
.proswiper .swiper-scrollbar .swiper-scrollbar-drag{background: #a61b24;}
.proli{ background: #fff; border: 1px solid #dcdcdc; padding: 28px 22px;}
.proli h2{ font-size:30px; font-family: popb; line-height: 40px; height: 40px; overflow: hidden;}
.proli .des{ padding: 18px 0 30px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 18px 0;}
.proli p{ font-size: 15px; line-height: 24px; height: 72px; overflow: hidden;}
.proli span{ display: inline-block; font-size: 15px; text-transform: uppercase; margin-right: auto;}
.proli i{ display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 13px; color: #fff; background: #2c2c2c;}
.proli:hover h2,.sy_hot .proswiper li:hover span{ color: #a61b24;}
.proli:hover i{ background: #a61b24;}
.sy_hot .proswiper .swiperbtn:hover{ background: #a61b24;}

.sy_about{ padding-bottom: 210px; position: relative;}
.sy_about .center{position: relative;}
.sy_about .txt{ width: 48%; color: #fff; position:relative; z-index:2;}
.sy_about .txt b{color: #fff;}
.sy_about .imgfdd{ position: absolute; width: 47%; top: -190px; left: 0; z-index: 2}
.sy_about .txt .des{margin-bottom: 100px;}
.sy_about .txt .amore{margin-right: 40px;}
.sy_about .txt .v_btn{ color: #fff;}
.sy_about .txt .v_btn i{ font-size: 50px; color: #ff0015; margin-right: 5px;}
.sy_zmd{ height: 120px; width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 40px;}
.sy_zmd img{height: 94px; margin: 0 30px; display: inline-block;}
.sy_zmd i{display: inline-block; width: 27px; height: 27px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2);}
.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; }
}
.sy_application .sy_item_tit{text-align: center; width: 75%; margin: 0 auto 40px;}
.appswiper{ overflow: hidden; position: relative;}
.appswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative;overflow: hidden;}
.appswiper .swiper-slide .imgfd{ padding-top: 65%;}
.appswiper .swiperbtn{  font-size:64px; color:#fff; top:50%; transition: .2s ease;}
.appswiper  .swiper-button-prev{ left: 20%;}
.appswiper  .swiper-button-next{ right: 20%;}
.appswiper .swiper-slide p{ color: #fff; text-align: center; position: absolute; width: 100%; left: 0; bottom: 35px; display: none;}
.appswiper .swiper-slide.swiper-slide-active p{ display: block;}
.appswiper .swiper-slide:not(.swiper-slide-active):after{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.2);content: '';}
.appswiper .swiperbtn:hover{ color: #ff0015;}

.ab_global .txt{ width: 32%; padding-top:60px;}
.ab_global .map{ width: 64%; position:relative;}
.ab_global .txt p{margin-bottom: 70px; font-size:18px;}
.sy_number dt{ width: 44%; margin-right: auto;}
.sy_number dt b{font-size: 72px; line-height: 72px; height: 72px; color: #a61b24;} 
.sy_number dt b sup{ font-size: 60px; line-height: 50px; height: 50px; display: inline-block;}
.sy_number dt p{ font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 15px; margin-bottom:0;}
.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:10px; height:10px; 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: 600%;
  height: 600%;
  -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: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%;}

.sy_exp{position: relative; overflow: hidden;}
.sy_exp img{ width: 100%;}
.sy_exp .txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.popb48{font-size: 48px; font-family: popb; line-height: 65px;}
.sy_exp .txt .popb48{ color: #fff; margin: 10px 0 45px; width: 55%;}
.sy_exp .txt .amore i{margin-right: 5px;}

.newsli{ border-top: 1px solid #cdcdcd;}
.newsli .txt{padding: 30px 0;}
.newsli .txt p{font-size: 16px; margin-bottom: 15px;}
.newsli .txt h2{ font-size: 22px; line-height: 34px; height: 102px; overflow: hidden; font-family: popsb;}
.newsli .imgfd{ padding-top: 60%; margin-bottom: 30px;}
.newsli span.more{ text-transform: uppercase; font-size: 16px;}
.newsli span.more i{ color: #a61b24; margin-left: 5px;}
.newsli:hover h2{ color: #a61b24;}
.newsli:hover span.more{ color: #a61b24;}
.newsswiper{overflow: hidden;}
.swiperall{ position: relative;}
.swiperall .swiperbtn{position:absolute; top: 50%; font-size:50px; transition:.2s ease;}
.swiperall .swiperbtn:hover{color: #a61b24;}
.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;}


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


@media (max-width: 1600px){
	.sy_item_tit b{ font-size: 48px; line-height:50px;}
	.proli h2{font-size: 26px;}
	
}

@media (max-width: 1441px){
	.pro_col_list ul li .icon img{ width: 120px;}
	.pro_col_list ul li p{ max-width: calc(100% - 220px);}
	.pro_col_list ul li i{font-size: 44px;}
	.sy_hot .left .amore{margin-top: 50px;}
	.sy_about{padding-bottom: 120px;}
	.popb48{font-size: 44px; line-height: 58px;}
	.foot_center .box{ width: 27%;}
	.foot_center .foot_nav{ width: 70%;}
	.foot_center .foot_nav a{margin-bottom: 12px;}
	.swiperall .swiper-button-prev{ left: 50px;}
	.swiperall .swiper-button-next{ right: 50px;}
}

@media (max-width: 1281px){
	body{ font-size: 16px;}
	.pro_col_list ul li{ padding: 18px 20px 18px 15px;}
	.pro_col_list ul li p{font-size: 20px; margin-left:25px;}
	.sy_item_tit b{font-size: 40px; line-height: 45px;}
	.proli h2{font-size: 24px;}
	.proli .des{padding: 12px 0 20px; margin:10px 0;}
	.proli{padding: 20px 15px;}
	.sy_about .txt .des{margin-bottom: 50px;}
	.sy_hot{padding-bottom: 120px;}
	.appswiper .swiper-slide{ width: 580px!important;}
	.sy_number dt b{font-size: 60px; line-height: 60px; height: 60px;}
	.sy_number dt{ width: 46%;}
	.sy_number dt b sup{font-size: 40px; line-height: 40px; height: 32px;}
	.ab_global .sy_number dt p{ font-size: 16px; margin-bottom:0;}
	.popb48{font-size: 40px; line-height: 45px;}
	.newsli .txt h2{font-size: 20px; line-height: 30px; height: 90px;}
	
}

@media (max-width: 1024px){
	.pro_col_list ul li .icon img{ width: 80px;}
	.pro_col_list ul li p{ max-width: calc(100% - 180px);}
	.pro_col_list ul li i{font-size: 36px;}
	.sy_hot .left{ width: 100%; float: none; padding-top: 0;}
	.sy_hot .left .amore{ display: none;}
	.sy_hot .proswiper{ width: 100%; margin-top: 30px; float:none;}
	.sy_about .imgfdd{ top: 40px;}
	.sy_hot{padding-bottom: 0;}
	.amore{line-height: 44px; padding: 0 20px;}
	.sy_about .txt .amore{margin-right: 20px;}
	.sy_about .txt .v_btn i{font-size: 40px;}
	.sy_item_tit p{font-size: 16px;}
	.sy_application .sy_item_tit{width: 85%;}
	.appswiper .swiperbtn{font-size: 50px;}
	.ab_global .txt{ width: 100%; padding-top: 0; float: none;}
	.ab_global .map{ width: 100%; float: none; margin-top: 30px;}
    .popb48{ font-size: 36px; line-height: 42px;}
    .sy_exp .txt .popb48{ width: 65%;}
    .sy_exp .txt .popb48{margin-bottom: 25px;}
    .foot_center{ display: none;}
    .sy-ban{margin-top: 54px;}
    .sy-ban .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width: 150px;}
    .right_online{display: none;}
    .pro_main .show_img .fd{display: none;}
	
}
@media (max-width: 768px){
	.sy_item_tit b{font-size: 30px; line-height: 35px;}
	.pro_col_list ul li{ width: 100%; float: none;}
	.sy-ban .ban_control{ bottom: 30px;}
	.sy_about .imgfdd{ position: unset; width: 100%;}
	.sy_about .txt{ width: 100%; float: none; margin-top:30px;}
	.sy_zmd img{ height: 60px;}
	.appswiper .swiper-slide{ width: 420px!important;}
	.ab_global .txt p{ margin-bottom: 30px; font-size: 16px;}
	.sy_exp{ display: none;}
	.mainh{ height:40px;}
	.sy_item_tit{margin-bottom: 20px;}
	.popb48{font-size: 28px; line-height: 34px;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.m_img .headlf .m_logo{ max-height: 35px;}
.m_img .headlf{padding-top: 8px;}
.hst_num{ font-size: 16px; padding-bottom:5px;}
.sy-ban .swiper-pagination-bullet .hst_bullet::before,.hst_bullet{height:2px;}
.sy-ban .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width: 80px;}
.sy-ban .ban_control{bottom: 10px;}
.sy_item_tit b{font-size: 24px; height: 24px;}
.pro_col_list ul li .icon img{ width: 60px;}
.pro_col_list ul li p{font-size: 18px; max-width: calc(100% - 120px); margin-left:15px;}
.pro_col_list ul li i{font-size: 30px;}
.proli .des{display: none;}
.proli h2{font-size: 18px; line-height: 26px; height:52px; margin-bottom:10px;}
.proli span{font-size: 13px;}
.sy_about .txt .des{margin-bottom: 30px;}
.sy_about .txt .amore{margin-bottom: 15px;}
.sy_zmd img{ height: 40px; margin:0 15px;}
.sy_zmd i{height: 18px; width: 18px;}
.sy_zmd dt{margin-right: 25px;}
.appswiper .swiper-slide{width: 280px!important;}
.appswiper .swiper-slide p{ bottom:20px;}
.sy_zmd{ height: 60px;}
.sy_about{padding-bottom: 80px;}
.appswiper .swiperbtn{font-size: 30px;}
.ab_global .map li p{ display: none;}
.ab_global .map li i{ width: 6px; height: 6px;}
.item_top .amore{ display: none;}
.newsli .txt p.inf{ display:none;}
.newsli .txt{padding: 20px 0;}
.sy_number dt b{font-size: 40px; line-height: 40px; height: 40px; overflow: hidden;}
.sy_number dt b sup{font-size: 28px; line-height: 28px; height: 20px;}
.newsli .txt h2{font-size: 16px; line-height: 24px; height: 72px;}
.newsli .imgfd{margin-bottom: 15px;}
.newsli span.more{font-size: 13px;}
.copy{font-size: 13px;}
.item_top{margin-bottom: 20px;}
.popb48{font-size: 24px; line-height: 30px;}
}


.top_h{height: 95px;}
.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); color:#fff;}
.ny_ban .bantxt p{ font-size: 16px;}
.ny_ban .bantxt a,.ny_ban .bantxt b{ color: #fff;}
.popb60{ font-size: 60px; font-family: popb; line-height:80px;}


.ny_pro_nav{ margin-bottom:50px;}
.ny_pro_nav a{ display: inline-block; margin:0 auto; text-align:center; max-width:18%; font-size:18px;position:relative; padding-bottom:5px;}
.ny_pro_nav a p{ position:relative; margin-top:10px; line-height:24px; height:48px;}
.ny_pro_nav a:after{ width:0; height: 3px; background: #a61b24; content: ''; position:absolute; left:0; bottom:0; transition:.2s ease;}
.ny_pro_nav a:before{ position:absolute; bottom: -5px; left: 50%; transform: translateX(-50%); content: ''; width: 12px; height: 5px; background: url(../images/sj_05.jpg) no-repeat center; opacity:0; transition:.3s ease;}
.ny_pro_nav a .nav_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(40%);-webkit-filter: brightness(0%) invert(40%); -webkit-transition: .2s ease;-moz-transition: .2s ease;}
.ny_pro_nav a:hover .nav_icon img,.ny_pro_nav a.on .nav_icon img{filter:unset;}
.ny_pro_nav a:hover,.ny_pro_nav a.on{ color:#a61b24;}
.ny_pro_nav a:hover:after,.ny_pro_nav a.on:after{ width:100%;}
.ny_pro_nav a:hover:before,.ny_pro_nav a.on:before{ opacity:1;}
.ny_pro_nav a .sj{ position: absolute; bottom:-30px; left:50%; margin-left:-12px; display:none;}
.ny_pro_nav a.on .sj{ display: inline;}
.sec_pro{ border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:0 15px; margin-top:-1px;}
.sec_pro .nav_box{ display: none;}
.sec_pro .nav_box.curr{ display: flex;}
.sec_pro .nav_box a{ margin:0 auto; display:inline-block; font-size:16px; line-height:64px; position:relative;}
.sec_pro .nav_box a:hover,.sec_pro .nav_box a.on{ color:#a61b24;}
.sec_pro .nav_box a:after{ width:0; height: 2px; background: #a61b24; content: ''; position:absolute; left:0; bottom:0; transition:.2s ease; }
.sec_pro .nav_box a:hover:after,.sec_pro .nav_box a.on:after{ width:100%;}

.sx_left{ width:calc(100% - 390px);}
.sx_right{ width: 330px;}
.sx_right h3{ margin-bottom: 15px; font-size:18px;}
.pro_list li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.pro_list li:nth-child(3n){ margin-right:0;}
.shaixuan_main{ margin-top:75px;} 
.condition{ position:relative; margin-bottom:13px;} 
.condition #con{position: absolute; width: 1px; height: 1px; top: -100px; left:0;}
.condition h3{ font-weight: normal; font-size: 18px; margin-right:24px;}
.condition h3 i{ font-weight: lighter; font-size: 20px; margin-right: 5px;}
.condition span{display: inline-block; line-height: 32px;; border-radius: 16px; padding: 0 20px; font-size:13px; background:#f5f9fd; color:#333; margin-right:10px;}
.condition span.clean{ color: #fff; background: #bf263b; cursor:pointer;}
.condition span i{ color: #000; margin-left: 8px; cursor:pointer;}
.condition span i:hover{color:#bf263b;}
.condition .num{ font-size: 14px; color: #333333; margin-left:auto;}
.condition .num i{ color: #bf263b;}
.sx_box{ border: 1px solid #dbdbdb; margin-bottom:20px;}
.sx_box .tit{ line-height: 50px; border-bottom:1px solid #dbdbdb; padding:0 22px; font-size:16px; font-weight:normal;}
.sx_list{ padding: 20px 14px 20px 25px;}
.sx_list a{ font-size: 14px; margin-bottom:20px;}
.sx_list a i{ display: block; width: 14px; height: 14px; border: 1px solid #000; margin-right: 5px;}
.sx_list a.on,.sx_list a:hover{ color: #bf263b;}
.sx_list a.on i{background: #bf263b url(../images/gou_08.png) no-repeat center; border-color:#bf263b;}
.sx_list a:last-child{ margin-bottom:0;}
.sx_list .scroll{max-height: 140px; overflow-y: auto;}
::-webkit-scrollbar {
  width: 3px;
}

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

::-webkit-scrollbar-thumb {
  background: #bf263b;
  border-radius: 2px;
}
.sx_box.disable{pointer-events:none; opacity: .5;}
.sx_box.disable a i{ background: #999 url(../images/cha.png) no-repeat center; background-size:10px; border-color:#999;}

@media (max-width: 1441px){
    .popb60{font-size: 52px; line-height: 52px;}
}
@media (max-width: 1281px){
    .ny_pro_nav a .nav_icon img{ width: 115px;}
    .sx_right{ width: 260px;}
    .sx_left{ width: calc(100% - 290px);}
}
@media (max-width: 1024px){
    .top_h{height: 54px;}
    .ny_pro_nav,.sec_pro{ display: none;}
    .shaixuan_main{ margin-top: 30px;}
    .popb60{font-size: 44px; line-height: 44px;}
    .ny_ban .bantxt p{font-size: 14px;}
}
@media (max-width: 768px){
    .popb60{font-size: 36px; line-height: 36px;}
        .sx_right{ width: 100%; float: none; overflow:hidden;}
    .sx_box{ width: 32%; float: left; margin-right: 2%;}
    .sx_box:nth-child(3n+1){margin-right:0;}
    .sx_left{ width: 100%; float: none; margin-top: 30px;}
    .pro_list li{ width: 49%; margin-right: 2%; }
    .pro_list li:nth-child(3n){margin-right:2%;}
    .pro_list li:nth-child(2n){margin-right:0;}
    .sx_box .tit{margin-bottom: 5px;}
}
@media (max-width: 450px){
    .ny_ban .bantxt p{ display: none;}
    .popb60{ font-size: 28px; line-height: 28px;}
    .sx_box{ width:49%;}
    .sx_box .tit{ padding:0 15px;}
    .sx_list{ padding-left:15px;}
.sx_box:nth-child(3n){ margin-right:2%;}
.sx_box:nth-child(2n){margin-right:0;}
.sx_box.one{ width: 100%; float: none;}
.sx_list a{font-size: 13px; margin-bottom: 12px;}
.sx_list a i{ width: 12px; height: 12px;}
.condition .shaixuan,.condition span.clean { display: none;}

}


.ab_company{ position: relative;}
.comtxt .right{ width:52%; margin-left:auto;}
.comtxt .title p{ font-size: 26px; margin-top:20px;}
.comtxt .title a{ color: #a61b24; padding-left: 60px; margin-top: 55px; height: 80px; background: url(../images/vbtn_03.jpg) no-repeat left center;}
.comtxt .right b{ font-family: popsb; font-size: 28px; line-height: 40px; margin-bottom: 35px;}
.comtxt .right p{ line-height: 30px;}

.ny_number{ margin-top: 120px; position:relative; z-index:3;}
.ny_number dt{ width: 20%; margin-right: auto;}
.ny_number dt:last-child{ margin-right:0;}
.ny_number dt b{ font-size: 70px; color: #a61b24; line-height: 70px; height: 70px;}
.ny_number dt b sup{ font-size: 48px; height: 40px; line-height: 40px; margin-left: 5px;}
.ny_number dt span{ display: block; width: 100%; height: 1px; background: #ebebeb; margin:20px 0;}

.ab_company .logo_bg{ position: absolute; width: 100%; height: 90px; left:0; bottom:180px; background-image: url(../images/lk_03.png);background-repeat: repeat-x; opacity:.05; background-position: 0px 0px, 80px 0px;background-size: auto;}

.ab_ind .imgfdd{ width: 32%;}
.ab_ind .txt{ width: 62%; padding-top: 120px;}
.ab_ind .txt b{ font-size: 42px; font-family: popb; margin-bottom: 50px;}
.ab_ind .txt p{ line-height: 30px;}
.ab_global .txt .amore i{margin-right: 5px; font-size:18px;}

.ab_choose{ position: relative;}
.ab_choose .popb48{text-align: center; margin-bottom:40px;}
.ab_choose dl dt{ width: 24%; margin-right: auto; border:1px solid #d8d8d8; padding:55px 25px; text-align:center; transition:.2s ease; position:relative; z-index:3;}
.ab_choose dl dt:last-child{margin-right:0;}
.ab_choose dl dt .txt{ margin-top: 40px;}
.ab_choose dl dt .txt h4{ font-size: 22px; font-family: popsb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:20px; transition:.2s ease;}
.ab_choose dl dt p{line-height: 30px; height: 180px;}
.ab_choose dl dt:hover{ border-color:#a61b24;}
.ab_choose dl dt:hover h4{ color:#a61b24;}
.mycanvas {
    width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.mycanvas canvas{ width: 100%!important;}

@media (max-width: 1441px){
    .ab_ind .txt{padding-top: 70px;}
    .ab_ind .txt b{font-size: 36px; line-height: 45px;}
    .ab_choose dl dt p{font-size: 16px;}
}
@media (max-width: 1024px){
    .comtxt{ display:block;}
    .comtxt .right{ width: 100%; margin-top: 30px;}
    .ab_ind .txt{padding-top: 40px;}
    .ab_ind .txt b{ font-size: 30px; line-height: 40px; margin-bottom: 30px;}
    .ab_ind .txt p{line-height: 26px;}
    .ab_choose dl dt{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ab_choose dl dt:nth-child(2n){ margin-right:0;}
    .ab_choose dl dt p{height: 120px;}
}
@media (max-width: 768px){
    .comtxt .title p{font-size: 20px;}
    .comtxt .title a{margin-top: 30px; height: 50px; background-size: contain; padding-left:40px;}
    .comtxt .right b{font-size: 24px; line-height: 35px; margin-bottom:25px;}
    .ny_number dt b{font-size: 50px; line-height: 50px; height: 50px; overflow: hidden;}
    .ny_number dt b sup{font-size: 30px; line-height: 30px; height: 30px;}
    .ny_number dt span{margin: 10px 0;}
    .ab_company .logo_bg{height: 60px; background-size:contain;}
    .ny_number{margin-top: 80px;}
    .ab_ind .imgfdd{ width: 100%; float: none;}
    .ab_ind .txt{ width: 100%; float: none; padding: 35px 0;}
}
@media (max-width: 450px){
    .comtxt .right b{font-size: 20px; line-height: 30px;}
    .ny_number dt{ width: 45%; margin-bottom: 15px;}
    .ny_number dt:nth-child(2n){margin-right:0;}
    .ab_ind .txt b{font-size: 24px; line-height: 32px; margin-bottom:20px;}
    .ab_choose .popb48{margin-bottom: 25px;}
    .ab_choose dl dt{ width: 100%; display: flex; align-items: flex-start; padding: 20px 20px 20px 15px;}
    .ab_choose dl dt .txt{margin-top: 0; text-align:left;}
    .ab_choose dl dt p{ font-size: 15px; line-height: 24px; height: auto;}
    .ab_choose dl dt .txt h4{ font-size: 20px; margin-bottom: 10px;}
    .ab_choose dl dt img{ width: 60px;}
    .ab_choose dl dt .icon{margin-right: 15px;}
}
.show_posi{ padding: 40px 0; font-size:16px; color:#999999;}
.show_posi a{ color: #999;}
.show_posi a:last-child{ color:#333;}
.pro_main{ position: relative;}
.pro_main .show_img{ width: 45%; border:1px solid #d9dee2;  position:sticky; top:120px; padding-right:40px;z-index:6;}
.pro_main .show_img .fd{ position: absolute; right: 22px; bottom: 16px; cursor:pointer;}
.cppic_bg{ position: fixed; width: 100%;; height: calc(100vh - 100px); left: 0; top: 100px;z-index:6; display:none;}
.cppic_bg .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.15);}
.cppic_bg .imgp{ position: absolute; width: 40%; left: 30%; top: 50%; transform: translateY(-50%); z-index:7;}
.cppic_bg .imgp img{ width: 100%;}
.cppic_bg .imgp .close{position: absolute; right: 30px; top: 30px; font-size: 30px; cursor:pointer;}
.cppic_bg .imgp .close:hover{ color:#bf263b;}

.show_right{ width: 50%;}
.show_right h1{ font-family: popb; font-size: 36px; margin-bottom:20px;}
.show_right h1 span{ color: #a61b24;}
.show_right .title p{ font-size: 22px;}
.show_right .title{padding-bottom: 35px; border-bottom: 1px solid #cccccc;}
.show_right .des{margin: 45px 0;}
.show_right .pro_adv h4{ font-size: 18px; font-family: popsb; margin-bottom: 20px;}
.show_right .pro_adv p{ font-size: 16px; line-height: 24px; margin-bottom: 10px; padding-left: 24px; background: url(../images/gou_03.jpg) no-repeat left 6px;}
.pro_quote{ margin-top:70px;}
.pro_quote .amore i{ font-size: 18px; margin-right: 5px;}
.pro_quote .amore{margin-right: 40px;}
.pro_quote .share span{ display: block; margin-right: 10px; font-size: 14px;}

.flyimg{position: absolute;top:0;left: 0%;max-width: 50%;opacity: 0;}

.dettit{ font-size: 30px; font-family:popsb; color: #bf263b; margin-bottom: 35px;}
.pro_detail .box{ border-top: 1px solid #d9dee2;}
.pro_detail .box .item{ border-bottom: 1px solid #d9dee2;}
.pro_detail .box .item .itemtit{ padding: 25px 20px; cursor:pointer;}
.pro_detail .box .item .itemtit i{margin-left: auto; font-size:30px; color:#fff;}
.pro_detail .box .item .itemtit:hover,.pro_detail .box .item .itemtit:hover i{ color:#bf263b;}

.item_open{ position: fixed; z-index: 7; left: 0; top: 100px;  width:100%; height: calc(100vh - 100px); overflow:hidden; display:none; }
.item_open .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.item_open .open_box{ width: 45%; background: #fff; position: absolute; right: -45%; top: 0; height:100%; padding:60px 40px 0 60px; z-index:8;}
.item_open .open_box h3.tit{ font-size: 30px; font-family:popsb; line-height: 30px; margin-right:auto;}
.item_open .open_box span.close{ cursor: pointer;}
.item_open .open_box span.close:hover{ color:#bf263b;}
.item_open .open_box span.close i{ font-size: 20px; margin-left: 5px;}
.item_open .open_box .top{ margin-bottom: 50px;}
.item_open .open_box .det_box{ max-height:calc(100% - 180px); overflow-y:auto; padding-right:40px;}
.item_open .open_box .down_list a{ padding: 25px 20px; border-bottom: 1px solid #d9dee2;}
.item_open .open_box .down_list a p{ width: calc(100% - 30px);}
.item_open .open_box .down_list a:first-child{border-top: 1px solid #d9dee2;}
.item_open .open_box .down_list i{ font-size: 24px; margin-left: auto; transform: rotate(180deg);}
.item_open .open_box .down_list a:hover{ color:#bf263b;}
.open_lx{ margin-top: 45px;}

.open_lx i{ font-size: 20px; margin-right: 5px;}
.open_lx a{ color: #bf263b;}
.det_content{ overflow-x: hidden; }
.det_content img{ max-width: 100%!important;}
.rel_pro li{ margin-bottom: 30px;}
.rel_pro li .pic{ width: 22%; border:1px solid #dbdbdb; margin-right:auto;}
.rel_pro li .txt{ width: 74%;}
.rel_pro li .txt .tit{margin-right: auto; max-width:calc(100% - 40px);}
.rel_pro li .txt .tit h2{ font-size: 18px;font-family: popsb; margin-bottom:10px;}
.rel_pro li .txt .tit p{ font-size: 14px;}
.rel_pro li .txt i{ font-size: 30px; color:#fff;}
.rel_pro li:hover h2,.rel_pro li:hover i{ color:#a61b24;}

@media (max-width: 1281px){
    .item_open .open_box,.show_right{ width: 55%;}
    .pro_main .show_img{ width: 40%;}
    .show_right h1{ font-size: 40px; padding-bottom:25px;}
    .show_right .des{margin: 25px 0;}
}
@media (max-width: 768px){
    .pro_main .show_img{ width: 100%; float: none; position: relative; margin-bottom:30px; top:0;}
    .item_open .open_box, .show_right{width: 100%; float:none; }
    .item_open{top: 54px;}
}
@media (max-width: 450px){
    .show_posi{padding: 20px 0; font-size: 13px;}
    .show_right h1{font-size: 26px; line-height: 35px;}
    .pro_quote{ margin-top:30px;}
    .pro_quote .amore{margin-bottom: 15px;}
    .dettit{font-size: 26px; margin-bottom: 25px;}
    .pro_detail .box .item .itemtit{padding: 15px 10px;}
}
.fe_main ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 80px; position:relative; transition:.2s ease;}
.fe_main ul li:nth-child(2n){margin-right:0;}
.fe_main ul li a,.fe_main ul li h2{color: #fff;}
.fe_main ul li .imgfd{padding-top: 54%;}
.fe_main ul li .txt{ position:absolute; width:100%; left:0; bottom:0; background:rgba(55,55,55,.37); transition:.2s ease; padding:13px 10px;}
.fe_main ul li h2{ font-size: 22px; line-height: 30px; height: 30px; overflow: hidden; font-weight:normal; text-align:center;}
.fe_main ul li:hover .txt{ background:rgba(166,27,36,.8);}

.feat_left{ width: 40%;}
.feat_pic{ width: 55%; overflow-y:auto; max-height:85vh; }
.feat_left h1{ font-size: 32px; font-family:popsb;}
.feat_left .pro_quote{margin: 50px 0;}
.feat_left .rel_pro h3{ font-size: 24px; font-family: popsb; margin-bottom: 15px;}
.feat_pic img{ width: 100%!important;}
@media (max-width: 1281px){
    .fe_main ul li h2{font-size: 20px;}
}
@media (max-width: 1024px){
    .fe_main ul li{margin-bottom: 40px;}
    .feat_left{ width: 100%; float: none;}
    .feat_pic{ width: 100%; float: none; margin-top: 30px; max-height: auto;}
    .feat_left .rel_pro{ display: none;}
}
@media (max-width: 768px){
    .fe_main ul li{ width: 100%; float: none;  margin-bottom:30px;}
}
@media (max-width: 450px){
    .fe_main ul li h2{ font-size: 18px;}
    .feat_left h1{font-size: 24px; }
    .feat_left .pro_quote{margin: 30px 0;}
}
.main_left{ width: 26%;}
.down_nav{ margin-top: 20px;}
.down_nav .lefirnav{ line-height: 30px; padding:15px 0; font-size:20px; cursor:pointer; font-family:popm;}
.down_nav .lefirnav p{ font-size: 20px; max-width:calc(100% - 30px);}
.down_nav .icon-youjiantou3{ font-size: 20px; color: #a61b24; display: block; width: 0; font-weight:bold; overflow:hidden; transition:.2s ease;}
.down_nav .subNavBox{ border-bottom: 1px solid #e5e5e5;}
.down_nav .navContent{padding: 0 10px 0 25px; display:none;}
.down_nav .navContent dd{margin-bottom: 18px; font-size:18px; color:#333;}
.down_nav .navContent dd:hover a{ color:#a61b24;}
.down_nav .navContent dd.act i{  width:auto; margin-right: 10px;} 
.down_nav .navContent dd.act a{ color: #a61b24;}
.down_nav .lefirnav.currentDd,.down_nav .lefirnav.on{ color: #a61b24;}
.down_nav .lefirnav.currentDd i,.down_nav .lefirnav.on i{ width: auto; margin-right: 10px;}
.down_nav .lefirnav.on a{ color: #a61b24;}

.main_right{ width: 70%;}
.down_list ul li{ float: left; width: 48.5%; margin-right: 3%; margin-bottom: 35px; border:1px solid #dedede; padding:35px; transition:.2s ease;}
.down_list ul li:nth-child(2n){ margin-right:0;}
.down_list ul li h2{ font-size: 24px; font-family: popm;line-height: 36px; height: 72px; margin: 25px 0 10px; height:108px; overflow:hidden;}
.down_list ul li p{ font-size: 16px;}
.down_list ul li i{ display: inline-block; transform: rotate(180deg); font-size:30px; color:#a61b24;}
.down_list ul li:hover{background:#a61b24; color:#fff;}
.down_list ul li:hover h2,.down_list ul li:hover a{ color:#fff;}
.down_list ul li:hover i{ color:#fff;}
@media (max-width: 1024px){
    .down_list ul li{padding: 25px;}
}
@media (max-width: 768px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .down_list ul li{ width: 100%; float: none; padding:20px; margin-bottom:25px;}
    .down_list ul li p{font-size: 14px;}
    .down_list ul li h2{ font-size: 20px; line-height: 30px; height: auto; margin: 10px 0 20px;}
}
.news_nav{ justify-content: center; margin-bottom:70px;}
.news_nav a{ display: block; margin: 0 100px; line-height: 75px; font-size:24px; font-family:popsb; position:relative;}
.news_nav a:after{ position:absolute; width: 0; height: 3px; background: #a61b24; transition: .2s ease; content:''; left:0; bottom:0;}
.news_nav a:hover,.news_nav a.act{ color:#a61b24;}
.news_nav a:hover:after,.news_nav a.act:after{ width:100%;}
.ny_news_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 60px;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
@media (max-width: 1024px){
.news_nav a{ margin: 0 auto; font-size:20px; line-height:50px;}
.news_nav{margin-bottom: 40px;}
}
@media (max-width: 450px){
    .ny_news_list ul li{ width: 49%; margin-right: 2%; margin-bottom:30px;}
    .ny_news_list ul li:nth-child(3n){margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
    .news_nav a{font-size: 18px; line-height: 40px; font-family: popm;}
}
.news_left{ width: 460px; }
.news_left .left_search{ overflow:hidden;}
.news_left input{ width: calc(100% - 60px); line-height:50px; padding-left:25px; font-size:14px; background:#f7f7f7;}
.news_left .search_sub{ width: 60px; text-align: center; line-height: 50px; background:#a61b24; color:#fff; font-size:24px; cursor:pointer;}
.hot_news{ margin-top: 40px;}
.hot_news h3{ font-size: 24px; font-family:popsb; padding-bottom: 15px; position:relative; text-transform:uppercase;}
.hot_news h3:after{ width:60px; height: 3px; background:#a61b24; content:''; position:absolute; left:0; bottom:0;}
.hot_news li{ padding: 35px 0; border-bottom: 1px solid #e2e2e2;}
.hot_news li .pic{ width: 140px;margin-right:auto;}
.hot_news li .pic .imgfd{ padding-top: 66.6%;}
.hot_news li .txt{ width: calc(100% - 155px);}
.hot_news li .txt h2{font-size: 18px; line-height: 24px; height: 48px; font-family:popsb; overflow:hidden; margin-bottom:10px;}
.hot_news li .txt span{font-size: 14px;}
.hot_news li:hover h2{ color:#a61b24;}
.news_right{ width: calc(100% - 510px);}

.newsshow h1{ font-family: popsb; font-size: 33px; line-height: 50px;}
.newsshow .news_info{padding: 25px 0; border-bottom: 1px solid #e3e3e3; font-size:14px;}
.newsshow .news_info p span{ display: inline-block; line-height: 38px;border-radius: 8px; background: #f3f3f3; padding: 0 12px; margin-right: 18px; color:#a61b24;}
.newsshow .news_info p{ margin-right: auto;}
.newsshow .news_info p i{ display: inline-block; width: 4px; height: 4px; background: #909090; margin: 0 12px;}
.newsshow .news_info .share{ text-transform: uppercase;}
.newsshow .news_info .share span{ display: inline-block; margin-right: 5px;}
.show_content{ padding: 50px 0; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; padding: 0 20px; text-transform: uppercase;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #a61b24; border-color: #a61b24; 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: #a61b24;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
@media (max-width: 1281px){
    .news_left{ width: 320px;}
    .news_right{ width: calc(100% - 360px);}
}
@media (max-width: 768px){
    .news_left{display:none;}
    .news_right{ width: 100%; float:none;}
    .newsshow h1{font-size: 26px; line-height: 34px;}
    .show_content{padding: 35px 0;}
    .page_btn{display: block; padding-top:25px;}
    .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: 5px;}
}
@media (max-width: 450px){
    .newsshow .news_info .share{margin-top: 15px;}
    .page_btn .prev, .page_btn .next{font-size: 14px;}
    .newsshow h1{font-size: 20px; line-height: 26px;}
}


.lx_top .left{ width: 45%;}
.lx_top .left .title{ margin-bottom: 40px;}
.lx_top .left .title .popb48{ text-transform: uppercase; margin-bottom:30px;}
.lx_top .left dt{margin-bottom: 70px;}
.lx_top .left dl i{ display: 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 .txt p{ font-size: 16px;}
.lx_top .left h4{ font-size: 20px; font-family: popsb;}
.lx_top .left a:hover{ color:#a61b24;}
.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 .sub{ width: 100%; line-height: 50px; text-align: center; display: block; background: #a61b24; color: #fff; font-size: 16px; margin-top:40px; text-transform:uppercase; cursor:pointer; transition:.3s ease;}
.lx_msg .sub:hover{ background:#d6000f;}
.lx_top .lx_msg{ width: 50%; padding-left: 4%; margin-left: auto; border-left:1px solid #e5e5e5;}
.lx_top .lx_msg .popb48{margin-bottom: 25px;}
.lx_top .lx_msg .title{ margin-bottom: 50px;}
.lx_msg p.exp{ font-size: 14px;}

.lx_need .top b{ font-size: 44px; width: 50%; margin-right: auto; color: #fff; line-height:65px;}
.lx_need .top p{ width: 32%; color:#fff;}
.lx_need .top p a{ color: #fff;}
.lx_need .top p a:hover{ color:#a61b24;}
.lx_need .top{margin-bottom: 80px;}
.lx_need dl dt{ width: 27%; color:#fff;}
.lx_need dl dt:nth-child(n+2){ width:31%; padding-left: 90px; border-left: 1px solid rgba(255,255,255,.23); margin-left:auto;}
.lx_need dl dt span{ display: inline-block; width: 40px; height: 40px; background: #a61b24; color: #fff; text-align: center; border-radius:50%; line-height: 40px; }
.lx_need dl dt h3{ font-size: 24px; color: #fff; font-family: popsb; line-height: 30px; overflow: hidden; margin: 40px 0 20px;}
.lx_need dl dt p{ line-height: 30px; height: 90px;}

.lx_map{ overflow: hidden;}

@media (max-width: 1281px){
    .lx_msg .sub{ margin-top: 30px;}
    .lx_need .top b{font-size: 40px; line-height: 50px;}
}
@media (max-width: 1024px){
    .lx_need dl dt:nth-child(n+2){padding-left:40px;}
    .lx_map{ display: none;}
}
@media (max-width: 768px){
    .lx_need { display: none;}
    .lx_top .left{ width: 100%; float: none;}
    .lx_top .lx_msg{ width: 100%; float: none; border: none; padding-left: 0; margin-top:30px;}
    .lx_top .left dt{margin-bottom: 30px;}
    .lx_top .lx_msg .title{ margin-bottom: 25px;}
    .lx_msg input, .lx_msg textarea{ line-height: 45px; margin-bottom: 20px;}
    .lx_top .left .follow p{font-size: 16px;}
}