@media screen and (max-width: 1024px) and (min-width: 300px) {

    .news-main{
        background: #f6f6f6;
    }
    .nav-head{
        /* height:5.2083vw; */
       display: none;
       padding:30vw 5vw;
       background: url("../img/logo.png") center top #fff no-repeat;
    }
    .banner1mb {
        display: block;
    }
    html,body{
        width: 100%;
        overflow-x: hidden;
    }
    .banner1{
        display: none;
    }
    .headnav-ul-list{
        height:5.2083vw;
       
        width:94%;
        padding:5vw 0 0 5vw;
        font-size: 16px;
        height:5.2083vw;
    }
    .headnav-ul-list>li{
        width:100%;
        height:10vw;
        line-height:10vw; 
        
    }
    .chooseLanguage{
        color:#fff;
        right: 2vw;

        background: green;

       /* border: 0.18vw solid #000;*/
    }
    .swiper-slide>a{
        height: auto;
        width: 100%;
       font-size: 14px;
    }
    .swiper-slide>a>p{
        height:5vw;
        line-height: 5vw;
        font-size: 4vw;

        color:#000;
        background:#f5f5f5;
    }
    .hidden{
        display: none;
        position: fixed;
        left: 0;
        top:0;
        z-index: 99999;
        width:100%;
        height:100%;
        background: rgba(0,0,0,0.4);
        transition: all 0.5s;
    }
    .headnav-ul-list>li>a{
        text-align: left;
        color:#000;

        border-bottom: none;
    }
    .headnav-ul{
        width:100%;
    }
    
    .nav-right-line{
        border-bottom: 1vw solid #fff;
        margin: 1vw 0;
    }
    .nav-right{
        padding:1.5vw;
        background: #028f4b;
        display: block;
        position: absolute;
        width: 7vw;
        height: 6.5vw;
        top:2vw;
        right:2vw;
        
    }
   
    .headnav-ul-list>li>a{
        line-height:10vw;
    }

    .chooseLanguage{
        width:84px;
        height:6vw;
        top:55vw;
        left:2vw;
    }
    .chooseLanguage>ul{
        height:5vw;
        
    }
    .chooseLanguage>ul>li{
        height:6vw;
        line-height:6vw;
    }
    .chooseLanguage:hover{
        overflow: unset;
        height: 10vw;
    }
    .chooseLanguage>ul:hover{
        height:5vw;
    }
    .ProductClassification-list-ul>li{
        height: 8vw;
        margin-top:4vw;
        width: 25vw;
        padding: 1.0416667vw 1.5625vw;
    }
    .ProductClassification-list-ul{
        margin:0 auto;
        width: 100%;
        height:auto;
        display: flex;
        align-items: center;
        margin:2vw 0 5vw;
        justify-content: space-around;
    }
    .ProductClassification h2{
        margin:7vw 0 1.302083vw;
        font-size: 5vw;
        text-align: center;
    }
    .swiper-slide>a>img {
        width: 100%;
        height: 100%;
    }
    .chooseLanguage>ul>li:nth-child(1) {
        background: url(../img/xl.png) 65px 2.5vw/8px 4px no-repeat;
    }
    .head {
        /* height: 69.77vw; */
        
    }
    .swiper-slide>a{
        height:auto;
    }
    .type-list span{
        font-size: 4vw;

        color: #686262;
    }
    .type-list{
        height: 9vw;
        text-align: center;
        line-height: 9vw;
        padding: 1.04166vw 1.5625vw;
    }
    .type-list-radius{
        display: flex;
        margin-top: -1vw;
        margin-right:0.1vw;
        justify-content: center;
        align-items: center;
        font-size: 0vw;
        height:7.770833vw;
        width:7.770833vw;
        border:0.2vw solid #028f4b;
        border-radius: 50%;
        vertical-align: middle;
        
    }
   
    .ProductClassification {
        position: relative;
        z-index: 3;
         padding-bottom: 4vw; 
        overflow: hidden;
        height: auto;
        box-shadow: 0 0.260416vw 0.52083vw #e5e5e5;
    }
    .ProductClassification-list{
        width: 96%;
        margin:0 auto;
    }
    .top-head::before {
        content: "";
        display: none;
    }
    .search{
        position: relative;
        left: 2%;
        top:1vw;
        margin-top: 1vw;
        width:95%;
        height:8vw;
        border:0.5vw solid #028f4b;
        border-radius: 14vw;
        overflow: hidden;
        box-sizing:border-box;
        background: url("../img/greeninput.png") right center/16vw 10vw no-repeat;
        /*background: url("../img/search.png") right center/12.35416vw 8.229166vw no-repeat;*/
    }
    .searchbtn{
        position: absolute;
        right:0;
        top:-0.5vw;
        width:15.001vw;
        height: 8vw;
        line-height: 8vw;
        padding:0;
        border:none;
        margin:0;
        
        background: #008f4b url('../img/search.png') center top/15.2vw 8vw no-repeat;
    }
    .searchIput{
        width:73%;
        height: 7.5vw;
        line-height: 7.5vw;
        border:none;
        font-size: 3vw;
        outline: none;
        padding: 0 0 0 4vw;
    }
    .search>img{
        display: none;
        /* height: 9vw;
        width:8.1vw; */
    }
    input::-webkit-input-placeholder { /* WebKit browsers */ 

        color: #ccc; 
        font-size: 3vw;
        } 
        
        input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
        
    
        color: #ccc;  
        
        } 
        
        input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
        
        color: #ccc; 
        
        } 
        
        input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
        
        color: #ccc;  
        
        } 
        a{
            color:#000000;
            text-decoration: none;
            
        }
    .top-head{
        position: fixed;
        top:0;
        z-index: 9999;
        width: 100%;
        padding-top: 0vw;
        height: 25vw;
        background: #fff;
        box-shadow: 0 0.05vw 0.3vw #b6adad;
    }
    .nav-head{
        display: none;
        padding-top:20vw;

    }
    .top-head>a>img{
       margin-left: 0;
        width: 21vw;
        height: 12vw;
    }

    .top-head>img{
        margin-top: 1vw;
        margin-left: 1vw;
        width: 52.435vw;
        height: 4.10624vw;
    }
    .top-banner{
        margin-top: 24vw;
       /* height: 45vw;*/
    }
    .nav-head{
        right:0;
        top: 0;
        position: fixed;
        z-index: 9999999;
        width: 60%;
        /*margin-top: 22.5vw;*/
        height: 100%;
    }
    .headnav-ul{
         height: 100%;
    }
    .headnav-ul-list{
        width: 94%;
        padding:0 3%;
        display: block;
        height: 80%;
    }
    .boyi{
        /* height: 98vw; */
        padding-top: 0vw;
        /* margin-bottom:10vw; */
        padding-bottom: 5vw;
        background-color: #f6f6f6;
       
    }
    .ProductDisplay-title{
        margin-top: 7vw;
        margin-bottom: 3vw;
    }
    .boyi-introduce{
        width:94%;
        margin-top: 0;
        padding-top: 7vw;
        background-image: none;
    }
    .boyi-introduce>img{
        display:none;
    }
    .boyi-introduce>h2 {
        font-size: 5vw;
        letter-spacing:2px;
        margin-top: 0;
        font-family:Microsoft YaHei;
        text-align: center;
    }
    .boyi-introduce-2{
        padding-bottom: 5vw;
        margin-top: 5vw;
    }
    .boyi-introduce-2>p.gray{
        margin-top: 8px;
    }
    .boyi-introduce-2>p {
        font-size: 4vw;
        line-height: 6vw;
        text-align: justify;
        letter-spacing:2px;
        margin-top: 4vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
    }
    .boyi-introduce-2>p.blod{
        font-size: 4vw;
        font-weight:500;
    }
    .ProductDisplay{
        width:94%;
        padding-bottom: 5vw;
    }
    .ProductDisplay-title>img{
        width: 20vw;
        height: 8.541666vw;
    }
    .ProductDisplay-title>span {
        font-size: 3.5vw;
        position: absolute;
        right: 2vw;
        top:1vw;
        vertical-align: 0.8333vw;
    }
    .ProductDisplay-title>span::after{
        content: "";
        position: absolute;
        right: -2.929166vw;
        top: 1.12645vw;
        display: block;
        border: 1.2vw solid #fff;
        border-left: 1.2vw solid #8a8787;
    }
    .ProductDisplay-banner{
        margin:0 auto;
        width: 291px;
        /* height:80vw; */
    }
   
  
    .ProductDisplay-banner-list>li{
        padding:0 20px;
        width: 291px;
        height:231px;
        margin:0;
    }
    .ProductDisplay-banner-list>li img{
        width: 291px;
        height:201px;
    }
    .prv {
        position: absolute;
        z-index: 999;
        left: -2vw;
        top: 39vw;
        width: 8vw;
        height: 8vw;
        cursor: pointer;
        background: url(../img/prv.png) 0 0/8vw 8vw no-repeat;
    }
    .next {
        position: absolute;
        z-index: 999;
        right: -2vw;
        top: 39vw;
        width: 8vw;
        height: 8vw;
        cursor: pointer;
        background: url(../img/next.png) 0 0/8vw 8vw no-repeat;
    }
    .news{
        width: 100%;
        margin: 0 auto;
        
    }
    .news .title>img{
        width: 30vw;
        height: 13vw;
        margin-top: 7vw;
        margin-bottom: 2vw;
    }
    .news-banner>ul>li{
        margin-right:1vw;
    }
    .frient-banner>img{
        width: 100vw;
        height: 20vw;
    }
    .swiper-container3 .swiper-button-prev{
        outline: none;
        margin-right: 20.5625vw;
        margin-top: 45vw;
       width: 8vw;
        height:8vw;
        background:#f3f3f3 url("../img/prv.png") 0 0/8vw 8vw no-repeat;

    }
    .swiper-container3 .swiper-button-next{
        position: absolute;
        z-index: 999;
        outline: none;
        margin-right: 70.5625vw;
          margin-top: 45vw;
        width: 8vw;
        height:8vw;
        background:url("../img/next.png") 0 0/8vw 8vw no-repeat;
    }
    .news-banner{
        position: relative;
        top:0;
       width: 94%;
         height:auto;
         margin:0 auto; 
        overflow: inherit;
        margin-top:3vw;
        padding-bottom:20vw;
        background:#f3f3f3;
    }
    .news-banner>ul{
        height:68vw;
    }
    .news-banner>ul>li{
        height:64vw;
        width: 76vw;
        padding:2vw;
    }
    .news-banner>ul>li>div{
        height:64vw;
        width: 76vw;
        
    }
    .ProductDisplay-banner-list>li>a>p {
        font-size: 4vw;
        line-height: 5vw;
        background: #cabbbb;
        height:5vw;
       
    }
    .news-banner>ul>li>div>img{
        height:38vw;
        width: 76vw;
       
    }
    .news .title{
        width: 94%;
        margin: 0 auto;
    }
    .news .title>p{
        line-height: 5vw;
        font-size: 4vw;
        text-align: justify;
        letter-spacing: 2px;
    }
    .news-friend{
        /* height: 30vw; */
        margin-bottom: 15px;
        height: auto;
        background: url('../img/earth.png') center bottom/100% 50vw #f6f6f6 no-repeat;      
    }
    .news-banner>ul>li>div>p{
        font-size: 4vw;
    }
    .time {
        font-size: 4vw;
       position: unset;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
       
    }
    .swiper-container4 .swiper-slide{
        /*width:100%;
        height:100%;*/
        text-align: center;
    }
    .fs{
    font-size: 5vw;
    }
    span.active{
        color:green;
    }
    .news-banner>div>div>div{
        height: auto;
        padding:4vw;
        box-sizing: border-box;
        background-color:#fff;
    }
    .news-banner>div>div>div>p{
        margin:14px 0;
        font-size: 4vw;
        letter-spacing: 2px;
        text-align: justify;
    }
    .swiper-container4 .swiper-pagination-bullets{
    bottom:-25px;
    }
    .shadow{
        position: relative;
    }
   /* .swiper-container4{
        padding-bottom: 40px;
    }*/
    /* .swiper-container4 .swiper-slide>img{
        display: none;
    }
    .swiper-container4 .swiper-slide{
        background: url('../img/friend1.png');
    } */
    /* .frient-banner{
        height:157px;
    } */
    .news-prv {
        cursor: pointer;
        position: absolute;
        z-index: 999;
        left: 1.04166vw;
        bottom: 0.22083vw;
        width: 10vw;
        height: 10vw;
        background: url(../img/prv.png) 0 0/100% 100% no-repeat;
    }
    .news-next {
        cursor: pointer;
        position: absolute;
        z-index: 999;
        left: 16.42708vw;
        bottom: 0.22083vw;
        width: 10vw;
        height: 10vw;
        background: url(../img/next.png) 0 0/100% 100% no-repeat;
    }
   .industryNews {
        
        /* padding-top: 13.125vw; */
        margin-top: 0vw;
        margin-left: 0.52083vw;
        width:96%;
        padding-top:7vw;
        height: auto;
        background: #f6f6f6;
    }
    .industryNews-title {
        height: 7.92708vw;
    }
    .industryNews-title>ul {

        height: 7.92708vw;
       overflow:inherit;
    }
    .industryNews-title>ul>li {
        font-size: 5vw;
        width: 27.6875vw;
        height: 7.92708vw;
/*      
        font-size: 1.04166vw; */
        color: #8a8787;
        box-sizing: border-box;
    }
    .industryNews-title>ul>li.acitve{
        margin-top: 0.7vw;
        border-bottom-width:1vw;
    }
    .swiper-pagination-bullet{
        width: 6vw;
        height:1.5vw;
    }
    .industryNews-title>ul>li:hover{
        margin-top:0.5vw;
        border-bottom: :0.5vw solid green;
    }

    .industryNews>.industryNews-title span::after {
        content: "";
        position: absolute;
        right: 1%;
        top: 8.4vw;
        display: block;
        border: 1vw solid transparent;
        border-left: 1vw solid #8a8787;
    }
    .industryNews span>a {
        position: absolute;
        top: 7vw;
        right: 3.78125vw;
        font-size: 4vw;
        text-decoration: none;
        color: #8a8787;
    }
    .industryNews-list{
        width: 100%;
    }
    .industryNews-list>ul {
        width: 100%;
        height:auto;
        padding-bottom: 7vw;
        
    }
    .partener{
        margin-bottom: 10vw;
    }
    /* .industryNews-title>ul>li:hover {
        border-bottom:3vw solid #008f4b !important;
        color: #000;
    } */
    .industryNews-list>ul>li p:last-child{
        font-size: 3vw;
        margin:2vw 0 1vw;
    }
    .industryNews-list>ul>li {
        width:96%;
        margin:0 auto;
        padding-bottom: 2vw;
        /* height:34vw; */
        border-bottom: 0.5vw dashed #bbb6b6;
       
    }
    .industryNews-list>ul>li:last-child{
        font-size: 12px;
    }
    .industryNews-list>ul>li p.industryNews-p1{
        font-size: 4vw;
        color:rgb(92, 89, 89);
    }

    
    .industryNews-list>ul>li p{
        font-size: 4vw;
        padding: 1vw 0 0.5vw;
        line-height: 5vw;
        letter-spacing: 1px;
    }
    .friend {
        position: relative;
        width: 100vw;
        margin-top: 10vw;
        height: 39.125vw;
        padding-bottom: 30px;
        overflow: inherit;
    }
    .partener>img{
        width:30vw;
        height:15vw;
    }

    .partener{
        margin-top: 0;
    }
    .foot{
        position: relative;
  /*      overflow: hidden;*/
        height:auto;
        padding-top:2vw;
        padding-bottom: 1vw;
        background-color: #e4e4e4;
    }
    .foot-thouchlist>li:nth-child(2)>img{
/*        width: 40.9375vw;
        height: 4.2375vw; */
        width: 154px;
        height: 16px;
    }
    .foot-thouchlist>li>img{
        text-align: left;
        width : 150px;
        height: 19px;
    }
    .friendbannerlist{
        bottom: 2vw;
        left: calc(50% - 9.5vw);
        width: 19vw;
        height: 1.260416vw;
    }
    .friendbannerlist> div{
        width: 5vw;
    }
    .footmain{
        position: relative;
        text-align: center;
        width: 94%;
        margin-top: 0vw;
        padding-bottom: 0vw;
    }
    
    .footmain >img{
        width: 18.75vw;
        height: 18.75vw;
        margin-left: 0;
    }
    .thouch-line{
        display: none;
    }
    .footlogo {
        display: inline-block;
        position: relative;
        width: 70%;
        left: -5vw;
        text-align: left;
        margin: 7vw 0;
    }
    .footlogo>img{
        width: 21.5625vw;
        height:12.34375vw;
    }
    .thouch {
        position: relative;
        margin-bottom: 5vw;
        top: 0;
        right: 0;
    }
    .foot-thouchlist {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .foot-thouchlist>li {
        margin-top: 0vw;
        float: left;
        width: 100%;
        /* height: 18vw; */
    }
    .thouchnav{
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        text-align: left;
        margin: 4vw 0 0 0;
        justify-content: flex-start;
    }
    .thouchnav>li{
        width:33%;
        
    }
    .thouchnav>li>a{
        margin-right: 0;
    }
    .foot-thouchlist>li.ri>p{
        width:94%;
        font-size:  4vw;
        margin: 4vw 0;
        color:#494646;
        text-align: left;
    }
    .recordNo {
        position: relative;
       
        height: 9.875vw;
        line-height: 8.875vw;
        font-size: 3vw;
    }
    .footlogo p {
        font-weight: 800;
        font-size: 4.8vw;
        color:#494646;
    }
    .ProductClassification-list-ul>li{
        height: 12vw;
        width: auto;
        padding:4vw 8.5vw;
        margin:0;
        margin-top:2.5vw;
       /* margin: 3vw 3.3020833vw;*/
        border-radius: 1.260416vw;
        border: 0.1vw solid rgb(253, 244, 244);
        box-shadow: 0 0 1vw rgba(0, 0,0,0.2);

    }
    
    .swiper-container2 .swiper-button-next{
        outline: none;
        width: 8vw;
        height: 8vw;
        top: 46%;
        background: url('../img/next.png') 0 0/8vw 8vw no-repeat;
        right: 0px;
    }
    .swiper-container4 .swiper-button-prev {
        outline: none;
        margin-right: 20.5625vw;
        margin-top: 6vw;
        width: 8vw;
        height: 8vw;
        background: url(../img/prv.png) 0 0/8vw 8vw no-repeat;
    }
    .swiper-container4 .swiper-button-next::after,.swiper-container4 .swiper-button-prev::after{
        display: none;
    }
    .swiper-container4 .swiper-button-next {
        outline: none;
         margin-top: 6vw;
       /* margin-right: 20.5625vw;
        margin-top: 44vw;*/
        width: 8vw;
        height: 8vw;
        background: url(../img/next.png) 0 0/8vw 8vw no-repeat;
    }
    .swiper-container2 .swiper-button-prev{
        outline: none;
        width: 8vw;
        height: 8vw;
        top: 45%;
        background: url('../img/prv.png') 0 0/8vw 8vw no-repeat;
        left: 0px;
    }
    .swiper-container2{
        width: 100%;
        height: auto;
    }
    .ProductDisplay-banner{
        width: 90%;
        height: auto;
        padding: 0 5%;
    }
    .swiper-container2 .swiper-slide.swiper-slide-active{	
        transform: scale(1);
        z-index: 2;
      }
      .swiper-container3 {
        width:100%;
        /* padding-left: 10px; */
        /* padding-top: 50px; */
        padding-bottom: 0vw;
         padding-left: 0vw;
        margin-right: 0;
        margin-left: 0;
    }
    .fdpc{
      display: none;  
    }
    .fdmb{
        display: block;
    }
    /* .swiper-container4>div>div>img{
       
    } */
   .swiper-container4 .swiper-slide>img{
        /*width: 58.59375vw;
        height: 19.9980469vw;*/
        margin-top: -5vw;
    }
    .lxwm>span{
        font-size: 4vw;
    }
    .lxwm{
        font-size: 4vw;
    }
    .thouchnav>li{
        font-size: 4vw;
    }

  .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 3vw;
    }

    .frient-banner{
        /*height: 34vw;*/
    }
    .swiper-container4{
        height:100%;
    }
    .swiper-container4 .swiper-wrapper{
        height:100%;
    }

    .swiper-container2 {
    width: 90%;
    height:100%;
    margin: 0 auto;
    overflow: hidden;
    /* // 下面的padding 一定要加 （因为容器多余的部分被隐藏啦） */
    padding-top: 0vw;
    padding-bottom: 0vw;
    }
     .ProductDisplay-banner>div>div>div:hover .zz{
        top:0;
        height:100%;
     }
     .swiper-container3 .swiper-slide{
        text-align: left;
        margin-right: 0px;
        width: 100%;
        background-color: #f3f3f3;
     }
     .swiper-container2{
        height:auto;
        padding-bottom: 20px;
     }
    .headnav-ul-list>li:hover{
        background: #fff;
       
    }
    .headnav-ul-list>li{
        padding-left: 2vw;
        border-bottom: 1px solid rgba(153,153,153,1);
    }
    .mobile-nav{
        height:100vh;
    }
    .mobile-nav>ul{
        height:100%;
        width:55vw;
        position: absolute;
        right:0;
        background: #fff;
        font-size: 16px;
        font-family:Microsoft YaHei;
        padding:10vw 5px;
    }
    .mobile-nav>ul>li:nth-child(1){
         background: none;
    }
    .mobile-nav>ul>li{
        height:10vw;
        line-height: 10vw;
        background: url("../img/right.png") 90% 4.5vw/2vw 2.1vw no-repeat;
        overflow: hidden;
        /*border-bottom:1px solid rgba(153,153,153,1);*/
    }
 
    .mobile-nav>ul>li.hauto{
          height:auto;
    }
    .mobile-nav>ul>li>a{
        display: block;
        padding-left: 10vw;
        font-size: 3vw;
    }
    .mobile-nav>ul>li>p{
        padding-left: 5vw;
        font-size: 4vw;
    }
   .mobile-nav>ul>li>p>a{
        font-size: 4vw;
   }
   .mobile-nav li.language{
    width: 24vw;
    height:8vw;
    margin-top:5vw;
    margin-left:1vw;
    line-height: 8.1vw;
    border:1px solid green;
    border-radius: 5px;
    background: url(../img/right.png) 90% 3vw/2vw 2.1vw no-repeat;
   }
   .mobile-nav>ul>li.language>p:nth-child(1){
    border-bottom: 1px solid green;
   }
   /*.mobile-nav>ul>li.language:hover{
    height:auto;
   }*/
   .phonebanner{
        display: block;
   }
   .pcbanner{
         display: none;
   }
   
  
   .swiper-container2 .swiper-slide{
    height:auto;
   }
   .foot-thouchlist>li.ri>p.leranmore{
    width:20vw;
    font-size: 3vw;
    text-align: center;

   }
    .foot-thouchlist>li.ri>p{
        margin:2vw 0;
    }
    .lxwm{
        margin-top: 2vw;
        color:#494646;
    }
    body{
        
    }
    .content{
     
       
    }
    .news-friend{

    }
    .recordNo{
        bottom: -7vw;
    }
    .page{
    margin-top: 4vw;
    }
    .page a{
        font-size: 3vw;
        padding:1vw 2vw;
        border:0.05 solid rgba(229,229,229,1);
        border-radius:0.5vw;
    }
    .page span{
        font-size: 3vw;
    }
    .page input{
        height:6vw;
        line-height:6vw;
        border:1px solid rgba(229,229,229,1);
        width:7vw;
        border-radius:0.05vw;
        text-align:center;
        font-size: 3vw;
    }
    .news-list{
        padding:3vw 2%;
    }
    .foot-thouchlist>li.ri>p:nth-child(3){
        font-size: 3vw;
         line-height: 5vw;
    }
    .foot-thouchlist>li.ri>p:nth-child(4){
          font-size: 3vw;
           line-height: 5vw;
    }
    .foot-thouchlist>li.ri>p.leranmore{
        height:5vw;
        line-height: 5vw;

    }
    .foot-thouchlist>li{
        margin-top:2vw;
    }
    .industryNews-list>ul>li p.industryNews-p1:before{
            content:"";
            position: absolute;
            left:1vw;
            top:7.5vw;
            display: block;
            width:2vw;
            height:2vw;
            background: #d1cbcb;
            /*border-radius: 50%;*/
    }
     .industryNews-list>ul>li p.industryNews-p1{
            padding-left: 5vw;
            margin:5vw 0 1vw;
            font-size: 4vw;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
    }
     .swiper-container4 .swiper-slide>img{
        width:40%;
    }
    .industryNews-list>ul>li p{
        font-size: 3.5vw;
    }
    .ProductClassification-list-ul>li{
            height: 20vw;
            width: 47%;
            padding: 0;
            margin: 0;
            margin-top: 2.5vw;
            display: flex;
            justify-content: center;
            align-items: center;
            /* margin: 3vw 3.3020833vw; */
            border-radius: 1.260416vw;
            border: 0.1vw solid rgb(253, 244, 244);
            box-shadow: 0 0 1vw rgba(0, 0,0,0.2);
    }
    .type-list span{
        margin-left:2vw;
    }
    .navigation-ul>li{
        display: flex;
        justify-content: center;
    }


    /* about */





    #about .nav-head{

       display: none;
       padding:30vw 5vw;
       background: url("../img/logo.png") center top #fff no-repeat;
    }
    
    #about html,body{
        width: 100%;
        overflow-x: hidden;
    }

    #about .headnav-ul-list{
        height:5.2083vw;
       
        width:94%;
        padding:5vw 0 0 5vw;
        font-size: 16px;
        height:5.2083vw;
    }
    #about .headnav-ul-list>li{
        width:100%;
        height:10vw;
        line-height:10vw; 
        
    }
    #about .chooseLanguage{
        color:#fff;
        right: 2vw;

        background: green;

    }
    #about .swiper-slide>a{
        font-size: 4vw;
    }
    #about .swiper-slide>a>p{
        background:#f5f5f5;
    }
    #about .hidden{
        display: none;
        position: fixed;
        top:0;
        z-index: 99999;
        width:100%;
        height:100%;
        background: rgba(0,0,0,0.4);
    }
    #about .headnav-ul-list>li>a{
        text-align: left;
        color:#000;

        border-bottom: 0.2vw dashed #ccc;
    }
    #about .headnav-ul{
        width:100%;
    }
    
    #about .nav-right-line{
        border-bottom: 1vw solid #fff;
        margin: 1vw 0;
    }
    #about .wordInclude p{
        letter-spacing: 1px;
        padding:2vw 2vw 4vw;
        font-size: 4vw;
        line-height: 5vw;
    }
    #about .nav-right{
        padding:1.5vw;
        background: #028f4b;
        display: block;
        position: absolute;
        width: 7vw;
        height: 6.5vw;
        top:3vw;
        right:3vw;
        
    }
    #about .left-list{
        display: none;
    }
    #about .banner{
        margin-top: 25vw;
    }
    #about .nav-head{
       display: none;
       padding:30vw 5vw;
       background: url("../../img/logo.png") center top #fff no-repeat;
    }

    #about .headnav-ul-list>li>a{
        line-height:10vw;
    }

    #about .chooseLanguage{
        width:24vw;
        height:5vw;
        top:55vw;
        left:2vw;
    }
    #about .chooseLanguage>ul{
        height:5vw;
        
    }
    #about .chooseLanguage>ul>li{
        height:5vw;
        line-height:5vw;
    }
    #about .chooseLanguage:hover{
        overflow: unset;
        height: 10vw;
    }
    #about .chooseLanguage>ul:hover{
        height:5vw;
    }
    #about .ProductClassification-list-ul>li{
        height: 8vw;
       
        width: 25vw;
        padding: 1.0416667vw 1.5625vw;
    }
    #about .ProductClassification-list-ul{
        margin:0 auto;
        width: 86vw;
    }
    #about .ProductClassification h2{
        margin:5.5625vw 0 1.302083vw;
        font-size: 5vw;
        text-align: center;
    }
    #about .swiper-slide>a>img {
        width: 100%;
        height: 100%;
    }

    #about .swiper-slide>a{
        height:45vw;
    }
    #about .type-list span{
        font-size: 4vw;

        color: #686262;
    }
    #about .type-list{
        height: 9vw;
        text-align: center;
        line-height: 9vw;
        padding: 1.04166vw 1.5625vw;
    }
    #about .type-list-radius{
        display: inline-block;
        margin-top: -1vw;
        margin-right:0.1vw;
        font-size: 0.1vw;
        height:5.770833vw;
        width:5.770833vw;
        border:0.2vw solid #028f4b;
        border-radius: 50%;
        vertical-align: middle;
        background: url("../img/10.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius2{
        background: url("../img/09.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius3{
        background: url("../img/08.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius4{
        background: url("../img/07.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius5{
        background: url("../img/06.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius6{
        background: url("../img/05.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius7{
        background: url("../img/04.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius8{
        background: url("../img/03.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius9{
        background: url("../img/02.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius10{
        background: url("../img/01.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius11{
        background: url("../img/11.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    #about .type-list-radius12{
        background: url("../img/12.png") center center/3.745833vw 3.7416667vw no-repeat;
    }
    
    #about .ProductClassification-list{
        width: 90%;
    }

 
        a{
            color:#000000;
            text-decoration: none;
            
        }
  
   
        #about .nav-head{
        display: none;
    

    }
    
    #about .navigation{
    position: relative;
    z-index: 999;
    height: 9vw;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
  }
  #about  .navigation-ul{
    width: 50vw;
    height: 9vw;
  }
  #about .navigation-ul>li.active{
    text-align: center;
    width:13vw;
   }
   #about .navigation-list{
    width: 96%;
     height: 9vw;
  }
  #about .navigation-ul>li{
     height: 9vw;
     width:100%;
    line-height: 9vw;
    text-align: right;
  }
  #about .navigation-ul::before{
    content: "";
    display: block;
    position: absolute;
    top:2.8vw;
    left:-1.9vw;
    width:3vw;
    height:3vw;
    background: url(../img/home.png) 0 0/3vw 3vw no-repeat no-repeat;
  }
  #about .navigation-ul>li{
    font-size: 3vw;
  }
  #about .recordNo {
      
        height: 6.875vw;
        line-height: 6.875vw;
        font-size: 3vw;
    }
   
    #about .ProductClassification-list-ul>li{
        height: 10vw;
        width: 32vw;
        margin: 3vw 3.3020833vw;
        border-radius: 1.260416vw;
        border: 0.5vw solid rgb(253, 244, 244);
    }
    
    #about .swiper-container2 .swiper-button-next{
        outline: none;
        width: 8vw;
        height: 8vw;
        top: 40%;
        background: url('../img/next.png') 0 0/8vw 8vw no-repeat;
        right: 0px;
    }
    #about .swiper-container2 .swiper-button-prev{
        outline: none;
        width: 8vw;
        height: 8vw;
        top: 40%;
        background: url('../img/prv.png') 0 0/8vw 8vw no-repeat;
        left: 0px;
    }
    #about .swiper-container2{
        width: 100%;
    }
    #about .ProductDisplay-banner{
        width: 90%;
        height: 70vw;
        padding: 0 5%;
    }
    #about .swiper-container2 .swiper-slide.swiper-slide-active{   
        transform: scale(1);
        z-index: 2;
      }
      #about .swiper-container3 {
        width:100%;
        /* padding-left: 10px; */
        /* padding-top: 50px; */
        padding-bottom: 50px;
        margin-left: 0;
    }
    #about .fdpc{
      display: none;  
    }
    #about .fdmb{
        display: block;
    }
    /* .swiper-container4>div>div>img{
       
    } */
    #about .swiper-container4 .swiper-slide>img{
        width: 100%;
        height: 20vw;
        margin-top: -34vw;
    }
    
    #about .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 3vw;
    }

    #about .frient-banner{
        height: 34vw;
    }
    #about .swiper-container4{
        height:100%;
    }
    #about .swiper-container4 .swiper-wrapper{
        height:100%;
    }

    #about .swiper-container2 {
    width: 90%;
    height:100%;
    margin: 0 auto;
    overflow: hidden;
    /* // 下面的padding 一定要加 （因为容器多余的部分被隐藏啦） */
    padding-top: 0vw;
    padding-bottom: 0vw;
    }
    #about .ProductDisplay-banner>div>div>div:hover .zz{
        top:0;
        height:100%;
     }
     #about .swiper-container3 .swiper-slide{
        text-align: left;
     }
     #about .swiper-container2{
        height:80vw;
     }
     #about .headnav-ul-list>li:hover{
        background: #fff;
    }
    #about .two-leve{
        display: block;
    }
    #about .two-leve>li{
        padding-left: 5vw;
        font-size: 12px;
    }

    #about .headnav-ul-list>li{
        overflow: hidden;
    }
    #about .content{
    display: flex;
    justify-content: space-between;
    margin-top:0vw;
    width:100%;
    }
    #about .chooseLanguage{
        position: relative;
        top:5vw;
    }
   
    #about .includeright h2 {
        padding: 7vw 0px 2vw;
        width: 94%;
        margin: 0 auto 4vw;
        border-bottom: 1px solid rgba(238,238,238,1);
        text-align: center;
        font-size: 5vw;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(51,51,51,1);
    }    
    #about .wordInclude>div{
        padding: 0px 2vw 1vw;
    }
    #about .wordInclude>div>img{
        max-width:100%;
    }
    #about .includeright {
        width: 100%;
       
        padding-bottom: 0px;
        margin-bottom: 5vw;
      
        padding-bottom: 0vw;
        background: rgba(255,255,255,1);
        border: none;
        }
        #about .lastWords {
    margin-top: 2vw;
    }
    #about .foot-thouchlist>li:nth-child(2)>img{
        /*        width: 40.9375vw;
        height: 4.2375vw; */
        width: 154px;
        height: 16px;
    }
    #about .foot-thouchlist>li>img{
        text-align: left;
        width : 150px;
        height: 19px;
    }
    #about p.recordNo{
        bottom: -1vw;
    }
    #about .thouchnav{
        padding-bottom: 3vw;
    }



    /* thouch */



   #thouch .banner{
        margin-top:25vw;
        
        }
   #thouch .left-list{
        display: none;
      }
    #thouch .navigation{
        position: relative;
        z-index: 999;
        height: 9vw;
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
      }
    #thouch .navigation-ul{
        width: 50vw;
        height: 9vw;
      }
      #thouch .navigation-ul>li.active{
        text-align: center;
        width:13vw;
       }
       #thouch  .navigation-list{
        width: 96%;
         height: 9vw;
      }
      #thouch  .navigation-ul>li{
         height: 9vw;
         width:100%;
        line-height: 9vw;
        text-align: right;
      }
      #thouch .recordNo{
            bottom: -1vw;
        }
        #thouch .navigation-ul::before{
        top:2.8vw;
        left:-1.9vw;
        width:3vw;
        height:3vw;
        background: url(../img/home.png) 0 0/3vw 3vw no-repeat;
      }
      #thouch .navigation-ul>li{
        font-size: 3vw;
      }
      #thouch .content{
        width:100%;
        margin-top: 0;
      }
      #thouch  .includeright{
        width: 96%;
        border: none;
        margin:0vw auto;
    
        padding-bottom: 7vw;
      }
      #thouch  .touchway {
        margin-top: 7vw;
        margin-left: 1.40625vw;
        width: 320px;
        /* height: 127px; */
        font-size: 3vw;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(51,51,51,1);
        margin-bottom: 3.75vw;
        line-height: 22px;
      }
      #thouch .touchway>img{
        width:22.187vw;
        height: 22.187vw;
      }
      #thouch  .touchway p:last-child{
        padding-left:2px;
        margin:4vw 0 4vw;
      }
      #thouch  .includeright>.map{
        width: 100%;
    
      }
      #thouch .includeright>.map>img{
         width: 93.125vw;
         height:37.9166vw;
      }
      #thouch .message {
        width: 96%;
        margin-top: 11vw;
        padding-left: 2vw;
      }
      #thouch .message-title {
        position: relative;
        width: 100%;
        height: 5.8332vw;
        margin-left: 0vw;
        padding-left: 0vw;
        background: rgba(238,238,238,1);
      }
      #thouch .zxly {
        width: 26.458vw;
        height: 10.4166vw;
        position: relative;
        top: -2.8332vw;
        padding-left: 2vw;
        color: #fff;
        font-size: 4vw;
        line-height: 10.4166vw;
        left: 0;
    
        /* box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1); */
        background: url(../img/green.png) -5px 0/26.458vw 10.4166vw no-repeat;
      }
      #thouch  .message ul {
        width: 100%;
        margin-top: 4.377vw;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
      }
      #thouch .message ul li input {
        outline: none;
        width: 27.70833vw;
        height: 8.16666vw;
        padding-left: 2vw;
        font-size: 4vw;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(169,169,169,1);
        line-height: 4vw;
        border:0.1vw solid rgba(169,169,169,1);
      }
      #thouch  textarea {
        margin-top: 4.47916vw;
        margin-left: 0;
        padding-left:2vw;
        padding-top:2vw;
        width: calc(100% - 2vw);
        height: 30vw;
         border:0.1vw solid rgba(169,169,169,1);
      }
      #thouch .submit {
        width: 15.625vw;
        height: 6.16666vw;
        border: none;
        background: rgba(0,143,75,1);
        margin-top: 3.47916vw;
        margin-left: 0;
        font-size: 3vw;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(255,255,255,1);
        border-radius: 3px;
      }
      #thouch .touchway p:nth-child(1){
        margin: 7vw 0 6vw;
        font-size: 6vw;
    
      }
      #thouch .touchway p{
         margin: 4vw 0 3vw;
         font-size: 3vw;
      }
      #thouch .touchway{
        width:100vw;
      }
      #thouch .thouchnav{
            padding-bottom: 3vw;
        }





    /* share */
    #share .banner{
        margin-top:25vw;
        
        }
    #share .left-list{
        display: none;
      }
      #share .navigation{
        position: relative;
        z-index: 999;
        height: 9vw;
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
      }
      #share .navigation-ul{
        width: 50vw;
        height: 9vw;
      }
      #share .navigation-ul>li.active{
        text-align: center;
        width:13vw;
       }
       #share .navigation-list{
        width: 96%;
         height: 9vw;
      }
      #share .navigation-ul>li{
         height: 9vw;
         width:100%;
        line-height: 9vw;
        text-align: right;
      }
      #share  .recordNo{
            bottom: -1vw;
        }
        #share .navigation-ul::before{
        top:2.8vw;
        left:-1.9vw;
        width:3vw;
        height:3vw;
        background: url(../img/home.png) 0 0/3vw 3vw no-repeat;
      }
      #share .navigation-ul>li{
        font-size: 3vw;
      }
      #share  .content{
        width:100%;
        margin-top: 0;
      }
      #share  .includeright{
        width: 100%;
        margin-bottom: 0vw;
        padding-bottom: 0vw;
      }
      #share  .news-list{
        padding:0 2%;
      }
      #share  .paging{
        width: 100%;
        margin: 7vw auto;
        padding-bottom: 1.5vw;
        text-align: right;
       }
       #share .product-search {
        width: 96%;
        margin:0 auto;
        text-align: right;
        background-color: #FFF;
        line-height: 60px;
       
        }
        #share .product-search{
        right:0;
      }
      #share  .product-search input {
            outline: none;
            background: rgba(255,255,255,1);
            border: 1px solid rgba(210,210,210,1);
            border-radius: 5px;
            vertical-align: middle;
            /*padding-left: 2vw;*/
       }
       
       #share .paginglistul>li{
            font-size: 3vw;
            width: 5vw;
            height: 5vw;
            line-height: 5vw;
       }
       #share .paginglistul{
          margin-top:-1vw;
       }
       a {
        color: rgba(102,102,102,1);
        }
        #share  .paging .pageprv, .paging .pagenext{
            width: 23vw;
    
            font-size: 3vw;
            height: 6vw;
            line-height: 3vw;
            border:1px solid rgba(238,238,238,1);
            border-radius: 1vw;
            background-color: #fff;
            color:rgba(153,153,153,1);
       }
       #share  .paging{
        line-height: 8vw;
       }
       #share  .subtitle{
          width:90vw;
          font-size: 4vw;
    
       }
      
       #share .turnto{
        font-size: 3vw;
        margin-right: 2%;
       }
       #share  .turnto input{
            width: 8vw;
            height: 6vw;
            line-height: 6vw;
       }
       #share  .includeright h2{
        width: 96%;
        font-size: 5vw;
        padding:0;
        margin-top:7vw;
        padding-bottom:6vw;
       }
       #share .news-list>ul{
        width: 100%;
    
       }
       #share .news-list>ul>li{
        padding:3.125vw 0;
    
       }
       #share .news-list>ul>li>img{
        width: 37.18749vw;
        vertical-align: middle;
       }
       #share .include-right{
        vertical-align: middle;
        width: 52vw;
         margin-left:2.6875vw;
       }
       #share .include-right .title {
        margin-bottom: 3.0202vw;
        font-size: 3vw;
        
        }
        #share  .include-right>p {
          font-size: 3vw;
          
          line-height: 4vw;
         
          overflow:hidden; 
    
          text-overflow:ellipsis;
    
          display:-webkit-box; 
    
          -webkit-box-orient:vertical;
    
          -webkit-line-clamp:2; 
        }
        #share .include-right .newsbtn {
          position: absolute;
          right: 0;
          /*bottom:-4vw;*/
          width: 14vw;
          font-size: 3vw;
          height: 6vw;
          line-height: 6vw;
          
        }
        #share  .paging{
          height: 18vw;
        }
     
        #share .nownav{
          background: rgba(5,145,78,0.7);
       }
       #share .wordInclude{
          /*width: 96%;*/
          margin:0 auto;
       }
       #share .subtitle{
          margin-bottom:3.225vw;
       }
       #share .wordInclude>h2{
        width:96%;
       }
       #share .wordInclude img{
          margin:4.375vw 0;
       }
       #share  .browse>div{
        padding:4.4583334vw 2.083333vw 0;
        overflow: hidden;
        font-size: 3.5vw;
        text-overflow:ellipsis;
        white-space: nowrap;
       }
       #share  .browse{
        padding-bottom: 4vw;
       }
       #share  .wordInclude .browse{
        width: 100%;
        text-align: left;
        margin:6vw 0;
       }
       #share  .returnlist{
          position: relative;
          top:3vw;
          left:2vw;
          font-size: 3.5vw;
         
       }
       #share  .infra{
        font-size: 4vw;
        line-height: 6vw;
        padding:4vw 3vw;
        text-align: justify;
      }
      #share  .news-list{
            padding:3vw 2% 7vw;
        }
        #share  .includeright .wordInclude h2{
          width: 90vw;
          font-size: 5vw;
          padding:1vw 5vw;
    
          text-align: center;
        }
        #share   .thouchnav{
            padding-bottom: 3vw;
        }






    /* product */




    #product .banner{
        margin-top:23vw;
        
        }
        #product .left-list{
        display: none;
      }
      #product  .navigation{
        position: relative;
        z-index: 999;
        height: 9vw;
        box-shadow: 0 2px 2px rgba(0,0,0,.1);
      }
      #product   .navigation-ul{
        width: 50vw;
        height: 9vw;
      }
      #product  .navigation-ul>li.active{
        text-align: center;
        width:13vw;
       }
       #product  .navigation-list{
        width: 96%;
         height: 9vw;
      }
      #product  .navigation-ul>li{
         height: 9vw;
         width:100%;
        line-height: 9vw;
        text-align: right;
      }
      #product   .recordNo{
            bottom: 0;
        }
        #product .navigation-ul::before{
        top:2.8vw;
        left:-1.9vw;
        width:3vw;
        height:3vw;
        background: url(../img/home.png) 0 0/3vw 3vw no-repeat;
      }
      #product .navigation-ul>li{
        font-size: 3vw;
      }
      #product  .content{
        width:100%;
        margin-top: 0;
      }
      #product  .includeright{
        width: 100%;
        margin-bottom: 0vw;
        padding-bottom: 0vw;
      }
      #product  .news-list{
        padding:6vw 2% 7vw;
      }
      #product .paging{
        width: 100%;
        margin: 7vw auto 0vw;
        padding-bottom: 0vw;
        text-align: right;
       }
       #product .product-search {
        width: 96%;
        margin:0 auto;
        text-align: right;
        height: 10vw;
        background-color: #FFF;
        line-height: 20vw;
       
        }
        #product .product-search{
        right:0;
      }
      #product .product-search input {
            outline: none;
            width: 40vw;
            height:6vw;
            font-size: 3vw;
            line-height:6vw; 
            background: rgba(255,255,255,1);
            border: 1px solid rgba(210,210,210,1);
            border-radius: 5px;
            vertical-align: middle;
            /*padding-left: 2vw;*/
       }
       #product .product-search button{
            width:12vw;
            height:6vw;
            font-size: 3vw;
       }
       #product .goodsname{
            font-size: 12px;
            width:19%;
       }
       #product .standard{
            font-size: 12px;
            width:15%;
       }
       #product .brand{
            font-size: 12px;
            width:16%;
            padding:0;
    
       }
       #product .list-table .table-title>div{
             padding-left: 2vw;
             font-size: 2.5vw;
       }
       #product .inctname{
            font-size: 12px;
            width:15%;
       }
    
       #product .list-table li>div{
             padding-left: 2vw;
             font-size: 2.5vw;
       }
       #product .use{
             font-size: 12px;
            width:27%;
       }
       #product  .list-table li>div{
           height:auto;
           padding:2vw;
       }
    
       #product .paginglistul>li{
            font-size: 2.5vw;
            width: 5vw;
            height: 5vw;
            line-height: 5vw;
       }
       #product .paging .pageprv, .paging .pagenext{
            width: 24vw;
            font-size: 2.5vw;
            height: 6vw;
            line-height: 6vw;
       }
       #product .paging{
        line-height: 8vw;
       }
       #product  .turnto{
        font-size: 2.5vw;
        margin-right: 2%;
       }
       #product .turnto input{
            width: 8vw;
            height: 6vw;
            line-height: 6vw;
       }
       #product .banner{
        margin-top:25vw;
       }
       #product .list-table li{
        display: flex;
        width:130vw;
        justify-content: space-between;
       }
       #product  .list-table{
            overflow-x: scroll;
        }
        #product  .thouchnav{
            padding-bottom: 3vw;
        }
        #product .productdetail{
          width:96%;
          margin:18vw auto 0;
          padding:2vw 2vw;
        }
        #product .productdetail>h2 {
          font-size: 5vw;
          color: #008f4b;
        }
        #product .productdetail-main {
          width: 100%;
          margin: 2vw auto;
          padding-top: 2vw;
          border-top: 0.2vw solid rgb(167, 157, 157);
        }
        #product .productdetail-main .img {
          display: flex;
          width: 24vw;
          height: 26vw;
          border: none;
          justify-content: center;
          align-items: center;
        }
        #product  .productdetail-main .img>img{
          width: 18.2708vw;
          height: 23.5833334vw;
        }
        #product .productdetail-imgbox .include {
          width: 70%;
        }
        #product  .include li>div{
          padding-left: 27vw;
          margin-top: -6vw;
        }
        #product .include li {
          padding: 3vw 0;
      
          border-bottom: 0.2vw dashed #c2ffe2;
      }
      #product .tabel{
          display: block;
      }
      #product  .productfunction>h2 {
          margin: 3vw 0 2vw;
          font-size: 4vw;
    
          position: relative;
          color: green;
          font-weight: bold;
          margin-left: 20px;
      }
      #product .productfunction p {
        line-height: 5vw;
        padding: 0 2vw;
        margin-top: 5vw;
        text-align: left;
        font-weight: bold;
        font-size: 3vw;
        text-align: justify;
    }
    
    #product .productfunction>h2::before {
        position: absolute;
        left: -5vw;
        top: 0.5vw;
        content: "";
        display: block;
        width: 4vw;
        height: 4vw;
        background: green;
      }
      #product .productfunction>h2::after {
        position: absolute;
        left: 17vw;
        top: 3vw;
        content: "";
        display: block;
        width: 72vw;
        height: 0.2vw;
        background: green;
      }
      #product .productfunction{
        padding-bottom: 17vw;
      }
      #product .productfunctionline {
        width: 100%;
        height: 0.2vw;
        background-color: green;
    }
    .erath{
        display: none;
    }
    .mb{
        display: block;
    }
}

@media screen and (max-width: 1024px) and (min-width: 750px) {

    .swiper-container2 .swiper-slide{
        width:50%;
        height:auto;
    }
    .swiper-container2 .swiper-slide img{
        height:300px;
    }
    .type-list-radius>img{
        width:40%;

    }
    .type-list-radius{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}