@charset "utf-8";

.chaochu{
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*头部导航*/
.one_warp{
	width:100%;
	height: auto;
	position: relative;
	z-index: 3;
}
.one{
	width: 90vw;
    margin: 0 auto;
	height:auto;
	position: relative;
	padding-top: 15vh;
	display: flex;
	justify-content: space-between;
}
.one_left{
	color: #000000;
	font-size: 4.285rem;
	font-family: oph;
	text-transform: uppercase;
}


.one_1{
	width: 100%;
	height:auto;
	font-size: 1.142rem;
	line-height: 1.857rem;
	text-align: right;
	padding-top: 0.857rem;
}
.one_2{
	width:100%;
	height: auto;
	font-size: 4.571rem;
	color: #015bbc;
	font-family: oph;
	margin-top: 1.142rem;
}
.one_img{
	width: 100%;
	height: calc(100vw * 840 / 1920);
	margin-top: 2rem;
	padding-left: 5%;
	font-size: 0;
	overflow: hidden;
}
.one_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}



.two_warp{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	padding: 11vh 0 13vh 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.two{
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	height:auto;
	position: relative;
}
.two_con{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.two_1{
	font-size: 4rem;
	font-family: opb;
	color: #000000;
}
.two_2{
	color: rgba(0,0,0,0.9);
	font-size: 1.285rem;
	line-height: 1.428rem;
	text-transform: uppercase; 
}
.two_nei{
	font-size: 1.142rem;
	color: #000;
	line-height: 2.285rem;
	margin-top: 3.571rem;
	width: 48%;
}



.three_warp{
	width:100%;
	height:  auto;
	position: relative;
	overflow: hidden;
	padding-top: 28vh;
}
.three_warp:after{
	content: '';
	border: 1px solid rgba(0,0,0,0.26);
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	height: 50vw;
	border-radius:50%;
	animation: kuosan 2s ease infinite;
}

@keyframes kuosan
	{
		0% {
			opacity: 1;transform: scale(1);
		}
		100% {
			opacity: 0;transform: scale(1.2);
		}
	}

.three{
	position: relative;
	z-index: 2;
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
}
.three_con{
	width: 100%;
	margin-top: 2.857rem;
	height: auto;
	background: #000000;
	position: relative;
	z-index: 2;
	padding: 8vh 5%;
}
.three_en{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	font-family: opb;
	color: #fff;
	font-size: 18.428rem;
}
.three_tit{
	width:100%;
	color: #fff;
	font-size: 4rem;
	font-family: opb;
	margin-top: -3.571rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.three_tit span{ font-size: 1.571rem;}
.three_yan{
	width: 100%;
	margin-top: 6.285rem;
	display: flex;
	justify-content: space-between;
	height: 48vh;
}
.three_yan_1{
	width: 25%;
	height: 100%;
	background: #004998;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	font-size: 1.571rem;
	padding: 1.571rem 2%;
	line-height: 2.857rem;
	text-transform: uppercase; 
}
.three_yan_1:nth-child(2){ background: #fff; color: #000;}
.three_yan_1:nth-child(3){ background: #171717;}
.three_yan_1:nth-child(4){ background: #bfc3cd; color: #004998;}
.three_yan_1 span{ font-size: 1rem; line-height: 2.285rem;}

.four_warp{
	width: 100%;
	height: 50vw;
	position: relative;
}
.four_warp:after{
	content: '';
	border: 1px solid rgba(0,0,0,0.26);
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	height: 50vw;
	border-radius:50%;
	animation: kuosan 2s ease infinite;
}
.four{
	position: relative;
	z-index: 2;
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.four_name{
	display: flex;
	align-items: center;
}
.four_right{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.four_1{
	font-size: 1.142rem;
	color: #000;
	display: flex;
	align-items: center;
}
.four_1 span{
	font-family: opb;
	font-size: 1.571rem;
	margin-right:1.5rem; 
	width: 15.428rem;
}
.four_2{
	width:100%;
	height: auto;
	color: #000000;
	font-size: 1.285rem;
	line-height: 3.285rem;
	margin-top: 1.428rem;
}
.four_2 span{
	display: block;
	letter-spacing: 2px;
}
.four_2 span:nth-child(2){ opacity: 0.55;}
.four_2 span:nth-child(3){ opacity: 0.17;}

.four_1a{ margin-top: 4.857rem;}
.four_2a span{ letter-spacing: 5px;}


.love_warp{
	width: 100%;
	height:auto;
	position: relative;
	overflow: hidden;
}
.love_warp:after{
	content: '';
	width: 100%;
	height: calc(100% - 123vh);
	background: #004998;
	position: absolute;
	bottom: 11vh;
	left: 0;
	z-index: -1;
}

.love{
	width: 73vw;
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding-top: 19vh;
}
.love:after{
	content: '';
	width: 100%;
	background: #004998;
	height: var(--mainwidth);
	position: absolute;
	top: -27vh;
	left: 0;
	border-radius:50%;
	z-index: -1;
}

.love_tit{
	width:100%;
	font-size: 4rem;
	color: #fff;
	font-family: opb;
	display: flex;
	align-items: center;
	height: 6.428rem;
	justify-content: center;
}
.love_tit_1{
	font-size: 1.285rem;
	line-height: 1.428rem;
	margin-left: 8.5%;
}
.love_all{
	width:100%;
	height: auto;
	margin-top: 4vh;
	display: flex;
	justify-content: space-between;
}

.love_left,.love_right{ width: 46.4%;}
.love_left{ padding-top: 19vh;}

.love_img{
	width: 100%;
	height: auto;
	font-size: 0;
	position: relative;
}
.love_img:after{
	content:'';
	width: 100%;
	height: 47.33vh;
	border: 1rem solid #000;
	border-radius:30px;
	position: absolute;
	top:40vh;
	left: -1rem;
}
.love_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.love_img:nth-child(2){ margin-top: 20vh;}
.love_img:nth-child(2):after{top:-1rem; height: 100%;}
.love_img:nth-child(2) img{
	height: calc(73vw * 0.464 * 496 / 694);
	height: calc(var(--mainwidth) * 0.464 * 496 / 694);
	
}

.love_right .love_img:nth-child(1){
	height: calc(73vw * 0.464 * 421 / 706);
	height: calc(var(--mainwidth) * 0.464 * 421 / 706);
}
.love_right .love_img:nth-child(1):after{top:-1rem; height: 100%;}
.love_right .love_img:nth-child(2):after{ top:40vh; height: 47.33vh;}
.love_right .love_img:nth-child(2) img{ height: auto;}



.five{
	width: 73vw;
	width: var(--mainwidth);
	height: auto;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-top: 11vh;
	padding-bottom: 21vh;
}
.five_img{
	width:100%;
	height: auto;
	font-size: 0px;
	overflow: hidden;
	margin-top: 8.4vh;
}
.five_img img{
	width: 100%;
	height: auto;
}


.teamwork{
	width:100%;
	height: auto;
	padding: 18vh 0 16vh 0;
	background: #e7eaf0;
	position: relative;
}
.teamwork:after {
    content: '';
    border: 1px solid rgba(0,0,0,0.26);
    position: absolute;
    top: 0;
    right: 0;
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
	animation: kuosan 2s ease infinite;
}
.teamwork:before {
    content: '';
    background:  rgba(0,0,0,0.13);
    position: absolute;
    top: 0;
    right: calc(50% - 0.5px);
    width: 1px;
    height: 100%;
}
.teamwork .two_con{
	width: 73vw;
    width: var(--mainwidth);
	margin:0 auto;
}

.teamwork_img{
	width: 100%;
	margin: 0 auto;
	height: auto;
	font-size: 0px;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 2;
}
.teamwork_img:after{
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.1);
	position: absolute;
	left: 0;
	bottom: 1rem;
}
.teamwork_img img{
	width:20.67%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.teamwork_con{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 27vh;
}
.teamwork_left{
	width: 50%;
	padding-top: 18vh;
}
.teamwork_tu{
	width: 38.75%;
	height: auto;
	font-size: 0;
	position: relative;
	margin: 0 auto;
}
.teamwork_tu:after{
	content:'';
	width: 100%;
	height: 87vh;
	border: 1rem solid #000;
	border-radius:30px;
	position: absolute;
	top:20vh;
	left: -1rem;
}
.teamwork_tu img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.teamwork_tu:nth-child(2){ margin-top: 33vh;}
.teamwork_tu:nth-child(2) img{ 
	height: calc(73vw * 0.19375 * 801 / 371);
	height: calc(var(--mainwidth) * 0.19375 * 801 / 371);
} 
.teamwork_tu:nth-child(2):after{ top: -1rem; height: 100%;}

.teamwork_right{
	width: 50%;
	position: relative;
}
.teamwork_right:after{
	content: '';
	width: 72%;
	background: #edeff4;
	height: 120vh;
	position: absolute;
	left: 0;
	top: calc(100vw * 0.5 * 546 / 965);
}
.teamwork_right:before{
	content: '';
	width: 28%;
	background: #024ea1;
	height: 120vh;
	position: absolute;
	right: 0;
	top: calc(100vw * 0.5 * 546 / 965);
}

.teamwork_pian{
	width:100%;
	height: calc(100vw * 0.5 * 546 / 965);
	font-size: 0px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.teamwork_pian img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.teamwork_nei{
	width:100%;
	height: auto;
	padding-right: 28%;
	position: relative;
	z-index: 2;
	margin-top: 24vh;
}

.teamwork_nei_1{
	width: 19.27vw;
	height: auto;
	font-size: 0;
	position: relative;
	margin: 0 auto;
}
.teamwork_nei_1:after{
	content:'';
	width: 100%;
	height: 87vh;
	border: 1rem solid #000;
	border-radius:30px;
	position: absolute;
	top:23vh;
	left: -1rem;
}
.teamwork_nei_1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.teamwork_typeright{
	font-size: 1.285rem;
	color: #000;
	line-height: 2rem;
	width: 78%;
	margin: 0 auto;
	margin-top: -4rem;
}

.teamwork_quan {
    content: '';
    border: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    bottom: 98vh;
    right: 0;
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
	animation: suoxiao 2s ease infinite;
}
@keyframes suoxiao
	{
		0% {
			opacity: 0;transform: scale(0.8);
		}
		100% {
			opacity: 1;transform: scale(1);
		}
	}

@media screen and (max-width:1279px)and (min-width:1024px){
	.one_left{ font-size: 3.75rem;}
	.three_en{font-size: 16rem;}
	.one_2{ font-size: 4rem;}
	.two_1,.three_tit{ font-size: 3.5rem;}
	.three_yan{ height: 43vh;}
	.four_1a {
		margin-top: 4vh;
	}
	.four_2{ line-height: 2.75rem;}
	.love:after{ top: -10vh;}
	.love_warp:after{    height: calc(100% - 88vh);}
}
@media screen and (max-width:1023px)and (min-width:300px){

	.one{
		width: 90vw;
		margin: 0 auto;
		height:auto;
		position: relative;
		padding-top: 10vh;
		display: flex;
		justify-content: space-between;
	}
	.one_left{
		font-size: 2rem;
		line-height: 3rem;
	}


	.one_1{
		font-size: 1rem;
		line-height: 1.5rem;
		padding-top: 0;
	}
	.one_2{
		font-size: 2rem;
		margin-top: 0.5rem;
		text-align: right;
	}

	.two_warp{
		padding:6vh 0 6vh 0;
	}

	.two{
		width: 94vw;
	}

	.two_1{
		font-size: 2rem;
	}
	.two_2{
		font-size: 1rem;
	}
	.two_nei{
		margin-top: 2rem;
		width: 100%;
	}


	.three_warp{
		padding-top: 10vh;
	}
	.three{
		width: 94vw;
	}
	.three_con{
		margin-top: 4vh;
		padding: 4vh 5%;
	}
	.three_en{
		font-size: 14rem;
	}
	.three_tit{
		font-size: 2rem;
		margin-top: 0vh;
	}
	.three_tit span{ font-size: 1.25rem;}
	.three_yan{
		margin-top: 6vh;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		height: auto;
	}
	.three_yan_1{
		width: 50%;
		height: 24vh;
		font-size: 1.25rem;
		padding: 1.25rem 2%;
		line-height: 2rem;
	}
	.three_yan_1 span{ font-size: 1rem; line-height:1.75rem;}

	.four_warp{
		height: auto;
		padding-top: 8vh;
	}
	.four{
		width: 94vw;
		justify-content:center;
		flex-direction: column;
		height: 100%;
	}
	.four_name{
		justify-content: center;
	}
	.four_right{
		margin-top: 6vh;
	}

	.four_2{
		line-height: 3rem;
	}

	.four_1a{ margin-top: 3rem;}


	.love_warp:after{
		height: calc(100% - 40vh);
		left: 0;
	}

	.love{
		width: 94vw;
		padding-top: 6vh;
	}
	.love:after{
		height: 94vw;
		top: -12vh;
	}

	.love_tit{
		font-size: 2rem;
		height: 4rem;
		align-items: flex-start;
	}
	.love_tit_1{
		font-size: 1rem;
		line-height: 1.428rem;
		margin-left: 8.5%;
	}

	.love_left{ padding-top: 8vh;}

	.love_img{
		width: 100%;
		height: auto;
		font-size: 0;
		position: relative;
	}
	.love_img:after{
		height: 20vh;
		border: 5px solid #000;
		border-radius:10px;
		top:14vh;
		left: -5px;
	}

	.love_img:nth-child(2){ margin-top: 10vh;}
	.love_img:nth-child(2):after{top:-5px; height: 100%;}
	.love_img:nth-child(2) img{
		height: calc(94vw * 0.464 * 496 / 694);

	}

	.love_right .love_img:nth-child(1){
		height: calc(94vw * 0.464 * 421 / 706);
	}
	.love_right .love_img:nth-child(1):after{top:-5px; height: 100%;}
	.love_right .love_img:nth-child(2):after{ top:20vh; height: 30vh;}


	.five{
		width: 94vw;
		margin-top: 6vh;
		padding-bottom:6vh;
	}
	.five_img{
		margin-top: 6vh;
	}

	.teamwork{
		width:100%;
		height: auto;
		padding: 10vh 0 6vh 0;
	}

	.teamwork .two_con{
		width: 94vw;
	}

	.teamwork_img{
		margin-top: 4vh;
	}

	.teamwork_img img{
		width:50%;
	}
	.teamwork_con{
		margin-top: 10vh;
	}
	.teamwork_left{
		width: 50%;
		padding-top: 10vh;
	}
	.teamwork_tu{
		width: 80%;
	}
	.teamwork_tu:after{
		height: 30vh;
		border: 5px solid #000;
		border-radius:10px;
		position: absolute;
		top:20vh;
		left: -5px;
	}

	.teamwork_tu:nth-child(2){ margin-top: 10vh;}
	.teamwork_tu:nth-child(2) img{ 
		height: calc(94vw * 0.4 * 801 / 371);
	} 
	.teamwork_tu:nth-child(2):after{ top: -5px; }

	.teamwork_right{
		width: 50%;
		position: relative;
	}


.teamwork_nei{
	width:100%;
	height: auto;
	padding-right: 0%;
	margin-top: 10vh;
}

.teamwork_nei_1{
	width: 80%;
}
.teamwork_nei_1:after{
	content:'';
	width: 100%;
	height: 40vh;
	border: 5px solid #000;
	border-radius:10px;
	top:13vh;
	left: -5px;
}


.teamwork_typeright{
	font-size: 1rem;
	line-height: 1.5rem;
	width: 94%;
	margin-top: -3rem;
}


}