@charset "utf-8";
/* CSS Document */

body{ color:#606060 ; 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:#606060;text-decoration:none}
a:hover{ color:#f00}
img{ border:none; display:block}
.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;}

#header{width:980px; height:102px; margin:auto;}
.logo{ float:left;}
.head_r{ width:200px; height:85px; float:right; text-align:right; padding-top:17px;}
.head_r span{ display:block; height:24px; padding-right:40px; width:160px; font-size:13px; font-weight:bold;}
.head_r span a:hover{ color:#606060}
.head_r .search{ width:200px; height:39px; padding-top:15px;}
.head_r .input{ width:139px; height:22px; background:url(images/input_bg.jpg) no-repeat top center; padding-top:7px; float:left; text-align:left;}
.head_r .input input{ background:none}
#nav{ width:980px; height:30px; margin:auto;}

#banner{ width:980px; height:315px; margin:12px auto 9px;}

#container{ width:980px; margin:auto;}

.product{ width:980px; margin-bottom:12px;}
.product h2{ height:30px; width:100%; padding-right:9px;}
.product_content{ width:958px; height:198px; padding-top:7px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px;}
.product_content .pro_img{ float:left; width:902px;}
.product_content .pro_img table td{ width:162px; height:170px; text-align:center;}
.product_content .pro_img table td div{ width:150px; height:152px; border:1px solid #d2d2d2; margin:0 auto 8px;}
.product_content .pro_img table td div img{ width:150px; height:152px;}
.product_content .pre_bt,.next_bt{ width:26px; height:26px; padding-top:70px; float:left; display:block}
.product_content .next_bt{float:right}

.container_up{ width:980px; height:140px; background:url(images/container_up_bg.jpg) no-repeat top center; padding-top:5px;}
.container_up_bt{ width:980px; height:6px; background:url(images/container_bt.jpg) no-repeat top center; font-size:0;}
.network{ width:230px; float:left; border-right:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;}
.network h2{ height:21px;}

.about{ width:375px; float:left; border-right:1px solid #d2d2d2; padding-left:18px;}
.about h2,.news h2{ height:21px; padding-right:26px; width:349px;}
.about_content{ width:370px; height:112px; padding:7px 5px 0 0; text-align:left; text-indent:24px; line-height:20px;}
.about_content img{ float:left; padding:1px; border:1px solid #d2d2c2; margin-right:7px; display:inline; margin-top:2px}

.news{ width:333px; float:left; padding-left:20px; border-right:1px solid #d2d2d2;}
.news h2{ width:306px;}
.news_content{ width:323px; height:114px; padding:5px 5px 0 3px;}
.news_content li{ width:100%; height:22px; line-height:22px; text-indent:18px; text-align:left; background:url(images/news_icon.jpg) no-repeat 5px 10px;}
.news_content li span{ float:right; color:#6e92b5}

#footer{ width:980px; height:91px; margin:12px auto 0; text-align:center; line-height:22px;}
.links{width:900px; height:26px; background:url(images/links_bg.jpg) no-repeat top center; padding-left:80px; line-height:26px; padding-bottom:10px; text-align:left}
.links a{ padding-right:8px; padding-left:8px; color:#fff}
.links a:hover{ text-decoration:underline; color:#fff}

.sidebar{ width:190px; float:left; padding-right:10px;}
.subnav{ width:100%;}
.subnav_content{ width:100%;height:auto;}
.subnav ul .sub1{ margin:auto; width:190px; height:26px; line-height:26px; }
.subnav ul .sub1 a{ background:url(images/sub-r3.gif) no-repeat top center; color:#303030; font-weight:bold; width:190px; text-indent:10px; display:block}
.subnav ul .sub1 a:hover{ background:url(images/sub-r4.gif) no-repeat top center; color:#ac0000;}
.subnav ul .sub2{ height:26px; line-height:26px; text-indent:20px;  border-bottom:1px #ccc solid; background:#f3f5f4}
.subnav ul .sub2 a{color:#666;}
.subnav ul .sub2 a:hover{color:#dc0000}

.main{ width:779px; float:left;}
#sub_banner{ width:779px; height:196px;}
.crumb{ height:28px; line-height:28px; text-indent:15px; text-align:left; border-bottom:1px #ddd dashed;padding-top:10px;  color:#303030; font-weight:bold}
.crumb span{ float:right; padding-right:10px; font-size:12px; font-weight:normal}
.article{ width:774px;line-height:22px; padding-top:5px; padding-left:5px;}

.channel {height:30px;line-height:30px;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:30px;line-height:30px;}
/*---------------------------------*/
.channel .nav0 a{width:117px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.jpg) -0px -30px;}
/*---------------------------------*/
.channel .nav1 a{width:128px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.jpg) -117px 0;}
.channel .nav1 a:hover{background:url(images/nav.jpg) -117px -30px;}
/*---------------------------------*/
.channel .nav2 a{width:122px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.jpg) -245px 0;}
.channel .nav2 a:hover{background:url(images/nav.jpg) -245px -30px;}
/*---------------------------------*/
.channel .nav3 a{width:123px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.jpg) -367px 0;}
.channel .nav3 a:hover{background:url(images/nav.jpg) -367px -30px;}
/*---------------------------------*/
.channel .nav4 a{width:116px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.jpg) -490px 0;}
.channel .nav4 a:hover{background:url(images/nav.jpg) -490px -30px;}
/*---------------------------------*/
.channel .nav5 a{width:126px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.jpg) -606px 0;}
.channel .nav5 a:hover{background:url(images/nav.jpg) -606px -30px;}
/*---------------------------------*/
.channel .nav6 a{width:121px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.jpg) -732px 0;}
.channel .nav6 a:hover{background:url(images/nav.jpg) -732px -30px;}
/*---------------------------------*/
.channel .nav7 a{width:127px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/nav.jpg) -853px 0;}
.channel .nav7 a:hover{background:url(images/nav.jpg) -853px -30px;}
/*---------------------------------*/