@charset "utf-8";
/* CSS Document */
body{ color:#333; 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;}
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:#333; text-decoration:none}
a:hover{ color:#50aef8} 
img{ border:none;}
.C{ clear:both}

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

#header{position:relative; background:url(images/header_bottom.jpg) repeat-x  bottom; height:92px;}
#header h1{ float:left}
#header .toptel{ float:right}
#header .toplink{ position:absolute; top:50px; right:60px;color:#000}
#header .toplink a{color:#000; margin-left:5px; margin-right:5px;}
#header .toplink a:hover{color:#50aef8}

#banner{ width:914px; height:219px; margin-top:1px;}

#nav{  height:51px; padding-top:5px;}

#container{ margin-top:7px; margin-bottom:10px;}

#left{ float:left; width:250px; margin-right:10px; display:inline; background:url(images/list_bg.jpg) repeat-y  top;}

#list{ width:250px;}
#list .inner{ width:80%; margin:auto; height:184px;}
#list ul li{ background: url(images/list_a.jpg) no-repeat 0px 5px; padding-left:50px; height:28px; }
#list ul li a{ color:#000}
#list ul li a:hover{color:#50aef8}

#contact{ height:203px; background:url(images/contact_bg.jpg) no-repeat bottom;}
#contact .inner{ width:65%; margin:auto;  padding-right:15%}

#about{ float:left; width:654px; background:url(images/about_bg.jpg) no-repeat bottom; height:218px; margin-bottom:10px;}
#about h2,#products h2{ background:url(images/h2.jpg) repeat-x top ;}
#about h2 span,#products h2 span,#news h2 span{ float:right;}
#about .inner{ width:92%; margin:auto; margin-top:15px; text-indent:24px;}
#about .inner img{ float:right; padding:2px; border:solid 1px #afafaf; margin-left:20px; margin-top:10px}

#products{ float:left; width:342px; background:url(images/products_bg.jpg) no-repeat bottom; height:217px; margin-right:8px;}
#products .inner{ width:97%; margin:auto; margin-top:15px;}
#products ul li{ float:left; width:33%; text-align:center;}
#products ul li img{ margin-bottom:3px; border:solid 1px #aba9aa;}

#news{ float:left; width:304px; background:url(images/news_bg.jpg) no-repeat bottom; height:217px;}
#news h2{ background:url(images/news_h2_bg.jpg) repeat-x top;}
#news .inner{ width:90%; margin:auto; margin-top:10px;}
#news ul li{ background:url(images/newsli.jpg) no-repeat 0px 5px; padding-left:20px; height:26px;}
#news ul li span{ float:right;}

#footer{ background:url(images/footer_bg.jpg) repeat-x bottom ; height:111px; width:1002px; margin:auto; text-align:center}
.bottomnav{ background:#226eff; height:27px;color:#FFF;}
.bottomnav a{ color:#FFF; margin-left:5px; margin-right:5px;}
.bottomnav a:hover{ color:#CCC;}
#footer .inner{ padding-top:15px;}

.sidebar{ width:250px; float:left;margin-right:10px; display:inline; }
.subnav { background:url(images/list_bg.jpg) repeat-y top; padding-bottom:20px;}
.subnav ul{width:80%; margin:auto}
.subnav img{ display:block}
.subnav .sub1{  text-align:left; height:27px; line-height:27px;background: url(images/list_a.jpg) no-repeat 0px 5px; padding-left:50px; height:28px; }
.subnav .sub1 a{ color:#333;}
.subnav .sub1 a:hover{ color:#50aef8}
.subnav .sub2{  text-align:left;  height:24px; line-height:24px; padding-left:50px; background:url(images/sub2ico.jpg) no-repeat 35px;}
.subnav .sub2 a{ color:#666; }
.subnav .sub2 a:hover{ color:#50aef8}

.main{ width:654px; float:left;   display:inline;}
.crumb h2{ background:url(images/crumb.jpg) no-repeat left center; height:29px; line-height:29px; font-size:14px; padding-left:35px; padding-top:5px;}
.crumb{ background:url(images/h2.jpg) repeat-x top; width:98%; margin:auto;;  font-weight:bold; font-size:14px; text-align:left; color:#000;}
.crumb span{ float:right; font-weight:normal; color:#FFF; margin-right:10px; font-size:12px;}

.article { width:90%; margin:auto; line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left; margin-top:15px;}
.word_list{ margin-right:10px;}
.word_list ul li { border-bottom:dashed 1px #666; line-height:30px; height:30px; background: url(images/newsico.jpg) no-repeat 5px; padding-left:20px;  text-align:left; }
.word_list ul li span { float:right; color:#666; margin-right:10px; }
.pic_list ul li { display:inline; float:left; width:145px; height:180px;text-align:center; }
.pic_list ul li img { padding:3px; border:1px solid #ccc; margin-bottom:8px;}
.pic_list ul li p { text-align:center; margin:0; padding:0; }

.channel {height:44px;line-height:44px;}
.channel li{float:left; list-style:none; position:relative;}
.channel a span {float:left;height:44px;line-height:44px;cursor:hand;}
/*---------------------------------*/
.channel .on0 a span {background:url(images/nav.jpg) -0px -44px;width:155px;}
.channel .off0 {width:155px;}
.channel .off0 a span {width:155px;}
.channel .off0 a:link span,.channel .off0 a:visited span {background:url(images/nav.jpg) -0px 0;}
.channel .off0 a:hover span {background:url(images/nav.jpg) -0px -44px;}
/*---------------------------------*/
.channel .on1 a span {background:url(images/nav.jpg) -155px -44px;width:116px;}
.channel .off1 {width:116px;}
.channel .off1 a span {width:116px;}
.channel .off1 a:link span,.channel .off1 a:visited span {background:url(images/nav.jpg) -155px 0;}
.channel .off1 a:hover span {background:url(images/nav.jpg) -155px -44px;}
/*---------------------------------*/
.channel .on2 a span {background:url(images/nav.jpg) -271px -44px;width:117px;}
.channel .off2 {width:117px;}
.channel .off2 a span {width:117px;}
.channel .off2 a:link span,.channel .off2 a:visited span {background:url(images/nav.jpg) -271px 0;}
.channel .off2 a:hover span {background:url(images/nav.jpg) -271px -44px;}
/*---------------------------------*/
.channel .on3 a span {background:url(images/nav.jpg) -388px -44px;width:115px;}
.channel .off3 {width:115px;}
.channel .off3 a span {width:115px;}
.channel .off3 a:link span,.channel .off3 a:visited span {background:url(images/nav.jpg) -388px 0;}
.channel .off3 a:hover span {background:url(images/nav.jpg) -388px -44px;}
/*---------------------------------*/
.channel .on4 a span {background:url(images/nav.jpg) -503px -44px;width:117px;}
.channel .off4 {width:117px;}
.channel .off4 a span {width:117px;}
.channel .off4 a:link span,.channel .off4 a:visited span {background:url(images/nav.jpg) -503px 0;}
.channel .off4 a:hover span {background:url(images/nav.jpg) -503px -44px;}
/*---------------------------------*/
.channel .on5 a span {background:url(images/nav.jpg) -620px -44px;width:115px;}
.channel .off5 {width:115px;}
.channel .off5 a span {width:115px;}
.channel .off5 a:link span,.channel .off5 a:visited span {background:url(images/nav.jpg) -620px 0;}
.channel .off5 a:hover span {background:url(images/nav.jpg) -620px -44px;}
/*---------------------------------*/
.channel .on6 a span {background:url(images/nav.jpg) -735px -44px;width:179px;}
.channel .off6 {width:179px;}
.channel .off6 a span {width:179px;}
.channel .off6 a:link span,.channel .off6 a:visited span {background:url(images/nav.jpg) -735px 0;}
.channel .off6 a:hover span {background:url(images/nav.jpg) -735px -44px;}
/*---------------------------------*/
.channel .on0 {position:relative;}
.channel .on1 {position:relative;}
.channel .on2 {position:relative;}
.channel .on3 {position:relative;}
.channel .on4 {position:relative;}
.channel .on5 {position:relative;}
.channel .on6 {position:relative;}



.PClassJI1{  text-align:left; height:27px; line-height:27px;background: url(images/list_a.jpg) no-repeat 0px 5px; padding-left:50px; height:28px; }
.PClassJI1 a{ color:#333;}
.PClassJI1 a:hover{ color:#50aef8}
.PClassJI2{  text-align:left;  height:24px; line-height:24px; padding-left:50px; background:url(images/sub2ico.jpg) no-repeat 35px;}
.PClassJI2 a{ color:#666; }
.PClassJI2 a:hover{ color:#50aef8}