.banner{
    height: 600px;
    background:url('/img/vrbg.jpg') no-repeat 0 0; 
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 42px;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    
}
.blackDiv{
    width: 100%;
    height: 50px;
    background:rgba(0,0,0, 0.5);
    position: absolute;
    top: 535px;
}
.sonNav{
    padding: 30px 0 30px 0;
    /* background: #FFFFFF; */
    display: flex;
    position: absolute;
    top: 147px;
    left: 150px;
}

.sonNav ul{
    width: 200px;
    cursor: pointer;
}
ul,li{list-style: none; margin: 0; padding: 0;}
.sonNav ul li{
    height: 90px;
    line-height: 53px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    background:rgba(0,0,0, 0.5);

}
.throwImg{display: flex; justify-content:space-between; align-items: center; margin-bottom: 60px;}
.sonNav ul li.active{
    background:rgba(0,0,0, 0.7);
    color: #fff;
}
.sonNav ul li:hover .text {
    transition: 1s;
    margin-top: -80px;

}
/* .sonNav ul li:hover .title {
    transition: 1s;
    margin-top: -40px;

} */
.sonNav ul li .text{
    font-size: 14px;
    margin-top: -34px;
}
.sonNav ul li .title{
    font-size: 14px;
    padding-top: 27px;
    box-sizing: border-box;
}

.throwBox {overflow: hidden; width: 100%;}
.throwBox ul{ transition: margin 1s;}
.throwBox li{float: left; width: 200px; height: 105px; background: #17AEFF;  color: #FFF; font-size: 24PX; margin-right: 13px;
    border-radius: 3px;overflow:hidden;cursor: pointer;}
.throwBox li:last-child{margin-right: 0;}
/* left:calc(-50% + 50px) ; */
.throwBox li span{position: absolute; line-height: 42px; text-align: center; top: 557px;  transform: translate(50%,-50%);font-size:16px;width: 99px;
    margin: 0 auto;}
.throwBox li .shadow{background: rgba(0, 0, 0, 0.5);position: absolute; width: 200px; height: 105px;}
.throwBox li img{position: absolute; width: 200px; height: 105px; }
.one{
    background: url('/img/vrbg2.png')  top left no-repeat ,linear-gradient(180deg, #E4F5FF 0%, #F5FAFD 100%);
    background-size: 100%;
    padding-bottom: 300px;
    
}
.vrJiantouLeft{
position: absolute;
top: 544px;
left: 0;
cursor: pointer;
}
.vrJiantouRight{
    position: absolute;
    top: 544px;
    right: 0;
    cursor: pointer;
}
.h2{font-size: 50px; margin: 0; text-align: center;  font-weight: 500; font-family: "微软雅黑"; color: #333333; line-height: 1; padding: 50px 0;}
.h3{
    font-size: 36px;
    
font-family: "微软雅黑";
font-weight: 500;
color: #333;
line-height: 70px;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px; 
}
.content {
    padding-bottom: 50px;
}
.content p{
    font-family: "微软雅黑";
    font-size: 18px;
font-weight: 500;
color: #666;
line-height: 25px;
text-indent: 2em;
}
.videoOne{
height: 653px;
padding-top: 100px;
box-sizing: border-box;
}
video {
object-fit:cover;
}
video::-webkit-media-controls-fullscreen-button {    
display: none;
}
video::-webkit-media-controls-play-button {
display: none;
}
video::-webkit-media-controls-timeline {
display: none;
}
video::-webkit-media-controls-current-time-display{
display: none;
}
video::-webkit-media-controls-time-remaining-display {
display: none;
}
video::-webkit-media-controls-mute-button {
display: none;
}
video::-webkit-media-controls-toggle-closed-captions-button {
display: none;
}
video::-webkit-media-controls-volume-slider {
display: none;
}
video::-webkit-media-controls-enclosure{ 
display: none;
}
.videoTwo{
margin-top: 50px;
padding-bottom: 50px;
}
.videoTwo .videoBox{
width: 390px;
height: 238px;
margin-right: 15px;
margin-bottom: 15px;
}
.videoTwo .videoBox:nth-child(3n+3) {
    margin-right: 0;
}
.buttons{
display: block;
margin-top: -300px;
margin-left: 580px;
}
.buttons1{
display: block;
margin-top: -151px;
margin-left: 41%;
}
/* .bottomLine{
    width: 78px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 585px;
    left: 55px;
} */
.activeLine{
    border-bottom: 2px solid #fff;

}
.bottomLine {
    width: 158px;
    height: 2px;
    border-bottom: 4px solid #233F94;
    margin-top: -5px;
    margin-left: 490px;
}
  .bottomLinewhite{
    width:158px;
    height: 2px;
    border-bottom: 4px solid #fff;
    margin-top: -5px;
    margin-left:490px;
  }
  body{
    overflow-x: hidden;
  }