.phone-show{
	display: none;
}
.pc-show{
	display: flex;
}

.banner-height-img{
	height: 854px;
}
.banner-img{
	width: 1920px;
	height: 854px;
}
.banner-imgs{
	height: 854px;
}
.banner-content-background{
	height: 770px;
}
.banner-content{
	height: 770px;
	color: #FFFFFF;
	letter-spacing: 0;
	z-index: 2;
	padding-top: 148px;
	width: 1200px;

}
.float{
	margin-top: 148px !important;
}
.f-content-one{
	position: relative;
	font-size: 72px;
	line-height: 96px;
	font-weight: 500;
	display: flex;
	flex-direction: row;
}
.f-content-two{
	width: 31px;
	height: 57px;
	 position: absolute;
	 margin-top: 40px;
	 z-index: 20;
	 margin-left:36px ;
}
.f-content-three{
	background: #015EBA;
	position: relative;
	top: 68px;
	height: 215px;
	/* height: 175px; */
	width: 504px;
}

.f-content-three-box .img{
	margin-left: 0px;
	margin-top: -80px;
}
.f-content-three-box{
	/* font-size: 20px; */
	text-align: justify;
	/* line-height: 38px; */
	/* font-weight: 400; */
	width: 440px;
	height: 124px;
	display: inline-block;
	margin: 25px 32px;
	
	
	font-size: 24px;
	line-height: 42px;
	font-weight: 400;
	letter-spacing: 1.67px;
}
.c-btn span{
	color: white;
}
.main-center{
	display: flex;
	height:1266px ;
	text-align: center;
	flex-direction: column;
	justify-content: space-between;
	
}
.main-center-left{
	position: relative;
	width: 600px;
	height: 384px;
	top: 164px;
}
.main-center-right{
	margin-top: 120px;
	text-align: center;
	margin-bottom: 120px;
	letter-spacing: 0;
}
.main-center-right-top{

	font-size: 48px;
	color: #000000;
	font-weight: 500;
}
.main-center-right-top a button{
	border-radius: 12px;
}
.main-center-right-btn{

	font-size: 20px;
	color: #4B4B4B;
	width: 1002px;
	line-height: 36px;
	font-weight: 400;
	margin: 32px auto 0;
}
/* 智能座舱 */
.main-center-two{
	
	height: 1030px;
}
.bottom-layer-h{
	height: 1030px;
}
.main-center-two-background{
	background: #F7F7F7;
}
.main-center-cockpit{
	display: flex;
	flex-direction: column;
	z-index: 3;

}
.main-center-cockpit-one{
	padding-top: 112px;
	font-size: 48px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	font-weight: 700;
}
.main-center-cockpit-two{
	font-size: 24px;
	color: #000000;
	text-align: center;
	line-height: 40px;
	font-weight: 400;
	width: 1173px;
	height: 80px;
	margin: 32px auto;
}
.main-center-cockpit-three{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.main-center-cockpit-three-bgckground{
	background: #015EBA;
	height: 178px;
	width: 154px;
	margin-top:80px;
}
.main-center-cockpit-three-bgckground-tu{
	
	margin-top: 26px;
	text-align: center;
}
.main-center-cockpit-three-bgckground-text{
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 400;
}
.main-center-cockpit-four{
	margin-top: 164px;
}
.main-center-three{
	height: 1564px;
}
.main-center-three-one{
	margin-top:123px ;
	font-size: 48px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	font-weight: 500;
}
.main-center-three-two{
	margin-top: 56px;
	height: auto;
	width: 100%;
	background: #015EBA;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 400;
	
}	
.main-center-three-two-bgckground{
	display: flex;
	width: 100%;
	height: 434px;
	margin: auto;
	justify-content: space-around;
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%;
    
}
.main-center-three-two-bgckground ul{
	width: 46%;
	
	
}
.main-center-three-two-bgckground ul li{
	width: 500px;
	height: auto;
	margin-left: 48px;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 40px;
	font-weight: 400;
	
}
	
.main-center-three-two-bgckground ul li::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	opacity: 0.5;
	background: #FFFFFF;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: -24px;
}
.main-center-three-two-bgckground>ul li:nth-child(1){
	margin-top: 55px;
}
.main-center-three-two-bgckground>ul li:not(:first-child){
	margin-top: 22px !important;
}
.main-center-three-two-bgckground ul:nth-child(2)>li{
	margin-top: 55px;
}
.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(2){
	margin-top: 62px !important;
}
.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(3){
	margin-top: 62px !important;
}
.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(4){
	margin-top: 22px !important;
}
.main-center-three-three{
	margin-top: 164px;
}
	
