@charset "utf-8";


body{ font-size:12px; line-height:24px; font-family:"宋体", Arial; background:url(/images/body_bg.jpg) center top no-repeat; color:#676767;}
*,ul,li{ margin:0; padding:0;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1;}
.setpage{ width:auto; height:20px; position:absolute; right:10px; top:10px;}
a{ color:#676767; text-decoration:none;}
a:hover,#footer a:hover,.friend a:hover{ color:#F00; text-decoration:underline;}
#header,#nav,#banner,#content,#footer,.friend,.underbn{ margin:0 auto;}
.a_width{ width:1003px;}
#header{ height:108px; position:relative; }
.logo{ width:536px; height:108px; float:left; }
.header_right{ background:url(/images/phone.jpg) no-repeat; float:right; margin-top:40px; display:inline; width:289px; height:55px;}
#nav{ height:41px; width:1003px;}
#banner{ height:309px; margin-top:10px;}
#banner img{ height:305px; width:999px; border:solid 2px #FFF;}
.underbn{ background:url(/images/underba.jpg) no-repeat; height:27px;}
#content{ height:auto;  overflow:hidden; }

.titles{ background:url(/images/titles.jpg) repeat-x; height:26px;}
.title_t{ width:175px; height:26px; float:left;}
.more{ width:50px; height:16px; float:right; background:url(/images/titles_r.jpg) right no-repeat; padding-top:10px;}

.c_top{ width:1003px; height:205px;}
.inleft{ width:240px; height:auto; float:left; }
.sortbar{ height:auto; width:240px;}
.sortlist{ height:auto; background:url(/images/sort_bg.jpg) repeat-y;}
.sortlist ul { list-style-type:none; padding:10px;}
.sortlist ul li{ line-height:24px;}
.nav1{ background:url(/images/sort_ico.jpg) no-repeat; padding-left:40px; font-weight:bolder; margin-bottom:2px;}
.nav2{ padding-left:50px; background:url(/images/sort2_ico.jpg) no-repeat; margin-bottom:1px;}
.inright{ float:left; width:730px; height:auto; _height:200px; min-height:200px; margin-left:5px; display:inline;}
.titles span{ float:right; margin:0px 10px 0 0; display:inline;}
.sort_c{background:url(/images/sort_bg.jpg) repeat-y; height:auto; min-height:167px;}
.sortbar_ttile{ height:33px;width:240px;}
.sortbar_bottom{height:13px; background:url(/images/sort_bottom.jpg) bottom no-repeat; width:240px; }
.aboutbar{ height:200px; width:410px; float:left; margin-left:10px; display:inline;}
.a_con{ height:154px; padding:10px;}
.newsbar{ float:left; width:327px; margin-left:10px; }
.newsli{ height:170px;}
.newsli ul { padding:5px; list-style-type:none;}
.newsli ul li{ border-bottom:dotted 1px #CCC; background:url(/images/news_ico.gif) 5px no-repeat; padding-left:20px;}
.newsli ul li span{ float:right; color:#887c66;}

.pro_bg{ background:url(/images/pro_bg.jpg) repeat-y; width:1003px; margin-top:10px;}
.pro_bottom{ background:url(/images/pro_bottom_bg.jpg) no-repeat bottom; width:983px; height:auto; padding:10px;}
.pro_top{ background:url(/images/pro_top_bg.jpg) no-repeat top; width:1003px; height:12px;}

.inpro_bg{ background:url(/images/inpro_bg.jpg) repeat-y; width:755px; }
.inpro_bottom{ background:url(/images/inpro_bottom_bg.jpg) no-repeat bottom; width:727px; height:auto; min-height:100px; _height:100px; padding:14px;}
.inpro_top{ background:url(/images/inpro_top_bg.jpg) no-repeat top; width:755px; height:12px; }

.probar{ height:350px; width:980px; margin-top:10px;}
.proshow{  height:345px; width:960px; _width:960px; padding:10px 0 0 20px;}
.proshow ul li{ width:174px; height:155px; float:left; margin-right:14px; display:inline; text-align:center;}
.proshow ul{ list-style-type:none;}
.proshow ul li img{ display:block; width:172px; height:127px; border: solid 1px #ccc;}
.proshow ul li span{ height:25px; line-height:25px;}

.friend{ background:url(/images/link.jpg) left no-repeat; width:883px; height:40px; margin-top:10px; padding-left:120px;}
#footer{ text-align:center; border-top:solid 1px #ccc; margin-top:10px; height:50px; line-height:50px;}
#footer a{ color:#676767; text-decoration:none;}

.contactbar{ background:url(/images/contact_bg.jpg) no-repeat; width:240px; height:200px; margin-top:10px;}
.conta_con{ padding:45px 10px 10px 10px; height:130px;  color:#FFF;}
/* 内页样式 内容/新闻/产品 */
.article { 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.gif) 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; }
/* 4栏 大小 w:170px; h:180px; / 3栏 w:224px; h:230px; */
.pro2_list{ padding:20px 0px 20px 0px; 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:41px;line-height:41px;}
.channel a span {float:left;height:41px;line-height:41px;cursor:hand;}

.channel .on0 a span {background:url(/images/nav.jpg) -0px -41px;width:116px;}
.channel .off0 a span {width:116px;}
.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 -41px;}

.channel .on1 a span {background:url(/images/nav.jpg) -116px -41px;width:144px;}
.channel .off1 a span {width:144px;}
.channel .off1 a:link span,.channel .off1 a:visited span {background:url(/images/nav.jpg) -116px 0;}
.channel .off1 a:hover span {background:url(/images/nav.jpg) -116px -41px;}

.channel .on2 a span {background:url(/images/nav.jpg) -260px -41px;width:158px;}
.channel .off2 a span {width:158px;}
.channel .off2 a:link span,.channel .off2 a:visited span {background:url(/images/nav.jpg) -260px 0;}
.channel .off2 a:hover span {background:url(/images/nav.jpg) -260px -41px;}

.channel .on3 a span {background:url(/images/nav.jpg) -418px -41px;width:155px;}
.channel .off3 a span {width:155px;}
.channel .off3 a:link span,.channel .off3 a:visited span {background:url(/images/nav.jpg) -418px 0;}
.channel .off3 a:hover span {background:url(/images/nav.jpg) -418px -41px;}

.channel .on4 a span {background:url(/images/nav.jpg) -573px -41px;width:158px;}
.channel .off4 a span {width:158px;}
.channel .off4 a:link span,.channel .off4 a:visited span {background:url(/images/nav.jpg) -573px 0;}
.channel .off4 a:hover span {background:url(/images/nav.jpg) -573px -41px;}

.channel .on5 a span {background:url(/images/nav.jpg) -731px -41px;width:141px;}
.channel .off5 a span {width:141px;}
.channel .off5 a:link span,.channel .off5 a:visited span {background:url(/images/nav.jpg) -731px 0;}
.channel .off5 a:hover span {background:url(/images/nav.jpg) -731px -41px;}

.channel .on6 a span {background:url(/images/nav.jpg) -872px -41px;width:131px;}
.channel .off6 a span {width:131px;}
.channel .off6 a:link span,.channel .off6 a:visited span {background:url(/images/nav.jpg) -872px 0;}
.channel .off6 a:hover span {background:url(/images/nav.jpg) -872px -41px;}

.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;}


