@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;
	background: url(../images/header_bg.png) no-repeat center top;
	height: 185px;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.logo{
	padding: 20px 0 0 20px;
}
.nav{
	width: 990px;
}
.nav li{
	width: 110px;
	float: left;
	text-align: center;
	line-height: 99px;
}
.nav li a{
	font-size: 15px;
	color: #ffffff;
}
/*index*/
.what{
	padding: 25px 0 110px 0;
}
.tit1{
	font-size: 40px;
	color: #2e2e2e;
	line-height: 74px;
}
.about_text{
	width: 658px;
	padding: 30px 10px 0 0;
	float: right;	
	color: #5a5a5a;
}
.about_text p{
	padding-bottom: 48px;
	height:144px;
	overflow: hidden;
	line-height: 36px;
}
.about_text a{
	width: 120px;
	height: 34px;
	border: solid 1px #ee652e;
	text-align: center;
	line-height: 34px;
	border-radius: 10px;
	color: #ee652e;
	font-size: 13px;
	margin-right: 22px;
	display: block;
	float: right;
}
.pro_bg{
	min-width: 1200px;
	background: url(../images/index_04.jpg) no-repeat center top;
	height: 706px;
	padding: 62px 0 0;
}
.tit2{
	line-height: 86px;
	font-size: 40px;
	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: 222px;
	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: 60px 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_288.jpg) no-repeat right 73px;
	padding: 60px 0 66px;
}
.tit3{
	font-size: 40px;
	color: #591013;
	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 #3a1804;
}
.date{
	width: 125px;
	color: #3a1804;
	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: #3a1804;
	padding: 23px 0 0;
}
.news_txt p{
	color: #3a1804;
	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_411.jpg) no-repeat left 181px;
	padding: 70px 0;
}
.new_pro li{
	width: 400px;
	height: 218px;
	float: left;
	position: relative;
	margin-bottom:25px;
}
.new_pro_txt{
	width: 230px;
	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;
	background:url(../images/index_43.jpg);
	padding-bottom: 15px;
}
.contact{
	width: 400px;
	padding: 36px 0 0;
	color: #fff;
}
.contact h3{
	font-size: 16px;
	line-height: 72px;	
}
.contact p{
	line-height: 26px;
}
/*.contact img{
	padding: 52px 15px 0 0;
}*/
.menu dl{
	width: 150px;
	float: left;
	text-align: center;
	padding: 52px 0 0;
	font-size: 15px;
}
.menu dl dt{	
	background: url(../images/index_49.jpg) no-repeat center bottom;
	line-height: 39px;
	height:41px ;
	color: #fff;
}
.menu dl dd{
	margin: 15px 0 0;
}
.menu dl dd a{
	display: block;
	line-height: 30px;
	color: #fff;
}
.copyright{
	min-width: 1200px;
	background: #1a1a1a;
	padding: 12px 0;
	color: #fff;
}

/*main*/
.main_bg{
	min-width: 1200px;
	background: url(../images/main011.jpg) no-repeat center 200px;
	padding: 28px 0 70px;
}
.classify{
	padding: 38px 0 48px;
}
.classify a{
	border: solid 1px #ff6600;
	height: 33px;
	line-height: 33px;
	padding: 0 40px;
	border-radius: 20px;
	display: inline-block;
	color: #ff6600;
	margin: 0 15px;
}
.classify a:hover{
	background: #ff6600;
	color: #fff;
}
.m_pro{
	padding-bottom: 40px;
}
.m_pro ul{
	margin-right: -26px;
}
.m_pro ul li{
	width:280px;
	height: 234px;
	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 #c4c4c4;
	border-radius: 100%;	
	display: inline-block;
	text-align: center;
	line-height: 43px;
	font-size: 21px;
	color: #b1b1b1;
}
.page span a:hover{
	background: #ff6600;
	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;
}

/*二级页*/
.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%;}
#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;}