.is_pc{
    display: block!important;
}
.is_pc_flex{
    display: flex!important;
}
.is_mobile,.is_mobile_flex{
    display: none!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;
    }
    html{
        font-size: 0.13333333vw;
    }
    .w12{
        width: 100vw;
        padding-left: 30rem;
        padding-right: 30rem;
        box-sizing: border-box;
    }
    #top{
        display: none;
    }
    header{
        top: 0px;
        height: 80rem;
    }
    header>div{
        height: 80rem;
        padding: 0 30rem;
    }
    .bannerWrap{
        margin-top: 80rem;
        height: 600rem;
    }
    .flexLeft .logo1{
        width: 138rem;
        margin-right: 18rem;
    }
    .flexLeft .logo2{
        width: 110rem;
    }
    .banner{
        width: 100vw;
        height: 600rem;
    }
    .bannerBtn{
        left: 0px;
        bottom: 167rem;
        margin-left: 30rem;
        width:calc(100vw - 30rem);
        padding-left: 0px;
    }
    .bannerBtn>a{
        margin-bottom: 0px;
        width:216rem ;
        height: 60rem;
    }
    .partTitle {
        position: relative;
        padding: 80rem 30rem 50rem;
        text-align: left;
        line-height: 34rem;
        font-size: 36rem;
        font-weight: 800;
        color: #ffffff;
        letter-spacing: 0.9px;
    }
    .partTitle span {
        display: block;
        margin-top: 15rem;
        font-size: 18rem;
        font-weight: 400;
        text-align: left;
        color: #999999;
        letter-spacing: 0.45px;
    }
    .video{
        display: block;
    }
    .video .partLeft {
        position: relative;
        width: 100%;
        height: 388rem;
        background-size: 100% 100%;
        cursor: pointer;
        margin-right: 0;
    }
    .video .partLeft::after {
        width: 86rem;
        height: 86rem;
        opacity: 1;
    }
    .video .partRight  h3{
        font-size: 32rem;
        line-height: 1;
        font-weight: 800;
        text-align: left;
        color: #ffffff;
        margin-bottom: 38rem;
        margin-top: 40rem;
    }
    .video .partRight div {
        font-size: 24rem;
        font-weight: 400;
        text-align: justify;
        color: #ffffff;
        line-height: 40rem;
    }
    .productList{
        margin-top:18rem ;
        flex-wrap: wrap;
    }
    .productList li {
        position: relative;
        width: 334rem;
        height: 480rem;
        background: #ffffff;
        border-radius: 4rem;
        padding-top: 38rem;
        box-sizing: border-box;
        text-align: center;
        margin-top: 30rem;
    }
    .productList li h3 {
        font-size: 28rem;
        font-weight: 800;
        text-align: center;
        color: #333333;
        line-height: 32rem
    }
    .productList li>div {
        font-size: 18rem;
        font-weight: 400;
        text-align: center;
        color: #999999;
        line-height: 1;
        letter-spacing: 0.12px;
        margin-top: 14rem;
        margin-bottom: 32rem;
        white-space: nowrap;
    }
    .productList li:nth-child(1) img{
        width: 268rem;
    }
    .productList li:nth-child(2) img{
        width: 251rem;
    }
    .productList li:nth-child(3) img{
        width: 267rem;
    }
    .productList li:nth-child(4) img{
        width: 227rem;
    }
    .pBtn{
        bottom: 38rem;
        width: 190rem;
        height: 52rem;
    }
    .part1{
       padding-bottom: 80rem; 
    }
    .qaContent li:nth-child(2n-1){
        padding-left: 110rem;
    }
    .qaContent li:nth-child(2n-1)::before {
        left: 0px;
        top: 32rem;
        width: 90rem;
        height: 90rem;
        background: #deeeff;
        border-radius: 50%;
    }
    .qaContent li:nth-child(2n-1) span{
        position: absolute;
        top: 32rem;
        text-align: center;
        width: 90rem;
        height: 90rem;
        font-size: 32rem;
        font-weight: 700;
        text-align: center;
        color: #1e3251;
        letter-spacing: 1.2px;
        line-height: 90rem;
    }
    .qaContent li{
        padding-top: 40rem;
        width: 580rem;
    }
    .qaContent li div {
        width: 470rem;
        box-sizing: border-box;
        font-size: 20rem;
        font-weight: 500;
        text-align: left;
        color: #333333;
        line-height: 28rem;
        letter-spacing: 0.8px;
    }
    .qaContent li:nth-child(2n-1) div {
        padding: 20rem 35rem 13rem;
        background-color: #fff;
        color: #333333;
        border-radius: 30rem 30rem 30rem 0px;
    }
    .qaContent li:nth-child(2n)::before{
        width: 90rem;
        height: 90rem;
    }
    .qaContent li:nth-child(2n){
        padding-right: 110rem;
    }
    .qaContent li:nth-child(2n)::before{
        right: 0px;
        top: 32rem;
    }
    .qaContent li:nth-child(2n) div {
        padding: 20rem 40rem;
        border-radius: 30rem 0px 30rem 30rem;
    }
    .qaContent{
        height: 600rem;
    }
    .downSeeMore {
        transform: translate(-50%,0);
        width: auto;
        margin: 0 auto;
        padding-right: 38rem;
        font-size: 24rem;
        font-weight: 500;
        color: #ffffff;
        line-height: 1;
        margin-top: 36rem;
    }
    .downSeeMore::after {
        right: 0px;
        top: 2rem;
        width: 24rem;
        height: 18rem;
    }
    .foot {
        height: 828rem;
        padding-top: 52rem;
    }
    .applyTitle {
        font-size: 24rem;
        line-height: 36rem;
        margin-bottom: 32rem;
    }
    .footApplyBtn {
        width: 540rem;
        height: 88rem;
        background: url(../img/footBtn3.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .footApplyBtn:hover{
        background: url(../img/footBtn3.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .footLogo {
        margin-top: 79rem;
        margin-bottom: 46rem;
        width: 189rem;
        height: 36rem;
        background: url(../img/footLogo.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .footWrod {
        font-size: 24rem;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 40rem;
    }
    .smBtn{
        display: block;
        width: 180rem;
        line-height: 80rem;
        height: 80rem;
        background: #41c363;
        color: #fff;
        font-size: 24rem;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.6px;
        margin-right: 33rem;
    }
    .menuCls{
        width: 30rem;
        height: 30rem;
        background: url(../img/menu.png) left no-repeat;
        background-size: 100% 100%;
    }
    .menuCls2{
        background: url(../img/close.png) left no-repeat;
        background-size: 100% 100%;
    }
    .menuList{
        display: none;
        position: fixed;
        left: 0px;
        top: 80rem;
        z-index: 188;
        width: 100vw;
        height: calc(100vh - 80rem);
        background: rgba(0,0,0,0.5);
    }
    .menuList ul{
        position: absolute;
        right: 0px;
        top: 0px;
        width: 280rem;
    }
    .flexRight li.active a{
        width: 280rem;
        background: #05984a;
    }
    .flexRight li a{
        width: 280rem;
        line-height: 80rem;
        background: #05984a;
        font-size: 24rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
    }
    .partTitle>p{
        top: -80rem;
    }
    .part2{
        padding-bottom: 120rem;
    }
    .qaTitle span{
        color: #fff;
    }
    .footer{
        display: none;
    }
}