/*网站基本定义*/

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.max-w{max-width: 1920px;}
.mapmt{
	margin-top: 0px;
}

/*brand section*/
.brand-section{
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
}

.products-section{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}

.case-section{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0 40px;
	background-color: #f5f5f5;
}

.about_banner{
	margin: 0 auto;
}

.firsr_section{
	margin-top: 120px;
}

.case-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 15px;
	height: 560px;
}
.case-item {
	position: relative;
	overflow: hidden;
}
.case-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.case-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}
.case-item:hover img {
	transform: scale(1.05);
}
.case-item:hover .product-overlay {
	opacity: 1;
}
.case-item-large {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
}
.case-item-wide {
	grid-row: 1 / 2;
	grid-column: 2 / 4;
}
.case-item-small {
	grid-row: 2 / 3;
}
.jiange_100{
	margin-top: 100px;
}

.brand-container{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0px;
	margin-top: 112px;
	
	
}
.prod_banner{
	margin-bottom: 50px;
}

.w1440{
	max-width: 1440px !important;
}
.mat120{
	margin-top: 120px;
}

.mat50{
	margin-top: 50px;
}


.brand-row{
	display: flex;
	flex-wrap: wrap;
}
.brand-img-col{
	flex: 0 0 50%;
	max-width: 50%;
}
.brand-img-col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.brand-content-col{
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
}
.brand-top{
	flex: 1;
	position: relative;
	background: url(../images/comm/brand_04.png) no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.brand-bottom{
	flex: 1;
	position: relative;
	background: url(../images/comm/brand_07.jpg) no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.brand-logo{
	width: 180px;
	position: absolute;
	top: 20px;
	right: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.brand-top-title{
	font-size: 28px;
	font-weight: 400;
	color: #333;
	margin-bottom: 20px;
    margin-top: 35px;
}
.brand-top-text{
	font-size: 14px;
	color: #888;
	line-height: 2;
}
.brand-bottom-title{
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 35px;
}
.brand-bottom-text{
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	line-height: 2;
	margin-bottom: 0;
}

.zhuanli-section{
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 0px;
	margin-top: 112px;
}
.mlSwiper .ml-dots{
	display:auto !important;
}



.index_product_title{
	margin: auto; font-size: 32px; font-weight: 400;margin-top: 65px;margin-bottom: 50px;
}

.swiper-button-prev-pr,
.swiper-button-next-pr{
	 
	 margin-top: 75px;
	 width: 26px !important; 
	 height: 52px !important; 
	 background-size: 26px 52px;
	 }

 /* 防止内容撑大移动端 */
.content_html img,
.content_html video,
.content_html iframe {
	max-width: 100%;
	height: auto;
}
.content_html table {
	max-width: 100%;
	overflow-x: auto;
	display: block;
}
.content_html * {
	max-width: 100%;
	box-sizing: border-box;
}


.swiper-button-prev-pr{
	background-image:url("../images/comm/prev0.png") !important;
	 left: -80px;
}
.swiper-button-next-pr{
	 background-image:url("../images/comm/next0.png") !important;
	right: -80px;
}

/* products swiper hover overlay */
.productsSwiper .swiper-slide {
	position: relative;
	overflow: hidden;
}
.productsSwiper .swiper-slide a {
	display: block;
	position: relative;
}
.productsSwiper .swiper-slide img {
	display: block;
	width: 100%;
}
.product-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(210, 70, 50, 0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 2;
}
.productsSwiper .swiper-slide:hover .product-overlay {
	opacity: 1;
}
.product-overlay-title {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 0 15px;
}
.product-overlay-btn {
	display: inline-block;
	padding: 8px 30px;
	background: #fff;
	color: #d24632;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.2s ease;
}
.product-overlay-btn:hover {
	transform: scale(1.05);
}


.swiper-button-prev-pr:hover{
	 background-image:url("../images/comm/prev1.png")!important; 
}
.swiper-button-next-pr:hover{
	 background-image:url("../images/comm/next1.png") !important; 
}


.mlSwiper .swiper-pagination {
	   position: absolute;
 }
 .mlSwiper .swiper-wrappe .swiper-slide
 {
	 background:auto;
 }
 
 .sslSwiper{
	 margin: auto;
	 width: 100% !important;
 }
 .sslSwiper .swiper-slide {
 	position: relative;
 	overflow: hidden;
	/*padding: 50px 30px;*/
 }
 .sslSwiper .swiper-slide a {
 	display: block;
 	position: relative;
 }
 .sslSwiper .swiper-slide img {
 	display: block;
 	width: 100%;
	/*height: 380px;*/
	object-fit: contain;
 }
 
 
 .sslSwiper .swiper-slide img {
	transition: transform 0.5s ease;
}
.sslSwiper .swiper-slide:hover img {
	transform: scale(1.05);
}


.ab-ssl-section{
	margin-top: 30px;
	margin-bottom: 30px;
}
 
 .swiper-button-prev-ssl{
 	background-image:url("../images/comm/pre11.png") !important;
 	 left: -90px !important;
	 width: 49px;
	 height: 49px;
	 background-size: 49px 49px;
 }
 .swiper-button-next-ssl{
 	background-image:url("../images/comm/next11.png") !important; 
	right: -90px !important;
	width: 49px;
	height: 49px;
	background-size: 49px 49px;
	
 	 
 }
 
 .swiper-button-prev-ssl:hover{
 	 background-image:url("../images/comm/pre22.png")!important; 
 }
 .swiper-button-next-ssl:hover{
 	 background-image:url("../images/comm/next22.png") !important; 
 }
 
 /* news section */
 .news-swiper-wrap {
 	max-width: 1920px;
 	margin: 0 auto;
 	padding: 0 20px 40px;
 }
 .news-card {
	width: 580px !important; 
	/*height: 665px !important; */
	background-color: #f9f9f9;
 }
 .news-card a {
 	display: block;
 	background:transparent;
  
 	overflow: hidden;
 	transition: box-shadow 0.3s ease, transform 0.3s ease;
 }
/* .news-card:hover a {
 	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
 	transform: translateY(-3px);
 } */
 .news-card-img {
 	overflow: hidden;
	padding: 48px 35px;
 }
 .news-card-img img {
 	width: 505px;
 	height: 200px;
 	object-fit: cover;
 	display: block;
 	transition: transform 0.5s ease;
 }
 .news-card:hover .news-card-img img {
 	transform: scale(1.08);
 }
 .news-card-body {
 	padding: 18px 40px 14px 40px ;
 }
 .news-card-title {
 	font-size: 15px;
 	font-weight: 600;
 	color: #e84828;
 	line-height: 1.5;
 	margin-bottom: 10px;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	transition: color 0.3s ease;
	text-align: left;
	height: 88px;
 }
 .news-card:hover .news-card-title {
 	color: #c0392b;
 }
 .news-card-desc {
 	font-size: 13px;
 	color: #666;
 	line-height: 1.7;
 	margin-bottom: 14px;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
	text-align: left;
	height: 88px;
 }
 .news-card-footer {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	border-top: 1px solid #f0f0f0;
 	padding-top: 12px;
 }
 .news-date {
 	font-size: 13px;
 	color: #e84828;
 }
 .news-more {
 	font-size: 13px;
 	color: #999;
 	transition: color 0.3s ease;
 }
 .news-card:hover .news-more {
 	color: #e84828;
 }

/* news marquee smooth scroll */
.newsSwiper .swiper-wrapper {
	animation: newsScroll 40s linear infinite;
	will-change: transform;
}
.news-swiper-wrap:hover .newsSwiper .swiper-wrapper {
	animation-play-state: paused;
}
@keyframes newsScroll {
	0%   { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-50%, 0, 0); }
}
 

@media (max-width: 992px) {
	.brand-container{
		margin-top: 40px; 
	}
	.brand-img-col,
	.brand-content-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.brand-top,
	.brand-bottom{
		padding: 30px 20px;
	}
	.brand-logo{
		
		margin-bottom: 15px;
	}
	.brand-top-title{
		font-size: 22px;
	}
	.brand-bottom-title{
		font-size: 20px;
	}

}
/*brand section end*/

/*ML tech section*/
.ml-section{max-width:1920px;margin:0 auto;}
.ml-container{max-width:1400px;margin:0 auto;padding:0;}
.ml-row{display:flex;flex-wrap:wrap;}
.ml-left{flex:0 0 50%;padding:80px 60px;display:flex;flex-direction:column;justify-content:center;float: right;}
.ml-right{flex:0 0 50%;max-width:50%;background:url(../images/comm/ml_bg.png) no-repeat center center;background-size:cover;min-height:500px;position:relative;}
.ml-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.ml-logo-text{font-size:120px;font-weight:700;color:#fff;line-height:1;letter-spacing:10px;}
.ml-logo-sub{font-size:22px;font-weight:700;color:#fff;letter-spacing:4px;margin-top:5px;}
.ml-logo-cn{font-size:18px;color:#fff;margin-top:5px;border-bottom:1px solid #fff;display:inline-block;padding-bottom:2px;}
.ml-title{font-size:32px;font-weight:400;color:#fff;margin-bottom:30px;}
.ml-desc{font-size:15px;color:rgba(255,255,255,0.9);line-height:1.8;margin-bottom: 80px;}
.ml-btn{display:inline-block;margin-top:100px;padding:6px 22px;border:1px solid #fff;border-radius:20px;color:#e84828;background:#fff;font-size:16px;font-weight: bold;text-decoration:none;align-self:flex-start;}
.ml-btn:hover{background:transparent;color:#fff;}
.ml-thumbs{margin-top:65px; width: 90%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ml-thumbs img{width:180px;height:120px;object-fit:cover;cursor:pointer;}

.ml-thumbs-img{width:180px;height:120px}

.swiper-pagination-bullet-active{
	background: #ffffff;
}


.ml-dots{display:flex;gap:8px;margin-top:15px;margin: 18px auto;padding-right: 180px;}
.ml-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;}
.ml-dots .dot.active{background:#fff;}

.zhuanli_l{padding-right: 0px;padding-left: 0px; background-color: #a0a0a0;  min-width: 700px;}

.zhuanli_r{padding-right: 0px;padding-left: 0px;min-width: 700px;}


.rb_01{max-width: 960px; min-height:850px;background:url(../images/comm/rb_01.png) no-repeat center center;-moz-background-size:100% 100%;
	background-size:100% 100%;position:relative;display:flex;align-items:center;justify-content:center;}
.rb_01 img{
	    max-width: 100%;
	    height: auto;
}
@media(max-width:992px){.ml-left,.ml-right{flex:0 0 100%;max-width:100%;}.ml-left{padding:40px 20px;min-height:auto;}.ml-right{min-height:350px;}.ml-logo-text{font-size:80px;}.ml-logo-sub{font-size:18px;}.ml-title{font-size:24px;}}
/*ML tech section end*/

/*zhuanli section*/
.zhuanli-section{max-width:1920px;margin:0 auto;}
.zhuanli-container{max-width:1400px;margin:0 auto;padding:0;}
.zhuanli-container .row{margin-left:0;margin-right:0;}
.zhuanli-container .col-lg-6{padding-left:0;padding-right:0;}
.ml-left{width:700px;background:#a0a0a0;padding:150px 0px 0px 0px;display:flex;flex-direction:column;justify-content:center;min-height:500px;float: right;}
/*zhuanli section end*/

/*brand section*/
.brand-section{
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
}
.brand-container{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0px;
	margin-top: 112px;
}

.brand-row{
	display: flex;
	flex-wrap: wrap;
}
.brand-img-col{
	flex: 0 0 50%;
	max-width: 50%;
}
.brand-img-col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.brand-content-col{
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
}
.brand-top{
	flex: 1;
 
	padding: 40px 50px;
	position: relative;
}
.brand-bottom{
 
	padding: 100px 60px;
	flex: 1;
	position: relative;
	background: url(../images/comm/brand_07.jpg) no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.brand-logo{
	position: absolute;
	top: 20px;
	right: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.brand-logo-text{
	font-size: 20px;
	font-weight: 700;
	color: #333;
	letter-spacing: 2px;
}
.brand-logo-sub{
	font-size: 10px;
	color: #999;
}
.brand-logo-flag{
	display: inline-block;
	width: 16px;
	height: 12px;
	background: linear-gradient(to right, #009246 33%, #fff 33%, #fff 66%, #CE2B37 66%);
	border: 1px solid #ddd;
}
.brand-top-title{
	font-size: 28px;
	font-weight: 400;
	color: #333;
	margin-bottom: 20px;
	margin-top: 30px;
}
.brand-top p{
	font-size: 14px;
	color: #888;
	line-height: 30px;
	margin-bottom:0px;
}
.brand-bottom-title{
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 35px;
}
.brand-bottom p{
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	line-height: 40px;
	margin-bottom: 0;
}
.ssl_show{
	max-width:1300px ; margin: auto;
}

@media (max-width: 992px) {
	.brand-container{
		margin-top: 40px; 
	}
	.brand-img-col,
	.brand-content-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.brand-top,
	.brand-bottom{
		padding: 30px 20px;
	}
	.brand-logo{
		
		margin-bottom: 15px;
	}
	.brand-top-title{
		font-size: 22px;
	}
	.brand-bottom-title{
		font-size: 20px;
	}

}
/*brand section end*/

.p-r{
	position: relative;
}
.p-ab{
	position:absolute;
}

.header-logo{
	width: 180px;
}


/*首字母大写*/

.zm-dx{
	text-transform:Capitalize;
}
/*小写*/
.zm-xx{
	text-transform:Uppercase;
}
/*大写*/
.zm-sd{
	text-transform:Lowercase;
}

/*视频样式*/
.modal-dialog2 {
  max-width: 800px;
  margin-top: 10rem !important;
}

.modal-body{
	display: contents;

}
.puman{
	height: 260px;
    width: 100%; 
    object-fit: cover;
    object-position: center;
}



.modal-content{
	max-width: 800px;
	height: 600px;
}

.mt-50{
	margin-top: 50px;
}
.mt-80{
	margin-top: 80px;
}

.mt-30{
	margin-top: 30px;
}
.mt-20{
	margin-top: 20px;
}
.mt-1p5{
	margin-top: 1.5rem !important;
}
.mt-rp5{
	margin-top: 0.5rem !important;
}
.mt-r1{
	margin-top: 1rem !important;
}
.mt-r2{
	margin-top: 2rem !important;
}
.mt-r3{
	margin-top: 3rem !important;
}
.mt-r4{
	margin-top: 4rem !important;
}
.mt-r5{
	margin-top: 5rem !important;
}

.mb-r3{
	margin-bottom: 3rem !important;
}
.mb-r1{
	margin-bottom: 1rem !important;
}


.mc{
	color: #e84828;
}


.ml-r1{
	margin-left: 1rem !important;
	}

.pd-r-5 {
	padding-right: 5rem !important;
}
.pt-r2{
	padding-bottom: 2rem !important;
}

.pd-bt-r3 {
	padding-bottom: 3rem;
}

.box-s{
	box-shadow: 5px 8px 7px 0px rgb(0 0 0 / 20%);
}
.t-s857{
	 transform:scale(0.6);
}
.ps50{
	width: 55% !important;
}

.ind_r_new_t{
	width: 100%;
    height: 100%;
}
.ind_r_new_t .post-thumb{
	height: 100%;
}

.ind_r_new_t .post-thumb img{

    width: 100%;
    height: 100%;
}




.ind-n{
	background-image: url(../../assets/images/A072.png) !important;
    left: 20px;
   right: auto;
}

.ind-p{
	background-image: url(../../assets/images/A075.png) !important;
    right: 20px;
     left: auto;
}

#m_yy{
	display: none;
}

.clamp1{
	width: 100%;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.clamp2{
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
    overflow: hidden;
}
.clamp3{
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
    overflow: hidden;
}
.clamp4{
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;
    overflow: hidden;
}
.clamp5{
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;
    overflow: hidden;
}

/*分页样式*/
 

.page_fy {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
.page_fy A {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid;   PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none}
.page_fy A:hover {BORDER-RIGHT: #e84828 1px solid; BORDER-TOP: #e84828 1px solid; BORDER-LEFT: #e84828 1px solid; COLOR: #666; BORDER-BOTTOM: #e84828 1px solid}
.page_fy A:active {BORDER-RIGHT: #e84828 1px solid; BORDER-TOP: #e84828 1px solid; BORDER-LEFT: #e84828 1px solid; COLOR: #666; BORDER-BOTTOM: #e84828 1px solid}
.page_fy .focus { COLOR: #fff;BORDER: #F0F0F0 1px solid; BACKGROUND-COLOR: #e84828}
.page_fy .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
.page_fy span{padding-left:5px;}
.page_fy span.off {border: 1px solid #EEEEEE;color: #ccc;margin: 2px;padding: 2px 5px;}
.pang_slect{
	width: 40px;
	border: 1px solid #eee;
	margin-left: 5px;
	height: 30px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {

  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.about_zs{
	  height: 320px;
	  background: #f2f2f2;
	  }

.about_zs_m{
	  width: 100%;
	  height: 320px;
	  background: #f2f2f2;
	  }   
    
 


/*左导航*/
 .clear{ clear:both; line-height:0; height:0; font-size:0;}
.o-m{background:#f8f8f8;}
.o-m .ul-o{float:left;width:100%;position:relative;background:#E5E5E5;top: -2rem;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2;list-style:none; text-align: center;}

.o-m .ul-o ul{
	margin-top: 2rem;
    margin-bottom: 1rem;
 
}

.o-m .ul-o ul a{
	width: 100%;
	display: block !important; 
}



 
.o-m .ul-o li p{padding-top: 18px;position: relative;float:left;height:85px;color:#fff;font-size:16px;width:100%;border-bottom:1px solid #cccbc8; margin-bottom: 0px !important; margin-top: 0px !important;}
.o-m .ul-o .li-mask{position:absolute;left:0;top:0;width:100%;height:85px; background:url(../images/sjx.png) no-repeat #e84828;background-position:0px 50%;}
.o-m .ul-o li p span{ line-height: 14px; font-size: 14px;}

.o-m .ul-o li p .en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #7a7a7a;
	line-height: 24px;
}

.o-m .ul-o li p .cn{
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #7a7a7a;
}
.o-m .ul-o li p:hover .cn{
	color:#e84828;
	font-size: 18px;
}
.o-m .ul-o li p:hover .en{
	color:#e84828;
}
.banner{
	max-width: 1920px; margin: auto; margin-top: -0px;
}
.banner .swiper-slide {
	position: relative;
}
.join_banner{
	max-width: 1920px; margin: auto; margin-top: -0px;
	overflow: hidden;
}
.join_banner img {
	width: 100%;
	display: block;
}
@media (max-width: 768px) {
	.join_banner {
		max-width: 100%;
		overflow: hidden;
	}
	.join_banner img {
		width: 140vw;
		max-width: none;
		margin-left: -20vw;
		display: block;
	}
}
.banner-overlay {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	z-index: 10;
	text-align: center;
}
.banner-overlay-title {
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	animation: bannerFadeInUp 1s ease both;
}
.banner-overlay-desc {
	font-size: 20px;
	color: rgba(255,255,255,0.9);
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	margin-bottom: 25px;
	animation: bannerFadeInUp 1s ease 0.3s both;
}
@keyframes bannerFadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.banner_b{
	max-width: 1920px; margin: auto; margin-top: -0px;
}

.vb_focus  
{  
    border-bottom: 1px red solid;
}
#m_product_left{
	display:none;
}

 

@media (max-width: 768px) {
	.index_product_title{
		margin-bottom: 10px !important;
	    font-size: 18px !important; font-weight: 400 !important;
	}
	.jiange_100{
		margin-top: 20px !important;
	}
	.productsSwiper .swiper-slide:hover .product-overlay {
		display: none;
	}
	.case-grid {
		grid-template-columns: 1fr;
		height: auto;
	}
	.case-item {
		height: 120px !important;
	}
	
	.case-item:hover .product-overlay {
		display: none;
	}
	.sslSwiper{
		padding: 20px !important;
	}
	
	 .swiper-button-prev-ssl,.swiper-button-next-ssl{
	 	 display: none;
	 }
	 
	 
	 .news-card {
	 	width: 580px !important; 
	 	height: auto !important;
	 	background-color: #f9f9f9;
	 	}
	
	 /* 手机端停止新闻自动滚动，开启手滑 */
	 .newsSwiper .swiper-wrapper {
	 	animation: none !important;
	 }
	 .news-swiper-wrap:hover .newsSwiper .swiper-wrapper {
	 	animation: none !important;
	 }
	 .banner-overlay-title {
	 	font-size: 28px !important;
	 }
	 .banner-overlay-desc {
	 	font-size: 14px !important;
	 }
	 .footer-top-row {
	 	flex-direction: column;
	 }
	 .footer-nav {
	 	gap: 25px;
	 }
	 .footer-bottom-row {
	 	flex-direction: column;
	 	align-items: flex-start;
	 }
	 .firsr_section{
	 	margin-top: 80px !important;
	 }
     .about-page-title {
     font-size: 24px !important;
	 }
	 .mat120
	  {
	     margin-top: 60px !important;
	 }
	.about-story-row{
		margin-bottom: 20px !important;
	}
	.about-production-row{
		 gap:20px !important;
		 margin: 20px !important;
	}
	.about-cta-bg img{
		display: none;
	}
	
	
	.about-cta-content{
		margin-left: 0% !important;
		padding: 40px 0 !important;
		min-height: 300px !important;
	}
	.about-cta-line {
		width: 245px !important;
	}
	 
	 .footer-nav{
		 display: none !important;
	 }
	 .detail_content{
		 padding: 20px;
	 }

}
@media (max-width: 992px) {
	
	#foot_logo {
		display: none !important;
	}
	.foot_gongsi{
		display: unset !important;
		margin-left: 0rem !important;
	}
	
	.chuangzheng{
		margin-top: 1rem;
	}
	.index_product_title{
		font-size: 24px !important; font-weight: 400 !important;
	}
	.sslSwiper .swiper-slide {
		/*padding: 30px 20px;*/
		height: 250px;
	}
	
	
	.brand-img-col{
		height: 250px !important;
	}
	.mapmt{
        margin-top: 50px !important;
	
	}
	

	
 
}


@media (min-width: 1390px) {
.new_product_content{
	padding-left: 2rem !important;
	margin-bottom: 1rem;
}
 }
 
@media (max-width: 1400px) {
    .news-card-img img{
        height: auto!important; 
    }

.about-cta-content{
	padding: 40px 40px;
}
.about-story-row{
	padding: 20px;
}
.site-footer{
	padding: 0 20px;
}
	
	
.index_product_title{
	font-size:28px !important; 
}
	
.jiange_100{
	margin-top: 50px;
}
	
.rb_01 img{
	   padding: 120px;
}
.case-grid {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	height: auto;
}
.case-item-large,
.case-item-wide,
.case-item-small {
	grid-row: auto;
	grid-column: auto;
}
.case-item {
	height: 280px;
}
.header-memu .container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.zhuanli_l, .zhuanli_r {
    width: 100% !important;
    min-width: auto !important;
}
 .ml-thumbs {width: 100%;}
 .ml-btn {
	 margin-top: 0px !important;
 }
.ml-left {
	padding: 30px !important;
	width: 100% !important;
	    float: left;
	}
.rb_01{
    max-width: 100% !important;
    min-height: auto !important;
}
.ml-dots {
	/* padding-right:0px !important; */
	padding-right: 3px !important;
	margin:10px auto;
	}
.user_xueli{
	opacity: 1;
	font-size: 12px !important;
}
#hr1{
	display: none;
}
#m_product_left{
	display:block;
}

#pc_product_left{
	display:none;
}

.mid_lab ul li{
	padding: 0px !important;
	margin-top: 0rem !important;
}
.about_jss{
	display: none !important;
}
.banner_lab{
	display: none !important;
}
.tm-product-image img{
	height: auto;
}
.left_case{
	width: 40% !important;
}
.product_yaoqu {
	font-size: 16px !important;
}
.jsgj{
	font-size: 16px !important;
}
.jsgj_item{
	padding-left: 1rem !important;

}
	.banner{
	 margin-top: 60px !important;
    }

.banner .banner-slider .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background-color: #FFFFFF;
}
.banner .swiper-pagination {
    bottom: 10px !important;
}
.productsSwiper{
	padding: 20px;
}
.swiper-button-prev-pr,
.swiper-button-next-pr{
	display: none !important;
}
.index_product_title{
	margin-top: 20px;
	margin-bottom: 20px;
}

.ind-n{
	display: none;
}
.ind-p{
	display: none;
}
#about-logo{
	display: none;
}
.ind-video{
	position: initial !important;
 
}
.index_news_r .news_info{
	width: 100% !important;
}

.mt-80 {
    margin-top: 20px !important;
}
.about-bg{ 
   background-size: 100% 160px !important;
}
.product-bg{ 
   background-size: 100% 120px !important;
}

.about_title{
	font-size: 28px !important;
	line-height: 48px !important;
    margin-top: 30px !important;
}
.product_it{
	margin-top: 40px !important;
    font-size: 28px !important;
}
.product_bf span{
	
}
.right_tab-2{
	display: none !important;
}
.product_it-2{
	    margin-top: 3rem !important;
        font-size: 28px !important;
}
.jp-bg {
	padding: 5rem 0rem !important;
}
.service-section .service-content {
    margin-top: 2rem !important;
}


.lin-s{
	margin: 2rem 2rem 1.5rem 0rem !important;
}
 
.pn-bg {
	background-size: 100% 120px !important;
	}
.more-md {
 
    text-align: right !important;
    top: auto !important; 
}

	.foot_text_12{
	  font-size: 12px !important;
	  display:unset !important;
	  text-align: center !important;
	  
	}
	.foot_text_12_2{
		text-align: center !important;
	}
	
	.mid_lab{
		border: 0px !important;
	}
    .mid_lab ul .tab_p  {
      width: 100% !important;
      margin-left: 0px !important;
      margin-top: 0.5rem !important;
    }
    .banner_title_en{
    	font-size: 26px !important;
    	margin-top: 3rem !important;
    	margin-left: 1rem !important;
    }
    .banner_title_cn{
    	margin-left: 1rem !important;
    	font-size: 18px !important;
    }
    .foot_text{
    	font-size: 12px;
    }
    .zx-t{
    	font-size: 14px;
    }
    .row{
    	margin-right: 0px !important;
        margin-left: 0px !important;
    }
    
    .wx_code_2 {
       margin-left: 0.5rem !important;
     }
     
    .items_r .ml-r1{
    	margin-left: 0.5rem !important;
    }
    .foot_bottem{
    	    padding-bottom: 1.5rem !important;
    }
    .news_list_text{
	  padding-left: 15px !important;
    }
    .news_list_img{
    	min-height: auto !important;
    	margin-bottom: 1rem !important;
    	 
    }
    .news_des_en{
        margin-bottom: 2.5rem !important;
        
    }
    .view_details{
    	bottom: 0.5rem !important;
    	right: 1rem !important;
    }
    .news_list{
    	padding-left: 15px;
    	padding-right: 15px;
    }
    
 
    .news_list .news_date{
    	display: none !important;
   }
	.news_list .news_info{
		width: 100% !important;
	}
	.news_title_en{
	    margin-bottom: 1rem !important;
    }
    .r_title_en{
    	    margin-top: 0.5rem !important;
    }
    .news_date{
    	display: none !important;
    }
    .mt-r1{
    	margin-top: 0.5rem !important;
    }
    
    .mt-r2{
    	margin-top: 1rem !important;
    }
    
    .mt-r3{
    	margin-top: 1rem !important;
    }
    
    
    .product_it-4 .gongsi_en{
    	    margin-top: 0rem !important;
    }
    .foot_bottem{
    	margin-top: 0rem !important;
    }
    .news_title_cn_first{
    	font-size: 1.125rem !important;
    }
    .product_it-4{
    	font-size: 1.125rem !important;
    }
    .foot_text{
    	font-size: 12px !important;
    }
    
   .news_info_title_cn{
	font-size: 20px !important;
	line-height: 24px !important;
	margin-top: 0rem !important;
    }
    .news_content{
	 
	padding-bottom: 1rem !important;
	padding-top:  1rem !important;
	 
   }
   .news_time{
   	font-size: 14px !important;
   	margin-top: 1rem  !important;
   }
   .input_bt a{
   	width: 40% !important;
   	padding: 0.2rem !important;
   }
   .pr-zb-inc{
	width: 50% !important;
    margin-top: 1rem !important;
	 
}
.zhishuzhibiao{
	font-size: 1rem !important;
}
.product_yd{
	padding-left: 0px !important;
    	padding-right: 0px !important;
}

.yuangli{
	margin-top: 1rem !important;
}
.yuangli_en{
	margin-top: 1rem !important;
}
.yl_bt{
	width: 100% !important;
	padding: 0.5rem 1.5rem !important;
}
.product_title{
	font-size: 22px !important;
}

.new_product_content{
	padding-top: 0rem !important;
	padding-left: 0rem !important;
	margin-bottom: 1rem;
}

.left_dh_bg{
	height: auto !important;
}
.product_it-3{
	font-size: 18px !important;
}
.contact_left{
	padding-right: 15px !important;
}
.contact_right{
	margin-top: 3rem;
}
 .f-but{
 	width: 100% !important;
 	background-color: #e84828 !important; 
 }
 
#pc_footer{
	display: none !important;
}
#mb_footer{
	display: block !important;
}
#i_about_memu{
	display: none;
}
.right_tab{
	display: none;
}
.img_title{
	display: none;
}
.index_news {
    padding: 2rem 0rem !important;
}

.index_news_left {
    width: 100% !important;
    margin-bottom: 2rem !important;
}
.big_en{
	margin-bottom: 1rem !important;
}

.title-text span:before, .title-text span:after{
	width: 15% !important;
}
.title-text span:after {
    right: 15% !important;
}
.title-text span:before {
    left: 15% !important;
 
}
 
.about_cont_cn{
    margin-top: 50px !important;
}
.product-left {
    padding: 1.2rem 0rem 1.2rem 1rem !important;
}

#m_yy{
	display: block;
}
#pc_yy{
	display: none;
}


}



#mb_footer{
	display: none;
}


.top-bar {
      background: #f9f9f9;
      border-bottom: 1px solid #f0f0f0;
      font-size: 12px;
      color: var(--bc-muted);
      padding: 6px 0;
    }
    .top-bar a { color: var(--bc-muted); margin-left: 18px; }
    .top-bar a:hover { color:#e84828; }
    .top-bar i { width: 14px; display: inline-block; text-align: center; }
    
    /* 微信二维码悬浮弹出 */
    .wechat-hover-trigger {
        position: relative;
    }
    .wechat-qrcode-popup {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 8px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        padding: 12px;
        z-index: 9999;
        text-align: center;
        white-space: nowrap;
    }
    .wechat-qrcode-popup img {
        width: 140px;
        height: 140px;
        object-fit: contain;
        display: block;
    }
    .wechat-qrcode-popup em {
        display: block;
        font-style: normal;
        font-size: 12px;
        color: #666;
        margin-top: 6px;
    }
    .wechat-hover-trigger:hover .wechat-qrcode-popup {
        display: block;
    }

/*menu--start--*/

.header-bottom{
	margin-top: 0px;
}
.header-memu{
	height: 98px;
	opacity: 1;
	background: #ffffff;
	border-radius: 0px;
 	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); 
}
.logo_main{
/* 	margin-left: 50px; */
	margin-top: 14px;
}
.sm-log img{
    top: -10px;
    position: relative;
}

.head_logo{
/* 	padding-right: 25px;
	border-right: 2px #707070 solid; */
}
.head_dis{
	margin-left: 10px;
    text-align: center;
    
}
.f-9{
	font-size: 12px;
	color: #707070;
	line-height: 12px;
}

.f-span{
    transform:scale(0.875);
    display:block;
}
 
.f-12{
	font-size: 12px;
	color: #707070;
	line-height: 12px;
}
.f-ds{
	font-size: 12px;
	color: #707070;
	line-height: 30px;
}


/*-下划线---*/

.main-menu .lab-ul{
	margin-left: 20px;
}
.main-menu ul{
	margin-left: 20px;
}

.main-menu ul li{
	border-color: rgba(255, 255, 255, 0.1);
	margin-left: 2.8rem;
	position: relative;
}
 
.main-menu ul li .nav-link:after {
    background-color: #e84828;
    width: 2px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    transition: 0.4s;
    opacity: 0;
}

.main-menu ul li .nav-link:hover:after {
  width: 100%;
  opacity: 1;
}
/*-下划线---*/

.main-menu ul li a .t1{
	font-size: 12px;
	color: #393939;
}
.main-menu ul li a .t2{
	font-size: 16px;
	color: #393939;
}

.main-menu ul li .nav-link:hover .t2{
  color: #e84828;
/*  font-weight: bold; */
}
.header-section .primary-menu .main-area .main-menu ul li a {
	padding: 10px 0px;
}
.nav-link{
	padding: 1rem 0rem;
}

.main-menu ul li .active .t2{
  color: #e84828;
/*  font-weight: bold; */
}
.main-menu ul li .active:after {
    background-color: #e84828;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
 
    opacity: 1;
 
    
}


    
    
    
    
/*menu--end--*/


/*banner*/
 


/*about*/
.ind-video{
	width: 100%;
 
}
.ind-video video{
	width: 100%;
	height: 100%;
	
}

 
.about_video video{
	width: 100%;
	height: 100%;
 
}

.about-bg{
	
	max-width: 1920px;
    margin: auto;
    background: url(../images/A016.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
 	margin-top: 10px;
}

.product-bg{
	
	max-width: 1920px;
    margin: auto;
    background: url(../images/A016.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
 	margin-top: 10px;
}





.about_title{
	font-size: 44px;
	font-family: Source Han Sans CN, Source Han Sans CN-Bold;
	font-weight: 700;
	text-align: right;
	color: #e84828;
	line-height: 68px;
	margin-top: 80px;
}
.about_gst_cn{
	font-size: 20px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	color: #e84828;
	margin-top: 0px;

}
.about_gst_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	line-height: 13px;
}

.about_cont_cn p{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
    margin-top: 30px;
}
.about_cont_en p{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 20px;
	letter-spacing: 1px;
	margin-top: 15px;
}
.more_a{
	margin-top: 10px;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 500;
}

/*svg  改变颜色   ie 浏览器不兼容
 svg {
fill: currentColor;
}

.ioc_show {
        height: 60px;
        width: 60px;
        overflow: hidden;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        .img-1 {
          width: 100%;
         }
}

.about_to:hover .ioc_show .img_ioc {
	position: relative;
	left: -100px;
	filter: drop-shadow(#ffffff 100px 0);
}
*/


.about_memu {
	
 max-width: 800px;
  height: 120;
  margin: auto;
  margin-top: 20px;
}
.about_memu ul{
  display: flex;
  
  margin: auto;
  background: #444444;
  border: 1px solid #707070;
  padding: 9px 0;
}
 
.about_memu ul li {
  list-style: none;
  text-align: center;
  padding: 2px 60px;
  position: relative;
  border-right: 1px solid #707070;
}

.about_memu ul li:last-child {  border-right:0px; }



 .about_to{
 	text-align: center;
 }

 

 .about_memu ul li .ioc_show_1{
 	margin: auto;
 	width: 32px;
 	height: 32px;
 	background: url(../images/about/A011-1.png) no-repeat;
    background-size: 100%;
    
 }
.about_memu ul li .munu-name-1{
	margin-top: 5px;
  	font-size: 14px;
  	font-weight: 400;
  	color: #e84828;
  	
  }
  
.about_memu ul li .munu-name-en{
  	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: center;
	color: #8a8a8a;
  }
  .about_memu ul li .sjx-1{
  	position: absolute;
  	left: 47%;
  	font-weight: bold;
  	color: #e84828;
  	line-height: 12px;
  	
  }
  
 
 
.about_memu ul li .munu-name{
	margin-top: 5px;
  	font-size: 14px;
  	font-weight: 400;
  	color: #FFFFFF;
  
  }
 
  
  .about_memu ul li .sjx{
  	position: absolute;
  	left: 47%;
  	font-weight: bold;
  	color: #444444;
  	line-height: 12px;
  	
  }

.about_memu ul li .ioc_show_2{
 	margin: auto;
 	width: 32px;
 	height: 32px;
 	background: url(../images/about/A012.png) no-repeat;
    background-size: 100%;
    
 }
 
.about_memu .select-2:hover .munu-name{
	color: #e84828;
}
.about_memu .select-2:hover .sjx{
	color: #e84828;
}
.about_memu .select-2:hover .ioc_show_2{
	background: url(../images/about/A012-1.png) no-repeat;
}


.about_memu ul li .ioc_show_3{
 	margin: auto;
 	width: 32px;
 	height: 32px;
 	background: url(../images/about/A013.png) no-repeat;
    background-size: 100%;
    
 }
 
.about_memu .select-3:hover .munu-name{
	color: #e84828;
}
.about_memu .select-3:hover .sjx{
	color: #e84828;
}
.about_memu .select-3:hover .ioc_show_3{
	background: url(../images/about/A013-1.png) no-repeat;
}

.about_memu ul li .ioc_show_3{
 	margin: auto;
 	width: 32px;
 	height: 32px;
 	background: url(../images/about/A013.png) no-repeat;
    background-size: 100%;
    
 }
 
 
 
.about_memu ul li .ioc_show_4{
 	margin: auto;
 	width: 32px;
 	height: 32px;
 	background: url(../images/about/A014.png) no-repeat;
    background-size: 100%;
    }
.about_memu .select-4:hover .munu-name{
	color: #e84828;
}
.about_memu .select-4:hover .sjx{
	color: #e84828;
}
.about_memu .select-4:hover .ioc_show_4{
	background: url(../images/about/A014-1.png) no-repeat;
}



/*product*/


.img_title{
	position: absolute;
	left: 25%;
	width: 460px;
 	height: 210px;
	background: url(../images/A017-2.png) no-repeat;
 
}
.product_it{
	margin-top: 115px;
	font-size: 32px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	text-align: left;
	color: #e84828;
	letter-spacing: 2px;
}
.product_it span{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
}
.right_tab{
	position: absolute;
	right:15px;
	top:115px;
}


 .tab_2{
 	border-bottom: solid 1px #929292;
 }

.tab_2 .tab_2_li{
	height: 60px;
	background-color: transparent;
	position: relative;
	text-align: center;
}

.tab_2 .tab_2_a{ 
	height: 60px;
}
.tab_2 li{
 
	height: 60px;
	background-color: #FFE8A1;
	margin-right: 10px;
}


.tab_2 .tab_2_li .active:after {
    position: absolute;
    content: "";
    top:58px;
    margin-left: -80%;
    width: 80%;
    height: 2px;
    background: #e84828;
  
    
}

.tab_2 .tab_2_li .active .p_top_cn{
     font-weight: bold;
     color: #000000;
}


.p_top_cn{
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	
}
.p_top_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 16px;
	transform:scale(0.875);
 
}

.product_tab{
	max-width: 1400px;
	margin: 2.5rem 0px;
 
	background-color: #FFFFFF;
}

.product_bf{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
}
.product_bf span{
	margin-left: 1.8rem ;
	}
.more-md{
	width: 100%;
	text-align: center;
	top: -1rem;
    position: relative;
    margin-bottom: 1rem;
}
	
.product_it-2{
	margin-top: 5rem;
	font-size: 32px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	text-align: left;
	color: #e84828;
	letter-spacing: 2px;
}
.product_it-2 span{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
}

.right_tab-2{
	position: absolute;
	right:15px;
	top:5rem;
}



.product_it-3{
 
	font-size: 22px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	text-align: left;
	color: #e84828;
	letter-spacing: 2px;
}
.product_it-3 span{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
}

.product_it-4{
 
	font-size: 22px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}
.product_it-4 span{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
}



.zhishuzhibiao{
    margin: 1.2rem 0rem;
	font-size: 22px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	text-align: left;
	color: #444444;
	
}
.zhishuzhibiao span{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 20px;
	position: relative;
 
}
.zhishuzhibiao span:after{
	position: absolute;
    content: "";
    top:24px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #444444;
}


.product-left{
	padding: 1.2rem 0rem 1.2rem 2rem;
}


.pn-bg{	
	max-width: 1920px;
    margin: auto;
    background: url(../images/A024.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
  
}
.zb-inc{
	width: 43%;
	font-size: 12px;
	line-height: 12px;
	position: relative;
	float: left;
	margin-top: 2rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
}
.zb-inc div img{
	float: left;
}

.zbz{
	position: absolute;
    left: 35px;
    top: -1px;

}

.lin-s{
	width: 90%;
    height: 1px;
    opacity: 1;
    background-color: #b5b5b5;
    display: inline-block;
    margin: 3rem 2rem 3rem 0rem
}
.lin-100{
	width: 100%;
    height: 1px;
    opacity: 1;
 
    background-color: #b5b5b5;
    display: inline-block;
    margin: 1.5rem 0rem;
    
 
}


/*精品案例*/

/*设置标题 2边横线*/
.title-text span {
display: block; /*设置为块级元素会独占一行形成上下居中的效果*/
position: relative; /*定位横线（当横线的父元素）*/
.fs(14);
text-align: center;
}
.title-text span:before, .title-text span:after {
content: '';
position: absolute; /*定位背景横线的位置*/
top: 50%;
background: #707070; /*背景横线颜色*/
width: 8%; /*单侧横线的长度*/
height: 1px;
}
.title-text span:before {
left: 57%; /*调整背景横线的左右距离*/
}
.title-text span:after {
right: 57%;
}
/*设置标题 2边横线*/


.jp-bg{
	max-width: 1920px;
    margin: auto;
    background: url(../images/A038.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    
 	padding: 5rem;
}


 
.pt-a-link {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 9;
  justify-content: center;
  opacity: 0;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pt-thumb:hover .pt-a-link{
	 
    opacity: 1;
	 
}
.pt-bt{
	position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    width: 100%;
    padding: 0.5rem;
}
.pt-bt .cn{
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 600;
	color: #ffffff;
	}
.pt-bt .en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	color: #ffffff;
	}
.service-item{
	margin-bottom: 2rem;
}

.index_news{
	padding: 5rem;
}
.index_news_left{
	width: 85%;
}

.index_news_left .big_cn{
	margin: 1rem 0rem;
	font-size: 20px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	line-height: 24px;
	letter-spacing: 1px;
}

.index_news_left .big_en{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 2rem;
}
.index_news_r{
	width: 100%;
	display: flex;
}
.index_news_r .news_date{
	width: 20%;
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 2px;
}
.index_news_r .news_info{
	width: 80%;
}
.r_title_cn{
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}
.r_title_en{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
	margin-top: 1rem;
}
.r_title_details{
	
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	margin-top: 0.8rem;
    margin-bottom: 1.5rem;
}


.foot_contat{
	font-size: 30px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 2px;
}


.foot_input{
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
	BACKGROUND-COLOR: transparent;
	border-bottom: 1px #707070 solid;
	padding-left: 4.5rem;
	width: 100%;
	padding-bottom: 0.5rem;
}
.foot_input:hover{
    
	border-bottom: 1px #e84828 solid;
	
	.inp_des{
	 	color: #e84828;
	 }
	 
	 
}
 

.input_items{
	position: relative;
	margin-top: 1rem;
}
.input_items .inp_des{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 1px;
	position: absolute;
	
}

.f-but{
	border: 1px solid #e84828;
	BACKGROUND-COLOR: transparent;
	font-size: 14px;
	color: #e84828;
	padding:0.5rem 2rem;
 
	cursor:  pointer;
	margin-top: 1rem;
}

.f-but:hover{
	border: 1px solid #e84828;
	BACKGROUND-COLOR: transparent;
    
	color: #e84828;
 
}


.code_title_cn{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
}

.code_title_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
}

.conte-images{
	position: absolute;
	left: 0;
	top: 0;
}
.conte-text{
	padding-top: 1rem;
	padding-left: 3rem;
	opacity: 1;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 16px;
}
.conte-text .text{
	margin-top: 0.5rem;
	}

.items_r{
	width: 100%;
	display: flex;
}
.items_r .items_text{
	width: 20%;
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 2px;
}
.call_me img{
	margin-top: 0.5rem;
}
.bt-logo{
	width: 200px;
}
.zx{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Light;
	font-weight: 300;
	text-align: left;
	color: #e84828;
}
.zx-t{
	font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #e84828;
}


.copyright-text{
  position: absolute;
  left: 0;
  bottom: 0;
}
.copyright{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #8a8a8a;
}
.made_by{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	margin-top: 0.2rem;
}
.totop{
	position: absolute;
  right: 0rem;
  bottom: 0rem;
}
.totop a{
	background-color: #FFFFFF;
	padding: 0.2rem 1rem;
	font-size: 12px;
}



/**about**/

.huibai{
	background-color: #f5f5f5;
}
.baise{
	background-color: #ffffff;
}
.banner_title{
	
}
.banner_title_en{
 
	font-size: 50px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #ffffff;
}
.banner_title_cn{
 
	font-size: 28px;
	font-family: Segoe UI, Segoe UI-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
}
.banner_pd{
	padding-top: 11rem;
	padding-bottom: 2rem;
}
.banner_lab{
	position: absolute;
	right: 0;
	bottom: 0;
	bottom: -1.95rem;
}
.banner_lab ul{
	display: flex;
    flex-wrap: wrap;
}
.banner_lab ul li{
	margin-left: 0.5rem;
    list-style: none;
    background: #f2f2f2;
    text-align: center;
    width: 8rem;
    padding-top: 0.3rem;
}

.lab_title_cn{
	width: 100%;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Light;
	font-weight: 500;
	text-align: left;
	color: #8A8A8A;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
}
.lab_title_en{
	width: 100%;
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Light;
	font-weight: 300;
	text-align: left;
	color: #8A8A8A;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
}
.tab_a:hover .lab_title_cn{
	font-weight: 600;
	color: #000000;
}
.tab_a:hover .lab_title_en{
	color: #000000;
}


.hr1{
	width: 100%;
	height: 1px;
	background-color: #707070;
	position: absolute;
	margin-top: 2rem;
}
.hr5{
	width: 20%;
	height: 5px;
	background-color: #CBCBCB;
	margin-top: 2rem;
}
.text_14 p{
	
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
}
.about_big_title{
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 2px;
}
.about_sm_title{
	margin-top: 1rem;
	font-size: 20px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}

 
.about_ico_title{
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #000000;
	line-height: 24px;
	letter-spacing: 2px;
	bottom: -7px;
    position: relative;
}
.about_ico_title_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #000000;
	bottom: -10px;
    position: relative;
    
}
.border-bottom-1{
	width: 100%;
    border-bottom: 1px solid #707070;
    margin-bottom: 3rem;
    margin-top: 3rem;
}


.video-a-link {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 9;
  justify-content: center;
  opacity: 0.7;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-thumb{
	height: 250px;
	background-color: #000000;
}
.video-thumb:hover .video-a-link{
	 
    opacity: 1;
	 
}

.s-b-n-22,.s-b-n-mm{
	background-image: url(../../assets/images/A072.png) !important;
    left: 20px;
   right: auto;
}

.s-b-p-22,.s-b-p-mm{
	background-image: url(../../assets/images/A075.png) !important;
    right: 20px;
     left: auto;
}
.tab_swiper{
	padding: 0rem 4.5rem 2rem 4.5rem;
}
.user_name{
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}
.user_poisont{
	margin-left: 2rem;
	font-size: 14px;
}
.user_xueli{
	opacity: 1;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}
.service-bottom p{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
}


.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000000;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    border-radius: 5px;
    
    
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 60%;
    top:auto;
    height: 10px;
    bottom: 0;
    border-radius: 5px;
    left: 20%;
    margin: auto;
    
    z-index: 99999999;
}
.foot-logo{
	display: -webkit-inline-box;
	margin-top: 2rem;
}
.foot_text{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	
}
.wx_code_2{
	margin-left: 2rem;
}
.product_it-4 .gongsi_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
	margin-top: 0.5rem;
}
.foot_gongsi{
	display: -webkit-box;
	margin-left: 1rem;
	margin-top: 1.25rem;
}

.foot_text_12{
	display: -webkit-box;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #8a8a8a;
}
.foot_text_12_2{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
}
.foot_bottem{
	margin-top: 1rem;
	
	padding-top: 1rem;
	padding-bottom: 3rem;
	
}
.bd_top{
	border-top: 1px #8a8a8a solid;
	margin-bottom: 1rem;
}


/**
 * product
 * */
.mid_lab{
 text-align: center;
 border-bottom: 1px solid #585858;
}
.mid_lab ul{
 
}



.mid_lab ul .tab_p{
	width: 15%;
	margin-left: 1%;
	margin-top: 1rem;
}


.mid_lab ul li{
	 
    list-style: none;
    text-align: center;
    width: 100%;
    padding: 0.6rem;
    background: #FFFFFF;
    color: #444444;
}

.mid_lab ul li .lab_pt_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	color: #e84828;
	line-height: 24px;
}

.mid_lab ul li .lab_pt_cn{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 600;
	color: #444444;
}

 

.mid_lab ul .active{
	background: #e84828;
}

.mid_lab ul .active .lab_pt_cn{
	font-size: 16px;
	font-weight: 700;
}
 

.mid_lab ul .tab_p:hover li{
	background: #e84828;
 
 
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
    
}

.mid_lab ul .tab_p:hover .lab_pt_cn{
	font-size: 16px;
	font-weight: 700;
}
/**
 * Product
 */
.tm-product {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.tm-product-image {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  border-radius: 3px;
}

.tm-product-image img {
  display: block;
  width: 100%;
 
}

.tm-product-imagelink {
  display: block;
  width: 100%;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
}

.tm-product-imagelink::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.tm-product-actions {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  padding-left: 0;
  margin-bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  text-align: center;
}


.tm-product:hover .tm-product-imagelink::before {
  visibility: visible;
  opacity: 1;
}

.tm-product:hover .tm-product-actions {
  visibility: visible;
  opacity: 1;
}


.tm-product-title{
	font-size: 18px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 1px;
}


.tm-product-title-en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	letter-spacing: 1px;
}
.tm-product-title:hover{
	color: #e84828;

}
.tm-product-title-en:hover{
	color: #e84828;

}


.tm-product-more{
	font-size: 18px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 1px;
}
.tm-product-more:hover{
	color: #e84828;

}


.br-lind{
	width: 90%;
	margin: auto;
    text-align: center;
    border-bottom: 1px solid #707070;
}
.menu-item-has-children ul li{
	margin-left: 0px !important;
}

.menu-item-has-children .lab-ul{
	margin-left: 0px !important;
}


/**
 * 精品案例
 */


/**
 * 新闻
 */
.news_date{
	font-size:2rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 2px;
	margin-bottom: 1.5rem;
}
.news_title_cn_first{
	font-size: 1.375rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	line-height: 24px;
	letter-spacing: 1px;
}

.news_title_en{
	font-size: 0.875rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 1.5rem;
}
.news_des_cn{
	font-size: 0.875rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 1.25rem;
	letter-spacing: 1px;
	margin-bottom: 0.5rem;
}

.news_des_en{
	font-size: 0.875rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 1.25rem;
	letter-spacing: 1px;
	margin-bottom: 1.5rem;
}


.view_details{
	font-size: 1rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: right;
	color: #8A8A8A;
	line-height: 24px;
	letter-spacing: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.news_list_img{
	  width: 100%;
	  min-height: 20rem;
 
}
.news_list_img img{
	  width: 100%;
}


.news_list_text{
	  padding-left: 2.5rem;
}
.news_items{
	margin-top: 2rem;
}
.news_list{
	width: 100%;
	display: flex;
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 1rem;
}
.news_list .news_date{
	width: 20%;
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 2px;
}
.news_list .news_info{
	width: 80%;
}

 
.news_info_title_cn{
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: center;
	color: #e84828;
	line-height: 36px;
	letter-spacing: 2px;
	margin-top: 4rem;
}
.news_info_title_en{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: center;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
	margin-top: 1rem;
}

.news_time{

	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: center;
	color: #e84828;
	line-height: 24px;
	letter-spacing: 1px;
	margin-top: 2rem;

}
.news_content{
	width: 100%;
	border-bottom: 1px solid #bebebe;
	border-top: 1px solid #bebebe;
	padding-bottom: 2rem;
	padding-top:  2rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.news_th{
	width: 100%;
	text-align: center;
}
.content_html{
	width: 100%;
	margin-top: 1rem;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
 
}
 
.content_html p{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
 
}
.content_html p img{
	margin: auto;
 
}



.input_bt{
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
}
.input_bt a{
	width: 18%;
	padding: 0.5rem;
	background-color: #FFFFFF;
	color: #444444;
	border: 1px #bebebe solid;
	margin-left: 1rem;
	font-size: 14px;
}
.input_bt a:hover{
 
	padding: 0.5rem;
	background-color: #e84828;
	color: #FFFFFF;
	border: 1px #FFFFFF solid;
	 
 
}


/*产品详情*/
.product_content{
	width: 100%;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 2rem;
	margin-bottom: 1rem;
	background-color: white;
	padding-top: 2rem;
}

.product_title{
	font-size: 28px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: center;
	color: #000000;
	letter-spacing: 2px;

}

.product_title_en{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: center;
	color: #000000;
	letter-spacing: 1px;
	margin-bottom: 2rem;
}
.product_img{
	width: 100%;
	margin-top: 1rem;
	
}
.product_img img{
	width: 100%;
	
}
.product_des_cn{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
}

.product_des_en{
	margin-top: 1rem;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
}


.pr-zb-inc{
	width: 18%;
	font-size: 12px;
	line-height: 12px;
	position: relative;
	float: left;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
}
.pr-zb-inc div img{
	float: left;
}

.pr-zbz{
	position: absolute;
    left: 35px;
    top: -1px;

}
.zb_item{
overflow: auto;/*让主要内容区随内容自动撑开*/
overflow-y:hidden;/*把出现的滚动条隐藏，但是底下会被遮到一点，不完美*/
_height:1%;/*对IE的hack*/
margin-top: 2rem;
margin-bottom: 2rem;
}

.product_yd{
	margin-top: 1rem;
	
}
.product_yd p {
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 24px;
	letter-spacing: 1px;
}
.yuangli{
	margin-top: 2rem !important;
}
.yuangli_en{
	margin-top: 2rem !important;
	font-size: 12px !important;
}
.huise{
	background-color: #f5f5f5;
}
.yl_bt{
	background-color: #e84828;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: center;
	color: #000000;
	padding: 0.5rem 3rem;
	border-radius: 21px;
	margin-top: 2rem;
}
.left_dh_bg{
	background-color: #E5E5E5;
	height: 100%;
}
 
.send_msg{
	border: 1px #707070 solid;
	width: 100%;
	overflow:hidden;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #707070;
	letter-spacing: 1px;
	padding: 0.5rem;

}
.send_msg:hover{
    
	border: 1px #e84828 solid;
  
}
.contact_text p{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
	letter-spacing: 1px;
}
.contact_left{
	padding-right: 5rem;
}

.product_yaoqu{
	font-size: 20px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #000000;
	margin-top: 2em;
}

.product_yaoqu_en{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #444444;
	line-height: 18px
}
.jsgj{
	font-size: 22px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #000000;
}
.jsgj_en{
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #000000;
}

.gjzj_row{
	display: flex;width: 100%;
	margin-top: 2rem;
}
.left_case{
	width: 12%;
}
.jsgj_item{
	margin-left: 1rem;
	padding-left: 2rem;
	border-left: 1px #7D7D7D solid;
	
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #000000;
}


.product_it-5{
    margin-top: 2rem;
	font-size: 16px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: 700;
	text-align: left;
	color: #e84828;
	letter-spacing: 1px;
}
.product_it-5 span{
	font-size: 12px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #e84828;
	line-height: 24px;
}

.sy_item{
    margin-top: 1rem;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 400;
	text-align: left;
	color: #000000;
}


.zhenshu_show_itme:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}


.zhenshu_show_itme img{
	max-width: 220px !important;
	display: inline-block;
    vertical-align: middle;
}


/* footer section */
.site-footer {
	background: #e84828;
	color: #fff;
}
.site-footer .container {
	max-width: 1400px;
}
.footer-top {
	padding: 40px 0 20px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.footer-top-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
}
.footer-contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.footer-contact-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
}
.footer-social {
	display: flex;
	gap: 12px;
	margin: 20px 0px;
}
.social-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}
.social-icon svg {
	width: 20px;
	height: 20px;
}
.social-wechat {
	/* background: #4caf50;
	color: #fff; */
}
.social-weibo {
	/* background: #e6162d;
	color: #fff; */
}
.social-bell {
	/* background: rgba(255,255,255,0.2);
	color: #fff; */
}
.social-icon:hover {
	transform: scale(1.1);
}
.footer-nav {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}
.footer-nav-col h4 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #fff;
}
.footer-nav-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-nav-col ul li {
	margin-bottom: 10px;
}
.footer-nav-col ul li a {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease;
}
.footer-nav-col ul li a:hover {
	color: #fff;
}
.footer-middle {
	padding: 25px 0;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.footer-info p {
	font-size: 14px;
	color: rgba(255,255,255,0.8);
	margin-bottom: 8px;
}
.footer-qrcodes {
	display: flex;
	gap: 20px;
	margin-top: 15px;
}
.qr-code {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 4px;
	padding: 5px;
}
.footer-divider {
	width: 100%;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	 
	position: relative;
	z-index: 10;
	bottom: -30px;
}
.footer-bottom {
	padding: 20px 0;
}
.footer-bottom-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.footer-logo-copy {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.footer-logo-copy img {
	width: 300px;
}
.footer-logo {
	height: 40px;
	filter: brightness(0) invert(1);
}
.footer-copy  {
 
}

.footer-copy p {
	font-size: 12px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 4px;
	max-width: 628px;
}
.friend-links {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,0.1);
	padding: 8px 20px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.3s ease;
	user-select: none;
}
.friend-links:hover {
	background: rgba(255,255,255,0.2);
}
.friend-links-arrow {
	font-size: 10px;
	transition: transform 0.3s ease;
}
.friend-links.active .friend-links-arrow {
	transform: rotate(180deg);
}
.friend-links-dropdown {
	display: none;
	position: absolute;
	bottom: 100%;
	right: 0;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
	min-width: 125px;
	overflow: hidden;
	z-index: 100;
}
.friend-links-dropdown.show {
	display: block;
}
.friend-links-dropdown a {
	display: block;
	padding: 10px 16px;
	color: #333;
	text-decoration: none;
	font-size: 13px;
	transition: background 0.2s ease;
}
.friend-links-dropdown a:hover {
	background: #f5f5f5;
}
.footer-links {
	position: relative;
}

/* about page */
.about-page-title {
	font-size: 36px;
	font-weight: 300;
	color: #4d4d4d;
	margin-bottom: 50px;
	margin-top: 0px;
}
.about-text-wrap {
	position: relative;
}
.about-text {
	overflow: hidden;
	transition: max-height 0.4s ease;
}
.about-text.clamp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.about-text p {
	font-size: 14px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 0;
}
.about-toggle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 15px auto 0;
	cursor: pointer;
	color: #999;
	transition: transform 0.3s ease, color 0.3s ease;
}
.about-toggle:hover {
	color: #333;
}
.about-toggle.expanded {
	transform: rotate(180deg);
}
.about-full-image {
	width: 100%;
	margin-top: 40px;
}
.about-full-image img {
	width: 100%;
	display: block;
}
.about-story-row {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-bottom: 80px;
}
.about-story-row.about-story-reverse {
	flex-direction: row-reverse;
}
.about-story-text {
	flex: 1;
	min-width: 0;
}
.about-story-title {
	font-size: 24px;
	font-weight: 400;
	color: #e84828;
	margin-bottom: 25px;
}
.about-story-text p {
	font-size: 14px;
	line-height: 2;
	color: #666;
	margin-bottom: 15px;
}
.about-more-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 8px 24px;
	border: 1px solid #ddd;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	transition: all 0.3s ease;
}
.about-more-btn:hover {
	border-color: #e84828;
	color: #e84828;
}
.about-story-img {
	flex: 1;
	min-width: 0;
}
.about-story-img img {
	width: 100%;
	display: block;
}
.about-production-row {
	display: flex;
	gap: 50px;
	margin-bottom: 60px;
}
.about-production-img {
	flex: 1;
	min-width: 0;
}
.about-production-img img {
	width: 100%;
	display: block;
}
@media (max-width: 768px) {
	.about-story-row,
	.about-story-row.about-story-reverse {
		flex-direction: column;
		gap: 30px;
	}
	.about-production-row {
		flex-direction: column;
	}
	.about-cta-section {
		padding: 60px 20px;
	}
	.about-cta-title {
		font-size: 24px !important;
	}
	.about-cta-en {
		font-size: 18px !important;
	}
	.about-cta-en2 {
		font-size: 16px !important;
		letter-spacing: 8px;
	}
}

/* about CTA section */
.about-cta-section {
	margin: auto;
	position: relative;
	background: #1a1a1a;
	overflow: hidden;
	 
}
.about-cta-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	overflow: hidden;
}
.about-cta-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about-cta-content {
	position: relative;
	z-index: 2;
	margin-left: 60%;
	padding: 40px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 380px;
}
.about-cta-title {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
}
.dzys{
	font-weight: 500;
}
.about-cta-line {
	display: flex;
	gap: 0;
	margin-bottom: 10px;
	width: 370px;
	height: 6px;
}
.line-green {
	flex: 1;
	background: #009246;
}
.line-white {
	flex: 1;
	background: #fff;
}
.line-red {
	flex: 1;
	background: #ce2b37;
}
.about-cta-en {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 3px;
	margin-bottom:3px;
}
.about-cta-en2 {
	font-size: 18px;
	color: #fff;
	letter-spacing: 10px;
	margin-bottom: 60px;
}


.about-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #ffe8e4;
	color: #e84828;
	border-radius: 30px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.3s ease;
	width: fit-content;
}
.about-cta-btn:hover {
	background: #e84828;
	color: #fff;
}
.btn-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: #e84828;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	transition: all 0.3s ease;
}
.about-cta-btn:hover .btn-arrow {
	background: #fff;
	color: #e84828;
}

/* product grid */
.product-filter-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 30px;
}
.filter-tab {
	padding: 8px 28px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.filter-tab.active {
	border-radius: 20px;
	background: #ffe8e4;
	color: #e9573c;
}
.filter-tab:hover {
	border-radius: 20px;
	background: #ffe8e4;
	color: #e9573c;
}
.product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px;
	margin-bottom: 40px;
	margin-top: 60px;
}
.product-card {
	cursor: pointer;
	transition: transform 0.4s ease;
}
.product-card:hover {
	transform: translateY(-8px);
}
.product-card-img {
	overflow: hidden;
	border-radius: 0px;

	transition: box-shadow 0.4s ease;
	height: 521px;
}
.product-card:hover .product-card-img {
		 
	box-shadow: 0 8px 18px rgba(0,0,0,0.5);
}
.product-card-img img {
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	display: block;
	transition: transform 0.5s ease;
}
.product-card:hover .product-card-img img {
	transform: scale(1.05);
}
.product-card-title {
	text-align: center;
	font-size: 15px;
	color: #555;
	margin-top: 30px;
	transition: color 0.3s ease;
}
.product-card:hover .product-card-title {
	color: #e84828;
}
.product-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 40px;
	padding-bottom: 60px;
}
.page-arrow,
.page-num {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-decoration: none;
	font-size: 14px;
	color: #666;
	transition: all 0.3s ease;
}
.page-arrow {
	color: #999;
}
.page-arrow:hover {
	color: #e84828;
}
.page-num {
	color: #666;
}
.page-num.active {
	background: #e84828;
	color: #fff;
}
.page-num:hover {
	background: #e84828;
	color: #fff;
}
@media (max-width: 992px) {
	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.filter-tab {
		padding: 6px 18px;
		font-size: 13px;
	}
	.product-card-img{
		height: 380px;
	}
	
}
@media (max-width: 576px) {
	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		padding: 20px;
		margin-top: 30px;
	}
	.product-filter-tabs {
		gap: 20px;
		padding: 20px;
	}
	.filter-tab {
		padding: 6px 22px;
		font-size: 13px;
	}
	.product-card-img{
		height: 230px;
	}
	
}

/* product detail page */
.prod-detail-row {
	display: flex;
	gap: 60px;
	align-items: flex-start;
}
.prod-detail-img {
	flex: 0 0 45%;
	min-width: 0;
}
.prod-detail-img .swiper-container {
	width: 100%;
	overflow: hidden;
}
.prod-detail-img .swiper-slide img {
	width: 100%;
	display: block;
}
.prod-detail-img .swiper-button-next,
.prod-detail-img .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.8);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.prod-detail-img .swiper-button-next:after,
.prod-detail-img .swiper-button-prev:after {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.prod-detail-info {
	flex: 1;
	min-width: 0;
}
.prod-detail-title {
	font-size: 32px;
	font-weight: 600;
	color: #e9573c;
	margin-bottom: 30px;
}
.prod-section-title {
	font-size: 16px;
	font-weight: 500;
	color: #e9573c;
	margin-bottom: 20px;
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.prod-section-title:first-of-type {
	margin-top: 0;
}
.prod-specs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.spec-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.spec-label {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.spec-value {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
}
.prod-feature-text {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	margin-top: 15px;
}
.prod-detail-btns {
	display: flex;
	gap: 16px;
	margin: 40px 0;
}
.prod-btn {
	padding: 10px 28px;
	border-radius: 24px;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
}
.prod-btn-primary {
	background: #ffe8e4;
	color: #e9573c;
}
.prod-btn-primary:hover {
	background: #e9573c;
	color: #fff;
}
.prod-btn-outline {
	background: transparent;
	color: #666;
	border: 1px solid #ddd;
}
.prod-btn-outline:hover {
	border-color: #e9573c;
	color: #e9573c;
}

/* 推荐产品 */
.prod-recommend-title {
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	color: #333;
	margin-bottom: 40px;
}
.prod-recommend-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	padding-bottom: 60px;
}

@media (max-width: 992px) {
	.prod-detail-row {
		flex-direction: column;
		gap: 30px;
	}
	.prod-detail-img {
		flex: none;
		width: 100%;
	}
	.prod-specs-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.prod-recommend-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}
@media (max-width: 576px) {
	.prod-detail-title {
		font-size: 24px;
	}
	.prod-specs-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.prod-recommend-grid {
		grid-template-columns: 1fr;
	}
	.prod-recommend-title {
		font-size: 22px;
	}
}

/* case swiper */
.case-swiper-outer {
	max-width: 1920px;
	margin: 80px auto;
	overflow: hidden;
 
}
.case-swiper-wrap {
	position: relative;
}
.case-swiper-wrap .swiper-container {
	overflow: visible;
}
.case-swiper-wrap .swiper-slide {
	overflow: hidden;
	border-radius: 8px;
	transition: all 0.5s ease;
	opacity: 0.3;
	width: 1400px;
	max-width: 100%;
}
.case-swiper-wrap .swiper-slide-active {
	opacity: 1;
}
.case-slide-img {
	overflow: hidden;
	border-radius: 8px;
}
.case-slide-img img {
	width: 100%;
	display: block;
	transition: transform 0.5s ease;
}


.caseSwiper .swiper-wrapper .swiper-slide {
	background: transparent;
}




.case-btn-prev,
.case-btn-next {
	 width: 49px;
	 height: 49px;
	 background-size: 49px 49px;
	top: 55%;
	transform: translateY(-50%);
	z-index: 10;
}
.case-btn-prev {
	background-image:url("../images/comm/pre11.png") !important;
	left: 15%;
	 
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.case-btn-next {
	right: 15%;
	background-image:url("../images/comm/next11.png") !important; 
}

 
 
 .case-btn-prev:hover{
 	 background-image:url("../images/comm/pre22.png")!important; 
 }
 .case-btn-next:hover{
 	 background-image:url("../images/comm/next22.png") !important; 
 }
 
 
@media (max-width: 768px) {
	.case-swiper-outer {
		overflow: visible;
	}
	.case-swiper-wrap .swiper-container {
		overflow: visible;
	}
	.case-swiper-wrap .swiper-wrapper {
		display: flex;
		flex-direction: column;
		transform: none !important;
	}
	.case-swiper-wrap .swiper-slide {
		width: 100% !important;
		opacity: 1 !important;
		margin-bottom: 20px;
		transform: none !important;
	}
	.case-swiper-wrap .swiper-slide-duplicate {
		display: none !important;
	}
	.case-btn-prev,
	.case-btn-next {
		display: none;
	}
	.case-slide-img{
		margin: 0 20px;
	}
	.case-swiper-outer{
		margin: 20px 0;
	}
}
@media (max-width: 1400px) {
	.case-swiper-wrap .swiper-slide {
		width: 60vw;
	}
	.case-btn-next{
		right: 24%;
	}
	.case-btn-prev {
		left:24%;
	}
}
@media (max-width: 992px) {
	.case-swiper-wrap .swiper-slide {
		width: 65vw;
	}
}

/* video grid */
.video-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding-bottom: 60px;
}
.video-card {
	cursor: pointer;
}
.video-thumb {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}
.video-thumb img {
	width: 100%;
	display: block;
	transition: transform 0.5s ease;
}
.video-card:hover .video-thumb img {
	transform: scale(1.05);
}
.video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-play-btn svg {
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));
	transition: transform 0.3s ease;
}
.video-card:hover .video-play-btn svg {
	transform: scale(1.1);
}
@media (max-width: 768px) {
	.video-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 0 20px 40px;
	}
}

