.header .user{margin: 0 .3rem;}
.float>p{height:1.2rem}
.footer .info{width:25%}
.footer .logo{display:block}
.footer .logo>p{margin:.2rem 0 0}
.footer .logo>p::before{display:none}
.footer ul{width:60%;justify-content:center}
.footer li{margin-right:.5rem}
.footer .media{width:15%}
.inner-banner .width>p:nth-of-type(1){font-size:.32rem;line-height:.42rem;max-width:11.1rem}
.inner-banner .width>p:nth-of-type(2){max-width:11.1rem;font-size:.22rem;line-height:.32rem}
.index-page .tit>p:nth-of-type(2){font-size:.32rem;line-height:.42rem}
.index-page .box3 li:first-child{height:2.1rem;top:-19%;width:30%}
.index-page .box3 li:nth-child(2){height:2.1rem;top:-19%}
.index-page .box3 li:nth-child(3){height:3.6rem;bottom:17%;width:26%}
.index-page .box3 li:last-child{height:3.6rem;bottom:17%}
.index-page .box3 .tab{width:20%}
.index-page .box3 .tab>p{font-size:.16rem;line-height:.24rem}
.index-page .box3 .tab:nth-child(3){bottom:18%}
.index-page .box4 .info{padding:.55rem .1rem}
.index-page .box4 .con{width:3.6rem;left:-3.6rem;}
.business-page .box1 .con{padding:6.25% 6.25% 6.25% 5%}
.business-page .box1 .items.mid .con{padding:12% 5% 12% 10%}
.business-page .box1 .items.sm .con{padding:6.25% 5% 6.25% 10%}
.business-page .box1 .items.mid .item{height:8.9rem}
.business-page .box1 .items.sm .item{height:4.3rem}
.business-page .box1 .con>p{max-width:8rem}
.business-page .box1 .info>a{width:auto;padding:0 .2rem;margin-right:.1rem}
.about-page .tit>p:nth-of-type(2){font-size:.32rem;line-height:.42rem}
.about-page .box2 li:first-child .info>p{max-width:60%}
.about-page .box3 li{padding:.5rem}
.about-page .box3 li>p:nth-of-type(2){font-size:.2rem;line-height:.3rem}
.user-login .info>p:nth-of-type(1){font-size:.4rem;line-height:.5rem}
.user-login .info>p:nth-of-type(2){max-width:100%;font-size:.22rem}
.user-page .left{padding:.35rem .2rem .5rem}
.user-page .left .nav>a{width:2.6rem;font-size:.18rem}
.user-page.index .right .info>p:nth-of-type(1){width:1.4rem}

@media (max-width:1600px){
    .header li>a{padding:0 .2rem}
}

@media (max-width:1440px){
    .header li>a{padding:0 .15rem}
    .header .user{margin: 0 .3rem 0 .1rem}
    .footer li{margin-right:.3rem}
    .business-page .box1 .info>a{font-size:.15rem}
    .business-page .box1 .items.mid .item{height:9.9rem}
    .business-page .box1 .items.sm .item{height:4.8rem}
    .user-login .info{padding-right:.5rem}
    .user-login .info>p:nth-of-type(1){font-size:.38rem;line-height:.48rem}
}

@media (max-width:1350px){
    .index-page .box3 li:first-child{top:-20%}
    .index-page .box3 li:nth-child(2){top:-20%}
}

@media (max-width:1280px){
    .header .logo>p{display:none}
    .footer ul{width:57%;padding:0 2%}
    .footer li{width:25%;margin-right:0}
    .footer .media{width:18%}
    .index-page .box3 .con{margin:2rem auto 0}
    .user-login .info{width:62%}
    .user-login .info>p:nth-of-type(1){font-size:.3rem;line-height:.4rem}
    .user-login.reg .info{width:60%}
}

@media (max-width:1200px){
    .index-page .box3 li:first-child{height:2.1rem;top:-21%;}
    .index-page .box3 li:nth-child(2){height:2.1rem;top:-21%;}
    .index-page .box3 li:nth-child(3){height:3.7rem;bottom:17%}
    .index-page .box3 li:last-child{height:3.7rem;bottom:17%}
}

