/*banner部分-----------------------*/
#video-banner{
	width: 100%;
	height: 520px;
}
#video-banner .banner{
	width: 100%;
	height: 100%;
	background-image: url(../imagess/banner/video-banner.jpg);
	
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: 100% 100%;*/
	background-size: cover;
}
#video-banner .banner .banner-title{
	/*width: ;*/
	height: 90px;
	
	margin-bottom: 40px;
}
#video-banner .banner .title-left,#video-banner .banner .title-right{
	width: 268px;
	height: 100%;
}

#video-banner .banner .title-left{
	background: rgba(0,0,0,0.6);
}
#video-banner .banner .title-left p:first-child{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 10px;
	line-height: 20px;
	
	margin-bottom: 10px;
}
#video-banner .banner .title-left p:last-child{
	font-family: PingFangSC-Semibold;
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 10px;
	line-height: 36px;
}
#video-banner .banner .title-right{
	background: #00A4EF;
	
	font-family: PingFangSC-Semibold;
	font-size: 50px;
	color: #FFFFFF;
	letter-spacing: 0;
	/*line-height: 52px;*/
	
	line-height: 90px;
	text-align: center;
}
/*图标那一块*/
#video-banner .banner .banner-bottom{
	margin-bottom: 94px;
	width: 100%;
}
#video-banner .banner .banner-icon{
	width: ;
	
}
#video-banner .banner .banner-icon .banner-img{
	width: 80px;
	height: 80px;
	
	margin-bottom: 20px;
	
	background: #00A4EF;
	border-radius: 50%;
	
	line-height: 80px;
	text-align: center;
}
#video-banner .banner .banner-icon .banner-img span{
	font-size: 40px;
	color: #FFFFFF;
}
#video-banner .banner .banner-icon p{
	font-family: PingFang-SC-Bold;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
}
/*直线*/
#video-banner .banner .banner-line{
	width: 64px;
	height: 2px;
	
	background: rgba(255,255,255,0.5);
	
	margin-top: 44px;
	margin-left: 26px ;
	margin-right: 26px;
}

/*banner结束----------------------------------------------*/


/*为何选择影视动画开始-------------------------------------------*/
#video-superiority{
	width: 100%;
	background: #202020;
}
#video-superiority .superiority{

}
#video-superiority .superiority h2{

}
/*六个框*/
#video-superiority .superiority ul{
	
}
#video-superiority .superiority ul li{
	width: 373px;
	height: 143px;
	margin-right: 40px;
	margin-bottom: 40px;
	
	/*opacity: 0.1;
	background: #D8D8D8;*/
	background:rgba(216,216,216,0.1) ;
	/*border: 1px solid #979797;*/
}
#video-superiority .superiority ul li:nth-child(4){
	margin-bottom: 0;
}
#video-superiority .superiority ul li:nth-child(5){
	margin-bottom: 0;
}
#video-superiority .superiority ul li:nth-child(6){
	margin-bottom: 0;
}
#video-superiority .superiority ul li:nth-child(3n){
	margin-right: 0;
}
/*图标*/
#video-superiority .superiority ul li .superiority-icon{
	width: 64px;
	height: 64px;
	
	line-height: 64px;
	text-align: center;
	margin-right: 20px;
	margin-left: 30px;
}
#video-superiority .superiority ul li .superiority-icon span{
	font-size:50px;
	color: #00A4EF;
}
/*文案*/
#video-superiority .superiority ul li .superiority-content{
	
}
#video-superiority .superiority ul li .superiority-title{
	font-family: PingFangSC-Semibold;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 18px;
	
	margin-bottom: 10px;
}
#video-superiority .superiority ul li .superiority-intro{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #999999;
	letter-spacing: 0;
	line-height: 24px;
}
/*为何选择动画结束----------------------------------------------*/


/*流程开始*/
#video-flow{
	width: 100%;
	background: rgba(0,0,0,0.9);
}
#video-flow .flow{

}
#video-flow .flow h2{

}

#video-flow .flow .flow-img{
	width: 100%;
	height: auto;
}
#video-flow .flow .flow-img img{
	width: 100%;
	height: auto;
}
/*流程结束----------------------------------------*/


/*播放视频*/
#video-play{
	width: 100%;
	height: 460px;
	
	background-image: url(../imagess/play-video.png);
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#video-play .play{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	
	
}
#video-play .play .play-title{
	font-family: PingFangSC-Regular;
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	
	margin-bottom: 38px;
}
#video-play .play .play-icon{
	width: 80px;
	height: 80px;
}
#video-play .play .play-icon span{
	font-size: 80px;
	color: #FFFFFF;
}
#video-play .play .play-icon:hover{
	cursor: pointer;
	color: rgb(19, 203, 117);
    background-color: rgba(19, 203, 117, 0.1);
    border-radius: 50px;
}
/*弹框*/
#video-play .play-popup{
	position: fixed;
	width: 100%;
	height: 100%;
	background: ;
	left: 0;
	top: 0;
	
	display: none;
	
	z-index: 101;
	
	background: rgba(0,0,0,0.5);
}
#video-play .play-popup .paly-close{
	height: 60px;
	background: #333333;
	padding:0 20px;
	
	width: 70vw;
}
#video-play .play-popup .paly-close img{
	width: 24px;
	height: 24px;
	display: block;
	padding: 10px 0px 0 0;
}
#video-play .play-popup .paly-close img:hover{
	cursor: pointer;
	
	transform: rotate(-90deg);
	transform-origin: 55% 65% ;
	transition: transform 0.2s;
}
#video-play .play-popup .play-video{
	padding: 20px;
	padding-top: 0;
	background: #333333;
}
#video-play .play-popup .play-video video{
	width: 70vw;
	height: 70vh;
}