@charset "UTF-8";
/*
	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: #E6E6E8; }

: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: "Conv_AvantGardeITCbyBT-Medium", "Helvetica Neue", Helvetica, "Microsoft YaHei", STXihei, "PingFang SC", "Hiragino Sans GB", Arial, 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
*/
/*
 ---------------------------
 1. General
 ---------------------------
 */
a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  transition: all 0.3s ease; }

/*
 ---------------------------
 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; }

/*
 ---------------------------
 3. Heading (h1,h2,h3,h4,h5,h6)
 ---------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #212121;
  font-weight: 700;
  font-variant-ligatures: common-ligatures;
  /*Ligatures and contextual forms are ways of combining glyphs to produce more harmonized forms.*/
  margin-top: 0;
  margin-bottom: 0.625rem;
  padding: 0 0 0.546875rem;
  word-wrap: break-word; }

h1 {
  font-size: 3.375rem;
  line-height: 1.14285714286; }

h2 {
  font-size: 22.375rem;
  line-height: 1.2; }

h3 {
  font-size: 1.75rem;
  line-height: 1.25; }

h4 {
  font-size: 1.25rem;
  line-height: 1.33333333333; }

h5 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600; }

h6 {
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 600; }

.h1 {
  font-size: 3.375rem !important;
  line-height: 1.14285714286 !important; }

.h2 {
  font-size: 22.375rem !important;
  line-height: 1.2 !important; }

.h3 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important; }

.h4 {
  font-size: 1.25rem !important;
  line-height: 1.33333333333 !important; }

.h5 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important; }

.h6 {
  font-size: 0.75rem !important;
  line-height: 2 !important;
  font-weight: 600 !important; }

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

@media all and (max-width: 768px) {
  h1 {
    font-size: 2.41071rem;
    line-height: 1.15555556; }
  h2 {
    font-size: 15.6625rem;
    line-height: 1.421875; }
  h3 {
    font-size: 1.25rem;
    line-height: 1.625; }
  .h1 {
    font-size: 2.41071rem !important;
    line-height: 1.15555556 !important; }
  .h2 {
    font-size: 15.6625rem !important;
    line-height: 1.421875 !important; }
  .h3 {
    font-size: 1.25rem !important;
    line-height: 1.625 !important; } }

@media all and (max-width: 480px) {
  h1 {
    font-size: 1.20536rem;
    line-height: 1.38461538462; }
  h2 {
    font-size: 13.425rem;
    line-height: 1.28571428571; }
  h3 {
    font-size: 1.25rem;
    line-height: 1.5; }
  .h1 {
    font-size: 1.20536rem !important;
    line-height: 1.38461538462 !important; }
  .h2 {
    font-size: 13.425rem !important;
    line-height: 1.28571428571 !important; }
  .h3 {
    font-size: 1.25rem !important;
    line-height: 1.5 !important; } }

/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
  font-family: "Conv_AvantGardeITCbyBT-Medium", "Helvetica Neue", Helvetica, "Microsoft YaHei", STXihei, "PingFang SC", "Hiragino Sans GB", Arial, 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,
.section {
  padding: 6.5625rem 0; }

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,
  .section {
    padding: 4.26563rem 0; }
  section.space-sm,
  .section.space-sm {
    padding: 2.625rem 0; }
  section.space-lg,
  .section.space-lg {
    padding: 4.26563rem 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; } }

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

.pure:after {
  clear: both; }

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

html {
  font-size: 100px; }

.fl_l {
  float: left; }

.fl_r {
  float: right; }

@media screen and (max-width: 800px) {
  html {
    font-size: 90px; } }

@media screen and (max-width: 600px) {
  html {
    font-size: 80px; } }

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%;
  overflow: hidden;
  height: 100%;
}

.bloc .wrapper {
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.bloc .wrapper .row {
  height: 100vh;
  background-color: #fff;
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  overflow: hidden; }

.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: 10;
  -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; }

.bloc .wrapper .claNext {
  z-index: 4;
  opacity: 1;
  transform: translateY(85%);
  animation: mhover .5s ease 1; }

@keyframes mhover {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(85%); } }

.bloc .wrapper .claOut {
  z-index: 4;
  opacity: 1;
  transform: translateY(100%);
  animation: mhover2 .5s ease 1; }

@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%; }

