/*
	FONT SIZE HIERARCHY
	---------------------------

    Default font-size for HTML :    16px
    blockquote                 :    1rem
    body                       :    1rem
    form                       :    0.875rem  14px
    h1                         :    3.375rem  58px
    h2                         :    2.375rem  38px
    h3                         :    1.75rem  28px
    h4                         :    1.25rem   20px
    h5                         :    1rem
    h6                         :    0.75rem  12px
	GLOBAL SPACING HIERARCHY WITH <section>
	---------------------------

    Default                    :    6.5625rem
    Large                      :    11.375rem
    Small                      :    4.8125rem
    Default (mobile)           :    4.265625rem
    Large (mobile)             :    4.265625rem
    Small (mobile)             :    2.625rem
	COLOR PALETTE
	---------------------------
    Placeholder Text Color     :    #E6E6E8
	Primary Background Color   :    transparent
	Highlight Color            :    #EC5E79, #E8588C
	Primary Text Color         :    #212121, #474747
    Heading Text Color         :    #212121
	Subordinate Text Color     :    #AEAEAE
	Dividing Line Color        :    #F4F4F4
    Button Gradient Color      :    #EC5E79, #f60, #d83ba0
	TABLE OF CONTENTS
	---------------------------

    ${{TOC}}
*/
/* Ripple Effect */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1); }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0); } }
/* ======================================================
    <!-- Basic -->
/* ====================================================== */
::placeholder {
  color: rgba(0, 0, 0, 0.4); }

:root {
  --blue: #007007;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40; }

::selection,
::-moz-selection,
::-webkit-selection {
  background: #1f1f1f;
  color: #fff; }

html,
body {
  width: 100%;
  height: 100%; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  /* Required, global font size */ }

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
a {
  margin: 0;
  padding: 0; }

/* 初始化 */
body, div, span, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, span,
aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.71428571429;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif;
  color: #212121;
  background-color: #ffffff; }

:active, :focus {
  outline: none !important; }

/* p,
pre,
table,
blockquote {
  margin-bottom: 1.421875rem; } */

select {
  max-width: 100%; }

ul, li {
  list-style-type: none; }

blockquote {
  background: #fff;
  border: 1px solid #F8F8F8;
  border-left: 5px solid #EC5E79;
  padding: 0 1.75rem 1.25rem;
  margin-top: 1.421875rem;
  line-height: 2;
  font-size: 1rem; }
  blockquote::before {
    color: #EC5E79;
    content: open-quote;
    font-size: 5.25rem;
    line-height: 0.1;
    margin-right: 0.21875rem;
    vertical-align: -2.055rem;
    font-family: sans-serif;
    content: "\201C";
    /*Unicode for Left Double Quote*/ }

strong {
  font-weight: 600; }

hr {
  margin: 1.421875rem 0;
  border-color: #F4F4F4; }
  hr.black {
    border-color: rgba(255, 255, 255, 0.1); }

a img {
  border: none; }

img {
  max-width: 100%; }

iframe {
  border: none !important; }

/* ======================================================
   <!-- Table -->
/* ====================================================== */
table.table-normal,
.table-normal table {
  border: 1px solid black;
  border-collapse: collapse;
  width: 100%; }
  table.table-normal th,
  .table-normal table th {
    text-align: left; }
  table.table-normal td,
  table.table-normal th,
  .table-normal table td,
  .table-normal table th {
    border: 1px solid black;
    padding: 0.6875rem; }

/* ======================================================
   <!-- Typography -->
/* ====================================================== */
/*
 * 1. General
 * 2. Hyperlink
 * 3. Heading (h1,h2,h3,h4,h5,h6)
 * 4. Text Effect
 * 5. Table & List Effect by Default
 * 6. Drop Cap
*/
/*
/*
 ---------------------------
 2. Hyperlink
 ---------------------------
 */
a {
  color: #474747; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none; }
  a.link {
    text-decoration: underline;
    color: #EC5E79; }
    a.link:hover {
      color: #E8588C; }

.heading-space-none {
  margin: 0 !important;
  padding: 0 !important; }

/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
  font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif;
  font-weight: 400 !important; }

.font-uppercase {
  text-transform: uppercase !important; }

.font-bold {
  font-weight: 800 !important; }

.font-italic {
  font-style: italic !important; }

.font-no-italic {
  font-style: normal !important; }

.font-underline {
  text-decoration: underline !important; }

.font-primary-color {
  color: #EC5E79 !important; }

.font-sub-color {
  color: #AEAEAE !important; }

.font-white {
  color: white; }
  .font-white p,
  .font-white h1,
  .font-white h2,
  .font-white h3,
  .font-white h4,
  .font-white h5,
  .font-white h6,
  .font-white .h1,
  .font-white .h2,
  .font-white .h3,
  .font-white .h4,
  .font-white .h5,
  .font-white .h6 {
    color: white; }

/*
 ---------------------------
 5. Table & List Effect by Default
 ---------------------------
 */
/* Compatible with  Uix Shortcodes (WordPress Plugin) */
.list-normal a:not(.uix-sc-btn),
.table-normal a:not(.uix-sc-btn) {
  color: #EC5E79; }

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
  color: #E8588C;
  text-decoration: underline; }

.list-normal a:not(.uix-sc-btn):hover img,
.table-normal a:not(.uix-sc-btn):hover img {
  text-decoration: none; }

/*
 ---------------------------
 6. Drop Cap
 ---------------------------
 */
.dropcap::first-letter,
.dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: -2px; }

/* ======================================================
   <!-- Spacing -->
/* ====================================================== */
section,
.section {
  position: relative; }

section.space-sm,
.section.space-sm {
  padding: 4.8125rem 0; }

section.space-lg,
.section.space-lg {
  padding: 11.375rem 0; }

section.space-none,
.section.space-none {
  padding: 0 !important; }

section.space-none-top,
.section.space-none-top {
  padding-top: 0 !important; }

section.space-none-bottom,
.section.space-none-bottom {
  padding-bottom: 0 !important; }

section.site-google-map,
.section.site-google-map {
  padding-top: 0 !important; }

@media all and (max-width: 768px) {
  section.space-sm,
  .section.space-sm {
    padding: 2.625rem 0; }

  section.space-lg,
  .section.space-lg {
    padding: 4.265625rem 0; }

  section.space-none,
  .section.space-none {
    padding: 0; }

  section.space-none-top,
  .section.space-none-top {
    padding-top: 0; }

  section.space-none-bottom,
  .section.space-none-bottom {
    padding-bottom: 0; }

  section.site-google-map,
  .section.site-google-map {
    padding-top: 0; } }
html, body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.pure:before,
.pure:after {
  content: " ";
  display: table; }

.pure:after {
  clear: both; }

.fl_l {
  float: left; }

.fl_r {
  float: right; }

body {
  height: auto;
  overflow-x: hidden; }

html {
  font-size: 100px; }

@media screen and (max-width: 1440px) {
  html {
    font-size: 80px; } }
@media screen and (max-width: 800px) {
  html {
    font-size: 70px; } }
@media screen and (max-width: 600px) {
  html {
    font-size: 50px; } }
a {
  text-decoration: none; }

.newiconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.bloc {
  position: relative;
  min-height: 100%; }
  .bloc .wrapper .row {
    background-color: #fff;
    overflow: hidden;
    height: 100vh; }

.ind_body .bloc {
  overflow: hidden; }
  .ind_body .bloc .wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden; }
    .ind_body .bloc .wrapper .row {
      position: absolute;
      width: 100vw;
      top: 0;
      left: 0;
      z-index: 3; }
      .ind_body .bloc .wrapper .row.on {
        z-index: 4;
        opacity: 1; }

.bloc .wrapper .row.navInPrev {
  pointer-events: none;
  opacity: 1;
  -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
  animation: slideInHalfFromTop 0.7s forwards ease-in-out; }

.bloc .wrapper .row.navOutPrev {
  pointer-events: none;
  opacity: 1;
  -webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
  animation: slideOutBottom 0.7s forwards ease-in-out; }

.bloc .wrapper .row.navInNext {
  pointer-events: none;
  opacity: 1;
  z-index: 100;
  -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
  animation: slideInFromBottom 0.7s forwards ease-in-out; }

.bloc .wrapper .row.navOutNext {
  pointer-events: none;
  opacity: 1;
  -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
  animation: slideOutHalfTop 0.7s forwards ease-in-out; }

.navClick {
  height: 15vh;
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  pointer-events: all;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4); }

@keyframes mhover {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(85%); } }
@keyframes mhover2 {
  0% {
    transform: translateY(90%); }
  100% {
    transform: translateY(100%); } }
.mess_img_case .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.1, 0.7, 0.74, 0.3);
  /*transition-timing-function: ease;*/ }

.ind_banner_box {
  height: 100%; }
  .ind_banner_box .swiper-container {
    height: 100%; }
  .ind_banner_box .swiper-button-next.swiper-button-disabled, .ind_banner_box .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto; }

.pic_img .banner_img_box {
  background-size: cover;
  background-position: center; }
  .pic_img .banner_img_box .banner_text_img_box {
    color: #fff; }

.banner_img_box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
  .banner_img_box.allwidth .banner_img {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover; }
    .banner_img_box.allwidth .banner_img::before {
      display: none; }
  .banner_img_box:not(.nocircle) .banner_img {
    transform: translate(-55%, -50%); }
  .banner_img_box .banner_img {
    width: 40%;
    overflow: hidden;
    position: absolute;
    left: 70%;
    top: 60%;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-55%, -50%); }
    .banner_img_box .banner_img::before {
      content: '';
      display: block;
      margin-top: 87.87%; }
  .banner_img_box .banner_m {
    display: none; }
  .banner_img_box .banner_text_img_box {
    width: 70%;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    color: #3b4048;
    display: none;
    z-index: 1; }
    .banner_img_box .banner_text_img_box .ind_banner_text_title {
      font-size: .8rem;
      line-height: 1.15; }
      .banner_img_box .banner_text_img_box .ind_banner_text_title span {
        font-size: .4rem;
        font-family: 'f-Regular';
        font-style: italic; }
    .banner_img_box .banner_text_img_box .ind_banner_name {
      line-height: 2;
      font-size: 0; }
      .banner_img_box .banner_text_img_box .ind_banner_name > div {
        display: inline-block;
        vertical-align: middle;
        font-size: .3rem; }
      .banner_img_box .banner_text_img_box .ind_banner_name > span {
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        border: 0.05rem solid #fff;
        width: .3rem;
        height: .3rem;
        margin-right: .2rem; }
  .banner_img_box video {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .banner_img_box #myCanvas {
    display: none;
    transition: all 0.5s ease; }
    .banner_img_box #myCanvas.on {
      opacity: 0; }

.ind_banner_box {
  background-size: cover; }
  .ind_banner_box .swiper-container .swiper-slide {
    opacity: 0 !important; }
    .ind_banner_box .swiper-container .swiper-slide.active {
      opacity: 1 !important;
      z-index: 6;
      pointer-events: all; }
  .ind_banner_box .banner_img_box {
    transform: scale(1.5);
    transition: all .3s ease-in-out;
    pointer-events: all; }
    .ind_banner_box .banner_img_box .banner_text_img_box {
      display: none; }
  .ind_banner_box .active .banner_img_box {
    transform: scale(1);
    transition: all 0s ease; }
    .ind_banner_box .active .banner_img_box .banner_img {
      opacity: 1;
      transform: translate(-50%, -50%);
      transition: all 3s ease; }
    .ind_banner_box .active .banner_img_box .banner_text_img_box {
      display: block; }

