@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font: normal 90% "微软雅黑";
	color: #3a3a3a;
	background: #FAFAFA
}

/*公共样式*/

A {
	TEXT-DECORATION: none;
	color: #3a3a3a
}
A:hover {
	COLOR: #ff6600
}
.clear {
	clear: both
}
.fl {
	float: left
}
.fr {
	float: right
}
img {
	border: 0px;
}
DIV, ul, li, h1, h2, p, dl, dt, dd, input {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none
}
.main {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	position: relative
}
.title {
	height: 45px;
	margin: 0 auto;
	display: block;
	background:url(/img/title.png) no-repeat;
	font-size:1.2em;
	font-weight:normal;
	line-height:45px;
	padding-left:3%;
	color:#fff;
	border-radius:10px
}

.title span{ float:right; margin-right:5%; font-weight:normal; font-size:0.8em}
.title span a{ color:#FFF}

/* top.php */

.logo {
	position: relative;
	width: 100%;
	text-indent: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: bolder;
	color: #0a6633;
	text-align: left;
}
.logo img{ max-width:451px; width:50%; vertical-align:middle}

.top_search {
	display: block;
	width: 55px;
	height: 50px;
	background: url(/img/nav.png) no-repeat center;
	background-size: 40px;
	text-align: center
}
.seachbox_box {
	display: none;
	max-width: 640px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	height: 32px;
	padding: 8px 0;
	background: #004B8D;
	overflow: hidden;
}
.seachbox_box input.text {
	float: left;
	height: 14px;
	line-height: 32px;
	border: none;
	height: 32px;
	margin-left: 3%;
	background: #fdfdfd;
	font-size: 0.9em;
	padding-left: 10px;
	border-radius: 0;
}
.seachbox_box .submit {
	float: left;
	height: 32px;
	padding: 0px 19px;
	background: #fff url(/img/search.png)no-repeat 3px center;
	background-size: 32px 32px;
	border-radius: 0;
}
.nav {
	display:none;
	width: 100%;
	border-top: 1px #FFFFFF solid;
	background: #fff;
	color: #FFF;
	overflow: hidden;
}
.nav ul {
	width: 101%
}
.nav li {
	width: 33%;
	float: left;
	height: 31px;
	line-height: 31px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
}
.nav li a {
	display: block;
	color: #FFF;
	background: #5FB226;
	text-shadow: 1px 1px 1px #000;
}

/* index.php */

.about {
	width: 100%;
	margin: 0 auto;
}
.about ul li {
	padding: 10px;
	line-height: 30px
}

.ad{ width:100%; margin:5px 0}


.index_nav {
	width: 95%;
	margin:15px auto
}

.index_nav li {
	position:relative;
	width: 23%;
	float: left;
	text-align: center;
	margin-left:2%;
	margin-bottom:40px;
	background:url(/img/iline.png) right center no-repeat;
}
.index_nav li img{
	width:100%;
	max-width:105px;
}

.index_nav li:nth-child(4){
	background:none
	
}


.index_nav li p {
	position:absolute;
	width:100%;
	bottom:-30px;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:1.2em;
	color:#1a8f00;
}

.product {
	width: 100%;
	margin: 0 auto
}
.product li {
	width: 28%;
	float: left;
	margin:1% 0 1% 2%;
}
.product li div {
	position: relative;
	width: 97%;
}
.picbox img {
	width: 100%;
	border:1px #e4e4e4 solid;
	padding:1%;
}
.pictitle {
	width: 100%;
	bottom: 5px;
	left: 0;
	text-align: center;
	height: 30px;
	line-height: 30px;
}



.more {
	height: 33px;
	line-height: 33px;
	margin: 0 8px;
	border: 1px solid #efefef;
	background-color: #f6f5f5;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}
.more, .more a, .more span {
	color: #b4b4b4
}
.more span {
	font-size: 1em;
}
.more .gochannel:after {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: -5px;
	margin-left: 5px;
}
.more .gochannel:after {
	background-position: -63px 0;
}
.gochannel:after {
	background-image: url(/img/icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 119px 21px;
	-moz-background-size: 119px 21px;
	-o-background-size: 119px 21px;
	background-size: 119px 21px;
}

/* sort.php */

.sort {
	width: 95%;
	margin: 0 auto;
	color: #FFF;
	overflow: hidden;
}
.sort ul li {
	margin: 10px auto;
	height: 50px;
	line-height: 50px;
	text-align: left;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#f0f0f0, grandientType=0)
}
.sort ul li a {
	display: block;
	line-height: 50px;
	font-size: 18px;
	padding-left: 20px;
	font-weight: bolder;
	color: #5D5D5D;
}
.sort ul li a:hover {
	background-color: #83c1f7;
}

/* gallery.php */

#pro li {
	float: left;
	display: block;
	padding: 2%;
	line-height: 21px;
	text-align: center;
	width: 28%;
}
#pro li div {
	display: block;
	width: 99%;
	border: 1px solid #408B39;
	float: left;
	padding: 1px;
	text-align: center;
	overflow: hidden
}
#pro li img {
	width: 170px;
	border: 1px solid #fff;
	float: left;
}
#pro p {
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: left;
	text-align: center;
	color: #fff;
	background: #408B39;
	margin-top: 9px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.product_sort {
	display: block;
	width: 80px;
	background: #408B39;
	font-size: 0.9em;
	height: 45px;
	line-height: 45px;
	color: #FFF;
	text-align: center
}
.gallery_more {
	display: block;
	width: 50%;
	margin: 10px auto;
	padding: 8px 0;
	text-align: center;
	background: #408B39;
	color: #FFF
}
.allsort {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.allsort .close {
	border-right: 1px #FFFFFF solid;
	width: 20%;
	background: rgba(0,0,0,0.5);
}
.allsort .closeicon {
	width: 100%;
	height: 100px;
	background: url(/img/back.png) no-repeat 50% 30px;
	background-size: 40px;
}
.allsort ul {
	background: #408B39;
	height: 100%
}
.allsort ul li {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-indent: 15px;
}
.allsort ul li a {
	color: #FFF
}
.allsort ul li span {
	float: right;
	height: 20px;
	margin-top: 5px;
	background: #5FB226;
	border-radius: 8px;
	margin-right: 5px;
	font-size: 0.9em;
	text-indent: 0;
	line-height: 20px;
	padding: 0 15px;
	color: #FFF
}

/* show.php */

.show_titie {
	width: 100%;
	height: 50px;
	background:url(/img/bottom.jpg) no-repeat;
}
.show_back {
	float: left;
	background: #5FB226;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-left: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px
}
.show_back a {
	display: block;
	color: #FFF;
	font-size: 1.1em
}
.show_biaoti {
	float: left;
	width: 60%;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao {
	position: relative;
	float: left;
	background: #5FB226;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-right: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao ul {
	position: absolute;
	width: 100%;
	display: none
}
.show_zihao ul li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #5FB226;
	color: #FFF
}
.show_zihao_on {
	background: #408B39 !important;
	color: #fff
}
.show_zihao ul li:nth-child(1) {
	font-size: 0.9em
}
.show_zihao ul li:nth-child(2) {
	font-size: 1em
}
.show_zihao ul li:nth-child(3) {
	font-size: 1.1em
}
.show_zihao_sanjiao {
	display: none;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #5FB226;
}
.tel_message {
	width: 300px;
	margin: 0 auto
}
.tel_message li:nth-child(1) {
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #6AA227;
	border-radius: 5px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px
}
.tel_message li:nth-child(2) {
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #028DC4;
	border-radius: 5px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10%
}
.tel_message li a {
	color: #FFF
}
.content {
	line-height: 30px;
	width: 96%;
	margin: 0 auto
}
.content .b_img {
	margin-top: 5px;
	text-align: center
}
.content .b_img img {
	width: 300px;
}
.content .neirong {
	padding: 5px;
}
.content h2 {
	text-align: center;
	font-size: 1.1em
}
.content .img {
	text-align: center
}
.time {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 0.9em;
}
.prenext {
	width: 90%;
	height: 35px;
	margin: 10px auto;
}
.prenext ul li:nth-child(1) {
	float: left;
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #f0f0f0;
	text-align: center;
}
.prenext ul li:nth-child(2) {
	float: left;
	width: 45%;
	margin-left: 10%;
	height: 35px;
	line-height: 35px;
	background: #f0f0f0;
	text-align: center;
}
.prenext ul li a {
	display: block
}

/* message.php */
.message_xxk {
	width: 50%;
	margin: 10px 1% 10px 0;
	float: right
}
.message_xxk ul li {
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #FFF;
	text-align: center
}
.message_xxk ul li.on {
	background: #408B39;
}
.show_message_title {
	width: 98%;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	background: #9a9a9a;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
}
.show_message {
	width: 94%;
	height: auto;
	margin: 5px auto;
	padding: 2%;
	border: 1px #ccc solid;
	line-height: 30px;
	display: none
}
.show_message .liuyanren {
	float: left;
	font-size: 12px;
}
.show_message .time {
	float: right;
	margin-right: 20px;
	width: 200px
}
.show_message span {
	float: left;
	font-size: 12px;
	font-weight: bolder
}
.show_message .huifu {
	font-size: 12px;
	color: #F00;
}
.msgtitle {
	width: 18%;
	padding-bottom: 5px;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
}
.message_block {
	color: #666;
}
.message_block p {
	padding: 12px;
}
.msg_input {
	width: 94%;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fdfdfd;
	font-size: 13px;
	color: #888;
	border-radius: 2px;
}
.msg_input_on {
	width: 92%;
	border: 1px solid #8cd1ff;
	background: #408B39;
	padding: 8px 9px;
	border-radius: 2px;
	font-size: 13px;
	color: #888;
}
.message_labes {
	font-size: 14px;
}
.message_title {
	height: 34px;
	line-height: 34px;
	background: #f6f9fb;
	padding: 0 12px;
}
.message_title h2 {
	color: #376b88;
	font-size: 14px;
	float: left;
}
.message_title span {
	float: right;
	font-weight: bold;
	color: #999;
}
.message_info {
	color: #8ea6b6;
	text-align: right;
}
.msg_btn_area {
	margin: 5px auto;
	text-align: right;
	padding-right: 1%
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 15px;
	background: #408B39;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}
/* list.php */
	
.news {
	width: 100%;
	margin: 0 auto;
}
.news ul {
	width: 98%;
	margin: 0 auto;
}
.news li {
	list-style-position: inside;
	list-style-type: disc;
	border-bottom: 1px dashed #c7c7c7;
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
	list-style: none;
	background:url(/img/n_icon.png) 95% no-repeat;
}

/* map.php */

.map_titie {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	background: #408B39
}
.map_back {
	float: left;
	background: #5FB226;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.map_back a {
	display: block;
	color: #FFF;
	font-size: 1.1em
}
.map_biaoti {
	float: left;
	width: 80%;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-size: 1.1em
}
#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 5px auto;
}
/* foot.php */

.line {
	background:url(/img/line.jpg) no-repeat;
	background-size:100%;
	height:7px;
}
.foot {
	margin-top: 10px;
	height: 100px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#bottom {
	position: fixed;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 60px;
	bottom: 0;
	background:url(/img/bottom.jpg) no-repeat
}
#bottom ul {
	height: 60px;
	line-height: 60px
}
#bottom ul li {
	width: 25%;
	float: left;
	color: #FFF;
	background:url(/img/bline.png) right no-repeat;
}
#bottom ul li dl {
	width: auto;
	margin: 0 auto;
	text-align: center
}
#bottom ul li dt {
	height: 35px;
}
#bottom ul li dt img{
	margin-top:2px
}
#bottom ul li dd {
	width: auto;
	height: 25px;
	font-size: 0.8em;
	color: #fff;
	line-height: 25px;
	text-shadow: 1px 1px 1px #000;
}


 /* Banner */
 
.swipe{width:100%;overflow:hidden;position:relative; text-align:center}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li img{ width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:15px;height:15px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#537922;}

#product_nav {
	width: 100%;
	text-align: center
}
#product_nav a {
	width: 40px;
	height: 5px;
	background: #b5b5b5;
	margin: 10px 2px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
 	*display:inline;
 	*zoom:1;
}
#product_nav a.active {
	background: #418C09;
}
#btn_prev, #btn_next {
	width: 25px;
	height: 50px;
	position: absolute;
	top: 35%;
	background: url(/img/sprite.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(Opacity=20);
}
#btn_prev {
	left: 0;
}
#btn_next {
	right: 0;
	background-position: right top;
}