body {background: #eee;font-family: Arial, sans-serif;font-size: 14px;color: #000; -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */}
*{margin: 0;padding: 0;}
video{display: block;width: 100%;height: 100%; object-fit:fill;}
.item,.wap_item{line-height: 0;}
.item img,.wap_item img{width:100%;}
.item6,.item7,.item8{position: relative;}
.videoCon{position: absolute;}
.videoCon1  {width: 35.62vw;height: 20.73vw;top: 0;right: 18.1vw;}
.videoCon .video{width: 100%;height: 100%;  }
.js-playBtn{width: 4.2vw;height: 4.2vw;background: url(../imgs/playBtn.png) no-repeat;background-size: 100%;position: absolute;right: 1.3vw;bottom:1.3vw;cursor: pointer;}
.videoCon2{width: 34.2vw;height: 15vw;width: 33.6vw;height: 14.73vw;top: 0.4vw;left: 18.8vw;}
.videoCon3{width: 37.76vw;height: 17.7vw;left:35.4vw;top: 0;}

.wap_container{display: none;}
@media screen and (max-width: 900px){
.pc_container{display: none;}	
.wap_container{display: block;}
.item06,.item07,.item09{position: relative;}

.wapVideoCon1{width: 7.07rem;height: 4.11rem;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.wapVideoCon1 video{width: 7.07rem;height: 4.11rem;}
.wap-js-playBtn{width: .81rem;height: .82rem;background: url(../imgs/playBtn.png) no-repeat;background-size: 100%;position: absolute;right: .37rem;bottom: .22rem;cursor: pointer;}
.wapVideoCon2{width: 7.07rem;height: 3.08rem;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.wapVideoCon2 video{width: 7.07rem;height: 3.08rem;}
.wapVideoCon3{width: 7.07rem;height: 3.28rem;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.wapVideoCon3 video{width: 7.07rem;height: 3.28rem;}
}