@charset "utf-8";
/* ============ 设计令牌 ============ */
:root {font-size: 16px;
--c-brand: #4f46e5;
--c-brand-600: #4338ca;
--c-brand-700: #3730a3;
--c-accent: #06b6d4;
--c-accent-2: #683BF2;
--c-ink: #0f172a;
--c-ink-2: #334155;
--c-muted: #5b6b82;
--c-muted-a: #94a3b8;
--c-line: #e2e8f0;
--c-bg: #ffffff;
--c-bg-div: #f8fafc;
--c-bg-deep: #0b1020;
--service-card-base: #683BF2;
--service-card-black: #18191c;
--c-footer: #cbd5e1;
--glorify-base: #683BF2;
--glorify-base-rgb: 255, 255, 255;
--glorify-gray: #fff;
--glorify-bdr-radius: 10px;
--glorify-primary: #fff;
--glorify-primary-rgb: 255, 255, 255;
--radius: 18px;
--radius-sm: 12px;
--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.05);
--shadow-md: 0 12px 32px rgba(15,23,42,.10);
--shadow-lg: 0 24px 60px rgba(79,70,229,.18);
--ease: cubic-bezier(.22,.61,.36,1);
--font: "思源黑体","Nunito","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--fontsize-16:clamp(15px,0.88vw,17px);
--fontsize-18:clamp(16px,0.9375vw,21px);
--fontsize-21:clamp(16px,1.094vw,24px);
--fontsize-24:clamp(21px,1.25vw,26px);
--fontsize-28:1.458vw;
--fontsize-36:1.875vw;/*36/19.2,@media:7.5,@media:3.75*/
--fontsize-h1:2.5vw;
--fontsize-h3:1.875vw;
}

