/*vr*/
.vr_index{width:100%;min-width:1300px;padding-top:5vw;}
.vr_index .title{width:78%;margin:0 auto;}
.vr_index .title h3{font-size:25px;color:#333;position:relative;padding-left:5%;}
.vr_index .title h3:before{content:"";display: block;width:50px;height:3px;background-color:#999;position:absolute;left:0;top:1.25vw;}
.vr_index .title h3:after{content:"Real experience";display: block;color:#333;font-size:16px;font-family:"-webkit-pictograph"; }
.vr_index .title h3 a{
    position: absolute;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: #222;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    bottom: 0;
    right: 0;
}
.vr_index .vr_content{width:78%;margin:2% auto 0;height:24.7vw;min-height: 321px;}
.vr_index .vr_content ul{height:100%;width:100.5%;}
.vr_index .vr_content ul li{float: left;position:relative;}
.vr_index .vr_content ul li .vr_detail{width:100%;height:18%;border:none;background:rgba(0,0,0,0.4);z-index:1;position:absolute;bottom:0;display: none;}
.vr_index .vr_content ul li .vr_detail p{color:#fff;font-size: 14px;text-align: center;line-height: 40px;}
.vr_index .vr_content ul li .vr_click{position:absolute;width:110px;top:5%;right:1%;}
.vr_index .vr_content ul li:hover .vr_detail{display: block;}
.vr_index .vr_content ul li:hover img{transform: scale(1.1,1.1);}

.vr_index .vr_content ul li:nth-of-type(1){width:42%;height:100%;margin-right: 0.5%;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_one{width:100%;height:100%;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_one iframe{width:100%;height:100%;border:none;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_txt{width:100%;height:10%;border:none;background:rgba(0,0,0,0.4);z-index:1;position:absolute;bottom:0;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_txt p{color:#fff;font-size: 14px;text-align: center;line-height: 40px;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_click{position:absolute;width:20%;top:5%;right:1%;}
.vr_index .vr_content ul li:nth-of-type(1) .vr_show{position:absolute;z-index:1;width:15%;top:50%;left:50%;margin-left:-7.5%;margin-top: -7.5%;display: none;}
.vr_index .vr_content ul li:hover .vr_show{display: block;}


.vr_index .vr_content ul li:nth-of-type(2){width:36.4%;height:49%;min-height: 156px;overflow: hidden;}
.vr_index .vr_content ul li:nth-of-type(2) a img{width:100%;transition: all 0.5s;}
.vr_index .vr_content ul li:nth-of-type(3){width:36.4%;height:49.5%;min-height: 156px;margin-top:0.5%;overflow: hidden;}
.vr_index .vr_content ul li:nth-of-type(3) a img{width:100%;transition: all 0.5s;}
.vr_index .vr_content ul li:nth-of-type(4){width: 20%;height: 49%;min-height: 156px;margin-top: -15.6%;margin-left: 0.5%;overflow: hidden;}
.vr_index .vr_content ul li:nth-of-type(4) a img{width: auto;height:100%;transition: all 0.5s;}
.vr_index .vr_content ul li:nth-of-type(5){width:20%;height:49.5%;min-height: 156px;margin-top:0.5%;margin-left:0.5%;overflow: hidden;}
.vr_index .vr_content ul li:nth-of-type(5) a img{width:100%;height:100%;transition: all 0.5s;}



@media screen and (max-width: 1450px){
    .vr_index .title h3:before{top:15px;}
    .vr_index{padding-top:60px;}
}
/*vr end*/