/* guarantee section */
.guarantee-section {
	padding: 80px 0;
	background: #f8f8f8;
}
.guarantee-header {
	text-align: center;
	margin-bottom: 60px;
}
.guarantee-title {
	font-size: 36px;
	font-weight: 500;
	color: #333;
	margin-bottom: 16px;
}
.guarantee-subtitle {
	font-size: 16px;
	color: #666;
}
.guarantee-row {
	display: flex;
	gap: 40px;
	align-items: flex-start;
	margin-bottom: 40px;
}
.guarantee-row-reverse {
	flex-direction: row-reverse;
}
.guarantee-img {
	flex: 0 0 48%;
	border-radius: 12px;
	overflow: hidden;
}
.guarantee-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.guarantee-cards {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.guarantee-card {
	background: #fff;
	border-radius: 12px;
	padding: 28px 32px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.guarantee-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.guarantee-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}
.guarantee-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	height: 55px;
}
@media (max-width: 992px) {
	.guarantee-row,
	.guarantee-row-reverse {
		flex-direction: column;
		gap: 24px;
	}
	.guarantee-img {
		flex: none;
		width: 100%;
	}
	.guarantee-img img {
		height: 300px;
	}
}
@media (max-width: 768px) {
	.guarantee-section {
		padding: 40px 0;
	}
	.guarantee-title {
		font-size: 26px;
	}
	.guarantee-header {
		margin-bottom: 36px;
	}
	.guarantee-card {
		padding: 20px;
	}
	.guarantee-card h3 {
		font-size: 16px;
	}
	.guarantee-card p {
		font-size: 13px;
	}
	.guarantee-row{
		margin: 20px;
	}
}

