/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;}  



.small-img{
	display: flex;
	align-items:center;
	justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
	width: 500px;
	position: relative;

}
.magnifier-container{
	width: 500px;
	height: 500px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd; padding:80px;
}
.proshow-head .image .images-cover img{    width: 100% !important;    height: 100% !important; margin:0 !important; left:0 !important}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
}
.magnifier-assembly{
	height: 92px;
	overflow: hidden;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
}
.magnifier-btn{
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
}
.magnifier-btn span{
	line-height: 80px;
	height: 80px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 92px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 100px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 78px;
	padding: 1px;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.animation03{
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}


 
.section-menu{padding:40px 0;} 
.section-menu .menubox{}
.section-menu .menubox ul {display: flex; height: 100%;align-items: center;justify-content: center;flex-wrap: wrap;}
.section-menu .menubox li{margin:0 10px;margin-bottom: 10px;}
.section-menu .menubox li a{padding:0 15px;display: block; height: 100%;line-height: 50px;background-color:#e4e4e4;width: 150px;text-align: center;} 
.section-menu .menubox a:hover{color:#fff;background-color: #c00000;}
.section-menu .menubox li.active a{ color:#fff; background-color: #c00000;}  

.section-box{padding:60px 0; }
/*.section-head{}
.section-head h2{font-size: 36px;font-family: "SourceHanSans-Medium"; line-height: 40px;} 
.section-body {}*/
 

.box .scale1{height:200px; text-align:center}
.pro-tuijian .box .scale1{height:auto}
/*company*/
.section-box .about-head{text-align: center;}
.section-box .about-head h2{display: inline-block;font-size: 36px;font-family: 'SourceHanSans-Medium';position: relative;padding-bottom: 10px;}
.section-box .about-head h2:after{content: '';display: block;width: 44px;height: 3px;background-color: #c00000; transform: skew(-45deg);
	position:absolute;bottom: 0;left: 50%;margin-left: -22px;}
.section-company .company-body img{max-width: 100%;}
.section-company .cont{color: #666666;line-height: 2em;padding: 40px 0;}
 
.product-menu .img{    position: relative;}
.kuang{border:solid 1px #fff; position: absolute; left:20px; top:20px; right:20px; bottom:20px; text-align:center; padding-top:15px;}
.kuang h3{font-size:50px; font-weight:bold; font-family: 'SourceHanSans-Medium'; color:#fff}
.kuang h3 span{font-size:40px; display:block;font-family: 'SourceHanSans-Medium'; color:#fff}
.kuang .tel{font-size:16px; font-weight:bold; color:#fff; line-height:32px; width:138px; margin:10px auto}
.kuang .tel span{width:32px; height:32px; background:url(../images/tel212.png) no-repeat; float:left; display:inline-block;}
.tel2{font-size:28px; color:#fff;font-family: 'SourceHanSans-Medium';}
.detail_txt p,.cont-content p{text-indent: 2em;}
.section-culture{background-color: #f8f8f8;} 
.section-culture .about-head{margin-bottom: 40px;}
.section-culture .culture-body{padding:20px 0; }
.culture-body ul{ }
.culture-body ul li{}
.culture-body ul li .box{ background-color: #ffffff;padding:40px 30px;position: relative;}
.culture-body ul li .box:after{content: '';display: block;width: 40px;height: 160px;background-color: #cc3333;clip-path: polygon(100% 0,100% 100%,0 100%);
	position: absolute;right: 0;bottom: 0;}
.culture-body li .item-head{padding-bottom: 30px; border-bottom: 1px solid #efefef;display: flex;align-items: center;}
.culture-body li .item-head i{font-size: 60px;margin-right: 15px; line-height: 60px;}
.culture-body li .item-head h4{font-size:20px;font-family: 'SourceHanSans-Bold';line-height: 30px;}
.culture-body li .item-head p{color: #999;}
.culture-body li .item-cont{padding-top: 30px;color: #888;line-height: 30px;}
.culture-body li .item-cont p{height: 90px;}
.culture-body ul li .box:hover{background-color:#cc3333;}
.culture-body ul li .box:hover:after{background-color: #bf2828;}
.culture-body ul li .box:hover .item-head i,.culture-body ul li .box:hover .item-head h4{color: #fff;}
.culture-body ul li .box:hover .item-head p{color: #ccc;}
.culture-body ul li .box:hover .item-cont{color: #e5e5e5;}
.solution-show .text h4{line-height:1.5em}
.detail_txt{line-height:2em}
.section-honors{}
.section-honors .honors-body{padding-top: 60px;} 
.honorSwiper {overflow: hidden;padding-bottom: 60px;position: relative; }
.honorSwiper .li-item{border: 1px solid #ccc;text-align: center;padding:30px 15px;}
.honorSwiper .li-item p{margin-top: 20px;}
.honorSwiper .li-item img{max-width: 100%;}
/*.honorSwiper .swiper-pagination-bullet{ transition: width 0.3s;}
.honorSwiper .swiper-pagination-bullet-active{width: 20px;border-radius: 4px;transition: width 0.3s;}*/
.honorSwiper .swiper-button{width: 32px;position: absolute;bottom: 0;}
.honorSwiper .swiper-button i{font-size: 32px;color: #eb433c;line-height: 32px;}
.honorSwiper .swiper-button-prev1{left: 50%;margin-left: -50px;}
.honorSwiper .swiper-button-next1{right: 50%; margin-right: -50px;}

.section-history{background-color: #f2f2f2;}
.section-history .about-head{margin-bottom: 30px;}
.section-history .history-body{position: relative;padding: 50px 40px 0;}
.historySwiper{overflow: hidden;position: relative; }
.historySwiper .li-item{background: url(../images/history-item-bg.png) left 110px / 100% auto no-repeat; padding-left: 4%;padding-right:15px;}
.historySwiper .li-item .year{font-size: 30px;font-family:'SourceHanSans-Medium';line-height: 40px;margin-bottom: 10px;}
.historySwiper .li-item .txt{line-height: 22px;height: 44px;overflow: hidden;margin-bottom:50px;}
.historySwiper .li-item .img{padding: 10px 0;}
.historySwiper .li-item .img img{max-width: 100%;}
.history-body .swiper-button{width: 32px;position: absolute;top: 50%;margin-top: -16px;}
.history-body .swiper-button i{font-size: 32px;color: #eb433c;line-height: 32px;}
.history-body .swiper-button-prev1{left:0; }
.history-body .swiper-button-next1{right:0;  }

/*contact*/ 
.section-contact{padding: 60px 0;}
.contact-flex{display: flex;}
.contact-flex .textbox{flex-basis: 550px; margin-right: 40px;background-color: #f0f4f8;padding: 30px 20px;position: relative;}
.contact-flex .textbox h2{margin-bottom: 30px;font-family: 'SourceHanSans-Bold';font-size: 24px; border-bottom: 2px solid #e6e6e6;padding-bottom: 15px;} 
.contact-flex .textbox .text{ }
.contact-flex .textbox .text h3{font-size:30px;font-family: 'SourceHanSans-Bold';color: #c00000;margin-bottom: 20px;}
.contact-flex .textbox .text p{line-height: 40px;color: #666666;display: flex;}
.contact-flex .textbox .text p i{margin-right: 10px;}
.contact-flex .textbox:after{content: '';display: block;position: absolute;width: 2px;height: 80%;background-color: #c00000;right: 0px;top: 10%;}
.contact-flex .mapbox{flex: 1;}
.contact-flex .mapbox .map{ height: 100%;font-size: 14px;}
 
.section-message{background: url(../images/message-bg.jpg) center center / cover;position: relative;}
.section-message:before{content: '';display: block;position: absolute;width: 50%;height: 100%;left: 0;top:0;z-index: 1;background-color: rgba(0, 0, 0, 0.2);}
.section-message h3{font-size: 22px;font-family: 'HarmonyOS_Sans_SC_Bold';color:#fff;margin-bottom: 30px;}
.formbox{width: 50%;padding-right: 20px;position: relative; z-index: 11;}
.formbox .form-group{display: flex; margin-bottom:15px;border:1px solid #ccc;padding:0 0 0 15px;background-color: #fff; max-width: 560px;}
.formbox .form-group label{ margin:0;line-height: 50px;font-family: 'HarmonyOS_Sans_SC_Light';font-weight:normal;}
.formbox .form-group label span{font-weight: normal;color: #bc1b18;margin-left: 3px;}
.formbox .form-group .form-control{border:none; height: 50px; flex:1; }
.formbox .form-group .form-control:focus{ box-shadow:none; } 
.formbox .form-group.textarea-group{ flex-direction: column;}
.formbox .form-group textarea{ height: 120px; border:none;}
.formbox button{height: 50px;width: 170px;background-color: #bc1b18;border-radius: 0; border:none;color:#fff; font-size: 18px;}

/*news*/
.news-list{}
.news-list ul{}
.news-list li{margin-bottom: 30px;padding-bottom: 30px; border-bottom:1px solid #ccc;display: flex;}
.news-list li .img{max-width: 500px;}
.news-list li .img span{position: absolute; width: 100%; height: 100%; transform: translate(-50% , -50%); left: 50%; top: 50%;}
.news-list li .img img{ max-width:100%;} 
.news-list li .cont{padding: 0 40px;flex: 1; display: flex;flex-direction: column;justify-content: center;}
.news-list li .cont .tit{font-size: 20px; line-height: 30px; color: #424242;}
.news-list li .cont .txt{margin-top: 30px; font-size: 14px;line-height: 25px; height: 75px;overflow: hidden;  }
.news-list li .more{margin-top: 30px;font-size: 14px;}
.news-list li .more i{font-size: 14px;margin-left:10px;}
.news-list li .date{flex-basis: 80px;height: 80px; background-color: #e4e4e4;color: #666;padding: 10px;}
.news-list li .date .dd{font-size: 24px;font-weight: bold;line-height: 36px;}
.news-list li .date .ym{font-size: 16px;line-height: 20px;}
.news-list li:hover a{color: #c00000;}
.news-list li:hover .date{background-color: #c00000;color: #fff;}
 
.details-box{padding: 40px 0 0 0;}
.details-box .section-body{display: flex;align-items: flex-start;}
.details-box .morenews{flex-basis: 340px;margin-left: 60px;padding: 20px;border-bottom: 1px solid #ccc;}
.details-box .morenews h3{font-size: 20px;font-family: "SourceHanSans-Bold";margin-bottom: 15px;}
.details-box .morenews ul{}
.details-box .morenews ul li{margin-bottom:20px;} 
.details-box .morenews ul li .tit{margin: 10px 0;line-height:22px;}
.details-box .morenews ul li .date{color: #666;font-size: 14px;}
.details-box .morenews ul li:hover .tit{color: #c00000;}
.details-box .morenews img{max-width: 100%;  } 
.details-box .content{flex: 1;}
.details-box .content .cont-title{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.details-box .content .cont-title h3{font-size: 26px;line-height: 30px;color: #333333;font-family: "SourceHanSans-Bold";}
.details-box .content .cont-title p{ font-size: 14px;color: #999;margin-top: 20px;}
.details-box .content .cont-title p span{margin-right: 30px;}
.details-box .content .cont-title p span i{margin-right: 5px;}
.details-box .content .cont-content{color: #666666;line-height: 30px;padding: 30px 0; margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.details-box .content .cont-bot{ display: flex;justify-content: space-between;}
.details-box .content .cont-bot .link {color: #666;}
.details-box .content .cont-bot .link a:hover{color: #c00000;}
.details-box .content .cont-bot .fanhui{width: 150px;height: 55px;line-height: 55px;background-color: #c00000;color: #fff;text-align: center;}
.details-box .content .cont-bot .fanhui i{margin-right: 10px;font-size: 20px;}
 
.other-news{margin-bottom: 30px;}
.other-news .newshead{border-bottom: 2px solid #e5e5e5;}
.other-news .newshead h2{font-size: 28px;color: #c00000; font-family: "SourceHanSans-Medium";padding-bottom: 15px;display: inline-block;border-bottom: 2px solid #c00000;
	margin-bottom: -2px;}
.other-news .newslist li{}
.other-news .newslist li .box{border-bottom:1px solid #ccc;display: flex;padding: 30px 0;}
.other-news .newslist li .cont{ flex: 1;padding-left: 20px;}
.other-news .newslist li .cont .tit{font-size: 18px; line-height: 30px;height: 30px;overflow: hidden; color: #424242;}
.other-news .newslist li .cont .txt{margin-top:10px; font-size: 14px;line-height: 20px; height: 40px;overflow: hidden;  } 
.other-news .newslist li .date{flex-basis: 80px;height: 80px; background-color: #e4e4e4;color: #666;padding:10px;}
.other-news .newslist li .date .dd{font-size: 24px;font-weight: bold;line-height: 36px;}
.other-news .newslist li .date .ym{font-size: 16px;line-height: 20px;}
.other-news .newslist li:hover .tit{color: #c00000;}
.other-news .newslist li:hover .date{background-color: #c00000;color: #fff;}

/*solution*/
.solution-box{ }
.solution-list{}
.solution-list ul{}
.solution-list ul li{margin-bottom: 40px;}
.solution-list ul li img{max-width: 100%;}
.solution-list ul li .text{padding: 25px 0;border-bottom: 1px solid #ccc;position: relative;}
.solution-list ul li .text:after{content: "";display: block;width: 100px;height: 2px;background-color: #c00000;position: absolute;bottom: -1px;left: 0;transition:width 0.3s;}
.solution-list ul li .text h4{font-size: 20px;font-family: "SourceHanSans-Bold";}
.solution-list ul li a:hover h4{color: #c00000;}
.solution-list ul li a:hover .text:after{width: 160px;transition:width 0.3s;}

.solution-show{}
.solution-show .img{float: left;width: 50%; margin: 0 60px 30px 0;}
.solution-show img{max-width: 100%; width:100%}
.solution-show .text{}
.solution-show .text h3{display: flex;margin-bottom: 30px; padding: 25px 0;line-height: 30px;color: #c00000;font-size: 30px;font-family: "SourceHanSans-Bold";
	border-bottom: 2px solid #e5e5e5;}
.solution-show .text h4{font-size: 20px; line-height:36px; color:#333}

.solution-pro h2{text-align: center;font-family: "SourceHanSans-Bold";margin-bottom: 30px;}
.solution-pro ul{}
.solution-pro ul li{}
.solution-pro ul li a{border: 1px solid #ccc;display: block;}
.solution-pro ul li img{max-width: 100%;}
.solution-pro ul li .txt{background-color: #eee;padding: 10px 30px;text-align: center; white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分隐藏 */
  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */}
 
/*products*/
.section-zixun{ padding: 30px 0;}
.section-zixun .zixun-body{display: flex;align-items: center;justify-content: space-between;background: url(../images/zixunbg.png) center center / cover;padding: 40px 100px;}
.section-zixun .txtbox{flex: 1;} 
.section-zixun .txtbox p{font-size: 24px; color: #666666; } 
.section-zixun .link{width: 190px;height: 50px; font-size: 24px;line-height: 50px;background-color: #c00000;text-align: center;color: #fff;}


.section-product{padding: 30px 0;}
.product-box{display: flex;}
.product-menu{flex-basis: 300px;margin-right: 50px;}
.product-menu ul{}
.product-menu ul li{margin-bottom: 3px;}
.product-menu ul li a{background-color: #ececeb;height: 60px;line-height: 60px;display: flex;justify-content: space-between}
.product-menu ul li>a{font-size:20px;font-family: 'SourceHanSans-Medium';padding-left: 40px;padding-right: 30px; }
.product-menu ul li>a:hover{background-color: #c00000;
    color: #fff;}
.product-menu ul li .submenu{display: none;}
.product-menu ul li .submenu a{margin-top: 2px;padding-left: 60px;padding-right: 30px;}
.product-menu ul li .submenu a:hover{ background:#021a76; color:#fff}
.product-menu ul li.active>a{background-color: #c00000;color: #fff;} 
.product-menu .img{margin-top: 10px;}
.product-menu .img img{width: 100%;} 
.product-box .product-list{flex: 1;}
.product-list .pro_tit{font-size: 24px;border-bottom: 1px solid #ccc;padding-bottom: 15px;position: relative;margin-bottom: 40px;}
.product-list .pro_tit:after{content: "";display: block;height: 2px;width: 100px;background-color: #c00000;position: absolute; left: 0;bottom: -1px;}
.pro_list{ }
.pro_list ul li{margin-bottom: 30px;}
.pro_list ul li .box{border: 2px solid #ccc;position: relative;}
.pro_list ul li img{width: 80%;}
.pro_list ul li .txt{padding: 15px;height: 52px;} 
.pro_list ul li .txt .hov{}
.pro_list ul li .txt h4{text-align: center;font-size: 20px;font-family: "SourceHanSans-Bold";}
.pro_list ul li .txt p{display:none;text-align: center;}
.pro_list ul li .txt a{display: none;text-align: center;} 
.pro_list ul li .txt h4 a{display: block; }

.section-menu .menubox li.none{display: none}
.section-menu .menubox ul{display: none}
.section-menu .menubox ul.active4{display: flex;}
.product-filter-box{flex-wrap: wrap;margin-bottom: 50px; display: none}
.product-filter-box.active{display: flex;}
.product-filter-box{margin:0 -40px;}
.product-filter-box > div{ padding:0 40px; width: 50%; float:left}
.product-filter-box dl{width: 100%;line-height: 30px;padding: 20px 0; border-bottom:solid 1px #eee; overflow:hidden}
.product-filter-box dl dt{display: inline-block;border-right:solid 1px #ddd; width: 125px; margin-right:40px;font-size:18px;font-family: 'SourceHanSans-Medium'; float:left;}
.product-list-box{margin-top:60px}
.product-filter-box dl dd{width:calc(100% - 170px); float:left; display: inline-block;}
.product-filter-box dl dd a{display: inline-block;padding: 0 20px;}
.product-filter-box dl.active dt{color: #c00000;}
.product-filter-box dl dd.active{color: #c00000;}
.product-list-box{ }
.product-list-box ul{margin-bottom: 30px;}
.product-list-box ul li{margin-bottom: 30px;}
.product-list-box ul li .box{border: 2px solid #ccc;padding: 10px 30px;}
.product-list-box ul li .img img{max-width: 100%; width:100%}
.product-list-box ul li .txt{background: url(../images/product-list-line.jpg) top center / 100% auto no-repeat;text-align: center;padding: 20px 0 10px;}
.product-list-box ul li .txt h4{font-size: 18px;line-height: 30px;color: #666; white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分隐藏 */
  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */}
.product-list-box ul li .txt a{display: inline-block;width: 120px;height: 32px;line-height: 32px;font-size: 14px; background-color: #d2d2d2;border-radius: 16px;
	margin-top: 10px;}
.product-list-box ul li .box:hover .txt a{background-color: #cd000c;color: #fff;}

.product-show{ }
.proshow-head{display: flex;margin-bottom: 60px;}
.proshow-head .image{flex-basis: 500px; }
.proshow-head .image img{}
.proshow-head .cont{flex: 1;padding: 20px 0 20px 60px; display: flex; flex-direction: column;justify-content: space-between;}
.proshow-head .title{border-bottom: 1px solid #ccc;font-family: "SourceHanSans-Bold";padding-bottom: 20px;}
.proshow-head .title h2{color: #c00000;font-size: 36px;line-height: 50px;}
.proshow-head .title h4{font-size: 22px;line-height: 30px;}
.proshow-head .intro{padding: 20px 0;}
.proshow-head .intro ul{ }
.proshow-head .intro li{position: relative;padding-left: 20px;font-size: 20px;line-height: 40px;color: #666666}
.proshow-head .intro li:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #c00000;position: absolute; left: 0;top: 50%;
	margin-top: -4px;}
.proshow-head .btnbox {display: flex;margin-top: 40px;} 
.proshow-head .btnbox a{width: 200px;height: 60px;margin-right: 20px; text-align: center; color: #666;font-size: 20px;font-family: "SourceHanSans-Medium";
	border: 1px solid #ccc;background-color: #f4f4f4;display: flex;justify-content: center;align-items: center;}
.proshow-head .btnbox a i{font-size: 26px;margin-right: 5px;}
.proshow-head .btnbox a:hover{background-color: #c00000;color: #fff;}
.proshow-body{display: flex;}
.proshow-body .proshow-details{flex: 1;}
.proshow-body .proshow-details .title{border-bottom: 1px solid #ccc;display: flex;margin-bottom: 40px;}
.proshow-body .proshow-details .title h2{padding: 15px 0;margin-right: 30px;font-size: 24px; font-family: "SourceHanSans-Medium";cursor: pointer;border-bottom:1px solid transparent;margin-bottom: -1px;}
.proshow-body .proshow-details .title h2.active{cursor: default;color: #c00000;border-color:#c00000;}
.proshow-body .proshow-details .u-content{}
.proshow-body .proshow-details .u-content img{max-width: 100%;}
.proshow-body .pro-tuijian{flex-basis: 340px;margin-left: 100px;}
.proshow-body .pro-tuijian .title{border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.proshow-body .pro-tuijian .title h2{padding: 15px 0;font-size: 24px; font-family: "SourceHanSans-Medium";border-bottom:1px solid #c00000;margin-bottom: -1px;}
.proshow-body .pro-tuijian ul{}
.proshow-body .pro-tuijian ul li{margin-bottom: 30px;}
.proshow-body .pro-tuijian ul li img{max-width: 100%;}
.proshow-body .pro-tuijian ul li .box{border: 1px solid #ccc;padding: 10px 30px;} 
.proshow-body .pro-tuijian ul li .txt{background: url(../images/product-list-line.jpg) top center / 100% auto no-repeat;text-align: center;padding: 20px 15px 10px;}
.proshow-body .pro-tuijian ul li .txt h4{font-size: 18px;line-height: 30px;color: #666;}
.proshow-body .pro-tuijian .zixun{ }
.proshow-body .pro-tuijian .zixun img{max-width: 100%;}
.proshow-body .pro-tuijian .zixun .cont{background-color: #c00000;color: #fff;padding: 20px 30px;}
.proshow-body .pro-tuijian .zixun .cont .txt{display: flex;align-items: center;}
.proshow-body .pro-tuijian .zixun .cont .txt i{font-size: 24px;margin-right: 10px;}
.proshow-body .pro-tuijian .zixun .cont .tel{font-size: 24px;font-family: 'Arial'; font-weight: bold;}

.product-sampling{padding-bottom: 0;}
.sampling-head{border-bottom: 2px solid #e5e5e5;margin-bottom: 35px;}
.sampling-head h2{font-size: 28px;color: #c00000; font-family: "SourceHanSans-Medium";padding-bottom: 15px;display: inline-block;border-bottom: 2px solid #c00000;
	margin-bottom: -2px;} 
.sampling-form .form-group{position: relative;}
.sampling-form .form-group label{position: absolute;line-height: 50px;margin:0;left: 25px;font-size: 14px; font-weight: normal;}
.sampling-form .form-group .form-control{border-radius: 2px;height: 50px;padding: 0 10px 0 50px;}
.btn-sampling{background-color: #c00000;width: 270px;height: 50px;border-radius: 2px;font-size: 18px;color: #fff;}

@media(min-width:768px){
	.pro_list ul li .box:hover .hov{width: 100%;height: 100%;padding: 40px; position: absolute;background-color: rgba(192, 0, 0, 0.75);top: 0;left: 0;color: #fff;
	display: flex;flex-direction: column;align-items: center; justify-content: space-evenly;}
	.pro_list ul li .box:hover .txt h4{text-align: center;font-size: 30px; }
	.pro_list ul li .box:hover .txt p{display: block;font-size: 18px;line-height: 30px;}
	.pro_list ul li .box:hover .txt .hov>a{display: block;width: 160px;height: 40px;border: 1px solid #fff;line-height: 36px;} 
} 

@media (min-width:992px) and (max-width: 1199px) {  
	.product-menu{flex-basis: 270px;margin-right: 30px;}
	.pro_list ul{margin: 0 -10px;}
	.pro_list ul li{padding: 0 10px;margin-bottom: 20px;}
	.pro_list ul li .txt h4{font-size: 18px;}
	.pro_list ul li .box:hover .hov{padding: 20px;}
	.pro_list ul li .box:hover .txt h4{font-size: 20px;}
	.pro_list ul li .box:hover .txt p{font-size: 14px;line-height: 22px;}
	.pro_list ul li .box:hover .txt .hov>a{line-height: 26px;height: 30px;font-size: 14px;width: 140px;}

	.product-filter-box dl dt{width: 120px;}
	.product-filter-box dl dd{padding: 0 10px;}
	.product-list-box ul{margin: 0 -10px;}
	.product-list-box ul li{padding: 0 10px;margin-bottom: 20px;}
	.product-list-box ul li .box{padding: 10px;}
	.product-list-box ul li .txt h4{font-size: 16px;} 

	.proshow-head .image{flex-basis: 45%;}
	.proshow-head .cont{padding:0 0 0 30px;}
	.proshow-head .title{padding-bottom: 10px;}
	.proshow-head .title h2{font-size: 26px;line-height: 40px;}
	.proshow-head .title h4{font-size: 20px;}
	.proshow-head .intro li{font-size: 16px;line-height:30px;}
	.proshow-head .btnbox{margin-top: 20px;}
	.proshow-head .btnbox a{width: 140px;}

	.proshow-body{flex-direction: column;}
	.proshow-body .pro-tuijian{margin-left: 0;margin-top: 30px;}
	.proshow-body .pro-tuijian ul{display: flex;margin: 0 -15px;}
	.proshow-body .pro-tuijian ul li{margin: 0;padding:0 15px;}

	.proshow-body .pro-tuijian .zixun{display: none;}

	.solution-show .img{ margin: 0 40px 20px 0;}

	.news-list li .img{width: 40%;}
	.news-list li .cont .txt{margin-top: 15px;}
	.news-list li .more{margin-top: 15px;}
	.details-box .morenews{margin-left: 30px;flex-basis: 300px;}

	.culture-body ul{margin: 0 -10px;}
	.culture-body ul li{padding: 0 10px;}
	.culture-body ul li .box{padding: 40px 20px;}
	.culture-body li .item-cont p{height: 90px;}

	.contact-flex{display: block;}
	.contact-flex .textbox{margin-right:0;}
	.contact-flex .mapbox{margin-top: 40px;}
	.contact-flex .mapbox .map{height: 400px;}

}

@media (min-width:1200px) and (max-width: 1439px) { 
	.product-filter-box dl dt{width: 120px;}
	.product-filter-box dl dd{padding: 0 15px;}
	.proshow-body .pro-tuijian{margin-left: 60px;flex-basis: 300px;}

	.solution-show .img{ margin: 0 40px 20px 0;}
	.news-list li .img{width: 40%;}
	.culture-body ul li .box{padding: 40px 20px;}
	.culture-body li .item-head p{font-size: 14px;}
	
} 
   
@media (min-width:1440px) and (max-width: 1599px) { 
	.news-list li .img{width: 40%;}
	
	 
}
 

@media(max-width:991px){   
	.product-menu{flex-basis: 220px;margin-right: 30px;}
	.product-menu ul li>a{padding-left: 20px;padding-right: 15px;}
	.product-menu ul li .submenu a{padding-left: 35px;padding-right: 15px;}
	.pro_list ul{margin: 0 -5px;}
	.pro_list ul li{padding: 0 5px;}
	.pro_list ul li .box:hover .txt h4{font-size: 20px;}
	.pro_list ul li .box:hover .txt p{font-size: 16px;line-height: 24px;}
	.pro_list ul li .box:hover .txt .hov>a{line-height: 26px;height: 30px;font-size: 14px;width: 140px;}
	.product-filter-box dl{width: 100%;}
	.product-list-box ul{margin: 0 -5px;}
	.product-list-box ul li{padding: 0 5px;}
	.product-list-box ul li .box{padding: 10px 15px;}
	.product-list-box ul li .txt h4{font-size: 16px;}

	.proshow-head{display: block;}
	.proshow-head .image{max-width: 400px;margin-bottom: 20px;}
	.proshow-head .cont{padding: 0;}
	.proshow-head .title h2{font-size: 30px;}

	.proshow-body{display: block;}
	.proshow-body .pro-tuijian{margin-left: 0;margin-top: 30px;}
	.proshow-body .pro-tuijian ul{display: flex;margin: 0 -15px;}
	.proshow-body .pro-tuijian ul li{margin: 0;padding:0 15px;}
	.proshow-body .pro-tuijian .zixun{display: none;}

	.news-list li .img{width: 36%;}
	.news-list li .cont{padding: 0 20px;}
	.news-list li .cont .tit{font-size: 16px;line-height: 24px;}
	.news-list li .cont .txt{line-height: 20px;height: 60px; margin-top: 10px;}
	.news-list li .more{margin-top: 10px;}

	.details-box .section-body{display: block;}
	.details-box .morenews{margin-left: 0;margin-top: 50px;padding: 0;}
	.details-box .morenews ul{display: flex;flex-wrap: wrap;margin: 0 -5px;}
	.details-box .morenews ul li{width: 50%;padding: 0 5px;}

	.culture-body ul li{margin-bottom: 30px;}

	.contact-flex{display: block;}
	.contact-flex .textbox{margin-right: 0;margin-bottom: 30px;}
	.contact-flex .mapbox .map{height: 400px;}
}

@media(max-width:768px){ 
	.section-box{padding: 30px 0;}
	.proshow-head .title{padding-bottom: 5px;} 
	.proshow-head .title h2{font-size: 24px;line-height: 36px;}
	.proshow-head .title h4{font-size: 18px;}
	.proshow-head .intro li{font-size: 16px;line-height: 26px;margin-bottom: 10px;}
	.proshow-head .btnbox{justify-content: space-between;margin-top: 0px;}
	.proshow-head .btnbox a{width: 30%;margin: 0;font-size: 16px;height: 40px;}
	.proshow-head .btnbox a i{font-size: 22px;}

	.section-zixun .zixun-body{padding: 20px;display: block;text-align: center;}
	.section-zixun .txtbox p{font-size: 18px;}
	.section-zixun .link{width: 160px;margin: auto; font-size: 20px;margin-top: 15px;}

	.product-box{display: block;}
	.product-menu{width: 100%;margin: 0;}

	.pro_list ul li{float: left;width: 50%;margin-bottom: 10px;}
	.product-menu{position: fixed;width: 100%;height: 100%;overflow-y: auto;left: 0;top: 0;background: #fff;z-index: 66;display: none;}
	.product-menu .img{display: none;}
	.product-menu-button{width: 40px;height: 40px;border-radius: 50%;text-align: center;position: fixed;z-index: 99; right: 5px;bottom: 10%;background-color: #e6e6e6;border: 1px solid #999;}
	.product-menu-button i{font-size: 30px;line-height: 38px; }
 	.pro_list ul li .txt h4{font-size: 16px;}
 	.product-filter-box{margin-bottom: 20px;}
 	.product-filter-box dl dt{width: 100%;}
 	.product-filter-box dl dd{padding: 0 10px;}

	.proshow-body .proshow-details .title h2{font-size: 20px;}
	.proshow-body .pro-tuijian .title h2{font-size: 20px;}
	.sampling-head h2{font-size: 20px;}
	.other-news .newshead h2{font-size: 20px;}

	.proshow-body .pro-tuijian ul{flex-wrap: wrap;margin: 0 -5px;}
	.proshow-body .pro-tuijian ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
	.proshow-body .pro-tuijian ul li .box{padding: 10px;}

	.solution-list ul{margin: 0 -5px;}
	.solution-list ul li{float: left;padding: 0 5px;margin-bottom: 20px;width: 50%;}
	.solution-list ul li .text{padding: 15px 0;}
	.solution-list ul li .text h4{font-size: 16px;}

	.solution-show .img{float: none;width: 100%;margin: 0;}
	.solution-pro ul{margin: 0 -5px;}
	.solution-pro ul li{padding: 0 5px;margin-bottom: 10px;}

	.news-list li{flex-wrap: wrap;}
	.news-list li .img{width: 100%;}
	.news-list li .cont{padding:0;margin-top: 10px;}
	.news-list li .cont .tit{font-size: 16px;line-height: 24px;}
	.news-list li .cont .txt{line-height: 20px;height: 60px; margin-top: 10px;}
	.news-list li .more{margin-top: 10px;}
	.news-list li .date{margin-top: 10px;}

	.details-box .content .cont-title h3{font-size: 20px;}
	.contact-flex .textbox{ margin-bottom: 20px;}
	.contact-flex .mapbox .map{height: 320px;}
  .box .scale1{max-height:155px;}

}