.p2-banner-layer-content{
	display: flex;
	flex-direction: column;
	color: #FFFFFF;
	align-items: center;
	height: 768px;
}

.phone-show{
	display: none;
}
.pc-show{
	display: flex;
}
.p2-b-l-c-name{
	margin-top: 204px;
	letter-spacing: 0;
	font-size: 72px;
	font-weight: 500;
}
.p2-b-l-c-detail{
	margin-top: 32px;
	width: 1100px;
	box-sizing: border-box;
	/* font-size: 20px; */
	letter-spacing: 1.67px;
	text-align: center;
	line-height: 42px;
	font-size: 24px;
	line-height: 42px;
	font-weight: 400;
	
}

.c-btn span{
	color: white;
}
.p2-fz-layer{
	height: 953px;
}
.p2-fz-layer-height{
	height: 953px;
}
.p2-fz-layer-content{
	display: flex;
	flex-direction: column;
	color: #FFFFFF;
}
.p2-content-div{
	display: flex;
	width: 100%;
	flex-direction:row;
	justify-content: space-between;
}
.p2-contet-img{
	width: 595px;
	height: 364px;
}
.p2-contet-img img{
	width: 100%;
	height: 100%;
}
.p2-detail-box-margin{
	margin-top: 32px !important;
}
.p2-name-1{
	margin-top: 25px;
} 
.p2-name-2{
	margin-top: 32px;
}
.p2-name-3{
	margin-top: 0px;
}
.p2-name{
	font-size: 48px;
	color: #000000;
	letter-spacing: 0;
	font-weight: 500;
}
.p2-detail{
	font-size: 20px;
	color: #4B4B4B;
	letter-spacing: 0;
	text-align: justify;
	line-height: 36px;
	font-weight: 400;
	width: 468px;
}
.p2-btn-box{
	margin-top: 64px;
	display: flex;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 36px;
	font-weight: 500;
}
.p2-btn{
	height: 56px;
	display: flex;
	align-items: center;
	border-radius: 40px;
	background: #015EBA;
	margin-right:8px ;
	box-sizing: border-box;
	padding: 0 27px;
}
.p2-detail-1{
	width: 565px !important;
	margin-top: 32px;
	line-height: 34px;
}
.p2-content-1{
	margin-top: 80px;
}
.p2-detail-box{
	margin-top: 40px;
	display: grid;
	grid-template-columns: 129px 129px 129px;
	width: 400px;
	justify-content: space-between;
}
.p2-detail-box-2{
	margin-top: 24px !important;
}
.p2-detail-box-list{
	margin-top:16px ;
	background: #015EBA;
	border-radius: 40px;
	width: 129px;
	height: 56px;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 36px;
	font-weight: 500;
}
.p2-content-photo{
	width: 100%;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}
.p2-content-photo-item-background{
	position: relative;
	width: 20%;
	transition: all 0.2s;
}
.p2-content-photo-item-background:hover {
	width: 41.3% ;
}
.p2-content-photo-item-background:hover .p2-content-photo-item-detail{
	background: rgba(1,94,186,0.78);
}
.p2-content-photo-item{
	position: relative;
	width: 100%;
	height: 583px;
	background: #000;
}
.p2-content-photo-item-img{
	width: 100%;
	height: 100%;
	overflow:  hidden;
}

