@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 */
/* banner start */
.banner {
  background: url(product-banner-2a0723387139adb0e28b351c9554c845.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }
  .banner .title {
    position: absolute;
    z-index: 9999;
    right: 21%;
    bottom: 46%; }
    .banner .title .t1 {
      font-size: 2.5vw;
      font-weight: 300;
      display: block;
      text-align: center;
      letter-spacing: 3px; }

.server {
  position: relative;
  width: 100%;
  margin-bottom: 5%;
  padding: 0 15%; }
  .server .title {
    font-size: 2vw;
    display: inline-block;
    width: 100%;
    padding: 5vw 0 4vw 0;
    text-align: center;
    letter-spacing: 4px;
    color: #444444;
    text-shadow: 0 0 0 #444444; }
  .server .content {
    display: inline-block;
    width: 100%; }
    .server .content .detail {
      position: relative;
      float: left;
      width: 32%; }
      .server .content .detail .pic {
        display: inline-block;
        float: left;
        overflow: hidden;
        width: 100%;
        height: 30vh; }
      .server .content .detail .text {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        padding: 8% 10%;
        background-color: #FBFBFB; }
        .server .content .detail .text li {
          font-size: 1.2vw;
          float: unset;
          margin: 1vh 0;
          list-style-type: disc;
          color: #FFB426; }
          .server .content .detail .text li span {
            font-size: 1.1vw;
            letter-spacing: 1px;
            color: #333333; }
        .server .content .detail .text .tag {
          font-size: 1.1vw;
          line-height: 2.6vw;
          position: absolute;
          top: -1.3vw;
          left: 10%;
          width: 6vw;
          height: 2.6vw;
          text-align: center;
          letter-spacing: 1px;
          color: #FFFFFF;
          background-color: #FFB426; }

.structure {
  position: relative;
  width: 100%;
  padding: 3% 10% 5% 10%;
  background-color: #FBFBFB; }
  .structure .title {
    width: 100%;
    text-align: center; }
    .structure .title .h1 {
      font-size: 2vw;
      font-size: 1.8vw;
      padding: 5vw 0 4vw 0;
      letter-spacing: 4px;
      color: #343434;
      text-shadow: 0 0 0 #343434; }
    .structure .title .h2 {
      font-size: 1.1vw;
      padding: 0 0 1vh 0;
      letter-spacing: 1px;
      color: #666666; }

.demand {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 10%;
  padding-bottom: 4vh;
  background: url(product-demand-back-c6dba232569f4455e4ff885350f50dab.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: 100%; }
  .demand .title {
    font-size: 2vw;
    display: inline-block;
    width: 100%;
    padding: 5vw 0 4vw 0;
    text-align: center;
    letter-spacing: 4px;
    color: #FFFFFF; }
  .demand .content {
    position: relative;
    width: 100%; }
    .demand .content .backColor {
      width: 100%;
      height: 22.6vw;
      opacity: .5;
      background-color: #000000; }
    .demand .content .list {
      position: absolute;
      top: 0;
      left: 0;
      padding: 1.9vw 0 0 2vw; }
      .demand .content .list .item {
        width: 8vw;
        height: 3vw;
        margin: 0 1.5vw 1.7vw 0;
        padding: .3vw;
        color: #FFFFFF;
        background-color: #4F4D4D; }
        .demand .content .list .item span {
          font-size: 1vw;
          line-height: 2.4vw;
          display: inline-block;
          width: 7.4vw;
          height: 2.4vw;
          text-align: center;
          letter-spacing: .1vw;
          border: 1px solid #737171; }

.introduction {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 5vh 0; }
  .introduction .title {
    font-size: 2.1vw;
    display: inline-block;
    width: 100%;
    padding: 5vw 0 4vw 0;
    text-align: center;
    letter-spacing: 5px;
    color: #444444;
    text-shadow: 0 0 0 #444444; }
  .introduction .content {
    display: inline-block;
    width: 100%; }
    .introduction .content .detail {
      float: left;
      width: 100%;
      height: 100%; }
      .introduction .content .detail .i {
        float: left;
        width: 55%;
        padding: 5vh 0; }
        .introduction .content .detail .i .t {
          font-size: 1.6vw;
          line-height: 2vw;
          display: inline-block;
          width: auto;
          height: 2.8vw;
          color: #333333;
          border-bottom: 1px solid #E0E0E0;
          text-shadow: 0 0 0  #444444; }
        .introduction .content .detail .i .st {
          font-size: 1.5vw;
          display: inline-block;
          margin-top: 1vw;
          color: #FFB426; }
        .introduction .content .detail .i p {
          font-size: 1.1vw;
          width: 100%;
          color: #666666; }
        .introduction .content .detail .i ul {
          display: inline-block;
          width: 90%;
          margin-left: 1vw; }
          .introduction .content .detail .i ul li {
            font-size: 1vw;
            width: 100%;
            margin: .6vh 0;
            list-style-type: disc;
            color: #FFB426; }
            .introduction .content .detail .i ul li span {
              font-size: 1.1vw;
              color: #666666; }

.function {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 5vh 10%;
  background-color: #FBFBFB; }
  .function .title {
    font-size: 2vw;
    display: inline-block;
    width: 100%;
    padding: 5vw 0 4vw 0;
    text-align: center;
    letter-spacing: 4px;
    color: #444444;
    text-shadow: 0 0 0 #444444; }
  .function .content {
    position: relative;
    width: 100%;
    height: 100%; }
    .function .content .product-function-pic2-0 {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      padding-top: 52%;
      background: url(product-function-pic2-0-3dce246b38bd6860af011b86363be38d.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 90%; }
    .function .content .product-function-pic2-1 {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 4%;
      width: 30%;
      height: 30%;
      background: url(product-function-pic2-1-e8fc5a0acb41364be80b76eee7a16436.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 96%; }
    .function .content .product-function-pic2-2 {
      position: absolute;
      z-index: 2;
      top: 0;
      right: 6%;
      width: 35%;
      height: 30%;
      background: url(product-function-pic2-2-8b35ebd2ae1d58396f4cf5321603e265.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 95%; }
    .function .content .product-function-pic2-3 {
      position: absolute;
      z-index: 2;
      top: 36%;
      left: 1%;
      width: 30%;
      height: 30%;
      background: url(product-function-pic2-3-1fd19aedd544d74f91f63094ceec3ecd.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 80%; }
    .function .content .product-function-pic2-4 {
      position: absolute;
      z-index: 2;
      top: 36%;
      right: 6%;
      width: 30%;
      height: 30%;
      background: url(product-function-pic2-4-07eb3f128b38bcd4b640a6538062c1f5.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 88%; }
    .function .content .product-function-pic2-5 {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 4%;
      width: 30%;
      height: 30%;
      background: url(product-function-pic2-5-47ca85c4336b622b694cd1ecf3f5f007.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 100%; }
    .function .content .product-function-pic2-6 {
      position: absolute;
      z-index: 2;
      right: 9%;
      bottom: 0;
      width: 30%;
      height: 30%;
      background: url(product-function-pic2-6-26510755d37881bdb76a88db0648f162.png) no-repeat;
      /* fixed */
      background-position: center;
      background-size: 100%; }

.group {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 5vh 15%; }
  .group .title {
    font-size: 2vw;
    display: inline-block;
    width: 100%;
    padding: 5vw 0 4vw 0;
    text-align: center;
    letter-spacing: 4px;
    color: #444444;
    text-shadow: 0 0 0 #444444; }
  .group .content {
    display: inline-block;
    width: 100%;
    padding-bottom: 5vh; }
    .group .content .detail {
      position: relative;
      float: left;
      overflow: hidden;
      width: 22.5%;
      height: 15.5vw; }
      .group .content .detail .text {
        font-size: 1.2vw;
        line-height: 2.8vw;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2.8vw;
        text-align: center;
        letter-spacing: 2px;
        color: #FFFFFF;
        background-color: #FFB426; }
        .group .content .detail .text .triangle {
          position: absolute;
          top: -25%;
          left: 44%;
          width: 0;
          height: 0;
          border-right: 15px solid transparent;
          border-bottom: 15px solid #FFB426;
          border-left: 15px solid transparent; }
      .group .content .detail .backColor {
        position: absolute;
        top: 15.5vw;
        left: 0;
        width: 100%;
        height: 15.5vw;
        opacity: .95;
        background-color: #39393A; }
      .group .content .detail .backText {
        position: absolute;
        top: 15.5vw;
        left: 0;
        width: 100%;
        height: 15.5vw; }
        .group .content .detail .backText .c {
          font-size: 1.2VW;
          font-weight: 600;
          display: inline-block;
          width: 100%;
          height: 1.5vw;
          margin-top: 1vw;
          text-align: center;
          color: #FFB413;
          text-shadow: 1px 0 0 #FFB413; }
        .group .content .detail .backText .t {
          font-size: 1vw;
          display: inline-block;
          width: 100%;
          text-align: center;
          letter-spacing: .1vw;
          color: #FFB413;
          text-shadow: 1px 0 0 #FFB413; }
        .group .content .detail .backText ul {
          display: inline-block;
          width: 100%;
          margin-top: 1.2vw;
          margin-left: 2vw; }
          .group .content .detail .backText ul li {
            font-size: .85vw;
            width: 100%;
            margin: .4vh 0;
            list-style-type: disc;
            letter-spacing: .1vw;
            color: #F5F5F5;
            text-shadow: 0 0 1px #F5F5F5; }
      .group .content .detail .z1 {
        z-index: 1; }
      .group .content .detail .z2 {
        z-index: 2; }

.product-server-pic-1 {
  width: 100%;
  height: 100%;
  background: url(product-server-pic-1-51d684b0640610ae4ad98e3dcefad47b.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover;
  background-size: auto 100%; }

.product-server-pic-2 {
  width: 100%;
  height: 100%;
  background: url(product-server-pic-2-69971b7ad681d613d829d6869719645e.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover;
  background-size: auto 100%; }

.product-server-pic-3 {
  width: 100%;
  height: 100%;
  background: url(product-server-pic-3-7c194218c92c240940a2a76715cbe91b.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover;
  background-size: auto 100%; }

.product-structure-pic {
  width: 100%;
  height: 100%;
  padding-top: 50%;
  background: url(product-structure-pic-b69b48de3a54f5e264b8c0c16d8faf4e.png) no-repeat;
  /* fixed */
  background-position: center;
  background-size: 75%; }

.product-function-pic {
  width: 100%;
  height: 100%;
  padding-top: 52%;
  background: url(product-function-pic-17646c068062ee53366049c3ec5a0226.png) no-repeat;
  /* fixed */
  background-position: center;
  background-size: 90%; }

.product-group-pic-1 {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: url(product-group-pic-1-26473415cf1e827e68453f4f653af902.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }

.product-group-pic-2 {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: url(product-group-pic-2-593b66499afd0847ad0a52037ec73b1d.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }

.product-group-pic-3 {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: url(product-group-pic-3-163c55c86a7a423b815e8aaffa034d7e.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }

.product-group-pic-4 {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: url(product-group-pic-4-e2a5d64e3419d4426506dd0b34e47a66.jpg) no-repeat;
  /* fixed */
  background-position: center;
  background-size: cover; }

/* picSlider start */
.picSlider {
  position: relative;
  float: left;
  width: 100%;
  height: 100%; }
  .picSlider .pic-slide {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 85%;
    padding-left: 11%; }
    .picSlider .pic-slide .pic-list {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 85%; }
  .picSlider .pic-point {
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 1.5vh;
    cursor: pointer;
    text-align: center; }
    .picSlider .pic-point .point {
      display: inline-block;
      width: 8px;
      height: 6px;
      margin: 0 2px;
      cursor: pointer;
      border-radius: 10px;
      background-color: #E7E7E5; }
    .picSlider .pic-point .selected {
      display: inline-block;
      width: 14px;
      height: 6px;
      margin: 0 2px;
      border-radius: 14px;
      background-color: #F2AA1A; }
  .picSlider .pic-control {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%; }
    .picSlider .pic-control .prevPanel {
      position: absolute;
      z-index: 1;
      left: 0;
      width: 15%;
      height: 100%; }
    .picSlider .pic-control .left {
      position: absolute;
      z-index: 2;
      top: 40%;
      right: 0;
      overflow: hidden;
      width: 2.88vw;
      height: 5.76vw; }
      .picSlider .pic-control .left .window {
        position: absolute;
        top: 0;
        left: 0;
        width: 5.77vw;
        height: 5.76vw; }
    .picSlider .pic-control .nextPanel {
      position: absolute;
      z-index: 1;
      right: 0;
      width: 15%;
      height: 100%; }
    .picSlider .pic-control .right {
      position: absolute;
      z-index: 2;
      top: 40%;
      left: 0;
      overflow: hidden;
      width: 2.88vw;
      height: 5.76vw; }
      .picSlider .pic-control .right .window {
        position: absolute;
        top: 0;
        left: -100%;
        width: 5.77vw;
        height: 5.76vw; }

@keyframes slideToRight {
  0% {
    left: -100%;
    transform: scale(1); }
  100% {
    left: 0;
    transform: scale(1.1); } }

@keyframes slideToLeft {
  0% {
    left: 0;
    transform: scale(1); }
  100% {
    left: -100%;
    transform: scale(1.1); } }

/* picSlider end */
.product-introduction-pic-1 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-1-e1ae9449ac270f3f01e0bf7f4afab69d.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-2 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-2-466b36426546161faee9c3a79a2b1ef2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-3 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-3-884cfb400c6c5af4cc65918bd8026d55.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-4 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-4-7b1453fbd18dc310cc78d0505ee1fe26.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-5 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-5-72e5f375fd8eee5cdfe6586cb3d775e3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-6 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-6-1389390a10ed64c1980f440ae17e27d9.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-7 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-7-cf680435a850ffc563f292c307f41ab0.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-8 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-8-a6cfbbd9116701ed551caf16d517463f.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-9 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-9-8652c1e6f9e3191b01bb76f0ccbd9f85.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-10 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-10-4fbae429f40044d63344a91008eb7f8d.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-11 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-11-6a2f23af5e8c52a4d7a5235c63f33b53.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.product-introduction-pic-12 {
  float: left;
  width: 32%;
  height: 100%;
  padding-top: 32%;
  background-image: url(product-introduction-pic-12-c38c91b6a9b73fee52eab3373d261abb.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.icon-arrow-left {
  float: left;
  width: 2.88vw;
  height: 5.76vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NUVFODdBMDYyRkI3RTkxMTgyNzlGNjc0QzI0NDkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgxMjM4MERCNzMwMTFFOTg3NTBGMzY0NTQxQ0NBOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgxMjM4MENCNzMwMTFFOTg3NTBGMzY0NTQxQ0NBOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIAEgAJAMBEQACEQEDEQH/xAByAAADAQEBAQAAAAAAAAAAAAAABAUGBwgKAQEBAQAAAAAAAAAAAAAAAAAAAQIQAAAFAgMGBgIDAAAAAAAAAAECAwQFAAYREhQTszR0xAfRVJQVRYVBIiExIxEBAAMBAQEAAAAAAAAAAAAAAAExQhFBIv/aAAwDAQACEQMRAD8A+tt28eFduildOSlK4WApQXVAAAFBAAAAGtxEcJsvrnvnHXqFfGryEGue+cdeoV8acgGue+cdeoV8acgUNW69q2mpcZ/cMmfbKZ8mmxwxxxwx/FZ59NeJz3jHfMr70asUk2WqoKAoKXw/2XS1NNZLPeMd8yvvRpFJNlqqMDeV7mtmTs+3o2JPP3Jec2RgwjCO9Cm0hGB03EtJrrCkqBEI5ofOBcv+qpk0QEoqAYob6gpfD/ZdLU01ks94x3zK+9GkUk2zVy3FEWjAS1yzrorOIhWSz98uJROYEkS4gUhC/soqobAiZCgJjmECgAiIBVRzftba8ms4lO6d6x5Wd/Xy1bJhHLCRdayLLbKmcx8GmplDA6YH270SgAKOjm/spExAOyUFL4f7LpammslnvGO+ZX3o0ikm3nC/CqyfebttBXsZBv28Ok5mrKRIbFrcnd6FEX6DWSFQoZVGTAir2ORKOVVRNRQw50Eyi9R6GqgoKXw/2XS1NNZLPeMd8yvvRpFJNsbedoxd826/tyWM5QRdbBdpIMFtNKQ8oxXK8avWioAIpOmjghVEzYD+wfyAgIgNRlO2l4S0qEtZd6map9yLHLHo3IDRDRMrii5EqpGE8xRE6gpsJXTrACeYworpKoiI7PMYOqUFL4f7LpammslnvGO+ZX3o0ikmy1VGAumxgnbgtO7YmTG3rntaRSKMok0M8JNWm7cEGSh3aJVkAVQdpFzInMI6dwBFilNlMQ4b+gpfD/ZdLU01ks94x3zK+9GkUk2WqoKAoKXw/wBl0tTTWQ7ZvDO3RitXJimcLCUwIKiAgKgiAgIBSJjiTZfQvfJuvTq+FXsINC98m69Or4U7ANC98m69Or4U7AoaR17Vs9M4z+4Z8mxUz5NNhjhhjhj+az36a8f/2Q==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-arrow-left-active {
  float: left;
  width: 2.88vw;
  height: 5.76vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NUVFODdBMDYyRkI3RTkxMTgyNzlGNjc0QzI0NDkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzQzkzMERCNzMxMTFFOTlGMTVFRTMxQjFDOTA2QUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YzQzkzMENCNzMxMTFFOTlGMTVFRTMxQjFDOTA2QUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MkU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-arrow-right {
  float: left;
  width: 2.88vw;
  height: 5.76vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NUVFODdBMDYyRkI3RTkxMTgyNzlGNjc0QzI0NDkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEU3NEVFMzBCNzMwMTFFOTkyMzBGMDNDQjM3Rjg1RjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEU3NEVFMkZCNzMwMTFFOTkyMzBGMDNDQjM3Rjg1RjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQICAgIBAgICAgICAgIDAwMDAwMEBAQEBAUFBQUFBQUFBQUBAQEBAQEBAwICAwQDAwMEBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBf/AABEIAEgAJAMBEQACEQEDEQH/xABxAAADAQEBAQAAAAAAAAAAAAAABAUHBgMKAQEBAQAAAAAAAAAAAAAAAAAAAQIQAAEDAgIIBgMBAAAAAAAAAAQBAgMABREGEhOzFDR0xAfRVJQVRYUhQSIxEQEBAQEBAQEAAAAAAAAAAAAAATFCEUEi/9oADAMBAAIRAxEAPwD62yzDGllNaUS1rSJka1J5URESRURERFrck8LpffjfOFeol8avkQb8b5wr1EvjTyA343zhXqJfGnkFDeyvatZvJGn7hoaeuk09DdscMcccMf1WfP018TjeML5mfarVmJdLVUFAUFL4f7LpanTXJY3jC+Zn2q0mJdZ7n/OU2Q7OJmOSyz3awi3YSLNxYk8qF5Zy1PDKyW6NHggmebGJPqdfE1WKyB0kuK6rQfUdmORAXBCULNCSMTDGQOQPIyaAiCZiSMex8aq17HtVFRUXBUoPagpfD/ZdLU6a5LG8YXzM+1WkxLpRzWva5j2tex7Va9jkRzXNcmCoqL+FRUqowbJqydpMyhdqzGq3IF71y9oLk56ujsjxopCp8qTfyiRRhQM1lqcrl0x0fD+FHasgb3QUvh/sulqdNcljeML5mfarSYl0tVRinf8Ansa9ujrRcgy7lfcwn2609vbbaZYR7/P3HSf3GzT2+af+BibeXA0zeH/xCyF0j8WNciyjT8sxZghy9ZIc2FW03M8VrBjv5lngmFtRV3YO1s8g8ZCueyJ8mKtRVxRKo674f7LpanTXJY3jC+Zn2q0mJdTTDBLeIUeeUOCCCNOYaaXNGMIGINEs0ksskytZHHGxquc5yoiImK1UYh24gI7iZil703ZkrLMQDLaO0doKhdG635RJcj571IyRcWmX9zWvZi1roxGxs/18mIbxQUvh/sulqdNcljeML5mfarSYl1nHcLJDu4FstmXyrtIBlxb2Efm22Qi66TNVkAY8hLYs2tjUaCctIXzuRr9ZEx8OCJIrm1HfUBQUvh/sulqdNcljeML5mfarSYl0tVQUBQUvh/sulqdNcgsMxxZTmikua4iZWuSCVUVFkVUVFRKSzxLpfcTfJlenl8KvsQbib5Mr08vhT2A3E3yZXp5fCnsFDdCvatXuxGn7hp6Gpk09DdsMcMMcMf3Wff018f/Z);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.icon-arrow-right-active {
  float: left;
  width: 2.88vw;
  height: 5.76vw;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABgAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NUVFODdBMDYyRkI3RTkxMTgyNzlGNjc0QzI0NDkwOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzcxOUFCNTNCNzMxMTFFOTgwNzFBNzI4RTYwRkI2QkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzcxOUFCNTJCNzMxMTFFOTgwNzFBNzI4RTYwRkI2QkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MkU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUU4N0EwNjJGQjdFOTExODI3OUY2NzRDMjQ0OTA5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }