@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;
    }
    .six li{
        width:33% !important;
    }
    .scene-item{
            width:24% !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/canyin/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;
}
/* 解决方案 */
.resolve{
    width:100%;
    text-align:center;
    padding:0.7rem 0;
}
.resolve-list{
    margin-top:0.5rem;
    display: flex;
    justify-content: space-between;
    color:#fff;
    padding:0 0.4rem;
}
.resolve-item{
    width:19%;
    position: relative;
}
.resolve-item img{
    width:100%;
}
.resolve-item p{
    width:100%;
    position: absolute;
    top:70%;
    left:50%;
    transform: translateX(-50%)
}
/* 六大营收 */
.six{
    width:100%;
    text-align:center;
    padding:0.8rem 0;
}
.six ul{
    display:flex;
    justify-content: space-between;
    flex-flow:wrap;
    padding:0 0.6rem;
}
.six li{
    width:31%;
    margin-top:0.6rem;
    padding:0.2rem 0;
    box-shadow: 0px 0px 6px 0px 
		rgba(167, 121, 91, 0.1);
}
.six li img{
    width:90%;
}
.six .title{
    font-size:0.5rem;
    margin-bottom:0.2rem;
}
/* swiper1 */
.swiper-container,
.swiper-container2,
.swiper-container3,
.swiper-container4,
.swiper-container5{
    width:100%;
    text-align: center;
    overflow: hidden;
}
.swiper-container h3{
    margin-top:0.8rem;
}
.swiper-container2,
.swiper-container3,
.swiper-container4,
.swiper-container5{
    padding:0.8rem 0;
}
.swiper-container .swiper-wrapper{
    margin-top:0.5rem;
    padding-bottom:1.4rem;
}
.swiper-container img,.swiper-container2 img,.swiper-container3 img{
    width:38%;
}
.swiper-container .lf,
.swiper-container2 .lf,
.swiper-container3 .lf{
    margin-left:1rem;
}
.swiper-container .swiper-pagination-bullet,
.swiper-container2 .swiper-pagination-bullet,
.swiper-container3 .swiper-pagination-bullet,
.swiper-container4 .swiper-pagination-bullet,
.swiper-container5 .swiper-pagination-bullet{
    width:0.5rem;
    height:0.5rem;
}
.swiper-container .swiper-pagination-bullet-active,
.swiper-container2 .swiper-pagination-bullet-active,
.swiper-container3 .swiper-pagination-bullet-active,
.swiper-container4 .swiper-pagination-bullet-active,
.swiper-container5 .swiper-pagination-bullet-active{
    background:#fb9030;
}
.swiper-container2 .swiper-wrapper,
.swiper-container3 .swiper-wrapper,
.swiper-container5 .swiper-wrapper{
    margin-top:0.5rem;
}
.swiper-container4 .swiper-slide-prev{
    right:-41%;
}
.swiper-container4 .swiper-slide-next{
    left:-41%;
}
.swiper-container4 img{
    width:53%;
}
.swiper-container4 .swiper-wrapper{
    margin-top:1rem;
}
.swiper-container5 img{
    width:72%;
}
/* 细分化 */
.marketing{
    width:100%;
    padding:0.8rem 0;
    text-align: center;
}
.marketing-list{
   display:flex;
   justify-content: space-between;
   flex-flow:wrap;
}
.marketing-item{
    width:32%;
    margin-top:0.7rem;
}
.marketing-item img{
    width:60%;
    margin-bottom:0.5rem;
}
/* 适用场景*/
.scene{
    width:100%;
    text-align:center;
    padding:0.7rem 0;
}
.scene-list{
    display: flex;
    justify-content: space-between;
    flex-flow:wrap;
    padding:0 0.37rem;
    color:#fff;
}
.scene-item{
    width:23%;
    position: relative;
    margin-top:0.6rem;
}
.scene-item img{
    width:100%;
}
.scene-item p{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
}