@charset "utf-8";
html,
body{ overflow-x: hidden;}
hr{ border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 0.8em; height: 10px;}
.ell { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; text-align: justify; overflow: hidden;}

.header{ position: fixed; top: 0; right: 0; width: 100vw; padding: 1.25vw 2.5vw; z-index: 999;}
.head{ display: grid; grid-auto-flow: column; justify-content: space-between; align-items: center;}
.head .logo{ grid-row: span 2;}
.head .logo img{ width: auto; height: 5rem;}
.head .search{ justify-self: end; display: grid; grid-auto-flow: column; align-items: center; grid-gap: 1.25vw; height: 2.1875rem;}
.head .search a,
.head .search b,
.head .search span{ font-size: 0.875rem!important; line-height: 2.5!important; color: white!important; text-transform: uppercase;}
.head .search form{ display: flex;}
.head .search input{ border: none; border-radius: 0; background: white;}
.head .search input[type=text]{ padding: 0 1em; font-size: .875rem; line-height: 2.5; color: white; background: rgba(255, 255, 255, .16);}
.head .search input[type=text]::placeholder{ color: white;}
.head .search input[type=submit]{ width: 2.5rem; height: 2.1875rem; font-size: 1.25rem; line-height: 2.1875rem; text-align: center; color: var(--primary); font-family: 'neko'; cursor: pointer; background: white;}

.nav{ display: grid; grid-auto-flow: column; grid-gap: 2rem;}
.nav>li{ position: relative; list-style: none;}
.nav>li>a{ position: relative; display: block; width: 100%; font-size: 1.25rem; line-height: 3; text-align: center; color: white;}
.nav>li>a::after{ content: ''; position: absolute; bottom: 0; right: 0; left: 0; display: block; width: .75rem; height: 0; margin: auto; background: white; clip-path: polygon(50% 0,100% 100%,0 100%);}
.nav>li>a:hover:after{ height: 0.25rem;}

.nav .subnav{ display: none; position: absolute; width: auto; left: -100%; top: 3.75rem; text-align: center; background: white; z-index: 9; padding: 1.25vw; padding-right: 5vw;}
.nav>li:nth-of-type(6) .subnav,
.nav>li:nth-of-type(7) .subnav,
.nav>li:nth-of-type(8) .subnav{ left: auto; right: -100%;}
.nav>li:nth-of-type(9) .subnav{ left: auto; right: -50%;}
.nav .subnav .con{ display: grid; grid-auto-flow: column; align-items: center; grid-gap: 1.25vw;}
.nav .subnav .con .thumb{ position: relative; width: 16rem; height: 0; padding-bottom: 9rem;}
.nav .subnav .con .thumb img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}
.nav .subnav .con ul{ display: grid; grid-template-columns: auto auto; justify-items: start; grid-gap: .5rem 2.5vw;}
.nav .subnav .con ul li{ display: grid; grid-auto-flow: column; align-items: center; grid-gap: 1rem;}
.nav .subnav .con ul li:before{ content: ''; width: 4px; height: 4px; background: #000;}
.nav .subnav .con ul li a{ font-size: 1rem; white-space: nowrap;}

#nav-btn{ display: none;}

.header.full{ background: var(--primary);}
.header.full .head .logo img{ height: 3rem;}
.header.full .head .search{ height: 0; overflow: hidden;}

.slideshow{ position: relative; width: 100vw; height: 52.1875vw; overflow: hidden;}

.slideshow .swiper-wrapper:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(10vw + 2rem); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));; z-index: 9;}
.slideshow .itm,
.slideshow .itm .cover{ position: relative; width: 100%; height: 100%; cursor: default;}
.slideshow .itm .cover img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; transition: all 10s;}
.slideshow .swiper-slide-active .itm .cover img{ transform: scale(1.1);}

