/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}

img, fieldset {
	border: 0;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {font: .81em/150% Arial, Helvetica, sans-serif; font-family:"\5FAE\8F6F\96C5\9ED1";}
a {text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}
/* list */
ul, ol ,li{ list-style:none;}
/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clr{ clear:both;}


/*public*/
.yaHei{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.w1000{ width:1000px; margin:0px auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt25{ margin-top:25px;}
#header{ height:78px; background:#489427;}
#header hgroup{ float:left; width:221px; height:68px; padding-top:10px;}
.logo{ display:block; width:221px; height:68px; background:url(../images/logo.png) no-repeat;}
#header nav{ float:right; height:26px; padding-top:42px; position:relative;}
.mainNav li{ float:left;  height:24px; line-height:24px; margin-left:10px; text-align:center;}
.mainNav li a{ display:block;height:24px; font-size:14px; color:#fff; _float:left; }
.mainNav li a span{ display:block; height:24px; float:left;}
.mainNav .li1 a span{ padding:0px 5px;}
.mainNav .li1 a .nav_bgl,.mainNav .li1 a .nav_bgr{ padding:0px;}
.mainNav li a .nav_bgl,.mainNav li a .nav_bgr{ width:11px;}
.mainNav li a:hover{ background:#fff; color:#489427; text-decoration:none;}
.mainNav li a:hover .nav_bgl{ background:url(../images/nav_bgl.jpg) no-repeat;}
.mainNav li a:hover .nav_bgr{ background:url(../images/nav_bgr.png) no-repeat;}
#home .li1 .cur,#aboutUs .li2 .cur,#news .li3 .cur,#products .li4 .cur,#qm .li5 .cur,#base .li6 .cur,#talent .li7 .cur,#contactUs .li8 .cur{ background:#fff; color:#489427;}
#home .li1 .cur .nav_bgl,#aboutUs .li2 .cur .nav_bgl,#news .li3 .cur .nav_bgl,#products .li4 .cur .nav_bgl,#qm .li5 .cur .nav_bgl,#base .li6 .cur .nav_bgl,#talent .li7 .cur .nav_bgl,#contactUs .li8 .cur .nav_bgl{ background:url(../images/nav_bgl.jpg) no-repeat;}
#home .li1 .cur .nav_bgr,#aboutUs .li2 .cur .nav_bgr,#news .li3 .cur .nav_bgr,#products .li4 .cur .nav_bgr,#qm .li5 .cur .nav_bgr,#base .li6 .cur .nav_bgr,#talent .li7 .cur .nav_bgr,#contactUs .li8 .cur .nav_bgr{ background:url(../images/nav_bgr.png) no-repeat;}
.ch-en{ position:absolute; right:0px; top:10px; color:#ffff00;}
.ch-en a{ color:#ffff00; margin:0px 10px;}

.title-mol{ height:41px; background:url(../images/line.gif) repeat-x left bottom; position:relative;}
.title-mol h2{ padding-top:11px; height:30px; line-height:30px; font-size:20px; color:#444; background:url(../images/title_mol_bg.gif) no-repeat;}
.title-mol h2 span{ padding:0px 50px 0px 50px; color:#fff;}
.title-mol .more{ display:block; width:42px; height:17px; text-align:center; color:#fff; background:url(../images/more.gif) no-repeat; position:absolute; right:0px; bottom:6px;}
.title-mol a:hover{ text-decoration:none;}


/*focus*/
.focus{width:100%; height:435px; position:relative; }
#flash { width:1000px; height:400px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px 10px;}
#flash a {width:1000px; height:400px; display:none;}
#flash img {width:1000px; height:400px;}
.flash_bar { width:200px; padding-left:20px; z-index:699999999; height:30px; overflow:hidden; position:absolute; bottom:25px; }
.flash_bar .dq { display:block; float:left; width:13px; height:13px; margin-right:20px; cursor:pointer;background:url(../images/tg_flash_p1.png) no-repeat 0px 0px; }
.flash_bar .no { display:block; float:left; width:13px; height:13px; margin-right:20px; cursor:pointer;background:url(../images/tg_flash_p2.png) no-repeat 0px 0px;}
#flashBg { height:400px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {height:400px; width:100%; clear:both;}
.mask{ position:absolute; top:0px; width:100%;  height:435px; background:url(../images/focus_mask.png) no-repeat center top;  z-index:30}

/*main*/
.main{ width:1000px; margin:0px auto;}

/*show*/
.show{ height:202px; overflow:hidden;}
.show li{float:left; width:246px; height:202px; }
.show li a{ display:block; color:#727272;text-align:center; }
.show li a:hover{ color:#444; text-decoration:none;}
.show li img{ width:246px; height:150px; display:block; margin:0px auto;}
.show li p{ height:30px; line-height:30px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:20px;}
.show .second{ width:508px;}
.show .second p{ padding:0px 100px;}

/*news-mol*/
.news-mol{ width:730px; height:203px;}
.news-mol dl{ float:left; margin-top:25px; width:365px; height:56px;}
.news-mol dt{ float:left; width:54px; height:56px; text-align:center; background:url(../images/time_bg.gif) no-repeat;}
.news-mol dt h4{ height:22px; line-height:22px; font-size:12px; color:#fff; text-align:center;}
.news-mol dt h5{ height:34px; line-height:34px; font-size:18px; color:#666;}
.news-mol dd{ float:right; padding-right:20px; width:280px; height:56px; overflow:hidden;}
.news-mol dd h3{ font-size:12px; color:#489427; height:20px;}
.news-mol dd p{ line-height:18px;}
.news-mol dd p a{ color:#666;}
.news-mol dd p a:hover{ color:#444; text-decoration:none;}
.news-mol1{ height:auto;}

/*faq*/
.faq{ width:235px; height:203px;}
.faq header{ height:41px; background:url(../images/line.gif) repeat-x left bottom;}
.faq header h2{ padding-top:11px; height:30px; line-height:30px; color:#489427; font-size:16px;}
.faq header p{ height:22px; text-align:right; margin-top:-22px;}
.faq header p a{ color:#b3b3b3;}
.faq header p a:hover{ color:#444; text-decoration:none;}
.faq ul{ margin-top:12px;}
.faq li{ height:29px; line-height:29px; border-bottom:1px solid #e5e5e5;}
.faq li a{ color:#666;}
.faq li a:hover{ color:#444; text-decoration:none;}

/*product-mol*/
.product-mol li{ float:left; width:136px; height:127px; border-radius:10px; margin-right:36px; }
.product-mol li img{ display:block; width:136px; height:127px; }
.product-mol li a{ display:block; width:136px; height:127px;overflow:hidden; position:relative; border-radius:5px; }
.product-mol li a p{ display:block; position:absolute; width:136px; height:29px; line-height:29px; text-align:center; bottom:0px; _bottom:-1px; color:#666; background:url(../images/product_mol_bg.png) no-repeat; border-radius:0px 0px 5px 5px; }
.product-mol li a:hover{background:transparent;text-decoration:none;}
.product-mol li a:hover p{ background:url(../images/product_mol_bg_hover.png) no-repeat; color:#fff; _color:#489427;}
.product-mol .last{ margin-right:0px;}
.product-mol1 li{ margin:25px 22px 0px 22px; _margin-left:15px;}


/*footer*/
.footerNav{ width:1000px; height:30px; line-height:30px; color:#999; background:#f2f2f2; text-align:center; margin:30px auto 20px auto;}
.footerNav a{ color:#999; margin:0px 20px;}
.footerNav a:hover{ color:#444;}
#footer{background:#e5e5e5; border-top:1px solid #d7d7d7;}
#footer aside{ width:1000px; margin:0px auto; height:54px; line-height:54px; }
#footer .links{ float:left; _padding-top:15px; color:#489427;}
#footer .links select{ width:150px; height:24px; border:1px solid #d7d7d7; color:#999; vertical-align:middle; margin-right:10px;}
#footer .tell{font-family:Georgia, "Times New Roman", Times, serif; color:#444; font-size:28px; float:right; }
#footer section{height:110px; background:#489427;}
#footer header{ padding-top:21px; width:221px; float:left;}
#footer address{ padding-top:25px; width:740px; float:right; font-style:normal; color:#fff; line-height:22px;}
#footer address a{ color:#fff;}

/*banner*/
.banner{ width:100%; height:340px; overflow:hidden; position:relative;}
.banner-img{ text-align:center; }
.banner img{ height:340px;}
.banner-mask{ position:absolute; width:100%; height:340px; background:url(../images/banner_mask.png) no-repeat 50% 0%; top:0px;}

/*aside*/
#aside{ width:230px; min-height:482px; height:auto !important; height:482px; background:url(../images/shadow.gif) no-repeat right top; float:left;}
.subNav header{ width:200px; height:41px; background:url(../images/sub_title_bg.gif) no-repeat;}
.subNav header h2{  height:30px; line-height:30px; color:#fff; font-size:20px; padding:11px 0px 0px 50px;}
.subNav ul{ width:190px; padding-top:10px;}
.subNav li{ height:30px; line-height:30px; background:url(../images/line.gif) repeat-x left bottom;}
.subNav li a{ display:block; height:30px; background:url(../images/line1.gif) no-repeat left bottom; padding-left:15px; color:#666; overflow:hidden;}
.subNav li a:hover{ color:#489427; text-decoration:none;}
.subNav li .cur{ color:#489427;}
#aside section{ width:190px; margin-top:25px;}
#aside .contact-bg1{ height:15px; background:url(../images/contact_bg1.gif) no-repeat;}
#aside .contact-bg2{ height:59px; background:url(../images/contact_bg2.gif) no-repeat;}
#aside .contact{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:10px; color:#666; line-height:20px;}


/*content*/
#content{ width:730px; min-height:482px; height:auto !important; height:482px; float:right;}
#content hgroup{ height:41px; background:url(../images/line2.gif) repeat-x left bottom;}
#content hgroup h2{ padding-top:11px; height:30px; line-height:30px; background:url(../images/leaf.gif) no-repeat 2px 12px; padding:11px 0px 0px 30px; color:#489427; font-size:15px;}
#content hgroup p{ height:22px; margin-top:-22px; text-align:right; color:#999;}
#content hgroup p a{ color:#999; margin:0px 5px;}
#content hgroup p a:hover{color:#489427; text-decoration:none;}
#content hgroup p .cur{color:#489427;}

/*article*/
#article dt{ float:left; width:54px; height:56px; text-align:center; background:url(../images/time_bg.gif) no-repeat;}
#article header{ background:url(../images/line.gif) repeat-x left bottom; padding:20px 0px 10px 0px;}
#article dl{ height:56px;}
#article dt h4{ height:22px; line-height:22px; font-size:12px; color:#fff; text-align:center;}
#article dt h5{ height:34px; line-height:34px; font-size:18px; color:#666;}
#article dd{ width:665px; float:right;}
#article header h1{ color:#489427; font-size:14px;line-height:16px; height:35px;}
#article header h2{ color:#aaa; font-size:12px;}
#article section{ padding:20px 0px;}
#article footer{ background:url(../images/line.gif) repeat-x left top; padding-top:10px;}
#article footer a{ display:block; width:49%; color:#aaa; float:left;}
#article footer a:hover{ color:#489427; text-decoration:none;}
#article header.product-title{ background:none; border-bottom:1px solid #e6e6e6;}
#article header h1{ font-size:15px; height:auto; color:#000; }

/*contactUs*/
.message{ font-family:"\5FAE\8F6F\96C5\9ED1";margin:0px auto 30px 50px; color:#666; }
.message td{ padding:5px 0px;font-size:14px;}
.message .inputTxt{ width:160px; height:24px; line-height:24px; padding:0px 10px;border:1px solid #CCC; }
.message input[type=text],.message textarea{border-radius:3px;border:1px solid #CCC;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;margin:2px;padding-left:3px;font-size:13px;font-family:微软雅黑;height:30px;line-height:30px;vertical-align:middle;}
.message input[type=text]:focus,.message textarea:focus{border-color:#8fc478;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(143,196,120,0.6);transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s;outline:0 none;}
.message .textarea{ width:300px; height:100px;border:1px solid #CCC;}
.message .inputBtn{ padding:5px 15px; margin:10px 20px 10px 0px; cursor:pointer;}
.message span{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; color:#c00;}



/*page*/
.page{ padding:30px 0px;color:#373737;}
.page a,.page span{ display:block; float:left; color:#373737;}
.page a:hover{ text-decoration:none;}
.page .pre,.next{  height:25px; line-height:24px; color:#373737;background:url(../images/bg_page.gif) no-repeat;}
.page .pre{ background-position:0px 0px;width:43px; padding-left:15px; margin-left:0px;}
.page .pre:hover{background-position:0px -25px; color:#fff; }
.page .next{ background-position:0px -50px;width:50px; padding-left:8px;}
.page .next:hover{background-position:0px -75px; color:#fff; }
.page .num{ width:26px; height:23px; line-height:23px; text-align:center; background:#fff; border:1px solid #d7d7d7;}
.page .num:hover{ background:#489427; color:#fff;}
.page .cur{ background:#489427; color:#fff;}
.page .tz{width:26px; height:23px; line-height:23px; text-align:center; background:#fff; border:1px solid #d7d7d7;color:#373737;}
.page .btnSure{ width:49px; height:25px; background:url(../images/bg_page.gif) no-repeat 0px -100px; line-height:25px; text-align:center; color:#fff;}
.page span{ height:25px; line-height:25px;}
.page input{ vertical-align:middle;}
.page a,.page span,.page input{ margin:0px 4px;}

/*product*/
.product-table{ width:90%; border-collapse:collapse; margin:30px auto;}
.product-table td,.product-table th{ padding:3px 10px; border:1px solid #dff7d5; color:#666; text-align:center;}
.product-table th{ background:#e6fadf; color:#489427; font-weight:normal; padding:4px 10px;}


/*qmlist*/
#honor-box{ width:700px; margin:40px auto; position:relative; height:176px;}
#honor-box .box-scroll-ul{ width:580px; position:relative; overflow:hidden; height:161px; margin:0px auto;}
#honor-box .box-scroll-ul ul{ position:absolute; width:2000em;}
#honor-box .box-scroll-ul li{ float:left; width:129px; height:161px; padding:0px 11px;}
#honor-box .box-scroll-ul li a{ border:1px solid #d1d1d1; display:block; width:127px; height:159px; background:#fff;}
#honor-box .box-scroll-ul li a img{ width:127px; height:159px;}
#honor-box .box-scroll-ul li a:hover{ border:1px solid #489427;}
#honor-box .aleft,#honor-box .aright{ position:absolute; top:65px;  display:block;} 
#honor-box .aleft{ left:0px; }
#honor-box .aright{ right:0px; }

/*product-list*/
.product-list{ width:730px; margin:30px 0px 30px 0px;}
.product-list a:hover{ text-decoration:none;}
.product-list dl{width:222px; float:left;margin-right:30px; margin-bottom:20px; }
.product-list .mr0{ margin-right:0px;}
.product-list dt{ height:30px; line-height:30px; border-bottom:2px solid #489427; margin-bottom:10px;}
.product-list dt a{color:#489427; font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.product-list li{ width:100px;  height:29px; line-height:28px; background:url(../images/line.gif) repeat-x left bottom; margin-right:20px; float:left;}
.product-list li a{ color:#666; display:block; float:left;  }
.product-list li a:hover{ color:#489427;}
.posi{float:left; position:relative;}
.product-detail{ display:none; width:150px; line-height:30px; text-align:center; color:#444; padding:3px; border:1px solid #d7d7d7; background:#fff; position:absolute; left:10px; top:8px; z-index:200;}
.product-detail img{ width:150px; height:100px;}
.product-list li:hover .product-detail{ display:block;}

/*product-word*/
.product-word{ border-collapse:collapse; width:600px; margin:0px auto;}
.product-word td{ border:1px solid #444; padding:2px 5px;}


.btable{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
	margin-bottom:10px;
}
.btable td{
	border:1px solid #ccc;
	line-height:24px;
	padding-left:3px;
}