* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: sans-serif; color: #333; }
html{height:100%; margin:0; padding:0}

        .container {
            width: 100%;
            min-width: 1300px;
            max-width: 1800px;
            margin: 0 auto;
            padding: 50px;
 }
         .icon-svg {
            width: 40px;
            height: 40px;
            fill: #00e5ff; /* 青色图标 */
        }
        
media screen and (min-width: 1921px) { .container { max-width: 1800px; } }
        @media screen and (max-width: 1920px) { .container { max-width: 100%; } }
		
    
		 .header {
            display: -ms-flexbox; display: flex;
            -ms-flex-pack: end; justify-content: flex-end;
            padding: 10px 0; color:#fff
        }
        .menu-btn {
            background: none; border:0; padding: 20px 30px;
            font-size: 39px; cursor: pointer; line-height: 1; border-radius: 4px; color:#fff;
			 position: fixed;        
			top: 10px;          
			right: 10px;           
			z-index: 999;          
        } 
        .menu-btn:hover { color:#00BDD5;font-size: 39px;
		}
		.prevp a{bottom: 15px; color:#74AEF5;          
			right: 80px;           
			z-index: 999;  position: fixed; font-size:30px; text-decoration:none
			}
		.prevp a:hover{color:#fff}
		.nextp a{bottom: 15px;color:#74AEF5;           
			right: 30px;           
			z-index: 74AEF5;  position: fixed; font-size:30px;text-decoration:none
			}
		.nextp a:hover{color:#fff}
        .fullscreen-menu {
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(11, 71, 161, 0.9); z-index: 9999;
            opacity: 0; visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
            overflow-y: auto;
        }
        .fullscreen-menu.active { opacity: 1; visibility: visible; }

        .menu-inner {
            width: 100%; min-width: 1300px; max-width: 1800px; margin: 0 auto; height: 100%;
            display: -ms-flexbox; display: flex;
            -ms-flex-direction: column; flex-direction: column;
            padding: 40px;
        }
        .close-btn {
            -ms-flex-item-align: end; align-self: flex-end;
            background: none; border: none; font-size: 46px; cursor: pointer;
            padding: 10px; line-height: 1; color: #fff; outline: none;
        }
        .close-btn:hover { color: #DEF2F6;font-size: 46px; }

        .menu-grid {
            -ms-flex: 1; flex: 1;
            display: -ms-flexbox; display: flex;
            -ms-flex-wrap: wrap; flex-wrap: wrap;
            -ms-flex-align: center; align-items: center;
            -ms-flex-pack: center; justify-content: center;
            align-content: center;
            padding: 40px 0; 
        }

        .menu-item {
            width: calc(33.333% - 40px); margin: 20px; padding: 30px;
            display: -ms-flexbox; display: flex;
            -ms-flex-align: center; align-items: center;
            cursor: pointer; border-radius: 8px;
           background: rgba(255, 255, 255, 1); border: 1px solid #154C7D;
            transition: all 0.2s ease; outline: none;
        }
        .menu-item:hover { background-color: #fff; box-shadow: 0 2px 16px hsla(0,0%,39%,.23); border:1px solid #00F  }
        .menu-item:active {
            background-color: #f0f0f0; border-color: #bbb;
            box-shadow: 0 1px 0 #d0d0d0, 0 2px 4px rgba(0, 0, 0, 0.05);
            margin-top: 23px; margin-bottom: 17px;
        }

        .menu-item a {
            display: -ms-flexbox; display: flex;
            -ms-flex-align: center; align-items: center;
            width: 100%; height: 100%;
            text-decoration: none; color: inherit; outline: none;
        }

        .menu-icon {
            width: 60px; height: 60px; background: #333; border-radius: 50%; margin-right: 20px;
            display: -ms-flexbox; display: flex;
            -ms-flex-align: center; align-items: center;
            -ms-flex-pack: center; justify-content: center;
            color: #fff; font-size: 24px; -ms-flex-negative: 0; flex-shrink: 0;
        }

        .menu-text .cn { font-size: 28px; font-weight:normal; color: #1158BE; }
        .menu-text .en { font-size: 14px; color: #888; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }

        .no-flexbox .menu-item { display: inline-block; vertical-align: middle; width: 33.333%; margin: 1%; }
        .no-flexbox .menu-item a { display: block; width: 100%; }
        .no-flexbox .menu-icon { display: inline-block; vertical-align: middle; }
        .no-flexbox .menu-text { display: inline-block; vertical-align: middle; }
		
		#m1{background:url(m1.png) 0px 3px no-repeat}
		#m2{background:url(m2.png) 0px 3px no-repeat}
		#m3{background:url(m3.png) 0px 3px no-repeat}
		#m4{background:url(m4.png) 0px 3px no-repeat}
		#m5{background:url(m5.png) 0px 3px no-repeat}
		#m6{background:url(m6.png) 0px 3px no-repeat}
		#m7{background:url(m7.png) 0px 3px no-repeat}
		#m8{background:url(m8.png) 0px 3px no-repeat}
		#m9{background:url(m9.png) 0px 3px no-repeat}
		
.clearfix:after { content: ""; display: table; clear: both; }
.clearfix { *zoom: 1; } /* IE6/7 兼容 */

.block {
    float: left;
    background: #f4f4f4;
    padding: 15px;
    box-sizing: border-box; /* IE8+ 支持，防止 padding 撑破宽度 */
    margin-bottom: 20px;
}
.block img {
    float: left;
    margin-right: 15px;
    max-width: 100px; /* 防止图片过大 */
    height: auto;
}
.block .text {
    overflow: hidden; /* 触发 BFC，防止文字环绕到图片下方 */
}

/* 两组布局：48% + 48% */
.col-2 { width: 48%; float:left;box-sizing: border-box;}
.col-2:first-child { margin-right: 4%; } /* IE8 不支持 :first-child，可用 .col-2 + .col-2 或手动加 class */
/* IE8 兼容写法： */
.col-2 + .col-2 { margin-right: 0; margin-left: 4%; } 

		.abitm{width:100%; float:left; text-align:left;}
		.abitem h2{ font-size:25px; color:#00BCD4;text-align:left}
		.abitem li{ list-style-type:none; font-weight:normal; color:#fff;text-align:left}
		
		
/* 四组布局：23% + 23% + 23% + 23% */
.col-4-item { 
    width: 23%; 
    margin-right: 2.66%; 
    float: left; border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
}
.col-4-img { 
    width: 23%; 
    margin-right: 2.66%; 
   
}
/* 最后一个不要 margin */
.col-4-item.last { margin-right: 0; }

/* 针对 IE 的图文混排优化 */
.col-4-item img {
    width: 60px; /* 小图更适合 4 列 */
    height: 60px;
    object-fit: cover; /* IE 不支持 object-fit，仅作现代浏览器增强 */
}
#font25{ font-size:25px; line-height:170%}

  .debug {
            position: fixed;
            top: 12px;
            right: 12px;
            background: rgba(0, 0, 0, 0.75);
            color: #fff;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 13px;
            font-family: monospace;
            z-index: 999;
            pointer-events: none;
        }
		
		@media screen and (max-width: 1800px) and (min-width: 1441px) {       
		.menu-text .cn { font-size: 23px; font-weight:normal; color: #1158BE; }
        .menu-text .en { font-size: 13px; color: #888; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
         }
        @media screen and (max-width: 1440px)  and (min-width: 1300px) {       
		.menu-text .cn { font-size: 21px; font-weight:normal; color: #1158BE; }
        .menu-text .en { font-size: 13px; color: #888; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
         }