.mobile{
    display: none;
}
@media (max-width:640px){
    .mobile{
    display: block;
}
.pc{
    display: none;
}
    body{
        padding-top: 44px;
        padding-bottom: 49px;
    }
    .fluid{
        padding:40px 0px;
    }
    .banner-fluid img.pc{
    display: none;
}
.banner-fluid img.mobile{
    display:block;
}
    .container,.header{
        width:96%;
    }
    .product-item{
        width:100%;
        margin-right: 0px;
    }
    .product-tit{
        font-size:13px;
    }
    .product-titlist ul li{
        margin:5px;
    }
    .product-titlist ul li span{
        line-height: 20px;
        padding:5px;
    }
    .main-more{
        margin-top:25px;
    }
    .news .news-l{
        width:100%;
    }
    .news .news-r{
        width:100%;
    }
    .news-item .news-img{
        height: 150px;
        margin-bottom: 10px;
    }
    .news-item{
        padding:10px;
    }
    .index-title-fluid{
        margin-bottom: 30px;
    }
    .product-fluid{
        padding:30px 0px;
    }
    .join-fluid,.about-fluid {
       background:transparent;
       height: auto;
       padding:0px;
       position: relative;
    }
    .join-fluid .index-title-fluid,.about-fluid .index-title-fluid{
        position: absolute;
        top:30px;
        left:0px;
    }
    .join-fluid .join,.about-fluid .about{
        width:100%;
    }
     .join-fluid .join img,.about-fluid .about img{
        display: block;
        width:100%;
     }
    .footer-box{
        justify-content: center;
    }
    .footer-info{
        margin-top: 20px;
    }
    .footer-bottom{
        line-height: 20px;
    }
    .sub-titlList, .sub-titlList1{
        padding-top: 15px;
    }
    .sub-titlList ul li,.sub-titlList1 ul li{
        margin:5px;
    }
    .sub-titlList ul li a{
        font-size:14px;
        line-height: 35px;
    }
    .sub-titlList1.fixed{
        top:54px;
    }
    .sub-titlList1.fixed ul.container{
        width:100%;
    }
    .sub-titlList1.fixed ul li{
        margin:0px;
    }
    .sub-titlList1 ul li a{
        font-size:13px;
        line-height: 35px;
    }
    .sub-newscontent{
        padding:0 10px;
    }
    .contact-fix{
        right:-300px;
    }
    .openContact{
       right:0px;
    }
    .bottoming{
        display: block;
    }
    .daohang{
        display: block;
    }
    .daohang i.iconfont{
        font-size:22px;
        color:#333;
    }
    .navbar{
        display: none;
    }
    .header-fluid{
        padding:8px 0px;
    }
    .logo img{
        height: 28px;
    }
    .index-title-tit .title{
        font-size:20px;
        line-height: 25px;
    }
    .index-title-tit .title::after{
        width:80px;
        margin-top: 10px;
    }
    .index-title-tit .english{
        font-size:15px;
    }
    .main-more a{
        line-height: 40px;
    }
    .navbar{
        position: fixed;
        top:44px;
        left:0px;
        width:100%;
        background:rgba(255,255,255,0.9);
    }
    .navbar.is-open{
        display: block;
    }
    .navbar .nav>ul{
        width:100%;
        display: block;
    }
    .navbar .nav>ul li{
        width: 100%;
        display: block;
    }
    .navbar .nav>ul>li>a{
        font-size:15px;
        line-height: 35px;
    }
   .sub-titlList1.fixed ul li a.active::after, .sub-titlList1.fixed ul li a.active::after,
   .sub-titlList ul li a.active::after, .sub-titlList ul li:hover a::after, .sub-titlList1 ul li a.active::after, .sub-titlList1 ul li:hover a::after{
        width:90%;
        left:5%;
        margin-left: 0px;
    }
    .footer-logo a p{
        font-size:16px;
    }
    .footer-logo a span{
        font-size:12px;
    }
    .footer-info ul li{
        line-height: 20px;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .footer-info ul li img{
        height: 20px;
        top:0px;
    }
    .footer-info ul li span{
        font-size:13px;
    }
    .footer-ewm img{
        width: 80px;
    }
    .footer-ewm p{
        font-size:12px;
    }
    .sub-news-item{
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
   .sub-news-item .img{
       width:110px;
   }
   .sub-news-item .info{
       width:calc(100% - 110px);
       padding-left: 10px;
       padding-top: 5px;
       padding-right: 0px;
   }
   .sub-news-item .img img{
       height: 70px;
   }
   .sub-news-item a{
       padding-right: 0px;
   }
   .sub-news-item .info .title{
       font-size:15px;
       margin-bottom: 5px;
       line-height: 20px;
       height: 20px;
   }
   .sub-news-item .info .des{
       line-height: 20px;
       height: 40px;
       font-size:12px;
   }
   .sub-news-item .info .date{
       display: none;
   }
   .contact-box1 ul{
       padding-left:10px;
   }
   .contact-box1 ul li{
       font-size:14px;
   }
}
@media (max-width:330px){
    .sub-titlList1 ul li{
        font-size:12px;
        margin:2px;
        line-height: 35px;
    }
    
}