.slideshow .prev,
.slideshow .next{ position: absolute; top: 0; bottom: 0; z-index: 9; display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; border-radius: var(--rounded); margin: auto; cursor: pointer; background: rgba(0, 0, 0, .8); font-size: 1.5rem; font-family: 'neko'; color: white; opacity: 0.2;}
.slideshow .prev{ left: 2vw;}
.slideshow .next{ right: 2vw;}

.slideshow .dots{ position: absolute; bottom: 5vw; right: calc(5vw + 5.5rem); left: auto; display: grid; grid-auto-flow: column; align-items: center; grid-gap: .5rem; width: auto; margin: auto; z-index: 9;}
.slideshow .dots span{ position: relative; display: grid; grid-auto-flow: column; grid-gap: 0.5rem; align-items: center; width: auto; height: 1.75rem; margin: 0!important; border-radius: 0; background: none; opacity: 1;}
.slideshow .dots span:after{ content: ''; width: 0; height: 1px; background: white; transition: all .3s;}
.slideshow .dots span.swiper-pagination-bullet.active:after{ width: 5rem;}
.slideshow .dots span img{ width: 1.75rem; height: 1.75rem; transition: all .3s;}
.slideshow .dots span img.i1{ position: relative; z-index: 0; opacity: 1;}
.slideshow .dots span img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0;}
.slideshow .dots span.swiper-pagination-bullet.active img.i1{ opacity: 0;}
.slideshow .dots span.swiper-pagination-bullet.active img.i2{ opacity: 1;}

.slideshow .page{ position: absolute; bottom: 5.5vw; right: 50%; display: flex; align-items: center; transform: translateX(50%); z-index: 9;}
.slideshow .page b,
.slideshow .page i,
.slideshow .page span{ font-style: normal; color: white; font-size: 1rem; line-height: 1.5; padding: 0 .125rem;}
.slideshow .page b{ font-size: 2rem;}

@keyframes mouserun {
  0% {transform: translateY(0)}
  80% {transform: translateY(.5vw)}
  100% {transform: translateY(0)}
}

.slideshow .down{ position: absolute; bottom: 2vw; right: 49vw; display: flex; justify-content: center; align-items: center; width: 2vw; height: 3vw; font-size: 2.5rem; color: white; font-family: 'neko'; z-index: 9; animation: mouserun 2s ease-in-out infinite;}
.slideshow .more{ position: absolute; right: 5vw; bottom: 5vw; z-index: 10; padding-left: 1.5rem; font-size: 1rem; color: white; line-height: 1.75rem;}
.slideshow .more:before{ content: ''; position: absolute; top: .5rem; left: 0; display: block; width: 1px; height: 1rem; background: white;}

.container{ width: 100%;}

.row{ position: relative; display: grid; width: 100%; padding: 3.125vw 6.25vw; background: var(--gray);}

.box-tit{ position: relative; padding-left: 1em;}
.box-tit .cn{ font-size: 2.25rem; line-height: 1; font-weight: bolder;}
.box-tit .en{ color: var(--desc);}
.box-con{ padding-top: 2vw;}

.box .box-tit:before{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 3px; height: 100%; background: var(--secondary);}
.box .box-tit .en{ font-size: 0.875rem; line-height: 1.5; text-transform: uppercase;}
.box .box-tit .more{ position: absolute; top: 0; right: 0; bottom: 0; margin: auto; font-size: 1rem; line-height: 2; height: 2rem; padding-right: 5em;}
.box .box-tit .more:before{ content: ''; position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border-radius: var(--rounded); background: var(--secondary);}
.box .box-tit .more:after{ content: ''; position: absolute; top: 0; right: calc(1rem - 4px); bottom: 4px; display: block; width: 3.5rem; height: 8px; margin: auto; background: var(--thirdly); clip-path: polygon(0 6px, calc(100% - 4px) 6px, calc(100% - 10px) 0, calc(100% - 8px) 0, 100% 100%, 0 100%)}
 
.xxyw{ background: url('../img/bg-xxyw.jpg') top center no-repeat; background-size: cover;}