* { box-sizing: border-box; margin: 0; padding: 0;outline: none;}
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%;  outline: none;}
body {font-family: var(--font); color: var(--c-ink); background: var(--c-bg); line-height: 1.7; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
a { color: inherit; text-decoration: none; outline: none;}
img { max-width: 100%; display: block; outline: none;}

.container {max-width: 90%; width: 100%; margin: 0 auto; padding: 0 0.5rem; }
.section {padding: 2rem 0; }
.section--bgc { background: var(--c-bg-div); }
.v-hidden {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-word;}
/* ============ public ============ */
h1, h2, h3 { line-height: 1.25;}

.mb-r2{margin-bottom: 2rem;}
.shadow5 {box-shadow: 0 .125rem .25rem rgba(33,37,41, .075);}
.section-mg{ margin:calc(60vw/16) 0 5px;}
.section-title { font-size: var(--fontsize-h1); font-weight: 500;}
.section-sub { color: #797b81; font-size: var(--fontsize-18); font-weight: 300; margin-bottom: 2rem;}
.section-head { text-align: center; margin-bottom: 56px; }
.section-head .section-sub { margin-left: auto; margin-right: auto; }
section{padding-top: calc(30vw/16); padding-bottom: calc(30vw/16);}
section:first-of-type{padding-top: calc(60vw/16);}
section:last-of-type{padding-bottom: calc(60vw/16);}
/* ============ 按钮 ============ */
.btnbtn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: none; cursor: pointer; font-size: 16px; font-weight: 400; border-radius: 999px; padding: 14px 28px; transition: .28s; font-family: inherit;}
.btnbtn-primary { background: linear-gradient(120deg, #4f46e5 0%, #7c3aed 55%, #8b5cf6 100%); color: #fff; box-shadow: 0 14px 30px -10px rgba(109, 80, 242, .55);}
.btnbtn-primary:hover {transform: translateY(-2px); box-shadow: 0 20px 38px -12px rgba(109,80,242,.6);}
.shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.btn--primary { background: var(--c-brand); color: #fff; box-shadow: var(--shadow-md); }
.btn--primary:hover { background: var(--c-brand-600); transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.btn--ghost { background: rgba(255,255,255,.9); color: var(--c-brand); border-color: rgba(79,70,229,.25); }
.btn--ghost:hover { border-color: var(--c-brand); transform: translateY(-2px); }
.btn--outline { background: transparent; color: var(--c-ink); border-color: var(--c-line); }
.btn--outline:hover { border-color: var(--c-brand); color: var(--c-brand); transform: translateY(-2px); }
.btn--lg { padding: 16px 34px; font-size: 16px; }
/* top-bar */
.header{position:fixed;z-index:999;padding:0 2%; width: 100%; background: transparent;transition: background-color 1s ease, border-color 0.4s ease, padding 0.4s ease;;border-bottom: 1px solid rgba(255, 255, 255, 0.25); display: flex;justify-content: space-between;align-items: center; }
.header::before {/* content: ""; */position: absolute; top: 0;left: 0;width: 100%;height: 0;transition: all 0.48s; background: #fff;z-index: -1;}
.header.fixed {background: linear-gradient(135deg, #271273, #1f3c8d, #0096ff99); transition: .5s all;-webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);/*磨砂色*/}
.header.fixed{animation:headerSlideDown 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);}
@keyframes headerSlideDown {
  0% {
  transform: translateY(-100%);
}
100% {
  transform: translateY(0);
}
}
.headLogo {flex: 0 0 15%; max-width: 15%;}
.headLogo img {height:44px;}
.headLogo_r {display: none;}
.headRig {flex: 0 0 68%; max-width: 68%;}
.headRig ul,.sjj_nav ul,.modal-text ul,.footer-grid .footer-col ul {list-style: none; outline: none;margin: 0;padding: 0;}
.headRig li {position: relative; margin: 0 20px;display: inline-block;}
.headRig li a{font-size: 16px;color: #fff; line-height: 36px; position: relative; padding: 20px 0px; display: block;}
.headRig li a:after {content: '';bottom:-3px; position: absolute; display: block; width: 0;height:5px;background: #06b6d4;transition: all .4s;}
.headRig li.on a:after,.headRig li a:hover:after {width: 100%;}

.headBg_font{flex: 0 0 15%; max-width: 15%;font-size: 22px;line-height: 36px; color: #fff; background: url(../images/call_m.png) left center no-repeat; padding-left: 30px;font-family: Arial;}
/* 手机导航 */
.m-header-nav{display: none;height:60px;overflow:hidden;background:#fff;position:fixed;top:0;z-index:1000;width:100%;}
.m-header-nav .sp_header{overflow:hidden;position: relative;top:0;z-index:10000;width:100%;height:60px;padding: 0 20px;}
.m-header-nav .sp_logo{padding: 10px 0;float:left;height:60px;}
.m-header-nav .sp_logo img{margin:auto;max-height:40px;}
.m-header-nav .sp_nav{width: 40px;float:right;position:relative;cursor:pointer;height:40px;margin-top: 17px;z-index: 900;}
.m-header-nav .sp_nav span{display:block;background:#000;width: 35px;height: 3px;position:absolute;left: 0;transition:all ease 0.45s;}
.m-header-nav .sp_nav span:nth-of-type(1){top:0px}
.m-header-nav .sp_nav span:nth-of-type(2){top: 13px;}
.m-header-nav .sp_nav span:nth-of-type(3){top: 26px;}
.m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg);}
.m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;}
.m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);}
.m-header-nav .sjj_nav{position: fixed; width: 80%;height: 100%;padding: 10px 10px 0; overflow-y: scroll; top:60px;right: 0; z-index: 9999; display: block; transition: 0.5s all; box-shadow: 0 0 30px rgb(0 0 0 / 7%); transform: translateX(100%);background: #ffffff;}
.m-header-nav .open{transform: translateX(0);}
.mobile_overlay {top:60px;left:0px;right:0px;bottom:0px;opacity:0;z-index:999; width:100vw;height:100vh; visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.8); transition: all 0.3s ease-out 0s;}
.mobile_overlay.mactive {opacity: 1;visibility: visible;}

.m-header-nav .nav_show{display: block;}
.m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0;display: flex; justify-content: space-between;}
.m-header-nav .sjj_nav>ul>li:first-child>a{/*width:calc(100% - 100px)*/}
.m-header-nav .sjj_nav>ul>li:first-child .language{display: flex;overflow:hidden;line-height:50px;}
.m-header-nav .sjj_nav>ul>li:first-child .language a{padding: 0 16.5px;border-left:1px #ddd solid;text-align:center;color:#999;}
.m-header-nav .sjj_nav ul li i{position: absolute; top:0px; right: 0px; border-left: 1px #ddd solid; height: 3rem; padding: 0px 20px; display: flex; align-items: center; justify-content: flex-start;}
.m-header-nav .sjj_nav ul li i em{transform:rotate(0deg);transition:all ease 0.45s}
.m-header-nav .sjj_nav ul li .sjj_nav_i_rotate em{transform:rotate(90deg)}
.m-header-nav .sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:3rem;font-size: .95rem;}
.m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.m-header-nav .sjj_nav ul li ul{display:none}
.m-header-nav .sjj_nav ul li a{color:#666;display: block;font-size: 1rem;line-height: inherit;}
.m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;}
.m-header-nav .sjj_nav ul li i svg{width:35px;height:35px;fill:#555;}
.m-header-nav .sjj_nav ul li .sjj_nav_i_rotate em{color:#06b6d4}
.m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px}
/* ============ main ============ */
.services{position: relative;}
.services-box{width: 100%;overflow: hidden;display: grid;grid: auto / auto auto auto auto auto; gap: 1.75vw;padding: 1rem;}
.services-number {counter-reset: serviceSerial; background-color: #fff;}
.service-card {position: relative; overflow: hidden; border-radius: 20px; transition: all 500ms ease; border: 1px solid #e1e2e7;margin: 1px;}
.service-card:hover {border-color: var(--service-card-base); box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.service-card__content {padding: 30px 25px 50px;}
.service-card__title {margin-bottom:0.5rem; font-size: var(--fontsize-24);font-weight: 700; line-height: 1.333; color: var(--service-card-black); text-transform: uppercase; -webkit-line-clamp: 1;}

.service-card:hover .service-card__title a {color: var(--service-card-base);}
.service-card:hover .service-card__title a {background: linear-gradient(to right,currentcolor 0,currentcolor 100%) 0 98%/0px 1px no-repeat; transition: all 500ms ease;}
.service-card:hover .service-card__title a {background-size: 100% 1px;}
.service-card__h6{font-weight: normal;font-size:clamp(15px,0.88vw,17px);margin-bottom:20px;color: var(--c-muted); -webkit-line-clamp: 2;}

.service-card__list {margin-bottom: 33px; padding-bottom: 35px; border-bottom: 1px solid #e1e2e7;}
.service-card__list li+li {margin-top: 8px;}
.service-card__list li {padding-left: 15px; position: relative; font-size: 16px; color: #797b81; line-height: 1.375; -webkit-line-clamp: 1;}
.service-card__list li::before {content: ""; width: 5px; height: 5px; position: absolute; top: 9px; left: 0; background-color: var(--service-card-base);}

.service-card__number {font-size: 50px;line-height: 1; font-weight: 700; color: var(--service-card-base);}
.service-card__number::after {counter-increment: serviceSerial; content: counter(serviceSerial,decimal-leading-zero);}
.service-card__image {width: 100%; height: 30px;background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 500ms ease; border-radius: 0 0 20px 20px;}
.service-card__image img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit; transition: all 500ms ease; filter: grayscale(0%) sepia(0%) hue-rotate(0deg) saturate(100%);}
.service-card:hover .service-card__image {height: 158px;}
.service-card:hover .service-card__image img {filter: none;}

/*------ server -----*/
.process-one {position: relative;display: block;counter-reset: count;z-index: 5;}
.process-one__inner ul{list-style: none;padding: 0;}
.process-one__inner {position: relative;display: block;background: url('../images/testimonial-bg.jpg');border-radius: 0px;padding: 50px 80px 50px;z-index: 1;}
.process-one__inner::before {content: "";position: absolute;top: 2rem;left: 2rem;right: 2rem;bottom: 2rem;border: 2px dashed rgba(250,250,250,0.75);
border-radius: 10px;z-index: -1;}
.process-one__single {position: relative;display: block;text-align: center;margin-bottom: 30px;}

.process-one__icon {position: relative;display: flex;align-items: center;justify-content: center;width: 120px;height: 120px;background-color: var(--glorify-white);box-shadow: rgba(0,0,0,0.1) 0 0 49.51px 22.49px;border-radius: 50%;margin: 0 auto;z-index: 1;}
.process-one__icon::before {content: "";position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;background-color: var(--glorify-base);border-radius: 50%;z-index: -1;}
.process-one__icon span {position: relative;display: inline-block;width: 50%;color: var(--glorify-primary);transition: all 500ms linear;transition-delay: .1s;}

.process-one__single:hover .process-one__icon span {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}

.process-one__content {position: relative;display: block;border: 1px solid rgba(var(--glorify-base-rgb),.50);border-radius: var(--glorify-bdr-radius);padding: 15px 20px 15px;max-width: 230px;margin: 0 auto;width: 100%;margin-top: -1px;}

.process-one__count {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);z-index: 2;}
.process-one ul li:nth-child(2) .process-one__count {bottom: -20px;top: inherit;}
.process-one ul li:nth-child(4) .process-one__count {bottom: -20px;top: inherit;}

.process-one__count::before {position: relative;display: inline-block;font-size: 15px;font-weight: 600;color: var(--glorify-base);counter-increment: count;content: "0"counter(count);transition: all 200ms linear;transition-delay: .1s;}
.process-one__title {font-size: 20px;font-weight: 600;line-height: 30px;color:#fff;text-transform: uppercase;margin-bottom: 8px;}
.process-one__text{color: #fff;}
.process-one__shape-1 {position: relative;display: block;width: 25px;border: 1px solid rgba(var(--glorify-base-rgb),.50);height: 15px;margin: 0 auto;border-bottom: 0;border-top: 0;background-color: var(--glorify-primary);margin-top: 15px;z-index: 1;}
.process-one__shape-2 {position: absolute;left: -59px;top: -29px;transform: rotate(9deg);}
.process-one__shape-2:before {content: ""; position: absolute; top: -12px; left: -11px; width: 15px; height: 15px; background-color: var(--glorify-base); border-radius: 50%;}
.process-one__shape-2 img {width: auto;}
.process-one__shape-3 {position: absolute; right: -59px; top: -29px;transform: rotate(-9deg);}
.process-one__shape-3:before {content: "";position: absolute;top: -10px;right: -13px;width: 15px;height: 15px;background-color: var(--glorify-base);border-radius: 50%;}
.process-one__shape-3 img {width: auto;}
.process-one ul li:nth-child(2) .process-one__shape-1 {margin-top: 0;margin-bottom: 15px;}
.process-one ul li:nth-child(2) .process-one__shape-2 {bottom: -28px;top: inherit;left: -58px;transform: rotate(-9deg);}
.process-one ul li:nth-child(2) .process-one__shape-2:before {bottom: -12px;top: inherit;}
.process-one ul li:nth-child(2) .process-one__content {margin-top: 0;margin-bottom: -1px;}
.process-one ul li:nth-child(2) .process-one__shape-3 {position: absolute;right: -59px;bottom: -27px;top: inherit;transform: rotate(9deg);}
.process-one ul li:nth-child(2) .process-one__shape-3:before {bottom: -10px;top: inherit;}
.process-one ul li:nth-child(4) .process-one__shape-1 {margin-top: 0;margin-bottom: 15px;}
.process-one ul li:nth-child(4) .process-one__shape-2 {bottom: -28px;top: inherit;left: -58px;transform: rotate(-9deg);}
.process-one ul li:nth-child(4) .process-one__shape-2:before {bottom: -12px;top: inherit;}
.process-one ul li:nth-child(4) .process-one__content {margin-top: 0;margin-bottom: -1px;}
.process-one ul li:nth-child(4) .process-one__shape-3 {position: absolute;right: -59px;bottom: -27px;top: inherit;transform: rotate(9deg);}
.process-one ul li:nth-child(4) .process-one__shape-3:before {bottom: -10px;top: inherit;}

/* ---------- Service CTA ---------- */
.cta-band{padding:70px 28px 96px}
.cta{position:relative;overflow:hidden;max-width:1280px;margin:0 auto;border-radius:30px;padding:64px 40px;background:linear-gradient(120deg,#312e81 0%,#4f46e5 45%,#7c3aed 100%);color:#fff;text-align:center;box-shadow:0 30px 70px -24px rgba(76,29,149,.6);}
.cta::before{content:"";position:absolute;inset:0;
background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
background-size:40px 40px;}
.cta .deco{position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.cta .deco.d1{width:300px;height:300px;left:-90px;top:-120px}
.cta .deco.d2{width:380px;height:380px;right:-120px;bottom:-170px}
.cta .deco.d3{width:120px;height:120px;right:14%;top:-50px;background:rgba(34,211,238,.16)}
.cta-in{position:relative;z-index:2}
.cta h2{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.5px;margin-bottom:14px}
.cta p{opacity:.88;font-size:16px;max-width:600px;margin:0 auto 30px;line-height:1.85}
.cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta .btn-w{background:#fff;color:#4f46e5}
.cta .btn-w:hover{transform:translateY(-3px);box-shadow:0 16px 30px -10px rgba(0,0,0,.3)}
.cta .btn-o{border:1.5px solid rgba(255,255,255,.65);color:#fff;background:transparent}
.cta .btn-o:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}
.cta .ways{margin-top:26px;font-size:13px;opacity:.72;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta .ways span{display:inline-flex;align-items:center;gap:6px}
.cta .ways i{width:6px;height:6px;border-radius:50%;background:#67e8f9;display:inline-block}

/*   index product  */
.line-card::before {background: linear-gradient(90deg, transparent, var(--primary-color), var(--primary-light), var(--primary-color), transparent); background-size: 200% 100%;animation: flowLine 3s linear infinite;}

@keyframes flowLine {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.product-one{overflow: hidden;margin: 0 auto;}
.ser-prolist{width: 70%;margin: 0 auto;}
.ser-prolist .swiper{overflow: visible;}
.ser-prolist .swiper-slide{padding:calc(var(--bs-gutter-x) * 0.5);  margin: 20px; background: #EEF6FF; border-radius: 20px;}
.ser-prolist .boxwrap{display: flex; gap: 30px; justify-content:space-between;}
.ser-prolist  a{ display:block; overflow:hidden; position:relative;border-radius: 18px; background: #EEF6FF; margin: 12px 12px 18px; transition: all .3s; text-decoration: none;}
.ser-prolist .img img {border-radius:12px; width: 100%; object-fit: cover; -webkit-transform: scale(1); filter: scale(1);filter: transform;transition: all 0.5s ease 0s;}
.ser-prolist  a:hover .img img {-webkit-transform: scale(1.1); filter: scale(1.1);filter: transform;transition: all 0.5s ease 0s;}
.ser-prolist  a .txt{position: absolute;bottom: 0vw;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(11, 110, 213, 0) 100%, rgba(41, 42, 145, 0.38) 100%);padding:1.6vw 1.6vw 0.5vw 1.6vw;opacity: 1;transition: all 0.5s ease 0s; display:flex;align-items:flex-end;}

.ser-prolist  a .txt .cn{ font-size:1.1462vw; margin-bottom: 1rem;}
.ser-prolist  a .txt .en{ font-size:0.7294vw; font-style:italic;margin-bottom: 0;}
.ser-prolist  a .txt i{ display:block; width:26px; height:26px; border-radius:50%; border:2px solid #fff;position:absolute; right:25px; bottom:5%; transform:translateY(-50%)}
.ser-prolist  a .txt i:before{ content:""; display:block; width:26%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;transform: rotate(40deg);transform-origin: right;}
.ser-prolist  a .txt i:hover:before{animation: rota .6s ease 1;}
.ser-prolist  a .txt i:after{ content:""; display:block; width:26%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;transform: rotate(-40deg);transform-origin: right;}
.ser-prolist  a .txt i:hover:after{animation: rotaf .6s ease 1;}

.ser-prolist  .logo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 5;background: rgba(70, 38, 157, .8);opacity: 0;transition: all 0.5s ease 0s;-webkit-transform: scale(1.5);filter: scale(1.5);filter: transform;}
.ser-prolist  .logo img {max-height: 3.7vw; max-width: 100%;}
.ser-prolist  .logo{font-size:1.28vw;font-weight: bold;color: #fff;}

.ser-prolist  a:hover .logo {opacity: 1;transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);filter: transform;
}

.ser-prolist  a:before{content: '';position: absolute;bottom:10%;right:7.5%;width: 0px;height: 1px;background-color: #eaeaea;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.ser-prolist  a:after{content: '';position: absolute;bottom:10%;left: 5%;width: 1px;height: 0;background-color: #eaeaea;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.ser-prolist  a .logo:before{content: '';position: absolute;top:10%;left:7.5%;width: 0px;height: 1px;background-color: #eaeaea;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.ser-prolist  a .logo:after{content: '';position: absolute;top:10%;right:5%;width: 1px;height: 0;background-color: #eaeaea;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}
.ser-prolist  a:hover:before{opacity: 1;width: 85%;z-index: 8}
.ser-prolist  a:hover:after{opacity: 1;height: 80%;z-index: 8}
.ser-prolist  a .logo:hover:before{opacity: 1;width: 85%;z-index: 8}
.ser-prolist  a .logo:hover:after{opacity: 1;height: 80%;z-index: 8}
.ser-prolist  a .txt .txt-box{color: #fff;}
.ser-prolist  a:hover .txt {opacity: 0;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
@keyframes rota{from{transform: rotate(0deg);}to{transform: rotate(40deg);}}
@keyframes rotaf{from{transform: rotate(0deg);}to{transform: rotate(-40deg);}}
.ser-prolist  .textbody{flex-direction: column;gap: 30px; padding:50px 50px 0 50px;align-items:flex-start;width: 50%;}
.ser-prolist  .textbody .p_logo{ height: 50px;}
.ser-prolist  .textbody .p_logo img{width: 100%;height: 100%; object-fit: contain;}
.ser-prolist  .textbody h1{font-size: var(--fontsize-24);line-height: 1.5;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.ser-prolist  .textbody h1 span{margin: 0 5px;}
.ser-prolist  .textbody i{font-size: 120%;margin-left: 10px;}
.ser-prolist  .textbody .btnser a{transition: all .4s ease;}
.ser-prolist  .textbody .btnser a{display:block;background: none;margin: auto;}
.ser-prolist  .textbody .btnser:hover a{color: #fff;}
.ser-prolist  .textbody .btnser a::before,
.ser-prolist  .textbody .btnser a::after{position:absolute;height: 0;opacity: 0;}
.ser-prolist  .textbody .btnser{position: relative;overflow: hidden; padding: 5px; width: 130px;display: flex; align-items: center; justify-content: center; border-radius: 30px; cursor: pointer;}
.ser-prolist  .textbody .btnser-primary{border: 1px #46269d solid;color: #46269d; background: none;box-shadow:none;}
.ser-prolist  .textbody .btnser-primary:hover{border: 1px #06b6d4 solid;color: #06b6d4; background: none;box-shadow:none;}
.ser-prolist  .textbody .btnser:before {content: "";position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #06b6d4;color: #fff;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%;transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.ser-prolist  .textbody .btnser:hover, 
.ser-prolist  .textbody .btnser:focus, 
.ser-prolist  .textbody .btnser:active {color: #fff;}
.ser-prolist  .textbody .btnser:hover:before, 
.ser-prolist  .textbody .btnser:focus:before, 
.ser-prolist  .textbody .btnser:active:before {
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.ser-prolist-pagination{position: absolute;left:50px;bottom: 50px;z-index: 22;display: flex;}
.ser-prolist-pagination .-button-prev,
.ser-prolist-pagination .-button-next {width: 2.5vw; height: 2.5vw; border: 1px solid #46269d; border-radius: 50%; margin-right: 1.5vw; display: flex;justify-content: center; align-items: center;cursor: pointer;transition: all .4s ease;}
.ser-prolist-pagination .-button-next.my-button-disabled, .ser-prolist-pagination .-button-prev.my-button-disabled{cursor: no-drop;opacity: .5;}

.ser-prolist-pagination .arrow-hover:hover{border:1px solid #4f46e5; background:linear-gradient(226deg,#46269d 16%,#4f46e5 97%);box-shadow:0 4.48px 17.92px 0 rgba(0,0,0,.2);color: #fff;}
.ser-prolist-pagination .-button-next:after, .ser-prolist-pagination .button-prev:after{content:'';}

/*  news-one  */
.news-one{background: #f5f5f5;position: relative;}
.news-item {overflow: hidden; position: relative; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;  margin-bottom: px;}
.news-item .news-img{margin: 10px;border-radius: 10px;position: relative; overflow: hidden;}
.news-item .news-img img{border-radius: 10px;-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);transition: all 0.5s ease 0s;width: 100%;height: 100%;}
.news-item:hover .news-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);filter: scale(1.1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.news-item .news-body {margin-top: -100px;padding: 120px 20px 20px 20px;background: #fff;border-radius: 10px;}
.news-item .news-body .news-meta {margin-bottom: 10px; position: relative;}
.news-item .news-body .news-meta span:nth-child(1) {margin-right: 15px;}
.news-item .news-body .news-meta span i {color: #46269d;margin-right: 10px;}
.news-item .news-body .news-meta span:last-child{position: absolute;top: 0;right: -10px;}
.news-item .news-body h5{height: 60px;line-height: 1.5;}
.news-item .news-body h5 {margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.news-item .news-body h5 a {color: #000; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.news-item .news-body h5 a:hover {color: #46269d;}
.news-item .news-body aside {margin-bottom: 15px;color:#5b6b82; height: 80px;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;}

.news-item .news-body .news-btn {border:2px solid #46269d; color: #46269d; border-radius: 7px; padding: 7px 20px; font-weight: 700;transition: .5s; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: transparent; display: inline-block;position: relative; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; text-transform:capitalize;letter-spacing: .5px;}
.news-item .news-body .news-btn:before {content: "";position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #46269d;color: #fff;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-item .news-body .news-btn:hover, 
.news-item .news-body .news-btn:focus, 
.news-item .news-body .news-btn:active {color: #fff;}
.news-item .news-body .news-btn:hover:before, 
.news-item .news-body .news-btn:focus:before, 
.news-item .news-body .news-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.arrow-box{display: flex; align-items: center;justify-content: center;position: relative;margin-top: 1.5rem;}
.arrow-pagination{position: absolute;right: 0;bottom: 0;display: flex;}
.arrow-pagination .-button-prev,
.arrow-pagination .-button-next {width: 2.5vw; height: 2.5vw; border: 1px solid #46269d; border-radius: 50%; margin-right: 1.5vw; display: flex;justify-content: center; align-items: center;cursor: pointer;}
.arrow-pagination .-button-next.my-button-disabled, .arrow-pagination .-button-prev.my-button-disabled{cursor: no-drop;opacity: .5;}

.arrow-pagination .arrow-hover:hover{border:1px solid #4f46e5; background:linear-gradient(226deg,#46269d 16%,#4f46e5 97%);box-shadow:0 4.48px 17.92px 0 rgba(0,0,0,.2);color: #fff;}
.arrow-pagination .-button-next:after, .arrow-pagination .button-prev:after{content:'';}

/*newslist*/
.fenlei {list-style: none;	padding: 0;}
.fenlei li {display: inline-block;padding:2px 10px; line-height: 35px;}
.fenlei li a {color: #999;font-size: 16px;}
.fenlei li:after {content: '';margin-left:0px;color: #999;}
.fenlei li:last-child:after {display: none;}
.fenlei li:hover {background: #06b6d4;color: #fff;}
.fenlei li:hover a{color: #fff;}
.fenlei li.on{background: #06b6d4;color: #fff;}
.fenlei li.on a {color: #fff;}
.news_bg{background-color:#F1F6FE;}

.detail {margin-bottom:0px;}
.detail-title {padding:30px 0 30px 0; background-color: #d9e5f9;}
.detail-title h1 {font-size: 26px;font-weight: 700;}
.detail-title p {margin: 0;font-size: 12px;	color: #3e5995;}
.detail-title p span {padding: 0 10px;}
.detail-content {padding:30px;font-size: 16px;line-height:inherit;background: #fff;}

.gk-text .text-primary{color: #333 !important;}
.gk-text li{margin-bottom: 0.5rem;}
.gk-text li::marker {color: #333; font-weight: 700;}
.gk-text li:last-of-type{margin-bottom: 0rem;}

.detail-content img {display: block;margin: 0 auto;	max-width: 100%;height: auto;}
.detail-content p,.detail-content span{word-wrap: normal;text-wrap:wrap!important;}
.detail-tool {padding-top: 40px;padding-bottom: 20px;}
.detail-tool .btn2 {font-size: 12px;	padding: 10px 40px;	color: #fff;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;margin: 5px 10px;}
.detail-tool .btn2 a{color: #fff;}
.detail-tool .btn2.b1 {background-color: #3e5995;}
.detail-tool .btn2.b2 {background-color: #06b6d4;}
.detail-tool .btn2.b3 {background-color: #da4c40;}
.detail .dshadow{box-shadow:0px 20px 60px rgba(61,86,130,.08);}

.detitle {margin-bottom: 12px; font-size: 18px; line-height: 28px; color: #282828; font-weight: 600;}
.tag_zximg {background: url('../images//tag_zximg.png') no-repeat #F1F6FE; background-position: center; background-size: cover; border: none; padding: 30px 25px 40px 25px;}
.tag_zxdesc {font-size: 14px; color: #333333; letter-spacing: -0.08px; text-align: left; font-weight: 400; margin-bottom: 20px;}
.tag_btn {display: inline-block;align-items: center; padding:3px 15px; border-radius: 36px; text-align: center; cursor: pointer;background: linear-gradient(120deg, #4f46e5 0%, #7c3aed 55%, #8b5cf6 100%); color: #fff; box-shadow: 0 14px 30px -10px rgba(109, 80, 242, .55);transition: all .4s ease;}
.tag_btn a{color: #fff;}
.tag_btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px rgba(124,58,237,.65);}
.tag_zximg2 {background: url('../images/tag_aikefu.png') no-repeat; background-position: top; background-size: cover; border: none; padding: 30px 20px 15px 25px;}
.tag_zximg3 {background: url('../images/tag_bzimg.png') no-repeat; background-position: top; background-size: cover; border: none; padding: 30px 20px 15px 25px;}

/*--- about us ---*/
.public-shadow{box-shadow: -8px 8px 40px #005be522;}

.link{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.link span {font-size: 14px; color: #ffff; opacity: .4; position: relative; display: inline-block; background: rgba(255, 255, 255, .2); padding: 0px 20px; line-height: 35px;}
.link a{color: #5b6b82;}
.link a:hover{color: #5b6b8299;}

.btn2{display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:999px;font-weight:normal;font-size:16px;transition:transform .2s,box-shadow .2s;}
.btn2 svg{width:17px;height:17px}
.btn-primary2{background:var(--grad);color:#fff;box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition: all .4s ease;}
.btn-primary2 a{color: #fff;}
.btn-primary2:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px rgba(124,58,237,.65);}
.modal-text{display: flex;justify-content: space-around; gap: 20px;}
.modal-text ul{background: #fff; border-radius: .06rem; padding: 0.1rem 1rem 0.1rem;}
.modal-text ul li{padding:0.5rem; border-bottom: 1px solid #dddddd; width: 100%;}
.modal-text ul li:last-child{border:none;}
.modal-text ul li .ewm{width: 6rem; margin-right: 0.5rem; box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.1);}
.modal-text ul li .tit{width: .15rem;}
.modal-text ul li *{text-wrap:nowrap; font-size: 16px; color: #333;margin-bottom: 0;}
.modal-text ul li > .tit{margin-right: 0.05rem;}
.modal-text ul li .text h5{font-size: 20px; font-weight: normal; margin-bottom:0.06rem}
.modal-text ul li .text small{font-size: 15px; color: var(--themeColor);}
.modal-text ul li .text a{color: var(--themeColor);}
.modal-text ul li .text p span{font-size:22px;}
.modal-text form{width: 50%;}
/* ============ footer ============ */
.site-footer { background: var(--c-bg-deep); color:var(--c-footer); padding: 64px 0 28px; }
.footer-grid { display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; }
footer-grid ul {list-style: none;}
.footer-grid li {padding:6px 0; }

.footer-brand .brand { color:#fff; margin-bottom: 14px; display: inline-block;}
.footer-brand .brand .logo {width:100px;padding:5px 5px; border-radius: 10px; background: linear-gradient(135deg, var(--c-brand), var(--c-accent));display: grid; place-items: center; color: #fff; font-size: 18px; font-weight: 900; box-shadow: var(--shadow-md);}
.footer-brand p { color: var(--c-muted-a); font-size:14px; max-width: 280px; }
.footer-col h4 { color:#fff; font-size:15px; margin-bottom:16px; }
.footer-col a { color: var(--c-muted-a); font-size:14px;transition: color .2s; }
.footer-col a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:44px; padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color: var(--c-muted); }
.footer-bottom a {color: var(--c-muted-a); }
.footer-bottom a:hover { color:#fff; }
/* breadcrumb */
.breadcrumb { color:var(--c-muted); }
.breadcrumb a:hover { color: var(--c-brand); }
.breadcrumb .active{color: var(--c-brand);}


/* ---------- istop ---------- */
#backTop {position: fixed; right: 0; bottom: 10%; transform: translateY(-50%); z-index: 888;box-shadow: 0px 0px 49px rgba(0, 0, 0, .13);background: linear-gradient(135deg, var(--c-brand), var(--c-accent));}
#backTop span {cursor: pointer; width: 50px; height: 50px; color: #fff; position: relative;right: 0}
#backTop span a{font-size: 100%;display: inline-block;color: #fff}
#backTop span#gttop {display: flex;}
#backTop span i {z-index: 1}
#backTop span:hover,#backTop span:hover a{color: #ddd;}

#backTop span small {position: absolute;left: -250px; top: 0; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); visibility: hidden;opacity: 0; background: var(--c-accent); z-index: 0; -webkit-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
#backTop span:hover.ft-wx small.weixin {visibility: visible;opacity: 1;left: -220px}
#backTop span:hover.ft-tel small.weixin {visibility: visible;opacity: 1;left: -124px;color:var(--c-bg);}
/*-----------loader...*/
.preloader2 {position: fixed;background-color: #fff; background-position: center center; background-repeat: no-repeat;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999991;display: -webkit-box;display: flex; -webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;text-align: center;}
.preloader_image {-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}

.preloader {position: fixed; width: 100%; height: 100%; z-index: 99999999999;background: #fff; top: 0; left: 0;font-size: 12px;vertical-align: center;}
.logo-wrapper {position: absolute; bottom: 47.5%;left: 50%; transform: translate(-50%, 100%);}

.loader {animation: loader-1 2.0s infinite linear; position: absolute; top: 48%;left: 50%; 
    &:before, &:after {content: ''; width: 0; height: 0; border: 1rem solid #683BF2; display: block; position: absolute;border-radius: 100%; animation: loader-2 2s infinite ease-in-out;}
    &:before {top: 0;left: 50%;}
    &:after {bottom: 0;right: 50%;animation-delay: -1s;}
}

@-webkit-keyframes spin{
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
  }
@keyframes spin {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes loader-1 {
  100% {transform: rotate(360deg);}
}
  
@keyframes loader-2 {
  0%, 100% {transform: scale(0);}
  50% {transform: scale(1);}
}