@charset "utf-8";

/*reset 重置*/

body,ul,ol,p,h1,h2,h3,h4,h5,dl,dd,form,input,textarea,

td,th,button,strong,em,select,video,canvas{margin:0;padding:0;}

li{list-style:none;vertical-align:top;}

table{ border-collapse:collapse;}

textarea{resize:none;overflow:auto;}

img{ border:none; vertical-align:middle;}

em{ font-style:normal;}

a{ text-decoration:none;}

a,input{

-webkit-appearance: none;/*屏蔽阴影*/

-webkit-tap-highlight-color:rgba(0,0,0,0);

/*ios android去除自带阴影的样式*/

}

a, img {

/* 禁止长按链接与图片弹出菜单 */

-webkit-touch-callout: none; 

 

}

a {

    text-decoration: none;

    background: transparent; /*修正win8系统IE连接灰色背景*/

    outline:none;

    blr:expression(this.onFocus=this.blur());

}

a:focus {

    outline: 0;

}

a:active,

a:hover {

    outline: 0;

}

html, body {

/* 禁止选中文本(如无文本选中需求,此为必选项) */

-webkit-user-select: none;  

user-select: none;

}



body{font-family: "微软雅黑", Helvetica, "STHeiTi", sans-serif; 

overflow-x:hidden; overflow-y:auto; font-size:0.07rem;

}

.clear{zoom:1;}

.clear:after{content:''; display:block; clear:both;}

.fl{float:left;}

.fr{float:right;}

*{

	box-sizing: border-box;

	text-decoration: none;

}

img{

	width: 100%;

	max-width: 100%;

}

.rel{

	position: relative;

}

html{

	font-size: 100px;

	line-height: 0;

	font-family: "微软雅黑";

}

body{

	width: 100%;

	margin: 0 auto;

}

.pad{

	padding:0 3.47222222222222%;}



