@media (max-width:640px) {
    .top-fluid {
        background: #f8f8f8;
        padding: 5px 0;
    }
    .banner{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    .header-fluid {
        padding: 0;
    }

    .header {
        width: 100%;
    }

    .header-top {
        position: static;
    }

    .container {
        width: 96%;
    }

    .header-fluid::after {
        display: none;
    }

    .logo-box {
        width: 96%;
        margin: 0 auto;
        padding: 5px 0;
    }

    .logo-box .logo a {
        width: auto;
    }

    .logo-box .logo img {
        width: auto;
        height: 60px;
    }

    .logo-box .daohang {
        display: block;
    }

    .logo-box .daohang i.iconfont {
        font-size: 30px;
    }

    .navbar {
        width: 100%;
        background: #294dbb;
        margin-top: 0;
    }

    .header-tel i.iconfont {
        font-size: 25px;
        margin-right: 5px;
    }

    .header-tel span {
        font-size: 22px;
    }

    .header-login a {
        line-height: 25px;
        width: 70px;
        font-size: 13px;
        border-radius: 5px;
    }
    .separateother-list,
    .navbar .nav>ul {
        flex-wrap: wrap;
    }

    .navbar .nav>ul>li {
        width: 100%;
    }

    .navbar,.main-title .mword {
        display: none;
    }

    .fluid {
        padding: 30px 0;
    }

    .service-item,
    .service-item:nth-of-type(4),
    .service-item:nth-of-type(5) {
        width: 100%;
        margin-right: 0;
        height: 250px;
    }
    .fg{
        display: none;
    }
    .about-fluid{
        padding-top: 0;
    }
    .about {
        flex-wrap: wrap;
    }

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

    .about-img {
        width: 100%;
    }
    .separateother{
        padding:10px 0;
    }
    .separateother-item{
        width:50%;
    }
    .separateother-item{
        flex-wrap: wrap;
    }
    .separateother-item .img{
        display: none;
    }
    .separateother-item .info{
        width:100%;
        text-align: center;
    }
    .separateother-item .info .title{
        justify-content: center;
    }
    .separateother-item{
        padding:10px 5px;
    }
    .separateother-item .info .word{
        font-size:14px;
    }
    .main-title{
        margin-bottom: 20px;
    }
    .main-title .english{
        font-size:45px;
    }
    .videoBox .video{
        width:96%;
    }
    .separate{
        display: none;
    }
    .separate-item a .img img{
        width:80%;
        margin:0 auto;
        display: block;
    }
    .news-item{
        width:100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .news-more{
        margin-top: 25px;
    }
    .cooperative-item{
        width:50%;
        padding:5px;
    }
    .footer-bottom{
        padding:10px 0;
        line-height: 22px;
    }
    .floatBox{
        display: none;
    }
    .floatBar{
        display: block;
    }
    .sub-down,
    .sub-detail{
        padding:20px;
    }
    .sub-tit{
        width:100%;
    }
    .sub-content{
        font-size:16px;
        line-height: 1.8;
    }
    .sub-down-item .sub-down-btn{
        width:75px;
        line-height: 28px;
    }
    .sub-down-item .sub-down-info .img{
        width:50px;
        margin-right: 5px;
    }
    .crumbs-fluid .container{
        flex-wrap: wrap;
        width:100%;
    }
    .crumbs{
        width:100%;
        padding:0 10px;
        line-height: 35px;
    }
    .sub-titlist{
        width:100%;
        border-top: 1px solid #ddd;
    }
    .sub-titlist a{
        line-height: 40px;
        font-size:16px;
    }
    .sub-about-introduce{
        padding:20px;
    }
   
    .sub-about-ryzz-item{
        width:100%;
        margin-right: 0;
    }
    .sub-about-ryzz-item:nth-of-type(2n){
        margin-right: 0;
    }
    .sub-about-ryzz-item .img{
        padding:15px 15px 0;
        height: 215px;
    }
    .sub-about-ryzz-item .img img{
        min-height: 200px;
    }
    .sub-about-ryzz-item .info .title{
        font-size:14px;
        line-height: 20px;
    }
    .sub-about-qywh .item,
    .sub-about-qywh .item:nth-of-type(2){
        width:100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding:25px 40px;
    }
    .sub-about-qywh .item .info .des{
        font-size:18px;
        margin-top: 10px;
    }
    .sub-about-title{
        margin-bottom: 20px;
    }
    .sub-about-box2{
        padding:30px 0 10px;
    }
    .sub-about-box3{
        padding:30px 0 20px;
    }
    .sub-about-box1{
        padding-top:30px;
    }
    .sub-titlist a:nth-of-type(1){
        border-left: 0;
    }
    .sub-rcln{
        padding-top:30px;
    }
    .sub-service-title{
        margin-bottom: 20px;
    }
    .sub-service-title h2{
        font-size:30px;
    }
    .sub-hr-ln-box .info{
        font-size:16px;
    }
    .sub-hr{
        padding-left: 20px;
    }
    .sub-hr-top .switch{
        left:-44px;
        width:42px;
        height: 60px;
        margin-top: -30px;
    }
    .sub-hr-item{
        padding-right: 20px;
        padding-left: 20px;
    }
    .sub-hr-top{
        padding:10px 0;
    }
    .sub-hr-top .job_title .img{
        width:55px;
    }
    .sub-hr-top .job_title .job_position{
        font-size:22px;
    }
    .sub-hr-top .job_desc{
        width:100%;
        flex-wrap: wrap;
    }
    .sub-case-item{
        margin-right: 0;
        width:100%;
    }
    .sub-case-item .info .title{
        font-size:20px;
    }
    .sub-titlist a:hover{
        background: #fff;
        color: #333;
    }
    .sub-yggs-item{
        width:100%;
        margin-right: 0;
    }
    .sub-service-list1 .item{
        flex-wrap: wrap;
    }
    .sub-service-list1 .item .img{
        width:100%;
    }
    .sub-service-list1 .item .info{
        width:100%;
        padding:25px;
    }
    .sub-service-list1 .item .info .title{
        font-size:30px;
        margin-bottom: 10px;
    }
    .sub-service-list1 .item .info .des{
        font-size:18px;
        line-height: 1.8;
    }
    .sub-welfare-box{
        font-size:18px;
        line-height: 1.8;
    }
    .sub-service-item .img,.sub-service-item ul{
        width:100%;
    }
    .sub-service-box3, .sub-service-box2{
        padding-top:20px;
    }
    .sub-contact-list .item{
        width:50%;
    }
    .sub-contact-list .item p{
        font-size:15px;
    }
    .sub-contact-list .item .icon i.iconfont{
        font-size:55px;
    }
}