/*reset
-------------------------*/
body,ul,ol,form,p,h1,h2,h3,h4,h5,h6,dl,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.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;margin:0 auto;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;;background:#0099ff;color:#fff;border:1px solid #2ad2e6}
#controls li.current{width:18px;height:18px}
#controls li.current a{width:18px;color:#000;background:#eff70c;border:1px solid #fff;line-height:18px;font-size:14px;}
/*首页内容部分
---------------------------------*/
#main{width:960px;margin:0 auto;background:#fff}
#content01{width:950px;margin:0 auto;padding-top:20px}
.services{width:620px;float:left;display:inline}
.services h3{height:25px;width:170px;margin-left:10px;background:url(../images/index_globe.jpg) no-repeat 0 -86px;text-indent:-9999em}
.services ul{width:100%}
#content01:after{content:"";display:block;clear:both}
.services ul li{width:190px;margin-left:10px;float:left;display:inline;height:105px;padding-left:100px;margin-top:10px}
.services ul li h4{font-size:14px}
.services ul li h4 a{color:#333}
.services ul li p{line-height:22px}
.services ul li p a{color:#666}
.services ul li p a:hover{text-decoration:underline}
.services ul li.s-website{background:url(../images/index_globe.jpg) no-repeat 0 -110px}
.services ul li.s-seo{background:url(../images/index_globe.jpg) no-repeat 0 -200px}
.services ul li.s-wh{background:url(../images/index_globe.jpg) no-repeat 0 -295px;height:95px}
.services ul li.s-yx{background:url(../images/index_globe.jpg) no-repeat 0 -395px;height:95px}

.about{background:url(../images/about_bg.jpg) no-repeat 0 center;width:314px;float:left;display:inline;height:250px;padding-left:16px}
.about h3{background:url(../images/index_globe.jpg) no-repeat -170px -81px;height:25px;width:135px;text-indent:-9999em;margin-bottom:10px}
.about p{line-height:24px;text-indent:2em;padding:0 10px;color:#666}
.about p a{color:#0166fe}
.about ul{width:90%;margin:0 auto}
.about ul li{color:#666}
.about ul li.qq a{margin:0 5px}
.about ul li.tel{margin-top:10px;background:url(../images/index_globe.jpg) no-repeat -750px -80px;padding-left:30px;height:16px;font-family:"Arial"}

.case-show,.news{margin-top:20px}
h3.case-title{width:944px;margin:0 auto;margin-bottom:10px;height:40px;text-indent:-9999em;background:url(../images/index_globe.jpg) no-repeat 0 0}
#show-area{width:900px;margin:0 auto;border:1px solid #d4d4d4;height:115px;background:url(../images/case_show.jpg) repeat-x 0 0;padding-top:15px;position:relative}
#list-case{width:860px;margin:0 auto}
#list-case  li{float:left;display:inline;margin:0 15px;width:190px;}
#list-case  li a img{width:190px;height:100px}
#pre{position:absolute;text-indent:-9999em;width:35px;height:35px;top:48px;left:-23px;background:url(../images/index_globe.jpg) no-repeat -750px -116px;cursor:pointer}
#next{position:absolute;text-indent:-9999em;width:35px;height:35px;top:48px;right:-21px;background:url(../images/index_globe.jpg) no-repeat -785px -116px;cursor:pointer}

h3.news-title{background:url(../images/index_globe.jpg) no-repeat 0 -40px}
.news{margin-top:10px}
.com-news,.web-news{float:left;display:inline;width:240px}
.com-news{width:420px}
.com-news h4{text-indent:-9999em;margin:0 0 0 10px;width:120px;background:url(../images/index_globe.jpg) no-repeat -330px -85px;height:40px}
.com-news ul.c{width:400px;margin-left:20px}
.com-news ul.c li{float:left;display:inline;width:190px;line-height:24px;}
.com-news ul.c li a{color:#333;}
.com-news ul.c li a:hover{text-decoration:underline}
.web-news{background:url(../images/news_bg.jpg) no-repeat 0 center;padding-left:20px}
.web-news h4{text-indent:-9999em;width:120px;background:url(../images/index_globe.jpg) no-repeat -490px -85px;height:40px}
.web-news h4.seo-title{;background:url(../images/index_globe.jpg) no-repeat -630px -85px}
.web-news ul li{line-height:24px;padding-left:20px}
.web-news ul li a{color:#666}
.web-news ul li a:hover{text-decoration:underline}
.news:after{content:"";display:block;clear:both}
.liucheng{width:944px;margin:10px auto 0 auto;padding-bottom:10px}

#footer{width:960px;margin:0 auto;height:220px;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}
.links-title{color:#8994b0;font-size:14px;margin:0 0 0 20px}
.links{width:90%;height:30px;margin:0 auto;padding: 0 20px;font-size:12px}
.links a{color:#666;margin:0 2px;white-space:nowrap}
.com-news a{white-space:nowrap;overflow:hidden}

/*2011.5-10 增加首页新闻中心
-----------------------------*/
.sg{width:180px;height:24px;margin-left:10px;background:url(../images/index_globe.jpg) no-repeat -745px -172px;text-indent:-9999em}
.sg01{background:url(../images/index_globe.jpg) no-repeat -745px -195px;margin:10px 0 10px 10px}
.com-news ul:after{content:"";display:block;clear:both}
.com-news ul.c01{width:390px;margin-left:20px}
.com-news ul.c01 li{line-height:24px;border-bottom:1px dotted #eee;background:url(../images/li4.jpg) no-repeat 0 center;padding-left:15px}
.com-news ul.c01 li a{color:#336699;}
.com-news ul.c01 li a:hover{text-decoration:underline}
.time{float:right;display:inline;color:#666}
/*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}