.pc{
    display: block;
}
.mobile{
    display: none;
}
@media (max-width:640px){
    body{
        padding:60px 0px;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .header-fluid{
        position: fixed;
        top:0px;
        left:0px;
        width:100%;
        z-index: 999;
        background:#fff;
        padding:10px 0px;
    }
    
    .sub-banner .sub-banner-img{
        width:100%;
    }
    .daohang{
        display: block;
        float:right;
        height: 40px;
        overflow: hidden;;
    }
    .daohang i.iconfont{
        font-size:22px;
        line-height: 40px;
    }
    .container,.crumbs{
        width:96%;
    }
    .header .logo img{
        height:40px;
    }
    .header-tel{
        display: none;
    }
    .navbar{
        position: fixed;
        width:100%;
        left:0px;
        top:50px;
        z-index: 999;
        display: none;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        background:#547df4;
    }
    .nav{
        width:100%;
    }
    .nav ul{
        display: block;
    }
    .nav>ul>li{
        width:100%;
        padding:0px;
    }
    .nav ul li a{
        line-height: 40px;
        height: 40px;
        color:#fff;
        text-align: center;
        font-weight: normal;
    }
    .nav ul li a:hover, .nav ul li.active a{
        color:#fff;
        background:#224abd;
    }
    .fluid{
        padding:40px 0px;
    }
    .productType ul{
        flex-wrap: wrap;
    }
    .productType ul li{
        width:49%;
        margin-bottom: 10px;
    }
    .productType-item a .img{
        height: 150px;
    }
    .product-titlist ul li{
        height: 40px;
        padding:5px 0px;
    }
    .product-titlist ul li a{
        font-size:13px;
    }
.product-item{
        width:49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .product-item:nth-of-type(2n){
        margin-right: 0px;
    }
   .news-left{
       width:100%;
   }
   .news-item .img{
       height: auto;
   }
   .news-right{
       width:100%;
       margin-top: 10px;
   }
   .main-title{
       margin-bottom: 20px;
   }
   .main-title p{
       margin-top: 10px;
   }
   .hzhb ul li{
       width:49%;
   }

    .sub-banner{
        padding:30px 0px;
    }
    .sub-banner-info .sub-eng{
        font-size:20px;
    }
    .sub-banner-info .sub-china{
        font-size:24px;
    }
    .sub-subject{
        width:100%;
    }
    .sub-sidebar{
        width:100%;
        margin-top: 15px;
    }
    .sub-cont-box{
        font-size:15px;
        line-height: 1.8;
    }
   .main-title img{
       height: 80px;
   }
   .about-fluid{
       background-size: 100% 100%;
   }
   .about-img{
       width:100%;
   }
   .about-info{
       margin-top: 20px;
       width:100%;
   }
    .sub-news-item{
        margin-bottom: 15px;
        padding:10px;
    }
    .sub-news-item .sub-news-img{
        width:110px;
    }
    .sub-news-item .sub-news-info{
        width:calc(100% - 110px);
        padding-left: 10px;
    }
    .sub-news-p{
        font-size:13px;
        line-height: 20px;
        height: 40px;;
    }
     .sub-news-title{
        margin-bottom: 5px;
    }
    .sub-news-title a{
        font-size:15px;
        max-height: 44px;
        line-height: 22px;
    }
   .sub-news-date{
       margin-top: 5px;
   }
   .sub-news-date p{
       display: flex;
       font-size:12px;
       line-height: 20px;
       height: 20px;
   }
   .yyly-item,.yyly-item:nth-of-type(3n){
        width:49%;
        margin-right: 2%;
    }
   .yyly-item:nth-of-type(2n){
        margin-right: 0px;
    }
    
    .sub-title h1{
        font-size:18px;
    }
    .sub-contact-box1 ul li{
        width:50%;
        padding:5px;
    }
    .sub-contact-box1 ul li i.iconfont{
        font-size:30px;
        width:70px;
        height: 70px;
        line-height: 70px;
    }
    .sub-contact-box1 ul li .title{
        margin-top: 10px;
        font-size:18px;
    }
    .sub-contact-box1 ul li .des{
        font-size:14px;
        line-height: 22px;
        height: 44px;;
    }
    .sub-contact-title{
        font-size:20px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 10px;
        border-left-width: 4px;
    }
   .bottom-fluid{
       display: block;
   }
   .footer-fluid{
       padding:10px 0px 15px;
   }
     .flogo{
        display: none;
    }
    .footer-info{
        float:none;
        margin-left: 0px;
        width:100%;
        padding-left: 15px;
    }
    .footer .ewmBox{
        display: flex;
        width:100%;
        float: none;
        justify-content: center;
        margin-top: 15px;
        align-items: center;
    }
    .sub-product-titlist{
        margin-bottom: 20px;
    }
    .sub-product-titlist ul li{
        width:110px;
        margin:3px;
    }
    .sub-product-titlist ul li a{
        line-height: 35px;
    }
    .sub-hr-item{
        padding:20px;
    }
    .sub-hr-inner{
        margin-top: 20px;
    }
    .sub-hr-top .sub-hr-title .tit{
        font-size:20px;
    }
}