.is_mobile,.is_mobile_flex{
    display: none!important
}
.is_pc{
    display: block!important;
}
.is_pc_flex{
    display: flex!important;
}
@media screen and (max-width:750px){
    .is_pc,.is_pc_flex{
        display: none!important;
    }
    .is_mobile{
        display: block!important;
    }
    .is_mobile_flex{
        display: flex!important;
    }
    .w12{
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    html{
        font-size: 0.133333333vw;
    }
    #top{
        display: none;
    }
    nav{
        padding: 0 30rem;
        margin-top: 0px!important;
        height:88rem;
        box-sizing: border-box;
    }
    nav>div.flex{
        height: 100%;
    }
    .banner{
        margin-top: 88rem;
    }
    .fixedRight{
        display: none;
    }
    .bannerDesc {
        position: absolute;
        top: 43rem;
        left: 50%;
        margin-left: -224rem;
        width: 448rem;
    }
    .factoryZone{
        margin-top: 40rem;
    }
    .WebinarZone{
        padding-top: 60rem;
    }
    .ZoneTit div {
        position: relative;
        padding: 0 37rem;
        line-height: 42rem;
        font-size: 30rem;
        font-weight: 800;
        text-align: left;
        color: #3195f0;
    }
    .ZoneTit div::before {
        top: 11rem;
        width: 30rem;
        height: 20rem;
        background: url(../img/tit.png) 0px top no-repeat;
        background-size: 207rem 20rem;
    }
    .ZoneTit div::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 11rem;
        width: 30rem;
        height: 20rem;
        background: url(../img/tit.png) right top no-repeat;
        background-size: 207rem 20rem;
    }
    #wzId, #schemeId, #videoId, #bpId{
        top: -44rem;
    }
    .WebinarZoneTit, .videoZoneTit{
        padding-bottom: 40rem;
    }
    .factoryZone,.zone{
        padding: 0 30rem;
    }
    .webImg {
        position: relative;
        height: 388rem;
        width: 100%;
    }
    .webImg::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 98rem;
        height: 98rem;
        transform: translate(-50%,-50%);
        background: url(../img/playBtn.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .webDesc {
        width: 100%;
        height: 109rem;
        background: #f8f8f8;
        padding: 18rem 30rem 0;
        box-sizing: border-box;
        line-height: 37rem;
        font-size: 26rem;
        font-weight: 400;
        text-align: left;
        color: #333333;
    }
    .WZoneSwiperCon3  .swiper-slide a{
        display: block;
    }
    .WZoneSwiperCon3  .swiper-slide a:first-child {
        margin-bottom:20rem ;
    }
    .WZoneSwiper .swiper-slide{
        height: 1050rem;
    }
    .swiper-pagination{
        width: 100%!important;
        left: 0!important;
        right: 0!important;
        bottom: 80rem!important;
        margin-left: 0px!important;
        text-align: center;
    }
    .swiper-pagination .swiper-pagination-bullet{
        width: 24rem;
        height: 8rem;
    }
    .WZoneSwiper{
        height: 1100rem;
        padding-bottom: 60rem;
    }
    .knowledgeBase{
        padding-top: 60rem;
        padding-bottom: 60rem;
    }
    .knowNav{
        width: 100vw;
        margin-left: -30rem;
        margin-bottom: 20rem;
    }
    .knowNav span{
        font-size: 26rem;
        font-weight: 400;
        text-align: center;
        line-height: 60rem;
        color: #333333;
        background: #fff;
        cursor: pointer;
    }
    .knowledgeUl li {
        margin-top: 20rem;
        padding: 24rem;
        width: 100%;
        box-sizing: border-box;
        background: #ffffff;
    }
    .knowledgeUl li h3 {
        line-height: 37rem;
        font-size: 26rem;
        font-weight: 700;
        text-align: left;
        color: #333333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .carInfo {
        align-items: flex-start;
        margin-top: 22rem;
    }
    .carInfo img {
        width: 176rem;
        height: 117rem;
        margin-right: 24rem;
    }
    .carInfo div {
        font-size: 24rem;
        font-weight: 400;
        text-align: left;
        color: #333333;
        line-height: 30rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .videoZone {
        padding-top: 60rem;
    }
    .VZoneSwiperCon3 .swiper-slide a{
        display: block;
        margin-bottom: 20rem;
    }
    .VZoneSwiperCon{
        height: 1050rem;
    }
    .VZoneSwiper{
        padding-bottom: 60rem;
    }
    .VZoneSwiper .swiper-pagination{
        bottom: 30rem!important;
    }
    .blogpostZone {
        padding-top: 60rem;
        padding-bottom: 60rem;
    }
    .blogpostZone ul li{
        width: 100%;
    }
    .blogpostZone ul li a{
        padding: 34rem 20rem 0 20rem;
        height: 140rem;
    }
    .blogpostZone a h3 {
        line-height: 37rem;
        font-size: 26rem;
    }
    .blogpostZone a div {
        margin-top: 7rem;
        line-height: 27rem;
        font-size: 20rem;
    }
    .blogpostZone ul li{
        margin-top: 14rem;
    }
    .about {
        background: #f2f2f2;
        padding: 60rem 30rem;
    }
    .aboutContent{
        display: block;
    }
    .aboutTit {
        font-size: 30rem;
        font-weight: 700;
        text-align: left;
        color: #333333;
        line-height: 42rem;
    }
    .aboutLeft{
        padding-top: 30rem;
        flex: 1;
        font-size: 24rem;
        font-weight: 500;
        text-align: left;
        color: #333333;
        line-height: 36rem;
    }
    .aboutRight{
        width: auto;
        margin-top: 54rem;
        margin-left: 0px;
        margin-bottom: 20rem;
    }
    .aboutRight img {
        margin: 0 auto;
        display: block;
        width: 263rem;
        height: 263rem;
    }
    .aboutRight div {
        font-size: 28rem;
        line-height: 38rem;
        margin-top: 0;
    }
    .factoryZone{
        overflow: auto;
    }
    .factoryZone>div{
        width: 1202rem;
        overflow: auto;
        white-space: nowrap;
        font-size: 0;
        vertical-align: middle;
    }
    .factoryZone a {
        width: 230rem;
        height: 60rem;
        background: #ffffff;
        border: 1px solid #efefef;
        border-radius: 2px;
        box-sizing: border-box;
        margin-right: 13rem;
    }
    .factoryZone>div a:nth-child(1) img{
        width: 88rem;
    }
    .factoryZone>div a:nth-child(2) img{
        width: 138rem;
    }
    .factoryZone>div a:nth-child(3) img{
        width: 97rem;
    }
    .factoryZone>div a:nth-child(4) img{
        width: 113rem;
    }
    .factoryZone>div a:nth-child(5) img{
        width: 58rem;
    }
    .WebinarZoneTit{
        margin-top: 60rem;
    }
    .luckDrawContent {
        border-radius: 20rem;
        width: 690rem;
        height: 90%;
        margin-left: 0;
        margin-top: 0;
        padding: 51rem 20rem 34rem;
        transform: translate(-50%,-50% );
        box-sizing: border-box;
    }
    .close {
        width:32rem;
        height: 32rem;
        position: absolute;
        right: 24rem;
        top: 28rem;
        background: url(../img/close.png) left top no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
    }
    .drawList {
        display: block;
        margin-top: 31rem;
        margin-bottom: 24rem;
    }
    .luckDrawContent{
        overflow: auto;
    }
    .drawList ul{
        width: 100%;
        flex-wrap: wrap;
        padding: 20rem 0 0 34rem;
        box-sizing: border-box;
    }
    .drawList li{
        width: 269rem;
        margin-bottom: 20rem;
    }
    .drawList li>div{
        height: 255rem;
        border-radius: 2rem;
    }
    .drawList li:nth-child(2n){
        margin-left: 44rem;
    }
    .drawList li p {
        margin-top: 19rem;
        font-size: 20rem;
        font-weight: 700;
        text-align: center;
        color: #666666;
        line-height: 28rem;
    }

    .drawList ul li:nth-child(1)>div img {
        width: 174rem;
    }
    .drawList ul li:nth-child(2)>div img {
        width: 179rem;
    }
    .drawList ul li:nth-child(3)>div img {
        width: 150rem;
    }
    .drawList ul li:nth-child(4)>div img {
        width: 145rem;
    }
    .elecErcode{
        width: 100%;
        margin-left: 0;   
    }
    .elecErcode img{
        margin: 24rem auto 0;
        width: 328rem;
    }
    .elecErcode div{
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #333333;
        line-height: 33rem;
        margin-top: 9rem;
    }
    .drawTime {
        padding: 20rem 16rem  16rem;
        background: #f6f9fb;
        border-radius: 4px;
    }
    .drawTime ul.time {
        font-size: 26rem;
        font-weight: 700;
        text-align: left;
        color: #333333;
        line-height: 38rem;
        letter-spacing: 1.4px;
        margin-bottom: 20rem;
    }
    .tips {
        text-align: left;
        color: #a5a5a5;
        line-height: 38rem;
        letter-spacing: 1.4px;
    }
    .cotactFs {
        display: block;
        justify-content: flex-start;
        font-size: 28rem;
        font-weight: 400;
        color: #000;
        line-height: 49rem;
    }
    .cotactFs li{
        justify-content: flex-start;
        margin-top: 20rem;
    }
    .logo {
        width: 92rem;
        height: 43rem;
    }
    .menu{
        position: relative;
        width:48rem ;
        height: 48rem;
        background: url(../img/menu.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .menu.isOpen{
        background: url(../img/menuClose.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .downMenu{
        display: none;
        position: fixed;
        left: 0px;
        top: 88rem;
        z-index: 299999999;
        width: 100%;
        height: calc(100% - 88rem);
        background: rgba(0,0,0,0.5);
    }
    .isOpen  .downMenu{
        display: block;
    }
    .downMenu ul{
        position: absolute;
        right: 0px;
        top: 0;
        width: 446rem;
        height: 100%;
        background: #fff;
    }
    .downMenu ul li{
        font-size: 30rem;
        line-height: 88rem;
        color:#111C24 ;
        margin-left: 45rem;
        padding: 0;
    }
    .downMenu ul li a{
        font-weight: 400!important;
    }
    .downMenu ul li.act::after,.downMenu ul li:hover::after{
        display: none;
    }
    .giftIcon img {
        width: 40rem;
        vertical-align: middle;
        margin-right:4rem;
    }
}