/*reset
-------------------------*/
body,ul,ol,form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{padding:0;margin:0}
ul,ol,dl{list-style:none}
img{border:none}
body{font-size:12px;font-family:"微软雅黑","宋体";background:url(../images/body_bg.jpg) repeat-x 0 0 #e6f9fc}
a{text-decoration:none;outline:none}
.clear{clear:both}

/*wrapper
---------------------*/
#wrapper{background:url(../images/body_02.jpg) repeat-x 0 bottom}
#header{width:960px;margin:0 auto}
#sitename{background:url(../images/header.jpg) no-repeat 0 0;width:960px;display:block;height:103px;text-indent:-9999em}
#nav{height:40px;background:url(../images/header.jpg) no-repeat 0 -103px;padding-left:8px}
#nav li{float:left;display:inline}
#nav li a{display:block;width:100px;height:40px;text-indent:-999em}
#nav li.item-1,#nav li.item-2,#nav li.item-3,#nav li.item-4,#nav li.item-5,#nav li.item-6,#nav li.item-7,#nav li.item-8{position:relative}
#nav li.item-1 a:hover,#nav li.item-1 a.now{background:url(../images/header.jpg) no-repeat -8px -143px}
#nav li.item-2 a:hover,#nav li.item-2 a.now{background:url(../images/header.jpg) no-repeat -108px -143px}
#nav li.item-3 a:hover,#nav li.item-3 a.now{background:url(../images/header.jpg) no-repeat -208px -143px}
#nav li.item-4 a:hover,#nav li.item-4 a.now{background:url(../images/header.jpg) no-repeat -308px -143px}
#nav li.item-5 a:hover,#nav li.item-5 a.now{background:url(../images/header.jpg) no-repeat -408px -143px}
#nav li.item-6 a:hover,#nav li.item-6 a.now{background:url(../images/header.jpg) no-repeat -508px -143px}
#nav li.item-7 a:hover,#nav li.item-7 a.now{background:url(../images/header.jpg) no-repeat -608px -143px}
#nav li.item-8 a:hover,#nav li.item-8 a.now{background:url(../images/header.jpg) no-repeat -708px -143px}
#nav li ol{width:240px;height:24px;position:absolute;top:40px;border:1px solid #c4dda9;left:-50px;background:#7cc924;padding-left:10px;display:none;z-index:99999}
#nav li ol.current{display:block}
#nav li ol li{float:left;display:inline;margin:0 4px;line-height:24px}
#nav li ol li a{text-indent:0;display:inline}
#nav li ol li a{color:#fff}
#nav li ol li a:hover{text-decoration:underline}
#nav li.item-7 ol li a:hover{background:none}

#banner{width:960px;height:286px;overflow:hidden;position:relative;z-index:-1}
#controls{position:absolute;bottom:30px;right:30px}
#controls li{float:left;display:inline;width:16px;line-height:16px;text-align:center;margin:0 3px}
#controls li a{display:block;color:#ee771d;background:#fff0dc;border:1px solid #a5570f}
#controls li.current{width:20px;height:20px}
#controls li.current a{background:#ff6e03;color:#fff;width:20px;line-height:20px;font-size:14px}

.liucheng{width:944px;margin:10px auto 0 auto}

#footer{width:960px;margin:0 auto;height:180px;background:url(../images/tel.jpg) no-repeat 700px 30px;position:relative}
#footer dl{margin-top:20px;float:left;display:inline;width:220px;border-left:1px dotted #999;padding-left:15px}
#footer dl dt{color:#5299c2;font-size:12px;font-weight:bold}
#footer dl dt dd{margin-top:20px}
#footer dl dd ul li{float:left;display:inline;width:90px;line-height:24px;background:url(../images/li02.jpg) no-repeat 0 center;padding-left:20px}
#footer dl dd ul li a{color:#464a4c}
#footer dl dd ul li a:hover{text-decoration:underline}
#footer p{line-height:24px;text-align:center;color:#000}
.copright{width:100%;clear:both;position:absolute;bottom:0;left:0}
#footer p a{color:#666}


/*content
--------------------------*/
#content{width:960px;background:#fff;padding-top:10px;margin:20px auto 0 auto;}
#breadCrumb{width:742px;height:42px;line-height:32px;padding-left:190px;background:url(../images/breadcrumb.jpg) no-repeat 0 0;margin:0 auto;color:#333}
#breadCrumb a{color:#333;margin:0 3px}
#content-main{width:930px;margin:10px auto;line-height:24px}


#content-main:after{content:"";display:block;clear:both}
#content-main h3{font-size:14px}

/*
-------------------*/
h3.web-tc{width:178px;height:64px;text-indent:-9999em;background:url(../images/web.jpg) no-repeat 0 0}
.tc{width:90%;margin:0 auto}
.tc h4{font-size:14px;color:#0066cc}
#content-main .tc h4 a.qq{margin-left:100px;font-size:12px;color:#336600;text-decoration:underline;font-weight:normal}
.tc li{margin-bottom:30px}
.tc li ol{width:780px;border:1px dotted #ccc;padding:0 10px 0 2px }
.tc li ol li{color:#333;margin:1px 0 0 0;border-bottom:1px solid #eee;margin-bottom:0}

.tc li ol li:after{content:"";display:block;clear:both}
.tc li ol li dl dt{width:60px;float:left;text-align:center;display:inline;background:#eee;color:#000}
.tc li ol li dl dd{float:left;display:inline;width:700px;margin-left:2px;padding-left:10px;}

.more-ser,.intro{width:95%;margin:0 auto}
.more-ser ul{height:40px}
.more-ser ul li{float:left;display:inline;width:202px;margin-left:10px}
.more-ser ul li a{text-indent:-9999em}
.more-ser ul li a.website{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 0}
.more-ser ul li a.website:hover{background:url(../images/s.jpg) no-repeat -202px 0}
.more-ser ul li a.seo{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -42px}
.more-ser ul li a.seo:hover{background:url(../images/s.jpg) no-repeat -202px -42px}
.more-ser ul li a.M{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -84px}
.more-ser ul li a.M:hover{background:url(../images/s.jpg) no-repeat -202px -84px}
.more-ser ul li a.E{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -126px}
.more-ser ul li a.E:hover{background:url(../images/s.jpg) no-repeat -202px -126px}
/*web-news
-------------*/
#web-news,#main-text{float:right;display:inline;width:650px;overflow:hidden}
#web-news li{background:url(../images/li03.gif) no-repeat 0 4px;padding-left:15px}
#web-news li h3{font-weight:normal}
#web-news li h3 a{color:#000;font-size:12px}
#web-news li a:hover{text-decoration:underline}
#web-news li p{color:#999;line-height:20px;clear:both}
.time{float:right;display:inline;font-size:12px}
#side{width:230px;padding:0 30px 30px 0;overflow:hidden;background:url(../images/about_bg.jpg) no-repeat 250px 30px;}
#side h3{line-height:16px;text-align:right;width:200px;height:40px;border-bottom:1px dotted #999;color:#999}
#side h3.ser{color:#999;margin-top:30px}

.list-side{margin-bottom:10px}
.list-side li{line-height:30px;height:30px;margin-top:10px}
.list-side li a{display:block;width:200px;background:#eee;color:#333;text-align:right;padding-right:20px}
.list-side li a.now,.list-side li a:hover{background:#999;color:#fff}
.pagelist{margin:10px auto}
.pagelist a{margin:0 4px;color:#333}

.text{margin:10px auto;color:#333}
.text p{text-indent:2em}
.text a{color:#000;text-decoration:underline}
.title{font-size:20px}

.list-s{margin-top:10px}
.list-s li{height:42px;margin-top:10px}
.list-s li a{text-indent:-9999em}
.list-s li a.website{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 0}
.list-s li a.website:hover{background:url(../images/s.jpg) no-repeat -202px 0}
.list-s li a.seo{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -42px}
.list-s li a.seo:hover{background:url(../images/s.jpg) no-repeat -202px -42px}
.list-s li a.M{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -84px}
.list-s li a.M:hover{background:url(../images/s.jpg) no-repeat -202px -84px}
.list-s li a.E{display:block;width:202px;height:42px;background:url(../images/s.jpg) no-repeat 0 -126px}
.list-s li a.E:hover{background:url(../images/s.jpg) no-repeat -202px -126px}

/*about
-----------------------------*/
.a01,.a02,.a03{text-indent:-9999em;height:60px;width:630px;background:url(../images/a01.jpg) no-repeat  0 0}
.a03{background:url(../images/a03.jpg) no-repeat  0 0}
.a02{background:url(../images/a02.jpg) no-repeat  0 0}


/*case   2011.5.19修改
--------------------------------------------------*/
.list-case{width:100%}
.list-case:after{content:"";display:block;clear:both}
.list-case li{float:left;display:inline;margin:10px 0 10px 10px;width:215px;height:195px;padding-top:20px;color:#999;background:url(../images/li_hover.jpg) no-repeat 0 0;position:relative;}
.list-case li div{padding-top:20px;background:url(../images/li_bg.jpg) no-repeat 0 0;width:215px;height:195px;position:absolute;top:0;left:0}
.list-case li a img{display:block;margin:0 auto;width:190px;height:100px}
.list-case li h5{margin-top:4px;font-size:12px;padding-left:10px}
.list-case li h5 a{color:#666}
.list-case li.h{color:#fff}
.list-case li.h h5 a{color:#fff;text-decoration:underline}
.list-case li p{padding-left:10px;line-height:16px}
.list-case li p span{display:block;color:#9c9c9c;font-size:10px;}
.list-case li.h p span{color:#fff}
.case-show-one h3{color:#000;font-size:16px;margin-bottom:10px}
.case-show-one{position:relative}
.case-show-one a.fh{position:absolute;right:10px;top:0;color:#333;text-decoration:underline}
.jianjie{border:1px dotted #ccc;padding:0 10px;color:#333;background:#f9f9f9}
.jianjie span{color:#000}
.img-show{border-top:3px solid #eee;margin-top:20px;padding-top:20px}

.img-show a{color:#333}

/*两侧滚动代码
------------------------------------*/
#left{padding-left:300px}
#right{padding-right:5000px}

/*网站维护
-------------------------------*/
.wh-tc{float:left;display:inline;width:300px}
.xx-price{clear:both;color:#339900;margin:10px 0;height:30px}
.weihu{border:1px solid #eee;width:662px;padding:0;color:#333}
.weihu th{border-bottom:1px solid #ccc;color:#0066CC;text-align:center;line-height:30px}
.weihu td{text-align:center;border-top:1px dotted #eee;border-left:1px dotted #eee}
.wh-tc{height:170px}
.wh-tc dt{font-weight:bold}
#content-main .wh-tc a.qq{margin-left:30px;color:#0066cc;font-weight:normal}
.ll01{border:1px dotted #ccc;width:90%;padding:5px;color:#333}
.weihu td.f{font-weight:bold;color:#000}

/*4-27修改
--------------------------------------*/
#rand_posts{width:90%;margin:10px auto;border:1px dotted #ccc;padding:10px}
#rand_posts ul li{float:left;display:inline;width:250px;margin-left:10px}
#rand_posts ul:after{content:"";display:block;clear:both}
#rand_posts ul li a{color:#333;font-weight:normal}
/*qq在线
-------------------------------*/
.QQbox {
	Z-INDEX: 99;right:0; WIDTH: 178px; POSITION:absolute; TOP:150px
}
.QQbox .press {
	right:0;WIDTH: 24px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 162px; BORDER-BOTTOM-STYLE: none
}
.QQbox .Qlist {
	BACKGROUND: url(../images/QQ.png) no-repeat 0 0; LEFT: 0px; WIDTH: 85px;height:158px; POSITION: absolute
}

.QQbox .Qlist .con {
	left:15px;position:absolute;top:94px
}
.QQbox .Qlist .con UL {
	
}
.QQbox .Qlist .con UL LI {
	 HEIGHT:24px
}
.QQbox .Qlist .con UL LI a{display:block;height:24px;width:80px;text-indent:-9999em}
.QQbox .Qlist .con UL LI img{margin-left:60px}