@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#333;
}
.video_pro_left img{width: 100%;}
.video_pro{margin-top:50px;margin-bottom: 50px;}
.video_pro_right h2{font-size: 24px;}
.video_pro_right p{font-size: 16px;color:#666;margin-top:30px;line-height:28px;}
.about_video{width: 100%;background: #fcf8f2;padding-top: 50px;text-align: center;padding-bottom: 70px;}
.about_video h2{margin:0px 0 30px}
.about_video li h3{font-size: 20px;margin:20px 0;}
.about_video .about_video_left img{display:inline-block;width:66px;height:66px;vertical-align:top;margin-left:-20px;margin-right:20px}

.mask-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.8);
    width: 100%;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 999;
    display: none;
}
.video {
    position: fixed;
    left: 50%;
    margin-left: -322px;
    top: 50%;
    margin-top: -184px;
    z-index: 1000;
}
.swiper-containervideo li>div img{ transition: all 0.6s;}
.swiper-containervideo li>div:hover img{transform: scale(1.1);}


.about_box{background:#fff;padding:50px 50px 30px}

.about_video .about_video_left li .text_box{display:inline-block;width:80%;text-align:left}
.about_video .about_video_left li .text_box p{margin-bottom:2px}
.about_video .about_video_left li .text_box p:nth-of-type(1){margin-bottom:10px;font-weight:bold}
.about_video .about_video_left li{min-height:90px;margin-bottom:20px;}
.about_txt{color: #666;line-height: 20px;}
.join{width: 100%;background: url(/img/img/activity/videoZt/join_bg.jpg) no-repeat center top;color: #fff;padding:40px 0;}
.join h2{font-size: 24px;}
.join h2,.join p{color:#fff;}
.join p{margin-top:10px;margin-bottom: 10px;}
.join label{color:#fff;font-weight: normal;}
.join input{width:45%;}
.join button{width:70%;height:42px;}
.wait{width: 100%;background:url(/img/img/activity/videoZt/bg2.jpg) no-repeat center top;text-align: center;padding:10px 30px 0px;font-size: 30px;height:270px}

.swiper-containervideo{overflow: hidden;}
/*.swiper-containervideo .container{width: 1300px}*/
.swiper-containervideo li{width: 302px;margin-right: 30px;float: left;position: relative;height: 375px}
.videoshare{position: absolute;right: 20px;top: 20px;color: #fff}
.swiper-containervideo li:nth-of-type(4n){float: left;margin-right: 0px;}
.swiper-containervideo img{width: 100%;height: 260px;}
.videoshare{text-align: center;display: none;}
.swiper-containervideo a img{width: 15px;height: 17px;display: block;text-align: center;margin: auto;}
.swiper-containervideo li:hover .videoshare{display: block;}
.swiper-containervideo li:hover .zezao{display: block;}
.timespan{color: #fff;position: absolute;right: 10px;top: 235px;z-index: 99}
.zezao{position: absolute;left: 0;top: 0;opacity: 0.7;display: none;cursor: pointer;}
.button-loadmore a {
    position: relative;
    clear: both;
    display: block;
    border-radius: 0;
    width: 150px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border: none;
    overflow: hidden;
    margin: 40px auto 50px;
    color: #fff;
    background-color: #008C95;
    font-size: 14px;
    font-weight: 400;
    border-radius:4px;
}
.button-loadmore a:hover {
    color: #fff;
    background:#ffad33!important
}
.new_box img{width:100%}

@media (min-width: 1200px) {
  .container {
    width: 1300px;
    padding:0;
  }
}

@media (max-width: 768px){
    .wait,.banner{display:none}
    .swiper-containervideo li{float:inherit;margin:auto!important}
    .swiper-containervideo li:nth-of-type(4n){float:inherit;margin:auto!important}
	.video_pro{margin-top:30px;margin-bottom: 30px;}
	.video_pro_right p{font-size: 14px;color:#666;margin-top:20px;line-height:20px;}
	.join .form-group b,.about_video_right{display: none;}
	.join input{width:100%;}
	.join button{width:100%;}
}