.container {
    margin: 0 auto;
    width: 1100px;
}


 .clearfix:after{ display:block; content:""; height:0px; line-height:0px; clear:both;}

.chapter-container {
  width: 100%;
  height: 51px; }
  .chapter-container .chapter-nav {
    background: #FFFFFF;
    width: 100%;
    min-width: 1100px;
    border-bottom: 1px solid #F0F0F0; }
    @media (max-width: 1100px) {
      .chapter-container .chapter-nav {
        min-width: 1000px; } }
    .chapter-container .chapter-nav .chapter-nav-main {
      height: 50px; }
      .chapter-container .chapter-nav .chapter-nav-main .chapter-title {
        height: 50px;
        line-height: 50px;
        font-size: 16px; }

.btn-login {
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border: 1px solid #2B90ED;
  color: #2B90ED;
  text-align: center;
  border-radius: 2px;
  cursor: pointer; }
  .btn-login:hover {
    background-color: #2B90ED;
    color: #FFFFFF; }

.section-index-fix {
  position: fixed;
  top: 0px; }

.second-js-top {
  min-width: 1100px; }
  @media (max-width: 1100px) {
    .second-js-top {
      min-width: 1000px; } }

.chapter-nav {
  background: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  min-width: 1100px;
  border-bottom: 1px solid #F0F0F0; }
  @media (max-width: 1100px) {
    .chapter-nav {
      min-width: 1000px; } }

.global-js-top {
  position: fixed;
  top: 0; }

.margin-60 {
  margin-top: 61px !important; }

.margin-50 {
  margin-top: 51px !important; }

.top-fix {
  z-index: 100;
  width: 100%; }
  @media (max-width: 768px) {
    .top-fix .chapter-nav-main ul.pull-right {
      margin-right: 230px; } }

.chapter-nav-main {
  height: 50px;
  width: 1100px;
  margin: 0 auto;
  z-index: 100; }
  @media (max-width: 1100px) {
    .chapter-nav-main {
      min-width: 1000px;
      width: 1000px; } }
  .chapter-nav-main .chapter-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px; }
    .chapter-nav-main .chapter-title .chapter-nav-logo {
      width: 52px;
      height: 18px;
      background-size: 52px 18px;
      display: inline-block;
      background-repeat: no-repeat;
      padding: 0;
      margin-right: 13px;
      vertical-align: middle;
      background-image: url("../images/ae390c0c8805ab13ac76dae4600d5837.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .chapter-nav-main .chapter-title .chapter-nav-logo {
          background-image: url("../images/nav_stag2_logo@2x.png"); } }
      .chapter-nav-main .chapter-title .chapter-nav-logo + span {
        padding-left: 16px;
        border-left: 1px solid #cdcdcd; }
    .chapter-nav-main .chapter-title span {
      vertical-align: middle; }
  .chapter-nav-main ul {
    height: 50px;
    line-height: 50px; }
    .chapter-nav-main ul li {
      margin: 0 46px 0 0;
      padding: 0;
      display: inline-block;
      font-size: 14px; }
      .chapter-nav-main ul li:hover span {
        border-bottom: 2px solid #EE0000;
        height: 48px; }
      .chapter-nav-main ul li a {
        color: #000000;
        display: inline-block;
        padding: 0 10px; }
        .chapter-nav-main ul li a span {
          display: inline-block; }
        .chapter-nav-main ul li a:hover {
          color: #EE0000; }
    .chapter-nav-main ul li:last-child {
      margin: 0; }
    .chapter-nav-main ul li.lastchild {
      width: 80px;
      margin-right: 0;
      height: 30px;
      cursor: pointer;
      line-height: 30px;
      display: inline-block;
      text-align: center;
      background: #EE0000;
      border-radius: 2px; }
      .chapter-nav-main ul li.lastchild:hover {
        border-bottom: 0;
        height: 30px;
        background-color: #D51616; }
      .chapter-nav-main ul li.lastchild a {
        color: #FFFFFF;
        font-size: 12px; }
    .chapter-nav-main ul .active span {
      border-bottom: 2px solid #EE0000;
      height: 48px; }
    .chapter-nav-main ul .active a {
      color: #e00; }

.yysc {
  font-size: 16px;
  color: #333333; }

.type-nav,
.app-nav {
  width: 100%;
  z-index: 10; }

.affix.type-nav {
  position: fixed;
  top: 51px; }

.affix.app-nav {
  position: fixed;
  top: 0; }

.ui-page-loading {
  position: relative;
  width: 100%;
  min-height: 200px; }

.ui-page-loading::before,
.ui-page-loading::after {
  position: absolute;
  content: ' ';
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 40px; }

.ui-page-loading::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBDNjMxRjQ4NEMwMTFFNUJGNUU4ODhEMTJBNEZCOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBDNjMxRjU4NEMwMTFFNUJGNUU4ODhEMTJBNEZCOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEM2MzFGMjg0QzAxMUU1QkY1RTg4OEQxMkE0RkI5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEM2MzFGMzg0QzAxMUU1QkY1RTg4OEQxMkE0RkI5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PncwdQsAAADDUExUReUAEvWbpOYQIvBwfPnDyfnEyfvX2vrP0+cVJ+cZKexIV/F4g+xMWu1VYukrO/OMlvnEyuggMO5bafess/3j5uxLWetATukqOvSOmP3r7eoxQe5fbPJ8huxAT/i7wP/7/O9kcPeqsfzo6ugkNPze4ekmNuxBUOksPPi4veUBFOs7SfF1gPSNl/WXoO1TYPzf4vahqfzp6/iutfvU2OcTJOklNfe2vOo0Q/WaovnCyO5davi5vvenruknN/OKlPrN0v///zkM63UAAABBdFJOU/////////////////////////////////////////////////////////////////////////////////////8AMFXsxwAAAK9JREFUeNrs1EcOwkAMBdAPgXR6r6H33ju5/6mYFRmQPPIGiUX+1k+WZVmGzwxC+DN4tpIGCy6AIQs2AJMDPRM4cqAOwObAm4BZDmwJ6HDgTsDqqqwlBiklzCGIEt4DN1HA9UVqWCBgpz3dziQHi4AZ4HqSYYmAohSPyNAhYPQb1mkY+4A1LtxwYY87Y4WG6Tfcu9rTp9czemDct7V5c6m6nmLXNfRDPvw9fwFfAgwAID5W18yS7jUAAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .ui-page-loading::before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBDNjMxRjA4NEMwMTFFNUJGNUU4ODhEMTJBNEZCOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBDNjMxRjE4NEMwMTFFNUJGNUU4ODhEMTJBNEZCOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEM2MzFFRTg0QzAxMUU1QkY1RTg4OEQxMkE0RkI5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEM2MzFFRjg0QzAxMUU1QkY1RTg4OEQxMkE0RkI5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgmgW78AAAFoUExUReUAEuUAEuYPIOklNeYQIukkNeYPIv76+/zo6vrP0/i9wvWcpeYHGuYHG/akrPezuexLWfajq/Buevza3utDUf3r7ecTJP/7/OgcLveor+YGGveyuPOJk/WWn+knOPrIzf3t7uUBFfSPmeo0Re1SYOotPvJ7hu1UYe5gbvSNl+1YZ+9odetGVfF1gO1WY/nHzPBteO5ZZvvW2eo1Rvzh5Pi4ve5ea/Brd+cWKPSRmvWZoukoOv719v3y8+tEU+UEF+YNH+cRI+kmNvnEyfaiqvF3g+cRJOktPexCUPWVn/nEyvaep/3m6Os5SecSJu9kcP73+POHkugdLvF4g/vZ3PKDjecVJ/vR1fadpuouP+YGGOYMH/Btef3x8uovP/nBxexHV/avtf3l5+xMW+5fbfOLlfOLlvahqeYKHPza3eggMOgeL/nCxvJ+iO1VYvJ/i/J9h+tHVugeMP/9/fzd4OkoOOgcLf///0a13loAAAB4dFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AHxXGIwAAAF3SURBVHja7NdVbwMxDADgeut27ZW5HTMzc8fMzMzM+fvbWu/tsltyliZN8VPy4E+JnESxjRGHTYEKVKACFfjHYHV8vs5HCAbgK7rpwNYUCMdk4HsaLKECZ9Me1FOBtwguUYGjCM5QgXcI5lKBfgSniUDNjmALEViIXtJBBE4huL5IBJYh+EZ09fpyECwlAr3owdDV5yyy0X5xttuZsACefIPgvn8q8OA4Txp0gGFcSoO1xmBUFiwy9iAsC05ywApJ8IHjQY8UGGnieRAUBTXnkcYmuB6UC4GBMf8NwAsb54PLIuBpKmWQsSw+2CsCplMyGMvkg1Ui4M4vwEYRMNsc7BJ6HOzm4DU1WBySAn+osk68QnglBveZVJX5W/ZSgyFqUKc+Nk5icIDRgjV7jNHc5e2thsdNvU3052BUlOhc84prxOz/xQHdKcKDD2M8vLCWcPZb6aRwUTFW2XHuW9Wst2au5+HDYP5BTLW3ClSgAhX4f8EPAQYAjrzx/JGco8gAAAAASUVORK5CYII=");
    background-size: 40px; } }

.ui-page-loading::after {
  border-color: #e50012 transparent transparent transparent;
  -webkit-animation: loading 0.6s linear infinite;
  animation: loading 0.6s linear infinite; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.top-banner {
  width: 100%;
  height: auto;
  background: #fff url("../images/banner_pc.jpg") no-repeat 50% 50%/cover; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
    .top-banner {
      background: #fff url("../images/banner_pc.jpg") no-repeat 50% 50%/cover; } }
  .top-banner .top-banner-container {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 74px 81px 90px 81px; }
    .top-banner .top-banner-container .top-banner-title {
      font-size: 34px;
      font-weight: bold;
      line-height: 36px;
      color: #323a45; }
    .top-banner .top-banner-container .top-banner-sub-title {
      margin-top: 19px;
      font-size: 18px;
      line-height: 24px;
      color: #323a45; }
    .top-banner .top-banner-container .top-banner-button {
      display: block;
      width: 130px;
      height: 40px;
      border-radius: 3px;
      margin-top: 57px;
      font-size: 16px;
      line-height: 40px;
      text-decoration: none;
      text-align: center;
      color: #fff;
      background-color: #323a45; }

.bg-gray {
  background-color: #f8f8f8; }

.bg-white {
  background-color: #fff; }

.bottom-line {
  border-bottom: 1px solid #e5e5e5; }

.wrap-container {
  width: 100%;
  height: auto; }
  .wrap-container .section-container {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    padding: 80px 81px;
    box-sizing: border-box; }
    .wrap-container .section-container .section-title {
      font-size: 30px;
      color: #333;
      text-align: center; }
    .wrap-container .section-container .title-type1 {
      margin-bottom: 25px; }
    .wrap-container .section-container .title-type2 {
      margin-bottom: 102px;
      margin-top: -20px; }
    .wrap-container .section-container .section-sub-title {
      font-size: 16px;
      color: #333;
      text-align: center; }
    .wrap-container .section-container .section-content-list::after {
      content: '';
      display: block;
      clear: both; }
    .wrap-container .section-container .section-content-list {
      list-style-type: none;
      margin-top: 50px;
      margin-bottom: 0px;
      padding: 0px; }
      .wrap-container .section-container .section-content-list .item-container {
        display: block;
        float: left;
        width: 256px;
        height: auto;
        padding-top: 198px;
        margin-left: 85px;
        box-sizing: border-box; }
        .wrap-container .section-container .section-content-list .item-container .item-title {
          font-size: 18px;
          text-align: center;
          color: #333; }
        .wrap-container .section-container .section-content-list .item-container .item-des {
          margin-top: 13px;
          font-size: 16px;
          line-height: 28px;
          text-align: center;
          color: #666; }
        .wrap-container .section-container .section-content-list .item-container.item1 {
          background: url("../images/eco1_pc.png") no-repeat 50% 0%/256px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
            .wrap-container .section-container .section-content-list .item-container.item1 {
              background: url("../images/eco1_pc@2x.png") no-repeat 50% 0%/256px; } }
        .wrap-container .section-container .section-content-list .item-container.item2 {
          background: url("../images/eco2_pc.png") no-repeat 50% 0%/256px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
            .wrap-container .section-container .section-content-list .item-container.item2 {
              background: url("../images/eco2_pc@2x.png") no-repeat 50% 0%/256px; } }
        .wrap-container .section-container .section-content-list .item-container.item3 {
          background: url("../images/eco3_pc.png") no-repeat 50% 0%/256px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
            .wrap-container .section-container .section-content-list .item-container.item3 {
              background: url("../images/eco3_pc@2x.png") no-repeat 50% 0%/256px; } }
      .wrap-container .section-container .section-content-list .item-container:first-child {
        margin-left: 0px; }
    .wrap-container .section-container .section-des {
      width: 100%;
      height: auto;
      box-sizing: border-box; }
      .wrap-container .section-container .section-des .section-des-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 18px;
        color: #323a45; }
      .wrap-container .section-container .section-des .section-des-content {
        margin-top: 20px;
        font-size: 16px;
        line-height: 27px;
        color: #333; }
    .wrap-container .section-container .solution1 {
      height: 219px;
      padding-top: 85px;
      background: url("../images/solution1.png") no-repeat 0% 50%/402px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container .section-container .solution1 {
          background: url("../images/solution1@2x.png") no-repeat 0% 50%/402px; } }
    .wrap-container .section-container .solution2 {
      height: 259px;
      padding-top: 95px;
      background: url("../images/solution2.png") no-repeat 0% 50%/402px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container .section-container .solution2 {
          background: url("../images/solution2@2x.png") no-repeat 0% 50%/402px; } }
    .wrap-container .section-container .solution3 {
      height: 292px;
      padding-top: 110px;
      background: url("../images/solution3.png") no-repeat 0% 50%/402px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container .section-container .solution3 {
          background: url("../images/solution3@2x.png") no-repeat 0% 50%/402px; } }
    .wrap-container .section-container .solution4 {
      height: 345px;
      padding-top: 130px;
      background: url("../images/solution4.png") no-repeat 0% 50%/402px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container .section-container .solution4 {
          background: url("../images/solution4@2x.png") no-repeat 0% 50%/402px; } }
    .wrap-container .section-container .bg-left {
      padding-left: 500px;
      padding-right: 0px;
      background-position: 0% 50%; }
    .wrap-container .section-container .bg-right {
      padding-right: 431px;
      padding-left: 0px;
      background-position: 100% 50%; }
    .wrap-container .section-container .des-new-strategy {
      margin-bottom: 20px;
      padding-bottom: 410px;
      width: 100%;
      height: 550px;
      box-sizing: border-box;
      background: url("../images/strategy.png") no-repeat 50% 100%/840px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container .section-container .des-new-strategy {
          background: url("../images/strategy@2x.png") no-repeat 50% 100%/840px; } }

.wrap-container-function {
  width: 100%;
  height: auto;
  background: #fff url("../images/core_bg.png") no-repeat 50% 50%/cover; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
    .wrap-container-function {
      background: #fff url("../images/core_bg@2x.png") no-repeat 50% 50%/cover; } }
  .wrap-container-function .container-function {
    width: 1100px;
    height: auto;
    padding-top: 60px;
    padding-bottom: 80px;
    margin: 0 auto; }
    .wrap-container-function .container-function .function-title {
      font-size: 30px;
      color: #fff;
      text-align: center; }
    .wrap-container-function .container-function .function-point-list {
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      list-style: none;
      color: #fff; }
      .wrap-container-function .container-function .function-point-list .function-content-container {
        float: left;
        width: 205px;
        height: auto;
        margin-top: 70px;
        margin-left: 35px;
        margin-right: 35px;
        padding-top: 85px;
        box-sizing: border-box; }
        .wrap-container-function .container-function .function-point-list .function-content-container .function-sub-title {
          text-align: center; }
        .wrap-container-function .container-function .function-point-list .function-content-container .function-content {
          margin-top: 10px;
          font-size: 14px;
          line-height: 21px;
          text-align: center;
          color: #a0a5ac; }
      .wrap-container-function .container-function .function-point-list .function-point1 {
        padding-left: 40px;
        padding-right: 40px;
        background: url("../images/point1.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point1 {
            background: url("../images/point1@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point2 {
        padding-left: 30px;
        padding-right: 30px;
        background: url("../images/point2.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point2 {
            background: url("../images/point2@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point3 {
        padding-left: 40px;
        padding-right: 40px;
        background: url("../images/point3.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point3 {
            background: url("../images/point3@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point4 {
        padding-left: 35px;
        padding-right: 35px;
        background: url("../images/point4.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point4 {
            background: url("../images/point4@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point5 {
        padding-left: 10px;
        padding-right: 10px;
        background: url("../images/point5.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point5 {
            background: url("../images/point5@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point6 {
        padding-left: 25px;
        padding-right: 25px;
        background: url("../images/point6.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point6 {
            background: url("../images/point6@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point7 {
        padding-left: 10px;
        padding-right: 10px;
        background: url("../images/point7.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point7 {
            background: url("../images/point7@2x.png") no-repeat 50% 0%/60px; } }
      .wrap-container-function .container-function .function-point-list .function-point8 {
        padding-left: 0px;
        padding-right: 0px;
        background: url("../images/point8.png") no-repeat 50% 0%/60px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
          .wrap-container-function .container-function .function-point-list .function-point8 {
            background: url("../images/point8@2x.png") no-repeat 50% 0%/60px; } }
    .wrap-container-function .container-function .function-point-list::after {
      content: '';
      display: block;
      clear: both; }

.wrap-container-hostel {
  width: 100%;
  height: auto;
  background-color: #fff; }
  .wrap-container-hostel .container-hostel {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 100px; }
    .wrap-container-hostel .container-hostel .title-hostel {
      font-size: 30px;
      line-height: 30px;
      text-align: center;
      color: #333; }
    .wrap-container-hostel .container-hostel .hostel-list {
      width: 100%;
      height: auto;
      padding: 0;
      margin-top: 70px;
      list-style: none; }
      .wrap-container-hostel .container-hostel .hostel-list .item-hostel {
        float: left;
        position: relative;
        width: 260px;
        height: 340px;
        padding-top: 300px;
        margin-left: 20px;
        box-sizing: border-box; }
        .wrap-container-hostel .container-hostel .hostel-list .item-hostel .title-item-hostel {
          width: 100%;
          height: 40px;
          padding-left: 15px;
          padding-right: 15px;
          box-sizing: border-box;
          font-size: 16px;
          line-height: 40px;
          color: #fff;
          background-color: #323a45;
          opacity: 0.94; }
        .wrap-container-hostel .container-hostel .hostel-list .item-hostel .item-hostel-des {
          position: absolute;
          overflow: hidden;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 0px 15px 0px 15px;
          box-sizing: border-box;
          color: #fff;
          background-color: #323a45;
          opacity: 0.94; }
          .wrap-container-hostel .container-hostel .hostel-list .item-hostel .item-hostel-des .item-hostel-des-title {
            margin-top: 30px;
            font-size: 16px; }
          .wrap-container-hostel .container-hostel .hostel-list .item-hostel .item-hostel-des .item-hostel-des-content {
            overflow: hidden;
            width: 100%;
            height: 192px;
            margin-top: 15px;
            font-size: 14px;
            line-height: 24px;
            text-overflow: ellipsis;
            color: #d5d7d8; }
          .wrap-container-hostel .container-hostel .hostel-list .item-hostel .item-hostel-des .item-hostel-link {
            display: block;
            width: 90px;
            height: 30px;
            margin-top: 32px;
            margin-bottom: 25px;
            border-radius: 2px;
            border: 1px solid #fff;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            color: #fff; }
        .wrap-container-hostel .container-hostel .hostel-list .item-hostel .des-hidden {
          height: 0px;
          transition: height 0.3s ease-in-out; }
        .wrap-container-hostel .container-hostel .hostel-list .item-hostel .des-hidden.des-open {
          height: 340px;
          transition: height 0.3s ease-in-out; }
      .wrap-container-hostel .container-hostel .hostel-list .item-hostel:first-child {
        margin-left: 0; }
    .wrap-container-hostel .container-hostel .hostel-list::after {
      content: '';
      display: block;
      clear: both; }
  .wrap-container-hostel .container-hostel-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: auto;
    padding: 0 165px;
    margin-top: 26px;
    box-sizing: border-box;
    list-style: none; }
    .wrap-container-hostel .container-hostel-logo .link-logo {
      display: block;
      margin-left: 35px;
      margin-top: 34px; }
    .wrap-container-hostel .container-hostel-logo .link-logo:first-child {
      margin-left: 0; }
    .wrap-container-hostel .container-hostel-logo .logo-type1 {
      height: 34px;
      width: auto; }
    .wrap-container-hostel .container-hostel-logo .logo-type2 {
      height: 50px;
      width: auto; }
    .wrap-container-hostel .container-hostel-logo .hostel-logo1 {
      width: 118px;
      background: url("../images/logo1.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo1 {
          background: url("../images/logo1@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo2 {
      width: 158px;
      background: url("../images/logo2.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo2 {
          background: url("../images/logo2@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo3 {
      width: 125px;
      background: url("../images/logo3.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo3 {
          background: url("../images/logo3@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo4 {
      width: 123px;
      background: url("../images/logo4.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo4 {
          background: url("../images/logo4@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo5 {
      width: 105px;
      background: url("../images/logo5.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo5 {
          background: url("../images/logo5@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo6 {
      width: 59px;
      background: url("../images/logo6.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo6 {
          background: url("../images/logo6@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo7 {
      width: 78px;
      background: url("../images/logo7.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo7 {
          background: url("../images/logo7@2x.png") no-repeat 50% 50%/100% 100%; } }
    .wrap-container-hostel .container-hostel-logo .hostel-logo8 {
      width: 78px;
      background: url("../images/logo8.png") no-repeat 50% 50%/100% 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
        .wrap-container-hostel .container-hostel-logo .hostel-logo8 {
          background: url("../images/logo8@2x.png") no-repeat 50% 50%/100% 100%; } }