@charset "utf-8";
/* CSS Reset */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	outline: none;
}
*:focus {
	outline: none;
}

*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}

body {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size:12px;
	font-family: "microsoft yahei","Arial Narrow",HELVETICA;
	color: #333;
	overflow-x: hidden;
}

::selection {
	background-color: none;
}

p {
	line-height: 20px;
	margin-bottom: 1em;
}
p > a {
	display: inline;
	text-decoration: none;
}
p > a:hover {
	text-decoration: underline;
}
p > span {
	display: inline;
}
span > a {
	display: inline;
}
a > span {
	display: inline;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}



.clear{clear:both; overflow:hidden; height:0px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* ie7 hack*/
*+html .clearfix {min-height: 1% ;} 
.clearfix{display: block;}

.page_width {width: 100%; margin: 0 auto;}
.floatl {float: left;}
.floatr {float: right;}
.mobileOnly, .padOnly, webOnly, .hideMobile, .hidePad, .hideWeb {display: none;}
.imgLeft {float: left; margin: 0 10px 10px 0;}
/* header */
.header{ background: #59c59c; border-bottom: 3px solid #28956c; font-size: 1.4em; line-height: 37px; color: #fff; text-align: left; padding-left: 15px; }
.header div { overflow: visible!important; z-index: 99999; }
.logo { text-overflow:ellipsis; margin: 0; white-space: nowrap; overflow:hidden; height:37px; width:85%; padding-right:20px; }
.logo span{ text-align:center; height:40px; line-height:40px; display:inline-block; width:100%; overflow:hidden; }
.header span{ white-space:nowrap; text-overflow:ellipsis; }

.page_width ul li{ float:left;}
/* navigation */
.navigation {display: ;}
#nav{
	position: absolute;
	backgrund-repeat:no-repeat;
	display:inline-block;
	top: 0;
	right: 0;
	z-index: 99999;
	color: #fff;
	font-size: 16px;
	background: #28956c;
	padding: 10px;
	height: 40px;
	width: 40px;
}
#sidePanel #nav {
	position: absolute;
	backgrund-repeat:no-repeat;
	display:inline-block;
	top: 0;
	right: 0;
	z-index: 99999;
	color: #fff;
	font-size: 16px;
	background: #ebf5f2;
	padding: 10px;
	height: 40px;
	width: 40px;
}
#nav .hamburger, #sidePanel .hamburger {
	display: inline-block;
	float: right;
	position: relative;
	width: 20px;
	height: 15px;
	background: #f7f7f7;
	border: 0px solid #28956c;
	border-bottom-width: 0;
	margin-top: 2px;
}
#nav .hamburger:before, #nav .hamburger:after {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 20%;
	background: #28956c;
	transition: all ease .2s;
	-webkit-transform: translateZ(0);
}

#nav .hamburger:after {
top: 60%;
}
#sidePanel .hamburger {background: #ebf5f2;}
#sidePanel .hamburger:before {
top: 40%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #4fa887;
}
#sidePanel .hamburger:after {
top: 40%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #4fa887;
}
.navigation li{
	list-style:none;
}

