@charset "utf-8";


.phone_state{
    display: none;
}
.pc_state{
    display: block;
}
.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear{
    clear: both;
}
@media screen and (max-width:1280px) {
	.head {
		width: 1024px;
	}
	.content{
		width: 1024px;
	}
	.index_pro{
		width: 1024px;
	}
	.link{
		width: 1024px;
	}
	.menu ul{
		width: 1024px;
	}
	.side_right{
		width: calc(100% - 250px);
	}
	.tjcp{
		width: 100%;
	}
	.tjcp_tit{
		width: 100%;
		background: url(../images/right_01.png) no-repeat top left;
		background-size: 100% 100%;
	}
	.tjcp_con{
		width: 100%;
	}
	.tjcp_con ul{
		width: 100%;
	}
	.tjcp_con ul li {
		width: 183px;
	}
	.tjcp_img{
		width: calc(100% - 12px);
	}
	.tjcp_img img{
		width: 100%;
	}
	.gsjj{
		width: 100%;
	}
	.gsjj_tit{
		width: 100%;
		background: url(../images/right_01.png) no-repeat top left;
		background-size: 100% 100%;
	}
	.zxdt,
	.mmbk{
		width: 383px;
	}
	.zxdt_tit,
	.mmbk_tit{
		width: 100%;
		background: url(../images/right_02.png) no-repeat top left;
		background-size: 100% 100%;
	}
	.zxdt_con{
		width: 100%;
	}
	.zxdt_con ul{
		width: 100%;
	}
	.zxdt_con ul li {
		width: 100%;
	}
	.zxdt_l {
		width: 240px;
	}
	.mmbk_con{
		width: 100%;
	}
	.mmbk_con ul{
		width: 100%;
	}
	.mmbk_con ul li{
		width: 100%;
	}
	.index_pro_tit{
		width: 100%;
		background: url(../images/right_03.png) no-repeat top left;
		background-size: 100% 100%;
	}
	.menu ul li {
		width: 146px;
	}
	.menu ul li a{
		width: 146px;
	}
	.news{
		width: 100%;
	}
	.news li{
		overflow: hidden;
	}
	.title{
		background: url(../img/title.png) no-repeat;
		background-size: 100% 100% !important;
	}
}







@media screen and (max-width:1100px) {

	.phone_state{
        display: block;
    }
    .pc_state{
        display: none;
	}
	

	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:80%; 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; background:none; height:auto;}


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

	.index_nav li {
		position:relative;
		width: 21%;
		float: left;
		text-align: center;
		margin-left:2%; padding-right: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: 46%;
		float: left;
		margin:1% 0 1% 2%; line-height:0;
	}
	.product li div {
		position: relative;  height:auto;
		width: 97%;
	}
	.tjcp_name{ height:40px; line-height:36px;}
	.picbox img {
		width: 100%;
		border:1px #e4e4e4 solid; line-height:0;
		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: 46%;
	}
	#pro li div {
		display: block;
		width: 97%;
		border: 1px solid #408B39;
		float: left;
		padding: 2px;
		text-align: center;
		overflow: hidden
	}
	#pro li img {
		width: 99%;
		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; padding-top:10px;
		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: 100%;
		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;
		background-size: 100% 100%;
	}
	#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:10px;height:10px;line-height:99em;background:#dedede;-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:#fff;}

	#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;
	}
	.gongying{ width:100%;}
	.gongying td{ width:33.3%}
}