body,html{
	font-size: 10px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}
.clear{
	clear: both;
}
a{
	color: #ffffff;
	text-decoration: none;
}
/*顶部*/
.ggg{
	position: fixed;
	padding: 0 44px 0 44px;
	z-index: 9999;
	top: 33px;
	color: #ffffff;
	width: 100%;
}
.ggg.ggg_b{
	color: #000000;
    background: rgba(255,255,255,.8);
    top: 0;
    height: 50px;
    padding-top: 32px;
    display: none;
}
.ggg_1{
	width: 100%;
	height: 660px;
	background-image: url(../img/ggg_1@2x.png);
	background-size: cover;
	position: relative;
}
.ggg_1_1{
	float: left;
}
.ggg_1_1_1{
	width: 34px;
	height: 32px;
	background-image: url(../img/ggg_logo1@2x.png);
	background-size: cover;
	float: left;
}
.ggg_1_1_b{
	width: 34px;
	height: 32px;
	background-image: url(../img/ggg_logo2@2x.png);
	background-size: cover;
	float: left;
}
.ggg_1_1_2{
	float: left;
	margin-left: 12px;
}
.ggg_1_1_2_1{
	font-size: 18px;
	line-height: 20px;
}
.ggg_1_1_2_2{
	font-size: 14px;
	line-height: 14px;
}
.ggg_1_2{
	float: right;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	margin-right: 44px;
}
.ggg_1_2 a{
	display: inline-block;
	width: 142px;
	height: 18px;
	text-align: center;
	border-right: 1px solid #ffffff;
	cursor: pointer;
}
.ggg_1_2 a:active{
	color: #0090FF
}
.ggg_1_2 a:hover,.ggg_b .ggg_1_2 a:hover{
	color: #0090FF
}
.ggg_b .ggg_1_2 a{
	color: #000000;
	border-right: 1px solid #000000;
}
.ggg_1_2 a:last-child{
	border-right: 0px solid #ffffff;
}
.ggg_1_3{
	width: 434px;
	position: absolute;
	text-align: center;
	top: 262px;
	left: calc(50% - 217px)
}
.ggg_1_3_1{
	width: 142px;
	height: 136px;
	background-image: url(../img/ggg_logo2@2x.png);
	background-size: cover;
	margin:  0 auto ;	
	margin-bottom: 34px;
}
.ggg_1_3_2{
	font-size: 2.4rem;
	font-weight: 400;
	color: #B4CEFF;
	line-height: 24px;
}
/*公用部分*/
.ggg_c_h{
	text-align: center;
	padding: 11.6rem 0;
}
.ggg_c_h_1{
	font-size: 36px;

	font-weight: bold;
	color: #000000;
	line-height: 48px;
}
.ggg_c_h_2{
	font-size: 24px;

	font-weight: 400;
	color: #0090FF;
	line-height: 48px;
}
/*服务部分*/