@media (max-width:1170px){
    .index-page .box3 li:first-child{height:2.4rem;top:-27%;}
    .index-page .box3 li:nth-child(2){height:2.4rem;top:-27%;}
    .index-page .box3 li:nth-child(3){height:3.6rem;bottom:17%}
    .index-page .box3 li:last-child{height:3.6rem;bottom:17%}
}

@media (max-width:1140px){
    .index-page .box3 li:first-child{top:-28%;}
    .index-page .box3 li:nth-child(2){top:-28%;}
    .index-page .box3 li:nth-child(3){height:3.4rem;}
    .index-page .box3 li:last-child{height:3.4rem}
}

@media (max-width:1120px){
    .index-page .box3 li:first-child{top:-29%;}
    .index-page .box3 li:nth-child(2){top:-29%;}
}

@media (max-width:1090px){
    .index-page .box3 li:first-child{top:-34%;}
    .index-page .box3 li:nth-child(2){top:-34%;}
    .index-page .box3 li:nth-child(3){height:3rem;}
    .index-page .box3 li:last-child{height:3rem}
}

@media (max-width:1024px){
    .header .user{margin:0}
    .footer .info{width:100%}
    .footer ul{width:100%;padding:0}
    .footer li{width:calc(50% - .1rem)}
    .footer .media{width:100%}
    .float>p{height:.7rem}
    .inner-banner .img{padding-bottom:80%}
    .inner-banner .width>p:nth-of-type(1){font-size:.38rem;line-height:.56rem;max-width:100%}
    .inner-banner .width>p:nth-of-type(2){font-size:.26rem;line-height:.46rem;max-width:100%}
    .index-page .tit>p:nth-of-type(2){font-size:.38rem;line-height:.58rem}
    .index-page .box1 .m{padding-bottom:150%}
    .index-page .box1 .width{top:20%}
    .index-page .box1 .info>p:nth-of-type(1){font-size:.36rem;line-height:.56rem}
    .index-page .box1 .info>p:nth-of-type(1).sm{font-size:.36rem;line-height:.56rem}
    .index-page .box3 .con{margin:.6rem auto 0}
    .index-page .box3 .tab{width:100%}
    .index-page .box3 .tab>p{font-size:.36rem;line-height:.56rem}
    .index-page .box4 .con{width:100%}
    .business-page .box1 .items.mid .item{height:auto}
    .business-page .box1 .items.sm .item{height:auto}
    .business-page .box1 .con{padding:.8rem .4rem}
    .business-page .box1 .items.mid .con{padding:.8rem .4rem}
    .business-page .box1 .items.sm .con{padding:.8rem .4rem}
    .business-page .box1 .info>a{font-size:.28rem;padding:0 .3rem;margin-right:.2rem}
    .business-page .box1 .info>a:last-child{margin-right:0}
    .about-page .tit>p:nth-of-type(2){font-size:.38rem;line-height:.58rem}
    .about-page .box2 li:first-child .info{top:15%}
    .about-page .box2 li:first-child .info>p{max-width:100%;font-size:.26rem;line-height:.4rem}
    .about-page .box3 li{padding:.6rem .4rem}
    .about-page .box3 li>p:nth-of-type(2){font-size:.28rem;line-height:.48rem}
    .user-login .info{width:100%}
    .user-login .info>p:nth-of-type(1){font-size:.38rem;line-height:.58rem}
    .user-login .info>p:nth-of-type(2){font-size:.26rem;line-height:.46rem}
    .user-login.reg .info{width:100%}
    .user-page .left{padding:.4rem .4rem .2rem}
    .user-page .left .user-info{width:2rem}
    .user-page .left .img-div{width:2rem;height:2rem}
    .user-page .left .nav{display:block;margin-top:0}
    .user-page .left .nav>a{width:100%;font-size:.26rem;line-height:.7rem}
    .user-page .left .nav>a:nth-child(2n+1){margin-right:0}
}