@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; }
.copyRight_box span{
  color:#666666;
}
: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; }



@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1642579112859') format('woff2'),
       url('../fonts/iconfont.woff?t=1642579112859') format('woff'),
       url('../fonts/iconfont.ttf?t=1642579112859') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.71428571429;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #212121;
  background-color: #ffffff; }

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

p,
pre,
table,
blockquote {
  margin-bottom: 0; }

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 {
    color: #000;
    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; }
.copyRight_box span{
  color:#666666;
}
@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; }
@font-face {
    font-family: 'BaronNeue';
    src: url('../font/Baron Neue.otf');
    src:local('☺'),
      url('../font/Baron Neue.otf') format('woff'),
      url('../font/Baron Neue.otf') format('truetype'),
      url('../font/Baron Neue.otf') format('svg');
  }
@font-face {
  font-family: 'iconfont';
  /* project id 751094 */
  src: url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.eot");
  src: url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.woff") format("woff"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.ttf") format("truetype"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.svg#iconfont") format("svg"); }

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

.header_box {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 1s ease;
  min-height: 80px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998; }
  .header_box .logo_box {
    display: block;
    margin-left: 4.167vw;
    width: 210px;
    margin-top: 20px; }
    .header_box .logo_box img {
      display: block;
      width:auto!important;
      height: 40px;
      width: 100%; }
  .header_box .pc_nav > ul {
    height: 80px;
    overflow: hidden;
    padding-left: 2.865vw;
    background-color: white; }
    .header_box .pc_nav > ul li {
      display: block;
      float: left;
      line-height: 80px;
      margin-right: 3.4375vw;
      position: relative; }
      .header_box .pc_nav > ul li a {
        text-transform: uppercase;
        color: #222222;
        font-size: 16px;
        cursor: pointer;
        position: relative; 
      }
      .header_box .pc_nav > ul li.on{
        font-weight: bold;
      }
        .header_box .pc_nav > ul li a:hover{
          font-weight: bold;
        } 
    .header_box .pc_nav > ul li.on::after, .header_box .pc_nav > ul li:hover::after {
      content: '';
      display: block;
      height: 3px;
      background-color: #e71210;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .header_box .pc_nav > ul li.on:first-child::after, .header_box .pc_nav > ul li:first-child:hover::after {
      content: '';
      display: block;
      height: 3px;
      background-color: #e71210;
      width: calc(100% + 1em);
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .header_box .pc_nav .nav_sec_level {
    display: none;
    padding-left: 116px;
    overflow: hidden; }
    .header_box .pc_nav .nav_sec_level > ul {
      float: left;
      margin-right: 30px;
      padding-bottom: 25px; }
      .header_box .pc_nav .nav_sec_level > ul li {
        display: block;
        line-height: 36px;
        font-size: 14px; }
        .header_box .pc_nav .nav_sec_level > ul li a {
          color: #758190;
          cursor: pointer;
          text-transform: capitalize; }
        .header_box .pc_nav .nav_sec_level > ul li:hover a {
          color: #fff; }
  .header_box .lag_sel_box {
    color: #fff;
    line-height: 120px;
    position: relative;
    margin-left: 6.2%; }
    .header_box .lag_sel_box .lag_show_text {
      position: relative; }
      .header_box .lag_sel_box .lag_show_text i {
        position: absolute;
        transition: all .5s ease-in; }
      .header_box .lag_sel_box .lag_show_text i.on {
        transform: rotate(180deg); }
    .header_box .lag_sel_box .lag_box {
      display: none;
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      color: #758190;
      font-size: 14px;
      line-height: 32px;
      padding: 10px 20px; }
      .header_box .lag_sel_box .lag_box::after {
        content: '';
        position: absolute;
        top: -5px;
        left: 30%;
        width: 10px;
        height: 10px;
        background-color: #fff;
        transform: rotate(45deg); }
      .header_box .lag_sel_box .lag_box li {
        cursor: pointer;
        padding-right: 25px;
        border-bottom: 1px solid #758190; }
        .header_box .lag_sel_box .lag_box li:last-child {
          border-bottom: none; }
        .header_box .lag_sel_box .lag_box li:hover {
          color: #004bc6; }
      .header_box .lag_sel_box .lag_box li.on {
        color: #004bc6; }

.header_box.on {
  background-color: white; }

.search_box {
  position: relative;
  background-color: #15b89b;
  z-index: 1; }
  .search_box .btn_search {
    position: relative;
    float: right;
    z-index: 1;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    background-color: #15b89b;
    font-size: 22px; }
  .search_box .text_search_box {
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 80px;
    background-color: #15b89b;
    transition: width .5s ease; }
    .search_box .text_search_box input {
      background-color: #fff;
      padding-left: 10px;
      width: 210px;
      height: 36px;
      line-height: 36px;
      color: #222222;
      font-size: 14px;
      margin: 22px 0 0 20px;
      display: block; }

.search_box.on .text_search_box {
  width: 230px; }

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

#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; 
}
#change_page{
  position: fixed;
  right: 0px;
  bottom: 35px;
  height: auto;
  z-index: 5;
  transform: rotate(90deg);
}
#change_page button{
  font-size: 37px;
  color: #15b89b;
  background: transparent;
}
#change_page button:hover{
  cursor: pointer;
}
#bloc .wrapper .row.navInPrev {
  pointer-events: none;
  opacity: 1;
  -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
  animation: slideInHalfFromTop 0.7s forwards ease-in-out; }

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

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

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

.banner_box {
  height: 100%; }
  .banner_box .banner {
    height: 100%; }
    .banner_box .banner .banner_sty {
      height: 100%;
      position: relative;
      overflow: hidden; }
      .banner_box .banner .banner_sty .banner_img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.1);
        transition: all 5s ease; }
    .banner_box .banner .active .banner_img {
      transform: scale(1); }
    .banner_box .banner .active .banner_info {
      animation-name: fadeInUp; }
    .banner_box .banner .active .banner_mess {
      animation-name: fadeInDown;
      animation-delay: 1.1s; }
    .banner_box .banner .active .banner_mess_l {
      animation-name: fadeInDown;
      animation-delay: 1.6s; }
    .banner_box .banner .active .ying_box {
      animation-name: fadeInDown;
      animation-delay: 2.1s; }
    .banner_box .banner .swiper-pagination-bullet-active {
      background-color: #fff;
      opacity: 1;
      width: 20px; }
  .banner_box .banner.swiper-container-horizontal > .swiper-pagination-bullets {
    left: auto;
    width: 25px;
    right: 8.3%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    overflow: hidden;
    text-align: right;
    font-size: 0; }
    .banner_box .banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      opacity: 1;
      background-color: #fff;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      margin: 4px 4px;
      transition: width .5s ease; }

.banner_text {
  position: absolute;
  top: 12vh;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  color: #fff;
  line-height: 1;
  padding: 0 10px; }
  .banner_text .banner_info {
    font-size: 38px;
    font-weight: bold; margin-top:1% }
  .banner_text .banner_mess {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0vh; }
  .banner_text .banner_mess_l {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 2vh;
    letter-spacing: 15px; }
  .banner_text .ying_box {
    margin-top: 2.8vh;
    text-align: center; }
    .banner_text .ying_box img {
      width: 74px; }

