@charset "utf-8";

@font-face {
    font-family: hwhp;
    src: url('../font/华文琥珀.woff2');
	font-display: swap;
}

/*头部导航*/

.one{
	width:100%;
	height: calc(100vw * 1078 / 1920);
	position: relative;
	background: url("../images/shidai_bg_01.png") no-repeat center top;
	background-size:cover;
	z-index: 2;
	
}
.one_con{
	width:78vw; 
	margin: 0 auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 12%;
}
.one_1{
	width:56%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	font-size: 0;
}
.one_1 img{
	width: 100%;
	height: auto;
}


.one_2{
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.one_2_1{
	font-size: 0px;
	text-align: right;
}
.one_2_1 img{
	height: 10.77vh;
	width: auto;
}
.one_2_2{
	color: #000;
	font-size: 4.285rem;
	text-align: right;
	line-height: 5.428rem;
	margin-top: 3.142rem;
}
.one_2_2 span{
	font-weight: bold;
	display: block;
}
.beijing{
	width: 100%;
	height: auto;
	position: relative;
}
.beijing:after{
	content: '';
	background: url("../images/shidai_07.png") no-repeat center top;
	width: 9.53125vw;
	height: calc(9.53125vw * 2182 / 183);
	position: absolute;
	right: 0;
	top: 35vh;
	z-index: 2;
	background-size: auto 100%;
}
.beijing:before{
	content: '';
	background: url("../images/shidai_15.png") no-repeat center top;
	width: 5.15625vw;
	height: calc(5.15625vw * 850 / 99);
	position: absolute;
	left: 0;
	bottom: -15vh;
	z-index: 2;
	background-size: auto 100%;
}


.two_warp{
	width:100%;
	height:auto;
	position: relative;
	padding-top: 11.78vh;
}
.two_warp:after{
	content: '';
	background: url("../images/shidai_bg_07.png") no-repeat center top;
	width: 100vw;
	height: calc(100vw * 1031 / 1920);
	position: absolute;
	left: 0;
	top: 11.78vh;
}

.two{
	width:78vw; 
	margin: 0 auto;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}
.two_left{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.two_1{
	color: #fb9714;
	font-size: 4.714rem;
	font-family: hwhp;
}
.two_tit{
	width:100%;
	color: #000000;
	font-size: 3rem;
	font-weight: bold;
	line-height: 4rem;
	position: relative;
}
.two_tit_1{ position: relative;}
.two_tit_1 span{
	position: relative;
	z-index: 2;
}
.two_tit_1:after{
	content: '';
	width: 2.714rem;
	height: 2.714rem;
	background: #a2d03a;
	position: absolute;
	top:0.643rem;
	left: -1.5rem;
	border-radius:50%;
	animation: go 1s ease-in-out alternate infinite;
}

@keyframes go {
   0% {
       -webkit-transform: rotate(10deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(10deg);
       -moz-transform-origin: top center;
       transform: rotate(10deg);
       transform-origin: top center;
    }
    100% {
       -webkit-transform: rotate(-10deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(-10deg);
       -moz-transform-origin: top center;
       transform: rotate(-10deg);
       transform-origin: top center;
    }
}

.two_con{
	font-size: 1.142rem;
	font-family: opm;
	color: #000000;
	line-height: 2.285rem;
	width: 76.5%;
	height: auto;
	padding-top: 2.142rem;
	
}

.three{
	width: 78%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	margin-top: 19vh;
}
.three_tit{
	width: 100%;
	font-size: 2rem;
	color: #000;
	line-height: 4.285rem;
}
.three_tit span{
	position: relative;
	font-size: 1.285rem;
	padding-left: 2.285rem;
	text-transform: uppercase; 
}
.three_tit span:after{
	content: '';
	width: 2px;
	height: 1rem;
	background: #d2d2d2;
	position: absolute;
	top: calc(50% - 0.5rem);
	left: calc(1.1425rem - 1px);
}


.three_yan{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top:7.1vh;
}

.three_yan_con:nth-child(2) .three_yan_1,.three_yan_con:nth-child(2) .three_yan_1:after{ background: #4998ff;}
.three_yan_con:nth-child(2) .three_yan_2{ color: #4998ff;}
.three_yan_con:nth-child(3) .three_yan_1,.three_yan_con:nth-child(3) .three_yan_1:after{ background: #e1e1e1;}
.three_yan_con:nth-child(3) .three_yan_2{ color: #000000;}
.three_yan_con:nth-child(4) .three_yan_1,.three_yan_con:nth-child(4) .three_yan_1:after{ background: #353845;}
.three_yan_con:nth-child(4) .three_yan_2{ color: #353845;}

.three_yan_1{
	width: 8.714rem;
	height: 8.714rem;
	background: #fa8e29;
	border-radius:50%;
	position: relative;
}
.three_yan_1:after{
	content: '';
	width: 3rem;
	height: 3rem;
	background: #fa8e29;
	border-radius:50%;
	position: absolute;
	bottom: -1.5rem;
	right: -3.428rem;
}
.three_yan_4{
	widht:100%;
	color: #363636;
	font-size: 1.571rem;
	text-transform: uppercase; 
	margin-top: 4rem;
}
.three_yan_2{
	width:100%;
	color: #fa8e29;
	font-size: 2.142rem;
	text-transform: uppercase; 
	font-family: Arial;
	line-height: 4rem;
}
.three_yan_3{
	width:100%;
	height: auto;
	line-height: 2.571rem;
	color: #000;
	font-size: 1.714rem;
	font-family: Arial;
}
.three_yan_3 span{ width: 5.428rem;display: inline-block;}


.four{
	width:78%;
	margin: 0 auto;
	height: auto;
	position: relative;
	z-index: 3;
	margin-top: 16.44vh;
}
.four_ziti{ margin-top: -1.714rem;}
.four_ziti .two_1{ text-align: right;}
.four_ziti .two_tit{ display: flex; justify-content: flex-end;}

.four_all{
	width:100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top:-14vh;
}
.four_left{
	position: relative;
	width: 50%;
}
.four_1{
	font-size: 32rem;
	color: #e8e8e8;
	font-family: '微软雅黑';
	font-weight: bold;
	line-height: 28rem;
}
.four_2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 5.285rem;
	font-family: oph;
	padding-top: 22%;
}
.four_right{
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.four_3{
	width:100%;
	font-size: 1.571rem;
	display: flex;
	align-items: center;
}
.four_3 span{
	font-size: 2.142rem;
	color: #000;
	font-weight: bold;
	width: 14.28rem;
}
.four_4{
	width: 100%;
	font-size: 1.428rem;
	color: rgba(0,0,0,0.7);
	letter-spacing: 2rem;
	margin-top: 1.285rem;
}
.four_5{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 1.285rem;
	color: rgba(0,0,0,0.7);
	height: 6.375rem;
	line-height: 6.142rem;
}



.limited_warp{
	width: 100%;
	position: relative;
	z-index: 2;
	padding-top: 53vh;
}

.limited{
	width:78vw; 
	margin: 0 auto;
	position: relative;
	height: auto;
}


.limited_con{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	margin-top: -32vh;
}
.limited_con_1{
	width: 45.66%;
	height: calc(78vw * 0.4566 * 1447 / 685);
	position: relative;
	z-index: 2;
    overflow: hidden;
		margin-top: 18.66vh;
	margin-right:-3.428rem;
}
.limited_con_2{
	width: 42.66%;
	height: calc(78vw * 0.4266 * 1796 / 640);
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);

}
.limited_con_1 img,.limited_con_2 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.design{
	width: 100vw;
    height: auto;
	margin-top: 2.142rem;
	position: relative;
	padding-top: 4.4vh;
}
.design:after{
	content: '';
	background: url("../images/shidai_bg_11.png") no-repeat center top;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vw * 955 / 1920);
}
.design_con{
	width:78%;
	height: auto;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	font-size: 0;
}
.design_con img{
	width:100%;
	height: auto;
	
}
.kuang{
	width:78%;
	height: auto;
	margin: 0 auto;
	margin-top: 7vh;
}
.kuang_img{
	width:100%;
	height: auto;
	position: relative;
	z-index: 2;
	font-size: 0;
	margin-top: -1rem;
}
.kuang_img img{
	width:100%;
	height: auto;
	
}


.five{
	width: 100%;
    position: relative;
    height: auto;
	overflow: hidden;
	background: url("../images/shidai_bg_17.png") no-repeat center bottom;
	background-size:100% auto;
}

.five_con{
	width:78vw; 
	margin: 0 auto;
	height: auto;
	padding-top: 19vh;
}
.five_con .two_1{ text-align: right;}
.five_con .two_tit{ display: flex; justify-content: flex-end;}

.five_nei{
	width: 78vw;
	height: auto;
	margin: 0 auto;
	margin-top: -4.571rem;
}
.five_img{
	width: 91vh;
	height: calc(78vw * 645 / 1500);
	position: relative;
	text-align: center;
	font-size: 0;
}
.five_img:after{
	content: '';
	background: url("../images/shidai_22.png") no-repeat center;
	background-size:cover;
	width: 91vh;
	height: 91vh;
	position: absolute;
	left: 0;
	top: calc(50% - 45.5vh);
	animation: fangda 2s infinite normal ease;
}
@keyframes fangda {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
	100% {
        transform: scale(1);
    }
}
.five_img img{
	height: 100%;
	width: auto;
	-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
	border-radius:24px;
	position: relative;
	z-index: 2;
}
.five_img_zi{
	width: 140%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -20%;
	font-size: 13rem;
	color: #ff6c1b;
	font-family: '微软雅黑';
	display: flex;
	align-items: center;
	font-weight: bold;
	justify-content: center;
}
.five_img_zi span{ color: #a2d03a;}



.five_list{
	width:78vw; 
	margin: 0 auto;
	height: auto;
	margin-top: -4.285rem;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.five_1{
	width: 15.06%;
	margin-left: 5%;
	padding-top: 26.88vh;
	position: relative;
}
.five_1:nth-child(2){ padding-top: 20vh;}
.five_1:nth-child(3){ padding-top: 0;}
.five_1:nth-child(4){ padding-top: 6.22vh;}
.five_1:nth-child(5){ padding-top: 0; margin-top: -31vh;}

.five_1 img{
	width: 100%;
	height: auto;
	border-radius:32px;
	-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.02);
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.02);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.02);
}
.five_typeright{
	width: 78%;
	margin: 0 auto;
	font-size: 1.125rem;
	color: #000;
	line-height: 1.857rem;
	position: relative;
	z-index: 2;
	text-align: right;
	margin-top: -3.285rem;
	padding-bottom: 11vh;
}
@media screen and (max-width:1919px)and (min-width:1600px){
	.four_2{ font-size: 5rem;}
	.four_5{ font-size: 1.25rem;}
	.design{ margin-top: 14vh;}
	.five_img_zi{ font-size: 12rem;}
}
@media screen and (max-width:1599px)and (min-width:1440px){
	.one_con{ padding-bottom: 8%;}
	.four_1{ font-size: 28rem; line-height: 26rem;}
	.four_2{ font-size: 4.5rem;}
	.four_5{ font-size: 1.25rem;}
	.design{ margin-top: 14vh;}
	.five_img_zi{ font-size: 12rem;}
	.limited_warp{ padding-top: 40vh;}
}
@media screen and (max-width:1439px)and (min-width:1280px){
	.one_con{ padding-bottom: 13%;}
	.four_1{ font-size: 26rem; line-height: 24rem;}
	.four_2{ font-size: 4rem;}
	.four_5{ font-size: 1rem;}
	.limited_warp{ padding-top: 40vh;}
	.limited_con_1 {
		width: 43%;
		height: calc(78vw * 0.43 * 1447 / 685);
		margin-top: 16vh;
		margin-right: -3rem;
	}
	.limited_con_2 {
		width: 40%;
		height: calc(78vw * 0.4 * 1796 / 640);
	}
	.design{ margin-top: 14vh;}
	.five {
		background:none;
	}
	.five_img:after {
		width: 80vh;
		height: 80vh;
		position: absolute;
		left: 5.5vh;
		top: calc(50% - 40vh);
	}
	.five_img_zi{ font-size: 10rem;}
	
}

@media screen and (max-width:1280px)and (min-width:1024px){
	.one_con{ width: 90%; padding-bottom: 8%;}
	.one_2_1 img{ height: 9vh;}
	.one_2_2 {
		font-size: 2.75rem;
		line-height: 4rem;
		margin-top: 1.5rem;
	}
	.two,.three,.four,.limited,.kuang,.five_con,.five_nei,.five_list,.five_typeright{ width: 90%;}
	.three_yan_1{ width: 7.5rem; height: 7.5rem;}
	.three_yan_1:after {
		width: 2rem;
		height: 2rem;
		bottom: -1rem;
		right: -2.5rem;
	}
	.three_yan_4 {
		font-size: 1.25rem;
		margin-top: 2.5rem;
	}
	.three_yan_2{ font-size: 1.75rem; line-height: 3.5rem;}
	.three_yan_3{ font-size: 1.375rem; line-height: 2.25rem;} 
	.three_yan_3 span{ width: 5rem;}
	.three_tit{ font-size: 1.5rem;}
	.three_tit span{ font-size: 1rem;}
	.beijing:after{    right: -4.5vw;}
	.four_1{ font-size: 22rem; line-height: 22rem;}
	.four_2{ font-size: 3.75rem;}
	.limited_warp{ padding-top: 36vh;}
	.limited_con_1 {
		width: 43%;
		height: calc(90vw * 0.43 * 1447 / 685);
		margin-top: 10vh;
		margin-right: -3rem;
	}
	.limited_con_2 {
		width: 40%;
		height: calc(90vw * 0.4 * 1796 / 640);
	}
	.design{ margin-top: 10vh;}
	
	
.five{
	width: 100%;
    position: relative;
    height: auto;
	overflow: hidden;
	background: url("../images/shidai_bg_17.png") no-repeat center bottom;
	background-size:100% auto;
}

.five_con{
	padding-top: 19vh;
}

.five_nei{
	margin-top: -3rem;
}
.five_img{
	width: 70vh;
}
.five_img:after{
	width: 50vh;
	height: 50vh;
	top: calc(50% - 25vh);
	left: 10vh;
}

.five_img_zi{
	width: 100%;
	height: 100%;
	left: -0%;
	font-size: 7rem;
}


.five_list{
	margin-top: -2.5rem;
}
.five_1{
	padding-top: 20vh;
}
.five_1:nth-child(2){ padding-top: 15vh;}
.five_1:nth-child(4){ padding-top: 4vh;}
.five_1:nth-child(5){ padding-top: 0; margin-top: -10vh;}

.five_typeright{
	font-size: 1rem;
	line-height: 1.357rem;
	margin-top: -2.rem;
	padding-bottom: 8vh;
}
	.two_1{ font-size: 4rem;}
	.two_tit{ font-size: 2.5rem;}
	.five_img img{    border-radius: 20px;}
	.five_1 img{ border-radius: 10px;}
	
}
@media screen and (max-width:1023px)and (min-width:300px){
	.one{
		height:auto;
		background-size:100% auto;
	}
	.one_con{
		width:92vw; 
		justify-content:center;
		flex-direction: column;
		padding-bottom: 0;
		padding-top: 10vh;
	}
	.one_1{
		width:100%;
		height: auto;
		align-items: center;
		justify-content: center;
	}
	.one_1 img{
		width: 80%;
	}
	.one_2{
		width: 100%;
		margin-top: 6vh;
	}
	.one_2_1{
		text-align: center;
	}
	.one_2_1 img{
		height: 7vh;
	}
	.one_2_2{

		font-size: 2.5rem;
		text-align: center;
		line-height: 3.25rem;
		margin-top: 2rem;
	}


	.beijing:after{
		top: 20vh;
	}
		.two_warp{
		padding-top: 8vh;
	}
	.two_warp:after{
		top: 5vh;
	}

	.two{
		width:92vw; 
		justify-content:center;
		flex-direction: column;
	}
	.two_1{
		font-size: 3rem;
	}
	.two_tit{
		font-size: 2.25rem;
		line-height: 3.5rem;
	}
	.two_tit_1:after{
		width: 2rem;
		height: 2rem;
		top:0.75rem;
		left: -1.rem;
	}


	.two_con{
		width: 100%;
		padding-top: 2vh;
	}

	.three{
		width: 92%;
		margin-top: 8vh;
	}
	.three_tit{
		font-size: 1.5rem;
		line-height: 3.5rem;
	}
	.three_tit span{
		font-size: 1rem;
	}

	.three_yan{
		flex-wrap: wrap;
		margin-top:4vh;
	}
	.three_yan_con{ width: 50%; padding-bottom: 5vh;}

	.three_yan_1{
		width: 7.5rem;
		height: 7.5rem;
		margin: 0 auto;
	}
	.three_yan_1:after{
		width: 2rem;
		height: 2rem;
		bottom: -1rem;
		right: -2.428rem;
	}
	.three_yan_4{
		text-align: center;
		font-size: 1.25rem; 
		margin-top: 2rem;
	}
	.three_yan_2{
		font-size: 1.75rem;
		text-align: center;
		line-height: 3rem;
	}
	.three_yan_3{
		width:10.5rem;
		line-height: 2rem;
		font-size: 1.25rem;
		margin-left: 4rem;
	}
	.three_yan_3 span{ width: 3.5rem;}


	.four{
		width:92%;
		margin-top: 6vh;
	}
	.four .three_tit{ display: none;}
	.four_ziti{ margin-top:0;}
	.four_ziti .two_1{ text-align: left;}
	.four_ziti .two_tit{ display: flex; justify-content: flex-start;}

	.four_all{
		justify-content:center;
		flex-direction: column;
		margin-top:0;
	}
	.four_left{
		width: 100%;
	}
	.four_1{
		font-size: 20rem;
		text-align: center;
		line-height: 20rem;
	}
	.four_2{
		font-size: 3.25rem;
		padding-top: 15%;
		justify-content: center;
	}
	.four_right{
		width: 100%;
		margin-top: 2vh;
	}
	.four_3{
		width:100%;
		font-size: 1.25rem;
	}
	.four_3 span{
		font-size: 1.875rem;
		width: 12rem;
	}
	.four_4{
		width: 100%;
		font-size: 1.25rem;
		letter-spacing: 1rem;
		margin-top: 1.285rem;
	}
	.four_5{
		justify-content: center;
		flex-direction: column;
		font-size: 1.285rem;
		height: auto;
		line-height: 2rem;
		padding: 1.5rem 0 3rem 0;
	}



	.limited_warp{
		padding-top: 12vh;
	}

	.limited{
		width:92vw; 
	}
	.limited_con{
		width: 100%;
		justify-content:center;
		margin-top: 0;
	}
	.limited_con_1{
		width: 48%;
		height: calc(92vw * 0.48 * 1447 / 685);
			margin-top: 10vh;
		margin-right:-2.5rem;
	}
	.limited_con_2{
		width: 46%;
		height: calc(92vw * 0.46 * 1796 / 640);

	}

	.design_con{
		width:92%;
	}

	.kuang{
		width:92%;
	}
	.kuang_img{
		margin-top: 4vh;
	}

	.five_con{
		width:92vw; 
		padding-top: 10vh;
	}
	.five_con .two_1{ text-align: left;}
	.five_con .two_tit{ justify-content: flex-start;}

	.five_nei{
		width: 92vw;
		margin-top: 4vh;
	}
	.five_img{
		width: 100%;
		height: calc(92vw * 0.45 * 645 / 311);
	}
	.five_img:after{
		width: 90vw;
		height: 90vw;
		left: 5vw;
		top: calc(50% - 45vw);
	}

	.five_img_zi{
		width: 100%;
		left: -0%;
		font-size: 5.5rem;
	}


	.five_list{
		width:92vw; 
		margin-top: 4vh;
		flex-wrap: wrap;
	}
	.five_1{
		width: 49%;
		margin-left: 0;
		padding-top: 0;
		margin-right: 2%;
	}
	.five_1:nth-child(2){ padding-top: 0vh;margin-right: 0;}
	.five_1:nth-child(3){ padding-top: 0; margin-top: 2vw;}
	.five_1:nth-child(4){ padding-top: 0; margin-top: 2vw;margin-right: 0;}
	.five_1:nth-child(5){ display: none;}

	.five_1 img{
		border-radius:24px;
		-moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
		box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
}
	.five_typeright{
		width: 92%;
		font-size: 1.125rem;
		line-height: 1.75rem;
		margin-top: 2vh;
		padding-bottom: 2vh;
		text-align: center;
	}
}