@keyframes gun0 {
  0% {
    top: 6px; }
  50% {
    top: 14px; }
  100% {
    top: 6px; } }
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

  .nav.pic_nav .logo_box img {
    opacity: 0; }
    .nav.pic_nav .logo_box img.logo_img_w {
      opacity: 1; }
  .nav.pic_nav .nav_btn > span {
    color: #fff; }
  .nav .logo_box {
    width: 8.125%;
    display: block;
    float: left;
    position: relative;
    pointer-events: auto; }
    .nav .logo_box img {
      display: block;
      width: 100%;
      transition: opacity .3s ease-in-out; }
      .nav .logo_box img.logo_img_w {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; }
  .nav .nav_btn {
    float: right;
    display: flex;
    align-items: center;
    pointer-events: auto; }
    .nav .nav_btn > span {
      text-transform: uppercase;
      color: #bbbcbc;
      font-size: 18px;
      margin-right: .85rem;
      height: .6rem;
      line-height: .6rem;
      font-family: 'jx'; }
    .nav .nav_btn .btn_nav_open {
      display: block; }

.nav_text_case {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  display: none;
  z-index: 99; }
  .nav_text_case.on {
    left: 0; }
  .nav_text_case .btn_nav_close {
    position: absolute;
    right: 4.4vw;
    top: 4.4vw;
    cursor: pointer;
    z-index: 5;
    color: #a3a9b2;
    transition: all 0.5s ease; }
    @media all and (min-width: 1024px) {
      .nav_text_case .btn_nav_close:hover {
        color: #85ccbe !important; }
      .nav_text_case .btn_nav_close.color_w {
        color: #fff !important; } }
    .nav_text_case .btn_nav_close i {
      font-size: .3rem;
      line-height: 1; }
  .nav_text_case > div {
    display: flex;
    height: 100%; }
    .nav_text_case > div > div {
      width: 20%;
      height: 100%;
      position: relative;
      background-color: #fff;
      text-align: center;
      overflow: hidden; }
      .nav_text_case > div > div .nav_hove_img {
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s ease;
        opacity: 0;
        height: 100%;
        width: 100%;
        background-position: center;
        background-size: cover;
        z-index: 0; }
      .nav_text_case > div > div .nav_text_name {
        margin-top: 25vh;
        font-size: .4rem;
        line-height: 1;
        font-weight: 700;
        color: #3b4048;
        transition: all 0.5s ease;
        position: relative; }
      .nav_text_case > div > div .nav_text_name_en {
        font-family: 'f-Light';
        line-height: 1;
        margin-top: .3rem;
        color: rgba(59, 64, 72, 0.3);
        transition: all 0.5s ease;
        font-size: .2rem;
        position: relative; }
      .nav_text_case > div > div ul {
        margin-top: 3.6vw;
        display: none;
        position: relative; }
        .nav_text_case > div > div ul li {
          display: block;
          line-height: 3.6;
          font-size: 18px; }
          .nav_text_case > div > div ul li a {
            color: #fff;
            position: relative;
            display: inline-block; }
            .nav_text_case > div > div ul li a::before {
              content: '';
              display: block;
              height: 1px;
              left: 0;
              width: 0;
              transition: all 0.5s ease;
              background-color: #fff;
              position: absolute;
              bottom: .05rem; }
            .nav_text_case > div > div ul li a:hover::before {
              width: 100%; }
      .nav_text_case > div > div .nav_text_num {
        position: absolute;
        bottom: 10vw;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(to bottom, #f3f4f4, rgba(243, 244, 244, 0));
        -webkit-background-clip: text;
        color: transparent;
        font-size: 1.5rem;
        line-height: 1;
        font-family: 'f-Regular';
        transition: all 0.5s ease;
        pointer-events: none;
        z-index: -1; }
      .nav_text_case > div > div.on .nav_hove_img {
        opacity: 1; }
      .nav_text_case > div > div.on .nav_text_name,
      .nav_text_case > div > div.on .nav_text_name_en {
        color: #fff; }
      .nav_text_case > div > div.on ul {
        display: block; }
      .nav_text_case > div > div.on .nav_text_num {
        opacity: 0;
        transform: translate(-50%, 100%); }
      @media all and (min-width: 1024px) {
        .nav_text_case > div > div:hover .nav_hove_img {
          opacity: 1; }
        .nav_text_case > div > div:hover .nav_text_name,
        .nav_text_case > div > div:hover .nav_text_name_en {
          color: #fff; }
        .nav_text_case > div > div:hover ul {
          display: block; }
        .nav_text_case > div > div:hover .nav_text_num {
          opacity: 0;
          transform: translate(-50%, 100%); } }

.btn_nav_open {
  display: none;
  border-radius: 100%;
  width: .6rem;
  height: .6rem;
  background-color: #85ccbe;
  /* 浏览器不支持的时候显示 */
  background-image: repeating-linear-gradient(-45deg, #b9e0d8, #b9e0d8 12.5%, #85ccbe 50%, #b9e0d8 87.5%);
  position: fixed;
  top: 4.166vw;
  right: 4.17%;
  transition: all .5s ease;
  transform-origin: 79% 17%;
  cursor: pointer;
  box-shadow: 0 25px 50px rgba(133, 204, 190, 0.4); }
  .btn_nav_open > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    position: relative; }
  .btn_nav_open::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 100%;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  @media all and (min-width: 1025px) {
    .btn_nav_open.nav_h:hover {
      -webkit-animation: anim-moema-1 0.3s forwards;
      animation: anim-moema-1 0.3s forwards; }
      .btn_nav_open.nav_h:hover::before {
        -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
        animation: anim-moema-2 0.3s 0.3s forwards; }
    .btn_nav_open.on {
      transform: scale(50); }
      .btn_nav_open.on span {
        top: 50% !important;
        left: 50% !important;
        transform: translate(5%, -100%) scale(4.5);
        transition: all .5s ease .1s; } }
  .btn_nav_open span {
    display: block;
    width: 33.33%;
    height: 33.33%;
    border-radius: 100%;
    background-color: #fff;
    position: absolute; }

.r_bottom_box {
  position: fixed;
  z-index: 8;
  right: 3.5%;
  bottom: 6%; }
  .r_bottom_box .nav-right {
    width: 2.5rem;
    height: 0.45rem;
    position: relative;
    float: right; }
    .r_bottom_box .nav-right .nav-sou {
      display: flex;
      position: absolute;
      top: 0;
      right: .05rem;
      border: none;
      transition: all .3s;
      z-index: 9; }
    .r_bottom_box .nav-right .nav-sou input {
      display: block;
      width: 0;
      height: 0.3rem;
      background-color: transparent;
      border: 0;
      font-size: 0.14rem;
      line-height: 0.3rem;
      color: #000;
      transition: all .3s;
      float: left; }
    .r_bottom_box .nav-right .nav-sou button {
      background-color: transparent;
      border: 0;
      color: #aaacaf;
      cursor: pointer;
      float: left;
      transition: all 0.5s ease; }
      .r_bottom_box .nav-right .nav-sou button i {
        font-size: .28rem;
        line-height: 1.5;
        display: block; }
      @media all and (min-width: 1024px) {
        .r_bottom_box .nav-right .nav-sou button:hover {
          color: #85ccbe !important; } }
    .r_bottom_box .nav-right .nav-sou:hover,
    .r_bottom_box .nav-right .nav-sou.on {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .r_bottom_box .nav-right .nav-sou:hover input,
    .r_bottom_box .nav-right .nav-sou.on input {
      width: 2rem; }
  .r_bottom_box .link_box {
    float: right;
    position: relative;
    padding: 0 .1rem;
    margin-left: .1rem; }
    .r_bottom_box .link_box .btn_link_icon {
      cursor: pointer;
      transition: all 0.5s ease; }
    .r_bottom_box .link_box i {
      display: block;
      font-size: .28rem;
      line-height: 1.5;
      color: #aaacaf;
      transition: all 0.5s ease; }
    .r_bottom_box .link_box .link_con_box {
      width: calc(100% + .2rem);
      background-color: #fff;
      position: absolute;
      bottom: 300%;
      left: -.1rem;
      border-radius: 60px;
      padding: .15rem 0;
      text-align: center;
      transition: all 0.5s ease;
      pointer-events: none;
      opacity: 0;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
      .r_bottom_box .link_box .link_con_box::before {
        content: '';
        display: block;
        height: .4rem;
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%; }
      .r_bottom_box .link_box .link_con_box::after {
        content: '';
        display: block;
        border-left: 0.08rem solid #fff;
        border-top: 0.1rem solid #fff;
        border-right: .08rem solid transparent;
        border-bottom: .1rem solid transparent;
        position: absolute;
        top: calc(100% - 3px);
        right: 50%;
        transform: translateX(50%);
        width: 0;
        height: 0; }
      .r_bottom_box .link_box .link_con_box a {
        display: block;
        cursor: pointer;
        position: relative; }
        .r_bottom_box .link_box .link_con_box a .code_box {
          transition: all 0.5s ease;
          right: 120%;
          background-color: #fff;
          border-radius: 8px;
          padding: .1rem;
          position: absolute;
          bottom: 0;
          width: 1.6rem;
          opacity: 0;
          pointer-events: none;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
          .r_bottom_box .link_box .link_con_box a .code_box > div {
            width: 100%;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            overflow: hidden; }
            .r_bottom_box .link_box .link_con_box a .code_box > div::before {
              content: '';
              display: block;
              margin-top: 100%; }
        .r_bottom_box .link_box .link_con_box a:hover i {
          color: #85ccbe;
          text-shadow: 0 5px 10px rgba(133, 204, 190, 0.4); }
        .r_bottom_box .link_box .link_con_box a:hover .code_box {
          right: calc(100% - 1px);
          opacity: 1;
          pointer-events: auto; }
    .r_bottom_box .link_box:hover {
      color: #85ccbe; }
      .r_bottom_box .link_box:hover .btn_link_icon {
        transform: rotate(45deg); }
        .r_bottom_box .link_box:hover .btn_link_icon i {
          color: #85ccbe !important; }
      .r_bottom_box .link_box:hover .link_con_box {
        bottom: calc(100% + .3rem);
        opacity: 1;
        pointer-events: auto; }

.pub_go_back {
  position: absolute;
  z-index: 8;
  left: 0;
  bottom: 1.2rem;
  display: block;
  font-size: 0;
  cursor: pointer; }
  .pub_go_back i {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;
    color: #fff;
    background-color: rgba(59, 64, 72, 0.4);
    line-height: 28px;
    transition: all 0.5s ease;
    margin: 0 .1rem; }
  .pub_go_back span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #60666f;
    font-size: 16px;
    transition: all 0.5s ease;
    font-family: 'jx_l'; }
  .pub_go_back:hover i {
    background-color: #B9956D; }
  .pub_go_back:hover span {
    color: #B9956D; }

.header_m {
  display: none; }

.swiper-button-prev,
.swiper-button-next {
  background-image: none;
  color: #a3a9b2;
  transition: all 0.5s ease; }
  @media all and (min-width: 1024px) {
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
      color: #85ccbe !important; } }

.swiper-slide {
  position: relative; }

.btn_m {
  display: none; }

@keyframes dong1 {
  0% {
    transform: translate3d(0px, 0px, 0px) scale(1, 1); }
  49% {
    transform: translate3d(0px, 0px, 0px) scale(1, 0.8); }
  50% {
    transform: translate3d(0px, 0px, 0px) scale(0.8, 0.8); }
  99% {
    transform: translate3d(0px, 0px, 0px) scale(0.8, 1); }
  100% {
    transform: translate3d(0px, 0px, 0px) scale(1, 1); } }
@keyframes quan {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.dot_me_box {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  mix-blend-mode: darken;
  transition: all .5s ease;
  pointer-events: none;
  opacity: 0; }
  .dot_me_box > div {
    position: absolute;
    width: 700px;
    height: 700px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all .5s ease; }
    .dot_me_box > div .dot_r {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0); }
    .dot_me_box > div svg {
      width: 100%;
      height: 100%;
      position: absolute;
      transform-origin: 50% 50%; }
      .dot_me_box > div svg .st0 {
        fill: #fff;
        display: none; }
      .dot_me_box > div svg .st1 {
        fill: #fff; }
      .dot_me_box > div svg path {
        transition: all .5s ease; }
    .dot_me_box > div.on {
      transform: translate(-50%, -50%) scale(1); }
  .dot_me_box.qie {
    background-color: rgba(0, 0, 0, 0);
    mix-blend-mode: normal;
    z-index: 0; }
    .dot_me_box.qie > div svg path {
      fill: #85ccbe; }
  .dot_me_box.down {
    background-color: rgba(0, 0, 0, 0);
    mix-blend-mode: normal; }
    .dot_me_box.down > div {
      position: fixed; }
      .dot_me_box.down > div svg path {
        fill: #85ccbe; }

.ym_hint_box {
  position: fixed;
  z-index: 4;
  bottom: .5vw;
  left: 4.5vw; }
  .ym_hint_box .page_box {
    position: relative; }
    .ym_hint_box .page_box span {
      display: block;
      width: 6px;
      height: 6px;
      background-color: #999ca0;
      cursor: pointer;
      transition: all 0.5s ease;
      border-radius: 100%;
      margin: .15rem auto;
      position: relative;
      opacity: 1; }
      .ym_hint_box .page_box span::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: .3rem;
        height: .3rem;
        border: 2px solid #85ccbe;
        border-radius: 100%;
        transform: translate(-50%, -50%);
        transition: all 0.5s ease;
        opacity: 0; }
      .ym_hint_box .page_box span.swiper-pagination-bullet-active {
        cursor: auto;
        pointer-events: none;
        width: 4px;
        height: 4px;
        background-color: #85ccbe;
        margin: .3rem auto; }
        .ym_hint_box .page_box span.swiper-pagination-bullet-active::before {
          opacity: 1; }
  .ym_hint_box .cao_hint_box {
    padding-top: .2rem;
    position: relative; }
    .ym_hint_box .cao_hint_box > div {
      text-transform: uppercase;
      color: #3b4048;
      position: absolute;
      transform: rotate(90deg);
      transform-origin: 20% 29%;
      font-family: 'jx_l'; }
    .ym_hint_box .cao_hint_box .hin_mo {
      width: 14px;
      height: 24px;
      border-radius: 10px;
      margin: .7rem auto .4rem;
      display: block;
      border: 2px solid #60666f;
      transition: all 0.5s ease; }
      .ym_hint_box .cao_hint_box .hin_mo span {
        display: block;
        width: 2px;
        height: 3px;
        border-radius: 10px;
        background-color: #85ccbe;
        margin: 6px auto 0;
        transition: all 0.5s ease; }

.w_col .ym_hint_box .cao_hint_box > div {
  color: #fff; }
.w_col .ym_hint_box .cao_hint_box .hin_mo {
  border: 2px solid white; }
  .w_col .ym_hint_box .cao_hint_box .hin_mo span {
    background-color: #fff; }
.w_col .r_bottom_box .nav-right .nav-sou:hover, .w_col .r_bottom_box .nav-right .nav-sou.on {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.w_col .r_bottom_box .nav-right .nav-sou input {
  color: #fff; }
.w_col .r_bottom_box .nav-right .nav-sou input::-webkit-input-placeholder {
  color: #fff; }
.w_col .r_bottom_box .nav-right .nav-sou input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff; }
.w_col .r_bottom_box .nav-right .nav-sou input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff; }
.w_col .r_bottom_box .nav-right .nav-sou input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff; }

.ind_body {
  overflow: hidden; }
  .ind_body .swiper-container {
    width: 100%;
    height: 100%; }
  .ind_body .pub_go_back {
    display: none; }
  .ind_body .foot_sha_box {
    display: none; }
  .ind_body > .dot_me_box {
    opacity: 0;
    z-index: 999;
    overflow: hidden; }
  .ind_body .banner_img_box .dot_me_box {
    opacity: 1;
    z-index: 0; }
    .ind_body .banner_img_box .dot_me_box.qie {
      opacity: 0; }
  .ind_body .ind_src2 .dot_me_box {
    opacity: 0;
    z-index: 0; }
  .ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_pagination_box .swiper-pagination .swiper-pagination-bullet {
    color: white; }
  .ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_pagination_box > span {
    color: rgba(255, 255, 255, 0.3); }
  .ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_nav_box .swiper-button-prev::before {
    background-color: #fff; }
  .ind_body .ind_banner_box .swiper-pagination {
    bottom: 6vh;
    left: 3%;
    font-size: 0; }
    .ind_body .ind_banner_box .swiper-pagination span {
      display: inline-block;
      vertical-align: middle;
      width: 6px;
      height: 6px;
      background-color: #999ca0;
      cursor: pointer;
      transition: all 0.5s ease;
      border-radius: 100%;
      margin: 0 .15rem;
      position: relative;
      opacity: 1; }
      .ind_body .ind_banner_box .swiper-pagination span::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: .3rem;
        height: .3rem;
        border: 2px solid #85ccbe;
        border-radius: 100%;
        transform: translate(-50%, -50%);
        transition: all 0.5s ease;
        opacity: 0; }
      .ind_body .ind_banner_box .swiper-pagination span.swiper-pagination-bullet-active {
        cursor: auto;
        pointer-events: none;
        width: 4px;
        height: 4px;
        background-color: #85ccbe;
        margin: 0 .3rem; }
        .ind_body .ind_banner_box .swiper-pagination span.swiper-pagination-bullet-active::before {
          opacity: 1; }
  .ind_body .ind_banner_box .swiper-button-prev, .ind_body .ind_banner_box .swiper-button-next {
    line-height: 44px;
    text-align: center; }
    .ind_body .ind_banner_box .swiper-button-prev i, .ind_body .ind_banner_box .swiper-button-next i {
      font-size: .34rem; }
  .ind_body .ind_banner_box .swiper-button-prev {
    left: 4%; }
  .ind_body .ind_banner_box .swiper-button-next {
    right: 4%; }
  .ind_body .ind_banner_box .ind_bottom_box {
    position: absolute;
    top: 36%;
    right: 7.6%;
    width: 5.7vw; }
    .ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_pagination_box .swiper-pagination .swiper-pagination-bullet {
      color: #fff; }
    .ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_pagination_box > span {
      color: #fff; }
    .ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-prev,
    .ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-next {
      color: #fff; }
    .ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-prev::before {
      background-color: #fff; }
    .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box {
      line-height: 2;
      text-align: center; }
      .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev,
      .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-next {
        width: 50%;
        position: relative;
        float: left;
        left: auto;
        top: auto;
        right: auto;
        margin: 0;
        height: auto;
        transition: all 0.5s ease; }
        .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev i,
        .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-next i {
          font-size: .2rem; }
      .ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev::before {
        content: '';
        display: block;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        background-color: #a3a9b2;
        position: absolute;
        height: 1.3em;
        transition: all 0.5s ease; }
  .ind_body .ind_banner_box .btn_d_video {
    left: auto;
    top: auto;
    right: 50%;
    bottom: 50%;
    z-index: 6;
    transform: translate(50%, 50%);
    cursor: pointer; }
    .ind_body .ind_banner_box .btn_d_video div {
      font-size: 16px;
      text-transform: uppercase; }
  .ind_body .ind_pro_box {
    display: none; }
  .ind_body .ind_src2 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%; }
    .ind_body .ind_src2 > div {
      height: 100%;
      width: 100%;
      display: block !important; }
      .ind_body .ind_src2 > div .ind_pro_box {
        height: 100%;
        width: 100%;
        position: relative; }
        .ind_body .ind_src2 > div .ind_pro_box .swiper-pagination {
          right: calc(3.5% + .1rem);
          width: .3rem;
          top: 50%;
          transform: translateY(-50%);
          display: none; }
          .ind_body .ind_src2 > div .ind_pro_box .swiper-pagination span {
            height: 2px;
            width: .15rem;
            margin: .3rem 0;
            margin-left: .15rem;
            display: block;
            background-color: #ccd1d8;
            transition: all 0.5s ease;
            border-radius: 0;
            opacity: 1; }
            .ind_body .ind_src2 > div .ind_pro_box .swiper-pagination span.swiper-pagination-bullet-active {
              background-color: #85ccbe;
              width: .3rem;
              margin-left: 0; }
        .ind_body .ind_src2 > div .ind_pro_box .swiper-container {
          width: 100%;
          height: 100%; }
          .ind_body .ind_src2 > div .ind_pro_box .swiper-container .btn_m {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1; }
        .ind_body .ind_src2 > div .ind_pro_box .active {
          pointer-events: auto; }
          .ind_body .ind_src2 > div .ind_pro_box .active .pro_img_box {
            display: block; }
        .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
          top: 38%;
          transform: translateY(-50%);
          position: relative;
          display: none; }
          .ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img {
            width: 27.8%;
            margin: 0 auto;
            display: block;
            cursor: pointer; }
            .ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img img {
              display: block;
              width: 100%; }
        .ind_body .ind_src2 > div .ind_pro_box .pro_ad {
          font-size: .38rem;
          line-height: 1.5;
          color: #3b4048;
          letter-spacing: .3em;
          text-indent: .3em;
          left: 15.1%;
          top: 50%;
          transition: all 0.5s ease;
          transform: translateY(-50%);
          position: absolute; }
        .ind_body .ind_src2 > div .ind_pro_box .btn_det_box {
          position: absolute;
          right: 16.4%;
          top: 50%;
          transform: translateY(-50%); }
          .ind_body .ind_src2 > div .ind_pro_box .btn_det_box > div {
            display: flex;
            align-items: center; }
          .ind_body .ind_src2 > div .ind_pro_box .btn_det_box span {
            font-size: .2rem;
            margin-right: .3rem;
            color: #3b4048;
            font-family: 'f-Regular'; }
          .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a {
            width: 1.08rem;
            height: 1.08rem;
            line-height: 1.08rem;
            text-align: center;
            transition: all 0.5s ease;
            color: #85ccbe;
            background-color: #fff;
            border-radius: 100%;
            box-shadow: 5px 10px 40px -5px rgba(0, 0, 0, 0.1); }
            .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a i {
              font-size: .2rem; }
            @media all and (min-width: 1024px) {
              .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a:hover {
                color: #fff !important;
                background-color: #85ccbe; } }
      .ind_body .ind_src2 > div .sho_tab_box {
        position: absolute;
        width: 62.5%;
        left: 18.75%;
        bottom: 6.5%;
        text-align: center; }
        .ind_body .ind_src2 > div .sho_tab_box .sho_case_box {
          padding-top: 5vw;
          overflow: hidden;
          pointer-events: none; }
          .ind_body .ind_src2 > div .sho_tab_box .sho_case_box.h_p {
            pointer-events: auto; }
          .ind_body .ind_src2 > div .sho_tab_box .sho_case_box .swiper-container {
            overflow: inherit; }
            .ind_body .ind_src2 > div .sho_tab_box .sho_case_box .swiper-container .swiper-slide {
              cursor: pointer; }
        .ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev i,
        .ind_body .ind_src2 > div .sho_tab_box .swiper-button-next i {
          font-size: .28rem;
          text-shadow: 5px 10px 5px rgba(0, 0, 0, 0.1); }
        .ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev {
          left: 0;
          transform: translateX(-150%); }
        .ind_body .ind_src2 > div .sho_tab_box .swiper-button-next {
          right: 0;
          transform: translateX(150%); }
        .ind_body .ind_src2 > div .sho_tab_box .pro_nav_name {
          font-size: 16px;
          line-height: 1.5;
          margin-top: .1rem;
          color: #3b4048;
          transition: all 0.5s ease; }
        .ind_body .ind_src2 > div .sho_tab_box .pro_nav_img {
          width: 33%;
          margin: 0 auto; }
          .ind_body .ind_src2 > div .sho_tab_box .pro_nav_img img {
            display: block; }
  .ind_body .ind_src3 {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }
    .ind_body .ind_src3 > div {
      width: 100%;
      height: 100%; }
      .ind_body .ind_src3 > div .ind_src3_sty {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        display: block;
        z-index: 2; }
        .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text {
          position: absolute;
          top: 56%;
          transform: translate3d(0, -50%, 0);
          text-align: center;
          width: 25.41vw; }
          .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box {
            width: 2rem;
            height: 2rem;
            margin: 0 auto;
            position: relative; }
            .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box > img {
              width: 138.5%;
              display: block;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.5s ease;
              opacity: 0;
              max-width: none;
              mix-blend-mode: multiply; }
            .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
              border: 1px solid #e6f2f3;
              width: 100%;
              height: 100%;
              position: relative;
              border-radius: 100%;
              transition: all 0.5s ease; }
              .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor::before {
                content: '';
                display: block;
                border: 1px solid rgba(230, 242, 243, 0.5);
                position: absolute;
                top: 0;
                left: 0;
                margin-top: -10px;
                margin-left: -10px;
                pointer-events: none;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                animation: rotateQ 4s infinite ease;
                transform-origin: 52% 52%; }
              .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor::after {
                content: '';
                display: block;
                border: 1px solid rgba(230, 242, 243, 0.3);
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 10px;
                margin-left: 10px;
                pointer-events: none;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                animation: rotateQ 4s infinite ease 1s;
                transform-origin: 48% 48%; }
            .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              color: #85ccbe; }
              .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t i {
                font-size: .6rem;
                line-height: 1;
                position: relative;
                z-index: 1; }
              .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t .ind_shadow {
                position: absolute;
                left: 50%;
                top: 100%;
                transform: translate(-50%, -50%);
                width: .5rem;
                height: .12rem;
                border-radius: 100%;
                background-color: #dadada;
                z-index: 0; }
          .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name_en {
            font-family: 'f-Regular';
            font-size: .6rem;
            line-height: 1;
            margin-top: .7rem;
            color: #3b4048; }
          .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name {
            color: #8f959f;
            font-size: .22rem;
            line-height: 1;
            margin-top: .22rem;
            transition: all 0.5s ease;
            letter-spacing: .15em; }
          .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8f959f;
            transition: all 0.5s ease;
            cursor: pointer;
            margin-top: .6rem; }
            .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty span {
              text-transform: uppercase;
              font-size: 16px;
              margin-right: .15rem;
              transition: all 0.5s ease;
              opacity: 0;
              margin-left: calc(-45px - .15rem); }
        @media all and (min-width: 1025px) {
          .ind_body .ind_src3 > div .ind_src3_sty.on {
            z-index: 1; }
            .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_bg .ind_src3_img {
              opacity: .8; }
            .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .btn_src3_sty {
              color: #85ccbe; }
              .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .btn_src3_sty span {
                color: #85ccbe;
                opacity: 1;
                margin-left: 0; }
            .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box > img {
              opacity: .75; }
            .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
              border: 1px solid transparent; }
              .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor::before {
                opacity: 0; }
              .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor::after {
                opacity: 0; }
            .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_name {
              font-weight: 700;
              color: #3b4048; } }
        .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg {
          height: 100%;
          width: 100%; }
          .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg .ind_src3_img {
            position: absolute;
            top: 0;
            background-size: cover;
            background-repeat: no-repeat;
            height: 100%;
            width: 200%;
            opacity: 0;
            transition: all 0.5s ease;
            pointer-events: none; }
        .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left {
          left: 0; }
          .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_bg .ind_src3_img {
            left: 0;
            background-position: left center; }
          .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_text {
            left: 15vw; }
        .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right {
          right: 0; }
          .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_bg .ind_src3_img {
            right: 0;
            background-position: right center; }
          .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
            right: 15vw; }
  .ind_body .ind_src4 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .ind_body .ind_src4 > div {
      width: 100%;
      height: 100%;
      position: relative; }
      .ind_body .ind_src4 > div .ind_src4_p_img {
        width: 40%;
        position: absolute;
        bottom: 0;
        left: 8.5%; }
        .ind_body .ind_src4 > div .ind_src4_p_img img {
          display: block;
          width: 100%; }
      .ind_body .ind_src4 > div .ind_con_box {
        position: absolute;
        width: 33.33%;
        top: 50%;
        transform: translateY(-50%);
        right: 8.33%; }
        .ind_body .ind_src4 > div .ind_con_box .ind_con_logo {
          width: 62.5%;
          margin-bottom: 7.8125vw; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_logo img {
            display: block;
            width: 100%; }
        .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div {
          padding: 3.6vw 0;
          border-bottom: 1px solid #d8d9da; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:first-child {
            padding-top: 0; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:last-child {
            padding-bottom: 0;
            border-bottom: none; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div > div {
            padding: 0 .4rem;
            position: relative; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
            line-height: 1.5;
            font-size: .2rem;
            color: #3b4048; }
            .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div {
              display: flex;
              align-items: center; }
              .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
                margin-left: .3rem;
                margin-top: 0;
                width: 1.4rem; }
            .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              font-size: .24rem;
              color: #d8dadd; }
          .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
            line-height: 0.8;
            margin-top: .15rem;
            font-size: .5rem;
            color: #3b4048;
            font-family: 'jx'; }
  .ind_body .footer_case {
    display: block; }
  .ind_body .ind_src5 > div {
    display: none; }
  .ind_body .ind_lb_box .row > div > div {
    display: none; }
  .ind_body .ind_lb_box .active .ind_pro_box {
    display: block; }
  .ind_body .ind_lb_box .active .row > div > div {
    display: block; }
  @media all and (min-width: 1025px) {
    .ind_body .ind_lb_box .active .swiper-button-next, .ind_body .ind_lb_box .active .swiper-button-prev {
      line-height: .5rem !important;
      height: .5rem;
      width: .4rem;
      margin-top: -.25rem; } }

@keyframes rotateQ {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(359deg); } }
section .footer_case {
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 100vh; }

.footer_case .ind_src5 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  .footer_case .ind_src5 .foot_bg_box {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0; }
  .footer_case .ind_src5 .dot_me_box {
    opacity: 0;
    background-color: transparent;
    position: fixed;
    width: 100% !important; }
    .footer_case .ind_src5 .dot_me_box > div {
      transform: translate(-48%, -41%) scale(0.3);
      position: fixed;
      top: 0; }
      .footer_case .ind_src5 .dot_me_box > div svg path {
        fill: #85ccbe; }
  .footer_case .ind_src5 > div {
    width: 100%;
    height: 100%; }
    .footer_case .ind_src5 > div .footer {
      width: 100%;
      height: 100%;
      position: relative; }
      .footer_case .ind_src5 > div .footer .footer_con {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        padding-top: .6rem;
        padding-left: 11.5625%;
        display: flex; }
        .footer_case .ind_src5 > div .footer .footer_con > div {
          width: 25%; }
          .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name_en {
            font-family: 'f-Regular';
            font-size: .5rem;
            line-height: 1;
            padding-left: 18px; }
          .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name {
            margin-top: .2rem;
            line-height: 1;
            font-size: .2rem;
            color: #8f959f;
            transition: all 0.5s ease;
            padding-left: 18px;
            font-weight: 700; }
          .footer_case .ind_src5 > div .footer .footer_con > div ul {
            display: block;
            font-size: 16px;
            line-height: 2.4375;
            margin-top: 2.08vw; }
            .footer_case .ind_src5 > div .footer .footer_con > div ul li {
              display: block; }
              .footer_case .ind_src5 > div .footer .footer_con > div ul li a {
                color: #919498;
                transition: all 0.5s ease;
                position: relative;
                padding-left: 18px; }
                .footer_case .ind_src5 > div .footer .footer_con > div ul li a::before {
                  content: '';
                  display: block;
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 6px;
                  height: 6px;
                  border-radius: 100%;
                  background-color: #85ccbe;
                  opacity: 0;
                  transition: all 0.5s ease; }
                @media all and (min-width: 1024px) {
                  .footer_case .ind_src5 > div .footer .footer_con > div ul li a:hover {
                    color: #85ccbe !important; }
                    .footer_case .ind_src5 > div .footer .footer_con > div ul li a:hover::before {
                      opacity: 1; } }
          @media all and (min-width: 1024px) {
            .footer_case .ind_src5 > div .footer .footer_con > div:hover .f_nav_name {
              color: #3b4048; } }
      .footer_case .ind_src5 > div .footer .copy_right {
        position: absolute;
        width: 100%;
        bottom: 6vh;
        left: calc(11.5625% + 18px);
        pointer-events: none;
        font-size: 12px;
        line-height: 1.8;
        color: #919498; }
        .footer_case .ind_src5 > div .footer .copy_right a {
          display: inline-block;
          pointer-events: auto;
          cursor: pointer;
          transition: all 0.5s ease; }
          .footer_case .ind_src5 > div .footer .copy_right a:hover {
            color: #85ccbe; }
        .footer_case .ind_src5 > div .footer .copy_right > a {
          color: #919498; }
.footer_case .foot_sha_box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7); }
  .footer_case .foot_sha_box.hls {
    opacity: 0; }

.sha_statement_box {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none; }
  .sha_statement_box .statement_con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 57.3%;
    padding: 3.6% 1px;
    background-color: #fff; }
    .sha_statement_box .statement_con .btn_s_close {
      position: absolute;
      right: .5rem;
      top: .5rem;
      cursor: pointer;
      color: #adafb0;
      transition: all 0.5s ease;
      z-index: 6; }
      .sha_statement_box .statement_con .btn_s_close:hover {
        color: #85ccbe; }
    .sha_statement_box .statement_con .statement_case {
      max-height: 80vh;
      overflow-y: auto;
      padding: 0 8.7%; }
      .sha_statement_box .statement_con .statement_case .statement_title {
        border-bottom: 3px solid #85ccbe;
        text-align: center;
        font-weight: 700;
        color: #3b4048;
        font-size: .4rem;
        line-height: 2.25;
        padding-bottom: .48rem;
        margin-bottom: .65rem; }
      .sha_statement_box .statement_con .statement_case .statement_info {
        font-size: 16px;
        font-weight: 700;
        color: #505357;
        line-height: 1.375;
        margin-bottom: .65rem; }
      .sha_statement_box .statement_con .statement_case .statement_det {
        font-size: 14px;
        color: #9da0a5;
        line-height: 1.857;
        position: relative;
        padding-left: 8.8%;
        margin-bottom: .55rem; }
        .sha_statement_box .statement_con .statement_case .statement_det:last-child {
          margin-bottom: 0; }
        .sha_statement_box .statement_con .statement_case .statement_det::before {
          content: attr(data-text);
          display: block;
          position: absolute;
          left: 0;
          top: 7px;
          line-height: .7;
          font-size: .34rem;
          color: #e0e2e6;
          font-family: 'f-Regular'; }
        .sha_statement_box .statement_con .statement_case .statement_det div {
          font-weight: 700;
          color: #505357;
          margin-top: .55rem;
          padding-bottom: .2rem; }

.swiper-slide .sha_statement_box {
  display: none !important; }

.btn_shop {
  width: .5rem;
  height: .5rem;
  background-color: #000000;
  text-align: center;
  cursor: pointer;
  line-height: .2rem;
  display: block;
  position: fixed;
  right: .4rem;
  top: .4rem;
  z-index: 116;
  overflow: hidden;
  padding-top: .05rem;
  transition: all .5s ease; }
  .btn_shop span {
    display: block;
    font-size: .1rem;
    color: #666666;
    transition: color .5s ease; }
  .btn_shop div {
    color: #fff;
    font-size: .12rem;
    font-family: 'Conv_Gotham-Black';
    text-transform: uppercase;
    transition: opacity .5s ease; }
  .btn_shop .sho_det {
    position: absolute;
    top: .25rem;
    left: 50%;
    transform: translateX(-50%); }
  .btn_shop .sho_hov {
    opacity: 0; }
  .btn_shop:hover {
    width: 1.24rem; }
    .btn_shop:hover span {
      color: #f91a4f; }
    .btn_shop:hover .sho_det {
      opacity: 0; }
    .btn_shop:hover .sho_hov {
      opacity: 1; }

.ind_src2 {
  height: 100%;
  width: 100%;
  position: relative; }
  .ind_src2 .ind_show_box {
    position: relative;
    width: 100%;
    height: 100%; }
    .ind_src2 .ind_show_box > div {
      background-size: cover;
      background-position: center;
      display: none;
      text-align: center;
      color: #fff;
      width: 100%;
      height: 100%; }
      .ind_src2 .ind_show_box > div:first-child {
        display: block; }
      .ind_src2 .ind_show_box > div > div {
        position: relative;
        top: 28%; }
      .ind_src2 .ind_show_box > div a {
        font-weight: 700;
        font-size: .5rem;
        line-height: 1.5;
        display: block;
        color: #fff; }
      .ind_src2 .ind_show_box > div .ind_show_info {
        line-height: 1.75;
        font-size: .16rem;
        width: 42%;
        margin: .25rem auto 0; }
      .ind_src2 .ind_show_box > div .ind_show_con_box {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        margin-top: .4rem;
        height: 2.1rem; }
        .ind_src2 .ind_show_box > div .ind_show_con_box > div {
          margin: 0 3.645vw;
          position: relative; }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div:last-child::after {
            display: none; }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div::after {
            content: '';
            display: block;
            height: 0;
            width: 3.645vw;
            left: 100%;
            top: 50%;
            position: absolute;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.4); }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div:first-child::before {
            display: none; }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div::before {
            content: '';
            display: block;
            height: 0;
            width: 3.645vw;
            right: 100%;
            top: 50%;
            position: absolute;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.4); }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_case {
            background-color: #fff;
            width: 2.1rem;
            height: 2.1rem;
            overflow: hidden; }
            .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_case .car_icon_box {
              color: #d70c18;
              border-color: transparent;
              line-height: 1.1rem; }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .industry_name {
            margin-top: 0;
            color: #000;
            position: relative; }
          .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_info {
            display: -webkit-box;
            color: rgba(0, 0, 0, 0.4); }
        .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case {
          border-radius: 100%;
          transition: all .3s ease;
          width: .8rem;
          height: .8rem; }
          .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box {
            border-radius: 100%;
            transition: all .3s ease;
            border: 1px solid rgba(255, 255, 255, 0.4);
            width: .8rem;
            line-height: .8rem;
            height: .8rem;
            margin: 0 auto; }
            .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box i {
              font-size: .4rem; }
          .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .industry_name {
            font-size: .18rem;
            transition: all .3s ease;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            margin-top: .1rem; }
          .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .show_icon_info {
            display: none;
            width: 76%;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin: 0 auto;
            font-size: 14px;
            line-height: 1.6; }

.ind_3_new_name {
  font-family: 'BrownStd-Bold'; }

.ind_btn_more {
  display: none; }

.row.part.on > .ind_src3 {
  display: block; }
.row.part.on > .ind_src5 > div {
  display: block; }
.row.part.on .ind_show_link_case {
  display: block; }
.row.part.on .ind_btn_more {
  display: block; }
.row.part.on .ind_new_case {
  display: block; }
.row.part.on .ind_src2 {
  display: block; }
.row.part.on .ind_src4 {
  display: block; }

.ind_pro_img_box {
  height: 100%;
  width: 100%;
  position: relative; }
  .ind_pro_img_box > div {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s ease; }
  .ind_pro_img_box:hover .ind_pro_img {
    transform: scale(1.1); }
  .ind_pro_img_box:hover .ind_btn_more {
    margin-top: -20px; }
  .ind_pro_img_box .ind_btn_more {
    position: absolute;
    right: 22%;
    top: 50%;
    transform: translateY(-48%);
    color: #fff;
    transition: margin-top .5s ease; }
    .ind_pro_img_box .ind_btn_more > div {
      opacity: 0;
      transform: translateY(15px) scale(0.8); }
    .ind_pro_img_box .ind_btn_more > div:nth-child(2) {
      font-family: 'Conv_NeoSans_0';
      font-size: .39rem;
      line-height: 1;
      margin-top: 3.7vh;
      letter-spacing: 7.5px;
      transition: all .5s ease 1.2s; }
    .ind_pro_img_box .ind_btn_more > div:first-child {
      font-size: .59rem;
      font-weight: 700;
      line-height: 1;
      transition: all .5s ease 1s; }

.ind_pro_img_m {
  display: none; }

.ind_show_box .swiper-container {
  height: 100%; }

.ind_src3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat; }
  .ind_src3 > div {
    width: 80%;
    height: 100%;
    position: relative;
    margin: 0 auto; }
  .ind_src3 .ind_new_case {
    padding-top: 11.11vh;
    position: relative;
    display: none; }
    .ind_src3 .ind_new_case .ind_new_tab_box {
      position: absolute;
      right: 0;
      bottom: 100%;
      display: flex; }
      .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev,
      .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-next {
        background-image: none;
        text-align: center;
        position: relative;
        margin: 0;
        left: auto;
        top: auto;
        right: auto;
        width: .7rem;
        height: .7rem;
        line-height: .7rem;
        background-color: rgba(0, 0, 0, 0.1);
        color: #fff;
        transition: all .3s ease; }
        .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev:hover,
        .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-next:hover {
          background-color: #d70c18; }
      .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev {
        margin-right: .1rem; }
    .ind_src3 .ind_new_case .swiper-container {
      overflow: initial; }
    .ind_src3 .ind_new_case .ind_new_con {
      display: block;
      position: relative; }
      .ind_src3 .ind_new_case .ind_new_con:hover .new_img_box .new_img_hover {
        opacity: 1; }
      .ind_src3 .ind_new_case .ind_new_con .new_img_box {
        position: relative; }
        .ind_src3 .ind_new_case .ind_new_con .new_img_box img {
          display: block;
          width: 100%; }
        .ind_src3 .ind_new_case .ind_new_con .new_img_box .new_img_hover {
          position: absolute;
          left: 0;
          top: 0;
          transition: all .3s ease;
          opacity: 0; }
      .ind_src3 .ind_new_case .ind_new_con .new_text_box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        padding: 14% 9.415% 11%;
        color: #fff; }
        .ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_name {
          font-weight: 700;
          font-size: .24rem;
          line-height: 1.79; }
        .ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_time {
          font-family: 'BrownStd-Bold';
          line-height: 1;
          font-size: .18rem;
          position: absolute;
          right: 9.415%;
          bottom: 11%; }

.title_box {
  padding-top: 18.5vh;
  font-size: .48rem;
  font-weight: 700;
  color: #000000;
  line-height: 1; }

.ind_new_hot_bos .ind_new_tex_box {
  background-color: #fff; }

.ind_src4 {
  height: 100%;
  background-color: #f5f5f5;
  overflow: hidden; }
  .ind_src4 .ind_src4_con_text_m {
    display: none; }
  .ind_src4 .ind_src4_case {
    display: flex;
    align-items: center; }
  .ind_src4 .ind_src4_left {
    width: 22.45%;
    margin-left: 10.4%; }
    .ind_src4 .ind_src4_left .ind_src4_title {
      font-size: .48rem;
      line-height: 1.375;
      font-weight: 700; }
    .ind_src4 .ind_src4_left .ind_src4_info {
      font-size: 14px;
      margin-top: .4rem;
      padding-bottom: .6rem;
      color: rgba(0, 0, 0, 0.5);
      line-height: 2; }
    .ind_src4 .ind_src4_left .down_hint {
      display: flex;
      align-items: center;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: .05rem; }
      .ind_src4 .ind_src4_left .down_hint span {
        color: #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background-color: #d70c18;
        text-align: center;
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
        box-shadow: 0 0 10px rgba(255, 14, 24, 0.1);
        margin-right: .15rem; }
        .ind_src4 .ind_src4_left .down_hint span i {
          font-size: .18rem; }
  .ind_src4 .ind_src4_right {
    border-radius: 100%;
    width: 51vw;
    height: 51vw;
    background-color: #fff;
    position: relative; }
    .ind_src4 .ind_src4_right::after {
      content: '';
      display: block;
      width: 50%;
      height: 50%;
      background-color: #f6f7f9;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 100%; }
    .ind_src4 .ind_src4_right .swiper-container {
      height: 100%; }
      .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper {
        height: 100%; }
        .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide {
          height: 100%; }
          .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide.active .ind_mem_tex_pc {
            display: block !important; }
          .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con {
            height: 100%;
            position: relative; }
            .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_img {
              position: absolute;
              top: 54%;
              left: 48%;
              transform: translate(-50%, -50%);
              width: 106%; }
            .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box {
              display: flex;
              line-height: 1.77;
              font-size: .18rem;
              align-items: center; }
              .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box span {
                border-radius: 100%;
                background-color: #fff;
                text-align: center;
                height: .7rem;
                line-height: .7rem;
                width: .7rem;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                margin-right: .35rem; }
                .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box span i {
                  color: #d70c18;
                  font-size: .36rem; }
            .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc {
              display: none; }
              .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box {
                position: absolute; }
                .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box.ind_mem_tex_box_left {
                  left: 4%;
                  top: 28%; }
                .ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box.ind_mem_tex_box_right {
                  right: 8%;
                  bottom: 22%; }
    .ind_src4 .ind_src4_right .swiper-pagination {
      display: none; }
    .ind_src4 .ind_src4_right .ind_src4_lb_tab {
      position: absolute;
      left: 108%;
      top: 50%;
      transform: translateY(-50%);
      height: 50vh;
      line-height: .36rem;
      font-size: .18rem;
      width: 130px;
      overflow: hidden; }
      .ind_src4 .ind_src4_right .ind_src4_lb_tab::before {
        content: '';
        width: 1px;
        height: 98%;
        margin-top: 1%;
        left: .18rem;
        position: absolute;
        top: 0;
        background-color: rgba(216, 12, 24, 0.3); }
      .ind_src4 .ind_src4_right .ind_src4_lb_tab > div {
        display: flex;
        align-items: center;
        height: .36rem;
        margin: calc((50vh - (3 * .36rem)) / 2) 0;
        transition: all .3s ease;
        cursor: pointer; }
        .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:first-child {
          margin-top: 0; }
        .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:last-child {
          margin-bottom: 0; }
        .ind_src4 .ind_src4_right .ind_src4_lb_tab > div.on, .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:hover {
          color: #d70c18;
          font-weight: 700; }
          .ind_src4 .ind_src4_right .ind_src4_lb_tab > div.on span, .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:hover span {
            background-color: #d80c18; }
        .ind_src4 .ind_src4_right .ind_src4_lb_tab > div span {
          border-radius: 100%;
          height: .36rem;
          width: .36rem;
          position: relative;
          margin-right: .15rem;
          transition: all .3s ease;
          border: .1rem solid #f5f5f5;
          background-color: #ecafb3;
          transition: all .3s ease; }
          .ind_src4 .ind_src4_right .ind_src4_lb_tab > div span::after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            height: .08rem;
            width: .08rem;
            background-color: #f5f5f5;
            border-radius: 100%; }

.navDown .childItem {
  display: none; }

.childItem {
  width: 2rem;
  height: calc(100vh - 50px);
  position: absolute;
  top: 0;
  left: 100%;
  padding-left: .56rem;
  color: rgba(255, 255, 255, 0.25);
  z-index: 1; }
  .childItem > ul {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .childItem > ul:first-child {
      display: block; }
    .childItem > ul li {
      padding: 1.85vh 0;
      cursor: pointer; }
      .childItem > ul li.thisNav a, .childItem > ul li:hover a {
        font-weight: 700;
        color: #000; }
        .childItem > ul li.thisNav a::after, .childItem > ul li:hover a::after {
          width: calc(100% + 1.5em); }
    .childItem > ul a {
      font-size: .15rem;
      color: #808080;
      transition: all .5s ease;
      position: relative;
      line-height: 1; }
      .childItem > ul a::after {
        content: '';
        display: block;
        left: -.5em;
        bottom: -3px;
        position: absolute;
        width: 0;
        height: 6px;
        background-color: #f2f2f2;
        z-index: -1;
        transition: width .5s ease; }

#tenpay_txt {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 99; }
  #tenpay_txt .loading_box {
    background-color: #d70c18;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.loading_case {
  position: fixed;
  background-color: #fff;
  border-radius: 100%;
  font-family: 'BrownStd-Bold';
  width: .3rem;
  height: .3rem;
  right: 101%;
  top: 50%;
  transform: translate(50%, -50%) translateZ(0);
  animation: roundCome 2s ease 0s 1 forwards; }
  .loading_case .load_v_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    height: 50vh;
    width: 800px;
    overflow: hidden;
    opacity: 0;
    animation: vO .1s ease 1.5s 1 forwards; }
  .loading_case .loading_text {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    font-size: 0;
    text-align: center;
    animation: textOur 2s cubic-bezier(0, 0.31, 0.25, 1) 3.4s 1 forwards; }
    .loading_case .loading_text > div {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      font-size: .3rem;
      color: #d70c18; }
      .loading_case .loading_text > div:first-child {
        z-index: 2; }
      .loading_case .loading_text > div.load_text_box {
        animation: textCome 1s ease 2.3s 1 forwards;
        overflow: hidden;
        z-index: -1; }
      .loading_case .loading_text > div .shade_blaxk {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        background-color: #fff;
        height: 100%;
        width: .23rem;
        z-index: 2;
        animation: opCome .2s ease 2.1s 1 forwards; }
    .loading_case .loading_text .load_wz_box {
      position: absolute;
      width: 4.33rem;
      height: 100%;
      right: 0;
      top: 0;
      overflow: hidden;
      animation: textComeNei 1s ease 2.4s 1 forwards; }
    .loading_case .loading_text .load_wz {
      position: absolute;
      right: 0;
      top: 0;
      width: 4.33rem;
      display: flex;
      justify-content: flex-end; }
      .loading_case .loading_text .load_wz.load_zw {
        opacity: 0;
        position: relative; }
  .loading_case .sha_case {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%) translateZ(0);
    text-align: center;
    animation: logoCome 1s cubic-bezier(0, 0.3, 0.76, 1.15) 3.5s 1 forwards; }
    .loading_case .sha_case .sha_logo {
      font-size: 0; }
      .loading_case .sha_case .sha_logo div:first-child {
        position: relative; }
        .loading_case .sha_case .sha_logo div:first-child span {
          position: relative;
          animation: logoShake 0.3s cubic-bezier(0.25, 0.1, 0.88, 0.56) 4.2s 1 forwards; }
      .loading_case .sha_case .sha_logo span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
        border: 0.06rem solid #d70c18;
        border-radius: 100%;
        width: .32rem;
        height: .32rem; }
    .loading_case .sha_case .sha_name {
      font-family: 'BrownStd-Regular';
      font-size: .2rem;
      display: inline-block;
      position: relative;
      overflow: hidden;
      width: 1.75rem;
      text-align: center; }
      .loading_case .sha_case .sha_name .sha_zw {
        opacity: 0;
        display: none; }
      .loading_case .sha_case .sha_name .kh_name {
        position: relative;
        left: 0;
        top: 0;
        height: 0;
        white-space: nowrap;
        animation: khName 1.5s ease-in-out 4s 1 forwards;
        overflow: hidden; }
        .loading_case .sha_case .sha_name .kh_name .sha_show {
          width: .3rem;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
          /* Safari 5.1 - 6.0 */
          background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
          /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
          /* Firefox 3.6 - 15 */
          background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
          /* 标准的语法 */
          animation: opOut .1s ease-in-out 6s 1 forwards; }

@keyframes vO {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes roundCome {
  0% {
    top: 50%;
    right: 101%; }
  50% {
    right: 50%;
    width: .3rem;
    height: .3rem; }
  100% {
    top: 50%;
    right: 50%;
    width: 150vw;
    height: 150vw; } }
@keyframes opCome {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }
@keyframes textCome {
  0% {
    margin-left: -.23rem;
    width: 4.56rem; }
  100% {
    width: 2.31rem;
    padding-left: .23rem;
    margin-left: -.23rem; } }
@keyframes textComeNei {
  0% {
    width: 4.33rem; }
  100% {
    width: 2.07rem; } }
@keyframes textOur {
  0% {
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0); }
  100% {
    left: 0;
    transform: translate(-100%, -50%) translateZ(0); } }
@keyframes logoCome {
  0% {
    left: 100%;
    transform: translate(0, -50%) translateZ(0); }
  100% {
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0); } }
@keyframes opOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.pub_con_box {
  /* background-color: #fff; */
  background: url(../../images/part2-bg.jpg) no-repeat;
  background-size: cover;
  z-index: 6;
  pointer-events: auto;
  min-height: 100vh; }

.wrapper {
  z-index: 1;
  overflow: hidden; }
  .wrapper.cnone {
    pointer-events: none; }

.sty1_width {
  margin: 0 auto;
  min-height: 100vh; }
  .sty1_width .sty_left {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    width: 28.75%;
    height: 100vh;
    background-position: center;
    background-size: cover; }
  .sty1_width .sty_right {
    float: right;
    padding-bottom: .5rem; }

.title_info_box {
  position: absolute;
  top: 50%;
  left: 8.85vw;
  transform: translateY(-50%); }
  .title_info_box .pub_title {
    line-height: 1;
    font-size: .7rem;
    font-weight: 700;
    text-shadow: 0 20px 12px rgba(0, 0, 0, 0.1);
    color: #3b4048;
    white-space: nowrap; }
  .title_info_box .pub_title_en {
    font-family: 'f-Regular';
    font-size: .26rem;
    margin-top: 2.4vw;
    white-space: nowrap; }
  .title_info_box .pub_plan_hint_box {
    margin-top: 4.95vw;
    display: flex;
    align-items: center; }
    .title_info_box .pub_plan_hint_box .pub_plan_box {
      width: .5rem;
      height: .5rem;
      border-radius: 100%;
      position: relative;
      color: #818790;
      margin-right: .2rem; }
      .title_info_box .pub_plan_hint_box .pub_plan_box svg {
        width: 100%; }
        .title_info_box .pub_plan_hint_box .pub_plan_box svg .huan_bg {
          stroke: #041123;
          opacity: .2; }
        .title_info_box .pub_plan_hint_box .pub_plan_box svg .my-svg-path {
          stroke-dasharray: 250, 250;
          stroke-dashoffset: -251;
          transition-property: stroke-dashoffset, stroke;
          transition-timing-function: ease, ease;
          transition-delay: 0s, 0s;
          transform: rotateZ(90deg);
          transform-origin: 50% 50%;
          stroke: #85ccbe; }
      .title_info_box .pub_plan_hint_box .pub_plan_box i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }

.sty2_width {
  margin: 0 auto;
  width: 72%;
  padding: 8.33vw 0 5vw; }
  .sty2_width > div {
    padding-bottom: 6.8vw; }
    .sty2_width > div:last-child {
      padding-bottom: 0 !important; }

.news_body .new_sha_box {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-size: auto 100%;
  background-repeat: repeat-x;
  transition: all 0.5s ease; }
.news_body .sty1_width .sty_left {
  width: 40.625%;
  padding-right: 30px; }
.news_body .sty1_width .sty_right {
  width: 47.135%;
  padding-top: calc(4.166vw + .6rem + 20px);
  margin-right: 11.98%; }
  .news_body .sty1_width .sty_right .sty_con > div {
    width: 43.75%; }
    .news_body .sty1_width .sty_right .sty_con > div .news_det {
      display: block;
      position: relative;
      margin-bottom: 4.5vw;
      transition: all 0.5s ease; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det:hover .new_sha_box {
        opacity: 0; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det .news_btn_more_m {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
        left: 0;
        top: 0; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box {
        overflow: hidden;
        position: relative;
        margin-bottom: 2.4vw; }
        .news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box > img {
          width: 100%;
          display: block;
          opacity: 0; }
        .news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box > div {
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0);
          transition: all 0.5s ease; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det .news_title {
        font-size: .22rem;
        font-weight: 700;
        line-height: 1.23;
        color: #3b4048;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 2.4vw; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom {
        display: flex;
        align-items: center; }
        .news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > span {
          transition: all 0.5s ease;
          width: 50%;
          font-size: .18rem;
          font-family: 'f-Regular';
          cursor: pointer;
          color: #9fa2a8; }
          .news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > span:hover {
            color: #85ccbe; }
        .news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > div {
          color: #9fa2a8;
          width: 50%;
          font-size: .14rem;
          text-align: right; }
      .news_body .sty1_width .sty_right .sty_con > div .news_det .news_num {
        font-size: 3rem;
        line-height: .65;
        position: absolute;
        bottom: -.1rem;
        z-index: 0;
        color: #3b4048;
        opacity: .05;
        font-family: 'f-Regular';
        pointer-events: none; }
    .news_body .sty1_width .sty_right .sty_con > div:first-child {
      float: left; }
      .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det .news_num {
        transform: translateX(-0.95rem);
        left: 0; }
      .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) {
        width: 68%; }
        .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) .news_num {
          font-size: 2rem;
          transform: translateX(-0.65rem); }
    .news_body .sty1_width .sty_right .sty_con > div:last-child {
      float: right;
      margin-top: 13vw; }
      .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det .news_num {
        transform: translateX(0.95rem);
        right: 0; }
      .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) {
        width: 68%; }
        .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) .news_num {
          font-size: 2rem;
          transform: translateX(0.65rem); }
      .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:first-child .news_num {
        bottom: auto;
        top: .3rem; }

.news_d_body .sty_right {
  width: 41.66%;
  padding-top: calc(4.166vw + .6rem + 40px);
  margin-right: 17.55%; }
  .news_d_body .sty_right .news_d_title_case {
    border-bottom: 1px solid #ebf0ef;
    padding-bottom: .6rem; }
    .news_d_body .sty_right .news_d_title_case .news_d_title {
      font-size: .3rem;
      line-height: 1.5;
      font-weight: 700;
      color: #3b4048; }
    .news_d_body .sty_right .news_d_title_case .news_d_time {
      margin-top: .25rem;
      font-size: .22rem;
      line-height: 1;
      color: #9fa2a8; }
  .news_d_body .sty_right .news_d_con_box {
    padding-bottom: .6rem;
    font-size: 14px;
    line-height: 2;
    color: #707781;
    text-align: justify;
    margin-top: .5rem; }
    .news_d_body .sty_right .news_d_con_box img {
      max-width: 100%;
      height: auto !important;
      text-align: center; }
    .news_d_body .sty_right .news_d_con_box > * {
      font-size: 14px;
      line-height: 2;
      color: #707781;
      text-align: justify;
      margin: .3rem 0; }
    .news_d_body .sty_right .news_d_con_box > .det_img_s {
      font-size: 0;
      margin: 0; }
  .news_d_body .sty_right .news_nav_box {
    position: fixed;
    right: 4.17%;
    top: 50%;
    transform: translate3d(50%, -50%, 0) rotate(90deg);
    transform-origin: 50% 0;
    display: flex;
    align-items: center; }
    .news_d_body .sty_right .news_nav_box a {
      margin: 0 .2rem;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: all 0.5s ease;
      color: #8f959f;
      font-size: 14px;
      line-height: 1;
      text-transform: uppercase; }
      .news_d_body .sty_right .news_nav_box a i {
        margin: 0 .1rem; }
      .news_d_body .sty_right .news_nav_box a.hide {
        opacity: 0 !important;
        pointer-events: none; }
      @media all and (min-width: 1025px) {
        .news_d_body .sty_right .news_nav_box a:hover {
          color: #85ccbe; } }

.serve_body .sha_top {
  content: '';
  display: block;
  background-color: #fff;
  width: 64vw;
  height: calc(4.166vw + 6.25vw);
  right: 0;
  top: 0;
  position: fixed;
  z-index: 4;
  pointer-events: none; }
.serve_body .sty_right {
  width: 51.5625%;
  padding-top: calc(4.166vw + .6rem + 6.25vw);
  margin-right: 12.5%; }
  .serve_body .sty_right .qa_case {
    border: 1px solid;
    border-color: transparent;
    transition: all 0.5s ease;
    position: relative;
    padding: 5px .3rem;
    margin-bottom: .35rem; }
    .serve_body .sty_right .qa_case .qa_left_top, .serve_body .sty_right .qa_case .qa_right_bottom {
      display: block;
      width: 1px;
      height: 1px;
      position: absolute; }
      .serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_left_top::after, .serve_body .sty_right .qa_case .qa_right_bottom::before, .serve_body .sty_right .qa_case .qa_right_bottom::after {
        content: '';
        position: absolute;
        display: block;
        transition: all 0.5s ease;
        background-color: #85ccbe; }
      .serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_right_bottom::before {
        width: 0;
        height: 5px; }
      .serve_body .sty_right .qa_case .qa_left_top::after, .serve_body .sty_right .qa_case .qa_right_bottom::after {
        width: 5px;
        height: 0; }
    .serve_body .sty_right .qa_case .qa_left_top {
      left: 0;
      top: 0; }
      .serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_left_top::after {
        left: 0;
        top: 0; }
    .serve_body .sty_right .qa_case .qa_right_bottom {
      right: 0;
      bottom: 0; }
      .serve_body .sty_right .qa_case .qa_right_bottom::before, .serve_body .sty_right .qa_case .qa_right_bottom::after {
        right: 0;
        bottom: 0; }
    .serve_body .sty_right .qa_case .con_q_box {
      display: none; }
    .serve_body .sty_right .qa_case.on {
      border-color: #e6e8eb; }
      .serve_body .sty_right .qa_case.on .qa_left_top::before, .serve_body .sty_right .qa_case.on .qa_right_bottom::before {
        width: .3rem; }
      .serve_body .sty_right .qa_case.on .qa_left_top::after, .serve_body .sty_right .qa_case.on .qa_right_bottom::after {
        height: .3rem; }
      .serve_body .sty_right .qa_case.on .con_q_box {
        display: block; }
      .serve_body .sty_right .qa_case.on .qa_box > div.btn_q_title::after {
        width: 100%; }
      .serve_body .sty_right .qa_case.on .qa_box > div.btn_q_title .q_icon_box {
        transform: translate3d(0, -50%, 0) rotate(90deg); }
    @media all and (min-width: 1025px) {
      .serve_body .sty_right .qa_case:hover .qa_box > div.btn_q_title::after {
        width: 100%; }
      .serve_body .sty_right .qa_case:hover .qa_box > div.btn_q_title .q_icon_box {
        transform: translate3d(0, -50%, 0) rotate(90deg); } }
    .serve_body .sty_right .qa_case .qa_box > div {
      cursor: pointer;
      position: relative;
      font-size: 0; }
      .serve_body .sty_right .qa_case .qa_box > div.btn_q_title {
        padding: .3rem 0;
        border-bottom: 2px solid #e6e8eb; }
        .serve_body .sty_right .qa_case .qa_box > div.btn_q_title::after {
          content: '';
          display: block;
          width: 0;
          height: 2px;
          background-color: #85ccbe;
          position: absolute;
          left: 0;
          bottom: -2px;
          transition: all 0.5s ease; }
        .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div {
          color: #3b4048; }
          .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child {
            color: #fff;
            position: relative;
            line-height: 1; }
            .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child i {
              font-size: 36px;
              color: #85ccbe; }
            .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child span {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate3d(-50%, -50%, 0); }
          .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:nth-child(2) {
            font-size: 16px;
            min-height: 36px;
            line-height: 1.5;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-right: .35rem;
            text-align: justify; }
        .serve_body .sty_right .qa_case .qa_box > div.btn_q_title .q_icon_box {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate3d(0, -50%, 0);
          line-height: 1;
          color: #dcdedf;
          transition: all 0.5s ease; }
      .serve_body .sty_right .qa_case .qa_box > div.con_q_box {
        padding: .33rem 0; }
        .serve_body .sty_right .qa_case .qa_box > div.con_q_box > div {
          color: #707781; }
          .serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:first-child {
            color: #85ccbe;
            line-height: 2; }
          .serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:nth-child(2) {
            font-size: 14px;
            line-height: 2;
            text-align: justify; }
      .serve_body .sty_right .qa_case .qa_box > div > div {
        display: inline-block;
        vertical-align: top; }
        .serve_body .sty_right .qa_case .qa_box > div > div:first-child {
          width: 36px;
          text-align: center;
          font-weight: 700;
          font-size: 16px; }
        .serve_body .sty_right .qa_case .qa_box > div > div:nth-child(2) {
          width: calc(100% - 36px);
          padding-left: .3rem; }
  .serve_body .sty_right .down_con .dow_search_box {
    background-color: #f7f7f7;
    margin-bottom: 5vw;
    display: flex; }
    .serve_body .sty_right .down_con .dow_search_box input {
      padding: .2rem .4rem;
      background-color: transparent;
      line-height: .4rem;
      font-size: 16px;
      width: calc(100% - .8rem);
      outline: none; }
    .serve_body .sty_right .down_con .dow_search_box button {
      display: block;
      text-align: center;
      min-width: .8rem;
      cursor: pointer;
      background-color: #85ccbe;
      line-height: .8rem;
      outline: none; }
      .serve_body .sty_right .down_con .dow_search_box button i {
        font-size: .24rem;
        color: #fff; }
  .serve_body .sty_right .down_con .down_con_box > div {
    float: left;
    width: calc((100% - .25rem) / 2);
    margin-right: .25rem;
    border-bottom: 1px solid;
    border-color: #e6e8eb;
    margin-bottom: .4rem;
    display: flex;
    padding-left: .3rem;
    position: relative;
    transition: all 0.5s ease; }
    .serve_body .sty_right .down_con .down_con_box > div::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      transition: all 0.5s ease;
      background-color: #85ccbe;
      border-radius: 100%;
      height: .1rem;
      width: .1rem; }
    .serve_body .sty_right .down_con .down_con_box > div:nth-child(2n) {
      margin-right: 0; }
    .serve_body .sty_right .down_con .down_con_box > div .dow_con_title {
      font-size: 16px;
      color: #3b4048;
      padding: .3rem .3rem .3rem 0;
      line-height: .4rem;
      width: calc(100% - .8rem);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: all 0.5s ease; }
    .serve_body .sty_right .down_con .down_con_box > div a {
      line-height: 1rem;
      text-align: center;
      position: relative;
      min-width: .85rem;
      color: #85ccbe;
      font-size: .2rem;
      cursor: pointer;
      transition: all 0.5s ease; }
      .serve_body .sty_right .down_con .down_con_box > div a::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        height: 1em;
        width: 1px;
        background-color: #e6e8eb;
        transition: all 0.5s ease; }
      .serve_body .sty_right .down_con .down_con_box > div a i {
        font-size: .2rem; }
    @media all and (min-width: 1025px) {
      .serve_body .sty_right .down_con .down_con_box > div:hover {
        border-color: transparent;
        box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2); }
        .serve_body .sty_right .down_con .down_con_box > div:hover::before {
          opacity: 0; }
        .serve_body .sty_right .down_con .down_con_box > div:hover .dow_con_title {
          padding-left: .1rem; }
        .serve_body .sty_right .down_con .down_con_box > div:hover a {
          background-color: #85ccbe;
          color: #fff; }
          .serve_body .sty_right .down_con .down_con_box > div:hover a::before {
            opacity: 0; } }
    @media all and (max-width: 1024px) {
      .serve_body .sty_right .down_con .down_con_box > div a {
        background-color: #85ccbe;
        color: #fff; }
        .serve_body .sty_right .down_con .down_con_box > div a::before {
          opacity: 0; } }
  .serve_body .sty_right .upk_con {
    color: #3b4048; }
    .serve_body .sty_right .upk_con > div {
      display: none; }
      .serve_body .sty_right .upk_con > div:first-child {
        display: block; }
    .serve_body .sty_right .upk_con .upk_title {
      font-size: .4rem;
      line-height: 1;
      margin-bottom: 4.16vw; }
    .serve_body .sty_right .upk_con .upk_step_name {
      padding: .35rem 0;
      line-height: 1.5;
      border-bottom: 1px solid #e6e8eb;
      font-size: 20px; }
    .serve_body .sty_right .upk_con .upk_con_mess {
      margin-bottom: 5px;
      font-size: 14px;
      color: #707781;
      line-height: 1.857;
      padding: .3rem 0;
      text-align: justify; }

.upk_body .sty_left {
  width: 29%; }
  .upk_body .sty_left::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .upk_body .sty_left .title_info_box {
    width: 58.54%; }
  .upk_body .sty_left .upk_tab_nav {
    font-size: .2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.5; }
    .upk_body .sty_left .upk_tab_nav > div {
      padding: 2.6vw 0;
      position: relative;
      cursor: pointer;
      transition: all 0.5s ease; }
      .upk_body .sty_left .upk_tab_nav > div::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        transition: all 0.5s ease;
        background-color: #85ccbe;
        border-radius: 100%;
        height: .1rem;
        width: .1rem;
        opacity: 0; }
      .upk_body .sty_left .upk_tab_nav > div::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.5s ease;
        background-color: #85ccbe;
        height: 1px;
        width: 0; }
      .upk_body .sty_left .upk_tab_nav > div:hover, .upk_body .sty_left .upk_tab_nav > div.on {
        padding-left: .4rem;
        color: #85ccbe; }
        .upk_body .sty_left .upk_tab_nav > div:hover::before, .upk_body .sty_left .upk_tab_nav > div.on::before {
          opacity: 1; }
        .upk_body .sty_left .upk_tab_nav > div:hover::after, .upk_body .sty_left .upk_tab_nav > div.on::after {
          width: 100%; }

@keyframes landmarkA {
  1% {
    transform: scale(1);
    transform-origin: 50% 100%; }
  50% {
    transform: scale(0.7);
    transform-origin: 50% 100%; }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%; } }
.brand_body {
  overflow-y: scroll;
  margin-right: -15px; }
  .brand_body .pro_d_hint {
    position: fixed;
    color: #3b4048;
    bottom: 4vh;
    font-size: 0;
    z-index: 4;
    margin-left: 15%; }
    .brand_body .pro_d_hint div, .brand_body .pro_d_hint i {
      display: inline-block;
      vertical-align: middle;
      margin: 0 .1rem; }
  .brand_body .btn_skip {
    position: fixed;
    top: 18vh;
    right: 16.66vw;
    font-size: 16px;
    color: #60666f;
    line-height: 28px;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 8;
    display: none; }
    .brand_body .btn_skip i {
      color: #fff;
      text-align: center;
      vertical-align: middle;
      margin-right: .2rem;
      border-radius: 100px;
      width: 28px;
      height: 28px;
      background-color: #b1b3b6;
      display: inline-block;
      vertical-align: middle;
      transition: all 0.5s ease; }
    .brand_body .btn_skip:hover {
      color: #85ccbe; }
      .brand_body .btn_skip:hover i {
        background-color: #85ccbe; }
  .brand_body::-webkit-scrollbar {
    display: none; }
  .brand_body .bloc {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh; }
  .brand_body .bra_con_box .swiper-slide {
    width: auto;
    background-color: #fff; }
  .brand_body .bra_con_box .width_w {
    position: relative; }
  .brand_body .bra_con_box .bra_title {
    margin-left: -1em;
    font-size: .8rem;
    color: #3b4048;
    line-height: 1.5;
    position: absolute;
    left: 0;
    opacity: 0; }
    .brand_body .bra_con_box .bra_title.a_on {
      opacity: 1; }
    .brand_body .bra_con_box .bra_title .bra_title_name {
      font-weight: 700;
      font-size: .7rem;
      text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.2);
      letter-spacing: .3em; }
    .brand_body .bra_con_box .bra_title .bra_title_name_en {
      text-transform: uppercase;
      font-size: .26rem;
      font-family: 'f-Regular';
      text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.2); }
    .brand_body .bra_con_box .bra_title.title_top {
      top: 21.29%; }
    .brand_body .bra_con_box .bra_title.title_bottom {
      bottom: 22%; }
  .brand_body .bra_con_box .bra_src1_img {
    width: 129.63vh;
    height: 100vh;
    position: relative;
    overflow: hidden; }
    .brand_body .bra_con_box .bra_src1_img img {
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0; }
  .brand_body .bra_con_box .bra_src1_text {
    width: 98.148vh;
    height: 100vh;
    position: relative; }
    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box {
      position: absolute;
      top: 50%;
      left: 7.5%;
      width: 75.47%;
      transform: translate3d(0, -50%, 0); }
      .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess {
        font-size: 0;
        margin-bottom: 9.26vh; }
        .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div {
          display: inline-block;
          vertical-align: middle;
          padding-right: 10px;
          width: 31.25%; }
          .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div {
            line-height: 1.5;
            color: #707781;
            font-size: 14px; }
            .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
              margin-bottom: .2rem;
              color: #3b4048; }
              .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child p {
                display: initial;
                margin: 0; }
              .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child span, .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child p {
                font-size: .5rem;
                line-height: .7;
                font-family: 'f-Regular'; }
              .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child i {
                font-style: normal;
                margin-top: -.5em;
                font-size: .3rem;
                font-weight: 700;
                display: inline-block;
                vertical-align: top; }
      .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info {
        font-size: 16px;
        line-height: 2;
        color: #707781;
        text-align: justify; }
        .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p {
          margin: 0;
          white-space: normal; }
  .brand_body .bra_con_box .bra_src2_img {
    width: 71.3vh;
    height: 100vh;
    position: relative;
    overflow: hidden; }
    .brand_body .bra_con_box .bra_src2_img img {
      position: absolute;
      min-width: 100vh;
      max-width: none;
      height: 100%;
      margin-left: -125%;
      left: 50%;
      top: 0; }
  .brand_body .bra_con_box .bra_src3_img {
    height: 100vh;
    padding: 1px; }
    .brand_body .bra_con_box .bra_src3_img .bra_course_box {
      margin-left: 26.56vw;
      margin-top: 56.48vh;
      position: relative; }
      .brand_body .bra_con_box .bra_src3_img .bra_course_box .bra_line {
        position: absolute;
        background-color: #85ccbe;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        transition: all 0.5s ease; }
      .brand_body .bra_con_box .bra_src3_img .bra_course_box > div {
        white-space: nowrap;
        font-size: 0; }
        .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div {
          width: 410px;
          height: 1px;
          display: inline-block;
          vertical-align: middle;
          background-color: #efefef;
          position: relative;
          color: #3b4048; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
            margin-left: .25rem;
            display: block;
            width: 71.5%;
            position: absolute; }
            .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box img {
              display: block;
              width: 100%; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on::before {
            background-color: #85ccbe; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on::after {
            border: 1px solid #85ccbe; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on .bra_cou_name > div::before {
            background-color: #85ccbe; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::before {
            content: '';
            display: block;
            position: absolute;
            width: .16rem;
            height: .16rem;
            border-radius: 100%;
            left: 0;
            top: 50%;
            margin-left: -.08rem;
            margin-top: -.08rem;
            background-color: #efefef;
            transition: all 0.5s ease; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::after {
            content: '';
            display: block;
            position: absolute;
            width: .32rem;
            height: .32rem;
            border-radius: 100%;
            left: 0;
            top: 50%;
            margin-left: -.17rem;
            margin-top: -.17rem;
            background-color: transparent;
            border: 1px solid #efefef;
            transition: all 0.5s ease; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
            font-size: .32rem;
            line-height: .7;
            padding: .5rem 0 .5rem .25rem;
            position: absolute;
            left: 0;
            transform: translate3d(-50%, 0, 0);
            font-family: 'f-Regular'; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
            line-height: 1.6875;
            font-size: 16px;
            color: #707781;
            text-align: justify;
            margin: .45rem 0;
            position: absolute;
            left: 0;
            width: 100%; }
            .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div {
              width: 90%;
              padding-left: .25rem;
              white-space: normal;
              margin-bottom: .25rem;
              position: relative; }
              .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
                content: '';
                display: block;
                border-radius: 50%;
                transition: all 0.5s ease;
                width: .1rem;
                height: .1rem;
                border: 0.1rem solid #fff;
                background-color: #efefef;
                position: absolute;
                left: 0;
                top: 0;
                margin-left: -.15rem; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_cou_time {
            bottom: 100%; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_img_box {
            bottom: calc(100% + 1rem); }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_cou_name {
            top: 100%; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_cou_time {
            top: 100%; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_img_box {
            top: calc(100% + 1rem); }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_cou_name {
            bottom: 100%; }
    .brand_body .bra_con_box .bra_src3_img .bra_scope_box {
      margin-left: 16.146vw;
      position: relative;
      width: 99.7vh;
      height: 100vh; }
      .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        left: 0; }
        .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box > img {
          display: block;
          width: 100%; }
        .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box img {
            position: absolute;
            display: block;
            animation: landmarkA 1.5s ease infinite; }
            .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box img:nth-child(even) {
              animation-delay: 1s;
              -webkit-animation-delay: 1s; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_001 {
            width: 2.8%;
            left: 73.4%;
            top: 27%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_002 {
            width: 2%;
            left: 58%;
            top: 37.7%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_003 {
            width: 1.4%;
            left: 70.8%;
            top: 35.1%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_004 {
            width: 1.4%;
            left: 81.3%;
            top: 37.5%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_005 {
            width: 1.4%;
            left: 74.6%;
            top: 41.35%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_006 {
            width: 1.2%;
            left: 78%;
            top: 40.3%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_007 {
            width: 1.3%;
            left: 78.3%;
            top: 45%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_008 {
            width: 1.4%;
            left: 75.2%;
            top: 48.3%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_009 {
            width: 1.7%;
            left: 82.65%;
            top: 49%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_010 {
            width: 1.7%;
            left: 76.55%;
            top: 53.1%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_011 {
            width: 1.7%;
            left: 82%;
            top: 57.5%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_012 {
            width: 1.7%;
            left: 86%;
            top: 72.6%; }
          .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_013 {
            width: 1.8%;
            left: 94.1%;
            top: 84.1%; }
    .brand_body .bra_con_box .bra_src3_img .bra_honor_box {
      white-space: nowrap;
      font-size: 0;
      padding-left: 250px;
      height: 100vh;
      padding-right: 9.25vh; }
      .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div {
        display: inline-block;
        vertical-align: top;
        width: 18.75vw; }
        @media all and (min-width: 1025px) {
          .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:first-child {
            height: 100vh; }
            .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:first-child .bra_hon_info {
              margin-top: 50vh;
              transform: translateY(-50%); } }
        .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
          text-align: center;
          color: #3b4048;
          margin: 9vh auto; }
          .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div > img {
            display: block;
            max-width: 100%;
            max-height: 24.5vh;
            margin: 0 auto; }
          .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time {
            font-size: .28rem;
            line-height: 1;
            margin-top: .3rem;
            font-family: 'f-Regular'; }
            .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time span {
              font-size: 14px;
              font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif; }
          .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
            line-height: 1.5;
            font-size: 16px;
            font-weight: 700;
            margin-top: .15rem;
            white-space: initial;
            height: 24px;
            padding: 0 5px; }
  .brand_body .bra_con_box .bra_alt_box .bra_src1_text {
    width: 101.85vh; }
    .brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box {
      width: 58.18%;
      left: 10.18%; }
      .brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div:nth-child(2) {
        text-align: center; }
      .brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div:nth-child(3) {
        text-align: right; }
  .brand_body .bra_con_box .bra_src_box {
    position: relative; }
    .brand_body .bra_con_box .bra_src_box .bra_title::before {
      content: '';
      bottom: 120%;
      left: 50%;
      width: 1px;
      height: 30vh;
      position: absolute;
      transform: rotate(30deg);
      background-color: #e0e6e5;
      transform-origin: 100% 100%; }
    .brand_body .bra_con_box .bra_src_box .bra_title::after {
      content: '';
      top: 120%;
      left: 30%;
      width: 1px;
      height: 60vh;
      position: absolute;
      transform: rotate(30deg);
      background-color: #e0e6e5;
      transform-origin: 0 0; }
    .brand_body .bra_con_box .bra_src_box .bra_ad_box {
      width: 85vw;
      height: 100vh; }
      .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab {
        text-align: right;
        margin-right: 13.8%;
        font-size: 0;
        padding-top: 25vh; }
        .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div {
          display: inline-block;
          vertical-align: middle;
          width: 1.55rem;
          text-align: center;
          line-height: 1;
          cursor: pointer; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:first-child > span::before {
            display: none; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:last-child > span::after {
            display: none; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on {
            cursor: auto;
            pointer-events: none; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover .bra_ad_name, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on .bra_ad_name {
            color: #85ccbe; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover .bra_ad_time, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on .bra_ad_time {
            color: #85ccbe; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover > span > span, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on > span > span {
            background-color: #85ccbe; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_name {
            font-size: 18px;
            font-weight: 700;
            color: #3b4048;
            transition: all 0.5s ease; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_time {
            transition: all 0.5s ease;
            font-size: 14px;
            color: #60666f;
            font-family: 'f-Regular'; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span {
            display: block;
            margin-top: .15rem;
            margin-bottom: .11rem;
            position: relative; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span > span {
              border-radius: 100%;
              background-color: #efefef;
              width: .1rem;
              height: .1rem;
              display: block;
              margin: 0 auto; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::after, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::before {
              content: '';
              height: 1px;
              background-color: #efefef;
              width: calc(50% - .1rem);
              position: absolute;
              top: 50%;
              margin-top: -.5px; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::after {
              right: 0; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::before {
              left: 0; }
      .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
        margin-top: 12vh;
        margin-right: 13.8%;
        position: absolute;
        bottom: 0;
        width: 86.2%; }
        .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div {
          display: none;
          font-size: 0;
          margin-left: 6.5%; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div:first-child {
            display: block; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
            display: inline-block;
            vertical-align: middle;
            width: 34%;
            position: relative;
            z-index: 1; }
          .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box {
            display: inline-block;
            vertical-align: middle;
            width: 39%;
            margin-left: 10%; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box {
              position: relative; }
              .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_d {
                font-size: 3rem;
                line-height: .7;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate3d(-44.5%, -50%, 0);
                color: rgba(230, 235, 236, 0.5);
                font-family: 'f-Regular'; }
              .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name {
                font-size: .3rem;
                line-height: 2;
                color: #85ccbe;
                font-weight: 700;
                margin-bottom: .05rem; }
              .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name_en {
                font-family: 'f-Regular';
                font-size: 14px;
                line-height: 1.14;
                font-style: italic; }
            .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_mes {
              margin-top: 3.646vw;
              font-size: 16px;
              color: #707781;
              line-height: 1.75;
              text-align: justify; }
  .brand_body section .footer_case {
    z-index: -1; }
  @media all and (min-width: 1025px) {
    .brand_body section .footer_case {
      position: initial;
      display: block !important;
      width: 100vw; }
    .brand_body .foot_sha_box {
      display: none; } }

.pub_banner_box {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 48.8vw;
  overflow: hidden; }
  .pub_banner_box > img {
    display: block;
    width: 100%; }
  .pub_banner_box .pub_banner_text_box {
    position: absolute;
    top: 41%;
    left: 14%;
    color: #fff;
    line-height: 1; }
    .pub_banner_box .pub_banner_text_box .pub_banner_title {
      font-weight: 700;
      font-size: .6rem;
      letter-spacing: .2em; }
    .pub_banner_box .pub_banner_text_box .pub_banner_title_en {
      font-size: .26rem;
      margin-top: .4rem;
      font-family: 'f-Regular'; }
  .pub_banner_box .pub_banner_info {
    position: absolute;
    left: 14%;
    bottom: 6vh;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px; }

.mem_title {
  margin-bottom: .6rem;
  font-size: .5rem;
  line-height: 1;
  color: #3b4048;
  font-weight: 700; }

.mem_info {
  line-height: 1;
  font-size: 16px;
  color: #93979d; }

.mem_src2_mes {
  display: flex;
  margin-top: .5rem; }
  .mem_src2_mes > div {
    border: 1px solid #e6e8eb;
    border-left: none;
    border-top: none;
    width: 33.33%;
    transition: all 0.5s ease;
    position: relative;
    padding: .38rem .5rem .45rem .4rem; }
    .mem_src2_mes > div:nth-child(3n+1) {
      border-left: 1px solid #e6e8eb; }
    .mem_src2_mes > div:nth-child(1), .mem_src2_mes > div:nth-child(2), .mem_src2_mes > div:nth-child(3) {
      border-top: 1px solid #e6e8eb; }
    .mem_src2_mes > div .mem_src2_i {
      margin-top: .2rem;
      padding-left: .6rem;
      font-size: 14px;
      line-height: 1.71;
      color: #acafb4;
      transition: all 0.5s ease; }

.mem_epilogue {
  font-size: 0;
  text-align: center; }
  .mem_epilogue::before, .mem_epilogue::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-color: #85ccbe;
    border-radius: 100%;
    height: 10px;
    width: 10px; }
  .mem_epilogue::before {
    margin-right: .3rem; }
  .mem_epilogue::after {
    margin-left: .3rem; }
  .mem_epilogue span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: .26rem;
    font-weight: 700;
    color: #3b4048;
    max-width: calc(100% - .6rem - 20px); }
  @media all and (min-width: 1025px) {
    .mem_epilogue br {
      display: none; } }

.men_src2_n {
  font-size: 0;
  transition: all 0.5s ease; }
  .men_src2_n > div {
    display: inline-block;
    vertical-align: middle;
    color: #3b4048;
    line-height: 1;
    font-size: 18px;
    font-weight: 700; }
    .men_src2_n > div:first-child {
      border-radius: 100%;
      background-color: #85ccbe;
      text-align: center;
      line-height: .4rem;
      width: .4rem;
      height: .4rem;
      color: #fff;
      font-size: 16px;
      font-family: 'f-Regular';
      margin-right: .2rem;
      font-weight: lighter;
      transition: all 0.5s ease; }

.mem_src3_con .men_src2_n > div:first-child {
  display: none; }
.mem_src3_con .mem_src2_mes {
  margin-top: 0;
  text-align: center; }
  .mem_src3_con .mem_src2_mes > div {
    padding: .58rem .5rem .4rem; }
    .mem_src3_con .mem_src2_mes > div .mem_src3_icon_box {
      border-radius: 100%;
      background-color: #85ccbe;
      width: .8rem;
      line-height: .8rem;
      height: .8rem;
      margin: 0 auto .4rem;
      color: #fff;
      box-shadow: 0 10px 30px rgba(133, 204, 190, 0.4); }
      .mem_src3_con .mem_src2_mes > div .mem_src3_icon_box i {
        font-size: .3rem; }
    .mem_src3_con .mem_src2_mes > div .mem_src2_i {
      margin-top: .3rem;
      padding-left: 0; }

.member_body .pro_d_hint .pro_d_hint_text {
  opacity: 0 !important; }
.member_body .sty2_width > div.mem_src1_box {
  padding-bottom: 7.55vw; }
  .member_body .sty2_width > div.mem_src1_box .mem_con {
    margin-top: 5.5vw;
    display: flex; }
    .member_body .sty2_width > div.mem_src1_box .mem_con > div {
      border: 1px solid #e5e7ea; }
      .member_body .sty2_width > div.mem_src1_box .mem_con > div:first-child {
        border-right: none; }
    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box {
      width: 23.5%;
      padding-top: 4.4%;
      padding-bottom: 2.6%;
      box-shadow: 0 10px 55px -10px rgba(0, 0, 0, 0.2);
      background-color: #fff;
      position: relative; }
      .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box > img {
        width: 57.1%;
        margin: 0 auto;
        box-shadow: 0 10px 55px -30px rgba(125, 130, 134, 0.6);
        display: block; }
      .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box div {
        line-height: 1.5;
        font-size: .2rem;
        font-weight: 700;
        text-align: center;
        color: #3b4048;
        margin-top: .22rem; }
    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
      width: 76.5%;
      padding-left: 8.6%;
      padding-top: .77rem;
      box-shadow: 0 10px 55px -10px rgba(0, 0, 0, 0.2); }
      .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_name {
        line-height: 1;
        font-weight: 700;
        font-size: .22rem;
        color: #3b4048; }
      .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
        font-size: 0;
        margin-top: .6rem; }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > div, .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
          display: inline-block;
          vertical-align: middle; }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > div {
          border-radius: 100%;
          position: relative;
          width: .6rem;
          height: .6rem;
          background-color: #85ccbe;
          color: #fff;
          box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4); }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_n {
          font-size: .2rem;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0);
          font-family: 'f-Regular';
          line-height: 1; }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con i {
          font-size: .2rem;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0);
          line-height: 1; }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_name {
          position: absolute;
          left: 50%;
          transform: translate3d(-50%, 0, 0);
          top: 100%;
          margin-top: .25rem;
          line-height: 1;
          color: #3b4048;
          font-size: 14px;
          white-space: nowrap; }
        .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
          margin: 0 3.4%;
          width: 13.2%;
          height: 0;
          border-bottom: 1px dashed #85ccbe; }
.member_body .sty2_width > div .mem_src2_con .mem_src2_img_box {
  position: relative; }
  .member_body .sty2_width > div .mem_src2_con .mem_src2_img_box > img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .member_body .sty2_width > div .mem_src2_con .mem_src2_img_box .alone_title {
    position: absolute;
    margin: 0;
    top: 2.5%; }
  .member_body .sty2_width > div .mem_src2_con .mem_src2_img_box .men_src2_n {
    position: absolute;
    left: 5.9%;
    top: 0;
    transform: translate3d(-0.2rem, 0, 0); }
.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box {
  padding-top: .1rem;
  padding-left: 5.6%; }
  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    display: block;
    float: left;
    width: 22.8%;
    text-align: center; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li {
      display: block;
      color: #8e9298;
      font-size: 14px;
      line-height: 2; }
      .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child {
        margin-bottom: .35rem; }
        .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div {
          line-height: 1;
          font-size: .2rem;
          color: #3b4048; }
          .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div:nth-child(2) {
            font-size: 12px;
            color: #cbcfd5;
            margin-top: .1rem; }
.member_body .sty2_width > div .mem_rules_box {
  border-bottom: 1px solid #e6e8eb;
  border-top: 1px solid #e6e8eb;
  padding: 4.4% 0; }
  .member_body .sty2_width > div .mem_rules_box > div {
    padding: .2rem .2rem .2rem 1.5rem;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    color: #7d8187; }
    .member_body .sty2_width > div .mem_rules_box > div::before {
      content: attr(data-text);
      position: absolute;
      color: #e0e2e6;
      font-size: .3rem;
      line-height: .9;
      top: .2rem;
      left: .7rem;
      font-family: 'f-Regular'; }
.member_body .men_src2_n > div:first-child {
  font-size: .24rem; }
.member_body .alone_title {
  font-size: .3rem;
  line-height: 1;
  font-weight: 700;
  color: #85ccbe;
  margin: .7rem 0 .4rem; }

.pol_title {
  position: relative;
  text-align: center;
  font-size: .4rem;
  line-height: 1;
  font-weight: 700;
  color: #3b4048; }
  .pol_title::before {
    content: attr(data-en);
    display: block;
    line-height: 1;
    color: #3b4048;
    opacity: .06;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    font-size: 1.4rem;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'f-Regular';
    text-transform: uppercase; }

.pol_info {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  margin-top: .3rem;
  color: #93979d; }

.pol_src2_info {
  text-align: center;
  font-size: 14px;
  line-height: 1.71;
  margin-top: .3rem;
  color: #acafb4; }

.policy_body .pub_banner_box .pub_banner_text_box {
  top: 46%; }
.policy_body .pub_banner_text_box {
  text-align: center;
  width: 72%; }
  .policy_body .pub_banner_text_box .pub_pol_mess {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    margin-top: .25rem;
    font-size: 14px; }
.policy_body .pub_banner_info {
  display: flex;
  align-items: flex-end;
  width: 72%; }
  .policy_body .pub_banner_info .pol_relation_box, .policy_body .pub_banner_info .pol_lx_box {
    width: 50%;
    float: left;
    color: #fff; }
    .policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
      display: inline-block;
      background-color: #85ccbe;
      text-align: center;
      border-radius: 60px;
      padding: .11rem .15rem;
      line-height: 1;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      transition: all 0.5s ease;
      margin-top: .23rem; }
  .policy_body .pub_banner_info .pol_relation_box {
    line-height: 1; }
    .policy_body .pub_banner_info .pol_relation_box div {
      font-family: 'f-Regular';
      font-size: .34rem;
      margin-top: .2rem; }
  .policy_body .pub_banner_info .pol_lx_box {
    text-align: right; }
    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case, .policy_body .pub_banner_info .pol_lx_box > img {
      display: inline-block;
      vertical-align: middle; }
    .policy_body .pub_banner_info .pol_lx_box > img {
      width: 118px;
      box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
      margin-right: 10px; }
    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case div {
      margin-top: .2rem;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.64; }
.policy_body .pol_src1_box .mem_src2_mes {
  margin-top: 9.5%;
  flex-wrap: wrap; }
  .policy_body .pol_src1_box .mem_src2_mes > div {
    overflow: hidden; }
    .policy_body .pol_src1_box .mem_src2_mes > div::before {
      content: attr(data-num);
      position: absolute;
      right: .3rem;
      bottom: -.5rem;
      font-size: 1.2rem;
      line-height: 1;
      color: #7ac2b4;
      transition: all 0.5s ease;
      opacity: 0;
      transform: translate3d(200%, 0, 0);
      font-family: 'f-Regular'; }
    @media all and (min-width: 1025px) {
      .policy_body .pol_src1_box .mem_src2_mes > div.on {
        background-color: #85ccbe;
        box-shadow: 0 30px 65px rgba(133, 204, 190, 0.4); }
        .policy_body .pol_src1_box .mem_src2_mes > div.on::before {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .policy_body .pol_src1_box .mem_src2_mes > div.on .mem_src2_i {
          color: #fff; }
        .policy_body .pol_src1_box .mem_src2_mes > div.on .men_src2_n > div {
          color: #fff; }
          .policy_body .pol_src1_box .mem_src2_mes > div.on .men_src2_n > div:first-child {
            background-color: #72b9ab; } }
.policy_body .pol_src2_box .mem_src2_mes {
  margin-top: 7.3%;
  position: relative; }
  .policy_body .pol_src2_box .mem_src2_mes::before, .policy_body .pol_src2_box .mem_src2_mes::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 8.8%;
    border-bottom: 1px dashed #85ccbe;
    top: .35rem;
    margin-top: -1px;
    transform: translate3d(-50%, 0, 0); }
  .policy_body .pol_src2_box .mem_src2_mes::before {
    left: 33.33%; }
  .policy_body .pol_src2_box .mem_src2_mes::after {
    left: 66.66%; }
  .policy_body .pol_src2_box .mem_src2_mes > div {
    border-color: transparent !important;
    transition: all 0.5s ease;
    padding-top: 0;
    padding-bottom: .7rem;
    border-left: none;
    border-top: none;
    border-right: none; }
    .policy_body .pol_src2_box .mem_src2_mes > div::before {
      content: attr(data-num);
      position: absolute;
      left: 50%;
      transform: translate3d(200%, 0, 0);
      overflow: hidden;
      bottom: 0;
      font-size: 1.2rem;
      line-height: 1;
      height: .8rem;
      color: #f5f6f7;
      transition: all 0.5s ease;
      opacity: 0;
      font-family: 'f-Regular'; }
    .policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box {
      position: relative;
      background-color: #fff;
      border: 2px solid #85ccbe;
      color: #85ccbe;
      margin-top: -.1rem;
      transition: all 0.5s ease; }
      .policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box::before {
        content: '';
        display: block;
        width: 130%;
        height: 130%;
        border-radius: 100%;
        border: 1px dashed #85ccbe;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0); }
    @media all and (min-width: 1025px) {
      .policy_body .pol_src2_box .mem_src2_mes > div.on {
        border-color: #85ccbe !important; }
        .policy_body .pol_src2_box .mem_src2_mes > div.on::before {
          opacity: 1;
          transform: translate3d(-50%, 0, 0); }
        .policy_body .pol_src2_box .mem_src2_mes > div.on .mem_src3_icon_box {
          background-color: #85ccbe;
          color: #fff; } }
    @media all and (max-width: 640px) {
      .policy_body .pol_src2_box .mem_src2_mes > div {
        border-color: #85ccbe !important;
        margin-bottom: .6rem; }
        .policy_body .pol_src2_box .mem_src2_mes > div:last-child {
          margin-bottom: 0; }
        .policy_body .pol_src2_box .mem_src2_mes > div::before {
          opacity: 1;
          transform: translate3d(-50%, 0, 0); }
        .policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box {
          background-color: #85ccbe;
          color: #fff; } }
.policy_body .pol_l_name {
  text-align: center;
  color: #85ccbe;
  margin-top: .4rem;
  font-size: 18px;
  font-weight: 700;
  line-height: 1; }
.policy_body .pol_look_det {
  border: 1px solid #e6e6e6;
  margin-top: .43rem; }
  .policy_body .pol_look_det > div {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 4.6vw;
    padding-right: 4.6vw;
    padding-top: .3rem;
    padding-bottom: .4rem; }
    .policy_body .pol_look_det > div:last-child {
      border-bottom: none;
      padding-top: .5rem;
      padding-bottom: .5rem; }
    .policy_body .pol_look_det > div > span {
      line-height: 1.71;
      color: #8b8f94;
      font-size: 14px;
      padding-right: 10px; }
      .policy_body .pol_look_det > div > span:first-child {
        color: #85ccbe;
        font-size: .24rem;
        font-weight: 700;
        width: 33%; }
      .policy_body .pol_look_det > div > span:nth-child(2) {
        width: 35.5%; }
      .policy_body .pol_look_det > div > span:last-child {
        padding-right: 0;
        width: 41.5%; }
    .policy_body .pol_look_det > div:first-child {
      padding-top: .4rem;
      padding-bottom: .3rem; }
      .policy_body .pol_look_det > div:first-child > span {
        font-size: 18px;
        color: #3b4048;
        line-height: 1;
        font-weight: 400; }
.policy_body .mem_epilogue {
  margin-top: 9%; }
  .policy_body .mem_epilogue span {
    font-size: .26rem;
    font-weight: 700; }
.policy_body .charge_name {
  color: #3b4048;
  font-size: 18px; }
.policy_body .charge_table_box {
  margin-top: .45rem; }
  .policy_body .charge_table_box > div {
    border-top: 1px solid #e6e6e6;
    padding: .2rem 0;
    line-height: 1.57;
    font-size: 14px;
    color: #8b8f94;
    display: flex; }
    .policy_body .charge_table_box > div:first-child {
      padding-top: .3rem;
      font-weight: 700;
      color: #3b4048; }
    .policy_body .charge_table_box > div > span {
      padding-right: 10px; }
      .policy_body .charge_table_box > div > span:first-child {
        width: 14.3%; }
      .policy_body .charge_table_box > div > span:nth-child(2) {
        width: 26.5%; }
      .policy_body .charge_table_box > div > span:nth-child(3) {
        width: 42.6%;
        padding-right: 13%; }
      .policy_body .charge_table_box > div > span:nth-child(4) {
        width: 16.6%; }

.pol_scope_box {
  margin-top: 5%; }
  .pol_scope_box > div {
    margin-bottom: .3rem;
    border: 1px solid #e6e6e6;
    padding: .25rem 3.6% .25rem 10%;
    line-height: 2;
    font-size: 14px;
    color: #93979d;
    position: relative; }
    .pol_scope_box > div::before {
      content: attr(data-text);
      position: absolute;
      color: #e0e2e6;
      font-size: .4rem;
      line-height: .9;
      top: .25rem;
      left: 2.8%;
      font-family: 'f-Regular'; }
    .pol_scope_box > div .yq_name {
      color: #3b4048;
      margin-bottom: .3rem;
      line-height: 1.5;
      font-weight: 700;
      font-size: .2rem; }
    .pol_scope_box > div .yq_con {
      width: 68%; }
      .pol_scope_box > div .yq_con > div {
        font-size: 0; }
        .pol_scope_box > div .yq_con > div > span {
          display: inline-block;
          vertical-align: top;
          font-size: 14px; }
          .pol_scope_box > div .yq_con > div > span.yq_num {
            width: 25px; }
          .pol_scope_box > div .yq_con > div > span:nth-child(2) {
            width: calc(100% - 25px); }
          .pol_scope_box > div .yq_con > div > span span {
            display: inline-block;
            width: 100px; }
        .pol_scope_box > div .yq_con > div.col_d {
          color: #737373;
          margin-top: .1rem;
          font-weight: 700; }

@keyframes runDot {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
@keyframes guoDu {
  0% {
    transform: translate3d(100%, 0, 0) skew(0deg, 0deg); }
  50% {
    transform: translate3d(50%, 0, 0) skew(3deg, 3deg) rotate(5deg); }
  100% {
    transform: translate3d(0, 0, 0) skew(0deg, 0deg); } }
.video_body {
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat; }
  .video_body .sty1_width {
    overflow: hidden; }
    .video_body .sty1_width .sty_left {
      width: 35.5%; }
    .video_body .sty1_width .sty_right {
      width: 59.27%;
      height: 100vh;
      position: relative; }
      .video_body .sty1_width .sty_right .video_list {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(0, -50%, 0);
        display: none;
        width: 100%; }
        .video_body .sty1_width .sty_right .video_list:first-child {
          display: block; }
        .video_body .sty1_width .sty_right .video_list .swiper-container {
          height: 49.8vh;
          overflow: inherit;
          padding-right: 40%; }
          .video_body .sty1_width .sty_right .video_list .swiper-container .swiper-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; }
          .video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide {
            cursor: pointer; }
            .video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide .btn_d_video {
              pointer-events: none; }
            .video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide.active {
              cursor: auto; }
              .video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide.active .btn_d_video {
                pointer-events: auto; }
          .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box {
            transition: all 0.5s ease;
            opacity: .5;
            transform: scale(0.8); }
            .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
              margin-top: .05rem;
              line-height: 2;
              font-size: .3rem;
              color: #3b4048;
              font-weight: 700; }
          .video_body .sty1_width .sty_right .video_list .swiper-container .active .vid_box {
            opacity: 1;
            transform: scale(1); }
        .video_body .sty1_width .sty_right .video_list .swiper-pagination {
          width: auto;
          bottom: auto;
          left: auto;
          right: .45rem;
          top: 50%;
          transform: translate3d(0, -50%, 0);
          font-family: 'f-Regular';
          color: #cccccc;
          font-size: .24rem;
          line-height: 2; }
          .video_body .sty1_width .sty_right .video_list .swiper-pagination > div {
            padding: 0 .15rem; }
          .video_body .sty1_width .sty_right .video_list .swiper-pagination .on {
            color: #000;
            border-bottom: 1px solid #cccccc; }
  .video_body .vid_tab_box {
    margin-top: 5.5vh; }
    .video_body .vid_tab_box > div {
      font-size: .3rem;
      line-height: 2.19;
      color: #3b4048;
      transition: all 0.5s ease;
      cursor: pointer; }
      .video_body .vid_tab_box > div:hover {
        color: #85ccbe; }
      .video_body .vid_tab_box > div span {
        position: relative; }
        .video_body .vid_tab_box > div span::before, .video_body .vid_tab_box > div span::after {
          content: '';
          position: absolute;
          top: 50%;
          height: .04rem;
          margin-top: -.02rem;
          background-color: #85ccbe;
          transition: all 0.5s ease;
          width: 0; }
        .video_body .vid_tab_box > div span::before {
          right: calc(100% + .2rem); }
        .video_body .vid_tab_box > div span::after {
          left: calc(100% + .2rem); }
      .video_body .vid_tab_box > div.on {
        color: #85ccbe;
        cursor: auto; }
        .video_body .vid_tab_box > div.on span::before {
          width: 1.2em; }
        .video_body .vid_tab_box > div.on span::after {
          width: 5.7em; }

.vid_info_box {
  position: relative; }
  .vid_info_box > img {
    display: block;
    width: 100%; }

.btn_d_video {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  border: 2px solid rgba(255, 255, 255, 0.5);
  line-height: .7rem;
  width: .7rem;
  height: .7rem;
  border-radius: 100%;
  text-align: center; }
  .btn_d_video i {
    overflow: hidden;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    transform: translate3d(-50%, -50%, 0); }
  .btn_d_video::before {
    content: '';
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 2px solid;
    opacity: 0.8;
    border-color: transparent;
    border-right-color: #85ccbe;
    animation: runDot 2s infinite ease-in-out; }
  .btn_d_video div {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    margin-top: .3rem;
    font-size: 12px;
    color: #fff;
    font-family: 'f-Regular';
    line-height: 1; }

.sha_video {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 9999; }
  .sha_video > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition: all 0.5s ease; }
    .sha_video > div .video_btn_close {
      position: absolute;
      right: -.5rem;
      top: -.25rem;
      cursor: pointer;
      color: #fff;
      opacity: .5;
      z-index: 3;
      transition: all 0.5s ease; }
      .sha_video > div .video_btn_close:hover {
        color: #85ccbe; }
    .sha_video > div video {
      display: block;
      min-width: 50vw;
      max-height: 80vh;
      max-width: 85vw; }
    .sha_video > div.on {
      transform: translate3d(-50%, -50%, 0) scale(1); }

.stores_body .sty_left {
  width: 50%;
  position: relative; }
  .stores_body .sty_left #dituContent {
    width: 100%;
    height: 100%; }
  .stores_body .sty_left .sha_map {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.1);
    pointer-events: none; }
.stores_body .sty_right {
  width: 50%;
  padding: 11.8% 5.3% 7.1% 7.65%; }
  .stores_body .sty_right .sto_title {
    font-size: .4rem;
    font-weight: 700;
    color: #3b4048;
    line-height: 1; }
  .stores_body .sty_right .net_sel_case {
    margin-top: .54rem;
    color: #3b4048; }
    .stores_body .sty_right .net_sel_case > div {
      width: 100%;
      display: flex; }
      .stores_body .sty_right .net_sel_case > div .net_sel {
        width: calc(100% - 130px);
        font-size: 0; }
        .stores_body .sty_right .net_sel_case > div .net_sel > div {
          display: inline-block;
          vertical-align: middle;
          margin-right: 7.5%;
          line-height: 50px;
          height: 50px;
          position: relative;
          padding: 0 .25rem;
          border-bottom: 1px solid #e6e6e6; }
          .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city {
            width: 42.5%; }
            .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show {
              position: relative;
              cursor: pointer; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show span, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show span {
                font-size: 14px; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show i, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show i {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                color: #b5b6b9; }
            .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box {
              position: absolute;
              width: 100%;
              top: 100%;
              left: 0;
              background-color: #fff;
              display: none;
              box-shadow: 0 30px 35px rgba(133, 204, 190, 0.2);
              z-index: 66; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul {
                display: block;
                line-height: 2.5;
                padding: 10px 0;
                max-height: 500px;
                overflow-y: auto; }
                .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul li, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul li {
                  display: block;
                  padding: 0 .25rem;
                  cursor: pointer;
                  color: #3b4048;
                  font-size: 14px;
                  transition: all 0.5s ease; }
                  .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul li:hover, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul li:hover {
                    color: #fff;
                    background-color: #85ccbe; }
          .stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box {
            width: 36%; }
            .stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input {
              display: block;
              width: 100%;
              line-height: 30px;
              padding: 10px 0;
              background-color: transparent;
              outline: none;
              border: none; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-webkit-input-placeholder {
                color: #3b4048; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-moz-input-placeholder {
                color: #3b4048; }
              .stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-ms-input-placeholder {
                color: #3b4048; }
      .stores_body .sty_right .net_sel_case > div .btn_search {
        display: block;
        width: 180px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        color: #fff;
        background-color: #3b4048;
        border-radius: 30px;
        cursor: pointer;
        transition: all 0.5s ease;
        font-size: 14px; }
        .stores_body .sty_right .net_sel_case > div .btn_search:hover {
          background-color: #85ccbe;
          color: #fff; }

.net_con_box {
  margin-top: .6rem; }
  .net_con_box ul {
    display: block; }
    .net_con_box ul li {
      display: block; }
      .net_con_box ul li:last-child a {
        border-bottom: none; }
      .net_con_box ul li a {
        display: block;
        cursor: pointer;
        border-bottom: 1px solid #e5e5e5;
        padding: .45rem 2.08vw .35rem 0; }
        .net_con_box ul li a > div {
          padding-left: .35rem; }
        .net_con_box ul li a .net_con_name {
          font-weight: 700;
          line-height: 1.5;
          position: relative;
          transition: all 0.5s ease;
          color: #3b4048;
          font-size: .2rem; }
          .net_con_box ul li a .net_con_name i {
            position: absolute;
            left: 0;
            transform: translateY(-50%);
            top: 50%;
            color: #85ccbe;
            font-size: .2rem; }
        .net_con_box ul li a .net_add_box {
          line-height: 1.857;
          margin-top: .2rem;
          color: #707781;
          font-size: 14px; }

.about_us_body .pub_con_case > .con_arrt_box {
  display: none; }
.about_us_body .sha_top {
  content: '';
  display: block;
  background-color: #fff;
  width: 60vw;
  height: calc(4.166vw + 6.25vw);
  right: 0;
  top: 0;
  position: fixed;
  z-index: 4;
  pointer-events: none; }
.about_us_body .con_arrt_box {
  position: absolute;
  width: 78.3%;
  left: 13.6%;
  bottom: 18%; }
  .about_us_body .con_arrt_box a {
    display: block;
    cursor: pointer; }
    .about_us_body .con_arrt_box a > div {
      padding-left: .7rem; }
    .about_us_body .con_arrt_box a .net_con_name {
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      transition: all 0.5s ease;
      color: #3b4048;
      font-size: .3rem; }
      .about_us_body .con_arrt_box a .net_con_name i {
        position: absolute;
        left: .35rem;
        transform: translate3d(-50%, -50%, 0);
        top: 50%;
        color: #85ccbe;
        font-size: .3rem; }
    .about_us_body .con_arrt_box a .net_add_box {
      line-height: 1.857;
      margin-top: .2rem;
      color: #707781;
      font-size: 14px;
      text-align: justify; }
    .about_us_body .con_arrt_box a:hover .net_con_name {
      color: #85ccbe; }
.about_us_body .sty_left {
  width: 38.125%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
.about_us_body .sty_right {
  width: 55.72%;
  padding: 13.8% 5.3% 7.1% 0; }
  .about_us_body .sty_right .title_info_box {
    position: relative;
    top: auto;
    left: auto;
    transform: translate3d(0, 0, 0);
    text-align: right; }
    .about_us_body .sty_right .title_info_box .pub_plan_hint_box {
      flex-flow: row-reverse; }
      .about_us_body .sty_right .title_info_box .pub_plan_hint_box .pub_plan_box {
        margin-left: .2rem;
        margin-left: 0; }
  .about_us_body .sty_right .net_con_box {
    margin-top: -.5rem; }
    .about_us_body .sty_right .net_con_box .region_box {
      font-size: .3rem;
      font-weight: 700;
      color: #3b4048;
      line-height: 1; }
    .about_us_body .sty_right .net_con_box ul li {
      padding-bottom: .5rem;
      border-bottom: 1px solid #e6e6e6;
      margin-bottom: .64rem; }
      .about_us_body .sty_right .net_con_box ul li:last-child {
        margin-bottom: 0;
        border-bottom: none; }
      .about_us_body .sty_right .net_con_box ul li a {
        border-bottom: none;
        width: 50%;
        float: left;
        padding-bottom: 0;
        padding-top: .35rem;
        padding-right: .2rem; }
        .about_us_body .sty_right .net_con_box ul li a .net_add_box span {
          width: 100px;
          display: inline-block; }

.research_body .pub_banner_box .pub_banner_text_box {
  width: 72%;
  top: 50%;
  text-align: center; }
  .research_body .pub_banner_box .pub_banner_text_box .pub_pol_mess {
    margin-top: .4rem;
    font-size: .3rem;
    line-height: 1;
    letter-spacing: .4em; }
.research_body .sty2_width {
  padding-top: .3rem; }
  .research_body .sty2_width > div {
    padding-bottom: 7%; }
  .research_body .sty2_width .res_tab_box {
    line-height: 1.5;
    padding-bottom: 6.2%; }
    .research_body .sty2_width .res_tab_box a {
      display: block;
      width: 50%;
      line-height: .4rem;
      border-bottom: 2px solid #e6e6e6;
      transition: all 0.5s ease;
      text-align: center;
      float: left;
      font-size: .3rem;
      color: #93979d;
      position: relative;
      padding: .4rem 0; }
      .research_body .sty2_width .res_tab_box a::before {
        content: '';
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        height: 2px;
        background-color: #85ccbe;
        transition: all 0.5s ease; }
      .research_body .sty2_width .res_tab_box a.on {
        color: #3b4048;
        font-weight: 700; }
        .research_body .sty2_width .res_tab_box a.on::before {
          width: 100%; }
      @media all and (min-width: 1025px) {
        .research_body .sty2_width .res_tab_box a:hover {
          color: #3b4048;
          font-weight: 700; }
          .research_body .sty2_width .res_tab_box a:hover::before {
            width: 100%; } }
  .research_body .sty2_width .res_title {
    font-size: .4rem;
    color: #3b4048;
    font-weight: 700;
    line-height: 1; }
.research_body .man_info {
  font-size: 14px;
  color: #9da0a5;
  line-height: 1.7;
  text-align: justify; }

.research_info_body .sty2_width .com_info_case {
  font-size: 0;
  white-space: nowrap; }
  .research_info_body .sty2_width .com_info_case > div {
    display: inline-block;
    vertical-align: middle; }
  .research_info_body .sty2_width .com_info_case .com_info_box {
    width: 61.30%; }
    .research_info_body .sty2_width .com_info_case .com_info_box .com_info {
      font-size: 14px;
      color: #9da0a5;
      line-height: 2.28;
      text-align: justify;
      margin-top: 10%;
      word-wrap: break-word;
      word-break: normal;
      white-space: normal; }
  .research_info_body .sty2_width .com_info_case .com_img_box {
    width: 39%;
    margin-left: 2%; }
    .research_info_body .sty2_width .com_info_case .com_img_box img {
      width: 100%;
      display: block; }
.research_info_body .sty2_width .data_box {
  margin-top: 5%; }
  .research_info_body .sty2_width .data_box > div {
    float: left;
    width: 20%; }
    .research_info_body .sty2_width .data_box > div > div {
      font-size: 14px;
      line-height: 1;
      color: #707781; }
      .research_info_body .sty2_width .data_box > div > div:first-child {
        margin-bottom: .25rem; }
      .research_info_body .sty2_width .data_box > div > div span {
        font-family: 'f-Regular';
        font-size: .4rem;
        line-height: 1;
        color: #3b4048; }
.research_info_body .sty2_width .info_src2_box {
  position: relative; }
  .research_info_body .sty2_width .info_src2_box .honor_bg_box {
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, -35%, 0);
    z-index: -1;
    max-width: none; }
.research_info_body .sty2_width .res_honor_box {
  margin: 0 auto;
  margin-top: 7.7%;
  width: 37.5%; }
  .research_info_body .sty2_width .res_honor_box .swiper-container {
    overflow: inherit; }
    .research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div {
      width: 84.2%;
      margin: 0 auto;
      opacity: .5;
      transform: scale(0.83);
      transition: all 0.5s ease; }
      .research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div img {
        display: block;
        width: 100%;
        box-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2); }
      .research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div div {
        line-height: 1.5;
        font-size: .24rem;
        color: #3b4048;
        text-align: center;
        margin-top: .25rem; }
    .research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide.active > div {
      opacity: 1;
      transform: scale(1); }
.research_info_body .sty2_width .management_box {
  margin-top: 8.8%; }
  .research_info_body .sty2_width .management_box > div {
    margin-bottom: 13%;
    display: flex;
    align-items: center; }
    .research_info_body .sty2_width .management_box > div:last-child {
      margin-bottom: 0; }
    .research_info_body .sty2_width .management_box > div > img {
      width: 50%; }
    .research_info_body .sty2_width .management_box > div > div {
      width: 50%;
      padding-left: 5.5%; }
      .research_info_body .sty2_width .management_box > div > div .mam_name {
        font-size: .26rem;
        line-height: 1;
        margin-bottom: .1rem;
        color: #3b4048;
        font-weight: 700; }
      .research_info_body .sty2_width .management_box > div > div .man_name_en {
        line-height: 1;
        font-size: 12px;
        color: #acafb4;
        margin-bottom: 9%; }
      .research_info_body .sty2_width .management_box > div > div .mam_name_l {
        font-weight: 700;
        color: #3b4048;
        line-height: 1;
        font-size: .4rem;
        margin-bottom: 12%; }
    .research_info_body .sty2_width .management_box > div:nth-child(even) {
      flex-direction: row-reverse; }
      .research_info_body .sty2_width .management_box > div:nth-child(even) > div {
        padding-right: 5.5%;
        padding-left: 0; }

.ke_box {
  margin-top: 6%;
  display: flex;
  text-align: center; }
  .ke_box > div {
    width: 25%;
    padding: 0 3.2%;
    position: relative; }
    .ke_box > div > span {
      position: absolute;
      right: 0;
      top: .4rem;
      transform: translate3d(50%, -50%, 0);
      color: #d3d3d3;
      line-height: 1;
      font-size: .35rem; }
    .ke_box > div:last-child > span {
      display: none; }
    .ke_box > div .pub_icon_box {
      border-radius: 100%;
      position: relative;
      background-color: #85ccbe;
      color: #fff;
      box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
      width: .8rem;
      height: .8rem;
      line-height: .8rem;
      margin: 0 auto 19.5%;
      font-family: 'f-Regular';
      text-align: center; }
      .ke_box > div .pub_icon_box i {
        display: block;
        font-size: .42rem; }
    .ke_box > div .pub_stop_name {
      font-size: .2rem;
      font-weight: 700;
      color: #3b4048;
      line-height: 1;
      margin-bottom: .25rem; }
    .ke_box > div .pub_icon_name {
      font-size: 14px;
      color: #9da0a5;
      line-height: 1.71; }

.research_join_body .man_info {
  text-align: center;
  width: 73%;
  margin: 3.65% auto 0; }
.research_join_body .res_title {
  text-align: center; }
.research_join_body .join_src1_box {
  text-align: center;
  position: relative;
  padding-bottom: calc(7% + .8rem) !important; }
  .research_join_body .join_src1_box .res_title {
    margin-top: .2rem; }
  .research_join_body .join_src1_box .join_mode_box {
    font-size: 0;
    margin-top: 8.8%; }
    .research_join_body .join_src1_box .join_mode_box > div, .research_join_body .join_src1_box .join_mode_box > span {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: .73rem; }
    .research_join_body .join_src1_box .join_mode_box > div {
      position: relative;
      width: 1rem; }
      .research_join_body .join_src1_box .join_mode_box > div img {
        display: block;
        width: 100%;
        box-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2); }
      .research_join_body .join_src1_box .join_mode_box > div span {
        display: block;
        font-size: 1rem;
        line-height: 1;
        color: #85ccbe;
        text-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2); }
      .research_join_body .join_src1_box .join_mode_box > div i {
        color: #fff;
        font-size: .4rem;
        position: absolute;
        display: block;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0); }
      .research_join_body .join_src1_box .join_mode_box > div div {
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: .55rem;
        color: #3b4048;
        line-height: 1;
        transform: translate3d(-50%, 0, 0);
        font-size: .18rem;
        font-weight: 700;
        white-space: nowrap; }
    .research_join_body .join_src1_box .join_mode_box > span {
      width: calc((100% - 5rem) / 4); }
      .research_join_body .join_src1_box .join_mode_box > span img {
        width: 27.58%;
        display: block;
        margin: 0 auto; }
  .research_join_body .join_src1_box .mode_bg_box {
    position: absolute;
    width: 100vw;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
    max-width: none; }
.research_join_body .join_rd_box {
  margin-top: -.8rem;
  display: flex;
  text-align: center; }
  .research_join_body .join_rd_box > div {
    width: calc((100% - .2rem) / 2);
    background-color: #fff;
    margin-right: .2rem;
    border-radius: 10px;
    border: 1px solid #e3e6e6;
    padding: .7rem 10px .6rem;
    box-shadow: 0 25px 60px -10px rgba(104, 123, 119, 0.12); }
    .research_join_body .join_rd_box > div:nth-child(2n) {
      margin-right: 0; }
    .research_join_body .join_rd_box > div i {
      display: block;
      margin: 0 auto;
      border-radius: 100%;
      background-color: #85ccbe;
      width: 1.05rem;
      height: 1.05rem;
      line-height: 1.05rem;
      color: #fff;
      font-size: .56rem;
      box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4); }
    .research_join_body .join_rd_box > div .res_title {
      margin-top: .5rem; }
    .research_join_body .join_rd_box > div .join_rd_info {
      font-size: .18rem;
      line-height: 1.5;
      color: #9da0a5;
      margin-top: .25rem; }
      .research_join_body .join_rd_box > div .join_rd_info span {
        color: #85ccbe; }
.research_join_body .mu_name {
  text-align: center;
  line-height: 1;
  margin-bottom: .2rem;
  font-size: .24rem;
  color: #3b4048; }

.res_title_box {
  padding-left: .9rem;
  position: relative;
  margin-bottom: .55rem; }
  .res_title_box::before {
    content: attr(data-text);
    position: absolute;
    color: #e0e2e6;
    font-size: .4rem;
    line-height: 1;
    top: 0;
    left: 0;
    font-family: 'f-Regular'; }

.recruitment_body .rec_search_box {
  width: 65.3%;
  margin: 0 auto 6.6%;
  background-color: #f6f7f8;
  border-radius: .35rem;
  overflow: hidden;
  display: flex; }
  .recruitment_body .rec_search_box input {
    background-color: transparent;
    outline: none;
    border: none;
    padding: 0 .3rem;
    font-size: .18rem;
    color: #93979d;
    width: calc(100% - 2.2rem); }
  .recruitment_body .rec_search_box a {
    width: 2.2rem;
    text-align: center;
    background-color: #85ccbe;
    cursor: pointer; }
    .recruitment_body .rec_search_box a button {
      display: block;
      width: 100%;
      background-color: transparent;
      outline: none;
      font-size: .2rem;
      font-family: 'f-Regular';
      line-height: .7rem;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer; }
.recruitment_body .rec_con_list {
  margin-top: .3rem; }
.recruitment_body .rec_con_box > .rec_name {
  border: none;
  background-color: #f6f7f8; }
  .recruitment_body .rec_con_box > .rec_name > span {
    font-size: 16px;
    font-weight: 700;
    color: #3b4048; }
    .recruitment_body .rec_con_box > .rec_name > span:nth-child(7) {
      pointer-events: none; }
.recruitment_body .rec_name {
  display: flex;
  padding: 0 .2rem 0 .4rem;
  text-align: center;
  border: 1px solid #e6e6e6;
  transition: all 0.5s ease; }
  .recruitment_body .rec_name > span {
    font-size: 14px;
    color: #9da0a5;
    line-height: 2.285;
    padding: .2rem 0;
    text-align: center; }
    .recruitment_body .rec_name > span span {
      display: none; }
    .recruitment_body .rec_name > span:nth-child(1) {
      width: 18%;
      font-weight: 700;
      color: #616366; }
    .recruitment_body .rec_name > span:nth-child(2) {
      width: 20%; }
    .recruitment_body .rec_name > span:nth-child(3) {
      width: 20%; }
    .recruitment_body .rec_name > span:nth-child(4) {
      width: 20%; }
    .recruitment_body .rec_name > span:nth-child(5) {
      width: 18%; }
    .recruitment_body .rec_name > span:nth-child(6) {
      width: 10%; }
    .recruitment_body .rec_name > span:nth-child(7) {
      width: 10%;
      padding: 0;
      border-radius: 60px;
      color: #fff;
      background-color: #85ccbe;
      margin: .2rem 0;
      transition: all 0.5s ease;
      opacity: 0;
      height: 31px; }
  .recruitment_body .rec_name.btn_rec_name {
    cursor: pointer; }
    @media all and (min-width: 1025px) {
      .recruitment_body .rec_name.btn_rec_name:hover {
        border-color: transparent;
        border-bottom: 1px solid #e6e6e6;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }
        .recruitment_body .rec_name.btn_rec_name:hover > span:nth-child(7) {
          opacity: 1; } }
.recruitment_body .rec_con_con {
  padding: 5.15% 8.5% 6.57%;
  display: none; }
  .recruitment_body .rec_con_con .rec_yq_box {
    display: flex; }
    .recruitment_body .rec_con_con .rec_yq_box > div {
      width: 50%; }
      .recruitment_body .rec_con_con .rec_yq_box > div:first-child {
        padding-right: .2rem; }
      .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_name {
        font-weight: 700;
        color: #3b4048;
        font-size: .26rem; }
      .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
        font-size: 14px;
        line-height: 2;
        color: #9da0a5;
        margin-top: 11.5%; }
.recruitment_body .rec_con_list.on {
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2); }
  .recruitment_body .rec_con_list.on .rec_con_con {
    display: block; }

.btn_sq {
  display: block;
  margin: 4.4% auto 0;
  width: 2.3rem;
  border-radius: 50px;
  border: 1px solid #aeb2b9;
  color: #3b4048;
  font-size: 18px;
  line-height: .6rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease; }
  .btn_sq i {
    margin-right: .3rem;
    font-size: .26rem; }
  .btn_sq > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
    width: .26rem;
    font-size: .26rem;
    position: relative; }
    .btn_sq > div .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
      transition: all 0.5s ease; }
      .btn_sq > div .icon:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        opacity: 0; }
  @media all and (min-width: 1025px) {
    .btn_sq:hover {
      border-color: transparent !important;
      color: #fff;
      background-color: #85ccbe;
      transform: translate3d(0, -10px, 0);
      box-shadow: 0 20px 50px rgba(133, 204, 190, 0.4); }
      .btn_sq:hover > div .icon {
        opacity: 0; }
        .btn_sq:hover > div .icon:nth-child(2) {
          opacity: 1; } }

.development_body .man_info {
  margin-top: .25rem;
  width: 93.2%; }
.development_body .dev_jz_box {
  border: 1px solid #e6e6e6;
  display: flex;
  margin-top: 8%; }
  .development_body .dev_jz_box > div {
    width: 50%;
    position: relative;
    border-right: 1px solid #e6e6e6;
    padding: 5% .3rem 3.65% 4.4%; }
    .development_body .dev_jz_box > div:nth-child(2n) {
      border-right: none; }
    .development_body .dev_jz_box > div i {
      font-size: .7rem;
      line-height: 1;
      color: #f5f6f7;
      position: absolute;
      top: .4rem;
      right: .4rem;
      pointer-events: none; }
    .development_body .dev_jz_box > div .dev_name {
      color: #3b4048;
      font-weight: 700;
      line-height: 1;
      font-size: .2rem; }
    .development_body .dev_jz_box > div .dev_mess {
      color: #85ccbe;
      font-size: .2rem;
      font-weight: 700;
      line-height: 1;
      margin-top: .35rem; }
    .development_body .dev_jz_box > div .dev_info {
      font-size: 14px;
      margin-top: .3rem;
      color: #9da0a5;
      line-height: 1.71; }
.development_body .mem_epilogue {
  margin-top: 8.75%; }
.development_body .ke_box > div .pub_icon_box i {
  font-size: .3rem;
  font-style: initial; }
.development_body .mem_src2_mes > div {
  width: 50%;
  padding: 3.4% 9.2% 3.67% 3.67%; }
  .development_body .mem_src2_mes > div .mem_src2_i {
    padding-left: 1rem;
    margin-top: .15rem; }
  @media all and (min-width: 1025px) {
    .development_body .mem_src2_mes > div.on {
      border-color: #85ccbe !important;
      background-color: #85ccbe;
      color: #fff; }
      .development_body .mem_src2_mes > div.on .mem_src2_i {
        color: #fff; }
      .development_body .mem_src2_mes > div.on .men_src2_n > div {
        color: #fff; }
        .development_body .mem_src2_mes > div.on .men_src2_n > div:first-child {
          background-color: #72b9ab; } }
.development_body .men_src2_n > div {
  font-size: 20px; }
  .development_body .men_src2_n > div:first-child {
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    font-size: .2rem;
    margin-right: .4rem;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
    font-family: 'f-Regular'; }
.development_body .dev_fz_box {
  font-size: 0;
  margin-top: 4.25%; }
  .development_body .dev_fz_box > div {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-right: .3rem;
    padding-top: .25rem; }
    .development_body .dev_fz_box > div:last-child {
      padding-right: 0; }
    .development_body .dev_fz_box > div > div {
      display: inline-block;
      vertical-align: middle; }
    .development_body .dev_fz_box > div .dev_fz_num {
      border-radius: 100%;
      text-align: center;
      background-color: #85ccbe;
      color: #fff;
      box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
      line-height: 1.15rem;
      width: 1.15rem;
      height: 1.15rem;
      margin-right: 4%;
      font-size: .37rem;
      font-family: 'f-Regular'; }
    .development_body .dev_fz_box > div .dev_fz_con {
      width: calc(96% - 1.15rem);
      line-height: 1.5; }
      .development_body .dev_fz_box > div .dev_fz_con .dev_fz_name {
        color: #3b4048;
        font-size: .26rem;
        font-weight: 700; }
      .development_body .dev_fz_box > div .dev_fz_con .dev_fz_info {
        font-size: .24rem;
        color: #9da0a5; }
.development_body .dev_src4_box .mem_src2_mes {
  margin-top: 5.7%; }
.development_body .dev_peo_list {
  margin-top: .5rem;
  display: flex;
  flex-wrap: wrap; }
  .development_body .dev_peo_list > a {
    width: calc((100% - .4rem) / 2);
    margin-right: .4rem; }
    .development_body .dev_peo_list > a:nth-child(1) {
      margin-top: 0; }
    .development_body .dev_peo_list > a:nth-child(2) {
      margin-top: 0; }
    .development_body .dev_peo_list > a:nth-last-child(2) .dev_peo_text {
      padding-bottom: 0; }
    .development_body .dev_peo_list > a:nth-last-child(1) .dev_peo_text {
      padding-bottom: 0; }
    .development_body .dev_peo_list > a:nth-child(2n) {
      margin-right: 0; }
    .development_body .dev_peo_list > a .dev_peo_img {
      overflow: hidden; }
      .development_body .dev_peo_list > a .dev_peo_img img {
        transition: all 0.5s ease;
        display: block;
        width: 100%; }
    .development_body .dev_peo_list > a .dev_peo_text {
      padding: .5rem 0 .56rem; }
      .development_body .dev_peo_list > a .dev_peo_text .dev_pro_name {
        font-weight: 700;
        color: #3b4048;
        font-size: .3rem;
        line-height: 1.5;
        transition: all 0.5s ease; }
      .development_body .dev_peo_list > a .dev_peo_text .dev_pro_info {
        font-size: 14px;
        color: #9da0a5;
        line-height: 1.71;
        text-align: justify;
        margin-top: .25rem;
        min-height: 72px;
        width: 87%; }
    @media all and (min-width: 1025px) {
      .development_body .dev_peo_list > a:hover .dev_peo_img img {
        transform: scale(1.2); }
      .development_body .dev_peo_list > a:hover .dev_peo_text .dev_pro_name {
        color: #85ccbe; } }

.pro_d_hint {
  display: none;
  pointer-events: none;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 4vh; }
  .pro_d_hint .pro_d_hint_text {
    font-size: 16px;
    line-height: 1;
    font-family: 'jx_l';
    text-transform: uppercase; }
  .pro_d_hint .pro_d_hint_icon {
    display: block;
    line-height: 1;
    margin-top: .25rem;
    font-size: .2rem; }

.mer_body .pro_d_hint {
  display: block; }

.productDet_body .btn_d_video div {
  display: none; }
.productDet_body .pro_d_img_box {
  position: relative;
  overflow: hidden;
  height: 100vh; }
  .productDet_body .pro_d_img_box:first-child .pro_text_box .pro_ad {
    font-size: .7rem; }
  .productDet_body .pro_d_img_box:first-child .pro_text_box .pro_name {
    font-size: .26rem;
    margin-top: .5rem; }
  .productDet_body .pro_d_img_box.on > img {
    transform: translate3d(-50%, -50%, 0) scale(1); }
  .productDet_body .pro_d_img_box > img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    transition: all 2s ease-in-out; }
  .productDet_body .pro_d_img_box .pro_text_box {
    position: absolute;
    width: 72%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    line-height: 1.2; }
    .productDet_body .pro_d_img_box .pro_text_box .pro_ad {
      font-weight: 700;
      font-size: .6rem; }
      .productDet_body .pro_d_img_box .pro_text_box .pro_ad span {
        font-family: 'f-Light';
        font-style: italic; }
    .productDet_body .pro_d_img_box .pro_text_box .pro_name {
      font-size: 20px;
      margin-top: .3rem;
      color: rgba(255, 255, 255, 0.8);
      width: 43%;
      line-height: 1.875; }
  .productDet_body .pro_d_img_box.pro_clo .pro_text_box {
    color: #3b4048; }
    .productDet_body .pro_d_img_box.pro_clo .pro_text_box .pro_name {
      color: #3b4048; }
  .productDet_body .pro_d_img_box.pro_left .pro_text_box {
    left: 14%; }
  .productDet_body .pro_d_img_box.pro_right .pro_text_box {
    left: 57.3%; }
  .productDet_body .pro_d_img_box.pro_cen .pro_text_box {
    right: 14%;
    width: 72%;
    text-align: center; }
.productDet_body .mar_sty::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1.1);
  width: 100%;
  height: 100%;
  border: .25rem solid #fff;
  z-index: 2;
  box-sizing: border-box;
  transition: all 3s ease-in-out;
  pointer-events: none; }
.productDet_body .mar_sty.on::before {
  transform: translate3d(-50%, -50%, 0) scale(1); }
.productDet_body .vid_info_box .pro_text_box .pro_info {
  font-size: .26rem;
  font-weight: 700;
  letter-spacing: .5em;
  margin-bottom: .2rem; }
.productDet_body .vid_info_box .pro_text_box .pro_ad {
  margin-bottom: .35rem; }
.productDet_body .vid_info_box .pro_text_box .pro_name {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto; }
.productDet_body .vid_info_box .pro_text_box .btn_d_video {
  position: relative;
  margin: .85rem auto 0;
  left: auto;
  top: auto;
  transform: translate3d(0, 0, 0); }
.productDet_body .pro_lb_box {
  padding: 6% 0; }
  .productDet_body .pro_lb_box > div {
    width: 72%;
    margin: 0 auto; }
    .productDet_body .pro_lb_box > div .pro_gn_name {
      font-family: 'f-Regular';
      line-height: 1;
      color: #9ea2a8;
      font-size: .32rem; }
      .productDet_body .pro_lb_box > div .pro_gn_name span {
        margin-right: .6rem;
        color: #3b4048;
        font-size: .6rem;
        font-weight: 700;
        font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif; }
  .productDet_body .pro_lb_box .pro_lb_case {
    margin-top: 7%;
    position: relative; }
    .productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper {
      overflow: hidden;
      padding: 1% 0 .9rem; }
      .productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper .swiper-container {
        overflow: visible;
        margin: 0; }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
      color: #3b4048;
      text-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
      margin-top: -.9rem;
      text-align: center; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev i, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next i {
        font-size: .26rem; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev:hover, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next:hover {
        color: #85ccbe; }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev {
      left: 0;
      transform: translateX(-200%); }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
      right: 0;
      transform: translateX(200%); }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div {
      position: relative;
      border: 1px solid #e6e6e6;
      padding: 22.6% 10px 23.8%;
      text-align: center;
      transition: all 0.5s ease;
      overflow: hidden; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div::before {
        content: attr(data-num);
        position: absolute;
        display: block;
        font-size: 1.4rem;
        left: 50%;
        bottom: 0;
        transform: translate3d(-50%, 35%, 0);
        line-height: 1;
        color: #f3f4f4;
        font-family: 'f-Regular';
        transition: all 0.5s ease; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box {
        border: 1px solid transparent;
        border-radius: 100%;
        transition: all 0.5s ease;
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        color: #3b4048;
        margin: 0 auto; }
        .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box i {
          font-size: .8rem; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_mess_box {
        font-weight: 700;
        transition: all 0.5s ease;
        font-size: .24rem;
        line-height: 1.375;
        min-height: .99rem;
        margin-top: .28rem;
        color: #3b4048; }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div {
      transform: translateY(-20px);
      background-color: #85ccbe;
      box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
      border-color: transparent; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div::before {
        color: rgba(255, 255, 255, 0.15); }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div .pro_icon_box {
        border-color: #fff;
        color: #fff; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div .pro_mess_box {
        color: #fff; }
    .productDet_body .pro_lb_box .pro_lb_case .swiper-pagination {
      position: relative;
      width: 100%;
      text-align: center;
      margin-top: -.2rem; }
      .productDet_body .pro_lb_box .pro_lb_case .swiper-pagination span {
        width: .12rem;
        height: .12rem;
        background-color: #d7d8da;
        margin: 0 .15rem;
        opacity: 1; }
        .productDet_body .pro_lb_box .pro_lb_case .swiper-pagination span.swiper-pagination-bullet-active {
          background-color: #85ccbe; }
.productDet_body .pro_detail_box {
  background-color: #edeef2;
  padding: 1px; }
  .productDet_body .pro_detail_box .pro_d_info_box {
    padding-left: .4rem;
    margin: 1.15rem 8.97% .45rem;
    position: relative; }
    .productDet_body .pro_detail_box .pro_d_info_box > img {
      display: block;
      width: 100%; }
    .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      color: #3b4048;
      line-height: 1;
      transition: all 0.5s ease;
      text-align: left; }
      .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_num {
        font-family: 'f-Regular';
        opacity: .2;
        font-size: .8rem;
        line-height: 1;
        transform: translateX(-20%); }
      .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
        margin-top: .35rem;
        font-size: .3rem;
        padding-left: .3rem; }
      .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name_en {
        font-size: .18rem;
        font-family: 'f-Regular';
        margin-top: .15rem;
        opacity: .5;
        padding-left: .3rem; }
  @media all and (min-width: 1025px) {
    .productDet_body .pro_detail_box .swiper-wrapper {
      white-space: nowrap;
      text-align: center;
      display: block; }
      .productDet_body .pro_detail_box .swiper-wrapper .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: 40.625vw; } }
.productDet_body .pro_parameter_box {
  margin-top: 7.24%; }
  .productDet_body .pro_parameter_box > div {
    display: flex; }
    .productDet_body .pro_parameter_box > div > div {
      width: calc((100% - .75rem) / 2);
      margin-right: .75rem;
      padding: .4rem 0;
      border-bottom: 1px solid #e6e6e6;
      font-size: 0;
      color: #3b4048; }
      .productDet_body .pro_parameter_box > div > div:last-child {
        margin-right: 0; }
      .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_name {
        margin-bottom: .9rem; }
      .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_det {
        font-size: 0;
        margin: -.2rem; }
      .productDet_body .pro_parameter_box > div > div > span {
        display: inline-block;
        vertical-align: middle; }
      .productDet_body .pro_parameter_box > div > div .pro_par_name {
        width: 1.4rem;
        line-height: 1;
        opacity: .5;
        font-size: 16px; }
      .productDet_body .pro_parameter_box > div > div .pro_par_det {
        font-weight: 700;
        font-size: .24rem;
        width: calc(100% - 1.4rem); }
        .productDet_body .pro_parameter_box > div > div .pro_par_det > div {
          width: 50%;
          padding-right: 10px;
          display: inline-block;
          vertical-align: bottom; }
          .productDet_body .pro_parameter_box > div > div .pro_par_det > div img {
            display: block;
            height: 1rem; }
          .productDet_body .pro_parameter_box > div > div .pro_par_det > div div {
            margin-top: .2rem;
            line-height: 1.5;
            font-size: 16px; }
.productDet_body .pro_buy_hint {
  text-align: center;
  font-weight: 700;
  margin-top: 10%;
  font-size: .3rem;
  color: #3b4048;
  line-height: 1;
  display: none; }
.productDet_body .pro_huy_link_box {
  margin-top: 6%;
  font-size: 0;
  text-align: center; }
  .productDet_body .pro_huy_link_box a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aeb2b9;
    margin: 0 .3rem; }
@media all and (min-width: 1025px) {
  .productDet_body .pub_con_box {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0; }
    .productDet_body .pub_con_box.on {
      transform: none !important;
      position: relative; } }

.productList_body .pro_list_case {
  height: 100vh;
  overflow: hidden;
  position: relative; }
  .productList_body .pro_list_case .swiper-container {
    margin: 0 auto;
    width: 75%;
    height: 100%;
    overflow: visible; }
    .productList_body .pro_list_case .swiper-container .swiper-wrapper {
      height: 100%; }
      .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%;
        position: relative; }
        .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
          display: block;
          cursor: pointer;
          font-size: 0;
          margin-top: 55vh;
          width: 100%;
          white-space: nowrap;
          margin-left: -20%; }
          .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .sha_pro {
            content: '';
            display: block;
            width: 40%;
            height: 200vh;
            border-left: 1px solid #e6e6e6;
            background-color: rgba(255, 255, 255, 0.5);
            position: absolute;
            left: 45%;
            top: 50%;
            transform: translate3d(0, -50%, 0) rotate(15deg);
            transition: all .5s ease .5s;
            z-index: 1;
            pointer-events: none; }
          .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con img {
            display: inline-block;
            vertical-align: middle;
            width: 56%;
            margin-left: 10%;
            transition: all 0.5s ease; }
          .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl {
            display: inline-block;
            vertical-align: middle;
            margin-left: .2rem;
            text-align: left;
            margin-bottom: .5rem;
            line-height: 1;
            color: #3b4048;
            position: relative;
            z-index: 2;
            transition: all 0.5s ease; }
            .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model {
              font-size: .56rem;
              font-family: 'f-Regular';
              text-shadow: 0 15px 8px rgba(0, 0, 0, 0.2);
              font-style: italic; }
            .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
              font-size: .18rem;
              margin-top: .4rem; }
          @media all and (min-width: 1025px) {
            .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover {
              z-index: 2; }
              .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover .sha_pro {
                border-color: #85ccbe;
                background-color: transparent;
                z-index: -1;
                transition: all 0s; }
              .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover img {
                transform: scale(1.4);
                position: relative;
                z-index: 2; }
              .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover .pro_l_xl {
                transform: translate3d(0.5rem, 0, 0); } }
        .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
          margin-top: 20vh;
          margin-left: -3%; }
  .productList_body .pro_list_case .dot_me_box {
    background-color: transparent;
    z-index: 0; }
    .productList_body .pro_list_case .dot_me_box > div {
      transform: translate(-50%, -50%) scale(0.7); }
  .productList_body .pro_list_case .swiper-scrollbar {
    position: absolute;
    right: 10%;
    bottom: 7%;
    width: 10%;
    height: 1px; }
    .productList_body .pro_list_case .swiper-scrollbar .swiper-scrollbar-drag {
      background-color: #85ccbe;
      border-radius: 100%;
      height: 14px;
      margin-top: -7.5px; }
      .productList_body .pro_list_case .swiper-scrollbar .swiper-scrollbar-drag::before {
        content: '';
        border: 1px solid #85ccbe;
        width: 150%;
        height: 150%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        border-radius: 100%; }

@keyframes runDot0 {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  99.9999% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg); }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg); } }
@keyframes dotS1 {
  0% {
    transform: translate(-50%, -50%) scale(1.2); }
  50% {
    transform: translate(-50%, -50%) scale(0.9); }
  100% {
    transform: translate(-50%, -50%) scale(1.2); } }
@keyframes dotS2 {
  0% {
    transform: translate(-50%, -50%) scale(0.75); }
  50% {
    transform: translate(-50%, -50%) scale(1.05); }
  100% {
    transform: translate(-50%, -50%) scale(0.75); } }
.kd_m, .cre_name, .cre_icon_i {
  display: none; }

.m_dot_anm_box {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.creativeTechnology_body .pub_con_box {
  overflow: hidden; }
.creativeTechnology_body .cre_con_box {
  height: 100vh;
  position: relative;
  width:75.5%;
  margin: 0 auto; }
  .creativeTechnology_body .cre_con_box .cre_de_text_box {
    position: absolute;
    left: 0;
    top: 50%;
    transition: all .5s ease .2s;
    width: 46%;
    z-index: 1; }
    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
      width: 47.5%;
      transition: all .5s ease .2s;
      margin-bottom: 2.8rem; }
      .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img img {
        display: block;
        width: 100%; }
    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
      transition: all .5s ease .2s;
      color: #3b4048; }
      .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
        font-weight: 700;
        font-size: .6rem;
        line-height: 1;
        letter-spacing: .08em; }
      .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
        font-size: 0.16rem;
        color: #707781;
        line-height: 1.75;
        margin-top: 0.5rem;
        text-align: justify; }
  .creativeTechnology_body .cre_con_box .cre_text_box {
    position: absolute;
    top: 62%;
    transform: translate3d(-25px, -1.06rem, 0);
    left: 25px;
    width: 23%;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease; }
    .creativeTechnology_body .cre_con_box .cre_text_box > div {
      display: none;
      position: relative; }
      .creativeTechnology_body .cre_con_box .cre_text_box > div i {
        display: none; }
      .creativeTechnology_body .cre_con_box .cre_text_box > div.on {
        display: block; }
      .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title {
        font-size: .32rem;
        font-weight: 700;
        line-height: 1; }
      .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title_en {
        font-family: 'f-Regular';
        line-height: 1.2;
        color: #666666;
        margin-top: .15rem;
        font-size: .2rem; }
      .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
        color: #666666;
        font-size: 0.16rem;
        line-height: 1.5;
        text-align: justify;
        margin-top: 0.45rem; }
  .creativeTechnology_body .cre_con_box .cre_con_det_case {
    position: absolute;
    top: 50%;
    left: 76.58%;
    transform: translate3d(-50%, -50%, 0);
    width: 36.7%;
    transition: all 0.5s ease; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_circle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      width: 220.75%;
      display: block;
      max-width: none;
      pointer-events: none;
      z-index: -1;
      opacity: .2;
      transition: all 0.5s ease;
      animation: runDot0 8s ease infinite; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      max-width: none;
      width: 117.25%;
      transition: all 0.5s ease; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50%;
        height: 50%;
        transition: all 0.5s ease;
        overflow: hidden;
        transform-origin: 100% 0;
        transform: rotate(82.5deg); }
        .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on img {
          width: 100%;
          display: none;
          position: absolute;
          transform-origin: 100% 0;
          transform: rotate(-60deg); }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        pointer-events: none;
        border-radius: 100%;
        transition: all 0.5s ease;
        z-index: 1; }
        .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty {
          position: absolute;
          height: 1px;
          width: 50%;
          transform-origin: 100% 50%;
          top: 50%;
          margin-top: -0.5px;
          left: 0;
          transition: all 0.5s ease; }
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty::before {
            content: '';
            display: none;
            height: 1px;
            width: 0;
            background-color: #85ccbe;
            position: absolute;
            top: 0;
            right: 113%;
            transition: none; }
          @media all and (min-width: 1025px) {
             .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:hover .cre_icon_box i {
              opacity: 0; }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:hover .cre_icon_box .cre_icon_on {
              opacity: 1; } }
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box {
            cursor: auto; }
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on::before {
            width: 56%;
            transition: all .5s ease-in-out .5s; }
           .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box i {
            opacity: 0; }
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box .cre_icon_on {
            opacity: 1; }


          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) {
            transform: rotate(0deg); }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_icon_box {
              transform: translate3d(-50%, -50%, 0) rotate(0deg); }


              .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(6) {
                transform: rotate(60deg); }
                .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(6) .cre_icon_box {
                  transform: translate3d(-50%, -50%, 0) rotate(-60deg); }

          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) {
            transform: rotate(120deg); }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) .cre_icon_box {
              transform: translate3d(-50%, -50%, 0) rotate(-120deg); }

          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) {
            transform: rotate(180deg); }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) .cre_icon_box {
              transform: translate3d(-50%, -50%, 0) rotate(-180deg); }

          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) {
            transform: rotate(240deg); }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_icon_box {
              transform: translate3d(-50%, -50%, 0) rotate(-240deg); }
          
              .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) {
                transform: rotate(300deg); }
                .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) .cre_icon_box {
                  transform: translate3d(-50%, -50%, 0) rotate(-300deg); }
        .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
          /* width: 25.2%; */
          position: absolute;
          cursor: pointer;
          left: 0;
          top: 50%;
          transition: all 0.5s ease;
          border-radius: 100%;
          /* background-color: #fff;*/ } 
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box img, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i {
            display: block;
            width: 100%;
            transition: all 0.5s ease;
            color: #a9b1b2;
            font-size: .86rem;
            line-height: 1; }
            .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box img.cre_icon_i, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i.cre_icon_i {
              display: none; }
          .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box .cre_icon_on {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            font-size: .86rem;
            color: #85ccbe; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box {
      position: relative;
      border-radius: 100%;
      overflow: hidden; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_col {
        display: block;
        width: 100%;
        opacity: .8;
        transition: all 0.5s ease; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_pro {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 61%;
        display: block;
        opacity: .5;
        transition: all 0.5s ease; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: flex;
      align-items: center;
      width: 31%;
      height: 31%;
      cursor: pointer;
      transition: all 0.5s ease;
      color: #3b4048; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: -1;
        transition: all 0.5s ease; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn span {
        text-align: center;
        width: 100%;
        font-family: 'f-Regular';
        font-size: .2rem; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn:hover {
        color: #B9956D; }
        .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn:hover::before {
          transform: translate3d(-50%, -50%, 0) scale(1.13); }
  .creativeTechnology_body .cre_con_box .cre_peo {
    position: absolute;
    top: 62%;
    left: 50%;
    width: 100%;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    transition: all 0.5s ease;
    opacity: 0; }
    .creativeTechnology_body .cre_con_box .cre_peo .cre_img_001 {
      display: block;
      width: 100%;
      position: relative;
      z-index: 1;
      transition: all 0.5s ease;
      transform: translate3d(0, 100%, 0); }
    .creativeTechnology_body .cre_con_box .cre_peo .cre_img_002 {
      position: absolute;
      left: 38%;
      top: -87%;
      max-width: none;
      width: 150.8%;
      display: block;
      transform: translate3d(100%, 0, 0);
      transition: all 0.5s ease; }
  .creativeTechnology_body .cre_con_box.on .cre_de_text_box {
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease; }
    .creativeTechnology_body .cre_con_box.on .cre_de_text_box .cre_de_img {
      transform: translate3d(0, -100%, 0);
      transition: all .5s ease; }
    .creativeTechnology_body .cre_con_box.on .cre_de_text_box .cre_de_text {
      transform: translate3d(0, 100%, 0);
      transition: all .5s ease; }
  .creativeTechnology_body .cre_con_box.on .cre_text_box {
    opacity: 1;
    pointer-events: none;
    transition: all .5s ease .2s; }
  .creativeTechnology_body .cre_con_box.on .cre_con_det_case {
    left: 50%;
    width: 33.5%; }
    .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box {
      width: 128.3%;
      transition: none; }
      .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box .cre_icon_case {
        opacity: 1;
        pointer-events: auto; }
    .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_img_box .cre_col {
      opacity: 1; 
      /* animation: zhuan 30s linear infinite; */
    }
    /* @keyframes zhuan {
      0%{
        transform: rotateZ(0deg);
      }
      100%{
        transform: rotateZ(360deg);
      }
    } */
    .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_img_box .cre_pro {
      opacity: 1; }
    .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn {
      opacity: 0;
      pointer-events: none; }
      .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn span {
        text-align: center;
        width: 100%;
        font-family: 'f-Regular';
        font-size: .2rem; }
      .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn:hover {
        background-color: #85ccbe;
        color: #fff; }
  .creativeTechnology_body .cre_con_box.on .cre_peo {
    opacity: 1; }
    .creativeTechnology_body .cre_con_box.on .cre_peo .cre_img_001 {
      transform: translate3d(0, 0, 0); }
    .creativeTechnology_body .cre_con_box.on .cre_peo .cre_img_002 {
      transform: translate3d(0, 0, 0); }

.search_body .sty_right .sea_box {
  display: flex;
  align-items: center; }
  .search_body .sty_right .sea_box .sea-right {
    width: 62%;
    border-radius: 0;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
    height: .66rem; }
    .search_body .sty_right .sea_box .sea-right .sea-sou {
      font-size: 0; }
      .search_body .sty_right .sea_box .sea-right .sea-sou input, .search_body .sty_right .sea_box .sea-right .sea-sou button {
        background-color: transparent;
        outline: none;
        border: none;
        display: block;
        line-height: .66rem; }
      .search_body .sty_right .sea_box .sea-right .sea-sou input {
        font-size: 16px;
        text-indent: .4rem;
        width: 100%; }
      .search_body .sty_right .sea_box .sea-right .sea-sou button {
        cursor: pointer;
        position: absolute;
        width: .8rem;
        text-align: center;
        right: 0;
        top: 0;
        color: #fff;
        background-color: #85ccbe;
        transition: all 0.5s ease; }
        .search_body .sty_right .sea_box .sea-right .sea-sou button i {
          font-size: .3rem;
          display: block; }
  .search_body .sty_right .sea_box .sea_num {
    width: 38%;
    text-align: right;
    font-size: 16px;
    line-height: 1;
    color: #60666f; }
    .search_body .sty_right .sea_box .sea_num span {
      margin-left: .15rem;
      color: #85ccbe;
      font-size: .3rem;
      font-family: 'f-Regular'; }
.search_body .sty_right .sea_list {
  margin-top: 6.25vw; }
.search_body .sty_right .sea_case {
  display: block;
  border: 1px solid;
  border-color: transparent;
  transition: all 0.5s ease;
  position: relative;
  padding: 5px 0;
  margin-bottom: .35rem; }
  .search_body .sty_right .sea_case .qa_box > div {
    cursor: pointer;
    position: relative;
    font-size: 0; }
    .search_body .sty_right .sea_case .qa_box > div.btn_q_title {
      padding: .3rem 0;
      border-bottom: 2px solid #e6e8eb; }
      .search_body .sty_right .sea_case .qa_box > div.btn_q_title::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background-color: #85ccbe;
        position: absolute;
        left: 0;
        bottom: -2px;
        transition: all 0.5s ease; }
      .search_body .sty_right .sea_case .qa_box > div.btn_q_title > div {
        color: #3b4048;
        display: inline-block;
        vertical-align: middle; }
      .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_category {
        width: .7rem;
        margin: 0 .4rem 0 .2rem;
        border-radius: 30px;
        color: #fff;
        text-align: center;
        line-height: 2.28;
        font-size: 14px;
        background-color: #afb1b5; }
      .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text {
        width: calc(100% - 1.3rem); }
        .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text .sea_title {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          line-height: 1.5;
          font-size: 16px; }
        .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text .sea_time {
          margin-top: .14rem;
          line-height: 1;
          color: #60666f;
          font-size: 12px; }
      .search_body .sty_right .sea_case .qa_box > div.btn_q_title .q_icon_box {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        line-height: 1;
        color: #dcdedf;
        transition: all 0.5s ease; }
  .search_body .sty_right .sea_case:hover .qa_box > div.btn_q_title::after {
    width: 100%; }

.mer_src1_lb .swiper-container,
.pro_list_case .swiper-container,
.res_honor_box .swiper-container {
  cursor: url("../image/shubiao.png"), auto; }

.loxic_body .sty1_width .sty_left {
  width: 50%; }
  .loxic_body .sty1_width .sty_left .pub_title {
    font-size: .9rem;
    font-family: 'f-Light'; }
    .loxic_body .sty1_width .sty_left .pub_title span {
      display: block; }
      .loxic_body .sty1_width .sty_left .pub_title span:nth-child(2):before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 1px;
        width: 9.375vw;
        background-color: #3b4048;
        margin-right: 2.6vw; }
  .loxic_body .sty1_width .sty_left .pub_title_en {
    margin-left: 9.375vw;
    font-weight: 700;
    font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif; }
  .loxic_body .sty1_width .sty_left .lox_info_box {
    margin-top: 7.2vw;
    margin-left: 9.375vw;
    position: relative; }
    .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      transform: translate3d(-50%, 0, 0);
      opacity: 1;
      background-color: transparent; }
      .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box > div {
        transform: translate(-50%, -53%) scale(0.3);
        position: fixed; }
    .loxic_body .sty1_width .sty_left .lox_info_box .lox_info {
      font-size: 16px;
      line-height: 1.75;
      text-align: justify;
      color: #000;
      position: relative;
      padding-right: 7%; }
.loxic_body .sty1_width .sty_right {
  width: 44.8%;
  padding-top: calc(4.166vw + .6rem + 20px);
  margin-right: 5.2%;
  position: relative;
  padding-bottom: 2rem; }
  .loxic_body .sty1_width .sty_right .lox_det {
    display: flex;
    text-align: center;
    font-size: 0;
    margin: .6rem 0; }
    .loxic_body .sty1_width .sty_right .lox_det .lox_img_box {
      width: 53.5%;
      text-align: right; }
      .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div {
        display: inline-block;
        width: 86%;
        position: relative; }
        .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time {
          position: absolute;
          left: 27.5%;
          top: 50%;
          transform: translate3d(-50%, -89%, 0) rotate(-90deg);
          font-size: 2.6rem;
          line-height: 1;
          font-family: 'f-Regular';
          opacity: .06;
          color: #3b4048; }
          .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time div {
            opacity: 0; }
          .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time span {
            position: absolute;
            left: -15%;
            top: 0; }
        .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div img {
          display: block;
          width: 80%;
          margin: 0 auto;
          position: relative;
          z-index: 6; }
    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
      width: 46.5%;
      color: #3b4048;
      line-height: 1.75;
      text-align: left;
      margin-top: 7%;
      transition: all 0.5s ease;
      opacity: 0; }
      .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title_en {
        font-size: 14px;
        font-family: 'f-Regular';
        opacity: .6;
        margin-bottom: .25rem; }
      .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
        font-size: .22rem;
        font-weight: 700; }
    .loxic_body .sty1_width .sty_right .lox_det.on .lox_text_box {
      opacity: 1; }
    @media all and (max-width: 1024px) {
      .loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
        opacity: 1; } }
    .loxic_body .sty1_width .sty_right .lox_det:nth-child(even) {
      flex-direction: row-reverse; }
      .loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_img_box {
        text-align: left; }
        .loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_img_box > div {
          transform: scale(0.9);
          transform-origin: 0 50%; }
      .loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_text_box {
        text-align: right; }
  .loxic_body .sty1_width .sty_right .dot_me_box {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate3d(-50%, -50%, 0);
    background-color: transparent;
    width: 100px;
    height: 100px;
    z-index: -4; }
    .loxic_body .sty1_width .sty_right .dot_me_box > div {
      transform: translate(-50%, -50%) scale(0.6);
      position: absolute; }

.loxicDet_body {
  background-color: #fcfcfc;
  min-height: 101vh; }
  .loxicDet_body .sty2_width {
    width: 83.85%; }
    .loxicDet_body .sty2_width > div {
      position: relative;
      z-index: 2;
      overflow: hidden; }
  .loxicDet_body .pub_con_box {
    position: relative; }
  .loxicDet_body .tec_mes_btn_box {
    position: relative;
    width: 83.85%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 7; }
    .loxicDet_body .tec_mes_btn_box > a {
      top: calc(17.43vw + 1.2rem + 50px);
      color: #d4d8de;
      font-weight: 700;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
      transition: all 0.5s ease;
      letter-spacing: .15em;
      position: absolute;
      left: 0;
      display: block; }
      .loxicDet_body .tec_mes_btn_box > a i {
        margin-right: .4rem; }
      .loxicDet_body .tec_mes_btn_box > a::before {
        left: calc(100% + .6rem); }
      .loxicDet_body .tec_mes_btn_box > a:last-child {
        right: 0;
        left: auto; }
        .loxicDet_body .tec_mes_btn_box > a:last-child i {
          margin-left: .4rem; }
        .loxicDet_body .tec_mes_btn_box > a:last-child::before {
          left: auto;
          right: calc(100% + .6rem); }
      .loxicDet_body .tec_mes_btn_box > a.hide {
        opacity: 0 !important;
        pointer-events: none; }
      .loxicDet_body .tec_mes_btn_box > a::before {
        content: '';
        pointer-events: none;
        display: block;
        height: 1px;
        width: 11.56vw;
        background-color: #aeb9c3;
        opacity: .2;
        position: absolute;
        top: 50%;
        margin-left: -.5px; }
      @media all and (min-width: 1025px) {
        .loxicDet_body .tec_mes_btn_box > a:hover {
          color: #85ccbe; } }
      .loxicDet_body .tec_mes_btn_box > a i {
        font-size: 22px; }
  .loxicDet_body .lox_d_case {
    min-height: 100vh;
    padding-top: 17.8vh;
    position: relative;
    text-align: center;
    color: #3b4048; }
    .loxicDet_body .lox_d_case .lox_d_title {
      font-size: .5rem;
      line-height: 1;
      font-weight: 700; }
    .loxicDet_body .lox_d_case .lox_d_set {
      margin: .3rem auto 0;
      border-radius: 30px;
      color: #fff;
      background-color: #85ccbe;
      line-height: 2.27;
      font-weight: 700;
      padding: 0 .3rem;
      display: inline-block;
      font-size: 22px;
      letter-spacing: .1em;
      box-shadow: 0 35px 51px rgba(133, 204, 190, 0.3);
      position: relative;
      z-index: 1; }
    .loxicDet_body .lox_d_case .loxd_pro_box {
      margin: .4rem auto 0;
      width: 22%;
      position: relative; }
      .loxicDet_body .lox_d_case .loxd_pro_box img {
        display: block;
        width: 100%; }
      .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
        position: absolute;
        left: 50%;
        top: 50%;
        line-height: 1;
        font-family: 'f-Regular';
        transform: translate3d(-50%, -40%, 0);
        font-size: 5rem;
        opacity: .06;
        pointer-events: none;
        letter-spacing: .1em;
        text-indent: .1em; }
        .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg div {
          opacity: 0; }
        .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg span {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
      .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box {
        font-size: 16px;
        color: #93979d;
        margin-top: -6%;
        position: absolute;
        text-align: center;
        width: 100%;
        top: calc(100% + 30px); }
    .loxicDet_body .lox_d_case .lox_d_advantage {
      margin-top: 7.5vh;
      font-size: .24rem;
      line-height: 1.5;
      font-weight: 700; }
    .loxicDet_body .lox_d_case .lox_d_name {
      font-size: 16px;
      line-height: 1.5;
      margin-top: .22rem; }

.BMapLabel {
  transform: translateX(-50%); }

.abo_src3_alone > div img {
  display: none; }

.life_body {
  font-family: '宋体'; }
  .life_body .pub_banner_box .pub_banner_text_box {
    width: 72%; }
    .life_body .pub_banner_box .pub_banner_text_box .pub_banner_img {
      width: 57.3%;
      margin: 0 auto; }
      .life_body .pub_banner_box .pub_banner_text_box .pub_banner_img img {
        display: block;
        width: 100%; }
    .life_body .pub_banner_box .pub_banner_text_box .pub_pol_en {
      text-align: center;
      text-transform: uppercase;
      font-size: .24rem;
      letter-spacing: .05rem;
      font-family: 'f-Regular';
      margin-top: .28rem; }
  .life_body .life_src1 {
    padding: 7.8125vw 0 5vw;
    background-size: cover;
    background-position: center;
    text-align: center; }
    .life_body .life_src1 .life_src1_top {
      border-bottom: 1px solid #e9e9e9;
      width: 64%;
      padding-bottom: .5rem;
      margin: 0 auto; }
      .life_body .life_src1 .life_src1_top .life_title {
        font-size: .54rem;
        line-height: 1;
        color: #3b4048;
        padding-bottom: .3rem;
        position: relative;
        font-weight: 700; }
        .life_body .life_src1 .life_src1_top .life_title::before {
          content: '';
          display: block;
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -.5em;
          height: 1px;
          width: 1em;
          background-color: #85ccbe; }
      .life_body .life_src1 .life_src1_top .life_en {
        color: #3b4048;
        line-height: 1.3;
        font-size: .36rem;
        margin-top: .55rem;
        font-family: 'f-Light';
        letter-spacing: .03rem;
        text-shadow: 0 10px 5px rgba(2, 2, 2, 0.1); }
        .life_body .life_src1 .life_src1_top .life_en span {
          color: #85ccbe; }
    .life_body .life_src1 .life_mess {
      font-size: .32rem;
      line-height: 1.875;
      color: #3b4048;
      text-align: center;
      margin-top: .5rem;
      font-weight: 700; }
  .life_body .life_src2 {
    position: relative; }
    .life_body .life_src2 .swiper-container {
      height: 7.8rem; }
      .life_body .life_src2 .swiper-container .swiper-pagination {
        right: 3.5%; }
        .life_body .life_src2 .swiper-container .swiper-pagination span {
          width: .1rem;
          height: .06rem;
          opacity: .15;
          margin: .32rem 0;
          position: relative;
          border-radius: 0; }
          .life_body .life_src2 .swiper-container .swiper-pagination span::before {
            content: '';
            display: block;
            bottom: 100%;
            left: 0;
            position: absolute;
            width: 0;
            height: 0;
            border: .05rem solid transparent;
            border-bottom-width: .025rem;
            border-bottom-color: black; }
          .life_body .life_src2 .swiper-container .swiper-pagination span::after {
            content: '';
            display: block;
            top: 100%;
            left: 0;
            position: absolute;
            width: 0;
            height: 0;
            border: .05rem solid transparent;
            border-top-width: .025rem;
            border-top-color: black; }
          .life_body .life_src2 .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
            background-color: #000;
            opacity: .5; }
    .life_body .life_src2 .swiper-slide > div {
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      min-height: 7.8rem; }
      .life_body .life_src2 .swiper-slide > div > img {
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        display: block;
        transition: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) translateZ(0) scale(1.2); }
        .life_body .life_src2 .swiper-slide > div > img.on {
          transform: translate(-50%, -50%) translateZ(0) scale(1);
          transition: all 3s ease-in-out; }
    .life_body .life_src2 .life_src2_con {
      border-radius: 100%;
      background: rgba(255, 255, 255, 0.8);
      box-shadow: 24px 0 68px rgba(59, 64, 72, 0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5.7rem;
      height: 5.7rem;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) translateZ(0);
      z-index: 5; }
      .life_body .life_src2 .life_src2_con > div {
        text-align: center;
        line-height: 1; }
        .life_body .life_src2 .life_src2_con > div > div {
          font-size: .26rem;
          margin-bottom: .55rem;
          color: #545454;
          font-weight: 700;
          cursor: pointer; }
          .life_body .life_src2 .life_src2_con > div > div.on {
            color: #85ccbe; }
          .life_body .life_src2 .life_src2_con > div > div > span {
            font-family: 'f-Regular';
            font-size: .6rem;
            margin-right: .15rem;
            font-weight: normal; }
            .life_body .life_src2 .life_src2_con > div > div > span span {
              font-size: .3rem; }
          .life_body .life_src2 .life_src2_con > div > div:last-child {
            margin-bottom: 0; }
  .life_body .life_src3 {
    width: 82.3%;
    margin: 0 auto;
    padding: 6.5vw 0 12.5vw; }
    .life_body .life_src3 .lift_src3_info {
      line-height: 1.875;
      color: #3b4048;
      font-size: .32rem;
      margin-bottom: 5.46vw;
      text-align: center;
      font-weight: 700; }
    .life_body .life_src3 .life_show_box {
      display: flex;
      box-shadow: 19px 0 50px rgba(2, 2, 2, 0.06);
      margin-bottom: 6.04vw; }
      .life_body .life_src3 .life_show_box .swiper-container {
        width: 68%; }
        .life_body .life_src3 .life_show_box .swiper-container img {
          display: block;
          width: 100%; }
        .life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev, .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next {
          text-align: center;
          color: #fff; }
          .life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev i, .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next i {
            font-size: .3rem; }
        @media all and (min-width: 1025px) {
          .life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev {
            left: .4rem; }
          .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next {
            right: .4rem; } }
      .life_body .life_src3 .life_show_box .life_show_info_box {
        width: 32%;
        padding: 6% 2% 2% 5.1%;
        overflow: hidden; }
        .life_body .life_src3 .life_show_box .life_show_info_box .life_show_title {
          color: #85ccbe;
          line-height: 1;
          font-size: .48rem;
          position: relative;
          font-weight: 700; }
          .life_body .life_src3 .life_show_box .life_show_info_box .life_show_title::before {
            content: attr(data-en);
            font-size: .72rem;
            color: #686868;
            line-height: .5;
            font-family: 'f-Regular';
            font-weight: normal;
            position: absolute;
            bottom: 100%;
            left: -.5em;
            text-transform: uppercase;
            white-space: nowrap;
            opacity: .1; }
        .life_body .life_src3 .life_show_box .life_show_info_box .life_show_life {
          font-size: .3rem;
          color: #686868;
          margin-top: .6rem;
          line-height: 2; }
    .life_body .life_src3 .btn_box {
      text-align: center; }
      .life_body .life_src3 .btn_box .btn_link_life {
        padding: 0 .6rem;
        line-height: 2.4545;
        font-size: .22rem;
        display: inline-block;
        width: auto;
        margin-top: 0; }

.mer_body .sty2_width {
  width: 100%; }
.mer_body .pub_banner_text_box {
  text-align: center;
  width: 72%; }
.mer_body .swiper-pagination span {
  opacity: .5;
  margin: 0 .09rem;
  width: .1rem;
  height: .1rem;
  background-color: transparent;
  border: 1px solid #fff; }
  .mer_body .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff; }
.mer_body .pol_title_en {
  font-size: .4rem;
  line-height: 1;
  color: #3b4048;
  margin-top: .3rem;
  font-family: 'f-Regular';
  text-align: center; }
.mer_body .mer_src1_lb {
  margin: .7rem auto 0;
  width: 72%; }
  .mer_body .mer_src1_lb .swiper-container {
    border-radius: .3rem;
    margin-bottom: .9rem; }
    .mer_body .mer_src1_lb .swiper-container .active .mer_lb_box .mer_text_box > div {
      display: block; }
  .mer_body .mer_src1_lb .mer_lb_box {
    display: flex; }
    .mer_body .mer_src1_lb .mer_lb_box .mer_img_box {
      width: 70%;
      position: relative;
      overflow: hidden;
      background-size: cover;
      background-position: center; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_img_box::before {
        content: '';
        display: block;
        margin-top: 74.066%; }
    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
      width: 30%;
      display: flex;
      align-items: center;
      color: #fff;
      padding: 5.1%;
      background-color: #85CCBE; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_text_box > div {
        display: none; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_xh {
        font-size: .4rem;
        line-height: .75;
        margin-bottom: .4rem;
        font-family: 'f-Regular'; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_mc {
        font-size: .4rem;
        line-height: 1.5; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_mc_en {
        font-size: .3rem;
        line-height: 1.3;
        font-family: 'f-Regular'; }
      .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
        font-size: .16rem;
        text-align: justify;
        line-height: 1.75;
        margin-top: .36rem; }
  .mer_body .mer_src1_lb .swiper-pagination {
    text-align: left;
    left: 75.1%;
    bottom: 9.6%; }
    .mer_body .mer_src1_lb .swiper-pagination span:nth-child(1) {
      margin-left: 0; }
.mer_body .mem_src2_box {
  background-color: #f2f3f5;
  padding-top: 5.2%;
  padding-bottom: 7.8125%; }
  .mer_body .mem_src2_box .pol_info {
    margin-top: .65rem;
    line-height: 1.875; }
  .mer_body .mem_src2_box .mer_src2_lb {
    margin: .95rem auto 0;
    width: 72%;
    position: relative; }
    .mer_body .mem_src2_box .mer_src2_lb .swiper-container {
      z-index: 66; }
    .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination {
      display: none; }
    .mer_body .mem_src2_box .mer_src2_lb .dot_me_box {
      opacity: 1; }
      .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
        transform: translate(-50%, -50%) scale(0.61); }
  .mer_body .mem_src2_box .swiper-container {
    overflow: visible; }
    .mer_body .mem_src2_box .swiper-container a {
      display: block; }
      .mer_body .mem_src2_box .swiper-container a .mer_pro_name {
        font-size: .31rem;
        line-height: 1.5;
        color: #000;
        text-align: center;
        margin-bottom: .8rem;
        transition: all 0.5s ease;
        font-style: italic; }
      .mer_body .mem_src2_box .swiper-container a img {
        display: block;
        margin: 0 auto;
        width: 77.5%;
        transition: all 0.5s ease; }
      @media all and (min-width: 1025px) {
        .mer_body .mem_src2_box .swiper-container a.on .mer_pro_name {
          text-shadow: 0 13px 6px rgba(0, 0, 0, 0.09); }
        .mer_body .mem_src2_box .swiper-container a.on img {
          transform: translateX(-14%) scale(1.075); } }
.mer_body .mem_src3_box {
  padding-top: 5.2%;
  position: relative;
  padding-bottom: 0; }
  .mer_body .mem_src3_box .mer_bg {
    position: absolute;
    width: 100%;
    height: 120%;
    pointer-events: none;
    background-position: center;
    background-size: cover; }
  .mer_body .mem_src3_box .mer_src3_list {
    margin: .3rem auto 0;
    width: 72%; }
    .mer_body .mem_src3_box .mer_src3_list > div {
      display: flex;
      align-items: center;
      padding: .25rem 0; }
    .mer_body .mem_src3_box .mer_src3_list .mer_src3_num {
      font-family: 'f-Regular';
      font-size: .4rem;
      line-height: .75;
      color: #E0E2E6;
      width: .75rem; }
    .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
      width: 1.26rem;
      font-size: .24rem;
      line-height: 1.5;
      color: #3B4048; }
    .mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
      line-height: 1.5;
      color: #9DA0A5;
      font-size: 16px;
      text-align: justify;
      width: calc(100% - 2.01rem); }
.mer_body .mem_src4_box {
  padding-top: 5.2%;
  padding-bottom: .3rem;
  position: relative;
  z-index: 2; }
  .mer_body .mem_src4_box .mer_src4_con {
    margin-top: .7rem;
    height: 7.8rem;
    overflow: hidden;
    position: relative; }
    .mer_body .mem_src4_box .mer_src4_con > img {
      width: 100%;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
    .mer_body .mem_src4_box .mer_src4_con iframe {
      height: 100%;
      width: 100%; }
  .mer_body .mem_src4_box .btn_sq {
    margin-top: .6rem; }
.mer_body .mem_src5_box {
  padding-top: 5.2%;
  padding-bottom: .3rem; }
  .mer_body .mem_src5_box .mer_src5_con {
    width: 72%;
    margin: .6rem auto 0;
    display: flex;
    justify-content: space-between; }
    .mer_body .mem_src5_box .mer_src5_con > div {
      border: 1px solid #E3E6E6;
      border-radius: .12rem;
      display: flex;
      align-items: flex-start;
      padding: .8rem .36rem .5rem;
      width: 31.533%; }
      .mer_body .mem_src5_box .mer_src5_con > div i {
        margin-right: .3rem;
        font-size: .45rem;
        width: .88rem;
        height: .88rem;
        line-height: .88rem;
        text-align: center;
        color: #fff;
        background-color: #85ccbe;
        border-radius: 50%;
        box-shadow: 0px 30px 55px 0px rgba(133, 204, 190, 0.4); }
      .mer_body .mem_src5_box .mer_src5_con > div > div {
        width: calc(100% - .88rem - .3rem); }
        .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name {
          font-size: .24rem;
          font-weight: 700;
          color: #3B4048;
          line-height: 1;
          margin-top: .05rem; }
        .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
          font-size: .18rem;
          color: #9DA0A5;
          line-height: 1.66;
          min-height: .9rem;
          margin-top: .25rem; }
.mer_body .mem_src6_box {
  padding-top: 5.2%;
  padding-bottom: .3rem; }
  .mer_body .mem_src6_box .mer_src6_con {
    margin: .8rem auto;
    width: 72%; }
    .mer_body .mem_src6_box .mer_src6_con form {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .mer_body .mem_src6_box .mer_src6_con form label {
        margin-bottom: .4rem;
        display: flex;
        width: calc((100% - .7rem) / 2);
        align-items: flex-start;
        color: #3B4048;
        line-height: .3rem; }
        .mer_body .mem_src6_box .mer_src6_con form label span {
          font-size: .24rem;
          padding-top: .1rem;
          padding-bottom: .1rem; }
          .mer_body .mem_src6_box .mer_src6_con form label span em {
            color: #FF0000; }
        .mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
          border: 1px solid #E3E5E5;
          font-size: .24rem;
          padding: .1rem; }
        .mer_body .mem_src6_box .mer_src6_con form label textarea {
          resize: none;
          height: 1.8rem; }
        @media all and (min-width: 641px) {
          .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) span {
            width: 2rem; }
          .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) input, .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) textarea {
            width: calc(100% - 2rem); }
          .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) span {
            width: 1.55rem; }
          .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) input, .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) textarea {
            width: calc(100% - 1.55rem); } }
        .mer_body .mem_src6_box .mer_src6_con form label:last-child {
          width: 100%; }
.mer_body .mer_kf_box {
  position: fixed;
  right: 4.17%;
  top: 50%;
  margin-top: -.44rem;
  z-index: 999; }
  .mer_body .mer_kf_box .iconfont {
    border-radius: 50%;
    text-align: center;
    line-height: .6rem;
    background-color: #85ccbe;
    color: #fff;
    width: .6rem;
    height: .6rem;
    font-size: .3rem;
    cursor: pointer; }
  .mer_body .mer_kf_box .mer_kf_con {
    right: calc(100% + .2rem);
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #E3E5E5;
    border-radius: .12rem;
    box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.09);
    position: absolute;
    padding: .4rem .34rem;
    width: 3rem;
    display: none; }
    .mer_body .mer_kf_box .mer_kf_con::before {
      content: '';
      display: block;
      transform: translate(50%, -50%) rotate(45deg);
      width: .2rem;
      height: .2rem;
      background-color: #fff;
      position: absolute;
      right: 0;
      top: 50%; }
    .mer_body .mer_kf_box .mer_kf_con::after {
      content: '';
      position: absolute;
      left: 100%;
      width: .2rem;
      height: 100%;
      top: 0; }
    .mer_body .mer_kf_box .mer_kf_con a {
      cursor: pointer; }
    .mer_body .mer_kf_box .mer_kf_con div, .mer_body .mer_kf_box .mer_kf_con a {
      font-size: .24rem;
      line-height: 1;
      color: #3B4048;
      display: block; }
    .mer_body .mer_kf_box .mer_kf_con div {
      margin-top: .4rem; }
    .mer_body .mer_kf_box .mer_kf_con .ke_zx {
      color: #85ccbe;
      font-weight: 700; }
    .mer_body .mer_kf_box .mer_kf_con .ke_info {
      margin-top: .18rem;
      color: #999999;
      font-size: .18rem; }
    .mer_body .mer_kf_box .mer_kf_con img {
      width: 1.36rem;
      display: block;
      margin: .17rem 0 -.1rem -.08rem; }
  .mer_body .mer_kf_box:hover .mer_kf_con {
    display: block; }
.mer_body #newBridge .icon-right-center {
  opacity: 0;
  pointer-events: none; }
.mer_body #newBridge .nb-icon-right-center {
  opacity: 0;
  pointer-events: none; }

@media all and (max-width: 1024px) {
  @keyframes roundCome {
    10% {
      right: 90%; }
    11% {
      right: 88%;
      top: 45%; }
    12% {
      top: 50%;
      right: 86%; }
    20% {
      right: 75%;
      top: 50%; }
    50% {
      width: .3rem;
      height: .3rem;
      right: 50%;
      top: 50%; }
    100% {
      top: 50%;
      right: 50%;
      width: 150vh;
      height: 150vh; } } }
.brand_body section > .footer_case {
  display: none; }

@media all and (max-width: 1600px) {
  .ind_new_info {
    line-height: 1.8; }

  .dyn_time_title_num.on .dyn_time_year {
    font-size: 1.6rem;
    text-indent: -13px; }

  .int_src2_time_box {
    padding-top: .6rem; }

  .int_src3_case > div {
    width: 75%; }

  .int_src6_img {
    margin-top: -2.2rem; }

  .con_bg {
    font-size: 1.15rem;
    top: .9rem; }

  .pro_det_xq > div .pro_name_z {
    font-size: .5rem; }

  .btn_back {
    margin-top: .6rem;
    padding: .3rem .8rem .3rem .7rem; }

  .pro_det_xq > div {
    line-height: 3; }

  .abo_src5_icon_box {
    padding-top: .3rem;
    margin-top: .5rem; }

  .loxicDet_body .lox_d_case .lox_d_advantage {
    font-size: .22rem; }

  .loxicDet_body .lox_d_case .lox_d_name {
    margin-top: .15rem; }

  .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.5); } }
@media all and (max-width: 1440px) {
  .int_src2_box .int_src2_case {
    padding-top: 1px; }

  .int_src6_img {
    margin-top: -1.8rem; }

  .int_src3_ren_box .int_zb_text {
    float: right;
    margin-top: 1.2rem; }

  .sto_banner_box .active .sto_num {
    font-size: 2.8rem; }

  .lar_v_num {
    font-size: 1.7rem; }

  .lar_show_box .sto_show_vid_box {
    width: 50%;
    margin-left: 9%; }

  .con_body .ins_body_con > div {
    padding-top: .6rem; }

  .con_bg {
    top: .5rem; }

  .join_condition > div.on .join_con_texx_box {
    padding-top: .5rem;
    padding-bottom: .6rem; }

  .join_con_texx_box > p {
    padding: .25rem 0 .4rem; }

  .pro_det_xq > div .pro_name_z {
    font-size: .48rem; }

  .pro_det_lb {
    margin-top: .5rem; }

  .abo_src6_sty_box > img {
    top: -18%; }

  .abo_src5_icon_box > div i {
    font-size: .4rem; }

  .item1 {
    padding: .5rem 6% 0 0; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
    width: 120%; }

  .creativeTechnology_body .cre_con_box .cre_text_box {
    transform: translate3d(0, -50%, 0);
    width: 22%; 
    left: 0;}

  .loxicDet_body .lox_d_case .loxd_pro_box {
    width: 27%; } }
@media all and (max-width: 1400px) {
  .nav_text_case > div > div ul li {
    line-height: 3; } }
@media all and (max-width: 1366px) {
  .ind_new_info {
    line-height: 1.6;
    padding: 0 .1rem; }

  .ind_new_title {
    line-height: 1.5;
    padding: 0 .1rem;
    margin-top: .25rem;
    margin-bottom: .15rem; }

  .ind_new_more {
    left: calc(1.77vw + .1rem); }

  .dyn_time_title_num.on .dyn_time_year {
    font-size: 1.2rem;
    text-indent: -9px; }

  .int_src2_info {
    line-height: 1.8; }

  .int_src6_img {
    margin-top: -1.5rem; }

  .sha_sto_con {
    width: 58%; }

  .lar_body .sto_title {
    left: 2.4rem; }

  .con_bg_img {
    position: absolute;
    width: 27.6%;
    right: 0;
    bottom: -.25rem; }

  .con_bg {
    font-size: .8rem;
    top: .8rem; }

  .fin_info_text {
    font-size: .18rem; }

  .fin_con_lable {
    font-size: .13rem; }

  .pro_det_xq > div .pro_name_z {
    font-size: .4rem; }

  .pro_det_xq > div .pro_name_box {
    width: 120px; }

  .pro_det_xq > div > span {
    width: calc(100% - 120px); }

  .pro_det_lb {
    margin-top: 0; }

  .pro_det_xq {
    padding-top: 5vh; }

  .btn_back {
    margin-top: .4rem;
    padding: .2rem .6rem .2rem .5rem; }

  .pro_det_lb .swiper-pagination {
    line-height: 3; }

  .abo_src1_img {
    margin-top: .5rem; }

  .abo_btn_ry {
    width: 320px; }

  .abo_src3_year .timer {
    font-size: .7rem;
    margin-left: 0; }

  .abo_src3_year {
    margin-top: -80px; }

  .abo_src5 {
    padding: .5rem 5.6% .3rem; }

  .pre_btn > a {
    margin-right: 0.15rem; }

  .loxicDet_body .lox_d_case .loxd_pro_box {
    width: 22%; }

  .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.45); }

  .nav_text_case > div > div ul li {
    line-height: 2.8; } }
@media all and (max-width: 1280px) {
  .int_src3_case > div {
    width: 85%; }

  .int_src2_info {
    font-size: .28rem; }

  .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.4); }

  .nav_text_case > div > div ul li {
    line-height: 2.5; } }
.cre_btn_m {
  display: none; }

.btn_nav_open i {
  display: none; }

.ind_src2_case_box {
  height: 100%; }

.m_con_img {
  display: none; }

@media all and (max-width: 1024px) {
  .ind_body .banner_img_box .dot_me_box {
    z-index: 1; }

  .ind_banner_box .swiper-wrapper .swiper-slide:first-child .banner_img_box .banner_m {
    display: none; }

  .banner_img_box {
    overflow: hidden; }
    .banner_img_box .banner_pc {
      display: none; }
    .banner_img_box .banner_m {
      display: block; }
    .banner_img_box video {
      opacity: 0;
      display: none; }
    .banner_img_box #myCanvas {
      position: absolute;
      min-width: 100%;
      height: 100%;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0);
      display: block; }

  .ind_pro_img {
    display: none; }

  .ind_pro_img_m {
    display: block; }

  .dyn_body .ind_src3 {
    padding-left: 0; }
    .dyn_body .ind_src3 > div {
      padding: 30px; }
  .dyn_body .bloc .wrapper,
  .dyn_body .bloc .wrapper .row {
    height: auto; }
  .dyn_body .bloc {
    overflow: initial; }

  .dyn_time_con_case > div {
    display: block;
    margin-bottom: .5rem; }
    .dyn_time_con_case > div .dyn_time_title_num {
      margin-left: 0;
      line-height: 2.5; }

  .dyn_time_con_box {
    width: 100%;
    float: none; }

  .dyn_time_con_case {
    top: 0;
    left: 0;
    transform: translateY(0);
    position: relative; }

  .dyn_time_title_box {
    display: none; }

  .ind_src3 .title_box {
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #333;
    padding-bottom: .15rem;
    top: 0;
    left: 0; }

  .dyn_btn_Next,
  .dyn_btn_Prev {
    display: none; }

  .dyn_time_title_num .dyn_img_box .det_img {
    opacity: 0; }

  .dyn_time_title_num .dyn_img_box img {
    opacity: 1; }

  .dyn_time_year {
    font-weight: 700; }

  .dyn_time_title_num .dyn_img_box {
    width: 60%; }

  .ins_box {
    padding: 30px 120px 30px 30px; }

  .fin_fixed_img {
    width: 120px; }

  .int_banner_m {
    display: block; }

  .int_banner_pc {
    display: none; }

  .dyn_time_con .dyn_time_title_num,
  .dyn_time_con_case > div {
    display: block; }

  .int_body .bloc {
    padding-top: 0; }

  .int_case {
    padding: 0 30px; }

  .marT_180 {
    margin-top: .9rem; }

  .int_video_box .int_btn_sty {
    left: 50%; }

  .int_src2_box .int_src2_bg {
    padding: 0; }

  .int_src2_box .int_src2_case .int_info {
    padding-bottom: 0; }

  .int_src3_case {
    margin-top: 6vh; }

  .int_banner_box {
    padding-top: 0;
    padding-left: 0; }

  .int_src5_bfb {
    padding-top: 6vh; }

  .int_src6_case {
    margin-top: 0; }

  .new_title_case {
    margin: 0 30px; }

  .new_det_con {
    padding: 0 30px; }

  .go_top .go_top_text {
    display: none; }

  .show_body .banner_img {
    background-size: 100% auto; }

  .banner_img_box .banner_img {
    transform: scale(1); }

  .sto_body .bloc .wrapper .row {
    padding: .9rem 0 0 0; }

  .sha_sto_con {
    width: 80%;
    left: 50%; }

  .sto_banner_box .swiper-container {
    margin-top: .5rem;
    padding: 0 30px; }
  .sto_banner_box .swiper-wrapper {
    display: block; }
    .sto_banner_box .swiper-wrapper .swiper-slide {
      margin-bottom: .5rem; }

  .sto_show_img_box {
    opacity: 1; }

  .sto_num,
  .sto_add {
    position: relative;
    transform: translateY(0);
    line-height: 2.5; }

  .lar_body .bloc .wrapper .row {
    padding-left: 0; }

  .lar_body .sto_title {
    left: 0; }

  .lar_banner_box {
    padding: 40vh 0; }

  .sto_body .bloc .wrapper .row {
    overflow: inherit;
    position: relative;
    height: auto; }

  .sto_body .bloc .wrapper,
  .sto_body .bloc .wrapper .row {
    height: auto;
    overflow: inherit; }
  .sto_body .bloc {
    overflow: inherit; }
  .sto_body .sto_show_img_box .btn_big {
    opacity: 1;
    pointer-events: auto; }

  .join_con_box .join_tab_box {
    padding: 8vh 0; }

  .pro_tab_box {
    padding: 0 30px; }

  .pro_list_box {
    padding-left: 30px;
    padding-right: 30px; }

  .pro_con {
    padding-left: 0; }

  .pro_list_box > a {
    width: 46%;
    margin-right: 6%;
    margin-left: 0; }
    .pro_list_box > a:nth-child(2n) {
      margin-right: 0; }
    .pro_list_box > a:nth-child(2n +1) {
      clear: both;
      float: left; }

  .pro_det {
    padding-left: 30px;
    padding-right: 30px; }

  .pro_det_lb {
    width: 100%; }

  .pro_det_xq {
    width: 100%;
    margin-left: 0; }

  .abo_src1 {
    padding: .7rem 0 .6rem; }

  .abo_src2 .abo_title {
    margin: .5rem 0; }

  .abo_src3_data {
    margin-top: 1.2rem; }

  .abo_src4 {
    padding-top: .6rem;
    padding-bottom: .7rem; }

  .abo_src3_text_box {
    margin-top: .5rem; }

  body.ind_body {
    padding-top: 0; }
    body.ind_body .lb_nav_box {
      display: none; }

  .btn_shop {
    display: none; }

  .header_m {
    display: block;
    height: 80px;
    background-color: transparent;
    line-height: 80px;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 555; }
    .header_m.on .btn_nav_m span {
      background-color: #fff; }
    .header_m a {
      color: #fff; }
    .header_m > div {
      position: relative;
      height: 100%; }
    .header_m .btn_show_m {
      float: left;
      font-size: .22rem;
      font-weight: 700; }
    .header_m .logo_box_m {
      position: absolute;
      left: 30px;
      top: 10%;
      height: 80%; }
      .header_m .logo_box_m img {
        display: block;
        height: 100%; }

  .btn_nav_m {
    height: 60px;
    width: 40px;
    float: right;
    margin-top: 10px;
    text-align: right;
    font-size: 0;
    line-height: 1;
    padding: 20px 0;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .btn_nav_m span {
      display: block;
      width: 6px;
      height: 6px;
      background-color: #d70c18;
      transition: all .3s ease;
      border-radius: 100%; }

  .nav_con {
    padding-top: 0;
    width: 50%; }
    body:not(.ind_body) .nav {
      background-color: #fff;}
      /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } */

  .nav {
    height: 80px;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 30px; }
    .nav .nav_btn {
      display: none; }
      .nav .nav_btn > span {
        line-height: 80px;
        height: auto;
        margin-right: 85px; }
    .nav .logo_box {
      width: auto;
      height: 65%;
      left: 0;
      top: 17.5%; }
      .nav .logo_box img {
        width: auto;
        height: 100%; }

  .btn_nav_open {
    display: block;
    width: 60px;
    height: 60px;
    top: 10px;
    right: 30px;
    text-align: center;
    color: #fff;
    z-index: 10; }
    .btn_nav_open i {
      display: block;
      line-height: 60px; }

  .nav_text_case .btn_nav_close {
    display: block;
    width: 60px;
    height: 60px;
    top: 10px;
    right: 30px;
    line-height: 60px;
    text-align: center; }

  .pro_tab_box {
    top: 80px; }

  .nav_text_num {
    display: none; }

  .nav_text_case > div {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 100%;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

  .nav_text_case > div > div {
    width: 100%;
    height: auto;
    padding: .25rem 0; }

  .nav_text_case > div > div .nav_text_name {
    margin-top: 0; }

  .banner_img_box .banner_text_img_box {
    top: 20%;
    transform: translate(-50%, 0); }

  .banner_img_box .banner_img {
    width: 65%; }

  .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
    top: 15%;
    transform: translate3d(0, 0, 0); }

  .ind_body .ind_src2 > div .ind_pro_box .pro_ad {
    position: relative;
    left: auto;
    top: auto;
    text-align: center;
    padding: 0 15px;
    transform: translate3d(0, 0, 0); }

  .ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img {
    width: 60%; }

  .ind_body .ind_src2 > div .sho_tab_box {
    bottom: 10%; }

  .ind_body .ind_src2 > div .ind_pro_box .btn_det_box {
    position: relative;
    top: 0;
    margin-top: .3rem;
    right: auto;
    transform: translate3d(0, 0, 0); }

  .ind_body .ind_src2 > div .ind_pro_box .btn_det_box span {
    display: none; }

  .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a {
    margin: 0 auto;
    display: none; }

  .ind_body .ind_src2 > div .sho_tab_box .pro_nav_img {
    width: 80%; }

  .ind_body .ind_src3 > div .ind_src3_sty {
    height: 50%;
    width: 100%; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right {
    top: auto;
    bottom: 0; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left {
    top: 0; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg {
    width: 100%; }

  .ind_src3_img {
    display: none; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text {
    width: 100%; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_text {
    left: 0; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
    right: 0; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg .ind_src3_img {
    opacity: 1; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_bg .ind_src3_img {
    height: 120%;
    margin-top: -15%; }

  .ind_body .ind_src4 > div .ind_src4_p_img {
    left: 7.5%;
    width: 85%;
    display: none; }

  .m_con_img {
    display: block;
    width: 100%;
    margin: 0 auto; }

  .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
    top: 50%; }

  .ind_body .ind_lb_box .active .row > .ind_src4 > div {
    position: absolute;
    width: 75%;
    height: auto;
    left: 50%;
    top: calc(50% + 30px);
    transform: translate3d(-50%, -50%, 0); }

  .ind_body .ind_lb_box .active .row > .ind_src4 > div::before {
    display: none; }

  .ind_body .ind_src4 > div .ind_con_box {
    position: absolute;
    width: 100%;
    top: 68%;
    right: auto;
    transform: translate3d(0, 0, 0);
    padding: 0 19%; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_logo {
    display: none; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
    padding: 0;
    text-align: center;
    color: #3b4048;
    font-weight: 700;
    font-size: .36rem; }
    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
      display: none; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
    padding: 0;
    text-align: center;
    color: #85ccbe; }

  .footer_case .ind_src5 > div .footer {
    padding: 1px 0; }

  .footer_case .ind_src5 > div .footer .footer_con {
    position: relative;
    top: 0;
    transform: translateY(0);
    display: flex;
    flex-wrap: wrap;
    padding: 0 12%;
    margin-top: 24%; }

  .footer_case .ind_src5 > div .footer .footer_con > div {
    width: 50%;
    margin-top: .3rem; }

  .ym_hint_box {
    bottom: 50%;
    transform: translateY(50%); }

  .ym_hint_box .page_box span {
    width: 4px;
    height: 4px;
    margin: .4rem auto; }

  .ym_hint_box .page_box span.swiper-pagination-bullet-active {
    margin: .5rem auto; }

  .cao_hint_box {
    display: none; }

  .sty1_width {
    padding: 0 30px;
    min-height: 100vh;
    overflow: hidden; }
    .sty1_width .sty_left {
      width: 100%;
      height: auto;
      padding-top: .7rem;
      position: relative; }
    .sty1_width .sty_right {
      width: 100%;
      margin-right: 0;
      padding-top: .8rem; }

  .loxic_body .sty1_width .sty_left {
    width: 100%; }
  .loxic_body .sty1_width .sty_right {
    width: 100%;
    margin-right: 0;
    padding-top: .8rem; }

  .title_info_box {
    position: relative;
    top: auto;
    left: 0;
    transform: translate3d(0, 0, 0); }

  .pub_go_back {
    display: none; }

  .loxicDet_body .sty2_width {
    padding: 0 30px;
    width: 100%; }

  .loxicDet_body .lox_d_case {
    padding-top: .7rem; }

  .loxicDet_body .lox_d_case .tec_mes_btn_box a::before {
    display: none; }

  .loxicDet_body .tec_mes_btn_box {
    width: 100%;
    transform: none;
    left: 0;
    height: 0; }

  .loxicDet_body .lox_d_case .loxd_pro_box {
    width: 50%; }

  .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
    font-size: 3rem; }

  .vid_info_box {
    cursor: pointer; }

  .productList_body .pro_list_case {
    min-height: calc(100vh - 80px);
    height: auto;
    padding-bottom: .5rem; }
    .productList_body .pro_list_case .swiper-container {
      height: auto; }
      .productList_body .pro_list_case .swiper-container .swiper-wrapper {
        height: auto;
        display: block; }
        .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide {
          height: auto;
          overflow: hidden;
          margin-top: .5rem; }
          .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
            margin: 0; }
          .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
            margin: 0; }

  .productList_body .pro_list_case .swiper-container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px; }

  body.productDet_body {
    padding-top: 0; }

  .productDet_body .pro_detail_box {
    padding-bottom: 0; }

  .productDet_body .pro_parameter_box > div {
    display: block; }

  .productDet_body .pro_parameter_box > div > div {
    width: 100%;
    margin-right: 0; }

  .productDet_body .pro_d_img_box .pro_text_box {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }

  .productDet_body .pro_d_img_box.pro_left .pro_text_box {
    left: 0; }

  .productDet_body .pro_d_img_box.pro_right .pro_text_box {
    left: 0; }

  .productDet_body .pro_lb_box > div {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }

  .news_body .sty1_width .sty_left {
    width: 100%;
    padding-right: 0; }

  .news_body .sty1_width .sty_right .sty_con > div .news_det .news_num {
    display: none; }

  .title_info_box .pub_plan_hint_box {
    display: none; }

  .news_body .sty1_width .sty_right {
    padding-top: .5rem;
    width: 100%;
    margin-right: 0; }

  .news_btn_more_m {
    display: block; }

  .news_d_body .sty_right .news_d_con_box p:last-child {
    margin-bottom: 0; }

  .news_d_body .sty_right .news_nav_box {
    position: relative;
    transform: none;
    top: 0;
    right: auto;
    width: 100%; }
    .news_d_body .sty_right .news_nav_box a {
      width: 50%;
      text-align: center; }
      .news_d_body .sty_right .news_nav_box a:last-child {
        justify-content: flex-end; }

  .video_body .sty1_width .sty_left {
    width: 100%; }

  .video_body .vid_tab_box {
    margin-top: .5rem;
    display: flex; }
    .video_body .vid_tab_box > div {
      width: 50%;
      text-align: center; }
      .video_body .vid_tab_box > div span::before {
        display: none; }
      .video_body .vid_tab_box > div span::after {
        position: absolute;
        left: 50%;
        top: 120%;
        transform: translate3d(-50%, 0, 0); }

  .video_body .sty1_width .sty_right {
    width: 100%;
    overflow: hidden;
    height: auto; }
    .video_body .sty1_width .sty_right .video_list {
      padding-right: 0;
      transform: none;
      position: relative;
      top: auto; }
    .video_body .sty1_width .sty_right .swiper-wrapper {
      display: block;
      height: auto; }
    .video_body .sty1_width .sty_right .swiper-slide {
      height: auto; }

  .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
    margin-top: .2rem;
    margin-bottom: .4rem; }

  .video_body .sty1_width .sty_right .video_list .swiper-container {
    height: auto;
    padding-right: 0; }

  .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box {
    opacity: 1;
    transform: none; }

  .policy_body .pub_banner_text_box, .policy_body .pub_banner_info {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    left: 0; }

  .pub_banner_box {
    height: auto; }

  .research_body .pub_banner_box .pub_banner_text_box .pub_pol_mess {
    letter-spacing: initial; }

  .research_body .pub_banner_box .pub_banner_text_box {
    top: 40%; }

  .pub_banner_box .pub_banner_info, .pro_d_hint {
    bottom: 30px; }

  .sty2_width {
    width: 100%; }

  .upk_body .sty_left {
    display: none; }

  .serve_body .sty_right .upk_con .upk_title {
    font-size: .7rem;
    font-weight: 700;
    color: #85ccbe;
    margin-bottom: .2rem; }

  .serve_body .sty_right .upk_con .upk_step_name {
    padding: .15rem 0;
    font-weight: 700; }

  .serve_body .sty_right .upk_con > div {
    display: block;
    margin-top: .2rem; }
    .serve_body .sty_right .upk_con > div:first-child {
      margin-top: 0; }

  .about_us_body .sty_left {
    width: 100vw;
    height: 138vw;
    margin: 0 -30px; }

  .about_us_body .con_arrt_box {
    width: 100%;
    padding: 0 30px;
    left: 0;
    bottom: .5rem; }

  .about_us_body .con_arrt_box a .net_con_name {
    font-size: 20px;
    color: #85ccbe; }

  .about_us_body .pub_con_case > .con_arrt_box {
    float: left;
    display: none;
    position: relative;
    width: 100%;
    left: 0;
    padding-top: .5rem;
    padding-right: 0;
    bottom: 0; }

  .about_us_body .sty_right {
    padding-right: 0;
    padding-top: 0; }
    .about_us_body .sty_right .title_info_box .pub_title {
      margin-top: .7rem; }

  .about_us_body .sty_right .title_info_box {
    text-align: left; }

  .about_us_body .sty_right .net_con_box {
    margin-top: .5rem; }

  .about_us_body .sty_right .net_con_box .region_box {
    font-size: 18px; }

  .research_body .pub_banner_box .pub_banner_text_box {
    width: 100%;
    left: 0;
    padding-left: 30px;
    padding-right: 30px; }

  .stores_body .sty_left #dituContent {
    height: 30vh; }

  .stores_body .sty_right {
    padding-right: 0;
    padding-left: 0; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
    transform: none;
    display: none; }

  .pub_banner_box .pub_banner_text_box,
  .pub_banner_box .pub_banner_info {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    left: 0; }

  .mem_info {
    line-height: 1.5; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
    padding-left: .5rem;
    padding-top: .5rem; }

  .brand_body .swiper-container {
    overflow: initial; }
  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
    color: #85ccbe; }
  .brand_body .bloc {
    position: relative;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto; }
  .brand_body .swiper-wrapper {
    display: block;
    transform: none; }
  .brand_body .bra_con_box .swiper-slide {
    background-color: transparent; }
  .brand_body .bra_con_box .bra_title {
    padding-left: 15px; }
    .brand_body .bra_con_box .bra_title .bra_title_name {
      letter-spacing: 0;
      text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.1); }
  .brand_body .bra_con_box .bra_src1_img {
    width: 100%;
    height: auto;
    margin-top: .5rem; }
    .brand_body .bra_con_box .bra_src1_img img {
      position: relative;
      bottom: auto; }
  .brand_body .bra_con_box .bra_src1_text {
    height: auto;
    width: 100%;
    margin-top: .5rem;
    padding-left: 30px;
    padding-right: 30px; }
    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
      width: 100%;
      margin: 0; }
      .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess {
        margin-bottom: .4rem; }
        .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child span {
          line-height: 1; }
  .brand_body .bra_con_box .bra_src2_img {
    width: 100%;
    height: 56vw;
    margin-top: .5rem; }
    .brand_body .bra_con_box .bra_src2_img img {
      position: absolute;
      min-width: auto;
      height: auto;
      width: 100%;
      margin-left: 0;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0); }
  .brand_body .bra_con_box .bra_title {
    position: relative;
    margin-left: 0;
    opacity: 1; }
    .brand_body .bra_con_box .bra_title.title_top {
      top: auto; }
    .brand_body .bra_con_box .bra_title.title_bottom {
      bottom: auto; }
  .brand_body .bra_con_box .bra_alt_box .bra_src1_text {
    width: 100%; }
    .brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box {
      width: 100%;
      margin-right: 0;
      left: 0; }
  .brand_body .bra_con_box .bra_src3_img {
    padding: .5rem 30px;
    height: auto;
    margin-top: -43vw;
    overflow: hidden;
    width: 100%; }
    .brand_body .bra_con_box .bra_src3_img .bra_title {
      margin-bottom: 36vw;
      padding-left: 0; }
    .brand_body .bra_con_box .bra_src3_img .bra_scope_box {
      margin: 0;
      width: 100%;
      height: auto;
      margin-top: .4rem; }
      .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box {
        position: relative;
        left: auto;
        top: auto;
        transform: none; }
    .brand_body .bra_con_box .bra_src3_img .bra_course_box {
      margin-top: .4rem;
      margin-left: 0; }
      .brand_body .bra_con_box .bra_src3_img .bra_course_box > div {
        white-space: initial; }
        .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div {
          width: 100%;
          height: auto;
          background-color: transparent;
          margin-bottom: .5rem; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:last-child {
            margin-bottom: 0; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::before {
            display: none; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::after {
            display: none; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
            position: relative;
            transform: none;
            padding: .3rem 0;
            line-height: 1; }
          .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
            position: relative;
            transform: none;
            margin: 0;
            width: 100%; }
            .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
              background-color: #85ccbe; }
    .brand_body .bra_con_box .bra_src3_img .bra_honor_box {
      margin: 0 -15px;
      padding: 0;
      padding-top: .5rem;
      white-space: initial;
      height: auto; }
      .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div {
        width: 100%;
        display: flex; }
        .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
          width: 48.5%;
          margin: 0 1.5% 6.5%;
          padding: 10px; }
          .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div {
            position: relative; }
            .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div::before {
              content: '';
              display: none;
              width: 96%;
              height: 110%;
              background-color: #f5f5f5;
              position: absolute;
              left: 50%;
              top: -5%;
              transform: translate3d(-50%, 0, 0);
              z-index: -1; }
            .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div > img {
              width: 70%;
              max-height: none; }
  .brand_body .bra_con_box .bra_src_box {
    margin-top: .5rem;
    padding: 0 30px; }
    .brand_body .bra_con_box .bra_src_box .bra_title::before, .brand_body .bra_con_box .bra_src_box .bra_title::after {
      display: none; }
    .brand_body .bra_con_box .bra_src_box .bra_ad_box {
      width: 100%;
      height: auto; }
      .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab {
        text-align: left;
        margin-right: 0;
        padding-top: .7rem;
        overflow: hidden; }
      .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
        margin-top: .8rem;
        position: relative;
        width: 100%; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:nth-child(odd) .bra_hon_info:nth-child(even) img {
    transform: none; }

  .creativeTechnology_body .cre_con_box {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: .5rem;
    height: auto;
    padding-bottom: .5rem; }
    .creativeTechnology_body .cre_con_box .cre_de_text_box {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
      width: 100%; }
      .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
        margin-bottom: .4rem; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      width: auto;
      margin: .5rem  -15px;
      padding: 1.2rem 15px .8rem; }

  .kd_pc {
    display: none; }

  .cre_show_box .kd_m {
    display: block;
    width: 100%; }

  .cre_name {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 200%);
    color: #fff;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1;
    font-size: .2rem;
    white-space: nowrap; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty {
    opacity: 0; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) {
      transform: rotate(111deg);
      transition: all .5s ease; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-111deg); }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_name {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -200%); }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) {
      transform: rotate(5deg);
      transition: all .5s ease 2s; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-5deg); }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) {
      transform: rotate(168deg);
      transition: all .5s ease .5s; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-168deg); }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_name {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -200%); }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) {
      transform: rotate(248deg);
      transition: all .5s ease 1s; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-248deg); }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) {
      transform: rotate(310deg);
      transition: all .5s ease 1.5s; }
      .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-310deg); }

  .creativeTechnology_body .cre_con_box .cre_con_det_case.on .cre_show_box .cre_icon_case .cre_icon_sty {
    opacity: 1; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
    background-color: transparent; }
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box::before {
      content: '';
      display: block;
      border-radius: 100%;
      z-index: -1;
      background-color: rgba(255, 255, 255, 0.8);
      width: 84%;
      height: 84%;
      position: absolute;
      left: 10%;
      top: 6%; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i {
    display: none; }
  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box .cre_icon_i {
    display: block; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box {
    width: 72.66%;
    margin: 0 auto;
    border-radius: 0;
    padding: .5rem 0; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
    width: auto; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box {
    width: 75%; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on {
    display: none; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case {
    opacity: 1; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_col {
    display: none; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_pro {
    opacity: 1;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    transform: none; }

  .creativeTechnology_body .cre_con_box.on .cre_de_text_box {
    display: none; }

  .creativeTechnology_body .cre_con_box.on .cre_peo {
    position: relative;
    opacity: 0;
    display: none; }

  .creativeTechnology_body .cre_con_box .cre_peo {
    position: absolute;
    top: 0;
    left: 100%;
    width: 30%;
    transform: translate3d(-100%, 100%, 0); }

  .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box {
    width: 150%; }

  .creativeTechnology_body .cre_con_box.on .cre_con_det_case {
    transform: translate3d(-50%, 0, 0);
    margin-bottom: 15%;
    margin-top: 15%; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i.cre_icon_i {
    display: block;
    color: #3f5855; }

  .creativeTechnology_body .cre_con_box .cre_text_box {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    padding-bottom: .5rem;
    opacity: 1;
    padding-top: .3rem;
    padding-left: .8rem;
    pointer-events: all; }
    .creativeTechnology_body .cre_con_box .cre_text_box > div {
      padding-top: .6rem;
      padding-left: 16%;}
      .creativeTechnology_body .cre_con_box .cre_text_box > div:first-child::before {
        /* content: '';
        display: block;
        width: 2%;
        height: .5rem;
        background-color: #fff;
        position: absolute;
        left: -1%;
        top: -1px;
        z-index: 0;*/ } 
      .creativeTechnology_body .cre_con_box .cre_text_box > div i {
        display: block;
        position: absolute;
        color: #85ccbe;
        left: 0;
        top: .6rem;
        margin-top: .23rem;
        font-size: .88rem;
        line-height: 1;
        transform: translate(-50%, -50%);
        background-color: #fff; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn {
    display: none; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
    width: 100%; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div {
    display: block;
    opacity: 1;
    height: auto; }

  .cre_btn_m {
    display: block;
    border-color: transparent !important;
    background-color: #85ccbe;
    color: #fff;
    box-shadow: 0 20px 50px rgba(133, 204, 190, 0.4);
    font-weight: 700;
    transition: all 0.5s ease; }
    .cre_btn_m.on {
      width: .8rem;
      height: .8rem;
      border-radius: 100%;
      position: absolute;
      right: 15px;
      box-shadow: none;
      background-color: #fff;
      border: 1px solid #e4e4e4 !important;
      text-align: center;
      font-size: 10px;
      color: #9da0a5;
      margin-top: 0; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
    line-height: 1.3;
    letter-spacing: 0; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
    margin-top: .3rem; }

  .creativeTechnology_body .cre_con_box .cre_text_box {
    position: relative; }
    .creativeTechnology_body .cre_con_box .cre_text_box > div {
      display: block;
      opacity: 1;
      transition: all .5s ease;
      position: relative;
      left: 0;
      top: 0;
      width: 100%; }

  .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_circle {
    display: none; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div.on {
    opacity: 1; }

  .btn_nav_open span {
    right: 0;
    top: 0;
    display: none; }

  .btn_sq {
    font-size: 14px;
    line-height: .8rem; }

  .r_bottom_box {
    right: 100px;
    bottom: auto;
    top: 22px;
    z-index: 9; }

  .r_bottom_box .nav-right {
    width: auto; }

  .r_bottom_box .nav-right .nav-sou {
    position: relative;
    right: auto; }

  .r_bottom_box .nav-right .nav-sou button, .r_bottom_box .link_box {
    padding: 0 .2rem;
    margin-left: 0; }

  .r_bottom_box .link_box:hover .link_con_box {
    bottom: auto;
    top: 200%;
    left: 50%;
    transform: translateX(-50%); }

  .r_bottom_box .link_box .link_con_box::before {
    top: auto;
    bottom: 100%; }

  .r_bottom_box .nav-right .nav-sou input {
    display: none; }

  .r_bottom_box .link_box .link_con_box::after {
    border-left: 0.08rem solid transparent;
    border-top: 0.1rem solid transparent;
    border-right: .08rem solid #fff;
    border-bottom: .1rem solid #fff;
    top: auto;
    bottom: calc(100% - 3px); }

  .ind_banner_box .active .banner_img_box .banner_img {
    transition: all 1s ease; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box > img {
    opacity: 1; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
    opacity: 0; }

  .nav_text_case > div > div .nav_text_name {
    transition: none; }

  .nav_text_case > div > div .nav_text_name_en {
    transition: none; }

  .nav_text_case > div > div.on {
    animation-delay: initial !important; }

  .loxic_body .title_info_box .pub_title_en {
    display: block; }

  .loxic_body .sty1_width .sty_left .pub_title {
    font-size: .7rem; }

  .loxicDet_body .tec_mes_btn_box > a::before {
    display: none; }

  .loxicDet_body .tec_mes_btn_box > a {
    font-size: 0;
    line-height: 0;
    color: #93979d;
    font-weight: 400;
    left: 15px; }

  .loxicDet_body .tec_mes_btn_box > a:last-child {
    right: 15px;
    text-align: right; }

  .loxicDet_body .tec_mes_btn_box > a i {
    font-size: 16px;
    display: block;
    vertical-align: middle;
    margin: 0 !important; }

  .loxicDet_body .lox_d_case .lox_d_set {
    font-size: 16px; }

  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div {
    width: 33.33%; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div {
    width: 25%; }

  .serve_body .sty_right .down_con .dow_search_box button {
    min-width: .85rem; }

  .ind_body .ind_banner_box .btn_d_video {
    right: 50%;
    transform: translateX(50%); }

  .news_body .sty1_width .sty_right .sty_con > div:last-child {
    margin-top: 0; }

  .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) {
    width: 100%; }

  .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) {
    width: 100%; }

  .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det .news_num, .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:first-child .news_num {
    display: none; }

  .news_body .sty1_width .sty_right .sty_con > div {
    width: 48%; }

  .news_body .sty1_width .sty_right .sty_con > div .news_det .news_title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 35px; }

  .r_bottom_box .link_box .link_con_box {
    width: 150%; }

  .r_bottom_box .link_box .link_con_box a {
    padding: .08rem 0; }

  .r_bottom_box .link_box .link_con_box a i {
    font-size: .4rem; }

  .sha_video > div .video_btn_close {
    top: 120%;
    right: 50%;
    transform: translateX(50%);
    opacity: 1; }

  .productDet_body .pro_lb_box > div .pro_gn_name {
    font-size: 0; }

  .productDet_body .mar_sty::before {
    display: none; }

  .productDet_body .pro_d_img_box {
    height: 177.867vw; }

  .productDet_body .pro_d_img_box > img {
    width: 100%;
    min-width: auto;
    min-height: auto;
    height: auto; }

  .productDet_body .pro_d_img_box .pro_text_box {
    top: 12%;
    transform: none; }

  .productDet_body .pro_d_img_box.pro_clo .pro_text_box {
    top: 12%;
    transform: none; }

  .productDet_body .pro_d_img_box:first-child .pro_text_box .pro_name {
    margin-top: .25rem; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box i {
    font-size: 1.6rem;
    color: #85ccbe; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_mess_box {
    font-size: .36rem;
    line-height: 1.5; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div::before {
    font-size: 1rem;
    color: #f8f8f8; }

  .productDet_body .pro_parameter_box > div > div .pro_par_name {
    line-height: inherit; }

  .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_name {
    margin-bottom: 0; }

  .productDet_body .pro_parameter_box > div > div > span {
    vertical-align: top; }

  .productList_body .pro_list_case .swiper-scrollbar {
    display: none; }

  .productDet_body .pro_d_img_box.pro_cen .pro_text_box {
    width: 100%;
    right: 0; }

  .productDet_body .pro_d_img_box .pro_text_box .pro_name {
    line-height: 1.6;
    text-align: justify; }

  .productDet_body .pro_d_img_box .pro_text_box .pro_name {
    margin-top: .5rem; }

  .productDet_body .vid_info_box .pro_text_box .pro_name {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0;
    text-align: center; }

  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p {
    text-indent: 0;
    margin-bottom: .3rem; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div:last-child {
    margin-bottom: 0; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box {
    position: relative; }
    .brand_body .bra_con_box .bra_src3_img .bra_honor_box::before {
      content: '';
      display: block;
      pointer-events: none;
      background-color: #fff;
      width: 100vw;
      height: 100%;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%); }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
    color: #85ccbe; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
    font-size: 14px;
    min-height: 42px; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:nth-child(odd) .bra_hon_info:nth-child(odd) img {
    transform: scale(1); }

  .pub_banner_box {
    margin: 0 -30px; }

  .policy_body .pub_banner_text_box .pub_pol_mess {
    line-height: 1.5; }

  .policy_body .pub_banner_info {
    align-items: flex-end; }

  .pol_scope_box > div:last-child {
    margin-bottom: 0; }

  .loxicDet_body .lox_d_case .lox_d_advantage {
    font-size: 16px; }

  .search_body .sty_right .sea_box .sea-right {
    height: .8rem; }

  .search_body .sty_right .sea_box .sea-right .sea-sou input {
    padding-top: .2rem;
    padding-bottom: .2rem;
    line-height: .4rem;
    text-indent: 15px; }

  .search_body .sty_right .sea_box .sea-right .sea-sou button {
    line-height: .8rem; }

  .development_body .dev_peo_list > a:nth-last-child(2) .dev_peo_text {
    padding-bottom: .56rem; }

  .stores_body .sty1_width .sty_left {
    padding-top: 0;
    width: 100vw;
    margin: 0 -30px; }
  .stores_body .sty1_width .sty_right {
    padding-top: .5rem; }

  .sha_statement_box .statement_con {
    width: 90%;
    padding: 0 4%; }

  .sha_statement_box .statement_con {
    padding: .5rem 1px; }

  .sha_statement_box .statement_con .btn_s_close {
    right: .25rem;
    top: .25rem; }

  .sha_statement_box .statement_con .statement_case .statement_title {
    font-size: 16px;
    padding-bottom: .2rem;
    margin-bottom: .3rem; }

  .sha_statement_box .statement_con .statement_case .statement_info {
    font-size: 14px;
    margin-bottom: .3rem;
    text-align: justify; }

  .sha_statement_box .statement_con .statement_case .statement_det {
    font-size: 12px;
    margin-bottom: .25rem; }

  .nav_text_case {
    background-color: #fff; }

  .mem_src3_con .mem_src2_mes > div .mem_src3_icon_box i {
    font-size: 18px; }

  .loxicDet_body .lox_d_case .tec_mes_btn_box {
    top: 0;
    margin-top: 48%;
    width: calc(100% - 60px); }

  .footer_case .ind_src5 > div .footer .footer_con > div ul li a {
    display: block; }

  .ind_body .bloc .wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .ind_body .bloc .wrapper .row {
      height: 100%; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
    position: relative; }

  .loxic_body .sty1_width .sty_right .dot_me_box {
    left: 50%;
    transform: translate3d(-50%, 20vw, 0);
    opacity: 1; }

  .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
    font-weight: 400; }
    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title > div {
      font-weight: 700; }

  .life_body .life_src3 .life_show_box {
    display: block; }

  .life_body .life_src3 .life_show_box .swiper-container {
    width: 100%; }

  .life_body .life_src3 .life_show_box .life_show_info_box {
    width: 100%;
    padding: 6% 5.1%;
    display: flex;
    z-index: 22;
    position: relative;
    overflow: visible; }

  .life_body .life_src3 .life_show_box .life_show_info_box .life_show_title {
    margin-top: 0;
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: 10%; }

  .life_body .life_src3 .life_show_box .life_show_info_box .life_show_life {
    font-size: .3rem;
    margin-top: 0;
    line-height: 1.8;
    margin-left: 0;
    width: 50%; }

  .life_body .pub_banner_box .pub_banner_text_box {
    width: 100%; }

  .life_body .life_src3 .life_show_box {
    box-shadow: 0 10px 25px rgba(2, 2, 2, 0.06); }

  #tenpay_txt {
    display: none; }

  .productDet_body .btn_d_video div {
    display: block; }

  .m_dot_anm_box {
    display: block;
    width: 82.5%; }
    .m_dot_anm_box img {
      display: block;
      position: absolute;
      width: 100%;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
    .m_dot_anm_box .m_dot1 {
      animation: dotS1 3s ease-in-out infinite; }
    .m_dot_anm_box .m_dot2 {
      animation: dotS2 3s ease-in-out infinite; }
    .m_dot_anm_box .m_dot3 {
      animation: runDot0 3s ease-in-out infinite; }

  .ind_body .ind_src2 .dot_me_box {
    width: 80%;
    overflow: hidden; }

  .life_body .life_src2 .swiper-slide > div > img {
    position: relative;
    width: 100%;
    max-width: none;
    min-width: auto;
    min-height: auto;
    transform: scale(1.2);
    top: auto;
    left: auto; }

  .life_body .life_src2 .swiper-slide > div > img.on {
    transform: translateZ(0) scale(1);
    transition: all 3s ease-in-out; }

  .brand_body .bra_con_box .swiper-slide:last-child {
    display: none; }

  .brand_body section > .footer_case {
    display: none; }

  .mer_body .mer_src1_lb,
  .mer_body .mem_src2_box .mer_src2_lb,
  .mer_body .mem_src3_box .mer_src3_list,
  .mer_body .mem_src5_box .mer_src5_con,
  .mer_body .mem_src6_box .mer_src6_con {
    width: 100%; }

  .mer_body .mem_src2_box,
  .mer_body .mem_src3_box {
    margin-left: -30px;
    margin-right: -30px;
    padding-right: 30px;
    padding-left: 30px; }

  .mer_body .mem_src4_box {
    margin-left: -30px;
    margin-right: -30px; }

  .mer_body .pro_d_hint {
    display: none; }

  .mer_body .mem_src2_box .pol_info br {
    display: none; }

  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
    font-size: 16px; }

  .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination {
    display: block;
    bottom: -10%; }

  .mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
    font-size: 14px; }

  .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
    font-size: 16px; }

  .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name,
  .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
    font-size: 20px; }

  .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination span {
    background-color: #85ccbe;
    border-color: #85ccbe;
    width: 10px;
    height: 10px; }
    .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination span.swiper-pagination-bullet-active {
      background-color: #85ccbe; }

  .mer_body .pol_title_en {
    display: none; }

  .mer_body .mer_kf_box .mer_kf_con {
    width: 4rem; }

  .mer_body .mer_kf_box .mer_kf_con a,
  .mer_body .mer_kf_box .mer_kf_con div {
    font-size: 16px; }

  .mer_body .mer_kf_box .mer_kf_con .ke_info {
    font-size: 14px; }

  .mer_body .mer_kf_box .mer_kf_con img {
    width: 1.8rem;
    margin-left: auto;
    margin-right: auto; }

  .mer_body .mer_kf_box:hover .mer_kf_con {
    text-align: center; }

  .mer_body .mer_kf_box .mer_kf_con div {
    margin-top: .55rem; } }
@media all and (max-width: 768px) {
  .footer_case .ind_src5 > div .footer .footer_con {
    margin-top: 10%; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
    margin-top: .3rem; }

  .policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
    font-size: 16px; }

  .policy_body .pub_banner_info .pol_lx_box > img {
    width: 98px; }

  .mer_body .mer_src1_lb .mer_lb_box {
    flex-wrap: wrap; }

  .mer_body .mer_src1_lb .mer_lb_box .mer_img_box,
  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
    width: 100%; }

  .mer_body .mer_src1_lb .swiper-pagination {
    left: 5.1%;
    bottom: 10px; }

  .mer_body .mem_src5_box .mer_src5_con {
    display: block; }
    .mer_body .mem_src5_box .mer_src5_con > div {
      margin-bottom: .3rem;
      width: 100%; }
      .mer_body .mem_src5_box .mer_src5_con > div:last-child {
        margin-bottom: 0; }

  .mer_body .mem_src4_box .mer_src4_con > img {
    width: auto;
    max-width: none;
    left: 50%;
    top: 50%;
    height: 120%;
    transform: translate(-50%, -50%); }

  .mer_body .mem_src4_box .mer_src4_con {
    height: 6.5rem; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
    margin-left: 2rem;
    margin-top: 0;
    position: absolute;
    transform: scale(0.7); } }
@media all and (max-width: 640px) {
  body {
    padding-bottom: 1px; }

  .ind_body .ind_lb_box .active .row > .ind_src4 > div::before {
    height: 47%; }

  .ind_body .ind_src4 > div .ind_src4_p_img {
    left: -10%;
    width: 120%; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div {
    padding: .3rem 0; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:first-child {
    padding-top: 0; }

  .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name {
    font-size: 16px;
    color: #3b4048; }

  .footer_case .ind_src5 > div .footer .footer_con > div ul {
    font-size: 12px;
    line-height: 2.5; }


  .btn_nav_open {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 15px; }
    .btn_nav_open i {
      line-height: 40px; }

  .nav_text_case .btn_nav_close {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 15px;
    line-height: 40px; }

  .nav {
    height: 60px;
    padding: 0 15px; }
    .nav .nav_btn > span {
      line-height: 60px;
      margin-right: 35px;
      font-size: 12px; }
    .nav .logo_box {
      width: auto;
      height: 50%;
      left: 0;
      top: 25%; }
      .nav .logo_box img {
        width: auto;
        height: 100%; }

  .sho_case_box .swiper-button-prev, .sho_case_box .swiper-button-next {
    display: none; }

  .ind_body .ind_src2 > div .sho_tab_box .pro_nav_name {
    font-size: 13px; }

  .ind_body .ind_banner_box .btn_d_video {
    bottom: 20%; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
    font-size: .5rem; }

  .loxic_body .sty1_width .sty_left .lox_info_box .lox_info,
  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
    font-size: 14px; }

  .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box > div {
    transform: translate(-50%, -58%) scale(0.3); }

  .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time {
    font-size: 1.8rem; }

  .sty1_width, .loxicDet_body .sty2_width {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden; }

  .footer_case .ind_src5 > div .footer .footer_con {
    margin-top: 10vh; }

  .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name_en {
    font-size: .4rem;
    display: none; }

  .footer_case .ind_src5 > div .footer .copy_right {
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center; }

  .footer_case .ind_src5 > div .footer .copy_right > div {
    font-size: 10px; }

  .productList_body .pro_list_case {
    min-height: calc(100vh - 60px); }

  .productList_body .pro_list_case .swiper-container {
    padding-right: 15px;
    padding-left: 15px; }

  .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
    margin-left: 0; }

  .productDet_body .pro_d_img_box .pro_text_box {
    padding-left: 15px;
    padding-right: 15px; }

  .productDet_body .pro_d_img_box .pro_text_box .pro_name {
    width: 85%; }

  .productDet_body .vid_info_box .pro_text_box .pro_name {
    width: 100%; }

  .productDet_body .pro_parameter_box > div > div .pro_par_det > div {
    width: 100%; }

  .productDet_body .pro_parameter_box > div > div .pro_par_det > div {
    margin-bottom: .4rem; }

  .productDet_body .pro_parameter_box > div > div .pro_par_det > div:last-child {
    margin-bottom: 0; }

  .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_det {
    margin: 0; }

  .productDet_body .pro_parameter_box > div > div .pro_par_det {
    font-size: 16px; }

  .productDet_body .pro_lb_box > div {
    padding-left: 20px;
    padding-right: 20px; }

  .productDet_body .pro_lb_box .pro_lb_case {
    margin-top: 0; }

  .productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper {
    padding-top: .4rem;
    padding-bottom: .6rem; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev {
    transform: none; }

  .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
    transform: none; }

  .btn_sq i {
    margin-right: 5px;
    font-size: 18px; }

  .btn_sq > div {
    margin-right: 5px; }

  .nav .nav_text_case .btn_nav_close i {
    font-size: 20px; }

  .policy_body .pub_banner_text_box, .policy_body .pub_banner_info {
    padding-right: 15px;
    padding-left: 15px; }

  .pub_banner_box .pub_banner_text_box .pub_banner_title {
    font-size: .4rem;
    letter-spacing: initial; }

  .policy_body .pub_banner_text_box .pub_pol_mess {
    font-size: 12px;
    line-height: 1.5;
    margin-top: .2rem; }

  .pub_banner_box .pub_banner_info, .pro_d_hint {
    bottom: 15px; }

  .policy_body .pub_banner_box > img {
    opacity: 0; }

  .policy_body .pub_banner_box .pub_banner_text_box {
    top: 41%; }

  .policy_body .pub_banner_box {
    height: auto; }

  .mem_src2_mes > div {
    width: 100%; }

  .mem_src2_mes > div:nth-child(2),
  .mem_src2_mes > div:nth-child(3) {
    border-top: none; }

  .mem_src2_mes > div {
    border-left: 1px solid #e6e8eb; }

  .men_src2_n > div:first-child {
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px; }

  .policy_body .mem_epilogue span {
    font-size: 14px; }

  .policy_body .pol_src2_box .mem_src2_mes {
    margin-top: .6rem;
    display: block; }

  .policy_body .pol_src2_box .mem_src2_mes::before,
  .policy_body .pol_src2_box .mem_src2_mes::after {
    display: none; }

  .pol_scope_box > div {
    padding-left: 35px; }

  .pol_scope_box > div::before {
    font-size: 18px;
    left: 5px;
    top: .55rem; }

  .pol_scope_box > div {
    padding-top: .5rem;
    padding-bottom: .5rem; }

  .serve_body .sty_right .upk_con .upk_step_name {
    font-size: 16px; }

  .serve_body .sty_right .down_con .down_con_box > div {
    width: 100%;
    margin-right: 0; }

  .about_us_body .sty_right .net_con_box ul li a {
    width: 100%; }

  .about_us_body .sty_right .net_con_box ul li a .net_add_box span {
    width: auto; }

  .net_con_box ul li a .net_add_box {
    font-size: 12px; }

  .net_con_box ul li a > div {
    position: relative; }

  .research_body .pub_banner_box .pub_banner_text_box {
    padding-left: 15px;
    padding-right: 15px; }

  .research_info_body .sty2_width .com_info_case .com_info_box {
    width: 100%; }

  .research_info_body .sty2_width .com_info_case .com_info_box .com_info {
    margin-top: .3rem;
    line-height: 1.7; }

  .research_info_body .sty2_width .data_box > div > div {
    font-size: 12px;
    color: #000;
    font-weight: 700; }
    .research_info_body .sty2_width .data_box > div > div:nth-child(2) {
      font-weight: 400; }
      .research_info_body .sty2_width .data_box > div > div:nth-child(2) span {
        color: #85ccbe; }

  .research_join_body .man_info {
    text-align: left; }

  .research_join_body .join_src1_box .join_mode_box > div div,
  .research_join_body .join_rd_box > div .join_rd_info {
    font-size: 12px; }

  .research_info_body .sty2_width .com_info_case .com_img_box {
    display: none; }

  .research_info_body .sty2_width .com_info_case .com_info_box .res_title {
    margin-top: .3rem; }

  .research_info_body .sty2_width .com_info_case {
    position: relative; }

  .research_info_body .sty2_width .com_info_case .com_img_box {
    width: auto;
    margin-left: 2%;
    position: absolute;
    height: 100%;
    left: 50%;
    bottom: 0;
    z-index: -1;
    opacity: .15;
    transform: translate3d(-50%, 0, 0); }

  .research_info_body .sty2_width .com_info_case .com_img_box img {
    display: block;
    width: auto;
    height: 100%;
    max-width: none; }

  .research_info_body .sty2_width .data_box > div {
    width: 33.33%;
    margin-bottom: .5rem; }
    .research_info_body .sty2_width .data_box > div:nth-child(3n + 1) {
      clear: left;
      float: left; }
    .research_info_body .sty2_width .data_box > div:nth-last-child(1), .research_info_body .sty2_width .data_box > div:nth-last-child(2), .research_info_body .sty2_width .data_box > div:nth-last-child(3) {
      margin-bottom: 0; }

  .research_info_body .sty2_width .res_honor_box {
    width: 65%; }

  .research_info_body .sty2_width .management_box {
    margin-top: .5rem; }

  .research_info_body .sty2_width .management_box > div {
    display: block; }

  .research_info_body .sty2_width .management_box > div > img {
    width: 100%; }

  .research_info_body .sty2_width .management_box > div > div {
    width: 100%;
    margin-right: 0;
    margin-top: .3rem; }

  .research_info_body .sty2_width .management_box > div > div .man_name_en,
  .research_info_body .sty2_width .management_box > div > div .mam_name_l {
    margin-bottom: .3rem; }

  .research_join_body .man_info {
    width: 100%; }

  .ke_box {
    flex-wrap: wrap; }
    .ke_box > div {
      width: 50%;
      margin-bottom: .5rem; }
      .ke_box > div:nth-last-child(1), .ke_box > div:nth-last-child(2) {
        margin-bottom: 0; }
      .ke_box > div .pub_icon_box {
        margin-bottom: .3rem; }

  .pol_scope_box > div .yq_con {
    width: 100%; }

  .pol_scope_box > div .yq_con > div > span:nth-child(2) {
    text-align: justify; }

  .pol_scope_box > div .yq_con > div > span span {
    width: 70px; }

  .development_body .dev_jz_box > div i {
    font-size: .4rem;
    color: #e3e6e8; }

  .ke_box > div > span {
    display: none; }

  .development_body .mem_src2_mes {
    flex-wrap: wrap; }
    .development_body .mem_src2_mes > div {
      width: 100%; }

  .ke_box > div .pub_icon_name {
    text-align: justify; }

  .development_body .dev_fz_box > div {
    width: 100%;
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: .3rem; }
    .development_body .dev_fz_box > div:last-child {
      margin-bottom: 0; }

  .development_body .dev_peo_list > a {
    width: 100%;
    margin-right: 0; }

  .recruitment_body .rec_search_box {
    width: 100%;
    border-radius: 0; }

  .recruitment_body .rec_con_box > .rec_name {
    display: none; }

  .recruitment_body .rec_name {
    display: block;
    padding-top: .15rem;
    padding-bottom: .15rem;
    padding-left: .2rem;
    position: relative; }
    .recruitment_body .rec_name > span {
      display: block;
      width: 100% !important;
      text-align: left;
      position: relative;
      padding-left: 70px;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 2; }
      .recruitment_body .rec_name > span span {
        display: block;
        position: absolute;
        left: 0;
        top: 0; }

  .recruitment_body .rec_name > span:nth-child(7) {
    opacity: 1;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    width: 26% !important;
    line-height: 31px;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0; }

  .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
    font-size: 12px;
    line-height: 1.75; }

  .recruitment_body .rec_con_con .rec_yq_box {
    display: block; }

  .recruitment_body .rec_con_con .rec_yq_box > div {
    width: 100%; }
    .recruitment_body .rec_con_con .rec_yq_box > div:first-child {
      padding-right: 0;
      margin-bottom: .5rem; }

  .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
    margin-top: .15rem; }

  .stores_body .sty_right .net_sel_case > div {
    display: block; }
    .stores_body .sty_right .net_sel_case > div .net_sel {
      width: 100%; }

  .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city {
    width: 100%;
    margin-right: 0; }

  .stores_body .sty_right .net_sel_case > div .btn_search {
    width: 100%;
    line-height: .8rem;
    height: .8rem;
    margin-top: .5rem;
    background-color: #85ccbe;
    font-weight: 700; }

  .net_con_box {
    margin-top: .3rem; }

  .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box {
    background-color: #f7f7f7; }

  .stores_body .sty_right .net_sel_case {
    margin-top: .2rem; }

  .net_con_box ul li a .net_con_name {
    font-size: 14px; }

  .mem_src2_mes {
    flex-wrap: wrap; }

  .pub_banner_box .pub_banner_text_box,
  .pub_banner_box .pub_banner_info {
    padding-left: 15px;
    padding-right: 15px; }

  .member_body .pub_banner_box .pub_banner_info {
    font-size: 12px;
    line-height: 1.5;
    width: 280px; }

  .member_body .sty2_width > div.mem_src1_box .mem_con {
    margin-top: .5rem;
    display: block; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box {
    width: 100%;
    border-bottom: none; }

  .member_body .sty2_width > div.mem_src1_box .mem_con > div:first-child {
    border-right: 1px solid #e5e7ea;
    box-shadow: none; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box > img {
    width: 48%; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box div {
    font-size: 14px;
    margin-bottom: .3rem; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_name {
    font-size: 12px; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_n {
    font-size: 12px; }

  .mem_src2_con {
    padding-top: .2rem; }

  .member_body .sty2_width > div.mem_src1_box {
    padding-bottom: .7rem; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
    padding: .5rem;
    width: 100%; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
    width: 12%; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
    margin-bottom: .6rem; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box {
    padding-left: 2.5%; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div {
    font-size: 14px;
    font-weight: 700; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    width: 100%;
    position: relative;
    padding-left: 130px;
    text-align: left;
    margin-top: .3rem;
    min-height: 40px;
    font-size: 0; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
      display: inline-block;
      width: 46%;
      min-width: 120px;
      padding-right: 10px; }
      .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li:nth-child(odd) {
        padding-right: 0; }
      .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li:first-child {
        position: absolute;
        left: 0;
        top: 4px; }

  .brand_body .bra_con_box .bra_src1_text {
    padding-left: 15px;
    padding-right: 15px; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div {
    width: 100%; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div {
    margin: 0;
    width: 100%; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name {
    font-size: 20px; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
    margin-top: .7rem; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
    vertical-align: bottom;
    margin-bottom: -.5rem; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
    width: 45%; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box {
    width: 55%;
    margin-left: 0;
    padding-left: .4rem; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_d {
    font-size: 1.5rem;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }

  .creativeTechnology_body .cre_con_box.on .cre_con_det_case {
    width: 50%;
    margin-bottom: 23%;
    margin-top: 23%; }

  .productDet_body .pro_detail_box .pro_d_info_box {
    margin: 3rem 16px .9rem;
    padding-left: 0; }

  .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
    font-weight: 700; }

  .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text {
    transform: translateY(-100%); }

  .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name_en {
    padding-left: .1rem; }

  .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
    margin-top: .15rem;
    padding-left: .1rem; }

  .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
    letter-spacing: initial; }
    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con img {
      margin-left: 0; }
    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl {
      width: calc(44% - .2rem);
      word-wrap: break-word;
      word-break: normal; }

  .brand_body .bra_con_box .bra_src_box {
    padding-left: 15px;
    padding-right: 15px; }

  .creativeTechnology_body .cre_con_box .cre_text_box {
    margin-top: 0; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
    font-size: 13px;
    line-height: 1.5; }

  .ind_banner_box .swiper-container .swiper-slide {
    overflow: hidden; }

  .research_join_body .join_rd_box {
    display: block; }
    .research_join_body .join_rd_box > div {
      width: 100%;
      margin-right: 0;
      margin-bottom: .3rem; }
      .research_join_body .join_rd_box > div:last-child {
        margin-bottom: 0; }

  .creativeTechnology_body .cre_con_box {
    padding-right: 15px;
    padding-left: 15px; }

  .r_bottom_box {
    right: 65px;
    top: 19px; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty {
    margin-top: .3rem;
    display: none; }

  .ind_body .ind_src4 > div .ind_src4_p_img img {
    width: 80%;
    margin: 0 auto; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
    font-size: .46rem; }

  .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
    font-size: 15px; }

  .pol_scope_box > div .yq_name {
    line-height: 1;
    font-size: 16px;
    margin-bottom: .2rem; }

  .research_info_body .sty2_width .management_box > div > div .mam_name {
    font-size: 18px; }

  .title_info_box .pub_title {
    font-size: .5rem; }

  .banner_img_box .banner_img {
    width: 75%; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
    font-size: 16px; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
    font-size: 18px; }

  .ind_body .ind_src4 {
    background-position: left; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name_en {
    font-size: .22rem;
    color: #8f959f; }

  .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name {
    font-size: .44rem;
    color: #3b4048;
    font-weight: 700; }

  .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
    top: 22%; }

  .ind_body .ind_src2 > div .sho_tab_box {
    width: 80%;
    position: relative;
    margin: .8rem auto 0;
    left: auto;
    bottom: auto; }

  .ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev {
    transform: translateX(-100%); }

  .ind_body .ind_src2 > div .sho_tab_box .swiper-button-next {
    transform: translateX(100%); }

  .ind_src2_case_box {
    position: absolute;
    top: calc(50% + 25px);
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
    z-index: 1; }

  .ind_body .ind_src2 > div .ind_pro_box {
    height: auto; }

  .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
    position: relative;
    top: auto; }

  .ind_body .ind_src2 > div .ind_pro_box .pro_ad {
    font-size: .46rem; }

  .banner_img_box .banner_text_img_box .ind_banner_text_title {
    font-size: .65rem; }

  .banner_img_box .banner_text_img_box {
    top: 18%; }

  .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text {
    width: calc(100% - .4rem); }

  .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_category {
    margin: .15rem 0 0 0;
    padding: 0 .15rem;
    width: auto;
    font-size: 10px;
    line-height: 2; }

  .search_body .sty_right .sea_box .sea_num span {
    font-size: .5rem; }

  .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
    display: none; }

  .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
    display: none; }

  .loxic_body .sty1_width .sty_left .pub_title_en {
    font-size: .5rem;
    color: #85ccbe; }

  .loxic_body .sty1_width .sty_left .lox_info_box {
    margin-top: .2rem; }

  .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title_en {
    display: none; }

  .loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-direction: inherit; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
    margin-left: auto;
    margin-right: auto;
    width: 55%; }

  .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
    text-align: center; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title_en {
    margin-top: .2rem; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
    margin-top: .2rem; }

  .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title {
    font-size: .46rem; }

  .productDet_body .pro_lb_box > div .pro_gn_name span {
    font-size: .5rem; }

  .productDet_body .pro_lb_box {
    padding: .8rem 0; }

  .productDet_body .pro_parameter_box {
    margin-top: .1rem; }

  .productDet_body .pro_parameter_box > div > div .pro_par_name,
  .productDet_body .pro_parameter_box > div > div .pro_par_det {
    font-size: 14px; }

  .productDet_body .pro_parameter_box > div > div .pro_par_det > div div {
    font-size: 12px; }

  .productDet_body .pro_parameter_box > div > div {
    padding: .3rem 0;
    border-color: #f4f4f4; }

  .productDet_body .pro_huy_link_box a {
    border-color: #eaeaec; }

  .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
    font-size: 13px; }

  .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
    margin-top: .25rem; }

  .btn_d_video i {
    font-size: 11px; }

  .productDet_body .pro_d_img_box .pro_text_box .pro_name {
    font-size: 14px; }

  .brand_body .bra_con_box .bra_src3_img .bra_title {
    margin-bottom: 23vw; }

  .brand_body .bra_con_box .bra_title .bra_title_name_en {
    font-size: 12px;
    text-shadow: none;
    color: rgba(59, 64, 72, 0.5); }

  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p,
  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
    font-size: 14px;
    line-height: 1.75; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_mes {
    font-size: 12px;
    line-height: 1.5; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_time {
    font-size: 12px; }

  .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_name {
    font-size: 12px; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
    top: .08rem; }

  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div {
    font-size: 12px;
    font-weight: 700;
    color: #000; }

  .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
    font-weight: 400;
    margin-bottom: .1rem; }

  .brand_body .bra_con_box .bra_title .bra_title_name {
    font-size: .6rem; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
    padding-bottom: .15rem;
    padding-left: .25rem; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
    font-size: 12px;
    min-height: 36px; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time {
    color: #85ccbe; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
    margin-top: .1rem; }

  .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
    margin-bottom: .1rem; }

  .brand_body .bra_con_box .bra_src3_img .bra_scope_box {
    width: 210%;
    margin-top: .4rem;
    margin-left: -110%;
    margin-right: 0;
    margin-bottom: -40px; }

  .btn_d_video {
    width: 1rem;
    height: 1rem; }

  .btn_d_video div {
    font-size: 14px !important;
    text-transform: uppercase; }

  .vid_info_box::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none; }

  .productDet_body .vid_info_box .pro_text_box .btn_d_video {
    margin-top: 5rem; }

  .video_body .vid_tab_box > div span {
    font-weight: 700; }

  .video_body .vid_tab_box > div span::after {
    top: 150%; }

  .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
    padding: 0 .66em; }

  .pol_title::before {
    display: none; }

  .pub_banner_box {
    margin: 0 -15px; }

  .men_src2_n > div {
    font-size: 14px; }

  .mem_src2_mes > div .mem_src2_i {
    font-size: 12px;
    margin-top: .1rem;
    padding-left: calc(16px + .2rem); }

  .policy_body .pol_src1_box .mem_src2_mes {
    margin-top: .5rem; }

  .policy_body .mem_epilogue {
    margin-top: .3rem; }

  .policy_body .pol_l_name {
    margin-top: .65rem; }

  .policy_body .pol_look_det > div > span,
  .pol_scope_box > div {
    font-size: 12px;
    line-height: 1.75; }

  .policy_body .charge_table_box > div {
    padding: .3rem 0; }

  .policy_body .pol_look_det > div > span:first-child {
    width: 25%; }

  .policy_body .pol_look_det > div > span:last-child {
    width: 49.5%; }

  .policy_body .pol_look_det > div {
    padding-left: .3rem;
    padding-right: .3rem; }

  .pol_src2_info {
    text-align: justify;
    font-size: 12px;
    padding: 0 .5rem; }
    .pol_src2_info br {
      display: none; }

  .policy_body .pol_look_det {
    margin-top: .3rem;
    margin-bottom: .65rem; }

  .mem_src2_mes > div {
    padding: .38rem .3rem .45rem; }

  .pol_info {
    font-size: 14px; }

  .policy_body .pol_src2_box .mem_src2_mes > div::before {
    display: none;
    padding-bottom: .4rem; }

  .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:nth-child(2) {
    font-size: 14px;
    font-weight: 700;
    padding-right: .5rem; }

  .serve_body .sty_right .qa_case .qa_box > div.btn_q_title {
    border-width: 1px; }

  .serve_body .sty_right .qa_case .qa_box > div.btn_q_title::after {
    height: 1px; }

  .serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:nth-child(2),
  .serve_body .sty_right .upk_con .upk_con_mess {
    line-height: 1.75; }

  .serve_body .sty_right .upk_con .upk_title {
    font-size: .5rem; }

  .policy_body .pub_banner_info .pol_lx_box .pol_lx_case div,
  .policy_body .pub_banner_info .pol_relation_box span,
  .policy_body .pub_banner_info .pol_lx_box .pol_lx_case a {
    font-size: 10px; }

  .policy_body .pub_banner_info .pol_lx_box .pol_lx_case div {
    margin-top: .1rem; }

  .policy_body .pub_banner_info .pol_lx_box .pol_lx_case {
    font-size: 0; }

  .policy_body .pub_banner_info .pol_lx_box > img {
    margin-top: .15rem; }

  .policy_body .pol_src2_box .mem_src2_mes > div {
    padding-bottom: .3rem; }

  .policy_body .pol_look_det > div > span:first-child {
    font-size: 16px; }

  .policy_body .pol_look_det > div:first-child > span {
    font-size: 12px;
    font-weight: 700; }

  .policy_body .pol_src2_box .mem_src2_mes > div:last-child {
    margin-bottom: .65rem; }

  .policy_body .charge_name {
    font-size: 16px; }

  .policy_body .charge_table_box > div {
    font-size: 12px;
    border-color: #f5f5f5; }

  .policy_body .charge_table_box {
    margin-top: .2rem; }

  .policy_body .charge_table_box > div > span:nth-child(2) {
    width: 30%; }

  .policy_body .charge_table_box > div > span:nth-child(3) {
    padding-right: 10px;
    width: 45%; }

  .policy_body .charge_table_box > div > span:nth-child(4) {
    width: 25%;
    padding-right: 0; }

  .policy_body .charge_table_box > div > span:first-child {
    display: none; }

  .sty2_width {
    padding-bottom: .8rem; }

  .loxic_body .sty1_width .sty_left .lox_info_box .lox_info {
    color: #707781; }

  .loxicDet_body .lox_d_case .loxd_pro_box {
    margin-top: .5rem; }

  .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box span {
    font-size: 16px;
    font-family: 'f-Regular'; }

  .loxicDet_body .lox_d_case .loxd_pro_box {
    width: 60%; }

  .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
    top: 65%;
    display: none; }

  .loxicDet_body .lox_d_case .lox_d_set {
    font-size: 14px;
    letter-spacing: 0;
    margin-top: .4rem; }

  .loxicDet_body .lox_d_case .lox_d_name {
    font-size: 14px; }

  .loxicDet_body .lox_d_case .lox_d_advantage {
    margin-top: 0;
    padding-top: .3rem; }

  .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box {
    top: calc(100% + 20px); }

  .loxicDet_body .lox_d_case .loxd_pro_box {
    margin-bottom: 30px; }

  .serve_body .sty_right .down_con .dow_search_box input,
  .search_body .sty_right .sea_box .sea-right .sea-sou input {
    font-size: 12px; }

  .serve_body .sty_right .down_con .down_con_box > div .dow_con_title {
    font-size: 14px; }

  .search_body .sty_right .sea_box .sea-right .sea-sou button i {
    font-size: .24rem; }

  .about_us_body .sty_left {
    margin: 0 -15px; }

  .about_us_body .con_arrt_box {
    padding: 0 15px; }

  .about_us_body .con_arrt_box a .net_add_box {
    font-size: 11px;
    line-height: 1.75; }

  .about_us_body .con_arrt_box a .net_con_name i {
    display: none; }

  .about_us_body .con_arrt_box a .net_con_name,
  .about_us_body .con_arrt_box a .net_add_box {
    padding-left: 0; }

  .about_us_body .con_arrt_box {
    bottom: 12px; }

  .recruitment_body .rec_search_box input {
    font-size: 12px; }

  .development_body .dev_jz_box {
    display: block; }
    .development_body .dev_jz_box > div {
      width: 100%; }
      .development_body .dev_jz_box > div:first-child {
        border-right: none;
        border-bottom: 1px solid #e6e6e6; }

  .res_title_box {
    padding-left: 0; }
    .res_title_box::before {
      display: none; }

  .development_body .man_info {
    width: 100%; }

  .development_body .dev_jz_box > div .dev_name {
    font-size: 12px; }

  .development_body .dev_jz_box > div .dev_mess,
  .development_body .dev_jz_box > div .dev_info {
    font-size: 14px;
    margin-top: .2rem; }

  .ke_box > div .pub_stop_name,
  .development_body .men_src2_n > div,
  .development_body .dev_fz_box > div .dev_fz_con .dev_fz_name,
  .pol_scope_box > div .yq_con > div > span {
    font-size: 12px; }

  .development_body .mem_src2_mes > div .mem_src2_i,
  .development_body .dev_fz_box > div .dev_fz_con .dev_fz_info {
    font-size: 14px; }

  .mem_epilogue span {
    font-size: 14px; }

  .development_body .men_src2_n > div:first-child {
    margin-right: .2rem; }

  .development_body .mem_src2_mes > div .mem_src2_i {
    padding-left: .8rem; }

  .development_body .mem_src2_mes > div {
    padding-left: 15px;
    padding-right: 15px; }

  .development_body .dev_peo_list > a .dev_peo_text .dev_pro_info {
    width: 100%;
    font-size: 12px;
    min-height: auto;
    margin-top: .1rem; }

  .development_body .dev_peo_list > a .dev_peo_text {
    padding-top: .3rem; }

  .research_body .sty2_width > div {
    padding-bottom: .7rem; }

  .stores_body .sty1_width .sty_left {
    margin: 0 -15px; }

  .mem_title {
    font-size: .4rem;
    margin-bottom: .3rem; }

  .mem_info {
    font-size: 14px; }

  .member_body .sty2_width > div .mem_rules_box > div {
    padding-left: .75rem; }

  .member_body .sty2_width > div .mem_rules_box > div::before {
    top: .28rem;
    left: .2rem; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div:nth-child(2) {
    font-weight: 400;
    font-size: 10px; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li {
    font-size: 12px; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child {
      font-size: 14px; }

  .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_name {
    text-align: center; }

  .member_body .mem_epilogue span {
    padding: .3rem 0; }

  .mem_epilogue::before, .mem_epilogue::after {
    width: 6px;
    height: 6px; }

  .nav_text_case > div > div ul li {
    font-weight: 700;
    font-size: 14px; }

  .nav_text_case > div > div.on .nav_text_name_en {
    display: none; }

  .loxicDet_body .pub_con_box {
    margin-bottom: 100vh; }

  .loxicDet_body .tec_mes_btn_box > a {
    font-size: 0;
    letter-spacing: initial;
    width: 44px;
    height: 44px;
    line-height: 0;
    top: 53vw;
    position: absolute; }
    .loxicDet_body .tec_mes_btn_box > a i {
      line-height: 44px; }
    .loxicDet_body .tec_mes_btn_box > a:nth-child(2) i {
      margin-left: .12rem; }
    .loxicDet_body .tec_mes_btn_box > a:nth-child(1) i {
      margin-right: .12rem; }

  .news_d_body .sty1_width .sty_right {
    padding-top: 0; }
  .news_d_body .title_info_box .pub_title {
    display: none; }
  .news_d_body .sty_right .news_d_title_case .news_d_title {
    font-size: 16px; }
  .news_d_body .sty_right .news_d_title_case {
    padding-bottom: .4rem; }

  .news_d_body .sty_right .news_nav_box a {
    font-size: 12px; }

  .development_body .dev_fz_box > div .dev_fz_num {
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    box-shadow: 0 10px 20px rgba(133, 204, 190, 0.4); }

  .development_body .dev_fz_box > div .dev_fz_con .dev_fz_name {
    font-size: 16px; }

  .development_body .dev_fz_box > div > div {
    vertical-align: top; }

  .development_body .dev_fz_box > div .dev_fz_con {
    margin-top: 6px; }

  .about_us_body .sty_right .net_con_box .region_box {
    line-height: 2;
    color: #85ccbe; }

  .ind_body .ind_lb_box .active .row > .ind_src4 > div {
    width: 100%; }

  .ind_body .ind_src4 > div .ind_con_box {
    top: 69%; }

  .ind_banner_box .banner_img_box .banner_img {
    transform: translate(-60%, -50%); }

  .banner_img_box.allwidth .banner_img {
    transform: translate(-50%, -50%); }

  .policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
    font-size: 12px; }

  .policy_body .pub_banner_info .pol_lx_box > img {
    width: 67px; }

  .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
    width: calc(100% - .25rem); }

  .member_body .alone_title {
    font-size: 16px; }

  .life_body .life_src1 {
    padding: .5rem 15px;
    padding-top: .7rem; }

  .life_body .life_src1 .life_src1_top .life_title {
    padding-bottom: .15rem; }

  .life_body .life_src1 .life_src1_top .life_en {
    font-size: 18px;
    margin-top: .4rem; }

  .life_body .life_src1 .life_src1_top {
    padding-bottom: .4rem; }

  .life_body .life_src1 .life_mess {
    margin-top: .4rem;
    font-size: 16px;
    line-height: 2; }

  .life_body .life_src3 .lift_src3_info {
    font-size: 16px;
    line-height: 2;
    margin-bottom: .4rem; }

  .life_body .life_src2 .life_src2_con > div > div {
    margin-bottom: .3rem; }

  .life_body .life_src2 .life_src2_con {
    width: 4.7rem;
    height: 4.7rem; }

  .life_body .life_src2 .swiper-container {
    height: 5.8rem; }
    .life_body .life_src2 .swiper-container .swiper-slide > div {
      min-height: 5.8rem; }

  .productDet_body .pro_huy_link_box {
    margin-top: .8rem; }

  .life_body .life_src3 .btn_box {
    margin-top: 12.5vw; }

  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_xh,
  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
    margin-bottom: .2rem; }

  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
    padding-bottom: .5rem;
    height: 180px; }

  .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
    font-size: 14px; }

  .mer_body .mer_src1_lb .swiper-container {
    margin-bottom: .4rem; }

  .mer_body .mem_src2_box .pol_info {
    margin-top: .3rem;
    color: #3b4048; }

  .mer_body .mem_src3_box .mer_src3_list > div {
    align-items: flex-start;
    padding: .25rem 0; }

  .mer_body .mem_src4_box .btn_sq {
    margin-top: .4rem; }

  .mer_body .mem_src5_box .mer_src5_con > div {
    padding-top: .4rem;
    padding-bottom: .4rem; }

  .mer_body .mem_src6_box .mer_src6_con form {
    display: block; }
    .mer_body .mem_src6_box .mer_src6_con form label {
      width: 100%; }
      .mer_body .mem_src6_box .mer_src6_con form label span {
        width: 2rem; }
      .mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
        width: calc(100% - 2rem); }

  .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
    transform: translate(-50%, -50%) scale(1); }

  .mer_body .mem_src2_box .swiper-container a img {
    width: 65%; }

  .mer_body .mem_src2_box .mer_src2_lb {
    margin-top: .5rem; }

  .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
    min-height: auto; }

  .mer_body .mem_src6_box .mer_src6_con {
    margin-bottom: 0; }

  .mer_body .mer_src1_lb {
    margin-top: .5rem; }

  .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name,
  .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
    font-size: 16px; }

  .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
    font-size: 14px; }

  .mer_body .mem_src3_box .mer_src3_list > div {
    flex-wrap: wrap;
    align-items: center; }

  .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
    width: calc(100% - 1rem);
    font-weight: 700; }

  .mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
    width: 100%;
    margin-top: .2rem; }

  .mer_body .mem_src2_box, .mer_body .mem_src3_box,
  .mer_body .mem_src4_box,
  .mer_body .mem_src5_box,
  .mer_body .mem_src6_box {
    padding-top: 8.33vw; }

  .mer_body .mem_src2_box {
    padding-bottom: 13%; }

  .mer_body .mem_src6_box .mer_src6_con form label span {
    font-size: 14px; }

  .mer_body .mem_src6_box .mer_src6_con form label,
  .mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
    line-height: .5rem; }

  .mer_body .footer_case .ind_src5 > div .footer .copy_right {
    bottom: 10vh; }

  .mer_body .mer_kf_box .iconfont {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px; }

  .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
    width: 2rem; } }
@media all and (max-width: 400px) {
  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    padding-left: 110px; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
      min-width: 100px; } }
@media all and (max-width: 375px) {
  .ind_body .ind_src4 > div .ind_src4_p_img {
    left: 0;
    width: 100%; }

  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    padding-left: 100px; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
      min-width: 95px; }

  .ind_body .ind_src2 > div .sho_tab_box {
    width: 75%;
    margin-top: .2rem; }

  .abo_src3_alone > img {
    display: none; }
  .abo_src3_alone > div img {
    display: block;
    width: 100%; } }
@media all and (max-width: 360px) {
  .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    padding-left: 85px; }
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
      min-width: 95px; } }
@media all and (max-width: 360px) {
  .int_pre_sty .int_provenance > img {
    width: 20%; }

  .show_series_box {
    padding-left: 15px; } }

/*# sourceMappingURL=public.css.map */