.p2-content-photo-item-img img{
	width: 100%;
	height: 583px;
	object-fit: cover;
	
}
.p2-content-photo-item-detail{
	width: 100%;
	height: 132px;
	background: rgba(255,255,255,0.12);
	position: absolute;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p2-content-photo-item-input{
	width: 100%;
	height: 583px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.p2-content-photo-item-input:checked + .p2-content-photo-item .p2-content-photo-item-detail{
	background: rgba(1,94,186,0.78);
}

.p2-content-photo-item-detail span{
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 700;
}
.p2-voice-layer-content{
	display: flex;
	align-items: center;
	height: 696px;
}
.p2-see-layer-content{
	display: flex;
	align-items: center;
	height: 668px;
}
.p2-cockpit-layer-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding-top: 164px;
	height: 1145px;
}
.p2-ms-introduce{
	font-size: 48px;
	color: #000000;
	letter-spacing: 0;
	font-weight: 500;
	margin-bottom: 96px;
}
.p2-ms-name{
	font-size: 36px;
	color: rgba(0,0,0,0.80);
	letter-spacing: 0;
	text-align: center;
	line-height: 42px;
	font-weight: 500;
	position: relative;
}
.p2-ms-name::before{
	position: absolute;
	right: -190px;
	top: 49%;
	content: "";
	width: 150px;
	height: 2px;
	background-color:#E9E9E9;
}
.p2-ms-name::after{
	position: absolute;
	left: -190px;
	top: 49%;
	content: "";
	width: 150px;
	height: 2px;
	background-color:#E9E9E9;
}
.p2-ms-name-2{
	font-size: 24px;
	color: rgba(0,0,0,0.50);
	letter-spacing: 0;
	text-align: center;
	line-height: 42px;
	font-weight: 400;
	margin-top: 32px;
}
.p2-ms-detail{
	font-size: 20px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 42px;
	font-weight: 400;
	width: 1195px;
	margin-top: 32px;
}
.p2-ms-img{
	width: 1195px;
	height: 301.47px;
	margin-top: 88px;
}
.p2-ms-img-2{
	width: 1121px;
	height: 650px;
	margin-top: 96px;
}
.p2-multi-screen-layer-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding-top: 164px;	
	height: 1314px;
}
.p2-banner-ld-layer-content{
	position: relative;
	height: 888px;
}

.myCarousel-box{
	position: absolute;
	left: -360px;
	height: 888px;
	width: 1920px;
}
.myCarousel-box .myCarousel-box-indicators{
	display: flex;
	justify-content: center;
}
.myCarousel-box .myCarousel-box-indicators li{
	width: 24px;
	height: 24px;
	margin-right: 26px;
	margin-left:26px ;
}
.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li{
	width: 14px;
	height: 14px; 
	line-height: 14px;
	background: #8E8F92;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 7px;
	position: relative;
}
.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 24px;
	border: 1px solid #8E8F92;
	border-radius: 20px;
	 transform: translate(-50%,-50%);
}
.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active{
	
	width: 14px;
	height: 14px;
	background: #015EBA;
	border: 0px;
}
.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active::after{
	border: 1px solid rgba(1,94,186,1);
}
.myCarousel-box-detail{
	width: 100px;
	height: 100px;
	background-color: yellow;
	z-index: 999;
}
.carousel-inner .carousel-item .item-d img{
	height: 888px;
	width: 1920px;
	
}
.carousel-inner .carousel-item .item-d img{
	height: 888px;
	
}
.carousel-inner .carousel-item:hover .carousel-caption{
	 display: flex; 
	 animation:fadenum12 2s 1;
}
@keyframes fadenum12{
    0%
	{
		opacity:0;
	}
  	100%
	{
		opacity: 1;
	}
}
.carousel-inner .carousel-item .carousel-caption{
	position:absolute;
	top: 0px;
	width: 586px;
	height: 300px;
	background-color: #0054A6;
	z-index: 800;
	display: none;
	box-sizing: border-box;
	padding: 49px 116px 0px 116px ;
}
.carousel-caption-div{
	display: flex;
	flex-direction: column;
}
.carousel-indicators{
	margin-bottom: 15px;
}
.carousel-inner .carousel-item .carousel-caption .carousel-caption-p1{
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 0;
	
	margin-bottom: 4px;
} 
.carousel-inner .carousel-item .carousel-caption .carousel-caption-p2{
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: 2.67px;
	text-align: justify;
	line-height: 32px;
	font-weight: 400;
	margin-top: 19px;
} 