.banner_img_box {
  width: 100%;
  height: 100%;
  position: relative; }
  .banner_img_box .banner_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.2); }
  .banner_img_box .banner_m {
    display: none; }
  .banner_img_box .banner_text_img_box {
    width: 35.833%;
    position: absolute;
    left: 54%;
    top: 49.5%;
    transform: translate(-50%, -50%); }
    .banner_img_box .banner_text_img_box img {
      width: 100%;
      display: block; }
  .banner_img_box video {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.logo_w{
  display: block;
  transition: all .5s ease;
}
.logo_w:hover{
  margin-top: -20px;
}
.logo_w img {
  width: 45.97%; }

.ind_banner_box .swiper-button-prev, .ind_banner_box .swiper-button-next {
  background-image: none;
  font-size: 0;
  width: auto;
  height: auto;
  margin-top: 0;
  transform: translateY(-50%); }
  .ind_banner_box .swiper-button-prev:hover .swiper_preview, .ind_banner_box .swiper-button-next:hover .swiper_preview {
    opacity: 1;
    pointer-events: all;
    transform: translate(0, -50%); }
  .ind_banner_box .swiper-button-prev > div, .ind_banner_box .swiper-button-next > div {
    display: inline-block;
    vertical-align: middle; }
  .ind_banner_box .swiper-button-prev .icon_box, .ind_banner_box .swiper-button-next .icon_box {
    font-size: .16rem;
    color: #fff;
    text-align: center;
    line-height: .8rem;
    width: .5rem; }
  .ind_banner_box .swiper-button-prev .swiper_preview, .ind_banner_box .swiper-button-next .swiper_preview {
    position: absolute;
    top: 50%;
    width: 1.9rem;
    height: .8rem;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
    background: transparent; }
    .ind_banner_box .swiper-button-prev .swiper_preview .banner_img_box, .ind_banner_box .swiper-button-next .swiper_preview .banner_img_box {
      transform: scale(1); }
    .ind_banner_box .swiper-button-prev .swiper_preview .banner_text_img_box, .ind_banner_box .swiper-button-next .swiper_preview .banner_text_img_box {
      transform: translate(-50%, -50%);
      opacity: 1; }

.ind_banner_box .swiper-button-prev {
  left: 274px; }
  .ind_banner_box .swiper-button-prev .swiper_preview {
    left: 100%;
    transform: translate(10%, -50%); }

.ind_banner_box .swiper-button-next .swiper_preview {
  right: 100%;
  transform: translate(-10%, -50%); }

.ind_banner_box .banner_img_box {
  transform: scale(1.5);
  transition: all .3s ease-in-out; }
  .ind_banner_box .banner_img_box .banner_text_img_box {
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0;
    transition: all 0s ease; }

.ind_banner_box .active .banner_img_box {
  transform: scale(1);
  transition: all 0s ease; }
  .ind_banner_box .active .banner_img_box .banner_img {
    transform: scale(1);
    transition: all 3s ease; }
  .ind_banner_box .active .banner_img_box .banner_text_img_box {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition: all .3s ease; }

.ind_banner_box .swiper-pagination {
  color: rgba(255, 255, 255, 0.2);
  font-size: .16rem;
  font-family: 'Conv_Gotham-Black'; }
  .ind_banner_box .swiper-pagination .on {
    color: white; }
  .ind_banner_box .swiper-pagination .ban_pag_sty {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: .7rem;
    margin: 0 .08rem;
    background-color: #fff; }

.ind_bottom_box {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 8.333vh;
  text-align: center;
  font-size: 0;
  width: 100%;
  padding-left: 6.875%;
  z-index: 1; }
  .ind_bottom_box > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.08rem;
    font-size: .16rem; }
    .ind_bottom_box > div:first-child {
      margin-left: 0; }
    .ind_bottom_box > div:last-child {
      margin-right: 0; }
  .ind_bottom_box .swiper-pagination {
    position: relative;
    width: auto;
    bottom: 0; }
  .ind_bottom_box .ind_hint {
    font-family: 'Conv_Gotham-Black'; }
  .ind_bottom_box .ind_hint_icon {
    border: 2px solid #fff;
    height: 26px;
    width: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 4px 0; }
    .ind_bottom_box .ind_hint_icon > div {
      height: 6px;
      width: 2px;
      background-color: #fff;
      border-radius: 2px;
      position: absolute;
      top: 6px;
      left: 50%;
      margin-left: -1px;
      animation: gun0 1s ease infinite; }

.ind_body .ind_src2 .ind_bottom_box {
  color: rgba(0, 0, 0, 0.35); }
  .ind_body .ind_src2 .ind_bottom_box .ind_hint_icon {
    border-color: rgba(0, 0, 0, 0.35); }
    .ind_body .ind_src2 .ind_bottom_box .ind_hint_icon div {
      background-color: rgba(0, 0, 0, 0.35); }

@keyframes gun0 {
  0% {
    top: 6px; }
  50% {
    top: 14px; }
  100% {
    top: 6px; } }

.works__slider {
  cursor: url(../image/svgipsa_cursor_arrow.png) 52 23, move; }
  .works__slider a {
    cursor: url(../image/svgipsa_cursor_arrow.png) 52 23, move; }
  .works__slider a:active, .works__slider a:focus {
    cursor: url(../image/svgipsa_cursor_arrow_pushed.png) 52 23, move; }

.works__slider:active, .works__slider:focus {
  cursor: url(../image/svgipsa_cursor_arrow_pushed.png) 52 23, move; }



@media all and (min-width: 1025px){
  .ind_body .nav {
    width: 240px;
    height: 1px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 52.9%;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
    box-shadow: none; }
  .ind_body .nav .nav_con {
    padding-top: 0; }
  .ind_body .nav.opact {
    opacity: 1;
    pointer-events: all; }
  .ind_body .nav.navLong {
    height: calc(100vh - 50px);
    top: 50%;
    transition: all .5s ease; }
  .ind_body .nav.navLong .nav_con {
    padding-top: 25vh;
    transition: all .5s ease; }
  .ind_body .nav.navSi {
    left: 144px;
    transition: left .5s ease; }
  .ind_body .nav.navsha {
    box-shadow: 20px 0 70px -18px rgba(0, 0, 0, 0.6);
    transition: all .5s ease; }

}
.nav {
  width: 240px;
  height: calc(100vh - 50px);
  background-color: #121212;
  box-shadow: 20px 0 70px -18px rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 121;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 60px;
  overflow: hidden; }
  .nav::after {
    content: '';
    display: block;
    left: 100%;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: width .5s ease;
    background-color: #ffffff;
    box-shadow: 20px 0 70px -18px rgba(0, 0, 0, 0.6); }
  .nav.on {
    overflow: visible; }
  .nav.on::after {
    width: 2rem; }

.nav_con {
  margin-top: 0;
  position: relative;
  height: calc(100vh - 50px);
  padding-top: 25vh; }

.language_box {
  font-family: 'Conv_Gotham-Black';
  position: absolute;
  left: 0;
  bottom: 6vh;
  font-size: .14rem; }
  .language_box div {
    color: #fff; }
  .language_box span {
    color: rgba(255, 255, 255, 0.1);
    margin: 0 .1rem; }

  .language_box img {
      display: block;
      width: 100%;
  }
.language_box a{
    display: inline-block;
    width: .2rem;
    vertical-align: middle;
    opacity: 0;
    transition: all .5s ease;
}
.language_box > div:hover a{
    opacity: .5;
}
.language_box a.on{
    opacity: 1 !important;
}
.language_box> div a:hover{
    opacity: 1;
}
.logo_box {
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: .165rem;
  color: #fff;
  line-height: 7.222vh; }

.nav_name {
  letter-spacing: 1px; }

.nav_name_en {
  height: 0;
  overflow: hidden;
  font-family: 'Conv_Gotham-Light'; }

.item {
  padding-top: 4.35185vh; }
  .item > li:hover .childItem {
    display: block; }

.item > li > a {
  display: block;
  color: rgba(255, 255, 255, 0.35);
  font-size: .14rem;
  line-height: 1.8;
  padding: .1rem 0;
  cursor: pointer;
  transition: all .5s ease;
  position: relative; }

.item > li.on {
  padding-bottom: 1.8518vh; }
  .item > li.on .nav_name {
    color: white;
    font-weight: 700; }
  .item > li.on .nav_name_en {
    height: calc(.14rem * 1.8);
    transition: height .5s ease; }

.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_bottom_box {
    padding-left: 10%; }
  .ind_src2 .ind_show_box {
    width: 52%;
    height: 100%;
    float: left; }
  .ind_src2 .ind_show_link_box {
    display: block;
    width: 48%;
    height: 100%;
    position: relative;
    float: right;
    background-color: #fff;
    cursor: auto; }
    .ind_src2 .ind_show_link_box > div {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 0;
      text-align: center; }
  .ind_src2 .swiper-pagination {
    color: rgba(255, 255, 255, 0.2);
    font-size: .16rem;
    font-family: 'Conv_Gotham-Black'; }
    .ind_src2 .swiper-pagination .on {
      color: white; }
    .ind_src2 .swiper-pagination .ban_pag_sty {
      display: inline-block;
      vertical-align: middle;
      height: 2px;
      width: .7rem;
      margin: 0 .08rem;
      background-color: #fff; }
  .ind_src2 .swiper-button-prev, .ind_src2 .swiper-button-next {
    display: none;
    background-image: none;
    font-size: 0;
    width: auto;
    height: auto;
    margin-top: 0;
    transform: translateY(-50%); }
    .ind_src2 .swiper-button-prev:hover .swiper_preview, .ind_src2 .swiper-button-next:hover .swiper_preview {
      opacity: 1;
      pointer-events: all;
      transform: translate(0, -50%); }
    .ind_src2 .swiper-button-prev > div, .ind_src2 .swiper-button-next > div {
      display: inline-block;
      vertical-align: middle; }
    .ind_src2 .swiper-button-prev .icon_box, .ind_src2 .swiper-button-next .icon_box {
      font-size: .16rem;
      color: #fff;
      text-align: center;
      line-height: .8rem;
      width: .5rem; }
    .ind_src2 .swiper-button-prev .swiper_preview, .ind_src2 .swiper-button-next .swiper_preview {
      position: absolute;
      top: 50%;
      width: 1.9rem;
      height: .8rem;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transition: all .5s ease;
      background: transparent; }
      .ind_src2 .swiper-button-prev .swiper_preview .banner_img_box, .ind_src2 .swiper-button-next .swiper_preview .banner_img_box {
        transform: scale(1); }
      .ind_src2 .swiper-button-prev .swiper_preview .banner_text_img_box, .ind_src2 .swiper-button-next .swiper_preview .banner_text_img_box {
        transform: translate(-50%, -50%);
        opacity: 1; }
  .ind_src2 .swiper-button-prev {
    left: 274px; }
    .ind_src2 .swiper-button-prev .swiper_preview {
      left: 100%;
      transform: translate(10%, -50%); }
  .ind_src2 .swiper-button-next {
    right: 50px; }
    .ind_src2 .swiper-button-next .swiper_preview {
      right: 100%;
      transform: translate(-10%, -50%); }
  .ind_src2 .active .ind_btn_more > div {
    transform: scale(1) translateY(0);
    opacity: 1; }

.src2_logo_img {
  display: inline-block;
  vertical-align: top;
  width: 20.533%;
  padding-right: 5.7%;
  position: relative; }
  .src2_logo_img::before {
    content: '';
    width: 1px;
    height: 74.07%;
    background-color: #bab9ba;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .src2_logo_img img {
    width: 100%;
    display: block; }

.src2_logo_text {
  display: inline-block;
  vertical-align: top;
  padding-left: 5.7%;
  width: 22.88%;
  position: relative;
  text-align: left; }
  .src2_logo_text > div {
    width: 100%; }
    .src2_logo_text > div img {
      display: block;
      width: 100%; }

.ind_show_link_case {
  display: none; }

.ind_btn_more {
  display: none; }

.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; }

.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 .ind_btn_more {
    position: absolute;
    right: 22%;
    top: 50%;
    transform: translateY(-48%);
    color: #fff;
    transition: margin-top .5s ease;
    opacity: 0;
  }
    .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 {
  padding-left: 2.88rem;
  width: 100%;
  height: 100%;
    background-color: #fafbfc;
}
  .ind_src3 > div {
    padding: 0 .4rem .25rem .24rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .ind_src3 > div .swiper-pagination {
      width: 100%;
      left: 0;
      bottom: .25rem;
      z-index: 0;
      font-size: 0; }
      .ind_src3 > div .swiper-pagination > span {
        height: 2px;
        width: 2px;
        margin: 0 6px;
        position: relative; }
      .ind_src3 > div .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #1b1b1b; }
        .ind_src3 > div .swiper-pagination .swiper-pagination-bullet-active::after {
          content: '';
          position: absolute;
          left: -6px;
          top: -6px;
          width: 10px;
          height: 10px;
          border: 2px solid #494949; }
  .ind_src3 .title_box {
    position: absolute;
    left: calc(.24rem + 50%);
    transform: translateX(-50%);
    top: .4rem;
    padding-top: .05rem;
    z-index: 4;
  }
.ind_src3 .title_box a{
  transition: color .5s ease;
}
.ind_src3 .title_box a:hover{
  color: #e70012;
}
.title_box {
  font-size: 0;
  line-height: 1; }
  .title_box > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .07rem;
    font-size: .14rem;
    color: #1f1f1f; }
    .title_box > span:first-child {
      margin-left: 0; }
    .title_box > span:last-child {
      font-family: 'Conv_Gotham-Black';
      margin-right: 0; }

.ind_new_hot_bos {
  width: 19%;
  float: left;
  height: 100%;
  position: relative;
  z-index: 4; }
  .ind_new_hot_bos .ind_new_con {
    position: relative;
    z-index: 1; }
  .ind_new_hot_bos::after {
    content: '';
    display: block;
    width: .24rem;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    background-color: #fff;
    z-index: 0; }

.ind_new_con {
  display: block;
  height: 50%;
  transition: all .5s ease;
  padding: 0 .2rem;
}


.ind_new_time {
  text-align: center;
  font-size: .24rem;
  float: right;
  font-family: 'Conv_Gotham-Black';
  line-height: .24rem;
  color: #333333;
}
  .ind_new_time > span {
    color: #b2b2b2;
    font-size: .14rem;
    margin-left: .05rem; }

.ind_new_tex_box {
  position: relative;
  border-top: 1px solid #e6e6e6;
  padding-top: 2.777vh;
  padding-bottom: 8vh;
  height: 100%;
}
  .ind_new_tex_box > img {
    width: 100%;
    display: block;
  }

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

.ind_new_title {
  display: block;
  color: #404040;
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 2.3148vh;
  margin-bottom: .16rem;
  transition: all .5s ease;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 56px;
}

.ind_new_info {
  font-size: .13rem;
  color: #a6a6a6;
  line-height: 1.846;
  text-align: justify;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;


}

.ind_new_more {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3vh;
  font-size: .12rem;
  line-height: 1;
  color: #acacac;
  transition: all .5s ease;
  font-family: 'Conv_Gotham-Black';
}

  .ind_new_more > span {
    float: left;
    margin-top: .15rem;
    transition: color .5s ease;
  }

.ind_new_hint {
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  transition: all .5s ease; }

.active .ind_new_con:hover {
  margin-left: .12rem;
  margin-right: -.12rem; }


.ind_new_box .swiper-slide:hover {
  z-index: 1; }

.ind_new_case {
  position: relative;
  z-index: 3;
  height: 100%;
  padding: .95rem .9rem 0 .4rem;
}


  .ind_new_case .swiper-container {
    height: 100%;
    overflow: initial; }

  .ind_new_case .swiper-container{
    font-size: 0;
  }
  .ind_new_case .swiper-slide{
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
  }
  .ind_new_case .swiper-slide > div{
    margin: 0 .2rem;
    height: 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{
        font-weight: 700;
        color: #000; }
        .childItem > ul li.thisNav 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; }

.navBox > .childItem {
  width: 2rem;
  height: calc(100vh - 50px);
  position: fixed;
  top: 25px;
  left: 240px;
  padding-left: .48rem;
  background-color: #000000; }
  .navBox > .childItem > ul {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .navBox > .childItem > ul:first-child {
      display: block; }
    .navBox > .childItem > ul li {
      padding: 1.85vh 0;
      cursor: pointer; }
      .navBox > .childItem > ul li.thisNav a, .navBox > .childItem > ul li:hover a {
        color: white; }
        .navBox > .childItem > ul li.thisNav a::after, .navBox > .childItem > ul li:hover a::after {
          width: calc(100% + 1.5em); }
    .navBox > .childItem > ul a {
      font-size: .13rem;
      color: rgba(255, 255, 255, 0.25);
      transition: all .5s ease;
      position: relative;
      line-height: 1; }
      .navBox > .childItem > ul a::after {
        content: '';
        display: block;
        left: -.5em;
        bottom: -3px;
        position: absolute;
        width: 0;
        height: 6px;
        background-color: #292929; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pace_bg_ant {
  background-color: #fff;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  z-index: 120; }
  .pace_bg_ant.on .load_box {
    transform: translateY(100%); }
  .pace_bg_ant.on .loading_box {
    width: 240px;
    transition: width .5s ease; }
  .pace_bg_ant.on .loading_num {
    transform: translateY(150%);
    opacity: 0;
    transition: all .5s ease; }

.pace_copy_right {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  bottom: 8.796vh;
  line-height: 1;
  color: #404040;
  font-family: 'Conv_Gotham-Black';
  transition: all .5s ease;
  font-size: 0; }
  .pace_copy_right img {
    display: inline-block;
    width: 17.708%; }
  .pace_copy_right span {
    font-family: 'Conv_Gotham-Light'; }
  .pace_copy_right.on {
    transform: translateY(100%);
    opacity: 0; }

.pace_text_box {
  width: 100%;
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-130%);
  transition: all .5s ease; }
  .pace_text_box > span {
    font-family: 'Conv_Gotham-Light';
    display: inline-block;
    vertical-align: bottom;
    font-size: .36rem;
    color: #808080;
    transition: all .5s ease; }
  .pace_text_box .pace_p {
    opacity: 0; }
    .pace_text_box .pace_p.on {
      opacity: 1; }
      .pace_text_box .pace_p.on.out {
        opacity: 0; }
  .pace_text_box .pace_f {
    opacity: 0; }
    .pace_text_box .pace_f.on {
      opacity: 1; }
      .pace_text_box .pace_f.on.out {
        opacity: 0; }
  .pace_text_box .com_name {
    font-size: .60rem;
    color: #000000;
    margin: 0 .3rem;
    opacity: 0;
    transition: all .5s ease; }
    .pace_text_box .com_name.on {
      opacity: 1; }

.pace.pace-inactive .pace-progress {
  display: none; }

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  /*height: 5rem;*/
  /*width: 5rem;*/ }

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.2); }

.load_box {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(50%);
  text-align: center;
  transition: all .2s ease; }
  .load_box .loading_box {
    overflow: hidden;
    width: 86.4583%;
    margin: 0 auto;
    height: 1px;
    background-color: #e6e6e6;
    position: relative; }

.loading_num {
  margin-top: .2rem; }

.load_at {
  width: 0;
  height: 100%;
  background-color: #121212;
  position: absolute;
  left: 0;
  top: 0; }

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

.dyn_body .title_box {
  z-index: 5; }

.dyn_body .ind_src3 > div::before {
  display: none; }

.dyn_body .ind_src3 > div {
  padding-top: .4rem; }

.dyn_time_title_box {
  overflow: hidden;
  width: 52%;
  float: left;
  padding-right: 15px;
  background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
  background-size: 1px 8px;
  background-repeat: repeat-y;
  background-position: right;
  margin-top: -.15rem;
  position: relative;
  height: 100%; }
  .dyn_time_title_box::before {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    left: 24%;
    top: 0; }
  .dyn_time_title_box::after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    left: 48%;
    top: 0; }

.dyn_time_title {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 24%;
  width: 100%;
  z-index: 1;
  transition: top .5s ease; }

.dyn_time_title_num {
  color: #1c1c1c;
  line-height: 1.5;
  margin-left: 31.8%;
  transition: all .5s ease;
  position: relative;
  padding: 5vh 0;
  cursor: pointer; }
  .dyn_time_title_num .dyn_img_box {
    font-size: 0;
    width: 36%;
    position: relative;
    transition: all .5s ease; }
    .dyn_time_title_num .dyn_img_box img {
      display: inline-block;
      opacity: 0;
      transition: all .5s ease;
      max-width: 100%; }
    .dyn_time_title_num .dyn_img_box .det_img {
      opacity: 1;
      position: absolute;
      left: 0;
      top: 0; }
  .dyn_time_title_num.on {
    padding: 3.5vh 0;
    margin-left: 0;
    cursor: auto; }
    .dyn_time_title_num.on .dyn_img_box {
      width: 45%; }
      .dyn_time_title_num.on .dyn_img_box img {
        opacity: 1; }
      .dyn_time_title_num.on .dyn_img_box .det_img {
        opacity: 0; }
    .dyn_time_title_num.on .dyn_time_year {
      font-size: 2.10rem;
      text-indent: -17px;
      text-shadow: 36px 25px 24px rgba(0,0,0,.12);
    }
    .dyn_time_title_num.on .dyn_title {
      font-size: .22rem;
      margin-top: .15rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .dyn_time_title_num.dyn_time_prev {
    padding-left: 30%; }
    .dyn_time_title_num.dyn_time_prev .dyn_img_box {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .dyn_time_title_num.dyn_time_next {
    padding-right: 30%;
    text-align: right; }
    .dyn_time_title_num.dyn_time_next .dyn_img_box {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      .dyn_time_title_num.dyn_time_next .dyn_img_box .det_img {
        left: auto;
        right: 0; }

.dyn_time_year {
  font-size: .2rem;
  font-family: 'Conv_NeoSans_0';
  transition: all .5s ease; }

.dyn_title {
  font-size: .14rem;
  transition: all .5s ease; }

.dyn_time_con_box {
  width: 48%;
  float: right;
  position: relative;
  height: 100%; }

.dyn_time_con_case {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .14rem;
  line-height: 1.8;
  color: #404040;
  padding-left: 20.5%;
  width: 100%; }
  .dyn_time_con_case > div {
    display: none; }

.dyn_time_con .dyn_time_title_num {
  display: none; }

.dyn_time_con > div {
  padding: .1rem; }

.dyn_btn_Prev, .dyn_btn_Next {
  font-size: 0;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: .65;
  transition: opacity .5s ease; }
  .dyn_btn_Prev:hover, .dyn_btn_Next:hover {
    opacity: 1; }
  .dyn_btn_Prev > span, .dyn_btn_Next > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    line-height: 1;
    color: rgba(31, 31, 31, 0.3); }
  .dyn_btn_Prev .newiconfont, .dyn_btn_Next .newiconfont {
    color: #1f1f1f; }

.dyn_btn_Prev {
  top: 11.11vh; }

.dyn_btn_Next {
  bottom: 11.11vh; }

.disab {
  pointer-events: none;
  opacity: 0.4; }

.fin_fixed_img {
  position: fixed;
  width: 13%;
  height: 100%;
  right: 0;
  top: 0;
  background: url("../image/fin_fiexd.jpg") no-repeat top left;
  background-size: cover; }

.ins_box {
  padding: .4rem 13% .25rem 2.88rem; }
  .ins_box > div {
    padding: 5.78% 5.06% 0 4.338%; }

.ins_body_tab {
  width:15vw;
}
.time_year{
    position: relative;
}
.time_year::after{
    content: '';
    display: block;
    position: absolute;
    left: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%);
    background-color: #121212;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 3px;
    width: 0;
    transition: all .5s ease;
}
.ins_tab_btn.on .time_year::after{
    width: 250%;
}
.ins_body_con {
  float: left;
    width: 100%;
}

.fin_title {
  font-size: .4rem;
  line-height: 1;
  font-weight: 700;
  color: #121212;
  margin-bottom: .4rem; }

.fin_describe {
  display: block;
  position: relative;
  font-size: .16rem;
  font-weight: lighter;
  color: #404040;
  padding-left: .35rem;
  line-height: 1.5;
  margin-bottom: .55rem; }
  .fin_describe::before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background-color: #1983fc;
    transform: skewX(-20deg);
    position: absolute;
    left: 5px;
    top: 0; }

.fin_body .ind_bottom_box {
  color: #1f1f1f;
  position: relative;
  text-align: right;
  bottom: 0; }
  .fin_body .ind_bottom_box .ind_hint_icon {
    border-color: #1f1f1f; }
    .fin_body .ind_bottom_box .ind_hint_icon > div {
      background-color: #1f1f1f; }

.ins_header {
  padding-bottom: .3rem;
  position: relative; }
  .ins_header::after {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 150%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.05); }

.fin_time_box {
  position: relative;
  color: #1f1f1f;
  font-size: .26rem;
  font-family: 'Conv_Gotham-Black';
  padding: .4rem 0 .3rem 0; }
  .fin_time_box::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    width: 23%;
    height: 1px;
    background-color: #1f1f1f; }

.btn_operate {
  width: 48%;
  margin-right: 2%;
  display: block;
  float: left;
  padding: .3rem 0; }

@media all and (min-width: 1441px){
  .btn_operate{
    max-width: 350px;
  }
    .scr_body .btn_operate{
        max-width: none;
    }
  .fin_con_box > .btn_operate:nth-child(even){
    margin-left: calc(50% - 350px);
  }
    .scr_body  .fin_con_box > .btn_operate:nth-child(even){
        margin-left: 0;
    }
}

.fin_name {
  font-size: .17rem;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1.8;
  padding: 5px 0;
  max-width: 400px;
  display: block;
  transition: all .5s ease;
}
.fin_name span{
    font-weight: 400;
}
  .fin_name i {
    font-size: .22rem;
    line-height: 1;
    vertical-align: middle;
    margin-left: .15rem;
    font-weight: 400;
    color: #1f1f1f; }

.fin_con_time {
  font-size: .13rem;
  line-height: 22px;
  color: #a6a6a6;
  padding: .06rem 0; }
  .fin_con_time i {
    font-size: .22rem;
    vertical-align: middle;
    margin-left: .15rem;
    color: #1f1f1f; }

.fin_con_box > a:nth-child(2n + 1) {
  clear: left;
  float: left; }

.ins_tab_btn {
  position: relative;
  width: 15px;
  font-size: 0;
  text-align: right;
  cursor: pointer; }
  .ins_tab_btn span {
    display: inline-block;
    height: 1px;
    width: 8px;
    background-color: #d4d4d4;
    margin: 5px 0; }
  .ins_tab_btn .ins_mark {
    width: 15px;
    position: relative; }
    .ins_tab_btn .ins_mark::after {
      content: '';
      display: block;
      height: 3px;
      width: 0;
      background-color: #1f1f1f;
      position: absolute;
      right: 0;
      top: -1px;
      border-radius: 2px;
      transition: width .5s ease; }
  .ins_tab_btn .time_year {
    font-size: .16rem;
    color: #979ba0;
    transition: all .5s ease;
    font-family: 'Conv_Gotham-Black';
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%); }
  .ins_tab_btn.on {
    cursor: auto; }
    .ins_tab_btn.on .ins_mark::after {
      width: 200%; }
    .ins_tab_btn.on .time_year {
      font-size: .26rem;
      color: #1f1f1f; }

  .scr_body .ins_body{
      position: relative;
  }
.ins_body_tab {
  position: absolute;
  overflow: hidden;
  height: 40vh;
  padding-right: 15px;
  margin-top: .94rem;
    float: none;
    left: 20px;
    top: 0;

}

.ins_tab_fa {
  top: 0;
  left: 15px;
  position: absolute;
  transition: all .5s ease; }

.ins_tab_fa > div:first-child span:first-child {
  opacity: 0; }

.ins_tab_fa > div:first-child span:nth-child(2) {
  opacity: 0; }

.ins_tab_fa > div:last-child span:nth-child(4) {
  opacity: 0; }

.ins_tab_fa > div:last-child span:nth-child(5) {
  opacity: 0; }

.ins_body_con > div {
  display: none; }
  .ins_body_con > div:first-child {
    display: block; }

.fin_o_body .ins_header {
  margin-bottom: .3rem; }

.fin_o_body .ins_body_con {
  width: 100%; }

.fin_o_body .fin_name {
  max-width: 350px; }

.fin_con_box > div {
  width: 48%;
  float: left;
  margin-right: 2%; }
  .fin_con_box > div > a, .fin_con_box > div > div {
    width: 100%; }

.btn_cor {
  display: inline-block;
  background-color: #d9d9d9;
  border-radius: 3px;
  font-size: .13rem;
  line-height: 34px;
  color: #121212;
  font-weight: 700;
  padding-left: .25rem;
  padding-right: .25rem;
  margin-top: .24rem;
  transition: all .5s ease; }
  .btn_cor i {
    margin-left: .2rem;
    vertical-align: middle; }
.cor_gov {
  font-size: 0; }
  .cor_gov > a, .cor_gov > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .22rem;
    line-height: 1;
    color: #121212; }
  .cor_gov span {
    margin: 0 10px;
    height: 1px;
    width: .4rem;
    background-color: #bfbfbf; }
  .cor_gov .cor_down {
    border-radius: 4px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: .12rem;
    font-weight: 700;
    background-color: #1985ff;
    width: 42px; }

.cor_right .fin_dd {
  padding-top: 0;
  padding-bottom: .2rem; }

.fin_describe .cor_gov {
  display: inline-block;
  vertical-align: middle;
  margin-left: .08rem; }

.int_body .bloc {
  padding-top: .25rem; }

.int_case {
  padding: 0 .25rem 0 2.88rem; }
  .int_case > div {
    padding: 0 3.75%; }

.int_title {
  margin-top: 8.333vh;
  padding: 20px 0;
  font-size: .17rem;
  font-weight: 700;
  color: #121212;
  line-height: 1.764;
  text-align: center;
  position: relative; }
  .int_title img {
    display: block;
    width: 1em;
    position: absolute; }
  .int_title .icon_t_01 {
    right: calc(50% + 5px);
    top: 0; }
  .int_title .icon_t_02 {
    left: calc(50% + 5px);
    bottom: 0; }

.int_info {
  font-size: .14rem;
  line-height: 2.2857;
  color: #808080;
  text-align: center;
  padding: .5rem 0;
  letter-spacing: .5px; }
  .int_info p {
    margin-bottom: 0; }

.int_video_box {
  position: relative;
  overflow: hidden;
  display: block; }
  .int_video_box video {
    display: block;
    width: 100%;
    height: 45vh;
    object-fit: cover;
  }
  .int_video_box .int_btn_sty {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: calc(50% + 1.44rem);
    transform: translate(-50%, -50%); }
    .int_video_box .int_btn_sty > div {
      display: inline-block;
      vertical-align: middle; }

.int_play {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #ffffff;
  color: #1c1c1e;
  text-align: center;
  line-height: .4rem;
  width: .4rem;
  margin-right: .2rem;
  font-size: .16rem; }
  .int_play i {
    margin-left: .03rem; }

.int_vid_hint {
  color: #fff;
  line-height: 1.8; }
  .int_vid_hint:first-child {
    font-size: .14rem; }
  .int_vid_hint:last-child {
    font-size: .18rem;
    font-family: 'Conv_Gotham-Black'; }

.int_pre_sty {
  font-size: 0; }
  .int_pre_sty > div {
    margin-top: .45rem;
    display: inline-block;
    vertical-align: middle; }
  .int_pre_sty .ind_bottom_box {
    width: 240px;
    padding: 0;
    bottom: 0;
    position: relative;
    text-align: right;
    color: #1f1f1f; }
    .int_pre_sty .ind_bottom_box .ind_hint_icon {
      border-color: #1f1f1f; }
      .int_pre_sty .ind_bottom_box .ind_hint_icon > div {
        background-color: #1f1f1f; }
  .int_pre_sty .int_provenance {
    width: calc(100% - 240px);
    font-size: 0; }
    .int_pre_sty .int_provenance > img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 .2rem; }
    .int_pre_sty .int_provenance > div {
      display: inline-block;
      vertical-align: middle; }
      .int_pre_sty .int_provenance > div > div {
        padding-left: .15rem;
        line-height: 1; }

.int_pro_cn {
  font-size: .18rem;
  color: #1f1f1f;
  font-weight: 700;
  position: relative;
  padding-right: 20px;
  margin-bottom: .2rem; }
  .int_pro_cn::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #1f1f1f;
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: -4px; }

.int_pro_en {
  font-size: .12rem;
  color: #bfbfbf; }

.marT_180 {
  margin-top: 1.8rem; }

.int_src2_box {
  position: relative; }
  .int_src2_box .int_src2_bg {
    padding: 0;
    padding-left: 2.28rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .int_src2_box .int_src2_bg .int_src2_bg_img {
      overflow: hidden; }
      .int_src2_box .int_src2_bg .int_src2_bg_img.go > img {
        transform: scale(1); }
      .int_src2_box .int_src2_bg .int_src2_bg_img > img {
        transform: scale(1.2);
        display: block;
        width: 100%;
        transition: all 3s ease; }
  .int_src2_box .int_title {
    color: #fff; }
  .int_src2_box .int_src2_case {
    position: relative;
    width: 100%;
    padding-top: 4.2%;
    z-index: 1; }
    .int_src2_box .int_src2_case .int_info {
      padding-top: .4rem; }

.int_src2_info {
  color: #fff;
  line-height: 2;
  padding-top: .2rem;
  font-size: .32rem;
  text-align: center; }

.int_src2_info_en {
  font-family: 'Conv_Gotham-Light'; }

.int_src2_info_cn {
  font-family: '宋体'; }

.int_src2_time_box {
  text-align: center;
  font-size: 0;
  width: 100%;
  padding-top: 1.3rem; }
  .int_src2_time_box img {
    display: inline-block;
    vertical-align: middle;
    width: 43.75%; }

.int_src3_case {
  margin-top: 13.4vh; }
  .int_src3_case > div {
    width: 70%;
    margin: 0 auto; }

.int_zb_text {
  float: left;
  font-size: .14rem;
  color: #808080;
  line-height: .32rem;
  width: 43%; }
  .int_zb_text span {
    color: #333333;
    font-weight: 700; }

.fz_z {
  font-size: .17rem; }

.fz_b {
  font-size: .32rem; }

.int_zb_img {
  float: right;
  width: 45%;
  position: relative; }
  .int_zb_img > img {
    display: block; }
  .int_zb_img .int_zb_st {
    transition: width 1.5s ease;
    position: absolute;
    left: 14.5%;
    width: 0;
    bottom: -8%;
    overflow: hidden; }
    .int_zb_img .int_zb_st img {
      width: 13.85vw;
      display: block; }
    .int_zb_img .int_zb_st.go {
      width: 100%; }

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

.int_src3_ren_box .int_zb_img {
  float: left;
  font-size: 0;
  text-align: center; }
  .int_src3_ren_box .int_zb_img > img {
    display: inline-block;
    vertical-align: middle;
    width: 72.76%; }

.int_zb_name {
  color: #333333;
  font-size: .2rem;
  font-weight: bold;
  line-height: 1.5; }

.int_banner_box {
  padding-top: 7.4vh;
  padding-left: 2.25rem;
  position: relative; }
  .int_banner_box .ind_bottom_box {
    text-align: right;
    bottom: .45rem;
    padding-right: .55rem;
    font-family: 'Conv_Gotham-Black'; }
    .int_banner_box .ind_bottom_box .swiper-pagination {
      color: rgba(255, 255, 255, 0.2);
      font-size: .16rem; }
    .int_banner_box .ind_bottom_box .ban_pag_sty {
      display: inline-block;
      vertical-align: middle;
      height: 2px;
      width: .7rem;
      margin: 0 .08rem;
      background-color: #fff; }
    .int_banner_box .ind_bottom_box .swiper-pagination .on {
      color: #fff; }

.int_banner_img {
  width: 100%;
  position: relative; }
  .int_banner_img > img {
    width: 100%;
    display: block; }
  .int_banner_img .int_lb_tex {
    font-size: .24rem;
    font-weight: 700;
    position: absolute;
    left: 1.14rem;
    bottom: .4rem;
    color: #fff;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .5s ease .5s; }

.int_banner_box .active .int_banner_img .int_lb_tex {
  transform: translateY(0);
  opacity: 1; }

.int_banner_m {
  display: none; }

.int_src4_text {
  width: 39.8%;
  padding: 0;
  padding-top: .32rem;
  text-align: left; }

.int_src4_text_left {
  float: left; }

.int_src4_text_right {
  float: right; }

.int_src4_case {
  padding-top: 5.555vh; }
  .int_src4_case > div {
    position: relative; }
  .int_src4_case .int_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.int_src5_case {
  padding-top: 15.74vh; }

.int_src5_bfb {
  width: 100%;
  font-size: 0;
  text-align: center;
  padding-top: 8.8vh; }
  .int_src5_bfb > img {
    display: inline-block;
    width: 32.1%; }

.int_pro_box {
  margin-top: .45rem;
  font-size: 0; }
  .int_pro_box > div {
    display: inline-block;
    vertical-align: middle;
    width: calc((100% - 1rem - 1px) / 6);
    margin-right: .2rem;
    position: relative;
    text-align: center;
    font-size: 0; }
    .int_pro_box > div:last-child {
      margin-right: 0; }
    .int_pro_box > div::after {
      content: '';
      display: block;
      width: 100%;
      height: 14px;
      background-color: #f2f2f2;
      position: absolute;
      left: 0;
      top: 50%; }
    .int_pro_box > div > img {
      display: inline-block;
      max-width: 100%;
      vertical-align: middle;
      position: relative;
      z-index: 1; }

.int_src5_case .int_info {
  padding: 0; }
  .int_src5_case .int_info span {
    color: #333333;
    font-weight: 700; }

.int_src6_case {
  margin-top: 18vh; }
  .int_src6_case .int_info span {
    color: #333333;
    font-weight: 700; }
  .int_src6_case > div {
    position: relative; }
  .int_src6_case .int_src6_box {
    position: relative;
    z-index: 1; }

.int_src6_img {
  width: 100%;
  display: block;
  margin-top: -2.9rem; }

.new_body .bloc .wrapper .row {
  opacity: 1;
  position: relative;
  height: auto;
}
.new_body .ind_new_case {
  font-size: 0;
  height: auto;
}
.new_body .bloc .wrapper {
  height: auto;
}
.new_body .ind_new_case .swiper-slide{
  height: calc((100vh - .95rem - .25rem) / 2);
}
.new_body .ind_new_con{
  height: 100%;
}
.ind_new_con:hover .ind_new_title {
  color: #1f1f1f;
}

.hots_time {
  margin-top: .15rem;
  padding: 0 .1rem;
  font-size: 12px;
  line-height: 1.5;
  color: #242424;
  font-family: Conv_Gotham-Light; }
  .hots_time span {
    font-family: Conv_Gotham-Black; }

.new_title_bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1.4);
  -webkit-filter: blur(40px);
  filter: blur(40px);
  width: 100%;
  height: 100%; }

.new_title_box {
  position: relative; }
  .new_title_box .new_title_bg_box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
  }

.new_title_case {
  margin-left: 3.46rem;
  margin-right: .4rem;
  padding-top: .7rem;
  padding-bottom: .2rem;
  position: relative;
  z-index: 1; }
  .new_title_case > div {
    margin: 0 auto;
    max-width: 850px; }

.new_title {
  font-size: .32rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: .3rem; }

.new_time {
  line-height: 1;
  color: #fff;
  font-size: .22rem;
  font-family: 'Conv_NeoSans_0';
  margin-bottom: .1rem; }
  .new_time > span {
    font-size: .16rem; }
  .new_time .col_5 {
    color: rgba(255, 255, 255, 0.5); }

.new_tab {
  text-align: right;
  color: rgba(255, 255, 255, 0.4);
  font-size: .14rem;
  font-weight: 700;
  line-height: 2.5;
  font-family: 'Conv_Gotham-Black'; }
  .new_tab > a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    letter-spacing: .5px; }
  .new_tab .btn_forbidden {
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none; }

.new_go_list {
  background-color: #ffffff;
  position: absolute;
  display: block;
  bottom: 0;
  left: 5px;
  color: #1f1f1f;
  font-size: .14rem;
  text-align: center;
  line-height: 4;
  width: 200px;
  box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1); }
  .new_go_list i {
    font-size: .24rem;
    line-height: 1;
    margin-left: .45rem;
    vertical-align: middle;
    transition: margin-left .5s ease; }
  .new_go_list:hover i {
    margin-left: .25rem; }

.new_det_con {
  padding-left: 3.46rem;
  padding-right: .4rem; }
  .new_det_con > div {
    margin: 0 auto;
    max-width: 850px; }
    .new_det_con > div p {
      font-size: .15rem;
      line-height: 2;
      color: #595959;
      margin: .35rem 0;
      padding-top: .1rem; }
      .new_det_con > div p img {
        max-width: 100%;
        width: 100% !important;
        height: auto !important;
        display: block;
        margin-top: -.1rem; }
  .new_det_con .new_end_hint {
    max-width: 100%;
    position: relative;
    text-align: center;
    line-height: 1;
    margin-bottom: .4rem;
    margin-top: .2rem; }
    .new_det_con .new_end_hint::after {
      content: '';
      height: 1px;
      width: 100%;
      background-color: #e0e0e0;
      position: absolute;
      left: 0;
      bottom: 50%; }
    .new_det_con .new_end_hint span {
      background-color: #fff;
      padding: .1rem .15rem;
      font-size: .14rem;
      font-weight: 700;
      font-family: 'Conv_Gotham-Black';
      position: relative;
      z-index: 1; }

.go_top {
  font-size: 0;
  position: fixed;
  right: 6.145%;
  bottom: .5rem;
  cursor: pointer;
  display: none;
}
  .go_top > div {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    line-height: 1;
    color: #1f1f1f; }
  .go_top .go_top_text {
    margin-right: .2rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
  }
.go_top:hover .go_top_text{
  opacity: 1;
  pointer-events: all;
}
  .go_top .go_top_icon {
    width: .55rem;
    height: .55rem;
    text-align: center;
    line-height: .55rem;
    background-color: #f2f2f2;
    font-size: .24rem; }

.show_body {
  background-color: #000000; }
  .show_body .bloc .wrapper .row {
    opacity: 1; }

.btn_nav {
  display: none; }

.up_nav .nav {
  height: 98px;
  top: 25px;
  transform: translateY(0);
  transition: height .5s ease; }
  .up_nav .nav.down_nav {
    height: calc(100vh - 50px); }
    .up_nav .nav.down_nav .nav_con {
      padding-top: 25vh; }
    .up_nav .nav.down_nav .logo_box {
      border-color: rgba(255, 255, 255, 0.1); }

.up_nav .nav_con {
  padding-top: 0;
  transition: padding-top .5s ease; }

.up_nav .logo_box {
  border-color: transparent; }

.up_nav .btn_nav {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 1.5;
  font-size: .28rem;
  cursor: pointer;
  text-align: center;
  color: #5a5a5a;
  background-color: #121212; }

.sho_tab_box {
  height: 12vh;
  width: 72.5%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3vh;
  z-index: 1; }
  .sho_tab_box .swiper-container {
    height: 100%; }
  .sho_tab_box .swiper-wrapper {
    height: 100%; }
  .sho_tab_box .swiper-slide {
    height: 100%; }
  .sho_tab_box .banner_img_box {
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer; }
    .sho_tab_box .banner_img_box > div {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 33.33%;
      width: 100%;
      transition: all .5s ease;
      overflow: hidden; }
      .sho_tab_box .banner_img_box > div > div {
        height: 12vh;
        margin-top: -4vh;
        transition: all .5s ease; }
    .sho_tab_box .banner_img_box:hover > div {
      height: 100%; }
      .sho_tab_box .banner_img_box:hover > div > div {
        margin-top: 0; }
  .sho_tab_box .swiper-slide-thumb-active .banner_img_box {
    cursor: auto; }
    .sho_tab_box .swiper-slide-thumb-active .banner_img_box > div {
      height: 100%; }
      .sho_tab_box .swiper-slide-thumb-active .banner_img_box > div > div {
        margin-top: 0; }

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

.show_body .ind_banner_box .swiper-button-prev {
  left: 4.375%; }

.show_body .ind_banner_box .swiper-button-next {
  right: 4.375%; }

.show_body .ind_banner_box .swiper-button-prev,
.show_body .ind_banner_box .swiper-button-next {
  top: auto;
  bottom: 9vh;
  transform: translateY(50%); }

.show_series_box {
  position: absolute;
  padding-left: 13.75%;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-40%);
  z-index: 5; }
  .show_series_box > a {
    display: block;
    font-size: .2rem;
    line-height: 2;
    position: absolute;
    left: 24%; }
    .show_series_box > a i {
      color: #fff; }
  .show_series_box .show_prev {
    bottom: 110%; }
  .show_series_box .show_next {
    top: 110%; }

.btn_forbidden {
  color: rgba(255, 255, 255, 0.4) !important;
  pointer-events: none !important;
  cursor: auto !important;
  opacity: .4; }

.show_ser_name {
  color: #fff;
  font-weight: 700;
  line-height: 1.2857;
  font-size: .56rem;
  text-shadow: 0 0 1px transparent,0 0 5px rgba(0,0,0,.8);
}

.show_ser_num_box {
  position: absolute;
  right: 13.75%;
  bottom: 50%;
  color: rgba(255, 255, 255, 0.2);
  font-family: Conv_Gotham-Black;
  font-size: .16rem;
  transform: translateY(50%);
}
  .show_ser_num_box .on {
    color: #fff; }

.ban_pag_sty {
  display: inline-block;
  vertical-align: middle;
  height: 2px;
  width: .7rem;
  margin: 0 .08rem;
  background-color: #fff; }

.sto_body .bloc .wrapper .row {
  opacity: 1;
  background-color: #121212;
  padding: .9rem 0 0 2.65rem; }

.sto_title {
  font-weight: 700;
  font-size: .48rem;
  line-height: 1;
  display: block;
  margin-right: .4rem;
  border-bottom: 2px solid #292929;
  position: relative;
  padding-bottom: .38rem;
  color: #fff;
  margin-left: 7%; }

.sto_show_box {
  position: relative;
  cursor: pointer;
}

.sto_show_img_box {
  position: relative;
  opacity: .15;
  transition: opacity .5s ease;
  pointer-events: none;
  height: 50vh;
  overflow: hidden;
}
  .sto_show_img_box img {
    min-width: 100%;
    min-height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .sto_show_img_box .btn_big {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #dd0211;
    font-size: .2rem;
    line-height: .4rem;
    text-align: center;
    width: .4rem;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    color: #fff; }

.sto_num {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
  font-family: 'Conv_Gotham-Light';
  line-height: 2;
  transition: all .5s ease;
  display: none;
}
  .sto_num::after {
    content: '';
    display: block;
    width: 1em;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.5em; }

.sto_add {
  font-size: .17rem;
  font-weight: 700;
  color: #fff;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 40%;
  transform: translateY(50%);
  transition: all .5s ease;
  display: none;
}

.sto_banner_box .ind_bottom_box .swiper-pagination {
  color: rgba(255, 255, 255, 0.2);
  font-size: .16rem;
  font-family: Conv_Gotham-Black; }
  .sto_banner_box .ind_bottom_box .swiper-pagination .on {
    color: #fff; }

.sto_banner_box .swiper-container {
  padding-top: 8.5vh;
  padding-bottom: 14.8vh; }
.sto_banner_box .sto_show_box{
  transform: scale(0.8);
}
.sto_banner_box .active .sto_show_box {
  /*transform: translateY(-0.45rem);*/
  transform:scale(1.1);
  cursor: auto;
}
.sto_banner_box .active .sto_show_img_box {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
  .sto_banner_box .active .sto_show_img_box .btn_big {
    opacity: 1;
    pointer-events: auto; }

.sto_banner_box .active .sto_num {
  font-size: 3.6rem;
  line-height: 1;
  top: 106%;
  pointer-events: none;
}
  .sto_banner_box .active .sto_num::after {
    opacity: 0; }

.sto_banner_box .active .sto_add {
  bottom: 110%; }
.sto_banner_box .swiper-slide:hover .sto_show_img_box{
  opacity: 1;
}
.btn_close {
  position: absolute;
  top: calc(100% + .3rem);
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  text-align: center;
  cursor: pointer; }
  .btn_close > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    color: #fff;
    line-height: 1; }
    .btn_close > span:first-child {
      font-weight: lighter; }
    .btn_close > span:last-child {
      font-family: 'Conv_Gotham-Black'; }
  .btn_close .clo_z {
    margin: 0 .25rem;
    height: .5rem;
    width: .5rem;
    text-align: center;
    line-height: .5rem;
    color: #333333;
    background-color: #fff; }

.sha_box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50; }

.sha_sto_con {
  display: none;
  position: fixed;
  width: 65%;
  left: calc(50% + 1.125rem);
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 51;
}

.sto_add_title {
  line-height: 3;
  font-size: .17rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  display: none;
}
.sto_body .ind_bottom_box{
  padding-left: 2.65rem;
}
.sto_big_img{
  text-align: center;
  font-size: 0;
  height: 70vh;
}
.sto_big_img img {
  display:inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.lar_body .bloc .wrapper .row {
  opacity: 1;
  background-color: #121212;
  padding-left: 2.65rem; }

.lar_body .sto_title {
  width: 0.74rem;
  position: absolute;
  top: 0.9rem;
  left: 2.65rem;
  z-index: 11; }
  .lar_body .sto_title::after {
    width: .2rem;
    height: calc(100% + 2.5em);
    bottom: auto;
    top: -.5em;
    left: auto;
    right: -.12rem; }

.lar_show_box {
  font-size: 0;
  text-align: left;
  height: 100%;
  opacity: 0.25;
  transition: all .5s ease;
  transform: scale(0.8); }
  .lar_show_box > div, .lar_show_box > a {
    display: inline-block;
    vertical-align: middle; }
  .lar_show_box .lar_hint_box {
    width: 31.847%;
    text-align: right;
    color: #fff; }
  .lar_show_box .sto_show_vid_box {
    width: 46.1%;
    margin-left: 9.5%;
    height: 100%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
  }
    .lar_show_box .sto_show_vid_box > video {
      cursor: pointer;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: all .5s ease; }
    .lar_show_box .sto_show_vid_box .btn_play {
      webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      background-color: #dd0211;
      color: #fff;
      line-height: .4rem;
      width: .4rem;
      margin-right: .2rem;
      font-size: .16rem;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: all .5s ease;
      text-align: center; }
      .lar_show_box .sto_show_vid_box .btn_play i {
        margin-left: .03rem; }
    .lar_show_box .sto_show_vid_box:hover .btn_play {
      transform: translate(-50%, -50%) scale(1.8);
    }

.lar_banner_box {
  padding: 29.4vh 0;
  height: 100%; }
  .lar_banner_box .swiper-container {
    height: 100%;
    overflow: initial; }
  .lar_banner_box .swiper-slide {
    cursor: pointer; }
    .lar_banner_box .swiper-slide:hover .lar_show_box{
      opacity: 1; }
  .lar_banner_box .active {
    cursor: auto; }
    .lar_banner_box .active .lar_show_box {
      opacity: 1;
      transform: scale(1); }
    .lar_banner_box .active .sto_show_vid_box {
      pointer-events: all;
      cursor: pointer;
    }

.lar_v_num {
  font-size: .6rem;
  font-family: 'Conv_Gotham-Black';
  line-height: 1; }

.lar_v_hint {
  font-size: .22rem;
  line-height: 1.5;
  font-weight: 700; }

.lar_v_cc {
  font-size: .17rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2); }

.dyn_body .bloc .wrapper .row {
  opacity: 1; }

.fin_con_lable {
  font-size: .16rem;
  font-weight: 700;
  color: #949699; }

.fin_info_text {
  font-size: .22rem;
  font-family: 'Conv_Gotham-Black'; }

.con_body .ins_body_con > div {
  position: relative;
  padding-top: 1rem; }

.con_body .ins_body_con {
  width: 100%; }

.con_body .btn_operate {
  width: 37%; }
  .con_body .btn_operate > div {
    max-width: 3.3rem; }

.con_bg {
  font-size: 1.4rem;
  line-height: 1;
  position: absolute;
  z-index: -1;
  color: #f6f6f6;
  right: 0;
  top: 7vh;
  text-transform: uppercase;
  font-family: 'Conv_Gotham-Black'; }

.con_bg_img {
  position: fixed;
  bottom: 0;
  right: 16.5%;
  width: 20%; }
  .con_bg_img img {
    display: block;
    width: 100%; }

.join_con_box .join_tab_box {
  font-size: 0;
  padding: 11vh 0; }
  .join_con_box .join_tab_box > a {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #d3d3d3;
    font-weight: 700;
    color: #929292;
    font-size: .2rem;
    line-height: 3;
    text-align: center;
    width: 28%;
    margin-right: 8%;
    transition: all .5s ease;
    cursor: pointer;
    position: relative;
    top: 0; }
    .join_con_box .join_tab_box > a:hover, .join_con_box .join_tab_box > a.on {
      border-color: transparent;
      background-color: #222222;
      color: #fff;
      top: -.1rem;
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.35); }
    .join_con_box .join_tab_box > a.on {
      cursor: auto; }
    .join_con_box .join_tab_box > a:last-child {
      margin-right: 0; }

.join_banner_box {
  position: relative;
  overflow: hidden; }
  .join_banner_box > img {
    width: 100%;
    display: block;
    transition: all 2s ease;
    transform: scale(1.2); }
  .join_banner_box.go > img {
    transform: scale(1); }
  .join_banner_box > div {
    position: absolute;
    padding: 0 4.7%;
    width: 100%;
    left: 0;
    bottom: 18%;
    font-size: 0; }
    .join_banner_box > div > div {
      display: inline-block;
      vertical-align: middle; }

.join_title_cn {
  color: #fff;
  font-size: .3rem;
  font-weight: 700;
  width: 190px;
  line-height: 1.6; }

.join_line {
  width: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: width .5s ease; }
  .join_line.go {
    width: calc(100% - 191px); }

.join_title_en {
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.4);
  font-size: .2rem;
  font-family: 'Conv_Gotham-Black';
  width: 100%; }

.join_id_box {
  padding-top: 11.29vh;
  font-size: 0;
  text-align: center; }
  .join_id_box > div {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden; }
    .join_id_box > div:hover .die_num {
      opacity: 1; }

.ide_img_box {
  font-size: 0; }
  .ide_img_box img {
    display: inline-block;
    max-width: 100%; }

.ide_text {
  font-size: .18rem;
  font-weight: 700;
  color: #121212;
  line-height: 1.5;
  padding-top: 4.68vh;
  padding-bottom: 9.36vh; }

.die_num {
  font-size: 1.2rem;
  line-height: 1;
  color: #f2f2f2;
  font-family: 'Conv_Gotham-Black';
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  transform: translateY(45%);
  opacity: 0;
  transition: opacity .5s ease; }

.join_body .fin_describe {
  max-width: 742px; }

.join_con_case > div {
  display: none; }
  .join_con_case > div:first-child {
    display: block; }

.join_condition > div:nth-child(odd) {
  background-color: #f6f6f6; }

.join_condition > div:nth-child(even) {
  background-color: #fff; }

.join_condition > div.on, .join_condition > div:hover {
  background-color: #fff;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .join_condition > div.on .join_condition_n > div span, .join_condition > div:hover .join_condition_n > div span {
    color: #222222; }

.join_condition > div:hover {
  z-index: 2; }

.join_condition > div.on {
  z-index: 1; }
  .join_condition > div.on .join_btn::after {
    opacity: 1; }
  .join_condition > div.on .join_btn .join_icon span {
    opacity: 1; }
  .join_condition > div.on .join_btn .join_icon i {
    transform: rotate(90deg); }
  .join_condition > div.on .join_con_texx_box {
    padding-top: .7rem;
    padding-bottom: .9rem;
    max-height: 99999px;
    transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
    transition-delay: 0s; }

.join_btn {
  padding: 40px 13%  30px 4%;
  position: relative;
  cursor: pointer;
}
  .join_btn::after {
    content: '';
    display: block;
    width: calc(92% - 60px);
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #d3d3d3;
    position: absolute;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s ease; }
  .join_btn .join_icon {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    padding-right: 12px; }
    .join_btn .join_icon span {
      font-size: .14rem;
      margin-right: 20px;
      color: #222222;
      transition: all .5s ease;
      opacity: 0; }
    .join_btn .join_icon i {
      color: #434343;
      font-size: .12rem;
      position: absolute;
      right: 0;
      transition: all .5s ease; }
  .join_btn > div {
    padding-left: 30px; }
  .join_btn .join_name {
    line-height: 1;
    position: relative;
    font-size: .18rem;
    font-weight: 700;
    color: #434343; }
    .join_btn .join_name::after {
      display: block;
      content: '';
      left: 0;
      top: 0;
      height: 18px;
      width: 4px;
      background-color: #222222;
      position: absolute; }

.join_condition_n {
  margin-top: .3rem;
  font-size: 0; }
  .join_condition_n > div {
    display: inline-block;
    vertical-align: middle;
    color: #3a3a3e;
    line-height: 1.857;
    font-size: .14rem;
    width: 255px; }
    .join_condition_n > div span {
      color: #919199;
      transition: opacity .5s ease; }

.join_con_texx_box {
  max-height: 0;
  overflow: hidden;
  padding-left: calc(4% + 30px);
  padding-right: calc(4% + 30px);
  font-size: .14rem;
  line-height: 1.857;
  color: #919191;
  transition: all .5s ease; }
  .join_con_texx_box > p {
    margin-bottom: 0;
    max-width: 900px;
    padding: .35rem 0 .55rem 0; }
  .join_con_texx_box > div {
    color: #222222;
    font-weight: 700; }

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

.pro_con {
  padding-left: 2.88rem; }

.pro_list_box {
  padding-left: 4.338%;
  padding-right: calc(4.338% + .4rem);
  padding-top: 1.8rem;
  padding-bottom: 1rem;
}
  .pro_list_box > a {
    display: block;
    float: left;
    margin: 5% 2.5% 0 2.5%;
    width: 21.25%;
    position: relative;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
    transition: all .5s ease; }
    .pro_list_box > a > img {
      width: 100%;
      display: block;
      transition: all .5s ease;
    }
    .pro_hover{
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
    }
.pro_list_box > a:hover .pro_hover{
  opacity: 1;
}

    .pro_list_box > a:hover {
      transform: translateY(-10px); }
    .pro_list_box > a:nth-child(4n) {
      margin-right: 0; }
    .pro_list_box > a:nth-child(4n +1) {
      margin-left: 0;
      clear: left;
      float: left; }

.pro_mess {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 35%);
  background-color: #fff;
  padding: 10px 20px;
  width: calc(100% - 28px);
  line-height: 1.5;
  transition: all .5s ease;
}

.pro_name {
  font-size: .13rem;
  color: #000000; }

.pro_name_en {
  font-size: .12rem;
  color: #787878;
  font-family: 'Conv_Gotham-Light'; }

.pro_con > div {
  display: none; }
  .pro_con > div:first-child {
    display: block; }

.pro_tab_box {
  background-color: rgba(255, 255, 255, 0.96);
  padding-left: calc( 2.88rem + 3.5%);
  position: fixed;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0; }

.sea_nav_box {
  padding: .6rem 0 .2rem 0;
  transition: all .5s ease;
}
.sea_nav_box.on{
  padding: 0;
}
  .sea_nav_box a {
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    min-width: 3.1rem;
    line-height: 1rem;
    font-size: .24rem;
    font-family: 'Conv_Gotham-Light';
    transition: all .5s ease;
    margin-right: .4rem;
    padding-left: 1em;
    padding-right: 1em;
    cursor: pointer; }
    .sea_nav_box a.on {
      font-family: 'Conv_Gotham-Black';
      border-bottom: 3px solid #000;
      color: #000000;
      padding-right: 2em;
      padding-left: 0;
      text-align: left;
      cursor: auto; }

.sea_nav_box .swiper-slide {
  width: auto; }

.pro_det {
  padding: .65rem .4rem .25rem 2.88rem;
  min-height: 100vh; }
  .pro_det > div {
    padding: 0 5.06% 0 4.338%; }

.pro_det_lb {
  float: left;
  width: 38%;
  position: relative;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2); }
  .pro_det_lb .pro_img_box {
    width: 100%; }
    .pro_det_lb .pro_img_box > img {
      display: block;
      width: 100%; }
  .pro_det_lb .swiper-pagination {
    background-color: #ffffff;
    width: calc(100% - 50px);
    bottom: 0;
    left: 25px;
    transform: translateY(30%);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
    line-height: 4.5; }
    .pro_det_lb .swiper-pagination span {
      font-size: .24rem;
      font-family: 'Conv_Gotham-Light';
      color: #000;
      width: auto;
      height: auto;
      background-color: transparent;
      min-width: 20%;
      text-align: center;
      transition: all .5s ease;
    }
      .pro_det_lb .swiper-pagination span.swiper-pagination-bullet-active {
        font-family: 'Conv_Gotham-Black'; }

.pro_det_xq {
  width: 50%;
  float: left;
  margin-left: 8.6%;
  padding-top: 10vh; }
  .pro_det_xq > div {
    line-height: 3.57;
    color: #000;
    font-family: 'Conv_Gotham-Light';
    font-size: 0; }
    .pro_det_xq > div > span {
      display: inline-block;
      vertical-align: middle;
      font-size: .14rem;
      width: calc(100% - 155px);
      padding-right: 1px; }
      .pro_det_xq > div > span > div {
        float: left;
        margin-right: .3rem; }
      .pro_det_xq > div > span.pro_cf {
        font-size: .15rem; }
        .pro_det_xq > div > span.pro_cf span {
          font-size: .2rem;
          font-weight: lighter; }
      .pro_det_xq > div > span.pro_sz span {
        display: inline-block;
        vertical-align: middle;
        height: 12px;
        width: .5rem;
        margin-right: .2rem; }
    .pro_det_xq > div .pro_name_z {
      font-size: .62rem;
      margin-bottom: .3rem;
      font-weight: lighter;
      line-height: 1.8; }
    .pro_det_xq > div .pro_name_box {
      font-family: 'Conv_Gotham-Black';
      width: 155px;
      min-height: 14px; }

.btn_back {
  background-color: #f2f2f2;
  margin-top: 1rem;
  padding: .4rem .8rem .4rem .7rem;
  font-size: .18rem;
  font-weight: 700;
  color: #3e3e3e;
  display: block;
  transition: all .5s ease;
}

.btn_back:hover{
  background-color: #121212;
  color: #fff;

}
.pro_det_lb .swiper-pagination span:hover{
  font-family: 'Conv_Gotham-Black';
}

  .btn_back i {
    float: left; }
  .btn_back div {
    float: right; }

.content {
  width: 100%; }

.grid {
  margin: 0 auto; }

.item1 {
  width: 33.33%;
  padding: .5rem 11.11% 0 0;
  transition: all .5s ease; }
  .item1  a {
    display: block; }
    .item1  a  img {
      width: 100%;
      display: block;
    }

.opt_0 {
  opacity: 0;
  transform: translateY(30%); }

.pre_title {
  font-weight: 700;
  font-size: .16rem;
  margin-top: .3rem;
  line-height: 1.5;
  color: #1f1f1f;
  transition: all .5s ease;
}

.pre_time {
  line-height: 2;
  font-size: .13rem;
  padding-bottom: .3rem;
  color: #a6a6a6; }

.pre_btn {
  font-size: 0; }
  .pre_btn > a {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    font-size: .12rem;
    font-weight: 700;
    margin-right: .3rem;
    cursor: pointer;
  }
    .pre_btn > a i {
      font-size: .2rem;
      margin-right: .1rem;
      font-weight: 400;
    }
.com_pci:hover .pre_title{
  color: #1983fc;
}
.abo_src1 {
  padding: 1.4rem 0 1.2rem 0;
  border-bottom: 1px solid #e9e9e9; }
  .abo_src1 > div {
    width: 50%;
    float: left; }
  .abo_src1 .abo_title_con > span {
    margin-left: 0;
    display: block; }

.abo_src1_text {
  padding-right: 30px; }

.abo_src1_img {
  padding-left: 30px; }
  .abo_src1_img > img {
    display: block;
    width: 100%; }

.abo_title {
  position: relative; }
  .abo_title .abo_num {
    font-size: .9rem;
    color: #f6f6f6;
    line-height: 1;
    position: absolute;
    z-index: -1;
    left: .8rem;
    top: -.25rem;
    font-family: 'Conv_Gotham-Black'; }
  .abo_title .abo_title_con {
    color: #1f1f1f;
    font-weight: 700;
    font-size: .3rem;
    line-height: 1.5; }
    .abo_title .abo_title_con > span {
      font-weight: 400;
      color: #999999;
      font-size: .16rem;
      margin-left: .15rem; }

.abo_src1_info {
  font-weight: 700;
  font-size: .16rem;
  line-height: 1.857;
  color: #1f1f1f;
  margin-top: .6rem; }

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

.abo_src2_fl > div {
  width: 43.6%;
  float: left;
  position: relative; }
  .abo_src2_fl > div img {
    display: block; }
  .abo_src2_fl > div .abo_bg {
    width: 100%;
    position: absolute;
    z-index: -1; }
  .abo_src2_fl > div .abo_bt {
    width: 47.7%;
    margin-left: 35%; }
  .abo_src2_fl > div .abo_zt {
    width: 26%;
    position: absolute;
    left: 0; }

.abo_pro_zpp {
  margin-right: 6.4%;
  padding-top: 11.15%; }
  .abo_pro_zpp .abo_bg {
    top: 0;
    left: 0; }
  .abo_pro_zpp .abo_zt {
    top: 50%; }

.abo_pro_qsw {
  margin-left: 6.4%;
  padding-bottom: 11.15%;
  margin-top: -.4rem; }
  .abo_pro_qsw .abo_zt {
    top: 30%; }
  .abo_pro_qsw .abo_bg {
    bottom: 0;
    right: 0; }

.abo_src2_con_box {
  margin-top: .85rem;
  margin-bottom: 1rem; }
  .abo_src2_con_box p {
    margin-bottom: 0;
    font-size: .16rem;
    line-height: 1.857;
    color: #1f1f1f;
    text-align: left; }

.abo_src3_fl {
  background-color: #f7f7f7;
  margin-top: .55rem; }
  .abo_src3_fl > div {
    width: 50%;
    float: left; }

.abo_src3_banner .abo_src2_img {
  width: 100%;
  position: relative; }
  .abo_src3_banner .abo_src2_img > img {
    display: block;
    width: 100%; }
  .abo_src3_banner .abo_src2_img > div {
    color: #fff;
    font-weight: 700;
    position: absolute;
    font-size: .18rem;
    width: 100%;
    padding: 0 .3rem;
    left: 0;
    bottom: .2rem;
    text-align: right; }

.abo_src3_banner .swiper-pagination {
  text-align: left;
  padding-left: .35rem; }
  .abo_src3_banner .swiper-pagination span {
    height: 3px;
    width: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    transition: all .5s ease; }
  .abo_src3_banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px; }

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

.abo_btn_ry {
  position: absolute;
  width: 400px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); }
  .abo_btn_ry > a {
    text-align: center;
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    line-height: 45px;
    font-size: .14rem;
    background-color: #1f1f1f; }
    .abo_btn_ry > a:first-child {
      font-size: .16rem;
      font-weight: 700;
      background-color: #dc0011; }
    .abo_btn_ry > a i {
      margin-left: .3rem;
      color: rgba(255, 255, 255, 0.4);
      transition: all .5s ease;
    }
.abo_v_btn:hover i{
  color: rgba(255,255,255,1);
  margin-left: .2rem;

}
.abo_src3_data {
  padding-top: 9vh; }
  .abo_src3_data > div {
    margin-right: 8%;
    width: 46%;
    background-color: #f7f7f7;
    padding: .3rem;
    line-height: 1.857;
    color: #1f1f1f;
    font-weight: 700;
    font-size: .14rem;
    min-height: 1.2rem;
    float: left;
    margin-top: 10vh;
  }
    .abo_src3_data > div:nth-child(2n) {
      margin-right: 0;
    }
.abo_src3_data > div:nth-child(2n +1){
  clear: left;
  float: left;
}
.abo_src3_ry {
  margin-top: .15rem; }

.abo_src3_year {
  font-size: .2rem;
  font-weight: 700;
  line-height: 1;
  margin-top: -100px; }
  .abo_src3_year .timer {
    font-size: .9rem;
    font-family: 'Conv_Gotham-Black';
    margin: 0 .3rem; }

.abo_src3_text_box {
  width: 100%;
  margin-top: 1rem;
  position: relative;
  padding-left: 34.4%;
  line-height: 1.857;
  font-size: .16rem;
  color: #1f1f1f; }
  .abo_src3_text_box::before {
    content: '';
    width: 27.6%;
    height: 1px;
    background-color: #1f1f1f;
    position: absolute;
    left: 0;
    top: 50%; }
  .abo_src3_text_box > p {
    margin-bottom: 0; }

.abo_src4 {
  padding-top: 12.03vh;
  padding-bottom: 13.888vh; }
  .abo_src4 > div {
    width: 50%;
    float: left; }

.abo_src5 {
  background: url("../image/abo_011.png") no-repeat center;
  background-size: cover;
  padding: .7rem 5.6% .5rem 5.6%;
  color: #fff;
  text-align: center; }

.abo_title_con {
  line-height: 2;
  font-size: .3rem;
  font-weight: 700;
  margin-bottom: .2rem; }

.abo_src5_info {
  font-size: .16rem;
  line-height: 1.857;
  max-width: 768px;
  margin: 0 auto; }

.abo_src5_icon_box {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: .5rem;
  margin-top: .7rem; }
  .abo_src5_icon_box > div {
    float: left;
    width: 16.666%;
    margin-bottom: .2rem; }
    .abo_src5_icon_box > div i {
      font-size: .5rem; }
    .abo_src5_icon_box > div > div {
      font-size: .18rem;
      font-weight: 700;
      margin-top: .3rem; }

.abo_src6 {
  padding-top: 1.1rem; }

.abo_src6_sty_box {
  height: .8rem;
  position: relative;
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #f6f6f6;
  line-height: 1;
  font-family: 'Conv_Gotham-Black';
  text-align: right; }
  .abo_src6_sty_box:after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e9e9e9;
    position: absolute;
    left: 0;
    bottom: 0; }
  .abo_src6_sty_box > img {
    position: absolute;
    width: 17.76%;
    right: .5em;
    top: -65%;
    z-index: 2; }

.abo_src6_con {
  width: 50%;
  float: left;
  padding-right: 4%;
  margin-top: 1.3rem; }

.abo_src6_name {
  font-size: .2rem;
  line-height: 2.8;
  color: #999999; }

.abo_src6_num {
  color: #1f1f1f;
  font-size: .4rem;
  line-height: 1.5;
  font-family: 'Conv_Gotham-Black'; }
  .abo_src6_num span {
    font-size: .3rem; }

.abo_src6_info {
  width: 50%;
  float: left;
  line-height: 2;
  font-size: .16rem;
  color: #1f1f1f;
  padding: 2rem 0;
  padding-left: 4%; }

.header_m {
  display: none; }

.load_wat {
  position: relative;
  width: 100%; }

.disable-hover {
  pointer-events: none;
}
.new_sha{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.2);
}
.logo_img_m{
  display: none;
}
.ind_btn_more_m{
  display: none;
}
.ind_bottom_box_src2_m{
  display: none;
}
.show_this{
  border: 2px solid #ffffff;
  color: #fffefe;
  position: relative;
  transition: all .5s ease;
  line-height: 50px;
  cursor: pointer;
  padding-left:.28rem;
}
.show_this span{
  font-weight: bold;
  font-size: .17rem;
}
.show_this i{
  position: absolute;
  right: .15rem;
  font-size: .12rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s ease;
}
.show_this.on{
  background-color: #ffffff;
  color: #000;
}
.show_this.on{
  background-color: #f5f5f5;
  color: rgba(0,0,0,.3);
  border-color: transparent;
}
.show_this.on i{
  transform: translateY(-50%) rotate(180deg);
  color: #000;
}
.show_list_sel_box{
  position: relative;
  width: 200px;
  margin-top: .15rem;
}
.show_sel_box{
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50px;
  background-color: #fff;
  padding: .2rem .2rem  .3rem .3rem;
}
.show_sel_box > div{
  max-height: 210px;
  overflow-y: auto;
}
.show_sel_box  a{
  display: block;
  font-size: 12px;
  line-height: 1.5;
  padding: 6px 0;
  color: #999999;
  transition: color .5s ease;
}
.show_sel_box  a:hover,.show_sel_box  a.on{
  color: #000;
}
.show_sel_box  a.on{
  font-weight: 700;
}
/*新品牌简介*/
.nbar_body{
  height: 100%;
}
.nbar_src1{
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
}
.nbar_body .int_video_box{
  position: absolute;
  left: 0;
  width: 100%;
  height: 25vh;
  bottom: 0;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.nbar_vid_tex_box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 71.25%;
  color: #fff;
}
.nbar_vid_tex_box > div{
  /*border-bottom: 3px solid #fff;*/
  width: 46.8%;
  line-height: .8rem;
}
.nbar_vid_left{
  float: left;
  font-size: .14rem;
  font-weight: 700;
}
.nbar_vid_left span{
  font-size: .16rem;
  font-family: 'Conv_Gotham-Light';
}
.nbar_vid_left i{
  float: right;
  font-size: .16rem;
}
.nbar_vid_right{
  float: right;
  font-weight: 700;
  font-size: .17rem;
}
.nbar_vid_right span{
  font-weight: 400;
  float: right;
  font-size: 12px;
  color: rgba(255,255,255,.5);
}
.nbar_body .swiper-container,.nbar_body .swiper-slide{
  height: 100%;
}
.nbar_src1_con_box{
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  top: 45%;
  width: calc(100% - 280px);
  left: 280px;
  padding-right: 220px;
}
.nbar_src1_con_box::before{
  content: '';
  position: absolute;
  right: 100%;
  width: 280px;
  top: 0;
  height: 1px;
  background-color: #e6e6e6;
}
.nbar_body .swiper-slide:first-child .nbar_src1_con_box::before{
  display: none;
}
.nbar_src1_left,.nbar_src1_right{
  position: relative;
}
.nbar_src1_left{
  width: 52%;
  float: left;
}
.nbar_src1_right{
  width: 45.8%;
  float: right;
}
.nbar_num_box{
  background-color: #fff;
  padding: .2rem;
  position: absolute;
  top: 0;
  left: -.2rem;
  transform: translateY(-50%);
}
.nbar_num_box > div{
  font-size: .24rem;
  width: .42rem;
  height: .42rem;
  line-height: .42rem;
  text-align: center;
  box-shadow: 0 0 40px -5px rgba(0,0,0,.22);
  font-family: '宋体';
}
.nbar_title{
  font-weight: 700;
  line-height: 1;
  bottom: .9rem;
  position: absolute;
  left: 0;
}
.nbar_title > div{
  font-size: 0;
  height: .42rem;
  overflow: hidden;
  min-height: 12px;
}
.nbar_title  font{
  display: inline-block;
  font-size: .42rem;

}
.nbar_src1_text{
  font-family: '宋体';
  position: absolute;
  top: .42rem;
  left: 0;
  line-height: 2.66;
  font-size: 12px;
  color: #8c8c8c;
}
.nbar_body .ind_bottom_box{
  color: #1f1f1f;
  text-align: left;
  padding-left: 0;
  bottom: .95rem;
}
.nbar_body .ind_bottom_box .ind_hint_icon{
  border-color: #1f1f1f;
}
.nbar_body .ind_bottom_box .ind_hint_icon > div{
  background-color: #1f1f1f;
}
.nbar_src1_right .nbar_src1_text{
  text-align: justify;
  padding-right: 9%;
}
.nbar_src1_left .nbar_src1_text{
  text-align: justify;
  padding-right: 4%;
}
 .nbra_tab_box{
   padding: .2rem;
   position: absolute;
   right: .48rem;
   background-color: #fff;
   top: 45%;
   transform: translateY(-50%);
   z-index: 1;
}
.nbra_tab_box .swiper-pagination{
  width: auto;
  line-height: 0.8;
  position: relative;
  font-size: 0;
  color: #272727;
  overflow: hidden;
  bottom: 5px;
  font-family: 'Conv_Gotham-Black';

}
.nbra_tab_box .swiper-pagination span{
  font-size: .2rem;
  vertical-align: top;

}
.nbra_tab_box .swiper-pagination span:nth-child(2){
  margin: 0 .15rem;
}
.nbra_tab_box .swiper-pagination .on{
  font-size: .7rem;
  margin-left: -.37em;
}
.nbar_title > div{
  margin-bottom: .2rem;
}
.nbar_title > div:last-child{
  margin-bottom: 0;
}
.nbar_src2 .nbar_src1_text{
  width: 62.8%;
  position: absolute;
  top: auto;
  left: auto;
  bottom: .72rem;
  right: 220px;
}
.nbra_pro_img{
  font-size: 0;
  position: relative;
  left: 0;
  top: .5rem;
  margin: 0 -.45rem 0 -.7rem;

}
.nbra_img_box{
  display: inline-block;
  vertical-align: middle;
  width: calc((100% - .9rem) / 4);
  margin: 0 .15rem;
  position: relative;
}
.nbra_pro_img> .nbra_img_box:first-child{
  margin-left: 0;
}
.nbra_pro_img> .nbra_img_box:last-child{
  margin-right: 0;
}
.nbar_body .swiper-slide{
  background-color: #fff;
}
.nbar_body .active{
  pointer-events: auto;
}
.nbra_img{
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
}
.nbra_img_y{
  position: absolute;
  display: block;
  width: calc(100% + .3rem);
  top: 27.1%;
  left: 11%;
  max-width: none;
}
.nbar_src3{
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}
.nbar_src3 .nbar_title{
  text-align: center;
  width: 100%;
  margin-left: -1.4rem;
  bottom: 1.75rem;
}
.nbar_src3 .nbar_src1_text{
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  margin-top: .5rem;
}
.nbar_src3_info{
  position: relative;
}
.nbar_src3_left,.nbar_src3_right{
  width: 24.5%;
  margin-top: .77rem;
}
.nbar_src3_left img,.nbar_src3_right img{
  width: 100%;
  display: block;
}
.nbar_src3_left> div,.nbar_src3_right > div{
  font-size: .17rem;
  line-height: 1;
  margin-top: .24rem;
  font-weight: 700;
}
.nbar_src3_left> div i,.nbar_src3_right > div i{
  float: right;
}
.nbar_src3_left{
  float: left;
}
.nbar_src3_right{
  float: right;
}
.nbar_src3_bl{
  width: 51%;
  padding: 0 4.4% 0 8.8%;
  margin-top: -8%;
  float: left;
}
.nbar_src3_bl img{
  display: block;
  width: 100%;
}
.font-fadeIn{
  position: relative;
  z-index: 1;
}
.nbar_tit_bg{
  font-size: 1.7rem;
  font-weight: 700;
  color: rgba(0,0,0,.07);
}
.nbar_src4_info > img{
  width: 11.4%;
  display: block;
  float: left;
  margin-left: 4%;
  box-shadow: 30px 30px 66px 5px rgba(0,0,0,.1);
}
.nbar_src4_info > img:nth-child(odd){
  margin-top: 4.6%;
}
.nbar_src4_info > img:nth-child(even){
  margin-top: -5%;
}
.nbar_src4 .nbar_title{
  bottom: 1.1rem;
}
.nbar_src4 .font-fadeIn{
  margin-top: -.3rem;
}
.nbar_src5_info {
  font-size: 0;
  padding-left: .62rem;
}
.nbar_src5_info > a{
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 3.2%;
  width: 16%;
}
.nbra_time{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: calc( 100% - 2px);
  border-bottom: 3px solid #000000;
  padding-bottom: .3rem;
  line-height: 0.8;
  font-size: .2rem;
  color: #000000;
  font-family: 'Conv_Gotham-Black';
}
.nbar_src5_info > a img{
  width: 100%;
  display: block;
  margin-top: 16%;
  margin-bottom: 28.8%;
  box-shadow: 30px 30px 80px 5px rgba(0,0,0,.1);
}
.nbar_src5_text{
  font-size: 12px;
  color: #8c8c8c;
  line-height: 2;
  text-align: justify;
}
.nbar_title .nbar_tit_l{
  font-size: .4rem;
  color:#595959;
  font-weight: lighter;
}
.nbar_src5 .nbar_src1_text{
  width: 43%;
  left: auto;
  top: auto;
  bottom: 1.2rem;
  right: calc(220px + 10.56%);
  text-align: right;
}
.nbar_src6{
  height: 100%;
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.nbar_src6 .nbar_src1_text{
  width: 38.5%;
  right: calc(220px + 4%);
}
.nbar_text_mo .nbar_src1_text{
  position: relative;
  top: 0;
  left: 0;
  margin-top: .7rem;
  width: 100% !important;
  text-align: center;
}

.nbar_src6_info{
  padding-right: 1.2rem;
}
.nbar_src6_info img{
  margin: 0 auto;
  width: 46%;
  margin-top: -8%;
  display: block;
}

.ind_banner_box .swiper-container .swiper-slide.active{
  pointer-events: all;
}


.sto_tab{
  font-size: 0;
  margin-left: 7%;
  padding-top: .38rem;
  position: relative;
}
.sto_tab > a{
  display: inline-block;
  vertical-align: middle;
  color: rgba(255,255,255,.25);
  font-size: .17rem;
  font-weight: 700;
  margin-right: .3rem;
  margin-left: .3rem;
  transition: all .5s ease;
  cursor: pointer;
}
.sto_tab > a:last-child{
  margin-right: 0;
}
.sto_tab > a:first-child{
  margin-left: 0;
}
.sto_tab > a.on{
  color: #fff;
  font-size: .24rem;
  cursor: auto;
}
.sto_lb_box > div{
  display: none;
}
.sto_lb_box > div:first-child{
  display: block;
}
body.has .sto_tab{
  opacity: 0;
  pointer-events: none;
}
body.has > .sto_tab{
  opacity: 1;
  pointer-events: all;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 4;
  width: 100%;
  margin-left: 0;
  padding-left: 7%;
  background-color: #212121;
  padding-top: .19rem;
  padding-bottom: .19rem;
}
.sto_lb_box{
  position: relative;
}
.tac_body .fin_describe{
    margin-bottom: 0;
}
.tac_body .fin_describe div{
    display: inline-block;
    vertical-align: middle;
    font-size: .18rem;
    font-weight: 700;
    color: #1f1f1f;
    background-color: #fff;
    position: relative;
}
.tac_body .fin_describe div::after{
    content: '';
    display: block;
    left: 100%;
    top: 50%;
    position: absolute;
    height: 1px;
    width: 70vw;
    background-color: #d9d9d9;

}
.tac_body .fin_describe div span{
    display: inline-block;
    vertical-align: middle;
    width: 1.05rem;
    text-align: center;
    font-size: .12rem;
    font-family: 'Conv_Gotham-Light';
    text-transform: uppercase;
}
.tac_body .ins_header::after{
    display: none;
}
.tac_body .ins_header{
    padding-bottom: 0;
}
.tac_body .fin_describe{
    overflow: hidden;
    display: block !important;
}
.tac_body.con_body .ins_body_con > div{
    padding-top: .5rem;
    padding-left: .35rem;
}
.tac_body .fin_con_lable{
    font-size: .17rem;
    color: #333;
    font-weight: 700;
}
.con_body.tac_body .btn_operate{
    width: 30%;
    max-width: none;
}
.con_body.tac_body .btn_operate:nth-child(3n+1){
    width: 40%;
    clear: left;
    float: left;

}
.tac_body .fin_con_box > .btn_operate:nth-child(even){
    margin-left: 0;
}
.tac_body .btn_operate{
    margin-right: 0;
}
.tac_body .fin_con_box > a:nth-child(2n + 1) {
    clear: initial;
}
.tac_body .fin_info_text{
    font-size: .18rem;
    font-family: 'Conv_Gotham-Light';
    color: #999999;
}
.tac_body.con_body .ins_body_con > div{
    display: block !important;
}
.tac_inp_box > form > div{
    float: left;
    margin-right: 10px;
    width: calc((100% - 30px) / 4);
    border-radius: 4px;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: .2rem .15rem;
}
.tac_inp_box > form > div input,.tac_inp_box > form > div textarea{
    display: block;
    color: #808080;
    font-size: .14rem;
    line-height: 1.5;
    width: 100%;
    background-color: transparent;
}
.tac_inp_box > form > div input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #808080;
}
.tac_inp_box > form > div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #808080;
}
.tac_inp_box > form > div input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #808080;
}
.tac_inp_box > form > div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #808080;
}
.tac_inp_box > form > div textarea{
    height: 1.1rem;
    resize: none;
    font-size: .16rem;
    color: #808080;
}
.tac_inp_box > form > div textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bfbfbf;
    font-style: italic;
}
.tac_inp_box > form > div textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bfbfbf;
    font-style: italic;
}
.tac_inp_box > form > div textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bfbfbf;
    font-style: italic;
}
.tac_inp_box > form > div textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bfbfbf;
    font-style: italic;
}

.tac_inp_box > form > div:nth-child(4){
    margin-right: 0;
}
.tac_inp_box > form > div:nth-child(5){
    margin-right: 0;
    margin-top: .2rem;
    width: 100%;
}
.btn_sib{
    border-radius: 6px;
    text-align: center;
    line-height: .42rem;
    width: 1.7rem;
    background-color: #000000;
    cursor: pointer;
    color: #fff;
    display: block;
    float: right;
    margin-top: .15rem;
}
.ins_body.pure .fin_describe{
    margin-top: .5rem;
}

/*产品系列分页*/
.cat_banner_con{
  padding: 0 5px;
  height: 100vh;
  cursor: pointer;
  display: block;
}
.cat_img_box{
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 5vh 0;
}
.cat_img{
  width: 100%;
  height: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s cubic-bezier(.26,0,.0,1);
  position: absolute;
  left: 0;
  top: 5%;
}
.cat_img_h{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: .25;
}
.swiper-slide .cat_text_box{
  display: none;
}
.cat_text_box{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;

}
.cat_cn{
  margin-left: 5px;
  font-size: .36rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0,0,0,.7);
}
.cat_en ,.cat_hint{
  font-size: 1.36rem;
  font-family: 'Conv_Zona Pro Extra Bold';
  color: #fff;
  line-height: 1;
  position: relative;
  white-space:nowrap;
  margin-top: -.05rem;
  text-shadow: 0 20px 80px rgba(0,0,0,.6);
  letter-spacing: -8px;
}
.cat_hint{
  display: none;
}
.cat_en::after{
  content: '';
  display: block;
  width: 0;
  height: 6px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 10px;
}
.cat_text_box.on .cat_en::after{
  width: 100%;
  transition: all .3s cubic-bezier(.26,0,.0,1) .4s;
}

.cat_text_case{
  overflow: hidden;
  transition: all .2s cubic-bezier(.26,0,.0,1);
  position: absolute;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
}
.cat_text_box.on .cat_text_case{
  right: initial;
  left: 0;
  width: 100%;
  transition: all .3s cubic-bezier(.26,0,.0,1) .2s;
}
.cat_text_box_case{
  z-index: 3;
  position: relative;
}
.cat_body .bloc .wrapper .row{
  background-color: #000 ;
}
.cat_body .ind_bottom_box{
  width: auto;
  text-align: right;
  padding: 0;
  bottom: 3.7vh;
  right: 3.645vw;
  pointer-events: none;

}
.cat_text_box.on .cat_text_w{
  right: initial;
  left: 30px;
}
.cat_text_w{
  position: absolute;
  right: 30px;
  top: 0;
}
.cat_banner_box{
  padding:  0 .3rem;
}



.cat_banner_box .swiper-slide.on .cat_banner_con .cat_img_h{
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.3);
}
.cat_time_box_case{
  pointer-events: none;
  position: fixed;
  left: 3.125vw;
  bottom: 3.7vh;
  z-index: 3;
  width: 60%;
  font-size: 0;
  overflow: hidden;
}
.cat_time_box_case > div{
  display: inline-block;
  vertical-align: middle;
}
.cat_time_box{
  position: absolute;
  top: 100%;
  transition: all .5s cubic-bezier(.26,0,.0,1);
  left: 0;
}
.cat_time{
  font-size: 0;
}
.cat_time > div{
  display: inline-block;
  vertical-align: middle;
}
.cat_time_d{
  font-size: .32rem;
  font-weight: 700;
  color: #fff;
  line-height: .4rem;
}
.cat_time_x{
  line-height: 0.2rem;
  font-size: .12rem;
  color: rgba(255,255,255,.5);
  margin-left: .13rem;
}
.cat_body .nbra_tab_box{
  pointer-events: none;
  background-color: transparent;
  top: .10rem;
  transform: translateX(0);
  padding-left: 0;
  padding-right: 0;
}
.cat_body .nbra_tab_box .swiper-pagination{
  color: #fff;

}
.cat_body .nbra_tab_box .swiper-pagination .on{
  font-size: .5rem;
}
.cat_body .cat_banner_con{
  visibility: hidden;
}
.cat_img > img{
  display: none;
}
.pro_cat_body .pro_list_box{
  padding: 0;
  position: relative;
  z-index: 1;
}
.pro_cat_body .pro_con{
  width: 50%;
  margin-left: 50%;
  padding: 7.4vh   8.33vw 7.4vh 5.7vw;
}
.pro_cat_body .pro_list_box > a:nth-child(2n){
  margin-right: 0;
}
.pro_cat_body .pro_list_box > a:nth-child(2n +1){
  clear: left;
  float: left;
  margin-left: 0;
}
.pro_cat_body .pro_list_box > a{
  width: 45%;
  margin: 0 5% 10% 5%;
}
.pro_cat_body{
  position: relative;
}
.pro_cat_box_bg{
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
    /*filter: blur(500px);*/
    opacity: .025;
}
.title_img{
  position: fixed;
  top: .4rem;
  left: 90%;
  width: 5.88%;
}
.title_img img{
  width: 100%;
  display: block;
}
.pro_cat_tex_box{
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
    background-color: #000;
    overflow: hidden;
}
.pro_cat_img_pc{
    width: calc(100% + 60px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .5;
    transition: all 3s ease;

}
.pro_cat_img{
  display: none;
  width: 100%;
}
.pro_cat_text{
    padding: 0 4.375%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    top: 47.8%;
    color: #fff;
  width: 50%;
}
.pro_cat_title{
    font-size: .6rem;
    font-weight: 700;
    line-height: 1.4;
}
.pro_cat_info{
    font-size: .13rem;
    letter-spacing: .5px;
    line-height: 1.4;
    color:rgba(255,255,255,.8);
    text-align: justify;
}
.pro_cat_fl{
    margin-top: .25rem;
    font-size: 0;
}
.pro_cat_fl > div{
    display: inline-block;
    vertical-align: middle;
}
.pro_cat_fl .cat_time_d{
    font-size: .36rem;
    font-family: 'Conv_NeoSans_0';
    text-transform: uppercase;
}
.pro_cat_fl .cat_time_x{
   color: rgba(255,255,255,.3);
}
.btn_pro_cat{
    font-weight: 700;
    font-size: .14rem;
    line-height: 3.8;
    border-bottom: 1px solid rgba(255,255,255,.5);
    display: block;
    width: 21%;
    color: #fff;
    margin-top: 11.2vh;
    cursor: pointer;
    transition: all .5s ease;
    position: absolute;
    left: 4.375%;
    bottom: 22%;
}
.btn_pro_cat i{
    float: right;
    font-weight: 400;
}
.scr_body .ins_body{
  background-color: #fafafa;
  padding: 4.6vh 0;
    height: 60vh;
}
.scr_body .ins_header{
  padding-bottom: 7.9vh;
  margin-bottom: 0;
}
.scr_body .fin_describe{
  margin-bottom: 0;
}
.scr_body .fin_con_box > div{
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: .4rem;
  margin-bottom: .35rem;
}
.scr_body .fin_con_box > div:last-child{
  border-bottom: none;
  margin-bottom: 0;
}
.scr_body .ins_header::after{
    display: none;
}
.scr_body.fin_o_body .fin_name{
    max-width: none;
    float: left;
}
.scr_body.fin_o_body .btn_cor{
    float: right;
    margin-top: 0;
}
.scr_body .fin_con_time.fin_dd{
    float: left;
    width: 100%;
    padding-bottom: 0;
}
.scr_body .btn_operate{
    padding: .1rem 0;
}
.scr_body .fin_con_box{
    padding: 0  2.6vw;
}
.scr_body .scroll_01{
    height: 100%;
}
.jspTrack{
    background-color: #f1f1f1;
}
.jspDrag{
    background-color: #e0e0e0;
}
.scr_body .btn_operate{
    width: 100%;
    margin: 0;
    padding-top: .3rem;
    border-bottom:1px solid #e6e6e6;
}

.scr_body .fin_con_time{
    float: right;
}
.scr_body .fin_con_time{
    color: #242424;
}
.scr_body .fin_con_time.fin_dd{
    color: #a6a6a6;
}
.bor_con .btn_operate{
    padding-top: .2rem;
}
.scr_body .pad_left{
    padding-left: 16.6vw;
}
.scr_body .fin_time_box{
    display: none;
}
.scr_body .fin_name {
    float: left;
    max-width: none;
}
.scr_body .ins_body_con{
    height: 100%;
}
.scr_body .fin_con_box > .cor_left .btn_operate:last-child {
    border-bottom: none;
}
.pro_body .at_on,.pro_det_xq span{
  visibility: hidden;
}
.nbar_body .nbar_src1_text,.nbar_body font,.nbar_body .at_on{
  visibility: hidden;
}
.pro_list_box a{
  visibility: hidden;
}
.sto_body .sto_title{
  text-align: center;
}
.sto_tab{
  text-align: center;
}
.sto_body .ind_bottom_box{
  display: none;
  bottom: 4vh;
}
.com_name >  img{
    display: block;
    width: 100%;
  }
.com_name_m{
  display: none!important;
}
.pro_ad_text_box{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
@media all and (min-width: 1025px){
  .ind_src2_img_sha{
    background-color: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease;
  }
  .ind_pro_img_box:hover .ind_btn_more {
    opacity: 1;
  }
  .ind_pro_img_box:hover .ind_src2_img_sha {
    opacity: 1;
  }
  .show_this:hover{
    background-color: #ffffff;
    color: #000;
  }
  .childItem > ul li:hover a {
    font-weight: 700;
    color: #000; }
  .childItem > ul li:hover a::after {
    width: calc(100% + 1.5em); }
  .ind_new_con:hover {
    box-shadow: 0 0 90px -18px rgba(0, 0, 0, 0.25);
    background-color: #fff; }
  .ind_new_con:hover > div{
    border-color: transparent;
  }
  .ind_new_con:hover .ind_new_hint {
    background-color: transparent;
    color: #242424;
  }
  .ind_new_con:hover .ind_new_more > span{
    color: #e70012;
  }
  .btn_operate:hover .fin_name{
    color: #1983fc;
  }
  .btn_cor:hover {
    color: #fff;
    background-color: #121212; }
  .pro_list_box > a:hover .pro_mess{
    transform: translate(-50%, 50%);
    background-color: #000;
  }
  .pro_list_box > a:hover img{
    transform: scale(1.1);
  }
  .pro_list_box > a:hover .pro_name{
    color: #fff;
  }
  .pro_list_box > a:hover .pro_name_en{
    color: #fff;
  }
  .nbar_body .swiper-slide > div{
    display: none;
  }
  .nbar_body .swiper-slide.active > div{
    display: block;
  }
  .banner_text_img_box:hover{
    margin-top: -30px;
  }
  .sto_tab > a:hover{
    color: #fff;
  }
    .btn_pro_cat:hover{
        background-color: #121212;
        border-color: transparent;
    }
    .pro_cat_tex_box:hover .pro_cat_img_pc{
        transform: translateX(-50px);
    }
  .pro_cat_tex_box:hover .pro_cat_info{
    display: block;
  }
  .btn_pro_cat:hover{
    padding: 0 .1rem;
  }
}
@media all and (max-width: 1600px) {
  .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; }
    .nbar_src1_con_box,.nbra_tab_box{
      top: 40%;
    }
    .nbar_src2 .nbar_src1_text{
      width: 55%;
    }
    .nbra_pro_img{
      top: .8rem;
    }
    .nbar_src3 .nbar_title{
      bottom: 1.35rem;
    }
    .nbar_src4 .nbar_title {
      bottom: .8rem !important;
    }
    .nbar_tit_bg {
      font-size: 1.3rem;
    }
    .nbar_src6 .nbar_src1_text {
      width: 39.5%;
    }
    .ind_pro_img_box .ind_btn_more{
      right: 6%;
    }
  }

@media all and (max-width: 1440px) {
  .pace_text_box > span{
    font-size: .18rem;
  }
  .pace_text_box .com_name{
    font-size: .3rem;
  }
  .pace_text_box {
    transform: translateY(-100%);
  }
  .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_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; }
  .ind_new_case .swiper-slide > div {
    margin: 0 .1rem;
  }
  /*.nbar_src1_con_box,.nbra_tab_box{*/
    /*top: 36%;*/
  /*}*/
  .nbar_src2 .nbar_src1_text {
    bottom: .5rem;
    line-height: 2;
    margin-right: -.8rem;
  }
  .nbra_pro_img{
    top: 1rem;
  }
  .nbra_pro_img {
    margin-left:-1.4rem;
    margin-right:-1rem;
  }
  .nbar_src3 .nbar_title{
    bottom: 1.1rem;
  }
  .nbar_tit_bg {
    font-size: 1rem;
  }
  .nbar_src3_info,
  .nbar_src3 .nbar_src1_text{
    margin-left: -.8rem;
    margin-right: -.8rem;
  }
  .nbar_src5_info > a{
    width: 18%;
  }
  .nbar_src5 .nbar_src1_text {
    width: 50%;
    right: calc(220px + 4%);
  }
  .nbar_src6_info img {
    width: 60%;
  }
  .ind_pro_img_box .ind_btn_more > div:first-child{
    font-size: .5rem;
  }
  .ind_pro_img_box .ind_btn_more > div:nth-child(2){
    font-size: .3rem;
  }
}

@media all and (max-width: 1366px) {
  .ind_new_case {
    padding: .95rem .4rem 0 .2rem;
  }
  .ind_new_tex_box {
    padding-top: 15px;
  }
  .ind_new_info {
    -webkit-line-clamp: 2;
    max-height: 48px;
  }
  .ind_src3 .title_box {
    padding-top: 0; }
  .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; }
  .nbar_src1_text{
    line-height: 2;
  }
  .nbar_src2 .nbar_src1_text {
    margin-right: -1rem;
  }
  .nbar_src3 .nbar_title{
    bottom: 1rem;
  }
  .nbar_src5 .nbar_src1_text {
    width: 43%;
    right: 220px;
  }
  .nbar_src5_info > a {
    width: 21%;
    margin: 0 2%;
  }
  .ind_pro_img_box .ind_btn_more > div:first-child{
    font-size: .4rem;
  }
  .ind_pro_img_box .ind_btn_more > div:nth-child(2){
    font-size: .25rem;
  }
  .nav_con {
    padding-top: 17vh;
  }
  .lar_body .sto_title{
    display: none;
  }
  .lar_v_num{
    font-size: .5rem;
  }
  .lar_v_hint{
    font-size: .18rem;
  }
}
@media all and (max-width: 1280px) {
  .int_src3_case > div {
    width: 85%; }
  .int_src2_info {
    font-size: .28rem; }
  .ind_new_case {
    padding: .85rem .4rem 0 0;
  }
  .new_body .ind_new_case .swiper-slide{
    height: calc((100vh - .85rem - .25rem) / 2);
  }


}