.ind_news_box {
  background-color: rgba(4, 22, 51, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  padding-top: 4.3vh;
  z-index: 1;
  color: #fff;
}
  .ind_news_box .ind_news_case {
    width: 83.3vw;
    margin: 0 auto;
    position: relative;
    padding-bottom: 4.3vh; }
    .ind_news_box .ind_news_case .ind_news_name {
      float: left;
      font-size: 32px;
      line-height: 1;
      margin-right: 2.6vw; }
      .ind_news_box .ind_news_case .ind_news_name > i {
        margin-right: 10px; }
    .ind_news_box .ind_news_case .ind_news_info_box {
      float: left;
      width: 35.83vw;
      font-size: 0; }

.ind_news_mes_box {
  display: inline-block;
  vertical-align: top;
  width: 52%; }
  .ind_news_mes_box > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    font-size: 18px;
    line-height: 1.6;
    padding-top: 10px;
  }
  .ind_news_mes_box .ind_time_box {
    font-size: 28px;
    color: #c3c3c3;
    position: relative;
    margin-top: 20px;
    font-family:'BaronNeue';
  }
    .ind_news_mes_box .ind_time_box > a {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      width: 60px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      color: #c3c3c3; }
      .ind_news_mes_box .ind_time_box > a i {
        vertical-align: middle;
        display: inline-block;
        font-size: 12px; }
      .ind_news_mes_box .ind_time_box > a:hover {
        background-color: #399fde;
        color: #fff; }

.ind_news_img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8%;
  width: 39.244%; }
  .ind_news_img img {
    width: 100%; }

.ind_com_box {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #15b89b;
  width: 38.75%;
  padding: 1.8vw;
}
  .ind_com_box .ind_com_title {
    font-size: 32px;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff; }
  .ind_com_box .ind_com_info {
    line-height: 1.56;
    font-size: 16px;
    margin-top: 0.78vw;
    min-height: 10vh;
  }
  .ind_com_box .ind_com_det {
    position: relative;
    margin-top: 0.78vw;
  }
    .ind_com_box .ind_com_det a {
      color: rgba(210, 218, 255, 0.5);
      font-size: 16px; }
    .ind_com_box .ind_com_det > img {
      width: 3.125vw;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }

.header_m {
  display: none; }

.pub_title {
  color: #333333;
  margin-top: calc(5.5vh + 20px); text-align:center }
  .pub_title > div:first-child {
    font-size: 53px;
    line-height: 1.2;
    text-transform: uppercase; background:url(../image/li.jpg) no-repeat center center; font-family:Helvetica-Neue-Light-2 }
  .pub_title > div:nth-child(2) {
    font-size: 28px;
    line-height: 2.5;
    text-transform: uppercase; font-family:Helvetica-Neue-Light-2}

.tit_place0 {
  position: absolute;
  margin-right: 10.42vw;
  right: 0;
  top: 0;
  z-index: 11;
  padding: 0 1.6vw 0 4.6vw;
  background-color: #fff; }

.mess_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 58.854vw; }
  .mess_box .active .mess_con {
    left: 0;
    transition: left 0s; }
  .mess_box .active .slide_sha {
    width: 0; }
  .mess_box .mess_con {
    display: block;
    position: relative;
    text-align: left;
    background-color: #15b89b;
    color: #fff;
    padding-left: 8.33vw;
    padding-right: 8.33vw;
    padding-top: 8.8vh;
    padding-bottom: 8.3vh;
    left: -100%;
    transition: left .5s ease; }
    .mess_box .mess_con .mess_title {
      text-align: left;
      font-size: 32px;
      line-height: 1.1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-transform: uppercase; }
    .mess_box .mess_con .mess_info {
      line-height: 2;
      font-size: 32px;
      padding: 15px 0;
      text-transform: uppercase;
      border-bottom: 1px solid white;
      position: relative; font-family:Helvetica-Neue-Light-2 }
      .mess_box .mess_con .mess_info::after {
        content: '';
        display: block;
        height: 5px;
        width: 50px;
        background-color: #fff;
        position: absolute;
        left: 0;
        bottom: -2px; }
    .mess_box .mess_con .mess_com_pro {
      font-size: 16px;
      line-height: 1.8;
      margin-top: 20px;
      min-height: 20vh;
    }
    .mess_box .mess_con .data_box {
      margin-top: 9.26vh; }
      .mess_box .mess_con .data_box > div {
        font-size: 0; }
        .mess_box .mess_con .data_box > div > div {
          display: inline-block;
          vertical-align: bottom; }
      .mess_box .mess_con .data_box > div:first-child {
        margin-right: 60px; }
      .mess_box .mess_con .data_box .dat_name {
        line-height: 1.2;
        font-size: 18px; }
      .mess_box .mess_con .data_box .dat_num {
        line-height: 1;
        font-size: 68px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 10px; }
  .mess_box .swiper-pagination {
    width: 100vw;
    position: relative;
    text-align: left;
    margin-top: 5vh;
    margin-bottom: 3vh; }
    .mess_box .swiper-pagination::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 12px;
      width: 100%;
      background-color: #f1f2f3;
      height: 1px; }
    .mess_box .swiper-pagination > span:first-child {
      margin-left: 7%; }
    .mess_box .swiper-pagination > span {
      width: 9%;
      height: auto;
      position: relative;
      background-color: transparent;
      opacity: 1; }
      .mess_box .swiper-pagination > span > div {
        text-align: center; }
      .mess_box .swiper-pagination > span .src2_pag_icon {
        color: rgba(21,184,155, 0.4); }
        .mess_box .swiper-pagination > span .src2_pag_icon i {
          display: inline-block;
          position: relative;
          vertical-align: middle;
          font-size: 36px; }
      .mess_box .swiper-pagination > span .src2_pag_name {
        display: inherit;
        position: relative;
        line-height: 1;
        color: rgba(21,184,155, 0.4);
        overflow: hidden;
        left: 50%;
        transform: translateX(-50%);
        font-size: 18px; }
        .mess_box .swiper-pagination > span .src2_pag_name::after {
          content: attr(data-mask);
          position: absolute;
          color: #15b89b;
          left: 0;
          overflow: hidden;
          width: 0;
          transition: all 0.5s cubic-bezier(0, 0.31, 0.22, 0.43);
          top: 0;
          text-align: left;
          white-space: nowrap; }
      .mess_box .swiper-pagination > span .src2_pag_dot {
        display: block;
        margin: 0 auto;
        border-radius: 100%;
        border: 6px solid transparent;
        width: 24px;
        height: 24px;
        background-color: transparent;
        position: relative;
        z-index: 2; }
        .mess_box .swiper-pagination > span .src2_pag_dot::after {
          content: '';
          display: block;
          position: absolute;
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: #f1f2f3;
          left: 2px;
          top: 2px; }
      .mess_box .swiper-pagination > span .src2_pag_plan {
        width: 7vw;
        height: 1px;
        position: absolute;
        left: 50%;
        bottom: 12px;
        background-color: #f1f2f3; }
        .mess_box .swiper-pagination > span .src2_pag_plan::after {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background-color: #2db29a;
          position: absolute;
          left: 0;
          top: 0;
          transition: width 2s ease-out;
          z-index: 1; }
    .mess_box .swiper-pagination > span:first-child::before {
      content: '';
      display: block;
      width: 18vw;
      height: 1px;
      position: absolute;
      right: 50%;
      bottom: 12px;
      background-color: #f1f2f3; }
    .mess_box .swiper-pagination > span.swiper-pagination-bullet-active .src2_pag_icon {
      color: #15b89b; }
    .mess_box .swiper-pagination > span.swiper-pagination-bullet-active .src2_pag_name::after {
      width: 100%; }
    .mess_box .swiper-pagination > span.swiper-pagination-bullet-active .src2_pag_dot {
      display: block;
      border-radius: 100%;
      border: 6px solid #fff;
      width: 24px;
      height: 24px;
      background-color: #cbf6ee;
      position: relative;
      z-index: 2; }
      .mess_box .swiper-pagination > span.swiper-pagination-bullet-active .src2_pag_dot::after {
        background-color: #3fc2ab; }
    .mess_box .swiper-pagination > span.swiper-pagination-bullet-active .src2_pag_plan::after {
      width: 100%;
      transition: width 6s ease; }

.slide_sha {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  transition: width 1.5s ease .5s;
  background-color: #fff; }

.mess_img_case .active .slide_sha {
  width: 0; }

.fade_in {
  opacity: 0.2;
  transition: opacity 1.5s ease .8s; }

.mess_box .active .fade_in {
  opacity: 1; }

.mess_img_case .slide_sha {
  width: 120%;
  height: 120%;
  left: -10%;
  top: -10%; }

.mess_img_case .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.1, 0.7, 0.74, 0.3);
  /*transition-timing-function: ease;*/ }

.mess_img_case .active .mess_img_con img {
  transform: scale(1); }

.mess_img_case .mess_img_con img {
  transform: scale(1.2);
  transition: all 1s ease .5s; }

.mess_img_case .swiper-slide {
  overflow: hidden; }

.mess_box .swiper-pagination-bullet:last-child .src2_pag_plan {
  display: none; }

.scr2_case {
  position: relative;
  padding-top: 1px;
  height: 100%; }

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

.mess_img_case {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }
  .mess_img_case .swiper-pagination {
    position: absolute;
    width: 28.645vw;
    bottom: 106%;
    left: 58.854vw; }
    .mess_img_case .swiper-pagination .on {
      font-size: 48px;
      color: #15b89b; }

.mess_ser_num_box {
  width: 220px;
  height: 190px;
  position: absolute;
  right: 13.542%;
  top: 0;
  transform: translateY(-50%);
  z-index: 2; }
  .mess_ser_num_box .swiper-container {
    height: 100%; }
    .mess_ser_num_box .swiper-container .active .mess_ser_num_case {
      opacity: 1;
      transform: scale(1); }
  .mess_ser_num_box .mess_ser_num_case {
    opacity: 0.2;
    transform: scale(0.9);
    transition: all 1s ease-in;
    position: relative; }
    .mess_ser_num_box .mess_ser_num_case .mess_ser_num_con {
      width: 100%;
      text-align: center;
      letter-spacing: -17px;
      position: relative;
      z-index: 2;
      font-size: 190px;
      line-height: 1;
      background: linear-gradient(360deg, #004bc6, #004bc6, #00c5fb);
      /* 标准语法 */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .mess_ser_num_box .mess_ser_num_case .mess_ser_num_con.shadow {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      text-shadow: rgba(0, 70, 198, 0.17) 1px 5px 10px; }

.mess_box {
  background-color: #fff; }
  .mess_box .swiper-wrapper {
    transition-timing-function: ease; }

.ind_body .screen2 {
  padding-top: 80px;
  position: relative;
  height: 100%; }

.ind_body .view {
  display: none; }
  .ind_body .view .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background-color: #bfc9d9;
    transition: width .5s ease;
    border-radius: 0;
    opacity: 1; }
  .ind_body .view .swiper-pagination-bullet-active {
    width: 50px;
    background-color: #004bc6; }
  .ind_body .view .swiper-container-horizontal > .swiper-pagination-bullets, .ind_body .view .swiper-pagination-custom, .ind_body .view .swiper-pagination-fraction {
    bottom: 0;
    font-size: 0; }
  .ind_body .view .pro_img_num {
    font-size: 0.26rem;
    color: #8d9baf;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: -1; }
    .ind_body .view .pro_img_num > span:first-child {
      font-size: .5rem;
      color: #000000; }

.ind_body .view0 {
  display: block; }

.ind_body .tit_place2 {
  margin-top: 100px;
  margin-left: 13.542%; }

.ind_body .screen3 {
  width: 93.33vw;
  margin: 0 auto;
  height: 100%;
  position: relative; }

.scr3_pro_case {
  display: block;
  overflow: hidden;
  height: 52vh;
  position: relative;
  margin-top: 0vh; }
  .scr3_pro_case:hover .pro_hover_box {
    height: 100%;
    transition: height 0.8s ease .5s; }
  .scr3_pro_case:hover .scr3_pro_box {
    height: 100%;
    transition: height 0.5s ease; }
    .scr3_pro_case:hover .scr3_pro_box .pro_img_box {
      height: 100%;
      transition: height 2.5s ease 0.5s; }
/*.scroll-animate{*/
  /*visibility: hidden;*/
/*}*/
.pro_hover_box {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: rgba(22, 184, 155, 0.9);
  transition: height 0.5s ease;
  color: #fff;
  text-align: center; }
  .pro_hover_box .pro_title {
    color: #fff; }
  .pro_hover_box .pro_info {
    color: #fff; }
  .pro_hover_box > div {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1; }
  .pro_hover_box .pro_link_box > div {
    font-size: 0;
    padding-top: 20px;
    height: 65px; }
    .pro_hover_box .pro_link_box > div .like_line {
      display: inline-block;
      opacity: 0.8;
      font-size: 16px;
      line-height: 30px;
      position: relative;
      margin-top: 15px;
      color: #fff; }
      .pro_hover_box .pro_link_box > div .like_line::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        left: 0;
        bottom: 0; }
      .pro_hover_box .pro_link_box > div .like_line:hover {
        font-weight: bold;
        opacity: 1; }

.scr3_pro_box {
  height: 47vh;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  transition: height 0.5s ease 1s; }
  .scr3_pro_box > .pro_img_box {
    height: 37vh;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: height 0.5s ease 0.5s; }
  .scr3_pro_box .scr3_pro_tex_box {
    border: 1px solid #dddddd;
    padding: 0 20px;
    height: 10vh;
    position: relative; }

.pro_title {
  font-size: 24px;
  line-height: 1.8;
  margin-top: 5%;
  color: #333333; }

.pro_info {
  font-size: 16px;
  line-height: 1.5;
  color: #999999; font-family:Helvetica-Neue-Light-2 }

.more_sty {
  color: #999999;
  font-size: 12px;
  line-height: 3;
  position: absolute;
  right: 20px;
  bottom: 26%; }
  .more_sty::after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #999999;
    position: absolute;
    right: 0;
    bottom: 0; }

#header {
  display: none;
  height: 0.6rem;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  box-sizing: border-box;
  z-index: 5000;
  margin: auto;
  right: 0;
  padding: 0 4%;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); }
  #header #logo {
    height: 0.4rem;
    margin-top: 0.1rem;
    display: block; }
    #header #logo img {
      height: 100%;
      width: auto;
      display: block; }

#header nav.app-nav {
  position: fixed;
  top: 0;
  right: 0;
  height: 0.6rem;
  line-height: 0.6rem;
  width: 0.5rem;
  z-index: 20; }

#header nav.app-nav .getAppNav {
  font-size: 0.28rem;
  z-index: 6;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  right: 0;
  text-align: center;
  cursor: pointer; }

#header nav.app-nav .getAppNav:before {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 2px;
  background-color: #fff;
  top: 16px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out; }

#header nav.app-nav .getAppNav > span {
  position: absolute;
  width: 0.28rem;
  height: 2px;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  transition: all 0.3s ease-out; }

#header nav.app-nav .getAppNav:after {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 2px;
  background-color: #fff;
  top: -16px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-out; }

#header nav.app-nav .menuActive:before {
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  top: 0px !important; }

#header nav.app-nav .menuActive > span {
  opacity: 0 !important; }

#header nav.app-nav .menuActive:after {
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  top: 0px !important; }

