@charset "utf-8";
body{ margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; background: #e9e9e9 url(images/header_bg.jpg) top center no-repeat;}
a,ul,li,p,div,ol,h1,h2{ font-size:12px; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:12px;}
a{ color:#333; text-decoration:none}
a img{ border:none;}

ul li{ list-style:none;}
.C{ clear:both}
.wrapper{width:954px; margin:auto;}/* CSS Document */


#header{ height:91px; position:relative;}
#header h1{ width:614px;}
#header .toplink{position:absolute; top:15px; right:0px;}
#header .toplink a{margin-right:10px; color:#247ba9;}

#nav{height:40px; background:url(images/nav_bg.jpg) top center no-repeat; text-indent:142px;}
#nav a{margin-right:45px; line-height:40px; color:#ffffff;}
#nav a:hover{color:#F00; border-bottom: solid 1px;}

#banner{ width:928px; height:231; padding:0 13px 10px 13px; background:#ffffff; margin-top:13px;}

#content{ background:url(images/bottom_bg.png) bottom center no-repeat #FFF; padding-bottom:15px;}
.left{width:217px; height:448px; float:left; margin-right:10px;}
#product_class{ width:195px;margin-left:18px; margin-bottom:15px;}
#product_class ul{margin-top:11px; height:200px;}
#product_class li{ width:150px;background:url(images/li_bg.png)no-repeat; text-indent:45px; margin-left:9px; margin-bottom:8px;}
#product_class li a{ color:#066ee3;}
#product_class li a:hover{ border-bottom:solid 1px #066ee3;}

#contact{margin-left:14px; margin-bottom:10px;}
#contact a{ display:block;} 
#yijianfankui{ margin-left:14px;}
#yijianfankui a{ display: block;}



.right{ float:left; width:715px; height:448px;}
.about_bg{ width:695px; height:209px; background:url(images/about_bg.jpg)  top center no-repeat; padding:17px 0px 0 15px;}
#about{ width:686px; height:204px;}
#about h2{background:url(images/more.jpg) top right no-repeat; background:#f1f1f1;}
#about h2 a{float:right;}
#about .inner{ height:134px; padding:20px 0 25px 0; text-indent:2em;}
#about .inner img{border:none; float:left; border:solid 1px #cccccc; margin-right:16px;}

#product{ width:705px; margin-top:15px;}
#product h2{ background:url(images/product_bg.png) top right no-repeat; padding: 0 5px 0 4px;}

#product h2 a{ color:#FFF; line-height:17px; font-weight:normal;}
#product h2 span{ float:right;}
#product .inner{ height:179px; padding:11px 13px 0 14px;}
#product .inner li { float:left;text-align:center; margin-right:2px; display:inline; }
#product .inner li a{color:#075bc3; }
#product .inner li img{ display:block;}
#product .inner li a.img{ display:block; border:solid 2px #cccccc;}
#product .inner li a.img:hover{ border: solid 2px #075bc3;}

#product .inner li a:hover{ border-bottom: solid 1px #075bc3;}

#footer{ width:1004px; height:93px; background:#d5d8df; text-align:center;}
#footer .friendlink a{margin:13px 11px 0 11px;}
#footer .friendlink a:hover{ color: #F00;}




.sidebar{width:217px; height:448px; float:left; margin-right:15px; display:inline;}
#subnav{ width:195px;margin-left:18px; margin-bottom:15px;}
#subnav ul{margin-top:11px;}
#subnav li.sub1{ width:150px;background:url(images/li_bg.png)no-repeat; text-indent:45px; margin-left:9px; margin-bottom:8px;}
#subnav li.sub1 a{ color:#066ee3;}
#subnav li.sub1 a:hover{ border-bottom:solid 1px #066ee3;}

#subnav li.sub2{ width:150px;background:#d5d5d5; text-indent:45px; margin-left:9px; margin-bottom:8px;}
#subnav li.sub2 a{ color:#066ee3;}
#subnav li.sub2 a:hover{ border-bottom:solid 1px #066ee3;}




.main_top{float:left; margin-bottom:20px; width:712px;}

.main_among{padding:0 15px 20px;}

.main{ margin:auto;padding:0 15px 20px 15px ; width:682px;}
.main .crumb{background: url(images/h2_about_end_bg.jpg) top right no-repeat #f1f1f1;line-height:28px; margin-bottom:10px;}
.main .crumb a{float:right; margin-right:2em;}
.article{ width:680px; margin:auto;}