body{ color:#7d7d7c; font-family:Arial, Helvetica, sans-serif; font-family:"ËÎÌå"; font-size:12px; line-height:24px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0;padding:0; font-size:12px; list-style:none;}

.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#7d7d7c; text-decoration:none}
a:hover{ color:#ff7200} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1002px; margin:0 auto;}

#header_bg{ background:url(images/top_bg.jpg) repeat-x; height:147px; font-family:Microsoft Yahei;}
#header{ position:relative; width:1020px; margin:auto;}
.top{ height:30px; background:#90c320;}
.time{ float:left; width:500px; color:#ffffff; line-height:30px;}

.set{ float:right; line-height:30px; color:#ffffff; background:url(images/set.jpg) no-repeat; width:307px; text-align:right;} 
.set a{ color:#ffffff;}
.set a.set1{ margin-right:49px;}
.set a.set2{ margin-right:10px;}
.set a:hover{ color:#ffffff;}

.logo{ float:left;}
.menu{ float:right;}

#banner{}

#sub_banner{}

#container_bg{ font-family:"ËÎÌå"; }
#container{}
.news_bg{ height:40px; border-bottom:1px #f0ece9 solid;}
.news{  padding:0 10px}
.title{ background:url(images/horn.jpg) no-repeat; float:left; width:102px;}
.word{ float:right; width:895px; line-height:42px; }
.word a:hover{ color:#a9a9a9;}
.word a:hover{ }
.word span{ float:right;}

.product{ margin-top:30px;}
.product h2{}
.product h2 span{ float:right;}
.product h2 span a{ background:url(images/more1.jpg) no-repeat; display:block; width:79px; height:25px;}
.product h2 span a:hover{ background:url(images/more2.jpg) no-repeat; display:block; width:79px; height:25px; transition: all 0.8s ease-in-out 1s;}

.product .inner{ padding-top:30px;}
.product .inner ul{}
.product .inner ul li{ float:left; width:233px; overflow:hidden; margin-right:20px; color:#7d7d7c; border:1px #d2d1cf solid; display:inline; background:#f4f4f4; transition: all 0.5s ease-in-out 0s;}

.product .inner ul li a:hover{ color:#FFFFFF; display:block;}

.product .inner ul li a h3{ margin:0 15px; color:#7d7d7c; font-weight:bold; padding-top:5px; padding-bottom:8px; border-bottom:1px #dcdcdb solid; font-size:14px; height:20px; overflow:hidden; color:#57544d;}
.product .inner ul li a:hover h3 { color:#ffffff; border-bottom:1px #fff solid;}
.product .inner ul li a h3 span{ float:right; color:#59595a; font-size:12px;}
.product .inner ul li a:hover h3 span{ color:#ffffff;}

.product .inner ul li a p{ padding:4px 15px 10px 15px; color:#7d7d7c;}
.product .inner ul li a:hover p { color:#FFFFFF;}

.product .inner ul li:hover{ background:#96c62b;}

.product .inner ul li img{ display:block; border-bottom:1px #d2d1cf solid;}

.middle{ margin:40px 0; border-top:1px #e2e2e2 solid;}

.about_bg{ background:url(images/about_bg.jpg) no-repeat; height:314px;}

.about{ float:left; width:520px; margin-left:42px; display:inline;}
.about h2{ margin:53 0 0 0;}
.about .inner{ line-height:36px; margin-top:18px;}

.about{ float:left; width:520px; margin-left:42px; display:inline;}
.about h2{ margin:53px 0 0 0;}
.about .inner{ line-height:36px; margin-top:10px; height: 180px; overflow: hidden;}

.video{ float:right; background:url(images/video_bg.jpg) no-repeat; width:409px; height:271px; margin-top:15px; display:inline; padding:21px 0 0 16px;}

.link{ margin-top:40px;}
.link h2{ background:url(images/link_bg.jpg) no-repeat;}
.link h2 span{ float:right; font-size:14px; font-weight:normal; line-height:42px; color:#cecece;}
.link h2 span a{ color:#cecece;}
.link h2 span a:hover{ color:#CCCCCC;}

.link .inner{  padding:30px 0;}
.link .inner ul{}
.link .inner ul li{ float:left; border:1px #ececec solid; margin-right:20px;}
.link .inner ul li img{ display:block;}

#footer{ background:url(images/footer.jpg) no-repeat center; height:143px;}
.copyright{ padding-left:245px; padding-top:34px; color:#7d7d7c; font-family:"ËÎÌå";}
.copyright a{ color:#7d7d7c;}

.sidebar{ width:178px; float:left; margin-top:30px; display:inline; }
.sidebar img{ display:block;}
.subnav h2{ line-height: 40px; text-indent: 20px; font-family:Microsoft Yahei; font-weight:normal; font-size:16px;}

.subnav ul{ border:1px #e8e8e8 solid; margin-top:10px; padding-bottom:15px; background:url(images/sub_bg4.jpg) repeat-y;; }
.subnav img{ display:block}
.subnav .sub1{ background:url(images/sub_bg1.jpg) no-repeat; width:177px; height:38px; line-height:40px; text-indent:35px; margin:auto; font-size:14px; font-weight:bold; display:block; color:#949494;}
.subnav .sub1 a{ }
.subnav .sub1 a:hover{background:url(images/sub_bg2.jpg) no-repeat; width:177px; height:38px; display:block; color:#949494;}
.subnav .sub2{ background:url(images/sub_bg4.jpg) no-repeat; width:177px; height:38px; display:block; text-indent:35px; font-weight:bold; color:#949494; line-height:36px;}
.subnav .sub2 a{ }
.subnav .sub2 a:hover{ color:#949494;}


.sub_contact{ width:178px; float:right; margin-top:15px; display:inline;}
.sub_contact h2{}
.sub_contact .inner{ margin-top:15px; background:url(images/contact_bg.jpg) no-repeat right top;border:1px #e8e8e8 solid;  padding:20px 25px 20px 10px; line-height:26px; color:#454544}


.main{ width:804px; float:right; margin-top:30px; display:inline;}
.crumb{ background:url(images/crumb.jpg) repeat-x; height:35px;}
.crumb span{ float:right; font-weight:normal; color:#666666; padding-right:10px; line-height:35px; color:#FFFFFF; font-size:12px;}
.crumb span a{ color:#666666;}
.crumb span a:hover{ color:#FF0000;}
.article { border:1px #e8e8e8 solid; border-top:none; margin:auto; margin-bottom:30px; line-height:24px; text-align:left; padding:10px;}


.channel {height:117px;line-height:117px;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:117px;line-height:117px;}
/*---------------------------------*/
.channel .nav0 a{width:91px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/menu.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/menu.jpg) -0px -117px;}
/*---------------------------------*/
.channel .nav1 a{width:96px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/menu.jpg) -91px 0;}
.channel .nav1 a:hover{background:url(images/menu.jpg) -91px -117px;}
/*---------------------------------*/
.channel .nav2 a{width:98px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/menu.jpg) -187px 0;}
.channel .nav2 a:hover{background:url(images/menu.jpg) -187px -117px;}
/*---------------------------------*/
.channel .nav3 a{width:98px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/menu.jpg) -285px 0;}
.channel .nav3 a:hover{background:url(images/menu.jpg) -285px -117px;}
/*---------------------------------*/
.channel .nav4 a{width:98px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/menu.jpg) -383px 0;}
.channel .nav4 a:hover{background:url(images/menu.jpg) -383px -117px;}
/*---------------------------------*/
.channel .nav5 a{width:98px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/menu.jpg) -481px 0;}
.channel .nav5 a:hover{background:url(images/menu.jpg) -481px -117px;}
/*---------------------------------*/
.channel .nav6 a{width:96px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/menu.jpg) -579px 0;}
.channel .nav6 a:hover{background:url(images/menu.jpg) -579px -117px;}
/*---------------------------------*/
.channel .nav7 a{width:93px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/menu.jpg) -675px 0;}
.channel .nav7 a:hover{background:url(images/menu.jpg) -675px -117px;}
/*---------------------------------*/