#header nav.app-nav > ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  border-bottom: 2px solid #d2d2d2; }

#header nav.app-nav > ul > li {
  width: 100%;
  line-height: 0.4rem;
  text-align: center;
  background-color: white;
  transition: all 0.3s ease-out;
  border-top: 1px solid #eee;
  font-weight: bold; }

#header nav.app-nav > ul > li > a {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.7); }

#header nav.app-nav > ul > li.child-Down > .child-nav {
  padding: 0;
  overflow: hidden;
  background-color: rgba(226, 226, 226, 0.7); }

#header nav.app-nav > ul > li.child-Down > .child-nav > li {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 0.4rem;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  height: 0; }

#header nav.app-nav > ul > li.child-Down > .child-nav.on > li {
  height: 0.4rem; }

#header nav.app-nav > ul > li.child-Down > .child-nav > li > a {
  display: inline-block;
  width: 100%;
  color: rgba(47, 47, 47, 0.7);
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden; }

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

.ind_body footer {
  position: absolute; }

footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #333333;
  color: #666666;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 30px; }
  footer .copyRight_box {
    width: 83.33vw;
    margin: 0 auto;
    position: relative; }

.foot_nav {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }
  .foot_nav a {
    color: #666666; }

.map_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url("../image/map_bg.jpg"); }

.branch-svg {
  /*width: 45%;*/
  position: absolute;
  top: 7.3vh; }

.branch-svg svg {
  width: 750px;
  height: 650px; }

