@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;
}
*: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: #666;
}

::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: #666;
}
a:hover {
	text-decoration: none;
	color: #666;
}


ul li{ list-style-type:none;}
li{ list-style-type:none;}
.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;}

.floatl {float: left;}
.floatr {float: right;}
.mobileOnly{ display:none;}
/*webpage*/
.webPage{ height:80px;  width:100%; background:#12B5B1;}
.webPage .webmaxPage{margin:0px auto;}
.webPage .webHeader{ line-height:80px; font-size: 2em; color:#fff; float:left; width:55%; }
.webPage .webHeader .webLogo{ }
.webPage .webSearch{ float:right; height:25px; margin-top:28px; border-radius:4px; width:25%; background:#E0E0E0; }
.webPage .webSearch input{ height:25px; border:0px; width:85%;border-bottom-left-radius:4px;border-top-left-radius:4px; line-height:25px;}
.webPage .webSearch span{ margin-left:3%; font-size:15px;}
.icon-search{ margin-top:1px;}
.pagewidth{ max-width:980px;}
.webPage .webNav{ height:40px; background:#eee; border-bottom:4px solid #00736D;}
.webPage .webNav .menu{ max-width:980px; margin:0px auto;}
.webPage .webNav .menu ul li{ float:left; width:9.5%; line-height:40px; text-align:center;}
.webPage .webNav .menu ul li a{ display:block; width:100%; font-size:14px;}
.menu ul li:hover,.menu ul li.sel, .menu ul li a:hover,.menu ul li a.sel{background:#167D77; color: #fff!important;}

/* mobile header */
.mobileOnly .header{background: #12B5B1; border-bottom: 4px solid #00736D; font-size: 1.4em; line-height: 40px; color: #fff; text-align: center;}
.mobileOnly .header div {overflow: visible!important; z-index: 99999;}
.mobileOnly .logo {text-overflow:ellipsis; margin: 0 auto; white-space: nowrap;overflow:hidden;height:40px;width:85%;padding-right:20px}
.mobileOnly .logo span{text-align:center;height:40px; line-height:40px;display:inline-block;width:100%;overflow:hidden}
.mobileOnly .header span{white-space:nowrap;text-overflow:ellipsis}
/* navigation */
.navigation {display: none;}
#nav{
	position: absolute;
	backgrund-repeat:no-repeat;
	display:inline-block;
	top: 0;
	right: 10px;
	z-index: 99999;
	color: #fff;
	font-size: 16px;
}

#nav .hamburger {
	display: inline-block;
	float: right;
	position: relative;
	width: 20px;
	height: 15px;
	background: #f7f7f7;
	border: 0px solid #F7F7F7;
	border-bottom-width: 0;
	margin-top:12px;
}
#nav .hamburger:before, #nav .hamburger:after {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 20%;
	background: #12B5B1;
	transition: all ease .2s;
	-webkit-transform: translateZ(0);
}
#nav .hamburger:after {
top: 60%;
}
#nav.open .hamburger {background: #12B5B1;}
#nav.open .hamburger:before {
top: 40%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #f7f7f7;
}
#nav.open .hamburger:after {
top: 40%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #f7f7f7;
}
.navigation li{
	list-style:none;
}

