@charset "utf-8";
/* ==========================================================================
   xy-ui.css  |  Site-wide unified visual layer
   Linked from top.asp (portal pages) and topnei.asp (inner pages).
   Visual-only overrides (colour / radius / shadow / motion) - no layout,
   position or display changes to existing components, so it is safe to
   roll back by deleting the <link> tag.
   Palette:  #1a3a6b deep navy | #27509a brand blue | #1266c8 bright blue
             #b90417 highlight red | #f4f8fe / #f2f6fd light tints
   ========================================================================== */

/* ---------- 1. base + accessibility ---------- */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
a{-webkit-tap-highlight-color:transparent}
::selection{background:#27509a;color:#fff}
::-moz-selection{background:#27509a;color:#fff}
a:focus-visible,input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #1266c8;outline-offset:2px}

/* ---------- 2. pagination (news.asp / anli.asp / sous.asp ...) ---------- */
.xy-pg{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:30px 0 10px;font-size:14px;line-height:1.2;color:#666}
.xy-pg .pg-form{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0}
.xy-pg a{display:inline-block;height:34px;line-height:32px;padding:0 15px;background:#fff;border:1px solid #dfe4ec;border-radius:6px;color:#27509a;text-decoration:none;transition:all .25s}
.xy-pg a:hover{background:#1266c8;border-color:#1266c8;color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px rgba(18,102,200,.25)}
.xy-pg span.pg-dis{display:inline-block;height:34px;line-height:32px;padding:0 15px;background:#f5f7fa;border:1px solid #ebeef5;border-radius:6px;color:#bfc6d1;cursor:not-allowed}
.xy-pg span.pg-info{font-size:13px;color:#8b96a6;margin:0 4px}
.xy-pg span.pg-info b{color:#1266c8}
.xy-pg input.pg-ipt{width:46px;height:34px;padding:0;background:#fff;border:1px solid #dfe4ec;border-radius:6px;text-align:center;font-size:14px;color:#333;outline:none;transition:border-color .25s,box-shadow .25s}
.xy-pg input.pg-ipt:focus{border-color:#1266c8;box-shadow:0 0 0 3px rgba(18,102,200,.12)}
.xy-pg input.pg-go{height:34px;line-height:32px;padding:0 18px;margin:0;background:#1a3a6b;border:1px solid #1a3a6b;border-radius:6px;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:all .25s}
.xy-pg input.pg-go:hover{background:#b90417;border-color:#b90417;transform:translateY(-2px);box-shadow:0 6px 14px rgba(185,4,23,.25)}
@media screen and (max-width:768px){
	.xy-pg{gap:4px;padding:20px 0 6px}
	.xy-pg a,.xy-pg span.pg-dis,.xy-pg input.pg-go{height:30px;line-height:28px;padding:0 10px;font-size:13px}
	.xy-pg input.pg-ipt{width:40px;height:30px}
	.xy-pg span.pg-info{font-size:12px}
}

/* ---------- 3. list rows - same treatment as the home page ---------- */
.zxyx .xy-list{margin:0;padding:0;list-style:none}
.zxyx .xy-list li{margin:0;padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;transform:none}
.zxyx .xy-list li::after{display:none;content:none}
.zxyx .xy-list li .a{display:flex;height:.56rem;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0 .14rem 0 .18rem;background:transparent;box-shadow:none;border-radius:0;border-bottom:1px dashed #e9eff9;position:relative;transition:background .35s}
.zxyx .xy-list li:last-child .a{border-bottom:none}
.zxyx .xy-list li .a h5{width:auto;-webkit-box-flex:1;flex:1;margin:0;font-size:.18rem;font-weight:normal;color:#232323;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zxyx .xy-list li .a span{display:inline-block;font-size:.15rem;color:#8695ad;font-family:Times New Roman;background:#f2f6fd;border-radius:.04rem;padding:.04rem .08rem;white-space:nowrap;transition:all .35s}
.zxyx .xy-list li .a:hover{background:linear-gradient(90deg,#f4f8fe 0%,rgba(244,248,254,0) 96%)}
.zxyx .xy-list li .a:hover h5{color:#27509a}
.zxyx .xy-list li .a:hover span{background:#27509a;color:#fff}

/* ---------- 4. inner-page cards (.zxyx) ---------- */
.zxyx li a{border-radius:8px;box-shadow:0 4px 18px rgba(26,58,107,.08);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s}
.zxyx li:hover a{transform:translateY(-4px);box-shadow:0 16px 34px rgba(26,58,107,.16)}
.zxyx li .scales{border-radius:6px;overflow:hidden}
.zxyx li .scales img{transition:transform 1s cubic-bezier(.25,0,0,1)}
.zxyx li:hover .scales img{transform:scale(1.06)}
.zxyx li .yx-r h2{color:#1a3a6b}
.zxyx li .yx-r h2::after{background:linear-gradient(90deg,#27509a 0%,#b90417 100%)}
.zxyx li .yx-r span{color:#8695ad}
.zxyx li .yx-r h3{color:#5a6678}

/* ---------- 5. article body ---------- */
.article p{margin-bottom:.16rem}
.article img{border-radius:6px;box-shadow:0 6px 20px rgba(26,58,107,.10)}
.article table{box-shadow:0 4px 16px rgba(26,58,107,.08)}
.article table th{background:#1a3a6b;color:#fff;font-weight:bold;padding:10px 12px;border-color:#cfdaea}
.article table td{padding:10px 12px;border-color:#e6edf8}
.article blockquote{margin:.2rem 0;padding:.16rem .24rem;background:#f4f8fe;border-left:3px solid #27509a;border-radius:0 6px 6px 0;color:#4a5568}
.article h1,.article h2,.article h3,.article h4{color:#1a3a6b}

/* ---------- 6. mobile drawer menu ---------- */
@keyframes xymenu{from{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px);}to{opacity:1;-webkit-transform:none;transform:none;}}
@media screen and (max-width:1199px){
	/* right-side drawer: 82% width, mask stays visible on the left, rounded top-left + shadow */
	#m_nav{width:82%;max-width:5.4rem;right:0;left:auto;height:100vh;padding:76px 16px 30px;
		border-radius:.26rem 0 0 .26rem;box-shadow:-12px 0 34px rgba(6,20,45,.36);
		background:linear-gradient(180deg,#2a54a0 0%,#1a3a6b 100%);
		visibility:visible;opacity:1;pointer-events:none;
		-webkit-transform:translateX(106%);transform:translateX(106%);
		-webkit-transition:-webkit-transform .34s cubic-bezier(.22,.61,.36,1);transition:transform .34s cubic-bezier(.22,.61,.36,1);}
	#m_nav.act{-webkit-transform:none;transform:none;pointer-events:auto;}
	#m_nav .close{color:#fff;font-size:30px;line-height:1;opacity:.92;}
	#m_nav .close:active{opacity:.55;}
	#nav_btn_box{box-shadow:-3px 0 12px rgba(0,0,0,.18);}
	#nav_btn .point{height:16px;}
	.nav_mask{background:rgba(8,20,40,.5);}

	/* larger type + taller rows = easier tapping */
	.list_box_nav_mobile{height:auto;max-height:100%;padding-bottom:.2rem;}
	.list_box_nav_mobile>li .con{display:flex;align-items:center;justify-content:space-between;}
	.list_box_nav_mobile>li .a{flex:1;width:auto;font-size:.25rem;line-height:.78rem;letter-spacing:.5px;
		border-bottom:1px solid rgba(255,255,255,.16);padding:0;}
	.list_box_nav_mobile>li .a:active{color:#ffd98a;}
	/* arrow: drawn with CSS because images/arrow_down.png is missing */
	.list_box_nav_mobile>li i{flex:none;width:.8rem;height:.78rem;background-image:none !important;position:relative;opacity:1;}
	.list_box_nav_mobile>li i::after{content:"";position:absolute;left:50%;top:50%;width:.16rem;height:.16rem;
		margin:-.12rem 0 0 -.08rem;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);
		-webkit-transform:rotate(45deg);transform:rotate(45deg);
		-webkit-transition:-webkit-transform .25s;transition:transform .25s;}
	.list_box_nav_mobile>li.on1 i::after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-top:-.04rem;}
	.list_box_nav_mobile>li i:active::after{border-color:#ffd98a;}

	/* second level */
	.list_box_nav_mobile>li .list{margin:.06rem 0 .12rem .24rem;border-left:2px solid rgba(255,255,255,.22);padding-left:.08rem;}
	.list_box_nav_mobile>li .list.xy-open{display:block;-webkit-animation:xymenu .26s ease both;animation:xymenu .26s ease both;}
	.list_box_nav_mobile>li .list a{display:block;font-size:.21rem;line-height:2.9;color:rgba(255,255,255,.76);padding:0 .1rem;}
	.list_box_nav_mobile>li .list a:active{color:#fff;background:rgba(255,255,255,.08);}
}

/* ---------- 7. media gallery / list page (.dzblist ul.video) ---------- */
.dzblist ul.video{display:flex;flex-wrap:wrap;margin:0 -.11rem;overflow:visible;}
.dzblist ul.video li{float:none;width:20%;padding:0 .11rem;margin-bottom:.26rem;box-sizing:border-box;}
.dzblist ul.video li a{display:block;margin:0;background:#fff;border-radius:.1rem;overflow:hidden;
	box-shadow:0 .04rem .18rem rgba(26,58,107,.10);
	-webkit-transition:-webkit-transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s;
	transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s;}
.dzblist ul.video li a:hover{-webkit-transform:translateY(-.06rem);transform:translateY(-.06rem);
	box-shadow:0 .18rem .36rem rgba(26,58,107,.22);}
.dzblist ul.video li .pic{padding-bottom:92%;border:0;border-radius:0;overflow:hidden;background:#eef3fa;}
.dzblist ul.video li .pic img{position:absolute;width:100%;height:100%;top:0;left:0;
	object-fit:cover;object-position:center center;
	-webkit-transition:-webkit-transform 1s cubic-bezier(.25,0,0,1);transition:transform 1s cubic-bezier(.25,0,0,1);}
.dzblist ul.video li:hover img{-webkit-transform:scale(1.07);transform:scale(1.07);}
.dzblist ul.video li h2{font-size:.16rem;line-height:1.5;font-weight:normal;text-align:left;color:#41506a;
	background:#fff;padding:.12rem .14rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	box-shadow:none;border-top:1px solid #f0f4fa;
	-webkit-transition:background .35s,color .35s;transition:background .35s,color .35s;}
.dzblist ul.video li:hover h2{background:#1a3a6b;color:#fff;}
@media screen and (max-width:1199px){
	.dzblist ul.video{margin:0 -.1rem;}
	.dzblist ul.video li{width:25%;padding:0 .1rem;}
}
@media screen and (max-width:900px){
	.dzblist ul.video li{width:33.3333%;}
}
@media screen and (max-width:600px){
	.dzblist ul.video{margin:0 -.07rem;}
	.dzblist ul.video li{width:50%;padding:0 .07rem;margin-bottom:.18rem;}
	.dzblist ul.video li h2{font-size:.15rem;padding:.1rem .12rem;}
}

/* ---------- 8. sitemap module (.xy-sitemap) ---------- */
.xy-sitemap{margin:.24rem 0 0;}
.xy-sitemap .sm-grid,.xy-sitemap .sm-foot{display:flex;flex-wrap:wrap;}
.xy-sitemap .sm-group{width:calc(50% - .24rem);margin:0 .12rem .24rem;padding:.22rem .26rem;box-sizing:border-box;
	background:#fff;border:1px solid #e7eef9;border-radius:.12rem;box-shadow:0 .04rem .18rem rgba(26,58,107,.07);
	-webkit-transition:box-shadow .35s,border-color .35s;transition:box-shadow .35s,border-color .35s;}
.xy-sitemap .sm-group:hover{border-color:#dbe6f6;box-shadow:0 .12rem .28rem rgba(26,58,107,.13);}
.xy-sitemap .sm-group h2{position:relative;margin:0 0 .1rem;padding:0 0 .12rem;font-size:.2rem;font-weight:bold;color:#1a3a6b;
	border-bottom:1px solid #eef3fa;display:-webkit-box;display:flex;-webkit-box-align:baseline;align-items:baseline;}
.xy-sitemap .sm-group h2 em{margin-left:.1rem;font-style:normal;font-weight:normal;font-size:.13rem;color:#9aa7bd;letter-spacing:.5px;}
.xy-sitemap .sm-group h2::after{content:"";position:absolute;left:0;bottom:-1px;width:.6rem;height:.04rem;border-radius:.02rem;
	background:linear-gradient(90deg,#27509a 0%,#b90417 100%);}
.xy-sitemap .sm-note{margin:.08rem 0 .14rem;font-size:.15rem;line-height:1.7;color:#8896ab;}
.xy-sitemap .sm-list{list-style:none;margin:0;padding:0;-webkit-columns:2;columns:2;-webkit-column-gap:.24rem;column-gap:.24rem;}
.xy-sitemap .sm-list-1{-webkit-columns:1;columns:1;}
.xy-sitemap .sm-list li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;}
.xy-sitemap .sm-list a{position:relative;display:block;padding-left:0;font-size:.17rem;line-height:2.1;color:#3b4a63;
	text-decoration:none;border-bottom:1px dashed #e9eff9;-webkit-transition:color .3s,padding-left .3s;transition:color .3s,padding-left .3s;}
.xy-sitemap .sm-list a:hover{color:#1266c8;padding-left:.14rem;}
.xy-sitemap .sm-list a::before{content:"";position:absolute;left:0;top:50%;width:0;height:.06rem;border-radius:50%;
	background:#27509a;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:width .3s;transition:width .3s;}
.xy-sitemap .sm-list a:hover::before{width:.06rem;}
.xy-sitemap .sm-info{list-style:none;margin:0 0 .16rem;padding:0;}
.xy-sitemap .sm-info li{display:-webkit-box;display:flex;padding:.05rem 0;font-size:.17rem;line-height:2;color:#3b4a63;border-bottom:1px dashed #e9eff9;}
.xy-sitemap .sm-info li span{-webkit-box-flex:0;flex:none;width:1.16rem;color:#8896ab;}
.xy-sitemap .sm-info li a{color:#1266c8;text-decoration:none;}
.xy-sitemap .sm-info li a:hover{color:#b90417;}
.xy-sitemap .sm-btns{display:-webkit-box;display:flex;flex-wrap:wrap;}
.xy-sitemap .sm-btn{display:inline-block;margin:.04rem .12rem .08rem 0;padding:.12rem .22rem;font-size:.16rem;line-height:1;color:#27509a;
	background:#f6f9fd;border:1px solid #dfe8f6;border-radius:.26rem;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;}
.xy-sitemap .sm-btn:hover{background:#1a3a6b;border-color:#1a3a6b;color:#fff;}
.xy-sitemap .sm-btn-p{background:#1a3a6b;border-color:#1a3a6b;color:#fff;}
.xy-sitemap .sm-btn-p:hover{background:#b90417;border-color:#b90417;}
.xy-sitemap .sm-tip{margin:.04rem 0 0;font-size:.14rem;color:#9aa7bd;text-align:center;}
@media screen and (max-width:900px){
	.xy-sitemap .sm-group{width:calc(100% - .24rem);}
}
@media screen and (max-width:600px){
	.xy-sitemap .sm-group{padding:.18rem .2rem;}
	.xy-sitemap .sm-list{-webkit-columns:1;columns:1;}
	.xy-sitemap .sm-group h2{font-size:.18rem;}
}

/* ---------- 9. top navigation / header ---------- */
/* fix: images/head-bg.png returns 404 on the live server, so the white nav text
   sat directly on the bright banner - restore the navy backdrop with a gradient */
.header_box:before{height:2.6rem;
	background:linear-gradient(180deg,rgba(15,42,86,.92) 0%,rgba(15,42,86,.70) 36%,rgba(15,42,86,.34) 66%,rgba(15,42,86,0) 100%);}
.header_top .list_box0 .li{padding:0 .08rem;font-size:.16rem;letter-spacing:.3px;color:rgba(255,255,255,.94);}
.header_top .list_box0 .li>a{text-shadow:none;-webkit-transition:color .3s;transition:color .3s;}
.header_top .list_box0 .li:hover,.header_top .list_box0 .li:hover>a{color:#ffd98a;}
.header_top .list_box0 .li:after{display:none;}
#nav ul li h3{font-size:.21rem;letter-spacing:.5px;text-shadow:0 1px 5px rgba(4,16,36,.5);-webkit-transition:color .3s;transition:color .3s;}
#nav ul li a{position:relative;z-index:2;}
#nav ul li a::before{content:"";position:absolute;left:2%;right:2%;top:-.02rem;bottom:.02rem;z-index:-1;border-radius:.08rem;
	background:rgba(255,255,255,0);-webkit-transform:scale(.92);transform:scale(.92);
	-webkit-transition:background .35s,-webkit-transform .35s;transition:background .35s,transform .35s;}
#nav ul li:hover a::before,#nav ul li.on a::before{background:rgba(255,255,255,.14);-webkit-transform:scale(1);transform:scale(1);}
#nav ul li h3:after{height:.04rem;border-radius:.03rem;background:linear-gradient(90deg,#4a86dd 0%,#b90417 100%);}
#nav ul li.on h3{font-weight:bold;}
#nav ul li.on h3:after{opacity:1;visibility:visible;width:.34rem;margin-left:-.17rem;}
.sub_nav1{border:0;border-radius:0 0 .14rem .14rem;box-shadow:0 .22rem .6rem rgba(6,20,45,.22);}
.sub_nav1::before{content:"";position:absolute;left:0;right:0;top:0;height:.04rem;z-index:2;
	background:linear-gradient(90deg,#27509a 0%,#b90417 100%);}
.sub_nav1 .box .ll h2{color:#1a3a6b;}
.miso_navs{background:linear-gradient(90deg,#163a72 0%,#1a3a6b 52%,#12305c 100%);box-shadow:0 .08rem .34rem rgba(4,16,36,.35);}
.miso_navs #nav ul li h3{text-shadow:none;}

/* ---------- 10. home media block (.list6) ---------- */
/* the posters in this block are landscape (h/w 0.58 / 0.91), but the theme crops them
   into a 182% portrait box and paints a nearly-white list6_top.png over them at 50%.
   The two cards now stretch to fill the column so both columns end on the same line. */
.list6{display:block;margin:0;}
.list6 li{width:100%;padding:0;margin-bottom:.12rem;}
.list6 li:last-child{margin-bottom:0;}
.list6 li .a{display:block;position:relative;z-index:1;border-radius:.12rem;overflow:hidden;
	box-shadow:0 .06rem .2rem rgba(26,58,107,.16);
	-webkit-transition:-webkit-transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s;
	transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s;}
.list6 li .a:hover{-webkit-transform:translateY(-.06rem);transform:translateY(-.06rem);box-shadow:0 .2rem .44rem rgba(26,58,107,.28);}
.list6 li .a .img_box{border-radius:.12rem;overflow:hidden;}
.list6 li .a .img_box::after,.list6 li .a:hover .img_box::after{display:none !important;}
.list6 li .a .img .img_hezi{background-size:cover !important;background-position:center center !important;
	-webkit-transition:-webkit-transform 1.1s cubic-bezier(.25,0,0,1);transition:transform 1.1s cubic-bezier(.25,0,0,1);}
.list6 li .a:hover .img .img_hezi{-webkit-transform:scale(1.06);transform:scale(1.06);}
.list6 li .a .top{z-index:2;padding:0;pointer-events:none;-webkit-box-pack:end;-webkit-box-align:stretch;justify-content:flex-end;align-items:stretch;}
.list6 li .a .top::before{content:"";position:absolute;left:0;right:0;bottom:0;height:64%;z-index:-1;
	background:linear-gradient(180deg,rgba(8,22,48,0) 0%,rgba(8,22,48,.5) 42%,rgba(8,22,48,.9) 100%);}
.list6 li .a .top .ico{display:none;}
.list6 li .a .top .con{width:100%;padding:.46rem .16rem .13rem;}
.list6 li .a .top .con h5{margin:0;font-size:.18rem;line-height:1.35;color:#fff;text-align:left;text-shadow:0 1px 5px rgba(4,16,36,.65);}
.list6 li .a .top .con h6{margin:.04rem 0 0;font-size:.14rem;line-height:1.4;color:rgba(255,255,255,.82);opacity:1;
	-webkit-transform:none;transform:none;text-align:left;}
/* make the right column fill exactly the height of the left column */
@media screen and (min-width:993px){
	.container02 .wp .right{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;}
	.container02 .wp .right .list6{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-height:0;}
	.container02 .wp .right .list6 li{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;min-height:1.9rem;}
	.container02 .wp .right .list6 li .a{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;}
	.container02 .wp .right .list6 li .a .img_box{-webkit-box-flex:1;flex:1;min-height:0;position:relative;}
	.container02 .wp .right .list6 li .a .img_box .img{position:absolute;top:0;left:0;right:0;bottom:0;}
	.container02 .wp .right .list6 li .a .img .img_hezi{padding-bottom:0 !important;position:absolute;top:0;left:0;right:0;bottom:0;}
}
@media screen and (max-width:1199px){
	/* AOS is disabled on mobile (AOS.init({disable:'mobile'})) which would leave opacity:0 */
	.list6 li[data-aos]{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
		-webkit-transform:none !important;transform:none !important;}
}
@media screen and (max-width:992px){
	.list6 li .a .img .img_hezi{padding-bottom:58% !important;}
}
@media screen and (max-width:600px){
	.list6 li .a .top .con{padding:.4rem .12rem .1rem;}
	.list6 li .a .top .con h5{font-size:.16rem;}
	.list6 li .a .top .con h6{font-size:.13rem;}
}