@charset "utf-8";
/* CSS Document */
body{ color:#646464; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) no-repeat top center ;  }
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;}
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:#646464; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1000px; margin:auto;}

/*header css*/
#header{position:relative; background:url(images/header_bg.png) no-repeat right}
#header h1{ float:left}
#header .toptel{ float:right;}
#header .toplink{ position:absolute; top:18px; right:60px;color:#fff}
#header .toplink a{color:#777777; height:20px; line-height:20px;}
#header .toplink a:hover{ color:#970000}
#header .favorites{ background:url(images/favorites.png) no-repeat left center; padding-left:29px; margin-right:24px; float:left; display:inline}
#header .home{ background:url(images/home.png) no-repeat left center; padding-left:25px;margin-right:24px; float:left; display:inline}
#header .en{ background:url(images/en.png) no-repeat left center; padding-left:23px;float:left;}
#header .cn{ background:url(images/cn.png) no-repeat left center; padding-left:23px;float:left;}

#nav{ padding-left:110px; width:774px; margin-bottom:5px;}

#bg{ background:url(images/bottom_bg.png) no-repeat bottom center; min-height:402px;_height:402px;}

#middle{ position:relative; height:230px;}
#banner{ width:790px;}
#contact{ position:absolute; bottom:0; right:0; z-index:9999}

#products{ background:url(images/products_bg.png) no-repeat bottom  right; padding-left:98px; width:892px; height:180px;}
#products .inner{ width:854px; margin:auto; padding-top:22px;}
#products .inner table.pro_content tr td{ background:url(images/case_bg.jpg) no-repeat top center; padding:0 13px 0 13px;}

#footer{  font-size:12px;  padding-top:180px; margin-bottom:10px}
.copy{ float:left; width:650px;text-align:right; margin-right:30px; display:inline}
#form{ float:left; }

#container{ min-height:400px;_height:400px;background:url(images/line1.png) repeat-y left top}

.sidebar{ width:207px; float:left; display:inline; }
.subnav img{ display:block}
.subnav .sub1{width:189px; margin:auto ;   text-align: center; height:22px; line-height:22px; margin-top:5px; }
.subnav .sub1 a{  text-align:left; color:#fff;background:url(images/li2.jpg) no-repeat top left; display:block;padding-left:29px;  width:160px;}
.subnav .sub1 a:hover{ text-align:left;  color:#fca2a2}
.subnav .sub2{  text-align:left;  height:23px; line-height:23px; padding-left:20px; width:140px; margin:auto; border-bottom:dotted 1px #ccc; background:url(images/newsico1.jpg) no-repeat 5px;}
.subnav .sub2 a{ color:#666; }
.subnav .sub2 a:hover{ color:#FF0000}
.subnav .sub3{  text-align:left;  height:23px; line-height:23px; padding-left:20px; width:140px; margin:auto}
.subnav .sub3 a{ color:#a2a2a2; }
.subnav .sub3 a:hover{ color:#FF0000}


.main{ width:780px; float:right;   display:inline; }
.crumb{ background:url(images/crumb.png) no-repeat center left;  margin:auto; height:45px; margin-bottom:15px; line-height:45px; padding-left:50px; font-weight:bold; font-size:14px; text-align:left; color:#402817; border-bottom:solid 1px #CCCCCC}
.crumb span{ float:right; font-weight:normal; color:#999999; margin-right:10px; font-size:12px;}

.article { width:98%; margin:auto; line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;  }

.channel {height:52px;line-height:52px;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:52px;line-height:52px;}
/*---------------------------------*/
.channel .nav0 a{width:77px; }
.channel .nav0 a,.channel .off0 a:visited {background:url(images/nav.png) -0px 0 no-repeat;}
.channel .nav0 a:hover{background:url(images/nav.png) -0px -52px no-repeat;}
/*---------------------------------*/
.channel .nav1 a{width:86px; }
.channel .nav1 a,.channel .off1 a:visited {background:url(images/nav.png) -77px 0;}
.channel .nav1 a:hover{background:url(images/nav.png) -77px -52px;}
/*---------------------------------*/
.channel .nav2 a{width:89px; }
.channel .nav2 a,.channel .off2 a:visited {background:url(images/nav.png) -163px 0;}
.channel .nav2 a:hover{background:url(images/nav.png) -163px -52px;}
/*---------------------------------*/
.channel .nav3 a{width:87px;}
.channel .nav3 a,.channel .off3 a:visited {background:url(images/nav.png) -252px 0;}
.channel .nav3 a:hover{background:url(images/nav.png) -252px -52px;}
/*---------------------------------*/
.channel .nav4 a{width:88px; }
.channel .nav4 a,.channel .off4 a:visited {background:url(images/nav.png) -339px 0;}
.channel .nav4 a:hover{background:url(images/nav.png) -339px -52px;}
/*---------------------------------*/
.channel .nav5 a{width:86px;}
.channel .nav5 a,.channel .off5 a:visited {background:url(images/nav.png) -427px 0;}
.channel .nav5 a:hover{background:url(images/nav.png) -427px -52px;}
/*---------------------------------*/
.channel .nav6 a{width:86px;}
.channel .nav6 a,.channel .off6 a:visited {background:url(images/nav.png) -513px 0;}
.channel .nav6 a:hover{background:url(images/nav.png) -513px -52px;}
/*---------------------------------*/
.channel .nav7 a{width:88px; background:url(images/i.png) no-repeat }
.channel .nav7 a,.channel .off7 a:visited {background:url(images/nav.png) -599px 0;}
.channel .nav7 a:hover{background:url(images/nav.png) -599px -52px;}
/*---------------------------------*/
.channel .nav8 a{width:87px; }
.channel .nav8 a,.channel .off8 a:visited {background:url(images/nav.png) -687px 0;}
.channel .nav8 a:hover{background:url(images/nav.png) -687px -52px;}
/*---------------------------------*/
.channel .nlist {
    display:none;
    color:#333;
	border:1px solid #efefef;
    background-color:#e9e9e9;
    position:absolute;
    padding-top:10px; padding-bottom:10px;
    text-align:center;
    width:100%;
    _width:77px;/**FOR IE6 数值视具体情况而定**/
    line-height:5px;
	   top:52px;
	   *left:0;
    filter:Alpha(opacity=80);-moz-opacity:0.8;
    z-index:1000; }
.channel .nlist a {line-height:22px; display:block; height:22px; background:none}
.channel .nlist a:link,.channel .nlist a:visited {color:#333;font-size:12px;font-weight:normal;text-align:center;}
.channel .nlist a:hover {color:#F00;text-decoration:underline; background-image:none}