@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-purple: #561684;
  --main-color-yellow:#FFF001;
  --main-color-org:#FC4F00;
  --main-color-pink:#E62F8B;
  --main-color-green:#70B92C;
  --main-color-blue:#1C61AE;
  
  --main-color-black:#3E3A39;
  --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:"Galano-Grotesque-Regular","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 .625rem; }
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-org,#FC4F00); text-decoration:none;}
a{color:var(--main-color-purple,#561684); 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;
}

/*font family*/
@font-face {
  font-family: 'Galano-Grotesque-Black'; /* 自定义字体名称 */
  src: url('fonts/Galano-Grotesque-Black.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galano-Grotesque-Bold'; /* 自定义字体名称 */
  src: url('fonts/Galano-Grotesque-Bold.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galano-Grotesque-Medium'; /* 自定义字体名称 */
  src: url('fonts/Galano-Grotesque-Medium.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galano-Grotesque-Regular'; /* 自定义字体名称 */
  src: url('fonts/Galano-Grotesque-Regular.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galano-Grotesque-Light'; /* 自定义字体名称 */
  src: url('fonts/Galano-Grotesque-Light.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@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);}
.bgPink{background:var(--main-color-pink);}
.bgBlue{background:var(--main-color-blue);}
.bgOrg{background:var(--main-color-org);}
.bgYellow{background:var(--main-color-yellow);}
.bgGreen{background:var(--main-color-green);}

.fWhite{color:white;}
.fGray{color:var(--main-color-gray);}
.fBlack{color:var(--main-color-black);}
.fPurple{color:var(--main-color-purple);}
.fBlue{color:var(--main-color-blue);}
.fPink{color:var(--main-color-pink);}
.fOrg{color:var(--main-color-org);}
.fGreen{color:var(--main-color-green);}
/*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: keep-all;}
.maxLine-3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}

/**common style**/
.container{position:relative; margin:0 auto; width:87.5%; max-width: 1400px;}
.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*/
.Str-header{position:fixed; left:0; top:0; width:100%; background:var(--main-color-purple); z-index:1000; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.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:7.6782rem; height:3rem; text-indent:-8889px; background:url(images/logo_w.svg) no-repeat center; background-size:7.6782rem 3rem; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

.Str-header div.menu-pirmary-menu-container{padding-right: 15%;}

.Str-header .Str-menu{display:flex; justify-content:center; align-items: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{font-family: 'Galano-Grotesque-Medium'; text-transform: uppercase; position:relative; display:block; padding:0; line-height:3rem; font-size:1.125rem; color:var(--main-color-yellow); 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:hover{color: var(--main-color-org);}

.Str-header .Str-menu li:last-child{position: absolute; right: 0; top: 0; background-color: var(--main-color-green);padding:1rem 2.5rem;}
.Str-header .Str-menu li:last-child a{color: var(--main-color-yellow);padding-left: 1.75rem;}
.Str-header .Str-menu li:last-child a::before{content: '\e667'; font-family: 'iconfont';  font-size:1.125rem; font-weight:normal; font-style:normal;  position: absolute; left:0; top: 50%; transform: translateY(-50%); -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.sub-menu{position:absolute; left:50%; top:0; width:100%; min-width:9.25rem; transform:translateX(-50%); 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: 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 1rem; color:rgba(255, 255, 255, .8); background:var(--main-color-purple);}
.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:var(--main-color-org);}
.Str-header .Str-menu li ul.submenu-list li:last-child{position: relative;}
.Str-header .Str-menu li ul.submenu-list li a::before{display: none;}

.Str-header .Str-menu li.active .sub-menu{pointer-events: auto;}
.Str-header .Str-menu li.active a{color: var(--main-color-org); }


.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.active .Str-mobile-menu .menu-line{background:white;}


/*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:var(--main-color-purple); 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:var(--main-color-purple); -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{text-transform: uppercase; position:relative; background:rgba(0,0,0,.1); color:white; 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; background:rgba(0,0,0,.2);}
.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 a{color:var(--main-color-org); background:rgba(0,0,0,.2);}
.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:rgba(0,0,0,.2); 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:white; opacity: .7; border:0; padding:1.75rem 2.5rem; transition:all .3s;background:none;}
.menu.active .menu-sitenav li ul.sub-menu li a:hover{opacity: 1; color: white; background-color:var(--main-color-org);}
.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;}

.Str-footer{background: var(--main-color-purple);  padding:2.75rem 0 1.75rem;}
.footer-infor{display: flex; flex-wrap: wrap; justify-content: space-between; gap:2.5rem; padding: 0 0 2.5rem;} 
.footer-left{width: 20%;}
.footer-left .footer-logo{margin: 0 0 1.25rem;}
.footer-left .footer-logo a img{display: block; height: 4rem;}
.footer-left .footer-txt{color: white; font-size: 1.125rem; }
.footer-right{flex: 1; display: flex; flex-wrap: wrap; justify-content: space-around; gap: 1.5rem;}
.footer-right dl{display: flex; flex-direction: column; gap: .625rem;}
.footer-right dl dt,.footer-right dl dt a{font-size: 1rem; font-weight: 600; color: white;}
.footer-right dl dd{font-size: .875rem; color: white;}
.footer-right dl dd a{color: rgba(255, 255, 255, .8);}
.footer-copyright{padding: 1.25rem 0; text-align: center; font-size:14px; color:rgba(255, 255, 255, .8); border-top: 1px solid rgba(255, 255, 255, .2);}
/*index style*/
.Str-screen{position:relative; padding-top: 5rem; height:100%; width:100%; background-color:#eeeeee; overflow: hidden;}
.home-video { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: cover; overflow: hidden; display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.btnmask{position: absolute; left:0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.playBtn{display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 100rem; border: 2px solid white; background-color: rgba(255, 255, 255, .2); box-shadow: 0 0 2rem rgba(0,0,0,.5);}
.playBtn i{display: block; font-size: 3.5rem; color: white;}
.playBtn:hover{transform: scale(1.2);}

.openVideo{display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .8); display: flex; align-items: center; justify-content: center; padding: 10%; z-index: 1001;}
.openVideo video{display: block; max-width: 100%; height: auto; border-radius: 1rem; background-size: cover; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.openVideo .closed{width: 48px; height:48px; display: flex; align-items: center; justify-content: center; background-color: var(--main-color-yellow); position: absolute; right: 5%; top: 5%; border-radius: 100rem;}
.openVideo .closed i{font-size: 32px; color: var(--main-color-purple); }

.Str-news{padding: 1.25rem;}
.newsList{display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem;}
.newsList li{flex:0 1 auto; width: calc((100% - 2.5rem)/3);}

.newsLink{display: block; position: relative; width: 100%; text-transform: uppercase;  border-radius: 1rem; overflow: hidden;}
.newsImg{position: relative; width: 100%; padding-top: 66.76%;}
.newsImg img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .4s;}
.newsdate{position: absolute; right: 0; top: 0; background: var(--main-color-purple); color: white; font-size: 1.5rem; font-weight: 600; text-align:center; padding: 1rem; border-radius: 0 0 0 1rem;}
.newsdate label{display: block; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0;  text-align:center;}

.newsMask{position: absolute; left: 0; bottom: 0; width: 100%; padding:1rem; background-color:var(--main-color-green); transition: all .4s;}
.newsMask .newstitle{font-size: 1.75rem; color: white; margin:0; font-family: 'Galano-Grotesque-Medium'; line-height: 1.2;}

.newsLink:hover .newsImg img{transform: scale(1.2);}
.newsLink:hover .newsMask{background-color: rgba(0,0,0,.5);}

.index-title{text-transform: uppercase; 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.70833vw;  color: var(--main-color-purple); line-height: 1.2; font-family:"Galano-Grotesque-Bold";}
.index-title.tCenter{justify-content: center; text-align: center;} 


.projectList{display: flex; flex-direction: column; gap: 1.25rem;}
.projectList li {width: 100%;}
.projectList li a.proLink{width: 100%; display: flex; flex-wrap: wrap; border-radius: 1rem; overflow: hidden;}
.pro-img{width:50%; padding-top:30%; position: relative; overflow: hidden;}
.pro-img img{display: block; width: 100%; height: 100%; position:absolute; left: 0; top: 0; object-fit: cover;transition: all .4s;}
.pro-txt{flex: 1; background-color: var(--main-color-purple);  font-size: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white;}
.pro-txt img{display: block; margin: 0 auto 1rem; max-width:300px; max-height: 150px;}
.pro-txt span{display: block; font-family:"Galano-Grotesque-Medium";}
.projectList li a.proLink:hover .pro-img img{transform: scale(1.2);}
.projectList li:nth-child(2n) .pro-img{order: 1;}
.projectList li:nth-child(2n) .pro-txt{order: 0; background-color: var(--main-color-yellow); color: var(--main-color-purple);}

/*subpage*/
.Str-banner{position:relative; padding-top: 5rem; width:100%; overflow: hidden; background-color: #eeeeee;}
.Str-banner img{display: block; width: 100%; height: auto; position: relative;}
.Str-banner img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #eeeeee;}

.page-title{font-family:"Galano-Grotesque-Bold"; font-size:4.5rem; line-height: 1.2; color: var(--main-color-org); margin: 0 0 2.5rem; text-align: center; text-transform: uppercase; }
.sub-title{text-transform: uppercase; text-align: center; margin:0 0 2.5rem; font-size:2.5rem;  color: var(--main-color-purple); line-height: 1.2; font-family:"Galano-Grotesque-Bold";}

.page-imgtxt{display: flex; flex-wrap:wrap; gap:2.5rem; margin: 0 0 2.5rem;}
.page-img{flex: 1; position: relative; border-radius: 1rem; overflow: hidden; min-width: 0; min-height: 420px; }
.page-img img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.page-img img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #eeeeee; border-radius: 1rem;}
.page-txt{width: calc(50% - 1.25rem);; color:var(--main-color-black); min-width: 0;}
.page-txt h2{margin:0; font-family:"Galano-Grotesque-Bold";  font-size: 3.5rem; }
.page-txt h3{margin:0 0 2.5rem; font-family:"Galano-Grotesque-Bold"; font-size: 2.75rem; line-height: 1.2;}
.page-txt h4{margin:0; font-size: 1.5rem; line-height: 1;}
.page-txt label{display: inline-block; padding: .3125rem 2.5rem; background-color: var(--main-color-green); color: white; font-size: 1.125rem; margin: 0 0 2.5rem; border-radius: 100rem;}
.page-txt p{margin: 0 0 1rem; font-size: 1.5rem;}
.page-txt strong{font-family:"Galano-Grotesque-Bold"; }

.page-txt.bgGreen{background-color: var(--main-color-green);  color: white; padding: 2.5rem; border-radius: 1rem; }
.page-txt.bgYellow{background-color: var(--main-color-yellow);  padding: 2.5rem; border-radius: 1rem; }

.page-img.img-ip{display: flex; align-items: center; justify-content: center; min-height: 480px; padding:5%;}
.page-img.img-ip img{position: relative; left: auto; top: auto; width:auto; height:auto; max-width:100%; max-height: 100%; min-height: auto;}




.list-style-3{display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: space-between; padding-top:2.5rem; margin: 0 0 5rem;}
.list-style-3 li{flex: 1; border-right: 1px solid gray; display: flex; align-items: flex-start; justify-content: center;}
.list-style-3 li:last-child{border: 0;}

.spec-txt{text-align: center; text-transform: uppercase; padding: 0 5%;}
.spec-txt h3{color: var(--main-color-pink); font-size: 2.75rem; font-family:"Galano-Grotesque-Bold";}
.spec-txt p{font-size: 1.5rem; color: var(--main-color-black); font-family: 'Galano-Grotesque-Medium';}

.comm-txt{ font-size: 1.5rem;}
.comm-txt.tCenter{text-align: center;}
.comm-txt p{margin: 0 0 1.5rem; font-size: 1.5rem;}

.peopleList{display: flex; flex-direction: column; gap: 5rem;}
.peopleList li{display: flex; flex-wrap: wrap; gap: 2.5rem; }
.peopleList li .people-img{width: 40%; position: relative; overflow: hidden; border-radius: 1rem; background-color: #eeeeee;}
.peopleList li .people-img img{display: block; width: 100%; height: auto; border-radius: 1rem; position: relative;}
.peopleList li .people-img img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #eeeeee; border-radius: 1rem;}
.peopleList li .people-txt{flex: 1; font-size: 1.125rem; line-height:1.8;}
.peopleList li .people-txt h4{margin:0; font-size: 2.75rem; line-height: 1; font-family:"Galano-Grotesque-Bold"; color: var(--main-color-purple);}
.peopleList li .people-txt h5{margin:0; font-size: 1.5rem; font-family: 'Galano-Grotesque-Medium'; color: var(--main-color-org);}
.peopleList li .people-txt h6{font-size: 1.25rem; color: var(--main-color-purple); margin: 0 0 2.5rem;}
.peopleList li .people-txt p{font-size: 1.5rem;}

.Arm-swiper .swiper-wrapper{width: 100%; padding-bottom:1.25rem;display: flex; align-items: center;}
.Arm-swiper .swiper-slide{width: 100%; border-radius: 1rem; overflow: hidden;  transition: 400ms; transform: scale(0.9);}
.Arm-swiper .swiper-pagination-bullets,.Arm-swiper .swiper-pagination-custom, .Arm-swiper .swiper-pagination-fraction {position:relative; bottom: 0; width: 100%; }
.Arm-swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 0; display: inline-block; background-color:black; opacity: .3; border-radius: 100px;}
.Arm-swiper .swiper-pagination-bullet-active {opacity: 1; background-color: var(--main-color-purple);}

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

.armBox{display: block; flex: 1; position: relative;}
.armBox .armImg{width: 100%; padding-top:56%; position: relative; overflow: hidden; z-index: 10; }
.armBox .armImg img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.armBox .armTxt{display: none; text-transform: uppercase; background-color:var(--main-color-yellow); padding: .625rem; font-size: 1.125rem; line-height:1.5rem; height: 4.25rem; color: var(--main-color-purple); text-align: center; align-items: center; justify-content: center; }

.Arm-swiper .swiper-slide-active,.Arm-swiper .swiper-slide-duplicate-active{
      transform: scale(1);
	}
.Arm-swiper .swiper-slide-active .armBox .armTxt,.Arm-swiper .swiper-slide-duplicate-active .armBox .armTxt{
      display: flex; 
	}

.logs{background: white; border-radius: 100rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; height: calc(8rem + 120px); width: 68%;}
.logs img{display: block; max-width:280px; max-height: 160px;}

.contact-way{display: flex; flex-direction: column; gap: 4.5rem; align-items: center;}
.contact-txt{color: var(--main-color-purple); font-size: 1.5rem; text-align: center;}
.cbtn{display: flex; justify-content: center;}
.contact-btn{display:block; padding: 1rem 2.5rem; font-size: 2.5rem; color: white; background: var(--main-color-pink); border-radius: 100rem; font-family:"Galano-Grotesque-Bold";}
.contact-btn:hover{color: var(--main-color-purple);}
.mailtxt{display: flex; align-items: center; justify-content: center; font-size: 2.5rem; text-align: center; color: var(--main-color-green); gap: 1.25rem;}
.mailtxt i{width: 3.5rem; height: 3.5rem; border: 1px solid var(--main-color-green); border-radius: 100rem; font-size: 2.125rem; display: flex; align-items: center; justify-content: center;}

.newsBox{display: flex; flex-wrap: wrap; background: white; border-radius: 1rem; overflow: hidden; margin: 0 0 1.25rem;}
.newsBox .newsImg{width: 40%; padding-top: 24%; position: relative; overflow: hidden;  border-radius: 1rem; }
.newsBox .newsImg img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all .3s;}
.newsBox:hover .newsImg img{transform: scale(1.1);}
.newsBox .newsText{flex: 1; padding: 1.25rem; display: flex; flex-direction: column; justify-content: flex-start;}
.newsBox .newsText h5{text-transform: uppercase; font-family: 'Galano-Grotesque-Medium';font-size: 1.5rem; color: var(--main-color-org); margin: 0 0 .625rem;  }
.newsBox .newsText p{font-size: 1.125rem; color: var(--main-color-black); }
.newsBox .newsText span{margin-top:auto; font-size: 1.125rem; display: flex; align-items: center; gap: 1.25rem; justify-content: space-between; color: gray;}
.newsBox .newsText span i{display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 100rem; background-color: var(--main-color-purple); color: white; font-size: 1.25rem; font-weight: normal; margin-right: 5%; opacity:0; transition: all .5s;}
.newsBox:hover .newsText span i{margin-right: 0; opacity:1;}

.pagination{padding: 2.5rem 0; display: flex; gap: 1rem; align-items: center; justify-content: 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: white; color: var(--main-color-purple); }
.pagination a i{font-size: 1.5rem;}
.pagination a.active{background: var(--main-color-purple); color: white;}

.detail-face{position: relative; width: 100%; padding-top: 39.88%; overflow: hidden;}
.detail-face img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0; object-fit: cover;}

.article-main{margin:0 auto; width: 100%; max-width:1200px; background: white; padding: 5%; }
.article-title{margin: 0 0 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #CCCED4; }
.article-title h3{font-size: 2.5rem; line-height: 1.2; color: var(--main-color-org); text-transform: uppercase; font-family: 'Galano-Grotesque-Medium';}
.article-title span{font-size: 1.125rem; color: gray;}
.article-content img{display:block; width: 100%; max-width:100%; height:auto; margin-top:15px; margin-bottom:15px; border-radius: 1rem;}
.article-content img.aligncenter{margin-left:auto;margin-right:auto; text-align:center;}
.article-content img.alignright{float:right;}
.article-content p{font-size:1.125rem; line-height:1.65; text-align:justify; color:black; 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-purple); 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;}

/*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;}

.homeLink{display:inline-block; box-sizing:border-box; font-size:1.25rem; line-height:3rem; padding:.3125rem 2.5rem;  color:white; border-radius:100rem; background:var(--main-color-purple);  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:var(--main-color-org);}

/*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;}