@charset "utf-8";

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

/*头部导航*/
.one_warp{
	width:100%;
	height: 100vh;
	background: url("../images/jiangong_01.png") no-repeat center top;
	background-size:cover;
	background-attachment: fixed;
}

@keyframes fangda{
	0%,100%{
			transform:scale(1);
			
		}
		50% {
			transform:scale(1.05);
		}
}


.one{
	width: 90vw;
    margin: 0 auto;
	height:100%;
	position: relative;
	z-index: 2;
}
.one_1{
	width: 100%;
	height:auto;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 20vh;
	left: 0;
}
.one_1_left{
	font-size: 1.142rem;
	color: #000;
	line-height: 1.857rem;
	font-family: oph;
}
.one_1_right{
	color: #000;
	font-size: 1.714rem;
	font-family: oph;
}

.one_2{
	width:100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.one_2 img{ height:4.428rem; width: auto;}


.two{
	width: var(--mainwidth);
	width: 73vw;
	margin: 0 auto;
	height:auto;
	position: relative;
	margin-top: -5.5vh;
	z-index: 2;
}
.two_img{
	width:100%;
	height: auto;
}
.two_img img{
	width:100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	border-radius:7px;
}
.two_shu{
	width: 1px;
	height: 8.88vh;
	background: #dd171f;
	margin-top: 8.88vh;
}
.two_en{
	width: 100%;
	height: auto;
	margin-top: 8.6vh;
	text-transform: uppercase;
	font-family: opb;
	font-size: 3.714rem;
	color: #000;
}

.two_tit{
	width:100%;
	font-size: 4.428rem;
	color: #dd171f;
	line-height: 7.142rem;
	font-family: oph;
}
.two_con{
	width:100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	margin-top: 12vh;
}
.two_con_1{
	font-size: 1.142rem;
	color: #000;
	line-height: 2.285rem;
	width: 69%;
}


.three_warp{
	width:100%;
	height:  auto;
	position: relative;
	overflow: hidden;
	padding-top: 35.55vh;
	margin-top: -35.55vh;
}
.three_bg{
	width:100%;
	height: auto;
	font-size: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
.three_bg img{
	width: 100%;
	height: auto;
}
.three{
	position: relative;
	z-index: 2;
	width: 73%;
	width: var(--mainwidth);
	margin: 0 auto;
	padding-top: 28.88vh;
}
.three_tit{
	width:100%;
	text-align: center;
	font-size: 1.285rem;
	color: #000000;
}
.three_yan{
	width:100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: 6.66vh;
}
.three_yan_con{
	margin: 0 2.142rem;
	padding-top: 2.285rem;
	
}
.three_yan_con:nth-child(1){-webkit-animation: shang 5s infinite;}

.three_yan_con:nth-child(2){ padding-top: 0;-webkit-animation: xia 5s infinite;}
.three_yan_con:nth-child(2) .three_yan_1{ background: #0f0f0f;}
.three_yan_con:nth-child(3){ padding-top: 2.571rem;-webkit-animation: shang 5s infinite;}
.three_yan_con:nth-child(3) .three_yan_1{ background: #e3e2e2;}
.three_yan_con:nth-child(4){ padding-top: 5.142rem;-webkit-animation: xia 5s infinite;}
.three_yan_con:nth-child(4) .three_yan_1{ background: #fff; border: 1px solid #c5161d;}

.three_yan_con:hover .three_yan_2{ opacity: 1;}

	

@keyframes shang
{
    0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(15px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes xia
{
    0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-15px);
	}
	100% {
		transform: translateY(0px);
	}
}



.three_yan_1{
	margin: 0 auto;
	width: 6rem;
	height: 6rem;
	background: #c5161d;
	border-radius:50%;
}
.three_yan_2{
	width:100%;
	text-align: center;
	color: #000000;
	font-size: 1.5rem;
	text-transform: uppercase; 
	margin-top: 2.285rem;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.three_tita{ margin-top: 3rem;}
.three_1{
	width:100%;
	font-size: 1.285rem;
	color: #000;
	font-family: opm;
	margin-top: 6.428rem;
}
.three_2{
	width:100%;
	font-size: 4.285rem;
	color: #000;
	line-height: 7.714rem;
}
.three_3{
	width:100%;
	font-size: 1.142rem;
	color: #000;
	font-family: opm;
	line-height: 1.714rem;
	margin-top: 11.66vh;
}
.three_3 span{text-transform: uppercase;  }
.three_4{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 3.571rem;
}
.three_4_left{
	display: flex;
	align-items: flex-end;
	font-size: 0px;
}
.three_4_left img{ height: 14.11vh; width: auto;}
.three_4_right{ font-size: 0px;}
.three_4_right img{ height: 34.11vh; width: auto;}


.love_warp{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 19.5vh;
}
.love_bg{
	width:100%;
	height: auto;
	font-size: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
.love_bg img{
	width: 100%;
	height: auto;
}
.love{
	width: 73%;
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
}
.love_zi {
    width: 100%;
    height: 8.88vh;
	position: relative;
}
.love_zi:after{
	content: '';
	width: 1px;
    height: 100%;
    background: #dd171f;
	position: absolute;
	top: 0;
	right: 0;
}
.love_en{
	width:100%;
	color: #dd171f;
	font-size: 9.857rem;
	font-family: oph;
	position: relative;
	z-index: 3;
}
.love_img{
	width:100%;
	height: auto;
	font-size: 0px;
	margin-top: -2.35rem;
}
.love_img img{
	width: 100%;
	height: auto;
}

.five_all{
	width:100%;
	height: auto;
	margin-top: 22vh;
}


.five_list{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	    white-space: nowrap;
	 margin-top: 12.4vh;
}


.five_lista{ 
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	white-space: nowrap;
}


.five_img{
	display: inline-block;
	width:51.40625vw;
	height: calc(100vw * 0.5140625 * 469 / 987);
	font-size: 0px;
	overflow: hidden;
	margin-right: 4.375vw;
}
.five_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.love_kuang {
    width: 73%;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    font-size: 0px;
	margin-top: 19.33vh;
}
.love_kuang img{
	width:100%;
	height: auto;
}


.teamwork{
	width:100%;
	height: auto;
	margin-top: 15.55vh;
	position: relative;
}
.teamwork_bg{
	width: 100%;
	height: calc(100% - 11.55vh);
	font-size: 0px;
	position: absolute;
	top: 11.55vh;
}
.teamwork_bg img{
	width: 100%;
	height: 100%;
}
.teamwork_all{
	 width: 73%;
    width: var(--mainwidth);
	height: auto;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.teamwork_left{
	font-size: 0px;
	height: 83.33vh;
}
.teamwork_left img{
	height: 100%;
	width: auto;
	margin-right: 4rem;
}
.teamwork_left img:last-child{ margin-right: 0;}
.teamwork_right{
	display: flex;
	align-items: center;
	color: #dd171f;
	font-family: oph;
	font-size: 7.142rem;
}
.teamwork_img{
	width:100%;
	height:auto;
	font-size: 0px;
	overflow: hidden;
	margin-top: 18.88vh;
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 2;
}
.teamwork_img img{
	width:66.5625%;
	height: auto;
}



.teamwork_con{
	width: 90%;
	height: auto;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-top: -13.55vh;
}
.teamwork_logo{
	width: 100%;
	height: auto;
	font-size: 0px;
}
.teamwork_logo img{
	height: 14.22vh;
	width: auto;
}


.teamwork_typeright{
	color: #000000;
	font-size: 1.428rem;
	line-height: 1.857rem;
	width: 100%;
	font-family: opb;
	margin-top: 3.428rem;
	padding-bottom: 15vh;
}


@media screen and (max-width:1365px)and (min-width:1280px){
	.teamwork_left{ height: 80vh;}
	.teamwork_left img{ margin-right: 2.5rem;}
	
}
@media screen and (max-width:1279px)and (min-width:1024px){
	.one_warp {
		height: 92vh;
	}
	.three_warp{    margin-top: -19.55vh;}
	.three{padding-top:2vh;}
	.three_tita {
		margin-top: 0;
	}
	.teamwork_left{ height: 60vh;}
	.teamwork_left img{ margin-right: 2rem;}
	.teamwork_right{ font-size: 5.5rem;}
	
}
@media screen and (max-width:1023px)and (min-width:300px){

	/*头部导航*/
	.one_warp{
		height: 50vh;
	}
	.one_1{
		top: 8vh;
	}
	.one_1_left{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.one_1_right{
		font-size: 1.5rem;
	}
	.one_2{ height: 80%; padding-top: 10%;}
	.one_2 img{ height:3rem; width: auto;}


	.two{
		width: 94vw;
		margin-top: -9vh;
	}

	.two_shu{
		height: 5vh;
		margin: 0 auto;
		margin-top: 5vh;
	}
	.two_en{
		margin-top: 4vh;
		font-size: 1.875rem;
		text-align: center;
	}

	.two_tit{
		font-size: 2.5rem;
		line-height: 5.5rem;
		text-align: center;
	}
	.two_con{
		justify-content:center;
		margin-top: 2vh;
	}
	.two_con_1{
		width: 100%;
	}


	.three_warp{
		padding-top: 8vh;
		margin-top: -8vh;
	}

	.three{
		width: 94%;
		padding-top: 8vh;
	}
	.three_yan{
		margin-top: 4vh;
	}
	.three_yan_con{
		margin: 0 1.25rem;
		padding-top: 1.285rem;
	}
	.three_yan_con:nth-child(3){ padding-top: 1.571rem;}
	.three_yan_con:nth-child(4){ padding-top: 3.142rem;}
	.three_yan_1{
		width: 5rem;
		height: 5rem;
	}
	.three_yan_2{
		font-size: 1.25rem;
		margin-top: 1.285rem;
		opacity: 1;
	}
	.three_tita{ margin-top: 2rem;}
	.three_1{
		text-align: center;
		margin-top: 4rem;
	}
	.three_2{
		font-size: 3.75rem;
		text-align: center;
		line-height: 7rem;
	}
	.three_3{
		text-align: center;
		margin-top: 6vh;
	}
	.three_3 span{text-transform: uppercase;  }
	.three_4{
		margin-top: 8vh;
	}
	.three_4_left img{ height: 8vh; }
	.three_4_right img{ height: 16vh; width: auto;}


	.love_warp{
		margin-top: 12vh;
	}
	.love{
		width: 94%;
	}
	.love_zi {
		height: 5vh;
	}

	.love_en{
		font-size: 4.25rem;
	}
	.love_img{
		margin-top: -0.5rem;
	}

	.five_all{
		margin-top: 12vh;
	}

	.five_list{
		 margin-top: 2vh;
	}

	.five_img{
		margin-right: 2vw;
	}


	.love_kuang {
		width: 94%;
		margin-top: 8vh;
	}

	.teamwork{
		margin-top: 6vh;
	}
	.teamwork_bg {
		height: calc(100% - 15vh);
		top: 15vh;
	}
	.teamwork_all{
		 width: 94%;
		justify-content:center;
		flex-direction: column-reverse;
	}
	.teamwork_left{
		height: 42vh;
		margin-top: 4vh;
		text-align: center;
	}
	.teamwork_left img{
		margin-right: 2rem;
	}
	.teamwork_right{
		font-size: 3rem;
		justify-content: center;
	}
.teamwork_img{
	margin-top: 10vh;
}
.teamwork_img img{
	width:80%;
	height: auto;
}



.teamwork_con{
	width: 94%;
	margin-top: 8vh;
	padding-bottom: 2vh;
	display: flex;
	justify-content: space-between;
}

.teamwork_logo img{
	height: 6vh;
	width: auto;
}


.teamwork_typeright{
	font-size: 1.25rem;
	line-height: 1.857rem;
	margin-top:0;
	padding-bottom: 0;
	text-align: right;
}

}