@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0}
li{ list-style:none}
/*主页部分CSS*/
body{color:#333}
#top-base { width:100%; height:27px; background:url(../images/topbg.jpg) repeat-x;}
.base-con{ width:953px; margin:0 auto;}
#top-base ul{ height:auto; overflow:hidden; zoom:1; float:right; }
#top-base li{ float:left; padding:0 5px;}
#top-base li a{ font:12px/20px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none }
#wrap{ width:100%; background:#a5a5a5 url(../images/bg.png) repeat-x;}
#main{ margin:0 auto; width:953px;}
#logo-area{ height:94px; background:url(../images/logobg.jpg) center center; overflow:hidden; zoom:1}
#logo-area h1{ float:left; display:block; height:94px; width:172px; overflow:hidden}
#logo-area h1 a{ display:block; font-size:9px; line-height:300px;}
#logo-area h2{ float:left; display:block;height:94px; width:340px;overflow:hidden; font:300 12px/114px Verdana, Geneva, sans-serif; color:#e5e5e5;}
#logo-area .tele{ float:right; display:block;_display:inline; margin:15px 0 0}
#nav{ height:35px; background:url(../images/nav.gif)}
#nav ul{ height:35px; overflow:hidden; zoom:1; padding:0 0 0 20px;}
#nav ul li{ float:left; font:700 14px/35px "Microsoft YaHei","宋体"; padding:0 22px; background:url(../images/navline.gif) right center no-repeat}
#nav ul li a{ color:#FFF; text-decoration:none;text-shadow:#4783af -1px -1px 0;filter:dropshadow(OffX=1,OffY=1,Color='#4783af',Positive='true');}
#nav ul li a:hover{ color:#F63}
.slider{position:relative; margin-top:5px;  height:221px; padding:8px 6px; background:url(../images/slidebg.gif) top left no-repeat;}
#slider{}
.slider ul{ height:221px; overflow:hidden; zoom:1}
.slider li{ display:block; width:941px; height:221px; overflow:hidden}
#controls{ height:0; line-height:0;}
#controls span{ display:none}
#prevbtn,#nextbtn{ display:block;position:absolute; top:103px; }
#prevbtn{left:-17px}
#nextbtn{ left:952px;}
#prevbtn a,#nextbtn a{width:17px; height:34px; display:block; }
#prevbtn a{ background:url(../images/s_left.jpg)}
#nextbtn a{ background:url(../images/s_right.jpg)}
.service{ margin-top:4px; height:auto; overflow:hidden; zoom:1}
.service .mod{ float:left; width:312px;  background:url(../images/modbg.gif)}
.service .mod h3{ text-align:center; height:35px; background:url(../images/lvbg.gif) no-repeat; overflow:hidden}
.service .mod h3 span{  height:30px; text-align:center; font:14px/37px "Microsoft YaHei"; color:#FFF; letter-spacing:0.5em; background:url(../images/h3bg.gif) left center no-repeat; padding:6px 0 4px 36px;}
.service .mod ul,.service .mod .c{ padding:16px 0 22px 40px; _padding:12px 0 24px 40px; height:180px; background:url(../images/modfoot.gif) left bottom no-repeat;}
.service .mod ul li,.type li{ float:left;font:12px/20px "Microsoft YaHei"; width:126px; margin-bottom:6px; padding-left:10px; background:url(../images/dot.gif) left center no-repeat;}
.service .mod ul li a,.type li a{ padding:3px; font:14px/20px "Microsoft YaHei"; color:#333; letter-spacing:0.2em; text-decoration:none; }
.service .mod ul li a:hover,.type li a:hover{ background:#3851a2; color:#FFF}
.service .mod .c,.bar-mod .c{font:14px/22px "Microsoft YaHei";}
.service .mod p,.bar-mod p{ margin-bottom:8px;}
.service .mod .c p{ line-height:18px; margin-bottom:6px}
.service .mod p span,.bar-mod p span{ padding-left:10px;color:#09C; font-weight:700; font-family:Tahoma, Geneva, sans-serif}
.gline{ float:left; margin:4px 0; width:8px; height:245px; border:none; background:url(../images/gline.gif) center top repeat-y;}
#mid{ margin-top:4px; padding:0 2px 0 1px; height:auto; overflow:hidden; zoom:1; font:12px/18px "Microsoft YaHei"}
#mid .mid-des{ float:left; width:629px;}
#mid .about,.mid-news{ background:#e4e4e4; border:#868686 1px solid; }
.mid-line{ float:left; width:11px; height:430px; background:url(../images/gline.gif) 5px top repeat-y;}
.mid-news{ margin-top:6px; height:242px; overflow:hidden; zoom:1}
.news-line{ background:url(../images/nline.gif) right top repeat-y}
.news-mod{ float:left; width:313px; height:222px}
.news-mod ul{ padding:13px;}
.news-mod li{ position:relative; height:28px;}
.news-mod li a{color:#333;text-decoration:none; }
.news-mod li span{ position:absolute; right:0;}
#mid .about h3,.mid-news h3{ font-size:14px; color:#FFF; background:#CCC url(../images/tibg.gif)  center center repeat-x; text-align:center; line-height:28px;letter-spacing:0.5em;}
.mid-news h3{ height:auto; overflow:hidden; zoom:1}
.mid-news h3 span{ float:left; width:313px;}
#mid .about p{padding:20px; font-size:14px; line-height:22px; text-align:justify}
#mid .works{ float:right;width:308px; border:#868686 1px solid; background:#f5f3e8;}
#mid .works .mq-area{height:360px;overflow:hidden;}
#mid .works h3,.sidebar h3{ background:url(../images/tibg2.gif) left center repeat-x; height:28px;text-align:center; line-height:28px;letter-spacing:0.5em; font-size:14px; color:#FFF }
#mid .works ul{ padding:10px;}
#mid .works li{ line-height:20px;}
#mid .works li h4{ font:700 18px/26px "Microsoft YaHei","幼圆"; margin-bottom:8px; color:#000}
#mid .more-works{ height:40px; text-align:center}
#mid .more-works a{ font:14px/40px "Microsoft YaHei","宋体"; color:#F11}
#links{ margin-top:8px; padding:0 2px 0 1px;}
#links a{ color:#3851a2; text-decoration:none;}
#links a:hover{ color:#999}
.city-link{ background:#e4e4e4; height:auto; overflow:hidden; zoom:1}
.city-link h3{ float:left;  background:#666;  padding:12px 8px; font-size:14px;line-height:20px; font-family:"Microsoft YaHei"; color:#FFF;display:block; width:14px}
.city-link ul{ float:right; width:900px; height:auto; overflow:hidden; zoom:1; padding:10px 0;}
.city-link li{ float:left; font:14px/20px "Microsoft YaHei"; width:100px;}
.city-link li{ float:left; font:14px/20px "Microsoft YaHei"; width:100px;}
#footer{ margin-top:20px; border-top:#616161 6px solid; background:#6f6f6f;}
#footer a{color:#ccc; text-decoration:none;}
.foot-box{ width:800px; margin:0 auto; padding:10px 0; height:auto; overflow:hidden; zoom:1}
.foot-box ul{ float:left; display:block; width:200px;}
.foot-box li{ text-align:center; color:#CCC; font:14px/30px "Microsoft YaHei","宋体"}
.foot-box li h3{ padding-bottom:10px; font:700 16px/20px "Microsoft YaHei","宋体"; letter-spacing:0.5em;}
.foot-box li a{color:#FFF;text-decoration:none;}
.copyright{ text-align:center; font:12px/40px Georgia, "Times New Roman", Times, serif; background:#616161; color:#000}
/*详细页面部分CSS*/
#content { height:auto !important;_height:321px;min-height:324px;}
.content{ float:left; width:620px;height:auto!important;_height:498px; min-height:501px; padding:10px 20px 20px ; border:#868686 1px solid;border-top:5px solid #616161; background:#EEE; overflow:hidden;_overflow:visible; zoom:1;}
.content h3{ font:700 18px/60px "Microsoft YaHei","幼圆"; text-align:center; border-bottom:1px solid #999; margin-bottom:20px; }
.content h3 span{ color:#339; padding:0 8px;}
.content p{ line-height:24px; font-size:14px; text-indent:2em; padding-bottom:20px;}
.content h4{ text-align:left; font:700 14px/30px "Microsoft YaHei"; padding-bottom:16px;}
.content ul.type{ height:auto; overflow:hidden; zoom:1; width:500px; margin:0 0 20px 100px;}
.content table{ border-collapse: collapse;empty-cells: show; background:#FFF; margin-bottom:30px; }
.content td{ border: #CCC solid 1px;padding: 5px; line-height:30px;}
#content p{ padding:0 20px 16px 20px;font-family:"Microsoft YaHei",arial,"Microsoft YaHei",helvetica,clean,sans-serif;text-indent:0;}
.subnav {background:#CCC;margin:-10px -20px 0;padding:2px 0 2px 20px }
.subnav a{ color:#333; text-decoration:none;  font-size:14px}
.subnav span{ padding:0 4px;}
.subnav .citynav{ color:#F30; padding:0 4px 0 0}
.cities a{ font-size:12px;}
.info{ padding:10px 0; text-align:center; color:#000}
.info span{ padding:0 3px; color:#666}
.prenext{ padding:30px 0 10px 0; height:auto; overflow:hidden; zoom:1}
.prenext a{ color:#F33}
.prenext .pre{float:left}
.prenext .next{float:right}
.sidebar{ float:right; width:280px;border:#868686 1px solid;background:#f5f3e8;}
.sidebar h3{font-size:14px; background:url(../images/tibg2.gif) left center repeat-x;}
.bar-mod{ padding:20px; }
.bar-mod .c{overflow:hidden; }
.bar-mod .c ul{ height:auto; overflow:hidden; zoom:1}
.bar-mod .c li{ float:left; width:50%; padding-bottom:8px; text-align:center;}
.bar-mod .c li a{ color:#36C; text-decoration:none}
.show-mod li{padding:4px;border-bottom:1px dotted #FFFFD0}
.show-mod li a{ line-height:20px;color:#36C; text-decoration:none; font-size:13px;}
.sub-nav { height:30px; margin-bottom:6px; line-height:30px; border-bottom:#ccc 1px dotted}
.sub-nav a{ color:#06C; text-decoration:none}
.list ul{ padding-top:10px 20px 20px;}
.list li{ position:relative; display:block; padding:3px 0; line-height:30px; height:30px; border-bottom:1px #CCC dashed}
.list li span{ position:absolute; right:0; bottom:0;}
.list a { font-size:14px; line-height:30px; color:#333; text-decoration:none}
.list a:hover{ color:#06C}
.list li:hover{ background:#CCC;color:#06C}
/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 13px; COLOR: #48b9ef;TEXT-ALIGN: center; overflow:hidden; height:auto; zoom:1; padding-top:20px; float:right;}
.page a,.page span{display: block; height:16px;COLOR: #48b9ef;FONT-WEIGHT: normal;text-decoration:none;letter-spacing:0px;border:2px solid #ddd;padding-top:1px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px; padding-bottom:1px;} /* SPAN和链接 */
.page a:hover, .page a.current{COLOR: #FFF;border:2px solid #F44; background-color:#ff6c16; height:15px;_height:13px;} /* 当前链接有激活时 */
.page input{padding:1px 0;_padding:0;color:#390;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

/* 正文左边-栏目 */

.content .node{float:left;_display:inline;width:295px;margin:5px;border:1px solid #C2C2C2;padding:1px}
.content .node .title{border-bottom:1px dashed #ccc;font-weight:bold;color:#404040;padding:7px 5px 5px 5px;background-color:#F6F6F6}/* 导航标题 */
.content .node .title a{color:#333;text-decoration:none}
.content .node .title a:hover{text-decoration:none;color:#f00}
.content .node .box{line-height:25px;padding-top:6px;padding-right:5px;padding-bottom:0px;padding-left:5px;background:#FFF}
.content .node .box ul{list-style:none;padding:0px;margin:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/* CSS限制宽了 */
.content .node .box ul li{padding-left:15px}
.content .node .box ul a{color:#2B2B2B;text-decoration:none}
.content .node .box ul a:hover{color:#F00;text-decoration:underline}

.cityimg {text-align:center !important;}





 .samples{border:1px solid #C2C2C2;}
 .s-naver { height:auto; overflow:hidden;zoom:1;  background:#F6F6F6; border-bottom:1px dashed #C2C2C2; padding:3px 8px;}
 .s-naver li{ float:left; list-style:none; padding:3px; cursor:pointer}
 .s-naver li.hover,.s-naver li.cur{ color:#F33}
 .sbox { background:#FFFEF7; float:none; width:100%; height:auto; padding:15px 0;}
 .sbox li{ padding:0 15px;}
 .nodis { display:none}