header{	background:#fff; padding:0.15rem 3.47222222222222%;}



header .logo{ width:100%; padding: 0.2rem 0; }

header .logo img{ width:97.525896%; margin:0 1.25%;}

header .phone{ width:44.85%; padding: 0.1% 0 0.1% 4.40625%; }

header .phone p{line-height:0.44rem; font-size:0.3rem; color:#84817f; font-family:Arial; float:left; text-align:right; width:84.4%}

header .phone dt{ width:15.525896%; float:right;}

header .navbar{ width:25.15%; height:100%; cursor:pointer;}

header > div,.headnav > div{

	display:inline-block;

	vertical-align:middle;

	width:32.93%;

}

.logo{

	margin:0.8955223880597% 0;

	width: 93.13432835820896%;

	cursor: pointer;

	display:inline-block;

}





.navbar{

	width: 14.92537313432836%;

	display:inline-block;

	cursor: pointer;

}

.wrap{

	background:#efefef;

}

nav[role='navigation'] .headnav{width:100%; position:relative; padding:.1rem 0;}

.headnav .mark{ width:85%; 	margin:0 0 0 6.125%;}

nav[role='navigation'] span{ display:inline-block;}

nav[role='navigation'] img{ max-width:100%;}

.banner{background:url(../images/banner-products.jpg) center top no-repeat;}

.headnav .close{ 

	width:10.77777777777778%;

	margin:0 6.6666666666667% 0 0;

	cursor:pointer;

}

nav[role='navigation']{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; z-index:999;}

nav[role='navigation'] ul{	background:#efefef; position:relative; 	width:100%;	border-top:0.015rem solid #b5b5b5;}

nav[role='navigation'] ul > li{ width:100%; border-bottom:1px solid #b5b5b5; font-size:0.28rem; color:#4b4a4a; line-height:0.9rem; text-indent:5%;}

nav[role='navigation'] ul > li:first-of-type::before{ content:"";}

nav[role='navigation'] ul > li::before{ content:"ˇ"; float:right; color:#4b4a4a; font-size:0.4rem; margin-right:3%; margin-top:.1rem; margin-bottom:-.1rem;}

nav[role='navigation'] ul > li a{ display:block; width:100%; color:#4b4a4a;}

nav[role='navigation'] ul > li .subnav{ display:none; border-top:1px solid #b5b5b5;	position:relative;}

nav[role='navigation'] ul > li .subnav a{font-size:0.24rem; background:#6d6d6d; color:#fff; width:100%; display:block; border-bottom:0.015rem solid #b5b5b5;}







#banner { }

/*幻灯片标题*/

 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}

/* FlexSlider Necessary Styles*/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/

.flex-control-nav{ width: 100%;position:absolute; bottom:0.15rem;  margin:0px; text-align: center; border:0px dashed red}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width:11px; height:11px; border:1px #d6d6d6 solid; display: block; background:#d6d6d6;  cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { border:1px #b1b1b1 solid; background:#838383;}

.flex-control-paging li a.flex-active { background:#838383; cursor: default;  }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



#focus{width:100%;margin:0 auto; margin-bottom:4.32rem; }

#focus div{position:absolute;width:100%; overflow:hidden;}

#focus img{width:100%; border:0; }

#focus #focus_img{display:none;}



.f-cb{ margin:0 auto; width:100%; background:url(../images/pro-bg.png) no-repeat top; background-size:100% 100%;}

.f-cb h2{ display:inline-block; width:100%; font-size:0.4rem; line-height:0.8rem; font-weight:bold; text-align:center; color:#353535; margin-top:0.2rem;}



section .swiper-container,section .swiper-slide,section .swiper-wrapper{ padding:0.5em 0;}

.swiper-container>.swiper-pagination{ bottom:0;}

.pl{ display:inline-block; width:100%; border:1px solid #e3e3e3; border-radius:.815em; background-color:#fff; box-sizing:border-box;}

.pl .pro-content{ }

.pl .pro-content img{ max-width:100%}

.pl .pro-content > a{  width:100%; display:inline-block;}

.pl .pro-into{ width:100%; }

.pl .pro-into h3 a{ width:100%; float:left; text-align:center; color:#222; font-size:0.3rem; line-height:0.5rem; }

.pl .pro-into p{ width:80%; float:left; font-size:0.25rem; line-height:0.35rem; color:#4b4a4a; margin:0 10% 0.1rem 10%;}



.swiper-pagination{	padding:2.44444444444444% 0;	position:static;}

.swiper-pagination-bullet{ width:0.3rem;height:0.3rem; border:0.02rem #b2b2b2 solid;	background:#fff; opacity:1;}

.swiper-pagination-bullet-active{ background:#0095e5; border-color:#0095e5;}



.middle{background:#454545; width:100%; float:left; padding-bottom:0.3rem;}

.menu_list {width:100%; }

.menu_list ul li{	display: block;	width:100%;}

.menu_list ul li .fuMenu{color:#acacac;	font-size:0.35rem;	cursor:pointer; line-height:1rem; width:100%; border-bottom:0.02rem solid #838383; float:left; padding:0 5%; }

.menu_list ul li .fuMenu span{color:#838383; font-size:0.5rem;	cursor:pointer; line-height:1rem; float:right; padding:0 5% 0 0; }

.menu_list ul li .div1 { width:90%;	height:auto; padding:0.05rem 5%;	float:left; }

.menu_list ul li .div1 .zcd{color:#dadada;	font-size:0.3rem;	height:0.6rem; 	line-height:0.6rem;	width:100%; float:left;}

.div1 {	display: none;}

.menu_list ul li .div1 .zcd:hover{ color: #FFF; }



.index-bottom{ background:#5b5b5b; width:100%; padding:0.35rem 3.46555%; float:left;}

#cpgd{  background:#5b5b5b; width:75%;  float:right;}

#cpgd li{float:left; width:17%; margin-left:3%;}

#cpgd li .wItem{display:block; position:relative; }

#cpgd li .wItem .img{position:relative;overflow: hidden;}

#cpgd li .wItem img{display:block;}

#cpgd li .wItem i{position:absolute;left:0; top:25%; z-index:2; opacity:0; filter:alpha(opacity=0);}

#cpgd li .wItem:hover i{margin-top:-47px;opacity:1;filter:alpha(opacity=100);}

.twitter{ width:100%; height:100%; float:left; background:url(../images/footer-twitter-on.png) no-repeat; background-size:100% 100%; }

.face{ width:100%; height:100%; float:left; background-size:100% 100%; background:url(../images/footer-face-on.png) no-repeat; background-size:100% 100%;}

.sina{ width:100%; height:100%; float:left; background:url(../images/footer-sina-on.png) no-repeat; background-size:100% 100%;}

.pinterest{ width:100%; height:100%; float:left; background:url(../images/footer-pinterest-on.png) no-repeat; background-size:100% 100%;}

.wechat{ width:100%; height:100%; float:left; background:url(../images/footer-wechat-on.png) no-repeat; background-size:100% 100%;}



footer{	font-size:0.25rem; font-family:微软雅黑;	line-height:0.45rem;	color:#e1e1e1;	text-align:center;	background:#454545;	background-size:auto 100%;	white-space:pre;	float:left;	width:100%;	padding-bottom:1.09rem;}

footer a{	color:#b8b8b8;}





.weizhi{ width:100%; background:#e3e3e3; height:0.35rem; font-size:0.12rem; line-height:0.35rem; color:#595858; text-indent:5%;}

.weizhi a{ color:#595858; margin:0.05rem; }

.location{width:100%; position:relative; background:url(../images/zy-tit.png) repeat-x; background-size:100% 100%; padding:0.5rem 0;}



.location h3{width:100%; position:relative; text-align:center; line-height:0.6rem; font-size:0.34rem;  color:#353535;}



.location > div{

	display:inline-block;

	vertical-align:middle;

}

.location > div:first-of-type{

	width:75%; float:left;

}

.location > div:last-of-type{

	width:25%;

}

.location span{

	vertical-align:middle;

}

.homepage{

	width:7.76119402985075%;

}

.location_list{

	display:inline-block;

	font-size:0.18rem;

	color:#303030;

	padding:0 0 0 3.25%; margin-top:-3.28358208955224%

}

.location_list a{

	color:#2d2e2e;   line-height:0.332rem;  width:100%;

}

.location_list p{

	color:#2d2e2e; line-height:0.3rem; font-size:0.3rem; width:100%;

}

.location .nav__list{

	width:100%;

	text-align:right;

	display:inline-block;

	font-size:0.24rem;

	text-transform:uppercase;

	color:#303030;

	font-family:Arial, Helvetica, sans-serif;

}

.listicon{

	width:28.65671641791045%;

	margin:0 0 0 5.6%;

}

.location__nav{

	width:100%;

	position:absolute;

	top:100%;

	left:0;

	display:none;

	transition:all 0.6s; z-index:5;

}

.location__nav.nav--show{

	display:block;

}

.location__nav li{

	width:100%;

	font-size:0.22rem;

	color:#303030;

	line-height:3;

	border-bottom:1px solid #c8c8c8;

}

.location__nav li a{

	color:#303030;

	background:#ebebeb;

	display:inline-block;

	width:100%;

	height:100%;

	padding:0 4.47761194029851%; 

}

.location__nav li.left--hover a{

	color:#fff;

	background:#b00500;

}

.content-center{

	padding:0 0 5%;

}

.content-center h3{

	font-size:0.24rem;

	font-weight:bold;

	color:#353535;

	line-height:4;

}



.content-center .content{

	font-size:0.3rem;

	line-height:1.722222222222222;

	color:#353535;

}



.wap-left{ width:100% !important;}
.wap-right{ width:100% !important; margin:0.1rem 0 0 0 !important;} 

.ph-news-list{ width:100%; float:left; margin-top:0.1rem;}

.ph-news-list li{ width:100%; padding:0.1rem 20% 0.1rem 2%; float:left;  margin-top:0.2rem; background:url(../images/news-list.jpg) no-repeat top center; background-size:100% 100%; }

.ph-news-list li a{ width:100%; float:left; height:0.6rem; line-height:0.32rem; font-size:0.28rem; text-align:left; color:#2e1f11; overflow:hidden;margin-bottom:0.05rem;}

.ph-news-list li p{  float:left; line-height:0.28rem; font-size:0.23rem; text-align:left; color:#2fa493; border:1px solid #2fa493; padding:0 0.05rem; }



.wap-pro{ background:#ececec;}

.ph-img-list li{width:46.65671641791045%;	line-height:0;	margin:3.2738095238095% 2.6% 0 0;	float:left;	font-size:0.3rem;	line-height:2;	text-align:center;}

.ph-img-list li a{ color:#353535; }

.ph-img-list li:nth-of-type(2n){

	margin-right:0;

}



.ph-img-list li:hover{	background:#2fa493;}

.ph-img-list li:hover a{color:#fff;}

.ph-img-list + .see-more{float:left;}





.content-pro{ width:100%; float:left; margin:1px 0 0.2rem 0;}

.content-pro li{ width:100%; float:left;}

.content-pro li a div{ width:100%; float:left; padding:0 4.5555%}

.content-pro li a div h3{ float:left; line-height:0.85rem; font-size:0.3rem; color:#353535; padding-left:4.555%;}

.content-pro li a div dl{ float:right; width:50%; }

.content-pro li a div dl p{ float:left; line-height:0.85rem; font-size:0.3rem;  color:#353535; width:75%; text-align:right;}

.content-pro li a div dl dt{ width:20%; float:right;}



#banner-pro{ padding-top:0.2rem;}



.pro-center{padding:0 0 5%;}

.pro-center h3{	font-size:0.35rem;	font-weight:bold; border-bottom:1px #c3c3c3 solid;	color:#353535;	line-height:4;}

.pro-center .content{	font-size:0.3rem;	line-height:1.722222222222222;	color:#353535; margin-bottom:0.3rem;}



.matter-color{ width:100%;  color:#565656; float:left; margin-top:0.1rem;}

.matter-color p{  line-height:0.5rem; font-size:0.26rem; color:#606060; float:left; font-weight:bold;}

.matter-color li a{ width:0.5rem; height:0.5rem; border-radius:0.25rem; float:left; margin-left:0.2rem; cursor:pointer;}

.matter-size{ width:100%; color:#565656; float:left; margin-top:0.1rem;}

.matter-size dt{ line-height:0.5rem; font-size:0.26rem; color:#606060; float:left; font-weight:bold;}

.matter-size p{ line-height:0.5rem; font-size:0.26rem; color:#606060; float:left; text-indent:0.2rem;}



.pro-cb{ margin:0 auto; width:100%; background:#fff; margin-bottom:0.2rem;}

.pro-cb h2{ display:inline-block; width:100%; font-size:0.4rem; line-height:0.8rem; font-weight:bold; text-align:center; color:#353535; margin-top:0.2rem;}



.zy-history{ width:100%; overflow:hidden;}

.zy-history ul li dl{ /*text-indent:-1.2rem;*/ margin-top:0.2rem;}

.zy-history ul li dt{ display:none;}



.see-more{	width:100%; float:left;	text-align:center;	margin:0.1rem 0;}

.see-more span{

	display:inline-block;

	width:100%;

	font-size:0.3rem;

	line-height:2.363636363636364;

	text-align:center;

	color:#fff;

	position:relative;

	background:#2fa493; cursor:pointer;

}







.zy-time{	font-size:0.18rem;	line-height:4;	color:#606060;	text-align:right;	display:inline-block;	width:100%;}

.list-fanye{	margin: 0.12rem 0;	font-size: 0.26rem;	line-height: 1.2;	color: #353535;}

.list-fanye dt{	padding: 0.05rem 0;  }

.list-fanye a{	color: #353535;}

.list-fanye a:hover{	color:#39a998;}

/*****bottom fixed style******/

.btm-fix{ 	width:100%;	font-size:0.1em; 	height:0.5em; 	position:fixed;	bottom:0; 	display:table; table-layout:fixed;	border-top:0.015rem solid #b5b5b5; 	z-index:9999;	background:#36a797;}

.fix{	width: 100%;	display: table-row;}

.fix li{	display:table-cell; 	padding:1.38888888888889% 0; 	border-right:1px solid #b5b5b5; 	border-left:1px solid #b5b5b5;}



.fix li:last-child{ 	border-right:none;}



.fix li:first-child{ 	border-left:none;}



.fix li a{	display:block;	width:100%;}



.fix li a span{	display:block;	width:33.75%; 	margin:0 auto;	color:#fff;	text-align:center;	font-size:.25rem; 	line-height:1;}



.fix li a span:last-of-type{	line-height:1.5;}

.fix li a dt{	display:block;	width:100%; 	margin:0 auto;	color:#fff;	text-align:center;	font-size:.25rem; 	line-height:1;}



.fix li a dt:last-of-type{	line-height:1.5;}



/*==========end bottom fixed style==========*/

/*public*/

@supports  (( display:flex ) or ( display:-webkit-flex; ) or ( display:-moz-flex; ) or ( display:-o-flex; )){

	.product__nav{

		display:-webkit-flex;

		display:flex;

		justify-content:space-between;

		flex-wrap:wrap;

	}

	.recruit{

		width:100%;

		display:-webkit-flex;

		display:flex;

		flex-wrap:wrap;

		align-content: flex-start;

	}

	.ph-img-list{

		display:-webkit-flex;

		display:flex;

		justify-content:space-between;

		flex-wrap: wrap;

		float:none;

	}



}

@media only screen and (min-width: 321px) and (max-width: 480px){

html {

font-size: 70px !important; 

}

.path__item{

	padding:0;

}

}

@media only screen and (min-width: 481px) and (max-width: 720px){

html {

font-size: 80px !important; 

}

.path__item{

	padding:0.69253731343284%;

}

}

@media only screen and (width: 720px){

html {

font-size: 100px !important; 

}

}

@media only screen and (min-width: 721px) and (max-width: 1440px){

html {

font-size: 160px !important; 

}

}

@media only screen and (min-width: 1441px) and (max-width: 1920px){

html {

font-size: 220px !important; 

}

}

@supports ( font-size: calc(44.4444px + (266.6667 - 44.4444) * ((100vw - 320px)/(1920 - 320))) ){

	@media only screen and (min-width: 321px) and (max-width: 1920px){

		html {

			font-size: calc(44.4444px + (266.6667 - 44.4444) * ((100vw - 320px)/(1920 - 320))) !important; 

		}

	}

}