/* ===== 字体 ===== */
@font-face {
  font-family: "alpuhui";
  src: url(../css/font/AlibabaPuHuiTi-3-55-Regular.ttf);
}

/* ===== CSS变量 ===== */
:root {
  --theme-color: 45, 153, 207;
  --theme-color-dark: 20, 90, 140;
  --theme-color2: 210, 236, 250;
  --theme-color3: 45, 153, 207;
  --white: 255, 255, 255;
  --text-black: 34, 34, 34;
  --text-gray: 187, 187, 187;
  --text-gray2: 102, 102, 102;
  --light-gray: 204, 204, 204;
  --bg-color: 247, 247, 247;
  --bg-color2: 235, 246, 255;
  --footer-bg-b: 51, 51, 51;
  --footer-gray: 170, 170, 170;
  --black: 0, 0, 0;
  --banner-prop-bg: 45, 100, 150;
  --swiper-pagination-bullet-inactive-color: rgba(0,0,0,0.5);
  --swiper-pagination-color: rgba(0,0,0,0.5);
}

/* ===== 通用可点击元素 cursor ===== */
.nav-link,
.qa-title,
.cate-title,
.side-item-box,
.side-item,
.wx-box,
.tel-box,
.concat-box-mb .footer-tab > div,
.concat-box-mb .footer-tab > a,
#toTop,
.copyright a,
a {
  cursor: pointer;
}