ul.menu {background: #333; margin: 0 -1px; box-sizing: border-box; border-bottom: 2px solid #00736D;}
ul.menu li {display: inline-block; width: 49.5%; column-count:3; padding: 10px 0; box-sizing: border-box; background: #444; margin: 0 1px 1px 0; text-align: center; float: left;}
ul.menu li a {color: #ccc; text-decoration: none; font-size: 14px;  white-space: nowrap; width:100%; text-align: center;}

/* banner */
.bannerbg{ background:#12B5B1;}
.banner{ margin:0px auto;}
.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;}
/*main*/
.main { max-width:980px; margin:0px auto; margin-top:10px;}
.mainleft{ float:left; width:30%;}
.mainright{ float:right; width:69%;}

/* content */
.rescontent{ margin-top:10px;}
.contentdetail{ padding:0px 10px; width:100%; display:inline-block; border:1px solid #dddddd; border-top:none;}

h2 {font-size: 14px; margin: 10px 0 10px 0;}
h4 {font-weight: bold; margin-bottom: 5px; font-size: 14px;}
.date {background: #ddd; text-align: center; }
p.indent, .newsdetail p { padding:0px 10px; line-height:25px; text-indent:2em; /* text-indent: 2em; */}
.containerBox ul li, .relatednews li, .relatedproduct ul li {list-style: none; background: url(../images/redDot.png) no-repeat 5px 11px; padding-left: 15px;}
.containerBox:after {display: block; content: ;}
.back {float: right; line-height: 15px; margin-bottom: 10px;}
.more {background: #ececec; border: 1px solid #ddd; border-radius: 4px; text-align: center; padding: 5px; box-shadow: inset 0 0 2px #fff; margin-bottom: 1em; margin:0px auto; float:right; margin-right:2%;}
.more a {color: #333;}

/* products */
.infoproducts{ margin-bottom:10px;}
.products {margin:0px auto; margin-bottom:10px; margin-top:10px;}

.productsTab {background: url(../images/titleBg.jpg) repeat-x; height: 28px; border: 1px solid #ddd; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 2px; border-top-left-radius: 4px; border-top-right-radius: 2px; font-weight: normal; z-index: 10; overflow: visible;}
.productsTab a {color: #fff; font-size: 16px; overflow: visible;}
.productsTab img {float: right; margin-top: 5px; margin-right: 4px;}
.productsTab .containerTitle {display: inline-block; z-index: 20; margin: -2px 0 0 -1px; background:#12B5B1; padding: 0 10px 0 6px; height: 29px; line-height: 29px;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; float: left;}

ul.productList {margin: 0 0 5px; padding-top: 5px;  width: 100%; box-sizing:border-box;}
ul.productList li {border: 5px solid #fff; margin: 0; width: 33.3%; display: inline-block; float: left; text-align: center;}
ul.productList li .box {border: 1px solid #ddd; display: block; min-width: 140px; height: 150px; overflow: hidden;}
ul.productList li .prodImg {text-align: center; height: 105px;}
ul.productList li .prodImg img {max-width: 120px; max-height: 85px; margin: 10px auto 8px; height: 85px;}
ul.productList li .txt {background: #f5f5f5; border-top: 1px solid #ddd; min-height: 44px;}
ul.productList li .title a {font-size: 14px; line-height: 21px; font-weight: bold; color: #666; height:20px; white-space: nowrap; text-overflow: ellipsis;display: inline-block; width: 95%; overflow: hidden;}
ul.productList li .tags {color: #666; white-space: nowrap; text-overflow: ellipsis;display: inline-block; width: 95%; overflow: hidden; line-height: 1.15;}

.productul,.innerproduct{ border:1px solid #DDDDDD; border-top:none;}


.innerproduct ul.productList li{ width:25%;}

/* container */
.containerTab {background: url(../images/titleBg.jpg) repeat-x; height: 28px; border: 1px solid #ddd; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 2px; border-top-left-radius: 4px; border-top-right-radius: 2px; font-weight: normal; z-index: 10; overflow: visible;}
.containerTab a {color: #fff; font-size: 16px; overflow: visible;}
.containerTab img {float: right; margin-top: 5px; margin-right: 4px;}
.containerTab .containerTitle {display: inline-block; z-index: 20; margin: -2px 0 0 -1px; background:#12B5B1; padding: 0 10px 0 6px; height: 29px; line-height: 29px;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; float: left;}
.containerTab .containerTitle span {font-size: 15px; padding-right: 4px;}

.containerBox {padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-top: none;}
.containerBox  li{ line-height:25px;}
.containerBox  li a:hover{ color:#CC2929;}
.featured img {float: left; margin: 0 10px 10px 0;}
.featured div.title {font-size: 14px; color: #cc2929; padding-bottom: 5px;}
.featured a {color: #cc2929;}

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

/* news */
.news{ margin:0px auto; margin-bottom:10px; min-height:250px;}
.news ul {padding: 0;}
.news ul li {float: left; display: block; border-bottom: 1px dashed #ddd; width: 100%; box-sizing: border-box;-moz-box-sizing:border-box;  line-height:35px; height:35px; padding:0px 10px 0px 15px; background: url(../images/redDot.png) no-repeat 5px 16px; overflow:hidden;}
.news ul li a:hover {color:#167D77;}
.news ul li span.date {float: right; display: inline-block; background: none; margin: 0;}
.newsdetail img {max-width: 100%; margin-bottom: 10px;}
.newsdetail h2 {text-align: center;}
.newsdetail{ overflow:hidden;}

.innernews,.newsdetail{ width:100%; display:inline-block; border:1px solid #dddddd; border-top:none;}
/*info*/

.infonews,.infomessage{ border:1px solid #dddddd; min-height:350px; border-top:none; margin-bottom:10px; width:100%;  display:inline-block;}

.infonews ul {padding: 0;}
.infonews ul li {float: left; display: block; border-bottom: 1px dashed #ddd; width: 100%; box-sizing: border-box;-moz-box-sizing:border-box;  line-height:35px; height:35px; padding:0px 10px 0px 15px; background: url(../images/redDot.png) no-repeat 5px 16px; overflow:hidden;}
.infonews ul li:last-child{ margin-bottom:10px;}
.infonews ul li a:hover {color:#cc2929;}
.infonews ul li span.date {float: right; display: inline-block; background: none; margin: 0;}
/* feedback */
.feedback{ margin-top:10px;}
.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;}
.feedback input {float: left; border:1px solid #bbb; line-height:25px;height:25px;width:80%;padding:0 1%;}
.feedback textarea{width:80%;height:100px;padding:1%;resize:none;background:#fff;border:1px solid #bbb; float: left; margin: 0;}
.feedback ul li.last{margin:10px 0 0px 0px; padding-left:17%;box-sizing:border-box;}
.feedback ul li.last input{background:#12B5B1;border:0px solid #bbb;height:30px; line-height:30px; text-align:center;color:#fff;font-size:1em;cursor:pointer;border-radius:5px; padding: 0 1.5em; width: auto; }

/* contact */
.companyIntro{ margin-top:10px;}

.infocompanyIntro{border:1px solid #dddddd; border-top:none; margin-bottom:10px; padding:0px 10px;}
.aboutimg img{ margin-top:10px; max-width:100%;}
.contactInfo{ overflow:hidden;}
.contactInfo li {list-style: none; line-height:25px; background: none!important; padding: 0!important; display: block; clear: both;}
.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%;}

#productFavorite{ text-align:right;}

@media screen and (max-width: 309px) {
	ul.productList li {width: 100%;}
}

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

/*search*/
.search{position:relative; padding: 0 0 0 10px; background: #ddd; overflow: visible; margin-right: -10px; display: inline-block; width: 100%; box-sizing: border-box;}
.search input{padding:0 4px;height:25px; line-height:25px;border:1px solid #bbb;width:73%;border-radius: 4px; display: inline-block; float: left; margin: 10px 0;}
.search a{display:inline-block; font-size: 14px; text-align: center; line-height: 45px; height:45px; float: left; width: 12%; text-align: center;}
.search a:hover {opacity: .9; background: #ddd; color: #cc2929;}
.search .line {background: #ccc; width: 1px; height: 45px; display: inline-block; float: left;}
/*category*/
.category {float: right;}
.categoryList {display: none; position: absolute; right:0; top:45px; z-index: 100; float: right; background: #ddd; text-align: left; width: 100px;}
.categoryList li {list-style: none; background: none; text-align: center; width: 100%; border-top: 1px solid #ccc;}
.categoryList li a {width: 100%; text-align: center; line-height: 30px; height: 30px; float: none; display: block;}
/*city*/

.city{ margin:0px auto;}
/*footer*/
.footer{line-height:25px;background:#12B5B1; text-align:center; overflow:hidden; padding: 10px 0; 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; float:left; }
.pimg .list ul li.sel, .pimg .list ul li:hover {border: 1px solid #cc2929;}
.pimg .list ul li img {max-width: 64px; max-height:64px; vertical-align: middle;}
.pinfo{}
.productdesc {padding: 10px 10px 0;}
.productdesc p {text-indent: 2em; padding-bottom: 10px; line-height:25px;}
.relatedproduct {padding: 10px;}
.relatedproduct ul {margin-bottom: 1em;}
.relatedproduct ul li {line-height: 20px;}

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

/* 赞 + 收藏 */
.sel{ color:#12B5B1 !important;}
.more, .btn {background: #12B5B1; border: 0px solid #ddd; border-radius: 2px; text-align: center; padding: 1px 6px; margin-bottom: 10px; width:80px; color: #fff; }
.more a, .btn:hover {color: #fff;}
.enshrine { padding: 5px; margin-top:10px; background: none repeat scroll 0% 0% #f0f0f0; }
.enshrine li {list-style-type: none; width: 50%; float: left; text-align: left; line-height:23px; }
.newsBtm{text-align: right; margin-bottom:10px;}

/* 们 */
.attention{ color:#ccc; margin-left:4px; float:left }
.attentiono{ color:#477283; margin-right:10px; float:right;}
.attentiono:hover{ color:#fff;}
.attentionstyle{ padding:10px; width:100%; box-sizing:border-box; background:#FFF; display:inline-block;}
.attentiontitle{ height: 30px; line-height: 30px; font-weight:bold; font-size:14px;}
.attentionstyle li{ list-style-type: none; width: 50%; float: left; text-align: left; line-height:23px}

/* ProductTabs */
.TabbedPanels {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	border:1px solid #dddddd;
	border-top:0px;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	height: 33px;
	background: #ddd;
	border-bottom: #ccc 3px solid;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background: #ddd;
	width: 33%;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
}
.TabbedPanelsTab:hover {
	color: #00736D;
	border-bottom: 1px solid #00736D;
}
.TabbedPanelsTabSelected{
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #fff;
	padding: 0;
}
.TabbedPanelsContent {
	overflow: hidden;
	padding: 0;
	
}
.productdesc{
	min-height:350px;
	
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}