.mobile {
    display: none;
}

.pc {
    display: block;
}

@media (max-width:640px) {
    .sub-product{
        padding:20px 15px;
    }
    .sub-product-item{
        width:100%;
        margin-right:0 ;
    }
    .navbar>.nav>ul>li>.childmenu,
    .navbar>.nav>ul>li:hover>.childmenu,
    .foot1,
    .banner,
    .header-tel,
    .pc {
        display: none;
    }
    .banner-mobile,
    .bottom-fluid,
    .mobile,.daohang,
    .bottoming {
        display: block;
    }
    .sub-news,
    .foot2,
    .header{
        width:100%;
    }
    .container {
        width: 96%;
    }
    .sub-wraper-fluid,
    .fluid {
        padding: 30px 0;
    }
    
    .header{
        height: auto;
        width:100%;
    }
    .header .logo img{
        height: 54px;
    }
    .navbar{
        width:100%;
        display: none;
        position: absolute;
        top:100%;
        left:0;
    }
    .header-fluid {
        padding-top: 0;
        padding:10px;
    }
    .daohang i.iconfont{
        font-size:24px;
    }
    .daohang img{
        display: block;
        height: 35px;
    }
    .subtitlist,
    .ys-item,
    .business-list,
    .navbar .nav ul,
    .about {
        flex-wrap: wrap;
    }
    .sub-nav,
    .sub-wrap,
    .about-info,
    .news-list .news-item,
    .ys-item .ys-info, .ys-item .ys-img,
    .header .navbar{
        width: 100%;
    }
    .business-list{
        justify-content: space-between;
    }
    .header .navbar {
        background: #1855a5;
        z-index: 100;
    }

    .navbar .nav {
        border-top: 1px solid #afc1ee;
    }
    .navbar>.nav>ul>li{
        width:100%;
        border-bottom: 1px solid #0f4ea0;
    }
    .navbar .nav ul>li>a {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 15px;
        color: #fff;
        height: auto;

    }
    .business-item{
        width:49%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .business-item a{
        padding:25px 10px;
    }
    .business-item:last-child{
        width:100%;
        margin-bottom: 0;
    }
    .main-title .line {
        margin: 3px auto;
    }

    .about-info {
        margin-top: 20px;
    }

    .main-title .smtitle .title{
        font-size:26px;
    }
    .main-title .smtitle p{
        font-size:14px;
        margin-top: 5px;
    }
    .product-item{
        width:calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .product-item:nth-of-type(2n){
        margin-right: 0;
    }
    .product-item a .info .title{
        font-size:16px;
    }
    .product-item a .info .des{
        font-size:12px;
        line-height: 18px;
        height: 36px;
    }
    .MORE{
        width:180px;
        line-height: 40px;
        height: 40px;
        font-size:18px;
        margin-top: 20px;
    }
    .ys-title{
        margin-bottom: 20px;
    }
    .ys-title .title1{
        font-size:26px;
    }
    .ys-title .title2{
        font-size:17px;
    }
    .ys-item .ys-info .num{
        line-height: 56px;
        width:50px;
        height: 56px;
        background-size: cover;
    }
    .ys-item:nth-of-type(1) .ys-info, .ys-item:nth-of-type(3) .ys-info{
        padding-right: 0;
    }
    .ys-item:nth-of-type(2) .ys-info, .ys-item:nth-of-type(4) .ys-info{
        padding-left: 0;
    }
    .ys-item .ys-info .info{
        padding-left: 70px;
    }
    .ys-item .ys-info .ystitle{
        font-size:20px;
        margin-bottom: 20px;
    }
    .ys-item .ys-info .list p{
        font-size:15px;
        line-height: 28px;
    }
    .news-item .time{
        width:90px;
    }
    .news-item .info{
        width:calc(100% - 90px);
        padding:8px;
    }
    .news-item .time .day{
        font-size:42px;
        line-height: 45px;
    }
    .news-item .time .ym{
        line-height: 26px;
        font-size:16px;
    }
    .news-item .info .title a{
        font-size:18px;
    }
    .footer{
        flex-wrap: wrap;
    }
    .fg-fluid{
        padding:20px 0;
    }
    .fg-fluid h3{
        margin-bottom: 4px;
        font-size:22px;
    }
    .fg-fluid h4{
        font-size:16px;
        margin-bottom: 8px;
    }
    .fg-more{
        font-size:16px;
    }
    .fg-fluid p{
        font-size:18px;
    }
    .ys-item{
        margin-bottom: 30px;
    }
    .ys-item:last-child{
        margin-bottom: 0;
    }
    .about-info .about-title .english{
        font-size:40px;
    }
    .aboutlist{
        padding:5px;
    }
    .main-title{
        margin-bottom: 20px;
    }
    .videoBox .video .videobox{
        width:75vw;
        height: 42vw;
    }
    .foot2 {
        justify-content: center;
    }
    .foot2 .ewmbox{
        margin-right: 0;
    }
    .foot3{
        margin:0 auto;
    }
    .footer-bottom{
        padding-bottom: 60px;
    }
    .sub-nav{
        margin-top: 20px;
    }
    .sub-wrap{
        padding:20px 15px;
    }
    .sub-title h3{
        font-size:20px;
    }
    .sub-content{
        font-size:16px;
        line-height: 1.8;
    }
    .ny-banner{
        padding:20px 0;
    }
    .ny-banner h2{
        font-size:25px;
    }
    .ny-banner h2 span{
        font-size:16px;
    }
    .ny-banner h3{
        line-height: 1.7;
        font-size:15px;
        margin-top: 6px;
        margin-bottom: 4px;
    }
    .subtitlist a{
        font-size:15px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .subtitlist{
        margin:10px 0;
    }
    .sub-contact-info{
        line-height:35px;
        font-size:16px;
    }
    .sub-navlist .subnavtitle h3{
        font-size:20px;
    }
    .ryzz-item{
        width:49%;
        margin-right: 2%;
    }
    .ryzz-item:nth-of-type(2n){
        margin-right: 0;
    }
    .ryzz-item a .info{
        padding:4px;
    }
    .sub-case-item{
        width:100%;
        margin-right: 0;
    }
}

@media (max-width:330px) {
    .logo-box .logo img {
        height: 40px;
    }
}