@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Ued Team Copyright 2025 UED Interaction */
/* Reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,input,button,textarea,article, aside, canvas,details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}:focus {outline:0;}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

/* Gobal css */
:root {  
  --main-color-blue: #00AFEC;
  --main-color-red:#EA2727;
  --main-color-org:#EB713E;
  --main-color-yellow:#FABE00;
  --main-color-black:#0C0B0C;
  --main-color-gray:#CCCED4;
  --main-color-lightgray:#F5F7FA;

  --main-fs-h1:3.375rem;/*54px*/
  --main-fs-h2:2.75rem;/*44px*/
  --main-fs-h3:2.125rem;/*34px*/
  --main-fs-h4:1.75rem;/*28px*/
  --main-fs-h5:1.5rem;/*24px*/
  --main-fs-h6:1.125rem;/*18px*/
  --main-fs-p:1rem;/*16px*/

 /*--html_base: 2.13333vw; 750px*/
 /*--html_base: 1.6vw; 1000px*/
 /* --html_base: 1.11111vw; 1440px*/
 /* --html_base:0.83333vw; 1920px*/
  --html_base:16px; /*default 16px*/

}
html {font-size:var(--html_base); width:100%; height:100%;}
body {font-size:1rem; line-height:1.5; font-family:"Roboto","PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial,sans-serif; color:var(--main-color-black); background:var(--main-color-lightgray); width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
html.no-scroll, body.no-scroll {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {margin:0 0 .9375rem; }
h1{font-size:var(--main-fs-h1);}
h2{font-size:var(--main-fs-h2);}
h3{font-size:var(--main-fs-h3);}
h4{font-size:var(--main-fs-h4);}
h5{font-size:var(--main-fs-h5);}
h6{font-size:var(--main-fs-h6);}
p{font-size:var(--main-fs-p); margin:0 0 .9375rem;}
sup{font-size:.875rem; vertical-align:top;}

a:hover {color:var(--main-color-blue,#1C80E2); text-decoration:none;}
a{color:var(--main-color-black,#0C0B0C); text-decoration:none; outline:none; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}

img {
  display: inline-block;
  /*max-width: 100%;*/
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
/*animation*/
@-moz-keyframes barrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes barrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes barrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes selfrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes selfrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes selfrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes icondown{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-webkit-keyframes icondown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@keyframes icondown{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);-ms-transform:translate3d(0,80%,0);-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-moz-keyframes playbtn{0%{-moz-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes playbtn{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes playbtn{0%{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-webkit-keyframes clouds{0%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);-ms-transform:translate3d(0,4%,0);-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-moz-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-webkit-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-moz-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@-webkit-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,3em);transform: translate(0,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,3em);transform: translate(0,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

.down{display:none;width:20px;margin-left:-10px;height:25px;position:absolute;left:50%;top:0;background:#0C0B0C; cursor:pointer;z-index:777;-moz-animation:icondown 3s infinite;-webkit-animation:icondown 3s infinite;animation:icondown 3s infinite; -webkit-transition:all .7s ease-in-out .5s;-moz-transition:all .7s ease-in-out;transition:all .7s ease-in-out .5s;-webkit-transform:translate(0,70px);-moz-transform:translate(0,70px);transform:translate(0,70px); filter:alpha(Opacity=0);opacity:0}
.down.show{display:block;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);filter:alpha(opacity=100);opacity: 1;}

/*font family*/
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:.16rem;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.bgWhite{background:white;}
.bgGray{background:var(--main-color-lightgray);}
.bgBlack{background:var(--main-color-black);}
.bgLightBlue{background:url(images/gradient.png) no-repeat right bottom; background-size:100%;}

.fWhite{color:white;}
.fGray{color:var(--main-color-gray);}
.fBlack{color:var(--main-color-black);}
.fBlue{color:var(--main-color-blue);}
.fRed{color:var(--main-color-red);}
.fOrg{color:var(--main-color-org);}

/*font size*/
.fnt100{ font-size: 5.208333vw; line-height: 1.2;}
.fnt80{	font-size: 4.16666vw; line-height: 1.2;}
.fnt72{font-size: 3.75vw; line-height: 1.2;}
.fnt70{font-size: 3.64583333vw; line-height: 1.2;}
.fnt68{font-size: 3.541666vw; line-height: 1.2;}
.fnt60{font-size: 3.125vw; line-height: 1.3;}
.fnt56{font-size:2.9166vw; line-height: 1.3;}
.fnt52{font-size:2.70833vw; line-height: 1.3;}
.fnt50{font-size:2.6041666vw; line-height: 1.3;}
.fnt48{font-size:2.5vw; line-height: 1.3;}
.fnt45{font-size:2.34375vw; line-height: 1.3;}
.fnt40{font-size:2.08333vw; line-height: 1.4;}
.fnt38{font-size:1.979166vw; line-height: 1.3;}
.fnt36{font-size:1.875vw; line-height: 1.4;}
.fnt34{font-size:1.7708vw; line-height: 1.4;}
.fnt32{font-size:1.66666vw;line-height: 1.4;}
.fnt30{font-size:1.5625vw;}
.fnt28{font-size: 1.45833vw;}
.fnt26{font-size: 1.354166vw;}
.fnt24{font-size: 1.25vw;}
.fnt22{font-size: 1.145833vw;}
.fnt20{font-size: 1.04166vw;}
.fnt18{font-size: 0.9375vw;}
.fnt16{font-size: 0.83333vw;}
.fnt14{font-size: 0.72916vw;}
.fnw-b{font-weight: bold;}

/*font max line*/
.maxLine-1{overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.maxLine-2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.maxLine-3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

/**common style**/
.container{position:relative; margin:0 auto; width:87.5%; max-width: 1600px;}
.no-scroll{overflow: hidden;}
.commWidget{position:relative; width:100%; }
.commPadding{padding:5rem 0;}
.noPadding-top{padding-top:0;}
.noPadding-bottom{padding-bottom:0;}

/*layout style*/
body.offscreen .Str-header{margin-top:-5rem;}
body.drop .Str-header{margin-top:0;}

.Str-header{position:fixed; left:0; top:0; width:100%; background:rgba(255,255,255,0); z-index:1000; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.Str-header .headerContent{max-width:100%; position:static; height:100%; display:flex; align-items:center; justify-content: space-between;}
.Str-header h1{margin:0; z-index:200;}
.Str-header h1 a.logo{display:block; width:15.92875rem; height:3rem; text-indent:-8889px; background:url(images/logo_w.svg) no-repeat center; background-size:15.92875rem 3rem; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

.Str-header .Str-menu{display:flex; justify-content:center; align-items:center; text-align:center;}
.Str-header .Str-menu li{flex:0 1 auto; margin:0; padding:1rem 0.83333vw; position:relative; transition:all .3s;}
.Str-header .Str-menu li a{ position:relative; display:block; padding:0; line-height:3rem; font-size:1.125rem; color:white; text-decoration:none; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; z-index:200;}
.Str-header .Str-menu li a:after{content: ''; width: 0; height: 2px; background:var(--main-color-blue); position: absolute; right: 0; bottom: 0;  transition:all .3s;}
.Str-header .Str-menu li a:hover{color: var(--main-color-blue);}
.Str-header .Str-menu li a:hover:after{width: 100%; left: 0;}

.Str-header .Str-other{display:flex; justify-content:center; align-items:center; text-align:center;}
.Str-header .Str-other li{margin-left:1.125rem; padding:0; position:relative;}
.Str-header .Str-other li.show-btn a{display:block; border-radius:100rem; background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF); padding:0 1.25rem; line-height:2.5rem; font-size: 1rem; color: white; transition:all .3s; position: relative; z-index: 200;}
.Str-header .Str-other li.show-btn a:hover{text-shadow: 0 0 6.42px hsla(0, 0%, 100%, .8); background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #EED586);}

.Str-header .Str-other li.show-search a{color: white; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 200; }
.Str-header .Str-other li.show-search i{font-size: 1.5rem;}
.Str-header .Str-other li .search-box{position: fixed; left: 0; top: 0; width: 100%;background:url(images/navbg.png) white no-repeat center top; background-size:cover; pointer-events: none;   overflow: hidden; height:0; -webkit-transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); z-index: 100;}
.Str-header .Str-other li .search-box .container{padding-top:5rem;}

.Str-header .Str-other li.active .search-box{pointer-events: auto; }

.search-form{position:relative; display:flex; align-items:center; justify-content:flex-end; gap:0.625rem; padding:2.5rem 0;}
.search-form .search-field{flex:1; border:1px solid #dddddd; background:white; padding:0.75rem 2.5rem; font-size:0.875rem; border-radius: 100rem;}
.search-form .search-submit{position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); cursor:pointer; color: var(--main-color-blue); font-size: 1.75rem;}
.search-form .icon-s{position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%);  color: gray; font-size: 1.75rem;}

.sub-menu{position:absolute; left:50%; top:0; width:9.25rem; transform:translateX(-50%); pointer-events: none; border-radius: 0 0 .625rem .625rem; overflow: hidden;  height:0; -webkit-transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); z-index: 150;}
.Str-header .Str-menu li ul.submenu-list{padding-top:5rem; }
.Str-header .Str-menu li ul.submenu-list li{padding:0;}
.Str-header .Str-menu li ul.submenu-list li a{display:block; font-size:1rem; line-height: 1.5; padding:0.75rem 0.625rem; color:rgba(255, 255, 255, .8); background:var(--main-color-blue);}
.Str-header .Str-menu li ul.submenu-list li a::after{display: none;}
.Str-header .Str-menu li ul.submenu-list li a:hover{color: white; background: #0097CC;}

.Str-header .Str-menu li.active .sub-menu{pointer-events: auto;}
.Str-header .Str-menu li.active a{color: var(--main-color-blue); }
.Str-header .Str-menu li.active a:after{width: 100%;}

.Str-header:hover,.Str-header-scroll,.Str-header-white{background: white; }
.Str-header:hover h1 a.logo,.Str-header-scroll h1 a.logo,.Str-header-white h1 a.logo,.Str-header.active h1 a.logo{ background-image:url(images/logo_n.svg);}
.Str-header:hover .Str-menu li a,.Str-header-scroll .Str-menu li a,.Str-header-white .Str-menu li a{color:var(--main-color-black); }
.Str-header:hover .Str-other li.show-search a,.Str-header-scroll .Str-other li.show-search a,.Str-header-white .Str-other li.show-search a{color:var(--main-color-black); }

.Str-header .Str-mobile-menu{display:none; align-items:center; justify-content:center; flex-wrap:wrap; cursor:pointer; position:absolute; right:0; top:0; width:7.6924rem; height:100%; padding:2rem 1.9231rem;}
.Str-header .Str-mobile-menu .menu-line{display:block; width:100%; height:3px; background:white; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:100rem;}
.Str-header:hover .Str-mobile-menu .menu-line,.Str-header.active .Str-mobile-menu .menu-line,.Str-header-scroll .Str-mobile-menu .menu-line{background: var(--main-color-black);}

.Str-header-scroll h1 a.logo{width:15.92875rem; height:3rem; background-size:15.92875rem 3rem;}
.Str-header-scroll .Str-menu li{padding:1rem 0.83333vw; }
.Str-header-scroll .Str-menu li a{font-size:1.125rem;}
.Str-header-scroll .Str-menu li ul.submenu-list{padding-top:5rem; }
.Str-header-scroll .Str-other li .search-box .container{padding-top:5rem;}
/*phone nav*/
.Str-mobile-menu.active .menu-line:first-child{-webkit-transform: translateY(0.9rem) rotate(45deg); -ms-transform: translateY(0.9rem) rotate(45deg); -o-transform: translateY(0.9rem) rotate(45deg); transform: translateY(0.9rem) rotate(45deg);}
.Str-mobile-menu.active .menu-line:last-child{-webkit-transform: translateY(-0.9rem) rotate(-45deg); -ms-transform: translateY(-0.9rem) rotate(-45deg); -o-transform: translateY(-0.9rem) rotate(-45deg); transform: translateY(-0.9rem) rotate(-45deg);}

.mask {display:none; position: absolute; top:0; left:0; width:100%; height:100%; background-color:white; z-index: 997;}
.mask.show {display:block;}

.menu{position:fixed; width:100%; top:7.6924rem; z-index: 998; overflow: hidden;}
.menu.active {overflow: visible;}

.menu .menu-sitenav {position:absolute;width:100%; background-color:white; -webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);max-height: 0;overflow: hidden;-webkit-transition: max-height .5s cubic-bezier(0.3,.03,.08,.65); transition: max-height .5s cubic-bezier(0.3,.03,.08,.65);}
.menu.active .menu-sitenav {max-height: calc(100vh - 7.6924rem); overflow: auto;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul {overflow-y: auto;}
.menu .menu-sitenav ul li{margin:0 0 0.375rem; }
.menu .menu-sitenav ul li a{position:relative; background:var(--main-color-lightgray); color:var(--main-color-black); display: block; font-size: 2.1625rem; font-weight:500; padding: 2.4039rem; box-sizing:border-box; width: 100%; -webkit-transition: -webkit-transform .4s ease-in,opacity .4s ease-in; transition: transform .4s ease-in,opacity .4s ease-in; -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); opacity: 0;}
.menu .menu-sitenav ul li.active a{font-weight:600;}
.menu.active .menu-sitenav a{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul li:last-child a{border-bottom: 0;}

.menu .menu-sitenav ul li.menu-item-has-children a:after{content:'\e606'; font-family: 'iconfont';  position:absolute; right:2.5rem; top:50%; transform:translateY(-50%); font-size:2.75rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;  transition:all .3s;}
.menu .menu-sitenav ul li.menu-item-has-children.menu-item-curr{background:var(--main-color-lightgray);}
.menu .menu-sitenav ul li.menu-item-has-children.menu-item-curr a{color:var(--main-color-black); font-weight:600; background:none;}
.menu .menu-sitenav ul li.menu-item-has-children.menu-item-curr a:after{ transform:translateY(-50%) rotate(180deg); }

.menu.active .menu-sitenav li ul.sub-menu{height:auto; max-height:0; width:100%; position:relative; left:auto; transform:translateX(0); pointer-events: auto; background:var(--main-color-lightgray); overflow:hidden; transition: max-height 0.3s ease-out;}
.menu.active .menu-sitenav li ul.sub-menu li{width:100%;}
.menu.active .menu-sitenav li ul.sub-menu li a{display:block;font-size:1.923rem; color:var(--main-color-black); opacity: .7; border:0; padding:1.75rem 2.5rem; transition:all .3s;background:none; font-weight:500;}
.menu.active .menu-sitenav li ul.sub-menu li a:hover{opacity: 1; color: var(--main-color-blue); background-color: rgba(255, 255, 255, .4);}
.menu.active .menu-sitenav li ul.sub-menu li a:after{display:none;}

.menu .menu-sitenav ul li.menu-item-has-children.menu-item-curr  ul.sub-menu{ max-height:1000px; transition: max-height 0.3s ease-in;}
/*index style*/
.Str-screen{position:relative; width:100%; height:100%; background:var(--main-color-lightgray);}
.Str-screen .container{max-width:100%; }
/*Home-swiper*/
.Home-swiper{width:100%; height:100%; overflow:hidden;}
.Home-swiper .swiper-wrapper{transition-delay:.3s;}
.Home-swiper .swiper-slide{width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.Home-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; right:0; top:0; object-fit:cover; transition: 1s linear 2s;}
.Home-swiper .swiper-slide img.pc-show{display:block;}
.Home-swiper .swiper-slide img.mobile-show{display:none;}

.Home-swiper .swiper-slide video{min-width:100%; min-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover;  overflow:hidden; }
.Home-swiper .swiper-slide-active img,.Home-swiper .swiper-slide-duplicate-active img{transition: 16s linear; transform: scale(1.2, 1.2);}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {right: 1.5rem; left: auto; width:2.5rem; height:2.5rem; border-radius:100px; color:white; font-weight:400; background-color: rgba(0,0,0,.3);}
.Home-swiper .swiper-button-next:after,.Home-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {right: auto; left: 1.5rem; width:2.5rem; height:2.5rem; border-radius:100px; color:white; font-weight:400; background-color: rgba(0,0,0,.3);}
.Home-swiper .swiper-button-prev:after,.Home-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem;}

.Home-swiper .swiper-pagination {position: relative; display: flex; align-items: center;  justify-content: flex-end; bottom:10%; max-width:87.5%; left:50%; transform:translateX(-50%); }

.Home-swiper .swiper-pagination div {width: 40px; height: 40px; margin: 0.2rem 0; position: relative; background-color: transparent; opacity: 1;}
.Home-swiper .swiper-pagination div:before{content: ''; display: block; width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, .3); position: absolute;  left: 0; top: 0; border-radius: 100%; opacity: 0; transition:all .8s ease-in-out; box-sizing:border-box;}
.Home-swiper .swiper-pagination div:after {content: ''; display: block; width: 6px;  height: 6px;  border-radius: 100%; background-color: rgba(255, 255, 255, .5);  position: absolute; left: 50%;  top: 50%; margin-top: -3px; margin-left: -3px; transition:all .8s ease-in-out; box-sizing:border-box;}
.Home-swiper .swiper-pagination div svg {display: block; width: 100%;}
.Home-swiper .swiper-pagination div svg circle {stroke: rgba(255, 255, 255, 1); stroke-width: 2px; fill: transparent; r: 48; cx: 51;  cy: 51; stroke-dasharray: 300; stroke-dashoffset: 300;}

.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active:before{opacity:1;}
.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active:after{background-color: rgba(255, 255, 255, 1);}
.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active svg circle{transition: stroke-dashoffset ease 8s; stroke-dashoffset: 0;}

.screen-video{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width: 100%;  min-height: 100%; background-position:center; background-size:cover;  overflow:hidden;}
.gradient-overlay{position: absolute; z-index: 0; width: 100%; height: 100%; top: 0;background: rgba(0,95,184,1);
    background: -moz-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,95,184,1)),color-stop(40%,rgba(0,95,184,0.57)),color-stop(80%,rgba(0,95,184,0)));
    background: -webkit-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -o-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -ms-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: linear-gradient(to right,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8',endColorstr='#005fb8',GradientType=1)}
.gradient-overlay-home{background: linear-gradient(to right,rgba(0,175,236,.9) 20%,rgba(0,175,236,.4) 60%,rgba(255,255,255,0) 100%);}
.gradient-overlay-black{background: linear-gradient(to bottom,rgba(0,0,0,.5) 6%,rgba(0,0,0,.3) 14%, rgba(0,0,0,0));}
.gradient-overlay-light{background: linear-gradient(to bottom,rgba(0,90,171,1) , rgba(255,255,255,0));}
.gradient-overlay-red{background: linear-gradient(to bottom,rgba(234,39,39,.6) , rgba(255,255,255,1));}
.gradient-overlay-none{background: none;}

.showSlogan{position:relative; height:95%; display: flex; justify-content:flex-start; align-items:flex-end; text-align:center; }
.show-slogan{width:100%;}
.show-slogan.tLeft{text-align:left; }
.show-slogan.tHalf{width:50%; }
.show-slogan.tRight{text-align:right; }
.show-slogan h1{font-size:var(--main-fs-h1);}
.show-slogan h2{font-size:var(--main-fs-h2); line-height:1.35;}
.show-slogan h3{font-size:var(--main-fs-h3); line-height:1.5; margin: 0;}
.show-slogan h4{font-size:var(--main-fs-h4); margin: 0; font-weight:400; text-transform: uppercase;}
.show-slogan h5{font-size:var(--main-fs-h5); line-height:1.5; margin: 0; font-weight: 300; }
.show-slogan h6{font-size:var(--main-fs-h6); line-height:1.5;}
.show-slogan p{font-size:var(--main-fs-p); font-weight:400; }

.home-btn{margin-top:2.5rem; display: flex; gap: 1.25rem;}
.home-btn.tCenter{justify-content: center;}

.homeLink{display:flex; gap: 1.25rem; align-items: center; justify-content: space-between; box-sizing:border-box; font-size:1.25rem; line-height:3rem; padding:.3125rem 1.5rem .3125rem 2.5rem;  color:white; border-radius:1rem; background:linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF);  overflow:hidden;  transition: all 0.3s ease-in-out;} 
.homeLink:hover{text-shadow: 0 0 6.42px hsla(0, 0%, 100%, .8); color:white; background:linear-gradient(45deg, #00AFEC, #00AFEC 30%, #EED586);;}


.title-banner,.title-banner:hover{position:relative; padding-left:1.5rem; display:flex; flex-direction:column; color:white;}
.title-banner:after{content: ''; width: 4px; height: 80%; background: white; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.home-news{display: flex; flex-wrap: wrap; gap: 2.5rem;}
.news-main{width: 60%; border-radius: 1rem; overflow: hidden;}
.news-side{flex: 1; min-width: 0; display: flex; flex-direction:column; }

.swiper.NewsSwiper {width: 100%; height:100%;}
.NewsSwiper .swiper-slide {position: relative; width: 100%; padding-top:34.125rem; overflow: hidden; border-radius: 1rem; background:var(--main-color-lightgray);}
.NewsSwiper .swiper-slide img {display: block; width: 100%; height: 100%; position: absolute; left: 0;  top: 0; object-fit: cover; border-radius: 1rem;}
.NewsSwiper .swiper-slide .title-txt{position: absolute; left: 0; bottom: 0; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9)); width: 100%; padding: 1.25rem 20% 1.25rem 2.5rem; font-size: 1.25rem; font-weight: 600; color: white; box-sizing: border-box;}
.NewsSwiper .swiper-slide .title-txt span{display: block; font-size: 1.125rem; font-weight: normal; opacity: .8;}
.NewsSwiper .swiper-pagination-bullet{vertical-align:middle; background-color:white; opacity: .5; border-radius: 100rem;}
.NewsSwiper .swiper-pagination-bullet-active {opacity: 1;  width:10px; height:10px; }
.NewsSwiper .swiper-horizontal>.swiper-pagination-bullets,.NewsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,.NewsSwiper .swiper-pagination-custom,.NewsSwiper .swiper-pagination-fraction{bottom:1rem; left:50%; transform: translateX(-50%); text-align: right;  width:90%; }
.NewsSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .NewsSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 .3125rem; }

.NewsSwiper .swiper-button-next,.NewsSwiper .swiper-container-rtl .swiper-button-prev {right: 2%; left: auto; width:36px; height:36px; background-color: rgba(0, 0, 0, .5); color:#fff; border-radius: 100rem; }
.NewsSwiper .swiper-button-next:after,.NewsSwiper .swiper-container-rtl .swiper-button-prev:after {font-size:14px;}
.NewsSwiper .swiper-button-prev,.NewsSwiper  .swiper-container-rtl .swiper-button-next {right: auto; left: 2%; width:36px; height:36px;  background-color: rgba(0, 0, 0, .5); color:#fff; border-radius: 100rem;}
.NewsSwiper .swiper-button-prev:after,.NewsSwiper .swiper-container-rtl .swiper-button-next:after {font-size:14px;}

.switchTab{display: flex; gap: .625rem; border-radius: 1rem 1rem 0 0; overflow: hidden;  margin-bottom: 1rem;}
.switchTab span{display:block; flex: 1; font-size:1.5rem; padding: 1rem 1rem; position: relative; color:gray; font-weight: 700; cursor:pointer; text-align: center; background-color: var(--main-color-lightgray);}
.switchTab span.current{color:white; background: var(--main-color-blue);}

.switchCon{flex: 1;}
.newsList{height:100%; display: flex; flex-direction:column; gap: .625rem;}
.newsList li{height:calc((100% - 3.125rem)/6); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden;}
.newsList li::after{content: ''; width: 100%; height: 1px; background-color: rgba(0,0,0,.1); position: absolute; left: 0; bottom: 0;transition:all .3s;}
.newsList li::before{content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; transition:all .3s;}
.newsList li:last-child:after{display: none;}
.newsList li:hover::before{width: 100%; background-color:var(--main-color-blue);}

.newsLink{display: flex; gap: 1.25rem; align-items: flex-start; justify-content: space-between;}
.newsLink .newsTit{font-size: 1.125rem; font-weight:500; color: var(--main-color-black); position: relative; padding-left: 1.5rem; transition:all .3s;}
.newsLink:hover .newsTit{color: var(--main-color-blue);}
.newsLink .newsTit::after{content: ''; width: 4px; height: 14px; background: var(--main-color-blue); position: absolute; left: 0rem; top: .875rem; transform: translateY(-50%); border-radius: 1rem;}
.newsLink .newsDate{font-size: 1rem; color:var(--main-color-gray); flex-shrink: 0;}

.home-notice{display: flex; flex-wrap: wrap; gap: 2.5rem;}
.notice-box{width: 60%; }
.member-box{flex: 1; display: flex; flex-direction: column; justify-content: space-between;}

.member-box-list{flex:1; display: flex;  flex-wrap: wrap; gap: 1.25rem;}
.mbox{width: calc((100% - 1.25rem)/2); height: calc((100% - 1.25rem)/2); }

.index-title{display: flex; flex-wrap: wrap; gap:2.5rem; align-items: flex-start; justify-content: space-between; margin: 0 0 2.5rem; }
.index-title h3{margin:0; font-size:2.25rem; font-weight: 700; color: var(--main-color-black); line-height: 1.2;}
.index-title h3 span{margin-top:.625rem; display:block; font-size: 1.125rem; color: gray; font-weight: normal;}
.index-title.tCenter{justify-content: center; text-align: center;} 

.linkMore,.linkMore:hover{display: flex; align-items: center; padding:.625rem 1.25rem .625rem 1.5rem; font-size: 1rem; color: white; border-radius: 100rem; background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF);  transition:all .3s; position: relative; }
.arrow{display: inline-block; position: relative; margin-left:9px; overflow: hidden;width: 1.5rem; height: 1.25rem;}
.arrow::before{content: "\e624"; font-family: "iconfont"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all .5s ease; font-size: 1.25rem; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.arrow::after{content: "\e624"; font-family: "iconfont"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: all .5s ease; font-size: 1.25rem; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; position: absolute; left: -1.5rem; opacity: 0; top: 50%; transform: translateY(-50%);}
.linkMore:hover .arrow::before{left: 3rem; opacity: 0;}
.linkMore:hover .arrow::after{left: 0; opacity: 1;}

.notice-list{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1rem;}
.notice-list li{flex: 1;}
.notice-list li .noticeLink{display: flex;}
.notice-list li .noticeLink .date{background-color:var(--main-color-blue); color: white; border-radius: 1rem; padding:0 1.5rem; font-size: 1.5rem; font-weight: 600;  display: flex; align-items: flex-end; justify-content: center; flex-direction: column;  flex-shrink: 0; }
.notice-list li .noticeLink .date span{display: block; font-size: 1rem;}
.notice-list li .noticeLink .txt{flex: 1; background-color: white; border-radius: 1rem; padding: 1.5rem;  min-width: 0; transition: all .3s ease;}
.notice-list li .noticeLink .txt h5{margin:0; font-size:1.125rem; line-height: 1.5; font-weight: 500; color: var(--main-color-black); transition: all .3s ease;}
.notice-list li .noticeLink .txt p{margin:0; font-size:.875rem; line-height: 1.5; font-weight: 400; margin-top: .625rem; color: gray;}
.notice-list li .noticeLink:hover .txt{background-color: rgba(255,255,255,.5);}
.notice-list li .noticeLink:hover .txt h5{color: var(--main-color-blue);}


.mboxLink{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; height: 100%; padding: 2.5rem; background:white; border-radius: 1rem; overflow: hidden; position: relative; box-sizing: border-box;}
.mboxLink img{display: block; width: 7.5rem;}
.mboxLink h5{margin:0; font-size:1.75rem ;}
.mboxLink h5 span{display:block; font-size: 1rem; color:var(--main-color-gray); font-weight: 300; }

.mboxLink i.arrow{position:absolute; right:25%; opacity: 0; bottom:2.5rem; display: block; width: 2.75rem; height: 2.75rem; font-style: normal; border-radius: 100rem; background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF); color: white; font-size: 1.5rem; transition: all .5s ease;}
.mboxLink i.arrow::before{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e624"; font-family: "iconfont"; transition: all .5s ease; font-size: 1.5rem; font-style: normal; font-variant: normal; line-height: 1; text-transform: none;}

.mboxLink:hover i.arrow{ right:5%; opacity: 1;} 

.data-box{display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: space-around;}
.dbox-item{font-size:1.125rem; color: gray; text-align: center; flex: 1; position: relative;}
.dbox-item::after{content: ''; width: 1px; height: 50%; background-color: #CCCED4; position: absolute; right: -.625rem; top: 50%; transform: translateY(-50%);}
.dbox-item:last-child:after{display: none;}
.dbox-item span{display: block; font-size: 3.125rem; font-weight: 600; color: var(--main-color-blue); }

.App-swiper .swiper-wrapper{width: 100%; padding-bottom:3.75rem;}
.App-swiper .swiper-slide{width:100%; max-width:75rem; height:43.75rem; position:relative; cursor:pointer; border-radius: 1rem; overflow: hidden;}
.App-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.App-swiper .swiper-slide .txtShow,.App-swiper .swiper-slide .txtShow:hover{display:block; position:absolute; left:0; bottom:0; height: 100%; width:100%; padding:2.5rem; opacity:0; color:white; background: linear-gradient(to top,rgba(0,0,0,.3) 10%,rgba(0,0,0,0)); display:flex; align-items:flex-end; justify-content:space-between; transition: all .4s; }
.App-swiper .swiper-slide .txtShow .custiom-tit{font-size:var(--main-fs-h4); font-weight:500;} 
.App-swiper .swiper-slide .txtShow span.date{margin-top:.625rem; display: block; font-size: 1.125rem; font-weight: 400;  opacity: .7;}

.App-swiper .swiper-slide .txtShow i.arrow{margin-right:10%; opacity: 0; position:relative; display: block; width: 2.75rem; height: 2.75rem; font-style: normal; border-radius: 100rem; background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF); color: white; font-size: 1.5rem; transition: all .5s ease;}
.App-swiper .swiper-slide .txtShow i.arrow::before{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e624"; font-family: "iconfont"; transition: all .5s ease; font-size: 1.5rem; font-style: normal; font-variant: normal; line-height: 1; text-transform: none;}
.App-swiper .swiper-slide .txtShow:hover i.arrow{ margin-right:5%; opacity: 1;} 
.App-swiper .swiper-slide.swiper-slide-active .txtShow{opacity:1; }

.App-swiper .swiper-pagination-bullets,.App-swiper .swiper-pagination-custom, .App-swiper .swiper-pagination-fraction {bottom: 0;  width: 100%; }
.App-swiper .swiper-pagination-bullet{width:10px; height:10px;  display: inline-block;  background:gray;  }
.App-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-blue);  }
.App-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .App-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .5rem;}

.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:10vw;   width:2.75rem; height:2.75rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; transform:translateY(-50%); background:rgba(0,0,0,.3);}
.App-swiper .swiper-button-prev:hover,.App-swiper .swiper-container-rtl .swiper-button-next:hover{background:rgba(0,0,0,.2);}
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:10vw;  width:2.75rem; height:2.75rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; transform:translateY(-50%); background:rgba(0,0,0,.3);}
.App-swiper .swiper-button-next:hover,.App-swiper .swiper-container-rtl .swiper-button-prev:hover{background:rgba(0,0,0,.2);}
.App-swiper .swiper-button-next:after,.App-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem;}
.App-swiper .swiper-button-prev:after,.App-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem;}


.service-list{display: flex; gap: 1.25rem; flex-wrap: wrap; justify-content: space-between;}
.service-list li{ flex: 0 1 auto;}

.server-item{display: block; text-align: center; font-size: 1.125rem; color:gray;}
.server-item p{margin: 0;}
.server-item img{display: block; width: 5.625rem; height: 5.625rem; margin: 0 auto 1.25rem; transition: all .4s ease-out;}
.server-item:hover img{transform:translateY(-.875rem);} 

.member-list{display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 0 0 1.25rem;}
.member-list li{width: calc((100% - 8.75rem)/8);}
.member-logo{background-color: white; width: 100%; padding-top:45%; overflow: hidden; position: relative; box-shadow: 0 0 3px rgba(0,0,0,.01);}
.member-logo img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: contain; transition: all .5s ease;}

.Str-footer{background: linear-gradient(135deg, #00AFEC, #00AFEC 30%, #84AFFF); position: relative; padding:2.5rem 0 0; border-radius: 1.25rem 1.25rem 0 0;}
.footer-logo{display:block; position:absolute; left: 50%; top: -3.8rem; transform: translateX(-50%);  display:block; padding:.875rem 2.5rem 2.5rem; background: url(images/foot-circle.svg); background-size:100%;}
.footer-logo img{display: block; width: 6rem; }
.footer-logo:hover img{-moz-animation:loading 3s infinite;-webkit-animation:loading 3s infinite;animation:loading 3s infinite; -webkit-transition:all .7s ease-in-out .5s;-moz-transition:all .7s ease-in-out;transition:all .7s ease-in-out .5s;} 

.footer-infor{display: flex; flex-wrap: wrap; padding: 2.5rem 0; gap: 5%; justify-content: space-between; align-items: flex-start;}
.footer-left{display: flex; flex-wrap: wrap; justify-content: space-between; gap:5%; flex:1;}
.footer-nav{margin: 0 0 .625rem;}

.footer-nav li{font-size:1rem; line-height: 2;}
.footer-nav li a{color:rgba(255,255,255,.8);}
.footer-nav li a:hover{color:white;}

.footer-nav li.name{font-weight: 600; font-size:1rem; margin: 0 0 .625rem; color: white;}
.footer-nav li.name a{display:inline-block; margin-top: .625rem; color:white; font-weight: 600;}

.footer-right{ display: flex; align-items: flex-end; gap: 1.25rem;}
.follow {font-size: 1rem; text-align: center; color: rgba(255,255,255,.8);}
.follow img{display: block; width: 8.75rem; margin: 0 0 .625rem;}

.friend-link{width:100%; display: flex; gap: 1rem; flex-wrap: wrap; font-size: 1rem; line-height: 1; color: white; padding-top: 1.25rem;}
.friend-link dt{font-weight: 600;}
.friend-link a{color: rgba(255, 255, 255, .8);}
.friend-link a:hover{color: white; }

.footer-statment{border-top: 1px solid rgba(255, 255, 255, .3); padding: 1.25rem 0;}
.footer-statment a{color: rgba(255, 255, 255, .8);}
.footer-copyright{display: flex; flex-wrap: wrap; gap: 2.5rem; align-items: flex-start; justify-content: space-between;}

.footer-txt{color:white;}
.footer-txt p{margin: 0; line-height:1.65; font-size:1rem;}
.footer-txt p span{display: block;}

/*Subpage*/
.Str-Banner{height: 20vw; min-height: 22.5rem; position: relative;}
.Str-Banner .showSlogan{align-items: center;padding-top:3.8462rem;}
.Str-Banner.bgAbout{background: url(images/bg_about.jpg) no-repeat center top; background-size:100%;}
.Str-Banner.bgNews{background: url(images/bg_news.jpg) no-repeat center top; background-size:cover;}
.Str-Banner.bgNotice{background: url(images/bg_notice.jpg) no-repeat center bottom; background-size:cover;}
.Str-Banner.bgParty{background: url(images/bg_party.jpg) no-repeat left top; background-size:cover;}
.Str-Banner.bgService{background: url(images/bg_service.jpg) no-repeat center; background-size:cover;}
.Str-Banner.bgBase{background: url(images/bg_base.jpg) no-repeat center bottom; background-size:cover;}
.Str-Banner.bgLibrary{background: url(images/bg_library.jpg) no-repeat center; background-size:cover;}
.Str-Banner.bgActive{background: url(images/bg_active.jpg) no-repeat center; background-size:cover;}
.Str-Banner.bgMember{background: url(images/bg_member.jpg) no-repeat center; background-size:cover;}

.page-row{display: flex; flex-wrap: wrap; gap: 5rem; justify-content: space-between; }
.page-side{width: 20%; } 
.page-main{flex: 1; min-width: 0; }

.page-title{margin: 0 0 2.5rem;  font-size:2.25rem; font-weight: 600;}

.sidebar{position: sticky; top: 5.625rem; width: 100%; padding: 1.5rem; border-radius: 1rem; background: var(--main-color-blue);}
.sidebar .sortList{display: flex; flex-direction: column; gap: .625rem;}
.sidebar .sortList li{position:relative;  color: rgba(255,255,255,.8);}
.sidebar .sortList li a{display: block; padding: 1rem 2.5rem; border-radius: 100rem; font-size: 1.125rem; color: rgba(255,255,255,.8); background: rgba(0,0,0,.1);}
.sidebar .sortList li.active a{background: white; color: var(--main-color-blue); font-weight: 600;}
.sidebar .sortList li.active i{color: var(--main-color-blue);}
.sidebar .sortList li i.arrow{position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%);}
.sidebar .sortList li.active i.arrow{font-weight: 600; }
.sidebar .sortList li:hover .arrow::before{left: 3rem; opacity: 0;}
.sidebar .sortList li:hover .arrow::after{left: 0; opacity: 1;}
.sidebar .sortList li a:hover{background-color: rgba(255,255,255,.2); color: white;}
.sidebar .sortList li.active a:hover{background: white; color: var(--main-color-blue);}
.sidebar .no-menu-message{color:white;}

.about-article{ font-size: var(--main-fs-p); line-height: 1.8; color: var(--main-color-black);}
.about-article h3{margin: 0 0 1.5rem; font-size:2.25rem; font-weight: 600;}
.about-article p{margin: 0 0 1rem; font-size: 1.125rem; text-align: justify;}
.about-article img{display: block; width: 100%; height: auto; border-radius: 1rem;}

.cell-4{display: flex; flex-wrap: wrap; gap: 1.5rem; padding-bottom: 2.5rem;}
.cell-4 li{width: calc((100% - 4.5rem)/4);}
.account-jsai{padding:10% 5%; background: white; border-radius: 1rem;}
.account-jsai dt{font-size: 1.125rem; }
.account-jsai dd{font-size: 1.125rem; font-weight: 600;}

.orgList{padding:2.5rem 0; }
.orgList .title{margin: 0 0 1.5rem; font-size:2.25rem; font-weight: 600;}
.orgList ul{display: flex; flex-wrap: wrap; gap: 1.25rem; }
.orgList ul li{width: calc((100% - 2.5rem)/3); }
.orgList ul li a{display: block; padding: .625rem 1.25rem; font-size: 1rem; background-color: var(--main-color-lightgray); border-radius: 10rem;}

.leaderList{display: flex; flex-wrap: wrap; gap: 2.5rem; margin: 0 0 2.5rem;}
.leaderList dt{font-weight: 600; font-size: 1.25rem; width: 20%;}
.leaderList dd{flex: 1; padding: 0 0 2.5rem; border-bottom: 1px solid #CCCED468;}
.leaderList dd ul{display: flex; flex-wrap: wrap; gap: 1.5rem; }
.leaderList dd ul li{width: calc((100% - 3rem)/3); display: flex; align-items: center; gap: 1rem;}
.leaderList dd ul li img{display: block; width:3.75rem; height: 3.75rem; border-radius: 1rem;}
.leaderList dd ul li h4{margin:0; font-size: 1rem; font-weight: 600;}
.leaderList dd ul li p{margin: 0; font-size: 1rem; color: gray;}

.rulesList{display: flex; flex-wrap: wrap; gap: 2.5rem; }
.rulesList li{width: calc((100% - 7.5rem)/4);}
.rulesLink{height:100%; display: flex; position: relative; flex-direction: column; gap: 5rem; padding: 3rem; border: 1px solid var(--main-color-gray); background:linear-gradient(#00AFEC1F , #FFFFFF); box-sizing: border-box; z-index: 2;}
.rulesLink img{display: block; width: 4.5rem; height: 4.5rem; z-index: 2;}
.rulesLink span{font-size: 1.125rem; font-weight: 600; z-index: 2;}
.rulesLink::after{content: ''; width: 100%; height: 100%;  border-right: 1px solid var(--main-color-gray); border-bottom: 1px solid var(--main-color-gray); position:absolute; left: 4px; top: 4px; z-index: 1; }
.rulesLink::before{content: ''; width: 100%; height: 100%;  border-right: 1px solid var(--main-color-gray); border-bottom: 1px solid var(--main-color-gray); position:absolute; left: 2px; top: 2px; z-index: 1; }

.contactList{display: flex; flex-direction: column; gap: 2.5rem;}
.contactList li{display: flex; gap: 1.25rem; align-items: center;}
.contactList li i{display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; font-size: 1.75rem; color: white; background: var(--main-color-blue); border-radius: 100rem;}
.contactList li .ctxt-1{font-size: 1.125rem; font-weight: 600;}
.contactList li .ctxt-2{font-size: 1.25rem; color: gray;}
.companMap{height:60vh;}
#allmap{width:100%; height:100%;}

.itemList{display: flex; flex-direction: column; gap: 1.5rem;}
.news-link{display: flex; flex-wrap: wrap; gap: 1.5rem;}
.news-link.linkServe{padding: 1.25rem; background: var(--main-color-lightgray); border-radius: 1rem;}
.news-txt{flex: 1; min-width: 0; display: flex; flex: 1; flex-direction: column; }
.news-txt h3{font-size: 1.5rem;  margin: 0 0 .625rem;}
.news-txt p{font-size: 1rem; color:rgba(0, 0, 0, .5); } 
.news-txt .news-date{margin-top: auto; display: flex; align-items: center; gap: 1.25rem; color: gray;}
.news-txt .news-date span{font-size: 1rem; display: block;}
.news-img{width: 20%; padding-top: 12.5%; position: relative; overflow: hidden; border-radius: 1rem; background:#f5f5f5;}
.news-img img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .3s;}
.news-link:hover img{transform: scale(1.1);} 
.news-link:hover .arrow::before{left: 4rem; opacity: 0;}
.news-link:hover .arrow::after{left: 0; opacity: 1;}

.news-link.linkActive{padding: 1.25rem; background: var(--main-color-lightgray); border-radius: 1rem; gap: 2.5rem;}
.news-link.linkActive .news-img{width: 40%; padding-top: 25%;}
.news-link.linkActive .news-more{margin-top: auto; width: 10rem; display: flex; align-items: center; gap: 1rem; border-radius: 100rem; background: linear-gradient(45deg, #00AFEC, #00AFEC 30%, #84AFFF); padding:.625rem 1.25rem; font-size: 1rem; color: white;}
.news-link.linkActive .news-more span{font-size: 1rem; display: block;}
.news-link.linkActive .news-txt h3{font-size: 1.75rem; margin: 0 0 .625rem;}


.notice-link{display: flex; flex-wrap: wrap; gap: 2.5rem;}
.notice-date{position: relative;}
.notice-date label{display:block; background:var(--main-color-blue); color:white; font-size:14px; text-align:center; padding:2px 15px; border-radius:8px;}
.notice-date span{font-size: 1.5rem; color: var(--main-color-black); display: block; font-weight: 600; text-align:center;}
.notice-txt{flex: 1; min-width: 0; display: flex; flex: 1; flex-direction: column; }
.notice-txt h3{font-size: 1.5rem; font-weight: 600; margin: 0 0 .3125rem;}
.notice-txt p{font-size: 1rem; color:rgba(0, 0, 0, .5); } 
.notice-txt i{margin-top: auto;}
 
.notice-link:hover .arrow::before{left: 4rem; opacity: 0;}
.notice-link:hover .arrow::after{left: 0; opacity: 1;}

.pagination{padding: 2.5rem 0; display: flex; gap: 1rem; align-items: center; }
.pagination a{display: flex; align-items: center; justify-content: center; min-width:2.5rem; min-height: 2.5rem; border-radius: 100rem; font-size: 1rem; background-color:var(--main-color-lightgray); color: gray; }
.pagination a i{font-size: 1.5rem;}
.pagination a.active{background: var(--main-color-blue); color: white;}

.partyStyle a:hover{color: var(--main-color-red);}
.partyStyle .sidebar{ background: var(--main-color-red);}
.partyStyle .sidebar .sortList li.active a,.partyStyle .sidebar .sortList li.active i{ color: var(--main-color-red);}
.partyStyle .sidebar .sortList li.active a:hover{background: white;}
.partyStyle .pagination a.active{background: var(--main-color-red);}

.boxList{display: flex; flex-wrap: wrap; gap: 1.25rem;}
.boxList li{width: calc((100% - 2.5rem)/3);} 

.partyLink{flex:1; height: 100%; box-sizing: border-box; display:flex; flex-direction: column; gap: 1.25rem; background:var(--main-color-lightgray); padding:1.25rem; position:relative; border-radius:1rem;}
.partyLink .party-img{position:relative; display:block; width:100%; padding-top:56%; overflow:hidden;font-style:normal; border-radius:0.875rem;}
.partyLink .party-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;  -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.partyLink .party-desc{color: gray; font-size: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

.partyLink .party-title{font-size:1.25rem; font-weight: 600; line-height:1.75rem; height:3.5rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient: vertical;word-break: break-all;}
.partyLink .party-date{display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; color: var(--main-color-black); }
.partyLink .party-date span{font-size: 1rem; line-height: 1.6; padding: .3125rem 1.5rem; background: var(--main-color-black); border-radius: 100rem;}
.partyLink .party-date label{font-weight: 600; font-size: 1.25rem;}

.partyLink .party-more{margin-top:auto; display:flex; align-items: center; justify-content: space-between; font-size:1rem;}

.partyLink:hover{background: white;}
.partyLink:hover img{transform:scale(1.1);}
.partyLink:hover .arrow::before{left: 4rem; opacity: 0;}
.partyLink:hover .arrow::after{left: 0; opacity: 1;}

.downLink{ display: flex; gap: 1.25rem; }
.downLink i{display: flex; width: 3.5rem; height: 3.5rem; border-radius: 100rem; align-items: center; justify-content: center; background: var(--main-color-blue); color: white; font-size: 1.5rem;}
.downLink .txt{flex:1; font-size: 1.25rem; padding-bottom: 1rem; border-bottom:1px solid var(--main-color-gray);}
.downLink .txt span{display: block; font-size: 1rem; opacity: .5; line-height: 1.8;}

.Str-page{padding: 5rem 0; background:url(images/bg_page.png) repeat-x center top;  }

.article-main{background:white; padding:5rem;}

.article-title{margin:0 0 2.5rem;}
.article-title .title{font-size:2.5rem; font-weight:600; margin:0 0 0.625rem;}
.article-title .title.tcenter{text-align:center;}
.article-title .title.rule-tit{padding:0 0 .625rem; border-bottom:3px solid black; position:relative;}
.article-title .title.rule-tit:after{content:''; width:100%; height:1px; background:gray; position:absolute; left:0; bottom:-6px;}
.article-title .desc{font-size:1rem; color:gray; }
.article-title .desc label{display:inline-block; margin-right:1rem; }
.article-title .desc span{display:inline-block; margin-right:1rem;}
.article-content img{position:relative; display:block; max-width:100%; margin:15px auto; height:auto; border-radius:1rem;}
.article-content img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.article-content img.aligncenter{margin-left:auto;margin-right:auto; text-align:center;}
.article-content img.alignright{float:right;}
.article-content video{display:block; width:100%; height:auto; }
.article-content p{font-size:1.125rem; line-height:1.65; text-align:justify; color:#333333; font-weight:400; overflow:hidden;}
.article-content p span{display:inline-block;}
.article-content h1{font-size:var(--main-fs-h1);}
.article-content h2{font-size:var(--main-fs-h2);}
.article-content h3{font-size:var(--main-fs-h3);}
.article-content h4{font-size:var(--main-fs-h4);}
.article-content h5{font-size:var(--main-fs-h5);}
.article-content h6{font-size:var(--main-fs-h6);}
.article-content a{color:var(--main-color-blue); text-decoration:underline;}
.article-content a:hover{ text-decoration:none;}
.article-content ul,.article-content ol{list-style: revert; margin-left:1.5rem; margin-bottom: 0.875rem;}
.article-content ul li,.article-content ol li{margin-bottom:1rem;}

.guide-title{display:flex; gap:2px; margin:0 0 20px;}
.guide-title .title-num{display:flex; align-items:center;justify-content:center; font-size:1.5rem; text-align:center; color:white; background:var(--main-color-blue); border-radius:1rem 0 0 1rem; padding:0 1.5rem; }
.guide-title .title-txt{background:var(--main-color-lightgray); padding:.625rem 2.5rem .625rem 1.5rem;  border-radius:0 1rem 1rem 0;}
.guide-title .title-txt .txt-1{font-weight:600; font-size:1.5rem; line-height:1.4;}
.guide-title .title-txt .txt-2{font-size:.875rem; line-height:1; color:gray; text-transform: uppercase;}

.guide-dl{margin:0 0 20px;}
.guide-dl dt{font-size:1.25rem; font-weight:600; margin:0 0 10px; padding-left:20px; position:relative;}
.guide-dl dt:after{content:''; width:12px; height:4px; border-radius:8px; background:var(--main-color-blue); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.guide-dl dd,.guide-dl dd p{font-size:1.125rem; line-height:1.65; text-align:justify; overflow:hidden; margin:0 0 10px;}
.guide-dl dd img{display:block; max-width:100%; height:auto; margin-top:15px; margin-bottom:15px; border-radius: 1rem;}

.cost-table{width:100%; border-radius:1rem; overflow:hidden;}
.cost-table th{border:1px solid #fff; background:#D7E5FF; color:var(--main-color-black); text-align:Center; padding:1rem; line-height:1.5; vertical-align:middle; font-size:1.125rem; font-weight:600;}
.cost-table td{border:1px solid #fff; background:var(--main-color-lightgray); padding:1rem;  line-height:1.5; text-align:center; vertical-align:middle; font-size:1.125rem; }

.benefitsList{display:flex; flex-wrap:wrap; gap:2.5rem; margin:40px 0;}
.benefitsList .bbox{width:calc((100% - 2.5rem)/2); display:flex; gap:1.25rem; align-items:flex-start;}
.benefitsList .bbox .bbox-img{width:4.5rem; height:4.5rem; background:var(--main-color-black); border-radius:100rem; padding:12px; }
.benefitsList .bbox .bbox-img img{display:block; width:100%; height:100%;}
.benefitsList .bbox .bbox-txt{flex:1; font-size:1rem;}
.benefitsList .bbox .bbox-txt .txt-name{font-size:1.25rem; font-weight:600; color:#c7ac74;}
.benefitsList .bbox .bbox-txt .txt-desc{font-size:1rem;}


.page-cell{display: flex; flex-wrap: wrap; gap:5%; justify-content: space-between;}
.cell-bar{width: 10%;}
.cell-side{width: 22%;}
.cell-main{flex: 1; min-width: 0;}
.side-box{position: sticky; top: 5.625rem; width: 100%;}


.siderBox{background:white; padding: 1.5rem; margin: 0 0 1.5rem; border-radius: 1rem;}
.siderBox .topTitle{font-size: 1.25rem; font-weight: 600; margin: 0 0 1.25rem;  color: var(--main-color-black); }
.siderBox .topTitle span{display:block;}

.contentList{display: flex; gap:2px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding:0 0 1.25rem;}
.contentList li{flex:1; border-right:3px solid white; background:white; padding:.625rem;}
.contentList li a{display: block; font-size:16px; padding-left:.625rem; padding-right:1.5rem;  position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contentList li.current a{color:var(--main-color-blue);}
.contentList li.current{border-right:3px solid var(--main-color-blue);}

.hotList{display: flex; gap: 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.hotList li{flex: 1;}
.hotList li a{display: block; padding-left:1.25rem; position: relative;}
.hotList li a::after{content: ''; width: 6px; height: 6px; border-radius: 6px; background-color: var(--main-color-blue); position: absolute; left: 0; top: .625rem;}
.hotList li a h4{margin:0; font-size: 1rem; font-weight: normal;}
.hotList li a p{margin: 0; font-size: .875rem; color: gray;}

.wx-title{margin:0 0 1.125rem; display: flex; gap: 1.125rem; align-items: center;}
.wx-title .wx-logo{width: 3rem;}
.wx-title .wx-logo img{display: block; width: 100%; border-radius: .625rem;}
.wx-title .wx-name{font-size: .875rem; color: gray;}
.wx-title .wx-name span{display: block; font-size: 1.125rem; color: var(--main-color-black); font-weight: 600;}
.wx-code{font-size: .875rem; color: gray; text-align: center;}
.wx-code img{display: block; width: 100%; margin: 0 auto 1rem;}

.likebox { margin: 0 0 1.25rem}
.likebox a.favorite { position: relative; display:flex; align-items: center; justify-content: center; width: 3.75rem;  height: 3.75rem; border-radius: 100rem; background:white; color:var(--main-color-black); font-size: 1.5rem; text-align: center; }
.likebox a.favorite:hover {  box-shadow: 0 0 16px #AAAAAA; }
.likebox a.favorite.done,.likebox a.favorite:hover.done { background:var(--main-color-org); color: #fff; box-shadow: 0 1px 6px var(--main-color-org);}
.likebox a.favorite .count { position: absolute; left: 50px; top: 0; background:var(--main-color-blue); font-size: 12px; padding: 2px 8px; line-height: 19px; border-radius: 50px; color: #fff;}

.sharebtn { cursor: pointer; position: relative; z-index: 1000;}
.sharebtn i { display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; background:white; color:var(--main-color-black); font-size:1.5rem; border-radius:100rem; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.sharebtn:hover i {box-shadow: 0 0 16px #AAAAAA;}
.sharebtn.active i {background-color:var(--main-color-org); box-shadow: 0 1px 6px var(--main-color-org); color: #fff;}
.toggleShow {display: none; position: absolute; left: 50%; top: 4.375rem; transform: translateX(-50%); background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.12); padding: 15px 15px 0; text-align: center; font-size: 14px;}
.toggleShow em {line-height: 30px; font-style: normal;}

.redHeader{font-family:'ËÎÌå', SimSun; padding-bottom:0.875rem; margin:0 0 2.5rem; border-bottom:4px solid red; text-align:center;}
.redHeader .header-title{font-size:3.5rem; color:red; font-weight:600; margin:0 0 1rem;  letter-spacing:2px;}
.redHeader .header-desc,.redHeader .header-desc p{font-size:1.25rem; color:black; margin:0;}
.redBottom p{text-align:right;}
.redBottom p label{ color:gray; display:inline-block; margin-left:1rem; }

.tech-txtimg{display:flex; flex-wrap:wrap; gap:2.5rem; align-items:center;}
.tech-img{width:25%;}
.tech-img img{display:block; margin:0 auto; max-width:100%; max-height:240px; }
.tech-txt{flex:1; font-size:1.125rem; line-height:1.8;}
.tech-txt div{margin:0 0 20px;}
.tech-txt div strong{display:block;}

.tech-imgs{display:flex; flex-wrap:wrap; gap:1.5rem;}
.tech-imgs .imgs{flex:1;}
.tech-imgs .imgs img{display:block; width:100%; border-radius:1rem;}

.tech-sort{display:flex; flex-wrap:wrap; gap:1.5rem;}
.sort-box{width:calc((100% - 1.5rem)/2); padding:1.25rem; background-color:var(--main-color-lightgray); border-radius:1rem;}
.sort-box h3{font-size:1.25rem; font-weight:600; }
.sort-box h3 span{display:block;font-size:1rem; font-weight:300; color:gray;}
.tech-sort.sort-4 .sort-box{width:calc((100% - 4.5rem)/4); display:flex; gap:1.25rem; align-items:center;}
.sort-box div{font-size:1rem; line-height:1.65; }
.sort-box div strong{font-size:1.125rem; display:block;}
.sort-box i{display:block; width:40px; height:40px; background:var(--main-color-blue); color:white; font-size:20px; font-weight:600; text-align:center; line-height:40px; border-radius:100px;}

.tabs{display:flex; justify-content:center; gap:10px; margin:0 0 2.5rem;}
.tabs span{display:block; padding:10px 24px; background:white; border-radius:100px; font-size:18px; cursor:pointer;}
.tabs span.current{background:var(--main-color-blue); color:white;}
.tabs-content img{display:block; margin:0 auto; max-width:100%;}

.tech-sort.sort-3 .sort-box{width:calc((100% - 3rem)/3); display:flex; gap:1.25rem; align-items:center;}
.tech-sort.sort-3 .sort-box img{display:block; padding:10px; background:white; border-radius:100px; width:68px; height:68px;}

/*wp style*/
/*null data*/
.no-results{width:100% !important; height:auto !important;}
.data-null{width:100%; padding:3rem; display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.25rem;}
.data-null img{display:block; width:12.5rem;}
.data-null span{display:block; margin:.625rem auto;  color:#0C0B0C30;}

/*404*/
.Str-404{width:100%; height:100vh; background:url(images/404.png) no-repeat center; background-size:auto 100%; color:var(--main-color-black); display: flex; justify-content:center; align-items: center; text-align:center;}
.Str-404 h1{margin:0; font-size:12.5rem; line-height:1.5; font-weight:600; font-family: "Microsoft YaHei";}
.Str-404 h2{font-size:var(--main-fs-h2); line-height:1.5; font-weight:normal; font-family: "Microsoft YaHei";}
.Str-404 h3{font-size:var(--main-fs-h4);  line-height:2; margin:0 0 40px; font-weight:normal;font-family: "Microsoft YaHei";}

.Str-search{position: relative; background:url(images/bg_page.png) repeat-x center top; padding:6.25rem 0;}
.search-name{padding:2.5rem 0 1.5rem; font-size:1.125rem; }
.search-name span{color:var(--main-color-org);}
.Str-search .news-link.linkServe{background:white;}

.page-position{padding:1.5rem 0;}
.page-position ul{display:flex; font-size:var(--main-fs-p); color:rgba(0,0,0,.6); }
.page-position ul li{flex:0 1 auto; flex-shrink: 0; max-width:25rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*wp page*/
.pagination {text-align: center; padding:20px 0; font-size:14px; width:100%;}
.pagination h2{display:none;}
.pagination .nav-links{display:flex; align-items:center; gap:5px;}
.pagination .nav-links a,.pagination .nav-links span{display:flex; min-width:40px; height:40px; border-radius:100px; align-items:center; justify-content:center; text-align:center; font-size:14px; background:#f0f0f0; color:#666; }
.pagination .nav-links a:hover{background:#f5f5f5;}
.pagination .nav-links span.current{color:white; background:#00AFEC; font-weight:600;}
.pagination .nav-links a.prev,.pagination .nav-links a.next{padding-left:16px; padding-right:16px;}