.main-center-t-t-picture{
	width: 1138px;
	height: 583px;
}
.main-center-t-t-picture img{
	width: 100%;
	height: 100%;
}
@media (max-width: 1200px) {
	.banner-height-img{
		height: 8.54rem;
	}
	.banner-img{
		width: 19.20rem;
		height: 8.54rem;
	}
	.banner-imgs{
		height: 8.54rem;
	}
	.banner-content-background{
		height: 7.7rem;
	}
	.banner-content{
		height: 7.7rem;
		padding-top: 1.48rem;
		width: 12rem;
	}
	.float{
		margin-top: 1.48rem !important;
	}
	.f-content-one{
		font-size: 0.72rem;
		line-height: 0.96rem;
	}
	.f-content-two{
		width: 0.31rem;
		height: 0.57rem;
		 margin-top: 0.40rem;
		 margin-left:0.36rem ;
	}
	.f-content-three{
		top: 0.68rem;
		/* height: 1.75rem; */
		height: 2.15rem;
		width: 5.04rem;
	}
	.f-content-three-box .img{
		margin-left: 0.00rem;
		margin-top: -0.80rem;
	}
	.f-content-three-box{
		/* font-size: 0.20rem; */
		/* line-height: 0.38rem; */
		width: 4.40rem;
		height: 1.24rem;
		margin: 0.25rem 0.32rem;
		
		font-size: 0.24rem;
		line-height: 0.42rem;
		/* font-weight: 400; */
		letter-spacing: 0.0167rem;
	}
	.c-btn span{
		
	}
	.main-center{
		height:12.66rem ;
	}
	.main-center-left{
		width: 6.00rem;
		height: 3.84rem;
		top: 1.64rem;
	}
	.main-center-right{
		margin-top: 1.20rem;
		margin-bottom: 1.20rem;
	}
	.main-center-right-top{
		font-size: 0.48rem;
	}
	.main-center-right-top a button{
		border-radius: 0.12rem;
	}
	.main-center-right-btn{
		font-size: 0.20rem;
		width: 10.02rem;
		line-height: 0.36rem;
		margin: 0.32rem auto 0;
	}
	.main-center-two{
		height: 10.30rem;
	}
	.bottom-layer-h{
		height: 10.30rem;
	}
	.main-center-two-background{
		
	}
	.main-center-cockpit{
		
	}
	.main-center-cockpit-one{
		padding-top: 1.12rem;
		font-size: 0.48rem;
	}
	.main-center-cockpit-two{
		font-size: 0.24rem;
		line-height: 0.40rem;
		width: 11.73rem;
		height: 0.80rem;
		margin: 0.32rem auto;
	}
	.main-center-cockpit-three{
		
	}
	.main-center-cockpit-three-bgckground{
		height: 1.78rem;
		width: 1.54rem;
		margin-top:0.80rem;
	}
	.main-center-cockpit-three-bgckground-tu{
		margin-top: 0.26rem;
	}
	.main-center-cockpit-three-bgckground-text{
		font-size: 0.22rem;
	}
	.main-center-cockpit-four{
		margin-top: 1.64rem;
	}
	.main-center-three{
		height: 15.64rem;
	}
	.main-center-three-one{
		margin-top:1.23rem ;
		font-size: 0.48rem;
	}
	.main-center-three-two{
		margin-top: 0.56rem;
		font-size: 0.24rem;
	}	
	.main-center-three-two-bgckground{
		width: 100%;
		height: 4.34rem;
		display: grid;
		grid-template-columns: 50% 50%;
		width: 100%;
		
		
	}
	.main-center-three-two-bgckground ul{
		
	}
	.main-center-three-two-bgckground ul li{
		width: 5rem;
		margin-left: 0.48rem;
		font-size: 0.24rem;
		line-height: 0.40rem;
		
	}
	.main-center-three-two-bgckground ul li::before{
		width: 0.08rem;
		height: 0.08rem;
		border-radius: 0.04rem;
		margin-top: 0.15rem;
		margin-left: -0.24rem;
	}
	.main-center-three-two-bgckground>ul li:nth-child(1){
		margin-top: 0.55rem;
	}
	.main-center-three-two-bgckground>ul li:not(:first-child){
		margin-top: 0.22rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2)>li{
		margin-top: 0.55rem;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(2){
		margin-top: 0.62rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(3){
		margin-top: 0.62rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(4){
		margin-top: 0.22rem !important;
	}
	.main-center-three-three{
		margin-top: 1.64rem;
	}
	.main-center-t-t-picture{
		width: 11.38rem;
		height: 5.83rem;
	}
}
@media (min-width: 1920px) {
	.banner-height-img{
		height: 8.54rem;
	}
	.banner-img{
		width: 19.20rem;
		height: 8.54rem;
	}
	.banner-imgs{
		height: 8.54rem;
	}
	.banner-content-background{
		height: 7.7rem;
	}
	.banner-content{
		height: 7.7rem;
		padding-top: 1.48rem;
		width: 12rem;
	}
	.float{
		margin-top: 1.48rem !important;
	}
	.f-content-one{
		font-size: 0.72rem;
		line-height: 0.96rem;
	}
	.f-content-two{
		width: 0.31rem;
		height: 0.57rem;
		 margin-top: 0.40rem;
		 margin-left:0.36rem ;
	}
	.f-content-three{
		top: 0.68rem;
		/* height: 1.75rem; */
		height: 2.15rem;
		width: 5.04rem;
	}
	.f-content-three-box .img{
		margin-left: 0.00rem;
		margin-top: -0.80rem;
	}
	.f-content-three-box{
		/* font-size: 0.20rem; */
		/* line-height: 0.38rem; */
		width: 4.40rem;
		height: 1.24rem;
		margin: 0.25rem 0.32rem;
		
		font-size: 0.24rem;
		line-height: 0.42rem;
		/* font-weight: 400; */
		letter-spacing: 0.0167rem;
	}
	.c-btn span{
	}
	.main-center{
		height:12.66rem ;
	}
	.main-center-left{
		width: 6.00rem;
		height: 3.84rem;
		top: 1.64rem;
	}
	.main-center-right{
		margin-top: 1.20rem;
		margin-bottom: 1.20rem;
	}
	.main-center-right-top{
		font-size: 0.48rem;
	}
	.main-center-right-top a button{
		border-radius: 0.12rem;
	}
	.main-center-right-btn{
		font-size: 0.20rem;
		width: 10.02rem;
		line-height: 0.36rem;
		margin: 0.32rem auto 0;
	}
	.main-center-two{
		height: 10.30rem;
	}
	.bottom-layer-h{
		height: 10.30rem;
	}
	.main-center-two-background{
	}
	.main-center-cockpit{
	}
	.main-center-cockpit-one{
		padding-top: 1.12rem;
		font-size: 0.48rem;
	}
	.main-center-cockpit-two{
		font-size: 0.24rem;
		line-height: 0.40rem;
		width: 11.73rem;
		height: 0.80rem;
		margin: 0.32rem auto;
	}
	.main-center-cockpit-three{
	}
	.main-center-cockpit-three-bgckground{
		height: 1.78rem;
		width: 1.54rem;
		margin-top:0.80rem;
	}
	.main-center-cockpit-three-bgckground-tu{
		margin-top: 0.26rem;
	}
	.main-center-cockpit-three-bgckground-text{
		font-size: 0.22rem;
	}
	.main-center-cockpit-four{
		margin-top: 1.64rem;
	}
	.main-center-three{
		height: 15.64rem;
	}
	.main-center-three-one{
		margin-top:1.23rem ;
		font-size: 0.48rem;
	}
	.main-center-three-two{
		margin-top: 0.56rem;
		font-size: 0.24rem;
	}	
	.main-center-three-two-bgckground{
		width: 100%;
		height: 4.34rem;
	}
	.main-center-three-two-bgckground ul{
		width: auto;
	}
	.main-center-three-two-bgckground ul li{
		width: auto;
		margin-left: 0.48rem;
		font-size: 0.24rem;
		line-height: 0.40rem;
	}
	.main-center-three-two-bgckground ul li::before{
		width: 0.08rem;
		height: 0.08rem;
		border-radius: 0.04rem;
		margin-top: 0.15rem;
		margin-left: -0.24rem;
	}
	.main-center-three-two-bgckground>ul li:nth-child(1){
		margin-top: 0.55rem;
	}
	.main-center-three-two-bgckground>ul li:not(:first-child){
		margin-top: 0.22rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2)>li{
		margin-top: 0.55rem;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(2){
		margin-top: 0.62rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(3){
		margin-top: 0.62rem !important;
	}
	.main-center-three-two-bgckground ul:nth-child(2) li:nth-child(4){
		margin-top: 0.22rem !important;
	}
	.main-center-three-three{
		margin-top: 1.64rem;
	}
	.main-center-t-t-picture{
		width: 11.38rem;
		height: 5.83rem;
	}
}