.box-xxyw .box-tit{ display: flex; padding: 0;}
.box-xxyw .box-tit .ico{ width: 2.25rem; height: 2.25rem; background: url('../img/ico-xxyw.png') center center no-repeat; background-size: cover; z-index: 1;}
.box-xxyw .box-tit .cn{ position: relative; padding-left: 0.75rem; z-index: 1;}
.box-xxyw .box-tit .en{ position: absolute; top: 0; left: 3rem; font-size: 2.25rem; line-height: 1; text-transform: uppercase; color: #dee9f2; z-index: 0;}
.box-xxyw .box-tit .more{ position: absolute; top: 0; right: 0; bottom: 0; margin: auto; font-size: 1rem; line-height: 1.5; height: 1.5rem; text-decoration: underline;}
.box-xxyw .box-con{ display: grid; grid-template-columns: repeat(2,1fr); align-items: start;}


.slide-news{ position: relative; width: 100%; overflow: hidden; margin-top: 1vw;}
.slide-news .swiper-wrapper{ position: relative; z-index: 0;}
.slide-news .itm{ display: grid;}
.slide-news .itm .cover{ position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 3 * 2); clip-path: polygon(0% 2vw, 2vw 0%, 100% 0, 100% 100%, 0 100%); overflow: hidden;}
.slide-news .itm .cover img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}
.slide-news .itm .info{ display: grid; grid-gap: .5vw; padding: 1.5vw; background: var(--text); color: white;}
.slide-news .itm .info span{ font-size: 1.75rem; font-weight: bold;}
.slide-news .itm .info p{ font-size: 1.125rem;}
.slide-news .itm .info i{ display: flex; align-items: center; font-size: .875rem; font-style: normal;}
.slide-news .itm .info i:before{ content: '\e60d'; font-family: 'neko'; font-size: 1rem; line-height: 1; margin-right: 0.25em;}

.slide-news .prev,
.slide-news .next{ position: absolute; right: 0; z-index: 9; display: flex; justify-content: center; align-items: center; width: 2.625rem; height: 2.625rem; font-size: 1.25rem; font-family: 'neko'; cursor: pointer;}
.slide-news .prev{ bottom: calc(5.625rem + 4vw); background: white; color: var(--primary);}
.slide-news .next{ bottom: calc(3rem + 4vw); background: var(--secondary); color: white}

.list-xxyw{ display: grid; grid-gap: .5vw; align-items: start; padding: 1.5vw; border-top: 3px solid  var(--secondary); background: white; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2vw), calc(100% - 2vw) 100%, 0 100%);}
.list-xxyw .itm{ display: grid; align-items: center;  padding-bottom: .5vw; border-bottom: 1px solid var(--border);}
.list-xxyw .itm em{ display: flex; align-items: center; font-size: .875rem; font-style: normal; color: var(--desc);}
.list-xxyw .itm em:before{ content: '\e60d'; font-family: 'neko'; font-size: 1rem; line-height: 1; margin-right: 0.25em;}
.list-xxyw .itm span{ font-size: 1.125rem; font-weight: bold;}

.notice{ grid-template-columns: repeat(2,1fr); grid-gap: 2.5vw;}
.notice .box:nth-child(2) .box-tit{ display: grid; grid-auto-flow: column; justify-content: start; align-items: center; grid-gap: 0 1rem; padding: 0;}
.notice .box:nth-child(2) .box-tit:before{display: none;}
.notice .box:nth-child(2) .box-tit .ico{ grid-row: span 2; width: 3rem; height: 3rem; background: url('../img/ico-notice.png') center center no-repeat; background-size: contain; z-index: 1;}

.flash .box-con{ position: relative; display: grid; grid-gap: 1.5vw;}
.flash .box-con::before{ content: ''; position: absolute; top: 1vw; left: -6.25vw; display: block; width: 100%; height: 0; padding-bottom: calc(50% + 2vw); clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); background: var(--secondary); z-index: 1;}
.flash .box-con::after{ content: ''; position: absolute; bottom: 0; right: 0; display: block; width: calc(100% + 6.25vw); height: 50%; background: white; z-index: 0;}

