@charset "utf-8";

/* CSS Document */



body {

	margin:0;

	padding:0;

    text-align:center;

	font-size:12px; 

	font-family: 'Microsoft YaHei', SimSun ,'宋体';

	background:#fff;

	line-height:1.5;

	color:#555;/*9bafbb*/

	width:100%;      

}



a{  color:#555;/*9bafbb*/

    text-decoration: none;

	}

a:hover { color: #000; /* #e31b0e */ text-decoration: none; }

ul, li, dl, dt, dd, table, tr, td ,img{

	margin:0;

	padding:0;

	list-style:none;

	border:0;

}

.hr{

	clear:both;

}
.fl {
	float:left;
}
.fr {
	float:right;
}


.headsec{

	margin:auto;

	width:1200px;

}

.logo{

	float:left;

	width:250px;

	height:100px;

	background:#fff;

}

.navbar{

	float:right;

}

.navbar ul{

	margin-top:30px;

}

.navbar li{

	float:left;

	margin-left:1px;

	width:120px;

	height:40px;

	line-height:40px;

	text-align:center;

}

.navbar li a {

	display:block;

	width:120px;

	height:40px;

}

.navat,

.navbar li a:hover{

	color:#fff;

	background:#0883c7;

}

.navat a{

	color:#fff;

}

.banner{

    clear:both;

    margin:auto;

	margin-top:0;

	width:100%;

	max-width:100%;

    min-width:1200px;

    background:#47b1e5;

    height:550px;

	position:relative;

	overflow:hidden;

	

}

.bannerlist {

	margin:auto;

	width:1920px;

	height:550px;	

	position:absolute;

	left:50%;  

	margin-left:-960px;	

}

.contain{

	min-width: 1200px;	

}

.line{

	border-bottom:1px #e7e7e7 solid;

}

.posi {

	margin:auto;

	width:1200px;

	height:70px;

	line-height:70px;

	font-size:22px;

	color:#c7c7c7;

	text-align:left;

}

.posi span{

	color:#555;

	padding-left:10px;

	border-left:3px #f00 solid;

}

.notice {

	margin:auto;

	width:1200px;

	height:60px;

	line-height:50px;

	text-align:left;	

}

.notice .ic{

	width:100px;

	height:50px;

}

.notice .ic img{

	margin-top:5px;

}

.notice .word{

	width:1100px;

	height:50px;

	line-height:50px;

}

.title{

	font-size:22px;

	height:55px;

	line-height:55px;

	color:#ccc;

}

.title span{

	padding-left:10px;

	color:#555;

	border-left:3px #f00 solid;

}

.fst {

	min-width: 1200px;

	background:#fafafa;	

}

.fst .service{

	margin:auto;

	width:1200px;

	height:580px;

	text-align:left;

}



.fst .cards dd{

	float:left;

	width:300px;

}

.fst .card {

	margin:auto;

	margin-top:30px;

	width:250px;

	height:320px;

	text-align:left;

	border:1px #c7c7c7 solid;

	background:#fff;

}

.fst .card .icon{

	margin:auto;

	margin-top:40px;

	width:150px;

	height:150px;

	line-height:150px;

	text-align:center;

}

.fst .card .icon img:hover{

	cursor:pointer;

}

.fst .card .name{

	font-size:16px;

	height:20px;

	line-height:20px;

	text-align:center;		

}

.fst .card .des{

	margin:20px;

	color:#999;

}



.fst .ots{

	margin-top:30px;

}

.fst .ots li{

	float:left;

	width:200px;

	height:50px;

	line-height:32px;

	text-align:left;

}

.fst .ots li:hover{

	color:#000;

}

.fst .ots span{

	display:block;

	float:left;

	margin-top:0px;

	margin-right:10px;

	width:32px;

	height:32px;

}

.snd .example{

	margin:auto;

	width:1200px;

	text-align:left;

}

.snd .example .demolist{

	margin-top:30px;

	height:550px;

}

.snd .example .demolist li{

	float:left;

	width:300px;

	height:250px;

	line-height:30px;

	text-align:center;

}

.snd .example .demolist li img{

	margin:auto;

}

.trd {

	min-width: 1200px;

	background:#fafafa;

}

.trd .customer{

	margin:auto;

	width:1200px;

	text-align:left;

}

.trd .customerlist{

	margin-top:30px;

}

.trd .customerlogo{

	width:650px;

}

.trd .customerlogo li{

	float:left;

	width:210px;

	height:140px;

	line-height:140px;

	text-align:center;

	margin:1px 1px 0 0;

}

.trd .customertxt{

	margin-right:50px;

	width: 450px;

}

.trd .customertxt .cupic{

	text-align:center;

}

.trd .customertxt .cuword{

	text-align:left;

}

.trd .customertxt .cusign{

	text-align:right;

}



.fth .news{

	margin:auto;

	width:1200px;

	height:750px;

	text-align:left;

}

.fth .newslist{

	margin-top:30px;

}

.fth .newstb li{

	float:left;

	margin-left:1px;	

	width:200px;

	text-align:center;

}

.fth .newslt {

	margin-top:20px;

}

.fth .newslt dd{

	height:40px;

	line-height:40px;

	border-bottom:1px #e7e7e7 dashed;

}

.fth .newslt dd:hover{

	background:#f8f8f8;

}

.recommend{

	margin:auto;

	width:1200px;

	text-align:left;

}

.recommend dd{

	float:left;

	margin:5px;

}



.gbook {

	width:500px;

}

.gbook dt{

	height:90px;

	line-height:90px;

	font-size:22px;

}

.gbook dt span{

	color:#ccc;

}

.gbook .order-result{

	height:40px;

	line-height: 40px;

	font-size:14px;

}

.gbook .order-result span{

	color:#f00;

}

.gbook dd{

	margin-top:2px;

	width:400px;

	background:#f7f7f7;

}

.gbook input,.gbook textarea{

	margin-top:2px;

	margin-left:15px;

	margin-right:15px;

	width:370px;

	height:40px;

	line-height:40px;

	background:#f7f7f7;

	border:none;

}

.gbook textarea{

	width:360px;

	height:120px;

	resize:none;

}

.gbook .code{

	width:150px;

}

.gbook .lybtn{

	background:#fff;

	text-align:center;

}

.gbook .btn{

	width:150px;

	color:#fff;

	background:#0883c7;

}

	



.footsec{

	min-width: 1200px;

	background:#f7f7f7;

}

.footsec .footer{

	margin:auto;

	width:1200px;

}

.footsec .menu{

	width:700px;

}

.footsec .menu dl{

	float:left;

	width:120px;

	text-align:left;

}

.footsec .menu dt{

	height:50px;

	line-height:50px;

	font-size:14px;

	border-bottom:1px #c7c7c7 solid;

}

.footsec .menu dd{

	height:30px;

	line-height:30px;

}

.footsec .cominfo{

	margin-top:30px;

	width:500px;

	text-align:left;

	height:30px;

	line-height:30px;

}

.footsec .contactinfo{

	width:380px;

}

.cpy {

	padding-top:10px;

	height:180px;

	background:#1e1e1e;

}

.cpy .vi{

	margin:auto;	

	width:200px;

	height:120px;

}

.cpy dd{

	height:30px;

	line-height:30px;

}

.link{

	clear:both;

	margin:20px auto;

	width:1200px;

	text-align: left;

}

.link li{

	float:left;

	width:100px;

	height:35px;

	line-height: 35px;

	text-align: center;

}

.left{

	float:left;

}

.right{

	float:right;

}



.box{

	margin:auto;

	width:1200px;

}

.pos{

	margin:auto;

	width:1200px;

	height:60px;

	line-height:60px;

	text-align:left;

}

.tl{

	text-align:left;

}

.gray{

	color:#bbb;

}

#pages {

	clear:both;

}

