@media all and (min-width: 875px){
    header .option{
        display: none;
    }
}

@media all and (min-width: 1200px){
    header .option{
        display: none;
    }

    .mask .video_dialog .prev{
        display: none;
    }

    .mask .video_dialog .next{
        display: none;
    }
}

@media all and (max-width: 1200px){
    header .lang_entity{
        width: 875px !important;
    }

    .mask .view_model{
        width: 90%;
        height: auto;
        margin: auto;
    }

    .mask .video_dialog{
        width: 87%;
    }

    .mask .video_dialog .prev{
        height: 30px;
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 2%;
    }

    .mask .video_dialog .next{
        display: block;
        height: 30px;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 2%;
    }

    .mask .video_dialog .video_view{
        width: 100%;
    }

    .mask .video_dialog .video_list{
        display: none;
    }

    footer .content{
        width: 100%;
        padding-top: 20px;
        flex-direction: column;
    }

    footer .nav{
        justify-content: center;
    }

    footer .nav .nav_item{
        padding: 0;
        text-align: center;
    }

    footer .nav .nav_item:first-child{
        display: none;
    }

    footer .nav .nav_item ul{
        height: auto;
    }

    footer .nav .nav_item ul li{
        padding: 0;
        margin-top: 7px;
    }

    footer .qr_code{
        justify-content: center;
        min-height: 200px;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    footer .qr_code .qr_code_model{
        margin: 0;
    }

    footer .qr_code .qr_code_model img{
        width: 100%;
        height: 100%;
    }

    footer .friend_link{
        display: none;
    }
}

@media all and (max-width: 875px){
    main {
        padding-top: 103px;
    }
    main>.title span{
        font-size: 26px;
    }

    main>.title div{
        font-size: 16px;
    }

    main .banner{
        width: 100%;
        height: 50vw;
    }

    main .banner img{
        width: 100%;
        height: 207px;
        object-fit: cover;
    }
    main .banner .swiper #imageText{
        position: absolute;
        top: 50px;
        left: 50px;
        right: 50px;
        font-size: 15px;
        font-weight: bold;
        text-align: center;

    }
    header .nav_list_mobile{
        display: block;
        transform-origin: top;
        transform: rotateX(90deg);
        opacity: 0;
        transition: all .3s;
    }

    header .nav_list_mobile.open{
        transform: rotateX(0deg);
        opacity: 1;
        overflow-y: auto;
        max-height: 80vh;
    }

    header .lang_entity{
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    header .lang #lang_list{
        right: 10px;
    }

    header .nav{
        height: 60px;
    }

    header .nav .nav_content{
        width: 100%;
        justify-content: space-between;
        padding: 0 20px;
        box-sizing: border-box;
    }

    header .nav_list{
        display: none !important;
    }

    header .nav_content img{
        height: 30px;
    }

    header .nav .nav_content .logo img{
        height: 45px;
    }

    .swiper{
        height: 100%;
    }

    #index .video{
        width: 100%;
         margin-top: 0px;
        position: relative;
    }

    #index .bottom .bottom_model{
        padding: 0 20px;
        box-sizing: border-box;
    }

    #index .service_model .service_list .service_item .description {
        font-size: 20px;
        font-weight: 400;
        color: #9a9a9a;
        line-height: 22px;
        margin-top: 10px;
    }

    #index>.title{
        margin-top: 40px;
    }


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

    .service_model .service_list .service_item{
        width: 100%;
        margin: 2%;
        padding: 10px 10px 55px;
        min-height: 250px;
    }

    .superiority .data{
        width: 100%;
        flex-wrap: wrap;
    }

    .superiority{
        min-height: 450px;
        height: auto;
        padding: 30px 0;
    }

    .superiority .top{
        width: 100%;
        padding: 30px 20px 0 !important;
        box-sizing: border-box;
        display: block;
        text-align: center;
    }

    .superiority .top .title div:first-child{
        text-align: center;
        font-size: 26px;
    }

    .superiority .top .btn{
        display: none;
    }

    .superiority .data{
        padding-top: 40px;
    }

    .superiority .data .data_item{
        width: 50%;
        margin-top: 20px;
    }

    .superiority .data .data_item .rise .num{
        font-size: 40px;
    }

    .superiority .data .data_item:not(:last-child)::after{
        height: 100px;
    }

    .video_live img{
        width: 100px;
        height: 100px;
    }

    .video_live span{
        width: 100px;
        height: 100px;
    }

    .video{
        height: 220px;
        background-size: auto 100%;
    }

    .video.zh,.video.en{
        background-size: auto 100%;
    }

    .tmp_report_list{
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .tmp_report_list .tmp_report_item{
        width: 46%;
        margin: 2%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .tmp_report_list .tmp_report_item .img img{
        width: 100%;
    }

    .article_type_list{
        overflow-y: hidden;
        overflow-x: auto;
        justify-content: start;
    }

    .article_type_list .article_type_item{
        white-space: nowrap;
        font-size: 16px;
    }

    .news{
        width: 100%;
    }

    .news .news_model{
        flex-direction: column;
        padding: 20px 20px 0;
    }

    .news .news_model .news_first{
        width: 100%;
        height: auto;
    }

    .news .news_model .news_list{
        width: 100%;
        margin-top: 20px;
    }

    .news>.title span{
        font-size: 26px;
    }

    .news>.title div{
        font-size: 16px;
    }

    #send_email .dialog{
        width: 95%;
    }


    /* 服务页面 */
    #industry .bottom .bottom_model, #industry .center .center_model, #industry .center .center_model .left, #industry .industry_content_2>div,
    #industry .industry_content_2>div>div, #industry .industry_content .industry_model, #industry .industry_content .industry_model .right,
    #industry .banner .banner_content, #industry .bottom .bottom_model .describe{
        width: 100%;
    }
    #industry .banner{
        text-align: center;
    }
    #industry .banner .banner_content button{
        margin: 40px auto 0;
    }
    #industry .center{
        min-height: 208px;
        height: auto;
    }
    #industry .center .center_model{
        padding: 0 10px;
        box-sizing: border-box;
    }

    .industry_content_2>div>div{
        text-align: center;
    }
    #industry .industry_content_2 {
        background: url(/static/img/industry/content_back.png) no-repeat center;
        background-position-x: center;
        padding: 80px 10px;
    }
    #industry .service_model>.title{
        width: 100%;
        overflow: hidden;
    }
    #industry .center .center_model .right{
        display: none;
    }

    #industry .bottom .bottom_model{
        padding: 0 20px;
        box-sizing: border-box;
    }

    #advantage>.title,#advantage .superiority>.title{
        width: 100%;
        overflow: hidden;
    }

    #advantage .institution .left{
        display: none;
    }
    #advantage .institution .right{
        width: 100%;
        margin-left: 0;
    }
    #advantage .institution .right .institution_item{
        margin-bottom: 0;
    }
    #advantage .institution .right .institution_item .icon{
        display: none;
    }
    #advantage .institution .right .institution_item .content{
        width: 100%;
        text-align: center;
        margin-left: 0;
        padding: 18px 10px;
        font-size: 16px;
    }
    #advantage .industry_content .industry_model .right {
        text-align: left;
    }


    /* 关于ssi */
    #ssi .content_item{
        bottom: 0;
        width: 100%;
    }

    #ssi .content_item .content_text{
        padding: 20px 10px;
    }

    /* 行业分类 */
    #product_classify .content .product_list,#product_classify .content{
        width: 100%;
    }
    #product_classify .content{
        margin-top: 15px;
    }
    #product_classify .content .product_list{
        padding-left: 0;
    }
    #product_classify .content .product_list .product_item{
        width: 95%;
        margin: 8px 10px 8px 10px;
        min-height: 294px;
        height: auto;
        padding-bottom: 10px;
    }
    #product_classify .content .product_list .product_item .cover{
        height: 220px;
    }
    #product_classify .content .product_list .product_item .name{
        padding: 0 5px;
    }
    #product_classify .content .product_list .product_item .detail_btn{
        padding: 0 5px;
    }

    /* 产品案例 */
    #product .content{
        width: 100%;
        display: block;
        margin-top: 0;
    }

    #product .content .classify{
        width: 100%;
        display: flex;
        height: 50px;
        overflow-x: auto;
    }
    #product .content .classify .classify_item{
        white-space: nowrap;
        height: 100%;
    }
    #product .content .product_list{
        width: 100%;
        margin-top: 0px;
        padding-left: 0;
    }

    #product .content .product_list .product_item{
        width: 47%;
        margin: 1.5%;
    }

    #product .content .classify .classify_item.active::after{
        border-right: 8px solid transparent;
        border-bottom: 8px solid #F7F9F8;
        bottom: -1px;
        left: 0;
        right: 0;
        top: auto;
    }

    /* 资源中心 */
    #resource{
        background: url(/static/img/resource/main_back.png) top;
        background-size: 450% auto;
    }
    #resource .content{
        width: 100%;
        display: block;
    }
    #resource .content .resource_type{
        border-right: 0;
        display: flex;
        height: 50px;
        min-height: 50px;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    #resource .content .resource_type .type_item{
        white-space: nowrap;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
    }
    #resource .content .resource_list{
        width: 100%;
        margin-top: 20px;
        justify-content: center;
        margin-left: 0;
        max-height: none;
    }
    #resource{
        padding-bottom: 30px;
    }


    /* 新闻动态 */
    #article_app{

    }

    #article_app>.title{
        margin-top: 20px;
        width: 100%;
        overflow: hidden;
    }
    #article_app .article_model{
        width: 100%;
    }
    #article_app .article_model .classify_list{
        overflow-x: auto;
    }

    #article_app .article_model .classify_list .classify_item{
        white-space: nowrap;
        font-size: 16px;
    }
    #article_app .page{
        display: none;
    }
    #article_app .page_simple{
        display: block;
        text-align: center;
        margin-top: 40px;
    }

    #article_app .article_model .first_article{
        display: none;
    }
    #article_app .article_list{
        display: none;
    }
    #article_app .article_model .first_article .article_title,#article_app .article_model .first_article .article_content{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #article_app .article_mobile_list {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    /* 帮助中心 */
    #help .content{
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    #help .content .option_list{
        width: 100%;
        height: auto;
        display: flex;...
    }
    #help .content .option_list .option_item{
        text-align: center;
        padding: 0 10px;
    }
    #help .content .option_list .option_item.active::before{
        border: 0;
    }
    #help .content .option_list .option_item:after{
        height: 0;
    }
    #help .content .option_list .contact{
        display: none;
    }
    #help .content .option_content{
        width: 100%;
        margin-top: 10px;
        padding: 10px;
        box-sizing: border-box;
    }

    /* 产品详情 */
    #product_detail{
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 103px;
    }
    #product_detail .product_content{
        width: 100%;
    }
    #product_detail .crumbs{
        display: none;
    }
    #product_detail .product_info{
        display: none;
    }
    #product_detail .swiper{
        display: block;
        width: 100%;
        height: 70vw;
    }
    #product_detail .swiper .swiper-wrapper,#product_detail .swiper .swiper-wrapper .swiper-slide{
        height: 100%;
    }
    #product_detail .swiper .swiper-slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #product_detail .product_detail{
        padding: 10px;
        margin-top: 0;
    }
    #product_detail .mobile_product_name, #product_detail .mobile_product_type{
        display: block;
    }
    #product_detail .detail_title{
        display: none;
    }
    #product_detail .product_detail .product_detail_content{
        padding: 20px 0;
    }

    /* 新闻详情 */
    #article-detail{
        padding-top: 90px;
    }
    #article-detail .model{
        width: 100%;
        padding: 0 15px 40px;
    }
    #article-detail .model .title{
        padding: 20px 0;
    }
    #article-detail .model .content{
        padding-top: 20px;
    }
}