/* ===== 基础重置 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-size: 14px;
  color: rgb(var(--text-black));
  background-color: rgba(var(--bg-color), 1);
  counter-reset: title 0;
  width: 100%;
  font-family: "alpuhui", "YaHei", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a { text-decoration: none; color: rgb(var(--text-black)); }
ol, ul, li { list-style: none; }

/* ===== 通用图标 ===== */
.icon {
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor; overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-tel-y { width: 20px; height: 18px; background-image: url(../asset/icon/tel-y.png); }
.icon-cate01 { background-image: url(../asset/icon/cate01.png); }
.icon-cate02 { background-image: url(../asset/icon/cate02.png); }
.icon-cate03 { background-image: url(../asset/icon/cate03.png); }
.icon-cate04 { background-image: url(../asset/icon/cate04.png); }
.icon-tel  { background-image: url(../asset/icon/tel_icon.png); }
.icon-addr { background-image: url(../asset/icon/addr_icon.png); }
.icon-area { background-image: url(../asset/icon/area_icon.png); }

.tips { color: rgb(var(--text-gray2)); }

/* ===== Header ===== */
.header {
  width: 100%;
  position: sticky; top: 0; left: 0; right: 0;
  z-index: 999; transition: all 0.3s;
  background-color: rgba(var(--white), 1);
}
.header-container { display: flex; }
.header .logo { background-size: contain; background-repeat: no-repeat; }
.header-container { display: flex; align-items: center; }

/* ===== Banner ===== */
.banner {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}
.banner > .container {
  display: flex; flex-direction: column;
  justify-content: center; align-items: center;
  height: 100%; padding: 0 2px;
}
.banner-prop {
  background-color: rgba(var(--banner-prop-bg), 0.5);
  color: rgb(var(--white));
  border: 1px solid rgb(var(--white));
  border-radius: 2em;
  box-sizing: border-box;
  text-align: center;
  width: fit-content;
}
.banner-prop span+span::before { content: "·"; }
.banner .endesc { color: rgb(var(--theme-color3)); }
.banner .company-name {
  display: flex; flex-direction: column;
  text-shadow: 0px 2px 6px rgba(var(--white), 0.3);
  font-weight: 700;
}
.banner-subtitle { color: rgb(var(--white)); font-weight: 700; }
.banner-catelist { display: flex; justify-content: center; }
.banner-catelist > span {
  border-radius: 6px;
  color: rgb(var(--theme-color));
  background-color: rgb(var(--white));
  font-weight: 500;
}

/* ===== 区块标题 ===== */
.theme-title { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.theme-title > h2 + p { color: rgb(var(--text-gray)); margin-top: -3px; }

/* ===== Part01 ===== */
#part01 { background: rgb(var(--white)); }
.cate-title { color: rgba(var(--white), 1); display: flex; border-radius: 20px 0 0 0; }
.cate-content { background-color: rgb(var(--bg-color)); }
.cate-content-item .cate-content-point {
  font-weight: 700; border-radius: 20px;
  background-color: rgba(var(--theme-color), .2);
}

/* ===== Part02 ===== */
.fees-table { display: flex; flex-direction: column; }
.fees-table-header {
  display: flex;
  background-color: rgb(var(--theme-color));
  color: rgb(var(--white));
  align-items: center; font-weight: 700;
}
.fees-table-header > div, .fees-table-item > div { text-align: center; }
.fees-table-header > div + div { border-left: 1px solid rgb(var(--white)); }
.fees-table-item {
  display: flex;
  background-color: rgb(var(--white));
  align-items: center; justify-content: space-around;
}
.fees-table-item > div { display: flex; align-items: center; justify-content: center; }
.fees-table-item > div:nth-child(1) { font-weight: 700; color: rgb(var(--theme-color-dark)); }
.fees-table-item:nth-child(2n+1) { background-color: rgba(var(--bg-color), 1); }

/* ===== Part03 ===== */
#part03 { background: rgb(var(--white)); }
.process-box { display: flex; }
.process-list .process-item-title {
  background-color: rgb(var(--bg-color));
  display: flex; align-items: center;
  cursor: pointer;
}
.process-item-title-num {
  display: inline-block; text-align: center;
  border-radius: 50%;
  color: rgb(var(--white));
  background-color: rgb(var(--light-gray));
}
.process-item.active .process-item-title { background-color: rgba(var(--theme-color), 0.2); }
.process-item.active .process-item-title-num { background-color: rgb(var(--white)); color: rgb(var(--theme-color-dark)); }
.process-item.active .process-item-title-text { font-weight: 700; color: rgb(var(--theme-color-dark)); }
.process-item-content {
  box-sizing: border-box;
  background-image: url(../asset/image/process_bg.png);
  color: rgb(var(--white));
  background-size: cover; background-position: center;
}
.process-item-content::before {
  content: ''; position: absolute;
  background-image: url(../asset/icon/process_p_icon.png);
  background-size: cover;
}
.process-item-content::after {
  content: ''; position: absolute;
  background-image: url(../asset/icon/process_q_icon.png);
  background-size: cover;
}
.process-item-content > div::before {
  content: ''; position: absolute;
  height: 1px; background-color: rgb(var(--theme-color));
}
.process-item-content > div::after {
  content: ''; position: absolute;
  height: 1px; background-color: rgb(var(--theme-color));
}
.process-item.active .process-item-content { display: block; }
.process-item-content > div { display: flex; flex-direction: column; justify-content: center; }

/* ===== Part04 ===== */
#part04 .theme-title > h2 { color: rgb(var(--white)); }
.company-introduction {
  background-color: rgba(var(--theme-color), 1);
  color: rgb(var(--white));
  border-radius: 20px 0 0 20px;
}
.company-title + span {
  color: rgb(var(--theme-color2));
  background-color: rgba(var(--theme-color-dark), 0.2);
}
.company-area { background-color: rgba(var(--white), 0.88); border-radius: 0 20px 20px 0; }
.company-area-title {
  display: flex; align-items: center;
  color: rgb(var(--theme-color-dark)); justify-content: center;
}
.company-area-title > span { position: relative; }
.company-area-title > span::before,
.company-area-title > span::after {
  content: ""; width: 4px; height: 4px; border-radius: 50%;
  position: absolute; top: 50%; transform: translateY(-50%);
  background-color: rgba(45,153,207,1);
}
.company-area-title > span::before { left: -4px; }
.company-area-title > span::after  { right: -4px; }
.company-area-title::before {
  content: ""; height: 1px; flex: 1;
  background-color: rgba(var(--theme-color-dark), 0.5);
}
.company-area-title::after {
  content: ""; height: 1px; flex: 1;
  background-color: rgba(var(--theme-color-dark), 0.5);
}
.area-tip { color: rgb(var(--theme-color-dark)); }
.swiper-container { position: relative; overflow: hidden; }
.swiper-container .swiper { width: 100%; height: 100%; }
.swiper-container .swiper img { width: 100%; height: 100%; -webkit-user-drag: none; }
.swiper-container .swiper .swiper-pagination {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: fit-content; text-align: center; display: flex; align-items: center;
}
.lab-advantage-list { display: flex; }
.lab-advantage-title { color: rgb(var(--white)); text-align: center; font-weight: 500; margin-top: 50px; }
.lab-advantage-item {
  display: flex; flex-direction: column;
  background-size: 100% 100%;
  background-color: rgba(var(--bg-color), 0.88);
}
.lab-advantage-item:nth-child(2),
.lab-advantage-item:nth-child(3) { background-color: rgb(var(--theme-color)); color: rgb(var(--white)); }
.lab-advantage-sub-title {
  width: fit-content; font-weight: 700; width: 100%;
  color: rgb(var(--theme-color-dark));
  display: flex; align-items: center;
  border-bottom: 1px solid rgb(var(--theme-color-dark));
}
.lab-advantage-item:nth-child(2) .lab-advantage-sub-title,
.lab-advantage-item:nth-child(3) .lab-advantage-sub-title { color: rgb(var(--white)); }
.lab-advantage-desc { text-align: justify; margin-top: 12px; }
.lab-advantage-item:nth-child(2) .lab-advantage-desc,
.lab-advantage-item:nth-child(3) .lab-advantage-desc { color: rgb(var(--white)); }

/* ===== Part05 ===== */
.qa-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.qa-item { position: relative; box-sizing: border-box; }
.qa-num { position: absolute; top: 0; left: 0; color: rgba(var(--theme-color), .5); text-align: center; font-weight: 700; }
.qa-title {
  display: flex; align-items: center; box-sizing: border-box;
  background: rgba(var(--white), 1); justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
.qa-item.active .qa-title { background: rgba(var(--theme-color), 0.2); }
.qa-title-text { flex: 1; min-width: 0; font-weight: 700; }
.qa-btn {
  width: 20px; height: 20px; display: block;
  transition: all 0.3s ease-in-out;
  background-image: url(../asset/icon/qa_arrow.png);
  background-size: cover;
}
.qa-item.active .qa-btn { transform: rotate(180deg); }
.qa-content {
  overflow: hidden; max-height: 0; margin-top: 0;
  background: rgba(var(--white), 1);
  box-shadow: 0px 2px 10px rgba(var(--black), 0);
  transition: all 0.3s ease-in-out;
}
.qa-item-title { position: relative; color: rgb(var(--theme-color-dark)); }
.qa-item-title::before {
  content: ''; position: absolute; transform: translateY(-50%);
  border-radius: 50%; background: rgb(var(--theme-color-dark));
}

/* ===== Footer ===== */
.footer { width: 100%; background: rgb(var(--footer-bg-b)); color: rgb(var(--white)); }
.footer-title { border-bottom: 1px solid rgb(var(--footer-gray)); }
.footer-info { display: flex; flex-direction: column; flex: 1; }
.info-row { display: flex; }
.info-row > p { flex: 1; }
.info-row .info-name { display: inline-block; }
.copyright { width: 100%; text-align: center; color: rgb(var(--footer-gray)); border-top: 1px solid rgb(var(--footer-gray)); }

/* ===== Side Tab ===== */
.side-tab-box { position: fixed; right: 30px; bottom: 48px; z-index: 999; color: rgb(var(--text-black)); }
.side-item-box {
  display: block; position: relative;
  padding: 10px; background: rgba(var(--white), 1);
  width: fit-content; margin-bottom: 20px;
}
.side-item-box img { width: 46px; height: 46px; object-fit: contain; }
.side-item { overflow: hidden; }
.side-item-box:hover { background: rgba(var(--theme-color), 1); }
.side-item-box:hover .side-item { color: rgba(var(--white), 1); }
.side-item-box:hover .icon-img { transform: translateY(-100%); filter: drop-shadow(0px 46px #fff); }
.side-tab-box .side-item-box:nth-last-child(1) { padding: 4px 10px 10px 10px; color: rgb(var(--text-gray)); }
.side-item { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.side-content-box {
  position: absolute; top: 50%; transform: translateY(-50%);
  overflow: hidden; transition: all 0.3s;
  right: 100%; width: 0; box-sizing: border-box; padding-right: 0;
}
.side-content-box > div {
  background-color: rgb(var(--white)); display: flex; flex-direction: column;
  align-items: center; padding: 12px 0;
  border-right: 2px solid transparent;
  border-image: linear-gradient(180deg, rgba(var(--theme-color),1) 0%, rgba(var(--theme-color2),1) 100%);
  border-image-slice: 1;
}
.side-content-box > div > .desc {
  width: fit-content; border-radius: 12px; font-size: 12px;
  color: rgb(var(--theme-color-dark)); background-color: rgba(var(--theme-color2), 1);
  line-height: 24px; padding: 0 10px; margin-top: 4px;
}
.side-content-box > div .tel { font-size: 18px; font-weight: 700; }
.side-content-box.side-wx-box > div { width: 152px; }
.side-content-box.side-wx-box > div img { width: 120px; height: 120px; object-fit: contain; }
.side-content-box.tel-box > div { color: rgb(var(--theme-color)); width: 187px; }
.side-item-box:hover .side-content-box { padding-right: 20px; }
.side-item-box:hover .side-content-box.side-wx-box { width: 172px; }
.side-item-box:hover .side-content-box.tel-box { width: 207px; }


/* ============================================================
   PC端样式  (>768px)
   ============================================================ */
@media (min-width: 769px) {

  .container { width: 1200px; margin: 0 auto; position: relative; }
  .tips { font-size: 15px; }

  .header { min-width: 1200px; height: 100px; box-shadow: 2px 2px 10px rgba(var(--white),0.1); color: rgba(var(--white),1); }
  .header .logo-box { margin-right: 65px; }
  .jingqi-title { display: none; }
  .header .logo { width: 166px; height: 50px; background-image: url(../asset/image/logo.png); }
  .header-container { width: 1200px; margin: 0 auto; height: 100px; align-items: center; display: flex; }
  .nav-btn { display: none; }
  .nav-list { display: flex; color: rgba(var(--white),1); flex: 1; height: 100px; overflow: hidden; align-items: center; }
  .nav-list li { flex: 1; text-align: center; height: 100%; }
  .nav-list li > a {
    padding: 0 40px; font-size: 18px; display: block;
    width: 100%; height: 100%; line-height: 100px;
    background-color: rgba(var(--theme-color-dark),0);
    box-sizing: border-box;
  }
  .nav-list li > a:hover {
    background-color: rgba(var(--theme-color),.1);
    font-weight: 700;
    border-bottom: 3px solid rgba(var(--theme-color),1);
  }
  .nav-list li > a { cursor: pointer; }

  .banner { min-width: 1200px; padding: 179px 0 180px; background-image: url(../asset/image/banner-bg.png); }
  .banner-prop { font-size: 24px; padding: 0 30px; line-height: 50px; }
  .banner-prop span+span::before { content: "·"; margin: 0 18px; }
  .banner .endesc { font-size: 18px; line-height: 25px; margin: -13px 0 -6px; letter-spacing: 2px; }
  .banner .company-name { font-size: 72px; line-height: 110px; margin-top: 20px; }
  .banner-subtitle { font-size: 60px; line-height: 83px; margin-bottom: 20px; }
  .banner-catelist > span { font-size: 24px; letter-spacing: 2px; line-height: 53px; padding: 0 16px; }
  .banner-catelist > span + span { margin-left: 8px; }

  .theme-title > h2 { font-size: 30px; font-weight: 700; line-height: 42px; }

  /* Part01 */
  #part01 { padding-top: 88px; padding-bottom: 70px; }
  .cate-box { margin-top: 50px; }
  .cate-item { display: flex; align-items: first baseline; }
  .cate-item + .cate-item { margin-top: 20px; }
  .cate-title { background-color: rgb(var(--theme-color)); color: rgba(var(--white),1); flex-direction: column; text-align: center; width: 179px; }
  .cate-title .num { font-size: 36px; font-weight: 700; border-bottom: 2px solid rgba(var(--white),1); line-height: 49px; height: 49px; }
  .cate-title .cate-name { font-size: 30px; line-height: 32px; padding: 9px 30px 10px; display: flex; flex-direction: column; align-items: center; }
  .cate-content { flex: 1; line-height: 24px; padding: 20px 30px; font-size: 15px; }
  .cate-content-item { display: flex; align-items: first baseline; }
  .cate-content-item + .cate-content-item { margin-top: 12px; }
  .cate-content-item .cate-content-point { line-height: 28px; padding: 0 10px; margin-right: 12px; }
  .cate-content-item .cate-content-text { flex: 1; min-width: 0; }

  /* Part02 */
  #part02 { padding: 88px 0 76px; background-image: url(../asset/image/fees_bg.png); }
  .fees-table { margin-top: 66px; padding: 0 96px; }
  .fees-table-header { border-radius: 10px 10px 0 0; line-height: 55px; font-size: 18px; letter-spacing: 2px; font-weight: 700; box-sizing: border-box; justify-content: space-between; }
  .fees-table-header > div, .fees-table-item > div { flex: 1; }
  .fees-table-item { height: 78px; line-height: 24px; font-size: 16px; }
  .fees-table-box .tips { margin: 21px 0 0 25px; padding: 0 96px; }

  /* Part03 */
  #part03 { padding: 88px 0 77px; }
  .process-box { position: relative; margin: 50px 96px 0; overflow: hidden; border-radius: 20px 0 20px 0; }
  .process-list { width: 100%; padding: 30px 50px; background-color: rgb(var(--bg-color)); }
  .process-list .process-item-title { border-radius: 36px; line-height: 40px; padding: 16px 30px; }
  .process-item-title-num { width: 40px; height: 40px; font-size: 34px; margin-right: 29px; }
  .process-item-title-text { font-size: 24px; }
  .process-item-content { display: none; position: absolute; right: 0; top: 0; height: 100%; width: 600px; padding: 0 72px; }
  .process-item-content::before { left: 72px; top: 60px; width: 26px; height: 20px; }
  .process-item-content::after  { right: 72px; bottom: 42px; width: 26px; height: 20px; }
  .process-item-content > div::before { top: 70px; right: 72px; width: 416px; }
  .process-item-content > div::after  { left: 72px; bottom: 57px; width: 416px; }
  .process-item.active .process-item-content { display: block; }
  .process-item-content > div { width: 100%; height: 100%; }
  .process-item-content > div > p { line-height: 28px; font-size: 18px; }
  .process-item-content > div > p + p { margin-top: 24px; }

  /* Part04 */
  #part04 { padding: 88px 0 87px; background: url(../asset/image/company-bg-p.png); }
  .company-container { display: flex; margin-top: 66px; }
  .company-introduction { flex: 1; padding: 65px 60px; }
  #part04 .company-name { margin-bottom: 20px; line-height: 42px; }
  .company-title { font-size: 30px; letter-spacing: 1px; font-weight: 500; }
  .company-desc { font-size: 16px; line-height: 28px; margin-right: 11px; margin-top: 20px; }
  .company-title + span { font-size: 18px; margin-left: 30px; padding: 0 20px; line-height: 29px; border-radius: 20px; }
  .company-area { flex: 1; padding: 65px 60px; }
  .company-area-title { font-size: 16px; font-weight: 500; }
  .company-area-title > span { padding: 0 30px; }
  .area-content { font-size: 15px; line-height: 24px; }
  .company-area-title + .area-content { margin-top: 12px; }
  .area-content + .company-area-title { margin-top: 20px; }
  .lab-advantage { display: flex; }
  .lab-advantage-title { font-size: 24px; line-height: 33px; margin-bottom: 22px; }
  .swiper-container { height: 400px; width: 609px; margin-right: 9px; border-radius: 20px 0 0 20px; }
  .swiper-container .swiper { width: 100%; height: 100%; }
  .swiper-container .swiper img { width: 100%; height: 100%; }
  .swiper-container .swiper .swiper-pagination { bottom: 14px; }
  .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; }
  .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px; }
  .lab-advantage-list { position: relative; display: flex; flex-flow: wrap; width: 582px; }
  .lab-advantage-item { padding: 30px 27px 24px; width: 291px; box-sizing: border-box; background-color: rgba(var(--white),.8); }
  .lab-advantage-item:nth-child(2), .lab-advantage-item:nth-child(3) { background-color: rgba(var(--theme-color),.8); color: rgb(var(--white)); }
  .lab-advantage-sub-title { font-size: 24px; line-height: 40px; padding-bottom: 16px; }
  .lab-advantage-item .lab-advantage-sub-title .icon { width: 40px; height: 40px; margin-right: 12px; }
  .lab-advantage-desc { font-size: 16px; line-height: 25px; }

  /* Part05 */
  #part05 { padding: 88px 0 100px; }
  .qa-box { margin-top: 81px; }
  .qa-item { width: calc(50% - 33px); margin-bottom: 42px; padding-left: 63px; }
  .qa-item:nth-child(2n) { margin-left: 66px; }
  .qa-title { padding: 0 30px 0 16px; line-height: 54px; }
  .qa-num { width: 57px; height: 54px; line-height: 54px; font-size: 48px; }
  .qa-title .qa-btn { color: rgb(var(--theme-color)); }
  .qa-item.active .qa-content { max-height: 256px; padding: 20px 16px; margin-top: 6px; }
  .qa-content { padding: 0 16px; }
  .qa-item-title { font-size: 16px; line-height: 26px; padding-left: 25px; }
  .qa-item-title::before { left: 9px; top: 13px; width: 6px; height: 6px; font-size: 16px; }
  .qa-item-content { line-height: 24px; margin-bottom: 10px; }
  .qa-item-content ul { margin-left: 24px; }
  .qa-item-content ul li { margin-top: 12px; }
  .qa-item-content p { margin-left: 24px; }

  /* Footer PC */
  .footer .container { display: flex; justify-content: space-between; padding: 75px 0 50px; }
  .info-row { line-height: 34px; }
  .info-row > i { transform: translateY(4px); width: 22px; height: 22px; }
  .info-row .info-name { font-weight: 700; }
  .info-row span { max-width: 853px; }
  .footer-info .icon { font-size: 22px; margin-right: 12px; }
  .footer-title { line-height: 42px; width: 100%; padding-bottom: 14px; border-bottom: 1px solid rgb(var(--footer-gray)); margin-bottom: 16px; }
  .footer-title > span:nth-child(1) { font-size: 30px; font-weight: 700; }
  .footer-title > span:nth-child(2) { font-size: 24px; margin: 0 20px; }
  .footer-title > span:nth-child(3) { font-size: 24px; font-weight: 400; }
  .concat-box-pc { position: relative; margin-top: -14px; margin-left: 103px; }
  .wx-box { width: 128px; height: 128px; border: 16px solid rgba(var(--white),0.3); }
  .wx-box img { width: 100%; height: 100%; object-fit: contain; }
  .wx-box + div { text-align: center; margin-top: 10px; color: rgb(var(--white)); }
  .copyright { font-size: 12px; line-height: 24px; padding: 14px 0; }
  .copyright a { color: rgb(var(--footer-gray)); }
  .concat-box-mb { display: none; }
}


/* ============================================================
   移动端样式  (≤768px)
   ============================================================ */
@media (max-width: 768px) {

  body { overflow-x: hidden; }
  .container { width: 100%; padding: 0 20px; margin: 0 auto; }
  .tips { font-size: 11px; }

  .header { height: 50px; }
  .header-container { height: 100%; padding: 0 20px; }
  .header .logo-box { display: flex; align-items: center; }
  .header .logo { width: 81px; height: 24px; margin-right: 4px; background-image: url(../asset/image/logo.png); }

  .nav-list {
    position: absolute; background: rgba(var(--white),0);
    top: -120%; right: 0; height: 50px; width: 44px;
    transition: all 0.3s ease-in-out; z-index: 999;
    padding: 10px 5px; font-size: 16px; border-radius: 0 0 0 30px;
    box-shadow: 0px 2px 20px rgba(0,0,0,0.2); opacity: 0; overflow: hidden;
  }
  .nav-list li { min-width: 95px; text-align: center; }
  .nav-list li > a { transition: margin-top .3s ease-in-out, opacity .3s ease-in-out; opacity: 0; display: block; line-height: 60px; }
  .nav-list li + li > a { border-top: 1px solid rgba(var(--light-gray),0.2); }
  .nav-list.active { top: 50px; right: 0; background: rgba(var(--white),1); width: 147px; height: 310px; border-radius: 4px; opacity: 1; }
  .nav-list.active li > a { opacity: 1; }

  .nav-btn { width: 24px; height: 24px; display: flex; align-items: center; position: absolute; right: 20px; top: 13px; z-index: 1000; }
  .icon-menu { display: block; height: 4px; width: 20px; background-image: url(../asset/icon/menu.png); background-size: cover; background-repeat: no-repeat; }

  .banner { padding: 55px 0; background-image: url(../asset/image/banner-bg2.png); }
  .banner-prop { font-size: 12px; padding: 0 12px; line-height: 21px; }
  .banner-prop span+span::before { content: "·"; margin: 0 4px; }
  .banner .endesc { font-size: 8px; line-height: 11px; margin: -2px 0 -2px; }
  .banner .company-name { font-size: 30px; line-height: 42px; margin-top: 20px; }
  .banner-subtitle { font-size: 18px; line-height: 25px; margin-bottom: 10px; }
  .banner-catelist > span { font-size: 12px; line-height: 25px; padding: 0 6px; }
  .banner-catelist > span + span { margin-left: 8px; }

  .theme-title > h2 { font-size: 18px; font-weight: 700; line-height: 25px; }

  /* Part01 Mobile */
  #part01 { padding: 50px 0; }
  .cate-box { margin-top: 50px; }
  .cate-item + .cate-item { margin-top: 20px; }
  .cate-title { background: linear-gradient(90deg, rgba(var(--theme-color-dark),1) 0%, rgba(var(--theme-color),1) 90.28%); line-height: 45px; font-weight: 500; position: relative; padding-right: 20px; }
  .cate-title::after { background-image: url(../asset/icon/cate_arrow.png); width: 20px; height: 20px; background-size: cover; background-position: center; content: ""; display: inline-block; margin-left: 10px; transition: transform .3s ease-in-out; position: absolute; top: 50%; right: 20px; transform: rotate(0deg) translateY(-50%); }
  .cate-item.active .cate-title::after { transform: rotate(180deg) translateY(50%); }
  .cate-title .num { font-size: 30px; letter-spacing: 1px; padding: 0 20px; border-right: 1px solid rgb(var(--white)); }
  .cate-title .cate-name { font-size: 18px; padding: 0 20px 0 30px; flex: 1; }
  .cate-content { padding: 0 20px; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out; }
  .cate-item.active .cate-content { padding: 20px; max-height: 360px; }
  .cate-content-item { display: flex; flex-direction: column; align-items: baseline; }
  .cate-content-item + .cate-content-item { margin-top: 16px; }
  .cate-content-point { line-height: 28px; padding: 0 10px; margin-bottom: 6px; font-size: 15px; font-weight: 700; }

  /* Part02 Mobile */
  #part02 { padding: 50px 0; background-image: url(../asset/image/fees_bg2.png); }
  #part02 .container { padding: 0 20px; }
  .fees-table { margin-top: 66px; }
  .fees-table-header { border-radius: 20px 20px 0 0; font-size: 14px; text-align: center; box-sizing: border-box; justify-content: space-around; }
  .fees-table-header > div { line-height: 20px; padding: 15px 9px; }
  .fees-table-item { height: 65px; line-height: 20px; font-size: 12px; padding: 0 11px 0 13px; }
  .fees-table-item > div:nth-child(1) { font-size: 12px; width: 56px; }
  .fees-table-item > div:nth-child(2) { width: 76px; }
  .fees-table-item > div:nth-child(2) span { display: block; width: 43px; }
  .fees-table-item > div:nth-child(3) { width: 104px; }
  .fees-table-item > div:nth-child(3) > span { display: block; }
  .fees-table-item > div:nth-child(3) > span span { font-size: 10px; }
  .fees-table-box .tips { margin: 12px 0 0 4px; }

  /* Part03 Mobile */
  #part03 { padding: 50px 0; }
  .process-box { flex-direction: column; }
  .process-list .process-item-title { padding: 10px 16px; border-radius: 34px 0 0 34px; margin: 6px 0; }
  .process-item .process-item-title::after { content: "【 详情 】"; color: rgba(var(--theme-color),1); }
  .process-item.active .process-item-title::after { content: "【 收起 】"; color: rgba(var(--theme-color-dark),1); }
  .process-item-title-num { width: 34px; height: 34px; font-size: 24px; margin-right: 20px; }
  .process-item-title-text { flex: 1; line-height: 34px; font-size: 18px; }
  .process-item-content { padding: 0; margin: 0; opacity: 0; border-radius: 20px; position: relative; overflow: hidden; max-height: 0; transition: max-height .3s ease-in-out, padding .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; }
  .process-item.active .process-item-content { padding: 56px 20px; margin: 6px 0 10px; max-height: 250px; opacity: 1; display: block; }
  .process-item-content::before { left: 22px; top: 20px; width: 23px; height: 16px; }
  .process-item-content::after  { right: 23px; bottom: 20px; width: 23px; height: 16px; }
  .process-item-content > div::before { top: 28px; right: 22px; width: 259px; }
  .process-item-content > div::after  { left: 23px; bottom: 28px; width: 259px; }
  .process-item-content > div > p { font-size: 13px; line-height: 22px; }
  .process-item-content > div > p + p { margin-top: 10px; }

  /* Part04 Mobile */
  #part04 { padding: 50px 0; background: url(../asset/image/company-bg-m.png); }
  #part04 .container { padding: 0 20px; }
  .company-container { flex-direction: column; margin-top: 30px; }
  .company-introduction { padding: 30px 20px; border-radius: 20px 20px 0 0; }
  #part04 .company-name { margin-bottom: 20px; line-height: 28px; }
  .company-title { font-size: 20px; letter-spacing: 1px; }
  .company-desc { font-size: 13px; line-height: 23px; }
  .company-title + span { font-size: 12px; margin-left: 20px; padding: 0 6px; line-height: 21px; border-radius: 20px; }
  .company-area-title > span { padding: 0 12px; }
  .company-area { padding: 30px 20px; border-radius: 0 0 20px 20px; }
  .company-area-title { font-size: 16px; font-weight: 500; }
  .area-content { font-size: 13px; line-height: 23px; }
  .company-area-title + .area-content { margin-top: 12px; }
  .area-content + .company-area-title { margin-top: 20px; }
  .lab-advantage { display: flex; flex-direction: column; }
  .swiper-container { position: relative; height: 220px; width: 100%; margin: 30px 0 20px; border-radius: 20px 20px 0 0; }
  .swiper-container .swiper .swiper-pagination { bottom: 12px; }
  .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet { width: 4px; height: 4px; }
  .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px; }
  .lab-advantage-title { font-size: 16px; line-height: 22px; }
  .lab-advantage-list { position: relative; margin-top: 20px; flex-flow: wrap; }
  .lab-advantage-item { padding: 24px 17px; width: 50%; }
  .lab-advantage-sub-title { font-size: 16px; line-height: 28px; padding-bottom: 12px; }
  .lab-advantage-item .lab-advantage-sub-title .icon { width: 28px; height: 28px; margin-right: 12px; }
  .lab-advantage-desc { font-size: 13px; line-height: 22px; }

  /* Part05 Mobile */
  #part05 { padding: 50px 0; }
  .qa-box { margin-top: 23px; }
  .qa-item { width: 100%; margin-bottom: 21px; padding-left: 50px; }
  .qa-title { padding: 16px 16px 16px 10px; line-height: 22px; }
  .qa-num { width: 43px; height: 50px; line-height: 50px; font-size: 36px; }
  .qa-title .qa-btn { color: rgb(var(--theme-color)); }
  .qa-item.active .qa-content { max-height: 300px; padding: 20px; margin-top: 6px; }
  .qa-content { padding: 0 20px; margin-left: -50px; }
  .qa-item-title { font-size: 14px; line-height: 20px; padding-left: 20px; }
  .qa-item-title::before { left: 9px; top: 9px; width: 4px; height: 4px; font-size: 16px; }
  .qa-title-text { margin-right: 17px; }
  .qa-item-content { line-height: 23px; margin-bottom: 10px; font-size: 13px; }
  .qa-item-content ul { margin-left: 20px; }
  .qa-item-content ul li { margin-top: 10px; }
  .qa-item-content p { margin-left: 20px; }

  /* Footer Mobile */
  .footer { padding: 30px 20px 86px; }
  .footer-title { display: flex; flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; }
  .footer-title > span:nth-child(1) { font-size: 18px; line-height: 25px; }
  .footer-title > span:nth-child(2) { display: none; }
  .footer-title > span:nth-child(3) { font-size: 16px; line-height: 22px; font-weight: 400; }
  .footer-info { padding-bottom: 10px; }
  .info-row { font-size: 13px; line-height: 23px; }
  .info-row + .info-row { margin-top: 10px; }
  .info-row > i { transform: translateY(5px); width: 14px; height: 14px; }
  .footer-info .icon { font-size: 22px; margin-right: 6px; }
  .copyright { font-size: 10px; line-height: 18px; padding: 10px 15px; width: 100%; }
  .copyright a { color: rgb(var(--footer-gray)); }
  .concat-box-pc { display: none; }
  .concat-box-mb { display: block; position: fixed; z-index: 998; bottom: 0; left: 0; width: 100%; height: 56px; background-color: rgba(var(--white),1); }
  .footer-tab { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; background-color: #fff; align-items: center; z-index: 999; }
  .footer-tab > div:nth-child(-n+2) { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; font-size: 10px; padding: 5px; }
  .footer-tab > div.wx-box { color: #2D99CF; }
  .footer-tab > div img { height: 22px; margin-bottom: 4px; }
  .footer-tab > div span { line-height: 15px; }
  .footer-tab > .tel-box { flex: 1; background-color: rgba(var(--theme-color),1); color: #fff; text-align: center; line-height: 56px; display: flex; align-items: center; height: 100%; justify-content: center; }
  .footer-tab > .tel-box img { width: 23px; height: 23px; margin-right: 5px; transform: translateY(2px); }
  .footer-tab > .tel-box span:nth-child(2) { font-size: 18px; font-weight: 700; }
  .footer-tab > .tel-box span:nth-child(3) { font-size: 14px; }
  .side-tab-box { display: none; }
}