.container .section-title {margin:3.5rem 0 0;}
.container .section-title h2 {font-size:3rem;color:#008fd7;padding-bottom:30px;margin-bottom:10px;}
@media screen and (max-width: 768px) {
    .container .section-title h2 {font-size: 2.1rem;}
}


/* VP Video */
.video-list {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;padding-top:42px;}
.video-list .video-item {flex:none;width:31.7%;margin:0 0 60px;}
.video-list .video-item a {display:block;position:relative;}
.video-list .video-item a::before {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,.2);transition:all .3s;}
.video-list .video-item a::after {font-family: "iconfont";content:"\e624";display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;line-height:46px;padding:1px 0 0 6px;transform:translate(-50%,-50%);z-index:2;border:1px solid #fff;border-radius:50%;font-size:26px;text-align:center;transition:all .3s;}
.video-list .video-item a:hover::before {background:rgba(0,0,0,.37);}
.video-list .video-item a:hover::after {color:#0086ba;border-color:#0086ba;}
.video-list .video-item h2 {margin:16px 0 0;color:#666;font-size:1rem;line-height:1.5rem;text-align:center;overflow:hidden;}
@media screen and (max-width:1024px) {
	.video-list {padding-top:30px;}
	.video-list .video-item {margin-top:20px;}
}
@media screen and (max-width:768px) {
	.video-list {padding-top:12px;}
	.video-list .video-item {width:98%;margin:14px 0 1.5rem;}
	.video-list .video-item h2 {margin-top:10px;font-size:1.1rem;}
	.video-list .video-item a::after {width:36px;height:38px;line-height:37px;font-size:22px;}
}