@media (max-width:1400px) {
    .banPrev,
    .banNext{
        width: 45px;
        height: 45px;
    }
    .box2Bg{
        padding: .5rem 0;
    }
    .box3Tit{
        margin: 0 auto;
    }
    .box5Tit{
        font-size: 50px;
    }
    .box5Text{
        font-size: 24px;
    }

}
@media (max-width:1200px) {
    .box1Img{
        display: none;
    }
    .box2Tit{
        font-size: 24px;
        line-height: 70px;
    }
    .box2Tit span{
        padding-left: 60px;
    }
    .box2Text{
        font-size: 14px;
    }
    .box3Tab li span{
        font-size: 16px;
    }
    .box3Tag{
        width: .5rem;
        height: .24rem;
    }
    .box3Img{
        margin: 0 auto;
    }
    .box3Name{
        font-size: 16px;
    }
    .box3Price{
        font-size: 14px;
    }
    .box5Bg{
        display: flex;
        flex-direction: column-reverse;
    }
    .box5Tit{
        font-size: 30px;
        padding: 0;
        text-align: center;
        margin: 0;
    }
    .box5Text{
        position: static;
        padding: 0;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        margin: .2rem 0;
    }
    .box5Map{
        float: none;
        width: 100%;
        max-width: 888px;
        margin: 0 auto;
    }
    .box8Tit{
        min-width: 0;
    }
}
@media (max-width:991px) {
    .box1Lef,
    .box1Rig{
        float: none;
        width: 100%;
    }
    .box1List{
        font-size: 14px;
        line-height: 38px;
    }
    .box1List li a::before{
        line-height: 36px;
    }
    .box3Item li{
        width: 33.33%;
    }
}
@media (min-width:768px) {
    .box5List li{
        display: block !important;
    }
}
@media (max-width:767px) {
    .banPrev,
    .banNext{
        width: .44rem;
        height: .44rem;
    }
    .box3Tab li span{
        font-size: 14px;
    }
    .box5Dot{
        display: block;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        border: 1px solid rgba(0,0,0, .10);
        margin: .2rem 15px;
        list-style: none;
    }
    .box5Dot li{
        float: left;
        width: 33.33%;
        border-top: 1px solid rgba(0,0,0, .10);
        border-left: 1px solid rgba(0,0,0, .10);
        margin-left: -1px;
        margin-top: -1px;
    }
    .box5Dot li span{
        display: block;
        padding: 10px 0;
        cursor: pointer;
    }
    .box5Dot li.active span{
        background: #5e9d2b;
        color: #FFFFFF;
    }
    .box5List{
        padding: 0 15px;
    }
    .box5List li{
        position: static;
    }
    .box5Point{
        display: none;
    }
    .box5Img{
        display: block;
        position: static;
        width: 100%;
        transform: translateX(0);
    }
    .box8Tit{
        display: block;
        float: none;
        text-align: left;
    }
    .box8Rig{
        display: block;
    }
    .box8Rig select{
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: .1rem;
    }
    .layui-col-space20{
        margin: 0;
    }
    .layui-left .left-nav-title{
        position: relative;
        top: 0;
        margin-top: -.3rem;
        z-index: 1;
    }
}
@media (max-width:640px) {
    .box2Img{
        float: none;
        width: 100%;
        text-align: center;
    }
    .box2Img img{
        display: block;
        max-width: 50%;
        margin: 0 auto .3rem;
    }
    .box2Rig{
        float: none;
        width: 100%;
    }
    .box3Tab{
        flex-wrap: wrap;
        margin:.4rem 0;
    }
    .box3Tab li{
        flex: none;
        padding: 0 .1rem;
    }
    .box3Tab li span{
        font-size: 12px;
    }
    .box3Item li{
        width: 50%;
    }
    .box6List{
        display: block;
    }
    .box6List li{
        width: 100%;
    }
}
@media (max-width:460px) {
    .box2Tit{
        font-size: 18px;
        line-height: 50px;
    }
    .box2Tit span{
        padding-left: 40px;
    }
    .box2More{
        height: 36px;
        line-height: 34px;
    }
    .box3Name{
        font-size: 14px;
    }
    .box3Des{
        font-size: 12px;
        line-height: 22px;
        height: 44px;
    }
    .box7List li{
        width: 50%;
    }
}
@media all and (orientation : landscape) {

}
@media all and (orientation : portrait) {

}