@charset "UTF-8";
@import url('iconfont.css');

html{font-size: 62.5%; /* 1.6rem × 62.5% = 1rem */}

@media (max-width: 768px) {
  html {
    font-size: 50%; /* 1.6rem × 50% = 8px，此时 1.6rem = 8px */
  }
}

@media (max-width: 480px) {
  html {
    font-size: 48%; /* 1.6rem × 40% = 6.4px，此时 1.6rem = 6.4px */
  }
}






*{margin:0;padding:0;box-sizing:border-box;}
body {font-size: 1.6rem;font-weight:400;line-height:1.5;font-style: normal;font-family: PingFangSC-Semibold,Microsoft YaHei;}
img {
    border: 0;
    height: auto;
    max-width: 100%;
    user-select: none;
    vertical-align: middle
}

:is(display: flex, display: grid, display: inline-flex, display: inline-grid) {
  gap: 3.2rem!important;
}

li{list-style-type: none}
input,textarea,option,select{font-family: inherit;}

a {
    outline: 0;
    display: inline-block;
    text-decoration: none;
    transition: var(--bs-transition);
    font-family: var(--bs-body-font-family)
}

a:active,a:focus,a:hover,a:visited {
    outline: 0;
    text-decoration: none
}

button {
    padding: 0;
    border: 0;
    outline: 0;
    background: 0;
    display: inline-block;
    transition: 0.3s;
}

button:focus {
    outline: 0
}

b,strong {
    font-weight: 600;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

section{position: relative;z-index: 1;}

/**  公共样式 */
.colorline{background-image: linear-gradient(253deg,#ac61ff,#005eff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.btn-s1{display:inline-flex;align-items: center;transition: all .3s ease-out;}
.btn-s1::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2.svg);background-size: 200% 200%;position: relative;background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s1:hover{color:#005eff }
.btn-s1:hover::after {background-position: 0rem 100%;}

.btn-s11{display:inline-flex;align-items: center;transition: all .3s ease-out;}
.btn-s11::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2.svg);background-size: 200% 200%;position: relative;background-position: 100% 0rem;transition: all 0.3s ease-out 0s;transform: rotate(45deg);}
.btn-s11:hover{color:#005eff }
.btn-s11:hover::after {background-position: 0rem 100%;}

.btn-s2{display:inline-flex;transition: all .3s ease-out;color: #fff;align-items: center;transition: all .3s ease-out;color: #fff; padding: 0 3.2rem;border-radius: 1.5rem;border: 0.1rem solid #ffffff;line-height: 2.5 }
.btn-s2::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2_white.png);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}


/* 基础按钮样式 - 精简重复属性，优化动画逻辑 */
.btn-s2 {
  display: inline-flex;
  align-items: center;
  padding: 2rem 4rem;
  height: min(2.8rem, 4.2rem);
  border-radius: 1.5rem; /* 修正无效的min(15PX)写法 */
  border: 0.1rem solid rgba(255,255,255,0.2);
  font-size: 1.4rem;
  color: #fff; /* 文字始终为白色，无需重复声明 */
  background: #ffffff24; /* 初始背景 */
  backdrop-filter: blur(0.6rem); /* 保留原有模糊效果 */
  /* 侧滑动画基础配置 */
  position: relative; /* 伪元素定位基准 */
  overflow: hidden; /* 限制伪元素溢出 */
  z-index: 1; /* 文字/图标层级高于伪元素 */
  /* 仅过渡需要变化的属性（边框），避免冗余 */
  transition: border 0.3s ease-out;
}

/* 承载hover渐变背景的伪元素 - 侧滑核心 */
.btn-s2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* hover后的渐变背景（和原样式一致） */
  background: linear-gradient(253deg, #679bf6, #3638f5);
  /* 仅过渡水平位移，保证动画流畅 */
  transition: transform 0.3s ease-out;
  /* 初始状态：从左侧移出可视区域 */
  transform: translateX(-100%);
  z-index: -1; /* 层级低于文字和按钮本身 */
  border-radius: inherit; /* 继承圆角，避免边角突兀 */
}

/* 原有图标伪元素 - 完全保留所有效果 */
.btn-s2::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  left: unset;
  right: 0rem;
  background-image: url(../images/icon2_white.png);
  background-size: 200% 200%;
  position: relative;
  background-position: 100% 0rem;
  transition: all 0.3s ease-out 0s;
}

/* hover状态 - 精简重复属性，仅控制核心变化 */
.btn-s2:hover {
  border: 0.1rem solid #6494f6; /* 切换边框样式 */
  /* 背景由伪元素滑入实现，无需重复声明 */
}

/* hover时：渐变背景伪元素从左向右滑入 */
.btn-s2:hover::before {
  transform: translateX(0); /* 位移归0，覆盖整个按钮 */
}

/* 保留原有图标hover切换效果 */
.btn-s2:hover::after {
  background-position: 0rem 100%;
}


.btn-s2b{display:inline-flex;align-items: center;transition: all .3s ease-out;color: #fff}
.btn-s2b::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2_white.png);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s2b:hover{color:#fff }
.btn-s2b:hover::after {background-position: 0rem 100%;}
.btn-s3 {
  display: inline-flex;
  align-items: center;
  padding:2rem 3.5rem;
  height: min(2.8rem, 4.2rem);
  border-radius: 1.8rem; /* 修正无意义的min(15px)写法 */
  border: 0.1rem solid #312d2d3d;
  font-size: 1.4rem;
  color: #1d1a1a; /* 初始文字色 */
  backdrop-filter: blur(0.6rem); /* 保留原有模糊效果 */
  /* 关键：定位基准 + 溢出隐藏（限制伪元素范围） */
  position: relative;
  overflow: hidden;
  /* 文字层级高于伪元素 */
  z-index: 1;
  /* 初始背景透明，模糊效果直接作用于按钮本身 */
  background: transparent;
  /* 仅过渡需要变化的属性（文字色、边框），提升性能 */
  transition: color 0.3s ease-out, border 0.3s ease-out;
}

/* 基础按钮样式 - 精简重复属性，优化动画逻辑 */
.btn-s2a {
  display: inline-flex;
  align-items: center;
  padding: 2rem 2rem;
  height: min(2.8rem, 4.2rem);
  border-radius: 1.5rem; /* 修正无效的min(15PX)写法 */
  border: 0.1rem solid rgba(255,255,255,0.2);
  font-size: 1.4rem;
  color: #fff; /* 文字始终为白色，无需重复声明 */
  background: #ffffff00; /* 初始背景 */
  backdrop-filter: blur(0.6rem); /* 保留原有模糊效果 */
  /* 侧滑动画基础配置 */
  position: relative; /* 伪元素定位基准 */
  overflow: hidden; /* 限制伪元素溢出 */
  z-index: 1; /* 文字/图标层级高于伪元素 */
  /* 仅过渡需要变化的属性（边框），避免冗余 */
  transition: border 0.3s ease-out;width: 100%;
    justify-content: center;
}

/* 承载hover渐变背景的伪元素 - 侧滑核心 */
.btn-s2a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* hover后的渐变背景（和原样式一致） */
  background: #ffffff;
  /* 仅过渡水平位移，保证动画流畅 */
  transition: transform 0.3s ease-out;
  /* 初始状态：从左侧移出可视区域 */
  transform: translateX(-100%);
  z-index: -1; /* 层级低于文字和按钮本身 */
  border-radius: inherit; /* 继承圆角，避免边角突兀 */
}

/* 原有图标伪元素 - 完全保留所有效果 */
.btn-s2a::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  left: unset;
  right: 0rem;
  background-image: url(../images/icon2_bw.png);
  background-size: 200% 200%;
  position: relative;
  background-position: 100% 0rem;
  transition: all 0.3s ease-out 0s;
}

/* hover状态 - 精简重复属性，仅控制核心变化 */
.btn-s2a:hover {color: #000000;
  border: 0.1rem solid rgba(255,255,255,0.2); /* 切换边框样式 */
  /* 背景由伪元素滑入实现，无需重复声明 */
}

/* hover时：渐变背景伪元素从左向右滑入 */
.btn-s2a:hover::before {
  transform: translateX(0); /* 位移归0，覆盖整个按钮 */
}

/* 保留原有图标hover切换效果 */
.btn-s2a:hover::after {
  background-position: 0rem 100%;
}


/* 承载hover渐变背景的伪元素 - 侧滑核心 */
.btn-s3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* hover后的渐变背景（和你原样式一致） */
  background: linear-gradient(253deg, #679bf6, #3638f5);
  /* 侧滑动画：仅控制水平位移 */
  transition: transform 0.3s ease-out;
  /* 初始位置：从左侧移出可视区域 */
  transform: translateX(-100%);
  /* 层级低于文字 */
  z-index: -1;
  /* 继承圆角，避免边角突兀 */
  border-radius: inherit;
}

/* 原有图标伪元素 - 完全保留所有原有效果 */
.btn-s3::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  left: unset;
  right: 0rem;
  background-image: url(../images/icon2_wb.png);
  background-size: 200% 200%;
  position: relative;
  background-position: 100% 0rem;
  transition: all 0.3s ease-out 0s;
}

/* hover 状态：保留原有样式，仅精简重复属性 */
.btn-s3:hover {
  /* 保留你原有的hover样式：白色文字 + 蓝色边框 */
  color: #fff;
  border: 0.1rem solid #6494f6;
}

/* hover 时：渐变背景伪元素从左向右滑入 */
.btn-s3:hover::before {
  /* 水平位移归0，从左滑入覆盖整个按钮 */
  transform: translateX(0);
}

/* 保留原有图标hover切换效果 */
.btn-s3:hover::after {
  background-position: 0rem 100%;
}

