@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, 
textarea,select  { margin:0; padding:0; }
*html{/*background-image:url(about:blank);background-attachment:fixed;*/}
/*html{font-size: 62.5%;}*/
body{ font-size:12px;   line-height:20px; color:#666;font-family: "FZLTHJW--GB1-0", "microsoft yahei", arial, sans-serif;  }
h1, h2, h3, h4, h5, h6{ font-size:12px;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
i{ display:inline-block;}
a { text-decoration:none; color:#666; cursor:pointer;}
a:hover { cursor:pointer; text-decoration:none;color:#222;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }
.clearAll{ clear:both;zoom:1;}
a img { border:none; }
li.clear { float:none; width:auto; height:auto; padding:0; margin:0; }
input{ border:0 none; padding:0px; margin:0px;}
table { border-collapse: collapse; border-spacing: 0;}

/**{ transition: ease .2s;}*/

.top a.link-data{display:none}





/*noscript*/
.noscriptTips{ width:400px; height:150px;padding:50px 50px; margin:-200px -250px; left:50%; position:fixed; _position:absolute; 
top:50%; background:#fff; z-index:99; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px #ccc;}
.noscriptTips p{ padding-left:80px; font-size:14px;line-height:24px; width:320px;}
.noscriptTips em{ font-size:54px; display:inline-block;border:2px solid #ddd; border-radius:64px; width:64px; height:64px;
	text-align:center; line-height:64px; color:#E1B8B8; left:0; top:0; position:absolute;}


/*页面样式*/
body{ background:#fff;}
.center{ width:1400px; margin:0 auto;}
.tophead{height: 85px;position: relative;}
.logo{float: left;margin: 0;}
.logo img{width: 80px;}

.hotTel{float: right; width: 160px;text-align: right;margin-top: 16px;}
.hotTel h6{font-size: 16px; color: #333;}
.hotTel h3{font-size: 24px; color: #01c602; margin-top: 10px;}
.nav{float: left;  margin: 20px 0px 0 500px;}
.nav li{ width: 120px;float: left;font-size: 16px;position: relative; margin-right: 16px; text-align: center;}
.nav li .icon-nav{display:inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #333;vertical-align: middle; margin-left: 6px;}
.nav li > a{line-height: 54px; display: inline-block; height: 54px; vertical-align: middle;}
.nav li.actived >a{color: #01c602; }
.nav li.actived:after{content:'';color: #01c602; background: #01c602; width: 44px;height: 3px; display: inline-block; position: absolute; left: 50%; bottom: 0; margin-left: -22px;}
.nav li .sublist{position: absolute;width: 120px;left: 50%;margin-left: -60px;top: 40px; z-index: 2; box-shadow: 2px 3px 4px #D9D9D9; border-radius: 8px; display: none;}
.nav li .sublist a{display: block; line-height: 24px;}

.container{border-radius: 4px; padding: 26px 30px 15px 30px; background: #FFFFFF;; width: 1140px;min-height: 400px;}

/*--footer--*/
.footer{ width:100%;overflow:hidden;background:#262a32;color:#a4a8b2; position:relative;}
.footerLeft{float:left;width:1200px; padding-top: 30px;overflow:hidden;}
.footerLeft dl{ float: left; width: 200px; margin-right: 40px;}
.footerLeft dl:last-child{ margin-right: 0;}
.footerLeft dl dt{font-size: 18px;color: #fff; margin-bottom: 40px;}
.footerLeft dl dt{ line-height: 18px;margin-bottom: 20px;}
.footerLeft dl dt a{font-size: 16px;color: #FFFFFF;}
.footerRight{text-align: center; width: 200px; float:  right; padding-top: 20px;overflow:hidden;padding-bottom: 5px;}
.footerRight .qrcode{ display: inline-block; margin-bottom: 5px; width:60px; height: 60px ;}
.footerRight h6{ font-size: 15px; color: #a4a8b2; font-weight: normal;}
.ftcontact{ margin:30px 0 35px 0; width: 100%; overflow: hidden;font-size: 16px;color: #CED1DA; position:absolute; top: 60px;}
.ftcontact a{}
.ftcontact span{ display: inline-block;}
.ftcontact em{font-style: normal; display: inline-block; margin: 0 30px;color: #CED1DA;}
.copyright{ padding: 20px 0;font-size: 14px; border-top: 1px solid #677277;}

.cooperTit{ font-size: 48px; color: #333; text-align: center; position: relative; padding-bottom: 25px; line-height: 56px;}
.cooperTit:after{ width: 100px; height: 5px; background: #FE9F17; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 0;}


#smallBanner{display: none;}



@media screen and (min-width:300px) and (max-width:750px) {

	body {
		font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Segoe UI, Microsoft YaHei , Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, wenquanyi micro hei, Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-style: normal;
		/*line-height: 1.6rem;*/
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	body,
	html {
		height: 100%;
		font-size: 100%
	}
	
	html {
		box-sizing: border-box
	}
	
	.tophead{ height: auto; position: relative; padding: .2rem 0; display: table; width: 100%;}
	.center , #certify{ width: 100%;}
	.pro_desc { padding: 10px 15px; display: table-cell;}

	
	.wrapper{ width: auto;}


	/*.logo{ width: 1.87rem; height: .57rem; display: inline-block; margin: .2rem 0 0 .3rem;}
	.logo img{ width: 100%; height: auto; float: left;}*/
	.hotTel{ margin-top: .16rem; width: 1.6rem; margin-right: .16rem;}
	.hotTel h3{ font-size: .24rem; margin-top: .0rem;}
	
	.footerLeft{ width: auto; float: inherit; padding-top: .2rem;}
	.footerRight{ width: auto; float: inherit; }
	
	.ftcontact{ display: none;/* padding: .18rem .2rem; font-size: .24rem; text-align: left;margin: .60rem 0 .35rem 0; width: auto; top:2rem;*/}
	.ftcontact span{ display: block; padding-bottom:.15rem;}
	.ftcontact em{ display: none;}
	.copyright{ padding: .1rem .3rem;}
	.footerLeft dl{ width: auto; float: inherit;  padding:.15rem .3rem;text-align: center; margin: 0;}
	.footerLeft dl dt{ margin-bottom: .2rem; font-size: .22rem;}
	.footerLeft dl dd{ margin-bottom: .15rem; line-height: .3rem; font-size: .20rem;}
	.footerRight .qrcode{ width: .6rem; height: .6rem; margin-top: 0.1rem; margin-bottom:0.1rem;}

	.footerRight h6 {padding-bottom:.1rem; font-size: 14px;}


	.nav{ float: none; display: none; width: 100%; position: fixed;  left: 0; right: 0; top: 0; padding: .8rem .2rem; font-size: .32rem; margin: 0; background: rgba(0,0,0,.6); z-index: 99; text-align: right; bottom: 0;}
	.nav li{ padding: .1rem 1.3rem .1rem .3rem; float: inherit; width: auto; text-align: right;line-height: .4rem; border-bottom: 1px solid #fff;}
	.nav li a{ color: #fff;}

	.nav li.actived:after{ display: none;}
	.nav li.actived{ border-bottom: 1px solid #FE9F17; color: #FE9F17;}
	.nav li.actived a{color: #FE9F17;}

	.nav.activedShow{ display: block;}
	.nav { width: auto;}

	.wapNav{width: 0.6rem; float: right; line-height: .1rem; padding: .2rem; margin-top: .1rem;}
	.wapNav span{ width: .6rem; height: .07rem; background: #D8D8D8; display: inline-block; margin-bottom: .10rem; float: left; border-radius: .1rem;}

	#bigBanner {display: none;}
	#smallBanner {display: block;}


	#certify { width: 100%;}
	.logo,.logo img{ width: 65px; height:auto; display: inline-block; }



	/*公司简介*/
	.aboutBox {padding: 0;}
	.con-Div .con-left {width: 100%; height: auto; position: inherit;}

	#companyInfo .con-Div{padding:0 20px;border-radius: unset;background-color: unset;height: auto;}
	.con-Div .con-left img {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius:unset; height: auto;}
	.con-Div .con-right { width: 100%; padding: 10px 0; background-color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
	.con-Div .con-right h4 , .con-Div .con-right p{ padding:10px 20px; margin-top: 0;}
	.con-Div .con-right strong {padding:10px 20px;}
	.img-box-area .img-box , .img-box-area .img-box:nth-of-type(3){width: 100%; padding: 10px 20px; margin-right: 0;}
	.img-box-area .img-link .img-info h4 { font-size: 18px;}
	.conTitle { padding: 30px 0 ; font-size: 22px;}
	.contact-left,.contact-right {width: 100%; padding: 0;}
	.contact-left {border-bottom-left-radius: unset; border-bottom-right-radius: unset; height: auto;padding: 30px 0 10px 0;}
	.contact-right img {border-top-left-radius: unset; border-top-right-radius: unset;}
	.contact-left > p:first-child { padding: 0 0 10px 30px}


	.cont-wp .cont-item {width: 100%; height: auto; padding-bottom:30px;}
	.main-cont{ overflow: hidden; overflow-x: auto;scrollbar-width:none; -ms-overflow-style: none;}
	.main-cont::-webkit-scrollbar { display: none;}
	.cont-wp{ width: 10rem; overflow:hidden; padding: 25px 10px 20px 20px; display: flex; background-color: transparent;}

	.cont-wp .cont-row {background-color: #ffffff;padding-left: 20px;border-radius: 20px;}
	.cont-wp .cont-row:first-child { margin-right: 20px; width: 8.5rem;}

	/* 首页轮播箭头	*/
	#certify .swiper-button-prev { left: .5rem;}
	#certify .swiper-button-next { right: .5rem;}
	.video-popup .closeBtn {top: -9.5rem;right: -6.8rem;}
	#video { width: 375px; height: 300px; margin-top: -185px;margin-left: -188px;}
	#video video { width: 370px;}
	#videoClose { width: 400px; height: 400px; margin-top: -200px;margin-left: -200px;}
	#videoClose .closeBtn{ right: 0; top: 0;}

	.img-box-area .img-box { width: 20rem;}
	/*.contact-right { width: 3.5rem;}*/
	.nav { display:none;}


	#hotP ul.productHot li { width:220px; height: 300px;}
	#hotP ul.productHot li .pro-title { font-size:16px;}
	#hotP ul.productHot li .new-productc-concent-text { font-size:12px; line-height:20px; padding-top:10px;}
	#hotP ul.productHot li .hotPro-title { bottom:20px;}
	#hotP ul.productHot li.pro-small a { height: 143px;}
	#hotP ul.productHot li.pro-small .text { font-size:12px;}
	#hotP ul.productHot li.pro-small .text div:nth-child(1) {font-size:14px; margin-bottom:5px;}
	#hotP ul.productHot li.pro-small a:nth-child(1) { margin-bottom:10px;}

	.proImgShow {width: auto;}
	.proImgShow img{width: 100%;}
	.innerBanner, .innerBanner img { height: auto;}
	.proTitle { font-size: 18px; padding-top: 10px;}
	#certify .swiper-button-prev,#certify .swiper-button-next { width: 45px; height: 45px;}
	#certify .swiper-button-prev{background-position: 10px 5px;		background-size: 20px;}
	#certify .swiper-button-next { background-size:20px; }

	.news .news-title , .high-title {padding: 45px 30px;}

	.newsDetail .news-content {padding:0 20px;}
	.imgcenter img{ width: 100%;}

}


@media screen and (min-width:1024px) and (max-width:1440px) {
	.center, #certify{ width:1024px;}
	.tophead{height: 62px;}
	.hotTel{width: 117px;margin-top: 12px;}
	.hotTel h6{font-size: 12px;}
	.hotTel h3{font-size: 17px; margin-top: 7px;}
	.nav{width: 636px;margin: 14px 0px 0 170px;}
	.nav li{ font-size: 16px;margin-right: 16px; width: 100px;}

	.footerLeft{width:877px; padding-top: 25px;}
	.footerLeft dl{width: 146px; margin-right: 28px;}
	.footerLeft dl dt{ font-size: 14px; margin-bottom: 28px;}
	.footerLeft dl dd { margin-bottom: 14px;}
	.footerLeft dl dd a{ font-size: 12px;}
	.footerRight{width: 146px; padding-top: 25px;}
	.footerRight .qrcode{ margin-bottom: 5px; width:60px; height: 60px ;}
	.footerRight h6{ font-size: 14px; }
	.copyright{ font-size: 12px;}
	.ftcontact{ font-size: 12px;margin: 0px 0 26px 0; position: absolute;top: 60px;}


	.productList ul li{ width: 31%;}
	.img-box-area .img-box { width: 32%;}

	#certify .swiper-button-next { right: 220px;}
	#certify .swiper-button-prev { left: 220px;}

	.innerBanner,	.innerBanner img { height: auto;}


}


@media screen and (min-width:1441px) and (max-width:1680px) {
	.center{ width:1200px;}
	.tophead{height: 73px;}
	.hotTel{width: 137px;margin-top: 14px;}
	.hotTel h6{font-size: 14px;}
	.hotTel h3{font-size: 20px; margin-top: 8px;}
	.nav{width: 745px;margin: 16px 0px 0 260px;}
	.nav li{ font-size: 16px;margin-right: 19px; width: 100px;}
	.logo img{ width: 80%;}
	.footerLeft{width:1028px; padding-top: 30px;}
	.footerLeft dl{width: 171px; margin-right: 33px;}
	.footerLeft dl dt{ font-size: 16px; margin-bottom: 28px;}
	.footerLeft dl dd { margin-bottom: 14px;}
	.footerLeft dl dd a{ font-size: 14px;}
	.footerRight{width: 146px; padding-top: 25px;}
	.footerRight .qrcode{ margin-bottom: 14px; width:60px; height: 60px ;}
	.footerRight h6{ font-size: 16px; }


	.footerLeft{width: 980px;}
	.footerLeft dl{ width: 161px;}
	.footerRight{ width: 180px;}

	.copyright{ font-size: 16px;}
	.ftcontact{ font-size: 14px; top:45px;}

	.cooperTit{font-size: 41px; line-height: 47px;}
	.cooperTit:after{ width: 87px; height: 4px; margin-left: -43px;}



	.productList ul li{margin: 25px 20px 0 0;width: 31%;}

	.img-box-area .img-box { width:32%;}

	}