/* terminal section */
.terminal-section {
	padding: 80px 0;
	background: #f5f0ee;
}
.terminal-title {
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	color: #e84828;
	margin-bottom: 60px;
}
.terminal-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.terminal-item {
	text-align: center;
	padding: 40px 20px;
 
	transition: all 0.3s ease;
}
.terminal-item:hover {
	background: linear-gradient(180deg, rgba(232,72,40,0.06) 0%, rgba(232,72,40,0.12) 100%);
}
.terminal-icon {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 1.5px dashed #e84828;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
	transition: all 0.3s ease;
	overflow: hidden;
}
.terminal-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.terminal-item:hover .terminal-icon {
	//background: rgba(232,72,40,0.08);
	transform: scale(1.05);
}
.terminal-item h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
	margin-bottom: 16px;
}
.terminal-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}
@media (max-width: 992px) {
	.terminal-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}
@media (max-width: 768px) {
	.terminal-section {
		padding: 40px 0;
	}
	.terminal-title {
		font-size: 26px;
		margin-bottom: 36px;
	}
	.terminal-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.terminal-item {
		padding: 24px 12px;
	}
	.terminal-icon {
		width: 80px;
		height: 80px;
	}
	.terminal-icon svg {
		width: 28px;
		height: 28px;
	}
	.terminal-item h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.terminal-item p {
		font-size: 12px;
		line-height: 1.6;
	}
}

