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

@media (max-width: 1500px){
    .index_one{min-width: unset;width: 90%}
    .index_six{min-width: unset;width: 90%}
    .index_three{min-width: unset;}
    .index_three .right{top: 86px}
    .index_two .content .bottom_out{min-height: 572px;}


}

@media (max-width: 1300px ){
    .index_two .content .top{min-width: unset;width: 90%}
    .foot{min-width: unset;width: 90%}
    .index_seven{min-width: unset;width: 90%}
    .index_five .inner .text p{margin-bottom: 26px}
    .index_two .content .bottom_out{min-height: 490px;}
}


@media (max-width: 1200px ){
    .index_two .content .top{min-width: unset;}
    .foot{min-width: unset;}
    .index_seven .left h2{white-space: unset}
    .index_two .content .bottom_out{min-height: 453px;}
}

@media (max-width: 980px){

    :root{
        --fz12:12px;
        --fz14:14px;
        --fz16:16px;
        --fz18:16px;
        --fz20:16px;
        --fz22:16px;
        --fz24:16px;
        --fz26:16px;
        --fz28:16px;
        --fz30:16px;
        --fz32:16px;
        --fz36:16px;
        --fz46:16px;
        --fz60:16px;
        --fz50:16px;
    }
    
    .head .bot .logo img{max-height: 46px;max-width: 187px;}

    .head .top{display: none}
    .head .bot{padding: 10px 0}
    .head .bot .nav{display: none}
    .head .bot .menu{display: block;}
    .index_one{width: 95%;}
    .index_one .top{margin-bottom: unset}
    .index_one .top,.index_one .bot{flex-direction: column;}
    .index_one .top .left,.index_one .top .right{width: 100%;margin-bottom: 15px;}
    .index_one .bot .left,.index_one .bot .right{width: 100%;margin-bottom: 15px}
    
    .head_out.top_roll{top: 0}

    .index_two{padding: 20px 0;}
    .index_two .content .top{flex-direction: column;width: 95%;}
    .index_two .content .bottom_out{min-height: 364px;}
    .index_two .content .bottom .app_swiper .module{position: unset;transform: unset;width: 100%;}
    .index_two .content .bottom .app_swiper h3,.index_two .content .bottom .app_swiper p{margin-bottom: 15px;}
    .index_two .content .bottom .app_swiper .text{min-width: unset;width: 100%;padding: 15px;}
    .index_two .content .bottom .app_swiper .inner{padding-bottom: 0}

    .index_three{width: 95%;flex-direction: column;min-width: unset;}
    .index_three .left,.index_three .right{width: 100%}
    .index_three .right{position: unset}
    .index_three .left{margin-bottom: 20px}
    .index_three .left h2{padding-bottom: 15px;margin-bottom: 15px;}

    .index_three .left span{line-height: 24px}

    .index_four{width: 100%}
    .index_four h1{font-size: 60px}
    .index_four .content ul{width: 100%;flex-direction: column}
    .index_four .content ul li{width: 100%;padding-right: 0; margin-right: 0;margin-bottom: 20px;}
    .index_four .content ul li::after{display: none}
    .index_four .content ul p{text-align: center;}

    .index_five{padding: 20px 0;}
    .index_five .inner .text .inner_text{width: 100%;min-width: unset;padding: 10px;}
    /*.index_five .inner .text .inner_text{padding: 20px 10px 0 10px}*/
    .index_five .inner .text h2{margin-bottom: 10px}
    .index_five .inner .text p{margin-bottom: 10px}
    .index_five .swiper-page3{bottom: 10px;}
    .index_five .inner .text p{display: none}
    .index_six{width: 95%;margin: 0 auto 20px}
    .index_six .list{flex-direction: column;}
    .index_six .list a{width: 100%;margin-bottom: 15px;}
    .index_six .list a .text{padding: 15px;}

    .index_seven{width: 95%;flex-direction: column;min-width: unset;}
    .index_seven .left,.index_seven .right{width: 100%;margin-bottom: 15px;}
    .index_seven .left p{text-align: center;}
    .index_seven .right .content{padding: 15px;}



    footer{padding: 20px 0}
    .foot{width: 95%}
    .foot .foot_bot{flex-direction: column;}
    .foot .foot_bot ul{width: 100%;margin-bottom: 15px;}
    .foot .foot_bot h2{margin-bottom: 15px;}
    .foot .foot_bot{margin-bottom: 20px}
    
    .public_top_bg{bottom: 20px;right: 20px;}



}