@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;
    font-weight:bold; 
}
.my-p{
    font-size:0.44rem;
    line-height:0.74rem;
}
.top{
    width:100%;
    text-align:center;
    padding:0.8rem 0; 
    background:url("../../images/media/wechat-operation/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;
}
/* main */
.main{
    width:100%;
    text-align:center;
    padding:0.5rem 0;
    margin-bottom: 0.5rem;
}
.main h3{
    font-weight: 400;
    margin-bottom:0.4rem;
    font-size:0.6rem;
}
.main img{
    width:91%;
    margin:0.3rem 0;
}
/*轮播1 */
.swiper-container,.swiper-container2,.swiper-container3{
    text-align:center;
    width:100%;
    overflow: hidden;
}
.swiper-container h3{
    font-weight: 400;
    margin-bottom:0.4rem;
    font-size:0.6rem;
}
.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;
}
/*  轮播2*/
/* swiper样式 */
.swiper-container2 .swiper-pagination-customs,
.swiper-container3 .swiper-pagination-customs{
    width:0.8rem;
    height:0.15rem;
    background: #e5e5e5;
    display: inline-block;
    margin: 0 5px;
}
.swiper-container2,.swiper-container3{
    padding:0.6rem 0;
}
/* 指示器激活样式 */
.swiper-container2 .swiper-pagination-customs-active,
.swiper-container3 .swiper-pagination-customs-active{
    background: #ffcc95;
}
.swiper-container2 img{
    width:81%;
    margin-top:0.5rem;
}
.swiper-container2 h3,.swiper-container3 h3{
    margin-bottom:0.5rem;
}
.swiper-container3 img{
    width:35%;
    margin-top:0.5rem;
}
/* 公众号 */
.Accounts{
    width:100%;
    text-align:center;
    padding:0.6rem 0;
}
.Accounts-list{
    display: flex;
    justify-content: space-around;
    flex-flow:wrap;
    margin-top:0.6rem;
    
}
.Accounts-list li{
    padding:0.4rem 0;
    width:31%;
    box-shadow: 0px 3px 11px 0px 
		rgba(148, 115, 50, 0.1);
}
.Accounts-list li .big{
    font-size:0.6rem;
    text-align: center;
}
.Accounts-list li p{
    text-align:start
}
.Accounts-list li .text{
    text-align: center;
}
/* 商家项目运营 */
.opreation{
    width:100%;
    text-align: center;
    padding:0.6rem 0;
    color:#fff;
    background:#B3DDF5;
}
.opreation h3{
    margin-bottom:0.5rem; 
}
.opreation ul{
  margin-top:0.6rem;
  display:flex;
  justify-content: space-between;
  color:#54585A;
}
.opreation li{
    width:22%;
}
.opreation img{
    width:90%;
    margin-top:0.3rem;
}
.show{
    padding:0.6rem 0;
    width:100%;
    text-align: center;
    background:#EFF4FA;
}
.show h3{
    margin-bottom:0.5rem;  
}
.show img{
    width:100%;
}
/* nav */
.nav{
    padding:0.6rem 0.37rem;
    width:100%;
    text-align: center;
    background:url("../../images/media/wechat-operation/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;
}
/* 尾部图片 */
.footer-img{
    width:100%;
    padding:0.6rem 0;
    text-align: center;
}
.footer-img img{
    width:90%;    
}