.slide-flash{ position: relative; width: 100%; overflow: hidden; z-index: 2;}
.slide-flash .swiper-wrapper{ position: relative; z-index: 0;}
.slide-flash .itm{ position: relative; display: grid; width: 100%;}
.slide-flash .itm .cover{ position: relative; width: 100%; height: 0; padding-bottom: 50%; overflow: hidden;}
.slide-flash .itm .cover img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}
.slide-flash .itm .info{ position: absolute; bottom: 0; left: 0; width: 100%; padding: .75rem 1rem; z-index: 1; background:rgba(0, 0, 0, .6); overflow: hidden;}
.slide-flash .itm .info span{ display: block; font-size: 1.25rem; color: white;}

.slide-flash .prev,
.slide-flash .next{ position: absolute; right: 0; z-index: 9; display: flex; justify-content: center; align-items: center; width: 2rem; height: 1.6875rem; font-size: 1rem; font-family: 'neko'; cursor: pointer;}
.slide-flash .prev{ bottom: 1.6875rem; background: white; color: var(--primary);}
.slide-flash .next{ bottom: 0; background: var(--secondary); color: white;}

.list-flash{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 2vw; padding: 0 2vw 1.3vw 0; background: white; z-index: 2;}
.list-flash .itm{ display: grid; grid-gap: 0.5rem; align-items: center; padding: .7vw 0; border-bottom: 1px solid var(--border); background: white;}
.list-flash .itm em{ display: flex; align-items: center; font-size: .875rem; font-style: normal; color: var(--desc);}
.list-flash .itm em:before{ content: '\e60d'; font-family: 'neko'; font-size: 1rem; line-height: 1; margin-right: 0.25em;}
.list-flash .itm span{ font-size: 1.125rem; font-weight: bold;}

.list-notice{ display: grid; grid-gap: 1.5vw;}
.list-notice .itm{ display: grid; grid-template-columns: auto 1fr; grid-gap: 0 1vw; align-items: center;}
.list-notice .itm .date{ grid-row: span 2; display: grid; text-align: center; padding: .5rem .75rem; border-radius: .5rem; background: white;}
.list-notice .itm .date b{ font-size: 1.5rem; color: var(--secondary);}
.list-notice .itm .date i{ font-size: 0.875rem; font-style: normal; color: var(--desc);}
.list-notice .itm span{ grid-column: 2/3; font-size: 1.25rem; font-weight: bold;}
.list-notice .itm em{ font-size: 0.875rem; font-style: normal; color: var(--desc);}

.media{ grid-template-columns: repeat(2,1fr); grid-gap: 2.5vw; background: url('../img/bg-media.jpg') top center no-repeat; background-size: cover;}
.media .box-tit:before{ background: white;}
.media .box-tit .cn,
.media .box-tit .en,
.media .box-tit .more{ color: white;}

.list-focus{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.75vw 1.5vw;}
.list-focus .itm{ display: grid; grid-gap: 0.5rem; align-items: center; padding: .7vw .75vw; background: white;}
.list-focus .itm em{ display: flex; align-items: center; font-size: .875rem;  font-style: normal; color: var(--desc);}
.list-focus .itm em:before{ content: '\e60d'; font-family: 'neko'; font-size: 1rem; line-height: 1; margin-right: 0.25em;}
.list-focus .itm span{ font-size: 1.125rem; font-weight: bold; }

