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

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


.bloc {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  height: 100%;
}

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

.bloc .wrapper .row {
  height: 100%;
  
  position: absolute;
  width: 100%;
  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; }

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

.ind_src3 {
  width: 100%;
  height: 100%;
  
}
  .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; }


.dyn_time_title_box {
  overflow: hidden;
  width: 45%;
  float: left;
  padding-right: 15px;
  margin-top: -.15rem;
  position: relative;
  height: 100%; }

.dyn_time_title {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 3%;
  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: 13vh 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: 1.6rem;
      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%; 
      opacity: 0.5;
  }
    .dyn_time_title_num.dyn_time_prev .dyn_img_box {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
  .dyn_time_title_num.dyn_time_next {
    padding-right: 30%;
    text-align: right; 
          opacity: 0.5;
  }
    .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: 52%;
  float: right;
  position: relative;
  height: 100%; }

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

.dyn_time_con .dyn_time_title_num {
  display: none; }

.dyn_time_con > div {
  /*padding: .1rem; */
    line-height: 40px;
}

.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: 11px;
    line-height: 1;
    color: #979797; }
  .dyn_btn_Prev .newiconfont, .dyn_btn_Next .newiconfont {
    color: #1f1f1f;
    background:url(../img/up_ico.png) no-repeat;
    width: 28px;
    height: 15px;
  }
  .dyn_btn_Next .newiconfont {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;

  }

.dyn_btn_Prev {
  top: 11.11vh; }

.dyn_btn_Next {
  bottom: 11.11vh; }
.dyn_body .bloc .wrapper .row {
  opacity: 1; }