.btn-s3b{display:inline-flex;align-items: center;transition: all .3s ease-out;color: #fff;background: linear-gradient(246deg, #ac61ff, #005eff);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-size: 1.5rem;font-weight: 600;}
.btn-s3b::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2_purple.svg);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s3b:hover{background: linear-gradient(246deg, #9252d9, #0050d9);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.btn-s3b:hover::after {background-position: 0rem 100%;}

/* 基础按钮样式 - 保留核心布局，优化动画逻辑 */
.btn-s3c {
  display: inline-flex;
  align-items: center;
  padding: 2rem 3.5rem;
  height: min(2.8rem, 4.2rem);
  border-radius: 1.5rem; /* 修正无意义的min(15px)写法 */
  border: 0.1rem solid #6494f6; /* 初始边框 */
  color: #FFFFFF; /* 初始文字色 */
  /* 关键：定位基准 + 溢出隐藏（限制伪元素范围） */
  position: relative;
  overflow: hidden;
  /* 初始背景透明，由::before承载渐变 */
  background: transparent;
  /* 文字层级高于伪元素 */
  z-index: 1;
  /* 仅过渡需要变化的属性（文字色、边框） */
  transition: color 0.3s ease-out, border 0.3s ease-out;
}

/* 承载初始渐变背景的伪元素 - 侧滑核心 */
.btn-s3c::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 初始状态的渐变背景（和你原样式一致） */
  background: linear-gradient(253deg, #679bf6, #3638f5);
  /* 侧滑动画：仅控制水平位移，更精准 */
  transition: transform 0.3s ease-out;
  /* 初始位置：覆盖整个按钮 */
  transform: translateX(0);
  /* 层级低于文字 */
  z-index: -1;
  /* 继承圆角，避免边角突兀 */
  border-radius: inherit;
}

/* 原有图标伪元素 - 保留所有原有效果 */
.btn-s3c::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  left: unset;
  right: 0rem;
  background-image: url(../images/icon2_bw.png);
  background-size: 200% 200%;
  position: relative;
  background-position: 100% 0rem;
  transition: all 0.3s ease-out 0s;
}

/* hover 状态：侧滑门核心逻辑 */
.btn-s3c:hover {
  /* 保留你原有的hover样式：黑色文字 + 模糊边框 + 透明背景 */
  color: #000000;
  border: 0.1rem solid #312d2d78;
  backdrop-filter: blur(0.6rem);
  background: transparent; /* 确保hover后背景透明 */
}

/* hover 时：初始背景伪元素从左向右滑出 */
.btn-s3c:hover::before {
  /* 水平位移100%，从左滑出可视区域 */
  transform: translateX(100%);
}

/* 保留原有图标hover切换效果 */
.btn-s3c:hover::after {
  background-position: 0rem 100%;
}



.btn-s4{display:inline-flex;align-items: center;transition: all .3s ease-out;}
.btn-s4::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2_touming.svg);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s4:hover{color:#3638f5 }
.btn-s4:hover::after {background-position: 0rem 100%;}

.btn-s4b{display:inline-flex;align-items: center;transition: all .3s ease-out;}
.btn-s4b::after {content: "";display: block;width: 1.5rem;height:1.5rem;left: unset;right: 0rem;background-image: url(../images/icon2_touming.svg);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s4b:hover{color:#3638f5 }
.btn-s4b:hover::after {background-position: 0rem 100%;}

.btn-s5{display:inline-flex;align-items: center;transition: all .3s ease-out;}
.btn-s5::after {content: "";display: block;width: 1.6rem;height: 1.6rem;left: unset;right: 0rem;background-image: url(../images/icon2_blue.png);background-size: 200% 200%;position: relative;
background-position: 100% 0rem;transition: all 0.3s ease-out 0s;}
.btn-s5:hover{color:#3638f5 }
.btn-s5:hover::after {background-position: 0rem 100%;}


.advan{display: flex;flex-wrap:wrap;align-items: center;gap:1.1rem;z-index: 9999;}
.advan label{background-color: #0d29dc00;padding: 0.3rem 0.5rem;border-radius: 0.5rem;display: flex;align-items: center;font-size:1.2rem;gap: 0.5rem;}
.advan label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}

.advan1{display: flex;flex-wrap:wrap;align-items: center;gap:1.1rem;z-index: 9999}
.advan1 label{background-color: #0d29dc00;padding: 0.3rem 0.5rem;border-radius: 0.5rem;display: flex;align-items: center;font-size:1.6rem;gap: 0.5rem;}
.advan1 label img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}

.yymk1{display: flex;gap:1.5rem;flex-wrap: wrap;} 
/*.yymk1 .item {padding:1rem;background: hsl(0deg 0% 100% / 61%);box-shadow: inset 0 0.1rem 0 0 #ffffff;border-radius: .8rem;transition: all .5s ease;font-size: 1.6rem;}
.yymk1 .item:hover {box-shadow: 0 8px 1.2rem #557ffc42;}*/
.yymk1 .item a{display: flex; align-items: center; font-size: 1.6rem;color: 181818;}
.yymk1 .item img{height: 4rem;padding-right: 1.8rem;}   

.bghui{background-color:#fff}
.bghui1{background-color:#fafbfe}
.bgwhite{background:#fff;}

.img-container {display: flex;align-items: center;justify-content: center;overflow: hidden; /* 关键：裁剪图片放大后的溢出部分 */transition: box-shadow 0.6s ease; /* 可选：容器阴影过渡，增加质感 */border-radius:0.6rem;/*padding:1rem;*/}
.img-container img {width: 100%;object-fit: cover; /* 核心：按比例缩放，不变形，完整显示 */transition: transform 0.6s ease-out; /* 放大过渡：0.6秒缓动（缓慢效果） */}
.img-container:hover img {transform: scale(1.05);}


/*.shadow{box-shadow: 0 4px 1.6rem rgba(0,0,0,0.12); transition: box-shadow 0.3s ease;}*/
.shadow:hover{box-shadow: 0 0.8rem 1.2rem #557ffc42;}
.shadow1:hover{transform: translateY(-1rem);
    box-shadow: 0 0.8rem 1.6rem 0 rgba(227, 236, 255, 0.6);}
.container {max-width: 160rem;margin:0 auto;}
.dropdown-menu{display: none}

.container1 {max-width: 160rem;margin:0 auto;}


.dropdown-menu>li {
    padding: 0 0.6rem
}

.dropdown-menu>li:not(:last-child) {
    margin-bottom: 0.1rem
}

.dropdown-menu>li>a {
    gap: 0.8rem;
    display: flex;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    align-items: center;
    white-space: nowrap;
    color:#000;
    padding: 0.5rem 2.2rem 0.5rem;
    justify-content: space-between
}

.dropdown-menu>li:hover>a,.dropdown-menu>li.active>a {
    color:#000;
    background-color:#CCC
}

.dropdown-toggle::after {
    margin: 0;
    border: 0;
    line-height: 1;
    content: '\f107';
    font-weight: 400;
    color: var(--bs-body-color);
    font-family: 'Font Awesome 6 Pro'
}

@media screen and (min-width: 992px) {
    .dropdown-menu {
        left:0;
        transform: translateY(4px)
    }

    .dropdown-menu>.dropdown>.dropdown-menu {
        left: 100%;
        transform: translateY(4px)
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
        transform: translateY(0px)
    }

    .dropdown:hover>.dropdown-menu>.dropdown>.dropdown-menu {
        transform: translateY(0px)
    }
}


a{color: #000}


.pc{display: block;}
.mb{display: none;}
.center{text-align: center}





@media screen and (max-width: 768px) {
.pc{display: none;}
.mb{display: block;}

}





.text-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 4);
}
.text-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 3);
}
.text-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 2);
}

.mt10{margin-top: 1rem;}
.mt20{margin-top: 0rem;}
.mt30{margin-top: 3rem;}
.mt40{margin-top: 4rem;}
.mt50{margin-top: 5rem;}
.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.mb30{margin-bottom: 3rem;}
.mb40{margin-bottom: 4rem;}
.mb50{margin-bottom: 5rem;}

.pt10{padding-top: 1rem;}
.pt20{padding-top: 2rem;}
.pt30{padding-top: 3rem;}
.pt40{padding-top: 4rem;}
.pt50{padding-top: 5rem;}
.pb10{padding-bottom: 1rem;}
.pb20{padding-bottom: 2rem;}
.pb30{padding-bottom: 3rem;}
.pb40{padding-bottom: 4rem;}
.pb50{padding-bottom: 5rem;}





  @keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { 
      /* 精确移动到第一组图片结束的位置（含间隔） */
      transform: translateX(calc(-50% - 10px)); 
    }
  }



  @keyframes scroll-right {
    0% {
      /* 从左偏位置开始 */
      transform: translateX(calc(-50% - 10px));
    }
    100% {
      /* 回到 0 的位置，视觉上就是向右滑动 */
      transform: translateX(0);
    }
  }






/**  公共样式 */







.header{border-bottom: 0.1rem solid #09122112;}
.header_main{background: #fff;width: 100%;transition: all .4s;opacity:1}


.wlogo{display: inline-block;padding:0rem 4rem 0rem 0rem;}
.wlogo img{height:2.8rem;}
.wnav{width:auto;display: inline-block;line-height: 6.5rem;}
.wnav ul{display:flex;gap:0 3rem;align-items: center;}
.wnav ul li{position: relative;display: flex;align-items: center;gap: 0.8rem;}
.wnav ul li a{color: #000000;display: block;}
.wnav ul li i{font-size: 1.2rem;}
.wnav ul li:after{position:absolute;bottom:0rem;left:0rem; height: 0.2rem;width:0;background-color: #fff;-webkit-transition: width .3s, opacity 0s .3s;transition: width .3s, opacity 0s .3s;content:"";}
.wnav ul li.active:after{background-color: #000;width:100%;-webkit-transition: width .3s, opacity 0s .3s;transition: width .3s, opacity 0s .3s;display: none}
.wnav ul li.active a{color:#3638f5}
.wnav ul li.active:after{background-color:#3638f5}

.wnav ul li.active i{color:#3638f5;transform: rotate(360deg);transition: all .3s;}


.header-right-side{display:flex;align-items: center;justify-content: center;float:right;padding:1.4rem 0rem 0rem 0rem;}
.header-right-side .tel{display: flex;align-items: center;gap:1rem;}
.header-right-side a{margin:0rem 0rem 0rem 2rem;font-size: 1.4rem;}
.header-right-side span{display: flex;align-items: center;font-size: 1.4rem;gap: 1.4rem;}
.header-right-side .register {
  /* 保留原有基础样式 */
  color: #fff;

  text-align: center;
  padding: 0.9rem 4rem;
  font-size: 1.4rem;
  border-radius: 2.5rem;
  /* 关键：侧滑动画基础配置 */
  position: relative; /* 伪元素定位基准 */
  overflow: hidden; /* 限制伪元素溢出 */
  z-index: 1; /* 文字层级高于伪元素 */
  /* 初始背景色（伪元素滑入前显示） */
  background: #3638f5;
  /* 仅过渡必要属性，无多余动画 */
  transition: none; /* 背景色由伪元素控制，无需过渡 */
}

/* 承载hover背景的伪元素 - 侧滑核心 */
.header-right-side .register::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* hover后的目标背景色 */
  background: linear-gradient(253deg, #598ceb, #6675f5, #393ef5);
  /* 侧滑动画：仅控制水平位移 */
  transition: transform 0.3s ease-out;
  /* 初始状态：从左侧移出可视区域 */
  transform: translateX(-100%);
  /* 层级低于文字和按钮本身 */
  z-index: -1;
  /* 继承圆角，避免边角突兀 */
  border-radius: inherit;
}

/* hover状态：伪元素从左向右滑入 */
.header-right-side .register:hover::before {
  /* 位移归0，完全覆盖按钮 */
  transform: translateX(0);
}

/* 注：无需单独写hover{}，背景色由伪元素滑入实现，保留原有hover逻辑但简化 */
.header-right-side .register:hover {
  /* 清空重复样式，仅保留伪元素滑入逻辑即可 */
}


.header-right-side .header-menu-mb{display: none}



.header-tools .header-tools-right>li.header-register>a {
    background: #005eff;
    border-radius: 1.1rem;
    color: #fff;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
}


/**  Head样式 */
.header{width: 100vw;position: fixed;z-index: 98;top:0;}
.headertransparent{opacity:1;}
.headertransparent .header_main{background:rgba(255,255,255,0);}

.headerscrolling{position: fixed;top:0;width:100%;background:rgba(255,255,255,0.1); backdrop-filter: blur(4rem);z-index: 99;transition: all .1s;box-shadow: 0 0rem 1.2rem #557ffc42;border-bottom: 0.1rem solid rgba(255,255,255,0.1);}
.headerscrolling .header_top{height:0rem;opacity:0}

.header:hover .headertransparent .header_main{background:rgba(255,255,255,1);}


.header_top{background: linear-gradient(90deg, #464ef500, #efaff200, #0c0feb17);transition: all .3s;opacity:1}
.header_top .container .header_top_right{display: flex;justify-content: flex-end;align-items:center;}
.header_top .container .header_top_right .label{position: relative;font-size: 1.2rem;padding:1rem 1rem;line-height:1.4rem;display:flex;gap:5px}
.header_top .container .header_top_right .label .iconfont{font-size: 1.2rem;}
.header_top .container .header_top_right .label>a{color: #000;font-size: 1.4rem;line-height:1.4rem;display:flex;gap:5px}
.header_top .container .header_top_right .label>a>span{padding:0 0.5rem;font-size: 1.2rem;line-height:1.2rem;}




.dropdown:hover>.dropdown-menu{z-index: 2}
.header_top .container .header_top_right .dropdown-menu .dropdown>a:after {margin-top: -0.2rem;content: '\f105'}
.header_top .container .header_top_right .dropdown-menu {background-color: #fff}
.header_top .container .header_top_right .dropdown-menu.mega_menu_wrapper {margin: 0!important}




.site_info{display:flex;justify-content: flex-end;align-items:center;}
.site_info .tel{font-weight: 600}
.site_info .btn{padding:1rem 2rem;margin:0 1ren;}
.site_logo{width: auto}
.site_header .header_bottom{padding: 1.6rem 0;background-color: var(--bs-white);border-bottom: 0.1rem solid var(--bs-border-color);}

.dropdown-menu {padding: 0.6rem 0;position: absolute;transition: 200ms;background-color: var(--bs-white);border-radius: var(--bs-border-radius);border: 0.1rem solid var(--bs-border-color);
box-shadow: 0 2rem 4rem 0 rgba(2,8,66,0.1);z-index: -1}
.dropdown-product-box{display: flex}


::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
    background-color: #fff;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background-color: #ddd;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}






/**内页banner上面子页面导航**/
.sc-fdh{z-index:97;position:relative;background: rgb(255 255 255 / 0%);transition: all .0s;;width:100%;height: 5rem;position: fixed;top: 10.1rem;/*transition: all .3s;*/}
.sc-fdh-fixed{position: fixed;top:0;left:0;box-shadow: 0 0rem 1.2rem #557ffc42;z-index: 999;background:rgb(255 255 255 / 62%);backdrop-filter: blur(4rem);transition: all .3s;}
.sc-fdh .container{display: flex;align-items: center;}
.sc-fdh .container .tab{font-size: 1.4rem;}
.sc-fdh .container .tab::-webkit-scrollbar {display: none;}
.sc-fdh .container .title{font-size: 1.8rem;align-items:center;display: flex;gap:1rem;margin-right:4rem;cursor: pointer;word-break: keep-all;}
.sc-fdh .container .title img{width: 2.2rem;height: 2.2rem}
.sc-fdh .tab>ul{display: flex;gap:0rem;}
.sc-fdh .tab>ul>li{position: relative;}
.sc-fdh .tab>ul>li:after{position:absolute;bottom:0rem;left:0rem; height: 0.2rem;width:0;background-color: #fff;-webkit-transition: width .4s, opacity 0s .4s;transition: width .4s, opacity 0s .4s;content:"";}
.sc-fdh .tab>ul>li.active:after{background-color: #3d46f5;width:100%;-webkit-transition: width .4s, opacity 0s .4s;transition: width .4s, opacity 0s .4s;}
.sc-fdh .tab>ul>li a{line-height:5rem;display:block;padding:0rem 2rem;word-break: keep-all;font-size: 1.4rem;}
.sc-fdh .tab>ul>li.active>a{font-weight: 600;color: #3d46f5;}
.sc-fdh .tab>ul>li:hover>a{font-weight: 600;color: #3d46f5;}
.sc-fdh .tab>ul>li:hover>ul>li>a:hover{font-weight: 600;color: #3d46f5;}
.sc-fdh .tab>ul>li{position:relative;white-space: nowrap;}
.sc-fdh .tab>ul>li>ul>li>a{line-height:4rem}
.sc-fdh .tab>ul>li.fdh-dropdown>a:after {position:absolute;font-size: 1.2rem;content: "\f107";font-weight: 900;margin: 0.1rem 0 0 0.2rem;font-family: "Font Awesome 6 Pro";}
.sc-fdh .tab>ul>li.fdh-dropdown .fdh-dropdown-menu{display: none}
.sc-fdh .tab>ul>li.fdh-dropdown:hover .fdh-dropdown-menu{position:absolute;display:flex;flex-direction: column;width: 100%;text-align: center;box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.08);background:#fff;top:5rem;left:0;border-radius: 1rem;}
/**内页banner上面子页面导航**/

/**内页banner上面子页面导航占位**/
.banner{padding-top:15rem;    background: linear-gradient(90deg, rgb(255 255 255 / 93%) 20%, rgb(255 255 255 / 65%) 35%, rgba(240, 246, 255, 0) 50%), linear-gradient(0deg, rgb(255 255 255) 20%, rgb(255 255 255 / 0%) 50%, rgb(240 246 255 / 0%) 50%), url(../images/partners.png) no-repeat center center / cover;
    background-color: transparent;}
/**内页banner上面子页面导航占位**/


/**栏目标题**/
.sc-titbox .tit{color: #191919;font-size: 4rem;font-weight: 600;line-height: 6rem;}
.sc-titbox .tit1{color: #ffffff;font-size: 4rem;font-weight: 600;}
.sc-titbox .pptupdatemod__title-text {background-image: linear-gradient(272deg, #dd56ff -4.2%, #7451ff 39.4%, #469bff 99.06%);font-size: 4rem; font-weight: 600;-webkit-text-fill-color: #16151500;background-clip: text;color: #006bfb; position: relative;}
.sc-titbox .pptupdatemod__start {bottom: 3.8rem;height: 4.8rem; position: absolute;right: -0.5rem;width: 4.2rem;}
.sc-titbox .subtit0{padding-top: 1rem;padding-bottom: 1rem;font-size: 1.6rem;display: flex;flex-wrap:wrap;gap:2rem;align-items: center;justify-content: center}
.sc-titbox .subtit{padding-top: 1rem;padding-bottom: 1rem;font-size: 1.6rem;display: flex;flex-wrap:wrap;gap:2rem;align-items: center;justify-content: center}
.sc-titbox .subtit1{padding-top: 1rem;padding-bottom: 1rem;font-size: 1.6rem;display: flex;gap:2rem;align-items: center;justify-content: center;color: #ffffff}
.sc-titbox .subtit2{padding-top: 1rem;padding-bottom: 1rem;font-size: 1.4rem;display: flex;flex-wrap:wrap;gap:2rem;align-items: center;justify-content: center;color: #3638f5}
.sc-titbox .subtit button{border: 0.1rem solid #3638f5;padding: 0.5rem 1.2rem;border-radius: 1.1rem; margin-right: 0.5rem;background: #3638f500;color: #3638f5;display:flex;align-items: center;font-size: 1.4rem}
.sc-titbox .subtit button img{width:1.6rem;height: 1.6rem;margin-right:0.5rem}


/**内页banner上面子页面导航**/

.footer{background:#151b26;color:#fff}
.footer::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/footerbg.png) no-repeat;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    }
.footer a{color: #fff}
.footer a:hover{color:#FFFFFF;}
.header-right-side a{margin:0rem 1rem 0rem 1rem;font-size: 1.4rem;}
.header-right-side span{display: flex;align-items: center;font-size: 1.4rem;}
.ai-btn {
    position: relative;
    padding: 1.5rem 4.5rem;
    font-size: 1.5rem;
    color: #fff;
    background: linear-gradient(95.41deg, #5c08a9 22.1%, #3b3df3 54.17%, #31abc9 87.29%);
    background-size: 120%;
    border: 0;
    border-radius: 2rem;
    cursor: pointer;
    overflow: hidden;
    transition: .5s;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-weight: bold;
    box-shadow: 0 0 2.5rem rgba(0,255,252,0.3);
    font-family: PingFangSC-Semibold, Microsoft YaHei;
}

.ai-btn:hover {
    animation: gradient 8s linear infinite;
    transform: scale(1.05);
    box-shadow: 0 0 3.5rem rgb(132 230 229)
}

.ai-btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,transparent,rgba(255,255,255,0.2),transparent);
    transform: rotate(45deg);
    transition: .5s
}

.ai-btn:hover::before {
    animation: shine 3s linear infinite
}

.ai-btn:active {
    transform: scale(0.95)
}

.particles {
    position: absolute;.sc-titbox .tit
    pointer-events: none
}

.particle {
    position: absolute;
    background: radial-gradient(circle,#00fffc 20%,transparent 70%);
    border-radius: 50%;
    animation: particle 1s ease-out
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes shine {
    0% {
        transform: rotate(45deg) translateX(-150%)
    }

    100% {
        transform: rotate(45deg) translateX(150%)
    }
}

@keyframes particle {
    0% {
        opacity: 1;
        transform: translate(0,0) scale(0)
    }

    100% {
        opacity: 0;
        transform: translate(var(--x),var(--y)) scale(1)
    }}
.footer_top .container{padding:5rem 2rem 0rem 0rem;display:flex; flex-direction:column;font-size: 1.8rem;flex-wrap: wrap;color: #a0a2a8;}
.footer_top .container .footer_top_main{display: flex;flex-wrap: wrap;gap: 13rem;padding:1rem 2rem 2rem 0rem;color: #a0a2a8;align-items: center;font-size: 3rem;}
.footer_top .footer-logo{height: 2.5rem;margin-bottom: 2rem}
.footer_top .footer-logo img{height:100%;}


@media (max-width: 768px) {
.footer_top .container .footer_top_main{display: flex;flex-wrap: wrap;gap: 2rem;}


}



.footer_main>.container{display: grid;grid-template-columns: 2fr 8fr;padding: 4rem 0rem 8rem 0rem;
    border-top: 0.1rem solid #292929;
    gap: 5rem;
    display: flex;
    justify-content: space-between;}
.footer_main>.container>.card>.card-main{border-right:0.1rem solid #37373700;min-width:30rem;}
.footer-contact-phone{font-size: 1.6rem;display: flex;flex-direction:column;gap:1rem;padding:0rem 0rem 1.8rem 0;}
.footer_main>.container>.card:nth-child(2){display:flex;flex-direction: column;justify-content: space-between;padding:1rem 0rem;gap:2rem;}
.footer_main>.container>.card:nth-child(2) ul{display: flex;flex-wrap: wrap;}

.footer-contact-info{padding:0rem 0rem 3.5rem 0rem;font-size: 1.3rem;color: #a0a2a8;}
.footer-contact-info ul{display: flex;flex-direction:column;gap:0.15rem;}
.footer-contact-info ul li{display: flex;align-items: center;}
.footer-contact-info ul li i{font-size:2rem;width: 2.4rem;text-align: center; margin-right:1rem;font-weight: 200}
.footer-contact-ewm ul{display: flex;gap:2.5rem;}
.footer-contact-ewm ul li{width: 8.5rem;text-align: center;}
.footer-contact-ewm ul li img{border-radius:0.5rem;max-width: 100%;}
.footer-contact-ewm ul li p{font-size: 1.2rem;padding:0.5rem;}
.footer-nav-menus{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:2.8rem;}
.footer-nav-menus dl{display: flex;flex-direction: column;gap:1.8rem;}
.footer-nav-menus dl dt{font-weight: 500;}
.footer-nav-menus dl dd a{color:#a0a2a8;font-size: 1.4rem}
.footer-nav-menus-bottom{display: flex;flex-wrap:wrap;gap:2rem;align-items: center;justify-content: space-between;}
.footer-nav-menus-bottom .card-social{display: flex; align-items: center; gap:1rem;z-index: 1}
.footer-nav-menus-bottom .card-social .ltp{position: relative;cursor: pointer;}
.footer-nav-menus-bottom .card-social .ltp .a{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.footer-nav-menus-bottom .card-social .ltp .tu{position: absolute;border-radius:0.5rem;left: 50%;transform: translateX(-50%);width: 12rem;height: 12rem;background: #fff;padding: 0.5rem;top:-13rem;opacity: 0;pointer-events: none;visibility: hidden;box-shadow: 0 0.2rem 0.2rem 0.1rem rgba(0, 0, 0, 0.05);}
.footer-nav-menus-bottom .card-social .ltp .tu::after{width: 1rem;height: 1rem;position: absolute;content: "";transform: rotate(45deg);left: 45%;bottom:-0.5rem;background: #fff;}
.footer-nav-menus-bottom .card-social .ltp .tu img{width: 100%;position: relative;z-index: 1;}
.footer-nav-menus-bottom .card-social .ltp:hover .tu{opacity: 1;visibility: visible;}
.footer-nav-menus-bottom .card-social .ltp i{border: 0.1rem solid hsla(0, 0%, 100%, .1);
    border-radius: 3rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    text-align: center;
    color: #ffffff;
    background-color: hsl(var(--neutral-10)/var(--bg-opacity));}
.footer-nav-menus-bottom .card-social .ltp:hover i{opacity: 1;}
.footer-nav-menus-bottom .card-social .ltp:hover i{opacity: 0.5;}
.footer-nav-menus-bottom .card{display: flex;align-items: center;font-size: 1.6rem;}
.footer-nav-menus-bottom .card ul{display: flex;align-items: center;gap:3rem;}
.footer-nav-menus-bottom .card ul li{justify-content: center;align-items: center;display: flex;flex-direction: column;}
.footer-nav-menus-bottom .card ul li i{font-size:3.8rem}
.footer-nav-menus-bottom .card ul li p{color: #a0a2a8;font-size:1.2rem;}
.footer-copyright .container{display: flex;flex-wrap:wrap;justify-content: space-between;border-top: 0.1rem solid #292929;padding:1rem 0rem 1rem 0rem;color: #a0a2a8;font-size:1.4rem;gap:1rem;}
.footer-copyright .container a{color: #a0a2a8}
.footer-copyright .container a:hover{color:#005eff;}
.footer-copyright .footer-law span{padding:0rem 0.8rem;}
.footer-copyright .container1{display: flex;flex-wrap:wrap;justify-content: space-between;border-top: 0.1rem solid #292929;padding:2rem 0rem 6rem 0rem;color: #a0a2a8;font-size:1.4rem;gap:1rem;}
.footer-copyright .container1 p{color: #a0a2a896;font-size:1.2rem}
.footer-copyright .container1 strong {font-weight: 600;font-size: 1.2rem;}

.swiper-button-prev,.swiper-button-next{border-radius: 50%;width:3.8rem;height:3.8rem;background:#ffffffcf;display: flex;justify-content: center;align-items: center;overflow:hidden;box-shadow: 0 0.4rem 1rem 0 hsla(220, 4%, 56%, .2);border: 0.1rem solid rgb(255 255 255 / 53%);}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 1.5rem;color:#000}






/**nav**/
.header-dropdown {z-index: 999;width:100%;}
.header-dropdown-main{background:#fff;box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, .1);height:0rem;transition: all .3s;}
.header-dropdown.showMask .header-dropdown-main{height:auto;}
.headerscrolling .header-dropdown {top:6.6rem;}
.header-dropdown.showMask {backdrop-filter: blur(0.6rem);background: hsla(0,0%,100%,.5);position: fixed;}
.header-dropdown.noMask {background: none}
#header.double .header-dropdown {top: 10rem}
.header-dropdown-list {
    /**border-radius: 0 0 1.6rem 1.6rem;
    -webkit-box-shadow: 0 0.2rem 8px 0 rgba(174,186,208,.27);
    box-shadow: 0 0.2rem 8px 0 rgba(174,186,208,.27);**/
    margin: 0 16rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
    will-change: height;
    z-index: 899;
    max-width: 160rem;
    margin: 0 auto;
}

.header-dropdown-list.expanding,.header-dropdown-list.hiding {
    overflow: hidden;
    -webkit-transition: height .2s ease .1s;
    transition: height .2s ease .1s
}

.header-dropdown-list>li {
    -webkit-box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.05);
    box-shadow: 0 0.2rem 4px rgba(0,0,0,.05);
    display: none
}

.header-dropdown-list>li.header-dropdown-dialog {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-dropdown-list>li.header-dropdown-dialog.show {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block
}

.header-dropdown-list>li:not(.J-drop-dialog) {
    background: #fff
}

.header-dropdown-list>li.header-dropdown-more {
    background: #fff;
    border: 0.1rem solid rgba(0,0,0,.1);
    line-height: 0;
    padding-left: 0
}

.header-dropdown-list>li.show {
    display: block
}

.header-dropdown-close {
    cursor: pointer;
    height: 1.8rem;
    opacity: .6;
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 1.8rem
}

.header-dropdown-close:after,.header-dropdown-close:before {
    background-color: #252b3a;
    border-radius: 0.1rem;
    content: "";
    height: 0.1rem;
    left: 50%;
    margin-left: -0.9rem;
    position: absolute;
    top: 1rem;
    width: 2rem
}

.header-dropdown-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header-dropdown-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-dropdown-close:hover {
    opacity: 1
}

.show-close .header-dropdown-close {
    display: block
}


/**

@media (max-width: 192rem) {
    .header-dropdown-list {
        margin:0 auto;
        max-width: 1600px
    }
}

@media (max-width: 1776px) {
    .header-dropdown-list {
        max-width:100%
    }
}

@media (max-width: 144rem) {
    .header-dropdown-list {
        max-width:100%
    }
}

@media (max-width: 136.6rem) {
    .header-dropdown-list {
        padding:0
    }

    .header-dropdown-close {
        right: 1rem
    }

    .header-dropdown-close:after,.header-dropdown-close:before {
        background-color: #252b3a;
        border-radius: 0.1rem;
        content: "";
        height: 0.1rem;
        left: 30%;
        margin-left: -1rem;
        position: absolute;
        top: 1rem;
        width: 2rem
    }
}


@media (max-width: 122rem) {
    .wnav ul li{line-height: 5rem}
    .header-right-side{padding:0rem;}
}


**/
@media (max-width: 768px) {
    .header_main .container{display: flex;justify-content: space-between;align-items: center; height: 7.5rem}
    .wlogo{padding:0rem;}
    .header-dropdown {
        display:none
    }
}








.dropdown-common-wrapper-inner{display:flex;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left{width:40rem;padding:4rem;background:#ecf3ff;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-title{padding:0rem 0rem 2rem 0;font-size: 1.7rem; font-weight: 500;color: #3638f5;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-title a{display: flex;align-items: center; color: #5b5688;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-title i{font-size:1.8rem;margin-right:0.5rem;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-desc{line-height: 1.8;font-size:1.4rem}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-btn{margin-top: 5rem;color: #3638f5;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-btn a{color: #3638f5;font-size: 1.4rem;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-pic{margin-top: 3rem;border-radius:1.5rem;overflow: hidden;padding:0rem;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-left .dropdown-common-nav-btn .btn-s4{color:#005eff;transition: all 0.3s ease-out 0s;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-right{padding:4rem 5rem;width:calc(100% - 40rem);display: grid;gap:5rem;grid-template-columns: 1fr 1fr 1fr;}
.dropdown-common-wrapper-inner .dropdown-common-wrapper-right.col2-1{grid-template-columns: 2fr 1fr;}
.dropdown-common-module-title{padding:0rem 0rem 1rem 1rem;display: flex;align-items: center;border-bottom: 0.1rem solid #d5dce1;    font-size: 1.6rem; font-weight: 500;color: #3638f5;}
.dropdown-common-module-title a{font-size: 1.6rem;margin-left: 2rem;border-bottom: 0.1rem solid #d5dce1;}
.dropdown-common-module-title i{font-size:1.8rem;margin-right:0.5rem;}
.dropdown-common-wrapper-inner .dropdown-common-group{display:grid;gap:1rem;grid-template-columns: 1fr;padding:1rem 0rem;}
.dropdown-common-wrapper-inner .dropdown-common-group2{display:grid;grid-template-columns: 1fr 1fr;gap:2rem;}

.dropdown-common-item-title {
    color: #000000;
    font-size:1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 0.4rem;
    word-break: break-word
}

.dropdown-common-item-desc {
    color: #808080bd;
    font-size: 1.2rem;
    line-height: 2rem
}

.dropdown-common-item{background: #fff;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.6rem;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    z-index: 100;}

.dropdown-common-item:hover {
    -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(0,0,0,.1);
    box-shadow: 0 0.4rem 1.2rem 0 rgba(0,0,0,.1);
    background-color: #ecf3ff;
}




.dropdown-product-wrapper {
    margin: 0 auto;
    
    padding: 0
}



.dropdown-product-wrapper-bottom,.dropdown-product-wrapper-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}





.header-dropdown-product .dropdown-product-wrapper-right.merge-top {
    padding: 4rem;
}

.header-dropdown-solution .dropdown-product-wrapper {
    height: 76.8rem;
}

.header-dropdown-solution .dropdown-product-wrapper-top {
    background: #fff;
    z-index: 2
}

.dropdown-product-wrapper-right {
    position: relative;
    -webkit-box-flex: 21;
    -ms-flex: 21;
    flex: 21;
    overflow: visible;
    padding-bottom: 0
}

.dropdown-product-wrapper-right:after {
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 100%
}

.dropdown-product-wrapper-right.showGradient:after {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,0))
}



.dropdown-product-content {
    display: none;
    overflow: visible;
    position: relative
}

.dropdown-product-content .dropdown-product-box {
    display: flex;
    gap:3rem;
}

.dropdown-product-content .dropdown-product-content-title {
    background-color: #fff;
    color: #191919;
    font-size: 2rem;
    line-height: 3.6rem;
    margin-bottom: 0.8rem;
    padding-left: 1rem;
    z-index: 1
}

.dropdown-product-content .dropdown-product-content-title .header-icon-arrow-right-large {
    height: 1.6rem;
    margin-left: 0.8rem;
    margin-top: -0.2rem;
    vertical-align: middle;
    width: 1.6rem
}

.dropdown-product-content .dropdown-product-content-title a[href]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dropdown-product-content .dropdown-product-content-title a[href]:hover .header-icon-arrow-right-large {
    margin-left: 1.2rem
}


.dropdown-product-content .dropdown-product-content-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dropdown-product-content.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}






.dropdown-product-content-middle {
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20
}

.dropdown-product-item {
    background: #fff;
    border-radius: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 1.3rem;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    z-index: 100
}

.dropdown-product-item-icon {
    border-radius: 0.6rem;
    height: 3rem;
    margin-right: 1rem;
    display: block;
    width: 3rem;
    background-color:#ecf3ff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);
}



.dropdown-product-item-icon.blue{background-color:#25c25100;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);}
.dropdown-product-item-icon.green{background-color:#ecf3ff;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);}
.dropdown-product-item-icon.orange{background-color:#25c25100;
    border: 0.1rem solid rgba(9, 18, 33, 0.06);}





.dropdown-product-module:hover{background-color:#25c25100;}
.dropdown-product-module:hover .dropdown-product-item-icon i{color:#005eff;}
.dropdown-product-module:hover .dropdown-product-item-icon{border:1px solid #005eff;}



.dropdown-product-item-icon i{color: #000;font-size:1.6rem;display: block;}



.dropdown-product-item-content {
    height: 100%;
    width: calc(100% - 3.6rem);
}

.dropdown-product-item-title {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 0.4rem;
    word-break: break-word
}

.dropdown-product-item-desc {
    color: #808080bd;
    font-size: 1.2rem;
    line-height: 2rem
}

.dropdown-product-item-tags {
    margin-top: 0.8rem
}

.dropdown-product-item-tag {
    background-color: rgba(89,89,89,.1);
    border-radius: 0.4rem;
    color: #595959;
    display: inline-block;
    font-size: 1.2rem;
    height: 1.8rem;
    line-height: 1.6rem;
    padding: 0 0.4rem
}

.dropdown-product-item:hover {
    -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(0,0,0,.1);
    box-shadow: 0 0.4rem 1.2rem 0 rgba(0,0,0,.1);
    background-color: #ecf3ff;
}





.dropdown-product-item:hover .btn-s4{color:#005eff }
.dropdown-product-item:hover .btn-s4::after {background-position: 0rem 100%;}



.dropdown-common-item:hover .btn-s4{color:#005eff }
.dropdown-common-item:hover .btn-s4::after {background-position: 0rem 100%;}





.dropdown-common-newscards .newscards{display: flex;flex-direction: column;gap:2rem;}
.dropdown-common-newscards .newscards a{display: flex;gap:1rem;}
.dropdown-common-newscards .newscards a .img-container{width: 10rem;padding:0;}
.dropdown-common-newscards .newscards a .txt{width:calc(100% - 10rem);display: flex;flex-direction: column;font-size: 1.4rem;justify-content: center;gap:0.5rem;}
.dropdown-common-newscards .newscards a .txt p{color: #00000099;font-size: 1.1rem;    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: space-between;}
.dropdown-common-newscards .newscards .card .cat115{display: flex;align-items: center;gap:0.5rem;font-size:1.2rem;}
.dropdown-common-newscards .newscards .container .card .info i{font-size:1.4rem;}
.dropdown-common-newscards .newscards label {padding: 0.1rem 0.2rem;border-radius: 0.5rem;display:inline-flex;gap:0.5rem;}
.dropdown-common-newscards .newscards label.cat114{    background-color: #005eff1c;color: #0d29dc;font-size: 1.1rem;}
.dropdown-common-newscards .newscards .container .card .cat114{display: flex;align-items: center;gap:0.5rem;font-size:1.2rem;}
.dropdown-common-newscards .newscards label.cat115{background-color: #ead9ff;color:#ab69ff}
.dropdown-common-newscards .newscards label.cat116{background-color: #89d4cd;color:#fff}


.dropdown-common-newscards .newscards a .txt .tit{font-size: 1.2rem}
/**.dropdown-common-newscards .newscards a .txt i{font-size: 1.4rem;color: #808080;margin-right: 0.5rem}**/
.dropdown-common-newscards .newscards a:hover .txt{color:#005eff }


.dropdown-product-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.8rem 0 0 2.6rem
}

.dropdown-product-column-content {
    width: 100%
}

.dropdown-product-column-icon {
    background: #fff;
    background-size: 100% 100%;
    border-radius: 0.6rem;
    height: 2.4rem;
    margin-right: 1rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dropdown-product-column-title {
    color: #191919;
    display: block;
    
    font-weight: 600;
    height: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 1.6rem
}

.dropdown-product-column-title[href]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dropdown-product-column .dropdown-product-link {
    color: #595959;
    display: block;
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 1.2rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.dropdown-product-column .dropdown-product-link:last-child {
    margin-bottom: 0
}

.dropdown-product-column .dropdown-product-link:hover {
    color: #191919;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dropdown-product-module {
    padding: 0.5rem 1rem
}



.dropdown-product-group.col-4 {
    width: 80%
}

.dropdown-product-group.col-4 .dropdown-product-module {
    max-width: 25%;
    min-width: 25%
}




.dropdown-product-group-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}



.activity-link-desc-more{margin-top:3rem;padding-left: 1.5rem;font-size:1.4rem}
.activity-link-desc-more:hover{font-weight: 600;}





.dropdown-product-content-middle {
    width:calc(100% - 25rem)
}

.dropdown-product-recommend{
    width:22rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}



.dropdown-product-recommend .activity-link-title {
    color: #000;
    
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #d5dce1;
    margin-bottom:1rem;
}

.dropdown-product-recommend .activity-link-desc {
    display: flex;
    align-items: center;
    font-size:1.4rem;
    padding:0.8rem 1.5rem;
    border-radius: 1rem;
    margin-top:0.2rem;
}
.dropdown-product-recommend .activity-link-desc a{font-size:1.5rem;}
.dropdown-product-recommend .activity-link-desc .activity-link-desc-icon{
    border-radius: 0.6rem;
    height: 2.4rem;
    margin-right: 0.6rem;
    display: block;
    width: 2.4rem;
    background-color: #3638f5;
    text-align: center;
    line-height: 2.4rem;
        border: 0.1rem solid rgba(9, 18, 33, 0.06);
        background-color: #3638f500;

}
.dropdown-product-recommend .activity-link-desc .activity-link-desc-icon i{font-size:1.4rem;color:#000}

.dropdown-product-recommend .activity-link-desc:hover{
    box-shadow: 0 0.4rem 1.2rem 0 rgba(0,0,0,.1);
    background-color: #ecf3ff;
}
.dropdown-product-recommend .activity-link-desc:hover i{font-weight: 400;color: #fff}
.dropdown-product-recommend .activity-link-desc:hover a{font-weight: 600}
.dropdown-product-recommend .activity-link-desc:hover .activity-link-desc-icon{background-color: #3638f5;}







.dropdown-product-content-middle.has-activity .dropdown-product-column,.dropdown-product-content-middle.has-activity .dropdown-product-module {
    max-width: 25%;
    min-width: 25%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-1 {
    width: 25%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-1 .dropdown-product-column,.dropdown-product-content-middle.has-activity .dropdown-product-group.col-1 .dropdown-product-module {
    max-width: 100%;
    min-width: 100%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-2 {
    width: 50%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-2 .dropdown-product-column,.dropdown-product-content-middle.has-activity .dropdown-product-group.col-2 .dropdown-product-module {
    max-width: 50%;
    min-width: 50%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-3 {
    width: 75%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-3 .dropdown-product-column,.dropdown-product-content-middle.has-activity .dropdown-product-group.col-3 .dropdown-product-module {
    max-width: 33%;
    min-width: 33%
}

.dropdown-product-content-middle.has-activity .dropdown-product-group.col-4 {
    width: 100%
}

@media (max-width: 2560px) {
    .dropdown-product-content-middle.has-activity .dropdown-product-column,.dropdown-product-content-middle.has-activity .dropdown-product-module {
        max-width:33%;
        min-width: 33%
    }

    .dropdown-product-content-middle.has-activity .dropdown-product-group.col-1 {
        width: 33%
    }

    .dropdown-product-content-middle.has-activity .dropdown-product-group.col-2 {
        width: 66%
    }

    .dropdown-product-content-middle.has-activity .dropdown-product-group.col-3 {
        width: 100%
    }
}




.dropdown-product-container{padding:0rem;}



.dropdown-product-wrapper-top{border-bottom: 0.1rem solid #e1e1e1;padding:1.2rem 3rem;width:100%;}
.dropdown-product-wrapper-bottom{border-bottom: 0.1rem solid #e1e1e1;width:100%;}
.dropdown-product-wrapper-top .dropdown-product-content-link{display: flex;align-items: center;margin-bottom: 0rem}
.dropdown-product-wrapper-top .dropdown-product-content-link img{padding:0rem 2.6rem 0rem 1.5rem;}
.dropdown-product-wrapper-top .dropdown-product-content-link span{font-size: 1.8rem;}

.dropdown-product-wrapper-top .dropdown-product-wrapper-left{}
.dropdown-product-wrapper-top .dropdown-product-wrapper-right{padding:2rem;}
.dropdown-product-wrapper-bottom .dropdown-product-wrapper-left{width:34rem;padding:2.5rem 2rem;background:#ecf3ff;}
.dropdown-product-nav-container{top:6rem;}

.dropdown-product-nav-container .dropdown-product-nav-tit{padding:2rem 2rem 2rem 20%;display: flex;align-items: center;    font-size: 1.7rem;font-weight: 500; color: #3638f5;}
.dropdown-product-nav-container .dropdown-product-nav-tit a{display: flex;align-items: center; color: #5b5688;}
.dropdown-product-nav-container .dropdown-product-nav-tit i{font-size:1.8rem;margin-right:0.5rem;}



.dropdown-product-group-title{padding:1rem 0rem 1rem 1rem;display: flex;align-items: center;border-bottom: 0.1rem solid #d5dce1;    font-size: 1.6rem;font-weight: 500;color: #3638f5;}
.dropdown-product-group-title a{margin-left: 2rem;border-bottom: 0.1rem solid #d5dce1;}
.dropdown-product-group-title i{font-size:1.8rem;margin-right:1rem;}
.dropdown-product-group-title img{height:1.8rem;margin-right:1rem;}

.dropdown-product-yuyue{display: flex;justify-content: flex-end;padding:1.5rem 2rem;align-items: center;gap:1rem}
.dropdown-product-yuyue a{display: flex;justify-content:center;color: #5b5688;}
.dropdown-product-yuyue svg{font-size:1.8rem;margin-right:0.5rem;}


.dropdown-product-recommend .dropdown-product-recommend-list {display: flex;flex-direction: column;}
.dropdown-product-nav>ul>li{border-radius:1rem;overflow:hidden;padding-left: 15%}
.dropdown-product-nav>ul>li>a{font-size: 1.6rem;}
.dropdown-product-nav-menu {box-sizing: border-box;color: #595959;-webkit-transition: all .2s;transition: all .2s;background-color: #00000000;padding:1.4rem;cursor: pointer;}
.dropdown-product-nav li.active{background-color:#fff;}
.dropdown-product-nav li.active a{color: #3638f5}
.dropdown-product-nav li.active a.dropdown-product-nav-menu:after{background-position: 0rem 100%;}
.dropdown-product-nav-container .yuyue_show{padding-left: 15%;font-size: 1.4rem}
.dropdown-product-nav-container .yuyue_show a{color: #3638f5;padding:2.5rem 0rem 0.5rem 1.6rem;}
.dropdown-product-nav-container .yuyue_show p{padding:0rem 1.6rem 1.6rem 1.6rem;}
.dropdown-product-content-middle.has-activity .dropdown-product-group.col-4 .dropdown-product-module{max-width: 20%;min-width: 20%}
/**nav**/


.totop-btn{align-items: center;
    border-radius: 2.4rem;
    box-shadow: 0 0.1rem 1rem 0 hsl(0deg 0% 100%);
    cursor: pointer;
    display: flex;
    height: 4.8rem;
    justify-content: center;
    width:  4.8rem;
    position: fixed;
    bottom:10rem;
    right:2rem;
    background-color: #000000;
    z-index: 99999;
    opacity: 0;
    color: #ffffff;
  
}
.totop-btn .iconfont{font-size: 3.2rem;}




/**kefu**/
.fixed-right-contact {
    align-items: flex-end;
    bottom: 15rem;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 2rem;
    z-index: 998;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.fixed-right-contact.active{

    bottom: 20rem;

}



.fixed-right-contact-center-item-logo{border:0.2rem solid #ccc;padding:0.6rem 0.8rem 0.8rem 0.8rem;border-radius: 50%;width: 3.8rem;height: 3.8rem;margin:0 auto;background: #000;}

.fixed-right-contact #portal-assistant .agent-new-portal-assistant-content .portal-assistant-name {
    background: linear-gradient(270deg,#7961ff,#2450ff);
    border: none;
    box-shadow: none;
    color: #fff
}

.fixed-right-contact .fixed-right-contact-center {
    background: #fff;
    border-radius: 2.4rem;
    box-shadow: 0 0.2rem 2rem 0 #00197e1a;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.2rem 0;
    height: 100%;
    padding: 0.7rem 0 2rem 0;
    position: relative;
    width: 4.8rem
}

.fixed-right-contact .fixed-right-contact-center .fixed-right-contact-center-item {
    align-items: center;

    display: flex;
    flex-direction: column;
    justify-content: center
}

.fixed-right-contact .fixed-right-contact-center .fixed-right-contact-center-item .fixed-right-contact-center-item-icon {
    height: 2rem;
    width: 2rem
}



.fixed-right-contact .fixed-right-contact-center .fixed-right-contact-center-item .fixed-right-contact-center-item-text {
    color: #091221;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: 0.2rem
}

.fixed-right-contact .fixed-right-contact-center .fixed-right-contact-center-item .fixed-right-contact-center-item-text.fixed-right-contact-center-item-text-hover {
    color: #2450ff
}

.fixed-right-contact .fixed-right-contact-center .console-love-tc {
    bottom: -4.4rem;
    position: absolute;
    right: calc(100% + 1.9rem);
    z-index: 999999
}





.fixed-right-contact .fixed-right-contact-center .contact-us-panel-box{

    border-radius: 0.8rem;
    bottom: -10.4rem;
    

    position: absolute;
    right:100%;
    white-space: nowrap;
    padding: 1.2rem;
    z-index: 10;
    display: none
}



.fixed-right-contact .fixed-right-contact-center .contact-us-panel {
   
    display: flex;
    flex-direction: column;
    gap: 2rem 0rem;
    padding:2rem;
    background: #fff;
    white-space: nowrap;
    box-shadow: 0 0.2rem 2rem 0 #00197e1a;
    border-radius: 2rem
 
  
}




.fixed-right-contact .fixed-right-contact-center .contact-us-panel-box .contact-us-panel-arrow {
    border: 0.6rem solid transparent;
    border-left-color: #fff;
    display: inline-block;
    display: none;
    height: 0;
    margin: 0 auto;
    position: absolute;
    right: 0rem;
    width: 0
}










.fixed-right-contact .fixed-right-contact-center .fixed-right-contact-center-item:hover .contact-us-panel-box{opacity: 1;display: flex;transform: scale(1);}



.fixed-right-contact .fixed-right-contact-center .contact-us-panel li {
    position: relative
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-link,.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-not-link {
    color: #091221;
    display: flex
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-link>img,.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-not-link>img {
    flex-shrink: 0;
    height: 3.6rem;
    margin-right: 1.2rem;
    margin-top: 3px;
    width: 3.6rem
}




.fixed-right-contact .fixed-right-contact-center .contact-us-panel li .icon{background:#f4f9ff;border-radius:2.8rem;width: 2.8rem;height: 2.8rem;margin-right:1rem;display: flex;justify-content: center;align-items: center;}
.fixed-right-contact .fixed-right-contact-center .contact-us-panel li .icon i{font-size: 1.8rem;}


.fixed-right-contact .fixed-right-contact-center .contact-us-panel-box .contact-phone1 .contact-us-panel-desc {
    text-align: center;
}


.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-inner-right {
    flex: 1;
    overflow: hidden
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box {
    align-items: center;
    display: flex
}
.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box-main{
    align-items: center;
    display: grid;
    gap:1rem;
    grid-template-columns: 1fr 1fr;
    width:14rem;
}





.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box.contact-us-panel-title-box-link:hover .contact-us-panel-link-icon,.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box.contact-us-panel-title-box-link:hover .contact-us-panel-title {
    color: #2450ff
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box .contact-us-panel-title {
    color: #091221;
    flex: 0 1 auto;
    
    
    font-weight: 600;
    line-height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-out;
    white-space: nowrap;font-size: 1.4rem;
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-title-box .contact-us-panel-link-icon {
    flex-shrink: 0;
    height: 1.2rem;
    margin-left: 0.2rem;
    transition: color .3s ease-out;
    width: 1.2rem
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-desc {
    color: #091221b2;
    font-size: 1.2rem;
    line-height: 2rem
}

.fixed-right-contact .fixed-right-contact-center .contact-us-panel .contact-us-panel-img {
    height: 6.6rem;
    margin-top: 4px;
    width: 6.6rem
}


.fixed-right-contact #portal-assistant {
    margin-bottom: 1.6rem
}

.cloud-fixed-wap-box #portal-assistant.portal-assistant-content-mobile {
    bottom: 9.6rem;
    position: fixed;
    right: 1.6rem;
    z-index: 10
}

.cloud-fixed-wap-box #portal-assistant .agent-new-portal-assistant-content .portal-assistant-name {
    background: linear-gradient(270deg,#7961ff,#2450ff);
    border: none;
    box-shadow: none;
    color: #fff
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center-bottom {
    background: transparent;
    height: 6.4rem;
    width: 100%
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center {
    background: #fff;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 6.4rem;
    justify-content: space-between;
    left: 0;
    padding: 1.3rem 1.6rem;
    position: fixed;
    width: 100%;
    z-index: 999
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-left {
    display: flex;
    flex: 1;
    gap: 0 2rem;
    overflow-x: auto;
    scrollbar-width: none;
    -moz-scrollbar-width: none
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-left .cloud-fixed-box-center-left-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 44px
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-left .cloud-fixed-box-center-left-item .cloud-fixed-box-center-left-item-img {
    height: 2rem;
    width: 2rem
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-left .cloud-fixed-box-center-left-item .cloud-fixed-box-center-left-item-text {
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin-top: 0.2rem
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-left::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-center .cloud-fixed-box-center-right {
    background: #2450ff;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    
    
    font-weight: 600;
    height: 4rem;
    line-height: 4rem;
    margin-left: 1rem;
    overflow: hidden;
    padding: 0 3rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit {
    background: #00000080;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content {
    background: #fff;
    border-radius: 2rem 2rem 0 0;
    box-shadow: 0 -4px 1.6rem 0 #0912210a;
    box-sizing: border-box;
    padding: 2.4rem
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .cloud-fixed-wap-box-benefit-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .cloud-fixed-wap-box-benefit-header .cloud-fixed-wap-box-benefit-header-text {
    
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list {
    display: flex;
    flex-direction: column;
    gap: 2rem 0;
    margin-top: 2rem
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item {
    align-items: center;
    display: flex;
    width: 100%
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item .wap-box-benefit-item-img {
    height: 36px;
    margin-right: 1.2rem;
    width: 36px
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item .wap-box-benefit-item-center {
    flex: 1;
    margin-right: 0.2rem;
    overflow: hidden
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item .wap-box-benefit-item-center .wap-box-benefit-item-center-title {
    color: #091221;
    
    
    font-weight: 600;
    line-height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item .wap-box-benefit-item-center .wap-box-benefit-item-center-desc {
    color: #091221b2;
    font-size: 1.2rem;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cloud-fixed-wap-box .cloud-fixed-wap-box-benefit .cloud-fixed-wap-box-benefit-content .wap-box-benefit-list .wap-box-benefit-item .wap-box-benefit-item-more-img {
    height: 1.6rem;
    width: 1.6rem
}
















/**手机导航下拉**/

.header-mbnav {
    display: none
}

@media (max-width: 1024px) {
    .header-mbnav.show {
        background:#fff;
        display: block
    }

    .header-mbnav.show .por-icon-more-new {
        display: inline-block;
        height: 6px;
        margin-left: 1rem;
        margin-top: -4px;
        position: relative;
        vertical-align: middle;
        width: 1.5rem
    }

    .header-mbnav.show .por-icon-more-new:before {
        border-bottom: 0.1rem solid;
        border-radius: 0.1rem;
        bottom: 0;
        content: "";
        position: absolute;
        right: 0;
        width: 100%
    }

    .header-mbnav.show .por-icon-more-new:after {
        border-bottom: 0.1rem solid;
        border-radius: 0.1rem;
        bottom: 0;
        content: "";
        position: absolute;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        width: 6px
    }

    .header-mbnav.show .header-subsite-mb-search {
        border-color: #f0f0f0;
        border-style: solid;
        border-width: 1.1rem 1.5rem;
        display: block;
        height: 60px;
        width: 100%
    }

    .header-mbnav.show .header-subsite-mb-search_icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEVHcEwlKzolKzomKzskKzoiJzokKjokKzkgIEAlLDozMzMkKjolKjngRhJkAAAADXRSTlMA/sJo9RWJRwikBdksCnit1QAAAHNJREFUGNNjYMAHgidpmsLYbY7eW0QyIGxWRfUFXEVCAWBOkzCINNQAcxINQCSzGFiVE0S1CkgdsziEUwhSwOkF4SyZACSYNkA43AroHBRlUAO4wAbAjFbUQbJUUDAV4RzVRJEChEN5FBOQvMDTgO45kgEACg4X1N3ZmzUAAAAASUVORK5CYII=);
        background-size: 100% 100%;
        display: inline-block;
        height: 1.6rem;
        margin-left: 1rem;
        margin-top: 1.1rem;
        width: 1.6rem
    }

    .header-mbnav.show .header-packup-container {
        bottom: 2.4rem;
        display: block;
        height: 3rem;
        pointer-events: none;
        position: fixed;
        width: 100%
    }

    .header-mbnav.show .header-packup-container .header-packup-btn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAS1BMVEVHcEzW19p8gIzu7u7u7u5bYW9la3ju7u7s7Ozv7+/w8PDx8fHv7+/v7+/29vbv7+/q6uru7u7v7+/u7u7t7e3n5+icoKjv7+9XXWy15MygAAAAGHRSTlMA6fi0VP785eTSMRG/gBtzDGh/lXLn8p+EvdM/AAABgElEQVRYw62X64KCIBCFSbBhhDQvme//pLuatrsuHNDp/LTOl9BclYrImaHXzNYy634wTh1S1XnayXdVrvve/nOvjPaeYXcNU1TcJI9igH1BGGivNSWla3B3TBni6G0aS1mykWPcKFu3kP9JB/QU/X7wHQwd1O4eKnsUYP/8FzXTYfHveNB0QlpwAbtrcHwOwFtmNXRSzZr/6AUs+nv4VR9a8JXL9XoBH7cLwCP/NCGCX2II+zFhjqYO+YupLBChQyeY/Y+ptIjwfQYH/XYqCRJcNAoXP80ASDBqQP4XABEG1SP/CgCEPpyIm38DxAlaBeO4WP1vwPIoFOkcBozjg3YAO47BdFDhZNme/gBiyaZwMcwAsAzAcoCWAXQkkLIBfSyUcwFDoqQnASaeznkAB0tiGuBhScsAdLiopgFVoqynAD7ZWKgYKdlYYGujjNYmbq7y9i4eMOQjjnzIEo958kFTPurKh235uC9fOOQrj3zpkq99H1g85avvB5bvY+v/F7TaYCWp7MIfAAAAAElFTkSuQmCC);
        background-size: 100% 100%;
        height: 3rem;
        margin: 0 auto;
        pointer-events: auto;
        width: 3rem
    }

    .header-mb-icon {
        left: 0.5rem;
        position: relative;
        top: 3px;
        vertical-align: top;
        width: 1.4rem
    }

    .header-mbnav {
        bottom: 0;
        height: 100vh;
        left: 0;
        position: absolute;
        right: 0;
        top: 75px;
        z-index: 999;
    }

    .header-mbnav .header-packup-container {
        display: none
    }

    .showPrompt .header-mbnav {
        top: 176px
    }

    .header-mbnav-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-transition: .3s;
        transition: .3s;
        background:#fff;
    }

    .header-mbnav-inner.show-next-level {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    .header-mbnav-level1,.header-mbnav-level2 {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header-mbnav-level1 {
        overflow-y: auto;
        padding-bottom: 168px;
        padding-top: 4px
    }

    .header-mbnav-level1::-webkit-scrollbar {
        display: none
    }

    .header-mbnav-level2-inner {
        display: none;
        height: 100%
    }

    .header-mbnav-level2-inner.show {
        display: block
    }

    .header-mbnav-level2-head {
        background-color: hsla(0,0%,100%,.1);
        height: 48px;
        padding: 1.3rem 48px;
        position: relative;
        text-align: center
    }

    .header-mbnav-level2-back {
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 48px
    }

    .header-mbnav-level2-back i {
        color: #252b3a;
        margin: 1.6rem
    }

    [data-name=language] .header-mbnav-level2-item_link i {
        float: right
    }

    .header-mbnav-level2-item_title {
        color: #252b3a;
        
        font-weight: 700
    }

    .header-mbnav-level2-item_link {
        color: #252b3a;
        display: block;
        
        margin-top: 1.2rem
    }

    .header-mbnav-level2-item_link span {
        color: #191919;
        margin-left: 0.5rem
    }

    .header-mbnav-level2-item_link i {
        height: 1.6rem;
        margin-top: 0.2rem;
        width: 1.6rem
    }

    .header-mbnav-level2-item_link .por-icon-checked {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEVHcEzCBRHGCxbDBhLEBRHCBRDDBRHCBRDPGBjCBRDCBRDBBhDGBxXCBxHEBxLBBhHBBRBjV6jrAAAAEHRSTlMAiRZMLJ1d9grS5qwjbja2uqP/3QAAAHxJREFUOMvtkksOgDAIRKVf+nXuf1qpLoxR6QGUdAEdmLyULssfkwhd1z3g1HnoDS4CXtE5AYl1gOgmAOFqSWTOqt4BZCRbDaCLJ0gDsFk6Ut1Tydqdy6xyH8MBUB7RmygoRgDyywu4NEzkvG6J/WB9AriwFnXJlYi/+Pk3+woFacAFcXQAAAAASUVORK5CYII=);
        background-size: 100% 100%
    }

    .header-mbnav-level2-item .active {
        color: #191919;
        font-weight: 600
    }

    .header-mbnav-level2-item+.header-mbnav-level2-item {
        border-top: 0.1rem solid #dfe1e6;
        margin-top: 2rem;
        padding-top: 2rem
    }

    .header-mbnav-level2-head-title {
        color: #252b3a;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.2rem
    }

    .header-mbnav-level2-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

    .header-mbnav-leftmenu {
        background: #f5f5f5;
        position: relative;
        width: 14rem;
        z-index: 10
    }

    .header-mbnav-leftmenu:only-child {
        width: 100%
    }

    .header-mbnav-collapses,.header-mbnav-menulist {
        height: 100%;
        overflow-y: auto
    }

    .header-mbnav-collapses::-webkit-scrollbar,.header-mbnav-menulist::-webkit-scrollbar {
        display: none
    }

    .header-mbnav-menulist {
        padding: 0;
        position: relative
    }

    .header-mbnav-menulist a {
        color: #252b3a;
        display: block;
        font-size: 1.4rem;
        line-height: 4.2rem;
        padding: 0 1.5rem;
        position: relative;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .header-mbnav-menulist a span {
        display: inline-block;
        padding: 1.2rem 0;
        position: relative
    }

    .header-mbnav-menulist a:after {
        background-color: #191919;
        bottom: 0;
        content: "";
        display: block;
        height: 1.6rem;
        left: 0;
        position: absolute;
        top: 31%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: .2s;
        transition: .2s;
        width: 0.2rem
    }

    .header-mbnav-menulist a i {
        margin-left: 8px
    }

    .header-mbnav-menulist .header-mbnav-level1-link:active a {
        background: #fff;
        
        font-weight: 600
    }

    .header-mbnav-menulist .header-mbnav-level1-link:active a:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .header-mbnav-menulist li.active a {
        background: #fff;
        
        font-weight: 600
    }

    .header-mbnav-menulist li.active a:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .header-mbnav-level2-menus-more {
        border-top: 0.1rem solid hsla(0,0%,100%,.2);
        bottom: 0;
        left: 0;
        margin: 0 1.5rem;
        padding: 1.6rem 0 2.4rem;
        position: absolute;
        right: 0
    }

    .header-mbnav-level2-menus-more a {
        color: #252b3a
    }

    .header-mbnav-level2-menus-more a i {
        margin-left: 8px
    }

    .header-mbnav-collapses {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        background-color: #fff;
        flex-grow: 1;
        padding: 2rem 1.5rem 1.6rem 2rem;
        width: calc(100% - 12rem)
    }

    .header-mbnav-collapses li {
        display: none
    }

    .header-mbnav-collapses li.show {
        display: block;
        padding-bottom: 15rem
    }

    .header-mbnav-level2-content-index {
        color: #252b3a;
        font-size: 1.4rem;
        
        font-weight: 600;
        line-height: 2.2rem;
        padding: 0 0 1.6rem
    }

    .header-mbnav-level2-content-index .header-icon-arrow-right {
        height: 1rem;
        width: 0.5rem
    }

    .header-mbnav-level2-content-index i {
        color: #191919;
        margin-left: 1.2rem
    }

    .header-mbnav-level2-content-index .product-nav-more a i:after,.header-mbnav-level2-content-index .product-nav-more a i:before {
        border-bottom: 0.1rem solid;
        border-radius: 0.1rem;
        bottom: 0;
        content: "";
        position: absolute;
        right: 0
    }

    .header-mbnav-level2-content-index .header-mbnav-level3 {
        display: block;
        font-weight: 400;
        margin-top: 1.2rem
    }

    .header-collapse-head a {
        cursor: pointer
    }

    .header-collapse-body {
        height: 0;
        overflow: hidden;
        -webkit-transition: .5s;
        transition: .5s
    }

    .header-collapse-body .header-collapse-content {
        padding-left: 1.6rem
    }

    .header-collapse-body .header-collapse-content .header-collapse-level1 .header-collapse-head {
        padding-top: 1.2rem
    }

    .header-collapse-body .header-collapse-content .header-collapse-level2-content-index {
        color: #252b3a;
        
        line-height: 2.2rem;
        padding: 1.2rem 0 0
    }

    .header-collapse-body .header-collapse-content .header-collapse-level2-content-index .header-icon-arrow-right {
        margin-left: 1rem
    }

    .header-collapse.open>.header-collapse-body {
        height: auto
    }

    .header-collapse.closed>.header-collapse-body>.header-collapse-content {
        display: none
    }

    .header-collapse-level1>.header-collapse-head>a>.header-icon-arrow-down {
        margin-top: -3px
    }

    .header-collapse>.header-collapse-head a {
        border-bottom: none;
        color: #252b3a;
        display: block;
        
        line-height: 2.2rem;
        position: relative
    }

    .header-mbnav-level1 .header-collapse>.header-collapse-head a {
        padding-bottom: 1.2rem;
        padding-top: 1.2rem
    }

    .header-collapse-line {
        background: #dfe1e6;
        height: 0.1rem;
        margin: 1.2rem 0;
        width: 100%
    }

    .header-collapse-line.no-splitLine {
        background: transparent
    }

    .header-collapse-level1.open+.header-collapse-line {
        margin-top: 1.6rem
    }

    .header-collapse-level2 {
        padding-top: 1.6rem
    }

    .header-collapse-level2+.header-collapse-level2,.header-collapse-level3 {
        padding-top: 1.2rem
    }

    .header-collapse-level2 .header-icon-arrow-down {
        margin-top: -3px
    }

    .header-mbnav-hot-sale {
        color: #252b3a
    }

    .header-mbnav-hot-sale-head {
        padding: 1.2rem 1.5rem
    }

    .header-mbnav-hot-sale-body {
        background-color: rgba(0,0,0,.2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header-mbnav-hot-sale-body>div {
        -webkit-box-flex: 0;
        border: 0 solid rgba(223,225,230,.2);
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .header-mbnav-hot-sale-body>div a {
        display: block
    }

    .header-mbnav-hot-sale-body>div:first-child {
        border-width: 0 0.1rem 0.1rem 0
    }

    .header-mbnav-hot-sale-body>div:first-child a {
        padding: 2rem 1.5rem 1.5rem
    }

    .header-mbnav-hot-sale-body>div:nth-child(2) {
        border-width: 0 0 0.1rem
    }

    .header-mbnav-hot-sale-body>div:nth-child(2) a {
        padding: 2rem 1.5rem 1.5rem
    }

    .header-mbnav-hot-sale-body>div:nth-child(3) {
        border-width: 0 0.1rem 0 0
    }

    .header-mbnav-hot-sale-body>div:nth-child(3) a {
        padding: 1.5rem 1.5rem 2rem
    }

    .header-mbnav-hot-sale-body>div:nth-child(4) a {
        padding: 2rem 1.5rem 1.5rem
    }

    .header-collapse>.header-collapse-head h2 {
        display: inline-block;
        width: calc(100% - 1rem);
        font-size: 1.4rem;
    }

    .header-collapse>.header-collapse-head h2 span {
        display: inline-block;
        max-width: calc(100% - 4rem);
        
        font-weight: 400
    }

    .header-collapse>.header-collapse-head h2 i.hot,.header-collapse>.header-collapse-head h2 i.new {
        margin-left: 4px;
        margin-top: 6px!important;
        vertical-align: top!important
    }

    .header-collapse-level4>.header-collapse-head a {
        padding-left: 55px;
        padding-right: 55px
    }

    .header-collapse>.header-collapse-head .header-icon-arrow-down,.header-collapse>.header-collapse-head .header-icon-arrow-right-large {
        position: absolute;
        top: 50%;
        -webkit-transition: .35s;
        transition: .35s
    }

    .header-collapse>.header-collapse-head .header-icon-arrow-down {
        right: 2rem
    }

    .header-collapse>.header-collapse-head .header-icon-arrow-right-large {
        margin-top: -5px;
        right: 2.4rem
    }

    .header-collapse.open>.header-collapse-head .header-icon-arrow-down {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .header-mbnav-common-list a {
        color: #252b3a;
        display: block;
        
        line-height: 2.2rem;
        padding: 1.1rem 4rem
    }

    .mbnav-solution-list {
        padding: 1rem 0
    }

    .mbnav-solution-item {
        padding: 0 4rem
    }

    .mbnav-solution-item+.mbnav-solution-item {
        margin-top: 2rem
    }

    .mbnav-solution-title>a {
        color: #c3c5c6;
        display: block;
        
        line-height: 2.8rem
    }

    .mbnav-solution-sub {
        color: hsla(0,0%,100%,.5);
        
        line-height: 2.8rem;
        margin-bottom: 1rem;
        overflow: hidden
    }

    .mbnav-solution-sub>li {
        float: left;
        margin-right: 2rem
    }

    .mbnav-solution-sub>a {
        display: block
    }

    .mbnav-solution-sub>li:last-child {
        margin-right: 0
    }

    .mbnav-solution-sub>li:last-child a {
        padding-right: 0.2rem
    }

    .mbnav-solution-sub>li:last-child a i {
        margin-top: -2px
    }

    .mbnav-solution-sub .new {
        margin-right: 0!important
    }
}

.mb-more-link {
    color: #191919;
    display: inline-block;
    
    line-height: 2.2rem;
    margin-top: 1.2rem;
    padding-left: 1.6rem
}

.mb-more-link .header-icon-arrow-right {
    margin-left: 1.2rem
}

.header-collapse-lang a {
    border-bottom: 0.1rem solid hsla(224,7%,43%,.2);
    color: #252b3a;
    display: block;
    
    line-height: 1.5;
    padding: 1rem 3rem;
    position: relative
}

.header-collapse-lang .header-icon-checked {
    margin-top: -6px;
    position: absolute;
    right: 19px;
    top: 50%
}

.header-search-mb {
    display: none
}

@media (max-width: 768px) {
    .header-search-mb {
        background:#0e1117;
        display: block;
        padding: 1.5rem
    }

    .header-search-mb-box {
        background-color: #252b3a;
        position: relative
    }

    .search-mb-input {
        background-color: #0e1117;
        border: 0.1rem solid #a0a2a8;
        border-radius: 0.2rem;
        color: #a0a2a8;
        
        height: 4rem;
        line-height: 2.2rem;
        padding-left: 1rem;
        padding-right: 80px;
        width: 100%
    }

    .search-mb-input:focus {
        background-color: transparent;
        border: 0.1rem solid #fff;
        color: #252b3a
    }

    .search-mb-clear {
        background-size: cover;
        display: none;
        height: 4rem;
        line-height: 0;
        padding: 1.2rem;
        position: absolute;
        right: 4rem;
        top: 0;
        width: 4rem
    }

    .search-mb-clear span {
        color: #666a75;
        font-size: 1.6rem
    }

    .search-mb-clear:after {
        border-right: 0.1rem solid #666a75;
        content: "";
        height: 2.2rem;
        margin-top: -1.1rem;
        position: absolute;
        right: 0;
        top: 50%
    }

    .search-mb-input.inputted~.search-mb-clear {
        display: block
    }

    .search-mb-input:focus~.search-mb-clear span {
        color: #252b3a
    }

    .search-mb-submit {
        background-color: transparent;
        border: none;
        color: #77787b;
        height: 4rem;
        line-height: 0;
        outline: none;
        padding: 1.2rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 4rem
    }

    .search-mb-input:focus~.search-mb-submit i {
        color: #252b3a
    }

    .header-collapse-level1 .header-collapse-line {
        display: none
    }

    html[lang=ar-MENA] .header-mbnav-level2-content-index .header-icon-arrow-right {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    html[lang=ar-MENA] .header-mbnav-level2-content-index i {
        margin-left: 0;
        margin-right: 1.2rem
    }

    html[lang=ar-MENA] .header-mbnav-menulist a:after {
        left: auto;
        right: 0
    }

    html[lang=ar-MENA] .header-collapse>.header-collapse-head h2 span {
        float: none
    }

    html[lang=ar-MENA] .header-collapse>.header-collapse-head .header-icon-arrow-down {
        left: 2rem;
        right: auto
    }



    .header-collapse>.header-collapse-head h2 span {

       max-width:100%;

    }





}

.header-mbshearch {
    display: none;
    height: calc(100vh - 48px);
    margin-top: -0.1rem
}

.showPrompt .header-mbshearch {
    height: calc(100vh - 172px)
}

.header-mbshearch.show {
    display: block
}

.header-mbshearch.show .header-mbshearch-input-box {
    border-color: #191919
}

.header-mbshearch-innner {
    background-color: #f5f5f6;
    border-radius: 0 0 1.6rem 1.6rem
}

.header-mbshearch-form {
    display: block;
    height: 60px;
    padding: 1.2rem 2rem 1.2rem 1.5rem
}

.header-mbshearch-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header-mbshearch-form-row>div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.header-mbshearch-form-row>div:nth-child(2) {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.header-mbshearch-input-box {
    background: #fff;
    border: 0.1rem solid #d4d4d4;
    border-radius: 1.8rem;
    position: relative
}

.header-mbshearch-input-box i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PGcgc3Ryb2tlPSIjMjUyQjNBIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0xMC44NzQgMy40NGMtNC4xIDAtNy40MzYgMy4zMzUtNy40MzYgNy40MzVzMy4zMzYgNy40MzYgNy40MzYgNy40MzYgNy40MzYtMy4zMzYgNy40MzYtNy40MzYtMy4zMzUtNy40MzYtNy40MzYtNy40MzZaIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJtMTYuMjExIDE2LjIxIDQuODkyIDQuOTAzIi8+PC9nPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
    color: #252b3a;
    font-size: 1.2rem;
    height: 1.6rem;
    left: 1.2rem;
    margin-top: -6px;
    position: absolute;
    top: 46%;
    width: 1.6rem
}

.header-mbshearch-input {
    background: transparent;
    border: none;
    color: #252b3a;
    height: 36px;
    padding-left: 4rem;
    position: relative;
    width: 100%;
    z-index: 1
}

.header-mbshearch-input:-ms-input-placeholder {
    color: #191919
}

.header-mbshearch-input::-moz-placeholder {
    color: #191919
}

.header-mbshearch-input::-webkit-input-placeholder {
    color: #191919
}

.header-mbshearch-input::-ms-input-placeholder {
    color: #191919
}

.header-mbshearch-input::placeholder {
    color: #191919
}

.header-mbshearch-cancel {
    color: #595959;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 1.2rem
}

.header-mbshearch-droplist {
    background: #fff;
    border-radius: 0 0 1.6rem 1.6rem;
    -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,.1);
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,.1);
    display: none;
    padding: 0 1.5rem 1.2rem
}

.header-mbshearch-droplist.show {
    display: block
}

.header-mbshearch-droplist a:active,.header-mbshearch-droplist a:active span,.header-mbshearch-droplist a:hover,.header-mbshearch-droplist a:hover span {
    color: #191919
}

.header-mbshearch-droplist a:active i,.header-mbshearch-droplist a:hover i {
    border-color: #191919;
    color: #191919
}

.header-mbshearch-droplist a:active[href]:after,.header-mbshearch-droplist a:hover[href]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAmRJREFUSA3NVF1IU2EYfs45U8F0NUOLitIahAVC9HeRobeRpbW0DAShH5RaRCMwLwyCSAIDS0z6I2Zo1EUXXUZQFLbIjJGmZzSdtuVSNzVZa3Pb2zmnOmyyHXbCQS8ceH+f5/vO+74fQ4IghcKmEFuC/j8Jgs6vEL+kROyBGvH1Weltuo4sTBaNNTQRhSOK5ap/0dzrHkSCQSyvroKruQV8mQHhmdmEl1FNIBxXAitoa8H6W22Yff4C/TtK4B/k45JoRK9/YBAhjzduwkLnz8/DsivvRC0yNxfCZjiK/p2l0Hfega58rxwXFcZ9o4NGjKYYZzLGdq8TnG6ZlDrvGgd/sBq+d++x5mIjVjddEJB/ozD8/iryD9lQ0NGaDK6co929C9Bwsk2BIEbqzmDi/gPkVOyD3nwbbHYWMFR2iD5uLVacBDVB9/WbZNEsJeumbRRwjJHqJstHTqCsMNah8NlTBN3fMHquAYtOIPIGhh2I+HzgtNmLTBAKw3HaBPuxemhLirHuWjM0DMch5J2Gp/txgkvHd+cYKsCkp8nB0OQUbJU1+P7yFVadP4u1Vy4BHAtm0txN9tqToEhETk5GiR7TH31W8AeOYF4g2XC3XdjyShmCESdEZA9Nz8hOJWXK3AXn5av4S+DpegT78VNIy8vFxicPkbmlKLZczQiKueOt7fQGS0g4LY2aGiX9U+keyY6HJT0VsZTKFpuRISXw5Ycx12PBSmM98oVmRi9dDEI8ViVf4IuLPuiLqDc3nybudSqlSjGpBzGMyRjCOIIVVoj98+Ao1PwbgQLgwlBKNjmaJOUEvwClyg9zXMpx3AAAAABJRU5ErkJggg==)
}

.header-mbshearch-droplist a {
    color: #595959;
    display: block;
    
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    padding: 1rem 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-mbshearch-droplist a span {
    color: #191919;
    font-weight: 600
}

.header-mbshearch-droplist a p {
    overflow: hidden;
    text-overflow: ellipsis
}

.header-mbshearch-droplist a>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.header-mbshearch-droplist a i {
    border: 0.1rem solid #191919;
    border-radius: 1.7rem;
    color: #595959;
    display: inline-block;
    font-size: 1.2rem;
    font-style: normal;
    line-height: 2.4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.header-mbshearch-droplist li.to-page a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-mbshearch-droplist li:not(.to-page) a {
    line-height: 2.2rem
}

.header-mbshearch-droplist li:first-child {
    padding-top: 1rem
}

.header-mbshearch-droplist li.to-page+li:not(.to-page) {
    margin-top: 1.2rem
}

.header-mbshearch-droplist li.to-page+li:not(.to-page) a {
    border-top: 0.1rem solid rgba(122,76,76,.08);
    padding-top: 1.6rem
}

.header-mbshearch-droplist .J-mbshearch-hot {
    display: none
}

.header-mbshearch-droplist .J-mbshearch-hot.show {
    display: block
}

.header-mbshearch-droplist .J-mbshearch-history,.header-mbshearch-droplist .J-mbshearch-related {
    display: none
}

.header-mbshearch-droplist .J-mbshearch-related.show {
    display: block
}

.header-mbshearch-droplist .J-mbshearch-title {
    color: #191919;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    padding: 2rem 0 1.2rem
}

.header-mbshearch-droplist .J-mbshearch-title span {
    color: #999;
    cursor: pointer;
    float: right;
    
    font-weight: 400;
    padding-left: 2rem;
    position: relative
}

.header-mbshearch-droplist .J-mbshearch-title span:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNi4wMDAwMDAiIGhlaWdodD0iMTYuMDAwMDAwIiBmaWxsPSJub25lIj4KCTxkZWZzPgoJCTxmaWx0ZXIgaWQ9InBpeHNvX2N1c3RvbV9tYXNrX3R5cGVfYWxwaGEiPgoJCQk8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwICIgLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxtYXNrIGlkPSJtYXNrXzAiIHdpZHRoPSIxNi4wMDAwMDAiIGhlaWdodD0iMTYuMDAwMDAwIiB4PSIwLjAwMDAwMCIgeT0iMC4wMDAwMDAiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPgoJCTxnIGZpbHRlcj0idXJsKCNwaXhzb19jdXN0b21fbWFza190eXBlX2FscGhhKSI+CgkJCTxnIGlkPSJjbGlwNF8zNzcwNTIiPgoJCQkJPHJlY3QgaWQ9InJlY3QiIHdpZHRoPSIxNi4wMDAwMDAiIGhlaWdodD0iMTYuMDAwMDAwIiB4PSIwLjAwMDAwMCIgeT0iMC4wMDAwMDAiIGZpbGw9InJnYigwLDAsMCkiIC8+CgkJCTwvZz4KCQk8L2c+Cgk8L21hc2s+Cgk8cmVjdCBpZD0ic3ZnIiB3aWR0aD0iMTYuMDAwMDAwIiBoZWlnaHQ9IjE2LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiAvPgoJPGcgaWQ9Im1hc2siIG1hc2s9InVybCgjbWFza18wKSI+CgkJPGcgaWQ9ImciPgoJCQk8cGF0aCBpZD0icGF0aCIgZD0iTTEyLjU0IDUuMjgwMDNDMTIuNzkgNS4yODAwMyAxMy4wNCA1LjUzMDAzIDEzLjA0IDUuNzgwMDNMMTMuMDQgMTMuMTJDMTMuMDQgMTQuMTIgMTIuMjEgMTQuOTYgMTEuMjEgMTQuOTZMNC40NDk5OSAxNC45NkMzLjQ0OTk5IDE0Ljk2IDIuNjE5OTkgMTQuMTIgMi42MTk5OSAxMy4xMkwyLjYxOTk5IDUuNzgwMDNDMi42MTk5OSA1LjUzMDAzIDIuODY5OTkgNS4yODAwMyAzLjExOTk5IDUuMjgwMDNDMy4zNjk5OSA1LjI4MDAzIDMuNjE5OTkgNS41MzAwMyAzLjYxOTk5IDUuNzgwMDNMMy42MTk5OSAxMy4xMkMzLjYxOTk5IDEzLjU0IDMuOTQ5OTkgMTMuOTYgNC40NDk5OSAxMy45NkwxMS4yMSAxMy45NkMxMS42MiAxMy45NiAxMi4wNCAxMy42MiAxMi4wNCAxMy4xMkwxMi4wNCA1Ljc4MDAzQzEyLjA0IDUuNTMwMDMgMTIuMjkgNS4yODAwMyAxMi41NCA1LjI4MDAzWk02LjI3OTk5IDYuNzkwMDNDNi41Mzk5OSA2Ljc5MDAzIDYuNzg5OTkgNy4wNDAwMyA2Ljc4OTk5IDcuMjkwMDNMNi43ODk5OSAxMS44N0M2Ljc4OTk5IDEyLjA0IDYuNjk5OTkgMTIuMTIgNi42MTk5OSAxMi4yMUM2LjUzOTk5IDEyLjI5IDYuMzY5OTkgMTIuMzcgNi4yNzk5OSAxMi4zN0M1Ljk0OTk5IDEyLjM3IDUuNzc5OTkgMTIuMTIgNS43Nzk5OSAxMS44N0w1Ljc3OTk5IDcuMjkwMDNDNS43Nzk5OSA3LjA0MDAzIDYuMDI5OTkgNi43OTAwMyA2LjI3OTk5IDYuNzkwMDNaTTkuMzY5OTkgNi43OTAwM0M5LjYxOTk5IDYuNzkwMDMgOS44Njk5OSA3LjA0MDAzIDkuODY5OTkgNy4yOTAwM0w5Ljg2OTk5IDExLjg3QzkuODY5OTkgMTIuMTIgOS42MTk5OSAxMi4zNyA5LjM2OTk5IDEyLjM3QzkuMTE5OTkgMTIuMzcgOC44Njk5OSAxMi4xMiA4Ljg2OTk5IDExLjg3TDguODY5OTkgNy4yOTAwM0M4Ljg2OTk5IDcuMDQwMDMgOS4xMTk5OSA2Ljc5MDAzIDkuMzY5OTkgNi43OTAwM1pNOS4zNjk5OSAxLjAzMDAzQzkuOTQ5OTkgMS4wMzAwMyAxMC40NiAxLjM2MDAzIDEwLjYyIDEuODYwMDNMMTEuMTIgMy42MjAwM0wxNC4xMyAzLjYyMDAzQzE0LjM4IDMuNjIwMDMgMTQuNjMgMy44NzAwMyAxNC42MyA0LjEyMDAzQzE0LjYzIDQuMzcwMDMgMTQuMzggNC42MjAwMyAxNC4xMyA0LjYyMDAzTDEuODU5OTkgNC42MjAwM0MxLjYwOTk5IDQuNjIwMDMgMS4zNTk5OSA0LjM3MDAzIDEuMzU5OTkgNC4xMjAwM0MxLjM1OTk5IDMuODcwMDMgMS42MDk5OSAzLjYyMDAzIDEuODU5OTkgMy42MjAwM0w0Ljc3OTk5IDMuNjIwMDNMNS40NDk5OSAxLjg2MDAzQzUuNjE5OTkgMS4zNjAwMyA2LjExOTk5IDEuMDMwMDMgNi42MTk5OSAxLjAzMDAzTDkuMzY5OTkgMS4wMzAwM1pNOS4zNjk5OSAxLjk1MDAzTDYuNjk5OTkgMS45NTAwM0M2LjUzOTk5IDEuOTUwMDMgNi4zNjk5OSAyLjAzMDAzIDYuMzY5OTkgMi4xMTAwM0w1Ljg2OTk5IDMuNTMwMDNMMTAuMTIgMy41MzAwM0w5LjY5OTk5IDIuMTEwMDNDOS42MTk5OSAyLjAzMDAzIDkuNTM5OTkgMS45NTAwMyA5LjM2OTk5IDEuOTUwMDNaIiBmaWxsPSJyZ2IoODksODksODkpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIC8+CgkJPC9nPgoJPC9nPgo8L3N2Zz4K);
    content: "";
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 4px;
    width: 1.6rem
}

.header-mbshearch-droplist .J-mbshearch-history-content {
    margin-bottom: -1.2rem;
    margin-right: -1.2rem;
    max-height: 76px;
    overflow: hidden
}

.header-mbshearch-droplist .J-mbshearch-history-content .his-btn {
    border: 0.1rem solid rgba(0,0,0,.2);
    border-radius: 6px;
    color: #595959;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    height: 26px;
    line-height: 1.8rem;
    margin-bottom: 1.2rem;
    margin-right: 1.2rem;
    max-width: 24rem;
    min-width: 58px;
    overflow: hidden;
    padding: 3px 8px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap
}

.header-mbshearch-droplist .J-mbshearch-history-content .his-btn:hover {
    border-color: #595959;
    color: #191919
}

.header-mbshearch-droplist .J-mbshearch-popular .J-mbshearch-title {
    padding-bottom: 8px
}

.header-mbshearch-droplist .J-mbshearch-popular li:first-child {
    padding-top: 0
}

.header-mbshearch-droplist .J-mbshearch-popular a {
    color: #595959;
    display: block;
    line-height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-mbshearch-droplist .J-mbshearch-popular a:hover {
    color: #191919;
    font-weight: 500
}





    .header-menu-mb {
        cursor: pointer;
        display: inline-block;

        font-size: 0;

        text-align: center;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .header-menu-mb span {
        background: #252b3a;
        border-radius: 3px;
        display: block;
        height: 3px;
        margin-bottom: 3px;
        -webkit-transform-origin: 2rem;
        transform-origin: 16px;
        -webkit-transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
        transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
        transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
        transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
        width: 1.8rem
    }

    .header-menu-mb span:nth-last-child(2) {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: width .5s ease;
        transition: width .5s ease
    }

    .header-menu-mb.show-nav span {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header-menu-mb.show-nav span:nth-last-child(2) {
        opacity: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: width .5s;
        transition: width .5s;
        width: 0
    }

    .header-menu-mb.show-nav span:nth-last-child(3) {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }