html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup,  menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:"Microsoft YaHei",'ËÎÌå'; color:#454545;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} 
body,button,input,select,textarea{font:12px/1.5 \5b8b\4f53,"Microsoft YaHei",tahoma,arial}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
input,select,textarea{font-size:100%;vertical-align:middle;overflow:auto}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img{border:none}
em,i,code,cite,address,th{font-style:normal;font-weight:500}
.clear{clear:both;line-height:0;font-size:0}
.clearfix{*zoom:1;_height:1px}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
q:before,q:after{ content:''}
abbr,acronym{ border:0}
a{ text-decoration:none;font-size:100%;margin:0; padding:0; outline:none; blr:expression(this.onFocus=this.blur()); color:#454545;}
.radius{ border-radius:4px; -webkit-border-radius:4px;}
.vh{ visibility:hidden;}
header,section,footer {
	display:block;
	margin:0;
	padding:0
}
.fl{ float:left;}
.fr{ float:right;}
body{ background:#f7f8f3;}

.wrapper{ min-width:320px;}
header{ height:60px; background:#96b941; position:relative;}
header .back{ width:15px; height:27px; background:url(../images/back.png) no-repeat center center; position:absolute;
top:17px; left:15px; background-size:80%;}
.logo{ width:200px; height:60px; margin:0 auto; background-size:80%;}

.container, .child_container{ padding-bottom:120px;}
.banner{ max-width:640px; max-height:234px; margin:0 auto; overflow:hidden;}
	.banner img{ width:100%; height:100%; display:block !important;}
nav{ height:80px; background:#96b941;}
nav ul{ display:-webkit-box;}
nav ul li{ box-flex:1.0; -webkit-box-flex:1.0; text-align:center;}
nav ul li.on{ background:#f8b33a;}
nav ul li a{ display:block; width:100%; color:#fff; font-size:12px; height:40px; padding-top:40px; line-height:40px; background:url(../images/n_icon.png) no-repeat center 10px;}
nav ul li:nth-child(2) a{ background:url(../images/n_icon1.png) no-repeat center 10px;}
nav ul li:nth-child(3) a{ background:url(../images/n_icon2.png) no-repeat center 10px;}
nav ul li:nth-child(4) a{ background:url(../images/n_icon3.png) no-repeat center 10px;}
nav ul li:nth-child(5) a{ background:url(../images/n_icon4.png) no-repeat center 10px;}
nav ul li:nth-child(6) a{ background:url(../images/n_icon5.png) no-repeat center 10px;}
nav ul li:hover{ background:#f8b33a;}

.content{ margin:20px 15px 0 15px;}
.content h3{ font-size:16px; color:#96b941; height:30px; line-height:30px;}
.content h3 span{ float:right;}
.content h3 span a{ display:block; width:30px; line-height:30px; height:21px; background:url(../images/more.png) no-repeat center center;}
.product_list{ width:100%; margin-top:15px;}
.product_list li{ width:48%; margin-bottom:15px;}
.product_list li a{ display:block; width:100%;}
.product_list li a img{ width:100%; height:100%;}
.product_list li b{ display:block; width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; color:#fff; background:#96b941;}
.news{ margin-top:15px;}
.news_list{ margin-top:15px;}
.news_list li{ display:-webkit-box; height:60px; margin-bottom:10px;}
.news_list li .date{ width:60px; height:50px; background:#96b941; padding:5px 0;}
.news_list li .date big{ display:block; color:#fff; text-align:center; height:25px; line-height:25px;}
.news_list li .date small{ display:block; color:#fff; text-align:center; height:25px; line-height:25px;}
.news_list li .news_content{ box-flex:1.0; -webkit-box-flex:1.0; background:#fff; padding:0 10px; font-size:14px; line-height:60px; height:60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.child_nav{ width:150px;  background:#f9f9f9; position:absolute; left:0; bottom:80px; display:none; z-index:1000;}
.child_nav li{height:30px; line-height:30px; text-align:center; font-size:14px; border-bottom:1px dotted #eee;}	
	
footer{ width:100%; position:fixed; bottom:0;}
.f_info{ height:30px; line-height:30px; text-align:center; background:#efefef; color:#454545;}
footer .nav{ width:100%; height:80px; background:#2f2f27;}
footer .nav li{ width:25%; float:left; height:80px; background:url(../images/f_icon.png) no-repeat center 15px; text-align:center;}
footer .nav li a{ color:#fff; display:block; padding-top:52px;}
footer .nav li:nth-child(2){ background:url(../images/f_icon1.png) no-repeat center 15px;}
footer .nav li:nth-child(3){ background:url(../images/f_icon2.png) no-repeat center 15px;}
footer .nav li:nth-child(4){ background:url(../images/f_icon3.png) no-repeat center 15px;}

/*about_page*/
.common_page{ margin:12px 12px 0 12px;}
.common_page h3{ height:40px; line-height:40px; border-bottom:1px solid #96b941; font-size:16px; text-align:center;}
.about_page{ padding:15px 0; line-height:24px;}

/*recuit*/
.recuit_list{ margin-top:15px;}
.recuit_list li{ background:#fff; padding:10px; margin-bottom:10px;}
.recuit_list li h4{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.recuit_list li b{ display:block; height:26px; line-height:26px;}
.recuit_list li a{ display:block; line-height:26px;}

/*contact*/
.contact_page{ padding:15px; background:#fff; margin-top:15px;}
.contact_page a{ display:block; line-height:26px; font-size:14px;}
.contact_page i{ display:block; width:100%; height:auto; margin-top:15px;}
	.contact_page i img{ width:100%; height:100%;}
/* news */
.child_news{ width:100%; line-height:24px; font-size:12px; padding:3%;}
.child_news li{height:30px;overflow:hidden;line-height:28px;}
.child_news li img{ max-width:60px; float:left; padding:2px; background:#fff; border:1px solid #ddd; border-radius:50%; margin:0 20px 10px 0;}
.child_news li b{ display:block;color:#005a8e;}
.child_news li a{width:85%; float:left;}
.child_news h3{}
.child_news h5{font-size: 12px; font-weight: lighter; line-height: 21px;border-bottom: 1px solid #ddd;padding-bottom: 10px;height:auto;margin-bottom: 10px;}