@media screen and (min-width: 960px) and (max-width: 1199px) {
    html{
        font-size:54px !important;
    }
    .join ul+ul {
        margin-left: 2.1rem !important;
    }
    .about p+p{
        margin-left:2.6rem !important;
    }
    .fast .int{
        text-align: center !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    html{
        font-size:43.2px !important;
    }
    .join ul+ul {
        margin-left: 1.8rem !important;
    }
    .about p+p{
        margin-left:2.3rem !important;
    }
    .fast .int{
        text-align: center !important;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    html{
        font-size:36px !important;
    }
    .fast .int{
        text-align: center !important;
    }
    .fast input {
        width: 9rem !important;
    }
    .box-item{
        width:48% !important;
     }
}   
@media screen and (min-width:450px) and (max-width:479px){
    html{
        font-size:27px !important;
    }
    .fast .int {
        margin-left: 25px !important;
   }
   .box-item{
      width:48% !important;
   }
} 
@media screen and (min-width:400px) and (max-width:449px){
    html{
        font-size:27px !important;
    }
    .box-item{
        width:48% !important;
    }
}
@media screen and (max-width:399px){
    html{
        font-size:27px !important;
    }
    .join ul+ul {
        margin-left: 0.6rem !important;
    }
    .about p+p{
        margin-left:0.9rem !important;
    }
    .fast .int {
        text-align: center !important;
   }
    .fast input {
        width: 7.5rem !important;
        height: 0.9rem !important;
    }
    .box-item{
        width:48% !important;
    }
    .i1 {
        width: 75% !important;
    }
}
.my-h3{
    font-size:0.74rem;
    line-height:0.9rem;
    margin-bottom:0.5rem;
}
.my-p{
    font-size:0.44rem;
    line-height:0.74rem;
}
.top{
    width:100%;
    text-align:center;
    padding:0.8rem 0; 
    background:url("../../images/vr/headertop.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.top .down{
    margin-bottom:0.6rem;
}
.top .small-box{
    margin:auto;
    width:30%;
    border:1px solid #fff;
    border-radius: 45px;
    font-size:0.6rem;
    line-height:1.1rem;
}
/* 平台 */
.terrace{
    width:100%;
    text-align:center;
    padding:1rem 0;
}
.terrace ul{
    display:flex;
    justify-content: space-between;
    flex-flow: wrap;
    padding:0 0.9rem;
}
.terrace li{
    width:31%;
    margin-top:0.5rem;
}
.terrace li img{
    width:100%;
    margin-bottom:0.4rem;
}
/* 快速查询 */
.fast{
    width:100;
    text-align:center;
    padding:0.8rem 0.6rem;
    background:url("../../images/vr/bg1.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.fast ul{
    width:100%;
    display:flex;
    justify-content:space-between;
    
}
.fast li{
    width:23%;
}
.fast li img{
    width:90%;
    margin-bottom:0.3rem;
}
.fast .query{
    width:100%;
    border:1px solid #ff6e64;
    margin-top:1rem;
    font-size:0.45rem;
    padding:0.5rem 0.8rem;
   
}
.fast .int{
    margin-bottom:0.5rem;
    text-align:start;
}
.fast input{
    width:10rem ;
    height:1.1rem;
    opacity: 0.2;
    border: solid 1px #ff753c;
}
.fast .free{
    width:5rem;
    margin:auto;
    background-color: #ff753c;
	border-radius: 6px;
    padding:0.25rem 0;
}
/* 720全景 */
.vr{
    width:100;
    text-align:center;
    padding:0.8rem 0 1rem; 
}
.vr ul{
    width:100%;
    padding:0 2rem;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.vr li{
    width:46%;
    margin-top:0.7rem;
}
.vr img{
    margin-bottom:0.4rem;
    width:2.3rem;
    height:2rem;
}
/* swiper */
.swiper-container {
     width:100%;
     text-align:center;
     overflow: hidden;
     background-image: linear-gradient(0deg, 
     #ffffff 0%, 
     #ffffff 1%, 
     #ffece6 100%);
}
.swiper-container h3{
     margin-top:0.8rem;
}
.swiper-container .swiper-wrapper{
    padding-bottom:1.5rem;
}
.swiper-container ul{
    display:flex;
    width:100%;
    padding:0 0.8rem;
    justify-content: space-between;
    flex-flow:wrap;
}
.swiper-container li{
    width:32%;
    margin-top:0.7rem;
}
.swiper-container img{
    margin-bottom:0.5rem;
    width:2rem;
    height:2.2rem;
}
.swiper-container .swiper-pagination-bullet{
    width:0.5rem;
    height:0.5rem;
}
.swiper-container .swiper-pagination-bullet-active{
    background:#ff6e64;
}
/* 案例展示 */
.show{
    width:100%;
    text-align:center;
    padding:0.8rem 0 1rem;
    background:#f4f4f4;
}
.city{
    display: inline-block;
    width:15%;
    border-radius: 18px;
    background:#fff;
    font-size:0.45rem;
    padding:0.25rem 0;
}
.i1{
     width:70%;
     border-radius: 18px;
     padding:0.25rem  0;
     text-indent:15px;
     background:url("../../images/vr/search.png") no-repeat 0.25rem center #fff;
     background-size:5% 0.74rem; 
}
.i1::-ms-input-placeholder{
    text-align: center;
}
.i1::-webkit-input-placeholder{
    text-align: center;
}
.i1::-moz-input-placeholder{
    text-align: center;
}
.show-list-box{
    width:100%;
    position: relative;
    padding:0.3rem;
    height:2rem;
    overflow-x: auto;
}
.show-list-box::-webkit-scrollbar{
    display:none;
}
.show-list{
    position: absolute;
    top:0;
    left:0;
    margin-top:0.5rem;
    display: flex;
    justify-content: space-between;
    background:#fff;
    flex-wrap: nowrap;
    width:225%;
    align-items: center;
    padding:0.3rem;
}
.show-list>li{
    font-size:0.45rem;
}
.show-box{
   margin-top:0.5rem;
   padding:0 0.5rem;
   margin-bottom:0.6rem;
}
.box-list{
    display:flex;
    width:100%;
    justify-content: space-between;
    flex-flow:wrap;
}
.box-list a{
    width:100%;
    display:block;
}
.box-item{
    width:32%;
    margin-top:0.6rem;
}
.box-item img{
    width:100%;
    margin-bottom:0.3rem;
}
.box-item p{
    text-align:start;
    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.box-item .title{
    font-size:0.5rem;
    margin-bottom:0.5rem;
}
.btn{
    width:2.75rem;
    padding:0.25rem 0;
    margin:auto;
    background: #0088ff;
    color:#fff;
    border-radius: 6px;
}
.city-list{
    width:100%;
    justify-content: space-start;
    flex-wrap: wrap;
    display:none;
    padding-left:5%;
}
.city-list li{
    width:15%;
    padding:0.3rem 0;
    font-size:0.4rem;
    margin-top:0.4rem;
}
.active{
    color:#0088ff;
}
.fff{
    background:#fff;
}