@charset "utf-8";
.exp{width:1200px;margin: 120px auto;}
.video_list{float:left;margin-left: 30px;margin-bottom:30px;}
.video_list p a{text-align:center;color:#888;    line-height: 50px;}
.video{padding-top:30px;margin-left: -30px;}
.video_img{width:275px;height:180px;
  position:relative;justify-content: center;
    align-items: center;
    display: flex;
	display: -webkit-flex;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
  }
.video_img>img{max-width:260px;max-height:180px;}
.video_img .vid_play{position:absolute;left:0px;top:0px;right:0px;bottom:0px;margin:auto;width:100px;height:100px;}
.video_img .vid_play img{width:100%;height:auto;opacity:0;transition:all .5s;}
.exp_video{margin-top:20px;text-align:center;}
.exp_video h2{font-size:20px;color:#666;line-height:60px;font-weight:500;}
.exp_video p{font-size:16px;color:#888;width:750px;margin:auto;line-height:24px;}
.exp_video {padding-bottom:50px;}
.exp_video .video_btn{margin:30px auto ;width:100%;text-align:center}
.exp_video .btn{ display:inline-block;   color: #fff;width:208px;height:40px;background:#fd9d06;border-radius:8px;line-height:40px;cursor:pointer;}
.exp_video .btn a{color:#fff}
.banner{height:440px;position: relative;}
.banner>img{left: 50%;
    margin-left: -960px;
    position: absolute;}
.video_img:hover .vid_img{opacity:1;}
@media(max-width: 768px){
    .video_img .vid_play img{opacity:1;}
    .banner>img{width:1000px;margin-left:-500px;}
    .banner{margin-top:53px;height:230px;overflow: hidden;}
    .video{display:flex;justify-content:space-around;flex-wrap:wrap;margin-left:0px;padding-top: 15px;}
    .exp{width:100%;    margin: 60px auto;}
    .video_list{margin-left:0px;}
}
@media(max-width: 414px){
    .video_img .vid_play{width:60px;height:60px}
    .banner>img {
        width: 600px;
        margin-left: -300px;
    }
    .banner{height:138px;}
    .video_list{width:180px;}
    .video_img {
        width: 100%;
        height: 120px;
        margin-bottom: 5px;}
    .video_img>img {
        max-width: 165px;}
    .video_list p a{line-height:20px;font-size: 14px;}
    div.digg a{padding:2px 5px}
    div.digg span.current{padding:2px 5px}
    div.digg span.disabled{padding:2px 5px}
    .exp_video p{width:auto;padding:0 20px;font-size:14px}
    .exp_video .btn{width:140px;}
}
@media(max-width: 375px){
    .banner>img {
        width: 500px;
        margin-left: -250px;
    }
    .banner {
        height: 115px;
    }
    .video_list {
        width: 160px;
    }
    .video_img>img {
        max-width: 145px;
    }
    .video_img{height:107px}
    div.digg a{margin:0px}
    div.digg a{padding:1px 2px}
    div.digg span.current{padding:1px 2px}
    div.digg span.disabled{padding:1px 2px}

}
@media(max-width: 320px){
    .banner>img {
        width: 460px;
        margin-left: -230px;
    }
    .banner {
        height: 106px;
    }
    .video_list {
        width: 140px;
    }
    .video_img>img {
        max-width: 125px;
    }
    .video_img{height:94px}
    .exp_video .btn {
        width: 120px;
    }

}