@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;
    }
    .resolve-item .big-box {
        padding-top: 0.2rem !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;
    }
}
.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/media/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;
}
/* 行业痛点 */
.profession{
    width:100%;
    text-align: center;
    padding:0.8rem 0 0;
}
.profession img{
    width:100%;
    margin-top:0.5rem;
}
/*轮播1 */
.swiper-container{
    text-align:center;
    width:100%;
    overflow: hidden;
}
.swiper-container h3{
    font-weight: 400;
    margin-bottom:0.4rem;
    font-size:0.6rem;
    margin-top:0.8rem;
}
.swiper-container ul{
    display:flex;
    justify-content: space-around;
    flex-flow:wrap;
    margin-top:0.6rem;
}
.swiper-container li{
    width:46%;
    position: relative;
}
.swiper-container li img{
    width:100%;
}
.swiper-container li p{
    font-size:0.6rem;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(3%,-50%);
}
.swiper-container .swiper-wrapper{
    padding-bottom:1.2rem;
}
.swiper-container .swiper-pagination-bullet{
    width:0.5rem;
    height:0.5rem;
}
.swiper-container .swiper-pagination-bullet-active{
    opacity: 1;
    background: #ffcc95;
}
/* 解决方案 */
.resolve{
     width:100%;
     text-align: center;
     padding:1rem;
     background:#ff5e5e;   
     color:#fff;
}
.resolve-list{
    width:100%;
}
.resolve-item{
    display:flex;
    justify-content: space-between;
    text-align:start;
    margin-top:0.6rem;
   
}
.resolve-item img{
    width:1.7rem;
}
.resolve-item .big-box{
    padding-top:0.5rem;
    width:75%;
    position: relative;
    
}
.resolve-item .small-box{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,49%);
    display:flex;
    justify-content: space-between;
    width:100%;
    padding:0 0.7rem;
}
/* nav */
.nav{
    padding:0.6rem 0.37rem;
    width:100%;
    text-align: center;
    background:url("../../images/media/nav.png") no-repeat;
    background-size:100% 100%; 
    color:#fff;
}
.nav h3{
    margin-bottom:0.5rem;
}
.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;
}