/* join form section */
.join-form-section {
	padding: 80px 0;
}
.join-hotline {
	text-align: center;
	margin-bottom: 60px;
}
.hotline-label {
	font-size: 16px;
	color: #999;
	margin-bottom: 16px;
}
.hotline-number {
	font-size: 42px;
	font-weight: 600;
	color: #e84828;
	margin-bottom: 20px;
}
.hotline-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #e84828;
	color: #fff;
	padding: 10px 50px;
	border-radius: 0px;
	font-size: 16px;
	text-decoration: none;
	transition: background 0.3s ease;
}
.hotline-btn:hover {
	background: #d03a1e;
}
.join-form-wrap {
	max-width: 1400px;
	margin: 0 auto;
}
.form-title {
	font-size: 28px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.form-title-line {
	width: 40px;
	height: 3px;
	background: #e84828;
	margin-bottom: 40px;
}
.form-section-label {
	font-size: 15px;
	color: #333;
	font-weight: 500;
	margin-bottom: 16px;
	display: block;
}
.form-row {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}
.form-row-3 {
	flex-wrap: wrap;
}
.form-row-3 .form-input {
	flex: 1;
	min-width: 200px;
}
.form-row-4 {
	flex-wrap: wrap;
}
.form-row-4 .form-input {
	flex: 1;
	min-width: 150px;
}
.form-input {
	height: 48px;
	padding: 0 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	outline: none;
	transition: border-color 0.3s ease;
	background: #fff;
}
.form-input:focus {
	border-color: #e84828;
}
.form-input::placeholder {
	color: #aaa;
}
.form-select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	cursor: pointer;
}
.form-textarea {
	height: auto;
	padding: 16px;
	resize: vertical;
	min-height: 140px;
	width: 100%;
}
.form-radio-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
}
.form-radio {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.form-radio input[type="radio"] {
	accent-color: #e84828;
	width: 16px;
	height: 16px;
}
.form-radio-other {
	display: flex;
	align-items: center;
	gap: 6px;
}
.form-input-other {
	height: 36px;
	width: 140px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	outline: none;
}
.form-input-other:focus {
	border-color: #e84828;
}
.form-submit-row {
	margin-top: 10px;
}
.form-submit-btn {
	display: inline-block;
	background: #e84828;
	color: #fff;
	border: none;
	padding: 14px 60px;
	font-size: 16px;
	border-radius: 0px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.form-submit-btn:hover {
	background: #d03a1e;
}
@media (max-width: 992px) {
	.form-row-4 .form-input {
		flex: 1 1 45%;
	}
}
@media (max-width: 768px) {
	.join-form-section {
		padding: 40px 20px;
	}
	.hotline-number {
		font-size: 32px;
	}
	.join-hotline {
		margin-bottom: 40px;
	}
	.form-title {
		font-size: 22px;
	}
	.form-title-line {
		margin-bottom: 30px;
	}
	.form-row {
		flex-direction: column;
		gap: 14px;
	}
	.form-row-3 .form-input,
	.form-row-4 .form-input {
		flex: none;
		width: 100%;
		min-width: auto;
	}
	.form-radio-row {
		gap: 14px;
	}
	.form-submit-btn {
		width: 100%;
		padding: 14px 0;
	}
}

/* news list section */
.news-list-section {
	padding: 60px 0 80px;
}
/* 头条新闻 */
.news-featured {
	display: flex;
	gap: 80px;
	align-items: center;
	margin-bottom: 0px;
	padding-bottom: 50px;
	/* border-bottom: 1px solid #eee; */
}
.news-featured-img {
	flex: 0 0 45%;
	border-radius: 12px;
	overflow: hidden;
}
.news-featured-img img {
	width: 769px;
	/*min-height: 487px;*/
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}
.news-featured:hover .news-featured-img img {
	transform: scale(1.03);
}
.news-featured-content {
	flex: 1;
}
.news-date {
	font-size: 14px;
	color: #999;
	display: block;
	/*margin-bottom: 58px;*/
}
.news-featured-title {
	font-size: 28px;
	font-weight: 600;
	color: #e84828;
	line-height: 1.5;
	margin-bottom: 56px;
	transition: color 0.3s ease;
}
.news-featured:hover .news-featured-title {
	color: #d03a1e;
}
.news-featured-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	margin-bottom: 68px;
}
.news-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ffe8e4;
	color: #e84828;
	padding: 10px 24px;
	border-radius: 20px;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.news-more-btn:hover {
	background: #e84828;
	color: #fff;
}
.news-more-btn span {
	transition: transform 0.3s ease;
}
.news-more-btn:hover span {
	transform: translateX(4px);
}

.contet_title{
	margin-bottom: 30px;
}

/* 新闻列表 */
.news-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.news-item {
	display: flex;
	gap: 30px;
	align-items: flex-start;
	padding: 24px;
	border-radius: 12px;
	transition: all 0.3s ease;
}
.news-item:hover {
	background: #fafafa;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.news-item-date {
	flex: 0 0 60px;
	text-align: center;
	padding-top: 10px;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.date-day {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	line-height: 1;
}
.date-month {
	font-size: 14px;
	color: #999;
}
.news-item-img {
	flex: 0 0 380px;
	border-radius: 8px;
	overflow: hidden;
}
.news-item-img img {
	width: 100%;
	height: 250px;
	/*object-fit: cover;*/
	display: block;
	transition: transform 0.5s ease;
}
.news-item:hover .news-item-img img {
	transform: scale(1.05);
}
.news-item-content {
	flex: 1;
	min-width: 0;
	margin-left: 60px;
}
.news-item-title {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin-bottom: 30px;
	margin-top: 30px;
	line-height: 1.5;
	transition: color 0.3s ease;
}
.news-item:hover .news-item-title {
	color: #e84828;
}
.news-item-desc {
	font-size: 14px;
	color: #888;
	line-height: 1.7;
	margin-bottom: 40px;
}
.news-item-more {
	font-size: 13px;
	color: #999;
	text-decoration: none;
	transition: color 0.3s ease;
}
.news-item-more:hover {
	color: #e84828;
}

/* 分页 */
.pagination {

	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 50px;
}
.pagination li a {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
}
.pagination li a:hover,
.pagination .active a {
	background: #e84828;
	color: #fff;
}
.page-arrow {
	font-size: 18px;
	color: #999;
	text-decoration: none;
	padding: 0 8px;
	transition: color 0.3s ease;
}
.page-arrow:hover {
	color: #e84828;
}

/* 响应式 */
@media (max-width: 992px) {
	.news-featured {
		flex-direction: column;
		gap: 24px;
	}
	.news-featured-img {
		flex: none;
		width: 100%;
	}
	.news-featured-img img {
		width: 100% !important;
		height: 320px !important;
	}
	.news-item {
		gap: 20px;
	}
	.news-item-img {
		flex: 0 0 260px;
	}
	.news-item-img img {
		height: 180px;
	}
	.news-item-content {
		margin-left: 0;
	}
	.news-item-title {
		margin-top: 0;
	}
}
@media (max-width: 768px) {
	.news-list-section {
		padding: 0px 20px 50px;
		overflow: hidden;
	}
	.news-featured {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.news-featured-img img {
		width: 100% !important;
		height: 200px !important;
	}
	.news-featured-title {
		font-size: 18px;
	}
	.news-item {
		flex-direction: column;
		gap: 12px;
		padding: 16px;
	}
	.news-item-date {
		flex: none;
		text-align: left;
		padding-top: 0;
		display: flex;
		align-items: baseline;
		gap: 4px;
	}
	.date-day {
		font-size: 22px;
	}
	.news-item-img {
		display: none;
	}
	.news-item-content {
		margin-left: 0;
		min-width: 0;
		overflow: hidden;
	}
	.news-item-title {
		font-size: 15px;
		margin-top: 0;
	}
	.news-item-desc {
		font-size: 13px;
		-webkit-line-clamp: 3;
	}
}

/* ========== 联系我们页面 ========== */
.contact-map-section iframe,
.contact-map-section #mapContainer {
	display: block;
	width: 100%;
	height: 450px;
	border: none;
}
.contact-info-section {
	padding: 60px 0;
}
.contact-info-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
}
.contact-info-left {
	flex: 1;
}
.contact-company-name {
	font-size: 28px;
	font-weight: 400;
	color: #333;
	margin-bottom: 30px;
}
.contact-detail {
	font-size: 15px;
	color: #666;
	line-height: 2.2;
}
.contact-label {
	color: #999;
	display: inline-block;
	min-width: 90px;
}
.contact-info-right {
	display: flex;
	gap: 40px;
	align-items: center;
}
.contact-qr {
	width: 140px;
	height: 140px;
}
.contact-qr img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.contact-form-section {
	padding: 0 0 80px;
}
.contact-form-section .container {
	max-width: 1400px;
}
.contact-form-title {
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	color: #333;
	margin-bottom: 80px;
}
.contact-form .form-row {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}
.contact-form .form-group {
	flex: 1;
}
.contact-form .form-group input,
.contact-form .form-group-full textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	outline: none;
	transition: border-color 0.3s;
	box-sizing: border-box;
}
.contact-form .form-group input:focus,
.contact-form .form-group-full textarea:focus {
	border-color: #e84828;
}
.contact-form .form-group input::placeholder,
.contact-form .form-group-full textarea::placeholder {
	color: #999;
}
.contact-form .form-group-full {
	margin-bottom: 30px;
}
.contact-form .form-group-full textarea {
	resize: vertical;
	min-height: 140px;
}
.form-msg {
	text-align: center;
	margin-top: 15px;
	font-size: 14px;
	padding: 10px;
	border-radius: 4px;
}
.form-captcha-row {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
	position: relative;
}
/* 验证码弹窗向上弹出 & 缩小 */
#xr_slider .xr-slider-pop {
	top: auto !important;
	bottom: calc(100% + 8px) !important;
	width: 300px !important;
	left: 0 !important;
	right: auto !important;
}
#xr_slider .xr-slider-pop:after {
	top: auto !important;
	bottom: -6px !important;
	transform: rotate(225deg) !important;
}
.form-group-captcha {
	flex: 0 0 200px;
}
.form-group-captcha input {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	outline: none;
	box-sizing: border-box;
}
.form-group-captcha input:focus {
	border-color: #e84828;
}
.captcha-img img {
	height: 48px;
	cursor: pointer;
}
.form-submit-btn {
	width: 100%;
	padding: 16px;
	background: #e84828;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
	transition: background 0.3s;
}
.form-submit-btn:hover {
	background: #d03a1e;
}
.form-submit-btn:disabled {
	background: #ccc;
	cursor: not-allowed;
}
@media (max-width: 992px) {
	.contact-info-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}
	.contact-info-right {
		gap: 20px;
	}
	.contact-qr {
		width: 120px;
		height: 120px;
	}
}
@media (max-width: 768px) {
	.contact-map-section iframe,
.contact-map-section #mapContainer {
		height: 250px;
	}
	.contact-info-section {
		padding: 30px 20px;
	}
	.contact-company-name {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.contact-detail {
		font-size: 14px;
		line-height: 2;
	}
	.contact-label {
		min-width: 75px;
		font-size: 13px;
	}
	.contact-qr {
		width: 100px;
		height: 100px;
	}
	.contact-form-section {
		padding: 0 20px 50px;
	}
	.contact-form-title {
		font-size: 18px;
		margin-bottom: 24px;
	}
	.contact-form .form-row {
		flex-direction: column;
		gap: 16px;
	}
	.contact-form .form-group input,
	.contact-form .form-group-full textarea {
		padding: 12px;
		font-size: 13px;
	}
	.form-captcha-row {
		flex-wrap: wrap;
	}
	.form-group-captcha {
		flex: 1;
		min-width: 150px;
	}
}