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

@media (max-width: 1500px) {
    .main_width{width: 85%}
    .little_img{bottom: -77px}
    .little_img .img p{font-size: var(--fz14)}
    .index_banner .banner_text .text .text_inner{width: 46.473%;}
    
}

@media  (max-width: 1200px){
    .main_width{width: 90%}
    .head_top .little_nav .top{min-width: 368px}
    .foot_width{width: 90%}
}

@media  (max-width: 980px){
    :root{
        --fz12:12px;
        --fz13:12px;
        --fz14:14px;
        --fz16:16px;
        --fz18:16px;
        --fz20:16px;
        --fz22:16px;
        --fz24:16px;
        --fz26:16px;
        --fz30:16px;
        --fz32:18px;
        --fz56:18px;
    }
    /*body{position: relative}*/
    /*body.active::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.5);z-index: 20}*/
    .main_width{width: 95%;}
    .head_top>a{width: 70%;}
    .head_top .little_nav{display: none;}
    .head_bottom_bg{display: none;}
    .head_top .m_nav{display: flex;flex-direction: column;width: 40px;height: 30px;justify-content: space-between;cursor: pointer;position: relative;z-index: 9;color: #ffffff}
    .head_top .m_nav span{width: 40px;height: 2px;background-color: #ffffff;}
    .head_top{align-items: center;}
    .index_banner .banner_text{top: 0}
    .index_banner .banner_text .text{width: 100%}
    .index_banner .banner_text .text .text_inner{width: 100%}
    .head_top .phone_nav.active{display: block;animation: phone_nav 0.5s ease;}
    .head_top .phone_nav{position: fixed;top: 0;right: 0;max-width: 85%;height: 100vh;background-color: #336CA6;z-index: 22;min-width: 50%;}
    @keyframes phone_nav {
        0%  {min-width: 0;max-width: 0;opacity: 0}
        100% {min-width: 50%;max-width: 85%;opacity: 1;}
    }
    .head_top .phone_nav .close{width: 100%;padding: 20px 10px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;background-color: #2c5d8f;box-sizing: border-box;cursor: pointer;}
    .head_top .phone_nav .close .icon{font-size: var(--fz18);padding: 10px;cursor: pointer;color: #ffffff}
    .head_top .phone_nav .close span{color: #ffffff;}
    .head_top .phone_nav>ul>li>a{font-size: var(--fz14);color: #ffffff;display: block;box-sizing: border-box;padding: 20px 10px;border-bottom: 1px solid #2c5d8f;}
    .head_top .phone_nav>ul>li>a:hover{background-color: #31679e;}
    .head_top .phone_nav .drop{display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #2c5d8f;}
    .head_top .phone_nav .drop a{font-size: var(--fz14);color: #ffffff;padding: 10px 0;}
    .head_top .phone_nav .drop:hover{background-color: #31679e;}
    .head_top .phone_nav .drop .icon{padding: 10px;cursor: pointer;color: #ffffff;animation: icon_rotate_top 0.5s ease}
    .head_top .phone_nav .drop .icon.active{transform: rotate(180deg);animation: icon_rotate 0.5s ease}
    @keyframes icon_rotate_top {
        0%  {transform: rotate(180deg)}
        100%{transform: rotate(0deg)}
    }
    @keyframes icon_rotate {
        0%  {transform: rotate(0deg)}
        100%{transform: rotate(180deg)}
    }
    .head_top .phone_nav .down_phone{display: none;}
    .head_top .phone_nav .down_phone.active{display: block;transition: down_phone 0.5s ease;}
    .head_top .phone_nav .down_phone a{font-size: var(--fz14);color: #ffffff;padding: 10px 20px;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;border-bottom: 1px solid #2c5d8f;}
    .head_top .phone_nav .down_phone a:hover{background-color: #31679e;}
    .head_top .phone_nav .phone_search{width: 100%;padding: 10px;box-sizing: border-box;margin-top: 30px;position: relative;}
    .head_top .phone_nav .phone_search input{width: 100%;padding: 10px;box-sizing: border-box;}
    .head_top .phone_nav .phone_search img{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);cursor: pointer;}
    .index_banner_swiper .little_img{bottom: -27px;}
    .index_banner_swiper .little_img .img p{font-size: var(--fz12)}
    .little_img{display: none;}
    .index_banner .index_banner_pointer{right: unset;transform: translateX(-50%);left: 50%;}

    .index_first_bg{padding-top: 30px;}
    .index_first{flex-direction: column;}
    .index_first .first_left,
    .index_first .first_right{width: 100%}
    .index_first .first_right .list:nth-of-type(1){padding-bottom: 18px;}
    .index_second_bg{padding: 18px 0;}
    .index_second .swiper-button-next,
    .index_second .swiper-button-prev{display: none}
    .index_third{flex-direction: column;padding: 18px 0;}
    .index_third .third_left,
    .index_third .third_right{width: 100%;}
    .index_third .third_right .right_content .list:nth-of-type(1){margin-bottom: 18px;}
    .index_third .third_right .right_content .list{flex-direction: column;}
    .index_third .third_right .right_content .list a{width: 100%;padding-bottom: 10px;}
    .index_third .third_right .right_content .inner_list .top{padding-bottom: 5px;justify-content: flex-start;}
    .index_third .third_right .right_content .inner_list .top h2{-webkit-line-clamp: 1}
    .index_third .third_right .right_content a:nth-of-type(2) .bottom .img{width: 16.807%;}
    .index_third .third_right .right_content a:nth-of-type(2) .inner_list .bottom .bottom_content{width: 77.941%;}

    .index_fourth{flex-direction: column;padding: 18px 0;}
    .index_fourth .fourth_img,
    .index_fourth .fourth_video{width: 100%;}
    .index_fourth .fourth_img_inner{padding: 18px 0;}

    .footer_main_bg{padding-top: 18px;}
    .foot_width{width: 95%;}
    .footer_main .footer_top{display: grid;grid-template-columns: repeat(3,30%);grid-row-gap: 10px;padding: 18px 0;}
    .footer_main .footer_top a{width: unset}
    .footer_main .footer_bottom{flex-direction: column;}
    .lint_none{display: none}
    .footer_main .footer_bottom .part_1,
    .footer_main .footer_bottom .part_2,
    .footer_main .footer_bottom .part_3,
    .footer_main .footer_bottom .part_4{width: 100%;}
    .footer_main .footer_bottom>*{margin-bottom: 18px;}
    .footer_main .footer_bottom .part_4 img{margin: 0 auto;position: unset;}
    .copyright{flex-direction: column;}
    .copyright a, .copyright span{text-align: center;}

    .inside_content{padding: 18px 0;flex-direction: column;}
    .inside_content .inside_side_out,
    .inside_content .inside_inner{width: 100%}
    .inside_content .inside_side_out{margin-bottom: 18px;}
    .public_module{padding-top: 18px;}
    .page{margin: 18px 0;}
    .public_module .details h2{padding-bottom: 18px;}
    .public_module .details h5{padding: 18px 0;}

    .public_module .leader_list{flex-direction: column;}
    .public_module .leader_list .img,
    .public_module .leader_list .leader_introduce{width: 100%;}
    .public_module .leader_list .img{padding-bottom: 144%;}


    .public_module .report_list a{flex-direction: column;padding: unset;position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);margin-bottom: 10px;}
    .public_module .report_list .time{position: absolute;top: 0;right: 0;z-index: 4;background-color: #ffffff;padding: 7px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
    .public_module .report_list .time h2{line-height: 30px;}
    .public_module .report_list .img{width: 100%;padding-bottom: 66%;}
    .public_module .report_list .report_content{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .public_module .report_list .report_content .report_final{padding: 10px 0;}



}