@charset "utf-8";
.main ,.header,.banner,.banner1,.content {width: 100%; background-color: #fff;position: relative;}
.clearfl{clear: both;}
.fl-left{float: left}
.fl-right{float: right}
.wd1560{max-width: 1560px; margin:0 auto; overflow: hidden;}
img{max-width: 100%}


.header{ background-color: transparent;position: absolute; overflow: hidden; top: 0; left: 0; right: 0; z-index: 99}
.header .logo{ width: 20%; margin-right: 15px;}
.header .nav {}
.header .nav li{float: left; height: 100%; margin-left:10px }
.header .nav li:last-child{margin-right: 0px}
.header .nav li a{
	font-size: 1.4rem;
	height: 86px; 
	line-height: 86px;  
	text-align: center;
	color: #ffffff;
	padding: 0 15px;
	display: block;
	}
.header .nav li a:hover{border-bottom: #008fd3 solid 4px ;}


.header .nav li a.cur{border-bottom: #008fd3 solid 4px ;}

.header .lan{line-height: 86px;padding:0 10px; font-size: 1.4rem;color: #ffffff;}
.header .lan a{padding:0 5px;color: #ffffff;}



/*.header .search a{font-size: 2.8rem; color: #fff; width: 84px; height: 84px; display: block;}
.header .search a svg{
	display:inline-block;
	font-size:2.8rem;
	line-height:84px; 
	color:white; 
	height:84px; 
	text-align:center; 
	vertical-align:bottom;
}*/

#banner .owl-item {
	overflow: hidden;
}
#banner .owl-nav.disabled+.owl-dots {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	display: none;
}
#banner .owl-dots .owl-dot span {
	width: 16px;
	height: 16px;
	background: #fff;
}
#banner .owl-dots .owl-dot.active span,
#banner .owl-dots .owl-dot:hover span {
	background: #4882cc;
}
.banner-img {
	width: 100%;
	height: 100%;
	
}
.banner-img img {
	margin-right: auto;
	margin-left: auto;
	max-width: 100%
}

.lg{display: block}
.sm{display: none}


#hamburger {
	width: 24px;
	height: 14px;
	position: fixed;
	top: 35px;
	right: 15px;
	z-index: 999;
	display: none;
}
#hamburger:before, #hamburger:after, #hamburger span {
	background: #0091d7;
	content: '';
	display: block;
	width: 24px;
	height: 2px;
}
#hamburger span {
	margin: 4px 0 0 0;
}
#hamburger:after {
	margin: 4px 0 0 0;
}
#hamburger.hb-absolute {
	position: absolute;
}
#hamburger.hb-fixed {
	position: fixed;
}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {
	-webkit-transition: none 0.3s ease 0.3s;
	transition: none 0.3s ease 0.3s;
	-webkit-transition-property: transform, top, bottom, left, opacity, margin;
	transition-property: transform, top, bottom, left, opacity, margin;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
	top: 20px;
}
html.mm-opening #hamburger span {
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
	transform: rotate( 45deg );
	margin: 7.5px 0 0 0;
}
html.mm-opening #hamburger:after {
	transform: rotate( -45deg );
	margin: -7.5px 0 0 0;
}






