@charset "UTF-8";
/*================================================================================
    插件公共样式
================================================================================*/
/* footer start */
.footer {
  display: table;
  width: 100%;
  margin: auto;
  padding: 4vw 15%;
  color: #9F9AA0;
  background-color: #342E35; }

.footer .summary {
  position: relative;
  display: table-cell;
  float: left; }

.footer .summary .icon-footer-location {
  position: absolute;
  z-index: 2;
  top: -1.4vw;
  left: 2vw;
  display: inline-block;
  float: left;
  width: 2.8vw;
  height: 2.8vw;
  background-color: #342E35;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDYgNDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2IDQ2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDk0NDRBO30NCgkuc3Qxe2ZpbGw6IzlGOUFBMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1LDF2NDRIMVYxSDQ1IE00NiwwSDB2NDZoNDZWMEw0NiwweiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIzLDMzLjZsLTAuNy0xLjFjLTEtMS42LTIuNS0zLjMtMy45LTQuOWMtMi43LTMtNS41LTYtNS41LTkuNmMwLTUuNSw0LjUtMTAsMTAtMTBzMTAsNC41LDEwLDEwDQoJCWMwLDMuNS0yLjgsNi42LTUuNSw5LjZjLTEuNSwxLjctMywzLjMtMy45LDQuOUwyMywzMy42TDIzLDMzLjZ6IE0yMyw5LjVjLTQuNywwLTguNSwzLjgtOC41LDguNWMwLDMsMi41LDUuNyw1LjEsOC42DQoJCWMxLjIsMS4zLDIuNCwyLjcsMy40LDQuMWMxLTEuNCwyLjItMi44LDMuNC00LjFjMi41LTIuOCw1LjEtNS42LDUuMS04LjVDMzEuNSwxMy4zLDI3LjcsOS41LDIzLDkuNUwyMyw5LjV6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIzLDIyLjhjLTIuNiwwLTQuOC0yLjEtNC44LTQuOGMwLTIuNiwyLjEtNC44LDQuOC00LjhjMi42LDAsNC44LDIuMSw0LjgsNC44QzI3LjcsMjAuNywyNS42LDIyLjgsMjMsMjIuOA0KCQlMMjMsMjIuOHogTTIzLDE0LjhjLTEuOCwwLTMuMywxLjUtMy4zLDMuM3MxLjUsMy4zLDMuMywzLjNzMy4zLTEuNSwzLjMtMy4zQzI2LjIsMTYuMiwyNC44LDE0LjgsMjMsMTQuOEwyMywxNC44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNi4zLDM4SDkuOGMtMC4zLDAtMC42LTAuMi0wLjctMC40QzksMzcuMyw5LDM3LDkuMiwzNi44bDYuOC03LjRjMC4zLTAuMywwLjgtMC4zLDEuMSwwczAuMywwLjgsMCwxLjENCgkJbC01LjYsNmgyM2wtNi02LjFjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMXMwLjgtMC4zLDEuMSwwbDcuMiw3LjRjMC4yLDAuMiwwLjMsMC41LDAuMiwwLjhDMzYuOCwzNy44LDM2LjYsMzgsMzYuMywzOEwzNi4zLDM4eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.footer .summary .summary-content {
  font-size: 1.1vw;
  z-index: 1;
  display: block;
  float: left;
  height: 14vw;
  margin: 0 1vw;
  padding: 1vw 2vw 1vw 4vw;
  border: 1px solid #49444A; }

.footer .contact {
  position: relative;
  display: table-cell;
  float: left;
  margin: 0 1vw; }

.footer .contact .phone {
  position: relative;
  margin-bottom: 1vw; }

.footer .contact .phone .phone-content {
  z-index: 1;
  display: block;
  height: 5.3vw;
  margin-bottom: 2.7vw;
  padding: 1vw 6vw 1vw 5vw;
  border: 1px solid #49444A; }

.footer .contact .phone .icon-footer-phone {
  position: absolute;
  z-index: 2;
  top: -1.4vw;
  left: 1vw;
  display: inline-block;
  float: left;
  width: 2.8vw;
  height: 2.8vw;
  background-color: #342E35;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDYgNDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2IDQ2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOUY5QUEwO30NCgkuc3Qxe2ZpbGw6IzQ5NDQ0QTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LjIsMzAuMUwzMywyNS45Yy0wLjctMC43LTIuMS0wLjctMi44LDBsLTEuOSwxLjljLTAuNywwLjctMi4xLDAuNy0yLjgsMGwtNy40LTcuNWMtMC44LTAuOC0wLjgtMiwwLTIuOA0KCWwxLjktMS45YzAuMy0wLjMsMC41LTAuOCwwLjUtMS4zcy0wLjItMS0wLjYtMS40bC00LjItNC4yQzE1LDgsMTMuNiw4LDEyLjksOC43TDExLDEwLjZjMCwwLDAsMC0wLjEsMC4xcy0wLjQsMC4yLTAuNSwwLjYNCgljLTIuNCwyLjUtMi44LDUuNi0xLjIsOS4zYzEuMiwyLjcsMy40LDUuNyw3LDkuM2M1LjQsNS40LDkuNiw3LjksMTMuMyw3LjljMS45LDAsMy43LTAuNyw1LjItMi4yYzAuMy0wLjEsMC41LTAuNCwwLjUtMC41VjM1DQoJbDEuOS0xLjlDMzcuOSwzMi4xLDM3LjksMzAuOSwzNy4yLDMwLjFMMzcuMiwzMC4xTDM3LjIsMzAuMXogTTEzLjksOS42YzAuMi0wLjIsMC43LTAuMiwwLjksMGw0LjIsNC4yYzAuMSwwLjEsMC4yLDAuMywwLjIsMC41DQoJcy0wLjEsMC4zLTAuMiwwLjVsLTEuNCwxLjRMMTIuNSwxMUwxMy45LDkuNkwxMy45LDkuNkwxMy45LDkuNnogTTI5LjUsMzYuMmMtMy4zLDAtNy4zLTIuNS0xMi40LTcuNWMtMy40LTMuNC01LjYtNi4zLTYuNy04LjgNCgljLTEuNC0zLjItMS01LjgsMS4xLTcuOWw1LjIsNS4yYy0wLjgsMS4zLTAuNywzLDAuNCw0LjFsNy41LDcuNWMwLjYsMC42LDEuNCwxLDIuMywxYzAuNywwLDEuMy0wLjIsMS44LTAuNWw1LjIsNS4yDQoJQzMyLjYsMzUuNiwzMS4yLDM2LjIsMjkuNSwzNi4yTDI5LjUsMzYuMkwyOS41LDM2LjJ6IE0zNi4yLDMybC0xLjQsMS40bC01LjEtNS4xbDEuNC0xLjRjMC4yLTAuMywwLjctMC4zLDAuOSwwbDQuMiw0LjINCglDMzYuNSwzMS4zLDM2LjUsMzEuNywzNi4yLDMyTDM2LjIsMzJMMzYuMiwzMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NSwxdjQ0SDFWMUg0NSBNNDYsMEgwdjQ2aDQ2VjBMNDYsMHoiLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.footer .contact .fax {
  position: relative; }

.footer .contact .fax .fax-content {
  z-index: 1;
  display: block;
  width: 19vw;
  height: 6vw;
  margin-bottom: 1vw;
  padding: 1vw 6vw 1vw 5vw;
  border: 1px solid #49444A; }

.footer .contact .fax .icon-footer-fax {
  position: absolute;
  z-index: 2;
  top: -1.4vw;
  left: 1vw;
  display: inline-block;
  float: left;
  width: 2.8vw;
  height: 2.8vw;
  background-color: #342E35;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDYgNDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2IDQ2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUY5QUEwO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDojOUY5QUEwO30NCgkuc3Qye2ZpbGw6IzQ5NDQ0QTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LjUsMTcuMmgtNS43VjkuNWgtMTh2Ny43SDguNXYxNS40aDR2My45aDIxLjF2LTMuOWg0TDM3LjUsMTcuMkwzNy41LDE3LjJ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2LjQsMTcuMmgxMy4ydjEuM0gxNi40VjE3LjJ6IE0xNi40LDEzLjNoMTMuMnYxLjNIMTYuNFYxMy4zeiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMi41IiB5MT0iMzIuNiIgeDI9IjMzLjYiIHkyPSIzMi42Ii8+DQoJPHJlY3QgeD0iMTMuOSIgeT0iOS41IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTMuMiIvPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTQ1LDF2NDRIMVYxSDQ1IE00NiwwSDB2NDZoNDZWMEw0NiwweiIvPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.footer .navigator {
  display: table-cell;
  float: right;
  margin: 0 1vw; }

.footer .navigator .arrow {
  display: inline-block;
  float: left;
  width: 1vw;
  height: 1vw;
  margin-top: .3VW;
  margin-right: 1.5vw;
  margin-left: .8vw;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjguMyAyOC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkI0MjY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDlsNCwzLjlWMTNsLTQsMy40djEuOGw1LjQtNC44di0wLjhMOS4yLDcuMlY5eiBNMTQuOCw3LjJWOWw0LDMuOVYxM2wtNCwzLjR2MS44bDUuNC00Ljh2LTAuOEwxNC44LDcuMnoNCgkJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200%; }

.footer .navigator .row {
  font-size: 1vw;
  margin-top: 2vw;
  padding-right: 1vw;
  padding-bottom: .4vw;
  border-bottom: 1px solid #49444A; }

.footer a {
  font-size: 1vw;
  letter-spacing: 1px;
  color: #9F9AA0; }

.footer a:hover {
  transition: color .25s ease-in;
  text-decoration: none;
  color: #FFB426; }

.copyright {
  float: left;
  width: 100%;
  padding: 2vw 10%;
  text-align: center;
  color: #9F9AA0;
  background-color: #221F26; }

/* footer end */
html {
  font-family: '\601D\6E90\9ED1\4F53   CN',arial;
  /*Myriad Pro*/ }

.fontFamily-num {
  font-family: 'Myriad Pro'; }

body,
html {
  height: 100%; }

.blank_20 {
  height: 20px; }

.blank_30 {
  height: 30px; }

.blank_40 {
  height: 40px; }

.blank_60 {
  height: 60px; }

.blank_140 {
  height: 140px; }

/* ------------------------------------------------------------

------------------------------------------------------------ */
p {
  margin: 0; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

li {
  float: left;
  list-style-type: none; }

a {
  text-decoration: none;
  color: #232323; }

a:link {
  text-decoration: none;
  /* 指正常的未被访问过的链接*/ }

a:visited {
  text-decoration: none;
  /*指已经访问过的链接*/ }

a:hover {
  text-decoration: none;
  /*指鼠标在链接*/ }

a:active {
  text-decoration: none;
  /* 指正在点的链接*/ }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6em;
  text-align: center;
  color: rgba(0, 0, 0, 0.87); }

h1 {
  font-size: 32px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.67); }

h6 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54); }

/* ------------------------------------------------------------

------------------------------------------------------------ */
.banner,
.img-cover {
  background-repeat: no-repeat;
  background-position: top center; }

.banner {
  height: 320px; }

.banner-big {
  height: 520px; }

/* ------------------------------------------------------------

------------------------------------------------------------ */
.section {
  padding-top: 40px;
  padding-bottom: 60px; }

a {
  outline: none !important; }

/* 下箭头 Start*/
.downCircleTips {
  position: fixed;
  position: absolute;
  z-index: 9999;
  bottom: 2vw;
  width: 100%;
  /*Safari and Chrome*/
  animation: upDownMove 3s infinite;
  text-align: center; }

.icon-downCircle {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNTYzNTk1NzY2MzQzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg0MDIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNjkwIDQwNWgtNDYuOWMtMTAuMiAwLTE5LjkgNC45LTI1LjkgMTMuMkw1MTIgNTYzLjYgNDA2LjggNDE4LjJjLTYtOC4zLTE1LjYtMTMuMi0yNS45LTEzLjJIMzM0Yy02LjUgMC0xMC4zIDcuNC02LjUgMTIuN2wxNzggMjQ2YzMuMiA0LjQgOS43IDQuNCAxMi45IDBsMTc4LTI0NmMzLjktNS4zIDAuMS0xMi43LTYuNC0xMi43eiIgcC1pZD0iODQwMyIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4IDQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHogbTAgODIwYy0yMDUuNCAwLTM3Mi0xNjYuNi0zNzItMzcyczE2Ni42LTM3MiAzNzItMzcyIDM3MiAxNjYuNiAzNzIgMzcyLTE2Ni42IDM3Mi0zNzIgMzcyeiIgcC1pZD0iODQwNCIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@keyframes upDownMove {
  0% {
    bottom: 1.5vw;
    opacity: 1; }
  50% {
    bottom: 0vw;
    opacity: .5; }
  100% {
    bottom: 1.5vw;
    opacity: 1; } }

/* 下箭头 End */
/* 固定导航栏 start */
.navigator-fixed {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  left: 0;
  display: inline-block;
  height: 2.8vw;
  text-align: center;
  color: #666666;
  background-color: white;
  box-shadow: 0 0 5px #D4D4D4; }
  .navigator-fixed ul {
    display: inline-block; }
  .navigator-fixed li {
    font-size: .9vw;
    line-height: 2.4vw;
    position: relative;
    float: left;
    padding: 0 3vw;
    text-align: center; }
    .navigator-fixed li a {
      display: inline-block;
      height: 2.4vw;
      text-decoration: none;
      letter-spacing: 1px;
      color: #666666; }
    .navigator-fixed li .active {
      color: #FFB426; }
  .navigator-fixed li > em {
    position: absolute;
    bottom: 2px;
    left: 50%;
    /* margin: 0 -75px; */
    transform: translate(-50%); }
  .navigator-fixed .underLineActive {
    width: 50%;
    border: 1px solid #FFB426; }
  .navigator-fixed li:hover em {
    width: 50%;
    animation: bottomBorderHover 1s ease;
    border: 1px solid #FFB426; }
  .navigator-fixed li > a:hover {
    transition: color .25s ease-in,font-size .1s ease-in;
    text-decoration: none;
    color: #FFB426; }

@keyframes bottomBorderHover {
  0% {
    width: 0; }
  60% {
    width: 60%; }
  100% {
    width: 50%; } }

/* 固定导航栏 end */
/* return start */
.top-fixed {
  position: fixed;
  z-index: 1;
  right: 8%;
  bottom: 3%; }
  .top-fixed .icon-arrow-up {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODUgODUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg1IDg1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCNDI2O30NCgkuc3Qxe2ZpbGw6IzM0MkUzNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjMsMTUuOGg1MHY1MGgtNTBDMTkuMyw2NS44LDE5LjMsMTUuOCwxOS4zLDE1Ljh6Ii8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzMuNSw0MS4ybDEwLTEwLjFjMC4zLTAuMywwLjktMC4zLDEuMiwwczAuMywwLjksMCwxLjJsLTEwLDEwLjJjLTAuMywwLjMtMC45LDAuMy0xLjIsMA0KCQlDMzMuMSw0Mi4xLDMzLjEsNDEuNSwzMy41LDQxLjJ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTU1LjIsNDEuNUw0NC44LDMxLjFjLTAuMy0wLjMtMS0wLjMtMS4zLDBzLTAuMywxLDAsMS4zbDEwLjQsMTAuNGMwLjMsMC4zLDEsMC4zLDEuMywwDQoJCUM1NS42LDQyLjUsNTUuNiw0MS45LDU1LjIsNDEuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQuMywzMS42YzAuNSwwLDAuOSwwLjMsMC45LDAuOXYxNy4zYzAsMC41LTAuMywwLjktMC45LDAuOXMtMC45LTAuMy0wLjktMC45VjMyLjUNCgkJQzQzLjQsMzIsNDMuOCwzMS42LDQ0LjMsMzEuNnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

/* return end*/
/* animation start */
.scaleLittle:hover {
  transition: 500ms;
  transition-delay: 100ms;
  transform: scale(1.1); }

.scaleBig:hover {
  transition-delay: 100ms;
  transform: scale(1.1);
  animation: scaleBig 500ms 1; }

@keyframes scaleBig {
  0% {
    scale: 1; }
  25% {
    scale: .6; }
  50% {
    scale: 1; }
  75% {
    scale: 1.4; }
  100% {
    scale: 1; } }

/* animation end */
/* header start */
.header {
  position: relative;
  height: 2.2vw;
  padding: 0 10%;
  color: white;
  background-color: #2E2E2E; }

.header .header-list {
  float: right;
  padding-right: 5%; }

.header .header-list .item {
  line-height: 2.2vw;
  float: left;
  height: 2.2vw; }

.margin-left-3 {
  margin-left: 3vw; }

.header .header-list .item p {
  font-size: .8vw;
  display: inline-block;
  float: left;
  color: #D2D2D2; }

/* header end */
/* 图标 start */
.icon-phone {
  float: left;
  width: 1.4vw;
  height: 1vw;
  margin-top: .6vw;
  margin-right: .3vw;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjguMyAyOC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkI0MjY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4xLDE2LjdjLTAuOC0wLjctMS44LTEuNi0yLjYtMi42Yy0wLjYtMC43LTEuMS0xLjUtMC42LTJMNy4yLDguM2MtMC41LDAuNy0xLjgsMy45LDMuNCw5LjINCgljNS40LDUuNiw5LDQuNCw5LjYsMy44bC0zLjYtMy42QzE2LDE4LjIsMTUuNCwxNy43LDE0LjEsMTYuN0wxNC4xLDE2Ljd6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEuNSwxOS4yTDIxLjUsMTkuMmMwLDAtMi44LTIuOC0yLjgtMi44Yy0wLjItMC4yLTAuNi0wLjItMC44LDBsLTEsMWwzLjcsMy42YzAsMCwxLTEsMS0xbDAsMA0KCWMwLjEtMC4xLDAuMi0wLjMsMC4yLTAuNEMyMS43LDE5LjQsMjEuNiwxOS4zLDIxLjUsMTkuMkwyMS41LDE5LjJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMiwxMC43TDEyLjIsMTAuN2MwLjEtMC4xLDAuMi0wLjMsMC4yLTAuNGMwLTAuMi0wLjEtMC4zLTAuMi0wLjR2MGMwLDAtMi45LTIuOS0yLjktMi45DQoJQzkuMiw2LjksOS4xLDYuOCw4LjksNi44QzguOCw2LjgsOC42LDYuOSw4LjUsN2wtMSwxbDMuNywzLjdDMTEuMiwxMS44LDEyLjIsMTAuOCwxMi4yLDEwLjdMMTIuMiwxMC43eiIvPg0KPC9zdmc+DQo=) no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-email {
  float: left;
  width: 1.1vw;
  height: 1vw;
  margin-top: .7vw;
  margin-right: .8vw;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAYAAAG6HxcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5OTBiOGQyNS05YzI2LTJkNDctYjNkMS1jODkyOWY4YWUzODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1NEE5RTBBOTI5MTFFOThCQTBFNTM4RUZCRTFFOUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1NEE5REZBOTI5MTFFOThCQTBFNTM4RUZCRTFFOUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2FmMGFmNmUtYWQ0YS04YjQxLTg2ZDMtN2E5YmNiOGQ5NGZhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjgxMjdkOTEtYTM4Yy0xMWU5LWE2M2QtYmQyNmU5NmRkNGFhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eR/hcQAAAWpJREFUeNpi/LJCVpuBgeEKECcyQRk/gXg+QAAxAmX+AxkMIFEwAAggmMgXIOYB4mAgXguSPQMVAIG1IAIggEAq7YH0AQYE0GaCChhDBT4D8VWY4Weh1vKi2AgE7DAFAAEEMvMvVJsnEB9jQAWRQDwDZAIT1AR+qKJvQKwHxN5Q9nKoHBMLmglcQHyJAQsACCCQ1UZA+hAQc2ORBznLlAnqCxcg/ohFgTUQn4P57DgQ+wLxOyj/FxA7AvEJdO+DrIwA4sdQDxyCSTChWbELiBcC8W5kQSYsjq1BF8CmCAMABBgoCM4BaQUgdgNiDiDeBosvAgDk+wQgvg515kNQwBtCJU8D8SdolP6CKhDAYshvII4C4udAvBUagyAghB6LfEB8BBrVPkD8HhooIlALQqEWbsEWmSw4vABKGvuA+DsQB0HZoPhaD8ScuPzNQiBcQBq3MxAJQLH0n4E64D/IMC1ocvtDpiF/oPq1AL2SUtqaTv0gAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-fax {
  float: left;
  width: 1.3vw;
  height: 1vw;
  margin-top: .6vw;
  margin-right: .3vw;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjguMyAyOC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkI0MjY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuNywxMC4zVjUuOEg4LjJ2NC41SDZ2OS4xaDIuMnYyLjNoMTEuNnYtMi4zaDIuMnYtOS4xSDE5Ljd6IE0xOSwyMC45SDguOXYtMS41SDE5VjIwLjl6IE0xOSwxMi42SDguOVY2LjUNCgkJCUgxOVYxMi42eiBNMTcuNiwxMC4zaC03LjJ2MC44aDcuMlYxMC4zeiBNMTcuNiw4LjFoLTcuMnYwLjhoNy4yVjguMXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-clock {
  float: left;
  width: 1.4vw;
  height: 1vw;
  margin-top: .6vw;
  margin-right: .3vw;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjguMyAyOC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkI0MjY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQsOS45Yy0wLjYsMC0xLjEsMC41LTEuMSwxLjF2Mi4yaC0yLjJjLTAuNiwwLTEuMSwwLjUtMS4xLDEuMWMwLDAuNiwwLjUsMS4xLDEuMSwxLjFIMTQNCgkJCWMwLjYsMCwxLjEtMC41LDEuMS0xLjFWMTFDMTUuMSwxMC40LDE0LjYsOS45LDE0LDkuOXogTTE0LDYuNmMtNC4yLDAtNy43LDMuNC03LjcsNy43YzAsNC4yLDMuNCw3LjcsNy43LDcuN3M3LjctMy40LDcuNy03LjcNCgkJCUMyMS43LDEwLjEsMTguMyw2LjYsMTQsNi42eiBNMTQsMTkuOGMtMywwLTUuNS0yLjUtNS41LTUuNWMwLTMsMi41LTUuNSw1LjUtNS41YzMsMCw1LjUsMi41LDUuNSw1LjVDMTkuNSwxNy4zLDE3LDE5LjgsMTQsMTkuOHoiDQoJCQkvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-navigator {
  float: left;
  width: 100%;
  height: 100%;
  background-image: url(icon-navigator-6e1cf9188026a076f25c9ba2413613e8.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

/* banner start */
.banner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 60vh;
  margin: auto;
  color: white; }
  .banner .banner-main {
    max-width: 80%; }
    .banner .banner-main .navigatorBack {
      position: absolute;
      z-index: 9998;
      top: 2vw;
      width: 80%;
      height: 5.5vw;
      margin: 0 10%;
      padding: 1.5vw 3% 1.5vw 5%;
      opacity: .75;
      background-color: #2E2E2E; }
    .banner .banner-main .navigator {
      position: absolute;
      z-index: 9999;
      top: 2vw;
      width: 80%;
      height: 5.5vw;
      margin: 0 10%;
      padding: 1.5vw 3% 1.5vw 5%; }
      .banner .banner-main .navigator .left {
        float: left;
        width: 21vw;
        height: 3vw;
        margin-left: -4vw; }
      .banner .banner-main .navigator .right {
        float: right; }
        .banner .banner-main .navigator .right .list {
          font-size: 1.1vw;
          line-height: 3vw;
          display: inline-block;
          width: 100%;
          height: 3vw; }
          .banner .banner-main .navigator .right .list .item {
            display: inline-block;
            padding: 0 2vw;
            text-align: center; }
            .banner .banner-main .navigator .right .list .item span {
              line-height: 1.1vw;
              display: inline-block;
              height: 1.1vw;
              text-align: center; }
              .banner .banner-main .navigator .right .list .item span a {
                letter-spacing: 1px;
                letter-spacing: .1vw;
                color: white;
                text-shadow: 0 0 0 #FFFFFF; }
              .banner .banner-main .navigator .right .list .item span a:hover {
                font-size: 1.1vw;
                transition: color .25s ease-in,font-size .1s ease-in;
                text-decoration: none;
                letter-spacing: .1vw;
                color: #FFB426;
                text-shadow: 0 0 0 #FFB426; }
              .banner .banner-main .navigator .right .list .item span .active {
                text-decoration: none;
                letter-spacing: .1vw;
                color: #FFB426;
                text-shadow: 0 0 0 #FFB426; }
          .banner .banner-main .navigator .right .list .item:last-child {
            padding: 0 1vw 0 2vw; }
          .banner .banner-main .navigator .right .list .break {
            width: 2px;
            height: 1.2vw;
            margin-top: .85vw;
            background-color: white; }
    .banner .banner-main .title {
      position: absolute;
      z-index: 9999;
      right: 21%;
      bottom: 46%; }
      .banner .banner-main .title .t1 {
        font-size: 2.5vw;
        font-weight: 300;
        display: block;
        text-align: center;
        letter-spacing: 3px; }

.navigatorHide {
  animation: navigatorHide 500ms 1;
  animation-delay: 200ms;
  animation-fill-mode: forwards; }

@keyframes navigatorHide {
  from {
    top: 2vw;
    opacity: 1; }
  to {
    top: 0vw;
    opacity: .1; } }

/* banner end */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.text {
  font-size: 1vmax;
  line-height: 1.4vmax;
  display: inline-block;
  margin: 0;
  margin-bottom: .6vh; }

button {
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent; }

.point {
  font-size: 1.5vmin;
  margin-right: .5vh; }

.year {
  font-size: 3vh;
  font-style: italic;
  display: inline-block;
  color: #666666; }

/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 50px 0;
  background: #F45B69; }

.section .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; }

.section h1 {
  font-size: 2.5rem; }

.section h2 {
  font-size: 1.3rem; }

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {
  overflow-x: hidden;
  height: 35vmax;
  white-space: nowrap;
  color: #FFFFFF;
  background: #FBFBFB; }

.timeline ol {
  font-size: 0;
  width: 350vw;
  padding: 7vmax 0;
  transition: all 1s; }

.timeline ol li {
  position: relative;
  display: inline-block;
  width: 20vmax;
  height: .2vh;
  list-style-type: none;
  background: #FFB426; }

.timeline ol li:first-child {
  width: 10vmax;
  height: .01vh; }

.timeline ol li:last-child {
  width: 35vmax; }

.timeline ol li:not(:first-child) {
  margin-left: 1.2vh; }

.timeline ol li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: calc(100% + 1px);
  width: 1.2vh;
  height: 1.2vh;
  content: '';
  transform: translateY(-50%);
  border-radius: 50%;
  background: #FFB426; }

.timeline ol li line.verticalline {
  position: absolute;
  top: -4.1vh;
  left: calc(100% + .6vh);
  width: 2px;
  height: 8.2vh;
  background: #FFB426; }

.timeline ol li .up {
  transform: translateY(-127%) translateX(-50%); }

.timeline ol li .down {
  transform: translateY(20%) translateX(-50%); }

.timeline ol li div {
  font-size: 1rem;
  position: absolute;
  left: calc(100% + 7px);
  width: 28vh;
  width: 20vmax;
  padding: 15px;
  white-space: normal;
  color: #3B3C3C; }

.timeline ol li div::before {
  position: absolute;
  top: 100%;
  left: 49.5%;
  content: ''; }

.timeline ol li:nth-child(odd) div.up {
  top: -40px;
  left: calc(100% + 11px);
  transform: translateY(-100%) translateX(-50%);
  text-align: center;
  /* transform: translateY(-100%); */
  background: #FBFBFB; }

.timeline ol li:nth-child(odd) div.up::before {
  /* top: 100%; */
  /* border-width: 8px 8px 0 0;
    border-color: white transparent transparent transparent; */
  top: 100%; }

.timeline ol li:nth-child(even) div.up {
  top: -40px;
  transform: translateY(-100%) translateX(-50%);
  /* transform: translateY(-100%); */
  text-align: center; }

.timeline ol li:nth-child(even) div.up::before {
  /* top: 100%;
    border-width: 8px 8px 0 0;
    border-color: white transparent transparent transparent; */
  top: 100%;
  border-color: #FFB426; }

.timeline ol li:nth-child(odd) div.down {
  top: 30px;
  /* transform: translateY(-100%); */
  transform: translateY(14%) translateX(-50%); }

.timeline ol li:nth-child(odd) div.down::before {
  /* top: 100%; */
  /* border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent; */
  top: -45px; }

.timeline ol li:nth-child(even) div.down {
  top: 30px;
  transform: translateY(14%) translateX(-50%);
  /* transform: translateY(-100%); */
  background: #FBFBFB; }

.timeline ol li:nth-child(even) div.down::before {
  /* top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent; */
  top: -45px; }

.timeline time {
  font-size: 1.2vw;
  font-weight: bold;
  display: block;
  margin-bottom: 8px; }

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline .arrows {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20vh;
  -ms-flex-pack: center;
      justify-content: center; }

.timeline .arrows .arrow__prev {
  margin-right: 4vw; }

.timeline .disabled {
  opacity: .5; }

.timeline .arrows img {
  width: 65px;
  height: 65px; }

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
  .timeline ol,
  .timeline ol li {
    width: auto; }
  .timeline ol {
    padding: 0;
    transform: none !important; }
  .timeline ol li {
    display: block;
    height: auto;
    background: transparent; }
  .timeline ol li:first-child {
    margin-top: 25px; }
  .timeline ol li:not(:first-child) {
    margin-left: auto; }
  .timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px; }
  .timeline ol li div {
    position: static; }
  .timeline ol li:nth-child(odd) div {
    transform: none; }
  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    top: 100%;
    left: 50%;
    height: 25px;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white; }
  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none; } }

.icon-arrow-left {
  float: left;
  width: 7vw;
  height: 2.5vw;
  margin-right: 2vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDc2QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc1QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB7AAEAAwEBAAAAAAAAAAAAAAAABAUHBgkBAQACAwEBAAAAAAAAAAAAAAAEBgMFBwkKEAAABgIDAAICAwAAAAAAAAAAAQIDBAURBiESEzEiQWEyFBURAAICAgEEAgEEAwAAAAAAAAECAAMRBAUxQRIGIRMy8CIzUxQVB//aAAwDAQACEQMRAD8A90h8sU9iICICICICICICICJ1Opa0eyWLqJMoqyjqoq7XZLtbfq1UUzC0oW4Scl6PurUlphojI3HVpSWM5K5ekepH2zlGW2z/AB9TXQ27N5GRTSpALY+PJ2JFdVeQbLXRARnI0XsHNDhdMFF+2+1vCqvOC9hzgZ7KACzt0VAzdsGqupFZLtZ8ilrl1NS5IV/nV7sp2a/HiI+iCddePLjqiLs4ZESexn1SlOElpfYNrh93mrrePoOtrMx+ussXZUHwvk5/JyBlyML5E+KquFE/jKd7X0ETZsFtoH7mACgt3wo6KOij5OAMknJNWNPJ0BEBEBE1XfCPVK6r0Kr+1Y7Eq9ntrxnljc7OwherMhlZfzroTbi2YyT57+q1klajQjs//SQfS+K1/WtP512rq2rbx+O7ZYmUsQ99elWaqhevn91jhbHNddD9UP8Avty3lr/5Qz0pWetCK2GVh2tsID2Hp4+CqSqhmyocYl8gIgIgIgImk6zZ1+w1Teh7LLZhtE889puxS1dWtbt5Suy40hZ8pqp68ev4Ydw8XHqS+s+o8vxntHDD1rl7FqXyLaew5wNa5zk12N21b2/PtTZi8YH3Cymc3pbfD755XSQucAX1L1tQdHUf3Vj8f7EzWfn6yvCWdZYUtjNqbWI9Bsq6S7Emw5Cej0eQws0KSov0ZfJcH8lwOb8vxHJ8Bylulu1tTfQ5R0YYKspwQf1g9R8S06O9qclppsUOHrsUMrDoQehkEa6SoCICICICJIlTJc57+xNlSZkjxjR/eU+7Ie8IcdENlHZ4zV0aabShBZwlJERcEQlbu9vclf8AbsWPa/iq+TsWPiihEXJJOFRVVR0VQFGAAJho19fVr8KlVFyTgAAZYlmOB3LEknuSSfkyOIszQEQEQEQEQEQEQET/2Q==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.icon-arrow-right {
  float: left;
  width: 7vw;
  height: 2.5vw;
  margin-right: 2vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDdBQUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc5QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB+AAEAAwADAQAAAAAAAAAAAAAAAwYHAQIECQEBAAICAwEAAAAAAAAAAAAAAAMGAgcBBAkKEAACAgICAgMBAAAAAAAAAAABAgMEAAURBiESMRMHFBEAAgICAgECAwgDAAAAAAAAAQIAAxEEIQUSQQYxURMiMkJSI0MUByREFf/aAAwDAQACEQMRAD8A+6WfLFPYiMRGIjERiIxEYiTV5I4bEE01eO3FFNFJLVmeaOKzGjhmjZq7JIquBwSrBgD4IOT6ttVG0j2ILFVgShJAYA5KkqVYBhwSpBAPBB5kdyPZSyqxQkEAjBIPzGQRkfHkEfMGXHuPXqND+HsPXDNN0/sf3y6h53E1rU3a/qbWrtMoHNqkzrw3A+2JklAAfgXz357X67rTT2nVFn6ze8jSWOWqdcfV1bTx+rSWH2sD6tTV3AAP4rXPbnb7W156e5gbevgPjgOpz4XIPyWAHjnwcMhJ8cmkZryWeMRGIjERiJpX5tZfZbNuh3alnZaHuc9epbrVVSS1qdlAHNba1/tZESWgGdpfZlV4DIjMoPsu2v6m27O27c+29it79PtWVHVQC1Vi5+ntV5IAajLF8lVeg2o7Krea0v3pSulpf9Wt1rv0wWBPAdDjypbAJIswAuAStgRlBI8TQL9VaV67SS3WvpUt2aqXqTu9O4teZohLC0iqxikA9lJAPBHgZrLs9NOv7G3XWxLhU7KHQko4UkeaEgEq2MqSAcEZAlt1L22tVLSjIXUHxb7y5GfFsZGR8DgnmeTOlJ4xEYid443ldIokeSWR1jjjjUu8jufUKoXkkkngAZnXXZdYEQFmYgAAZJJ+AA9SfQTF3WtSzHAHJJ9JqO3kj/O9Tc6pTdW7puK5rd12MTKx6/r5OGOjrunxO3AOwcH54gHhZffcneW1f1b0lvS65B7XaTx3bAc/x6zydKsj8Z4/mMPXGsMKt31KL16P7w7BN+wf4dJzrqf3WH+ww/KP2AfT9U8mvxyvNMS+RiIxEYiT1bVmlZr3aViepcqTw2qlurNJXs1bNeQSxyRyREMkiMAVYEEEcjOxp7m3122mxru1VtTBkdSVZWU5VlYYKspAIIIIIyOZFfRRtUNVaodHBDKQCCCMEEHggjgg8ESFmZ2Z3Ys7EszMSzMzHkkk+SSchd2sYsxyTySfWSABRgcATjMZzGIjERiIxEYiMRGIjET/2Q==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

/* banner start */
.banner {
  background: url(about-banner-a3f61886adfe50b2899f707673aaac38.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }
  .banner .banner-main .title {
    position: absolute;
    z-index: 9999;
    right: 21%;
    bottom: 46%; }
    .banner .banner-main .title .t1 {
      font-size: 2.5vw;
      font-weight: 300;
      display: block;
      text-align: center;
      letter-spacing: 3px; }

/* banner end */
.section-title {
  font-size: 2vw;
  font-weight: 500;
  display: inline-block;
  width: 100%;
  margin: 10vh 0 5vh 0;
  padding-top: 1vw;
  text-align: center;
  letter-spacing: .2vw;
  color: #444444;
  text-shadow: 0 0 0 #444444; }

/* about start */
.about {
  position: relative;
  width: 100%; }
  .about .content {
    display: block;
    width: 100%; }
    .about .content .pic {
      position: relative;
      display: block;
      width: 100%;
      margin-bottom: 5%; }
      .about .content .pic .backColor {
        position: relative;
        width: 100%;
        height: 236px;
        /* background-color:#f2aa1a; */
        background: linear-gradient(to right, #BEBEBE, #BEBEBE);
        /*  ffb911 */ }
        .about .content .pic .backColor .backPic {
          position: relative;
          width: 100%;
          height: 236px;
          margin: auto;
          background: url(about-summary-back-dd5ca9b5230c4f7c3266a6af4f1f7815.jpg) no-repeat;
          background-position: center;
          background-size: cover; }
      .about .content .pic .frontPic {
        position: absolute;
        top: 30%;
        left: 10%;
        width: 80%;
        min-height: 221px;
        background: url(about-summary-data-618b5d7b3f503c388aeb48f66a92e49b.png) no-repeat;
        background-position: center;
        background-size: 100% auto; }
    .about .content .tag {
      position: relative;
      display: inline-block;
      width: 100%;
      text-align: center; }
      .about .content .tag .item {
        font-size: 1.2vw;
        display: inline-block;
        padding: 1.5vw 4%; }
        .about .content .tag .item .icon-checkbox {
          margin-top: .1vw;
          margin-right: .4vw; }
    .about .content .text {
      font-size: 1.2vw;
      display: inline-block;
      margin: 2vw 0 6vw 0;
      padding: 0 10%;
      text-indent: 2.4vw;
      color: #666666; }
      .about .content .text p {
        line-height: 2.1vw; }

/* summary end */
/* history stary */
.history {
  position: relative;
  width: 100%; }
  .history .content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 45vmax;
    background-color: #FBFBFB; }
    .history .content .pic {
      position: absolute;
      bottom: 10%;
      left: 0;
      float: left;
      width: 560vh;
      height: 52vh;
      background: url(about-history2-74881f46baaba001873551b2e5931a1b.png) no-repeat;
      background-position: bottom;
      background-size: 100% 100%; }
    .history .content .control {
      position: absolute;
      bottom: 3%;
      left: 50%;
      margin-left: -8vw; }
      .history .content .control .icon-left {
        float: left;
        width: 7vw;
        height: 2.5vw;
        margin-right: 2vw;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDc2QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc1QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB7AAEAAwEBAAAAAAAAAAAAAAAABAUHBgkBAQACAwEBAAAAAAAAAAAAAAAEBgMFBwkKEAAABgIDAAICAwAAAAAAAAAAAQIDBAURBiESEzEiQWEyFBURAAICAgEEAgEEAwAAAAAAAAECAAMRBAUxQRIGIRMy8CIzUxQVB//aAAwDAQACEQMRAD8A90h8sU9iICICICICICICICJ1Opa0eyWLqJMoqyjqoq7XZLtbfq1UUzC0oW4Scl6PurUlphojI3HVpSWM5K5ekepH2zlGW2z/AB9TXQ27N5GRTSpALY+PJ2JFdVeQbLXRARnI0XsHNDhdMFF+2+1vCqvOC9hzgZ7KACzt0VAzdsGqupFZLtZ8ilrl1NS5IV/nV7sp2a/HiI+iCddePLjqiLs4ZESexn1SlOElpfYNrh93mrrePoOtrMx+ussXZUHwvk5/JyBlyML5E+KquFE/jKd7X0ETZsFtoH7mACgt3wo6KOij5OAMknJNWNPJ0BEBEBE1XfCPVK6r0Kr+1Y7Eq9ntrxnljc7OwherMhlZfzroTbi2YyT57+q1klajQjs//SQfS+K1/WtP512rq2rbx+O7ZYmUsQ99elWaqhevn91jhbHNddD9UP8Avty3lr/5Qz0pWetCK2GVh2tsID2Hp4+CqSqhmyocYl8gIgIgIgImk6zZ1+w1Teh7LLZhtE889puxS1dWtbt5Suy40hZ8pqp68ev4Ydw8XHqS+s+o8vxntHDD1rl7FqXyLaew5wNa5zk12N21b2/PtTZi8YH3Cymc3pbfD755XSQucAX1L1tQdHUf3Vj8f7EzWfn6yvCWdZYUtjNqbWI9Bsq6S7Emw5Cej0eQws0KSov0ZfJcH8lwOb8vxHJ8Bylulu1tTfQ5R0YYKspwQf1g9R8S06O9qclppsUOHrsUMrDoQehkEa6SoCICICICJIlTJc57+xNlSZkjxjR/eU+7Ie8IcdENlHZ4zV0aabShBZwlJERcEQlbu9vclf8AbsWPa/iq+TsWPiihEXJJOFRVVR0VQFGAAJho19fVr8KlVFyTgAAZYlmOB3LEknuSSfkyOIszQEQEQEQEQEQEQET/2Q==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .history .content .control .icon-right {
        float: left;
        width: 7vw;
        height: 2.5vw;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDdBQUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc5QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB+AAEAAwADAQAAAAAAAAAAAAAAAwYHAQIECQEBAAICAwEAAAAAAAAAAAAAAAMGAgcBBAkKEAACAgICAgMBAAAAAAAAAAABAgMEAAURBiESMRMHFBEAAgICAgECAwgDAAAAAAAAAQIAAxEEIQUSQQYxURMiMkJSI0MUByREFf/aAAwDAQACEQMRAD8A+6WfLFPYiMRGIjERiIxEYiTV5I4bEE01eO3FFNFJLVmeaOKzGjhmjZq7JIquBwSrBgD4IOT6ttVG0j2ILFVgShJAYA5KkqVYBhwSpBAPBB5kdyPZSyqxQkEAjBIPzGQRkfHkEfMGXHuPXqND+HsPXDNN0/sf3y6h53E1rU3a/qbWrtMoHNqkzrw3A+2JklAAfgXz357X67rTT2nVFn6ze8jSWOWqdcfV1bTx+rSWH2sD6tTV3AAP4rXPbnb7W156e5gbevgPjgOpz4XIPyWAHjnwcMhJ8cmkZryWeMRGIjERiJpX5tZfZbNuh3alnZaHuc9epbrVVSS1qdlAHNba1/tZESWgGdpfZlV4DIjMoPsu2v6m27O27c+29it79PtWVHVQC1Vi5+ntV5IAajLF8lVeg2o7Krea0v3pSulpf9Wt1rv0wWBPAdDjypbAJIswAuAStgRlBI8TQL9VaV67SS3WvpUt2aqXqTu9O4teZohLC0iqxikA9lJAPBHgZrLs9NOv7G3XWxLhU7KHQko4UkeaEgEq2MqSAcEZAlt1L22tVLSjIXUHxb7y5GfFsZGR8DgnmeTOlJ4xEYid443ldIokeSWR1jjjjUu8jufUKoXkkkngAZnXXZdYEQFmYgAAZJJ+AA9SfQTF3WtSzHAHJJ9JqO3kj/O9Tc6pTdW7puK5rd12MTKx6/r5OGOjrunxO3AOwcH54gHhZffcneW1f1b0lvS65B7XaTx3bAc/x6zydKsj8Z4/mMPXGsMKt31KL16P7w7BN+wf4dJzrqf3WH+ww/KP2AfT9U8mvxyvNMS+RiIxEYiT1bVmlZr3aViepcqTw2qlurNJXs1bNeQSxyRyREMkiMAVYEEEcjOxp7m3122mxru1VtTBkdSVZWU5VlYYKspAIIIIIyOZFfRRtUNVaodHBDKQCCCMEEHggjgg8ESFmZ2Z3Ys7EszMSzMzHkkk+SSchd2sYsxyTySfWSABRgcATjMZzGIjERiIxEYiMRGIjET/2Q==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .history .content .control .icon-left-active {
        float: left;
        width: 7vw;
        height: 2.5vw;
        margin-right: 2vw;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDc2QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc1QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB7AAEAAwEBAAAAAAAAAAAAAAAABAUHBgkBAQACAwEBAAAAAAAAAAAAAAAEBgMFBwkKEAAABgIDAAICAwAAAAAAAAAAAQIDBAURBiESEzEiQWEyFBURAAICAgEEAgEEAwAAAAAAAAECAAMRBAUxQRIGIRMy8CIzUxQVB//aAAwDAQACEQMRAD8A90h8sU9iICICICICICICICJ1Opa0eyWLqJMoqyjqoq7XZLtbfq1UUzC0oW4Scl6PurUlphojI3HVpSWM5K5ekepH2zlGW2z/AB9TXQ27N5GRTSpALY+PJ2JFdVeQbLXRARnI0XsHNDhdMFF+2+1vCqvOC9hzgZ7KACzt0VAzdsGqupFZLtZ8ilrl1NS5IV/nV7sp2a/HiI+iCddePLjqiLs4ZESexn1SlOElpfYNrh93mrrePoOtrMx+ussXZUHwvk5/JyBlyML5E+KquFE/jKd7X0ETZsFtoH7mACgt3wo6KOij5OAMknJNWNPJ0BEBEBE1XfCPVK6r0Kr+1Y7Eq9ntrxnljc7OwherMhlZfzroTbi2YyT57+q1klajQjs//SQfS+K1/WtP512rq2rbx+O7ZYmUsQ99elWaqhevn91jhbHNddD9UP8Avty3lr/5Qz0pWetCK2GVh2tsID2Hp4+CqSqhmyocYl8gIgIgIgImk6zZ1+w1Teh7LLZhtE889puxS1dWtbt5Suy40hZ8pqp68ev4Ydw8XHqS+s+o8vxntHDD1rl7FqXyLaew5wNa5zk12N21b2/PtTZi8YH3Cymc3pbfD755XSQucAX1L1tQdHUf3Vj8f7EzWfn6yvCWdZYUtjNqbWI9Bsq6S7Emw5Cej0eQws0KSov0ZfJcH8lwOb8vxHJ8Bylulu1tTfQ5R0YYKspwQf1g9R8S06O9qclppsUOHrsUMrDoQehkEa6SoCICICICJIlTJc57+xNlSZkjxjR/eU+7Ie8IcdENlHZ4zV0aabShBZwlJERcEQlbu9vclf8AbsWPa/iq+TsWPiihEXJJOFRVVR0VQFGAAJho19fVr8KlVFyTgAAZYlmOB3LEknuSSfkyOIszQEQEQEQEQEQEQET/2Q==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .history .content .control .icon-left-active:hover {
        transform: scale(1.1); }
      .history .content .control .icon-right-active {
        float: left;
        width: 7vw;
        height: 2.5vw;
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTkwYjhkMjUtOWMyNi0yZDQ3LWIzZDEtYzg5MjlmOGFlMzg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCNzU5NDdBQUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCNzU5NDc5QUZBMjExRTlBM0E0RTZFNjAzODY0QkNCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyYTJmNDllLTc0YzUtNGM0Zi1iOGE3LWM2YzU2NjFkY2RkMCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIACoAKQMBEQACEQEDEQH/xAB+AAEAAwADAQAAAAAAAAAAAAAAAwYHAQIECQEBAAICAwEAAAAAAAAAAAAAAAMGAgcBBAkKEAACAgICAgMBAAAAAAAAAAABAgMEAAURBiESMRMHFBEAAgICAgECAwgDAAAAAAAAAQIAAxEEIQUSQQYxURMiMkJSI0MUByREFf/aAAwDAQACEQMRAD8A+6WfLFPYiMRGIjERiIxEYiTV5I4bEE01eO3FFNFJLVmeaOKzGjhmjZq7JIquBwSrBgD4IOT6ttVG0j2ILFVgShJAYA5KkqVYBhwSpBAPBB5kdyPZSyqxQkEAjBIPzGQRkfHkEfMGXHuPXqND+HsPXDNN0/sf3y6h53E1rU3a/qbWrtMoHNqkzrw3A+2JklAAfgXz357X67rTT2nVFn6ze8jSWOWqdcfV1bTx+rSWH2sD6tTV3AAP4rXPbnb7W156e5gbevgPjgOpz4XIPyWAHjnwcMhJ8cmkZryWeMRGIjERiJpX5tZfZbNuh3alnZaHuc9epbrVVSS1qdlAHNba1/tZESWgGdpfZlV4DIjMoPsu2v6m27O27c+29it79PtWVHVQC1Vi5+ntV5IAajLF8lVeg2o7Krea0v3pSulpf9Wt1rv0wWBPAdDjypbAJIswAuAStgRlBI8TQL9VaV67SS3WvpUt2aqXqTu9O4teZohLC0iqxikA9lJAPBHgZrLs9NOv7G3XWxLhU7KHQko4UkeaEgEq2MqSAcEZAlt1L22tVLSjIXUHxb7y5GfFsZGR8DgnmeTOlJ4xEYid443ldIokeSWR1jjjjUu8jufUKoXkkkngAZnXXZdYEQFmYgAAZJJ+AA9SfQTF3WtSzHAHJJ9JqO3kj/O9Tc6pTdW7puK5rd12MTKx6/r5OGOjrunxO3AOwcH54gHhZffcneW1f1b0lvS65B7XaTx3bAc/x6zydKsj8Z4/mMPXGsMKt31KL16P7w7BN+wf4dJzrqf3WH+ww/KP2AfT9U8mvxyvNMS+RiIxEYiT1bVmlZr3aViepcqTw2qlurNJXs1bNeQSxyRyREMkiMAVYEEEcjOxp7m3122mxru1VtTBkdSVZWU5VlYYKspAIIIIIyOZFfRRtUNVaodHBDKQCCCMEEHggjgg8ESFmZ2Z3Ys7EszMSzMzHkkk+SSchd2sYsxyTySfWSABRgcATjMZzGIjERiIxEYiMRGIjET/2Q==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .history .content .control .icon-right-active:hover {
        transform: scale(1.1); }

.culture {
  position: relative;
  width: 100%; }
  .culture .tags {
    width: 100%;
    height: 9vw;
    margin-bottom: 5vh;
    padding: 0 10%; }
    .culture .tags .list {
      width: 100%;
      height: 9vw;
      padding-top: 2vw;
      text-align: center;
      border-top: 1px solid #D2D2D2;
      border-bottom: 1px solid #D2D2D2; }
      .culture .tags .list .tag {
        font-size: 1.5vw;
        line-height: 5vw;
        float: left;
        width: 20%;
        letter-spacing: 4px;
        color: #666666; }
      .culture .tags .list .borderRight {
        border-right: 1px solid #D2D2D2; }
  .culture .pics {
    display: inline-block;
    width: 100%; }
    .culture .pics ul {
      width: 100%;
      padding: 0 10%; }
      .culture .pics ul li {
        float: left;
        overflow: hidden;
        width: 20%;
        border: .1vw solid #FFFFFF; }

.mission {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #FBFBFB; }
  .mission .content {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 17% 5% 17%; }
    .mission .content .pic {
      float: left;
      width: 48%; }
      .mission .content .pic .desc {
        position: absolute;
        bottom: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 25%;
        color: white;
        background-color: #FFB426; }
        .mission .content .pic .desc .keyWord {
          font-size: 1.2vw;
          line-height: 4.5vw;
          display: inline-block;
          width: 100%;
          text-align: center; }
          .mission .content .pic .desc .keyWord span {
            width: 4vw;
            margin: 0 0 0 1vw;
            letter-spacing: 1vw; }
        .mission .content .pic .desc .explain {
          font-size: 1.4vw;
          line-height: 0;
          display: inline-block;
          width: 100%;
          height: 2vw;
          text-align: center;
          letter-spacing: 2px; }
    .mission .content .pic-1 {
      position: relative;
      display: inline-block;
      padding-top: 44%;
      background: url(about-mission-pic-1-9cee79dc3b521f562ddf420b70510445.jpg) no-repeat;
      background-position: center;
      background-size: 100% 100%; }
    .mission .content .pic-2 {
      position: relative;
      display: inline-block;
      padding-top: 44%;
      background: url(about-mission-pic-2-8174ec57cc215dd6dd58f3879e84da81.jpg) no-repeat;
      background-position: center;
      background-size: 100% 100%; }

.icon-checkbox {
  float: left;
  width: 1.4vw;
  height: 1.4vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5OTBiOGQyNS05YzI2LTJkNDctYjNkMS1jODkyOWY4YWUzODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZEQTZEOThBRUI1MTFFOUFFNDJCM0QwRDExQUY1MDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZEQTZEOTdBRUI1MTFFOUFFNDJCM0QwRDExQUY1MDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhiMDYzMjNlLTFlMWQtNzQ0OS1iMDhkLTUwOTg1YzY0YjBmZSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY4MTI3ZDkxLWEzOGMtMTFlOS1hNjNkLWJkMjZlOTZkZDRhYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjw43qQAAAHSSURBVHjaYvz//z8DDLCAiC9fvvxn3KrFwATigBggABBAjDBlLCBpMAMmBRBAYCmYKEwPE4xTXFwMNx4ggBiR7YIBpq8r5f6DtMOwiYnJByZkFcHBwQxnzpwRYPiyQvb/58+f/7u5uYFpkHGMIEFk1dzhjxgBAghsEchcBjwApJAFxvnvfQ2romAve4ad4QwQ/xy/w8nw7t07BgcHB4bbt2/DHQcC67JfI/wIshqXiaDQgbuRGAAQQEQrBHuGkK/tu8UUCfp6dqkFiBJgwmfS7NmzGbz1v4Oi5gJcISh4kMHx48cZvLy8GKQFf0NiGxaOa9euhYcdSJGcnByDtLQ0Qic4VUEj/MaNG/+NjY3BNIgPwiA5kBoWZOtAJhw4cAB38CCnaYoDHCDAiFZILIA7kVAsEgLAWF4IpB6woEvginGckQxMCTuusoOYE1AimlSwadMmcHyDUgwor4AMgycIEHj6npVh0zkecIEBymCNjY0M379/xzAIlFhABgHTAzgRwVIWSsKBJR5YAgLhXbt2gUsOUEJaunQpnI+cqGAJC5a4wCUMLJZhkYIehiBXbtiwgcHOzg41CaOlN1CuR4llXICTk5MhMjKS9GRDbAqne8IGAIx2KBwpW+MpAAAAAElFTkSuQmCC) no-repeat;
  background-position: center;
  background-size: cover; }

.culture-pic-1 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-1-531259a7fc8a8a499ef8616f25e75b5f.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-2 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-2-640854cf030b70a2e8bf1b9a8c5227f6.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-3 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-3-842be3561cace5f03b763e1c6f0a3688.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-4 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-4-b48e54f74e58c406c44448a606bbe5e6.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-5 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-5-a56f8fced03d8e023a625f3d7203ff85.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-6 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-6-33199196baa570633034ca888c7f8859.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-7 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-7-ab84cb965920219de06f4c4d48356ad7.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-8 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-8-901f5192e2747bdcde317f8df77d76c0.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-9 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-9-614ad0e0bad5dc11edf20d7d7e67ecf5.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }

.culture-pic-10 {
  float: left;
  width: 100%;
  padding-top: 88%;
  background: url(about-culture-pic-10-c5c8e30d1c105bbcf4c9c2226b3ab105.jpg) no-repeat;
  background-position: center;
  background-size: 100% auto; }