.list-media{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1vw;}
.list-media .itm{ position: relative; overflow: hidden;}
.list-media .itm:after{ content: ''; position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; background: url('../img/tiktok.png') center center no-repeat; background-size: cover;}
.list-media .itm.wechat:after{ content: ''; position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; background: url('../img/wechat.png') center center no-repeat; background-size: cover;}
.list-media .itm:first-child,
.list-media .itm:last-child{ grid-column: span 2;}
.list-media .itm:nth-of-type(2),
.list-media .itm:nth-of-type(3){ width: 100%; height: 0; padding-bottom: 100%;}
.list-media .itm img{ position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.list-media .itm span{ position: absolute; bottom: 0; left: 0; width: 100%; padding: .5rem 1.5rem; font-size: 1.25rem; line-height: 2; font-weight: bold; color: white; background:linear-gradient(to bottom, transparent, black); z-index: 1;}

.special{ background: url('../img/bg-special.jpg') top center no-repeat; background-size: cover;}
.special .box-tit{ padding: 0; text-align: center;}
.special .box-tit .en{ font-size: 1.875rem; line-height: 1; text-transform: uppercase; color: #8ab3d8;}

.box-special{ width: 100%; overflow: hidden;}
.slide-special{ position: relative; width: 100%;}
.slide-special .swiper-wrapper{ position: relative; z-index: 0;}
.slide-special .itm{ position: relative; width: 100%;}
.slide-special .itm .cover{ position: relative; width: 100%; height: 0; padding-bottom: 33%;}
.slide-special .itm .cover img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}

.slide-data{ position: relative; width: 100%;}
.slide-data .swiper-wrapper{ position: relative; z-index: 0;}
.slide-data .itm{ position: relative; display: grid; justify-items: center; grid-gap: .625vw; width: 100%; text-align: center;}
.slide-data .itm .cover{ position: relative; width: 6vw; height: 6vw;}
.slide-data .itm .cover img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}
.slide-data .itm .info .num{ font-size: 3rem; font-weight: bold; color: var(--primary);}
.slide-data .itm .info .detail{ font-size: 1rem;  font-weight: bold;}

.list-quick{ display: grid; grid-template-columns: repeat(9,1fr); grid-gap: 2.5vw;}
.list-quick .itm{ display: grid; grid-gap: 1.5vw; justify-items: center;}
.list-quick .itm .ico{ position: relative; width: 70%; height: 0; padding-bottom: 70%; border-radius: var(--rounded); background: white;}
.list-quick .itm .ico img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50%; height: 50%; margin: auto; object-fit: contain;}
.list-quick .itm span{ font-size: 1rem; font-weight: bold; white-space: nowrap;}

.footer{ width: 100%; height: auto; padding: 0 6.25vw; background: url('../img/footer.jpg') center bottom 3.5rem no-repeat var(--primary); background-size: cover;}

