#di {
	position: fixed;
	width: 50%;
	height: 100vh;
	background-color: #ffffff;
	z-index: -1;
}
.hader-top{
	width: 100%;
	background-color: #ffffff !important;
}
.container {
	width: 1200px !important;
}

.top {
	margin-top: 20px;
}

.top .text1 {
	height: 68px;
	line-height: 68px;
}

.top .text1 a {
	font-size: 16px;
	color: #333333;
}

.main-nav {
	background: #007ece;
	margin: 0px !important;
}

.u1 {
	display: flex;
}

.u1 li {
	width: 130px;
	text-align: center;
	margin-right: 50px;
	height: 45px;
	line-height: 55px;
}



.u1 li a {
	font-size: 18px;
	color: #ffffff;
}

.u1 li:hover {
	border-bottom: 2px solid #ffffff;
}

.main-text {
	margin-top: 30px;
	font-size: 24px;
	margin-bottom: 20px;
}
.box1 .box1-left .p1 {
	font-size: 14px;
	color: #9c9096;
}
.box1-left{
	margin-top: 30px;
}
.box-right {
	height: 850px;
}

.box1-img {
	width: 750px;
}

.box1-img img {
	margin-left: -90px;
	position: absolute;
	top: 635px;
	width: 750px;
}

.main-text1 {
	font-size: 24px;
}

.right-c {
	margin-top: 120px;
	margin-left: 115px;
}

.p2 {
	font-size: 14px;
	color: #9c9096;
	margin-top: 20px;
}

.box2-right {
	height: 670px;
}
.box2-left{
	margin-top: 100px;
}
.box2-left ul {
	margin-top: 10px;
	margin-left: 30px;
}

.box2-left ul li {
	height: 45px;
	line-height: 45px;
	font-size: 18px;
}

.box2-img {
	position: absolute;
	top: 250px;
	left: -240px;
	width: 120%;
}

.box3-a {
	width: 1186px;
	position: relative;
}

.box3-right {
	height: 350px;
	padding: 0;
	margin-top: 150px;
}
.box3-top{
	background-color:#f8f9fa;
}
.box3-img {
	position: absolute;
	top: 220px;
	width: 600px;

}

.main-text3 {
	font-size: 24px;
	padding: 0;
	width: 122px;
	height: 122px;
	padding-top: 70px;
	margin-left: 48px;
	background: url(../img/mg/yu1.png);
	background-size: cover;
}

.p3 {
	font-size: 14px;
	color: #9c9096;
	margin-top: 20px;
	margin-left: 50px;
}

.box4 {
	background-color: #ffffff;
}

.box4-left {
	margin-top: 170px;
	
}
.main-text4 {
	font-size: 24px;
	padding: 0;
	width: 122px;
	height: 122px;
	padding-top: 70px;
	margin-left: 48px;
	background: url(../img/mg/gq.png);
	background-size: cover;
}
.box4-text ul{
	margin-left: 28px;
}
.box4-text ul li{
	color: #9c9096;
	font-size: 14px;
	margin-bottom: 20px;
	
}
.box4-text ul li span{
	margin-right: 20px;
}
.box4-right{
	margin-top: 170px;
}
.box4-a{
	margin-bottom: 30px;
}
.box5{
	width: 100%;
	 background-color:#f8f9fa;
	 padding-bottom: 50px;
}
.main-text5{
	font-size: 24px;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 70px;
}
.box5 .p7{
	margin-top: 20px;
	width: 400px;
	color: #9c9096;
}
.box5 .box5-img{
	width: 500px;
	margin-top: 40px;
}
.box5 .box5-img img{
	width: 100%;
}
.box5-right form{
	margin-top: 135px;
}
.box5-right form label{
	font-size: 16px;
	margin-bottom: 10px;
}
.box5-right form input{
	width:100%;
	margin-bottom: 10px;
	height: 30px;
}
.btn{
	margin-left:50px;
	background-color:#ffad2b;
	padding-left: 40px;
	padding-right: 40px;
}
.btn-join{
	background-color: #3184f7;
	border-radius: 18px;
	padding: 6px 12px;
}
.btn-default:hover{
	background-color: #d8793a;
}
 .u4{
	width: 300px;
	margin-top: 80px;
	margin-left:102px;
	float: left;
}
.u4 li{
	font-size: 16px;
	height: 45px;
	line-height: 45px;
}
.down-img img{
	    width: 168px;
	    margin-top: 30px;
}
 /* footer */
.dome-e{
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 25px;
	margin-top: 30px;
	border-top: 1px solid #7ed2fa;
	padding-top: 19px;
	padding-bottom: 30px;
}
.dome-f{
	color: #ffffff;
}
.dome-f a{
   color: #ffffff;
}

.z-footer{
	background-color: #3ebefb;
	color: #fff;
	padding: 30px;
	/* margin-top: 50px; */
   }
   .z-our{
	font-size: 24px;
	margin-bottom: 30px;
   }
   .z-our span{
	font-size: 18px;
	margin-bottom: 30px;
   }
   .z-main2{
	padding: 0;
   }
   .z-tage{
	margin-bottom: 30px;
   }


.box2-left-img {
	 margin-top: -420px;
	 z-index: -1;
 }
.box2-left-img img{
	width: 100%;
}
.box3-right-img {
	 margin-top: -313px;
	 margin-left: 50px;
	 
 }
.box3-right-img img{
	width: 100%;
}
.box4-left-img{
	margin-top: -313px;
	margin-left: 50px;
}
.box4-left-img  img{
	width: 100%;
}

@media (max-width: 985px) {
	.container {
		width: 100% !important;
	}
	.p1{
		margin-bottom: 20px;
	}		
	.box4-right{
		margin-top: 0;
	}
	.box1-img {
		width: 100%;
		position: absolute;
		left: 90px;
		top: 5px;
	}
	.box1-img img{
		width: 100%;
	}
	.right-c{
		margin-left: 0;
		margin-top: 235px;
	}
	.box2-left {
		margin-top: 0;
	}
	.box2-don{
		width: 100%;
	}
	.box2-don img{
		width:100%;
		position: absolute;
		left: 7px;
		top: 5px;
	}
	.box2-right{
		height: 250px;
	}
	.box3-right{
		margin-top: 0;
	}
	.box3-right .p3{
		margin-left: 0;
	}
	.box3-left{
		width: 370px;
	}
	.box3-left img{
		margin-top: 130px;
		position: absolute;
		left: 7px;
		width: 100%;
	}
	.main-text3{
		margin-left: 0;
	}
	.box4-left{
		margin-top: 220px;
	}
	.main-text4{
		margin-left: 0;
	}
	.box4-text ul{
		margin-left: 0;
	}
	
}