/* CSS Document */

body{ margin:0px; padding:0px; font-size:14px; background:url(../images/body_bg.jpg) no-repeat center top; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0;padding:0; list-style:none; line-height:24px; font-size:12px;}
*{ }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{font-size:12px; color:#818181; text-decoration:none}
a:hover{ color:red;} 
.wrapper{width:1008px; margin:0 auto; }
img{ border:none;}

 
#header{ height:108px; background:url(../images/header_bg.jpg) no-repeat; position:relative;}
#logo{ width:383px; height:108px;  }
#link{ position:absolute; right:50px; top:15px; color:#333; font-size:14px; height:13px; text-transform:uppercase}
#link a{  color:#333; padding-left:20px; height:13px; line-height:13px;}
#link a.one{ width:70px; background:url(../images/one.jpg) no-repeat left;}
#link a.two{ width:70px; background:url(../images/two.jpg) no-repeat left;}
#link a.three{ width:70px; background:url(../images/three.jpg) no-repeat left;}


#nav_bg{ height:40px; background:url(../images/nav_bg.jpg) repeat-x; }
#nav{ height:40px; width:804px;}
#nav,#search{ float:left;}
.channel {height:40px;line-height:40px;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:40px;line-height:40px;}
/*---------------------------------*/
.channel .nav0 a{width:74px;}
.channel .nav0,.channel .off0 a:visited {background:url(../images/menu.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(../images/menu.jpg) -0px -40px;}
/*---------------------------------*/
.channel .nav1 a{width:114px;}
.channel .nav1,.channel .off1 a:visited {background:url(../images/menu.jpg) -74px 0;}
.channel .nav1 a:hover{background:url(../images/menu.jpg) -74px -40px;}
/*---------------------------------*/
.channel .nav2 a{width:118px;}
.channel .nav2,.channel .off2 a:visited {background:url(../images/menu.jpg) -188px 0;}
.channel .nav2 a:hover{background:url(../images/menu.jpg) -188px -40px;}
/*---------------------------------*/
.channel .nav3 a{width:110px;}
.channel .nav3,.channel .off3 a:visited {background:url(../images/menu.jpg) -306px 0;}
.channel .nav3 a:hover{background:url(../images/menu.jpg) -306px -40px;}
/*---------------------------------*/
.channel .nav4 a{width:91px;}
.channel .nav4,.channel .off4 a:visited {background:url(../images/menu.jpg) -416px 0;}
.channel .nav4 a:hover{background:url(../images/menu.jpg) -416px -40px;}
/*---------------------------------*/
.channel .nav5 a{width:94px;}
.channel .nav5,.channel .off5 a:visited {background:url(../images/menu.jpg) -507px 0;}
.channel .nav5 a:hover{background:url(../images/menu.jpg) -507px -40px;}
/*---------------------------------*/
.channel .nav6 a{width:101px;}
.channel .nav6,.channel .off6 a:visited {background:url(../images/menu.jpg) -601px 0;}
.channel .nav6 a:hover{background:url(../images/menu.jpg) -601px -40px;}
/*---------------------------------*/
.channel .nav7 a{width:102px;}
.channel .nav7,.channel .off7 a:visited {background:url(../images/menu.jpg) -702px 0;}
.channel .nav7 a:hover{background:url(../images/menu.jpg) -702px -40px;}
/*---------------------------------*/


#search input{ border:none; background:url(../images/search_bg.jpg) no-repeat; height:26px; width:148px; padding:0 5px;}
#search input,#search img{ float:left; margin-top:8px; display:inline;}

#container_bg{ background:url(../images/container_bg.jpg) no-repeat center top #fff;}
#container{ width:1010px; border:1px solid #cacaca; border-top:none; padding:40px 15px 0 15px; margin:auto;}

#about{ width:365px; float:left;}
#about .title{ width:365px; height:42px; background:url(../images/about_title.jpg) no-repeat; }
#about .title span{  float:right; margin:20px 24px 0 0; }
#about .inner{ width:312px; height:237px; background:url(../images/about_inner.jpg) no-repeat; color:#333; font-size:12px; line-height:25px; padding:15px 28px 0 25px  }

#news{ width:421px; float:left; display:inline}
#news .title{ width:421px; height:42px; background:url(../images/news_title.jpg) no-repeat; }
#news .title span{  float:right; margin:20px 24px 0 0;   }
#news .inner{ width:381px; height:237px; background:url(../images/news_inner.jpg) no-repeat;color:#333; font-size:12px; line-height:24px; padding:15px 20px 0 20px;  }
#news .inner img{ display:block; margin-bottom:10px;}
#news .inner p{ height:125px; line-height:25px; overflow:hidden}

#contact{ width:222px; float:left; }
#contact .title{ width:222px; height:42px;}
#contact .inner{ width:172px; height:202px; background:url(../images/contact_inner.jpg) no-repeat ; line-height:25px; padding:60px 15px 0 35px; }

#show{ float:left; margin-top:10px; display:inline}
#show .title{width:1008px;  height:42px; background:url(../images/show_title.jpg) no-repeat;  }
#show .title span{ float:right; margin:20px 24px 0 0;}
#show .inner{ width:1003px; height:204px; padding-top:20px}
#show .inner ul li{  float:left; width:230px;height:193px; background:url(../images/show_li_BG.jpg) no-repeat; margin-right:20px;}
#show .inner ul li img{ padding-left:17px; padding-top:5px;}
#show .inner ul li a{ display:block; padding-left:90px; height:30px; line-height:30px;}

#footer_bg{ height:74px; color:#fff; text-align:center;  font-size:12px; background:url(../images/footer_bg.jpg) no-repeat; margin-top:20px; padding-top:20px; }
#footer{  color:#676767;font-size:12px; }
#copyright{ color:#fff}
#friendlink{ font-weight:bold;color:#fff; margin-bottom:10px;}
#friendlink a,#copyright a{ color:#fff;}

.container{ padding-top:40px; }
.subcontainer{border:1px solid #d3cfd0;}
.sidebar{  float:left;  width:268px; background:#f4f3f3;border-rifht:1px solid #d3cfd0; }
.subnav{ width:268px; margin-bottom:10px; padding-bottom:50px;}
.subnav .title{ width:268px; height:42px; }
.subnav .inner{ width:238px;  padding:0 15px; }
.subnav .inner ul li.sub1{ width:238px; height:35px; line-height:35px; background:url(../images/li_bg.jpg) no-repeat 20px 15px; font-size:12px; color:#333; }
.subnav .inner ul li.sub1 a{ font-weight:bold; color:#333; padding-left:40px;}
.subnav .inner ul li.sub2{ width:238px; height:35px; line-height:35px;font-size:12px; color:#333; }
.subnav .inner ul li.sub1 a{ color:#333;padding-left:40px; display:block;border-bottom:1px dashed #bab9b9; }
.subnav .inner ul li.sub2 a{ color:#333;padding-left:40px; display:block;border-bottom:1px dashed #bab9b9; }
.subnav .inner ul li.sub3 a{ color:#333;padding-left:60px; display:block;border-bottom:1px dashed #bab9b9; }

.subnav .inner ul li.sub3{ width:238px; height:35px; line-height:35px;font-size:12px; color:#333;}

.contact{ width:267px; margin-left:1px}
.contact .inner{ height:183px; background:url(../images/contact_inner1.jpg) no-repeat; padding:60px 15px 0px 45px; font-size:12px; color:#333;}

.main{ width:740px;float:left;  }
.crumb{ width:640px; height:41px; background:url(../images/crumb.jpg) no-repeat; font-family:Microsoft Yahei; font-size:16px; padding-left:100px;  }

.crumb span,.crumb img{ float:left;}
.crumb span{ height:41px; line-height:41px; float:right; margin-right:10px; font-weight:100; font-size:12px; color:#848384;}
.crumb span a{color:#848384;}
.article{ padding:10px 15px; line-height:26px; border-left:1px solid #d3cfd0; min-height:550px;}


.text_list li{ height:32px; line-height:32px; background:url(../images/ico.png) no-repeat 5px;text-indent:2em; border-bottom:solid 1px #CCC}
.text_list li span{ float:right; margin-right:6px;}

.img_list li{ float:left; width:220px;height:195px; margin-right:16px; margin-top:25px;overflow:hidden }
.img_list li img{ width:97%; border:1px solid #ccc}
.img_list li a.title{display:block; height:30px; line-height:30px; text-align:center }
.img_list li a.screenshot{padding-left:17px; margin:auto; display:block; height:166px; overflow:hidden}

.paging{ margin: 20px 0; text-align: center;}
.paging a,.paging span{margin: 0 2px;padding: 2px;color:#999;border: 1px solid #d7d7d7;}
a.num{padding: 2px 4px;}
.current,.paging span.cu{color: #fff!important;background: #cc1414!important;border-color: #cc1414!important;}


/*大图轮播*/
.banner{width:100%;}
.banner img{ width:100%}
.slideBox{ width:1680px; height:480px;  position:relative;left: 50%;margin-left: -840px;text-align: center;overflow:hidden}
.slideBox .hd{width:1920px;height:16px; overflow:hidden; position:absolute;bottom:10px;left: 50%;margin-left: -960px; z-index:100; text-align: center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{cursor:pointer;margin: 0 6px;height:16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;background: url(../images/slidebtn.png) -16px 0 no-repeat;}
.slideBox .hd ul li.on{background-position: 0 0;}
.slideBox .bd{ position:relative; height:100%; z-index:5;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:20.5%; top:50%; margin-top:-51px; display:none; width:66px; height:102px; background:url(../images/slidearrow.png) -1px 0 no-repeat;z-index: 20}
.slideBox .next{ left:auto; right:20.5%; background-position:-67px 0; }
.slideBox .prev:hover{background-position: -199px 0;}
.slideBox .next:hover{background-position: -133px 0;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*小图轮播*/
.slideBox2{ width:312px; height:237px;  position:relative;left: 50%;margin-left: -156px;text-align: center;}
.slideBox2 .hd{width:320px;height:16px; overflow:hidden; position:absolute;bottom:10px;left: 50%;margin-left: -160px; z-index:100; text-align: center; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; }
.slideBox2 .hd ul li{cursor:pointer;margin: 0 6px;height:16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;background: url(../images/slidebtn.png) -16px 0 no-repeat;}
.slideBox2 .hd ul li.on{background-position: 0 0;}
.slideBox2 .bd{ position:relative; height:100%; z-index:5;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle;}
.slideBox2 .bd img{height:212px;width:320px}
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:20.5%; top:50%; margin-top:-51px; display:none; width:66px; height:102px; background:url(../images/slidearrow.png) -1px 0 no-repeat;z-index: 20}
.slideBox2 .next{ left:auto; right:20.5%; background-position:-67px 0; }
.slideBox2 .prev:hover{background-position: -199px 0;}
.slideBox2 .next:hover{background-position: -133px 0;}
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }