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

body{ font-size:12px; line-height:24px; font-family:  Arial; background:#414141; color:#FFF;}
*,ul,li{ margin:0; padding:0;}
img{border:none}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1;} 
.top{ width:1003px; height:20px; text-align:right;}
.setpage{ width:auto; height:20px; position:absolute; right:10px; top:10px;}
a{ color:#CCC; text-decoration:none;}
a:hover,#footer a:hover{ color:#F00; text-decoration:underline;}
.lo_na,#banner,#content,#footer,.background,.top{ margin:0 auto;}
#header{ width:100%; height:39px; background:url(images/header_bg.jpg) repeat-x;}
.nav_bg{ background:url(images/nav_bg.jpg) repeat-x; width:100%; height:74px;}
.lo_na{ width:1003px; height:74px;}
.logo{ width:268px; height:74px; float:left;}
#nav{ width:735px; height:74px; float:right;}
.background{ background:#3f3f3f; width:1003px; height:auto; overflow:hidden;}
#banner{ width:981px; height:410px; margin-top:10px;}
#content{ width:993px; height:auto; overflow:hidden; margin-top:20px; padding:0 0 10px 10px;}
.titiles{ background:url(images/title_bg.jpg) repeat-x; height:40px;}
.title_l{ width:245px; height:40px; float:left;}
.more{ background:url(images/title_right.jpg) right no-repeat; float:right; height:40px; width:60px;}
.more2{ background:url(images/title_right.jpg) right no-repeat; float:right; height:40px; width:180px; text-align:center; line-height:40px; padding-right:10px;}
.more img{ margin-top:15px;}
.left{ width:737px; height:auto; float:left; }
.aboutbar{ width:385px; height:276px; float:left;}
.about_con{ height:218px; background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424; padding:8px;}
.about_con img{ float:left;}
.newsbar{ width:335px; height:276px; float:left; margin-left:10px; display:inline;}
.news_con{ height:204px; background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424; padding:13px; }
.news1{ width:307px; height:85px;}
.news1 img{ border:solid 1px #999; float:left; display:block;}
.news1 h2{ font-size:12px; color:#e0b64d; width:180px; height:20px; }
.news1_con{ width:180px; height:80px; float:left; margin-left:10px; display:inline; border-bottom:dotted 1px #000;}
.news_con ul,.caseshow ul,.f_con ul{ list-style-type:none; padding-top:15px;}
.news_con ul li{ background:url(images/newsli_bg.jpg) 5px 8px no-repeat; padding-left:25px; width:280px;}
.casebar{ width:734px; height:220px; float:left; margin-top:10px; display:inline;}
.caseshow{ height:175px; background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424;}
.caseshow ul{ padding:10px;}
.caseshow ul li{ float:left; margin-left:8px; display:inline;}
.right{ width:235px; height:auto; float:left; margin-left:10px; display:inline;}
.probar{ width:234px; height:220px;}
.t2{ width:236px; height:40px;}
.t2_l{ width:188px; height:40px; float:left;}
.t2_more{width:46px; height:40px; float:left;}
.propic{ height:152px; padding:12px; background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424;}
.propic img{ border:solid 1px #666;}
.feedback{width:234px; height:155px; margin-top:10px;}
.f_con{ height:112px;  background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424;}
.f_con ul{ padding:5px;}
.f_con ul li{ background:url(images/news_ico.jpg) 5px no-repeat; padding-left:20px; }
.contactbar{ background:url(images/contact_bg.jpg) top no-repeat; width:224px; height:75px; padding:40px 0 0 10px;;}
#footer{ text-align:center; background:#2a2a2a; height:65px; padding-top:10px; color:#888888;}
#footer a{ color:#888888; text-decoration:none;}

.sortbar{ width:234px; height:auto;}
.ti{ width:234px; height:40px;}
.sort_con { width:231px; height:auto; min-height:200px; _height:200px; background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424;}
.sortbar ul{ list-style-type:none;}
.sortbar ul li{ line-height:24px;}
.nav1{ background:url(images/newsli_bg.jpg) 5px 9px no-repeat; padding-left:25px; width:200px; font-weight:bolder;}
.nav2{ padding-left:35px;}
.inright{ width:740px; height:auto; min-height:200px; _height:200px; margin-left:10px; float:left; display:inline;}
.inleft{ width:235px; height:auto; float:left; }

.article {  background:url(images/bar_bg.jpg) repeat; border:solid 1px #242424; height:auto;  padding:10px;  line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;   min-height:400px; _height:400px; }
.news_list{ height:auto; }
.news_list ul li { border-bottom:dashed 1px #aaa; line-height:28px; height:28px; background:url(images/news_ico.jpg) no-repeat 5px; padding-left:20px;  text-align:left; }
.news_list ul{ list-style-type:none; padding:10px;}
.news_list ul li span { float:right; color:#aaa; margin-right:10px; }

.pro2_list{ padding:20px 0px 20px 10px; overflow:hidden; color:#474747; }
.pro2_list ul li {  float:left; width:170px; height:180px; text-align:center; margin-left:7px; display:inline;}
.pro2_list ul li img { margin-bottom:5px; border:solid 1px #CCC;}
.pro2_list ul li p { text-align:center; margin:0; padding:0; }
.pager { text-align:center; padding:10px; }

.channel {height:74px;line-height:74px;}
.channel li{float:left; list-style:none; position:relative;}
.channel a span {float:left;height:74px;line-height:74px;cursor:hand;}
/*---------------------------------*/
.channel .on0 a span {background:url(images/menu.jpg) -0px -74px;width:89px;}
.channel .off0 {width:89px;}
.channel .off0 a span {width:89px;}
.channel .off0 a:link span,.channel .off0 a:visited span {background:url(images/menu.jpg) -0px 0;}
.channel .off0 a:hover span {background:url(images/menu.jpg) -0px -74px;}
/*---------------------------------*/
.channel .on1 a span {background:url(images/menu.jpg) -89px -74px;width:101px;}
.channel .off1 {width:101px;}
.channel .off1 a span {width:101px;}
.channel .off1 a:link span,.channel .off1 a:visited span {background:url(images/menu.jpg) -89px 0;}
.channel .off1 a:hover span {background:url(images/menu.jpg) -89px -74px;}
/*---------------------------------*/
.channel .on2 a span {background:url(images/menu.jpg) -190px -74px;width:101px;}
.channel .off2 {width:101px;}
.channel .off2 a span {width:101px;}
.channel .off2 a:link span,.channel .off2 a:visited span {background:url(images/menu.jpg) -190px 0;}
.channel .off2 a:hover span {background:url(images/menu.jpg) -190px -74px;}
/*---------------------------------*/
.channel .on3 a span {background:url(images/menu.jpg) -291px -74px;width:101px;}
.channel .off3 {width:101px;}
.channel .off3 a span {width:101px;}
.channel .off3 a:link span,.channel .off3 a:visited span {background:url(images/menu.jpg) -291px 0;}
.channel .off3 a:hover span {background:url(images/menu.jpg) -291px -74px;}
/*---------------------------------*/
.channel .on4 a span {background:url(images/menu.jpg) -392px -74px;width:112px;}
.channel .off4 {width:112px;}
.channel .off4 a span {width:112px;}
.channel .off4 a:link span,.channel .off4 a:visited span {background:url(images/menu.jpg) -392px 0;}
.channel .off4 a:hover span {background:url(images/menu.jpg) -392px -74px;}
/*---------------------------------*/
.channel .on5 a span {background:url(images/menu.jpg) -504px -74px;width:112px;}
.channel .off5 {width:112px;}
.channel .off5 a span {width:112px;}
.channel .off5 a:link span,.channel .off5 a:visited span {background:url(images/menu.jpg) -504px 0;}
.channel .off5 a:hover span {background:url(images/menu.jpg) -504px -74px;}
/*---------------------------------*/
.channel .on6 a span {background:url(images/menu.jpg) -616px -74px;width:119px;}
.channel .off6 {width:119px;}
.channel .off6 a span {width:119px;}
.channel .off6 a:link span,.channel .off6 a:visited span {background:url(images/menu.jpg) -616px 0;}
.channel .off6 a:hover span {background:url(images/menu.jpg) -616px -74px;}
/*---------------------------------*/
.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;}
.channel .off0 .nlist {top:-500px;}
.channel .off1 .nlist {top:-500px;}
.channel .off2 .nlist {top:-500px;}
.channel .off3 .nlist {top:-500px;}
.channel .off4 .nlist {top:-500px;}
.channel .off5 .nlist {top:-500px;}
.channel .off6 .nlist {top:-500px;}
.channel .nlist {
    text-align:center;width:80px;line-height:25px;color:#333;
	   _top:73px;left:0px;_left:0;
    margin-top:73px;_margin-top:0px;padding:5px 5px;border:1px solid #efefef;
    position:absolute;background-color:#FFF;
    filter:Alpha(opacity=80);-moz-opacity:0.8; }
.channel .nlist a {line-height:25px;}
.channel .nlist a:link,.channel .nlist a:visited {color:#333;font-size:12px;font-weight:normal;}
.channel .nlist a:hover {color:#F00;text-decoration:underline;}