﻿@charset "utf-8";
/* CSS Document */

body{ color:#626262 ; font-family:Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:22px; border:none}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#626262;text-decoration:none}
a:hover{ color:#da382a}
img{ border:none;}
.C{ clear:both}

li{ list-style-type:none}
a{ text-decoration:none}
a img{ border:none}
h2 img{ border:none}

body{ margin:0; padding:0; background:#fff;}

#header{width:1102px; height:114px; background:url(images/header_bg.jpg) repeat-x top left; margin:auto;}
.logo{ float:left;}
.head_r{ width:272px; height:114px; background:url(images/head_r_bg.jpg) no-repeat top right; float:right; text-align:right; padding-right:28px; color:#fff;}
.head_r a,.head_r a:hover{ color:#fff}
#nav{ width:1102px; height:37px; margin:auto;}

#banner{ width:1100px; height:400px; border:1px solid #acacac; margin:0px auto 17px;}

#container{ width:1102px; margin:auto;}
.container_up{ width:1050px; padding-bottom:17px; margin:auto;}

.honor{ width:277px; float:left; padding-right:17px;}
.honor{ height:34px;}
.honor_content{ width:276px; height:226px; background:url(images/honor_bg.jpg) no-repeat top center; padding:1px 0 0 1px;}

.about{ width:498px; float:left; padding-right:19px; }
.about h2{ height:34px;}
.about_content{ width:456px; height:214px; background:url(images/about_bg.jpg) no-repeat top center; padding:13px 23px 0 19px; line-height:23px; text-align:left; text-indent:24px; font-size:13px;}
.about_content span a{ color:#ff0209;}

.contact{ width:239px; float:left;}
.contact h2{ height:34px;}
.contact_content{ width:200px; height:220px; background:url(images/contact_bg.jpg) no-repeat top center; text-align:left; line-height:21px; padding:7px 23px 0 16px; font-size:13px;}

.product{ width:1050px; margin:auto;}
.product h2{ height:34px;}
.product_content{ width:1000px; height:195px; background:url(images/pro_bg.jpg) no-repeat top center; padding:21px 25px 0 25px;}
.product_content div{ width:200px; float:left; text-align:center;}
.product_content div img{  border:2px solid #dcdcdc; margin:0 auto 8px;}
.product_content div a{ color:#00670b}

.foot_div{ width:100%; height:31px; background:url(images/foot_bg.jpg) repeat-x top left; margin-top:8px;}
#footer{ width:1102px; height:31px; margin:auto; text-align:center; line-height:33px; color:#fff;}
#footer a{color:#fff}

#sub_banner{ width:1100px; height:220px; border:1px solid #acacac; margin:auto;}
#sub_container{ width:1031px; background:url(images/sub_container_bg.png) no-repeat top center; margin:auto; position:relative; top:-25px; padding-top:25px; padding-left:29px;}
.sidebar{ width:245px; float:left;}
.subnav{ width:100%;}
.subnav h2{ height:60px;}
.subnav_content{ width:221px; background:url(images/sub06.jpg) repeat-y top center;}
.subnav ul{ padding-top:15px;}
.subnav ul .sub1{ width:200px;  height:30px; line-height:30px; border-bottom:1px solid #e2e2e2; text-align:left; margin:auto;}
.subnav ul .sub1 a{ height:30; display:block; color:#007510; font-size:13px; font-weight:bold; text-indent:10px; }
.subnav ul .sub1 a:hover{ background:url(images/sub05.jpg) no-repeat top center; color:#fff;}
.subnav ul .sub2{ width:180px; height:25px; background:url(images/news_icon.jpg) no-repeat 5px; line-height:25px; text-indent:12px; margin:3px auto;}
.subnav ul .sub2 a{color:#676767;}
.subnav ul .sub2 a:hover{ text-decoration:underline; color:#da382a}
.subnav_bt{ width:221px; height:14px; background:url(images/sub07.jpg) no-repeat top center; font-size:0; margin-bottom:20px;}

.main{ width:757px; float:left;}
.crumb{ width:100%; height:30px; background:url(images/sub08.jpg) no-repeat top center; text-align:left; font-size:18px; padding-top:13px; text-indent:55px; color:#018914; font-weight:bold}
.crumb span{ float:right; padding-right:15px; font-size:12px; font-weight:normal}

.article{ width:733px; line-height:22px; border-left:2px solid #018914; border-right:2px solid #018914; padding:0 10px 10px;}
.article_bt{ width:100%; height:12px; background:url(images/sub09.jpg) no-repeat top center; font-size:0;}

.channel {height:37px;line-height:37px;position:relative; z-index:1000}
.channel .nav{position:relative;}
.channel li{float:left; list-style:none;margin:0;padding:0;border:0}
.channel a{ cursor:pointer; display:block;margin:0;padding:0;border:0 }
.channel a{float:left;height:37px;line-height:37px;}
/*---------------------------------*/
.channel .nav0 a{width:128px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.jpg) -0px -37px;}
/*---------------------------------*/
.channel .nav1 a{width:134px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.jpg) -128px 0;}
.channel .nav1 a:hover{background:url(images/nav.jpg) -128px -37px;}
/*---------------------------------*/
.channel .nav2 a{width:140px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.jpg) -262px 0;}
.channel .nav2 a:hover{background:url(images/nav.jpg) -262px -37px;}
/*---------------------------------*/
.channel .nav3 a{width:137px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.jpg) -402px 0;}
.channel .nav3 a:hover{background:url(images/nav.jpg) -402px -37px;}
/*---------------------------------*/
.channel .nav4 a{width:140px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.jpg) -539px 0;}
.channel .nav4 a:hover{background:url(images/nav.jpg) -539px -37px;}
/*---------------------------------*/
.channel .nav5 a{width:138px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.jpg) -679px 0;}
.channel .nav5 a:hover{background:url(images/nav.jpg) -679px -37px;}
/*---------------------------------*/
.channel .nav6 a{width:139px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.jpg) -817px 0;}
.channel .nav6 a:hover{background:url(images/nav.jpg) -817px -37px;}
/*---------------------------------*/
.channel .nav7 a{width:146px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/nav.jpg) -956px 0;}
.channel .nav7 a:hover{background:url(images/nav.jpg) -956px -37px;}
/*---------------------------------*/
