@media (max-width:1600px) {
    .banTag{
        font-size: 14px;
        line-height: 30px;
        min-width: 80px;
        margin-bottom: .1rem;
    }
    .banTit{
        margin: .2rem 0;
    }
    .banTit img{
        max-height: 5vw;
    }
    .banTd{
        font-size: 30px;
    }
	.banDes{
        max-width: 280px;
		font-size: 14px;
	}
    .banMore{
		font-size: 14px;
	}
    .banBot{
        bottom: 25px;
    }
    .banName{
        font-size: 24px;
    }
    .banLine{
        margin: .15rem 0;
    }
    .banNum{
        font-size: 36px;
    }
    .banCon{
        font-size: 12px;
    }
    .hmTop{
        font-size: 14px;
    }
    .hmTit{
        font-size: 2.2vw;
    }
    .hm1List{
        padding: 0 .7vw;
    }
    .hm1List li{
        padding: 0 0.7vw;
    }
    .hm1Ico{
        width: 14%;
    }
    .hm1Ico img{
        max-width: 60%;
    }
    .hm1Tit{
        font-size: 24px;
    }
    .hm1Des{
        font-size: 14px;
    }
    .hm1More{
        font-size: 12px;
    }
    .hm2Box{
        padding: 0 1.4vw;
    }
    .hm2Tit{
        font-size: 34px;
    }
    .hm2Btn span{
        width: 45px;
        height: 45px;
    }
    .hm2Des{
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    .hm2Parm{
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }
    .hmBtn.hm2Btn span{
        background-size: 15px auto;
    }
    .hm4Text{
        top: 5%;
    }
    .hm4Tit{
        font-size: 40px;
    }
    .hm4Con{
        font-size: 20px;
        line-height: 1.6;
    }

    .proList{
        margin: 0 -1vw;
    }
    .proList li{
        padding: 0 1vw;
        margin-bottom: 2vw;
    }
    .proTit{
        margin: .1rem 0;
        line-height: 1.6;
    }
    .proTd{
        font-size: 16px;
        line-height: 24px;
        height: 24px;
        -webkit-line-clamp: 1;
    }
    .proParm{
        font-size: 14px;
        line-height: 24px;
        height: 96px;
        -webkit-line-clamp: 4;
    }
    .proBox1{
        min-height: calc(100vh - 140px);
    }
    .pro1Rig img{
        max-height: calc(100vh - 5.7vw - 140px);
    }
    .pro5List .swiper-container{
        right: 100px;
    }
    .pro5Page{
        left: calc(100% - 90px);
    }
    .pro5Page .swiper-pagination-bullet{
        width: 14px;
        height: 14px;
    }
    .pro5Page .swiper-pagination-bullet-active::before{
        width: 20px;
        height: 20px;
        margin-top: -4px;
        margin-left: -4px;
        position: absolute;
    }
    .pro5Page i{
        width: 8px;
        height: 8px;
    }
    .other{
        margin: 0 -5px;
    }
    .other li{
        padding: 0 5px;
    }
    .otherTit{
        font-size: 20px;
    }


    .banParm .imgBg{
        height: 240px;
    }
    .proBrand h2{
        font-size: 28px;
    }
    .proH1{
        font-size: 20px;
    }
    .proTable{
        font-size: 14px;
    }
    .proDetail{
        font-size: 14px;
    }
}
@media (max-width:1400px) {
    .hm4Text{
        top: 0;
    }
    .hm4Tit{
        font-size: 32px;
    }
    .hm4Con{
        font-size: 16px;
    }
    .proBtn a{
        padding: 5px 10px;
        min-width: 100px;
        margin-right: .1rem;
    }
    .hotRig .toDetail{
        margin-left: 1vw;
    }
}
@media (max-width:1200px) {
    .banner{
        height: 80vh;
    }
    .banTop .banText{
        padding: 0 .3rem;
    }
    .banBot{
        position: static;
    }
    .banBot .swiper-container{
        opacity: 0;
        visibility: hidden;
    }
    .banPrev,
    .banNext{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.5);
        width: 24px;
        height: 50px;
        background-size: 18px auto;
    }
    .banPrev{
        border-radius: 0 5px 5px 0;
    }
    .banNext{
        border-radius: 5px 0 0 5px;
    }
	.banPage{
        display: block;
		bottom: .2rem !important;
	}
    .title{
        font-size: 22px;
    }
    .proTd{
        margin: .1rem 0;
    }
    .proParm{
        font-size: 12px;
        line-height: 20px;
        height: 60px;
        -webkit-line-clamp: 3;
    }
    .proBtn a{
        font-size: 12px;
        min-width: 80px;
    }
    .banParm .imgBg{
        height: 2rem;
    }
    .proBox1{
        min-height: calc(100vh - 110px);
    }
    .pro1Rig img{
        max-height: calc(100vh - 5.7vw - 110px);
    }
    .pro3Item{
        padding: .3rem 0 0;
    }
    .pro3Des{
        font-size: 14px;
    }
    .pro5Page i{
        margin: .8vw auto;
    }
    .otherTit{
        font-size: 16px;
    }
}
@media (max-width:991px) {
    .hmTop{
        margin: .2rem 0;
    }
    .hmTit{
        font-size: 22px;
    }
    .hm1Name{
        font-size: .4rem;
        top: 30%;
        left: 8%;
    }
    .hm1Tit{
        font-size: 20px;
    }
    .hm2Box{
        display: block;
    }
    .hm2Lef{
        width: 100%;
    }
    .hm2Rig{
        width: 100%;
        padding: .3rem;
        margin: 0;
    }
    .hm2Tit{
        font-size: 28px;
        line-height: 38px;
    }
    .hm2Btn{
        position: static;
        justify-content: center;
        margin-top: .2rem;
    }
    .hmBtn.hm2Btn{
        margin: 0;
    }
    .hm2Btn span{
        width: 38px;
        height: 38px;
        background-size: 20px auto;
    }
    .hm2Des{
        margin: .1rem 0;
        height: auto;
    }
    .hm2Parm{
        margin: .1rem 0;
        height: auto;
    }
    .proList li{
        width: 100%;
    }
    .proCard{
        padding: .3rem;
        align-items: center;
    }
    .proTit{
        font-size: 24px;
    }
    .proImg img{
        max-height: 3rem;
    }
    .hotDes{
        font-size: 12px;
    }
    .proBox1{
        min-height: 0;
        padding: .3rem 0 0;
    }


    .proBrand h2{
        font-size: 24px;
    }
    .proH1{
        font-size: 18px;
        margin: .2rem 0;
    }
}
@media (max-width:767px) {
    .banTit img{
        max-height: .8rem;
    }
    .banTd{
        font-size: .3rem;
    }
    .hm3Box .swiper-slide{
        width: 92%;
    }
    .hmBtn.hm2Btn span{
        width: 38px;
        height: 38px;
        background-size: 8px auto;
    }
    .hmBtn .hm2Prev{
        left: .1rem;
    }
    .hmBtn.hm2Btn span{
        right: .1rem;
    }
    .hm4Box .swiper-container{
        width: calc(100% - .2rem - 96px);
    }
    .title{
        margin: .3rem 0;
    }
    .pro5Box{
        margin: 0 !important;
    }
    .pro5List .swiper-container{
        right: 0;
    }
    .pro5Text{
        left: 0 !important;
        padding: .3rem !important;
    }
    .pro5Tit{
        font-size: .32rem;
    }
    .pro5Des{
        font-size: .2rem;
        max-width: 60%;
    }
    .pro5Page{
        position: static;
        margin: 0;
        text-align: center;
        display: block;
        margin-top: .2rem;
    }
    .pro5Page .swiper-pagination-bullet{
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }
    .pro5Num{
        display: none;
    }
    .pro5Page i{
        display: none;
    }
    .otherTit{
        font-size: 14px;
    }
}
@media (max-width:640px) {
    .hm1Ico{
        display: none;
    }
    .hm1Tit{
        font-size: 18px;
    }
    .hm2Tit{
        font-size: .32rem;
        line-height: 1.8;
    }
    .hm4Tit{
        font-size: .36rem;
        line-height: 1.2;
    }
    .hm4Con{
        font-size: 14px;
    }
    .proTit{
        font-size: 20px;
    }
    .pro1Lef{
         font-size: .32rem;
         line-height: 1.8;
    }
    .proTitEn,
    .proTitCn{
        font-size: .36rem;
    }
    .pro3Item{
        display: block;
        padding: 0;
    }
    .pro3Img{
        width: 100%;
    }
    .pro3Img .imgBg{
        min-height: 0;
        height: 0;
        padding-bottom: 51.3%;
    }
    .pro3Text{
        padding: .3rem !important;
    }
    .pro3Tit{
        font-size: .32rem;
    }
    .pro3Des{
        font-size: .2rem;
    }
    .play{
        width: 1rem;
        height: 1rem;
        max-width: 0.8rem;
        max-height: 0.8rem;
    }
    .other li{
        width: 50%;
    }
    .proBrand{
        padding: .3rem 0 .1rem;
        line-height: 24px;
    }
    .proBrand h2{
        float: none;
        font-size: 20px;
    }
}
@media (max-width:460px) {
    .banTd{
        font-size: .36rem;
    }
    .banDes{
        font-size: 12px;
    }
    .banMore{
        font-size: 12px;
    }
    .hmTit{
        font-size: 20px;
    }
    .hm1List li{
        width: 100%;
    }
    .hm1Text{
        padding: .2rem 0;
    }
    .hm1Tit{
        font-size: 16px;
        font-weight: bold;
    }
    .hm1Des{
        -webkit-line-clamp: 2;
    }
    .hm1More{
        display: none;
    }
    .hm2Des{
        display: none;
    }
    .hm2Btn span{
        width: 32px;
        height: 32px;
    }
    .hmBtn.hm2Btn span{
        width: 32px;
        height: 32px;
        background-size: 6px auto;
    }
    .hm4Box .swiper-container{
        width: calc(100% - .2rem - 84px);
    }
    .hm4Text{
        top: 10%;
    }
    .hm4Tit{
        font-size: .44rem;
    }
    .hm4Con{
        font-size: .28rem;
    }
    .title{
        font-size: 20px;
    }
    .proTit{
        font-size: 14px;
    }
    .proTd{
        font-size: 12px;
    }
    .proParm{
        display: none;
    }
    .proBtn a{
        line-height: 18px;
    }
    .hotPro{
        padding: .3rem;
    }
    .hotImg{
        float: none;
        width: 100%;
    }
    .hotRig{
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .hotTit{
        font-size: .4rem;
        letter-spacing: .2rem;
    }
    .hotTd{
        font-size: .32rem;
        letter-spacing: .28rem;
    }
    .hotRig .proBtn a{
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 5px .1rem !important;
    }
    .pro3Tit{
        font-weight: bold;
    }
    .pro5Page .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .pro5Page .swiper-pagination-bullet-active::before{
        width: 14px;
        height: 14px;
        margin-left: -3px;
        margin-top: -3px;
    }


    .proBrand h2{
        font-size: 18px;
    }
    .proH1{
        font-size: 16px;
    }
    .proTable{
        font-size: 12px;
    }

}
@media all and (orientation : landscape) {

}
@media all and (orientation : portrait) {

}