#pages a,#pages span{

    display:block;

    float:left;

    margin-top:10px;

    margin-left:5px;

    color:#999;

    height:40px;

    line-height:40px;

    padding:0 15px;

    background:#f6f6f6;

}

#pages span{

	color:#fff;

	background:#0883c7;

}

/********************************************************** about */

.about .profile, .about .culture, .about .environment, .about .recruit{

	width:100%;

	height:600px;

}

.about .recruit{

	height:650px;

}

.about .profile, .about .environment{

	background:#f6f6f6;

}

.about .head{

	padding-top:50px;

	font-size:22px;

}

.about .head span{

	font-size:16px;

	color:#c7c7c7;

}

.about .profile .note{

	margin-top:70px;

	width:700px;

	text-align:left;

}

.about .environment{

	height:750px;

}

.about .environment ul{

	margin-top:50px;

}

.about .environment li{

	float:left;

	margin:20px 40px;

	width:320px;

	height:220px;

	background:#fff;

}

.about .environment li:hover{

	background:#ccc;

}

.about .environment li img{

	margin-top:10px;

}



/********************************************************** service */

.service img{

	margin:auto;

}

/********************************************************** service site */

.contain .head{

	padding-top:50px;

	font-size:22px;

	height:100px;

}

.contain .head span{

	font-size:16px;

	color:#999;

}

.servicesite .design,

.servicesite .explorer,

.servicesite .aftersell {

	height:600px;

}

.servicesite .design,

.servicesite .aftersell{

	background:#65b6dc;

}

.servicesite .design .head,

.servicesite .explorer .head,

.servicesite .aftersell .head{

	text-align:left;

}

.servicesite .design .head,

.servicesite .aftersell .head{

	color:#fff;

}

.servicesite .design .head span,

.servicesite .aftersell .head span{

	color:#fff;

}

.servicesite .explorer .note{

	text-align:left;

	color:#999;

}

.servicesite .design .note,

.servicesite .aftersell .note{

	text-align:left;

	color:#fff;

}



