@charset "utf-8";
/*common*/
* { margin: 0; padding: 0; list-style: none; font-family: "瀹嬩綋"; }
*:focus {outline: none;}
html, div, map, dt, form, header, aside, section, section, article, footer {display: block; -webkit-text-size-adjust: none;}
html, body {height: 100%; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background: white; font-size: 12px; -webkit-text-size-adjust: none;}
img{ border:none;}
a{ color: #484848; text-decoration: none;}
a:hover{ color: #23ada0;}
.f-l{float: left;}
.f-r{float: right;}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-r{text-align: right;}
.clearfix{clear: both;}
.p-10{padding: 10px;}
.p-r-10{padding-right:10px;}
.p-l-10{padding-left:10px;}
.p-t-10{padding-top:10px;}
.p-b-10{padding-bottom:10px;}
.m-10{margin: 10px;}
.m-r-10{margin-right:10px;}
.m-l-10{margin-left:10px;}
.m-t-10{margin-top:10px;}
.m-b-10{margin-bottom:10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-18{font-size: 18px;}
.font-bold{font-weight: bold;}
.position-rel{position: relative;}
.position-abs{position: absolute;}
.font-12em{font-size: 1.2em;}
.font-15em{font-size: 1.5em;}
.font-20em{font-size: 2em;}
.font-25em{font-size: 2.5em;}
.font-30em{font-size: 3em;}
.bold{font-weight: bold;}
.font-14{font-size: 14px;}
.color-b{color:#484848;}
.width-half{width: 50%;}
.v-m{vertical-align: middle;}
.m-c{ margin: 0 auto;}
.width-p50{width:50%;}
.width-p60{width: 60%;}
.width-p80{width: 80%;}
.width-p90{width: 90%;}
.width-p100{width: 100%;}

/*header*/
div#heaer{border-top:5px solid #6fa300; padding-top:20px; background-color:#fcfcf8; height:75px;}
.logo-top{ margin-top: 10px;}
div#nav{display: block; width: 779px; height: 60px;background: url(images/bg_nav.png) no-repeat;}
#nav ul{ padding-top: 8px; padding-left: 72px; }
#nav ul li{color:white; display: block; float:left; font-size: 14px;}
#nav ul li a{ color: white; padding:0 18px; display: block; height: 33px; line-height: 33px; text-align: center; text-decoration: none;}
#nav ul li a:hover{
	color: #f4ffc3;
	transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	background: #407504;
}
#nav ul li a:hover strong{
	display:inline-block;
	transform: skew(20deg);
	-o-transform: skew(20deg);
	-webkit-transform: skew(20deg);
}
.current_nav{
	color: #f4ffc3;
	transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	background: #407504;
}
.current_nav strong{
	display:inline-block;
	transform: skew(20deg);
	-o-transform: skew(20deg);
	-webkit-transform: skew(20deg);
}

/*form*/
.form{}
.form .btn{ line-height: 30px; height: 30px; background: url(images/bg_btn.jpg) repeat-x; padding: 0 20px; border: none; color: white; cursor: pointer; }
.form .input-gray{border:1px solid #c9c9c9; border-bottom-color:#c9c9c9; border-right-color:#c9c9c9; background: url(images/bg_input.png) no-repeat #f6f6f6; line-height: 28px; height: 28px; padding: 0 10px;}
.form .input{border:1px solid #c9c9c9; border-bottom-color:#c9c9c9; border-right-color:#c9c9c9; background: url(images/bg_input_white.png) no-repeat white; line-height: 28px; height: 28px; padding: 0 10px;}
.form .search-gray{ background: url(images/bg_search.jpg) no-repeat; padding-left: 36px; width: 140px;}
.form .search{ background: url(images/bg_search_white.jpg) no-repeat; padding-left: 36px; width: 140px;}
.form li { padding: 10px 0; overflow: auto; zoom: 1; border-bottom: 1px dashed #CCCCCC; }
.form label { float: left; text-align: right; padding-right: 10px; width: 100px; display: block; height: 28px; line-height: 28px; font-size: 14px; }

/*main*/
.bg_body{background:url(images/bg_body.jpg) repeat-x;}
#main{padding-bottom:50px;}
.prod-title{padding:25px 25px 20px 25px; overflow: hidden;}
.col{ display: block; height: 220px; width: 310px; background-color: white;}
.col-split{ display: block; width: 24px; height: 220px;}
.news-list{ font-size: 12px; padding: 10px; clear: both; color: #484848;}
.news-list li{height: 35px; line-height: 35px; padding: 0 10px; border-bottom: 1px dashed #dedede; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li a{ color: #484848; text-decoration: none;}
.news-list li a:hover{ color: #23ada0;}

/*pager*/
.page_turner{ font-size: 12px; float: right; padding-top: 30px;}
.page_turner a{ display: inline; padding: 5px 8px; margin: 5px; text-align: center;}
.page_turner a.c{ background: #407504; color: white;}

/*hotline*/
.label{ background: #79a709; border-top: 4px solid #79a709; border-bottom: 4px solid #1e5501; color: white;}
.label a{color: white;}

/*footer*/
div#footer{ color:white; background:url(images/bg_footer.jpg) repeat-x left 25px #f2f2f2; padding-top:25px;}
#footer li{ float: left;}
#footer img{vertical-align: middle;}
/*diy*/
.mainwidth{ width: 980px; margin: 0 auto;}
.p-r-20{padding-right: 20px;}
.p-20{padding:20px;}

/*unslider*/
#banner{background:url(images/bg_banner.jpg) no-repeat #f2f2f2; position:relative;}
#banner .banner { position: relative; overflow: auto; overflow:hidden; margin:0 auto;}
#banner .banner ul{ }
#banner .banner ul li { float: left; }
#banner_sub{background:url(images/bg_banner_sub.jpg) center 1px no-repeat #f2f2f2; position:relative; border-bottom: 5px solid #335300;}
#banner_sub .banner { position: relative; overflow: auto; overflow:hidden; margin:0 auto;}
#banner_sub .banner ul{ }
#banner_sub .banner ul li { float: left; height: 300px; overflow: hidden; }
.product {overflow: auto; margin:0 auto;}
.product ul li { float: left; }
.product .dots {
	position: absolute;
	top: -45px;
	left: 340px;
}
.product .dots li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	text-indent: -999em;
	border-radius: 6px;
	cursor: pointer;
	background-color: #DDD;
}
.product .dots li.active {
	background: #21aeb5;
}

.img-list{ display: block; width: 950px; margin: 0 auto;}
.img-list div{display: block; width: 190px; float: left; text-align: center; }
.img-list div img{ width: 170px; height: 160px; margin-bottom: 10px;}

.prod-list{}
.prod-list li{display: block; width: 174px; float: left; text-align: center; padding-top:10px; padding-bottom: 10px;}
.prod-list li:hover{ background: #f8f8f8;}
.prod-list li img{ width: 150px; height: 140px;}

/*tab*/
.tab-style{display: block; width: 155px; height: 32px; line-height: 32px; float: left; text-align: center; font-weight: bold; }
.tab-list{}
.tab-list .tab-btn {background: #7aa80a; border-top: 4px solid #7aa80a; border-bottom: 4px solid #1e5501; color: white; cursor: pointer;}
.tab-list .tab-btn-active{ background: white; border-top: 4px solid white; border-bottom: 4px solid white; color: #484848; cursor: default;}
.tab-content{ display: none;}
.tab-content-active{ display: block;}
.tab-title{background: #7aa80a; border-top: 4px solid #7aa80a; border-bottom: 4px solid #1e5501; color: white;}
.tab-title-active{background: white; border-top: 4px solid white; border-bottom: 4px solid white; color: #484848; }

/*leftside*/
.side{width:210px;}
.menu-block{background:url(images/bg_side.png) left top no-repeat; padding-left:10px;}
.menu-block h4{color:#2b5d05; padding-left:32px; padding-top:45px; padding-bottom: 15px;}
.menu-block .menu{}
.menu-block .menu li{ line-height: 40px; color:white;}
.menu-block .menu li a{ display:block; padding-left:35px; color:white;}
.menu-block .menu li.current_channel a{color:#2b5d05; background: url(images/bg_menu_a.jpg) no-repeat; font-size:1.2em; font-weight: bold;}
.menu-block .menu li a:hover{ color:#2b5d05; background: url(images/bg_menu_a.jpg) no-repeat; font-size:1.2em; font-weight: bold; }
.side_hotline{background:url(images/bg_side_hotline.jpg) right top no-repeat; padding-top:155px; padding-bottom: 20px; font-family:'arial'; color:#3cb4ba; text-indent:45px;}

/*rightside*/
.main{ width:724px;}
.location{padding-top: 20px;line-height: 66px;}
.cont-block{padding: 10px; overflow: hidden;}

/*淇℃伅璇︽儏椤�*/
#info_name { font-size: 20px; text-align: center; padding: 20px 0; }
#info_intro { text-align: center; color: #999; border: 1px solid #E4DDB4; line-height: 30px; background: #F6F1E3; }
#info_intro a { color: #999; }
#info_picture { text-align: center; margin: 20px auto; }
#info_picture img { padding: 5px; border: 1px solid #CCC; }
#info_video { text-align: center; margin: 20px auto; }
#info_slideshow { text-align: center; margin: 20px auto; overflow: auto; zoom: 1; }
.info_slideshow_show img { padding: 5px; border: 1px solid #CCC; max-width: 600px; }
#info_slideshow_nav { overflow: auto; zoom: 1; margin-top: 10px; }
#info_slideshow_nav li { float: left; padding: 2px; }
#info_slideshow_nav li img { width: 50px; height: 50px; border: 1px solid #CCC; padding: 1px; cursor: pointer; }
#info_attach { margin: 20px auto; text-align: center; }
#info_scontent { padding: 10px; background: #EFF3D9; border: 1px solid #A6CC93; margin-top: 10px; }
#info_content { padding: 20px 0; font-size: 14px; overflow:hidden;}
#info_bcontent { padding: 10px 0; font-size: 14px; }
#info_extra { padding: 10px 0; }
#info_pic { width: 240px; }
#info_bpic { padding: 10px; text-align: center; }
#info_bpic img { max-width: 600px; padding: 5px; border: 1px solid #CCC; }
#info_around { padding:5px 10px; background: #EFF3D9; border: 1px solid #A6CC93; }
#info_comment { text-align: right; padding: 20px 0; }
/*鏃犵紳婊氬姩*/
#products_scroll { overflow: auto; width: 100%; }
#sitemap li { padding: 1px; }
#sitemap li a { background: #EFF3D9; line-height: 22px; display: block; padding: 0 20px; border: 1px solid #A6CC93; }
#sitemap li a:hover { text-decoration: none; background: #FFF; }
/* 漂浮的客服 */
#online_support_main { z-index: 9999; position: fixed; display: block; overflow: hidden; width: 163px; zoom: 1; }
#online_support_title { height: 34px; background: url(images/online_support_title.jpg) no-repeat; cursor: pointer; }
#online_support_body { min-height: 100px; background: url(images/online_support_body.jpg) repeat-y; padding: 10px; text-align: center; }
#online_support_bottom { height: 20px; background: url(images/online_support_bottom.jpg) no-repeat; }