@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}
h3{font-weight: normal;}
em{font-style: normal;}
/*header*/

.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative; display: none;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 14px; height: 14px; border-radius:50%; margin: 0 8px; text-indent: -999em; background: #333;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.unslider-nav .unslider-active{background: #57c715!important;opacity: 1;}
.banner_wrap{
	width: 100%;
	position: absolute;
	bottom:0;
	left:0;
}
.header_bg{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	height: 185px;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.nav{
	width: 960px;
}
.nav li{
	width: 135px;
	float: left;
	text-align: center;
	line-height: 99px;
}
.nav li a{
	font-size: 15px;
	color: #fff;
}
.nav ul li:hover a{ border-bottom:2px solid rgb(104,184,44); padding-bottom:3px;}
/*index*/
.what{
	padding: 0 0 55px 0;
}
.tit1{
	font-size: 32px;
	color: #2e2e2e;
	line-height: 74px;
}
.about_text{
	width: 600px;
	padding: 10px 10px 0 60px;
	float: right;	
	color: #092501;
}
.about_text p{
	padding-bottom: 48px;
	height:295px;
	overflow: hidden;
	line-height: 26px;
}
.about_text a{
	width: 120px;
	height: 34px;
	border: solid 2px #155204;
	text-align: center;
	line-height: 34px;
	border-radius: 10px;
	color: #155204;
	font-size: 13px;
	margin-right: 22px;
	display: block;
	float: right;
}
.about_text a:hover{ background:#155204; color:#FFF;}
.pro_bg{
	min-width: 1200px;
	background: url(../images/index_04.jpg) no-repeat center top;
	height: 706px;
	padding: 40px 0 0;
}
.tit2{
	line-height: 86px;
	font-size: 32px;
	color: #fff;
}
.infro{
	width: 670px;
	margin: 0 auto;
	font-size: 13px;
	color:#fff;
}

.scrollpic {
	padding: 42px 0 0;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 356px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:301px;
	
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 295px;
	padding: 0;
	position: relative;
	height: 356px;
	color: #fff;
}
.pro_txt {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	bottom: 0;
	display: none;
}
.pro_txt img{
	padding: 105px 0 12px;
}
.pro_txt h3 {
	font-size: 22px;
	line-height: 42px;
	
}
.pro_txt p {
	font-size: 12px;
	line-height: 16px;
	padding: 0 15px;
	height: 48px;
	overflow: hidden;
}
#myscroll a:hover .pro_txt {
	display: block;
}
#mybtns {
	margin: 40px auto 0;
	width: 100px;
	display: block;
	height: 50px;
}
#mybtns a {
	width: 50px;
	height: 50px;
	display: block;
	float: right;
}

#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/index_12.jpg);
}
#mybtns #right {
	background-image: url(../images/index_13.jpg);
}

.news_bg{
	min-width: 1200px;
	background:url(../images/index_28.jpg) no-repeat right 50px;
	padding: 60px 0 66px;
}
.tit3{
	font-size: 32px;
	color: #092501;
	line-height: 84px;
}
.news{
	padding: 57px 0 0;
}
.news ul{
	margin-right: -20px;
}
.news li{
	width: 589px;
	float: left;
	margin-right: 20px;
	border-bottom: solid 2px #092502;
}
.date{
	width: 125px;
	color: #092502;
	font-size: 20px;
	line-height: 24px;
	padding: 35px 0 0;
}
.date b{
	font-size: 50px;
	line-height: 54px;
}
.news_txt{
	width: 440px;
}
.news_txt h4{
	font-size: 18px;
	color: #092502;
	padding: 23px 0 0;
}
.news_txt p{
	color: #092502;
	font-size: 12.5px;
	line-height: 23px;
	padding: 13px 16px 0 0;
	height: 69px;
	overflow: hidden;
}
.news_txt a{
	color: #3a1804;
	font-size: 13.5px;
	float: right;
	line-height: 35px;
}
.new_pro_tit{
	min-width: 1200px;
	background: url(../images/index_29.jpg) no-repeat center top;
	height: 152px;	
}
.new_pro_tit span{
	width: 178px;
	margin: 0 auto;
	border-bottom: solid 1px #acacac;
	color: #fff;
	padding: 28px 0 0;
	line-height: 81px;
	font-size: 41px;
	display: block;
}
.new_pro{
	min-width: 1200px;
	background: url(../images/index_41.jpg) no-repeat left center;
	padding: 70px 0;
}
.new_pro li{
	width: 400px;
	height: 241px;
	float: left;
	position: relative;
}
.new_pro_txt{
	width: 310px;
	height: 241px;
	position: absolute;
	top:0;
	left:0;
	padding: 0 37px 0 53px;
	color: #fff;
	background: rgba(0,0,0,0.7);
	display: none;
}
.new_pro_txt h3{
	background: url(../images/index_42.jpg) no-repeat left bottom;
	height: 42px;
	height:45px ;
	margin: 36px 0 13px;
	font-size: 18px;
}
.new_pro_txt p{
	line-height: 27px;
	height:81px;
	overflow: hidden;
}
.new_pro li:hover .new_pro_txt{
	display: block;
}


/*footer*/


.footer_bg{
	min-width: 1200px;height:325px;
	background:url(../images/index_43.jpg) no-repeat left bottom;
}
.contact{
	width: 505px;
	padding: 36px 0 0;
	color: #fff;
}
.contact h3{
	font-size: 16px;
	line-height: 72px;	
}
.contact p{
	line-height: 26px;
}
.contact img{
	padding: 25px 15px 0 0;
}
.menu dl{
	width: 150px;
	float: left;
	padding: 85px 0 0;
	font-size: 15px;
}
.menu dl dt{	
	line-height: 39px;
	font-size:18px;
	height:41px ;
	color: #fff;
}
.menu dl dd{

}
.menu dl dd a{
	display: block;
	line-height: 30px;
	color: #fff;
}
.copyright{
	min-width: 1200px;
	background: #565656;
	padding: 12px 0;
	color: #fff;
}
.code{padding-top:65px;width:285px;text-align: center;color:#fff;}
.code h1{font-size: 20px;margin-bottom:16px;font-weight: 500;}
/*main*/
.main_bg{
	min-width: 1200px;
	background: url(../images/main01.jpg) no-repeat center 200px;
	padding: 28px 0 70px;
}
.classify{
	padding: 38px 0 48px;
}
.classify a{
	border: solid 2px #155204;
	height: 33px;
	line-height: 33px;
	padding: 0 40px;
	border-radius: 20px;
	display: inline-block;
	color: #155204;
	margin: 0 15px;
}
.classify a:hover{
	background:url(../images/hover.png) no-repeat center;background-size: 100%;border-color:transparent;
	color: #fff;
}
.m_pro{
	padding-bottom: 40px;
}
.m_pro ul{
	margin-right: -26px;
}
.m_pro ul li{
	width:280px;
	float: left;
	margin-right: 26px;
	margin-bottom: 26px;
	position: relative;
}
.m_pro ul li a{
	color: #fff;
}
.m_pro ul li:hover .pro_txt{
	display: block;
}
.page a{
	margin: 0 7px;
}
.page span a{
	width: 43px;
	height: 43px;
	border: solid 1px #c8c8c8;
	border-radius: 100%;	
	display: inline-block;
	text-align: center;
	line-height: 43px;
	font-size: 21px;
	color: #b1b1b1;
}
.page span a:hover{
	background: #2e6719;border:1px solid #08442e;
	color: #fff;
}
.m_news{
	padding-bottom: 40px;
}
.m_news li{
	background: #f6f6f6;
	height: 190px;
	margin-bottom: 26px;
}
.m_news_pic{
	margin-left: 10px;
}
.m_news_txt{
	width: 670px;
	padding: 0 37px 0 0;
}
.m_news_txt a{
	color: #3a1804;
	font-size: 20px;
	height: 68px;
	border-bottom: dashed 1px #4c2005;
	display: block;
	line-height: 68px;
	font-weight: bold;
}
.m_news_txt p{
	color: #6e5e57;
	padding: 23px 0 0;
	height: 66px;
	overflow: hidden;
}

.m_about{
	padding: 50px 0 30px;
	color: #5a5a5a;
	font-size: 15px;
	line-height: 36px;
	margin-left:150px;
}

/*二级页*/
.clear{clear:both;}
.sec_body{width:auto; padding:0 15px;}
.sec_title{width:auto;height:32px;margin:0 auto; border-bottom: solid 1px #CCC; font-weight:bold; font-size:16px;font-family:"微软雅黑";}
.sec_fl{float:left;}
.sec_sy{float:right;color:#333;font-size:12px;text-align:right;}
.sec_text{ font-family:'微软雅黑';line-height:150%; font-size:14px; padding:8px;}

#news_list ul {width: auto;height: 230px;padding: 9px;}
#news_list ul li {width: auto;	padding-left: 10px;height: 30px;line-height: 30px; *height: 27px; *line-height: 27px;padding-right: 10px;color:#000;}
#news_list a{color:#000;}
#news_list a:hover{text-decoration:none; }
#news_list ul li:hover{ text-decoration:none; position: relative; right: 0px; top: 1px;}
#news_list .one {background:#F0F0F0;} 
#news_list ul li span {float: left;}
#news_list ul li strong {float: right;	font-weight: normal;}
#news_con {width: auto;min-height: 360px;padding: 15px;padding-right: 15px;color:#000;	text-align:justify;}
#news_con .h1 {text-align: center;font-size: 16px;height: auto;line-height: 35px;}
#news_con .h2 {text-align: center;font-weight: normal;	width: auto;height: 25px;line-height: 25px;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;color: #666;margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold;color:#1A1A1A;}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;color:#1A1A1A;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;}/*#news_cons img,*/#news_cons table{ width:100%;}
#news_cons img { max-width:100%;}
#pro_list ul {/*padding: 15px 0 0 15px;*/padding: 0 0 0 15px;}
#pro_list li {width: 230px;float: left;margin-right: 8px;}
#pro_list li h1 {font-size: 14px;color: #C00;width: 202px;height: 25px;line-height: 25px;text-align: center;}
#pro_list li .img{ background:#efefef}
#pro_list li .txt{ background:#efefef}
#pro_list li a:hover{ text-decoration:none}
#pro_list li table{margin-bottom:8px; }
#pro_list li table:hover{background:#248615; cursor:pointer}
#pro_con {width: auto; min-height: 360px;padding: 15px;padding-right: 0px;}
#pro_con .h1 {	text-align: center;font-size: 16px;height: 35px;line-height: 35px;color:#000;}
#pro_con #pic {text-align: center;margin-bottom: 5px;}
#page{ padding:20px; margin-top:40px;text-align:center; }
#page a{ background:#efefef; padding:5px 8px; margin-left:5px;}
#page a:hover{text-decoration:none;background:#248615; color:#fff;}

.icon-nav{display: none;margin-top:18px;}
.about-wrap{background: url(../images/index_02.jpg) no-repeat left 110px; /*background-size:100%; */margin-top:-75px;}
.mfoot{display: none;height:98px;background-color: #000;text-align: center;border-top:2px solid #134702;}
.mfoot li{float:left;width:25%;font-size: 18px;line-height: 40px;padding-top:15px;}
.mfoot li a{color:#fff;}
@media all and (max-width: 769px){
	.content{width:94.44%;}
	.header_bg{height:70px;background-color: #000000;text-align: center;z-index: 100;}
	.banner{padding-top:70px;overflow: inherit !important;}
	.nav{width:100px;height:auto;background-color: #333;position: fixed;right:0;top:70px;display: none;}
	.nav ul li{width:100%;line-height:2.5em;border-bottom:2px dashed #fff;float:inherit;}
	.logo img{height:70px;}
	.icon-nav{display: block;}
	.logo{float:inherit;display: inline-block;}
	.about-wrap{background-size: 50%;}
	.about_text{width:100%;padding:30px 0 0 0;}
	.infro{width:100%;}
	.pro_bg{min-width: 100%; padding:20px 0 20px;}
	#myscroll{width:301px;min-width:301px;margin:0 auto;}
	.news_bg,.new_pro_tit,.new_pro,.main_bg{min-width: 100%;}
	.news_bg,.new_pro{background: none;}
	.news ul{margin-right:0;}
	.news li,.new_pro li{width:100%;float:inherit;margin-right:0;}
	.news li img,.new_pro li img,.news_img table,.m_about img,.m_news_pic img,.m_news_pic table{width:100% !important;}
	.date{width:20%;padding:15px 0 0;}
	.news_txt{width:65%;}
	.footer_bg,.copyright{display: none;}
	.mfoot{display: block;}
	.classify a{margin:10px 0;}
	.m_news li{background:none;margin-bottom:20px;}
	.m_news .data{width:100%;text-align: center;}
	.m_news_txt{width:100%;padding:0;}
	.m_news_pic{margin-left:0;}
	.m_news_pic td{height:100px !important;}
	.m_news_txt a{height:auto;line-height: 2em;font-size: 16px;}
	.m_pro ul{margin:0 auto;}
	.m_pro ul li{float:inherit;margin:10px auto;}
	.form input{width:100px !important;}
	.form textarea{width:200px !important;}
	.form tr td:first-child{width:28%;}
	.form img{width:auto !important;}
	.form .inp3{width:80px !important;}
	.about-wrap{background: url(../images/index_02.jpg) no-repeat left 110px; /*background-size:100%; */margin-top:0;}
	.m_about{ margin-left:0;}
	.about-wrap{ background:none;}
	.main_bg{
	background: url(../images/main01.jpg) no-repeat center 200px; padding:0;}
	#news_con #pic img{ width:100%;}
}
