.footer .foot{ display: grid; grid-auto-flow: column; justify-content: space-between; padding: 5vw 0;}
.footer .foot .logo{ width: auto; height: 5rem;}
.footer .foot .logo img{ width: 100%; height: 100%;}
.footer .foot .contact{ list-style: none; font-size: 0.875rem; line-height: 2.5; color: white;}
.footer .foot .contact li{ display: flex; align-items: center;}
.footer .foot .contact li i{ font-family: 'neko'; font-style: normal; font-size: 1.5rem; line-height: 1; color: #0087FF; margin-right: 0.25em;}

.footer .cpy{ display: flex; justify-content: space-between;}
.footer .cpy span{ display: flex; align-items: center; font-size: .875rem; line-height: 4; color: white;}
.footer .cpy span img{ display: inline-block; margin-right: 0.5em;}
.footer .cpy br{ display: none;}

.footer .cpy a{color:#fff;}
.footer .cpy a:hover{color:#fff;}
#nav-btn{ width: 8vw; height: 8vw; font-size: 6vw; text-align: center; line-height: 8vw; color: white; display: none;}

#nav-box{z-index: 999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0; display: none; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; }
#nav-box{ display: grid; align-content: space-between; padding: 18vw 4vw 4vw; background: var(--primary);}
#nav-box.act{ pointer-events: auto; right: 0; }
#nav-box .close{ position:absolute; top: 4vw; right: 4vw; width: 10vw; height: 10vw; font-size: 6vw; line-height: 10vw; text-align: center; color: white; z-index: 9;}

#nav-box ul{width: 100%; overflow: auto;}
#nav-box ul::-webkit-scrollbar { display:none}
#nav-box ul li{ position: relative; width: 100%; overflow: hidden;}
#nav-box ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#nav-box ul li>a{ position: relative; z-index: 0; display: block; padding: 2vw 4vw; font-size: 16px; line-height: 2; color: white; }
#nav-box ul li i{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.7;}
#nav-box ul li i::before{ content: ''; position: absolute; top: 4vw; right: 4vw; bottom: 0; width: 1px; height: 13px; background: white; transform: translateX(-6px);}
#nav-box ul li i::after{ content: ''; position: absolute; top: 4vw; right: 4vw; bottom: 0; width: 13px; height: 1px; background: white; transform: translateY(6px);}
#nav-box ul li.on i::before{ height: 0;}

#nav-box .list{ display: none; position: relative; width: 100%; z-index: 2; left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#nav-box .list a{ display: block; padding: 0 4vw; font-size: 12px; color: rgba(255,255,255,.6); line-height: 40px; }

#nav-box .search-box form{ display: flex; align-items: center; width: 100%; height: 10vw;}
#nav-box .search-box input{ border: none; border-radius: 0; background: rgba(255, 255, 255, 0.1);}
#nav-box .search-box input[type=text]{ width: 72vw; height: 10vw; padding: 0 5vw; font-size: .875rem; line-height: 10vw; color: white;}
#nav-box .search-box input[type=text]::placeholder{ color: white; opacity: 0.2;}
#nav-box .search-box input[type=submit]{ width: 10vw; height: 10vw; border-left: none; font-size: 1.125rem; font-family: 'neko'; line-height: 10vw; text-align: center; color: white; cursor: pointer;}


#mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/* sub */
.grid{ position: relative; padding: 0 6.25vw 2.5vw;}
.grid:before{ content: ''; position: absolute; right: 0; width: 6.25vw; height: 3.75rem; background: var(--gray);}

.column{ display: grid; grid-template-columns: 15.625vw auto; align-items:start; grid-gap: 2.5vw; width: 100%;}

.banner-sub{ position: relative; z-index: 0; width: 100%; height: 34vw; margin: auto;}
.banner-sub img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}

.banner-bottom{ position: relative; z-index: -1; width: 100%; height: 45vw; margin-top: -15vw;}
.banner-bottom img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}

.column-l{ position: relative; top: -6.5vw;}
.column-l .cate-cover{ width: 100%; height: 7.5vw; clip-path: polygon(1.5rem 0, 100% 0, 100% 100%, 0 100%, 0 1.5rem); background: url('../img/c-t.png') right top no-repeat #41A0F4; background-size: auto 100%;}
.column-l .cate-name{ display: grid; height: 6.5vw; align-content: center; padding: 0 1.5rem; line-height: 1.25; clip-path: polygon(1.5rem 0, 100% 0, 100% 100%, 0 100%, 0 1.5rem); background: url('../img/c-c.png') right bottom no-repeat #41A0F4;}
.column-l .cate-name .cn{ font-size: 2rem; font-weight: bolder; color: white;}
.column-l .cate-name .en{ font-size: 1.75rem; color: rgba(255, 255, 255, .5);}
.column-l .cate-list{ display: grid; padding: 0 1.75rem 5.5vw; background: url('../img/c-l.png') center bottom no-repeat #EBF5FF; background-size: 100% auto;}
.column-l .cate-list a{ position: relative; font-size: 1.125rem; line-height: 3.5; border-bottom: 1px dotted var(--desc);}
.column-l .cate-list a:after{ content: '\e62d'; font-family: 'neko'; position: absolute; right: 0; color: var(--border);}
.column-l .cate-list a.on{ color: #41A0F4; font-weight: bold;}

.column-m{ position: relative; display: grid; grid-gap: 1.25vw;}

.location{ position: absolute; right: 0; display: flex; align-items: center; height: 3.75rem; padding-left: 2.5rem; clip-path: polygon(2.5rem 0, 100% 0, 100% 100%, 0 100%); background: var(--gray);}

.location span,
.location a{ display: inline-block; font-size: 16px; line-height: 1.5;}
.location span:after{ content: ':'; padding: 0 5px;}
.location span i{ font-size: 16px; font-weight: bolder; vertical-align: middle; margin-right: 0.5em; color: var(--primary)}
.location a:after{ content: '>'; padding: 0 5px;}
.location a:last-child:after{ display: none;}

.cate-caption{ font-size: 2rem; line-height: 1; border-bottom: 1px solid var(--border); padding: 1.25vw 0; margin-top: 2.5rem;}

.list-news{ display: grid;}
.list-news .itm{ position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted var(--border); overflow: hidden; padding: 1rem 0 1rem 1rem;}
.list-news .itm:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 6px; height: 6px; margin: auto; background: #A9CBEC;}
.list-news .itm span{ font-size: 1rem;}
.list-news .itm i{ font-size: 0.875rem; font-style: normal; white-space: nowrap; color: var(--desc);}

.list-thumb{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2.5vw;}
.list-thumb .itm{ display: grid; grid-gap: 0.5rem;}
.list-thumb .itm .cover{ position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 16 * 9);}
.list-thumb .itm .cover img{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}
.list-thumb .itm .info{ font-size: 1rem; line-height: 2; text-align: center;}

.list-search{ display: grid;}
.list-search .itm{ position: relative; display: grid; grid-template-columns:1fr auto;grid-gap:.5rem .25rem; border-bottom: 1px dotted var(--border); overflow: hidden; padding: 1rem 0;}
.list-search .itm>span{ font-size: 1rem;}
.list-search .itm>i{ font-size: 0.875rem; font-style: normal; white-space: nowrap; color: var(--desc);}
.list-search .itm>p{grid-column: 2 span; font-size: 0.875rem; font-style: normal; color: var(--desc);}

/*
.pagination{ padding: 10px 0;}
.pagination>table{ margin: auto}
.pagination *{ font-size: 14px!important; line-height: 1.5!important; font-family: "Microsoft YaHei UI", "Microsoft YaHei UI Light", sans-serif, Arial, "Arial Narrow", "微软雅黑", "宋体"!important;}
.pagination a,
.pagination span,
.pagination input{ display: inline-block!important; border: none!important; height: auto!important; background: #f4f5f6!important; padding: .25em .75em!important; margin: 0 .5em!important}
.pagination span.this-page{ color: white; background: var(--primary)!important;}
*/

.article{ display: grid; grid-gap: 1.5rem;}
.article .strip{ width: 100%; height: 1px; background: var(--border); opacity: 0.3;}
.article .article-tit{ position: relative; text-align: center;}
.article .article-tit h1{ font-size: 1.75rem; line-height: 1.75; text-align: center!important;}
.article .article-tit h2{ font-size: 1.25rem; line-height: 1.5; color:#666; text-align: center!important}
.article .article-info{ position: relative; font-size: .75rem; line-height: 1.5; text-align: center;}
.article .article-con{ position: relative; font-size: 1.125rem; line-height: 2; text-align: justify; color: var(--text); word-break: break-all;}
.article .article-con img{ display: inline-block; max-width:100% }
.article .article-arrow{ display: flex; justify-content: flex-end; align-items: center;}
.article .article-arrow a{ display: block; font-size: 1.125rem; line-height: 1.5;}
.article .article-arrow b{ flex-shrink: 0; color: var(--primary); margin-right: 0.5em;}

.channel{ display: grid; grid-gap: 1.5rem;}
.channel .channel-con{ position: relative; font-size: 1.125rem; line-height: 2; text-align: justify; color: var(--text);}
.channel .channel-con img{ display: inline-block; max-width:100%; height:auto!important }