@media (-webkit-min-device-pixel-ratio: 1.25) {
    .layout-main {
        zoom: 0.796875;
    }
}

@media (max-width: 1520px){

    .main_width{min-width: unset;width: 90%}

}

@media (max-width: 980px){

    :root{
        --fz12:12px;
        --fz13:13px;
        --fz14:14px;
        --fz16:16px;
        --fz18:16px;
        --fz20:16px;
        --fz22:16px;
        --fz24:16px;
        --fz26:16px;
        --fz30:16px;
        --fz32:16px;
        --fz40:16px;
        --fz56:16px;
    }

    .column{flex-direction: column;}
    .main_width{width: 95%;}
    .head .head_top .search{display: none;}
    .head .head_top .menu{display: block}
    .head .head_bottom{display: none;}
    .head .phone_nav.active{display: block;animation: phone_nav 0.5s ease;right: 0}
    @keyframes phone_nav {
        0%  {right: -100%}
        100%{right: 0}
    }



    .index_banner .prev_next{bottom: 20px}
    .index_banner .prev_next img, .index_banner .prev_next .swiper-page span{width: 30px;height: 30px;line-height: 30px;margin-right: 15px}
    .index_banner .prev_next .swiper-next{margin-right: 15px}
    .index_one .first_top .list{padding: 15px 0;}
    .index_one .first_bottom{flex-direction: column;}
    .index_one .first_bottom .left_a, .index_one .first_bottom .right{width: 100%}
    .index_one .first_bottom .left .text{padding: 15px;}
    .index_one .first_bottom .right .inner{grid-template-columns: repeat(1,100%);grid-row-gap: 15px;}
    .index_one .first_bottom .right{margin-top: 15px}

    .index_one .second_bottom .bot_img{width: 32px;height: 32px}
    .index_one .second_bottom .top{flex-direction: column;margin-bottom: unset}
    .index_one .second_bottom .top a,.index_one .second_bottom .bottom a{width: 100%;margin-bottom: 15px}
    .index_one .second_bottom .bottom{grid-template-columns: repeat(1,100%);margin-bottom: 15px}
    .index_one .more{width: 100%}
    .first_bottom .third_top{flex-direction: column;}
    .index_one .third_bottom .mod_left, .index_one .third_bottom .mod_right{width: 100%}
    .index_one .third_bottom .text .inner{width: 76.946%;}
    .index_one .third_bottom .mod_left .text,.index_one .third_bottom .mod_right a{margin-bottom: 15px}
    .index_one .third_bottom .text .inner::after{display: none;}



    .index_three{flex-direction: column;}
    .index_three .left,.index_three .right{width: 100%}
    .index_three .left .item{flex-direction: column;}
    .index_three .left .item .img,.index_three .left .item .text{width: 100%}
    .index_three .left .item .img{padding-bottom: 67%}
    .index_three .left .item .text{padding: 10px;}

    .index_three .left .module{flex-direction: column}
    .index_three .left .module a{width: 100%;margin-bottom: 10px}

    .index_two_bg{padding: 15px 0;}
    .index_two{flex-direction: column;}
    .index_two .left,.index_two .right{width: 100%}
    .index_two .content{flex-direction: column;}
    .index_two .content .left_img,
    .index_two .content .text{width: 100%}
    .title{margin-bottom: 15px}
    .index_four{flex-direction: column;}
    .index_four .module{width: 100%}

    .index_four .module .video_list .list_bottom{flex-direction: column;}
    .index_four .module .list_bottom .item{width: 100%;margin-top: 15px}
    .foot_top ul,
    .foot_bottom{flex-direction: column}
    .foot_bottom{margin-top: 15px}
    .foot_bottom .text{width: 100%}
    .foot_bottom .text p{text-align: center;}
    .foot_bottom .code{padding-right: unset;margin-bottom: 20px}
    .foot_bottom .code .list:nth-of-type(2){margin-right: unset;}





}