.servicesite  img{

	margin-top:100px;

}



/********************************************************** service host */

.servicehost .domain, .servicehost .host, .servicehost .yun,.servicehost .step{

	height:650px;

}

.servicehost .domain,.servicehost .yun{

	background:#edf6ff;

}

.servicehost .head{

	padding-top:50px;

	font-size:22px;

	height:100px;

}

.servicehost .head span{

	font-size:16px;

	color:#999;

}

.servicehost .note{

	margin-top:150px;

	width:400px;

	text-align:left;

}

.servicehost .host .img{

	margin-top:100px;

}

.step .box{

	width:100%;

}

.step .img{

	width:100%;

	height:140px;

	background:url(../images/service_step.png) repeat-x;

}

.step ul{

	margin:auto;

	margin-top:100px;

	width:1200px;

	height:140px;

	

}

.step li{

	float:left;

	margin:0 20px;

	width:120px;

	height:140px;

	line-height:140px;

	color:#fff;

	text-align:center;

	background:url(../images/service_step.png) no-repeat 0 -150px;

}

.step li:nth-child(1){

	margin-left:150px;

}

.step li:nth-child(2){

	background:url(../images/service_step.png) no-repeat 0 -300px;

}

.step li:nth-child(3){

	background:url(../images/service_step.png) no-repeat 0 -450px;

}

.step li:nth-child(4){

	background:url(../images/service_step.png) no-repeat 0 -600px;

}

.step li:nth-child(5){

	background:url(../images/service_step.png) no-repeat 0 -750px;

}

.step li:nth-child(6){

	background:url(../images/service_step.png) no-repeat 0 -900px;

}

.imgtel{

	height:150px;

	line-height:150px;

	font-size:18px;

}



/********************************************************** contact */



.contact{

	margin:auto;

	margin-top:20px;

	margin-bottom:50px;

	width:1200px;

	height:340px;

	text-align:left;

}	

.cobg {

	margin:20px;

	width:540px;

	height:340px;

	background:url(../images/contact_bg.jpg) no-repeat;

}

.coinfo {

	margin:20px;

	width:580px;

	height:300px;

}

.coinfo dt{

	font-size:18px;

	height:35px;

	line-height:35px;

	border-bottom:1px #ccc dashed;

}

.coinfo dd{

	line-height:25px;

}



/********************************************************** news */

.content {

	margin:30px auto 50px;



	width:1200px;

}

.line .cate{

	margin:auto;

	width:1200px;

	height:70px;

	line-height:70px;

	text-align:center;

}

.line .cate li{

	float:left;

	width:100px;

	height:57px;

}

.cateat,

.line .cate li:hover{

	border-bottom:2px #f00 solid;

	background:#f7f7f7;

}

.newsli {

	float:left;

	width:600px;

	padding-top:20px;

}

.newsli{

	height:150px;

}

.newsli:hover{

	background:#f8f8f8;

}

.newsli dl{

	width:400px;

	text-align:left;

}

.newsli dt{

	font-size:16px;

	

	height:40px;

	line-height:40px;

}

.newsli dd{

	padding:0 10px;

	color:#999;

}

/********************************************************** case */



.caselist dl{

	float:left;

	width:400px;

	height:250px;

	padding-top:20px;

}

.caselist dl:hover{

	background:#f8f8f8;

}

.caselist dd{

	height:40px;

	line-height: 40px;



}

/********************************************************** customer */



.customerlist dl{

	float:left;

	margin:10px;

	padding-top:30px;

	width:280px;

	height:230px;

}

.customerlist dl:hover{

	background:#f6f6f6;

}

.customerlist dd{

	margin:0 10px;

}

.customerlist .name{

	height:40px;

	line-height:40px;

	font-size:16px;

}

.customerlist .txt{

	padding:0 15px;

	text-align:left;

	color:#999;

}

/********************************************************* show */ 



.content .article{

	/* width:800px; */

	text-align:left;

	overflow:hidden;

}

.content .article .title{

	text-align:center;

	color:#555;

	font-size:22px;

}

.content .article .span{

	font-size:12px;

	font-weight:none;

	text-align:center;

	color:#999;

	height:40px;

	line-height:40px;

}

.content .toplist{

	width:380px;

	text-align:left;

	background:#f9f9f9;

}

.toplist .listhead{

	font-size:16px;

	height:50px;

	line-height:50px;

}

.toplist .related{

	margin:10px;

}

.toplist .related li{

	height:40px;

	line-height:40px;

	border-top:1px #ddd dashed;

}

.toplist .hot{

	margin:10px;

}

.toplist .hot li{

	text-align:center;

	height:250px;

	line-height:30px;

}

.toplist .hot img:hover{

	border-top:2px #fff solid;

}

.toplist .related li:hover{

	background:#fff;

}

.upnext{

	text-align:left;

}

.content-list {
	width:1200px;
	margin:auto;
	/* padding-bottom: 50px; */
}