ul.menu {background: #;}
ul.menu li {text-align: center; }
ul.menu li a {padding: 14px 0; color: #146345; text-decoration: none; font-size: 14px; text-align: center; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3); display: inline-block; width: 100%;}
.prodType ul {padding: 0; margin-top: 5px; background: #0DAD67;}
.prodType li {background: #0DAD67; list-style: none;}
.prodType li a {padding: 0; color: #146345; text-decoration: none; font-size: 14px; text-align: center; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3); display: inline-block; width: 100%; line-height: 1.6;}
ul.menu li:nth-child(1), ul.menu li:nth-child(19), .prodType li:nth-child(1) {background: rgba(255, 255, 255, 0.9);}
ul.menu li:nth-child(2), ul.menu li:nth-child(18), .prodType li:nth-child(2) {background: rgba(255, 255, 255, 0.8);}
ul.menu li:nth-child(3), ul.menu li:nth-child(17), .prodType li:nth-child(3) {background: rgba(255, 255, 255, 0.7);}
ul.menu li:nth-child(4), ul.menu li:nth-child(16), .prodType li:nth-child(4) {background: rgba(255, 255, 255, 0.6);}
ul.menu li:nth-child(5), ul.menu li:nth-child(15), .prodType li:nth-child(5) {background: rgba(255, 255, 255, 0.5);}
ul.menu li:nth-child(6), ul.menu li:nth-child(14), .prodType li:nth-child(6) {background: rgba(255, 255, 255, 0.4);}
ul.menu li:nth-child(7), ul.menu li:nth-child(13), .prodType li:nth-child(7) {background: rgba(255, 255, 255, 0.3);}
ul.menu li:nth-child(8), ul.menu li:nth-child(12), .prodType li:nth-child(8) {background: rgba(255, 255, 255, 0.2);}
ul.menu li:nth-child(9), ul.menu li:nth-child(11), .prodType li:nth-child(9) {background: rgba(255, 255, 255, 0.1);}
ul.menu li:nth-child(10) {background: rgba(255, 255, 255, 0);}

/* pad & web css */
.headerbg {background: #d2ece3;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#d5d5d5));
background: -webkit-linear-gradient(#fff, #d5d5d5);
background: -moz-linear-gradient(#fff, #d5d5d5);
background: -ms-linear-gradient(#fff, #d5d5d5);
background: -o-linear-gradient(#fff, #d5d5d5);
background: linear-gradient(#fff, #d5d5d5);
-pie-background: linear-gradient(#fff, #d5d5d5);
behavior: url(/pie/PIE.htc);*/
padding: 20px 0;
}

.headerbg h1 {font: 28px/40px "Microsoft yahei"; color: #0dad67; margin: 0;}
.headerbg h1 a {color: #0dad67;}
.headerbg h1 img {vertical-align: middle;}
.headerbg .tr {width: auto; text-align: right;}

/* top search */
.topsearch.search {background: transparent; width: 280px;}
.topsearch.search input {width: 85%;}

.menubg {background: #0dad67; height: 47px; border-bottom: 4px solid #28956c;}
/*menu*/
.menubg .page_width{width:100%;margin:0 auto}
.menubg .page_width ul li{width: 9.5%;height:47px;line-height:47px; text-align:center;_overflow:hidden; list-style: none; display: inline-block; *display: inline;}
.menubg .page_width ul li a{display: inline-block; color:#fff;font-size:16px; padding: 0; width: 100%; *width: 9.5%; text-align: center;}
.menubg .page_width ul li:hover,.menubg .page_width ul li.sel, .menubg .page_width ul li a:hover,.menubg .page_width ul li a.sel{background:#28956c; color: #fff!important;}

/* banner */
.bannerbg {background: #d2ece3;}
.bxslider-wrapper img {max-width: 100%; display: block; margin: 0 auto;}

/* breadcrumb */
.breadcrumb {background: #a70802; color: #fff; font-size: 14px; padding: 5px 10px; display: block; margin: 0 0 10px;}
.breadcrumb a {color: #fff; display: inline-block;}

/* content */
.main {min-height: 420px; z-index: 10; padding-bottom: 0px;}
.main.page_width {padding-top: 1em;}
.main img {max-width: 100%;}

.leftContent {width: 73%;}
.rightContent {width: 25%;}
.bottomLeft {width: 42%; margin-bottom: 10px;}
.bottomRight {width: 55%; margin-bottom: 10px;}

.green {color: #71cdae!important;}
.greenBg {background: #71cdae;}
.lightbg {background: #dff0ea;}
.contentPadding {padding: 10px 10px 0 10px!important;}
h2 {font-size: 14px; margin: 5px 0 8px 0; line-height: 20px;}
h4 {font-weight: bold; margin-bottom: 5px; font-size: 14px;}
.date {background: #ddd; text-align: center; padding: 4px 0; margin-bottom: 10px;}
p.indent, .newsdetail p {text-indent: 2em;}
.newsdetail ul li {margin-left: 3em;}
.containerBox:after {display: block; content: ;}
.back {float: right; line-height: 15px; margin-bottom: 10px;}
.more, .btn {background: #30b882; border: 0px solid #ddd; border-radius: 6px; text-align: center; padding: 5px 15px; margin-bottom: 1em; display: inline-block; color: #fff;}
.more a, .btn:hover {color: #fff;}

.aboutCompany h2 {box-shadow:  -3px 0 0 #9bdbc7, -6px 0 0 #7fd2b7, -9px 0 0 #63c8a6; margin-left: 9px; padding: 4px; background: #ebf6f2; margin: 12px 0 18px 9px;}


/* products */
.products {margin: 0; background: #71cdae; padding: 5px 5px 0;}
.line {border-bottom: 1px dashed #bbe4d6; font-size: 18px; color: #d2ece4; padding: 15px 0 6px 5px; magin: 0 -5px 10px -5px;}
.line span {font-size: 32px;}
.products .more {margin-right: 5px; background: #e0f6ef;}
.products .more a {color: #1f845e;}
ul.productList {margin: 5px 0 5px; padding: 0;  width: 100%;}
ul.productList li {border: 5px solid #71cdae; margin: 0; width: 33.33333%; display: inline-block; float: left; text-align: center;}
ul.productList li .box {border: 0px solid rgba(255, 255, 255, 0.7); display: block; min-width: 140px; height: 160px; overflow: hidden; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);}
ul.productList li .prodImg {text-align: center; height: 105px; background: #fff;}
ul.productList li .prodImg img {max-width: 120px; max-height: 85px; margin: 10px auto 8px; height: 85px;}
ul.productList li .txt {background: #d2ece4; border-top: 1px solid #ddd; min-height: 44px; padding: 5px 0;}
ul.productList li .title a {font-size: 14px; line-height: 21px; font-weight: bold; color: #333; height:20px; white-space: nowrap; text-overflow: ellipsis;display: inline-block; width: 95%; overflow: hidden;}
ul.productList li .tags {color: #333; white-space: nowrap; text-overflow: ellipsis;display: inline-block; width: 95%; overflow: hidden; line-height: 1.15;}



/* container */
.containerTab {height: 60px; font-weight: normal; z-index: 10; overflow: visible; background: #ebf5f2;clear: both;}
.containerTab a {overflow: visible; float: right; margin-right: 10px; background: #49a280; border-radius: 8px; color: #fff; font-size: 11px; padding: 0 5px; margin-top: 25px; line-height: 15px; opacity: .75;}
.containerTab .containerTitle {display: inline-block; color: #109d6e; font-size: 16px; z-index: 20; padding: 0 10px; height: 60px; line-height: 60px; float: left;}
.containerTab .containerTitle span {font-size: 32px; padding-right: 4px; float: left; margin-top: 13px;}

.containerBox {padding: 0; margin-bottom: 10px; border: 0px solid #ddd; border-top: none;}
.featured img {float: left; margin: 0 10px 10px 0;}
.featured div.title {font-size: 14px; color: #63c8a6; padding-bottom: 5px;}
.featured a {color: #63c8a6;}

.containerCity {padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-top: none;}
.containerCity a{ float:left; margin-right:20px;}

/* news */
.news ul {padding: 0;}
.news ul li {float: left; display: block; border-bottom: 1px dashed #fff; width: 100%; box-sizing: border-box;-moz-box-sizing:border-box; margin-bottom: 0; padding: 0; background: #dff0ea;}
.news ul li a {margin-left: 0; display: table-cell; height: 63px; padding: 0 10px; vertical-align: middle; color: #146248;}
.news ul li a:hover {color:#333;}
.news ul li span.date {float: left; background: none; margin: 0; background: #4abe94; width: 75px; height: 63px; line-height: 63px; display: inline-block; color: #fff; border-right: 1px solid #fff;}

.newsdetail {padding: 10px 0; background: #fff;}
.newsdetail h1, .newsdetail .meta {text-align: center; margin: 10px 0;}
.newsdetail .meta {font-size: 12px;}
.newsdetail h1 {font-size: 16px;}
.newsdetail .newsContent {border-top: 1px dotted #90d8c0; border-bottom: 1px dotted #90d8c0; padding: 10px; background: #f0f9f6; margin-bottom: 15px;}
.newsdetail img {max-width: 100%; margin-bottom: 10px;}
.newsdetail .newsBtm {text-align: right; padding-right: 10px;}
.newsdetail .newsBtm span {color: #a3a5a4; margin-right: 4px; font-size: 14px;}
.relatednews {padding: 10px; margin-bottom: 20px;}

/* feedback */
.feedback{min-height:400px}
.feedback ul li{clear: both; list-style: none; float: left; width: 100%; margin-bottom: 5px;}
.feedback p {text-indent: 0; margin: 0px;}
.feedback label {width: 15%; text-align: right; margin-right: 2%; float: left; line-height: 25px; font-size: 14px;}
.feedback input {float: left; border:1px solid #a2ddc9; line-height:32px;height:32px;width:80%;padding:0 1%;}
.feedback textarea{width:80%;height:100px;padding:1%;resize:none;background:#fff;border:1px solid #a2ddc9; float: left; margin: 0;}
.feedback ul li.last{margin:10px 0 20px 17%;}
.feedback ul li.last input{background: #30b882; border: 0px solid #ddd; border-radius: 6px; text-align: center; padding: 5px 20px; margin-bottom: 1em; display: inline-block; cursor:pointer; width: auto; color: #fff; line-height: 16px;}

/* contact */
ul.contactInfo {background: #28956C; float: left; width: 100%; margin: 0;}
.contactInfo li {list-style: none; padding: 10px!important; display: block; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3); clear: both; float: left; width: 100%; box-sizing: border-box; color: #0d503a;}
.contactInfo li a {color: #0d503a;}
.contactInfo li:nth-child(1) {background: rgba(255, 255, 255, 0.7);}
.contactInfo li:nth-child(2) {background: rgba(255, 255, 255, 0.6);}
.contactInfo li:nth-child(3) {background: rgba(255, 255, 255, 0.5);}
.contactInfo li:nth-child(4) {background: rgba(255, 255, 255, 0.4);}
.contactInfo li:nth-child(5) {background: rgba(255, 255, 255, 0.3);}
.contactInfo label {float: left; text-align: right; min-width: 38px;}
.contactInfo span {width: auto; float: left; width: 85%;}

.detailInfo li {list-style: none; background: none!important; padding: 0!important; display: block; clear: both;}
.detailInfo label {float: left; text-align: right; min-width: 38px;}
.detailInfo span {width: auto; float: left; width: 80%; margin-left:2%;}

/*pagination*/
.pager {text-align:center;margin:10px auto;}
.pager a{border:1px solid #26a274;display:inline-block;background:#e0f6ef; padding:3px 6px;margin-right:5px;font-size:0.875em}
.pager a.sele, .pager a:hover {background: #26a274; color: #fff;}

/*search*/
.search{position:relative; padding: 0 0 0 10px; background: #fff; overflow: visible; margin-right: -10px; display: inline-block; width: 100%; box-sizing: border-box;}
.search input{padding:2px 4px;height:28px; line-height:28px;border:1px solid #26a274; width:63%; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; display: inline-block; float: left; margin: 10px 0;}
.search a{display:inline-block; font-size: 14px; text-align: center; line-height: 28px; margin: 10px 0; height: 28px; float: left;}
.search a:hover {opacity: .9; color: #63c8a6;}
.search a.search_btn {color: #fff; background: #26a274; width: 10%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.search a.category {background: #26a274; width: 23%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; margin: 10px 0 10px 2%; font-size: 12px;}


 /*category*/
.category {}
.categoryList {display: none; position: absolute; right:0; top:45px; z-index: 100; float: right; background: #26a274; text-align: left; width: 96%; box-sizing: border-box; padding: 10px; margin: 0 2%; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); overflow: visible!important;}
.categoryList em {position: absolute; right: 10%; top: -6px; width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 6px solid #26a274;
}
.categoryList li {list-style: none; background: none; text-align: center; width: 100%; border-top: 1px dotted rgba(255,255,255,0.3); float: left; width: 49.5%;}
.categoryList li a {width: 100%; text-align: center; line-height: 20px; margin: 3px 0; height: 20px; float: none; display: inline-block; color: #fff;}
.categoryList li:nth-child(2n+1) {border-right: 1px dotted rgba(255,255,255,0.3);}
.categoryList li:nth-child(1), .categoryList li:nth-child(2) {border-top: none;}
/*footer*/
.footerbg {background:#28956c; border-top: 3px solid #59c59c; text-align: center;overflow:hidden; padding: 10px 0;bottom:0px;position:;}
.footer{line-height:25px; text-align:center; width:100%; z-index:999; color: #fff;}

/*pimg*/
.productdetail{padding:10px}

.pimg{width:100%; text-align:center}
.pimg .img {width: 64%; padding: 2% 0; border: 1px solid #ddd; margin: 10px auto; } 
.pimg img{max-width:100%;max-height:100%; vertical-align:middle; margin: 0 auto;}
.pimg .list ul {margin:0 auto; padding:0; display: table;}
.pimg .list ul li {list-style: none; display: inline-block; margin: 0 2px 10px; width: 66px; height: 66px; text-align: center; border: 1px solid #ddd; }
.pimg .list ul li.sel, .pimg .list ul li:hover {border: 1px solid #63c8a6;}
.pimg .list ul li img {max-width: 66px; max-height:64px; vertical-align: middle;}
.pinfo{}
.productdesc {padding: 10px 10px 0;}
.productdesc p {text-indent: 2em; padding-bottom: 10px;}
.relatedproduct {padding: 0 10px;}
.relatedproduct ul {margin-bottom: 1em; display: block;}
.containerBox ul li, .news li, .relatednews li, .relatedproduct ul li {list-style: none; background: url(../images/dot.png) no-repeat 0 11px; padding: 5px 10px; line-height: 15px;}
.relatedproduct ul li:last-child {padding-bottom: 0;}

#ProductAccordion .icon-thinarrowleft {left: -35px; text-indent: 0; font-size: 35px;}
#ProductAccordion .icon-thinarrowright {right: -20px;text-indent: 0; font-size: 35px;}

.tishi{ text-align:center; color:#999; font-size:16px;}

/* Product Accordion */
.Accordion {
	border: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	outline: 0;
	min-height: 420px;
}

.AccordionPanel {
	margin: 0;
	padding: 0px;
}

.AccordionPanelTab {
	margin: 0px;
	padding: 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	position: relative;
	z-index: 10;
	background: #63c8a6;
	height: 60px;
	line-height: 60px;
}
.AccordionPanelTab.tab1 {background: rgba(54, 179, 133, 0.2);}
.AccordionPanelTab.tab2 {background: rgba(54, 179, 133, 0.4);}
.AccordionPanelTab.tab3 {background: rgba(54, 179, 133, 0.6);}

.AccordionPanelTab div {font-size: 14px; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3);}
.AccordionPanelTab span {background: rgba(255, 255, 255, 0.2); padding: 20px; width: 60px; height: 60px; color: #fff; font-size: 20px; box-sizing: border-box; float: left; margin-right: 10px; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.1);}
.AccordionPanelTab em {float: right; font-family: 'icomoon';	speak: none; font-style: normal; font-weight: normal; font-variant: normal;text-transform: none; line-height: 1; font-size:16px; color: #fff; text-shadow: none; margin-top: 22px; margin-right: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.AccordionPanelOpen em:before {content: "\f107"; }
.AccordionPanelClosed em:before {content: "\f105";}

.AccordionPanelContent {
	margin: 0;
	padding: 10px;
	height: auto;
	position: relative;
	z-index: 20;
	background: #fff;
}
.AccordionPanelContent .bx-wrapper {width: 80%; margin: 5px auto 15px auto;}
.AccordionPanelContent h2 {box-shadow:  -3px 0 0 #9bdbc7, -6px 0 0 #7fd2b7, -9px 0 0 #63c8a6; margin-left: 9px; padding-left: 4px; background: #ebf5f2; padding: 4px;}

ul.labelSpan {float: left; width: 100%; margin: 0 0 10px;}
.labelSpan li {list-style: none; display: block; clear: both; float: left; width: 100%; padding: 2px 0;}
.labelSpan label {float: left; text-align: right; min-width: 66px;}
.labelSpan span {width: auto; float: left; width: 75%;}

.enshrine{ padding:5px; background: #ebf5f2;}
.enshrine li{ list-style-type:none; width:33%; float:left; text-align:left;}

.sel{ color:#28956C !important;}

.AccordionPanelOpen .AccordionPanelTab {
}

.AccordionPanelTabHover {
}
.AccordionPanelOpen .AccordionPanelTabHover {
	outline: 0;
}
	
.AccordionFocused .AccordionPanelTab {
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}
.Accordion p {line-height: 1.8em; margin-bottom: 1em;}
.Accordion p:last-child {margin-bottom: 0;}
.AccordionPanelTab h2 {border-bottom: 1px dashed #ccc; padding-left: 0; margin-left: 40px; margin-bottom: 4px; position: relative; line-height: 28px;}
.Accordion h3 {line-height: 1.8em;}
h2 em {width: 35px; height:35px; margin-left: -40px; position: relative; float: left;}
h2.p1 em {background: url(../images/zp1.jpg) no-repeat 0 0;}
h2.p2 em {background: url(../images/zp2.jpg) no-repeat 0 0;}
h2.p3 em {background: url(../images/zp3.jpg) no-repeat 0 0;}
h2.p4 em {background: url(../images/zp4.jpg) no-repeat 0 0;}
h2.p5 em {background: url(../images/zp5.jpg) no-repeat 0 0;}
h2.p6 em {background: url(../images/zp6.jpg) no-repeat 0 0;}
h2.p7 em {background: url(../images/zp7.jpg) no-repeat 0 0;}
h2.p8 em {background: url(../images/zp8.jpg) no-repeat 0 0;}
h2.p9 em {background: url(../images/zp9.jpg) no-repeat 0 0;}
h2.p10 em {background: url(../images/zp10.jpg) no-repeat 0 0;}