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

body{
	margin:0;
	padding:0;
	text-align: center;
}
img{
	margin:0;
	padding:0;
	border: none;
}
dl,dd,dt,p,span,h1,h2,h3{
	padding:0;
	margin:0;
}
ul,li{
	margin:0;
	padding:0;
	list-style-type: none;	
}
a{
	color: #006699;
}
a:visited{
	color: #006699;
}
a:hover{
	color: #006699;
}
a:hover img {
	filter:alpha(opacity=80);
	opacity:0.80;
} 
.span01{
	display: none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear: both;
}
.hidden{
	overflow:hidden;
}



					/*===============index页面==============*/

.top{
	width:900px;
	height:105px;
	margin:0 auto;
}
.top_h1{
	display:none;
}
.h1_top a{
	width:285px;
	height:105px;
	background: url(../images/top_r1_c3.jpg) no-repeat;
	display: block;
	float: left;
}
.top_span1{
	float:right;
	display: block;
}
.banner_navi{
	width:100%;
	height:255px;
	background:url(../images/top_r2_c1.jpg) repeat-x;
}
.banner{
	width:900px;
	height:228px;
	margin:0 auto;
}
.navi{
	width:900px;
	height:27px;
	margin:0 auto;
	background:#000;
}
.navi_ul1{
	width:710px;
	height:27px;
	line-height:27px;
	float:left;
	color:#fff;
	font-size:14px;
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", osaka, sans-serif;
}
.navi_li1{
	width:85px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li1 a{
	width:85px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li1 a:hover{
	width:85px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_li2{
	width:115px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li2 a{
	width:115px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li2 a:hover{
	width:115px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_li3{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li3 a{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li3 a:hover{
	width:100px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_li4{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li4 a{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li4 a:hover{
	width:100px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_li5{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li5 a{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li5 a:hover{
	width:100px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_li6{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li6 a{
	width:100px;
	height:27px;
	float:left;
	color:#fff;
	text-decoration: none;
}
.navi_li6 a:hover{
	width:100px;
	height:27px;
	color:#fff;
	text-decoration: none;
	background-color: #242424;
}
.navi_span1{
	float: left;
}
.content{
	width:900px;
	margin:25px auto 0 auto;
}
.index_left{
	width:220px;
	height:470px;
	float:left;
}
.subnavi{
	width:220px;
	float:left;
	background:#F7F7F7;
	border-top:4px #000 solid;
	text-align: left;
}
.subnavi_p1{
	width:207px;
	height:36px;
	float:left;
	padding:16px 0 0 11px;
	font-size: 16px;
	font-weight: bolder;
	border-left:1px #DADADA solid;
	border-right:1px #DADADA solid;
	border-bottom:1px #DADADA solid;
}
.subnavi_ul1{
	width:218px;
	float:left;
	font-size: 14px;
	text-decoration: none;
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", osaka, sans-serif;
	border-left:1px #DADADA solid;
	border-right:1px #DADADA solid;
}
.subnavi_ul1 li a{
	width:190px;
	height:27px;
	float:left;
	padding:13px 0 0 28px;
	background:url(../images/top_r6_c6.jpg) no-repeat 11px 14px;
	text-decoration: none;
}
.subnavi_ul1 li a:hover{
	width:190px;
	height:27px;
	float:left;
	padding:13px 0 0 28px;
	background:#E5E5E5 url(../images/top_r6_c7.jpg) no-repeat 11px 14px;
	text-decoration: none;
}
.subnavi_p2{
	width:220px;
	height:12px;
	float:left;
}
.connection{
	width:220px;
	float:left;
	margin-top:17px;
	border-top:#DADADA dashed 1px;
}
.connection p{
	width:220px;
	float:left;
	border-bottom:#DADADA dashed 1px;
}

.index_right{
	width:655px;
	height:470px;
	float:left;
	margin: 0 0 0 25px;
}
.update{
	width:655px;
	float:left;
	padding-bottom: 15px;
}
.update_h1{
	width:645px;
	height:20px;
	float:left;
	margin-bottom: 5px;
	border-bottom:#DADADA solid 1px;
	text-align: left;
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", osaka, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0C0C0C;
}
.update_li1{
	width:154px;
	height:12px;
	float:left;
	font-size: 10px;
	color: #999999;
	padding:10px 9px 5px 0;
}
.update_li2{
	width:154px;
	float:left;
	padding:0 9px 0 0;
}
.information{
	width:655px;
	height:210px;
	float:left;
}
.informcon{
	width:645px;
	height:155px;
	float:left;
	margin-top:15px;
	overflow: auto;
}
.informcon02{
	width:645px;
	float:left;
	margin-top:15px;
}
.informcon_ul1{
	width:625px;
	float:left;
	padding-bottom:15px;
	text-align: left;
	font-family:"Ms P Gothic", osaka, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color:#666;
}
.informcon_li1{
	width:85px;
	float:left;
}
.informcon_li2{
	width:530px;
	float:left;
	padding: 1px 0px 10px 8px;
}
.welltu{
	width:648px;
	float:left;
	margin-top: 10px;
}
.foot{
	width:900px;
	float:left;
	height:40px;
	margin-top:50px;
	padding-top:12px;
	border-top:#CCC solid 1px;
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", osaka, sans-serif;
	font-size: 12px;
	color:#666;
}
#screenshot{
	position:absolute;
	border:1px solid #999999;
	background:#333;
	line-height:160%;
	padding:5px 5px 0 5px;
	display:none;
	color:#fff;
	font-size: 11px;
}



					/*===============homepage页面==============*/



.banner_navi2{
	width:100%;
	height:107px;
	background:url(../images/homepage_r1_c1.jpg) repeat-x;
}
.banner_2{
	width:900px;
	height:80px;
	margin:0 auto;
}
.homepage_right{
	width:655px;
	float:left;
	margin: 0 0 0 25px;
	font-family:"Ms P Gothic", osaka, sans-serif;
	font-size: 14px;
	color:#666;
	line-height:150%;
	text-align: left;
}
.homepage{
	width:655px;
	float:left;
	padding-bottom:35px;
}
.homepage_dl{
	width:655px;
	float:left;
	padding-top:25px;
}
.homepage_dd{
	width:230px;
	float:left;
	padding-right:25px;
}
.homepage_dt1{
	width:390px;
	float:left;
	padding:8px 0 18px 0;
}
.homepage_dt2{
	width:390px;
	float:left;
}
.social{
	width:655px;
	float:left;
	padding-bottom:15px;
}
.homepage_dt3{
	width:390px;
	float:left;
	padding:0 0 18px 0;
}
.workflow{
	width:655px;
	float:left;
	border-bottom:#CCC dotted 1px;
	padding-bottom:35px;
}
.workflow_p1{
	width:640px;
	float:left;
	padding:18px 0 15px 0;
}
.workflow_p2{
	width:641px;
	float:left;
}
.conne{
	width:650px;
	float:left;
	text-align: right;
	padding:15px 5px 0 0;
	font-size:12px;
}



					/*===============seo页面==============*/



.seo_home{
	width:655px;
	float:left;
	padding-bottom: 20px;
}
.seo_p1{
	width:655px;
	float:left;
	padding:15px 0 25px 0;
}
.seo_p2{
	width:650px;
	float:left;
}
.seo_p3{
	width:655px;
	float:left;
	padding:20px 0 0 0;
}
.seo_js{
	width:655px;
	float:left;
	padding-bottom: 30px;
}
.seo_bd{
	width:655px;
	float:left;
	padding:15px 0 8px 0;
	text-align: center;
}
.seo_p4{
	width:645px;
	float:left;
	text-align: right;
	font-size:12px;
}
.seo_p5{
	width:645px;
	float:left;
	padding:15px 0 15px 0;
}
.seo_p6{
	width:645px;
	float:left;
}
.seo_p7{
	width:645px;
	float:left;
	padding:20px 0 0 0;
}



					/*===============analytics页面==============*/



.analytics{
	width:655px;
	float:left;
	padding-bottom:20px;
}
.analytics_dl{
	width:655px;
	float:left;
	padding-top:25px;
}
.analytics_tu{
	width:645px;
	float:left;
	padding:0 0 35px 0;
}


					/*===============serner页面==============*/



.serner{
	width:655px;
	float:left;
	padding: 0 0 40px 0;
}
.server_js{
	width:655px;
	float:left;
	padding:0 0 30px 0;
}
.server_bd{
	width:655px;
	float:left;
	padding:15px 0 8px 0;
	text-align: center;
	font-size:12px;
}
.STYLE10 {
	color: #FF6600;
}



					/*===============taobao页面==============*/



.taobao{
	width:655px;
	float:left;
	padding-bottom:25px;
}



					/*===============seo页面==============*/



.contact_home{
	width:655px;
	float:left;
	padding-bottom:20px;
}
.contact_p1{
	width:650px;
	float:left;
	padding:10px 0 0 0;
}
.contact_jz{
	width:650px;
	height:190px;
	float:left;
}
.contact_p2{
	width:650px;
	padding:24px 0 20px 0;
}
.contact_mes{
	width:650px;
	float:left;
	padding-bottom:13px;
}
.contact_id{
	width:650px;
	height:80px;
	float:left;
}

					/*===============company页面==============*/

.company01{
	float:left;
}
.company02{
	float: left;
	width: 145px;
	padding: 20px 0px 0px 0px;
}
.company03{
	float: left;
	width: 450px;
	padding: 20px 0px 0px 10px;
}
.company04{
	float: left;
	width: 450px;
	padding: 10px 0px 0px 10px;
}
.company05{
	float: left;
	padding: 20px 0px 0px 0px;
}
.table01{
	float: left;
	padding: 20px 0px 0px 0px;
	width: 655px;
}
.table02{
	background: #AAAAAA;
	padding:5px 0px 5px 5px;
	color: #FFFFFF;
}
.table03{
	font-size: 10px;
	border: none;
	padding: 10px 20px 0px 0px;
}
.table04{
	font-size: 10px;
	border: none;
}
.table05{
	background: #FFFFFF;
	padding:5px 30px 5px 5px;
}


.recruit{
	background: #999999;
	padding: 2px 5px 2px 7px;
	width: 640px;
	float: left;
	color: #FFFFFF;
	margin-top: 15px;
}

.keyword01{
	float: left;
	padding-top: 20px;
}
.keyword02{
	float: left;
	text-align: left;
	padding: 20px 15px 0px 0px;
}

.case01{
	width:655px;
	float:left;
	padding:9px 0 0 0;
}
.case02{
	width:655px;
	float:left;
	padding:28px 0 28px 0;
}
.case03{
	width:223px;
	float:left;
	padding:0 0 0 0;
}
.case04{
	width: 402px;
	float:left;
	padding:0 0 0 20px;
	line-height: 160%;
	font-size: 12px;
}
.case05{
	width:655px;
	float:left;
	padding:15px 0 0 0;
	line-height: 160%;
	font-size: 12px;
}
.case06{
	width:655px;
	float:left;
	padding:20px 0 30px 0;
	line-height: 160%;
	font-size: 14px;
}
.case07{
	width:635px;
	float:left;
	margin-top: 10px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	line-height: 160%;
}
.black{
 color: #333333;
 }
 .red{
	 color:#F00;
 }

.service_cost{
	padding:10px 0 0 0;
}
.service_case{
	padding:20px 0 0 0;
}
.service_service{
	padding:45px 0 0 0;
}
.service_contents{
	width:630px;
	overflow:hidden;
	padding:5px 0 0 10px;
}
.service_contents p{
	width:630px;
	float:left;
}
.service_excel{
	float:left;
	padding:8px 0 0 10px;
}
.service_post{
	padding:15px 0 0 0;
}
.service_report{
	padding:0 0 0 20px;
}
.service_steps{
	width:660px;
	overflow:hidden;
	margin:0 0 0 -9px;
	padding:45px 0 0 0;
}
.service_start{
	width:620px;
	float:left;
	padding:0 0 0 20px;
	background:url(../images/service_r36_c5.jpg) repeat-x;
}
.service_monitoring{
	float:left;
	padding:55px 0 0 20px;
}