polygon {
  fill: #e8f2ff;
  stroke: #8cb2ed;
  stroke-width: 0.5;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.branch-svg polygon.isfill {
  fill: #5c5c5c; }

text {
  font-size: 10px;
  fill: #e71210;
  display: none;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

text.show {
  display: block; }

circle.show {
  fill: #e71210;
  stroke: #e71210;
  r: 4;
  stroke-width: 0;
  animation-play-state: paused;
  cursor: auto;
  z-index: 1; }

circle.anim {
  animation: dotsShow ease 1s infinite; }

circle {
  fill: #15b89b;
  stroke: #bacde7;
  stroke-width: 4;
  r: 4;
  display: block;
  opacity: 0.92;
  position: relative;
  cursor: pointer;
  z-index: 2; }

@keyframes dotsShow {
  0% {
    stroke-width: 4;
    r: 4; }
  50% {
    stroke-width: 0;
    r: 2; }
  100% {
    stroke-width: 4;
    r: 4; } }

.city_default {
  display: block !important;
  fill: #15b89b;
  font-size: 16px;
  font-weight: 400 !important; }

circle.dot_default {
  r: 11;
  fill: #fff;
  stroke: #15b89b;
  stroke-width: 3;
  display: block;
  opacity: 1;
  position: relative;
  cursor: pointer;
  z-index: 2; }

.branch-svg image {
  pointer-events: none; }

.st0 {
  fill: none;
  stroke: #15b89b;
  stroke-miterlimit: 10; }

.st1 {
  fill: none;
  stroke: #15b89b;
  stroke-miterlimit: 10;
  stroke-dasharray: 1.9951,1.9951; }

.st2 {
  fill: none;
  stroke: #15b89b;
  stroke-miterlimit: 10;
  stroke-dasharray: 2; }

.st3 {
  fill: #FFFFFF;
  stroke: #15b89b;
  stroke-width: 3;
  stroke-miterlimit: 10; }

.st4 {
  fill: #00468C; }

.st5 {
  fill: #E51A11; }

#line_box {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

#line_box .anim {
  animation: lineDo 4s ease 1; }

@keyframes lineDo {
  0% {
    stroke-dasharray: 1000;
    stroke-dashoffset: -500; }
  100% {
    stroke-dasharray: 2;
    stroke-dashoffset: 0; } }
.branch_bg{
  position: absolute;opacity: 0.7;
  left: 43.1%;
  top: 70.5%;
  width: 140px;
  display: block;
  z-index: -1;
}
.branch_bg_1{
    position: absolute;
    opacity: 1;
    left: 88.1%;
    top: 63.5%;
    width: 18%;
    display: block;
    z-index: -1;
}



.map_sel_case {
  width: 29.25%;
  right: 0;
  margin-right: 9.6%;
  position: absolute; }
  .map_sel_case .map_sel_box {
    height: 60px;
    background-color: #15b89b;
    position: relative;
    z-index: 2; }
    .map_sel_case .map_sel_box > .pure {
      font-size: 18px;
      line-height: 60px;
      color: #fff; }
      .map_sel_case .map_sel_box > .pure > div {
        width: calc( 100% - 60px);
        float: left;
        padding-left: 24px; }
      .map_sel_case .map_sel_box > .pure .sel_btn {
        width: 60px;
        height: 60px;
        display: block;
        float: right;
        text-align: center;
        font-size: 12px;
        background-color: #399fde;
        position: relative;
        cursor: pointer; }
        .map_sel_case .map_sel_box > .pure .sel_btn i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(0.7);
          transition: all .5s ease; }
      .map_sel_case .map_sel_box > .pure .sel_btn.on i {
        transform: translate(-50%, -50%) scale(0.7) rotate(-180deg); }
    .map_sel_case .map_sel_box .city_sel_box {
      display: none;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 40vh;
      background-color: #f2f8fe;
      padding: 25px; }
      .map_sel_case .map_sel_box .city_sel_box > ul {
        height: calc(40vh - 50px);
        width: 100%;
        padding-right: 30px; }
        .map_sel_case .map_sel_box .city_sel_box > ul li {
          margin-right: 6.6%;
          display: block;
          line-height: 3;
          font-size: 14px;
          color: #7e7e7e;
          border-bottom: 1px solid #eeeeee;
          cursor: pointer; }

.city_sel_con {
  width: 100%;
  height: 40vh;
  background-color: #f2f8fe;
  padding: 25px; }
  .city_sel_con > ul {
    height: calc(40vh - 50px);
    width: 100%;
    padding-right: 30px; }
    .city_sel_con > ul li {
      margin-right: 6.6%;
      display: block;
      line-height: 2;
      font-size: 14px;
      color: #7e7e7e;
      cursor: pointer; }
      .city_sel_con > ul li .map_field {
        border-bottom: 1px solid #eeeeee;
        position: relative;
        padding-left: 15px;
        font-size: 16px;
        line-height: 3;
        color: #399fde; }
        .city_sel_con > ul li .map_field::after {
          content: '';
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #399fde;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -3px; }
      .city_sel_con > ul li .map_contact {
        padding: 10px 0; }

.jspTrack {
  background-color: #e8edf1;
  border-radius: 4px; }

.jspVerticalBar {
  background-color: transparent; }

.jspDrag {
  background-color: #d2d2d2;
  border-radius: 4px; }

.pub_banner_box {
  height: 46vh;
  position: relative;
  overflow: hidden; }
  .pub_banner_box .pub_banner {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
    transform: scale(1.1);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  .pub_banner_box .on.pub_banner {
    transform: scale(1);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); }

.pub_banner_text_box {
  position: absolute;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0 15px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1; }

.pub_banner_text_titlt {
  font-size: 32px;
  margin-top: 40px;
  text-shadow: 3px 0 10px rgba(10, 70, 144, 0.4); }

.pub_banner_text_cn {
  font-size: 18px;
  margin-top: 18px;
  font-weight: 700;
  letter-spacing: 8px;
  text-transform: uppercase;
  text-shadow: 3px 0 10px rgba(10, 70, 144, 0.4); }

.pub_con_case {
  width: 66.66%;
  margin: 0 auto;
  position: relative; }

.com_nav {
  width: 100%;
  position: relative;
  transform: translateY(-50%);
  box-shadow: 25px 0 80px rgba(0, 0, 0, 0.1); }
  .com_nav > a {
    width: 20%;
    text-align: center;
    font-size: 0;
    color: #fff;
    background-color: #0d468d;
    display: block;
    padding: 20px 0;
    float: left;
    border-right: 1px solid #0b3e7e; }
    .com_nav > a > div {
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      margin: 0 8px; }
      .com_nav > a > div i {
        font-size: 0.36rem; }
    .com_nav > a > div:first-child {
      margin-left: 0; }
    .com_nav > a > div:last-child {
      margin-right: 0; }
  .com_nav > a:last-child {
    border-right: none; }
  .com_nav > a.on, .com_nav > a:hover {
    background-color: #1378c4;
    border-right: 1px solid transparent; }

.com_nav_title {
  font-size: 16px;
  margin-bottom: 5px;
  text-align: left; }

.com_nav_title_cn {
  font-size: 12px;
  transform: scale(0.75);
  transform-origin: 0 50% 0;
  text-align: left;
  text-transform: uppercase; }

.com_con_head {
  position: relative;
  text-align: center; }
  .com_con_head::after {
    content: attr(data-mark);
    display: block;
    line-height: 1;
    font-size: 86px;
    color: #f5f5f5;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 6px; }
  .com_con_head .com_con_title_box {
    border-radius: 100%;
    background-color: #fff;
    height: 126px;
    width: 126px;
    box-shadow: 3px 0 60px rgba(57, 122, 203, 0.29);
    position: relative;
    z-index: 1;
    margin: 0 auto; }
    .com_con_head .com_con_title_box > span {
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .com_con_head .com_con_title_box > span img {
        display: block;
        margin: 0 auto; }
      .com_con_head .com_con_title_box > span img:first-child {
        height: 20px; }
      .com_con_head .com_con_title_box > span img:nth-child(2) {
        height: 14px;
        margin-top: 8px; }

.com_con_body_his {
  position: relative;
  padding-bottom: 0.8rem; }
  .com_con_body_his::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #aaaaaa; }
  .com_con_body_his > div {
    position: relative;
    z-index: 1;
    padding: 1rem 0; }
    .com_con_body_his > div .his_img_box {
      width: 43.75%;
      font-size: 0;
      position: absolute;
      height: 100%;
      top: 0; }
      .com_con_body_his > div .his_img_box > div {
        display: none;
        max-width: calc(100% - 30px);
        position: absolute;
        transform: translateY(-50%);
        top: 50%; }
        .com_con_body_his > div .his_img_box > div > img {
          position: relative;
          z-index: 1; }
        .com_con_body_his > div .his_img_box > div::after {
          content: '';
          width: 80%;
          height: 80%;
          position: absolute;
          bottom: -30px;
          display: block;
          background-color: #f5f5f5; }
      .com_con_body_his > div .his_img_box > div:first-child {
        display: inline-block; }
    .com_con_body_his > div .his_info_box {
      width: 50%;
      position: relative;
      z-index: 1; }
  .com_con_body_his > div:nth-child(odd) > div {
    float: right; }
  .com_con_body_his > div:nth-child(odd) .his_img_box {
    text-align: right; }
    .com_con_body_his > div:nth-child(odd) .his_img_box > div {
      right: 0; }
      .com_con_body_his > div:nth-child(odd) .his_img_box > div::after {
        left: -30px; }
  .com_con_body_his > div:nth-child(odd) .his_info_box {
    margin-left: 6.25%; }
    .com_con_body_his > div:nth-child(odd) .his_info_box .his_deed, .com_con_body_his > div:nth-child(odd) .his_info_box .his_time {
      padding-left: 10%; }
    .com_con_body_his > div:nth-child(odd) .his_info_box .his_mon {
      left: 0;
      transform: translateX(-50%); }
      .com_con_body_his > div:nth-child(odd) .his_info_box .his_mon::after {
        right: 100%; }
  .com_con_body_his > div:nth-child(even) > div {
    float: left; }
  .com_con_body_his > div:nth-child(even) .his_img_box {
    text-align: left;
    right: 0; }
    .com_con_body_his > div:nth-child(even) .his_img_box > div {
      left: 0; }
      .com_con_body_his > div:nth-child(even) .his_img_box > div::after {
        right: -30px; }
  .com_con_body_his > div:nth-child(even) .his_info_box {
    margin-right: 6.25%;
    text-align: right; }
    .com_con_body_his > div:nth-child(even) .his_info_box .his_deed, .com_con_body_his > div:nth-child(even) .his_info_box .his_time {
      padding-right: 10%; }
    .com_con_body_his > div:nth-child(even) .his_info_box .his_deed {
      display: inline-block;
      max-width: 100%;
      text-align: justify; }
    .com_con_body_his > div:nth-child(even) .his_info_box .his_mon {
      right: 0;
      transform: translateX(50%); }
      .com_con_body_his > div:nth-child(even) .his_info_box .his_mon::after {
        left: 100%; }

.his_time {
  font-size: 0.48rem;
  line-height: 2.416;
  padding-top: 0.2rem;
  color: #333333; }

.his_text {
  margin-bottom: .2rem;
  position: relative; }
  .his_text .his_mon {
    border-radius: 100%;
    width: 0.44rem;
    height: 0.44rem;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.14rem;
    font-weight: 700;
    color: #fff;
    background-color: #d4d4d4;
    position: absolute;
    top: 0; }

.his_text:hover .his_deed {
  color: #333333; }

.his_text:hover .his_mon {
  background-color: #399fde; }

.his_deed {
  color: #999999;
  font-size: 0.18rem;
  padding: 0.05rem 0;
  line-height: 0.33rem; }

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

.ov_height {
  overflow: hidden; }

.btn_more_box {
  text-align: center;
  font-size: 0;
  padding-bottom: .3rem;
  position: relative;
  z-index: 1; }
  .btn_more_box a {
    display: inline-block;
    border: 1px solid #e4e4e4;
    text-align: center;
    line-height: 1;
    padding: 0.16rem .5rem;
    font-size: .14rem;
    color: #999999;
    box-shadow: 0 -20px 50px white; }

@media all and (max-width: 1600px) {
  .branch-svg svg {
    width: 680px;
    height: 550px; }

  .branch_bg{
    width: 120px;
    top: 70.5%;
  }
  .pro_title {
    font-size: 22px; }
  .pro_info {
    font-size: 13px; }
  .mess_box .mess_con {
    padding-top: 60px;
    padding-bottom: 60px; }
  .mess_box .mess_con .data_box {
    margin-top: 100px; }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name span {
    margin: 0 .35rem; }
  .abo_com {
    width: 50%; }
    .abo_com .com_title {
      font-size: 0.4rem;
      color: #000; }
    .abo_com .com_info {
      margin-top: 0.4rem;
      min-height: 4.5rem; }
    .abo_com .com_motto {
      font-size: 0.24rem;
      margin-top: .4rem; }
  .abo_com_img {
    width: 40%; }
    .abo_com_img img {
      width: 100%;
      display: block; } }
@media all and (max-width: 1440px){
  .pub_title > div:first-child {
    font-size: 53px;
  }

}
@media all and (max-width: 1366px) {
  .mess_img_case .swiper-pagination {
    bottom: 99%; }
  .branch-svg svg {
    width: 520px;
    height: 450px; }
  .branch_bg{
    width: 95px;
  }

  .map_sel_case {
    top: 9%; }
  .pub_title > div:first-child {
    font-size: 32px; }
  .pub_title > div:nth-child(2) {
    font-size: 20px; }
  .pub_title {
    margin-top: calc(9vh + 80px); }
  .scr3_pro_tex_box .pro_info {
    display: none; }
  .more_sty {
    bottom: 50%;
    transform: translateY(50%); }
  .pro_title {
    /*line-height: 10vh;*/
    margin-top: 0;
    font-size: 18px; }
  .mess_box .mess_con .data_box {
    margin-top: 80px; }
  .ser_num_box {
    padding-right: 1.5rem;
    font-size: 0.16rem;
    line-height: 0.8rem;
    cursor: pointer; }
    .ser_num_box .ser_num {
      font-size: .6rem; }
      .ser_num_box .ser_num::after {
        width: 0.6rem;
        margin-left: 0; }
  .ser_banner_page_box {
    top: 2.8rem; }
    .ser_banner_page_box .active-nav .ser_num_box {
      font-size: 0.20rem; }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name {
    font-size: 0.16rem; }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name span {
    width: 0.6rem; }
  .his_time {
    padding-bottom: 0;
    font-size: .32rem;
    line-height: 2; }
  .his_deed {
    font-size: .14rem; }
  .com_nav > a > div i {
    font-size: 0.26rem; }
  .com_nav > a > div {
    margin: 0 4px; }
  .abo_com {
    width: 50%; }
    .abo_com .com_title {
      font-size: 0.35rem; }
    .abo_com .com_info {
      margin-top: 0.3rem;
      min-height: 4.5rem; }
    .abo_com .com_motto {
      font-size: 0.20rem;
      margin-top: .3rem; }
  .abo_com_img {
    width: 42%; }
  .at_time {
    height: 2.8rem; }
    .at_time > div {
      font-size: 2.8rem; }
  .at_time .at_time_decade, .at_time .at_time_unit {
    width: 1.55rem; } }
    @media screen and (max-width: 1350px){
      .head ul li {
        margin-right: 2.5vw;
    }
  }
@media all and (max-width: 1280px) {
  .header_box .pc_nav > ul li {
    margin-right: 2.2vw; }
  .mess_box .mess_con .data_box .dat_num {
    font-size: 60px; }
  .mess_box .swiper-pagination > span .src2_pag_name {
    font-size: 14px; }
  .pro_list_box .pro_nav {
    transform: translateX(-110%); }
  .abo_com {
    width: 50%; }
    .abo_com .com_title {
      font-size: 0.28rem; }
    .abo_com .com_info {
      min-height: 4rem;
      margin-top: .1rem;
      line-height: 1.5; }
    .abo_com .com_motto {
      font-size: 0.2rem;
      margin-top: .3rem; }
  .abo_com_img {
    width: 42%; } }
  .ind_body .head{
    position: fixed;
    z-index: 10;
  }
  .ind_body .head ul{
    padding-left: 3vw
  }

@media all and (max-width: 1100px){
  .nav_en{
    border-left:none;
  }

  .faq .title .bg{
    height: 100%;
    display: block;
  }
}

@media all and (max-width: 1024px) {
  #header nav li.active{
    background: #399FDE!important;
  }
  #change_page button{
    display: none;
  }
  footer a img{
    margin-left: 0;
    margin-right: 5px;
}
  .m-banner_text.banner_text {
    top: 16vh;
}
  #header nav li.active a{
    color: #ffffff!important;
  }
  .copyRight_box {
    width: 100%; }
  .branch-svg {
    width: 100%;
    top: 0;
  }
  .branch-svg svg {
    width: 900px;
    height: 700px;
  }
  .branch_bg{
    width: 150px;
    left: 46%;
  }
  .map_sel_case {
    position: relative;
    width: 100%;
    margin: 7vh 0; }
  .ind_news_box .ind_news_case .ind_news_name {
    float: none;
    margin-bottom: 20px; }
  .ind_news_box .ind_news_case .ind_news_info_box {
    width: 50vw; }
  .ind_news_box .ind_news_case {
    width: 100vw;
    padding-left: 15px;
    padding-bottom: 3vh; }
  .ind_news_box {
    padding-top: 3vh; }
  .ind_com_box {
    width: 42vw; }
  .mess_box {
    width: 100%; }
  .mess_img_case {
    bottom: 10vh; }
    .mess_img_case .swiper-pagination {
      width: 100%;
      left: 0; }
  .tit_place0 {
    margin-right: 5%;
    padding-left: 20px; }
  .pub_title {
    margin-top: calc(4.5vh +  80px); }
  .pro_list_box .pro_nav {
    transform: translateX(-100%); }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name span {
    margin: 0 .2rem; }
  .ser_sup_box .pub_title {
    padding-left: 0; }
  .pub_popup > div {
    padding: .3rem .6rem .6rem; }
  .abo_com {
    width: 50%; }
    .abo_com .com_title {
      font-size: 0.28rem; }
    .abo_com .com_info {
      min-height: 4rem;
      margin-top: .1rem;
      line-height: 1.5; }
    .abo_com .com_motto {
      font-size: 0.18rem;
      margin-top: .3rem; }
  .abo_com_img {
    width: 44%; }
  .abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
    padding: .5rem; }
  .join_box {
    width: 100%; }
  .join_us {
    width: 100%;
    margin-bottom: .3rem; }
  .abo_mod1_bg .ser_sup_img_case .ser_sup_adorn {
    transform: rotate(90deg) translate(20%, -50%); }
  .at_time {
    height: 1.8rem; }
    .at_time > div {
      font-size: 1.8rem; }
  .at_time .at_time_decade, .at_time .at_time_unit {
    width: 1.1rem; }
  .header_box .logo_box {
    display: none; }
  #bloc .wrapper{
    height: auto;
  }
  #bloc .wrapper .row{
    position: relative;
    height: auto;
    opacity: 1;
    overflow: initial;
    padding-top: 1px;
  }
  #bloc .wrapper .row.on{
    height: 100vh;
  }
  .mess_box{
    position: relative;
  }
  .mess_box .swiper-pagination > span .src2_pag_icon i{
    font-size: 32px;
  }
  .mess_box .mess_con .data_box .dat_num{
    font-size: 40px;
  }
  .ind_body .screen3{
    height: auto;
    margin-bottom: 50px;
  }
  .ind_body footer,.branch-svg{
    position: relative;
  }
}

.fadeInDown0 {
  -webkit-animation-name: fadeInDown0;
  animation-name: fadeInDown0; }

@keyframes fadeInDown0 {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }

@media all and (max-width: 768px) {
  .header_box {
    display: none; }
  .branch-svg svg {
    width: 100%;
    height: 547px; }
  .branch_bg{
    width: 19%;
    left: 43%;
  }

  .banner_text .banner_info {
    font-size: 45px; }
  .banner_text .banner_mess {
    font-size: 16px; }
  .banner_text .banner_mess_l {
    font-size: 14px;
    letter-spacing: 10px; }
  .ind_news_box {
    display: none; }
  .copyRight_box {
    font-size: 12px; }
  footer .copyRight_box {
    width: 100%; }
  .ind_body .screen2 {
    padding-top: 1px; }
  .pub_title {
    position: relative;
    margin-right: 0;
    margin-top: .5rem;
    padding: 0 15px;
    text-align: center !important; }
  .mess_box .swiper-pagination {
    width: 100%; }
  .mess_box .swiper-pagination > span {
    width: 16.6%; }
  .mess_box .swiper-pagination > span:first-child {
    margin-left: 0; }
  .mess_box .swiper-pagination > span .src2_pag_plan {
    width: 16vw; }
  .mess_img_box {
    left: 13.542%;
    top: 55%;
    position: absolute;
    margin-left: 0;
    margin-top: 0; }
  .give_a_sign {
    display: none; }
  .ind_body .screen3 {
    padding-top: 1px; }
    .ind_body .screen3 .tit_place1 {
      position: relative;
      transform: rotate(0);
      top: 0;
      right: auto; }
    .ind_body .screen3 .scr3_case {
      width: 100%;
      margin-top: 15px; }
  .scr_case {
    width: 100%;
    padding: 0 15px; }
  .ind_body .tit_place2 {
    margin-top: 6%;
    margin-left: 0; }
  .ind_body .screen5 {
    padding-bottom: 60px; }
  .ind_body .scr_case .sup_box {
    margin-top: 50px; }
  .ind_body .screen4 .scr_case {
    margin: 0 15px;
    padding: 0;
    width: auto; }
  .ind_body .screen4 .preview2 .pro_name_num span {
    font-size: 14px; }
  .ind_body .screen4 .preview2 {
    height: 45%; }
  .ind_body .screen4 .btn_sideslip {
    padding: 30px; }
  .ind_body .screen4 .btn_sideslip i {
    margin-left: 30px; }
  #header {
    height: 70px !important;
    display: block;
    background: #ffffff;
  }
  #header i{
    line-height: 70px !important;
  }
  #header nav{
    top: 60px !important;
  }
  .pub_banner {
    height: 3rem;
    overflow: hidden; }
  .banner_ad_box {
    left: 15px; }
    .banner_ad_box .ad_l_title::after {
      width: 100%; }
  .pub_page_title .pub_title .pub_small {
    width: 100%; }
  .pub_page_title .pub_title {
    padding: 0; }
  .pro_list_box .pro_nav {
    position: relative;
    transform: translateX(0); }
  .pro_list_box .pro_nav > div {
    margin-bottom: 0.5rem;
    width: 33.33%;
    float: left; }
  .pro_list_box .pro_nav > div::after {
    left: 74%;
    top: 73%;
    height: 1px;
    width: 50%; }
  .pro_list_box .pro_nav > div:nth-child(1) .pro_nav_box {
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 120%; }
  .pro_list_box .pro_nav > div:nth-child(1):hover .pro_nav_box::after {
    top: -0.12rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_list_box .pro_nav > div:nth-child(2) .pro_nav_box {
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 120%; }
  .pro_list_box .pro_nav > div:nth-child(2):hover .pro_nav_box::after {
    top: -0.12rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_list_box .pro_nav > div:nth-child(3) .pro_nav_box {
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 120%; }
  .pro_list_box .pro_nav > div:nth-child(3):hover .pro_nav_box::after {
    top: -0.12rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_info_box {
    padding-bottom: .9rem; }
  .ser_banner_page_box {
    right: 0; }
  .ser_banner_box {
    margin-top: 0.5rem; }
  .ser_mod1_bg {
    padding-bottom: 0.4rem; }
  .ser_sup_box {
    padding-bottom: 1.4rem; }
  .pop_down_list .pro_down_box .pro_down_name {
    width: calc(100% - .6rem);
    padding: .25rem 10px .25rem 0.6rem; }
  .pop_down_list .pro_down_box .btn_pro_down {
    width: .6rem; }
  .pop_down_list .pro_down_box .pro_down_name i {
    top: .25rem;
    left: .25rem; }
  .sol_detail_box {
    width: calc(100% - 15px);
    margin-left: 15px; }
  .abo_mod1_bg {
    padding: .7rem 0; }
  .abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
    margin-left: 0;
    width: 100%; }
  .join_box > div {
    padding: .1rem .2rem; }
  .abo_mod2_bg {
    padding: .7rem 0; }
  .banner_text{
    top: 16vh;
  }
  .scr3_pro_case{
    height: 346px;
    margin-top: 0;
  }
}

@media all and (max-width: 640px) {
  .ind_body .map_bg .screen3{
    margin-bottom: 0;
  }
  .branch_bg{
    width: 20.5%;
  }

  .screen1 {
    height: 40vh; }
  .branch-svg svg {
    height: 300px; }
  .banner_text .banner_info {
    font-size: 20px; }
  .banner_text .banner_mess {
    font-size: 14px; }
  .banner_text .banner_mess_l {
    font-size: 12px;
    letter-spacing: 5px; }
  .banner_box .banner .swiper-pagination-bullet {
    font-size: 13px;
    margin: 0 7px; }
  .mess_img_box {
    display: none; }
  .mess_box {
    width: 100%; }
  .mess_box .swiper-pagination > span .src2_pag_name {
    font-size: 12px; }
  .mess_box .mess_con .mess_info {
    font-size: 18px; }
  .mess_box .mess_con .mess_com_pro {
    font-size: 12px; }
  .pub_title > div:first-child {
    font-size: 22px; }
  .pub_title > div:nth-child(2) {
    font-size: 14px; }
  .icon-icon-test8 {
    font-size: 60px; }
  .mess_box .mess_con {
    padding: 20px;
    padding-bottom: 30px;
  }
  .mess_box .mess_con .data_box .dat_num {
    font-size: 30px;
  }
  .mess_box .mess_con .data_box > div:first-child {
    margin-right: 20px; }
  .mess_box .mess_con .data_box .dat_name {
    font-size: 12px; }
  .mess_box .mess_con .mess_title {
    font-size: 28px; }
  .mess_box .mess_con .data_box {
    margin-top: 25px; }
  .ind_body .screen3 .scr3_case .pro_case > div {
    display: none; }
  .ind_body .screen3 .scr3_case .pro_case > div:first-child {
    width: 100%;
    display: block; }
  .foot_nav {
    position: relative;
    transform: translateY(0); }
  footer {
    line-height: 1.5; }
  .pro_case > div .pro_hot .pro_h_name {
    font-size: 24px; }
  .ind_body .scr_case .sup_box > div {
    width: 50%; }
  .ind_body .scr_case .sup_box > div .sup_name {
    font-size: 16px;
    margin: 20px; }
  .screen6 {
    padding: 50px 0 40px; }
  .logo_f_box {
    float: left !important; }
  .screen6 .foot_box .w_d0 {
    width: 100%; }
  .screen6 .foot_box .w_d1 {
    width: 100%; }
  .screen6 .foot_box .w_d2 {
    width: 100%; }
  .screen6 .foot_box > div > span {
    height: auto;
    margin-top: 20px;
    margin-bottom: 15px; }
  .screen6 .foot_box > .w_d2 {
    margin-top: 0px; }
  .mess_box .mess_con .btns_box .btn_mess i {
    font-size: 24px; }
  .ind_body .screen4 {
    padding-bottom: 40px; }
  .ind_body .screen4 .scr_case {
    padding-top: 60px; }
  .ind_body .screen4 .preview2 {
    height: auto;
    top: 0;
    overflow: hidden; }
    .ind_body .screen4 .preview2 > div {
      float: left;
      width: 30px;
      height: 60px;
      overflow: hidden; }
    .ind_body .screen4 .preview2 .pro_name_num > span:first-child {
      display: none; }
    .ind_body .screen4 .preview2 > .active-nav {
      width: auto; }
      .ind_body .screen4 .preview2 > .active-nav .pro_name_num > span:first-child {
        display: inline-block; }
  .view .pro_img_num {
    font-size: 0.13rem; }
    .view .pro_img_num > span:first-child {
      font-size: .24rem; }
  .ind_body .screen4 .btn_sideslip {
    font-size: 12px;
    padding: 15px; }
    .ind_body .screen4 .btn_sideslip i {
      margin-left: 10px; }
  .ind_body .screen4 .sideslip_box {
    width: calc(100% - 60px); }
  .ind_body .screen4 .sideslip_box .pro_sid_title {
    font-size: 20px;
    padding-top: 50px;
    padding-bottom: 25px; }
  .ind_body .screen4 .sideslip_box .pro_more {
    font-size: 18px; }
  .ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_img_case {
    width: 100px;
    height: 120px;
    line-height: 120px;
    margin-right: 15px; }
  .ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case .sys_name {
    font-size: 16px; }
  .ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case .sys_info {
    font-size: 12px; }
  .ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case a {
    font-size: 12px;
    padding-right: 0; }
  .ind_body .screen4 .sideslip_box .sid_con {
    padding-left: 15px; }
  .ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case {
    width: calc(100% - 120px);
    margin-top: 22px; }
  .ind_body .screen4 .sideslip_box .pro_num_box {
    width: 60px; }
  .ind_body .screen4 .sideslip_box .pro_num_box .pro_at_present, .ind_body .screen4 .sideslip_box .pro_num_box .pro_sum {
    margin: 0 10px; }
  .ind_body .screen4 .sideslip_box .pro_num_box .pro_at_present {
    font-size: 30px; }
  .ind_body .screen4 .sideslip_box .pro_num_box .btn_close {
    font-size: 14px;
    padding: 5px 0;
    line-height: 1.5; }
  .ind_body .screen4 .sideslip_box .scroll-pane {
    height: calc(100% - 100px); }
  .banner_ad_box {
    bottom: 0.5rem;
    font-size: 0.4rem; }
  .pro_list_box .pro_case > div {
    width: 80%;
    margin-left: 10%; }
  .pro_list_box .pro_nav > div:hover .pro_nav_box {
    width: 300%; }
  .pro_list_box .pro_nav > div:nth-child(1) .pro_nav_box {
    bottom: auto;
    left: 0;
    top: 130%;
    transform: translateX(0); }
  .pro_list_box .pro_nav > div:nth-child(1):hover .pro_nav_box::after {
    top: -0.12rem;
    left: 16%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_list_box .pro_nav > div:nth-child(2) .pro_nav_box {
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 130%; }
  .pro_list_box .pro_nav > div:nth-child(2):hover .pro_nav_box::after {
    top: -0.12rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_list_box .pro_nav > div:nth-child(3) .pro_nav_box {
    bottom: auto;
    left: auto;
    right: 0;
    transform: translateX(0%);
    top: 130%; }
  .pro_list_box .pro_nav > div:nth-child(3):hover .pro_nav_box::after {
    top: -0.12rem;
    left: auto;
    right: 16%;
    transform: translateX(-50%) rotate(45deg); }
  .pro_down_box .pro_down_name {
    padding: 0.3rem 10px .3rem .6rem; }
  .pro_down_box .pro_down_name i {
    top: .3rem;
    left: .2rem; }
  .pro_info_img_box {
    width: 100%;
    position: relative;
    height: 30vh; }
  .pro_info_text_box {
    width: 100%; }
  .pro_info_box .pro_info_mod:first-child {
    padding-bottom: 0.35rem; }
  .pro_info_text_box p {
    margin-top: 0.15rem;
    margin-bottom: 0.4rem; }
  .ser_banner_box {
    width: 100%;
    margin-top: 1.2rem; }
  .ser_banner_page_box {
    height: .8rem;
    top: .8rem;
    width: 100%; }
    .ser_banner_page_box .swiper-container {
      height: 100%; }
  .ser_num_box {
    padding-right: 1rem;
    font-size: 0.14rem; }
    .ser_num_box .ser_num {
      font-size: .4rem; }
      .ser_num_box .ser_num::after {
        width: .4rem; }
  .ser_banner_page_box .active-nav .ser_num_box {
    font-size: 0.18rem; }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name span {
    width: .3rem; }
  .ser_body .banner_ad_box {
    bottom: .45rem; }
  .ser_sup_img_case .ser_sup_adorn {
    font-size: 1rem; }
  .ser_sup_img_case {
    margin-top: 0.45rem; }
  .ser_sup_img_case .ser_sup_img_box {
    width: 90%;
    overflow: hidden;
    left: 10%; }
  .ser_sup_img_case .ser_sup_img_box > img {
    width: 150%;
    max-width: 150%;
    margin-left: -25%; }
  .ser_sup_box {
    padding-bottom: .9rem; }
  .pub_popup > div {
    width: 90%;
    padding: 20px 15px; }
  .list_page_box {
    padding: 0;
    padding-bottom: .4rem; }
    .list_page_box > * {
      margin-top: .1rem;
      font-size: .16rem; }
    .list_page_box .list_pages {
      margin-left: 0;
      margin-right: 0;
      display: block;
      margin-top: 0; }
  .sol_detail_box .sol_nav_l_box {
    width: 30%;
    position: absolute;
    right: 0;
    top: 2rem; }
  .sol_detail_box .sol_det_show_box_bg {
    width: 100%;
    padding: 15px;
    padding-bottom: 0; }
  .sol_detail_box .sol_det_show_box_bg .sol_det_show_box {
    width: 100%; }
  .sol_detail_box .sol_det_show_box_bg .swiper-slide {
    text-align: center;
    width: 100%; }
  .sol_detail_box .sol_det_show_box_bg .sol_det_show_box .sol_det_img_box .swiper-button-prev {
    transform: translateX(0); }
  .sol_detail_box .sol_det_show_box_bg .sol_det_show_box .sol_det_img_box .swiper-button-next {
    transform: translateX(0); }
  .sol_mess_l .sol_ind_img {
    width: 100%; }
  .sol_mess_l .sol_text_box {
    width: 100%; }
  .vide_btn {
    right: 0;
    top: auto;
    bottom: -.4rem; }
  .abo_com {
    width: 100%; }
    .abo_com .com_title {
      font-size: 0.28rem; }
    .abo_com .com_info {
      min-height: 4rem;
      margin-top: .1rem;
      line-height: 1.5; }
    .abo_com .com_motto {
      font-size: 0.18rem;
      margin-top: .3rem; }
  .abo_com_img {
    width: 100%; }
  .join_box > div .join_con > div {
    width: 100%; }
  .at_time {
    height: .9rem; }
    .at_time > div {
      font-size: .9rem; }
  .at_time .at_time_decade, .at_time .at_time_unit {
    width: 0.49rem; }
  .time_sel_box .btn_next_box > .obj_time_box, .time_sel_box .btn_prev_box > .obj_time_box {
    font-size: .2rem;
    line-height: .2rem;
    height: .2rem; }
  .time_sel_box .btn_next_box, .time_sel_box .btn_prev_box {
    bottom: calc(32% - 21px);
    width: .6rem; }
  .time_con {
    margin-left: 0;
    width: 100%; } }

@media all and (max-width: 375px) {
  .mess_box .mess_con .data_box {
    margin-top: 40px; }
  .branch-svg svg {
    height: 272px;
  }
}

@media all and (max-width: 320px) {
  .branch-svg svg {
    height: 230px;
  }
  .ind_com_box .ind_com_info{
    height: 40px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
  }
  .ser_banner_page_box .active-nav .ser_num_box {
    font-size: 0.16rem; }
  .ser_banner_box .btn_sha_sty .ser_btn_con_name span {
    margin: 0 .1rem;
    width: .2rem; }
  .abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
    padding: .15rem; }
  .join_box > div .join_title > span:first-child {
    padding-left: .2rem; }
  .join_box > div .join_title > span:first-child i {
    left: -.2rem;
    padding-right: .1rem; }
  .join_box > div .join_con {
    padding-left: .2rem; }
  .mess_box .mess_con .mess_title {
    font-size: 18px; }
  .mess_box .mess_con .mess_info {
    font-size: 14px;
    padding: 5px 0; }
  .mess_box .mess_con .mess_com_pro {
    margin-top: 10px; }
  .mess_box .mess_con .data_box {
    margin-top: 30px; }
  .mess_box .mess_con .data_box .dat_num {
    font-size: 36px; }
  .mess_box .swiper-pagination > span .src2_pag_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: scale(0.8) translateX(-50%);
    transform-origin: 0% 50%; }
  .mess_box .mess_con .data_box .dat_name {
    font-size: 12px; }
  .ind_body .screen4 .preview2 .pro_name_num span {
    margin: 0 15px; }
  .ind_body .screen4 .preview2 .active-nav span:last-child::before {
    width: 30px; }
  .ind_body .screen4 .preview2 .pro_name_num span:last-child::before {
    margin-right: 10px; } }

    .header_box {
      background-color: rgba(255,255,255,1);
  }
  .search_box input[type='submit']{
    position: absolute;
    left: 0;
    top:0;
    width: 80px;
    height: 80px;
    background: transparent;
  }
  @media screen and (max-width: 1024px){
    .pub_con_case{
        width: 100%;
    }
    .copyRight_box{
      text-align: center;
    }
    .copyRight_box span{
      display: inline-block;
    }
    .scroll{
      position: absolute;
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
    }
    .scroll span{
      display: block;
      font-size: 10px;
      font-family: 'Gotham-Book';
      font-weight: normal;
      color: rgba(255,255,255,1);
      line-height: 16px;
      letter-spacing: 2px;
    }
    .scroll p{
      display: inline-block;
      width:1px;
      height:27px;
      background:rgba(255,255,255,0.3);
      vertical-align: top;
      margin-top:10px;
      position: relative;
      overflow: hidden;
    }
    .scroll p:nth-child(2)::after{
      content: "";
      position: absolute;
      height: 50%;
      width: 100%;
      background-color: #fff;
      bottom: 100%;
      left: 0;
      animation: rise1 1.6s linear infinite;
    }
    .scroll p:nth-child(3)::after{
      content: "";
      position: absolute;
      height: 50%;
      width: 100%;
      background-color: #fff;
      bottom: 100%;
      left: 0;
      animation: rise2 1.6s linear infinite;
    }
    @keyframes rise1 {
      0% {
        transform: translate(0);
        -webkit-transform: translate(0);
      }
      100% {
        transform: translateY(60px);
        -webkit-transform: translateY(60px);
      }
    }
    @keyframes rise2 {
      0% {
        transform: translate(0);
        -webkit-transform: translate(0);
      }
      100% {
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
      }
    }
    .scroll p:nth-child(3){
      height:13px;
      margin-left: 8px;
    }
    .ind_news_mes_box .ind_time_box{
      margin-top:8px;
    }
    .ind_news_box .ind_news_case .ind_news_info_box{
      width: 100%;
    }
    .banner_box{
      height: 66.5%;
    }
    .ind_news_box .ind_news_case .ind_news_name{
      display: none;
    }
    .ind_news_box .ind_news_case{
      padding: 0 10px;
    }
    .banner_text .ying_box img{
      width:14vw;
    }
    .ind_news_box{
      display: block;
      position: relative;
      background: rgba(4,22,51,0.5);
      transform: translateY(-100%);
      padding-top:10px;
      padding-bottom: 10px;
    }
    .ind_news_mes_box > div{
      font-size:14px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height: 20px;
      text-align: justify;
      overflow: unset;
      text-overflow: unset;
      white-space: unset;
      padding-top: 0px;
    }
    .ind_news_img{
      width:35%;
      margin-left: 3.5%;
      display: none;
    }
    .ind_news_mes_box .ind_time_box > a i{
      color:#ffffff;
      font-size: 10px;
      transform: scale(0.7);
      transform-origin: 65% 50%;
    }
    .ind_news_mes_box .ind_time_box > a{
      background: #399FDE;
      width: 45px;
      height: 18px;
      line-height: 18px;
    }
    .ind_news_mes_box .ind_time_box{
      line-height: 14px;
    }
    .ind_news_mes_box{
      width:100%;
    }
    .ind_news_mes_box .ind_time_box{
      font-size:14px;
      font-family:'BaronNeue';
      font-weight:400;
      color:rgba(195,195,195,1);
      padding-top:0;
    }
    .ind_com_box{
      width:100%;
      padding: 15px;
      height: 33.5%;
      padding-top:24px;
    }
    .ind_com_box .ind_com_title{
      font-size:20px;
      font-weight:400;
      padding-bottom: 8px;
      color:rgba(255,255,255,1);
      border-bottom: 1px solid rgba(192,213,244,1);
    }
    .ind_com_box .ind_com_info{
      font-size:14px;
      font-weight:400;
      color:rgba(210,228,255,1);
      line-height:20px;
      display: inline-block;
      margin-top:8px;
      min-height: auto;
    }
    .ind_com_box .ind_com_det a{
      font-size:14px;
      font-weight:400;
      color:rgba(210,228,255,0.5);
      line-height:24px;
    }
    .ind_com_box .ind_com_det > img{
      width:45px;
    }
    .banner_text{
      top: 10vh;
    }
    #header nav.app-nav>ul{
        top: 63px;
    }
    .com_nav>a>div i {
        margin-bottom: 10px;
        display: inline-block;
    }
    .com_con_body_his>div{
        padding: 0.2rem 0;
    }
    .com_con_body_his>div:nth-child(even) .his_info_box .his_deed, .com_con_body_his>div:nth-child(even) .his_info_box .his_time {
        padding: 0 10%;
    }
    .com_con_body_his>div .his_img_box>div{
        max-width: calc(100% - 10px);
    }
    .com_con_body_his>div .his_img_box>div::after{
        bottom: -14px;
    }
    .com_nav_title_cn{
        display: none;
    }
    .com_nav{
        transform: translateY(0);
    }
    .pub_banner_box{
        height: 45vw;
    }
    .pub_banner_text_titlt {
        font-size: 28px;
        margin-top: 20px;
    }
    .pub_banner_text_cn {
        font-size: 14px;
        margin-top: 10px;
        font-weight: 300;
        letter-spacing: 3px;
    }
    #header #logo {
        margin: auto 0px;
    }
    #header{
        height: 80px;
        display: flex;
        position: relative;
    }
    #header nav.app-nav{
        position: absolute;
        margin-top: -.3rem;
        top:50%;
    }
    .com_nav>a{
        height: 60px;
        padding: 0;
        display: flex;
        width:30vw;
    }
    .com_nav>a>div{
        margin-top:auto;
        margin-bottom: auto;
    }
    .com_nav>a>div:nth-child(1){
        margin-left:auto;
    }
    .com_nav>a>div:nth-child(2){
        margin-right:auto;
    }
    .nav_scroll{
        overflow-X:auto;
        width: 100%;
    }
    .com_nav>a>div i {
        font-size: 18px;
        margin-bottom: 0;
    }
    .com_nav_title{
        margin-bottom: 0; 
    }
    .mess_img_case{
        bottom: 0!important;
    }
    .mess_img_case .swiper-pagination{
        bottom: 100%;
    }
    .his_text:hover{
        cursor: pointer;
    }
    .header_box {
        display: none;
        background-color: rgba(255,255,255,1);
    }
    #header i{
        position: absolute;
        right: 15px;
        line-height: 80px;
        font-size: 27px;
    }
    #header nav{
      position: absolute;
      text-align: center;
      left: 0;
      top:80px;
      width:100%;
    }
    #header nav ul{
        width:100%;
        height: 0;
        overflow: hidden;
        background: #f5f5f5;
        transition: height 1s ease;
    }
    #header nav li{
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ececec;
        color: rgba(0,0,0,.7);
        font-size: 14px;
    }
}
.header_box {
    background-color: rgba(255,255,255,1);
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 5px;
    height: 16px;
    background-color: #d2d2d2;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius: 50%;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 50;
    background-color: #16b89b;
}
footer a img{
  margin-left: 17px;
}