@media (max-width: 1200px) {
	
	.p2-banner-layer-content{
		height: 7.68rem;
	}
	.p2-b-l-c-name{
		margin-top: 2.04rem;
		font-size: 0.72rem;
	}
	.p2-b-l-c-detail{
		margin-top: 0.32rem;
		width: 11.00rem;
		font-size: 0.24rem;
		letter-spacing: 0.0167rem;
		line-height: 0.42rem;
	}
	.c-btn span{
		
	}
	.carousel-indicators{
		margin-bottom: 0.15rem;
	}
	/* .phone-show{
		display: none;
	}
	.pc-show{
		display: flex;
	} */
	.p2-fz-layer{
		height: 9.53rem;
	}
	.p2-fz-layer-height{
		height: 9.53rem;
	}
	.p2-fz-layer-content{
		
	}
	.p2-content-div{
		
	}
	.p2-contet-img{
		width: 5.95rem;
		height: 3.64rem;
	}
	.p2-contet-img img{
	}
	.p2-detail-box-margin{
		margin-top: 0.32rem !important;
	}
	.p2-name-1{
		margin-top: 0.25rem;
	} 
	.p2-name-2{
		margin-top: 0.32rem;
	}
	.p2-name-3{
		margin-top: 0.00rem;
	}
	.p2-name{
		font-size: 0.48rem;
	}
	.p2-detail{
		font-size: 0.20rem;
		line-height: 0.36rem;
		width: 4.68rem;
	}
	.p2-btn-box{
		margin-top: 0.64rem;
		font-size: 0.20rem;
		line-height: 0.36rem;
	}
	.p2-btn{
		height: 0.56rem;
		border-radius: 0.40rem;
		margin-right:0.08rem ;
		padding: 0 0.27rem;
	}
	.p2-detail-1{
		width: 5.65rem !important;
		margin-top: 0.32rem;
		line-height: 0.34rem;
	}
	.p2-content-1{
		margin-top: 0.80rem;
	}
	.p2-detail-box{
		margin-top: 0.40rem;
		grid-template-columns: 1.29rem 1.29rem 1.29rem;
		width: 4.00rem;
	}
	.p2-detail-box-2{
		margin-top: 0.24rem !important;
	}
	.p2-detail-box-list{
		margin-top:0.16rem ;
		border-radius: 0.40rem;
		width: 1.29rem;
		height: 0.56rem;
		font-size: 0.20rem;
		line-height: 0.36rem;
	}
	.p2-content-photo{
		
	}
	.p2-content-photo-item-background{
		
	}
	.p2-content-photo-item-background:hover {
		
	}
	.p2-content-photo-item-background:hover .p2-content-photo-item-detail{
		
	}
	.p2-content-photo-item{
		height: 5.83rem;
	}
	.p2-content-photo-item-img{
	}
	.p2-content-photo-item-img img{
		height: 5.83rem;
	}
	.p2-content-photo-item-detail{
		height: 1.32rem;
		bottom: 0.00rem;
	}
	.p2-content-photo-item-input{
		height: 5.83rem;
	}
	.p2-content-photo-item-input:checked + .p2-content-photo-item .p2-content-photo-item-detail{
		
	}
	.p2-content-photo-item-detail span{
		font-size: 0.24rem;
	}
	.p2-voice-layer-content{
		height: 6.96rem;
	}
	.p2-see-layer-content{
		height: 6.68rem;
	}
	.p2-cockpit-layer-content{
		padding-top: 1.64rem;
		height: 11.45rem;
	}
	.p2-ms-introduce{
		font-size: 0.48rem;
		margin-bottom: 0.96rem;
	}
	.p2-ms-name{
		font-size: 0.36rem;
		line-height: 0.42rem;
	}
	.p2-ms-name::before{
		right: -1.90rem;
		width: 1.50rem;
		height: 0.02rem;
	}
	.p2-ms-name::after{
		left: -1.90rem;
		width: 1.50rem;
		height: 0.02rem;
	}
	.p2-ms-name-2{
		font-size: 0.24rem;
		line-height: 0.42rem;
		margin-top: 0.32rem;
	}
	.p2-ms-detail{
		font-size: 0.20rem;
		line-height: 0.42rem;
		width: 11.95rem;
		margin-top: 0.32rem;
	}
	.p2-ms-img{
		width: 11.95rem;
		height: 3.0147rem;
		margin-top: 0.88rem;
	}
	.p2-ms-img-2{
		width: 11.21rem;
		height: 6.50rem;
		margin-top: 0.96rem;
	}
	.p2-multi-screen-layer-content{
		padding-top: 1.64rem;	
		height: 13.14rem;
	}
	.p2-banner-ld-layer-content{
		height: 8.88rem;
	}
	.myCarousel-box{
		left: -3.60rem;
		height: 8.88rem;
		width: 19.20rem;
	}
	.myCarousel-box .myCarousel-box-indicators{
		
	}
	.myCarousel-box .myCarousel-box-indicators li{
		width: 0.24rem;
		height: 0.24rem;
		margin-right: 0.26rem;
		margin-left:0.26rem ;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li{
		width: 0.14rem;
		height: 0.14rem; 
		line-height: 0.14rem;
		border: 0.00rem;
		margin-top: 0.00rem;
		margin-bottom: 0.00rem;
		border-radius: 0.07rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li::after{
		width: 0.24rem;
		height: 0.24rem;
		border: 0.01rem solid #8E8F92;
		border-radius: 0.20rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active{
		width: 0.14rem;
		height: 0.14rem;
		border: 0.00rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active::after{
		border: 0.01rem solid rgba(1,94,186,1);
	}
	.myCarousel-box-detail{
		width: 1.00rem;
		height: 1.00rem;
	}
	.carousel-inner .item .item-d img{
		height: 8.88rem;
		width: 19.20rem;
	}
	.carousel-inner .item .item-d img{
		height: 8.88rem;
	}
	.carousel-inner .item:hover .carousel-caption{
	}
	@keyframes fadenum12{
		0%
		{
			opacity:0;
		}
		100%
		{
			opacity: 1;
		}
	}
	.carousel-inner .item .carousel-caption{
		top: 0.00rem;
		width: 5.86rem;
		height: 3.00rem;
		padding: 0.49rem 1.16rem 0.00rem 1.16rem ;
	}
	.carousel-caption-div{
	}
	.carousel-inner .item .carousel-caption .carousel-caption-p1{
		font-size: 0.48rem;
		margin-bottom: 0.04rem;
	} 
	.carousel-inner .item .carousel-caption .carousel-caption-p2{
		font-size: 0.32rem;
		letter-spacing: 0.0267rem;
		line-height: 0.32rem;
		margin-top: 0.19rem;
	} 

}
@media (min-width: 1920px) {
	
	.p2-banner-layer-content{
		height: 7.68rem;
	}
	.p2-b-l-c-name{
		margin-top: 2.04rem;
		font-size: 0.72rem;
	}
	.p2-b-l-c-detail{
		margin-top: 0.32rem;
		width: 11.00rem;
		font-size: 0.24rem;
		letter-spacing: 0.0167rem;
		line-height: 0.42rem;
	}
	/* .phone-show{
		display: none;
	}
	.pc-show{
		
	} */
	.c-btn span{
		
	}
	.carousel-indicators{
		margin-bottom: 0.15rem;
	}
	.p2-fz-layer{
		height: 9.53rem;
	}
	.p2-fz-layer-height{
		height: 9.53rem;
	}
	.p2-fz-layer-content{
		
	}
	.p2-content-div{
		
	}
	.p2-contet-img{
		width: 5.95rem;
		height: 3.64rem;
	}
	.p2-contet-img img{
	}
	.p2-detail-box-margin{
		margin-top: 0.32rem !important;
	}
	.p2-name-1{
		margin-top: 0.25rem;
	} 
	.p2-name-2{
		margin-top: 0.32rem;
	}
	.p2-name-3{
		margin-top: 0.00rem;
	}
	.p2-name{
		font-size: 0.48rem;
	}
	.p2-detail{
		font-size: 0.20rem;
		line-height: 0.36rem;
		width: 4.68rem;
	}
	.p2-btn-box{
		margin-top: 0.64rem;
		font-size: 0.20rem;
		line-height: 0.36rem;
	}
	.p2-btn{
		height: 0.56rem;
		border-radius: 0.40rem;
		margin-right:0.08rem ;
		padding: 0 0.27rem;
	}
	.p2-detail-1{
		width: 5.65rem !important;
		margin-top: 0.32rem;
		line-height: 0.34rem;
	}
	.p2-content-1{
		margin-top: 0.80rem;
	}
	.p2-detail-box{
		margin-top: 0.40rem;
		grid-template-columns: 1.29rem 1.29rem 1.29rem;
		width: 4.00rem;
	}
	.p2-detail-box-2{
		margin-top: 0.24rem !important;
	}
	.p2-detail-box-list{
		margin-top:0.16rem ;
		border-radius: 0.40rem;
		width: 1.29rem;
		height: 0.56rem;
		font-size: 0.20rem;
		line-height: 0.36rem;
	}
	.p2-content-photo{
		
	}
	.p2-content-photo-item-background{
		
	}
	.p2-content-photo-item-background:hover {
		
	}
	.p2-content-photo-item-background:hover .p2-content-photo-item-detail{
		
	}
	.p2-content-photo-item{
		height: 5.83rem;
	}
	.p2-content-photo-item-img{
	}
	.p2-content-photo-item-img img{
		height: 5.83rem;
	}
	.p2-content-photo-item-detail{
		height: 1.32rem;
		bottom: 0.00rem;
	}
	.p2-content-photo-item-input{
		height: 5.83rem;
	}
	.p2-content-photo-item-input:checked + .p2-content-photo-item .p2-content-photo-item-detail{
		
	}
	.p2-content-photo-item-detail span{
		font-size: 0.24rem;
	}
	.p2-voice-layer-content{
		height: 6.96rem;
	}
	.p2-see-layer-content{
		height: 6.68rem;
	}
	.p2-cockpit-layer-content{
		padding-top: 1.64rem;
		height: 11.45rem;
	}
	.p2-ms-introduce{
		font-size: 0.48rem;
		margin-bottom: 0.96rem;
	}
	.p2-ms-name{
		font-size: 0.36rem;
		line-height: 0.42rem;
	}
	.p2-ms-name::before{
		right: -1.90rem;
		width: 1.50rem;
		height: 0.02rem;
	}
	.p2-ms-name::after{
		left: -1.90rem;
		width: 1.50rem;
		height: 0.02rem;
	}
	.p2-ms-name-2{
		font-size: 0.24rem;
		line-height: 0.42rem;
		margin-top: 0.32rem;
	}
	.p2-ms-detail{
		font-size: 0.20rem;
		line-height: 0.42rem;
		width: 11.95rem;
		margin-top: 0.32rem;
	}
	.p2-ms-img{
		width: 11.95rem;
		height: 3.0147rem;
		margin-top: 0.88rem;
	}
	.p2-ms-img-2{
		width: 11.21rem;
		height: 6.50rem;
		margin-top: 0.96rem;
	}
	.p2-multi-screen-layer-content{
		padding-top: 1.64rem;	
		height: 13.14rem;
	}
	.p2-banner-ld-layer-content{
		height: 8.88rem;
	}
	.myCarousel-box{
		left: -3.60rem;
		height: 8.88rem;
		width: 19.20rem;
	}
	.myCarousel-box .myCarousel-box-indicators{
		
	}
	.myCarousel-box .myCarousel-box-indicators li{
		width: 0.24rem;
		height: 0.24rem;
		margin-right: 0.26rem;
		margin-left:0.26rem ;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li{
		width: 0.14rem;
		height: 0.14rem; 
		line-height: 0.14rem;
		border: 0.00rem;
		margin-top: 0.00rem;
		margin-bottom: 0.00rem;
		border-radius: 0.07rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators li::after{
		width: 0.24rem;
		height: 0.24rem;
		border: 0.01rem solid #8E8F92;
		border-radius: 0.20rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active{
		width: 0.14rem;
		height: 0.14rem;
		border: 0.00rem;
	}
	.p2-banner-ld-layer-content .myCarousel-box .carousel-indicators .active::after{
		border: 0.01rem solid rgba(1,94,186,1);
	}
	.myCarousel-box-detail{
		width: 1.00rem;
		height: 1.00rem;
	}
	.carousel-inner .item .item-d img{
		height: 8.88rem;
		width: 19.20rem;
	}
	.carousel-inner .item .item-d img{
		height: 8.88rem;
	}
	.carousel-inner .item:hover .carousel-caption{
	}
	@keyframes fadenum12{
		0%
		{
			opacity:0;
		}
		100%
		{
			opacity: 1;
		}
	}
	.carousel-inner .item .carousel-caption{
		top: 0.00rem;
		width: 5.86rem;
		height: 3.00rem;
		padding: 0.49rem 1.16rem 0.00rem 1.16rem ;
	}
	.carousel-caption-div{
	}
	.carousel-inner .item .carousel-caption .carousel-caption-p1{
		font-size: 0.48rem;
		margin-bottom: 0.04rem;
	} 
	.carousel-inner .item .carousel-caption .carousel-caption-p2{
		font-size: 0.32rem;
		letter-spacing: 0.0267rem;
		line-height: 0.32rem;
		margin-top: 0.19rem;
	} 

}
