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

@media  (max-width: 1533px){
    .header_top{min-width: unset}
    .header .header_bottom{min-width: unset}
}

@media  (max-width: 1400px){
    .header_top .top_left{width: 41.771%;}
    .header_top .top_right{width: 33.949%;}
    .footer{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;
        --fz28:16px;
        --fz30:16px;
        --fz32:16px;
        --fz34:34px;
        --fz36:36px;
        --fz38:38px;
    }


    .main_width{width: 95%}
    .header .header_bottom{display: none;}
    .header_top{width: 95%}
    .header_top .top_left p{display: none}
    .header_top .top_left{width: 55.771%;}
    .header_top .top_right{display: none;}
    .header_top .nav_menus{display: block;cursor: pointer;}
    .header_top .nav_menus .icon{font-size: var(--fz38);color: #3D3BB8}
    .header .phone_nav{position: fixed;top: 0;right: 0;width: 50%;min-width: 300px;height: 100%;background-color: #3D3BB8;z-index: 20;animation: phone_nav 0.5s ease;}
    @keyframes phone_nav {
        0%  {width: 0;min-width: 0;opacity: 0}
        100%{width: 50%;min-width: 300px;opacity: 1}
        
    }
    .header .phone_nav .close{display: flex;justify-content: space-between;padding: 10px;align-items: center;color: #FFFFFF;}
    .header .phone_nav .close p{font-size: var(--fz16);}
    .header .phone_nav .close .icon{padding: 10px;cursor: pointer;}
    .header .phone_nav .nav{display: flex;flex-direction: column;}
    .header .phone_nav .nav a{font-size: var(--fz14);color: #FFFFFF;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);margin: 0 10px}
    .header .phone_nav .search .input_inner{display: flex;justify-content: space-between;margin: 30px 10px 0;}
    .header .phone_nav .search .input_inner .input{position: relative;width: 80%}
    .header .phone_nav .search .input_inner .input img{width: 16px;height: 16px;position: absolute;top: 50%;left: 3%;transform: translateY(-50%);}
    .header .phone_nav .search .input_inner .input input{padding: 10px 10px 10px 30px;width: 100%;box-sizing: border-box;border: none;border-radius: 5px}
    .header .phone_nav .search .input_inner .submit{width: 18%;display: flex;flex-direction: column;justify-content: space-between;}
    .header .phone_nav .search .input_inner .submit input{width: 100%;border: none;font-size: var(--fz14);height: 100%;border-radius: 5px}

    .index_banner .banner_search{padding: 10px 0;}
    .index_banner .banner_search h2{margin-bottom: 12px;}
    .index_banner .banner_search .input_inner .input input{padding: 10px 10px 10px 25px;}
    .index_first{flex-direction: column;margin-top: 10px;}
    .index_first .list_out{width: 100%;margin-bottom: 10px}
    .index_first .list_out .content{padding: 10px;}
    .index_second{margin-top: 10px;grid-template-columns: repeat(2,48%);grid-row-gap: 10px;}
    .index_third .third_top .list{padding: 5px;margin-right: 5px}
    .index_first .list_out .content a{margin-bottom: 10px;padding-bottom: 10px;}
    .index_third{margin-top: 10px;}
    .index_third .third_bottom{margin: 10px 0;}

    .footer{width: 95%;flex-direction: column;padding: 18px 0;}
    .footer .foot_left,.footer .foot_right{width: 100%;}
    .footer .foot_left{margin-bottom: 10px}
    .copyright{padding: 10px 0;}
    .inside_banner .img{padding-bottom: 40.708%;}

    .inside_banner .banner_content .content{padding: 10px 0;width: 100%}
    .inside_dynamic{flex-direction: column;}
    .inside_dynamic .dynamic_left,
    .inside_dynamic .dynamic_right{width: 100%}
    .inside_dynamic .dynamic_left ul{margin-top: 10px;}
    .inside_dynamic .dynamic_left ul li a{padding: 10px 0;}

    .inside_dynamic .dynamic_right .scenery{    grid-template-columns: repeat(1,100%);grid-row-gap: 10px;}
    .inside_dynamic .dynamic_right .title{margin-top: 10px;padding-bottom: 10px;}
    .inside_dynamic .dynamic_right .content{padding: 10px 0;}
    .inside_dynamic .dynamic_right .title::before{width: 64px;}
    .inside_dynamic .dynamic_right .search{width: 100%;}
    .inside_dynamic .dynamic_right .search .list,
    .inside_dynamic .dynamic_right .search .submit{width: 80%}

    .inside_dynamic .dynamic_right .dynamic_details .inner_details img{display:flex; width:100%;height:auto; margin: 10px 0;}
    .inside_dynamic .dynamic_right .present img{margin: 10px 0;}
    .inside_dynamic .dynamic_right .content .inner_content a{padding: 10px 0;}
    .inside_dynamic .dynamic_right .content .inner_content a .time{width: 72px;}
    .inside_dynamic .dynamic_right .result{margin: 10px 0}
    .inside_dynamic .dynamic_right .result .result_image img{display: none}
    .inside_dynamic .dynamic_right .result .information{position: unset;width: 100%}
    .inside_dynamic .dynamic_right .result .information h2{font-size: var(--fz16)}
    .inside_dynamic .dynamic_right .result .information .person{margin-top: unset}
    .inside_dynamic .dynamic_right .result .information .person ul{    grid-template-columns: repeat(1,100%);grid-row-gap: unset}
    .inside_dynamic .dynamic_right .result .printing{margin-bottom: 10px}
    .inside_dynamic .dynamic_right .result .printing p{display: block;}
    .inside_dynamic .dynamic_right .result .printing a{display: none;}
    .inside_dynamic .dynamic_right .result .information .seal{display: none;}
    .inside_dynamic .dynamic_right .result .text{margin-top: 10px}
    .inside_dynamic .dynamic_right .result .information .person ul li span{margin-right: 10px;min-width: 80px;}
    .inside_dynamic .dynamic_right .result .result_image{border: 1px solid #000000;padding: 0 0 10px 10px;box-sizing: border-box;}
    .inside_dynamic .dynamic_right .search{margin: 19px auto;padding: 10px 0;}
    .inside_dynamic .dynamic_right .search h2{margin: 0 0 10px;}
    .inside_dynamic .dynamic_right .search .list{margin: 0 auto 10px;}
    .inside_dynamic .dynamic_right .search .error{width: 80%;padding: 10px 0;margin: 0 auto 10px}
    .page{margin: 20px 0;}
    .inside_dynamic .dynamic_right .dynamic_details h2{line-height: 32px;margin-top: 10px}
    .inside_dynamic .dynamic_right .dynamic_details .introduce{margin-top: 10px;}
    .inside_dynamic .dynamic_right .dynamic_details .inner_details p{line-height: 30px}
    .inside_dynamic .dynamic_right .present p{line-height: 30px;margin: 10px 0;}
    .index_third .third_top .left{flex-direction: column;width: 100%}
    .index_third .third_top{flex-direction: column;}
    .index_third .third_top .list{width: 100%;box-sizing: border-box;}
    .index_third .third_top a{margin-top: 10px}










}