body{ margin:0; padding:0; color:#fff; font-family:arial, helvetica, sans-serif; background: top center repeat;font-size:12px; line-height:25px; }

.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#fff; text-decoration:none}
a:hover{ color:#f5ea5c} 
a img{ border:none;}
ul li{ list-style:none;}
div,ul,li,h1,h2,h3,h4,h5{ font-size:12px; margin:0; padding:0}

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

#header .logo{ width:684px; float:left;}
#header .top_link{ width:195px; background: top no-repeat; float:right; height:104px; padding:17px 0 0 123px; color:#000;}
#header .top_link a{ color:#000; padding:0 2px;}
#header .top_link a:hover{ color:#fff;}

#banner{ margin:auto; width:998px; background: top center no-repeat; padding-left:4px;}
.banner_topbj{ background: center repeat; height:10px;}
 
#container{ background: top center repeat; padding:35px 26px 0 18px; width:958px;}

#news{ width:296px; float:left;}
#news .title{ border-bottom: 1px dotted #9d9799;}
#news .title span{ float:right; margin:10px 4px 0 0; display:inline;}
#news .title span img{ display:block;}
#news .inner ul li{background: no-repeat 1px; padding-left:16px; border-bottom:1px dashed #794a6e; line-height:28px;}
#news .inner span{ float:right;}
#news .inner{ padding-top:6px; height:176px;}
#news .inner span a{ color:#794a6e;}


#about{ width:397px; float:left; margin-left:24px; display:inline;}
#about .title{ border-bottom: 1px dotted #9d9799;}
#about .title span{ float:right; margin:10px 4px 0 0; display:inline}
#about .inner{ height:182px; margin-top:5px; line-height:26px;}
#about .gs{ float:left; margin-right:10px; margin-top:7px; border:2px solid #fff;}


#case{ width:220px; float:right;}
#case .title{border-bottom: 1px dotted #9d9799;}
#case .inner{ margin-top:12px; height:182px; padding-left:2px;}


#video{ width:299px; float:left; margin-top:15px; display:inline; background:#540701;}
#video .title{ line-height:27px;}
#video .inner{ padding:0 3px 3px 3px; height:201px;}


#products{ float:right; width:642px; margin-top:8px; display:inline;}
#products .title{border-bottom: 1px dotted #9d9799;}
#products .title span{ float:right; margin:10px 4px 0 0; display:inline;}
#products .inner ul li{ float:left;margin:11px 9px 0 0px;}
#products .inner{ width:642px; height:204px; }
#products .inner img{ border:1px solid #7722a1;}


.sidebar{ float:left; width:220px;}
.subnav .title{border-bottom: 1px dotted #9d9799;}
.subnav ul li{  border-bottom:1px dashed #794a6e; line-height:28px;}
.subnav .sub1{background: right no-repeat;}
.sub_img{ margin:15px 0 15px 0;}

.main{ width:710px; float:right;}
.crumb{border-bottom: 1px dotted #9d9799; }
.crumb span{ float:right;}
.crumb span a:hover{text-decoration:underline;}
.article{  color:#af849d; font-family: tahoma; padding:15px 5px;}
.article a{color:#af849d}


#footer{ background: bottom  center no-repeat; height:197px;}
#footer .friendlink{ text-align:left; line-height:80px; text-indent:20px;}
#footer .friendlink a{ padding:0 5px;}
#footer .copyright{ text-align:center;color: #af849d; margin-top:10px;}
#footer .copyright a{color: #af849d; }







.channel {height:63px;line-height:63px;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:63px;line-height:63px;}
/*---------------------------------*/
.channel .nav0 a{width:138px;}
.channel .nav0,.channel .off0 a:visited {background: -0px 0;}
.channel .nav0 a:hover{background: -0px -63px;}
/*---------------------------------*/
.channel .nav1 a{width:124px;}
.channel .nav1,.channel .off1 a:visited {background: -138px 0;}
.channel .nav1 a:hover{background: -138px -63px;}
/*---------------------------------*/
.channel .nav2 a{width:120px;}
.channel .nav2,.channel .off2 a:visited {background: -262px 0;}
.channel .nav2 a:hover{background: -262px -63px;}
/*---------------------------------*/
.channel .nav3 a{width:119px;}
.channel .nav3,.channel .off3 a:visited {background: -382px 0;}
.channel .nav3 a:hover{background: -382px -63px;}
/*---------------------------------*/
.channel .nav4 a{width:119px;}
.channel .nav4,.channel .off4 a:visited {background: -501px 0;}
.channel .nav4 a:hover{background: -501px -63px;}
/*---------------------------------*/
.channel .nav5 a{width:120px;}
.channel .nav5,.channel .off5 a:visited {background: -620px 0;}
.channel .nav5 a:hover{background: -620px -63px;}
/*---------------------------------*/
.channel .nav6 a{width:116px;}
.channel .nav6,.channel .off6 a:visited {background: -740px 0;}
.channel .nav6 a:hover{background: -740px -63px;}
/*---------------------------------*/
.channel .nav7 a{width:146px;}
.channel .nav7,.channel .off7 a:visited {background: -856px 0;}
.channel .nav7 a:hover{background: -856px -63px;}
/*---------------------------------*/