@charset "utf-8";
/* CSS Document */
.banner img{width: 100%;display: block;}
.video-box{position: relative;}
/*.video-line{height: 1px;background: #dfdfdf;width: 100%;position: absolute;bottom: 0;}*/
.more a{margin: 0 auto;width: 90px;font-size: 16px; font-size: 1.6rem;border: 1px solid #00a051;text-align: center;border-radius: 2px;padding: 4px 0;display: block;}
.more a:hover{background: #00a051;color: #fff;}


/*介绍视频*/
.intro{background: #fff;padding: 50px 0; }
.intro .txt-video .txt{width: 60%;}
.intro .txt-video .txt h1{padding: 20px 50px;font-size: 18px;font-size: 1.8rem;}
.intro .txt-video .txt p{font-size: 14px;font-size: 1.4rem;text-indent:2em;line-height: 2;}
.intro .txt-video .txt .share{padding: 10px 40px;margin-top: 10px;}
.intro .txt-video .txt .share ul li{float: left;width: 30px;height: 30px;margin-right: 5px;}
.intro .txt-video .txt .share ul li img{width: 100%;display: block;}
.intro .txt-video .video{width: 40%;}
.intro .txt-video .video .shipin{width:100%;padding-left: 20px;height: 270px;margin-top: 50px;box-sizing: border-box;}
.intro .txt-video .video iframe{width:100%;padding-left: 20px;height: 270px;margin-top: 50px;box-sizing: border-box;}


/*商业价值*/
.value{background: #fff;padding: 50px 0;}
.video-box .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.video-box .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.video-box .title>p>img{position: absolute;}
.video-box .con{margin-bottom: 30px;}
.video-box .ioc{width: 36px;margin: 0 auto;}
.video-box .ioc img{width: 100%;display: block;}
.video-box .con .con-box{width: 33.33%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;}
.video-box .con .con-box h1{font-size: 16px;font-size: 1.6rem;text-align: center;padding: 15px 0;font-weight: 600;}
.video-box .con .con-box p{font-size: 14px;font-size: 1.4rem; line-height: 1.6;padding: 0 30px;}


/*施工视频列表*/
.video-paly{background: #F7F7F7;padding-bottom: 50px; padding-top:1px;}
.video-paly-title{font-size:20px; color:#00a051; padding:10px 15px;}
.video-paly ul li{padding: 15px;width: 33.33%;float: left;box-sizing: border-box;}
.video-paly li a{display: block;position: relative;}
.video-paly-img{overflow:hidden;display: block;}
.video-paly ul li img{width:100%; max-width:100%;cursor: pointer;transition: all .2s;display: block;}
.video-paly ul li:hover .video-paly-img img{transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: all 0.2s linear 0s;}
.play-icon{ position:absolute; width:60px; height:60px; top:50%; left:50%;margin-left: -30px;margin-top: -30px;}
.video-paly-li-content{color: #333;font-size: 14px;font-size:1.4rem;padding: 20px 10px;}
.play-icon img{width:100%; max-width:100%;}

.video-bg{ position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,1); display:none; z-index:99; top:0; left:0;}
/*.video-bg video {position: absolute;width: 90%;height: calc(100% - 200px);left: 5%;right: 5%; top: 100px;bottom: 100px;
}*/
.video-bg-icon{position: absolute; top:30px; right:30px;}

/*产品视频*/
.product-video{padding-bottom: 40px;}
.product-video .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.product-video .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.product-video .title>p>img{position: absolute;}
.swiper-container {width: 1200px;margin: 20px auto 50px;}
.swiper-slide a,.swiper-slide a>img{width: 100%;display: block;}
.swiper-slide{position: relative;}
.swiper-slide>a:before{ content: ""; position: absolute;width: 50px;height: 50px;background: url("../img/video/play.png") no-repeat center;background-size: contain;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;cursor: pointer;z-index: 5;}
.append-buttons {text-align: center;margin-top: 20px;}
.append-buttons a {display: inline-block;border: 1px solid #007aff;color: #007aff;text-decoration: none;padding: 4px 10px;border-radius: 4px;margin: 0 10px;font-size: 13px;}
.product-video .swiper-button-prev{background-image: url(../img/video/prev1.png);}
.product-video .swiper-button-next{background-image: url(../img/video/next2.png);}
.swiper-button-next, .swiper-button-prev{background-size: contain!important;z-index: 100;}


/*团建视频*/
.activity{padding: 1px 0 50px;background: #F7F7F7;}
.value{background: #fff;padding: 50px 0;}
.video-box .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.video-box .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.video-box .title>p>img{position: absolute;}
.video-box .block{margin-top: 50px;margin-bottom: 50px;}
.video-box .block .pic-txt{width: 50%;margin: 15px 0;}
.video-box .block .pic-txt .pic{width: 33.3%;position: relative;}
.video-box .block .pic-txt .pic img,.video-box .block .pic-txt .pic a{width: 100%;display: block;}
.video-box .block .pic-txt .pic a:before{ content: ""; position: absolute;width: 50px;height: 50px;background: url("../img/video/play.png") no-repeat center;background-size: contain;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;cursor: pointer;z-index: 5;}
.video-box .block .pic-txt .txt{width: 66.7%;padding-left: 20px;box-sizing: border-box;color: #333;}
.video-box .block .pic-txt .txt h3{padding: 10px 0;font-size: 16px;font-size: 1.6rem;}
.video-box .block .pic-txt .txt p{font-size: 14px;font-size: 1.4rem;line-height: 1.6;text-indent: 2.4rem;padding-right: 30px;}
.pic-txt .txt a:hover{color: #00a051;}
.bds_fbook{background: url("/img/video/facebook.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.bds_linkedin{background: url("/img/video/IN.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.bds_sqq{background: url("/img/video/QQ.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.bds_weixin{background: url("/img/video/wechat.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.bds_tsina{background: url("/img/video/weibo.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.bds_twi{background: url("/img/video/twitter-01.png") no-repeat center!important;background-size: contain!important;background-position: 0 0 !important;}
.sr-bdimgshare{display: none!important;}
.bdshare-button-style0-32 a:hover {
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
}
.bdshare-button-style0-32 a{
   text-indent: 0!important;
}
@media screen and (max-width:1219px){
	.swiper-container{width: 100%;}
}

@media screen and (max-width:1024px){
	.intro{padding: 20px 0;}
  .intro .txt-video .txt h1{padding: 10px;}
  .video-box .title{margin: 20px 0 15px;}
  .video-paly,.product-video{padding-bottom: 30px;}
  .activity{padding: 1px 0 30px;}
  .video-box .con .con-box p{padding:0;}
}
@media(max-width: 870px){
  .video-paly ul li{width: 50%;}
  .video-box .block .pic-txt{padding-right:5px;box-sizing: border-box;}
  .video-box .block .pic-txt .txt h3{padding: 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
}
@media screen and (max-width:768px){
  .intro .txt-video .txt{width:100%;}
  .intro .txt-video .video{width:100%;}
  .intro .txt-video .video video{ width:100%; height:auto; margin-bottom:0; margin-top:0; margin-left:0;}
  .intro{padding:0 0;}
  .con-nav .nav-new ul li{width: 33.33%;}
  .value{padding:0 0;}
  .video-box .title{margin:15px 0 15px; font-size:12px;}
  .video-box .title>p:first-child{ font-size:1.8rem;}
  .video-box .title>p>img{ width:24px;}
  .video-box .con .con-box p{padding: 0 5px;}
  .video-paly{ padding-top:10px;padding-bottom:20px;}
  .video-paly ul li{ width:50%; padding:6px;min-height: 180px;}
  .play-icon{width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;}
  .swiper-container{ width:100%;margin: 20px auto 30px;}
  .video-box .block .pic-txt{width: 100%;}
  /*.video-box .block .pic-txt{ float:none; width:100%;}
  .video-box .block .pic-txt .pic{ float:none; width:100%;}
  .video-box .block .pic-txt .txt{ width:100%; margin-bottom:25px;}*/
  .video-box .block .pic-txt .txt p{width:100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
  /*.play-icon img{ width:70% !important;}*/
  .activity{padding: 1px 0 20px;}
  .video-box .block{margin-bottom: 0;margin-top: 0;}
  .product-video{padding-bottom: 20px;}
  .video-paly-li-content{padding: 4px 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
  .more a{font-size: 14px;font-size: 1.4rem;width: 80px;}
  .video-box .ioc{width: 50px;}
}
@media(max-width: 767px){
  .video-box .con .con-box{width: 100%;}
  .intro .txt-video .video .shipin{margin-left: 0;}
  .intro .txt-video .video iframe{margin-left: 0;}
}

@media(max-width: 375px){
  .intro .txt-video .txt .share{padding: 10px 13px;width: 280px;margin: 0 auto}
}
@media screen and (max-width:320px){
  .play-icon{ width:37px; left:calc(50% - 18px);}

}