@charset "utf-8";
/* Òƶ¯¶ËÊÊÅäÑùʽ */
@media screen and (max-width: 768px) {
    /* »ù´¡ÖØÖÃ */
    body, html {
        width: 100%;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    /* ÓÅ»¯´¥Ãþ¹ö¶¯ */
    * {
        -webkit-overflow-scrolling: touch;
    }
    
    /* ÓÅ»¯µã»÷ÏìÓ¦ */
    a, button, input, select, textarea {
        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    }
    
    /* ²Ëµ¥´ò¿ªÊ±½ûÖ¹body¹ö¶¯ */
    body.menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }

    /* ½ûÓö¯»­£¬·ÀÖ¹Òƶ¯¶ËÉÁ˸»ò´íλ */
    .animated {
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* ͨÓÃÈÝÆ÷ÊÊÅä */
    .bz_wb, 
    .xxywbox, 
    .xydt_news_box, 
    .mtlgcontent, 
    .mtlg_listbox, 
    .mtlg_listbox_left, 
    .mtlg_listbox_right,
    .body_122601,
    .body_122602,
    .footer,
    .tzgg_box,
    .xskycontent,
    .qxlgcontent,
    .sswk,
    .sslgcontent,
    .ztzlbox,
    .ywsjbox,
    .sjmtwk {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        height: auto !important;
    }

    /* ¸øÄÚÈÝÈÝÆ÷¼Ó padding */
    .bz_wb {
        padding: 0 15px;
    }

    /* µ÷Õû¼ä¾à - Òƶ¯¶Ë¼õÉÙ¿Õ°× */
    .bz_clear {
        height: 10px !important;
    }
    
    /* Ìض¨Î»Öõļä¾àÓÅ»¯ */
    .doclist_content > .bz_clear {
        height: 0 !important;
        display: none !important;
    }
    
    .doclist_content .bz_wb > .bz_clear {
        height: 0 !important;
        display: none !important;
    }
    
    .doclist_content_left .bz_clear {
        height: 0 !important;
        display: none !important;
    }

    /* Header ÊÊÅä */
    header {
        height: auto !important;
        padding: 10px 15px !important;
        background: #0050b3 !important;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100% !important;
        display: block !important;
    }

    .bz_a {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto !important;
        padding: 0 !important;
        position: relative; /* È·±£ z-index ÉúЧ */
        z-index: 1002; /* ±£Ö¤Ôڲ˵¥Ö®ÉÏ */
        background: #0050b3; /* ±£Ö¤±³¾°ÕÚµ²²Ëµ¥¶¥²¿ */
    }

    .logo {
        width: 180px !important;
        height: auto !important;
    }
    
    .logo img {
        width: 100%;
        height: auto;
    }

    /* ºº±¤²Ëµ¥°´Å¥ */
    .mobile-menu-btn {
        display: block;
        width: 30px;
        height: 24px;
        position: relative;
        cursor: pointer;
        z-index: 1001;
    }

    .mobile-menu-btn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        margin-bottom: 6px;
        transition: 0.3s;
    }
    
    .mobile-menu-btn span:last-child {
        margin-bottom: 0;
    }

    .mobile-menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 6px);
    }
    
    .mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }
    
    .mobile-menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -6px);
    }

    /* Òþ²Ø PC µ¼º½ - ¸ÄΪÓҲ໬Èë²Ëµ¥ */
    header .bz_b, .bz_b {
        display: block !important;
        position: fixed !important;
        top: 0;
        right: -100%; /* ³õʼÒþ²ØÔÚÓÒ²à */
        left: auto !important;
        width: 100% !important; /* ²Ëµ¥¿í¶È¸ÄΪȫ¿í */
        max-width: 100% !important; /* È¡Ïû×î´ó¿í¶ÈÏÞÖÆ */
        height: 100vh !important;
        background: #0050b3;
        transition: right 0.3s ease-in-out; /* »¬È붯»­ */
        overflow-y: auto;
        padding: 70px 0 20px 0; /* ¶¥²¿Áô³ö header ¸ß¶È */
        box-shadow: none;
        z-index: 999;
    }
    
    .bz_b.active {
        right: 0; /* ¼¤»îʱ»¬Èë */
    }

    /* ÕÚÕÖ²ã (¿ÉÑ¡£¬Èç¹ûÐèÒªµã»÷Íⲿ¹Ø±ÕÐèÅäºÏJS£¬ÕâÀï½ö×öÑùʽ) */
    .menu-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 998;
        display: none;
    }
    .mobile-menu-btn.active + .menu-mask { /* ÐèÒªµ÷ÕûHTML½á¹¹²ÅÄÜÉúЧ£¬ÔÝʱºöÂÔ */ }
    
    .bz_b_top, .bz_b_bottom {
        width: 100% !important;
        position: static !important;
        display: block !important;
        height: auto !important;
    }
    
    /* ¸±µ¼º½£ºÁ½ÐÆæ²ÊÓéÀÖAPPÏÂÔØÆæ²ÊÓéÀÖ,ƹ³¬ÁªÈüÐÂÎÅ,ÑǹÚɽ¶«Ì©É½Ö±²¥Ãâ·Ñ¹Û¿´Èë¿Ú,ÑÇЬÿÐÐ4¸ö */
    .link_list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start;
        padding: 10px 5px !important;
        background: rgba(0, 0, 0, 0.1); /* Çø·Ö±³¾° */
        margin: 0 !important;
        width: 100% !important; /* È·±£Õ¼ÂúÈÝÆ÷ */
    }
    
    .link_list ul li {
        width: 25% !important; /* ÿÐÐ4¸ö */
        margin: 5px 0 !important;
        padding: 0 2px !important; /* Ôö¼Ó×óÓÒÄڱ߾à */
        display: flex !important;
        justify-content: center;
        align-items: center;
        box-sizing: border-box; /* È·±£ padding ¼ÆÈë¿í¶È */
    }
    
    .link_list ul li a {
        color: #fff !important;
        font-size: 12px !important; /* ÉÔ΢ËõС×ÖÌå */
        display: block;
        width: 100%;
        text-align: center;
        padding: 4px 0;
        white-space: nowrap;
        overflow: visible; /* ÔÊÐíÎÄ×ÖÒç³öÏÔʾ£¬»òÕ߸ÄΪ hidden ²¢ÅäºÏ text-overflow */
        /* text-overflow: ellipsis; */
    }

    /* Òþ²ØÔ­ÓÐµÄ link_btn (°üº¬ English ºÍ right_nav) */
    .link_btn {
        display: none !important;
    }

    /* ÏÔʾÒƶ¯¶ËÐÂÔöµÄ English Á´½Ó */
    .mobile_en_li {
        display: flex !important;
    }

    /* Ö÷µ¼º½ÑùʽÓÅ»¯ */
    .bz_b_bottom ul {
        display: block !important;
        padding: 10px 0 !important;
        width: 100% !important;
    }
    
    .bz_b_bottom ul li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* ·Ö¸ôÏß */
    }
    
    .bz_b_bottom ul li a {
        color: #fff !important;
        font-size: 16px !important; /* Ö÷µ¼º½×ÖÌåÉÔ´ó */
        font-weight: 500;
        display: block;
        width: 100%;
        padding: 15px 25px; /* Ôö¼Óµã»÷ÇøÓòºÍËõ½ø */
        text-align: left;
        letter-spacing: 1px; /* Ôö¼Ó×Ö¼ä¾à */
    }
    
    .bz_b_bottom ul li:last-child {
        border-bottom: none;
    }


    /* Footer ÊÊÅä */
    footer {
        width: 100% !important;
        height: auto !important;
        padding: 30px 0 !important;
        background: #0050b3 !important;
        background-size: cover !important;
        margin-top: 30px !important;
    }
    
    footer .bz_wb {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        padding: 0 !important;
    }

    .footer_left {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer_left .logo {
        width: 100% !important;
        padding: 0 0 20px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    .footer_left .logo a {
        display: inline-block;
    }

    .footer_left .logo img {
        max-width: 280px;
        height: auto;
    }

    .footer_left p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        white-space: normal !important;
        text-align: center;
        color: rgba(255,255,255,0.8) !important;
    }

    .footer_right {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_right .right_link {
        width: 100%;
    }

    .footer_right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center !important;
        margin-bottom: 15px;
        width: 100%;
        padding: 0;
    }

    .footer_right ul li {
        margin: 5px 10px !important;
        width: auto !important;
        text-align: center;
        line-height: 1.5 !important;
    }

    .footer_right ul li a {
        font-size: 14px !important;
        white-space: nowrap;
        color: rgba(255,255,255,0.8) !important;
    }
}
@media screen and (min-width: 769px) {
    .mobile-menu-btn {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    /* Òƶ¯¶Ë¶þ¼¶²Ëµ¥Ñùʽ - ÌáÉýÓÅÏȼ¶ */
    header .bz_b .bz_b_bottom ul li .mobile-arrow {
        width: 40px;
        height: 40px;
        display: flex !important; /* Force display on mobile */
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10002; /* Ìá¸ß²ã¼¶£¬¸ßÓÚÒ»¼¶²Ëµ¥Á´½Ó */
        background: transparent; /* È·±£±³¾°Í¸Ã÷ */
    }
    .mobile-arrow::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
        transition: transform 0.3s;
    }
    .mobile-arrow.active::after {
        transform: rotate(-135deg);
    }

    header .bz_b .bz_b_bottom ul li {
        flex-wrap: wrap;
        position: relative;
        height: auto !important;
    }

    /* Force override PC hover styles on mobile */
    header .bz_b .bz_b_bottom ul li:hover .sub_ul {
        display: none; /* Disable hover display on mobile */
    }

    header .bz_b .bz_b_bottom ul li .sub_ul {
        width: 100% !important;
        position: static !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(0, 0, 0, 0.1) !important;
        display: none !important; /* Force hidden by default */
        left: auto !important;
        transform: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* ¼¤»î״̬ÏÔʾ */
    header .bz_b .bz_b_bottom ul li .sub_ul.open {
        display: block !important;
    }

    header .bz_b .bz_b_bottom ul li .sub_ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        display: block !important;
        text-align: left !important;
    }

    header .bz_b .bz_b_bottom ul li .sub_ul li a {
        display: block;
        padding: 10px 0 10px 40px;
        font-size: 15px;
        color: #eee;
        text-align: left;
    }

    /* Òþ²Ø PC ¶ËµÄС¼ýÍ· */
    header .bz_b .bz_b_bottom ul li .sub_ul::after {
        display: none !important;
    }
}