*{

	margin:0;

	padding:0;

	outline:none;

	font-family:Microsoft Yahei;

}

html{
	overflow-y:scroll;
}

body{

	/*禁止选中内容*/

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

}



a{

	text-decoration:none;

}



ul{

	list-style:none;

}



li{

	float:left;

}



input{

	background:none;

	border:none;

	cursor:pointer;

}



h1{

	font-size:26px;

	color:#222;

}


.banner{

	position:relative;

	width:100%;

	height:530px;

	background:url(../img/service-banner.jpg) no-repeat;

	/*background-size:cover;*/

	background-position:center;

}



.banner input{

	position:absolute;

	top:57%;

	left:19%;

	width:240px;

	height:48px;

	border:1px solid rgba(255,255,255,0.45);

	border-radius:10px;

	color:rgba(255,255,255,0.6);

	font-size:18px;

	transition:all 0.7s;

}



.banner input:hover{

	color:#fff;

	border:1px solid #fff;

}



.intro{

	width:1150px;

	height:548px;

	margin:0 auto;

}



.intro h1{

	text-align:center;

	margin:50px 0 70px 0;

	font-size:30px;

}



.intro img,

.intro p{

	float:left;

}



.intro p{

	margin-left:5px;

	font-size:20px;

	color:#333;

}



.archit{

	width:100%;

	height:810px;

	background-color:#e6f1ff;

	box-sizing:border-box;

	padding-top:70px;

}



.archit h1{

	text-align:center;

	font-size:30px;

}



.archit div{

	margin:50px auto 0;

	width:1150px;

	height:586px;

	background:url(../img/service-archit.jpg) no-repeat;

	background-size:cover;

	background-position:center;

}



.access{

	margin:0 auto;

	width:1150px;

	height:500px;

}



.access h1{

	margin-top:60px;

	text-align:center;

	color:#000;

	font-size:30px;

}



.access p{

	margin:10px 0 30px 0;

	color:#babec1;

	font-size:16px;

	text-align:center;

}



.access div{

	position:relative;

	margin:40px auto 0;

	width:896px;

	height:281px;

	background:url(../img/service-access.jpg) no-repeat;

	background-size:cover;

	background-position:center;

}



.access h2{

	position:absolute;

	top:110px;

	left:88px;

	color:#fff;

	text-indent:0.2em;

	font-weight:lighter;

	font-size:25px;

}



.access span{

	position:absolute;

	top:250px;

	font-size:20px;

}



.portal{

	width:100%;

	height:860px;

	background-color:#f7f7f7;

}



.portal-box{

	margin:0 auto;

	box-sizing:border-box;

	padding-top:60px;

	width:1150px;

	height:860px;

}



.portal-box h1{

	text-align:center;

	color:#000;

	font-size:30px;

}



.portal-box p{

	margin:10px 0 30px 0;

	color:#babec1;

	font-size:16px;

	text-align:center;

}



/*.portal-box li{

	width:555px;

	height:600px;

	background-color:#00afef;

}*/



.portal-box div{

	position:relative;

	margin-top:84px;

	padding:95px 38px 0 38px;

	box-sizing:border-box;

	width:555px;

	height:550px;

	background-color:#fff;

	box-shadow:0 0 20px rgba(0,0,0,0.3);

}



.portal-il,

.portal-ir{

	position:absolute;

	top:0px;

	margin-top:-45px;

	left:50%;

	margin-left:-45px;

	display:block;

	width:90px;

	height:90px;

}



.portal-il{

	background-image:url(../img/portal-input01.png);

}



.portal-ir{

	background-image:url(../img/portal-input02.png);

}



.portal-box img{

	display:block;

	margin:0 auto 52px;

}



.portal-box h2{

	margin-bottom:5px;

	font-size:22px;

	font-weight:lighter;

	color:#333;

}



.portal-box span{

	font-size:16px;

	color:#555;

	line-height:28px;

}



