*{
	margin:0;
	padding:0;
}
img{
	width: auto;
	max-width: 100%;
}
	
.banner{
	width:100%;
	background-image:url("../images/bg.png");
	background-repeat:no-repeat;
	background-size:100%;
	margin-bottom:-14%;
	position:relative;
}
.logo{
	margin-left:13%;
	width:8%;
}
.banner_logo{
	padding-left:13%;
	margin-top:10%;
	width:40%;
}
.banner p{
	font-size:76px;
}
.banner-right{
	width:40%;
	margin-left:56%;
	margin-top:-22%;
	padding-bottom: 18%;
}	
.content{
	width:73%;
	margin:0 auto;
	padding:1%;
}
h1{
	font-size:40px;
	font-weight:normal;
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}
.content p{
	margin-top:10px;
	margin-bottom:20px;
	line-height:26px;
	text-decoration: none;
}
	
.video{
	width:100%;
	height:850px;
	margin-top:60px;
	background-color: #1fc8ff;
	position:relative;
}
.video_mid{
	width:73%;
	background-color:white;
	position:absolute;
	top:16%;
	left:13%;
	box-shadow:6px 6px 10px #01a0d4;
}
.video_left{
	width:34%;
	height:600px;
	float:left;
}
.video p{
	overflow:hidden;
	margin:0 10%;
	padding-top:30px;
	line-height: 24px;
}
.guest_pic{
	width:180px;
	height:180px;
	border-radius:90px;
	background-color: aqua;
	margin:80px auto;
	margin-bottom:20px;
	vertical-align: middle;
	border:0;
	overflow: hidden;
}
.guest_name{
	text-align:center;
	font-size:24px;
	color:#005aad;
	line-height:32px;
}
.video_right{
	width:66%;
	float:left;
}
.video_video{
	width:96%;
	height:54%;
	margin:0 auto;
	margin-top:20px;
}
.video_video p{
	margin-left:0;
	margin-top:-1%;
}
	
.swiper-container .video_point li{
	width: 16px;
	height: 16px;
	margin-left:1%;
	margin-bottom:3%;
	cursor: pointer;
}	
.swiper-container .video_point{
	width:100%;
	margin:0 36%;
}
.video_point li{
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	float:left;
	margin-left:1%;
	cursor: pointer;
} 
.video_point li:first-child{
	color:#fff;
}
.video_point li:active{
	background-color: #FFFFFF;
} 

.picture{
	width:100%;
	height:100%;
	max-width:100%;
	margin-top:30px;
	vertical-align: middle;
	background-size:cover;
}
.foot{
	width: 100%;
    clear: both;
    text-align: center;
    background-color: #f0f0f0;
    line-height: 60px;
}

@media screen and (max-width : 768px ){
	.banner{
		background:none;
		background-color:#1fc8ff;
		height:700px;
		margin-bottom:-8%;
	}
	.logo{
		height:60px;
		width:100px;
	}
	.banner_logo{
		width:200px;
	}
	.banner p{
		font-size: 45px;
	}
	.banner-right{
		width:400px;
		margin-top:10%;
		margin-left:12%;
	}
	.content{
		width:90%;
	}
	.video{
		height:1100px;
	}
	.video_mid{
		left:10px;
		width:96%;
		height:76%;
	}
	.video_left{
		width:96%;
		left:20px;
		height:500px;
	}
	.video_right{
		width:100%;
		margin-top:-20px;
		
	}
	.video_video p{
		left:30px;
	}
	.video_point{
	margin:0 28%;
    }
	.swiper-container .video_point{
	width:100%;
	margin:0 10%;
    }
    .foot{
	width: 100%;
    clear: both;
    text-align: center;
    background-color: #f0f0f0;
    line-height: 30px;
}
	}


.video_display_zone li{
	display: none;
}
.video_display_zone li:nth-child(1){
	display: block;
}

.video_point li:nth-child(1){
	background-color: #fff;
}