header { width:95%;  height:91px; z-index:999999; position:relative; margin:0 auto;
background-color:#ffffff;}

header .h1_1 { width:20%;float:left; }
header .h1_1  a{ width:200px; }
header .h1_1 img { margin-top:0px; width:200px; margin-top:20px  }


/*nav*/
nav { width:80%; float:right; height:85px;}
nav ul { margin-top:0px; margin-bottom:0px;}
nav ul li {  float:left; }
nav ul li a {   text-align:center; line-height:91px;  padding:0 15x; font-size:15.3px; display: block; color:#737373; ; font-weight:400;transition: all 0.3s ease;}
nav ul li a:hover {
	color: #16b89b;
	text-decoration: none; font-weight:bold;
	background-image: url(../images/xx1.jpg);
	background-repeat: no-repeat;
	background-position: center 46px;
}
nav .dropdown { min-width:90px; position:relative;} 
nav ul.dropdown_menu { display:block;/* width:100%;*/ position:absolute; z-index:99;  margin:0; margin-left:-40px; border-bottom:0px solid #09428a; }
nav .dropdown_menu li { width:180px;  margin:0;background-color:#f6f6f6; height:0; overflow:hidden; float:none; padding:0 10px; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s;  }
nav .dropdown:hover .dropdown_menu li { height: 45px;}
nav .dropdown:hover ul.dropdown_menu { border-bottom:0px solid #09428a;} 

nav .dropdown .dropdown_menu li a{color: #1b1b1b; font-size: 15px; font-weight:700; line-height:40px;  display: block; padding:0px;   text-align: center; }

nav .lili a{ width:37px; height:37px; background:#19ae93;float:left; margin-top:25px; line-height:37px; margin-left:20px; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff




    }

nav .lili a:hover{ width:38px; height:38px; background:#16b89b; color:#fff;  transition:all 0.4s; border-radius: 50%;}


nav .dropdown  i {
	margin: -1px 5px 0px 0px; transition:0.4s cubic-bezier(0.35, 0.45, 0.55, 1); width: 0px; height: 1px; vertical-align: middle; display: inline-block; background-color:#16b89b; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}

nav .dropdown:last-child i {
	background:#3f3f3f;
}
nav .dropdown.on i {
	width: 15px;
}
nav .dropdown:hover i {
	width: 15px;


}
.about{ width:100%; height:922px; margin:0 auto; background:url(../image/aboutbg.jpg) no-repeat center top; margin-top:110px}

.about .screen4 {
  width: 1277px;
  margin: 0 auto;
  
  position: relative; padding-top:110px }


.rowpart{width:100%; height:922px; margin:0 auto; margin-top:30px}




.news{ background:url(../image/xwzx-bj.jpg) no-repeat center top ; width:100%; margin:0 auto}

.ind_body .screen4 {
  width: 93.33vw;
  margin: 0 auto;
  height: 100%;
  position: relative; padding-top:50px; padding-bottom:50px}

.ind_body .screen14 {
  width: 93.33vw;
  margin: 0 auto;
  height: 100%;
  position: relative; padding-top:110px; padding-bottom:50px}




.l {
    float: left;
}.r {
    float: right;
}


.wrap {
    max-width: 1277px;
    margin-right: auto;
    margin-left: auto;
    *width: 1200px;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
/*foot*/
.foot{ background:#5c5c5c; padding:50px 0 90px 0; color:#fff!important; width:100%; margin:0 auto }
.foot-nav dl{ float:left; width:160px; margin-right:30px; }
.foot-nav dt{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.foot-nav dd{ line-height:30px;}
.foot-nav dd a{ }
.foot-nav dl a{ color:#fff;}
.foot-nav dl dd a{ font-size:14px; color:rgba(255,255,255,0.8)}
.foot-nav dl a:hover{ color:#15b89b; text-decoration:underline; letter-spacing:1px; transition:all 0.4s }
.foot-social{ padding-right:35px; width:310px; border-left:1px solid #727171; background: url(../img/ewm_bg.png) no-repeat right 75px;}
.foot-social .bdsharebuttonbox{ margin-bottom:25px; float:right;}
.foot-social .bdsharebuttonbox .bds_text{ width:auto; padding:0; background:none; font-size:16px; color:#fff;}
.foot-ewm{ width:100%; float:right;}
.foot-ewm dl{ float:right; margin-left:25px; }
.foot-ewm dt{ text-align:center; margin-top:5px; font-size:14px;}
.foot-ewm dl dd img{ width:103px; max-width:none;}

.foot-bottom{ background:#424242; color:#bbb;  line-height:55px; text-align:center}
.foot-bottom a:hover{color:#bbb; text-decoration:underline; }
.foot-bottom .fb-left{ margin-right:10px;}
.foot-bottom .fb-left a{ padding-right:0px;}
.foot-bottom .fb-center em{ padding:0 8px;}
.foot-bottom a{  font-size:15px; color:rgba(255,255,255,0.8);}
.foot-bottom {  font-size:15px; color:rgba(255,255,255,0.8);}
.fb-cygs{ width:230px; height:30px; border:1px solid #b4b4b4; background:#696868; position:relative; margin-top:13px; cursor:pointer; }
.fb-cygs .cygs-t{ display:block; line-height:30px; text-indent:30px; position:relative;}
.fb-cygs .cygs-t .ion{ position:absolute; right:10px;}
.fb-cygs .cygs-v{ display:none; width:100%; left:-1px; position:absolute; bottom:30px; background:#696868; border:1px solid #b4b4b4; padding:10px 0; max-height:164px; overflow:auto;}
.fb-cygs .cygs-v a{ display:block; line-height:24px; padding-left:10px;}



.bdshare-button-style0-24 .bds_qzone{background-position:0 -52px}.bdshare-button-style0-24 .bds_tsina{background-position:0 -104px}.bdshare-button-style0-24 .bds_renren{background-position:0 -208px}.bdshare-button-style0-24 .bds_tqq{background-position:0 -260px}.bdshare-button-style0-24 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style0-24 .bds_tqf{background-position:0 -364px}.bdshare-button-style0-24 .bds_hi{background-position:0 -416px}.bdshare-button-style0-24 .bds_douban{background-position:0 -468px}.bdshare-button-style0-24 .bds_tieba{background-position:0 -728px}.bdshare-button-style0-24 .bds_hx{background-position:0 -988px}.bdshare-button-style0-24 .bds_fx{background-position:0 -1040px}.bdshare-button-style0-24 .bds_ty{background-position:0 -1196px}.bdshare-button-style0-24 .bds_fbook{background-position:0 -1352px}.bdshare-button-style0-24 .bds_twi{background-position:0 -1404px}.bdshare-button-style0-24 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style0-24 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style0-24 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style0-24 .bds_diandian{background-position:0 -1820px}.bdshare-button-style0-24 .bds_huaban{background-position:0 -1872px}.bdshare-button-style0-24 .bds_duitang{background-position:0 -2028px}.bdshare-button-style0-24 .bds_youdao{background-position:0 -2080px}.bdshare-button-style0-24 .bds_wealink{background-position:0 -2184px}.bdshare-button-style0-24 .bds_copy{background-position:0 -2288px}.bdshare-button-style0-24 .bds_mail{background-position:0 -2340px}.bdshare-button-style0-24 .bds_print{background-position:0 -2392px}.bdshare-button-style0-24 .bds_mshare{background-position:0 -2444px}.bdshare-button-style0-24 .bds_sqq{background-position:0 -2652px}.bdshare-button-style0-24 .bds_sdo{background-position:0 -2704px}.bdshare-button-style0-24 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style0-24 .bds_people{background-position:0 -2808px}.bdshare-button-style0-24 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style0-24 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style0-24 .bds_thx{background-position:0 -2496px}.bdshare-button-style0-24 .bds_bdhome{background-position:0 -156px}.bdshare-button-style0-24 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style0-24 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style0-24 .bds_isohu{background-position:0 -3016px}.bdshare-button-style0-24 .bds_more{background-position:0 0}.bdshare-button-style0-24 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style0-24 .bds_weixin{background-position:0 -1612px}.bdshare-button-style0-24 .bds_iguba{background-position:0 -1300px}.bdshare-button-style0-24 .bds_h163{background-position:0 -3168px}.bdshare-button-style0-24 .bds_evernotecn{background-position:0 -3228px}.bdshare-button-style0-24{zoom:1}.bdshare-button-style0-24:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{float:left;font-size:18px;padding-left:25px;line-height:24px;height:24px;background-image:url(../image/icons_0_24.png?v=dcaa92d6.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style0-24 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style0-24 .bds_more{color:#333;float:left}.bdshare-button-style0-24 .bds_count{color:#333;background:url(../image/sc.png?v=a970ff04.png) no-repeat 0 0;width:45px;height:24px;padding:0;text-align:center;margin:6px 6px 0 0}.bdshare-button-style0-24 .bds_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}