.serve{
	padding: 0 0 100px 0;
}
.serve_n{
	width: 1400px;
	margin: 0 auto;
}
.serve_n:after{
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.serve_c{
	width: 350px;
	height: 46.4rem;
	float: left;
    text-align: center;
}
.serve_c img{
	width: 100px;
	height: 100px;
}
.serve_1{
	font-size: 2.4rem;
	font-weight: bold;
	color: #000000;
	margin-top: 38px;
	margin-bottom: 10px;
}
.serve_line{
	width: 5.4rem;
	height: 2px;
	border-top: 2px solid #0090FF;
	margin: 0 auto;
	margin-bottom: 4.7rem;
}
.serve_2{
	font-size: 1.6rem;
	font-weight: 400;
	color: #000000;
	line-height: 24px;
	width: 16.6rem;
	margin: 0 auto;
}


/*案例部分*/

.ggg_c_2{
	background-color: #FAFAFA;
	padding-bottom: 50px;
}
.case_n{
	display: block;
	width: 1400px;
	margin: 0 auto;
}
.case_n:after{
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.case_c{
	width: 400px;
	height: 260px;
	background-size: cover;
	float: left;
	margin-right: 100px;
	margin-bottom: 50px;
	position: relative;
}
.case_c:nth-child(3n){
	margin-right: 0; 
}
.pacse_z{
	opacity: 1;
	width: 100%;
	height: 100%;
	background-image: url(../img/z@2x.png);
	background-size: cover;
	position: absolute;
}
.case_c:hover .pacse_z{
	opacity: 0
}
.pcase_c{
	position: relative;
	top: 100px;
	text-align: center;
	color: #ffffff;
}
.pcase_name{
	font-size: 2.4rem;
	font-weight: 400;
	margin-bottom: 2.0rem;
}
.pcase_info{
	font-size: 1.4rem;
}

/*自我认知*/
.self{
	padding-bottom: 200px;
}
.self_n{
	width: 1360px;
	margin: 0 auto;
}
.self_n:after{
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.self_c{
	width: 180px;
    float: left;
    margin-right: 114px;
    text-align: center;
}

.self_c:nth-child(5n){
    margin-right: 0;
}
.self_c img{
	width: 18.0rem;
	height: 18.0rem;
	margin-bottom: 5.6rem;
}
.self_name{
	color: #000000;
	font-weight: bold;
	line-height: 30px;
	font-size: 2.4rem;
}
.self_ename{
	font-size: 12px;
	line-height: 30px;
}
.self_c:nth-child(1) .self_ename{
	color: #FF0054;
}
.self_c:nth-child(2) .self_ename{
	color: #FFA200;
}
.self_c:nth-child(3) .self_ename{
	color: #0090FF
}
.self_c:nth-child(4) .self_ename{
	color: #690AE9
}
.self_c:nth-child(5) .self_ename{
	color:#00B78E
}
.self_info{
	font-size: 14px;
	line-height: 30px;
	color: #000000;
}
/*合作流程*/
.ggg_c_4{
	background-color: #FAFAFA;
	padding-bottom: 100px;
}
.flow_n{
	width: 1360px;
	height: 420px;
	background-image: url(../img/flow@2x.png);
	background-size: cover;
	margin: 0 auto;
}
/*联系我们*/
.ggg_c_5{
	padding-bottom: 120px;
}
.us_n{
	width: 1020px;
	margin: 0 auto;
}
.us_n:after{
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.us_img{
	float: left;

}
.wximg{
	width: 180px;
	height: 180px;
	margin-bottom: 20px;
}

.us_img_c{
	float: left;

	margin-right: 40px;	
	font-size: 24px;
	font-weight: 400;
	color: #000000;
	line-height: 12px;
	text-align: center;
}
.us_pe{
	padding-top: 16px;
	font-size: 2.4rem;
	font-family: Arial;
	font-weight: 400;
	color: #000000;
	line-height: 12px;
}
.us_pe i{
	display: inline-block;
	width: 6rem;
	height: 6rem;
	margin-right: 30px;
	background-size: cover;
	vertical-align: middle;
}
.us_p{
	background-image: url(../img/us_phone@2x.png);
}
.us_e{
	background-image: url(../img/us_email@2x.png);
}
.us_pe_1{
	margin-bottom: 28px;
}
.us_t{
	display: inline-block;
	width: 84px;
}
/*合作客户*/
.ggg_c_6{
	background-color: #FAFAFA;
	padding-bottom: 100px;
}
.customer{
	text-align: center;
	width: 1400px;
    margin: 0 auto;
}
.customer_n{
	display: inline-block;
}
.customer_n:after{
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.customer_c{
	float: left;
	margin-right: 12px;

	margin-bottom: 14px;
	width: 270px;
	text-align: center;
}
.customer_c:nth-child(5n){
	margin-right: 0
}
.customer_c img{
	width: 100%;
	height: 98px;
	margin-bottom: 15px;
}
.customer_name{
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
/*备案*/
.ggg_c_7{
	width: 1400px;
	border-top: 1px solid #E3E3E3;
	margin: 0 auto;
	padding-top: 28px;
	padding-bottom: 60px;
	text-align: center;
	color: #AAAAAA;
	font-size: 14px;
	line-height: 48px;
}
.ggg_c_7 a{
	color: #AAAAAA
}

@media screen and (max-width: 1360px) {
	html{
		font-size: 6px

	}
	.ggg_1_2{
		display: none;
	}
	.ggg_c_h{
		padding: 5rem 0;
	}
    .serve_n,.flow_n,.ggg_c_7{
    	width: 100%;
    }
    .case_n,.self_n,.us_n,.customer_n{
    	width: 90%;
    	margin: 0 auto;
    }
    .pcase_c{
    	width: 80%;
    	margin: 0 auto;
    }
    .serve_c{
    	width: 50%;
    	height: 360px;
    }
    .self_c img{
    	width: 100%;
    	height:100%;
    	max-width: 18rem;
    }
    .serve_2{
    	width: 80%;
    }
    .case_c,.self_c{
    	width: 47%;
    	margin-right:5%;

    }
    .case_c,.self_c{
    	margin-bottom: 2rem;
    }
    .case_c{
    	background-repeat: no-repeat;
    	background-position: 50% 50%;
    }
    .case_c:nth-child(2n),.self_c:nth-child(2n){
    	float: right;
		margin-right: 0; 
	}
    .case_c:nth-child(3n){
		margin-right: 2%; 
	}
	.us_img_c{
		margin-left: calc(50% - 90px);
    	margin-bottom: 2.2rem;
	}
	.us_t{
		width: 8rem;
	}
	.us_pe i{
		width: 3rem;
		height: 3rem;

    	margin-right: 1rem
	}
	.customer_c{
		width: 100%;
		margin-bottom: 2rem;
	}
	.flow_n{
		background-image:url(../img/GGGflow.png);
		height: 500px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    background-position: 8px 0px
	}
	.customer_c img{
		height: auto;
	}
	.customer{
		width: 100%;
	}
}