@font-face { font-family: 'Montserrat'; src: url("font/Montserrat-Regular_4.woff") format("woff"); font-weight: normal; font-style: normal; }
body{
	color: #000000; font-size: 13px; 
	 font-family: 'Montserrat', Arial;
	 letter-spacing: -1px;
	     word-spacing: 3px;
}
html{
	text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; 
}
a{
	color: #000000;
}
a:hover{
	text-decoration: none; color: #e35d10;
}

.none{
	display: none;
}
.wrapper{
	width: 1440px; margin: 0 auto;
}
/* index */
.headerbox{
	height:110px;
}
.header{
	height: 110px;  z-index: 999;
	position: fixed; left: 0; right: 0; top: 0; background: #fff;
}
.header .wrapper{
	display: flex; display: -webkit-flex; height: 110px; align-items: center;-webkit-align-items: center;
}
.header .logo img{
	height: 41px;
}
.headerr{
	margin-left: auto;display: flex; display: -webkit-flex;
}
.header .nav{
	display: flex; display: -webkit-flex;
}
.header .nav>li{
	
}
.header .nav>li>a{
	display: block; line-height: 110px; position: relative; font-size: 20px; padding: 0 6px; margin: 0 20px;
}
.header .nav>li>a::after{
	position: absolute; left: 0; right: 0; bottom: 0; background-color: #e35f13; content: ""; height: 4px;display: none;
}
.header .nav>li.active>a{
	color: #e35d10; 
}
.header .nav>li.active>a::after{
	display: block;
}
.lag{
	position: relative; margin-top: 42px; margin-left: 40px;
}
.lag-on{
	font-size: 18px; text-transform: uppercase; color: #a5a5a5; cursor: pointer;
}
.lag-on .arrow{
	width: 12px; height: 7px; background:url(../images/lag-arrow.png) no-repeat center; display: inline-block;
}
.lag-list{
	position: absolute; left: 0;width: 80px; text-align: center; top: 0; background-color: #fff;  margin-top: 35px;  font-size: 16px; color: #000; padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.3); display: none;
}
.lag-list::before{
	content: ""; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #a5a5a5; position: absolute; left: 25px;top: -16px; 
}
.lag-list li{
	padding: 5px; border-bottom: 1px rgba(0, 0, 0, 0.3) dashed;
}
.lag-list li:last-child{
	border-bottom: none;
}
.lag-list li.active a{
	color: #e35d10;
}
.lag:hover .lag-list{
	display: block;
}
.header .search{
	position: relative; margin-top: 42px; margin-left: 15px;
}
.header .search-img{
	cursor: pointer; width: 26px;
}
.search-form{
	position: absolute;right: -20px;top: 0; margin-top: 35px; width: 255px;  display: none;
}
.header .search:hover .search-form{
	display: block;
}
.search-form:before{
	content: ""; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #a5a5a5; position: absolute; right: 30px;top: -15px; 
}
.search-form .text{
	width: 100%; height: 45px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 45px; padding: 0 65px 0 15px; background: #fff;font-size: 16px;
}
.search-form button{
	position: absolute; right: 10px; top: 0;
	width: 45px; height: 45px; background: url(../images/search.png) no-repeat center; border: 0; cursor: pointer;
}
.banner{
	position: relative;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 35px;
}
.swiper-pagination-bullet{
	background: #fff;  opacity: 0.5;
}
.swiper-pagination-bullet-active{
	opacity: 1;
}
.banner-img{
	height: 720px; background-size: cover; background-position: center; background-repeat: no-repeat;
}
.product{
	padding-bottom: 90px;
}
.producthd{
	text-align: center; padding-top: 70px; padding-bottom: 70px; font-size: 30px; 
}
.productbd{
	position: relative;
}
.productbd::after{
	position: absolute; left: 0; right: 0;top: 140px; content: ""; height: 1px; background: #dadada;
}
.product-nav{
	display: flex;display: -webkit-flex; position: relative; z-index: 1; padding: 0 6%;
}

.product-nav li{
	flex: 1;-webkit-flex: 1; text-align: center;  position: relative;
}
.product-nav .img{
	height: 140px; line-height: 140px; font-size: 0; position: relative;  
}
.product-nav .img img{
	height: 114px;vertical-align: middle;
}
.product-nav .img2{
	display: none;
}
.product-nav li:hover .img1,
.product-nav li.active .img1{
	display: none;
}
.product-nav li:hover .img2,
.product-nav li.active .img2{
	display: inline-block;
}
.product-nav .title{
	font-size: 19px;  padding-top: 15px; padding-bottom: 15px;
}
.product-nav .img::after {
	position: absolute; left: 50%; bottom: -2px; content: ""; height: 3px; width: 180px; display: block; background: #e35d10; margin-left: -90px; display: none;
}
.product-nav li.active .img::after{
	display: block;
}
.productft{
	padding-top: 75px;
}
.productbox{
	padding-top: 65px;
}
.productft-list{
	overflow: hidden; padding: 0 65px; position: relative;
	
}

