/*
* 缃戠珯寤鸿锛氬帵闂ㄧ帠鍦ｇ綉缁滅鎶€鏈夐檺鍏徃
* 寰俊锛?84215
*/
@charset "UTF-8";
:root{--blue:#000c22;--pagewidth:1370px;--blue2:#0056DF;--white:#fff;--black:#000;--jianbian:linear-gradient(to right, #0069D7, #53F1A4);--indexjuli:40px;--shadow:
        0 20px 40px rgba(20,40,90,.08);}
/* @media screen and (max-width:1370px){html{zoom: .9}}
@media screen and (max-width:1200px){html{zoom: .8}} */
@font-face {
  font-family: 'jiuss';
  src: url('../fonts/HarmonyOS_Sans/8723.ttf') format('truetype');
  }
  @font-face {
    font-family: 'jiuss_Bold';
    src: url('../fonts/HarmonyOS_Sans/8721.ttf') format('truetype');
    }
@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
button,input{overflow:visible;}
button{background-color:transparent;}
button{cursor:pointer;}
select{background-repeat:no-repeat;}
*,::after,::before{border-style:solid;}
b{font-weight:bolder;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,select{text-transform:none;}
button{-webkit-appearance:button;}
textarea{overflow:auto;resize:vertical;}
button{background-image:none;}
*,::after,::before{box-sizing:border-box;border-width:0;border-color:#ccc;}
input::placeholder,textarea::placeholder{color:#a0aec0;}
button,input,select,textarea{padding:0;line-height:inherit;color:inherit;}input:focus,textarea:focus,select:focus {outline: none;}
.aimg{overflow:hidden;display:block}.aimg img{transition:all .6s}.aimg:hover img{transform:scale(1.1)}
.hover{transition:all .3s ease;position:relative;top:0;}
.hover:hover{box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);top:-3px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family:"jiuss",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;background:#f2f2f2;}
body ::selection {color:#FFFFFF;background-color:#09F;text-shadow:none;}
html,body{height: 100%;}
ul,h1,h2,h3,li,ol{margin:0px;padding:0px; list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none;outline:none;color:#666;transition:.3s;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:none;color:var(--blue2);}
img{max-width: 100%;object-fit: cover;display: block;}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar {
  width: 0;
  background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.baibj{background: #fff;}
[v-cloak]{display:none}
/* header */
.header{
  margin: 0 auto;position: fixed;top: 0;left: 0;right: 0;z-index: 1000
}
.top{margin: 20px auto;max-width: var(--pagewidth);border-radius: 20px;border:rgba(255,255,255,.9) 1px solid;padding: 15px 30px;display: flex;justify-content: space-between;align-items: center;
  -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 .3125rem .3125rem -.3125rem rgba(0, 0, 0, .117);
    -moz-box-shadow: 0 .3125rem .3125rem -.3125rem rgba(0, 0, 0, .117);
    background: rgba(0, 0, 0, .5);
}
.navbox{display: flex;gap: 80px;}
.logo span{display: none;}
.nav ul{display: flex;gap: 50px;}
.nav ul li{position: relative;}
.nav ul li a{font-size: 18px;color: var(--white);display: block;line-height: 42px;}
.nav ul li a:hover{color: var(--blue2);}
.nav ul li ul{display: none;position: absolute;background: var(--blue);padding:20px;border-radius: 20px;}
.nav ul li ul li a{white-space: nowrap;}
.nav ul li:hover ul{display: block;}
.language ul{display: flex;gap: 10px;}
.language ul li{border:1px #fff solid;border-radius: 20px;padding: 10px 20px;position: relative;}
.language ul li a{color: var(--white);}
.language ul li a:hover{color: var(--blue2);}
.language ul li ul{display: none;position: absolute;left: 0;background: var(--blue);padding:20px;border-radius: 20px;}
.language ul li ul li{border: 0;}
.language ul li:hover ul{display: block;}
/* banner*/
.bannerbox{overflow: hidden;background-color: var(--black);height: 100vh;}
.banner{height: 100%;overflow: hidden;/*cursor: grab;background: linear-gradient(255deg, #0069D7 42%, #53F1A4 95%);background-size: 200% 200%;animation: gradient-move 5s infinite*/background: var(--black);}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide .bannimg{position: absolute;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.banner .swiper-slide .bannimg img{transition: transform 10s linear;object-fit: cover;width: 100%;height: 100%;}
.banner .w1200{position: absolute;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 99;max-width: calc(var(--pagewidth) - 60px);left: 50%;margin-left: calc(var(--pagewidth) / 2);transform: translateX(-100%);}
.banner .w1200 .slider-txt{width: var(--pagewidth);padding: 20px;color: #fff;font-family: jiuss_Bold;}
.banner .w1200 .slider-txt .titleh1{font-size: 60px;color: var(--white);padding-bottom: 30px;line-height: 100%;}
.banner .w1200 .slider-txt .sub-title{font-size: 18px;padding-bottom: 50px;text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);font-family: jiuss;line-height: 150%;}
.banner .w1200 .slider-txt .btn{border: solid 1px rgba(255, 255, 255, .5);color: #fff;padding: 15px 0px 15px 30px;text-align: center;display: flex;align-items: center;}
.banner .w1200 .slider-txt .btn:hover{}
.banner .swiper-slide.swiper-slide-active .bannimg img{-ms-transform: scale(1.25);transform: scale(1.25)}
.swiper_box{z-index: 9;display: block;display: flex;position: absolute;right: 30px;top: 126px;}
.swiper_box .swiper-pagination.swiper-pagination-clickable{margin: 0;background-color: rgba(255, 255, 255, 0);padding: 0 10px;border-radius: 13px;width: 24px;}
.swiper_box .swiper-pagination{position: relative;display: flex;flex-direction: column;gap: 5px;}
.swiper_box .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 30px;border-radius: 10px;background: rgba(255, 255, 255, 1);}
.swiper_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: linear-gradient(180deg, #0069D7 35%, #53F1A4 96%);margin: 0;}
.swiper-slide-active .titleh1{-webkit-animation:fadeInUp 1.5s;}
.swiper-slide-active .sub-title{transition:all .5s ease-in-out;-webkit-animation:fadeInUp 2s;-webkit-animation-delay:.05s;}
.swiper-slide-active .btn{transition:all .5s ease-in-out;-webkit-animation:fadeInUp 3s;-webkit-animation-delay:.1s;}
.swiper-slide-active .bannimg::before{transition:all .5s ease-in-out;-webkit-animation:fadeInRight 1s;-webkit-animation-delay:0s;}
.swiper-slide-active .bannimg::after{transition:all .5s ease-in-out;-webkit-animation:fadeInRight 2s;-webkit-animation-delay:0s;}
.bannermore{display: flex;gap: 10px;}
.bannermore .btn{background: linear-gradient(99deg, #0069D7 35%, #53F1A4 96%);display: flex;align-items: center;}
.bannermore .btn .iconfont{font-size: 24px;margin-left: 5px;}
.bannermore .btn span{display: block;}
.banner .bannermore .btn.bbtn{border:0;border-radius: 10px;width: 200px;}
.banner .bannermore .btn.bbtn2{border: 3px solid transparent;
    border-radius: 10px;
    width: 310px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: 
        linear-gradient(var(--blue), var(--blue)),
        linear-gradient(99deg, #0069D7 35%, #53F1A4 96%);}
@keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.autoplay-progress {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 99;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: rgba(255, 255, 255, .5);
}
.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: rgba(255, 255, 255, .5);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
/* banner end */
/* ecdura */
.ecdura{background: linear-gradient(255deg, #53F1A4 5%, #0069D7 95%);/*background-size: 150% 150%;animation: gradient-move 5s infinite*/}
.endurabox{margin: 0 auto;max-width: var(--pagewidth);padding: 10px 0px;display: flex;align-items: center;justify-content: center;gap: 100px;}
.eimg img{max-width: 400px;}
.etxt span{display: block;font-size: 36px;font-weight: 700;color: var(--white);}
.etxt span:nth-child(2){font-size: 26px;color: var(--blue2);margin-top:5px}
.emore a{display: flex;padding: 10px 20px;border-radius: 10px;background: var(--white);color: var(--blue2);font-size: 18px;font-weight: 700;margin-top: 20px;align-items: center;}
.emore a .iconfont{font-size: 30px;margin-left: 5px;}
.emore a:hover{background: var(--blue2);color: var(--white);}
/* ecdura end */
/*CLINICAL CHALLENGE*/
.CLINICAL{padding: 80px 0px;}
.w1370{max-width: calc(var(--pagewidth) - 140px);margin:auto;}
.htitle{font-size: 20px;font-weight: 700;}
.htitle::after{content: '';display: block;height: 3px;width: 60px;background: var(--jianbian);margin-top: 10px;}
.htitle span{background: var(--jianbian);background-clip: text;color: transparent;text-transform: uppercase;}
.CLINICAL h2{font-size: 60px;color: #102f69;padding: 50px 0 10px;}
.CLINICAL p{font-size: 22px;color: #787878;}
.CLINICALbox{display: flex;gap: 30px;padding-top: 50px;}
.clinicallist{display: flex;gap: 20px;flex-wrap: wrap;flex: 0 0 calc(50% + var(--indexjuli));}
.clinicalli{flex: 0 0 calc(50% - 20px);box-shadow: 0 5px 20px rgba(0, 0, 0, .1);border-radius: 15px;padding: 20px;background:var(--white)}
.clinicalicon img{width: 80px; height: 80px;border-radius: 50%;border:2px solid transparent;background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: 
        linear-gradient(var(--white), var(--white)),
        linear-gradient(99deg, #0069D7 35%, #53F1A4 96%);padding: 10px;}
.clinicaltxt h3{font-size: 20px;font-weight: 700;color: var(--blue);position: relative;padding-top: 15px;margin-top: 15px;}
.clinicaltxt h3::after{content: '';display: block;height: 3px;width: 40px;background: var(--jianbian);top: 0;position: absolute;}
.clinicaltxt p{font-size: 16px;color: #787878;line-height:1.5}
.CLINICALimg{flex: 0 0 calc(50% - var(--indexjuli));}
.CLINICALimg img{display: block;border-radius: 15px;}
/*CLINICAL CHALLENGE*/
/*WHY_ENDURA*/
.WHY_ENDURA{background: url(/assets/images/index/bj.jpg) center center;padding: 80px 0;}
.WHY_ENDURA h2 {font-size: 60px;color: #fff;padding: 50px 0 10px;}
.WHY_ENDURA p {font-size: 22px;color: #fff;}
.WHY_ENDURA h3{background: var(--jianbian);background-clip: text;color: transparent;font-size: 26px;}
.indexvideo{display: flex;gap: 20px;margin-top: 50px;align-items: center;}
.indexvideotxt{flex: 0 0 50%;}
.indexvideotxt ul{padding: 20px 0 0;}
.indexvideotxt ul li{background: linear-gradient(to right, #0364ce, #2fa3dc);margin: 10px 0;padding: 15px 30px;border-radius: 10px;color:#fff;font-size: 20px;max-width: 90%;}
.ivideobox{flex:0 0 50%;display: flex;align-items: center;justify-content: center;border-radius: 20px;}
.ivideobox .iconfont{background: rgba(255, 255, 255, .5);width: 90px;height: 90px;border-radius: 50%;display: flex;justify-content: center;align-items: center;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.ivideobox .iconfont::before{font-size: 60px;color: transparent;box-shadow: 0 0 30px rgba(0, 0, 0, .1);border-radius: 50%;padding: 15px 10px 15px 20px;background: var(--jianbian);background-clip: text;cursor: pointer;}
.ivideobox .iconfont::before:hover{background: var(--blue2);color: transparent;background-clip: text;}
.ivideobox {
    position: relative;
    background: url(/assets/images/index/video.jpg) no-repeat center center;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.ivideobox .jiuss_bofang {
    opacity: 0.8;
    transition: opacity 0.3s;
    z-index: 2;
}

.ivideobox:hover .jiuss_bofang {
    opacity: 1;
    transform: scale(1.1);
}

.ivideobox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*WHY_ENDURA*/
/*PRODUCT PLATFORM*/
.PRODUCT_PLATFORM{padding: 80px 0 0;background: var(--white);}
.PRODUCT_PLATFORM h2{font-size: 60px;color: #102f69;padding: 50px 0 10px;text-align: center;}
.PRODUCT_PLATFORM p{font-size: 22px;color: #787878;text-align: center}
.ha{background: #eff2f9;}
.w1200{max-width: 1200px;margin: auto;}
.flex1200{display: flex;gap: 20px;padding-bottom: 50px;}
.hali{flex: 0 0 50%;border-radius: 10px;background: #fff;box-shadow: 0 5px 20px rgba(0, 0, 0, .1);display: flex;padding: 30px;gap: 30px;}
.haliimg img{max-width: 130px;padding: 10px;border:2px solid #0372e2;border-radius: 50%;display: block;}
.imggreen .haliimg img{border-color: #40a194;}
.halitxt p{font-size: 16px;color: #787878;text-align: left;line-height:1.5}
.halitxt h3{font-size: 22px;color: #011645;}
.halitxt h3::after{content: '';display: block;height: 3px;width: 40px;background: #0372e2;margin-top: 10px;}
.imggreen .halitxt h3::after{background: #40a194;}
.hamore{display: flex;justify-content: center;padding: 20px 0 50px;}
.hamore a{background: var(--jianbian);color: #fff;border-radius: 10px;padding: 15px 30px;display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 700;}
.hamore a i{font-size: 26px;}
/*PRODUCT PLATFORM*/
/*WHO WE SERVE*/
.WHO_WE_SERVE{background: #fff;padding: 80px 0;}
.whobox{padding: 50px 0;}
.wholi:nth-child(odd){background: #f2f3f4;}
.wholi {
    display: flex;gap: 40px;
    padding: 50px;
    border-radius: 30px;align-items: center;
}
.wholi p{flex: 1.6;line-height:1.5}
.wholi h3{font-size: 26px;flex: .6;}
.wholi a{flex: .5;width: 200px;background: var(--jianbian);color: #fff;padding:10px 20px;border-radius: 50px;display: flex;align-items: center;gap: 10px;font-size: 18px;justify-content: center;}
.wholi a i{font-size: 26px;}
.lodcontact{background: var(--jianbian);text-align: center;border-radius: 30px;color: #fff;padding: 40px 0;}
.lodcontact h3{font-size: 34px;}
.lodcontact p{font-size: 16px;max-width: 600px;margin: auto;padding: 20px 0;}
.loacontactbox{padding-top: 20px;display: flex;justify-content: center;gap: 30px;}
.loacontactbox a{display: flex;align-items: center;justify-content: center}
.loacontactbox a.a1{padding: 10px 20px;border-radius: 50px;font-size: 18px;background: #fff;width: 150px;height: 45px;}
.loacontactbox a.a1 span{
    color: transparent;
    background: var(--jianbian);
    background-clip:text;
    -webkit-background-clip: text;
    font-weight: 700;
    }
.loacontactbox a.a2{padding: 10px 20px;border-radius: 50px;font-size: 18px;border:1px solid #fff;color:#fff;width: 250px;height: 45px;}
/*WHO WE SERVE*/
/*footer*/
.footer * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.footer {
    background: var(--blue) url(/assets/images/foot_bj_logo2.png) top right no-repeat;
    background-size: auto 200%;
    color: var(--white);
    padding: 60px 0 30px;
    line-height: 1.6;
}

/* ========== 3. 瀹瑰櫒瀹藉害灞呬腑 ========== */
.footer .w1370 {
    margin: 0 auto;
    padding: 0 20px;
}

/* ========== 4. 涓诲尯鍩?- 涓夊垪 Flex 甯冨眬 ========== */
.footerbox {
    display: flex;
    flex-wrap: wrap;           /* 绉诲姩绔崲琛?*/
    gap: 40px;                 /* 鍒楅棿璺?*/
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* ----- 4.1 Logo 鍒?----- */
.flogobox {
    flex: 1 1 30%;             /* 鍗?30% 瀹藉害锛屽彲浼哥缉 */
    min-width: 220px;
}

.flogoimg {
    margin-bottom: 20px;
}

.flogoimg img {
    max-width: 200px;
    height: auto;
    display: block;
}

.flogobox p {
    font-size: 18px;
    max-width: 400px;
    margin-top: 10px;
}

/* ----- 4.2 瀵艰埅鍒?----- */
.fnavbox {
    flex: 1 1 25%;
    min-width: 160px;
}

.fnavbox h3,
.fcontactbox h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    text-transform: uppercase;color: #086cf7;
}

.fnavbox ul,
.fcontactbox ul {
    list-style: none;
}

.fnavbox li {
    margin-bottom: 12px;
}

.fnavbox a {
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    transition: opacity 0.2s, padding-left 0.2s;
    display: inline-block;
}

.fnavbox a:hover {
    padding-left: 6px;
}

/* ----- 4.3 鑱旂郴鍒?----- */
.fcontactbox {
    flex: 1 1 35%;
    min-width: 250px;
}

.fcontactbox li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 18px;
    padding-bottom: 6px;
}

.fcontactbox li i {
    font-size: 26px;
    text-align: center;
    margin-top: -6px;
}
.fcontactbox li i.jiuss_kefu{background: linear-gradient(to bottom, #1188eb, #1a91ec);-webkit-background-clip: text;background-clip: text;color: transparent;}
.fcontactbox li i.jiuss_youxiang{background: linear-gradient(to bottom, #2ea9ef, #36b4d7);-webkit-background-clip: text;background-clip: text;color: transparent;}
.fcontactbox li i.jiuss_dianhua{background: linear-gradient(to bottom, #3db8d0, #1db49a);-webkit-background-clip: text;background-clip: text;color: transparent;}
.fcontactbox li i.jiuss_dizhi,.fcontactbox li i.jiuss_linkedin-line,.fcontactbox li i.jiuss_whatapp{background: linear-gradient(to bottom, #1db49a, #07e8c1);-webkit-background-clip: text;background-clip: text;color: transparent;}

/* 鍦板潃鎹㈣淇濈暀 */
.fcontactbox li:last-child {
    align-items: flex-start;
}
.fcontactbox a{color:#fff}.fcontactbox a:hover{color:var(--blue2);}
/* ========== 5. 搴曢儴鏂囧瓧鍖哄煙 ========== */
.ftext {
    padding-top: 30px;display: flex;justify-content: space-between;align-items: center;
}
.ftextbox p {
    font-size: 13px;
    margin: 0;
    flex: 0 1 auto;
    max-width: 100%;
}

.copyright {
    font-size: 13px;
}
/*footer end*/
/*banner2*/
.banner2{background: url(/assets/images/contact/contactbanner.jpg) center bottom no-repeat;min-height: 500px;color: #fff;}
.banner2 .titleh1{font-size: 20px;font-weight: 700;}
.banner2 .titleh1 span{background: var(--jianbian);background-clip: text;color: transparent;text-transform: uppercase;}
.banner2 h1{font-size: 50px;padding-top: 60px;}
.banner2 p{font-size: 16px;max-width: 600px;text-shadow:0 0 5px #000}
.banner2 .w1200{display: flex;flex-direction: column;justify-content: flex-end;height: 450px;}

/* CTA */

.cta-banner{

    background:
    linear-gradient(
      90deg,
      #0f58db,
      #19a8f1,
      #82e38d
    );
    padding:0 60px;

    color:white;

    font-size:36px;
    font-weight:700;
}
.cta-banner .w1200{display:flex;align-items:center;justify-content:space-between;height:120px;max-width:1100px;margin:0 auto;}
.cta-banner a{
    color:white;
    text-decoration:none;

    border:2px solid white;

    padding:10px 36px;

    border-radius:40px;

    font-size:18px;
}
.btn-hover{transition:.3s;}
.btn-hover:hover{
    transform:translateY(-3px);
    box-shadow:
    0 12px 30px rgba(255,255,255,.25);
}
.btn-hover2{transition:.3s;}
.btn-hover2:hover{
    transform:translateY(-3px);
    box-shadow:
    0 12px 30px rgba(255,255,255,.1);
}
.boxhover{transition:.35s;}
.boxhover:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow);
}
.banner2 p{line-height: 150%;}
/* ===== nav-lang-mobile: hidden on desktop ===== */
.nav-lang-mobile{display:none}
/* ===== nav-divider: hidden on desktop ===== */
.nav-divider{display:none}


.cookiesbox{position: fixed;width: 100%;left: 0;bottom: 0;z-index: 9;background: rgba(255, 255, 255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
.cookiesw{display: flex;align-items: center;max-width: calc(var(--pagewidth) - 40px);margin: auto;padding:20px;}
.bottonbox{display: flex;align-items: center;}
.cookiestxt{padding-right: 100px;flex: 1;font-size: 16px;}
.cookiestxt a{color: var(--blue2);text-decoration: underline;}
.bottonbox button{padding:8px 20px;border-radius: 4px;border:solid 1px var(--blue2);margin-left: 10px;}
.reject{color: var(--blue2);}
.accept{background: linear-gradient(99deg, #0069D7 35%, #53F1A4 96%);color: #fff;background-size: 200% 200%;animation: gradient-move 3s infinite;}
.cookiesbox .close{position: absolute;right: 20px;top: 20px;font-size: 30px;}
.primg{display: flex;justify-content: center;}

@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#modal-cancel{background: #eeee;padding: 10px 30px;border-radius: 4px;color:#333}
#modal-save{background: #086cf7;padding: 10px 30px;color:#fff;border-radius: 4px;}
.bannereditimg{margin-top: 20px;width: 200px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 5px;border:1px solid #086cf7;cursor: pointer;}
.bannereditimg img{display: none;}
.sub-title span{background: var(--jianbian);background-clip: text;color: transparent;}

.seobox{padding: 50px;}
.seotitle{font-size: 40px;}
.seodescription{padding: 20px 0;}
.seobox h2{font-size: 22px;padding-bottom: 20px;}
.seox{display: block;font-size: 20px;color:#999;}