@media screen and (max-width: 750px){
    .head-nav-main{
        display: none;
    }
  
    .logo i{
        color:#fff;
        font-size: 4vw;
    }
    .language{
        display: none;
    }
    .head{
        width: 100%;
        position: fixed;
        top:0;
        z-index: 999;
        left:0;
      
        height:  13.3333vw;
    }
    .mblanguage{
        display: block;
        position: absolute;
        right: 3vw;
        top:3vw;
       
    }
    .mblanguage img{
        width: 7vw;
        height: 7VW;
    }
    .topnav{
        width: 100%;
        height: 100%;
    }
    .wxgzh{
        text-align: center !important;
        float: initial;
    }
    .handtopmaintwo-ul>li{
        margin:0;
        margin-bottom: 3vw;
    }
    .wxgzhbox{
        opacity:1;
        display: block;
        margin:1vw auto;
        background: transparent !important;
        width: 40%  !important;
        height: 40%  !important;
    }
    .footmain .thouchway{
        position: inherit;
    }
    .wxgzhbox img{
        opacity:1;
        width: 100% !important;
        height: 100%;
    }
    .logo {
        height: 100%;
        margin:0 auto;
        position: unset;
        top: 0;
        line-height: 13.3333vw;
        text-align: center;
    }
    .mbnav{
        display: block;
        position: fixed;
        top:3vw;
        left:4vw;
        z-index: 999;
    }
    .mbnav i{
        font-size: 4.5vw;
        color:#fff;
    }
    .mbflex{
        display: flex !important;
    }
    .user{
        display: block;
        position: fixed;
        top:3vw;
        right:4vw;
        z-index: 999;
    }
    .user i{
        font-size: 4.5vw;
        color:#fff;
    }
    .fourpart ul li {
        width: 100%;
        margin-bottom: 2.5vw;
        font-family: 'huipu';
    }
    .fourpart {
        padding: 0;
    }
    .pc{
        display: none !important;
    }
    .fourpart ul.pc{
        display: none;
    }
    .mb{
        display: block;
    }
    .mbcactive{
        display: block !important;
    }
    .pcbmb{
        display: none;
    }
    .banner{
        margin-top: 13.33333vw;
    }
    .banner .swiper-container{
        padding-bottom: 10vw;
    }
    .banner .swiper-pagination{
        bottom: 3vw !important;
    }
    .banner .swiper-pagination-bullet {
        background-color: #d6cad1 !important;
        width: 1.7vw;
        height: 1.7vw;
        margin-right: 3vw;
    }
    .ktpic {
        margin-top: 3vw;
        background-color: #f2f2f2;
        position: relative;
    }
    .swiper-container1 h2{
        width: 100%;
        position: absolute;
        top: 25vw;
        font-size: 5vw;
        text-align: center;
        font-weight: bold;
        font-family: 'huipu';
    }
    .page a{
        padding:2vw 3vw;
        border:1px solid rgba(229,229,229,1);
        border-radius:2px;
    }
    .page input{
        height:8vw;
        line-height:8vw;
        border:1px solid rgba(229,229,229,1);
        width:10vw;
        border-radius:2px;
        text-align:center;
    }
    .page a:hover,.page a.active{
        background: #eee;
    }
    .swiper-container1 p{
        font-size: 3vw;
        width: 100%;
        position: absolute;
        top: 35vw;
        text-align: center;
        font-family: 'huipu';
    }
    .ptbox {
        position: absolute;
        display: inline-block;
        top: 10vw;
        width: 70%;
        left: calc(50% - 35%);
    }
    .ptbox h2 {
        font-size: 5vw;
        font-weight: bold;
        font-family: 'huipu';
        text-align: center;
    }
    .ptbox p {
        font-family: 'huipu';
        color: #413e3e;
        font-weight: 100;
        font-size: 3vw;
        text-align: center;
        margin: 2vw 0 3vw;
    }
    .foot-nav li {
        float: none;
        
        margin-right: 0;
        font-family: 'huipu';
        border-bottom: 0.1vw solid rgba(216, 209, 209,0.9);
    }
    .footmain{
        width: 100%;
        height: auto;
        padding-bottom: 5vw;
    }
    .fourpart ul {
        display: flex;
        margin-top: 0;
        padding: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .foot-nav{
        display: block;
        padding:0 3vw;
        height: auto;
    }
    .foot-nav li ul li .headp {
        color:rgba(216, 209, 209,0.9);
        padding-top: 5vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        font-family: 'huipu';
    }
    .foot-nav li ul li{
        position: relative;
        height: 13vw;
        overflow: hidden;
    }
   .navadd{
       position: absolute;
       font-size: 4.5vw;
       color: #ebe4e4;
       top: 5vw;
       right:0vw;
   }
   .thouchway{
       
       float: none;
       display: block;
        width: 60%;
       margin: 0 auto;
   }
   .thouchwaytopp{
    text-align: center;
    margin-top: 5vw;
    font-size: 4vw;
   }
   .phonenumber{
       text-align: center;
       margin-top: 3vw;
        font-size: 4vw;
   }
   .thouchtime{
    margin-top: 0vw;
    font-size: 3vw;
    text-align: center;
   }


.mbnav ul>li{
    margin-bottom: 1.2vw;
    height: 0.8vw;
    background-color: blueviolet;
    }


    .mbnavlist{

        display: none;
        text-align: center;
        
    }
    .mbnavlist img{
        width: 30vw;
        height: 7.980421vw;
    }
    .mbnavlist>ul>li:nth-child(1){
   
        line-height: 3vw; 
    }
    .mbnavlist>ul>li.mbnavlistlogo{
        justify-content: center;
        height: 18vw;
    }
    .mbnavlist>ul>li{
        height: 15.5vw;
        overflow: hidden;
        position: relative;
        align-items: center;
        width: 84%;
        margin:0 auto;
        font-family: 'huipu';
    }
    .mbnavlist>ul>li>a{
        color: rgb(216, 209, 209);
        font-size: 3vw;
        margin-left: 4vw;
        margin-top: 6vw;
        font-family: 'huipu';
    }
    .mbnavlisthead{
        padding:5vw 0;
        width: 100%;
        font-family: 'huipu';
        text-align: left;
        font-size: 3.5vw;
        color: rgb(207, 201, 201);
        border-bottom:0.1vw solid rgb(109, 108, 108);
        box-sizing: border-box;
    }
    .openmbnav{
        color: rgb(216, 209, 209);
        font-size: 5vw;
        right: 1vw;
        top: 4vw;
        position: absolute;
    }
    .mbgooodsnav .iconbox{
        display: inline-block;
        opacity: 0.5;
        width: 14.133vw;
        margin:2vw;
        margin-right: 8.667vw;
    }
    .mbgooodsnav{
        border-bottom: 0.1vw solid rgba(216, 209, 209,0.9);
    }
    .mbgooodsnav a{
        height: 18vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    
    .mbnavbtn{
        position: absolute;
        font-size: 5vw;
        color:rgba(216, 209, 209,0.9);
        top:4vw;
        left:5vw;
    }
    .mbgooodsnav img{
        max-width: 100%;
        width: 100%;
    }
    .navmbgoodswords{
        width: 60%;
        color:rgba(216, 209, 209,0.9);
    }




    /* 手动工具 */
    .handtopmain{
        display: none;
    }
    .handtopmaintwo{
        width: 100%;
        margin-top: 0;
    }
    .handcontent{
        padding:13.3333vw 0;
    }
    .handtopmaintwo-libox{
        padding: 14vw 16vw;
    }
    .handtopmaintwotitle {
        font-size: 5vw;
        font-weight: bolder;
        font-family: 'huipu';
    }
    .handtopmaintwop2 {
        margin-bottom: 3vw;
        font-size: 4vw;
        color: #666;
        font-family: 'huipu';
    }
    .price {
        color: #1785e6;
        font-size: 4.5vw;
        font-weight: bold;
        font-family: 'huipu';
    }
    .price span {
        font-size: 4vw;
        font-weight: 100;
    }
    .handtopmaintwo-ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }
    .handtopmaintwo-li {
        width: 100%;
        height: 110vw;
        overflow: hidden;
        background-color: rgb(255, 255, 255);
        margin-bottom: 3vw;
    }
    .handtwopicbox img{
        width: 90%;
    }
    .pdsw .swiper-slide{
        width: 100%;
        background-color: #f5f5f5;
    }
    .productmessagemain{
        width: 100%;
    }
    .bannerpt {
        width: 100%;
        height: auto;
        padding: 13.333vw 0 3vw;
        float: left;
        overflow: hidden;
        background-color: #f5f5f5;
    }
    .bannerpt  .swiper-wrapper .swiper-slide{
        padding: 4vw 0 6vw;
    }
    .bannerpt  .swiper-wrapper>.swiper-slide>img{
        width: 98%;
    }
    .bannerpt .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
        margin-bottom: -0.5vw;
        background-color: #fff;
        width: 1.5vw;
        height: 1.5vw;
    }
    .swiper-pagination-bullet{
        width: 0.5vw;
        height: 0.5vw;
        outline: none;
        background-color: rgb(14, 12, 12);
        border:1px solid rgb(15, 15, 15);
    }
    .productmainright {
        float: left;
        width: 98%;
        margin-top: 0;
        border-radius: 1vw;
        margin-left:1vw;
        background-color: #fff;
    }
    .goodsidtitle {
        font-family: 'huipu';
        font-weight: 100;
        font-size: 5vw;
        margin-top:0vw;
        white-space: nowrap;
        padding: 0 3vw;
    }
    .goodsidtitle2 {
        padding: 0 3vw;
        margin: 1em 0 0em;
        line-height: 4vw;
        font-size: 3vw;
        font-family: 'huipu';
        
    }
    .goodsidprice {
        color: #e30c39;
        font-size: 6vw;
        position: relative;
        font-family: 'huipu';
        padding-left: 6vw;
        margin-bottom: 3vw;
    }
    .goodsidprice span {
        left: 3vw;
        font-size: 4vw;
        position: absolute;
        top: 1vw;
    }
    .standardtitle {
        margin-top: 3vw;
        font-size: 5vw;
        font-family: 'huipu';
        position: relative;
        padding-left: 4vw;
    }
    .standardtitle::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 0.3vw;
        top: 1.2vw;
        left: 3vw;
        height: 5vw;
        background-color: #212222;
    }
    .standardul>li {
        padding: 1vw 3vw;
        font-size: 3vw;
        text-align: center;
        font-family: 'huipu';
        margin-bottom: 3vw;
    }
    .standardul>li {
        width: 23vw;
        float: left;
        border: 0.2vw solid #212222;
        border-radius: 4vw;
        margin:0 3vw 3vw;
        cursor: pointer;
    }

    .standardul>li>i{

        display: inline-block;
        vertical-align: middle;
        background-color: #333;
        width: 3vw;
        height: 3vw;
        border-radius: 50%;

    }
    .standard{
  

        border: 0;
        border-top: 3vw solid #f5f5f5;
    }
    .buylink button {
        width: 23vw;
        height: 7vw;
        font-size: 3vw;
        border-radius: 3vw;
        background-color: #ef4e52;
        margin: 3vw 3vw;
       
    }
    .main-1200 {
        width: 94%;
        margin: 0 auto;
    }
    .productmessage {
        height: auto;
    }
    .goodsspecific {
        width: 92%;
        margin:0 auto;
        padding-top: 0;
        border-top:3vw solid #f5f5f5;
        background-color: #fff;
    }
    .bigtext {
        width: 90%;
        font-size: 5vw;
        font-family: 'huipu';
        font-weight: 400;
        text-align: center;
        margin: 5vw auto 4vw;
    }
    .goodsspecific img{
        width: 100%;
    }
    .idtext {
        text-align: justify;
        width: 100%;
        margin: 0 auto;
        font-size: 3.5vw;
        font-family: 'huipu';
        line-height: 7vw;
    }
    .navpd {
        width: 100%;
        height: auto;
        margin: 4vw auto;
        text-align: center;
    }
    .productintroducecontent{
        padding-bottom: 5vw;
    }



    /* 文章 */
    .newsmain h2 {
        font-size: 5vw;
        font-family: 'huipu';
        margin: 3vw 0;
        text-align: center;
    }
    .bannernews{
        margin-top: 13.33333vw;
    }
    .newsmainbox {
        background-color: #fff;
        padding: 3vw;
        box-shadow: 0 0 10px rgba(214, 206, 206, 0.5);
    }
    .medianewsmain {
        padding-top: 5vw;
        padding-bottom: 4vw;
        border-bottom: 0.1vw dashed #c7b3b3;
    }
    .newsmain .medianewsh2 {
        font-size: 4.5vw;
        text-align: center;
        font-family: 'huipu';
    }
    .medianewsroot {
        text-align: center;
        font-size: 3.5vw;
        color: #8d8282;
    }
    .article {
        text-align: center;
        padding: 4vw 3vw;
    }
    /*.article p {*/
    /*    font-size: 4vw;*/
    /*    font-family: 'huipu';*/
    /*    text-align: justify;*/
    /*    line-height: 7vw;*/
    /*}*/
    .brandnews{
        width: 100%;
    }
    .brandnewsbanner {
        float: left;
        position: relative;
        width: 100%;
        height: 74vw;
    }
    .brandnewsbanner ul {
        height: 74vw;
    }
    .newsbannerbottom {
        position: absolute;
        height: 12vw;
        bottom: 0;
        width: 100%;
        background-color: rgba(0,0,0, 0.5);
    }
    .newsbannerbottom p {
        line-height: 12vw;
        padding-left: 3vw;
        font-family: 'huipu';
        font-size: 3vw;
        display: none;
    }
    .brandnewsbannerbtn {
        display: inline-block;
        float: right;
        line-height: 12vw;
        margin-right: 3vw;
    }
    .brandnewsbannerbtn div {
        display: inline-block;
        width: 2.5vw;
        height: 2.5vw;
        margin: 0 1vw;
        border-radius: 50%;
        background-color: rgba(163, 83, 216, 0.9);
    }
    .brandnewstopright {
        float: left;
        margin-top:1vw;
        margin-left: 0;
    }
    .brandnewsbox li{
        float: none;
    }
    .bah {
        margin-top: 3vw;
        text-align: center;
        font-size: 3.5vw;
        font-family: 'huipu';
        color: #b1aaaa;
    }
    .end{
        display: none;
    }
    .brandnewstopright>div {
        margin-bottom: 3vw;
        margin-top: 3vw;
        width: 100%;
        overflow: hidden;
        height: 73vw;
        background-color: #fff;
    }
    .newstitlebox {
        padding: 1.5vw 2vw;
    }
    .bannernews {
        width: 100%;
        height: 60vw;
        background: url(../images/newsbanner.jpg) center/center #f4f4f4;
    }
    .aboutbanner {
        margin-top:13.3333vw;
        width: 100%;
        height: 50vw;
        background: url(https://cnbj2.fds.api.xiaomi.com/resource/rmwebsite/1E38CAC0FC7A329D5C3CF403FB3122C3.jpg) no-repeat 50% 50%;
        background-size: cover;
    }
    .aboutanshimain>h2 {
        margin-top: 5vw;
        padding-top: 10vw;
        text-align: center;
        font-size: 5vw;
        font-family: 'huipu';
    }
    .abouttitle2 {
        margin-top: 3vw;
        text-align: center;
        font-size: 3.5vw;
        font-family: 'huipu';
        font-weight: 200;
        line-height: 6vw;
    }
    .threerow div{
        height: 40vw;
        margin-top:5vw;
    }
    .rednum {
        position: relative;
        font-size: 15vw;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        font-family: 'huipu';
        color: #ef0000;
        font-weight: bold;
    }
    .rednum span {
        position: absolute;
        right: -4vw;
        bottom: 5.5vw;
        color: #5a5656;
        font-size: 3vw;
    }
    .rednum .num1 {
        right: -2vw;
    }
    .threerowp {
        font-size: 3.5vw;
        font-family: 'huipu';
    }
    .aboutanshimain {
        margin-top: 5vw;
        border-bottom: 0.1vw solid #666;
        padding-bottom: 4vw;
    }
    .company h2 {
        margin-top: 5vw;
        text-align: center;
        font-size: 5vw;
        font-family: 'huipu';
    }
    .company .abouttitle2 {
        margin-top: 2vw;
        text-align: center;
        font-size: 3.5vw;
        font-family: 'huipu';
        font-weight: 200;
        line-height: 7vw;
    }
    .companyaboutmain>.companyaboutmaintext {
        width: 100%;
    }
    .companyaboutmain>.companyaboutmaintext ul li {
        padding: 0;
    }
    .companyaboutmain>.imgcompany {
        width: 100%;
        margin-left: 0;
        margin-top: 5vw;
    }
    .companyaboutmain {
        height: 100%;
        display: block;
        padding: 5vw 0 0;
        align-items: center;
    }
    .companyaboutmain>.companyaboutmaintext h2 {
        margin-top: 4vw;
        text-align: left;
        font-size: 5vw;
        margin-bottom: 2vw;
        text-align: center;
        font-family: 'huipu';
    }
    .companyaboutmaintext ul li p {
        text-align: left;
        text-align: center;
        font-size: 3.5vw;
        font-family: 'huipu';
        font-weight: 200;
        line-height: 7vw;
    }
    .imgcompany>img {
        max-width: 100%;
        border-radius: 2vw;
    }
    .company .threerow {
        height: auto;
        margin-top: 0px;
    }
    .company .threerow div {
        height: auto;
    }
    .company .threerow div img{
        max-width: 100%;
    }
    .threerowtwo div{
        width: 100%;
    }
    .threerow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .hero {
        padding-top: 5vw;
    }
    .wrap {
        position: relative;
        width: 100%;
        height: 50vw;
        margin: 5vw auto;
    }
    .contents {
        position: absolute;
        width: 100%;
        height: 50vw;
    }
    #wrap{
        visibility: hidden;
        height: 0;
    }
    .swiper-containermbhy .swiper-pagination-bullet{
        width: 2vw !important;
        height: 2vw !important;
    }
    .cardsbox{
        display: none;
    }
    .thouch {
        padding: 5vw 0;
    }
    .thouch h2 {
        text-align: center;
        font-size: 5vw;
        font-family: 'huipu';
        font-weight: 100;
    }
    .thouch>div {
        display: block;
        margin-top: 5vw;
        min-width: 100%;
    }
    .thouch>div>div {
        display: block;
        height: 60vw;
        margin-left: 0;
    }
    .thouch>div>div{
        width: 100%;
        text-align: center;
    }
    .thouch>div>div img{
        width: 96%;
    }
    .thouchline p {
        font-size: 4vw;
        line-height: 6vw;
        font-family: 'huipu';
        color: #353131;
        text-align: left;
        padding: 3vw;
    }
    .swiper-containermbhy1{
        height: auto;
        padding-bottom: 5vw;
    }
    .swiper-containermbhy1 .swiper-slide{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .swiper-containermbhy1 .swiper-slide h2{
        width: 100%;
    }
    .swiper-containermbhy1 .swiper-slide p{
        font-size: 3.5vw;
        margin: 1vw 0 1vw;
        text-align: left;
    }
    .swiper-containermbhy1 .swiper-pagination-bullet{
        width: 2vw !important;
        height: 2vw !important;
    }
    .historypic {
        position: initial;
       
        margin-top: 3vw;
        display: flex;
      
        justify-content: space-between;
    }
    .his{
        border: none;
    }
    .historypic div {
        width: 49%;

        height: 32%;
        margin-right: 0;
        display: inline-block;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 1vw !important;
    }
    .mbactive{
        display: block !important;
    }
    .thouch{
        width: 94%;
        margin:0 auto;
        overflow: hidden;
    }
    #allmap{
        height: 100vw !important;
    }
}