.swiper-button-prev,
.swiper-button-next{
	background-size: 38px 60px; width: 40px; height: 60px;  margin-top: -70px;
}
.swiper-button-prev{
	left: 0px;background-image: url(../images/btnleft.png);
}
.swiper-button-next{
	right: 0;background-image: url(../images/btnright.png);
}
.product-list{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; padding: 0 2%; margin-bottom: -25px;

}
.product-list li{
	width: 33.33%; padding: 0 3%; margin-bottom: 25px;
}
.product-list .img img,
.productft-list .img img{
	width: 100%; border: 1px solid #d4d1d1;
	transition: all 0.3s;
}
.product-list li:hover .img img,
.productft-list li:hover .img img{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.product-list .title,
.productft-list .title{
	text-align: center; line-height: 60px; font-size: 19px;  margin-top: 9px;
}
.product-list li:hover .title,
.productft-list li:hover .title{
	background: #e35f13; color: #fff;
}
.footer{
	background: #000000; color: #fff; 
}
.footer a{
	color: #fff;
}
.footerbd{
	padding: 90px 0;display: flex; display: -webkit-flex;
}
.footerft{
	padding: 30px 0 50px 0; display: flex; display: -webkit-flex; font-size: 16px; color: rgba(255, 255, 255, 0.5);
}
.footer-contact{
	margin-left: auto;
}
.footer-nav{
	display: flex; display: -webkit-flex;  margin-top: 70px;
}
.footer-nav li{
	min-width: 155px; margin-right: 20px;
}
.footer-nav h3{
	font-size: 22px; margin-bottom: 20px;
}
.footer-nav  p{
	color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 1.9; 
}
.footer-nav  p a,
.footerft a{
	color: rgba(255, 255, 255, 0.5);
}
.footer-nav  p a:hover,
.footer-nav h3 a:hover,
.footerft a{
	color: #e35d10;
}
.formbox{
	margin-left: auto;
}
.formbox .weixin{
	text-align: right; margin-bottom: 17px;
}
.formbox .weixin img{
	width: 53px;
}
.form>li{
	display: flex; display: -webkit-flex; margin-bottom: 12px;
}
.form>li:last-child{
	margin-bottom: 0;
}
.forml{
	font-size: 16px; text-align: right; padding-right: 20px; width: 200px; 
	display: flex; display: -webkit-flex;  align-items: center; justify-content: end; line-height: 1.8;
}
.formr{
	width: 268px;display: flex; display: -webkit-flex;
}
.inputtext{
	width: 100%; height: 30px; background: rgba(255, 255, 255, 0.5); padding: 0 15px; font-size: 16px; color: #fff; border: 0;
}
.inputcodetext{
	width: 140px;
}
textarea{
	width: 100%; height: 60px; padding: 5px 10px; line-height: 1.6; font-size: 16px; background: rgba(255, 255, 255, 0.5); border: 0; color: #fff;
}
.form .code{
	height: 30px; width: 113px; margin-left: auto;
}
.form button{
	width: 100%; height: 30px; border: 0; font-size: 16px; text-transform: uppercase; text-align: center;background: rgba(255, 255, 255, 0.5); border: 0; color: #fff; cursor: pointer;
}
/* about us */
.mbanner{
	height: 400px; background-position:bottom center; background-size: cover; background-repeat: no-repeat;
}
.pagenav{
	background: #f1f1f1; height: 90px; display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;  align-items: center;-webkit-align-items: center;
}
.pagenav>.wrapper{
	height: 90px; display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;
}
.pagenav .current{
	font-size: 22px; color: #555555;  background: url(../images/home.png) no-repeat left center; padding-left: 36px;
}
.pagenav .current a{
	background: url(../images/arrow.png) no-repeat left center; padding-left: 15px; margin-right: 15px; color: #555;
}
.pagenav .current a:hover{
	color: #e35d10;
}
.pagenav .subnav{
	 display: flex; display: -webkit-flex;color: #555; font-size: 17px; 
}
.pagenav .subnav li{
	padding: 0 15px 0 20px; 
}
.pagenav .subnav li.active a{
	color: #e35d10;
}
.main{
	margin-bottom: 150px;
}
.about{
	padding-top: 20px;
}
.about-info{
	 display: flex; display: -webkit-flex;margin-bottom: 90px;
}
.about-info .txt{
	font-size: 17px; color: #555; line-height: 1.5; width: 58.5%;
}
.about-info  .img{
	width:41.7%;flex-shrink: 0; margin-left: 30px;
}
.about-info  .img img{
	width: 100%;
}
.about-honorshd{
	text-align: center; background: #e35f13; color: #fff; height: 65px; line-height: 65px; font-size: 28px; margin-bottom: 20px;
}
.honors-list{
	 display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin: -10px;
}
.honors-list li{
	width: 345px; margin: 10px; background: #f2f2f2;
	transition: all 0.3s;
}
.honors-list li:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.honors-list .img{
	margin: 28px 28px 0 28px;overflow: hidden;font-size: 0;
}
.honors-list .img img{
	width: 100%;transition: all 0.5s;
}
.honors-list li:hover .img img{
	transform: scale(1.05);
}
.honors-list .title{
	text-align: center; line-height: 60px; font-size: 19px;  margin-top: 10px;
}
/* news */
.news{
	padding-top: 75px;
}
.news-info{
	display: flex;display: -webkit-flex;  justify-content: space-between;-webkit-justify-content: space-between; margin-bottom: 45px;
}
.news-info .img{
	width: 581px; 
}
.news-info .txt{
	width: 810px; padding-top: 10px;
}
.news-info .txt h2{
	font-size: 28px;  color: #e35f13; margin-bottom: 40px;
}
.news-info .txt h2 a{
	color: #e35f13;
}
.news-info .txt .desc{
	font-size: 17px; color: #555555;  line-height: 1.6; margin-bottom: 35px;
}
.news-info .btn{
	line-height: 40px; display: inline-block; padding: 0 15px; color: #e35f13; border: 2px solid #e35f13; font-size: 17px;  border-radius: 6px;
}
.news-info .btn:hover{
	background-color: #e35f13; color: #fff;
}
.news-list{
	display: flex;display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: -8px;
}
.news-list li{
	width: 348px; margin: 8px; background: #f2f2f2; padding: 30px;
	transition: all 0.3s;
}
.news-list li:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.news-list  .img{
	overflow: hidden;font-size: 0;
}
.news-list  .img img{
	width: 100%;
	transition: all 0.5s;
}
.news-list li:hover .img img{
	transform: scale(1.05);
}
.news-list h3{
	margin-top: 25px; color: #000; font-size: 22px; text-align: center; 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.news-list p{
	margin-top: 15px; font-size: 17px; color: #555555;  line-height: 1.5;
}
.news-list li:hover h3{
	color: #e35f13;
}
/* contact */
.contact{
	padding-top: 40px;
}
.contact table{
	width: 815px; border-collapse: collapse;
}
.contact table thead td{
	border-bottom: 3px solid #e7ecf4; font-size: 28px;  color: #000; border-right: 3px solid #e7ecf4; padding: 10px;
}
.contact table tbody td,
.contact table tbody th{
	border-bottom: 3px solid #e7ecf4; border-right: 3px solid #e7ecf4; 
}
.contact table tbody th{
	padding: 10px 25px; width: 130px; height: 120px;
}
.contact table tbody th img{
	width: 95px;
}
.contact table tbody td{
	padding:5px 10px;font-size: 17px; line-height: 1.2; 
}
.contact table h3{
	 margin-bottom: 2px; font-size: 18px;  
}
.contact table .qr{
	margin-left: 22px; width: 90px; height: 91px;
}
.contact table tbody tr:last-child td,
.contact table tbody tr:last-child th{
	border-bottom: 0;
}
/* productp */
.productp .wrapper{
	display: flex; display: -webkit-flex; 
}
.productp-info{
	width: 1010px;
}
.productp-title{
	line-height: 105px; font-size: 28px; text-align: center;
}

.productp-imgs{
	background: #f6f6f6; height: 615px; position: relative; overflow: hidden;
}
.productp-imgs .swiper-pagination-bullet{
	background: #8f8d8c; width: 16px; height: 16px; opacity: 1;
}
.productp-imgs.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 2px;
}
.productp-imgs .swiper-pagination-bullet-active{
	background: #e35f13;
}
.productp-imgs li{
	height: 615px; display: flex; display: -webkit-flex; justify-content: center;-webkit-justify-content: center;  align-items: center;-webkit-align-items: center;
}
.productp-imgs img{
	max-width: 80%; max-height: 70%;
}
.productp-spechd{
	height: 65px; line-height: 65px; text-align: center; background: #e35f13; color: #fff; font-size: 28px;
}
.productp-table{
	width: 100%; border-collapse: collapse;
}
.productp-table td,
.productp-table th{
	border: 3px solid #a8a8a8; padding-top: 10px; padding-bottom: 10px;
}
.productp-table th{
	padding-left: 10px; padding-right: 10px; font-size: 18px;  width: 41%;
}
.productp-table td{
	padding-left: 80px; padding-right: 80px; font-size: 15px;
}
.productp-table tr:first-child td,
.productp-table tr:first-child th{
	border-top: 0; 
}
.productp-list{
	margin-left: auto; width: 380px; margin-top: 105px;
}

.productp-list .img img{
	width: 100%; border: 1px solid #d4d1d1;
}
.productp-list li{
	margin-bottom: 25px;
}
.productp-list .tit{
	text-align: center; line-height: 60px; font-size: 19px;   margin-top: 9px;
}
.productp-list li:hover .tit{
	background: #e35f13; color: #fff;
}
.productp-list .btnbox{
	text-align: center; padding-top: 30px;
}
.productp-list .btn{
	line-height: 40px; display: inline-block; padding: 0 15px; color: #e35f13; border: 2px solid #e35f13; font-size: 17px;  border-radius: 6px;
}
.productp-list .btn:hover{
	background-color: #e35f13; color: #fff;
}