.zcolor{
	color: #25b4ec;
	margin-bottom: 0.5rem;
}

div>.m-box {
	position: relative;
	z-index: 1;
}

.tit {
	margin: 2rem 0;
 

}
.tit span{
	width: 30px;
	height: 6px;
	border-radius: 3px;
	display: block;
	margin: 5px auto;
    background: #28ce58;

}
.tit_c{
	text-align: center;
} 
.tit_r{
	text-align: right;
} 
.tit_c img{
	height: 2px;
	margin: 0 auto;
}

.tit_c h1{
	padding: 1rem 0 0;
}
.tit h2 {
	color: #9966ff;
	font-size:2rem;
	
	/* padding: 1rem 0; */
	
	font-family: "PingFang";

}

.tit p {
	color: #fff;
	font-weight: 200;
	
	line-height: 1.2;
	
	
	text-transform: uppercase;
}

/*  */
.g-banner {

	width: 100%;

	

	/* min-height: 100vh; */


	overflow: hidden;

}




.g-banner   .c-c{
	width: 100%;
	padding: 8vw 0;
	position: relative;
	text-align: center;
}
.g-banner   .c-c h1{
	color: #fff;
	line-height: 1.5
	
}
.g-banner   .c-c ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 2vw;
}
.g-banner   .c-c ul a{
	padding: 0.5vw 2.5vw;
	color: #fff;
	display: block;
	margin: 0.5rem 2vw;
	background:linear-gradient(to left,#05d8f7,#1495df,#9d50bb) ;
}
.g-banner   .c-c ul a:hover{
	background: #05d8f7;
}
.g-banner    .c-r{
	width: 30%;
	right: 0;
	top: 30%;
	position: absolute;
}
.g-banner    .c-r img{
	width: 100%;
}

.g-banner  .c-c .p28{

	margin: 2vw 0;

}


/*  */
.g-what{
	
}
.g-what .m-c{
	position: relative;
}
.g-what .m-c .img{
	width: 100%;
	font-size: 0;
	overflow: hidden;
}
.g-what .m-c .img img{
	width: 100%;
}
.g-what .m-c .t-t{
	position: absolute;
	left: 50%;
	margin-left: -15%;
	top:35%;
	text-align: center;
	width: 30%;
	color: #fff;
	
}
.g-what .m-c .t-t .k{
	width: 40px;
	height: 4px;
	border: 1px solid #e8a5d8;
	margin: 2vw auto;
}
.g-what .m-c .t-t  .p20{
	color: #fff;
}
.g-what .m-c li{
	position: absolute;
	width: 40%;
	top: 0;
}
.g-what .m-c li img{
	width: 30%;
}
.g-what .m-c li:nth-of-type(2){
	right: 0;
	text-align: right;
} 
.g-what .m-c li:nth-of-type(3){
	top: auto;
	bottom: 0;
} 
.g-what .m-c li:nth-of-type(4){
	right: 0;
	top: auto;
	bottom: 0;
	text-align: right;
} 
/*  */
.g-about{
	background: url(../images/p4_02.jpg) center center no-repeat;
	background-size: 100% auto;
	padding: 6vw 0;
}
.g-about .m-c{
	position: relative;
	padding: 4vw 0 5vw;
}
.g-about .m-c .m{
	position: absolute;
	right: 0;
	bottom: -15%;
	width: 20%;
	
}
.g-about .m-c .m img{
	width: 100%;
}
.g-about .m-c .txt{
	margin-left: 22%;
	width: 70%;
	margin-top:5% ;
	
}
.g-about .m-c .txt p{
	text-indent: 2rem;
}
/*  */
.g-bj{
	background: url(../images/b4_02.jpg) top center no-repeat;
	background-size: 100% auto;
}
.g-bj .g-hx .m-c .t-h{
	position: relative;
}
.g-bj .g-hx .m-c .t-h .pd{
	font-size: 8vw;
	color: #1d7ca9;
	text-align: center;
	line-height: 1;
	opacity: 0.08;
}
.g-bj .g-hx .m-c .t-h .p30{
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}
.g-hx .m-c ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.g-hx .m-c ul li img{
	width: 30%;
}
.g-hx .m-c ul li{
	width: 30%;
	text-align: center;
}
/*  */
.g-cy .m-c ul{
	position: relative;
}
.g-cy .m-c ul li{
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 1.5vw 0;
	background: url(../images/a7_03.png) center bottom no-repeat;
	background-size: auto 0.4vw; 
}
.g-cy .m-c ul li>div{
	width: 28%;
	text-align: center;
}
.g-cy .m-c ul li .p28:nth-of-type(1){
	color: #dd7fae;
}
.g-cy .m-c ul li .c1{
	color: #05d8f7;
}
.g-cy .m-c ul  .x1{
	width: 2px;
	position: absolute;
	left: 36%;
	top: -10%;
	
}
.g-cy .m-c ul  .x2{
	width: 2px;
	position: absolute;
	right: 36%;
	top: -10%;
	
}
/*  */
.g-map .m-c ul{
	overflow: hidden;
	position: relative;
}
.g-map .m-c ul .x{
	width: 2px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1px;
	z-index: -1;
}
.g-map .m-c ul li{
	width: 51%;
	float: left;
	padding: 3vw 5vw;
	text-align: right;
}
.g-map .m-c ul li:nth-of-type(2){
	float: right;
	text-align: left;
}
.g-map .m-c ul li::after{
	content: "";
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	right: 2vw;
	top: 4.4vw;
}
.g-map .m-c ul li::before{
	content: "";
	width: 3rem;
	height: 3rem;
	background: url(../images/d_03.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -0.8rem;
	top: 3vw;
}
.g-map .m-c ul li:nth-of-type(2)::after{
	left: 2vw;
	right: auto;
}
.g-map .m-c ul li:nth-of-type(2)::before{
	left: -0.8rem;
	right: auto;
}
/*  */
.g-hz .m-c ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.g-hz .m-c ul li{
	width: 23%;
	margin: 1%;
}
.g-hz .m-c ul li img{
	width: 100%;
}
/*  */
.g-footer{
	 background: url(../images/ft_02.png) top center no-repeat;
	 background-size: 100% auto;
}
.g-footer .p20{
	padding: 8vw 0;
	text-align: center;
}
.g-footer .m-c {
	align-items: center;
}
.g-footer .m-c ul{
	display: flex;
	align-items: center;
}
.g-footer .m-c ul img{
	width: 2rem;
	margin: 1rem;
}
.g-footer .m-c ul img:hover{
	opacity: 0.6;
}
/*  */
@media screen and (max-width: 991px) {
	.g-banner .m-c .c-c{
		width: 100%;
	}
	.g-banner .img img{
		width: 300%;
		margin-left: -100%;
	}
	.tit{
		padding: 0 0;
	}
	.g-banner .c-c{
		padding: 25vw 0;
	}
	.g-banner .c-c .p28{
		margin: 3rem 0;
	}
	.g-banner .c-c ul a{
		padding: 0.8vw 3vw;
	}
	/*  */
	.g-what .m-c .t-t{
		position: static;
		margin: 1rem 0;
		width: 100%;
	}
	.g-what .m-c .img{
		display: none;
	}
	.g-what .m-c ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		text-align: center;
	}
	.g-what .m-c li img{
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	.g-what .m-c li{
		position: static;
		width: 46%;
		margin:2rem 1%;
	}
	.g-what .m-c li:nth-of-type(4){
		text-align: center;
	}
	.g-what .m-c li:nth-of-type(2){
		text-align: center;
	}
	/*  */
	.g-about .m-c .txt{
		width: 100%;
		margin: 0 auto;
	}
	.g-about .m-c .txt .p28{
		margin: 1rem 0;
	}
	.p20{
		line-height: 2;
	}
	/*  */
	.g-hx .m-c ul li{
		width: 100%;
		
		margin: 2rem 0;
	}
	.g-hx .m-c ul li img{
		width: 20%;
		margin: 1rem 0;
	}
	.g-hx .m-c ul li .p28{
		margin: 0.5rem 0;
	}
	/*  */
	.g-cy .m-c ul li{
		padding: 1rem 0;
		 justify-content:space-between ;
		 background: url(../images/a7_03.png) center bottom no-repeat;
		     background-size: auto 4px;
		 
	}
	.g-cy .m-c ul li>div{
		
		display: flex;
		justify-content: center;
		align-items: center;;
	}
	.g-cy .m-c ul li .p20{
		line-height: 1.5;
	}
	.g-cy .m-c ul li>div:nth-of-type(1){
		width: 20%;
	}
	.g-cy .m-c ul li>div:nth-of-type(2){
		width: 35%;
	}
	.g-cy .m-c ul li>div:nth-of-type(3){
		width: 35%;
	}
	.g-cy .m-c ul .x1{
		width: 4px;
		left: 22%;
	}
	.g-cy .m-c ul .x1 img{
		width: 100%;
	}
	.g-cy .m-c ul .x2{
		width: 4px;
		right: 37%;
	}
	.g-cy .m-c ul .x2 img{
		width: 100%;
	}
	/*  */
	.g-map .m-c ul li::before{
		display: none;
	}
	.g-map .m-c ul li::after{
		display: none;
	}
	/*  */
	.g-map .m-c ul li{
		width: 100%;
		text-align: left;
	}
	.g-map .m-c ul .x{
		display: none;
	}
	/*  */
	.g-footer .s-logo img{
		margin: 2rem auto;
		display: block;
		height: 60px;
	}
	.g-footer .m-c ul{
		justify-content: center;
	}
	.g-footer .m-c ul img{
		width: 3rem;
	}
}