.section-1{
	
	width: 100%;
	padding: 3% 0;
	background-color: #f7f8fa;

}
.section-1  h1{font-size: 3rem; font-weight:bold; line-height: 3rem; color: #008ed1}
.section-1  h2{font-size: 2.4rem; color: #333333}
.section-1  h2 i{margin-left: 5px}

.section-1 .prolist{padding: 3% 0 0 0; overflow: hidden;}
.section-1 .prolist li{ 
	float: left; 
	width: 23%;
	-moz-box-shadow:0px 0px 18px #ccc; 
	-webkit-box-shadow:0px 0px 18px #ccc; 
	box-shadow:0px 0px 18px #ccc; 
	margin-right: 1.5%;
	margin-left:0.5%;
	text-align: center;
	 background-color: #fff;
	 margin-bottom: 4%
}
.section-1 .prolist li:last-child{margin-right: 0.5%}
.section-1 .prolist li article{padding: 11% 0}
.section-1 .prolist li h3{font-size: 1.8rem; color: #333333}
.section-1 .prolist li h3:before{
	content:"";
	background-color:#7f7f7f;
	font-weight:bold;
	display: block;
	width: 8px;
	height: 1px;
	margin:0 auto 15px auto;

}

.section-1 .prolist li h4{font-size: 1.4rem; color: #666666; margin-top: 5px;}
.section-1 .prolist li h5{font-size: 2.4rem; position: relative; margin-top:10px; font-family: Arial}
.section-1 .prolist li h5:before, .section-1 .prolist li h5:after {
    content: '';                 
    position: absolute;        
    top: 52%;
    background: #cccccc;      
    width: 10%;
    height: 1px;
}
.section-1 .prolist li h5:before{
    left: 34%;        
}
.section-1 .prolist li h5:after {
    right: 34%;
}

.section-1 .prolist li:hover article{background-color: #008ed1}
.section-1 .prolist li:hover article h3,.section-1 .prolist li:hover article h4,.section-1 .prolist li:hover article h5{color: #fffefe}
.section-1 .prolist li:hover article h3:before{background-color:#008ed1;}




.section-2{ background-color: #f7f8fa }
.section-2  .about { width: 100%; overflow: hidden;}
.section-2  .about .left,.section-2  .about .right{float: left}
.section-2  .about .left{width: 55%; position: relative; }
.section-2  .about .left:before{
	content: '';
	position: absolute;
	width: 96%;
    height: 96% !important;
    border:#c3c4c6 solid 2px;
    z-index: 1;


}
.section-2  .about .left .swiper-container{margin-top:6%;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	top: 10px;
	left: initial;
    right: 20px;
    width: 30%;

}
.section-2  .about .right{width: 45%; 
	background: url(../images/index-ab-bg.jpg) right top no-repeat; 
	vertical-align: top; 
	position: relative;
	height: 100%;
	background-size: 90% auto;
}
.section-2  .about .right .right-ab{max-width: 686px; width: 100%; padding: 10% 10% 0 15%; }
.section-2  .about .right .right-ab h1{text-align: right; font-size: 5.5rem; color: #4c4c4c; font-family: Arial;padding-bottom: 5%;position: relative;}
.section-2  .about .right .right-ab h2{text-align: right;font-size: 2.4rem; position: relative; }
.section-2  .about .right .right-ab h1:after{
	content: '';
	position: absolute; 
	right: 0;
	bottom: 0;                 
    width:20px;
    display: block;
    margin-top: 20px;
    border-bottom:2px solid #ccc;
}
.section-2  .about .right .right-ab p{ margin-top: 8%; font-size: 1.4rem; line-height: 2.4rem }
.section-2  .about .right .right-ab p:last-child{margin-top: 4%}

.section-2  .about .left .jiantou{position: absolute; right: -240px;bottom: 0;}
.section-2  .about .left .jiantou a{padding: 20px 45px;background-color: #fff; display:inline-block;font-size: 6rem }
.section-2  .about .left .jiantou a:last-child{background-color: #4c4c4c; color: #fff}

.section-3{background-color: #f7f8fa;overflow: hidden; padding: 3% 0}

.section-3 .ab-other{width: 100%}
.section-3 .ab-other .otherbox{width: 23.5%; float: left; background-color: #fff; height: 171px; margin-right: 1.5%; padding: 0 2%}
.section-3 .ab-other .otherbox:first-child{background: url(../images/fangkuai.jpg) left top repeat; margin-left:0;}
.section-3 .ab-other .otherbox .left{float: left; width: 28%; height: 100%}
.section-3 .ab-other .otherbox .k1{background: url(../images/icon001.png) center center no-repeat}
.section-3 .ab-other .otherbox .k2{background: url(../images/icon002.png) center center no-repeat}
.section-3 .ab-other .otherbox .k3{background: url(../images/icon003.png) center center no-repeat}
.section-3 .ab-other .otherbox .right{float: right;width: 72%; padding: 10% 0 0 0}
.section-3 .ab-other .otherbox .right h1{font-size: 2.4rem; color: #333333; margin-bottom: 2%;  padding-bottom: 5%}
.section-3 .ab-other .otherbox .right h1:after{
	content: '';           
    width:20px;
    height: 3px;
    display: block;
    margin-top: 3%;
    border-bottom:#4c4c4c solid 3px;
}
.section-3 .ab-other .otherbox .right em{font-size: 1.4rem; font-family: Arial;color: #cac9c9; margin-left:5%; display: inline-block;}
.section-3 .ab-other .otherbox .right p{color:#888888; font-size: 1.4rem }


.section-3 .ab-other .otherbox:hover{ background-color: #008ed1 }
.section-3 .ab-other .otherbox:hover .k1{ background-image:url("../images/icon001s.png")  }
.section-3 .ab-other .otherbox:hover .k2{ background-image:url("../images/icon002s.png")  }
.section-3 .ab-other .otherbox:hover .k3{ background-image:url("../images/icon003s.png")  }
.section-3 .ab-other .otherbox:hover .right h1,.section-3 .ab-other .otherbox:hover .right em,.section-3 .ab-other .otherbox:hover .right p{color: #fff}
.section-3 .ab-other .otherbox:hover .right h1:after {border-color: #fff}



.section-4{ padding: 3% 0; background-color: #f7f8fa}
.section-4  h1{font-size: 3rem; font-weight:bold; line-height: 3rem; color: #008ed1}
.section-4  h2{font-size: 2.4rem; color: #333333}
.section-4  h2 i{margin-left:5px;}

.section-4 .newlist{margin-top: 2%}
.section-4 .newlist li{float: left; width: 23.12%; margin-right: 2.5%}
.section-4 .newlist li:last-child{margin-right: 0}
.section-4 .newlist li article{ padding:0 2% }
.section-4 .newlist li h3{font-size: 1.8rem; line-height: 2.4rem; margin-top:3%;}
.section-4 .newlist li h3:after{
	content: '';           
    width:20px;
    height: 3px;
    display: block;
    margin-top: 3%;
    border-bottom:#4c4c4c solid 3px;
}
.section-4 .newlist li p{ margin-top: 3%; font-size: 1.4rem }
.section-4 .newlist li span{ display: block; text-align: right; color: #008ed1; font-size: 1.4rem; padding-right: 1%; margin-top: 10% }

.section-4 .newlist li .n-img{position: relative;}
.section-4 .newlist li .n-img time{position: absolute; left:0 ; top: 20px; width: 96px; height: 40px; line-height: 40px; background-color: #008ed0; font-size: 2.4rem; color: #fff; text-align: center}
.section-5{padding: 3% 0}
.section-5 .culture{max-width: 1100px; margin:0 auto;}
.section-5 .culture h1,.section-5 .culture h2{text-align: center}
.section-5 .culture h1{font-size: 3rem; font-weight:bold; line-height: 3.2rem; color: #008ed1;text-transform : uppercase}
.section-5 .culture h2{font-size: 2.4rem; color: #333333}
.section-5 .culture h2 i{margin-left:5px;}
.section-5 .culture p{margin-top: 2%; text-align: center;font-size: 1.4rem; line-height: 2.4rem; color: #555555}


.section-6{position: relative; background: url(../images/section-6-bg.jpg) top center no-repeat}
.section-6 .list{ padding: 22% 0 5% 0 ; overflow: hidden;}
.section-6 .list li{float: left;width:calc((100% - 6px)/4) ; margin-right: 2px; background-color: rgba(0,0,0,0.7); padding: 1% 4% 0% 3%; color: #fff; height: 136px;}
.section-6 .list li:last-child{margin-right: 0}
.section-6 .list li h1{font-size: 1.8rem; line-height:3rem}
.section-6 .list li h1:after{
	content: '';           
    width:20px;
    height: 6px;
    display: block;
    border-bottom:#fff solid 2px;
}
.section-6 .list li p{font-size: 1.4rem; margin-top: 5%}
.section-6 .list li:hover{background-color: rgba(0,142,209,0.7);}

.section-7{ padding: 3% 0;}
.section-7  h1{font-size: 3rem; font-weight:bold; line-height: 3rem; color: #008ed1}
.section-7  h2{font-size: 2.4rem; color: #333333}
.section-7  h2 i{margin-left:5px;}
.section-7 .iconlist{margin-top: 2%; overflow: hidden; padding-bottom: 2%}
.section-7 .iconlist li{float: left; width: 18%; margin-right: 2.5%;border:solid 1px #e5e5e5;}
.section-7 .iconlist li:last-child{margin-right: 0}
.section-7 .iconlist li:hover{
	-moz-box-shadow:0px 0px 18px #ccc; 
	-webkit-box-shadow:0px 0px 18px #ccc; 
	box-shadow:0px 0px 18px #ccc; 

}


.ab-top{padding-top: 3%}
.ab-2{padding:3% 0;}
.ab-2 p{text-indent: 2em;font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 2%}

.ab-culture{ padding: 2% 0 4% 0; background-color: #f7f8fa }
.ab-culture h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase}
.ab-culture h2{text-align: center; font-size: 1.8rem; color: #000;}
.ab-culture .list{margin-top: 60px;}
.ab-culture .list li{
	float: left; 
	height:170px; 
	width:calc((100% - 72px)/5); 
	margin-right: 18px; 
	text-align:center; 
	position: relative;
	background-color: #fff; 
	border:1px solid #dedfe1;
	padding: 38px 1% 0 1%;

}
.ab-culture .list li .icon{
	position: absolute; 
	width: 72px; 
	height: 72px;
	top: -36px; 
	background-color: #434343;
	left: 50%; 
	margin-left: -36px;
	border-radius: 36px;
	padding: 3px;
}
.ab-culture .list li .icon i{width: 66px; height: 66px; display: block; border-radius:33px; border:1px solid #fff;}
.ab-culture .list li .icon1{background: url(../images/culture-1.png) center center no-repeat}
.ab-culture .list li .icon2{background: url(../images/culture-2.png) center center no-repeat}
.ab-culture .list li .icon3{background: url(../images/culture-3.png) center center no-repeat}

.ab-culture .list li:hover .icon{background-color: #008ed5}

.ab-culture .list li:last-child{margin-right: 0; text-align: left}
.ab-culture .list li h3{font-size: 1.4rem; font-weight: bold; line-height: 4rem;text-align: center}
.ab-culture .list li p{color: #333; line-height:2rem}

.ab-honor{text-align: center;padding: 4% 0 0 0;}
.ab-honor h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase;}
.ab-honor h2{text-align: center; font-size: 1.8rem; color: #000; margin-bottom: 2%}


.factory{text-align: center;padding: 4% 0  8% 0 ; background-color: #f7f8fa}
.factory h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase}
.factory h2{text-align: center; font-size: 1.8rem; color: #000;margin-bottom: 2%}

.pro-list{background-color: #f4f4f4; padding: 2% 0 0.5% 0}
.pro-list li{float: left; margin-right: 28px; margin-bottom: 28px;}
.pro-list li a{background-color: #dcdcdc; 
	display: inline-block; 
	color: #555555; 
	font-size: 1.8rem; 
	 padding: 0px 20px; 
	 height: 40px;
	 text-align: center; 
	 line-height: 40px;}
.pro-list li a:hover,.pro-list li a.cur{background-color: #008ed9; color: #ffffff}


.product{text-align: center;padding: 2.5% 0  8% 0 ;}
.product h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase;margin-bottom: 2%}
.product h2{text-align: center; font-size: 1.8rem; color: #000; margin-bottom: 3%}
.product .list{overflow: hidden;}
.product .list li{float: left;width: 23.5%; margin-right: 2%; margin-bottom: 2%}
.product .list li:nth-child(4n+0){ margin-right:0}
.product .list li .pic{border:1px solid #eeeeee; text-align: center}
.product .list li article{padding: 6%; background-color: #f4f6f7}
.product .list li article h3{font-size: 1.8rem; border-bottom:1px solid #dddddd; line-height: 4rem;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.product .list li article p{font-size: 1.4rem; line-height: 3rem}

.con-list{}
.con-list a{padding:20px 50px; background-color: #fff; color:#333;  display: inline-block;font-size: 1.6rem}
.con-list a.cur,.con-list a:hover{background-color: #008fce; color:#fff;  }
.map{background-color: #f4f4f4; overflow: hidden;}
.map .left{float: left; width: 40%; padding: 5% 6% 0 10% }
.map .left h1{font-size: 6rem;color: #008fce; font-weight:bold;text-transform : uppercase; font-family: Arial}
.map .left p{font-size: 1.4rem; line-height: 2.4rem; color: #000000}
.map .left h2{font-size: 1.4rem; font-family: Arial; color: #b2b2b2;border-bottom: 1px solid  #000000; line-height: 2.6rem; margin-bottom: 4%}

.map .right{float: right; width: 60%; min-height: 415px;}

.feedback{padding: 2% 0}
.feedback .wd1560{padding: 0% 1%}
.feedback h1{font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase; margin-bottom:2%}
.feedback h2{font-size: 1.8rem; color: #000; margin-bottom: 3%}
.feedback .feedback-form .left{float: left; width: 50%; padding-right: 2%}
.feedback .feedback-form .left input{width: 100%; border:1px solid #e6e6e6; height: 69px; font-size: 1.6rem; padding-left: 2%; margin-bottom: 22px}

.feedback .feedback-form .right{float: right;width: 50%}
.feedback .feedback-form .right textarea{ width: 100%;border:1px solid #e6e6e6;font-size: 1.6rem; padding: 2% 0 0 2%; height: 160px ; margin-bottom: 22px}
.feedback .feedback-form .right button{width: 100%;height: 69px; font-size: 1.6rem; background-color: #008fce; color: #fff}

.download{padding: 2.5% 0  8% 0 ; background-color: #f4f4f4}
.download h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;text-transform : uppercase; margin-bottom: 2%}
.download h2{text-align: center; font-size: 1.8rem; color: #000;}
.download .list{overflow: hidden;}
.download .list li{float: left;width:18.4%; margin-right: 2%; margin-bottom: 2%}
.download .list li:nth-child(5n+0){ margin-right:0}
.download .list li h3{font-size: 1.6rem; color: #333333; line-height: 2.6rem; margin-top: 3%}
.download .list li h4{font-size: 1.6rem; color: #888888;line-height: 2rem}


.news{padding: 2.5% 0  8% 0 ; background-color: #f4f4f4}
.news h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;margin-bottom: 2%;text-transform : uppercase;}
.news h2{text-align: center; font-size: 1.8rem; color: #000; }
.news .list{overflow: hidden;}
.news .list li{float: left;width:23.5%; margin-right: 2%; margin-bottom: 2%; background-color: #fff; text-align: center}
.news .list li:nth-child(4n+0){ margin-right:0}

.news .list li article{padding: 6%; background-color: #fff; height: 200px; text-align: left}
.news .list li article time{font-size: 2rem; color: #333; font-weight: bold; font-family:Arial; border-bottom:1px solid #dddddd; display: block; padding-bottom: 3%}

.news .list li article h3{font-size: 1.8rem; color: #333333; line-height: 2.6rem; margin-top: 3%;font-weight: bold;}
.news .list li article p{font-size: 1.4rem; color: #888888;line-height: 2rem}

.newsdetail h3 {
	color: #01a9b6;
	text-align: center;
	font-size: 3rem;
}
.newsdetail time {
	display: block;
	color: #555;
	text-align: center;
	padding-top: 1rem;
	font-size: 1.4rem;
}
.newsdetail time i {
	margin-right: 5px;
	font-size: 1.6rem
}
.newsdetail article {
	border-top: 1px solid #eee;
	padding: 1rem;
	margin-top: 1.5rem;
	text-align: left;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.newsdetail article p {
	text-indent: 2em;
}
.page-jump{ position:relative; padding-top:0px; font-size:0.95em;}
.page-jump div{float: left; width: 50%; line-height:24px; margin-top:10px; padding-left:20px;  font-size:14px; color:#333;}




.zhinan{padding: 2.5% 0  8% 0 ; background-color: #f4f4f4}
.zhinan h1{text-align: center; font-size: 2.4rem; color: #000; line-height: 4rem;margin-bottom: 2%}
.zhinan h2{text-align: center; font-size: 1.8rem; color: #000;text-transform : uppercase; }
.zhinan h3{font-size: 1.4rem;margin: 1% 0;  font-weight: bold}
.zhinan p{ font-size: 1.4rem; line-height: 2.4rem}
.zhinan img{margin:2% 0;}
.zhinan table thead{background-color: #eaeaea}
.zhinan table thead th{   padding: 10px;} 
.zhinan td{line-height: 2.4rem}

.productshow{padding: 3% 0}
.productshow  .product-1{overflow: hidden;}
.productshow  .product-1 .left{float: left; width: 40%}
.productshow  .product-1 .right{float: right; width: 55%}
.productshow  .product-1 .right h1{font-size:1.8rem; margin-bottom: 4%}
.productshow  .product-1 .right span{
	margin: 0 0 20px;
    width: 100px;
    background: #ccc;
    padding: 10px;
    display: block;
    font-size: 1.4rem;
}
.productshow  .product-1 .right p{text-indent:2em;font-size: 1.4rem; line-height: 2.6rem}
.productshow  .product-1 .right b a{
	    text-align: center;
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 5%;
    background-color: #34343e;
    padding: 2% 7%;
    border-radius: 8px;
    margin-top: 3%;
    display: inline-block;
}

.productshow  .product-1 .right .share{
	padding-top: 5%; border-top: 1px solid #ebebeb
}
.productshow  .product-1 .right .share label{display: inline-block; font-size: 1.6rem; color: #aaa; margin-right: 4%}
.productshow  .product-1 .right .share a{padding: 2%; margin-right: 3% }
.productshow  .product-1 .right .share a i{font-size: 1.6rem}

.productshow  .product-2{
	margin-top: 3%

}
.productshow  .product-2 i{
	display: inline-block;
	padding: 1% 2%;
	background-color: #34343e;
	color: #fff;
	font-size: 1.6rem;
	margin-right: 1%
}

.productshow  .product-2 a{
	display: inline-block;
	padding: 1% 2%;
	background-color: #34343e;
	color: #fff;
	font-size: 1.6rem;
	margin-right: 3%
}

.productshow  .product-2 table{ width: 100% }
.productshow  .product-2 table tr{height: 3rem}
.productshow  .product-2 table td{font-size: 1.2rem}

.footer-box{
	background-color: #fff;
	border-top: 5px solid #008ed1;
	
}
.footer-box .wd1560{display: table; width: 100%; }
.footer-box .left{
	display: table-cell; 
	width: 31%;overflow: 
	hidden; 
	border-right: 2px solid #eaeaea; 
	padding-top:4.5%; 
	color: #333333; 
	vertical-align: top;
	padding-bottom: 3%}
.footer-box .left  h1{font-size: 3rem; font-weight:bold; line-height: 3rem; color: #008ed1; font-family: Arial;}
.footer-box .left  h2{font-size: 2.4rem;}
.footer-box .left  h2 i{margin-left:5px;}
.footer-box .left  h3{font-size: 3rem;color: #008ed1; margin: 3% 0 6% 0}
.footer-box .left  p{font-size: 1.4rem; margin-top:6%; }
.footer-box .left .search{margin-top: 2%}
.footer-box .left .search input{border:1px solid #666666; height:50px; display: inline-block; width: 62%;padding-left: 10px;}
.footer-box .left .search button{
	margin-left:5px;  
	background-color: #666666; 
	line-height: 50px; 
	color: #ffffff;
	font-size: 1.4rem; 
	height: 50px;
	display: inline-block;   
	vertical-align: middle;
	padding: 0 5%;
   cursor: pointer;
	}

.footer-box .left2{
	display: table-cell;
	 width: 14%;
	 overflow: hidden; 
	 border-right: 2px solid #eaeaea;
	 padding-top:4.5%; 
	 padding-left:5%;
	 vertical-align: top;
	 padding-bottom: 3%
	}
.footer-box .left2 h1{font-size: 1.6rem; color: #333333;line-height: 3rem; font-weight: bold;}
.footer-box .left2 a{ display: block; font-size: 1.4rem; margin:2% 0; color: #555555 }

.footer-box .left3{
	display: table-cell; 
	width: 20.5%;
	overflow: hidden; 
	border-right: 2px solid #eaeaea;
	padding-top:4.5%; 
	padding-left:5%;
	vertical-align: top;
	padding-bottom: 3%
}
.footer-box .left3 h1{font-size: 1.6rem; color: #333333;line-height: 3rem;font-weight: bold}
.footer-box .left3 a{ display: block; font-size: 1.4rem; margin:2% 0;color: #555555 }

.footer-box .right{display: table-cell; width: 34%;overflow: hidden;padding-top:4.5%;padding-left:5%;padding-bottom: 3%}
.footer-box .right p{margin:10% 0 2% 0; font-size: 1.4rem; color: #555555}


.footer{
	

}

.footer {overflow: hidden;background-color: #e9e9e9;color: #434343; line-height: 5rem;font-size: 1.4rem;}
.footer .left{float: left;  }
.footer .right{float: right;text-align: right}


.fixed-nav {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #141414;
	z-index: 100;
	display: none;
}
.fixed-nav ul li {
	width: 33.3%;
	height: 60px;
	float: left;
	border-right: solid 1px #FFF;
	text-align: center;
}
.fixed-nav ul li:last-of-type {
	border-right: none;
}
.fixed-nav ul li a {
	display: block;
	padding-top: 10px;
}
.fixed-nav ul li a span {
	display: block;
	font-size: 2rem;
}
.fixed-nav ul li:nth-of-type(2) a span {
	transform: rotateY(180deg);
}
.fixed-nav ul li a h4 {
	font-size: 1.4rem;
	padding-top: 2px;
}
.fixed-nav ul li a span, .fixed-nav ul li a h4 {
	color: #FFF;
}


	.prod-list{ text-align:center;}
	.prod-list table tr td{ border-bottom:1px solid #ccc;}
	.pl-one { border-right:1px solid #ccc;}
	.prod-list table tr:FIRST-CHILD {background:#66c1c6 !important; }
	.prod-list table tr td{padding:10px; color:#535353; font-size: 1.6rem;}
	.pl-one{background:#fff !important;}
	.prod-list table tr:nth-child(even) {background:#d5eeeb;}
	.prod-list table tr:nth-child(odd) {background:#f5f5f5;}

	.clear { overflow:hidden;}
	.prod-box{ border:1px solid #66c1c6;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width:31.33%; margin:1%; text-align:center; font-size: 1.6rem;}
	.prod-box img{ width:100%;}
	.prod-box p{ padding:10px 0; background:#66c1c6; color:#fff;}