@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 84px;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}

/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #222;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span,textarea, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #33416f;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#222;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  max-width: 78.125%;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1320px;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1320px; margin: 0 auto;}
.menuBtn { display: none;}
.logo { position: relative;}
.logo img { display: block; width: clamp(113px,1.69rem,169px); transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header { height: var(--header-height); transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}

.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}
.header:hover .searchEnter,.small-header .header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
.headerFlex { display: flex; justify-content: space-between; align-items: center;}

.header .nav li h2 a:hover { color: #33416f;}
.headerLeft { gap: .56rem; display: flex; align-items: center;}
.contactUs { transition: all .4s; background: #21B4AB; border: 2px solid #7CE2DC; padding: 6px .24rem; border-radius: 26px; line-height: 26px; display: block; font-size: var(--font18); color: #FFFFFF;}
.contactUs:hover { background: #1D295D;}
.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { margin-right: clamp(20px,.5rem,50px);}
.nav li:last-child { margin-right: 0;}
.nav li h2 {display: flex; align-items: center; gap: .08rem; padding-top: 6px; position: relative;}
.nav li h2 img { display: block;}
.nav li h2::after { content: ''; height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s; width: 0; background: #33416f;}
.nav li:hover h2::after { width:100%;}
.nav li h2 a { font-weight: bold; transition: all 0.5s; line-height:78px;  white-space: nowrap; font-size: clamp(16px,.18rem,18px); color: #1d295d;}
.header .nav li.cur h2 a { color: #33416f;}
.nav li { position: relative;}
.nav li dl:before {content: ''; position: absolute; left: 0; width: 100%; height: 1px; top: -1px;}
.nav li dl { border-radius: 20px; padding:.3rem .2rem; box-sizing: border-box; display: none; width:325px; box-sizing: border-box; background: #ffffff; position: absolute; left: 50%; transform: translateX(-50%); top: calc(var(--header-height) + 1px);}
.nav li dt { font-size: clamp(14px,.18rem,18px); line-height:calc(1em + 8px); margin-bottom: .2rem;}
.nav li dt:last-child { margin-bottom: 0;}
.nav li dt a { font-weight: bold; display: block; transition: all 0.3s;}
.nav li dt:hover>a { color: #33416f; }
.nav li:nth-child(5),.nav li:nth-child(6) { display: none;}
.header .more b { font-weight: bold;}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #33416f;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #33416f;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #33416f;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #33416f;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: .23rem; height: .23rem;
background-size: 100% auto!important;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 { display: flex; align-items: center; }
.langChose h2 img { display: block; width: 24px;}
.langChose { cursor: pointer; position: relative; height: var(--header-height); display: flex; align-items: center;}
.langChose dl:before { content: ''; position: absolute; left: 0; width: 100%; height: 1px; top: -1px;}
.langChose dl { padding: .2rem 0; box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius:.2rem; width: 113px; position: absolute; top:calc(var(--header-height) + 1px); left: 50%; transform: translateX(-50%);}
.langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;}
.langChose dt a{ font-weight: bold; padding: 10px 0 10px 20px; transition: all .5s; line-height:calc(1em + .08rem); display: block; font-size: var(--font18); color: #393939;}
.langChose dt:hover a { color: #33416f;}
.langChose:hover dl { display: block;}
.header .searchEnter:hover { background: url(../images/searchon.png) center no-repeat;}

/*banner*/
.banner { overflow: hidden; z-index: 2; position: relative; background-size: cover; padding: 100px 0 18px;}
.banner video {background: #defcfa; position: absolute !important; left: 0 !important; top: 0 !important; z-index: -999 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; pointer-events: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; will-change: auto; touch-action: none !important;}
.bannerCont { display: flex; justify-content: space-between; align-items: center;}
.bannerImg { width: 57.12%; position: relative;}
.bannerImg img { opacity: 0;}
.coverImg { height: 100%; background: url(../images/img_2.png) center no-repeat; position: absolute; width: 80.37%; right: .35rem; top: 0; opacity: .8;-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.img_3 { position: absolute; width: 81.83%; bottom: 0; right: 0;}
.more { position: relative; display: inline-flex; border-radius: calc(1em + .08rem); overflow: hidden; padding: 2px; background-image: linear-gradient(to right,#7CE2DC,#64CBC5); justify-content: center; align-items: center;}
.more::after { content: ''; position: absolute; left: 0; top: 0; width:0; transition: all .4s; height: 100%; background: #1D295D;}
.more span { border-radius: calc(1em + 8px); font-size: var(--font18); font-weight: bold; color: #ffffff; line-height: calc(1em + 8px); padding: .06rem .23rem; display: block; background: #21B4AB;}
.more span b { font-weight: bold; position: relative; z-index: 2;}
.more:hover::after { width: 100%;}
.bannerText { opacity: 0; flex: 1;}
.bannerText h2 { margin-bottom: .3rem; color: #1D295D; font-size: var(--font60); line-height: 1.45; font-weight: bold;}
.bannerText p { margin-bottom: 1em; font-size: var(--font18); color: #222222; line-height: 1.3;}
.bannerText .more { margin-top: .4rem;}
/*inBanner*/
.page-banner { position: relative; display: flex; align-items: center; height: 600px; background-size: cover!important; background-position: center!important; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { pointer-events: none; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 2;}
.inBanner {background: linear-gradient(270deg, #E1FCFC 0%, #FFFFFF 100%); padding: 107px 0 23px;}
.inText h2 { color: #1D295D; font-weight: bold; line-height: 1.4; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { font-weight: 200; color: #222222;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font18);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
.inText .more {-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .4s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
.inText { width:60%;}
.inImg { width: 31.8%;}
.inText p span { display: block; font-weight: bold;}
/*footer*/
.footer { background: #000; position: relative; z-index: 2;}
.footerTop { width: 1094px; background: url(../images/footerTop.png) right center no-repeat; max-width: 82%; padding: .5rem 0;
background-size: 100% 100%; position: relative;}
.footerTop:before { content: ''; width: 50vw; left: 0; transform: translateX(-90%); background: #21b4ab; height: 100%; top: 0; position: absolute;}
.footerTop h2 { position: relative; z-index: 2; font-size: var(--font36); font-weight: bold; color: #ffffff; line-height: 1.44; margin-bottom: .2rem;}
.processList { position: relative; z-index: 2; display: flex; align-items: center; gap: .38rem;}
.processList span { position: relative; gap: .06rem; display: flex; color: #ffffff; align-items: center; font-size:var(--font16)}
.processList a::after { content: ''; position: absolute; background: #ffffff; bottom: -4px; left: 0; height: 1px; width: 0; transition: all .4s;}
.processList a:hover::after { width: 100%;}
.footerCenter { display: flex; justify-content: space-between; padding: .43rem 0;}
.footContact a { margin-bottom: .4rem; transition: all .4s; display: inline-flex; color: #ffffff; font-weight: bold; padding: .08rem 1rem; border-radius: 1.44em; font-size: var(--font36); line-height: 1.44; border: 4px solid #ffffff;}
.footContact a:hover { border: 4px solid #1d295d; background: #1d295d;}
.footContact p { color: #ffffff; font-size: var(--font14);}
.footLink { display: flex; gap:1rem;}
.linkSlide:nth-child(1) { width: 290px;}
.linkSlide:nth-child(2) { width: 175px;}
.linkSlide h2 { font-weight: bold; color: #ffffff; font-size: var(--font24); line-height: 1.66; margin-bottom: .3rem;}
.linkSlide p { margin-bottom: .12rem;}
.linkSlide p a { display: inline-flex; position: relative; font-size: var(--font18); color: #ffffff; transition: all .4s; line-height: 1.44;}
.linkSlide p a::after { content: ''; transition: all .4s; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #ffffff;}
.linkSlide p a:hover::after { width: 100%;}
.linkSlide p a:hover { font-weight: bold;}
.linkSlide p:last-child { margin-bottom: 0;}
.footerBottom { display: flex; justify-content: space-between; align-items: center;}
.footSocial { padding: .22rem 0; display: flex; align-items: center; gap: .72rem;}
.footSocial a img{ transition: all .4s; display: block;}
.footSocial a:hover img { opacity: .5;}
.footerBottom p { color: #dddddd;}
.footerBottom span { margin: 0 5px; color: #DDDDDD;}
.footerBottom p a { pointer-events: none; transition: all .4s; color: #DDDDDD; font-size: var(--font16);}
.footerBottom p a:hover { color: #ffffff;}
.footerVideo { opacity: .4; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.footerVideo video { display: block; width: 100%; height: 100%; object-fit: cover;}
/**/
.whyCont { position: sticky; top: 0; left: 0; width: 100%; padding: .82rem 0 .62rem;}
.whyFlex { align-items: center; display: flex; justify-content: space-between;}
.whyText i {font-style: normal; display: block; font-size: var(--font18); color: #21B4AB; margin-bottom: .2rem;}
.whyText h2 { font-size: var(--font36); color: #222222; font-weight: bold; line-height: 1.44; margin-bottom: .2rem;}
.whyText p { width: 83.33%; font-size: var(--font18); color: #222222; line-height:1.44; margin-bottom: .3rem;}
.whyData { margin-top: .7rem;}
.whyData ul { display: flex; gap:.4rem; justify-content: space-between; flex-wrap: wrap;}
.whyData li { width: calc((100% - 1.2rem)/4);}
.whyData p { font-weight: bold; font-size: var(--font36); line-height: 1.44;}
.whyData p b { font-weight: bold;}
.whyData span { display: block; font-size: var(--font18); color: #666666; line-height: 1.44;}
.globalCont { position: relative; z-index: 2; background: #E1FCFC; padding: .8rem 0 .97rem;}
.postCont { position: relative;}
.globFlex { display: flex; justify-content: space-between; align-items: center;}
.globText { width: 53%;}
.globText h2 { text-transform: uppercase; color: #222222; font-size: var(--font36); font-weight: bold; line-height: 1.44; margin-bottom: .2rem;}
.globText p { padding-left: .3rem; position: relative; font-size: var(--font18); line-height: 1.44; color:#222222;}
.globText p:before { content: ''; left: .1rem; top: 50%; transform: translateY(-50%); position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #222222;}
.globText a { margin-top: .5rem;}
.smart { padding: .5rem 0 0;}
.smartTitle { font-weight: bold; color: #000000; font-size: var(--font36); line-height: 1.44; margin-bottom: .2rem;}
.smartType { display: flex; align-items: center; gap: .6rem;}
.smartType span { display: block; font-weight: bold; line-height: .55rem; cursor: pointer; font-size: var(--font24); position: relative; transition: all .4s; color: #666666;}
.smartType span::after { content: ''; position: absolute; height: 3px; width: 0; bottom: 0; left: 0; transition: all .4s; background: #21B4AB;}
.smartType span.cur { color: #21B4AB;}
.smartType span.cur::after { width: 100%;}
.smartFlex { align-items: center; display: flex; justify-content: space-between;gap:.3rem}
.smartText h2 { font-size: var(--font24); font-weight: bold; color: #222222; line-height: 1.45; margin-bottom: .1rem;}
.smartText h3 { font-weight: bold; font-size: var(--font18); color: #222222; line-height: 1.44; margin-bottom: .3rem;}
.smartText p { font-size: var(--font18); color: #222222; line-height: 1.44; position: relative;padding-left: .3rem;}
.smartText h4 {font-size: var(--font18); color: #222222; line-height: 1.44; position: relative; }
.smartText p:before { content: ''; left: .1rem; top:.72em; transform: translateY(-50%); position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #222222;}
.smartText a { margin-top: .5rem;}
.smartImg { width: 40.9%;}
.smartText { flex: 1;}
.titleCell { text-align: center; font-weight: bold; font-size: var(--font36); color: #222222; line-height: 1.44;}
.homeSolution { overflow: hidden; padding: .3rem 0 0;}
.solutionHd { margin-bottom: .6rem; margin-top: .2rem; position: relative; padding-right: 36px;}
.solutionHd .swiper { width: 100%;}
.solutionHd .swiper .swiper-slide,.voiceType span { transition:all .4s; cursor: pointer; position: relative; font-size:var(--font24); font-weight: bold; color: #666666; line-height: 1.44; padding: 10px 0; width: auto;}
.solutionHd .swiper .swiper-slide::after,.voiceType span:after { content: ''; position: absolute; width: 0; left: 0; bottom: 0; transition: all .4s; left: 0; height: 3px; background: #21B4AB;}
.solutionHd .swiper .swiper-slide-thumb-active::after,.voiceType span.cur:after {width: 100%;}
.solutionHd .swiper .swiper-slide-thumb-active,.voiceType span.cur { color: #21B4AB;}
.solutionHd .swiper-button-prev,.solutionHd .swiper-button-next { color: #1d295d;}
.solutionHd .swiper-button-prev:after,.solutionHd .swiper-button-next:after { font-size: 16px;}
.solutionHd .swiper-button-prev { left: -30px;}
.swiperBd .swiper { width: 100%; overflow: visible;}
.solutionDesc { border-radius: .5rem; overflow: hidden; position: relative; width: 1200px; margin: 0 auto; max-width: 100%;}
.solutionDesc img { transition: all .8s; display: block; width: 100%;}
.swiperBd .swiper-slide:hover img { transform: scale(1.1);}
.swiperBd .swiper-slide { transform: scale(.8); transition: all .4s;}
.swiperBd .swiper-slide-active { transform: scale(1);}
.swiperBd .swiper-slide-prev { transform-origin: 85% center;}
.swiperBd .swiper-slide-next { transform-origin: 15% center;}
.solutionHd .swiper-button-disabled { opacity: 0;}
.solutionArt { transition: all .4s; opacity: 0; border-radius: .3rem; position: absolute; left: 4%; top: 50%; transform: translateY(-50%); padding: .6rem; background: rgba(255,255,255,.7);-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
width: 56.66%;}
.solutionArt p { font-size: var(--font18); color: #222222; line-height: 1.44; margin-bottom: .3rem;}
.swiperBd .swiper-slide-active .solutionArt { opacity: 1;}
.voiceType { margin: .2rem 0 .7rem; display: flex; align-items: center; justify-content: center; gap: .6rem;}
.voiceFlex { align-items: start; display: flex; justify-content: space-between;}
.voiceText { width: 49.24%; padding-top: 1.5rem;}
.voiceImg { width: 42.7272%; }

.voiceText p {font-weight: bold; font-size: var(--font18); line-height: 1.44; color: #222222; margin-bottom: .2rem;}
.voiceText span { font-size: var(--font18); color: #222222;}
.voice { padding: .5rem 0 .56rem;}
.network { padding: .6rem 0 1.4rem; background: #E1FCFC;}
.netFlex { align-items: center; display: flex; justify-content: space-between;}
.netText { width: 49.24%;}
.netText h2 { font-weight: bold; font-size: var(--font36); line-height: 1.44; margin-bottom: .2rem;}
.netText h3 { font-size: var(--font18); color: #222222; line-height: 1.44;}
.netText p { font-size: var(--font18); color: #222222; line-height: 1.44; position: relative;padding-left: .3rem;}
.netText p:before { content: ''; left: .1rem; top:.72em; transform: translateY(-50%); position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #222222;}
.netText h4 { line-height: 1.44; margin: .5rem 0 .2rem; font-weight: bold; font-size: var(--font18); color: #222222;}
.netImg { width:42%}
.netImg img { display: block; width: 100%;}
.whyEarth {opacity: 0; height: 360px; width: 360px; position: relative;}
.charts { width: 100%; height: 360px; position: relative; z-index: 2;}
.whyText { width: 68.18%; max-width: calc(100% - 380px);}
.globImg { width: 43.48%;}
.globImg img { display: block; width: 100%;}
.globImg video { display: block; width: 100%; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: auto;}
.shadow { width: 100%; height: 100%; pointer-events: none; background: url('../images/shadow.png');background-size: 94% 94%; background-position: center;background-repeat: no-repeat; position: absolute; top: 0;left: 0; z-index: 1}
.shadow2 { width: 100%; height: 100%; pointer-events: none; background: url('../images/shadow2.png'); background-size: 100% 100%; background-position: -50% -50%; background-repeat: no-repeat; position: absolute; left: 50px;top: 50px; z-index: 0;}
.earth-box { height: 360px; position: relative; z-index: 2;}
.earth-box .earth {
  width: 100%;
  height: 100%;
}
.earth-box .load-el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 9999;
  border-radius: 100%;
   background: url(../images/earthimg.png) center no-repeat; background-size: 100% 100%;
  transition: all 0.5s;
}
.earth-box .load-el.hide {
  opacity: 0;
  visibility: hidden;
  
}
.earth-box .load-el .common-model-load {
  padding-top: 0;
}
.earth-box .load-el .common-model-load .load-progress {
  background-color: #333;
}
.earth-box .load-el .common-model-load .load-text {
  color: #333;
}
.earth-box #labels {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  color: white;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.earth-box #labels > div {
  margin-top: -0.26vw;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  user-select: none;
  pointer-events: initial;
  transition-property: visibility, opacity;
  transition-duration: 0.2s;
}
.earth-box #labels > div:hover .text {
  opacity: 1;
  visibility: visible;
}
.earth-box #labels > div .summary,
.earth-box #labels > div .img {
  display: none !important;
}
.earth-box #labels > div.show {
  opacity: 1;
  visibility: visible;
}
.earth-box #labels > div.hide {
  opacity: 0;
  visibility: hidden;
}
.earth-box #labels .text {
  text-align: center;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.219vw;
  border-radius: 0.219vw;
  background:#ffffff;
  transition: all 0.4s;
  position: absolute;
  bottom: 100%;
  left: 0;
  white-space: nowrap;
  z-index: 4;
  padding: 3px 5px;
}
.earth-box #labels >div:nth-child(4) .text { margin-bottom: calc(0.219vw + 10px);}
.earth-box #labels >div:nth-child(7) .text { margin-bottom: calc(0.219vw + 10px);}
.earth-box #labels >div:nth-child(18) .text { margin-bottom: calc(0.219vw + 20px);}
.earth-box #labels .text .title { font-weight: bold;}
.earth-box #labels .label-item:nth-child(8) .text,.earth-box #labels .label-item:nth-child(9) .text { left: auto; right:100%;}
.earth-box #labels .label-item:nth-child(8) .text { bottom: calc(100% + 10px);}
.earth-box #labels .icon {
  background: url(../images/addIcon.png) no-repeat center;
  background-size: 100%;
  width: 0.885vw;
  height: 1.094vw;
  margin-left: auto;
  margin-right: auto;
}
.inFlex { display: flex; justify-content: space-between; align-items: center;}
.service { padding: .5rem 0;}
.descArt h2 { font-size: var(--font36); color:#222222; font-weight: bold; line-height: 1.625; margin-bottom: .2rem;}
.descArt h3 { font-size: var(--font18); font-weight: bold; line-height: 1.44; margin-bottom: .1rem;}
.descArt p { font-size: var(--font18); color: #222222; line-height: 1.44;}
.serviceList { margin-top: .3rem;}
.serviceList ul { flex-wrap: wrap; display: flex; gap: .3rem .2rem;}
.serviceList li { border-radius: .2rem .2rem 0 0; overflow: hidden; width: calc((100% - .2rem)/2); display: flex;}
.serviceIcon {background: linear-gradient(180deg, #21B4AB 0%, rgba(33, 180, 171, 0) 100%); width: .76rem; padding: .2rem .15rem;}
.serviceDesc {min-height: 300px; flex: 1; padding: .2rem .1rem .15rem;background: linear-gradient(180deg, #E1FCFC 0%, rgba(255, 255, 255, 0) 100%);}
.serviceDesc h2 { font-size: var(--font24); line-height: 1.45; margin-bottom: .1rem; font-weight: bold; color: #222222;}
.serviceDesc h3 { margin-bottom: 1em; font-size: var(--font14); color:#222222; line-height: 1.44;}
.serviceDesc p { padding-left:15px; position: relative; font-size: var(--font14); color: #222222; line-height: 1.44; margin-bottom: 1em;}
.serviceDesc p::before { content: ''; position: absolute; left: 5px; width: 3px; height: 3px; background: #222222; position: absolute; left: 0; top: .72em; transform: translateY(-50%); border-radius: 50%;}
.serviceDesc p:last-child { margin-bottom: 0;}
.contactCell { background: url(../images/cellbanner.jpg) right center no-repeat; background-size: cover; padding: .4rem 0 .4rem; min-height: 267px;
 display: flex; align-items: center;}
.cellCont { width: 700px; max-width: 100%;}
.cellCont h2 { font-weight: bold; font-size: var(--font24); color: #1d295d; margin-bottom: .2rem;}
.decenFlex { align-items: center; display: flex; justify-content: space-between;}
.decenInfor { padding: .9rem 0; width: 51.1%;}
.decenInfor h2 { font-size: var(--font36); color:#222222; font-weight: bold; line-height: 1.625; margin-bottom: .2rem;}
.decenInfor h3 { font-size: var(--font18); font-weight: bold; line-height: 1.44; margin-bottom: .1rem;}
.decenInfor p { font-size: var(--font18); color: #222222; line-height: 1.44;}
.decSwiper .swiper { width: 100%; height:720px;}
.decSwiper { width: 40.9%;}
.decSwiper .swiper .swiper-slide { display: flex; justify-content: center; align-items: center;}
.decType { margin: .6rem 0;}
.decType span { font-weight: bold; position: relative; display: block; margin-bottom: .2rem; transition: all .4s; color: #666666; cursor: pointer; padding-left: 18px; font-size: var(--font24); line-height: 1.44;}
.decType span:last-child { margin-bottom: 0;}
.decType span::before { content: ''; transition: all .4s; border-radius: 50%; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.decType span.cur::before { background: #21B4AB;}
.decType span.cur { color: #222222;}
.descCont { background: rgba(255,255,255,.7); padding: .6rem; border-radius: .42rem;backdrop-filter: blur(7px);}
.descCont p {font-size: var(--font18); color: #222222; line-height: 1.44; margin-bottom: 1em;}
.descCont p b { font-weight: bold;}
.decentralized { position: relative;}
.decentralized::after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width:47%; background:url(../images/decenBg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.throughDesc {font-size: var(--font18); line-height: 1.44; color: #222222;}
.throughDesc b { font-weight: bold;}
.lifecycle_1 { padding: .5rem 0;}
.throughList { margin-top: .3rem;}
.throughList li img { width: 100%; display: block; transition: all .8s; object-fit: cover;position: relative;aspect-ratio: 248 / 100;}
.throughList li:hover img {transform: scale(1.1);}
.throughImg { margin-bottom: .1rem; overflow: hidden;}
.throughList ul { gap: .2rem; display: flex;}
.throughList li { flex: 1;}
.throughList li h2 { font-size: var(--font24); line-height: 1.44; font-weight: bold; color: #222222; margin: 0 0 .1rem;}
.throughList li p { font-size: var(--font18); line-height: 1.44; color: #222222;}
.lifecycle_2 {background: radial-gradient(50% 42% at 82% 93%, #364FB9 7%, #367CB9 36%, #36ACB9 48%, #E1FCFC 100%); padding: .5rem 0 .7rem;}
.refurbishementInt h2 { margin-bottom: .2rem; font-size: var(--font36); font-weight: bold; line-height: 1.44;}
.refurbishementInt h3,.globanNetwork h2,.scenarios h2{ font-size: var(--font24); font-weight: bold; line-height: 1.44; margin-bottom: .1rem;}
.refurbishementInt p { font-size: var(--font18); line-height: 1.44;}
.refurbishementInt { margin-bottom: .5rem;}
.processDesc h2{ font-weight: bold; font-size: var(--font24); line-height: 1.44; margin-bottom: .2rem;}
.processFlex { display: flex; justify-content: space-between; gap: .2rem;}
.processMenu { gap: .3rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: rgba(255,255,255,.7); border-radius: .42rem; padding: 0 .3rem;}
.processMenu p { gap: .1rem; display: flex; align-items: center; font-weight: bold; font-size: var(--font18);}
.processMenu span { font-weight: bold; color: #ffffff; width: 28px; height: 28px; font-size: var(--font18); background: #222222; text-align: center; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.processRight { flex: 1; display: flex; flex-wrap: wrap; gap: .1rem;} 
.processMenu { width: 30.30%;}
.processSlide { gap: .1rem; display: flex; align-items: center; padding: .5rem 0 .5rem .2rem; width: calc((100% - .1rem)/2);background: rgba(255, 255, 255, 0.7); border-image: linear-gradient(112deg, rgba(255, 255, 255, 0.6) 2%, #FFFFFF 27%, rgba(255, 255, 255, 0.6) 98%) 1;backdrop-filter: blur(7px);}
.processSlide h3 { max-width: 42%; font-weight: bold; font-size: var(--font18); line-height: 1.44;}
.processSlide p { position: relative; padding-left: 10px; font-size: var(--font18); line-height: 1.44;}
.processSlide p::before { content: ''; position: absolute; left: 0; top: .72em; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #222222;}
.processSlide span { display: block;font-size: var(--font18); line-height: 1.44;}
.processSlide:nth-child(1) { border-radius: .42rem .42rem 0 .42rem;}
.processSlide:nth-child(2)  { border-radius: .42rem .42rem .42rem 0;}
.processSlide:nth-child(3)  { border-radius: .42rem 0 .42rem .42rem;}
.processSlide:nth-child(4)  { border-radius: 0 .42rem .42rem .42rem;}
.globanNetwork { margin-top: .7rem;}
.globanNetwork ul { padding: .7rem 0; display: flex; justify-content: space-between;background: rgba(255, 255, 255, 0.7);border-image: linear-gradient(98deg, rgba(255, 255, 255, 0.6) 2%, #FFFFFF 27%, rgba(255, 255, 255, 0.6) 98%) 1;
backdrop-filter: blur(7px); border-radius: .42rem;}
.globanNetwork li { position: relative; flex: 1; gap: .1rem;  display: flex; align-items: center; justify-content: center;}
.globanNetwork li img { width: clamp(30px,.46rem,46px);}
.globanNetwork li p {font-weight: bold; font-size: var(--font18);}
.globanNetwork li::after { content: ''; position: absolute; right: 0; height: 100%; top: 0; width: 1px; background: #AABEBE;}
.globanNetwork li:last-child::after { display: none;}

.digitalType { margin-top: .4rem;display: flex; align-items: center; gap: .6rem;}
.digital .refurbishementInt { margin-bottom: 0;}
.digitalType span{ transition: all .4s; position: relative; cursor: pointer; display: block; padding-bottom: .1rem; font-size: var(--font24); line-height: 1.44; color: #666666; font-weight: bold;}
.digitalType span::after { content: ''; position: absolute; height: 3px; width: 0; transition: all .4s; left: 0; bottom: 0; background: #21B4AB;}
.digitalType span.cur { color: #21B4AB;}
.digitalType span.cur::after { width: 100%;}
.digitalDesc { padding: .5rem 0 .4rem;}
.digitalGroup { background: #E1FCFC;}
.digitalDesc h2 { font-size: var(--font36); line-height: 1.44; font-weight: bold; margin: 0 0 .2rem;}
.digitalDesc p {font-size: var(--font18); line-height: 1.44;}
.coreModules h2 { font-size: var(--font24); line-height: 1.44; font-weight: bold; margin: 0 0 .2rem;}
.coreModules ul { gap: .2rem; display: flex; flex-wrap: wrap;}
.coreModules li { width: calc((100% - .2rem)/2); border-radius: .42rem; box-sizing: border-box; background: rgba(255,255,255,.7); padding:.4rem; border: 1px solid #ffffff;}
.coreModules h3,.scenarios li h3 { margin-bottom: .1rem; display: flex; align-items: center; gap: .1rem; font-weight: bold; font-size: var(--font18);}
.coreModules h3 img { display: block; width: .46rem;}
.coreModules p { position: relative; padding-left: 20px; font-size: var(--font18); line-height: 1.44;}
.coreModules p::before { content: ''; position: absolute; left: 5px; top: .72em; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #222222;}
.scenarios { margin-top: .4rem;}
.scenarios ul { display: flex; gap:.2rem;}
.scenarios li { border-radius: .42rem; box-sizing: border-box; padding: .4rem; width: calc((100% - .4rem)/3);background: rgba(255,255,255,.7);}
.scenarios li p {font-size: var(--font18); line-height: 1.44;}
.digitalSlide { padding-bottom: .5rem;}
.whyChose { padding: .85rem 0;}
.choseFlex { display: flex; justify-content: space-between; align-items: center;}
.choseText { width: 43.78%;}
.choseImg { width: 52.42%;}
.choseImg img { display: block; border-radius: .42rem; width: 100%; height: 100%; object-fit: cover;}
.choseText li { margin-bottom: .16rem;}
.choseText li:last-child { margin-bottom: 0;}
.choseText h2 { font-weight: bold; font-size: var(--font36); line-height: 1.44; margin-bottom: .3rem;}
.choseText p { font-size: var(--font18); line-height: 1.44; font-weight: bold;}
.choseText span { font-size: var(--font18); line-height: 1.44;}
.offerings { padding: .6rem 0;}
.offerings h2 { font-weight: bold; text-align: center; font-size: var(--font36); line-height: 1.44; margin-bottom: .7rem;}
.offerings ul { display: flex; gap: .2rem;}
.offerings li { flex: 1; box-sizing: border-box; border: 1px solid #21B4AB; border-radius: .6rem 0 .6rem 0; padding: .14rem .1rem; text-align: center;}
.offerings li h3 { font-weight: bold; font-size: var(--font24); line-height: 1.44; height: 4.32em; margin-bottom: 5px; margin-top: .2rem;}
.offerings li p { font-size: var(--font18); line-height: 1.44;}
.offerings li img { display: block; margin: 0 auto; width: clamp(30px,.78rem,78px);}
.cellWhy { background: url(../images/cellwhy.png) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1.86rem 0 1.73rem;}
.cellText { width:754px; max-width: 100%;}
.cellText h2 {font-size: var(--font36); line-height: 1.44; font-weight: bold; color: #ffffff; margin-bottom: .3rem;}
.cellText p { position: relative; color:#ffffff; padding-left: 10px; font-size: var(--font18); line-height: 1.44;}
.cellText p::before { content: ''; position: absolute; left: 0; top: .72em; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #ffffff;}
.oneStop { padding: .5rem 0 .72rem;}
.oneStop h2 { margin-bottom: .45rem;font-size: var(--font36); line-height: 1.44; font-weight: bold; text-align: center;}
.stopFlex { display: flex; justify-content: space-between; gap: .2rem;}
.stopLeft { background: #D5E5FD; display: flex; flex-direction: column; justify-content: space-between; border-radius: .4rem; width: 32.19%; }
.stopLeft .stopText { text-align: center; padding: .6rem .26rem 0;}
.stopText h3 { font-weight: bold; font-size: var(--font24); line-height: 1.44; margin-bottom: .16rem;}
.stopText p {font-size: var(--font18); line-height: 1.44;}
.stopRight { flex: 1; display: flex; gap: .2rem; flex-wrap: wrap;}
.stopSlide {background: #D5E5FD; text-align: center; border-radius: .4rem; padding: .3rem .48rem 0; width: calc((50% - .1rem));}
.stopSlide:last-child { align-items: center; padding: .15rem .72rem; width: 100%; display: flex; justify-content: space-between;}
.stopSlide:last-child .stopText { width:46%; padding: 0;}
.stopSlide img { margin: -.2rem auto; display: block;}
.stopLeft .stopImg { margin-bottom: -.4rem;}
.stopSlide:last-child img { margin: 0;}
.diffcultFlex { background: url(../images/lineBg.png) center no-repeat; display: flex; justify-content: space-between; align-items: center;}
.diffcultText { width:60%;}
.diffcultText h2 {font-size: var(--font36); line-height: 1.44; font-weight: bold; margin-bottom: .45rem; }
.diffcultImg {flex:1;}
.diffcultImg img { display: block; width: 100%;}
.page-banner .inText { width: 60%;}
.page-banner .inText h2 { margin-bottom: .3rem; line-height: 1.44;}
.roboticFlex { margin-bottom: .5rem; align-items: center; display: flex; justify-content: space-between;}
.solutionCont { position: relative;}
.solutionMenu { transition: all .4s; position: absolute; z-index: 10; left: 0; top: .6rem; width:100%;}
.solutionMenu.stickyPos{ position: fixed; top: 0; background: #ffffff;}
.show-header .solutionMenu.stickyPos { top: 84px;}
.solutionMenu .container { position: relative; gap: .6rem; display: flex;}
.solutionMenu .swiper { width: 100%; margin-right:30px;}
.solutionMenu .swiper-button-prev {left: -30px; color: #333333;}
.solutionMenu .swiper-button-prev::after { font-size: var(--font18);}
.solutionMenu .swiper-button-next {right: 0; color: #333333;}
.solutionMenu .swiper-button-next::after { font-size: var(--font18);}
.solutionMenu .swiper-button-disabled { opacity: 0;}
.solutionMenu .swiper-slide { width: auto; transition: all .4s; position: relative; padding: .24rem 0; line-height: 1.44; cursor: pointer; display: block; color: #666666; font-weight: bold; font-size: var(--font24);}
.solutionMenu .swiper-slide::after { content: ''; position: absolute; height: 3px; width: 0; transition: all .4s; left: 0; bottom: 0; background: #21B4AB;}
.solutionMenu .swiper-slide.cur::after { width: 100%;}
.solutionMenu .swiper-slide.cur,.solutionMenu .swiper-slide:hover { color: #21B4AB;}
.solutionSlide { padding:0 0 .6rem;}
.solutionSlide>a { padding-top: .9rem; display: block;}
.solutionSlide:nth-child(1)>a { padding-top: 1rem;}
.solutionSlide:nth-child(1) { padding-top: 1rem;}

.solutionSlide:nth-child(1) { background: radial-gradient(50% 42% at 82% 93%, #364FB9 7%, #3690B9 44%, #E1FCFC 100%); border-radius: .4rem; margin: -.4rem auto 0;}
.solutionPage { position: relative; z-index: 2;}

.roboticText h2 {margin-bottom: .24rem;font-size: var(--font36); line-height: 1.44; font-weight: bold;}
.roboticText li h3 {font-size: var(--font18); line-height: 1.44; font-weight: bold;}
.roboticText li:not(:last-child) { margin-bottom: .16rem;}
.roboticText li p {font-size: var(--font18); line-height: 1.44;}
.roboticText li span { position: relative; display: block; padding-left: 10px; font-size: var(--font18); line-height: 1.44;}
.roboticText li span::before { content: ''; position: absolute; left: 0; top: .72em; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #222222;}
.roboticText { width: 59.46%;}
.roboticImg { transition: all .8s; width: 37.87%; overflow: hidden; border-radius: .2rem;}
.roboticImg img { width: 100%; aspect-ratio: 500 / 296; transition: all .8s; display: block;}
.roboticImg:hover img{ transform: scale(1.1);}
.roboticImg:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.solutionSlide .coreModules li {border-radius: .2rem;}
.solutionSlide .coreModules li p{ padding: 0;}
.solutionSlide .coreModules li p::before { display: none;}

.solutionSlide:nth-child(2) .coreModules li,.solutionSlide:nth-child(4) .coreModules li {box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1);}

.solutionBg1 { background: url(../images/bick.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.whiteFlow { color: #ffffff;}
.whiteFlow .coreModules li { color:#222222;backdrop-filter: blur(7px);}
.flowBg5 { background: url(../images/solutionImg5.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.whiteFlow .roboticText li span:before,.whiteCont .roboticText li span:before{ background: #ffffff;}
.whiteCont { color: #ffffff;}
.whiteCont .coreModules li { background: rgba(0,0,0,0.6); border: none;}
.joinBanner { height: 550px;}
.joinBanner .inText { width:100%;}
.joinBanner .inText p { max-width: 100%; width: 690px; line-height: 1.38;}
.joinMail { padding: .7rem 0;}
.joinMail a { transition: all .4s; font-weight: bold; font-size: var(--font36); line-height: 1.44;}
.joinMail a:hover { color: #21B4AB;}
.joinTable { background: #E1FCFC; padding: 10px 0;}
.tableCont table {border-collapse: collapse;}
.tableCont th {border-collapse: collapse; min-width: 2rem; background: rgba(255,255,255,.6); font-size: var(--font18); line-height: 1.44; font-weight: bold; padding: .17rem 0; border: 1px solid #A7D5E8;}
.tableCont td {border-collapse: collapse; min-height: 700px; padding: 25px 10px; border: 1px solid #A7D5E8;font-size: var(--font18); background: rgba(255,255,255,.6);}
.tableCont td:nth-child(1),.tableCont td:nth-child(2) { text-align: center;}
.tableCont td:nth-child(1) { font-weight: bold;}
.tableCont tr:nth-child(2) td {border:none; background: none; padding: 0; height: 10px;}
.aboutFlex { position: relative; z-index: 2; width: 1347px; max-width: calc(100% - 200px); margin: 0 auto; align-items: center; padding: 1.7rem .55rem .4rem;background: rgba(255, 255, 255, 0.7); border-radius: .42rem; display: flex; justify-content: space-between;}
.aboutArt { width: 51.66%;}
.aboutArt h2 { font-weight: bold; font-size: var(--font36); line-height: 1.44; margin-bottom: .2rem;}
.aboutArt p { font-size: var(--font18); line-height: 1.44;}
.aboutImg { width: 35%;}
.aboutImg img { display: block; width: 100%;}
.growCont { background: url(../images/growCont.jpg) center no-repeat; background-size: cover; padding: 2.9rem 0;
margin: -.2rem auto 0;}
.growSwiper { width: 1365px; position: relative; margin: 0 auto; color: #ffffff; max-width: calc(100% - 200px); background: rgba(0,0,0,0.4); padding: .5rem 0; overflow-x: auto;}
.growSwiper ul {  vertical-align: top; white-space: nowrap;}
.growSwiper ul::after { content: ''; clear:both; display: block; height: 0;}
.growSwiper li {flex-direction:column-reverse; vertical-align: top; display: inline-flex; align-items: start; white-space: normal;}
.growYear { position: relative; z-index: 2; font-weight: bold; font-size: var(--font18);  width: 74px; height: 74px; border-radius: 50%; }
.growYear span { border-radius: 50%; font-weight: bold; position: relative; z-index: 2; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
.growYear::after { content: ''; width: 96px; height: 96px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.3);
border-radius: 50%; z-index: -1;}
.growSwiper li:nth-child(1) { padding-top: 44px;}
.growSwiper li:nth-child(1),.growSwiper li:nth-child(3){ flex-direction: column;}
.growSwiper li:nth-child(1) .growYear  {margin-left: .24rem;}
.growSwiper li:nth-child(1) .growYear span{background: #00D2AC; }
.growSwiper li:nth-child(2) .growYear span{background: #E1921D;}
.growSwiper li:nth-child(3) .growYear span{background: #F1501A;}
.growSwiper li:nth-child(4) .growYear span{background: #2984EC;}
.growSwiper li:nth-child(5) .growYear span{background: #00D2AC;}
.growSwiper li:nth-child(6) .growYear span{background: #2984EC;}
.growSwiper .swiper-slide { position: relative; width: auto; padding-bottom: 50px;}
.growDesc { padding: 13px; border-radius: .2rem;}
.growDesc h2 { margin-bottom: 8px; font-size: 18px; font-weight: bold;}
.growDesc p { font-size: var(--font12); line-height: 1.8; position: relative; padding-left: 10px;}
.growDesc p:before { content: ''; position: absolute; left: 4px; width: 2px; height: 2px; border-radius: 50%; background: #ffffff;
top: .8333em; transform: translateY(-50%);}
.growSwiper li h3 { color: #ffffff; font-size: var(--font12);}
.growSwiper li:nth-child(2) { flex-direction: column-reverse;padding-top:253px; margin-left: 25px;} 
.growSwiper li:nth-child(1) .growDesc { margin-bottom: 44px; width: 214px; background: rgba(0, 210, 172, 0.6);}
.growSwiper li:nth-child(1) .growYear { margin-left: 35px;}
.growSwiper li:nth-child(2) .growDesc { margin-bottom: 44px; width: 214px; background: rgba(225, 146, 29, 0.6);}
.growSwiper li:nth-child(2) .growYear { margin-bottom: 32px;}
.growSwiper li:nth-child(3) { margin-left: -96px;}
.growSwiper li:nth-child(3) .growDesc { margin-bottom: 41px; width: 255px; background: rgba(241, 80, 26, 0.6);}
.growSwiper li:nth-child(3) .growYear { margin-left: 158px;}
.growSwiper li:nth-child(4) { padding-top: 307px; flex-direction: column-reverse; margin-left: 63px;}
.growSwiper li:nth-child(4) .growYear { margin-left: 55px; margin-bottom: 70px;}
.growSwiper li:nth-child(4) .growDesc { width: 212px; background:rgba(41, 132, 236, 0.6)}
.growSwiper li:nth-child(5) { margin-left: 80px; padding-top: 225px;}
.growSwiper li:nth-child(5) .growYear { margin-bottom: 32px;}
.growSwiper li:nth-child(5) .growDesc { background: rgba(0, 210, 172, 0.6); width: 211px;}
.growSwiper li:nth-child(6) { margin-left: 80px; padding-top: 191px;}
.growSwiper li:nth-child(6) .growYear { margin-bottom: 32px;}
.growSwiper li:nth-child(6) .growDesc { background: rgba(41, 132, 236, 0.6); width: 212px;}
.postLine { position: absolute; top:220px; width: 100%; left: 43px; height: 162px; background: url(../images/growLine.png) center no-repeat; background-size: 100% 100%;}
.growYear:before { content: ''; position: absolute; top: 0; width: 1px; left: 50%; transform: translate(-50%,-100%); height: 44px; background: #ffffff;}
.growSwiper li:nth-child(2) .growYear:before { top: auto; bottom: 0;transform: translate(-50%,100%); height: 32px;}
.growSwiper li:nth-child(3) .growYear:before { height: 41px;}
.growSwiper li:nth-child(4) .growYear:before { top: auto; bottom: 0;transform: translate(-50%,100%); height: 70px;}
.growSwiper li:nth-child(5) .growYear:before { top: auto; bottom: 0;transform: translate(-50%,100%); height: 32px;}
.growSwiper li:nth-child(6) .growYear:before { top: auto; bottom: 0;transform: translate(-50%,100%); height: 32px;}
.growSwiper .swiper-scrollbar { bottom: 10px; pointer-events: none; opacity: 1!important; width: 100%; height: 4px; background: rgba(255,255,255,.4);}
.growSwiper .swiper-scrollbar-drag { background: #ffffff;}
.growSwiper::-webkit-scrollbar { height: 2px; width:2px;}
.growSwiper::-webkit-scrollbar-track { background: rgba(255,255,255,.4);}
.growSwiper::-webkit-scrollbar-thumb { background: #ffffff;}
.cultureCont { width: 1166px; gap: 2.57rem; display: flex; align-items: center; justify-content: center; max-width: 92%; margin: 0 auto;}

.culture { padding: .88rem 0;}
.cultureTitle { font-weight: bold; font-size: var(--font36);}
.cultureInfor h2 { font-size: var(--font26); text-align: center; font-weight: bold; line-height: 1.44; margin-bottom: .37rem;}
.cultureList { display: flex; justify-content: center; align-items: center; gap: .2rem;}
.cultureList span { transition: all .4s; position: relative; display: inline-flex; font-size: var(--font24); padding: .11rem 0;}
.cultureList span:before { z-index: -1; transition: all .4s; content: ''; position: absolute; left: 5px; right: 5px; top: 0; height: 1px; background: #222222;}
.cultureList span:after { z-index: -1; transition: all .4s; content: ''; position: absolute; left: 5px; right: 5px; bottom: 0; height: 1px; background: #222222;}
.cultureList i { display: block; border-radius: 50%; width: 3px; height: 3px; background: #222222;}
.cultureList span:hover:before,.cultureList span:hover::after { left: -5px; right: -5px; height: 50%;}
.cultureList span:hover { color: #ffffff;}
.voicePic { position: relative; width: 50.76%;}
.voicePic video { height: 100%; object-fit: cover; position: absolute; width: 117.8%;}
.voiceCont { position: relative;}
.voiceVideo { z-index: -1; position: absolute; width: 65.151515%; left: 39.39%; top: .53rem;}
.voiceVideo video { display: block; width: 100%; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: auto;}
.contactPage { padding: .7rem 0;}
.contactFlex { gap: .8rem; display: flex; justify-content: space-between;}
.contactLeft { width: 46.8%;}
.contactForm { flex: 1;}
.contactForm h2 { font-weight: bold; font-size: var(--font36); line-height: 1.44; margin-bottom: .26rem;}
.contactForm ul { display: flex; flex-wrap: wrap; gap: .1rem .2rem;}
.contactForm li { padding-left: .1rem; display: flex; align-items: center; overflow: hidden; position: relative; box-sizing: border-box; width: calc(50% - .1rem);border: 1px solid #EEEEEE;box-shadow: 0px 4px 10px 0px #F6F7FA;border-radius: 8px;}
.contactForm li.emptyInp { border: 1px solid #aa5d5b;}
.contactForm li span { color: #aa5d5b;}
.contactForm li:nth-child(n + 7) { width: 100%;}
.contactForm li input { color: #333333; width: 100%; border: none; outline: none; text-indent: .1rem; font-size: var(--font18); padding: .15rem 0; line-height: 1.44; background: none;}
.contactForm li select { color: #666666; width: 100%; box-sizing: border-box; padding: .15rem .1rem; line-height: 1.44; font-size: var(--font18); border: none; background: none; outline: none;}
.contactForm li textarea {color: #333333; font-size: var(--font18); background: none; width: 100%; height: 2.95rem; box-sizing: border-box; padding: .15rem .2rem; resize: none; outline: none;}
.selectCont {flex: 1; position: relative;}
.selectCont::after { content: ''; background: url(../images/selectIcon.png) center no-repeat; width: 17px; height: 9px; position: absolute; right: .3rem; top: 50%;
transform: translate(50%,-50%); pointer-events: none;}
.selectCont::before { content: ''; pointer-events: none; background: #ffffff; width: .6rem; position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #eeeeee;}
.contactForm select.cur { color: #333;}
.contactForm li textarea::placeholder,.contactForm li input::placeholder { color: #666666;}
.contactImg { margin-bottom: .36rem; position: relative; width: 85%;}
.contactImg img { display: block; width: 100%; position: relative; z-index: 2;}
.contactImg:before { content: ''; width: 50vw; background: #21b4ab; position: absolute;  height: 100%; left: 0; transform: translateX(-100%);}
.contactInfor p { font-size: var(--font18); line-height: 1.44; margin-bottom: .11rem;}
.contactInfor p:first-child { margin-bottom: .2rem;}
.contactInfor p a { transition: all .4s; font-size: var(--font18); display: flex; align-items: center;}
.contactInfor p img { width: .32rem; margin-right: 7px;}
.contactInfor p a:hover { color: #21b4ab;}
.centerButton { margin-top: .6rem; text-align: center;}
.centerButton button { cursor: pointer; border: none;}
.centerButton button span {padding: .06rem .44rem;}
.contactBanner .inText { width: 51.51%;}
.contactBanner .inText p { font-size: var(--font18); font-weight: normal;}
.mobDescmenu { display: none;}
.mobJoin { display: none;}
.solutionCont { position: relative;}
.solutionBanner a { display: none;}
.partnerPager { background: rgba(255,255,255,.7); border-radius: 0 .4rem 0 0; padding: .8rem 0 .5rem; position: relative; z-index: 2; margin: -1rem auto 0;    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); border: 1px solid #ffffff;}
.power h2,.partnerWork h2 { font-size: var(--font24); font-weight: bold; line-height: calc(1em + .1rem); margin-bottom: .2rem;}
.power p,.partnerWork p { font-size: var(--font18); line-height: 1.44;}
.power { margin-bottom: .6rem;}
.partnerWork { margin-bottom: .2rem;}
.workLeft { display: flex; flex-wrap: wrap; gap: .2rem;}
.workSlide { border-radius: .2rem; overflow: hidden; position: relative;}
.workSlide:nth-child(1),.workSlide:nth-child(4) { color: #ffffff; width: 68%;}
.workSlide:nth-child(2),.workSlide:nth-child(3) {width: calc(32% - .2rem);}
.workSlide:nth-child(2) { background: #E1EBFC;}
.workSlide:nth-child(3) { background: #D8F7E6;}
.workPost h2 { font-size: var(--font18); font-weight: bold; margin-bottom: .1rem; line-height: 1.44;}
.workPost p {font-size: var(--font18);  line-height: 1.44;}
.workLeft { width: 75.7575%;}
.workFlex img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.workPost { z-index: 2; position: absolute; left: 0; top: 0; width: 100%; padding: .35rem;}
.workFlex { margin-bottom: .8rem; display: flex; justify-content: space-between; gap: .2rem;}
.workRight { flex: 1; position: relative; color: #ffffff; overflow: hidden; border-radius: .2rem;}
.workRight img { display: block; width: 100%;}
.workFlex div:hover>img { transform: scale(1.1);}
.contactPartner { position: relative; gap: .4rem;}
.partnerForm { position: sticky; left: 0; top: 0; transition: all .4s; width: 59%; background: #E1FCFC; border-radius: .4rem; padding: .5rem .6rem;}
.partnerForm h2 { font-size: var(--font36); font-weight: bold; line-height: 1.44; margin-bottom: .2rem;}
.partnerForm p a{ font-weight: bold; font-size: var(--font18); line-height: 1.44;}
.partnerForm p { margin-bottom: .2rem;}
.partnerForm>span { display: block;font-size: var(--font18); line-height: 1.44; margin-bottom: .4rem;}
.formBox ul { display: flex; flex-wrap: wrap; gap: .12rem;}
.formBox li { width: 100%; box-sizing: border-box; overflow: hidden; border-radius: .08rem; background: #ffffff; gap: .06rem; align-items: center; border: 1px solid #BAE7E7;box-shadow: 0px 4px 10px 0px #D2F1F1; display: flex; padding: 0 0 0 .2rem;}

.formBox li:nth-child(1),.formBox li:nth-child(2),.formBox li:nth-child(5),.formBox li:nth-child(6) { width: calc(50% - .06rem);}
.formBox li span { line-height: 1; color: #A42E2E; margin: 0;}
.formBox li input { color:#333333; height: clamp(35px,.56rem,56px); border: none; background: none; flex: 1; box-sizing: border-box;}
.formBox li select { width: 100%; color:#666666; outline: none; height: clamp(35px,.56rem,56px); border: none; background: none; flex: 1; box-sizing: border-box;}
.formBox li textarea{ color:#333333; box-sizing: border-box; width: 100%; box-sizing: border-box; resize: none; outline: none; height: 100px; padding: .15rem 0;}
.formBox li textarea::placeholder,.formBox li input::placeholder { color: #666666;}
.formBox li .selectCont { flex: 1;}
.formBox li:nth-child(4) { margin-bottom: .24rem;}
.formBox .centerButton { margin-top: .4rem;}
.contactPartner { gap: .4rem; align-items: start; position: relative; display: flex; justify-content: space-between;}
.partnerWhy { flex: 1;}
.partnerWhy h2 { font-size: var(--font36); font-weight: bold; line-height: 1.44; margin-bottom: .4rem;}
.partnerWhy ul { margin-bottom: 1rem;}
.partnerWhy li,.partnerWhy dt {background: #E1EBFC; padding: .4rem; border-radius: .2rem; margin-bottom: .1rem;}
.partnerWhy li:nth-child(2n) { background: #D8F7E6;}
.partnerWhy li h3 { display: flex; margin-bottom: .14rem; align-items: center; font-weight: bold; font-size: var(--font18);}
.partnerWhy li h3 img { width:clamp(32px,.46rem,46px); display: block; margin-right: .1rem;}
.partnerWhy p { font-size: var(--font18); line-height: 1.44;}
.partnerWhy dt:nth-child(odd) {background: #D8F7E6;}
.partnerWhy dt h3 { display: flex; margin-bottom: .1rem; align-items: center; font-weight: bold; font-size: var(--font18);}
.partnerWhy dt h3 span { font-size: var(--font18); color: #ffffff; width:calc(1em + .1rem); line-height: calc(1em + .1rem); background: #222222;
 margin-right: .1rem; font-weight: bold; border-radius: 50%; text-align: center;}
 .noticeAlt { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,0.5); border-radius: 4px;
 color: #ffffff; padding: .2rem; z-index: 20;}
.formBox li.emptyInp { border: 1px solid #A42E2E;}
@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1600px) {
.swiperBd .swiper-slide-prev { display: flex; justify-content: end;}
.swiperBd .swiper-slide-prev>div { margin: 0;}
.swiperBd .swiper-slide-next { display: flex; justify-content: start;}
.swiperBd .swiper-slide-next>div { margin: 0;}
.swiperBd .swiper-slide-prev { transform-origin:right center;}
.swiperBd .swiper-slide-next { transform-origin: left center;}
:root {
    --header-height:80px;
  }
  .show-header .solutionMenu.stickyPos { top: 80px;}
}

@media screen and (max-width: 1500px) {
.swiperBd .swiper-slide { transform: scale();}
}
@media screen and (max-width: 1440px) {
.swiperBd .swiper-slide-next>div,.swiperBd .swiper-slide-prev>div { margin: 0 auto;}
}
@media screen and (max-width: 1280px) {
	.processList { flex-wrap: wrap;}
	.footerTop { justify-content: center; padding: 30px 15% 20px 0;}
}
@media screen and (max-width: 1200px) {
	.nav li:nth-child(5), .nav li:nth-child(6) { display: block;}
	.show-header .solutionMenu.stickyPos { top: 60px;}
	:root{
		--header-height: 60px; 
	}
	.menuControl { display: none;}
	.langChose { height: var(--header-height);}
	
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a,.nav li dt a{ color: #33416f!important;}
	.searchEnter { background: url(../images/blackSearch.png) center no-repeat; background-size: 100% auto;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 100%; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li {  float: none; margin: 0!important;}
	.nav li h2{border-bottom: 1px solid #DDDDDD; padding-top: 0; justify-content: space-between; padding-right: 20px; position: relative; text-indent: 20px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li h2 i { transition: all .4s;}
	.nav li.act { background: #F1F1F1;}
	.nav li.act h2 i { transform: rotate(180deg);}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #33416f;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.menuControl { margin-right: 40px;}
	.nav li dl { background: none; position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { margin: 0; line-height: 50px; border-bottom: 1px solid #DDDDDD; text-align: left; text-indent:30px;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { flex: 1; line-height: 50px;}
	body { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.langChose h2 { font-size: 14px;}
}
@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center;}
	.searchBox { position: static;}
	
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}

	.contactLink { margin-bottom: 10px;}
	.inBanner { padding: 15px;}
	.inBanner .inFlex{ padding: 0; flex-direction: column-reverse;}
	.inImg { width: 45.33%;}
	.inText { width: 100%;}
	.aboutFlex {max-width: 100%; margin: 25px auto; padding: 0 15px;}
	.growCont { margin: 0 auto;}
	.processList { flex-wrap: wrap;}
}
@media screen and (max-width: 780px){
	.footer { text-align: center;}
	:root{
		--font36:18px
	}
	.footLogo img { height: 20px;}
	
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.whyEarth { width: 320px; height: 320px;}
	.subEwm { width: 100px; top: 40px;}
	.menuControl { gap: 10px;}
	.bannerCont{ flex-direction: column;}
	.banner { padding: 30px 0 0;}
	.bannerImg { width: 80%;}
	.whyCont,.globalCont { padding: 30px 0;}
	.whyFlex { flex-direction: column;}
	.whyText { margin-bottom: .4rem; width: 100%; max-width: 100%;}
	.whyData ul { gap: 10px;}
	.whyData li { width: calc((100% - 20px)/2);}
	.whyText p { width: 100%;}
	.globFlex { flex-direction: column;}
	.globImg { width: 100%;}
	.globText {width: 100%; margin-top: 20px;}
	.smartFlex { flex-direction: column;}
	.smartImg { width: 100%;}
	.solutionArt { position: static; transform: translate(0); width: 100%; padding: 10px 0;}
	.solutionHd { padding: 0 20px; margin-bottom: 10px;}
	.solutionHd .swiper-button-prev { justify-content: start; left: 0;}
	.solutionHd .swiper-button-next { right: 0; justify-content: end;}
	.solutionHd .swiper .swiper-slide, .voiceType span { padding: 5px 0; font-size: 14px;}
	.solutionHd .swiper .swiper-slide::after, .voiceType span:after,.smartType span::after { height: 2px;}
	.voiceFlex { gap: .5rem; flex-direction: column;}
	.voiceImg { width:80%;}
	.voiceText { width: 100%; padding-top: 0;}
	.netFlex { flex-direction: column;}
	.netText { width: 100%;}
	.netImg { width: 100%;}
	.footerTop { max-width: 100%;}
	.processList { flex-wrap: wrap;}
	.footerBottom { flex-direction: column-reverse;}
	.bannerText .more { margin-top: 0; margin-bottom: 20px;}
	.charts { width: 240px; height: 240px;}
	.whyData span { font-size: 12px;}
	.voiceType { overflow-x: auto; justify-content: start;}
	.voiceType span { white-space: nowrap;}
	.footer .container { padding: 0;}
	.footerTop { padding: .4rem 20px;}
	.processList img { width: .4rem;}
	.processList a { font-size: 12px;}
	.processList { gap: .24rem;}
	.footerTop h2 { text-align: left; font-size: .4rem;}
	.footerCenter { flex-direction: column;}
	.footContact a { border: 2px solid #ffffff;}
	.footContact p { font-size: .28rem; padding: 0 20px;}
	.footLink { gap: 0; padding: 0 20px; text-align: left; justify-content: space-between;}
	.linkSlide p a { font-size: 12px;}
	.footSocial img { width: .4rem;}
	.footerBottom { padding-bottom: .3rem;}
	.footerBottom p a { line-height: 1.5; display: block;}
	.footerBottom p span { display: none;}
	body{ overflow-x: hidden;}
	.serviceList li { width: 100%;}
	.serviceList ul { gap: 10px;}
	.serviceDesc h2 { font-size: 14px;}
	.contactCell { background: url(../images/mobCell.jpg) center no-repeat; background-size: cover;}
	.decenFlex { flex-direction: column;}
	.decentralized::after { display: none;}
	.decenInfor { padding: 25px 0 30px; width: 100%;}
	.decenInfor .more { margin-top: 30px;}
	.decSwiper { width: 100%; background: url(../images/decenBg.jpg) center no-repeat; background-size: cover;}
	.decSwiper .swiper { height: 520px;}
	.decSwiper .swiper-slide { padding: 0 15px;}
	.mobDescmenu { display: flex; overflow-x: auto; margin-bottom: 22.5px; justify-content: start; width: 100%; gap: 20px;}
	.mobDescmenu::-webkit-scrollbar { display: none;}
	.mobDescmenu span { transition: all .4s; font-size: 16px; position: relative; white-space: nowrap; font-weight: bold; line-height: 1.44;}
	.mobDescmenu span::after { content: ''; transition: all .4s; position: absolute; bottom: 0; left: 0; width: 0; background: #21b4ab; height: 2px;}
	.mobDescmenu span.cur { color: #21b4ab;}
	.mobDescmenu span.cur::after { width: 100%;}
	.decType { display: none;}
	.throughList ul { flex-wrap: wrap;}
	.throughList li { flex:none; width: calc(50% - .1rem);}
	.throughList li h2 { text-align: center; font-size: 14px;}
	.refurbishementInt h3, .globanNetwork h2, .scenarios h2 { font-size: 14px;}
	.processFlex { flex-direction: column;}
	.processMenu { padding: 45px 15px; width: 100%;}
	.processMenu span { font-size: 12px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center;}
	.processSlide { min-height: 190px; padding: 15px 10px; flex-direction: column; justify-content: start; align-items: start;}
	.processSlide h3 { max-width: 100%;}
	.globanNetwork li { box-sizing: border-box; padding:0 15px; flex-direction: column;}
	.globanNetwork img { width: 23px!important; height: 23px;}
	.globanNetwork li::after { height: 23px; top: calc(23px + .1rem);}
	.coreModules li { width: 100%;}
	.scenarios ul { flex-wrap: wrap;}
	.scenarios li { width: 100%;}
	.choseFlex { padding: 0 30px; flex-direction: column;}
	.choseText { width: 100%;}
	.choseImg { margin-top: 15px; width: 100%;}
	.whyChose { padding: 25px 0;}
	.inText h2 { font-size: 30px; line-height: 1.36; margin-bottom: 10px;}
	.offerings ul { flex-wrap: wrap; gap: 10px;}
	.offerings li { text-align: left; box-sizing: border-box; padding: 10px; flex: none; width: calc((100% - 10px)/2);}
	.offerings li img { display: block; margin: 0 auto 10px; width: 40px;}
	.offerings li h3 { font-size: 14px;}
	.cellWhy { padding: 40px 0;}
	.stopFlex { flex-direction: column;}
	.stopLeft { width: 100%;}
	.stopText p { text-align:left;}
	.stopLeft .stopImg { margin: -1rem 0;}
	.stopSlide { padding: 25px 10px;}
	.stopSlide:last-child { padding: 25px 10px; flex-direction: column;}
	.stopSlide:last-child .stopText { width: 100%;}
	.stopSlide:last-child img { width: 48%;}
	.diffcultFlex { background: none; flex-direction: column; padding: 0;}
	.diffcultText { width: 100%; padding: 20px 20px 40px;}
	.diffcultImg { padding-left: 55px;}
	.diffcultImg { background: url(../images/lineBg.png) center no-repeat; background-size: auto 100%;}
	.roboticFlex { margin-bottom: 10px; flex-direction: column;}
	.roboticText { width: 100%; margin-bottom: 15px;}
	.roboticImg { width: 100%;}
	.mobJoin { display: block; background: #E1FCFC;}
	.joinTable { display: none;}
	.mobJoin h2 { padding: 15px; border-bottom: 1px solid #CEEAEA; display: flex; align-items: center; justify-content: space-between; font-weight: bold; font-size: 16px;}
	.mobJoin h2 img { transition: all .4s; width: 22px; display: block;}
	.joinBanner { height: auto; padding: 15px 0;}
	.jobSub { border-bottom: 1px solid #CEEAEA; padding:20px 15px; display: none;}
	.jobSlide:not(:last-child) { margin-bottom: 20px;}
	.jobSlide h3 { font-weight: bold; font-size: 16px; margin-bottom: 10px;}
	.jobSlide p { font-size:14px; line-height: 1.46;}
	.joinMail { padding: 30px 0;}
	.mobJoin li.act h2 img {transform: rotate(180deg);}
	.aboutFlex { flex-direction: column;}
	.aboutArt { width: 100%; margin-bottom: 15px;}
	.aboutImg { width: 100%;}
	.growCont { padding: 15px 30px;}
	.growSwiper { background: none; width: 100%; max-width: 100%;}
	.growSwiper li { gap: 15px; padding: 0 0 0 5px!important; margin: 0 0 10px!important; flex-direction:row-reverse!important; display: flex;}
	.postLine {display: none;}
	.cultureCont { gap: 20px; flex-direction: column;}
	.growYear { width: 40px; height: 40px; font-size: 12px;}
	.growYear::after { width: 50px; height: 50px;}
	.growDesc { width: auto!important; flex: 1; margin:0!important}
	.growYear { margin: 0!important;}
	.growYear:before { width: 15px; height: 1px!important; right: 0; left: auto; top: 50%!important; transform: translate(100%,-50%)!important;}
	.growDesc h2 { font-size: 14px;}
	.page-banner { height: auto; padding: 30px 15px;}
	.contactBanner .inText { width: 100%;}
	.contactFlex { flex-direction: column; gap: 25px;}
	.contactLeft { width: 100%;}
	.contactForm li { width: 100%;}
	.contactForm h2 { text-align: center;}
	.contactForm { padding: 0 15px;}
	.selectCont::after { width: 8.5px; height: 4.5px; background-size: 100% auto;}
	.page-banner .inFlex { padding: 0; width: 100%;}
	.page-banner .inText { width: 100%;}
	.solutionBanner a { display: inline-flex; margin: 10px 0 70px;}
	.solutionMenu .swiper-slide::after { height: 2px;}
	.solutionMenu .swiper-slide { padding: 5px 0;}
	.solutionSlide:nth-child(1)>a{ display: block; padding-top:70px;}
	.solutionSlide:nth-child(1) { padding-top: 0;}
	.solutionMenu { top: 20px;}
	.voiceVideo { bottom: 0; top: auto; width: 100%; left: 0;}
	.voiceVideo video { width: 100%;}
	.footLink { margin-top: 20px;}
	.whyCont { top: -240px; overflow: hidden;}
	.workFlex { flex-direction: column;}
	.workLeft { flex-direction: column;}
	.workLeft .workSlide{ width: 100%;}
	.contactPartner { flex-direction: column;}
	.partnerForm { position: static; width: 100%; padding: 20px;}
	.formBox li { width: 100%!important;}
	.partnerWhy ul { margin-bottom: 20px;}
	.workLeft { width: 100%;}
	.workSlide { height: 100px;}
	.workRight { height: 100px; flex: none;}
	.partnerPager { margin-top: -20px;}
	.partnerBanner.page-banner .inText { width: 100%;}
	.workFlex { margin-bottom: 20px;}
	.earth-box { height: 320px;}
	.solutionMenu .swiper-button-prev { left: 0;}
	.solutionMenu .swiper { margin: 0 10px;}
	.inText p { font-weight: normal;}
	.growSwiper .swiper-slide { width: 100%;}
	.growSwiper ul {padding-top: 20px;}
}