@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;
    }
    
}
@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;
    }
  
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    html{
        font-size:36px !important;
    }
   
}   
@media screen and (min-width:400px) and (max-width:479px){
    html{
        font-size:27px !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;
    }
    .individuation ul{
        padding-left:0.2rem !important;
        padding-right:0.2rem !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/xcx/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;
}

/* swiper1 */
.swiper-container,
.swiper-container2{
    width:100%;
    text-align: center;
    overflow: hidden;
}
.swiper-container h3{
    margin-top:0.8rem;
}
.swiper-container2{
    padding:0.8rem 0;
}
.swiper-container .swiper-wrapper{
    margin-top:0.5rem;
    padding-bottom: 1.4rem;
}
.swiper-container img{
    width:93%;
    margin:1rem 0;
}
.swiper-container .swiper-pagination-bullet,
.swiper-container2 .swiper-pagination-bullet{
    width:0.5rem;
    height:0.5rem;
}
.swiper-container .swiper-pagination-bullet-active{
    background:#fb9030;
}
.swiper-container2 .swiper-pagination-bullet-active{
    background: #1296DB;
}
.swiper-container .s1-list{
    display:flex;
    justify-content: space-between;
    flex-flow: wrap;
    padding:0 0.5rem;
    box-shadow: 0px 0px 8px 0px 
		rgba(104, 44, 44, 0.1);
    border-radius: 10px;
    width:95%;
    margin:auto;
}
.s1-item{
    width:50%;
    font-size:0.5rem;
    padding:0.4rem 0;
}
.s1-list .b-down{
    border-bottom:1px solid #efefef;
}
.s1-list .b-right{
    border-right:1px solid #efefef;
}
.swiper-container2 .scene-list{
    display:flex;
    justify-content: space-between;
    padding:0 0.3rem;
    width:100%;
    margin-top:0.7rem;
}
.swiper-container2 .scene-item{
    width:19%;
}
.swiper-container2 img{
    width:90%;
    margin-bottom:0.3rem;
}
/* 小程序简介 */
.show{
    width:100%;
    text-align: center;
    padding:0.7rem 0.35rem;
}
#v1{
    width:100%;
    object-fit: fill;

}
.show-list{
    width:100%;
    display:flex;
    justify-content: space-between;
    padding:0.3rem 1rem;
    background:#f4f4f4;
    flex-wrap:wrap;
}
.show-item{
    font-size:0.5rem;
    width:47%;
    line-height:0.8rem;
}
/* 微商城 */
.wechat{
    width:100%;
    text-align: center;
    padding:0.8rem 0 0.5rem;
}
.wechat-list{
    display:flex;
    justify-content: space-between;
    margin-top:0.6rem;
}
.wechat-item{
    position: relative;
    width:25%;
}
.wechat-item img{
    width:100%;
    height:100%;
}
.wechat-item .title{
    position: absolute;
    top:45%;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    font-size:0.5rem;
}
/* nav */
.nav{
    padding:0.6rem 0.37rem;
    width:100%;
    text-align: center;
    background:url("../../images/xcx/nav.png") no-repeat;
    background-size:100% 100%; 
    color:#fff;
}
.nav-list{
    margin-top:0.5rem;
    border-bottom:3px solid #fff;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.2rem;
}
.nav-item{
    width:18%;
    font-size:0.5rem;
}
.img-box{
    width:100%;
    margin-top:0.6rem;
}
.img-box img{
    width:23%;
}
.active{
    background: #0088ff;
    border-radius: 4px;
}
/* 个性化 */
.individuation{
    width:100%;
    text-align:center;
    padding:0.8rem 0;
}
.individuation ul{
    display:flex;
    justify-content: space-between;
    padding:0 0.8rem;
    flex-flow: wrap;
}
.individuation li{
    width:33%;
    margin-top:0.6rem;
}
.individuation li img{
    width:87%;
    margin-bottom:0.5rem;
}