.portal-box input{

	margin-top:33px;

	display:block;

	width:167px;

	height:46px;

	font-size:18px;

	color:#fff;

	background:linear-gradient(to left,#1349ee,#0698e8);

	border-radius:23px;

	transition:all 0.7s;

}



.portal-box input:hover{

	box-shadow:0 0 10px #0c71eb;

}



.coopintr{

	width:100%;

	height:272px;

	background:url(../img/service-coopintr.jpg) no-repeat;

	background-size:cover;

	background-position:center;

}



.coopintr div{

	position:relative;

	margin:0 auto;

	width:1150px;

	height:272px;

}



.coopintr input{

	position:absolute;

	top:50%;

	margin-top:-18px;

	right:30px;

	width:188px;

	height:48px;

	border:none;

	background:none;

	font-size:18px;

	color:rgba(255,255,255,0.5);

	border:1px solid rgba(255,255,255,0.5);

	transition:all 0.7s;

}



.coopintr input:hover{

	color:#fff;

	border:1px solid #fff;

}



.advan{

	box-sizing:border-box;

	padding-top:60px;

	width:100%;

	height:580px;

	background:url(../img/service-advan.jpg) no-repeat;

	background-size:cover;

	background-position:center;

}



.advan h1{

	text-align:center;

	color:#000;

	font-size:30px;

}



.advan-box{

	position:relative;

	margin:0 auto;

	width:1150px;

	height:420px;

}



.advan-box div{

	position:absolute;

	top:50%;

	margin-top:-156px;

	left:115px;

	width:418px;

	height:312px;

	background:url(../img/advancpu.png) no-repeat;

	background-size:cover;

	background-position:center;

}



.advan-box ul{

	position:absolute;

	right:55px;

	top:50%;

	margin-top:-140px;

	width:460px;

	height:280px;

}



.advan-box li{

	width:460px;

	height:70px;

}



.advan-box span{

	margin-left:60px;

	line-height:50px;

	font-size:18px;

	color:#333333;

}




.submit-pd button{

	display:block;

	margin:45px auto 0;

	width:160px;

	height:48px;

	border:none;

	background-color:#2589ff;

	font-size:22px;

	color:#fff;

	cursor:pointer;

	transition:all 0.7s;

}



.submit-pd button:hover{

	background-color:#fff;

	color:#2589ff;

}



.submit-im{

	float:right;

	box-sizing:border-box;

	padding:76px 56px 0 56px;

	width:602px;

	height:530px;

}



.submit-im h1{

	font-size:31px;

	color:#fff;

}



/*

.submit-im div{

	float:left;

	margin:30px 10px 18px 0;

	width:115px;

	height:44px;

	font-size:20px;

	text-align:center;

	line-height:44px;

	background-color:#fff;

	color:#000;

	cursor:pointer;

}

*/



.submit-im ul{

	margin-top:15px;

}



.submit-im li{

	position:relative;

	display:block;

	width:100%;

	line-height:47px;

	border-bottom:1px dashed rgba(255,255,255,0.3);

}



.submit-im span{

	position:absolute;

	right:10px;

	font-size:15px;

	color:rgba(255,255,255,0.3);

}



.submit-im a{

	font-size:16px;

	color:#fff;

	transition:all 0.7s;

}



.submit-im a:hover{

	color:#2589ff;

}



@media screen and (max-width:780px) {

	.intro{width:96%;margin:0px auto;height:auto;overflow:hidden;margin-bottom:30px;}

	.intro img{width:96%;margin:0px auto;}
	.intro p{margin-top:30px !important;}
	.archit{display:none;}
	.access{display:none;}
	.access div{width:98%;margin:0px auto;background-size:contain;}
	
	.portal{height:auto;overflow:hidden;}
	.portal-box{width:94%;margin:0px auto;height:auto;padding-bottom:50px;}
	.portal-box div{width:100%;}
	
	.portal-box ul li{float:none !important;}
	.portal-box img{max-width:100%;}
	.coopintr{display:none;}
	.advan{height:auto;}
	.advan-box{width: 94%;
				margin: 0px auto;
				height: auto;
				position: unset;
				overflow: hidden;}
	.advan-box div{width:100%;display:none;}
	.advan-box ul{width:100%;height:auto;position:unset;margin-top:30px;right:0px;}
	
	.advan-box div{left:0px;}
	.advan-box span{font-size:14px;}
}