@media screen and (max-width: 900px){

    .navbar{
        min-height: 60px;
        background-color:#ffffff;
        box-shadow: -2px 0px 3px 1px rgba(0, 0, 0, 0.12);
    }

    .navbar-nav{
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-brand{
        height: 70px;
        padding: 15px;
    }

    .navbar-toggle {
        margin: 18px 15px;
        background-color: #2aabf5;
    }

    .navbar-default .navbar-toggle .icon-bar{
        background-color: #ffffff;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #2aabf5;
    }

    .navbar-nav > li > a {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 34px;
        padding: 5px 16px;
        font-size: 16px;
        font-weight: 600;
    }

    .navbar-nav .open .dropdown-menu > li > a{
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        padding: 5px 16px !important;
    }

    .logo{
        max-height: 40px;
    }

    .list-flag{
        display: none;
    }

    .menu-show{
        display: none !important;
    }

    .menu-hide{
        display: block !important;
    }

    .main{
        margin-top: 70px;
    }

    .video-cover:before {
        background: url('../images/enbg.jpg') top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .about-title{
        margin-top: 30px;
        font-size: 24px;
        height: auto;
        line-height: 35px;
        padding-bottom: 10px;
    }

    .about-content-en p{
        text-align: left;
    }

    .about-img-en{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .caseinfo-title{
        margin-top: 30px;
        font-size: 18px;
        height: auto;
        line-height: 30px;
        text-align: left;
        margin-bottom: 30px;
    }

    .caseinfo-title:before {
        left: 0;
        bottom: -10px;
        margin-left: 0;
    }

    .news-content {
        margin-top: 30px;
    }

    .title-none{
        display: block;
    }

    .pro-menu{
        display: none;
    }

    .footer-list-title-none{
        display: none;
    }

    .pro-menu-none{
        display: none;
    }

    .pro-content{
        margin-top: 30px;
    }

    .mt20 {
        margin-top: 50px !important;
    }

    .about-img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .name-title{
        text-align: center;
    }

    .about-cert-li{
        width: 100%;
    }

    .navbar-toggle{
        border: 1px solid #2aabf5;
    }

    .navbar-default .navbar-toggle{
        border-color: transparent;
    }

    .video-container{
        width: 100%;
        margin-top: 60px;
    }

    .video-title{
        width: 75%;
    }

    .video-title span{
        font-size: 36px;
    }

    .video-des p{
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        text-align-last: auto;
    }

    #fullscreen-bg-video{
        object-fit: cover;
        min-width: auto;
        min-height: auto;
    }

    .index-about-content{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .index-about-des{
        width: 100%;
    }

    .index-about-des h5{
        display: block;
        width: 100%;
        text-align: center;
    }

    .index-about-des h3{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 32px;
        height: 70px;
        line-height: 70px;
        margin-bottom: 50px;
        position: relative;
    }

    .index-about-des h3:before {
        content: ' ';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 60px;
        height: 2px;
        border-radius: 0 1px 1px 0;
        background-color: #666666;
        margin-left: -30px;
    }

    .index-news-content-en{
        margin-top: 60px;
    }

    dl.index-about-num dd{
        width: 33.3333%;
        margin-right: 0;
    }

    dl.index-about-num dd h6, dl.index-about-num dd p{
        text-align: center;
    }

    .index-about-des a.more{
        margin: 0 auto;
    }

    .index-about-img{
        display: none;
    }

    .index-pro, .index-about{
        margin-top: 60px;
    }

    .index-pro-content h5{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    .index-pro-content h3{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: normal;
        margin-bottom: 60px;
    }

    .index-pro-cates{
        flex-wrap: wrap;
    }

    .pro-cates-li{
        width: 50%;
        margin-bottom: 15px;
    }

    .pro-cates-li .pro-cates-img{
        width: 80px;
        height: 80px;
    }

    .pro-cates-li .pro-cates-img img{
        width: 40px;
        margin: 20px 0;
        vertical-align: baseline;
    }

    .index-news-content{
        margin-top: 60px;
    }

    .index-news-content h5{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #b7b7b7;
    }

    .index-news-content h3{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: normal;
        margin-bottom: 30px;
    }

    .footer{
        margin-top: 30px;
    }

    .video-title-en{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .video-title-en span{
        display: block;
    }

    .video-des-en p{
        font-size: 18px;
        word-spacing: 2px;
        line-height: 25px;
    }

    .index-about-des p{
        text-indent: 0;
        text-align: left;
    }

    .pro-cates-li-en {
        width: 50%;
        text-align: center;
    }

    .pro-cates-li-en .pro-cates-img-en{
        width: 80px;
        height: 80px;
    }

    .pro-cates-li-en .pro-cates-img-en img{
        width: 40px;
        margin: 20px 0;
        vertical-align: baseline;
    }

    .footer-content {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 45px 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .list-flag-en{
        display: none !important;
    }

    .footer-list-last-en{
        display: flex !important;
    }

    .proinfo-content{
        min-height: 40px;
    }

    .index-pro-content-en h3{
        margin-bottom: 60px;
    }

    .index-news-content-en h3{
        margin-bottom: 40px;
    }

    .footer-copyright span{
        display: block;
        width: 100%;
        height: auto;
        margin-right: 0;
    }

}