/*--鍏叡閮ㄥ垎--*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: pointer;
}

body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
  margin: 0;
  padding: 0;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body,
button,
input,
select,
textarea {
  font: 12px/1.5 arial, 'pingfang sc', 'microsoft yahei', sans-serif;
  color: #333;
}

ul,
li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  border: 1px solid #ccc;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #333;
  outline: none;
  cursor: pointer;
}

a:hover {
  background-repeat: no-repeat;
  text-decoration: none;
}

a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input,
textarea,
select {
  outline: none;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select,
textarea {
  outline-style: none;
  -webkit-appearance: none;
  resize: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
}

.bd_weixin_popup,
.content-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.commonweb {
  padding: 0px 15px;
}

.commonwebbox {
  margin-left: 0px;
  margin-right: 0px;
}

.commonleft {
  float: none;
}

.commonright {
  float: none;
}

.visible-sm,
.visible-md,
.visible-lg {
  display: none;
}

.hidden-sm,
.hidden-md,
.hidden-lg {
  display: block;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (max-width: 320px) {
  body {
    min-width: 320px;
  }
}

@media (min-width: 768px) {
  .commonweb {
    padding: 0px 20px;
  }

  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .visible-sm {
    display: block;
  }

  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  .commonweb {
    padding: 0px 40px;
  }

  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-md {
    display: block;
  }

  .hidden-md {
    display: none;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1200px) {
  html {
    cursor: default;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-lg {
    display: block;
  }

  .hidden-lg {
    display: none;
  }

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1260px) {
  .commonweb {
    margin: 0px auto;
    max-width: 1200px;
    padding: 0;
  }
}

/* layout start*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform;
  transition-property: transform, -webkit-transform, -o-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -o-transition-property: -o-transform;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: height, -o-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform, -o-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  bottom: 2%;
  width: 100%;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
  margin: 0 5px;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}



body {
  background:  repeat;
}

.fz48 {
  font-size: 30px;
}

@media (min-width: 1000px) {
  .fz48 {
    font-size: 48px;
  }
}

.fz30 {
  font-size: 16px;
}

@media (min-width: 1000px) {
  .fz30 {
    font-size: 30px;
  }
}

.fz37 {
  font-size: 14px;
}

@media (min-width: 1000px) {
  .fz37 {
    font-size: 37px;
  }
}

@media (min-width: 1000px) {
  .fz19 {
    font-size: 19px;
  }
}

@media (min-width: 1000px) {
  .fz22 {
    font-size: 22px;
  }
}

@media (min-width: 1000px) {
  .fz24 {
    font-size: 24px;
  }
}

section,
.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7,
.section8,
.section9,
.section10,
.section11,
.section12,
.section13 {
  font-size: 14px;
}

.c5bb19e {
  color: #5bb19e;
}

.block {
  display: block;
  width: 100%;
}

.swiper-container .swiper-pagination {
  text-align: right;
  padding-right: 30px;
  bottom: 5%;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 18px;
  background-color: #46a791;
}

.swiper-container.left-banner .swiper-pagination {
  bottom: 10%;
}

.video-box {
  position: relative;
}

.video-box .play-btn {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background:  no-repeat;
  background-size: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.video-box.video-box2 {
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 4px 15px 10px rgba(166, 154, 140, 0.28);
  box-shadow: 4px 15px 10px rgba(166, 154, 140, 0.28);
}

.video-box video {
  display: block;
  width: 100%;
}

.pt36 {
  padding-top: 1.875%;
}

.section2 {
  padding: 0 2.08333%;
  text-align: center;
}

.section2 .big-title {
  padding-top: 4.32292%;
  line-height: 1.4;
}

.section2 .big-title span {
  display: inline-block;
  position: relative;
  padding: 0 3.4375%;
}

.section2 .big-title span:after,
.section2 .big-title span:before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  width: 4px;
  height: 4px;
  background-color: #333;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.section2 .big-title span:after {
  left: 6%;
}

.section2 .big-title span:before {
  right: 6%;
}

.section2 .small-title {
  line-height: 1.7;
}

.section2 .text-box {
  padding: 1.51042% 0 2.70833%;
  line-height: 1.9;
  color: #575857;
}

.section3 {
  background:  center 29.5% no-repeat;
  background-size: 75%;
}

.section3 .text-box {
  text-align: center;
  padding: 3.28125% 0 3.125%;
  line-height: 1.9;
  color: #575857;
}

.release-box {
  padding: 3.28125% 7.29167% 10.15625%;
  position: relative;
}

.release-box:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background:  no-repeat 88.54167% bottom;
  background-size: 27.08333%;
}

.release-box .release2 {
  margin-top: 30px;
}

.release-box .swiper-container {
  -webkit-box-shadow: 4px 15px 10px rgba(166, 154, 140, 0.28);
  box-shadow: 4px 15px 10px rgba(166, 154, 140, 0.28);
}

.img-title {
  margin: 0 auto;
  min-width: 25%;
}

.img-title.title1 {
  width: 22.1875%;
  min-width: 30%;
}

.img-title.title2 {
  width: 15.3125%;
  padding: 3.95833% 0 2.08333%;
}

.img-title.title3 {
  width: 16.19792%;
  padding: 1.97917% 0 2.08333%;
}

.img-title.title4 {
  width: 14.16667%;
  padding: 0 0 2.08333%;
}

.img-title.title5 {
  width: 13.22917%;
  padding: 0 0 2.08333%;
}

.img-title.title6 {
  width: 15.36458%;
  padding: 2.86458% 0 2.34375%;
}

.img-title.title7 {
  width: 25.41667%;
  padding-bottom: 2.39583%;
}

.img-title.title8 {
  width: 28.48958%;
  padding: 7.39583% 0 1.5625%;
}

.img-title.title9 {
  width: 29.11458%;
  padding: 0.78125% 0;
}

.section {
  padding: 6.77083% 7.29167% 2.08333%;
}

.section .info {
  padding: 4.26829% 0 0 2.43902%;
  color: #575857;
}

.section4 {
  padding-top: 0;
  margin-top: 7.38542%;
  background:  no-repeat left bottom;
  background-size: 100%;
}

.section4 .box-box {
  -webkit-box-shadow: -10px 10px #b6ddca;
  box-shadow: -10px 10px #b6ddca;
}

.section5 {
  padding-bottom: 8.59375%;
  background:  no-repeat left bottom;
  background-size: 100%;
}

.section5 .box-box {
  -webkit-box-shadow: 10px 10px #f6f1d1;
  box-shadow: 10px 10px #f6f1d1;
}

.section6 {
  padding-top: 0;
  margin-top: -3.4375%;
  padding-bottom: 4.16667%;
  background:  no-repeat left bottom;
  background-size: 100%;
}

.section6 .box-box {
  -webkit-box-shadow: -10px 10px #f7d6d1;
  box-shadow: -10px 10px #f7d6d1;
}

.section7 {
  padding-top: 0;
  padding-bottom: 2.1875%;
  background:  no-repeat left bottom;
  background-size: 100%;
}

.section7 .box-box {
  -webkit-box-shadow: 10px 10px #d1c2a5;
  box-shadow: 10px 10px #d1c2a5;
}

.section8 {
  padding-top: 0;
  padding-bottom: 2.23958%;
  background:  no-repeat left bottom;
  background-size: 100%;
}

.section8 .box-box {
  -webkit-box-shadow: -10px 10px #f4f5f0;
  box-shadow: -10px 10px #f4f5f0;
}

.section9 {
  background:  no-repeat;
  background-size: 100%;
  padding: 3.4375% 7% 5.3125%;
  color: #575857;
}

.section9 .founder {
  text-align: center;
  margin-bottom: 15px;
}

.section9 .info-box .tip {
  line-height: 1.6;
  padding-top: 12.1%;
  text-align: right;
}

.section9 .info-box .name {
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}

.section9 .info-box {
  line-height: 2.2;
  padding: 9.11458% 8.20833% 11.04167% 4.16667%;
}

.section10 .text-box {
  text-align: center;
  padding-bottom: 3.64583%;
  line-height: 1.9;
  color: #575857;
}

.section11 {
  padding-top: 0;
  padding-bottom: 4.16667%;
  position: relative;
  z-index: 4;
}

.section11:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -31.70732%;
  width: 100%;
  height: 100%;
  background:  no-repeat right bottom;
  background-size: 50.60976%;
  z-index: 1;
}

.section11 img {
  position: relative;
  z-index: 4;
}

.section12 {
  padding: 0 9.47917%;
  position: relative;
  z-index: 4;
}

.section12 .swiper-container {
  z-index: 4;
}

.section12:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -3.90625%;
  background:  no-repeat 1.35417% bottom;
  background-size: 25.98958%;
  z-index: 1;
}

.section12 .right-banner {
  margin-top: 5%;
}

.section13 {
  padding-bottom: 8.33333%;
}

.section13 .text-box {
  position: relative;
  z-index: 4;
  text-align: center;
  padding-top: 1.875%;
  line-height: 2;
  color: #575857;
}

.section13 .bag .left {
  width: 44.0625%;
  margin: 0 auto;
}

.section13 .bag .right {
  position: relative;
  z-index: 4;
  padding-bottom: 7.1875%;
}

.section13 .bag .right img {
  position: relative;
  z-index: 4;
  -webkit-box-shadow: 1px 15px 10px rgba(166, 154, 140, 0.28);
  box-shadow: 1px 15px 10px rgba(166, 154, 140, 0.28);
}

.section13 .bag .right:after {
  content: '';
  width: 100%;
  height: 175%;
  position: absolute;
  right: 0;
  bottom: -50%;
  background:  no-repeat right;
  background-size: 66.33663%;
  z-index: 1;
}

@media (min-width: 768px) {
  .video-box .play-btn {
    width: 100px;
    height: 100px;
  }

  .release-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .release-box .swiper-container {
    margin: 0;
    width: 48.78049%;
  }

  .section2 .big-title span:after,
  .section2 .big-title span:before {
    width: 8px;
    height: 8px;
  }

  .section2 .big-title span:after {
    left: 8%;
  }

  .section2 .big-title span:before {
    right: 8%;
  }

  .section .info {
    text-align: right;
    padding: 2.68293% 11.40244% 0 0;
  }

  .section .info.left {
    padding: 2.43902% 0 0 10.85366%;
    text-align: left;
  }

  .section4 .box-box {
    -webkit-box-shadow: -20px 20px #b6ddca;
    box-shadow: -20px 20px #b6ddca;
  }

  .section5 .box-box {
    -webkit-box-shadow: 20px 20px #f6f1d1;
    box-shadow: 20px 20px #f6f1d1;
  }

  .section6 .box-box {
    -webkit-box-shadow: -20px 20px #f7d6d1;
    box-shadow: -20px 20px #f7d6d1;
  }

  .section7 .box-box {
    -webkit-box-shadow: 20px 20px #d1c2a5;
    box-shadow: 20px 20px #d1c2a5;
  }

  .section8 .box-box {
    -webkit-box-shadow: -20px 20px #f4f5f0;
    box-shadow: -20px 20px #f4f5f0;
  }

  .section9 {
    background-size: 64%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    box-pack: space-between;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
  }

  .section9 .founder {
    position: relative;
    z-index: 4;
    width: 52.9%;
  }

  .section9 .info-box {
    width: 41%;
    position: relative;
    z-index: 1;
    background-size: 100%;
    background-position-y: 40px;
    padding: 0;
    padding-right: 2%;
  }

  .section12 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .section12 .swiper-container {
    width: 48.20513%;
    max-width: 752px;
  }

  .section12:after {
    bottom: -7.8125%;
  }

  .section13 .bag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .section13 .bag .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: -16px;
    padding-left: 4.16667%;
  }

  .section13 .bag .right {
    padding-top: 5.20833%;
    width: 52.60417%;
  }
}

@media (min-width: 1024px) {
  .section9 .info-box {
    font-size: 14px;
  }
}


@media (min-width: 1460px) {
  .section9 .info-box {
    font-size: 19px;
  }
}



.video-player-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 201;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0;
  text-align: center;
}

.video-player-popup:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .video-player {
  position: relative;
  width: 94%;
  min-height: 300px;
  max-width: 960px;
  margin-top: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 40px;
  height: 40px;
  background:  no-repeat center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.video-player-popup .close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


@media (min-width: 1024px) {
  .video-player-popup .video-player {
    height: 500px;
  }
}

@media (min-width: 1600px) {
  .video-player-popup .video-player {
    height: 600px;
  }
}



.full-searcha-wrapper .search-hd {
  border-bottom: 1px solid #d6d6d6;
}

.full-searcha-wrapper .search-form {
  padding: 20px 0;
}

.full-searcha-wrapper .search-form form {
  position: relative;
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding-right: 80px;
  border: 1px solid #333;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}

.full-searcha-wrapper .search-form input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
}

.full-searcha-wrapper .search-form input[type='text'] {
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: auto 16px;
  background-image: ;
}

.full-searcha-wrapper .search-form input[type='submit'] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 80px;
  padding: 0 20px;
  color: #fff;
  background-color: #333;
}

.full-searcha-wrapper .search-cate ul {
  margin-bottom: -1px;
  white-space: nowrap;
  overflow-x: auto;
}

.full-searcha-wrapper .search-cate li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.full-searcha-wrapper .search-cate a {
  display: block;
  font-size: 14px;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #d6d6d6;
}

.full-searcha-wrapper .search-cate .cur a {
  border-bottom-color: #333;
}

.full-searcha-wrapper .search-result .length {
  padding: 10px 0;
}

.full-searcha-wrapper .search-result .nodata {
  padding: 20px 0;
}

.full-searcha-wrapper .result-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.full-searcha-wrapper .result-list li a {
  display: block;
}

.full-searcha-wrapper .result-list .thumb {
  float: left;
  width: 135px;
  margin-right: 10px;
}

.full-searcha-wrapper .result-list .thumb img {
  max-width: 100%;
}

.full-searcha-wrapper .result-list .content {
  overflow: hidden;
}

.full-searcha-wrapper .result-list .content h2 {
  font-size: 16px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
}

.full-searcha-wrapper .result-list .desc {
  font-size: 14px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #666;
}

.full-searcha-wrapper .result-list .more {
  font-size: 14px;
  line-height: 24px;
}

.full-searcha-wrapper .loadmore {
  overflow: hidden;
  padding: 10px 0;
}

.full-searcha-wrapper .loadmore a {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background-color: #cd002b;
}

.full-searcha-wrapper mark {
  color: #fff;
  background-color: #cd002b;
}

@media (min-width: 640px) {
  .full-searcha-wrapper .search-form {
    padding: 30px 0;
  }

  .full-searcha-wrapper .result-list li {
    padding: 15px 0;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 180px;
  }

  .full-searcha-wrapper .result-list .loadmore {
    padding: 20px 0;
  }
}

@media (min-width: 1024px) {
  .full-searcha-wrapper .search-form {
    padding: 40px 0;
  }

  .full-searcha-wrapper .commonweb {
    max-width: 960px;
  }

  .full-searcha-wrapper .loadmore {
    padding: 40px 0;
  }

  .full-searcha-wrapper .loadmore a {
    line-height: 50px;
  }

  .full-searcha-wrapper .result-list a .content h2 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .full-searcha-wrapper .result-list a:hover .content h2 {
    color: #ff5500;
  }

  .full-searcha-wrapper .result-list li {
    padding: 20px 0;
  }

  .full-searcha-wrapper .result-list .content h2 {
    margin-bottom: 10px;
    font-weight: bold;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 280px;
    margin-right: 30px;
  }
}


/*鐩稿唽杞挱 s*/
.thumb-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2018;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.thumb-popup .thumb-wraper {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  margin: auto;
  width: 100%;
}

.thumb-popup .thumb-wraper .thumb-copy-wrapper {
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
}

.thumb-popup .close {
  position: absolute;
  right: 4%;
  top: 4%;
  z-index: 9;
  width: 40px;
  height: 40px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #5261b9;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  line-height: 40px;
  opacity: 1;
}

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li {
  padding: 0 20px;
  overflow: hidden;
}

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img {
  display: block;
  max-width: 100%;
  max-height: 90%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 640px;
}

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p {
  text-align: center;
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
  bottom: 5%;
  width: 100%;
  left: 0;
  position: absolute;
}

.thumb-popup .thumb-wraper .banner-btn {
  display: none;
  width: 60px;
  height: 120px;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  z-index: 2;
  cursor: pointer;
}

.thumb-popup .thumb-wraper .banner-btn::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -5px;
  width: 40px;
  height: 40px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-left: 0;
  border-bottom: 0;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-left {
  left: -10px;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-right {
  right: -10px;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-left::after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-left: -4px;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-right::after {
  margin-left: -7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.thumb-popup .thumb-wraper .banner-btn.swiper-left:hover::after {
  border-color: #5261b9;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after {
  border-color: #5261b9;
}

.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled {
  cursor: default;
}

@media (min-width: 768px) {
  .thumb-popup .thumb-wraper .banner-btn.swiper-left {
    left: 4%;
  }

  .thumb-popup .thumb-wraper .banner-btn.swiper-right {
    right: 4%;
  }
}

@media (min-width: 1024px) {
  .thumb-popup .thumb-wraper .banner-btn {
    display: block;
  }
}

/*鐩稿唽杞挱 e*/

#ie-alert-overlay {
  width: 100%;
  height: 100%;
  background:  repeat 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

* html #ie-alert-overlay {
  position: absolute;
  z-index: 9999;
}

#ie-alert-panel {
  width: 520px;
  height: 331px;
  position: fixed;
  background:  no-repeat;
  background-position: -1px -109px;
  top: 50%;
  left: 50%;
  margin: -201px 0 0 -296px;
  padding: 72px 0 0 72px;
  _position: absolute;
  _top: expression(300 ((e=document.documentelement.scrolltop)?e:document.body.scrolltop) 'px');
  font-family: arial, "helvetica neue", helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  line-height: 1.5em;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel div,
#ie-alert-panel p,
#ie-alert-panel span,
#ie-alert-panel a,
#ie-alert-panel img,
#ie-alert-panel ul,
#ie-alert-panel li {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel p {
  font-size: 14px;
  width: 486px;
  text-align: justify;
}

#ie-alert-panel img {
  border: 0;
}

#ie-alert-panel span {
  font-size: 18px;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
}

#ie-alert-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#ie-alert-panel li {
  float: left;
  margin: 0 22px 0 0;
}

#ie-alert-panel li.last {
  margin-right: 0;
}

#ie-alert-panel a {
  display: inline-block;
  vertical-align: top;
}

#goon {
  text-decoration: underline;
}

.browser {
  position: absolute;
  bottom: 35px;
}

.chrome,
.firefox,
.ie9,
.opera,
.safari {
  background:  no-repeat;
}

.chrome {
  background-position: 0 0;
  width: 73px;
  height: 96px;
  margin: 0 4px 0 0;
}

.firefox {
  background-position: -292px 0;
  width: 73px;
  height: 98px;
}

.ie9 {
  background-position: -179px 0;
  width: 95px;
  height: 98px;
}

.opera {
  background-position: -90px 0;
  width: 73px;
  height: 98px;
}

.safari {
  background-position: -387px 0;
  width: 73px;
  height: 98px;
  margin: 0 4px 0 0;
}



.full-searcha-wrapper .search-hd {
  border-bottom: 1px solid #d6d6d6;
}

.full-searcha-wrapper .search-form {
  padding: 20px 0;
}

.full-searcha-wrapper .search-form form {
  position: relative;
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding-right: 80px;
  border: 1px solid #333;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}

.full-searcha-wrapper .search-form input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
}

.full-searcha-wrapper .search-form input[type='text'] {
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: auto 16px;
  background-image: ;
}

.full-searcha-wrapper .search-form input[type='submit'] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 80px;
  padding: 0 20px;
  color: #fff;
  background-color: #333;
}

.full-searcha-wrapper .search-cate ul {
  margin-bottom: -1px;
  white-space: nowrap;
  overflow-x: auto;
}

.full-searcha-wrapper .search-cate li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.full-searcha-wrapper .search-cate a {
  display: block;
  font-size: 14px;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #d6d6d6;
}

.full-searcha-wrapper .search-cate .cur a {
  border-bottom-color: #333;
}

.full-searcha-wrapper .search-result .length {
  padding: 10px 0;
}

.full-searcha-wrapper .search-result .nodata {
  padding: 20px 0;
}

.full-searcha-wrapper .result-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.full-searcha-wrapper .result-list li a {
  display: block;
}

.full-searcha-wrapper .result-list .thumb {
  float: left;
  width: 135px;
  margin-right: 10px;
}

.full-searcha-wrapper .result-list .thumb img {
  max-width: 100%;
}

.full-searcha-wrapper .result-list .content {
  overflow: hidden;
}

.full-searcha-wrapper .result-list .content h2 {
  font-size: 16px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
}

.full-searcha-wrapper .result-list .desc {
  font-size: 14px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #666;
}

.full-searcha-wrapper .result-list .more {
  font-size: 14px;
  line-height: 24px;
}

.full-searcha-wrapper .loadmore {
  overflow: hidden;
  padding: 10px 0;
}

.full-searcha-wrapper .loadmore a {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background-color: #cd002b;
}

.full-searcha-wrapper mark {
  color: #fff;
  background-color: #cd002b;
}

@media (min-width: 640px) {
  .full-searcha-wrapper .search-form {
    padding: 30px 0;
  }

  .full-searcha-wrapper .result-list li {
    padding: 15px 0;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 180px;
  }

  .full-searcha-wrapper .result-list .loadmore {
    padding: 20px 0;
  }
}

@media (min-width: 1024px) {
  .full-searcha-wrapper .search-form {
    padding: 40px 0;
  }

  .full-searcha-wrapper .commonweb {
    max-width: 960px;
  }

  .full-searcha-wrapper .loadmore {
    padding: 40px 0;
  }

  .full-searcha-wrapper .loadmore a {
    line-height: 50px;
  }

  .full-searcha-wrapper .result-list a .content h2 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .full-searcha-wrapper .result-list a:hover .content h2 {
    color: #ff5500;
  }

  .full-searcha-wrapper .result-list li {
    padding: 20px 0;
  }

  .full-searcha-wrapper .result-list .content h2 {
    margin-bottom: 10px;
    font-weight: bold;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 280px;
    margin-right: 30px;
  }
}



/*缃戠珯鍦板浘 s*/
.hgysitemap .sitemapcont2 {
  padding: 6% 10px;
  overflow: hidden;
  background: #fff;
}

.hgysitemap .sitemapcont2 dl {
  position: relative;
  margin-bottom: 36px;
}

.hgysitemap .sitemapcont2 dl:last-child {
  margin-bottom: 0;
}

.hgysitemap .sitemapcont2 dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 8px;
  background: #fff;
  position: absolute;
  left: 18px;
  top: -14px;
}

.hgysitemap .sitemapcont2 dd {
  padding: 4% 3% 1% 3%;
  border: 1px solid #e6e6e6;
}

.hgysitemap .sitemapcont2 dd a {
  display: inline-block;
  padding-left: 10px;
  margin: 0 23px 8px 0;
}

@media (min-width: 1024px) {
  .hgysitemap .sitemapcont2 {
    padding: 3.5% 30px;
  }

  .hgysitemap .sitemapcont2 dl {
    margin-bottom: 55px;
  }

  .hgysitemap .sitemapcont2 dt {
    font-size: 20px;
  }

  .hgysitemap .sitemapcont2 dd {
    padding: 2% 3% 1% 3%;
    border: 1px solid #e6e6e6;
  }

  .hgysitemap .sitemapcont2 dd a {
    margin: 0 45px 8px 0;
  }
}

/*缃戠珯鍦板浘 e*/



/* 澶撮儴搴曢儴 */
锘緻charset "utf-8";

/*--鍏叡閮ㄥ垎--*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: pointer;
}

body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
  margin: 0;
  padding: 0;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body,
button,
input,
select,
textarea {
  font: 14px/1.5 "鎬濇簮榛戜綋 cn", 'microsoft yahei', arial, 'pingfang sc', 'microsoft jhenghei', sans-serif;
  color: #333;
}

ul,
li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  border: 1px solid #ccc;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #333;
  outline: none;
  cursor: pointer;
}

a:hover {
  background-repeat: no-repeat;
  text-decoration: none;
}

a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input,
textarea,
select {
  outline: none;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select,
textarea {
  outline-style: none;
  -webkit-appearance: none;
  resize: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
}

.bd_weixin_popup,
.content-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.commonweb {
  margin: 0px auto;
  max-width: 1400px;
  padding: 0px 15px;
}

.commonwebbox {
  margin-left: 0px;
  margin-right: 0px;
}

.commonleft {
  float: none;
}

.commonright {
  float: none;
}

.visible-sm,
.visible-md,
.visible-lg {
  display: none;
}

.hidden-sm,
.hidden-md,
.hidden-lg {
  display: block;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (max-width: 320px) {
  body {
    min-width: 320px;
  }
}

@media (min-width: 768px) {
  .commonweb {
    padding: 0px 20px;
  }

  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .visible-sm {
    display: block;
  }

  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  .commonweb {
    padding: 0px 40px;
  }

  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-md {
    display: block;
  }

  .hidden-md {
    display: none;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1200px) {
  html {
    cursor: default;
  }

  .commonleft {
    float: left;
  }

  .commonright {
    float: right;
  }

  .visible-lg {
    display: block;
  }

  .hidden-lg {
    display: none;
  }

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0.20833rem;
    padding-right: 0.20833rem;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1260px) {
  .commonweb {
    padding: 0 100px;
  }
}

/* layout start*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform;
  transition-property: transform, -webkit-transform, -o-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -o-transition-property: -o-transform;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: height, -o-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform, -o-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}


img {
  max-width: 100%;
  vertical-align: middle;
}

html,
body {
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
}

body {
  /* padding-top: 60px; */
}

.nicescroll-rails {
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
}

.nicescroll-cursors {
  visibility: hidden;
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
}

.line {
  display: none;
}

.inbanner {
  position: relative;
}

.inbanner .swiper-slide {
  position: relative;
}

.inbanner .swiper-slide.after .inbanner-text h2,
.inbanner .swiper-slide.after .inbanner-text h3 {
  opacity: 1;
  visibility: inherit;
}

.inbanner .inbanner-img {
  width: 100%;
}

.inbanner-text {
  position: absolute;
  top: 30%;
  left: 5%;
  width: 90%;
}

.inbanner-text h2 {
  line-height: 1;
  font-size: 20px;
  color: #d1baad;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.inbanner-text h3 {
  margin-top: 5px;
  line-height: 1.30952;
  font-size: 18px;
  color: #0ba690;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.inbanner-btm {
  position: absolute;
  left: 50%;
  z-index: 10;
  bottom: 10px;
  font-size: 0;
  width: 100%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
}

.inbanner-btm a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.inbanner-btm .inbanner-prev,
.inbanner-btm .inbanner-next {
  width: 22px;
  height: 32px;
}

.inbanner-btm .inbanner-prev:after,
.inbanner-btm .inbanner-next:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0ba690;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  content: "";
}

.inbanner-btm .inbanner-prev:before,
.inbanner-btm .inbanner-next:before {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translatey(-50%) rotate(45deg);
  -ms-transform: translatey(-50%) rotate(45deg);
  -o-transform: translatey(-50%) rotate(45deg);
  transform: translatey(-50%) rotate(45deg);
  content: "";
}

.inbanner-btm .inbanner-prev:hover:before,
.inbanner-btm .inbanner-next:hover:before {
  border-color: #0ba690;
}

.inbanner-btm .inbanner-prev:hover:after,
.inbanner-btm .inbanner-next:hover:after {
  background: #0ba690;
}

.inbanner-btm .inbanner-prev:before {
  left: 0;
  border-bottom: 2px solid #0ba690;
  border-left: 2px solid #0ba690;
}

.inbanner-btm .inbanner-next:before {
  right: 0;
  border-top: 2px solid #0ba690;
  border-right: 2px solid #0ba690;
}

.inbanner-btm .inbanner-btn {
  width: 32px;
  height: 32px;
  border: 1px solid #0ba690;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.inbanner-btm .inbanner-btn:after,
.inbanner-btm .inbanner-btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 8px;
  background: #0ba690;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}

.inbanner-btm .inbanner-btn:before {
  margin-left: -2px;
}

.inbanner-btm .inbanner-btn:after {
  margin-left: 2px;
}

.inbanner-btm .inbanner-btn:hover {
  border-color: #0ba690;
}

.inbanner-btm .inbanner-btn:hover:after,
.inbanner-btm .inbanner-btn:hover:before {
  background: #0ba690;
}

.inbanner-btm .inbanner-btn.active:before {
  margin: 0;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  -o-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  background: transparent;
  border-left: 8px solid #0ba690;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.inbanner-btm .inbanner-btn.active:after {
  opacity: 0;
  visibility: hidden;
}

.inbanner-btm .inbanner-btn.active:hover:before {
  background: transparent;
  border-left-color: #0ba690;
}

.inbanner-bat {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 14px;
  color: #0ba690;
}

.inbanner-bat .inbanner-current {
  color: #0ba690;
}

.incon-pd {
  padding: 30px 0;
}

.inpro {
  padding-bottom: 0;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fff));
  background: -webkit-linear-gradient(top, #fbfbfb, #fff);
  background: -o-linear-gradient(top, #fbfbfb, #fff);
  background: linear-gradient(180deg, #fbfbfb, #fff);
}

.inpro .commonweb {
  max-width: 1430px;
}

.inpro-minview {
  position: relative;
  padding: 0 50px;
}

.inpro-minview .swiper-container {
  padding: 10px 0;
}

.inpro-minview .swiper-slide {
  position: relative;
  text-align: center;
  overflow: visible;
}

.inpro-minview .swiper-slide a {
  display: block;
  width: 100%;
  height: 117px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  -webkit-transition: -webkit-box-shadow .5s, -webkit-transform .5s;
  transition: -webkit-box-shadow .5s, -webkit-transform .5s;
  -o-transition: box-shadow .5s, -o-transform .5s;
  transition: box-shadow .5s, transform .5s;
  transition: box-shadow .5s, transform .5s, -webkit-box-shadow .5s, -webkit-transform .5s, -o-transform .5s;
}

.inpro-minview .swiper-slide.active-nav a {
  -webkit-transform: translatey(-10px);
  -ms-transform: translatey(-10px);
  -o-transform: translatey(-10px);
  transform: translatey(-10px);
  -webkit-box-shadow: 0px 10px 20px -10px #7d8463;
  box-shadow: 0px 10px 20px -10px #7d8463;
}

.inpro-minview .swiper-slide.active-nav a .inpro-minback {
  -webkit-transform: rotatex(0deg) skew(0deg);
  transform: rotatex(0deg) skew(0deg);
  visibility: inherit;
}

.inpro-minposi {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 12.5px 0;
}

.inpro-minposi h3 {
  margin-top: 7px;
  line-height: 1.5;
  font-size: 14px;
  color: #645252;
}

.inpro-minposiicon {
  width: 50px;
  margin: 0 auto;
}

.inpro-minposiicon img {
  width: 100%;
}

.inpro-minback {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 30px 12.5px 0;
  background: -webkit-linear-gradient(225deg, #1ab7a0, #0fa992);
  background: -o-linear-gradient(225deg, #1ab7a0, #0fa992);
  background: linear-gradient(225deg, #1ab7a0, #0fa992);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: rotatex(90deg) skew(-12deg);
  transform: rotatex(90deg) skew(-12deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  visibility: hidden;
  overflow: hidden;
}

.inpro-minback h3 {
  position: relative;
  z-index: 3;
  line-height: 1.26667;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
}

.inpro-minback:after {
  position: absolute;
  display: none;
  top: 54.70085%;
  left: 50%;
  width: 66.96429%;
  height: 64.10256%;
  background:  no-repeat center center/100% 100%;
  content: "";
}

.inpro-maxview {
  margin-top: 10px;
  padding: 0 15px;
}

.inpro-maxview .swiper-slide img {
  width: 100%;
}

.incon-btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: none;
  width: 30px;
  height: 30px;
  background: #0ba690;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.incon-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
}

.incon-prev {
  left: 0;
}

.incon-prev:after {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.incon-next {
  right: 0;
}

.incon-next:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}

.inabout {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  overflow: hidden;
  background: #f5f5f5;
}

.inabout.active .inabout-video {
  z-index: 6;
  visibility: visible;
  opacity: 1;
}

.inabout .inabout-video {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  background: #fff;
}

.inabout .commonweb {
  position: relative;
  z-index: 5;
}

.inabout-position {
  position: relative;
  margin-bottom: 20px;
}

.inabout-bgcon {
  width: 100%;
}

.inabout-text {
  position: relative;
  padding: 20px 20px;
  background: #fff;
}

.inabout-text h2 {
  line-height: 1.53333;
  font-size: 20px;
  color: #0ba690;
}

.inabout-des {
  margin-top: 10px;
  line-height: 1.71429;
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}

.inabout-btm {
  margin-top: 20px;
}

.inabout-fr {
  padding-top: 30px;
  text-align: center;
}

.inabout-fr a {
  margin-top: 0;
}

.inabout-fr a,
.inabout-fr h3 {
  display: inline-block;
  vertical-align: middle;
}

.inabout-fr h3 {
  padding-left: 10px;
  line-height: 1.33333;
  text-align: left;
  font-size: 14px;
  color: #fff;
}

a.more-a1 {
  display: block;
  line-height: 24px;
  font-size: 0;
}

a.more-a1 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #282828;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.more-a1 i {
  position: relative;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 2px;
  background: #0ba690;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.more-a1 i:after {
  position: absolute;
  top: 50%;
  right: -2px;
  z-index: 1;
  border-left: 4px solid #0ba690;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  content: "";
}

a.more-a1:hover span {
  color: #0ba690;
}

a.more-a1:hover i {
  margin-left: 5px;
}

a.more-a2 {
  display: block;
  width: 120px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  font-size: 0;
  border: 1px solid #dddbd3;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.more-a2 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #ab9e92;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.more-a2 i {
  position: relative;
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 2px;
  background: #ab9e92;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.more-a2 i:after {
  position: absolute;
  top: 50%;
  right: -2px;
  z-index: 1;
  border-left: 4px solid #ab9e92;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

a.more-a2:hover {
  border-color: #ab9e92;
  background: #ab9e92;
}

a.more-a2:hover span {
  color: #fff;
}

a.more-a2:hover i {
  margin-left: 10px;
  background: #fff;
}

a.more-a2:hover i:after {
  border-left-color: #fff;
}

.innews {
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.innews-title {
  overflow: hidden;
}

.innews-title h3 {
  line-height: 1;
  font-size: 20px;
  color: #ab9e92;
}

.innews-view .swiper-slide {
  position: relative;
}

.innews-img {
  border: 2px solid transparent;
  position: relative;
  height: 0;
  padding-top: 63.15789%;
  overflow: hidden;
}

.innews-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.innews-text {
  padding-top: 15px;
}

.innews-text h3 {
  font-size: 16px;
  color: #465351;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.innews-text .more-a3 {
  margin-top: 10px;
}

.innews-des {
  margin-top: 10px;
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
  max-height: 72px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.innews-time {
  margin-top: 10px;
  line-height: 1.2;
  font-size: 14px;
  color: #999;
}

.incon-bat {
  position: relative;
  width: 100%;
  margin-top: 15px;
  font-size: 0;
  overflow: hidden;
  background: #f3f1e9;
  text-align: left;
  height: 4px;
}

.incon-bat span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  padding-left: 5px;
  padding-right: 5px;
  background: #0ba690;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.incon-bat2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
  font-size: 0;
  overflow: hidden;
  background: #f3f1e9;
}

.incon-bat2 span {
  vertical-align: middle;
  display: table-cell;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  width: 50%;
  height: 4px;
}

.incon-bat2 span i {
  display: block;
  width: 100%;
  height: 100%;
}

.incon-bat2 span.swiper-pagination-bullet-active i {
  background: #dad1b0;
}

.overflow {
  overflow: hidden;
}

.suzyaniimg {
  width: 100%;
  height: 100%;
}

.inheader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  padding: 0 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px -1px #ddd;
  box-shadow: 0px 1px 2px -1px #ddd;
}

.inlogo {
  float: left;
  font-size: 0;
  line-height: 60px;
}

.inlogo a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.inlogo a img {
  height: 24px;
}

.inlogo .white {
  display: none;
}

.inlogo .inlogo-txt {
  display: none;
}

.header-nav {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 200;
  display: none;
  width: 100%;
  height: 100%;
  padding: 20px 15px 130px;
  background: #fff;
  border-top: 1px solid #ddd;
}

.innav-ul {
  max-height: 100%;
  overflow-y: auto;
}

.innav-ul li {
  border-bottom: 1px solid #ddd;
}

.innav-h3 {
  position: relative;
}

.innav-h3.active .innav-span {
  display: block;
}

.innav-h3.active:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
  -webkit-transform: translatey(-50%) rotate(45deg);
  -ms-transform: translatey(-50%) rotate(45deg);
  -o-transform: translatey(-50%) rotate(45deg);
  transform: translatey(-50%) rotate(45deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
}

.innav-h3.active2:after {
  -webkit-transform: translatey(-50%) rotate(135deg);
  -ms-transform: translatey(-50%) rotate(135deg);
  -o-transform: translatey(-50%) rotate(135deg);
  transform: translatey(-50%) rotate(135deg);
}

.innav-h3 a {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: #333;
}

.innav-span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
  width: 40%;
  height: 100%;
}

.innav-ermenu {
  display: none;
  border-top: 1px solid #ddd;
}

.innav-ermenu a {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
}

.inheader-fr {
  float: right;
}

.header-btn {
  line-height: 60px;
  font-size: 0;
}

.header-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.header-btn .insearch-btn {
  margin-right: 10px;
  background: url(/uploads/image/mimages/insearch-btn3.png) no-repeat center center;
  background-size: 18px auto;
}

.header-btn .insearch-btn.active {
  background-color: #0ba690;
  background-image: url(/uploads/image/mimages/insearch-btn4.png);
}

.header-btn .mobile-btn {
  padding: 9px 4px 0;
}

.header-btn .mobile-btn span {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  margin: 0 auto 6px;
  background: #352b2b;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.header-btn .mobile-btn.active span {
  background: #0ba690;
}

.header-btn .mobile-btn.active span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-btn .mobile-btn.active span:nth-child(2) {
  opacity: 0;
}

.header-btn .mobile-btn.active span:nth-child(3) {
  top: -8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.insearch-view {
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 200;
  display: none;
  width: 100%;
  padding: 10px;
  line-height: 1;
}

.insearch-view form {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
  border: 2px solid #0ba690;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.insearch-view .insearch-intxt {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 90px 0 15px;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  background: #fff;
}

.insearch-view .insearch-insub {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 80px;
  height: 100%;
  background: url(/uploads/image/mimages/insearch-btn1.png) #0ba690 no-repeat center center;
}

.headersearchbox {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 60px;
  background: #fff;
  padding: 20px;
  line-height: 30px;
}

.headersearchbox form {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
  border: 2px solid #0ba690;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.headersearchbox .insearch-intxt {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 90px 0 15px;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  background: #fff;
}

.headersearchbox .insearch-insub {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 80px;
  height: 100%;
  background: url(/uploads/image/mimages/insearch-btn1.png) #0ba690 no-repeat center center;
}

.mobile-searchbtn {
  background: url(/uploads/image/mimages/insearch-btn3.png) no-repeat center center;
  cursor: pointer;
}

.backtop {
  display: none;
}

.founder-onefl {
  float: left;
  width: 200px;
}

.founder-onefl img {
  width: 100%;
}

.founder-onefr {
  line-height: 1.55556;
  font-size: 14px;
  color: rgba(40, 40, 40, 0.8);
}

.founder-onefr h2 {
  line-height: 1.22222;
  font-size: 20px;
  color: #353339;
}

.founder-onedes {
  margin-top: 10px;
}

.founder-onename {
  margin-top: 34px;
  padding-left: 25px;
  position: relative;
}

.founder-onename span {
  position: absolute;
  top: 0;
  left: 25px;
  line-height: 1.85714;
  font-size: 14px;
  color: #353339;
}

.founder-onename img {
  margin-left: 8px;
}

.incommonweb {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1600px;
}

.neibanner {
  position: relative;
  overflow: hidden;
}

.neibanner img {
  position: relative;
  z-index: 3;
  width: 100%;
}

.neibanner-text {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  width: 100%;
  text-align: center;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.neibanner-text h2 {
  line-height: 1.20833;
  font-size: 20px;
  color: #ffffff;
}

.neibanner-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: #fff;
}

.neibanner-video video {
  display: block;
  width: 100%;
  height: 100%;
}

.neibanner-video.active {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.neibanner-video.active2 {
  opacity: 1;
  visibility: inherit;
  z-index: 6;
}

a.player-btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto 0;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a.player-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-left: 4px solid #2a2a2a;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  -o-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

a.player-btn:hover {
  background: #0ba690;
  -webkit-box-shadow: 0px 0px 20px 0px #aaa;
  box-shadow: 0px 0px 20px 0px #aaa;
}

a.player-btn:hover:after {
  border-left-color: #fff;
}

.suzyglory-onetitledes {
  margin-top: 10px;
}

.suzyglory-onetitle {
  text-align: center;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.suzyglory-onetitle h2 {
  line-height: 1.22222;
  font-size: 20px;
  color: #282828;
}

.suzyglory-oneul {
  margin-top: 20px;
  font-size: 0;
}

.suzyglory-oneul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 0 5px;
  text-align: center;
}

.suzyglory-oneul li:after {
  display: block;
  width: 1px;
  height: 20px;
  margin: 5px auto 0;
  background: #36b999;
  content: "";
}

.suzyglory-oneul li h3 {
  line-height: 1.03704;
  font-size: 24px;
  color: #353339;
}

.suzyglory-oneul li h6 {
  padding: 2px 0;
  line-height: 1.42857;
  font-size: 12px;
  color: #353339;
}

/* rollbar paths style */
.rollbar-content {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
}

.rollbar-path-vertical,
.rollbar-path-horizontal {
  position: absolute;
  background-color: transparent;
  background-color: transparent;
  z-index: 100;
}

.rollbar-path-horizontal {
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
}

.rollbar-path-vertical {
  right: 0px;
  top: 0;
  height: 100%;
  width: 1px;
}

/* rollbar paths inner shadow */
.rollbar-path-vertical {
  box-shadow: inset 1px 0px 1 transparent;
  -moz-box-shadow: inset 1px 0px 1 transparent;
  -webkit-box-shadow: inset 1px 0px 0 transparent;
}

.rollbar-path-horizontal {
  box-shadow: inset 0px 1px 1 transparent;
  -moz-box-shadow: inset 0px 1px 1 transparent;
  -webkit-box-shadow: inset 0px 1px 0 transparent;
}

/* rollbar handle style */
.rollbar-handle {
  position: relative;
  top: 0;
  left: 0;
  background-color: transparent;
}

/* prevent handle selection */
.rollbar-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rollbar-path-vertical .rollbar-handle {
  height: 20%;
  width: 100%;
}

.rollbar-path-horizontal .rollbar-handle {
  width: 20%;
  height: 100%;
}

/* round corners for rollbar handle and paths */
.rollbar-path-vertical,
.rollbar-path-horizontal,
.rollbar-handle {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.back {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.incon-btn2 {
  display: none;
}

.brandvideo-one {
  overflow: hidden;
}

.brandvideo-oneul {
  padding-bottom: 5px;
  font-size: 0;
}

.brandvideo-oneul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 10px;
}

.brandvideo-oneul li:nth-child(2n) {
  margin-right: 0;
}

.brandvideo-oneimg {
  position: relative;
  height: 0;
  padding-top: 63.18182%;
  overflow: hidden;
}

.brandvideo-oneimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.brandvideo-oneimg .incon-playerbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.suzyfull-originconitem {
  display: none;
}

.brandvideo-onetext {
  padding: 10px 0;
  text-align: center;
}

.brandvideo-onetext h3 {
  line-height: 1.5;
  font-size: 14px;
  color: #465351;
}

.incon-playerbtn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto 0;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.incon-playerbtn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-left: 4px solid #2a2a2a;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  -o-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

.incon-playerbtn:hover {
  background: #0ba690;
  -webkit-box-shadow: 0px 0px 10px 0px #aaa;
  box-shadow: 0px 0px 10px 0px #aaa;
}

.incon-playerbtn:hover:after {
  border-left-color: #fff;
}

.imorepages {
  font-size: 0;
  text-align: center;
}

.imorepages a {
  display: inline-block;
  vertical-align: middle;
}

.imorepages .imorepages-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  text-align: center;
  line-height: 30px;
  background: #f5f4f2;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.imorepages .imorepages-btn span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 1px;
  background: #36383c;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.imorepages .imorepages-btn span:after,
.imorepages .imorepages-btn span:before {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 1px;
  background: #36383c;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

.imorepages .imorepages-btn:hover {
  background: #a2774c;
}

.imorepages .imorepages-btn:hover span {
  background: #fff;
}

.imorepages .imorepages-btn:hover span::before,
.imorepages .imorepages-btn:hover span::after {
  background: #fff;
}

.imorepages .imorepages-prev span:before {
  left: 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: translatey(-50%) rotate(-45deg);
  -ms-transform: translatey(-50%) rotate(-45deg);
  -o-transform: translatey(-50%) rotate(-45deg);
  transform: translatey(-50%) rotate(-45deg);
}

.imorepages .imorepages-prev span:after {
  left: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: translatey(-50%) rotate(45deg);
  -ms-transform: translatey(-50%) rotate(45deg);
  -o-transform: translatey(-50%) rotate(45deg);
  transform: translatey(-50%) rotate(45deg);
}

.imorepages .imorepages-next span:before {
  right: 0;
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transform: translatey(-50%) rotate(-45deg);
  -ms-transform: translatey(-50%) rotate(-45deg);
  -o-transform: translatey(-50%) rotate(-45deg);
  transform: translatey(-50%) rotate(-45deg);
}

.imorepages .imorepages-next span:after {
  right: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: translatey(-50%) rotate(45deg);
  -ms-transform: translatey(-50%) rotate(45deg);
  -o-transform: translatey(-50%) rotate(45deg);
  transform: translatey(-50%) rotate(45deg);
}

.imorepages .imorepages-a1,
.imorepages .imorepages-span1 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #827878;
  border: 1px solid #f5f4f2;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.imorepages .imorepages-a1:hover,
.imorepages .imorepages-a1.cur {
  color: #fff;
  background: #0ba690;
  border-color: #0ba690;
}

.imorepages .imorepages-more {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #746e58;
  background: #0ba690;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.imorepages .imorepages-more:hover {
  color: #fff;
  background: #0ba690;
  -webkit-box-shadow: 0px 0px 10px 0px #0ba690;
  box-shadow: 0px 0px 10px 0px #0ba690;
}

.discoverpro-one {
  position: relative;
  overflow: hidden;
}

.discoverpro-one img {
  width: 100%;
}

.discoverpro-onebtn {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.iscoverpro-oneimg {
  position: relative;
}

.discoverpro-onetext {
  z-index: 3;
  width: 100%;
  padding: 10px 0;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.discoverpro-onetext h3 {
  line-height: 1.27778;
  font-size: 20px;
}

.discoverpro-onetext .player-btn {
  display: none;
}

.discoverpro-onetextdes {
  margin-top: 10px;
}

.discoverpro-onetextdes h4 {
  margin-bottom: 5px;
  line-height: 1.84615;
  font-size: 16px;
}

.store-container {
  margin-top: 30px;
}

.discoverpro-twoul {
  margin-top: 10px;
  font-size: 0;
}

.discoverpro-twoul li {
  padding: 0 15px;
  margin-bottom: 20px;
}

.discoverpro-twoul li:nth-child(2n) .discoverpro-twotext {
  text-align: center;
}

.discoverpro-twoimg {
  position: relative;
  height: 0;
  padding-top: 87.5%;
  overflow: hidden;
}

.discoverpro-twoimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.discoverpro-twotext {
  text-align: center;
  padding-top: 10px;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.discoverpro-twotext h3 {
  line-height: 1.27778;
  font-size: 20px;
  color: #282828;
}

.discoverpro-twobat {
  width: 100%;
  margin: 0px 0 10px;
  text-align: center;
  line-height: 1;
}

.discoverpro-twobat span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #cfcfcf;
}

.discoverpro-twobat span.swiper-pagination-bullet-active {
  width: 18px;
  background: #00ac96;
}

.discoverpro-twotextdes {
  margin-top: 10px;
}

.discoverpro-threeform {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
}

.discoverpro-threeform form {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
}

.discoverpro-threeform form .discoverpro-threeintxt {
  width: 100%;
  height: 38px;
  line-height: 36px;
  font-size: 16px;
  color: #282828;
  padding: 0 70px 0 10px;
  border-bottom: 2px solid #282828;
}

.discoverpro-threeform form .discoverpro-threeintxt::-webkit-input-placeholder {
  color: #282828;
}

.discoverpro-threeform form .discoverpro-threeintxt:-moz-placeholder {
  color: #282828;
}

.discoverpro-threeform form .discoverpro-threeintxt::-moz-placeholder {
  color: #282828;
}

.discoverpro-threeform form .discoverpro-threeintxt:-ms-input-placeholder {
  color: #282828;
}

.discoverpro-threeform form .discoverpro-threeinsub {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 60px;
  height: 100%;
  background:  no-repeat center center;
}

.discoverpro-threeul {
  margin-top: 20px;
  padding-bottom: 10px;
  font-size: 0;
}

.discoverpro-threeul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
}

.discoverpro-threeul li:nth-child(2n) {
  margin-right: 0;
}

.discoverpro-threeimg {
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  border: 3px solid transparent;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.discoverpro-threeimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.discoverpro-threetext {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  padding: 0 10px 10px;
  text-align: center;
}

.discoverpro-threetext h3 {
  font-size: 14px;
  color: #282828;
  display: -webkit-box;
  height: 40px;
  line-height: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.suzyglory-two {
  margin-bottom: 10px;
  overflow: hidden;
}

.suzyglory-twotitle {
  text-align: center;
}

.suzyglory-twotitle h2 {
  margin-bottom: 20px;
  line-height: 1.27778;
  font-size: 20px;
  color: #fff;
}

.suzyglory-twotitle img {
  display: none;
  width: 40px;
}

.suzyglory-twoview {
  position: relative;
  padding: 20px 0 0;
  border-top: 1px solid #4a4744;
}

.suzyglory-twoview .swiper-slide {
  padding-right: 20px;
  line-height: 1.71429;
  font-size: 14px;
  color: #fff;
}

.more-a3 {
  width: 160px;
  line-height: 40px;
  border: 2px solid #f4f3ef;
  display: block;
  color: #282828;
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
  font-size: 14px;
}

.more-a3:after {
  content: "";
  display: block;
  width: 13px;
  height: 6px;
  background:  center no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -3px;
}

.more-a3 i {
  display: none;
}

.innews-btm {
  padding-top: 30px;
}

.more-a4 {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #f4f3ef;
  margin: 0 auto;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.more-a4:before,
.more-a4:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #f4f3ef;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

.more-a4:after {
  width: 2px;
  height: 16px;
}

.more-a4:hover {
  background: #0ba690;
  border-color: #0ba690;
}

.more-a4:hover:after,
.more-a4:hover:before {
  background: #fff;
}

.inleft-menu {
  position: fixed;
  top: 50%;
  right: -200px;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.inleft-menu.active {
  right: 0;
  visibility: inherit;
  opacity: 1;
}

.inleft-menuitem {
  position: relative;
}

.inleft-menuitem>a {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #f2f3ef;
  background: #fff;
}

.inleft-menuitem>a img {
  width: 100%;
}

.inleft-menuitem:hover .inleft-menuview {
  margin-right: 0;
  visibility: inherit;
  opacity: 1;
}

.inleft-menuview {
  position: absolute;
  right: 100%;
  top: 50%;
  z-index: 10;
  width: auto;
  margin-right: 20px;
  white-space: nowrap;
  background: #fff;
  padding: 10px 10px;
  font-size: 0;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-box-shadow: 10px 10px 20px -10px #aaa;
  box-shadow: 10px 10px 20px -10px #aaa;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.inleft-menuview:after {
  position: absolute;
  top: 50%;
  left: 100%;
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  content: "";
}

.inleft-menuli {
  vertical-align: top;
  text-align: center;
}

.inleft-menuli:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}

.inleft-menuli img {
  width: 100%;
}

.inleft-menuli a {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.83333;
  font-size: 12px;
  border: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.inleft-menuli a:hover {
  color: #0ba690;
  text-decoration: underline;
}

.inleft-menuli h6 {
  margin-top: 2px;
  line-height: 1.83333;
  font-size: 12px;
}

.inleft-menuview2 {
  position: absolute;
  bottom: 8px;
  right: 100%;
  z-index: 10;
  border: 1px solid #f4f3ef;
  padding: 7px 7px 15px;
  width: 100px;
  background: #ffffff;
  -webkit-box-shadow: 10px 10px 20px -10px #aaa;
  box-shadow: 10px 10px 20px -10px #aaa;
}

.inleft-menuview2 img {
  width: 100%;
  border: 1px solid #d0d0d0;
}

.inleft-menuview2 h5 {
  margin-top: 8px;
  text-align: center;
  line-height: 1.33333;
  font-size: 12px;
  color: #282828;
}

.inleft-menuview2:after {
  position: absolute;
  bottom: 16px;
  left: 100%;
  z-index: 3;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
}

.infooter {
  background: #c4c0bc;
}

.infooter-top {
  padding: 30px 0 20px;
}

.infooter-item {
  border-bottom: 1px solid #aca9a4;
}

.infooter-item:last-of-type {
  border-bottom: none;
}

.infooter-h3 {
  position: relative;
}

.infooter-h3 a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #86837e;
}

.infooter-h3.active .infooter-span {
  display: block;
}

.infooter-h3.active:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #aca9a4;
  border-right: 2px solid #aca9a4;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
}

.infooter-h3.active2:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  -o-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.infooter-span {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: none;
  width: 40%;
  height: 100%;
}

.infooter-menu {
  display: none;
  border-top: 1px solid #aca9a4;
}

.infooter-menu a {
  position: relative;
  display: block;
  width: 100%;
  line-height: 35px;
  padding: 0 10px;
  font-size: 14px;
  color: #6a6662;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.infooter-menu a:hover {
  color: #0ba690;
}

.infooter-menu a:hover .infooter-menuweim {
  visibility: inherit;
  opacity: 1;
  margin-left: 0;
}

.infooter-fen {
  text-align: center;
  font-size: 0;
}

.infooter-fen a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 42px;
  margin: 0 5px;
  border: 1px solid #96938e;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.infooter-fen a img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.infooter-fen a .infooter-fenicon1 {
  width: 100%;
}

.infooter-fen a .infooter-fenicon2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.infooter-fen a:hover {
  border-color: #0ba690;
}

.infooter-fen a:hover .infooter-fenicon1 {
  visibility: hidden;
  opacity: 0;
}

.infooter-fen a:hover .infooter-fenicon2 {
  visibility: inherit;
  opacity: 1;
}

.infooter-fen a:hover .infooter-fenview {
  margin-bottom: 0px;
  visibility: inherit;
  opacity: 1;
}

.infooter-fenview {
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 10;
  width: 94px;
  padding-bottom: 5px;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  margin-bottom: 20px;
  visibility: hidden;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}

.infooter-fenview:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  content: "";
}

.infooter-fenview img {
  width: 100%;
  border: 4px solid #fff;
}

.infooter-btm {
  border-top: 1px solid #aca9a4;
  padding: 10px 0 10px;
  line-height: 1.69231;
  text-align: center;
  font-size: 13px;
  color: #86837e;
}

.infooter-btm a {
  color: #86837e;
}

.washing-oneh2 {
  line-height: 1.22222;
  font-size: 20px;
  color: #282828;
}

.washing-onetext {
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.washing-two img {
  width: 100%;
}

.parentscamp-one {
  padding-left: 15px;
  padding-right: 15px;
}

.parentscamp-oneul {
  font-size: 0;
  margin-top: 30px;
}

.parentscamp-oneul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.parentscamp-oneul li:nth-child(2n) {
  margin-right: 0;
}

.parentscamp-oneul li:hover .parentscamp-oneimg .parentscamp-oneposi {
  z-index: 6;
  opacity: 1;
  visibility: inherit;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.parentscamp-oneimg {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  position: relative;
  height: 0;
  padding-top: 63.15789%;
  overflow: hidden;
}

.parentscamp-oneimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.parentscamp-oneimg>img {
  opacity: 1;
  z-index: 5;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.suzyanimate-p {
  overflow: hidden;
}

.parentscamp-oneposi {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
  width: 100%;
  height: 100%;
  background: #0ba690;
  text-align: center;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.parentscamp-oneposi img {
  position: relative;
  width: 40px;
  height: 40px;
}

.parentscamp-oneposi h6 {
  margin-top: 5px;
  line-height: 1.71429;
  font-size: 12px;
  color: #fff;
}

.parentscamp-onetext {
  padding-top: 15px;
}

.parentscamp-onetext h3 {
  line-height: 1.5;
  font-size: 14px;
  color: #465351;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.designer-one .store-subdesc {
  padding: 0;
}

.designer-oneul {
  margin-top: 20px;
  font-size: 0;
}

.designer-oneul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.designer-oneul li:nth-child(2n) {
  margin-right: 0;
}

.designer-oneul li h3 {
  margin-bottom: 5px;
  line-height: 1.30769;
  font-size: 16px;
  color: #282828;
  font-weight: bold;
}

.designer-oneimg {
  border: 2px solid transparent;
  position: relative;
  height: 0;
  padding-top: 63.18182%;
  overflow: hidden;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.designer-oneimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.designer-oneimg .incon-playerbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.designer-onetext {
  padding-top: 5px;
}

.designer-onetext h4 {
  line-height: 1.5;
  font-size: 14px;
  color: #282828;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.designerpost-onetext h3 {
  margin-bottom: 5px;
  line-height: 1.33333;
  font-size: 14px;
  color: #a5a5a5;
}

.designerpost-onetext h1 {
  line-height: 1.27778;
  font-size: 20px;
  font-weight: bold;
  color: #282828;
}

.designerpost-onetextfr {
  padding-top: 15px;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.designerpost-onevideo {
  position: relative;
  margin-top: 20px;
}

.designerpost-onevideo img {
  width: 100%;
}

.designerpost-onevideo .incon-playerbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.incon-ckwrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.incon-ckwrap.active {
  z-index: 5;
  opacity: 1;
  visibility: inherit;
}

.incon-ckwrap .incon-ckwrapvideo {
  width: 100%;
  height: 100%;
}

.designerpost-onebtn {
  margin-top: 20px;
}

.designerpost-onebtn h6 {
  text-align: center;
  margin-top: 5px;
  line-height: 1.57143;
  font-size: 14px;
  color: #282828;
}

.designerpost-onebtna {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background:  no-repeat center center/100% 100%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.designerpost-onebtna.active {
  -webkit-box-shadow: 0px 10px 20px -10px #0ba690;
  box-shadow: 0px 10px 20px -10px #0ba690;
  border-color: #0ba690;
  background-image: ;
  background-color: #0ba690;
}

.designerpost-oneform {
  margin-top: 15px;
}

.designerpost-oneform h3 {
  margin-bottom: 5px;
  line-height: 1.75;
  font-size: 14px;
  color: #282828;
}

.designerpost-oneformitem {
  margin-bottom: 10px;
}

.designerpost-oneformitem textarea {
  width: 100%;
  height: 140px;
  padding: 10px;
  line-height: 1.2;
  font-size: 14px;
  color: #282828;
  border: 1px solid #dcdcdc;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.designerpost-oneformitem textarea:focus {
  border-color: #0ba690;
}

.designerpost-oneformbtn {
  text-align: right;
}

.designerpost-oneformbtn input {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background-color: #0ba690;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.designerpost-oneformbtn input:hover {
  -webkit-box-shadow: 0px 10px 20px -10px #0ba690;
  box-shadow: 0px 10px 20px -10px #0ba690;
}

.cottonfm-one {
  padding: 30px 0 0;
}

.cottonfm-oneview {
  position: relative;
}

.cottonfm-oneconimg {
  max-width: 200px;
  width: 100%;
  font-size: 0;
  margin: 0 auto;
  padding: 6px;
  background: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.cottonfm-oneconimg.active {
  -webkit-animation: cottonfm 6s linear infinite;
  -o-animation: cottonfm 6s linear infinite;
  animation: cottonfm 6s linear infinite;
}

.cottonfm-oneconimg.stop {
  -webkit-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.cottonfm-oneconimg audio {
  width: 0%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
}

.cottonfm-oneconimgv {
  position: relative;
  padding: 20px;
  background:  no-repeat center center/100% 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.cottonfm-oneconimgv:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  width: 4.30622%;
  height: 4.30622%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}

.cottonfm-oneconimgv:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 19.13876%;
  height: 19.13876%;
  background: -webkit-gradient(linear, left bottom, left top, from(#a2774c), to(#0ba690));
  background: -webkit-linear-gradient(bottom, #a2774c, #0ba690);
  background: -o-linear-gradient(bottom, #a2774c, #0ba690);
  background: linear-gradient(0deg, #a2774c, #0ba690);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
}

.cottonfm-oneconimgc {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.cottonfm-oneconimgc img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cottonfm-oneconbtn {
  margin-top: 10px;
  text-align: center;
  font-size: 0;
}

.cottonfm-oneconbtn a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.cottonfm-oneconbtn .cottonfm-oneconprev span,
.cottonfm-oneconbtn .cottonfm-oneconnext span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 10px;
  width: 16px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cottonfm-oneconbtn .cottonfm-oneconprev span {
  border-left: 2px solid #000;
}

.cottonfm-oneconbtn .cottonfm-oneconprev span:before,
.cottonfm-oneconbtn .cottonfm-oneconprev span:after {
  position: absolute;
  top: 50%;
  border-right: 7px solid #000;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  content: "";
}

.cottonfm-oneconbtn .cottonfm-oneconprev span:before {
  left: 0px;
}

.cottonfm-oneconbtn .cottonfm-oneconprev span:after {
  left: 7px;
}

.cottonfm-oneconbtn .cottonfm-oneconprev:hover span {
  border-color: #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconprev:hover span:before,
.cottonfm-oneconbtn .cottonfm-oneconprev:hover span:after {
  border-right-color: #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconnext span {
  border-right: 2px solid #000;
}

.cottonfm-oneconbtn .cottonfm-oneconnext span:before,
.cottonfm-oneconbtn .cottonfm-oneconnext span:after {
  position: absolute;
  top: 50%;
  border-left: 7px solid #000;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  content: "";
}

.cottonfm-oneconbtn .cottonfm-oneconnext span:before {
  right: 0px;
}

.cottonfm-oneconbtn .cottonfm-oneconnext span:after {
  right: 7px;
}

.cottonfm-oneconbtn .cottonfm-oneconnext:hover span {
  border-color: #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconnext:hover span:before,
.cottonfm-oneconbtn .cottonfm-oneconnext:hover span:after {
  border-left-color: #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconplay {
  border: 2px solid #0ba690;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.cottonfm-oneconbtn .cottonfm-oneconplay:after,
.cottonfm-oneconbtn .cottonfm-oneconplay:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}

.cottonfm-oneconbtn .cottonfm-oneconplay:before {
  margin: 0;
  -webkit-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  -o-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  background: transparent;
  border-left: 8px solid #0ba690;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.cottonfm-oneconbtn .cottonfm-oneconplay:after {
  margin-left: 4px;
  opacity: 0;
  visibility: hidden;
}

.cottonfm-oneconbtn .cottonfm-oneconplay:hover {
  background: #0ba690;
  border-color: #0ba690;
  -webkit-box-shadow: 0px 0px 10px 0px #0ba690;
  box-shadow: 0px 0px 10px 0px #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconplay:hover:before {
  border-left-color: #fff;
}

.cottonfm-oneconbtn .cottonfm-oneconplay.active {
  background: #0ba690;
  border-color: #0ba690;
}

.cottonfm-oneconbtn .cottonfm-oneconplay.active:before {
  border: none;
  margin-left: -4px;
  width: 2px;
  height: 12px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cottonfm-oneconbtn .cottonfm-oneconplay.active:after {
  opacity: 1;
  visibility: inherit;
  background: #fff;
}

@-webkit-keyframes cottonfm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes cottonfm {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes cottonfm {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cottonfm-onetext {
  padding: 20px 0 0px;
}

.cottonfm-onetext h3 {
  font-size: 18px;
  color: #282828;
  max-height: 56px;
  line-height: 28px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cottonfm-onetext h3 a {
  color: #282828;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.cottonfm-onetext .more-a3 {
  margin-top: 16px;
}

.cottonfm-onedes {
  margin-top: 10px;
  font-size: 14px;
  color: #282828;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cottonfm-onebtm {
  font-size: 0;
}

.cottonfm-onebtmimg {
  width: 38px;
}

.cottonfm-onebtmimg img {
  margin-bottom: -50%;
}

.cottonfm-onebat {
  width: 100%;
  margin-top: 15px;
  text-align: center;
  line-height: 1;
  font-size: 0;
}

.cottonfm-onebat span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #cfcfcf;
}

.cottonfm-onebat span.swiper-pagination-bullet-active {
  width: 18px;
  background: #0ba690;
}

.cottonfm-two {
  background: #f6f6f6;
}

.cottonfm-twoicon {
  line-height: 1;
  font-size: 0;
}

.cottonfm-twoicon img {
  height: 40px;
}

.cottonfm-twoul {
  margin-top: 20px;
  font-size: 0;
}

.cottonfm-twoul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.cottonfm-twoul li:nth-child(2n) {
  margin-right: 0;
}

.cottonfm-twoimg {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.cottonfm-twoimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cottonfmpost-onetable {
  padding: 30px 0;
}

.cottonfmpost-onefl {
  margin: 0 auto;
  padding-bottom: 20px;
}

.cottonfmpost-onefr {
  padding: 20px 0;
  border-top: 2px solid #f8f1f1;
}

.cottonfmpost-oneh1 {
  line-height: 1.27778;
  font-size: 20px;
  color: #282828;
}

.cottonfmpost-onedes {
  margin-top: 15px;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.cottonfmpost-onedes h3 {
  margin-bottom: 10px;
  line-height: 1.55556;
  font-size: 16px;
  color: #0ba690;
}

.cottontime-one {
  padding: 30px 0 0;
}

.cottontime-one .store-subdesc {
  padding: 0;
}

.cottontime-onetit {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}

.cottontime-onetit img {
  height: 100px;
}

.cottontime-two {
  padding: 30px 0 30px;
}

.cottontime-two .swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.cottontime-two .swiper-slide img {
  width: 100%;
}

.cottontime-twobat {
  position: relative;
  width: 81.25%;
  margin-left: 18.75%;
  display: block;
  font-size: 0;
  line-height: 1;
  text-align: left;
  background: #f3f1e9;
  height: 4px;
}

.cottontime-twobat span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  padding-left: 5px;
  padding-right: 5px;
  background: #0ba690;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.terms-one {
  padding: 30px 0 30px;
}

.terms-titdes {
  margin-top: 20px;
  line-height: 1.375;
  font-size: 14px;
  color: #1f2321;
  text-align: center;
}

.terms-oneul {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.terms-oneul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px;
  cursor: pointer;
}

.terms-oneul li h3 {
  padding: 10px 0;
  line-height: 1.16667;
  font-size: 16px;
  color: #1a1a1a;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.terms-oneul li:hover h3,
.terms-oneul li.cur h3 {
  color: #0ba690;
}

.terms-onedes {
  display: none;
}

.terms-onedes p {
  margin-bottom: 6px;
  line-height: 1.375;
  font-size: 14px;
  color: #808080;
}

.terms-onedes p a {
  color: #0ba690;
}

.sitemap-oneul {
  margin-top: 20px;
}

.sitemap-oneul li {
  margin-bottom: 35px;
}

.sitemap-oneul li h3 {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 18px;
  color: #1f2321;
}

.sitemap-onetext {
  font-size: 0;
}

.sitemap-oneitem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  line-height: 38px;
}

.sitemap-oneitem:nth-child(2n) {
  margin-right: 0;
}

.sitemap-oneitem a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding-left: 10px;
  font-size: 14px;
  color: #282828;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.sitemap-oneitem a:hover {
  color: #0ba690;
}

.sitemap-oneitem:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1f2321;
  content: "";
}

.terms-oneh1 {
  text-align: center;
  line-height: 1.2;
  font-size: 20px;
  color: #0ba690;
}

.terms-onesuzytext {
  margin-top: 20px;
  padding-top: 10px;
  line-height: 2;
  font-size: 14px;
  color: #282828;
  border-top: 2px solid #f8f1f1;
}

.infooter-menuweim {
  position: absolute;
  left: 130px;
  bottom: -8px;
  z-index: 5;
  width: 107px;
  padding-left: 7px;
  margin-left: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.infooter-menuweim:after {
  position: absolute;
  bottom: 18px;
  left: 0%;
  border-right: 7px solid #ffffff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
}

.infooter-menuweim img {
  width: 100%;
  border: 9px solid #fff;
}

.suzycon-title {
  text-align: center;
  line-height: 1.71429;
  font-size: 14px;
  color: #000000;
}

.suzycon-title h3 {
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  color: #282828;
}

.suzycon-title h6 {
  line-height: 1.71429;
  font-size: 14px;
}

.suzycon-title.active h6 {
  margin-bottom: 3px;
}

.suzycon-title.active .suzycon-titledes {
  margin-top: 10px;
}

.suzycon-title.active .suzycon-titledes2 {
  margin-bottom: 10px;
}

.suzy-naturalone {
  padding-top: 30px;
}

.suzynatural-bdbtn {
  margin-bottom: 10px;
  text-align: center;
  line-height: 2.25;
  font-size: 14px;
  color: #282828;
  cursor: pointer;
}

.suzynatural-bdbtn:after {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 8px solid #282828;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
}

.suzyexplore-twocon {
  margin-bottom: 10px;
  background-image: ;
}

.suzyexplore-threecon {
  margin-bottom: 10px;
  background-image: ;
}

.suzyexplore-threecon .u-img {
  overflow: visible;
}

.suzyexplore-threecon .u-img img {
  margin-top: -28.30189%;
}

.washing-suzytwo {
  position: relative;
  margin-top: 10px;
}

.washing-suzytwoimg {
  position: relative;
}

.washing-suzytwoimg img {
  width: 100%;
}

.washing-suzytwotext {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 50%;
  z-index: 3;
  text-align: center;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.washing-suzytwotext h3 {
  line-height: 1;
  font-size: 30px;
  color: #9e8360;
}

.washing-suzytwotext h4 {
  margin-top: 20px;
  line-height: 1.22222;
  font-size: 20px;
  color: #9e8360;
}

.washing-two {
  position: relative;
}

.washing-twotext {
  position: absolute;
  top: 50%;
  left: 5%;
  z-index: 5;
  width: 90%;
  font-size: 0;
  text-align: center;
}

.washing-twoitem {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.05556;
  font-size: 20px;
  color: #fff;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.washing-twoitem span {
  margin: 0 15px;
}

.suzywashing-threemenu {
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  overflow-x: auto;
  padding-bottom: 5px;
}

.suzywashing-threemenu::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: #fff;
}

.suzywashing-threemenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.suzywashing-threemenu::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #0ba690;
}

.suzywashing-threemenu a {
  display: inline-block;
  vertical-align: middle;
  min-width: 100px;
  padding: 0 15px;
  margin-right: 10px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #665f56;
  background: #ede8e1;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.suzywashing-threemenu a:last-of-type {
  margin-right: 0;
}

.suzywashing-threemenu a:hover,
.suzywashing-threemenu a.cur {
  background: #0ba690;
  color: #fff;
}

.suzywashing-threemenu.active a {
  background: #fff;
}

.suzywashing-threemenu.active a:hover,
.suzywashing-threemenu.active a.cur {
  background: #0ba690;
  color: #fff;
}

.suzywashing-threeul {
  margin-top: 20px;
  font-size: 0;
  padding-bottom: 20px;
}

.suzywashing-threeul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.suzywashing-threeul li:nth-child(2n) {
  margin-right: 0;
}

.suzywashing-threeul li:hover .suzywashing-threeimg {
  -webkit-box-shadow: 0px 10px 20px -10px #aaa;
  box-shadow: 0px 10px 20px -10px #aaa;
  border-color: #0ba690;
}

.suzywashing-threeul li:hover .suzywashing-threetext h3 {
  color: #0ba690;
}

.suzywashing-threeimg {
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  border: 2px solid #dcdcdc;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.suzywashing-threeimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.suzywashing-threetext {
  padding: 9px 10px 0;
  text-align: center;
}

.suzywashing-threetext h3 {
  font-size: 14px;
  color: #282828;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  display: -webkit-box;
  height: 44px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.suzypropost-onemax {
  position: relative;
}

.suzypropost-onemax .swiper-container {
  background: #f8f8f7;
  border: 1px solid #dcdcdc;
}

.suzypropost-onemax .discoverpro-twobat {
  margin: 15px 0 0;
  font-size: 0;
}

.suzypropost-onemaximg {
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.suzypropost-onemaximg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.suzypropost-onemaximg img {
  width: 100%;
}

.suzypropost-onemin {
  margin-top: 20px;
}

.suzypropost-onemin .swiper-slide {
  position: relative;
  border: 1px solid #dcdcdc;
}

.suzypropost-onemin .swiper-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 3px solid #e3b143;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  content: "";
}

.suzypropost-onemin .swiper-slide.active-nav:after {
  opacity: 1;
}

.suzypropost-onemin {
  display: none;
}

.suzypropost-onemin .swiper-slide {
  cursor: pointer;
}

.suzypropost-onefr {
  padding-top: 35px;
}

.suzypropost-onefrtitle h1 {
  margin-bottom: 5px;
  line-height: 1.34615;
  font-size: 16px;
  color: #282828;
}

.suzypropost-onefrtitle h2 {
  line-height: 1.22222;
  font-size: 20px;
  color: #282828;
}

.suzypropost-onefrtext {
  margin-top: 20px;
  padding: 35px 0;
  line-height: 1.625;
  font-size: 14px;
  color: #282828;
  border-top: 1px solid #f2eee4;
  border-bottom: 1px solid #f2eee4;
}

.suzymember-secret {
  padding-bottom: 0;
}

.suzymember-secreth1 {
  text-align: center;
  line-height: 1.71429;
  font-size: 14px;
  font-weight: bold;
  color: #282828;
}

.suzymember-secrettitle {
  margin-top: 30px;
  text-align: center;
}

.suzymember-secrettitle h2 {
  line-height: 1.22222;
  font-size: 20px;
  font-weight: bold;
  color: #282828;
}

.suzymember-secrettitle h3 {
  margin-top: 6px;
  line-height: 1.33333;
  font-size: 16px;
  color: #282828;
}

.suzymember-secrettext {
  margin-top: 20px;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 2px solid #0ba690;
}

.suzymember-secrettextitem1 img {
  width: 40px;
  margin-bottom: 10px;
}

.suzymember-secrettextitem1des {
  padding: 8px 10px;
  line-height: 1.75;
  font-size: 14px;
  color: #282828;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background: #f5f5f5;
}

.suzymember-secrettextitem2 {
  position: relative;
  text-align: center;
  max-width: 280px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 25px 15px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: -webkit-linear-gradient(45deg, #f6f6f4, #ece8e7);
  background: -o-linear-gradient(45deg, #f6f6f4, #ece8e7);
  background: linear-gradient(45deg, #f6f6f4, #ece8e7);
}

.suzymember-secrettextitem2 img {
  position: relative;
  z-index: 3;
  width: 66px;
  margin-top: -33px;
}

.suzymember-secrettextitem2 h3 {
  margin-top: 15px;
  line-height: 1.4;
  font-size: 16px;
  color: #cf9f5a;
}

.suzymember-secrettextitem2 h4 {
  margin-top: 8px;
  line-height: 30px;
  font-size: 20px;
  color: #282828;
  min-height: 60px;
}

.suzymember-secrettextitem2:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  background: #d2d2d2;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  content: "";
}

.suzymember-last {
  background-image: ;
}

.suzymember-lastbtn {
  text-align: center;
}

.suzymember-lastbtn a {
  display: block;
  width: 100%;
  line-height: 2.25;
  font-size: 14px;
  color: #282828;
}

.suzymember-lastbtn a:after {
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-bottom: 6px solid #282828;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
}

.suzymember-lastbtn a.active:after {
  border-bottom: none;
  border-top: 6px solid #282828;
}

.suzymember-lastview {
  display: none;
  max-width: 850px;
  margin: 20px auto 0;
}

.suzymember-lastview h2 {
  text-align: center;
  line-height: 1.33333;
  font-size: 18px;
  color: #282828;
}

.suzymember-lasttable {
  margin-top: 20px;
  overflow-x: auto;
}

.suzymember-lasttable::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: #fff;
}

.suzymember-lasttable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.suzymember-lasttable::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #0ba690;
}

.suzymember-lasttable table {
  width: 100%;
  min-width: 700px;
  border-color: #fff;
}

.suzymember-lasttable tr,
.suzymember-lasttable td,
.suzymember-lasttable th {
  border-color: #fff;
}

.suzymember-lasttable th {
  height: 40px;
  width: 20%;
  text-align: center;
  background: #0ba690;
  padding: 5px;
  line-height: 1.71429;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.suzymember-lasttable th:first-of-type {
  width: 14.11765%;
  background: #404040;
}

.suzymember-lasttable tr td {
  height: 40px;
  padding: 10px;
  text-align: center;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.suzymember-lasttable tr:nth-child(2n 3) td {
  background: #f2f2f2;
}

.suzymember-lastbtm {
  margin-top: 10px;
  line-height: 1.71429;
  font-size: 14px;
  color: #282828;
}

.animate-viewpar {
  position: relative;
}

.animate-viewleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 5;
}

.cottontime-twobat span {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.suzymapinfo-name {
  line-height: 1.5;
  font-size: 14px;
  color: #333;
}

.suzymapinfo-phone {
  margin-top: 10px;
  line-height: 1.42857;
  font-size: 12px;
  color: #666;
}

.suzymapinfo-time,
.suzymapinfo-addr {
  line-height: 1.42857;
  font-size: 12px;
  color: #666;
}

.suzypropost-onefrtitledes {
  margin-top: 15px;
  line-height: 1.42857;
  font-size: 12px;
  color: #999;
}

.suzymap-tips {
  display: none;
}



@media (min-width: 640px) {
  .inbanner-text {
    top: 47.09677%;
  }
}

@media (min-width: 768px) {
  .inabout {
    position: relative;
    background: none;
    padding: 0;
  }

  .inabout .commonweb {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .inabout-text {
    display: inline-block;
    vertical-align: middle;
    width: 47.5%;
  }

  .inabout-fr {
    width: 52.5%;
    padding-top: 0;
    padding-left: 31.66667%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }

  .inabout-position {
    position: static;
    margin-bottom: 0;
  }

  .inheader {
    padding: 0 20px;
  }

  .founder-onefl {
    width: 35%;
    margin-left: 4.16667%;
  }

  .founder-onefr {
    float: right;
    width: 60.66667%;
  }

  .founder-one {
    padding-bottom: 0;
  }

  .incommonweb {
    padding: 0 20px;
  }

  .brandvideo-oneul li {
    width: 31.42857%;
    margin-right: 2.85714%;
  }

  .brandvideo-oneul li:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .brandvideo-oneul li:nth-child(3n) {
    margin-right: 0;
  }

  .discoverpro-onebtn {
    display: none;
  }

  .discoverpro-onewrap {
    position: absolute;
    top: 24.70588%;
    left: 0%;
    width: 100%;
    color: #fff;
  }

  .discoverpro-onewrap .player-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    margin-top: 0;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .discoverpro-onetext {
    width: 44.16667%;
    color: #fff;
  }

  .discoverpro-twoul li {
    padding: 0;
    margin-bottom: 0;
  }

  .discoverpro-twoul li:nth-child(2n) .discoverpro-twoview {
    float: left;
  }

  .discoverpro-twoul li:nth-child(2n) .discoverpro-twotext {
    float: right;
  }

  .discoverpro-twoview {
    float: right;
    width: 50%;
  }

  .discoverpro-twotext {
    float: left;
    width: 50%;
    padding-top: 0;
  }

  .discoverpro-twotextcon {
    position: relative;
    height: 0;
    padding-top: 87.5%;
  }

  .discoverpro-twotextcon .discoverpro-twobat {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 10;
    width: 100%;
    margin-bottom: 0px;
  }

  .discoverpro-twotextv {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 13.54167%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
  }

  .discoverpro-threeul li {
    width: 23.92857%;
    margin-right: 1.42857%;
  }

  .discoverpro-threeul li:nth-child(2n) {
    margin-right: 1.42857%;
  }

  .discoverpro-threeul li:nth-child(4n) {
    margin-right: 0;
  }

  .parentscamp-one {
    padding-left: 20px;
    padding-right: 20px;
  }

  .parentscamp-oneul li {
    width: 23.60248%;
    margin-right: 1.86335%;
  }

  .parentscamp-oneul li:nth-child(2n) {
    margin-right: 1.86335%;
  }

  .parentscamp-oneul li:nth-child(4n) {
    margin-right: 0;
  }

  .designer-oneul li {
    width: 31.42857%;
    margin-right: 2.85714%;
  }

  .designer-oneul li:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .designer-oneul li:nth-child(3n) {
    margin-right: 0;
  }

  .designerpost-onetextfl {
    width: 30%;
    float: left;
  }

  .designerpost-onetextfr {
    width: 66.25%;
    float: right;
  }

  .cottonfm-onefl {
    float: left;
    width: 35%;
  }

  .cottonfm-onetext {
    float: right;
    padding-top: 45px;
    width: 60.41667%;
  }

  .cottonfm-oneview .cottonfm-onebat {
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 10;
    text-align: left;
    margin-top: 0;
    width: 60.41667%;
  }

  .cottonfm-twoul li {
    width: 31.66667%;
    margin-right: 2.5%;
  }

  .cottonfm-twoul li:nth-child(2n) {
    margin-right: 2.5%;
  }

  .cottonfm-twoul li:nth-child(3n) {
    margin-right: 0;
  }

  .cottonfmpost-onetable {
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
  }

  .cottonfmpost-onefl {
    display: table-cell;
    vertical-align: top;
    width: 30.16667%;
    height: 100%;
    padding: 30px 5% 30px 0;
    border-right: 2px solid #f8f1f1;
  }

  .cottonfmpost-onefr {
    border: none;
    display: table-cell;
    vertical-align: top;
    width: 69.83333%;
    height: 100%;
    padding: 44px 3.33333% 50px 5%;
  }

  .washing-suzytwo {
    margin-top: 0;
  }

  .washing-suzytwoimg {
    float: right;
    width: 50%;
  }

  .washing-suzytwowrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    width: 100%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
  }

  .washing-suzytwowrap .washing-onetext {
    float: none;
    width: 50%;
    padding-right: 6.07143%;
  }

  .suzywashing-threeul li {
    width: 23.92857%;
    margin-right: 1.42857%;
  }

  .suzywashing-threeul li:nth-child(2n) {
    margin-right: 1.42857%;
  }

  .suzywashing-threeul li:nth-child(4n) {
    margin-right: 0;
  }

  .suzypropost-onefl {
    float: left;
    width: 46.66667%;
  }

  .suzypropost-onefr {
    float: right;
    width: 45%;
  }

  .suzypropost-onemax .discoverpro-twobat {
    display: none;
  }

  .suzypropost-onemin {
    display: block;
  }

  .innews {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.ovhid {
  overflow: hidden;
}

.ac {
  color: #0ba690;
}

.disblock {
  display: block;
}

.inblock {
  display: inline-block;
}

.font16 {
  font-size: 14px;
}

.font17,
.font18 {
  font-size: 15px;
}

.font20,
.font22 {
  font-size: 16px;
}

.font24,
.font26,
.font28 {
  font-size: 18px;
}

.font30,
.font32,
.font34,
.font36,
.font40,
.font42,
.font46 {
  font-size: 20px;
}

.font54 {
  font-size: 24px;
}

.font60 {
  font-size: 30px;
}

.lighter {
  font-weight: lighter;
}

.unline {
  text-decoration: underline;
}

.text-center {
  text-align: center;
}

.scale img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.grey {
  color: #666;
}

.white {
  color: #fff;
}

.imghover img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.recruitmentfloat {
  display: none;
  z-index: 110;
  width: 100%;
  position: fixed;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0px;
  top: 0px;
}

.tianjiatvwrap {
  width: 95%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 2.5%;
  margin-top: -125px;
}

.tianjiatvwrap .videobox {
  height: 250px;
  position: relative;
  z-index: 1;
}

.recclosebtn {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: -5px;
  cursor: pointer;
  z-index: 100;
  margin: -20px -20px 0 0;
  z-index: 9;
}

.recclosebtn:before {
  content: '';
  position: absolute;
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.recclosebtn:after {
  content: '';
  position: absolute;
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 768px) {
  .font16 {
    font-size: 16px;
  }

  .font17 {
    font-size: 17px;
  }

  .font18,
  .font22,
  .font20 {
    font-size: 18px;
  }

  .font28,
  .font24,
  .font26 {
    font-size: 22px;
  }

  .font30,
  .font32,
  .font34,
  .font36 {
    font-size: 24px;
  }

  .font40,
  .font42 {
    font-size: 26px;
  }

  .font46 {
    font-size: 28px;
  }

  .font54 {
    font-size: 30px;
  }

  .distable {
    width: 100%;
    display: table;
  }

  .table-cell {
    display: table-cell;
    vertical-align: middle;
  }

  .tianjiatvwrap {
    width: 660px;
    left: 50%;
    margin-left: -330px;
    margin-top: 0;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
  }

  .tianjiatvwrap .videobox {
    height: 400px;
  }
}

@media (min-width: 1024px) {

  .font22,
  .font20 {
    font-size: 20px;
    font-size: 0.41667rem;
  }

  .font24 {
    font-size: 24px;
    font-size: 0.5rem;
  }

  .font26 {
    font-size: 26px;
    font-size: 0.54167rem;
  }

  .font28 {
    font-size: 28px;
    line-height: normal;
    font-size: 0.58333rem;
  }

  .font40,
  .font42 {
    font-size: 30px;
    line-height: normal;
    font-size: 0.625rem;
  }

  .font46 {
    font-size: 32px;
    font-size: 0.66667rem;
  }

  .font54 {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .md-block {
    display: block;
  }

  .tianjiatvwrap {
    width: 700px;
    margin-left: -350px;
    width: 14.58333rem;
    margin-left: -7.29167rem;
  }

  .tianjiatvwrap .videobox {
    height: 400px;
    height: 8.33333rem;
  }
}

@media (min-width: 1200px) {
  .font22 {
    font-size: 22px;
    font-size: 0.45833rem;
  }

  .font30 {
    font-size: 30px;
    line-height: normal;
    font-size: 0.625rem;
  }

  .font32 {
    font-size: 32px;
    line-height: normal;
    font-size: 0.66667rem;
  }

  .font34 {
    font-size: 34px;
    line-height: normal;
    font-size: 0.70833rem;
  }

  .font36 {
    font-size: 36px;
    line-height: normal;
    font-size: 0.75rem;
  }

  .font40 {
    font-size: 40px;
    font-size: 0.83333rem;
  }

  .scale:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }

  .font42 {
    font-size: 42px;
    font-size: 0.875rem;
  }

  .font46 {
    font-size: 46px;
    font-size: 0.95833rem;
  }

  .font54 {
    font-size: 54px;
    font-size: 1.125rem;
  }

  .imghover:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }

  .tianjiatvwrap {
    width: 1000px;
    margin-left: -500px;
    width: 20.83333rem;
    margin-left: -10.41667rem;
  }

  .tianjiatvwrap .videobox {
    height: 600px;
    height: 12.5rem;
  }
}

.searchtitle401 {
  background-color: #f3f3f3;
}

.searchcont401 {
  padding: 10px 0;
}

.resultlist401 {
  font-size: 13px;
  padding: 0;
}

.resultlist401 ul {
  padding-bottom: 30px;
}

.resultlist401 img {
  display: block;
  width: 100%;
}

.resultlist401 li {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
}

.resultlist401 h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

.resultlist401 h4 a {
  display: block;
}

.resultlist401 h4 em {
  color: red;
  font-style: normal;
}

.resultlist401 h4 a {
  display: block;
}

.resulttext401 {
  height: 72px;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #666;
}

.resultlabel401 {
  color: #333;
  display: inline-block;
  padding-top: 3%;
}

.searchinputcont401 {
  padding-right: 60px;
}

.searchinputcont401 dt input {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 12px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
}

.searchinputcont401 dd input {
  position: relative;
  left: 60px;
  margin-left: -60px;
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  background: #0ba690;
}

.searchimg401 {
  display: block;
  margin-bottom: 3%;
}

@media (min-width: 768px) {
  .searchcont401 {
    padding: 30px 0;
  }

  .searchinputcont401 {
    max-width: 61.8%;
    margin: 0 auto;
  }

  .searchtitle401 {
    font-size: 24px;
  }

  .resultlist401 {
    padding: 0;
  }

  .resultlist401 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    width: auto;
  }

  .searchimg401 {
    float: left;
    margin: 0 3% 0 0;
    display: block;
    width: 200px;
    height: 150px;
    overflow: hidden;
    position: relative;
  }

  .resultlist401 h4 {
    font-size: 20px;
    margin-bottom: 2%;
  }
}

@media (min-width: 1024px) {
  .searchcont401 {
    padding: 0px 0 50px;
    padding: 0px 0 1.04167rem;
  }

  .searchtitle401 {
    padding: 28px 15px;
    padding: 0.58333rem 0.3125rem;
  }

  .searchinputcont401 {
    width: 45%;
  }

  .searchinputcont401 dt {
    float: left;
    width: 78%;
  }

  .searchinputcont401 dd {
    float: left;
    width: 22%;
  }

  .searchinputcont401 dd input {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  .searchinputcont401 dt input {
    font-size: 18px;
    font-size: 0.375rem;
  }

  .searchinputcont401 dd input {
    text-align: center;
    font-size: 16px;
    font-size: 0.33333rem;
  }

  .resultlist401 h4 a:hover {
    color: #0ba690;
  }


}

.sitemap {
  padding-bottom: 30px;
}

.sitemapcont2 {
  padding: 6% 10px;
  overflow: hidden;
  background: #fff;
}

.sitemapcont2 dl {
  position: relative;
  margin-bottom: 36px;
}

.sitemapcont2 dl:last-of-type {
  margin-bottom: 0;
}

.sitemapcont2 dl dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 8px;
  background: #fff;
  position: absolute;
  left: 18px;
  top: -14px;
}

.sitemapcont2 dl dt a {
  color: #0ba690;
}

.sitemapcont2 dl dt a:hover {
  color: #0ba690;
}

.sitemapcont2 dl dd {
  padding: 4% 3% 1% 3%;
  border: 1px solid #e6e6e6;
}

.sitemapcont2 dl dd a {
  display: inline-block;
  padding-left: 10px;
  margin: 0 23px 8px 0;
}

@media (min-width: 767px) {
  .sitemapcont2 {
    padding: 5% 10px;
  }

  .sitemapcont2 dl dt {
    font-size: 20px;
  }

  .sitemapcont2 dl dd {
    padding: 2% 3% 1% 3%;
    border: 1px solid #e6e6e6;
  }

  .sitemapcont2 dl dd a {
    margin: 0 45px 8px 0;
  }

  .sitemapcont2 dl dd a:hover {
    color: #0ba690;
  }
}

@media (min-width: 1024px) {
  .sitemap {
    padding: 0 0 50px;
    padding: 0 0 1.04167rem;
  }

  .sitemapcont2 {
    padding: 3.5% 30px;
    padding: 3.5% 0.625rem;
  }

  .sitemapcont2 dl {
    margin-bottom: 50px;
    margin-bottom: 1.04167rem;
  }
}

@media (min-width: 1024px) {
  body {
    padding-top: 0px;
  }

  #content {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .line {
    display: block;
    position: absolute;
    bottom: 16px;
    height: 2px;
    background: #fff;
    -webkit-transition: left 0.5s ease 0s, width 0.5s ease 0s, background-color .5s;
    -o-transition: left 0.5s ease 0s, width 0.5s ease 0s, background-color .5s;
    transition: left 0.5s ease 0s, width 0.5s ease 0s, background-color .5s;
    bottom: 0.33333rem;
  }

  .inbanner-text {
    width: 100%;
    left: 0;
  }

  .inbanner-text h2 {
    font-size: 60px;
    font-size: 1.25rem;
  }

  .inbanner-text h3 {
    margin-top: 10px;
    font-size: 42px;
    margin-top: 0.20833rem;
    font-size: 0.875rem;
  }

  .inbanner-text.right .inbanner-txt2 {
    float: right;
  }

  .inbanner-txt {
    max-width: 1400px;
    padding: 0 40px;
    margin: 0 auto;
  }

  .inbanner-btm {
    bottom: 30px;
  }

  .inbanner-btm a {
    margin-right: 20px;
    margin-right: 0.41667rem;
  }

  .inbanner-txt2 {
    max-width: 46.66667%;
  }

  .inpro {
    padding: 70px 120px 0px;
    padding: 1.45833rem 2.5rem 0px;
  }

  .inpro-minview {
    z-index: 10;
    padding: 0px 50px;
    margin-bottom: -30px;
    padding: 0px 1.04167rem;
    margin-bottom: -0.625rem;
  }

  .inpro-minview .swiper-container {
    padding: 30px 15px;
    padding: 0.625rem 0.3125rem;
  }

  .inpro-minview .swiper-slide a {
    height: 234px;
    height: 4.875rem;
  }

  .inpro-minview .swiper-slide.active-nav a {
    -webkit-transform: translatey(-30px);
    -ms-transform: translatey(-30px);
    -o-transform: translatey(-30px);
    transform: translatey(-30px);
    -webkit-box-shadow: 10px 40px 30px -20px #7d8463;
    box-shadow: 10px 40px 30px -20px #7d8463;
    -webkit-transform: translatey(-0.625rem);
    -ms-transform: translatey(-0.625rem);
    -o-transform: translatey(-0.625rem);
    transform: translatey(-0.625rem);
    -webkit-box-shadow: 0.20833rem 0.83333rem 0.625rem -0.41667rem #7d8463;
    box-shadow: 0.20833rem 0.83333rem 0.625rem -0.41667rem #7d8463;
  }

  .inpro-minposi {
    padding: 50px 25px 0;
    padding: 1.04167rem 0.52083rem 0;
  }

  .inpro-minposi h3 {
    margin-top: 17px;
    font-size: 16px;
    margin-top: 0.35417rem;
  }

  .inpro-minposiicon {
    width: 70px;
    width: 1.45833rem;
  }

  .inpro-minback {
    padding: 65px 25px 0;
    padding: 1.35417rem 0.52083rem 0;
  }

  .inpro-minback h3 {
    font-size: 20px;
  }

  .inpro-maxview {
    margin-top: 0px;
    padding: 0px;
  }

  .incon-btn {
    width: 50px;
    height: 50px;
    width: 1.04167rem;
    height: 1.04167rem;
  }

  .incon-btn:after {
    width: 16px;
    height: 16px;
    width: 0.33333rem;
    height: 0.33333rem;
  }

  .incon-prev {
    left: -50px;
    left: -1.04167rem;
  }

  .incon-next {
    right: -50px;
    right: -1.04167rem;
  }

  .inabout {
    margin-top: 40px;
    margin-top: 0.83333rem;
  }

  .inabout-fr h3 {
    padding-left: 20px;
    font-size: 18px;
    padding-left: 0.41667rem;
  }

  .inabout-text {
    position: relative;
    padding: 80px 110px 80px 1px;
    padding: 1.66667rem 2.29167rem 1.66667rem 1px;
  }

  .inabout-text h2 {
    font-size: 22px;
  }

  .inabout-text:after {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: -1px;
    width: 200%;
    height: 100%;
    background: #fff;
    content: "";
  }

  .inabout-des {
    margin-top: 35px;
    margin-top: 0.72917rem;
  }

  .inabout-btm {
    margin-top: 55px;
    margin-top: 1.14583rem;
  }

  a.more-a2 {
    width: 160px;
    height: 54px;
    line-height: 52px;
  }

  a.more-a2 span {
    font-size: 16px;
  }

  a.more-a2 i {
    margin-left: 50px;
    margin-left: 1.04167rem;
  }

  .innews {
    padding: 100px 30px 70px;
    padding: 2.08333rem 30px 1.45833rem;
  }

  .innews-title h3 {
    font-size: 30px;
  }

  .innews-view {
    position: relative;
  }

  .innews-view .swiper-container {
    position: relative;
  }

  .innews-view .swiper-slide {
    overflow: hidden;
  }

  .innews-view .swiper-slide:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .innews-view .swiper-slide img {
    -webkit-transition: -webkit-transform ease 0.5s;
    transition: -webkit-transform ease 0.5s;
    -o-transition: -o-transform ease 0.5s;
    transition: transform ease 0.5s;
    transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
    width: 370px;
    left: 50%;
    top: 50%;
    height: auto;
    max-width: inherit;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }

  .innews-view .swiper-slide:hover .innews-img {
    border-color: #0ba690;
    -webkit-box-shadow: 0px 10px 20px -10px #aaa;
    box-shadow: 0px 10px 20px -10px #aaa;
    -webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
    box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
  }

  .innews-view .swiper-slide:hover .innews-text h3,
  .innews-view .swiper-slide:hover .innews-time {
    color: #0ba690;
  }

  .innews-view .swiper-slide:hover .innews-text .more-a3 {
    border-color: #0ba690;
  }

  .innews-img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .innews-text {
    padding-top: 35px;
    padding-top: 0.72917rem;
  }

  .innews-text h3 {
    font-size: 20px;
    line-height: 30px;
    max-height: 60px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .innews-text .more-a3 {
    margin-top: 25px;
    margin-top: 0.52083rem;
  }

  .innews-btm {
    padding-top: 60px;
    padding-top: 1.25rem;
  }

  .more-a4 {
    width: 54px;
    height: 54px;
  }

  .innews-des {
    margin-top: 20px;
    margin-top: 0.41667rem;
  }

  .innews-time {
    margin-top: 20px;
    font-size: 20px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-top: 0.41667rem;
  }

  .incon-bat {
    margin-top: 48px;
    margin-top: 1rem;
  }

  .incon-bat span {
    padding-left: 6.66667px;
    padding-right: 6.66667px;
  }

  .incon-bat span:first-child {
    padding-left: 0;
    padding-right: 13.33333px;
  }

  .incon-bat span:last-child {
    padding-left: 13.33333px;
    padding-right: 0px;
  }

  .inheader {
    padding: 0 40px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 0 0.83333rem;
  }

  .inheader:hover,
  .inheader.active {
    background: #fff;
  }

  .inheader:hover .insearch-view .insearch-intxt,
  .inheader.active .insearch-view .insearch-intxt {
    color: #8d8d89;
    background: #e7e5e0;
  }

  .inheader:hover .insearch-view .insearch-intxt::-webkit-input-placeholder,
  .inheader.active .insearch-view .insearch-intxt::-webkit-input-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .insearch-view .insearch-intxt:-moz-placeholder,
  .inheader.active .insearch-view .insearch-intxt:-moz-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .insearch-view .insearch-intxt::-moz-placeholder,
  .inheader.active .insearch-view .insearch-intxt::-moz-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .insearch-view .insearch-intxt:-ms-input-placeholder,
  .inheader.active .insearch-view .insearch-intxt:-ms-input-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .insearch-view .insearch-insub,
  .inheader.active .insearch-view .insearch-insub {
    background-image: url(/uploads/image/mimages/insearch-btn3.png);
  }

  .inheader:hover .headersearchbox .insearch-intxt,
  .inheader.active .headersearchbox .insearch-intxt {
    color: #8d8d89;
    background: #e7e5e0;
  }

  .inheader:hover .headersearchbox .insearch-intxt::-webkit-input-placeholder,
  .inheader.active .headersearchbox .insearch-intxt::-webkit-input-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .headersearchbox .insearch-intxt:-moz-placeholder,
  .inheader.active .headersearchbox .insearch-intxt:-moz-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .headersearchbox .insearch-intxt::-moz-placeholder,
  .inheader.active .headersearchbox .insearch-intxt::-moz-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .headersearchbox .insearch-intxt:-ms-input-placeholder,
  .inheader.active .headersearchbox .insearch-intxt:-ms-input-placeholder {
    color: #8d8d89;
  }

  .inheader:hover .headersearchbox .insearch-insub,
  .inheader.active .headersearchbox .insearch-insub {
    background-image: url(/uploads/image/mimages/insearch-btn3.png);
  }

  .inheader:hover .headersearchbox .insearch-insub,
  .inheader.active .headersearchbox .insearch-insub {
    background-image: url(/uploads/image/mimages/insearch-btn3.png);
  }

  .headersearchbox {
    width: 160px;
  }

  .inheader:hover .innav-h3 a,
  .inheader.active .innav-h3 a {
    color: #352b2b;
    text-shadow: none;
  }

  .inheader:hover .line,
  .inheader.active .line {
    background: #0ba690;
  }

  .inheader:hover .innav-ul li.cur .innav-h3 a,
  .inheader:hover .innav-ul li:hover .innav-h3 a,
  .inheader.active .innav-ul li.cur .innav-h3 a,
  .inheader.active .innav-ul li:hover .innav-h3 a {
    color: #0ba690;
  }

  .inheader:hover .innav-ul li.cur .innav-h3 a:after,
  .inheader:hover .innav-ul li:hover .innav-h3 a:after,
  .inheader.active .innav-ul li.cur .innav-h3 a:after,
  .inheader.active .innav-ul li:hover .innav-h3 a:after {
    opacity: 1;
  }

  .inheader.active {
    -webkit-box-shadow: 0px 0px 6px -2px #eee;
    box-shadow: 0px 0px 6px -2px #eee;
    -webkit-box-shadow: 0px 0px 0.125rem -0.04167rem #eee;
    box-shadow: 0px 0px 0.125rem -0.04167rem #eee;
  }

  .inlogo {
    line-height: 80px;
  }

  .inlogo a img {
    height: 30px;
  }

  .header-nav {
    float: left;
    position: static;
    display: block;
    width: auto;
    padding: 0;
    background: none;
    border-top: none;
  }

  .innav-ul {
    max-height: none;
    overflow: visible;
  }

  .innav-ul li {
    position: relative;
    float: left;
    border-bottom: none;
    margin-right: 40px;
    margin-right: 0.5rem;
  }

  .innav-ul li:last-of-type {
    margin-right: 0;
  }

  .innav-h3 {
    position: relative;
  }

  .innav-h3 a {
    position: relative;
    height: 80px;
    line-height: 80px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-shadow: 0px 0px 5px #666;
    text-shadow: 0px 0px 0.10417rem #666;
  }

  .innav-h3 a:after {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 80%;
    left: 6.66667%;
    height: 1px;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: "";
    height: 0.02083rem;
  }

  .innav-ermenu {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 200;
    width: auto;
    white-space: nowrap;
    min-width: 155px;
    padding: 20px 10px;
    text-align: center;
    border-top: none;
    background: #fff;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
    min-width: 3.22917rem;
  }

  .innav-ermenu a {
    display: block;
    width: 100%;
    margin-bottom: 9px;
    height: auto;
    padding: 2px 5px;
    line-height: 20px;
    font-size: 14px;
    color: #5a5555;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .innav-ermenu a:hover {
    color: #fff;
    background: #0ba690;
  }

  .innav-ermenu a:last-of-type {
    margin-bottom: 0;
  }

  .header-btn {
    margin-left: 40px;
    position: relative;
    float: right;
    line-height: 80px;
    margin-left: 0.83333rem;
  }

  .header-btn a {
    border-color: #fff;
  }

  .header-btn .insearch-btn {
    width: auto;
    height: auto;
    margin-right: 0;
    background: none;
  }

  .header-btn .mobile-btn {
    display: none;
  }

  .insearch-view {
    position: static;
    z-index: 200;
    display: block;
    width: 300px;
    padding: 0px;
    width: 6.25rem;
  }

  .insearch-view form {
    border: none;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }

  .insearch-view .insearch-intxt {
    font-size: 14px;
    color: #fff;
    padding-right: 70px;
    background: transparent;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.29167rem;
  }

  .insearch-view .insearch-intxt::-webkit-input-placeholder {
    color: #fff;
  }

  .insearch-view .insearch-intxt:-moz-placeholder {
    color: #fff;
  }

  .insearch-view .insearch-intxt::-moz-placeholder {
    color: #fff;
  }

  .insearch-view .insearch-intxt:-ms-input-placeholder {
    color: #fff;
  }

  .insearch-view .insearch-insub {
    width: 65px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url(/uploads/image/mimages/insearch-btn4.png) no-repeat center center;
  }

  .headersearchbox {
    display: block;
    position: relative;
    left: 0px;
    right: 0px;
    top: 0px;
    background: none;
    padding: 0px;
    line-height: unset;
  }

  .headersearchbox form {
    border: none;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }

  .headersearchbox .insearch-intxt {
    font-size: 14px;
    color: #fff;
    padding-right: 70px;
    background: transparent;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.29167rem;
  }

  .headersearchbox .insearch-intxt::-webkit-input-placeholder {
    color: #fff;
  }

  .headersearchbox .insearch-intxt:-moz-placeholder {
    color: #fff;
  }

  .headersearchbox .insearch-intxt::-moz-placeholder {
    color: #fff;
  }

  .headersearchbox .insearch-intxt:-ms-input-placeholder {
    color: #fff;
  }

  .headersearchbox .insearch-insub {
    width: 65px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url(/uploads/image/mimages/insearch-btn4.png) no-repeat center center;
  }

  .mobile-searchbtn {
    display: none !important;
  }


  .backtop {
    display: block;
    position: fixed;
    bottom: 50px;
    right: -50px;
    z-index: 100;
    width: 60px;
    height: 60px;
    background: #0ba690;
    padding-top: 32px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .backtop:after {
    position: absolute;
    top: 17px;
    left: 50%;
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: translatex(-50%) rotate(-45deg);
    -ms-transform: translatex(-50%) rotate(-45deg);
    -o-transform: translatex(-50%) rotate(-45deg);
    transform: translatex(-50%) rotate(-45deg);
    content: "";
  }

  .backtop.active {
    right: 50px;
    opacity: 1;
    visibility: inherit;
  }

  .founder-banner .founder-bannertext h2 {
    font-size: 48px;
    font-size: 1rem;
  }

  .founder-one {
    padding: 95px 0 0;
    padding: 1.97917rem 0 0;
  }

  .founder-onefr {
    font-size: 16px;
    padding-bottom: 20px;
    padding-bottom: 0.41667rem;
  }

  .founder-onefr h2 {
    font-size: 30px;
  }

  .founder-onedes {
    margin-top: 36px;
    margin-top: 0.75rem;
  }

  .founder-onename {
    margin-top: 134px;
    padding-left: 125px;
    margin-top: 2.79167rem;
    padding-left: 2.60417rem;
  }

  .founder-onename span {
    left: 125px;
    left: 2.60417rem;
  }

  .incommonweb {
    padding: 0 40px;
  }

  .neibanner-text h2 {
    font-size: 48px;
    letter-spacing: 20px;
    font-size: 1rem;
    letter-spacing: 0.41667rem;
  }

  .suzyglory-one {
    padding: 95px 0 80px;
    padding: 1.97917rem 0 1.66667rem;
  }

  .store-subdesc {
    font-size: 16px;
  }

  .suzyglory-onetitle {
    font-size: 16px;
  }

  .suzyglory-onetitle h2 {
    font-size: 30px;
  }

  .suzyglory-onetitledes {
    margin-top: 20px;
    margin-top: 0.41667rem;
  }

  .suzyglory-oneul {
    margin-top: 55px;
    margin-top: 1.14583rem;
  }

  .suzyglory-oneul li {
    padding: 0 10px;
    padding: 0 0.20833rem;
  }

  .suzyglory-oneul li:after {
    height: 30px;
  }

  .suzyglory-oneul li h3 {
    font-size: 44px;
  }

  .suzyglory-oneul li h6 {
    font-size: 14px;
  }

  a.player-btn {
    width: 60px;
    height: 60px;
    margin: 35px auto 0;
    margin: 0.72917rem auto 0;
  }

  a.player-btn:after {
    border-left-width: 8px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }

  a .incon-bat2 {
    display: none;
  }

  .incon-btn2 {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 48px;
    height: 48px;
    text-align: center;
    margin-top: -24px;
    line-height: 48px;
    font-size: 0;
    background: #f5f4f2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-top: -0.5rem;
  }

  .incon-btn2 span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 2px;
    background: #36383c;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .incon-btn2 span:after,
  .incon-btn2 span:before {
    position: absolute;
    top: 50%;
    width: 8px;
    height: 2px;
    background: #36383c;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: "";
  }

  .incon-btn2:hover {
    background: #0ba690;
  }

  .incon-btn2:hover span {
    background: #fff;
  }

  .incon-btn2:hover span::before,
  .incon-btn2:hover span::after {
    background: #fff;
  }

  .incon-prev2 {
    left: -60px;
  }

  .incon-prev2 span:before {
    left: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: translatey(-50%) rotate(-45deg);
    -ms-transform: translatey(-50%) rotate(-45deg);
    -o-transform: translatey(-50%) rotate(-45deg);
    transform: translatey(-50%) rotate(-45deg);
  }

  .incon-prev2 span:after {
    left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translatey(-50%) rotate(45deg);
    -ms-transform: translatey(-50%) rotate(45deg);
    -o-transform: translatey(-50%) rotate(45deg);
    transform: translatey(-50%) rotate(45deg);
  }

  .incon-next2 {
    right: -60px;
  }

  .incon-next2 span:before {
    right: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: translatey(-50%) rotate(-45deg);
    -ms-transform: translatey(-50%) rotate(-45deg);
    -o-transform: translatey(-50%) rotate(-45deg);
    transform: translatey(-50%) rotate(-45deg);
  }

  .incon-next2 span:after {
    right: 0;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: translatey(-50%) rotate(45deg);
    -ms-transform: translatey(-50%) rotate(45deg);
    -o-transform: translatey(-50%) rotate(45deg);
    transform: translatey(-50%) rotate(45deg);
  }

  .brandvideo-one {
    padding: 100px 0;
    padding: 2.08333rem 0;
  }

  .brandvideo-oneul {
    padding-bottom: 15px;
    padding-bottom: 0.3125rem;
  }

  .brandvideo-oneul li {
    margin-bottom: 30px;
    overflow: hidden;
    margin-bottom: 0.625rem;
  }

  .brandvideo-oneul li:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }

  .brandvideo-oneul li img {
    -webkit-transition: -webkit-transform ease 0.5s;
    transition: -webkit-transform ease 0.5s;
    -o-transition: -o-transform ease 0.5s;
    transition: transform ease 0.5s;
    transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
  }

  .brandvideo-oneul li:hover .brandvideo-oneimg {
    border-color: #0ba690;
    -webkit-box-shadow: 0px 10px 20px -10px #aaa;
    box-shadow: 0px 10px 20px -10px #aaa;
    -webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
    box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
  }

  .brandvideo-oneul li:hover .brandvideo-onetext h3 {
    color: #0ba690;
  }

  .brandvideo-oneimg {
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .brandvideo-onetext {
    padding: 25px 0;
    padding: 0.52083rem 0;
  }

  .brandvideo-onetext h3 {
    font-size: 16px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .incon-playerbtn {
    width: 60px;
    height: 60px;
    margin: 35px auto 0;
    margin: 0.72917rem auto 0;
  }

  .incon-playerbtn:after {
    border-left: 6px solid #2a2a2a;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }

  .imorepages .imorepages-btn {
    width: 38px;
    height: 38px;
    margin: 0 4px;
    line-height: 38px;
  }

  .imorepages .imorepages-btn span {
    width: 14px;
    height: 1px;
  }

  .imorepages .imorepages-btn span:after,
  .imorepages .imorepages-btn span:before {
    width: 6px;
    height: 1px;
  }

  .imorepages .imorepages-a1,
  .imorepages .imorepages-span1 {
    margin: 0 4px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 16px;
  }

  .imorepages .imorepages-more {
    height: 48px;
    line-height: 48px;
  }

  .discoverpro-onewrap {
    top: 37.05882%;
  }

  .discoverpro-onetext h3 {
    font-size: 44px;
    font-size: 0.91667rem;
  }

  .discoverpro-onetextdes {
    margin-top: 30px;
    margin-top: 0.625rem;
  }

  .discoverpro-twotextcon .discoverpro-twobat {
    bottom: 80px;
    bottom: 1.66667rem;
  }

  .store-container {
    margin-top: 90px;
    margin-top: 1.875rem;
  }

  .discoverpro-twotext h3 {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .discoverpro-twotextdes {
    margin-top: 30px;
    margin-top: 0.625rem;
  }

  .discoverpro-three {
    padding: 130px 0 120px;
    padding: 2.70833rem 0 2.5rem;
  }

  .discoverpro-threeform form .discoverpro-threeintxt {
    padding: 0 70px 0 20px;
  }

  .discoverpro-threeul {
    margin-top: 40px;
    padding-bottom: 40px;
    margin-top: 0.83333rem;
    padding-bottom: 0.83333rem;
  }

  .discoverpro-threeul li {
    margin-bottom: 40px;
    margin-bottom: 0.83333rem;
  }

  .discoverpro-threetext {
    padding: 0 10px 20px;
    padding: 0 0.20833rem 0.41667rem;
  }

  .discoverpro-threetext h3 {
    font-size: 18px;
    display: -webkit-box;
    height: 56px;
    line-height: 28px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .suzyglory-two {
    padding: 55px 0 35px;
    height: 560px;
    padding: 1.14583rem 0 0.72917rem;
  }

  .suzyglory-two .incommonweb {
    height: 100%;
  }

  .suzyglory-twocon {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }

  .suzyglory-twotable {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
  }

  .suzyglory-twotitle h2 {
    margin-bottom: 25px;
    font-size: 36px;
    margin-bottom: 0.52083rem;
    font-size: 0.75rem;
  }

  .suzyglory-twotitle img {
    width: auto;
    display: inline-block;
  }

  .suzyglory-twoview {
    padding: 35px 0;
  }

  .suzyglory-twoview .swiper-slide {
    padding: 0 30px 0 20px;
    padding: 0 0.625rem 0 0.41667rem;
  }

  .suzyglory-twoview .incon-bat2 {
    display: none;
  }

  .more-a3 {
    width: 220px;
    line-height: 50px;
    padding-left: 28px;
    margin-top: 23px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
  }

  .more-a3:after {
    right: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

  .more-a3:before {
    content: "";
    display: block;
    width: 200%;
    height: 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    background-color: #0ba690;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .more-a3:hover {
    border-color: #0ba690;
  }

  .more-a3:hover:before {
    height: 500%;
  }

  .more-a3:hover:after {
    width: 23px;
    background-image: ;
    right: 50%;
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    -o-transform: translatex(50%);
    transform: translatex(50%);
  }

  .inleft-menuitem>a {
    width: 70px;
    height: 70px;
  }

  .inleft-menuview {
    padding: 12px 18px;
  }

  .inleft-menuli img {
    width: 100%;
  }

  .inleft-menuli h6 {
    margin-top: 6px;
  }

  .infooter-top {
    padding: 60px 0 42px;
    padding: 1.25rem 0 0.875rem;
  }

  .infooter-item {
    float: left;
    width: 25%;
    padding-right: 10px;
    border-bottom: none;
    padding-right: 0.20833rem;
  }

  .infooter-item:nth-child(2) {
    width: 30.83333%;
  }

  .infooter-item:nth-child(2) .infooter-menu {
    padding-left: 175px;
  }

  .infooter-item:nth-child(3) {
    width: auto;
    max-width: 19.16667%;
  }

  .infooter-item.last {
    width: auto;
    float: right;
    padding-right: 0;
    border-bottom: none;
  }

  .infooter-item.last .infooter-h3 {
    display: inline-block;
    vertical-align: middle;
  }

  .infooter-h3 {
    padding-top: 10px;
    float: left;
  }

  .infooter-h3 a {
    display: block;
    width: auto;
    height: auto;
    line-height: 22px;
    font-size: 16px;
  }

  .infooter-menu {
    display: block;
    border-top: none;
    padding: 10px 0 0 120px;
  }

  .infooter-menu a {
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 0px;
    margin-bottom: 14px;
    font-size: 13px;
    margin-bottom: 0.29167rem;
  }

  .infooter-menuweim {
    left: 115px;
    bottom: -12px;
  }

  .infooter-fen {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0 0 15px;
    padding: 0px 0 0 0.3125rem;
  }

  .infooter-btm {
    padding: 35px 0 42px;
    padding: 0.72917rem 0 0.875rem;
  }

  .infooter-btm a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .infooter-btm a:hover {
    color: #0ba690;
    text-decoration: underline;
  }

  .infooter-btmfl {
    float: left;
  }

  .infooter-btmfr {
    float: right;
    max-width: 45%;
  }

  .washing-one {
    padding: 95px 0 75px;
    padding: 1.97917rem 0 1.5625rem;
  }

  .washing-oneh2 {
    width: 20.83333%;
    float: left;
    font-size: 36px;
    font-weight: bold;
    font-size: 0.75rem;
  }

  .washing-onetext {
    position: relative;
    float: right;
    width: 74.58333%;
    margin-top: 0px;
  }

  .washing-onetext .washing-onespan {
    position: absolute;
    right: 100%;
    top: 0;
    padding-right: 10px;
    line-height: 1.22222;
    font-size: 36px;
    font-weight: 300;
    padding-right: 0.20833rem;
    font-size: 0.75rem;
  }

  .cottonfm-onebtmimg {
    width: 73px;
    width: 1.52083rem;
  }

  .parentscamp-one {
    padding: 95px 40px 120px;
    padding: 1.97917rem 40px 2.5rem;
  }

  .parentscamp-oneul {
    margin-top: 75px;
    margin-top: 1.5625rem;
  }

  .parentscamp-oneul li {
    margin-bottom: 75px;
    margin-bottom: 1.5625rem;
  }

  .parentscamp-oneul li:hover .parentscamp-onetext h3 {
    color: #0ba690;
  }

  .parentscamp-oneul li:hover .parentscamp-oneimg {
    -webkit-box-shadow: 0px 10px 20px -10px #aaa;
    box-shadow: 0px 10px 20px -10px #aaa;
    -webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
    box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
  }

  .parentscamp-oneposi {
    padding-top: 62px;
    padding-top: 1.29167rem;
  }

  .parentscamp-oneposi img {
    width: 86px;
    height: 86px;
    width: 1.79167rem;
    height: 1.79167rem;
  }

  .parentscamp-oneposi h6 {
    margin-top: 15px;
    font-size: 14px;
    margin-top: 0.3125rem;
  }

  .parentscamp-onetext {
    padding-top: 35px;
    padding-top: 0.72917rem;
  }

  .parentscamp-onetext h3 {
    font-size: 16px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .designer-one {
    padding: 95px 0 115px;
    padding: 1.97917rem 0 2.39583rem;
  }

  .designer-oneul {
    margin-top: 68px;
    margin-top: 1.41667rem;
  }

  .designer-oneul li {
    margin-bottom: 75px;
    overflow: hidden;
    overflow: visible;
    margin-bottom: 1.5625rem;
  }

  .designer-oneul li h3 {
    font-size: 20px;
  }

  .designer-oneul li:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }

  .designer-oneul li img {
    -webkit-transition: -webkit-transform ease 0.5s;
    transition: -webkit-transform ease 0.5s;
    -o-transition: -o-transform ease 0.5s;
    transition: transform ease 0.5s;
    transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
  }

  .designer-oneul li:hover .designer-oneimg {
    -webkit-box-shadow: 0px 10px 20px -5px #aaa;
    box-shadow: 0px 10px 20px -5px #aaa;
    border-color: #0ba690;
    -webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
    box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
  }

  .designer-onetext {
    padding-top: 15px;
    padding-top: 0.3125rem;
  }

  .designer-onetext h4 {
    font-size: 16px;
  }

  .designerpost-one {
    padding: 95px 0 120px;
    padding: 1.97917rem 0 2.5rem;
  }

  .designerpost-onetext h3 {
    margin-bottom: 10px;
    font-size: 18px;
    margin-bottom: 0.20833rem;
    font-size: 0.375rem;
  }

  .designerpost-onetext h1 {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .designerpost-onetextfr {
    padding-top: 32px;
    padding-top: 0.66667rem;
  }

  .designerpost-onevideo {
    margin-top: 70px;
    margin-top: 1.45833rem;
  }

  .designerpost-onebtn {
    margin-top: 60px;
    margin-top: 1.25rem;
  }

  .designerpost-onebtna {
    width: 60px;
    height: 60px;
  }

  .designerpost-oneform {
    margin-top: 30px;
    margin-top: 0.625rem;
  }

  .designerpost-oneform h3 {
    font-size: 16px;
  }

  .designerpost-oneformitem textarea {
    height: 240px;
    padding: 20px;
    font-size: 16px;
  }

  .designerpost-oneformbtn input {
    width: 160px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }

  .cottonfm-onetext {
    padding-top: 85px;
    padding-right: 175px;
    padding-top: 1.77083rem;
    padding-right: 3.64583rem;
  }

  .cottonfm-oneview .swiper-slide {
    padding-bottom: 20px;
  }

  .cottonfm-oneview .cottonfm-onebat {
    bottom: 125px;
    bottom: 2.60417rem;
  }

  .cottonfm-one {
    padding: 100px 0 0;
    padding: 2.08333rem 0 0;
  }

  .cottonfm-oneconimg {
    max-width: none;
  }

  .cottonfm-oneconimgv {
    padding: 52px;
    padding: 1.08333rem;
  }

  .cottonfm-oneconbtn {
    margin-top: 20px;
    margin-top: 0.41667rem;
  }

  .cottonfm-oneconbtn a {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .cottonfm-oneconbtn .cottonfm-oneconplay:after,
  .cottonfm-oneconbtn .cottonfm-oneconplay:before {
    width: 4px;
    height: 16px;
  }

  .cottonfm-oneconbtn .cottonfm-oneconplay:before {
    border-left-width: 12px;
    border-top-width: 11px;
    border-bottom-width: 11px;
  }

  .cottonfm-oneconbtn .cottonfm-oneconplay.active:before {
    width: 4px;
    height: 16px;
  }

  .cottonfm-onetext {
    padding: 85px 170px 40px 0;
    padding: 1.77083rem 3.54167rem 0.83333rem 0;
  }

  .cottonfm-onetext h3 {
    font-weight: bold;
    font-size: 36px;
    max-height: 92px;
    line-height: 46px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.75rem;
    max-height: 1.91667rem;
    line-height: 0.95833rem;
  }

  .cottonfm-onetext .more-a3 {
    margin-top: 36px;
    margin-top: 0.75rem;
  }

  .cottonfm-onedes {
    margin-top: 30px;
    margin-top: 0.625rem;
  }

  .cottonfm-two {
    padding: 60px 0 140px;
    padding: 1.25rem 0 2.91667rem;
  }

  .cottonfm-twoicon img {
    height: 86px;
    height: 1.79167rem;
  }

  .cottonfm-twoul {
    margin-top: 25px;
    margin-top: 0.52083rem;
  }

  .cottonfm-twoul li {
    margin-bottom: 30px;
    margin-bottom: 0.625rem;
  }

  .cottonfm-twoul li:hover .cottonfm-twoimg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .cottonfmpost-onefl {
    padding: 100px 5% 100px 0;
    padding: 2.08333rem 5% 2.08333rem 0;
  }

  .cottonfmpost-onefr {
    padding: 114px 3.33333% 200px 5%;
    padding: 2.375rem 3.33333% 4.16667rem 5%;
  }

  .cottonfmpost-oneh1 {
    font-weight: bold;
    font-size: 36px;
    font-size: 0.75rem;
  }

  .cottonfmpost-onedes {
    margin-top: 48px;
    margin-top: 1rem;
  }

  .cottonfmpost-onedes h3 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0.41667rem;
  }

  .cottontime-one {
    padding: 95px 0 0;
    padding: 1.97917rem 0 0;
  }

  .cottontime-onetit {
    margin-top: 100px;
    margin-top: 2.08333rem;
  }

  .cottontime-onetit img {
    height: 230px;
    height: 4.79167rem;
  }

  .cottontime-two {
    padding: 35px 0 120px;
    padding: 0.72917rem 0 2.5rem;
  }

  .cottontime-twobat {
    margin-top: 100px;
    margin-top: 2.08333rem;
  }

  .cottontime-twobat span {
    height: 4px;
  }

  .terms-one {
    padding: 65px 0 90px;
    padding: 1.35417rem 0 1.875rem;
  }

  .terms-one .code-onebtm {
    margin-top: 6.66667%;
  }

  .terms-titdes {
    margin-top: 40px;
    font-size: 16px;
    margin-top: 0.83333rem;
  }

  .terms-oneul {
    margin-top: 40px;
    margin-top: 0.83333rem;
  }

  .terms-oneul li {
    padding: 13px 10px;
    padding: 0.27083rem 0.20833rem;
  }

  .terms-oneul li h3 {
    padding: 22px 0;
    font-size: 24px;
    padding: 0.45833rem 0;
  }

  .terms-onedes p {
    margin-bottom: 26px;
    font-size: 16px;
    margin-bottom: 0.54167rem;
  }

  .sitemap-oneitem {
    width: 23%;
    margin-right: 2.66667%;
  }

  .sitemap-oneitem:nth-child(2n) {
    margin-right: 2.66667%;
  }

  .sitemap-oneitem:nth-child(3n) {
    margin-right: 2.66667%;
  }

  .sitemap-oneitem:nth-child(4n) {
    margin-right: 0;
  }

  .sitemap-oneitem a {
    padding-left: 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-left: 0.3125rem;
  }

  .sitemap-oneitem a:hover {
    text-decoration: underline;
  }

  .sitemap-oneul {
    margin-top: 50px;
    margin-top: 1.04167rem;
  }

  .sitemap-oneul li {
    margin-bottom: 38px;
    margin-bottom: 0.79167rem;
  }

  .sitemap-oneul li h3 {
    margin-bottom: 20px;
    font-size: 24px;
    margin-bottom: 0.41667rem;
  }

  .sitemap-onetext {
    padding: 0 10px;
    padding: 0 0.20833rem;
  }

  .terms-oneh1 {
    font-size: 36px;
    margin-top: 30px;
    font-size: 0.75rem;
    margin-top: 0.625rem;
  }

  .terms-onesuzytext {
    margin-top: 40px;
    padding-top: 30px;
    font-size: 16px;
    margin-top: 0.83333rem;
    padding-top: 0.625rem;
  }

  .suzycon-title {
    font-size: 16px;
  }

  .suzycon-title h3 {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .suzycon-title.active h6 {
    font-size: 16px;
    margin-bottom: 6px;
    margin-bottom: 0.125rem;
  }

  .suzycon-title.active .suzycon-titledes {
    margin-top: 25px;
    margin-top: 0.52083rem;
  }

  .suzycon-title.active .suzycon-titledes2 {
    margin-bottom: 25px;
    margin-bottom: 0.52083rem;
  }

  .suzy-naturalone {
    padding-top: 95px;
    padding-top: 1.97917rem;
  }

  .suzynatural-bdbtn {
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 0.41667rem;
  }

  .suzyexplore-title {
    padding: 95px 0 75px;
    padding: 1.97917rem 0 1.5625rem;
  }

  .suzyexplore-twocon {
    padding: 135px 0 0px;
    padding: 2.8125rem 0 0px;
  }

  .suzyexplore-threecon {
    padding: 220px 0 185px;
    padding: 4.58333rem 0 3.85417rem;
  }

  .washing-twoitem {
    font-size: 36px;
    letter-spacing: 3px;
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
  }

  .washing-twoitem span {
    margin: 0 30px;
    margin: 0 0.625rem;
  }

  .washing-suzytwotext h3 {
    font-size: 60px;
    letter-spacing: 5px;
    font-size: 1.25rem;
    letter-spacing: 0.10417rem;
  }

  .washing-suzytwotext h4 {
    margin-top: 76px;
    font-size: 36px;
    margin-top: 1.58333rem;
    font-size: 0.75rem;
  }

  .suzywashing-three {
    padding: 100px 0 120px;
    padding: 2.08333rem 0 2.5rem;
  }

  .suzywashing-threemenu a {
    min-width: 120px;
    padding: 0 20px;
    margin-right: 60px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin-right: 1.25rem;
  }

  .suzywashing-threeul {
    margin-top: 40px;
    padding-bottom: 35px;
    margin-top: 0.83333rem;
    padding-bottom: 0.72917rem;
  }

  .suzywashing-threeul li {
    margin-bottom: 35px;
    overflow: hidden;
  }

  .suzywashing-threeul li:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }

  .suzywashing-threeul li img {
    -webkit-transition: -webkit-transform ease 0.5s;
    transition: -webkit-transform ease 0.5s;
    -o-transition: -o-transform ease 0.5s;
    transition: transform ease 0.5s;
    transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
  }

  .suzywashing-threetext {
    padding: 14px 10px 0;
    padding: 0.29167rem 0.20833rem 0;
  }

  .suzywashing-threetext h3 {
    font-size: 16px;
    display: -webkit-box;
    height: 56px;
    line-height: 28px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .suzypropost-one {
    padding: 100px 0 200px;
    padding: 2.08333rem 0 4.16667rem;
  }

  .suzypropost-onefrtitle h1 {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
    font-size: 0.54167rem;
  }

  .suzypropost-onefrtitle h2 {
    font-size: 36px;
    font-weight: bold;
    font-size: 0.75rem;
  }

  .suzypropost-onefrtext {
    margin-top: 36px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0.75rem;
  }

  .suzymember-secret {
    padding: 95px 0 0;
    padding: 1.97917rem 0 0;
  }

  .suzymember-secrettitle {
    margin-top: 100px;
    margin-top: 2.08333rem;
  }

  .suzymember-secrettitle h2 {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .suzymember-secrettitle h3 {
    margin-top: 16px;
    font-size: 30px;
    margin-top: 0.33333rem;
    font-size: 0.625rem;
  }

  .suzymember-secrettext {
    position: relative;
    margin-top: 65px;
    padding-bottom: 80px;
    margin-top: 1.35417rem;
    padding-bottom: 1.66667rem;
  }

  .suzymember-secrettextitem1 {
    position: relative;
    width: 440px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    width: 9.16667rem;
  }

  .suzymember-secrettextitem1 img {
    width: 140px;
    max-width: 140px;
    margin-bottom: 20px;
    width: 2.91667rem;
    margin-bottom: 0.41667rem;
  }

  .suzymember-secrettextitem1des {
    position: relative;
    padding: 8px 35px;
    font-size: 16px;
    padding: 0.16667rem 0.72917rem;
  }

  .suzymember-secrettextitem1des:before,
  .suzymember-secrettextitem1des:after {
    position: absolute;
    top: 50%;
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100%;
    background: #d2d2d2;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    content: "";
    height: 0.02083rem;
  }

  .suzymember-secrettextitem1des:before {
    left: 100%;
  }

  .suzymember-secrettextitem1des:after {
    right: 100%;
  }

  .suzymember-secrettextitem2 {
    position: relative;
    z-index: 5;
    float: left;
    width: 280px;
    margin-top: 155px;
    padding: 0px 35px 25px;
    margin-top: 3.22917rem;
    padding: 0px 0.72917rem 0.52083rem;
  }

  .suzymember-secrettextitem2 h3 {
    margin-top: 25px;
    font-size: 20px;
    margin-top: 0.52083rem;
  }

  .suzymember-secrettextitem2 h4 {
    line-height: 40px;
    font-size: 30px;
    min-height: 80px;
    line-height: 0.83333rem;
    font-size: 0.625rem;
    min-height: 1.66667rem;
  }

  .suzymember-secrettextitem2::before {
    display: none;
  }

  .suzymember-secrettextitem2:last-of-type {
    float: right;
  }

  .suzymember-last {
    padding: 50px 0 200px;
    background-position: center 160px;
    padding: 1.04167rem 0 4.16667rem;
    background-position: center 3.33333rem;
  }

  .suzymember-lastbtn a {
    font-size: 16px;
  }

  .suzymember-lastview {
    margin: 35px auto 0;
    margin: 0.72917rem auto 0;
  }

  .suzymember-lastview h2 {
    font-size: 30px;
    font-size: 0.625rem;
  }

  .suzymember-lasttable {
    margin-top: 35px;
    margin-top: 0.72917rem;
  }

  .suzymember-lastbtm {
    margin-top: 20px;
    margin-top: 0.41667rem;
  }

  .inabout-des,
  .innews-des,
  .origin-imgtext .info .msg,
  .full-origin-bot .winner-desc,
  .brand-idea-list .desc,
  .m-row-list .desc,
  .suzyglory-twoview .swiper-slide,
  .suzyglory-oneul li h6,
  .full-explore-list .mid .info,
  .full-explore-content .top-info .info .content,
  .vitality .desc,
  .cottontime-one,
  .natural-desc,
  .natural-bd .natural-desc,
  .natural-desc,
  .cotton-born .natural-desc,
  .cotton-superiority .desc,
  .m-row-list .desc,
  .discoverpro-twotext,
  .cottonfm-onedes,
  .full-activities-contents .info .msg,
  .member-about .desc,
  .news-banner .desc,
  .news-list,
  .designerpost-onetextfr {
    font-size: 16px;
  }

  .suzymsg-text {
    text-indent: 6em;
  }

  .suzymapinfo-name {
    font-size: 18px;
  }

  .suzymapinfo-phone {
    font-size: 14px;
  }

  .suzymapinfo-time,
  .suzymapinfo-addr {
    font-size: 14px;
    margin-top: 5px;
  }

  .suzypropost-onefrtitledes {
    margin-top: 20px;
    margin-top: 0.41667rem;
  }

  .suzymap-tips {
    position: absolute;
    top: 1%;
    right: 1%;
    z-index: 60;
    width: 200px;
    height: 98%;
    padding: 20px 10px 20px 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px #aaa;
    box-shadow: 0px 0px 10px 0px #aaa;
    -webkit-box-shadow: 0px 0px 0.20833rem 0px #aaa;
    box-shadow: 0px 0px 0.20833rem 0px #aaa;
  }

  .suzymap-tips ul {
    width: 100%;
    height: 100%;
    padding-right: 5px;
    overflow-y: auto;
  }

  .suzymap-tips ul::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #ccc;
    width: 0.125rem;
    height: 0.16667rem;
  }

  .suzymap-tips ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0.02083rem rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0.04167rem;
    border-radius: 0.04167rem;
  }

  .suzymap-tips ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #999;
    -webkit-border-radius: 0.04167rem;
    border-radius: 0.04167rem;
    -webkit-box-shadow: inset 0 0 0.04167rem rgba(0, 0, 0, 0.1);
  }

  .suzymap-tips ul li {
    padding: 5px 5px;
    margin-bottom: 5px;
    cursor: pointer;
    border-bottom: 1px solid #e9e9e9;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .suzymap-tips ul li h2 {
    line-height: 1.5;
    font-size: 16px;
    color: #282828;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .suzymap-tips ul li h6,
  .suzymap-tips ul li h5 {
    margin-top: 5px;
    line-height: 1.42857;
    font-size: 14px;
    color: #666;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-top: 0.10417rem;
    font-size: 0.29167rem;
  }

  .suzymap-tips ul li h6 {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .suzymap-tips ul li h5 {
    margin-top: 0px;
  }

  .suzymap-tips ul li:hover {
    background: #e9e9e9;
  }

  .suzymap-tips ul li:hover h2,
  .suzymap-tips ul li:hover h5,
  .suzymap-tips ul li:hover h6 {
    color: #0ba690;
  }
}

@media (min-width: 1260px) {
  .headersearchbox {
    width: auto;
  }

  .inbanner-txt {
    padding: 0 100px;
    padding: 0 2.08333rem;
  }

  .inpro-minview {
    padding: 0;
  }

  .inpro-minposi h3 {
    font-size: 20px;
  }

  .inpro-minback h3 {
    font-size: 30px;
  }

  .inabout-text h2 {
    font-size: 30px;
  }

  a.more-a2 span {
    font-size: 18px;
  }

  .innews-title h3 {
    font-size: 36px;
  }

  .incon-bat span {
    padding-left: 10px;
    padding-right: 10px;
  }

  .incon-bat span:first-child {
    padding-left: 0;
    padding-right: 20px;
  }

  .incon-bat span:last-child {
    padding-left: 20px;
    padding-right: 0px;
  }

  .inheader.active .inlogo-txt {
    color: #5ebcad;
  }

  .inheader.active .inlogo-txt:after {
    background: #5ebcad;
  }

  .inlogo {
    line-height: 100px;
  }

  .inlogo .inlogo-txt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-left: 0.41667rem;
    padding-left: 0.41667rem;
    margin-top: 0.29167rem;
  }

  .inlogo .inlogo-txt span {
    margin-right: 10px;
    margin-right: 0.20833rem;
  }

  .inlogo .inlogo-txt span:last-of-type {
    margin-right: 0;
  }

  .inlogo .inlogo-txt:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: "";
    width: 0.02083rem;
  }

  .innav-h3 a {
    height: 100px;
    line-height: 100px;
  }

  .header-btn {
    line-height: 100px;
  }

  .founder-onefr {
    font-size: 18px;
  }

  .founder-onefr h2 {
    font-size: 36px;
  }

  .incommonweb {
    padding: 0 100px;
  }

  .suzyglory-onetitle h2 {
    font-size: 36px;
  }

  .suzyglory-oneul li h3 {
    font-size: 54px;
  }

  a.player-btn {
    width: 80px;
    height: 80px;
    width: 1.66667rem;
    height: 1.66667rem;
  }

  .brandvideo-onetext h3 {
    font-size: 20px;
  }

  .imorepages .imorepages-btn {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }

  .imorepages .imorepages-btn span {
    width: 18px;
    height: 2px;
  }

  .imorepages .imorepages-btn span:after,
  .imorepages .imorepages-btn span:before {
    width: 8px;
    height: 2px;
  }

  .imorepages .imorepages-a1,
  .imorepages .imorepages-span1 {
    width: 48px;
    height: 48px;
    line-height: 46px;
  }

  .inabout-fr .incon-playerbtn {
    width: 80px;
    height: 80px;
  }

  .inabout-fr .incon-playerbtn:after {
    border-left-width: 8px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }

  .incon-playerbtn.active {
    width: 80px;
    height: 80px;
  }

  .incon-playerbtn.active:after {
    border-left-width: 8px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }

  .more-a3 {
    width: 180px;
    height: 54px;
    line-height: 50px;
  }

  .inabout-btm {
    margin-top: 120px;
    margin-top: 2.5rem;
  }

  .infooter-item:nth-child(2) {
    width: 32.83333%;
  }

  .infooter-item:nth-child(2) .infooter-menu {
    padding-left: 220px;
  }

  .infooter-menuweim {
    left: 130px;
  }

  .infooter-h3 a {
    font-size: 20px;
  }

  .infooter-menu {
    padding-left: 150px;
  }

  .infooter-menu a {
    font-size: 16px;
  }

  .parentscamp-one {
    padding: 118px 100px 120px;
    padding: 2.45833rem 100px 2.5rem;
  }

  .parentscamp-onetext h3 {
    font-size: 20px;
  }

  .designer-onetext h4 {
    font-size: 20px;
  }

  .designerpost-onebtna {
    width: 88px;
    height: 88px;
  }

  .suzywashing-threetext h3 {
    font-size: 18px;
  }
}

@media (min-width: 1480px) {
  .inlogo a img {
    height: auto;
  }

  .suzyglory-twoview .incon-next {
    right: -100px;
    right: -2.08333rem;
  }

  .suzyglory-twoview .incon-prev {
    left: -100px;
    left: -2.08333rem;
  }

  .suzywashing-threemenu.active a {
    min-width: 180px;
  }

  .innav-ul li {
    margin-right: 60px;
    margin-right: 1.25rem;
  }
}

@media (min-width: 1580px) {
  .innav-h3 a {
    font-size: 18px;
  }

  .parentscamp-one {
    padding: 118px 155px 120px;
    padding: 2.45833rem 3.22917rem 2.5rem;
  }
}

@media (min-width: 1680px) {
  .header-btn {
    margin-left: 145px;
    margin-left: 3.02083rem;
  }

  .suzymap-tips {
    top: 0%;
    right: 101%;
    height: 100%;
  }
}

@media (min-width: 1920px) {
  .inpro .commonweb {
    max-width: 1430px;
    max-width: 29.79167rem;
  }

  .commonweb {
    max-width: 1400px;
    padding-left: 100px;
    padding-right: 100px;
    max-width: 29.16667rem;
    padding-left: 2.08333rem;
    padding-right: 2.08333rem;
  }

  .incommonweb {
    max-width: 1600px;
    padding: 0 100px;
    max-width: 33.33333rem;
    padding: 0 2.08333rem;
  }

  .suzyglory-two {
    height: 560px;
    height: 11.66667rem;
  }

  .suzymember-lastview {
    max-width: 850px;
    max-width: 17.70833rem;
  }

  .suzymember-lasttable table {
    min-width: 700px;
    min-width: 14.58333rem;
  }

  .suzymember-secrettextitem2 {
    width: 280px;
    max-width: 280px;
    width: 5.83333rem;
    max-width: 5.83333rem;
  }

  .suzymember-secrettextitem2 img {
    width: 66px;
    margin-top: -33px;
    width: 1.375rem;
    margin-top: -0.6875rem;
  }

  .news-list a.image {
    height: 240px;
    height: 5rem;
  }
}

.subbanner {
  height: 450px;
  background-color: #000;
}

.m-title {
  text-align: center;
  font-weight: bold;
  color: #353339;
}

.brand-idea {
  padding: 30px 0;
}

.brand-idea-list {
  text-align: center;
  padding-top: 15px;
}

.brand-idea-list li {
  padding-bottom: 20px;
}

.brand-idea-list .title {
  font-weight: bold;
  color: #353339;
  letter-spacing: 1px;
}

.brand-idea-list .text {
  background-color: #fff;
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  z-index: 2;
  padding: 10px;
}

.brand-idea-list .desc {
  font-size: 12px;
  color: rgba(40, 40, 40, 0.8);
  line-height: 1.71429;
  overflow: hidden;
  padding-top: 5px;
}

.brand-idea-list .thumb {
  position: relative;
}

.brand-idea-list .thumb img {
  width: 100%;
}

.m-row-list {
  text-align: center;
}

.m-row-list img {
  width: 100%;
  display: block;
}

.m-row-list .thumb {
  padding: 30px 0;
}

.m-row-list .title {
  color: #282828;
  font-weight: bold;
}

.m-row-list .desc {
  color: rgba(53, 51, 57, 0.8);
  font-size: 12px;
  padding-top: 10px;
  line-height: 1.71429;
}

.m-row-list .icon {
  padding-top: 15px;
  max-width: 80%;
  margin: 0 auto;
}

.m-row-list .icon img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.innovation-content {
  text-align: center;
  padding: 30px 0;
}

.innovation-content .top {
  font-weight: bold;
}

.innovation-content .title {
  font-weight: bold;
  padding-top: 3px;
}

.innovation-content .desc {
  font-size: 12px;
  padding-top: 10px;
  line-height: 1.71429;
}

.life {
  padding: 30px 0;
  background: #f6f6f6;
}

.life-list {
  padding-top: 15px;
}

.life-list li {
  position: relative;
  margin-bottom: 10px;
}

.life-list li:last-child {
  padding-bottom: 0;
}

.life-list .text {
  line-height: 24px;
  padding: 10px 0;
  font-size: 0;
  color: #282828;
}

.life-list span {
  display: inline-block;
  vertical-align: top;
}

.life-list .title {
  font-weight: bold;
  font-size: 20px;
}

.life-list .desc {
  font-size: 12px;
  padding-left: 10px;
}

.life-list .time {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  right: 10px;
  bottom: 5px;
  background-size: 20px;
}

.vitality {
  padding-top: 30px;
  padding-bottom: 10px;
}

.vitality ul {
  margin-top: 30px;
}

.vitality li {
  padding-bottom: 20px;
}

.vitality .thumb {
  position: relative;
}

.vitality .text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(72, 61, 61, 0.6);
  color: #fff;
  padding: 20px;
}

.vitality .title {
  font-weight: bold;
}

.vitality .desc {
  font-size: 12px;
  padding-top: 10px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.71429;
}

.vitality img {
  width: 100%;
  display: block;
}

.suggest {
  padding: 50px 0;
  text-align: center;
}

.suggest .bd {
  padding-top: 30px;
}

.suggest .item {
  width: 50%;
  float: left;
  color: #999;
}

.suggest .desc {
  font-size: 14px;
  color: #282828;
  line-height: 1.71429;
}

.suggest .title {
  font-weight: bold;
  color: #282828;
  padding-top: 10px;
}

.suggest .tel {
  font-family: "rubik";
}

.suggest .label {
  padding: 10px 0;
}

.suggest .mail {
  font-size: 14px;
}

.suggest .mail a {
  width: 105px;
  height: 35px;
  line-height: 35px;
  color: #282828;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999));
  background-image: -webkit-linear-gradient(top, #ffffff, #999);
  background-image: -o-linear-gradient(top, #ffffff, #999);
  background-image: linear-gradient(to bottom, #ffffff, #999);
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .brand-idea {
    padding: 50px 0;
  }

  .brand-idea-list ul {
    margin: 0 -5px;
  }

  .brand-idea-list li {
    padding: 0 5px;
  }

  .m-row-list .item {
    position: relative;
  }

  .m-row-list .image {
    width: 50%;
    float: left;
  }

  .m-row-list .thumb {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-row-list .item:nth-child(2n) .image {
    float: right;
  }

  .m-row-list .item:nth-child(2n) .thumb {
    left: 0;
    right: auto;
  }

  .m-row-list .item:nth-child(2) .thumb {
    text-align: center;
  }

  .m-row-list.innovation-list .desc {
    padding-top: 15px;
  }

  .m-row-list.innovation-list .item:nth-child(2) .thumb {
    text-align: center;
  }

  .suzym-row-list .item:nth-child(2) .thumb {
    text-align: center;
  }

  .life-list li {
    margin-bottom: 0;
  }

  .life-list .text {
    width: 57.14286%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    padding: 20px 0 20px 5.57143%;
  }

  .life-list .desc {
    padding-left: 15px;
  }

  .life-list li:nth-child(2n) .text {
    left: auto;
    right: 0;
  }

  .vitality ul {
    font-size: 0;
    margin: 0 -10px;
  }

  .vitality li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 20px;
  }
}

@media (min-width: 1024px) {
  .brand-idea {
    padding-top: 95px;
    padding-bottom: 155px;
    padding-top: 1.97917rem;
    padding-bottom: 3.22917rem;
  }

  .brand-idea .commonweb {
    max-width: 1520px;
    padding: 0;
    max-width: 31.66667rem;
  }

  .m-title {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .brand-idea-list {
    padding-top: 75px;
    padding-top: 1.5625rem;
  }

  .brand-idea-list .text {
    right: 30px;
    left: 30px;
    padding: 23px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    right: 0.625rem;
    left: 0.625rem;
    padding: 0.47917rem 0;
  }

  .brand-idea-list .title {
    font-size: 24px;
    letter-spacing: 3px;
    font-size: 0.5rem;
    letter-spacing: 0.0625rem;
  }

  .brand-idea-list .desc {
    font-size: 12px;
    display: none;
  }

  .m-row-list .desc {
    font-size: 16px;
    padding-top: 27px;
    padding-top: 0.5625rem;
  }

  .m-row-list .icon {
    padding-top: 34px;
    padding-top: 0.70833rem;
  }

  .m-row-list .text .desc {
    padding-top: 20px;
    padding-top: 0.41667rem;
  }

  .innovation-content {
    padding-top: 90px;
    padding-bottom: 65px;
    padding-top: 1.875rem;
    padding-bottom: 1.35417rem;
  }

  .innovation-content .desc {
    font-size: 14px;
    padding-top: 30px;
    padding-top: 0.625rem;
  }

  .life {
    padding-top: 90px;
    padding-bottom: 100px;
    padding-top: 1.875rem;
    padding-bottom: 2.08333rem;
  }

  .life-list {
    padding-top: 70px;
    padding-top: 1.45833rem;
  }

  .life-list .text {
    line-height: 36px;
    padding-top: 83px;
    padding-bottom: 83px;
    line-height: 0.75rem;
    padding-top: 1.72917rem;
    padding-bottom: 1.72917rem;
  }

  .life-list .title {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .life-list .desc {
    font-size: 18px;
    padding-left: 27px;
    font-size: 0.375rem;
    padding-left: 0.5625rem;
  }

  .life-list .time {
    line-height: 1;
    bottom: 40px;
    right: 100px;
    font-size: 48px;
    bottom: 0.83333rem;
    right: 2.08333rem;
    font-size: 1rem;
  }

  .vitality {
    padding-top: 75px;
    padding-bottom: 100px;
    padding-top: 1.5625rem;
    padding-bottom: 2.08333rem;
  }

  .vitality ul {
    margin: 75px -20px 0;
    margin: 1.5625rem -0.41667rem 0;
  }

  .vitality li {
    width: 33.33333%;
    padding: 0 20px 20px;
    padding: 0 0.41667rem 0.41667rem;
  }

  .vitality .text {
    padding-top: 39px;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 0.8125rem;
    padding-left: 0.83333rem;
    padding-right: 0.41667rem;
  }

  .vitality .title {
    font-size: 26px;
    font-size: 0.54167rem;
  }

  .suggest {
    padding-top: 95px;
    padding-bottom: 135px;
    padding-top: 1.97917rem;
    padding-bottom: 2.8125rem;
  }

  .suggest .desc {
    font-size: 16px;
  }

  .suggest .title {
    padding-top: 23px;
    padding-top: 0.47917rem;
  }

  .suggest .label {
    font-size: 20px;
    padding-top: 34px;
    padding-bottom: 6px;
    padding-top: 0.70833rem;
    padding-bottom: 0.125rem;
  }

  .suggest .tel {
    font-size: 42px;
    font-size: 0.875rem;
  }

  .suggest .bd {
    padding: 125px 90px 0;
    padding: 2.60417rem 1.875rem 0;
  }

  .suggest .mail a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    width: 2.5rem;
    height: 0.83333rem;
    line-height: 0.83333rem;
    margin-top: 0.16667rem;
  }
}

@media (min-width: 1260px) {
  .brand-idea-list .text {
    bottom: -25px;
    padding-bottom: 25px;
    padding-top: 0;
    bottom: -0.52083rem;
    padding-bottom: 0.52083rem;
  }

  .brand-idea-list .title {
    padding: 12px 0;
    padding: 0.25rem 0;
  }

  .brand-idea-list .desc {
    font-size: 14px;
    padding-top: 1px;
    padding-bottom: 0;
    padding-top: 0.02083rem;
  }

  .brand-idea-list .thumb.on .text {
    bottom: -55px;
    bottom: -1.14583rem;
  }

  .vitality .desc {
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 0.41667rem;
    padding-top: 0.52083rem;
  }
}

.birthcare {
  padding: 30px 0;
  background-color: #f2eee4;
  background-size: 100% auto;
}

.birthcare-mail {
  text-align: left;
  padding-top: 0px;
  padding-bottom: 30px;
}

.birthcare-mail .title {
  line-height: 1.20833;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.birthcare-mail .desc {
  font-size: 14px;
  color: #fff;
}

.birthcare-suzymenu {
  margin-top: 20px;
}

.birthcare-form {
  width: 70%;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  max-width: 380px;
  position: relative;
  padding-right: 30px;
  margin-top: 20px;
}

.birthcare-form input[type=text] {
  width: 100%;
  height: 30px;
  display: block;
  background: none;
  color: #fff;
  padding: 0 10px;
  text-align: left;
}

.birthcare-form input[type=text]::-webkit-input-placeholder {
  color: #fff;
}

.birthcare-form input[type=text]::-ms-input-placeholder {
  color: #fff;
}

.birthcare-form input[type=text]::-moz-placeholder {
  color: #fff;
}

.birthcare-form input[type=submit] {
  width: 30px;
  height: 30px;
  background:  center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.birthcare-list ul {
  margin: 0 -10px;
  padding-bottom: 20px;
}

.birthcare-list li {
  padding-bottom: 20px;
}

.birthcare-list .thumb {
  display: block;
  background-color: #fff;
  padding: 10px;
}

.birthcare-list .image {
  display: block;
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.birthcare-list .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.birthcare-list .image img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.birthcare-list .title {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  display: -webkit-box;
  height: 40px;
  line-height: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #282828;
}

.pagemore-btn {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background:  top center no-repeat;
  background-size: 100% 100%;
}

.news-detail {
  padding: 30px 0;
}

.news-detail-main {
  padding-bottom: 15px;
  border-bottom: 2px solid #f5f4f2;
}

.news-detail-main .date {
  color: #999;
  font-weight: bold;
  line-height: 1;
}

.news-detail-main .title {
  color: #465351;
  padding: 10px 0;
}

.news-detail-main .data {
  color: #75716d;
  line-height: 16px;
}

.news-detail-main .announcer {
  border-right: 1px solid #edebe7;
  padding-right: 30px;
}

.news-detail-main .looknum {
  padding-left: 32px;
  background:  left center no-repeat;
  margin-left: 27px;
}

.news-detail-main .sharenum {
  padding-left: 26px;
  background:  left center no-repeat;
  margin-left: 27px;
}

.news-detail-content {
  padding: 20px 0;
  font-size: 14px;
  line-height: 1.71429;
  color: #75706c;
}

.detail-related {
  padding: 15px 0;
  border-top: 1px solid #f5f4f2;
  border-bottom: 1px solid #f5f4f2;
}

.detail-related .label {
  float: left;
  margin-right: 15px;
  color: #75716d;
  font-weight: bold;
}

.detail-related a {
  display: block;
  overflow: hidden;
  color: #75716d;
}

.detail-backlist {
  color: #fff;
  background-color: #0ba690;
  width: 120px;
  line-height: 40px;
  text-align: center;
  display: block;
  margin: 20px auto 0;
  font-weight: bold;
}

.suzynews-one {
  padding-top: 30px;
}

.news-banner li img {
  width: 100%;
}

.news-banner .thumb {
  padding: 10px 15px;
}

.news-banner .title {
  font-size: 16px;
  display: block;
  color: #465351;
  display: -webkit-box;
  height: 60px;
  line-height: 30px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-banner .date {
  color: #0ba690;
  padding: 5px 0;
  font-size: 16px;
}

.news-banner .desc {
  font-size: 14px;
}

.news-banner .desc a {
  color: #423e37;
  display: -webkit-box;
  height: 72px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.news-banner .more {
  width: 160px;
  line-height: 40px;
  border: 2px solid #f4f3ef;
  display: block;
  color: #282828;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  margin-top: 15px;
}

.news-banner .more:after {
  content: "";
  display: block;
  width: 13px;
  height: 6px;
  background:  center no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -3px;
}

.news-banner-thumb {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 10;
  padding: 0 38px;
}

.news-banner-thumb .btn {
  width: 18px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.news-banner-thumb .prev {
  left: 0;
  background:  center no-repeat;
}

.news-banner-thumb .next {
  right: 0;
  background:  center no-repeat;
}

.news-banner-page {
  width: 46px;
  font-family: "rubik";
  font-size: 18px;
  line-height: 1;
  position: relative;
}

.news-banner-page .current {
  color: #4b5054;
  display: block;
  text-align: left;
}

.news-banner-page .total {
  text-align: right;
  color: #0ba690;
  display: block;
}

.news-banner-page:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background-color: #d9d9d9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 19px;
  top: 5px;
}

.news-list {
  padding-top: 15px;
  padding-bottom: 30px;
  font-size: 14px;
}

.news-list ul {
  padding-bottom: 30px;
}

.news-list li {
  padding-top: 20px;
  border-bottom: 1px solid #dcdcdc;
}

.news-list img {
  display: block;
  width: 100%;
}

.news-list .thumb {
  padding: 15px 0 20px;
}

.news-list .title {
  color: #465351;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.news-list .date {
  color: #999;
  padding-bottom: 10px;
  padding-top: 5px;
}

.news-list .desc a {
  color: #708481;
  display: -webkit-box;
  height: 72px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.news-list .more {
  width: 160px;
  line-height: 40px;
  border: 2px solid #f4f3ef;
  display: block;
  color: #282828;
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}

.news-list .more:after {
  content: "";
  display: block;
  width: 13px;
  height: 6px;
  background:  center no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -3px;
}

.news-main {
  padding-top: 30px;
}

.news-select {
  position: relative;
  z-index: 10;
}

.news-select .title {
  background-color: #f5f4f2;
  color: #565050;
  font-size: 16px;
  display: block;
  padding: 0 20px;
  line-height: 36px;
  position: relative;
  text-align: left;
  cursor: pointer;
}

.news-select .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 8px solid #282828;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
}

.news-select-drop {
  width: 100%;
  padding: 5px 0;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1);
  background-color: #f5f4f2;
  display: none;
}

.news-select-drop span {
  display: block;
  font-size: 16px;
  line-height: 32px;
  color: #666;
  padding: 0 20px;
  cursor: pointer;
}

.news-search {
  padding-right: 120px;
  position: relative;
  margin-top: 10px;
}

.news-search input {
  height: 36px;
  display: block;
}

.news-search input[type=text] {
  width: 100%;
  font-size: 16px;
  padding: 0 20px;
  color: #565050;
  background-color: #f5f4f2;
}

.news-search input[type=text]::-webkit-input-placeholder {
  color: #565050;
}

.news-search input[type=text]::-moz-placeholder {
  color: #565050;
}

.news-search input[type=text]::-ms-input-placeholder {
  color: #565050;
}

.news-search input[type=submit] {
  width: 120px;
  position: absolute;
  right: 0;
  top: 0;
  background: #0ba690  30px center no-repeat;
  color: #fff;
  padding-left: 58px;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
}

@media (min-width: 768px) {
  .birthcare-mail {
    padding: 50px 0;
  }

  .birthcare-mail .title {
    font-size: 30px;
  }

  .birthcare-mail .desc {
    padding-top: 10px;
  }

  .news-list li {
    overflow: hidden;
    padding: 30px 0;
  }

  .news-list .image {
    width: 28.57143%;
    height: 240px;
    display: block;
    overflow: hidden;
    float: left;
  }

  .news-list img {
    width: auto;
    max-width: none;
    height: 100%;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  }

  .news-list .thumb {
    width: 68.57143%;
    float: right;
  }

  .news-main {
    text-align: right;
    font-size: 0;
  }

  .news-select {
    width: 220px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }

  .news-select .title {
    line-height: 46px;
  }

  .news-search {
    width: 380px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
  }

  .news-search input {
    height: 46px;
  }
}

@media (min-width: 1024px) {
  .birthcare-list {
    padding-bottom: 70px;
    padding-bottom: 1.45833rem;
  }

  .birthcare-list ul {
    padding-bottom: 50px;
    padding-bottom: 1.04167rem;
  }

  .birthcare-list .title {
    font-size: 14px;
    margin-top: 12px;
    margin-top: 0.25rem;
  }

  .birthcare-list .thumb {
    padding: 29px 30px 25px;
    position: relative;
    padding: 0.60417rem 0.625rem 0.52083rem;
  }

  .birthcare-list .thumb:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 4px solid #0ba690;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    border: 0.08333rem solid #0ba690;
  }

  .birthcare-list .thumb:hover:after {
    opacity: 1;
    -webkit-box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0.10417rem 0.41667rem 0.04167rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.10417rem 0.41667rem 0.04167rem rgba(0, 0, 0, 0.2);
  }

  .pagemore-btn {
    width: 44px;
    height: 44px;
  }

  .birthcare {
    padding-top: 145px;
    padding-top: 3.02083rem;
  }

  .birthcare-mail {
    padding-bottom: 40px;
    padding-bottom: 0.83333rem;
  }

  .birthcare-mail .title {
    font-size: 48px;
    letter-spacing: 20px;
    font-size: 1rem;
    letter-spacing: 0.41667rem;
    padding-left: 20.41667%;
  }

  .birthcare-mail .desc {
    padding-top: 27px;
    font-size: 16px;
    font-weight: lighter;
    padding-left: 20.41667%;
    padding-top: 0.5625rem;
  }

  .birthcare-suzymenu {
    margin-top: 110px;
    margin-top: 2.29167rem;
  }

  .birthcare-form {
    margin-top: 110px;
    margin-top: 2.29167rem;
  }

  .birthcare-form input[type=text] {
    font-size: 16px;
    height: 36px;
    padding: 0 20px;
    padding: 0 0.41667rem;
  }

  .birthcare-form input[type=submit] {
    height: 100%;
  }

  .news-detail {
    padding-top: 95px;
    padding-bottom: 120px;
    padding-top: 1.97917rem;
    padding-bottom: 2.5rem;
  }

  .news-detail-main {
    padding-bottom: 25px;
    padding-bottom: 0.52083rem;
  }

  .news-detail-main .data {
    padding-top: 10px;
    padding-top: 0.20833rem;
  }

  .news-detail-content {
    padding: 35px 0 90px;
    padding: 0.72917rem 0 1.875rem;
  }

  .detail-thumb {
    position: relative;
    padding-right: 260px;
  }

  .detail-related {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .detail-related .label {
    margin-right: 30px;
  }

  .detail-backlist {
    width: 160px;
    line-height: 46px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    margin-top: 0;
  }

  .suzynews-one {
    padding-top: 100px;
    padding-top: 2.08333rem;
  }

  .news-banner .thumb {
    width: 480px;
    height: 600px;
    background-color: #fff;
    position: absolute;
    right: 60px;
    top: 50%;
    z-index: 10;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    -webkit-box-shadow: 0px 0px 20px 0px #ddd;
    box-shadow: 0px 0px 20px 0px #ddd;
    width: 10rem;
    height: 12.5rem;
    right: 1.25rem;
    -webkit-box-shadow: 0px 0px 0.41667rem 0px #ddd;
    box-shadow: 0px 0px 0.41667rem 0px #ddd;
  }

  .news-banner .desc a {
    height: 120px;
    -webkit-line-clamp: 5;
  }

  .news-banner .news-banner-page .current {
    display: inline;
    margin-right: 15px;
    margin-right: 0.3125rem;
  }

  .news-banner .news-banner-page:after {
    display: none;
  }

  .news-banner .news-banner-page .total {
    display: inline;
  }

  .news-banner-thumb {
    right: 280px;
    bottom: 150px;
    right: 5.83333rem;
    bottom: 3.125rem;
  }

  .news-list {
    padding-top: 0;
    padding-bottom: 120px;
    padding-bottom: 2.5rem;
  }

  .news-list ul {
    padding-bottom: 80px;
    padding-bottom: 1.66667rem;
  }

  .news-list li {
    padding: 40px 0;
  }

  .news-list .thumb {
    padding-bottom: 0;
  }

  .news-list .title {
    font-size: 20px;
  }

  .news-list .date {
    font-size: 20px;
    padding-top: 2px;
    line-height: 1;
    padding-bottom: 24px;
  }

  .news-list .more {
    width: 220px;
    line-height: 50px;
    padding-left: 28px;
    margin-top: 23px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

  .news-list .more:after {
    right: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
}

@media (min-width: 1260px) {
  .birthcare-list .title {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
  }

  .news-banner .thumb {
    padding: 53px 60px;
    padding: 1.10417rem 1.25rem;
  }

  .news-banner .title {
    font-size: 20px;
  }

  .news-banner .date {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 17px;
    font-size: 0.41667rem;
    padding-top: 0.33333rem;
    padding-bottom: 0.35417rem;
  }

  .news-banner .more {
    width: 220px;
    line-height: 50px;
    padding-left: 28px;
    margin-top: 23px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
  }

  .news-banner .more:after {
    right: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

  .news-banner .more:before {
    content: "";
    display: block;
    width: 200%;
    height: 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    background-color: #0ba690;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .news-banner .more:hover {
    border-color: #0ba690;
  }

  .news-banner .more:hover:before {
    height: 500%;
  }

  .news-banner .more:hover:after {
    width: 23px;
    background-image: ;
    right: 50%;
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    -o-transform: translatex(50%);
    transform: translatex(50%);
    width: 0.47917rem;
  }

  .news-banner-thumb {
    background: none;
  }

  .news-main {
    padding-top: 60px;
    padding-top: 1.25rem;
  }

  .news-list img {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }

  /* .news-list li:hover img { -webkit-transform: translatex(-50%) scale(1.1, 1.1); -ms-transform: translatex(-50%) scale(1.1, 1.1); -o-transform: translatex(-50%) scale(1.1, 1.1); transform: translatex(-50%) scale(1.1, 1.1); } */
  .news-list li:hover .title {
    color: #0ba690;
  }

  .news-list .more {
    overflow: hidden;
  }

  .news-list .more:before {
    content: "";
    display: block;
    width: 200%;
    height: 0;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    background-color: #0ba690;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .news-list .more:hover {
    border-color: #0ba690;
  }

  .news-list .more:hover:before {
    height: 500%;
  }

  .news-list .more:hover:after {
    width: 23px;
    background-image: ;
    right: 50%;
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    -o-transform: translatex(50%);
    transform: translatex(50%);
  }
}

@media (min-width: 1600px) {
  .news-banner-thumb {
    right: 340px;
    bottom: 150px;
    right: 7.08333rem;
    bottom: 3.125rem;
  }
}

.natural-wrap {
  padding: 30px 0;
}

.natural-title {
  font-weight: bold;
  color: #282828;
}

.natural-desc {
  padding-top: 10px;
  color: #282828;
  font-size: 14px;
  line-height: 1.71429;
}

.geographic-album img {
  width: 100%;
  display: block;
}

.half-xs {
  width: 50%;
  float: left;
}

.geographic-content {
  padding-bottom: 75px;
}

.geographic-content .subtitle {
  font-size: 16px;
  font-weight: bold;
}

.geographic-content .image {
  padding: 20px 0 28px;
}

.geographic-article {
  position: relative;
}

.geographic-article-bottom {
  padding: 20px 0;
  background-color: #ede8e1;
  font-size: 14px;
  line-height: 1.71429;
  color: #78664d;
  font-weight: bold;
}

.natural-bd {
  padding-top: 30px;
}

.natural-bd .natural-desc {
  padding-bottom: 20px;
}

.natural-bd span {
  display: inline-block;
  vertical-align: middle;
}

.natural-bd img {
  width: 100%;
  display: block;
}

.natural-bd img:nth-child(2) {
  position: relative;
  z-index: 5;
}

.natural-bd-album .bd {
  -webkit-transition: max-height .3s, padding .3s;
  -o-transition: max-height .3s, padding .3s;
  transition: max-height .3s, padding .3s;
  padding-bottom: 20px;
}

.natural-bd-album .bd.active {
  max-height: 0;
  padding: 0;
  overflow: hidden;
}

.natural-bd-album .suzycon-title {
  margin-bottom: 20px;
}

.natural-bd-album img {
  width: 100%;
  display: block;
}

.natural-bd-album h3 {
  text-align: center;
  margin: 5px 0 0;
  line-height: 1.75;
  font-size: 14px;
  color: #282828;
}

.natural-article .label {
  font-size: 12px;
  padding-bottom: 10px;
}

.natural-article .natural-title {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.natural-article .image {
  padding: 15px 0;
}

@media (min-width: 768px) {
  .half-sm {
    width: 50%;
    float: left;
  }

  .geographic-article .thumb {
    width: 50%;
    float: left;
    padding-right: 50px;
  }

  .geographic-article .image {
    width: 50%;
    float: left;
    padding: 0;
  }

  .geographic-article .image img {
    width: 100%;
  }

  .geographic-article-bottom {
    margin-top: 30px;
  }

  .natural-bd span {
    width: 33.33333%;
    float: left;
  }
}

@media (min-width: 1024px) {
  .geographic {
    padding: 98px 0 94px;
    padding: 2.04167rem 0 1.95833rem;
  }

  .geographic .natural-title {
    float: left;
    line-height: 1;
  }

  .geographic .natural-desc {
    padding-top: 0;
    padding-left: 100px;
    overflow: hidden;
    padding-left: 2.08333rem;
  }

  .half-md {
    width: 50%;
  }

  .geographic-content {
    padding-top: 75px;
    padding-top: 1.5625rem;
  }

  .geographic-content .natural-title {
    letter-spacing: 15px;
    letter-spacing: 0.3125rem;
  }

  .geographic-content .subtitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 10px;
    font-size: 0.41667rem;
    padding-top: 0.0625rem;
    padding-bottom: 0.20833rem;
  }

  .geographic-article-bottom {
    padding-top: 95px;
    padding-bottom: 136px;
    margin-top: 74px;
    text-align: justify;
    padding-top: 1.97917rem;
    padding-bottom: 2.83333rem;
    margin-top: 1.54167rem;
  }

  .geographic-article-bottom .half-md {
    position: relative;
    padding-right: 108px;
    padding-left: 40px;
    padding-right: 2.25rem;
    padding-left: 0.83333rem;
  }

  .geographic-article-bottom .half-md:before {
    content: "";
    width: 1px;
    height: 240px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -7px;
    background-color: #78664d;
    width: 0.02083rem;
    height: 5rem;
    bottom: -0.14583rem;
  }

  .natural-bd {
    padding-top: 70px;
    text-align: center;
    padding-top: 1.45833rem;
  }

  .natural-bd .natural-desc {
    padding: 25px 0;
    padding: 0.52083rem 0;
  }

  .natural-bd-album {
    padding-bottom: 60px;
    padding-bottom: 1.25rem;
  }

  .natural-bd-album .suzycon-title {
    margin-bottom: 30px;
    margin-bottom: 0.625rem;
  }

  .natural-bd-album li:hover img {
    border-color: #0ba690;
  }

  .natural-bd-album img {
    width: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  .natural-bd-album h3 {
    margin: 15px 0 0;
    font-size: 16px;
    margin: 0.3125rem 0 0;
  }

  .natural-bd-album .bd {
    padding-bottom: 50px;
  }

  .natural-article {
    padding-top: 100px;
    padding-bottom: 77px;
    padding-top: 2.08333rem;
    padding-bottom: 1.60417rem;
  }

  .natural-article .natural-box {
    position: relative;
  }

  .natural-article .label {
    line-height: 1;
  }

  .natural-article .image {
    width: 67.08333%;
    float: right;
    padding: 0;
  }

  .natural-article .thumb {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    padding-right: 80px;
    padding-right: 1.66667rem;
  }

  .natural-article .natural-title {
    line-height: 1.5;
    letter-spacing: 15px;
    margin-top: 38px;
    letter-spacing: 0.3125rem;
    margin-top: 0.79167rem;
  }

  .natural-article .natural-desc {
    text-align: justify;
    padding-right: 30px;
    padding-top: 23px;
    padding-right: 0.625rem;
    padding-top: 0.47917rem;
  }

  .natural-article.full {
    padding: 0;
    position: relative;
  }

  .natural-article.full .natural-box {
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .natural-article.full .label {
    position: absolute;
    left: 80px;
    top: 80px;
    left: 1.66667rem;
    top: 1.66667rem;
  }

  .natural-article.full .image {
    width: 100%;
    float: none;
  }

  .natural-article.full .image img {
    width: 100%;
  }

  .natural-article.full .thumb {
    right: 0;
    left: auto;
    top: 279px;
    padding-right: 360px;
    top: 5.8125rem;
    padding-right: 7.5rem;
  }

  .natural-article.full .natural-title {
    margin-top: 0;
  }

  .natural-article.full .natural-title,
  .natural-article.full .natural-desc {
    color: #fff;
  }

  .natural-article.full .natural-title.active {
    color: #282828;
  }

  .natural-article.left {
    padding-top: 80px;
    padding-bottom: 120px;
    padding-top: 1.66667rem;
    padding-bottom: 2.5rem;
  }

  .natural-article.left .image {
    width: 50%;
    float: left;
  }

  .natural-article.left .natural-title {
    letter-spacing: 10px;
    letter-spacing: 0.20833rem;
  }

  .natural-article.left .natural-title:after {
    position: static;
  }

  .natural-article.left .thumb {
    width: 50%;
    float: right;
    position: static;
    padding-left: 125px;
    padding-right: 0;
    padding-top: 105px;
    padding-left: 2.60417rem;
    padding-top: 2.1875rem;
  }

  .natural-article.left .natural-desc {
    padding-right: 0;
  }

  .natural-article.suzyright {
    padding-top: 80px;
    padding-bottom: 120px;
    padding-top: 1.66667rem;
    padding-bottom: 2.5rem;
  }

  .natural-article.suzyright .image {
    width: 50%;
    float: right;
  }

  .natural-article.suzyright .natural-title {
    letter-spacing: 10px;
    letter-spacing: 0.20833rem;
  }

  .natural-article.suzyright .natural-title:after {
    position: static;
  }

  .natural-article.suzyright .thumb {
    width: 50%;
    float: left;
    position: static;
    padding-right: 125px;
    padding-left: 0;
    padding-top: 105px;
    padding-right: 2.60417rem;
    padding-top: 2.1875rem;
  }

  .natural-article.suzyright .natural-desc {
    padding-right: 0;
  }
}

.cotton-born .thumb {
  padding: 25px 15px 15px;
}

.cotton-born .natural-desc p {
  padding-bottom: 10px;
}

.cotton-born .image img {
  width: 100%;
}

.cotton-meaning {
  position: relative;
}

.cotton-meaning img {
  width: 100%;
  display: block;
}

.cotton-meaning .natural-title {
  width: 100%;
  text-align: center;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  position: absolute;
  top: 48%;
  left: 0;
  z-index: 1;
  color: #fff;
}

.cotton-meaning .natural-title.active {
  color: #282828;
}

.image img {
  width: 100%;
}

.cotton-superiority .image img {
  width: 100%;
}

.cotton-superiority .thumb {
  padding: 25px 15px;
}

.cotton-superiority .title {
  font-weight: bold;
  padding-bottom: 2px;
}

.cotton-superiority .desc {
  font-size: 12px;
  line-height: 1.71429;
  font-size: 14px;
  padding-bottom: 15px;
}

.cotton-meaning.white .natural-title {
  color: #fff;
}

.member-about {
  padding: 25px 0;
}

.member-about .desc {
  font-size: 14px;
  line-height: 1.71429;
  color: #282828;
}

.member-join {
  overflow: hidden;
  position: relative;
  padding-bottom: 30px;
  text-align: center;
}

.member-join .bg {
  height: 120px;
  max-width: none;
  position: absolute;
  left: 50%;
  bottom: 50px;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  z-index: 1;
}

.member-qrcode {
  padding: 20px 3px;
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  z-index: 2;
}

.member-qrcode .box {
  background-color: #00ac96;
  font-size: 14px;
  color: #fff;
  padding: 10px;
  line-height: 1.42857;
}

.member-qrcode img {
  margin-bottom: 10px;
}

.member-qrcode:after {
  content: "";
  width: 15px;
  height: 1px;
  background-color: #1f1f1f;
  display: block;
  margin: 20px auto 0;
}

.membericon-list {
  text-align: center;
  padding-top: 15px;
}

.membericon-list ul {
  display: inline-block;
  vertical-align: top;
}

.membericon-list li {
  position: relative;
  width: 120px;
  height: 120px;
  float: left;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.membericon-list .circle {
  width: 100%;
  height: 45.625%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.membericon-list .circle:after {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#656262), to(#434343));
  background: -webkit-linear-gradient(left, #656262, #434343);
  background: -o-linear-gradient(left, #656262, #434343);
  background: linear-gradient(to right, #656262, #434343);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.membericon-list .circle:last-child {
  top: auto;
  bottom: 0;
}

.membericon-list .circle:last-child:after {
  background: -webkit-gradient(linear, left top, right top, from(#00ac96), to(#84d4c1));
  background: -webkit-linear-gradient(left, #00ac96, #84d4c1);
  background: -o-linear-gradient(left, #00ac96, #84d4c1);
  background: linear-gradient(to right, #00ac96, #84d4c1);
}

.membericon-list .thumb {
  width: 77.5%;
  height: 77.5%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: content;
  -webkit-justify-content: content;
  -moz-box-pack: content;
  -ms-flex-pack: content;
  justify-content: content;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.membericon-list .icon {
  width: 100%;
  display: block;
}

.membericon-list .center {
  width: 100%;
  text-align: center;
  color: #282828;
}

.membericon-list .title {
  font-size: 12px;
}

.membericon-list img {
  height: 36px;
  margin: 0 auto;
  display: block;
}

.membericon-list li:nth-child(2n) {
  margin: 0 -15px;
}

.membericon-list li:nth-child(2n) .circle:after {
  background: -webkit-gradient(linear, left top, right top, from(#84d4c1), to(#00ac96));
  background: -webkit-linear-gradient(left, #84d4c1, #00ac96);
  background: -o-linear-gradient(left, #84d4c1, #00ac96);
  background: linear-gradient(to right, #84d4c1, #00ac96);
}

.membericon-list li:nth-child(2n) .circle:last-child:after {
  background: -webkit-gradient(linear, left top, right top, from(#656262), to(#434343));
  background: -webkit-linear-gradient(left, #656262, #434343);
  background: -o-linear-gradient(left, #656262, #434343);
  background: linear-gradient(to right, #656262, #434343);
}

.member-interest {
  text-align: center;
  padding-top: 10px;
}

.member-interest .bd {
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 0;
}

.member-interest .bd:last-child {
  border-bottom: none;
}

.member-interest .subtitle {
  color: #282828;
}

.member-interest .item {
  padding-top: 20px;
}

.member-interest li {
  width: 33.3333%;
  float: left;
}

.member-interest .image {
  display: block;
}

.member-interest img {
  width: 60px;
}

.member-interest .level {
  font-weight: bold;
  padding: 5px 0 2px;
}

.member-interest .desc {
  font-size: 12px;
}

.member-interest .info {
  font-weight: bold;
  font-size: 12px;
  padding-top: 30px;
}

.member-integral {
  text-align: center;
  padding: 30px 0;
  color: #282828;
  background-size: cover;
  background-position: center;
}

.member-integral .list {
  padding-top: 20px;
}

.member-integral .title {
  font-weight: bold;
}

.member-integral .title:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #00ac96;
  margin: 7px auto;
}

.member-integral .item {
  width: 50%;
  float: left;
}

.member-integral .desc {
  font-size: 14px;
}

.member-integral .condition {
  font-size: 12px;
}

.member-integral-tips {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .cotton-born {
    width: 100%;
    display: table;
  }

  .cotton-born .image {
    width: 55%;
    display: table-cell;
    vertical-align: top;
  }

  .cotton-born .thumb {
    width: 45%;
    display: table-cell;
    vertical-align: top;
    padding-top: 3%;
    padding-bottom: 0;
    padding-left: 5%;
  }

  .cotton-superiority .thumb {
    width: 50%;
    float: right;
  }

  .cotton-superiority .image {
    width: 50%;
    float: left;
  }

  .membericon-list {
    padding-top: 25px;
    text-align: center;
  }

  .membericon-list li {
    width: 160px;
    height: 160px;
  }

  .membericon-list li:nth-child(2n) {
    margin: 0 -19px;
  }

  .membericon-list .title {
    font-size: 14px;
    padding-top: 10px;
  }

  .member-interest .desc {
    font-size: 18px;
  }

  .member-integral .item {
    position: relative;
  }

  .member-integral .item:after {
    content: "";
    display: block;
    width: 2px;
    height: 66px;
    background-color: #d5d5d5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
  }

  .member-integral .item:last-child:after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cotton-superiority .thumb {
    width: 50%;
    float: right;
  }

  .cotton-superiority .image {
    width: 50%;
    float: left;
  }

  .member-about {
    padding-top: 125px;
    padding-top: 2.60417rem;
  }

  .member-about .desc {
    padding-top: 65px;
    text-align: center;
    padding-top: 1.35417rem;
  }

  .member-join .bg {
    width: 100%;
    height: auto;
  }

  .member-join .member-qrcode {
    padding-top: 35px;
    padding-top: 0.72917rem;
  }

  .membericon-list {
    padding-top: 50px;
    padding-top: 1.04167rem;
  }

  .member-interest {
    padding-top: 75px;
    padding-top: 1.5625rem;
  }

  .member-interest .bd {
    margin-bottom: 60px;
    margin-bottom: 1.25rem;
  }

  .member-interest .subtitle {
    padding-top: 10px;
    padding-top: 0.20833rem;
  }

  .member-interest img {
    width: 88px;
    width: 1.83333rem;
  }

  .member-interest .level {
    padding-top: 15px;
    padding-bottom: 7px;
    padding-top: 0.3125rem;
    padding-bottom: 0.14583rem;
  }

  .member-interest .desc {
    font-size: 30px;
    font-size: 0.625rem;
  }

  .member-interest .item {
    padding: 55px 90px 60px;
    padding: 1.14583rem 1.875rem 1.25rem;
  }

  .member-interest {
    text-align: center;
  }

  .member-interest .info {
    font-size: 14px;
    padding-top: 0;
    margin-top: -15px;
    margin-top: -0.3125rem;
  }

  .member-integral {
    padding-top: 100px;
    padding-bottom: 125px;
    padding-top: 2.08333rem;
    padding-bottom: 2.60417rem;
  }

  .member-integral .list {
    padding-top: 55px;
    padding-top: 1.14583rem;
  }

  .member-integral .title {
    font-size: 24px;
  }

  .member-integral .title:after {
    margin: 12px auto;
    margin: 0.25rem auto;
  }

  .member-integral .desc {
    font-size: 30px;
  }

  .member-integral .condition {
    font-size: 18px;
  }
}

@media (min-width: 1260px) {
  .cotton-born .thumb {
    width: 50%;
    padding-left: 18.75%;
    padding-top: 10.9%;
  }

  .cotton-born .image {
    width: 50%;
  }

  .cotton-born .natural-title {
    line-height: 1.27778;
  }

  .cotton-born .natural-desc {
    padding-top: 25px;
    padding-top: 0.52083rem;
  }

  .cotton-superiority {
    text-align: right;
  }

  .cotton-superiority .text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }

  .cotton-superiority .thumb {
    padding-top: 5.5%;
    padding-right: 13.54167%;
  }

  .cotton-superiority .title {
    padding-bottom: 7px;
    padding-bottom: 0.14583rem;
  }

  .cotton-superiority .desc {
    padding-bottom: 25px;
    padding-bottom: 0.52083rem;
  }

  .baby-superiority .thumb {
    padding-top: 10%;
  }

  .princess-superiority .thumb {
    padding-top: 13%;
  }
}

.u-img {
  position: relative;
  overflow: hidden;
}

.u-img:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.u-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
}

.store-subdesc {
  padding: 7.91667% 0 8.75%;
  font-size: 14px;
  line-height: 1.71429;
  color: #282828;
  text-align: center;
}

.storesearch-panel {
  margin-top: 30px;
}

.storesearch-panel .subtitle {
  font-size: 18px;
  line-height: 2.3;
  font-weight: bold;
  color: #282828;
  text-align: center;
}

.storesearch-panel .search-form {
  font-size: 0;
}

.storesearch-panel .search-form select,
.storesearch-panel .search-form button,
.storesearch-panel .search-form input {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  padding: 0 10px;
}

.storesearch-panel .city-filter {
  margin-bottom: 15px;
}

.storesearch-panel .city-filter .searchbtn {
  width: 100%;
  color: #fff;
  background-color: #0ba690;
}

.storesearch-panel .select-picker {
  margin: 0 -3px 10px;
  text-align: center;
}

.storesearch-panel .select-picker .name {
  padding-left: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 2.42857;
  color: #c0baba;
}

.storesearch-panel .select-picker .picker-item {
  width: 33.3333%;
  display: inline-block;
  vertical-align: top;
  padding: 0 3px;
}

.storesearch-panel .select-picker select {
  width: 100%;
  background-color: #f5f4f2;
}

.storesearch-panel .key-search form {
  position: relative;
  display: block;
  padding-right: 120px;
}

.storesearch-panel .key-search input[type="text"] {
  width: 100%;
  background-color: #f5f4f2;
}

.storesearch-panel .key-search button {
  width: 120px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  color: #fff;
  background-color: #0ba690;
}

.storesearch-panel .key-search button span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 28px;
  background:  no-repeat 0 center;
}

.store-list p.tag {
  padding: 15px 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 2.25;
  color: #282828;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.store-list p.tag:after {
  content: '';
  display: block;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border: 5px solid rgba(151, 142, 142, 0);
  border-top-color: #282828;
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  -o-transition: -o-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s, -o-transform ease 0.3s;
}

.store-list p.tag.ac:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.store-list .loading {
  padding: 6%;
  text-align: center;
}

.store-list .loading span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  padding-left: 24px;
  background:  no-repeat 0 center;
  background-size: 16px 16px;
}

.store-list .nodata {
  display: none;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #333;
}

.store-list .loadmore {
  padding: 5% 0 10%;
}

.store-list .loadmore .more {
  display: none;
  width: 68%;
  max-width: 400px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2.71429;
  color: #746e58;
  text-align: center;
  background-color: #0ba690;
}

.store-result li {
  border-bottom: 1px solid #dcdcdc;
}

.store-result li a {
  position: relative;
  display: block;
  padding: 5px 6em;
  font-size: 14px;
  line-height: 2.875;
  color: #565050;
}

.store-result li .city {
  position: absolute;
  left: 0;
  top: 5px;
  width: 5em;
  font-weight: bold;
  color: #282828;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.store-result li .addr {
  display: block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.store-result li .km {
  position: absolute;
  right: 0;
  top: 5px;
  padding-right: 26px;
  background:  no-repeat right center;
}

.storemap-container .suzyglory-onetitle {
  padding: 7.91667% 0 8.75%;
}

.storemap-panel {
  padding-bottom: 10%;
}

.storemap-panel .addr {
  display: inline-block;
  margin: 4.83333% 0 15px;
  font-size: 14px;
  line-height: 24px;
  color: #282828;
  font-weight: bold;
  padding-left: 25px;
  background:  no-repeat 0 2px;
}

.storemap-panel .bdmap-wrap {
  position: relative;
}

.storemap-panel .bdmap-wrap::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 70%;
}

.storemap-panel .bdmap-wrap .bdmap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  border: 1px solid #a2774c;
}

.storemap-panel .bdmap-wrap .bdmap img {
  max-width: inherit;
}

.full-explore-list {
  padding-top: 4.16667%;
}

.full-explore-list .ex-item {
  margin-bottom: 4.16667%;
}

.full-explore-list .thumb:after {
  padding-bottom: 50%;
}

.full-explore-list .mid {
  padding: 15px 0;
}

.full-explore-list .mid .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.27778;
  color: #282828;
  font-weight: bold;
}

.full-explore-list .mid .info {
  font-size: 14px;
  line-height: 24px;
  color: #969696;
}

.full-explore-content .top-info .info .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.27778;
  color: #325261;
}

.full-explore-content .top-info .info .content {
  font-size: 14px;
  line-height: 24px;
  color: #325261;
  opacity: 0.8;
}

.full-explore-content .top-circle {
  position: relative;
  padding: 70px 60px 30px;
}

.full-explore-content .top-circle .circle {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  border: solid 1px #85949e;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.full-explore-content .top-circle .dot-list {
  font-size: 12px;
  line-height: 1.33333;
  color: #fff;
}

.full-explore-content .top-circle .dot {
  position: absolute;
  z-index: 3;
  width: 5.5em;
  color: #325261;
}

.full-explore-content .top-circle .dot br {
  display: none;
}

.full-explore-content .top-circle .dot.active::after,
.full-explore-content .top-circle .dot:hover::after {
  background-color: #fff;
  border: 5px solid #0ba690;
}

.full-explore-content .top-circle .dot.active .suzydot-icon,
.full-explore-content .top-circle .dot:hover .suzydot-icon {
  margin-top: 0;
  visibility: inherit;
  opacity: 1;
}

.full-explore-content .top-circle .dot::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #0ba690;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.full-explore-content .top-circle .dot:nth-child(2) {
  right: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: right;
  padding-right: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(2)::after {
  right: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(2) .suzydot-icon {
  right: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(1) {
  right: 86.15385%;
  top: 15.38462%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: right;
  padding-right: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(1)::after {
  right: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(1) .suzydot-icon {
  right: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(4) {
  right: 50%;
  top: 100%;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
  text-align: center;
  padding-top: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(4)::after {
  right: 50%;
  top: 0px;
}

.full-explore-content .top-circle .dot:nth-child(4) .suzydot-icon {
  right: 50%;
  top: 0px;
}

.full-explore-content .top-circle .dot:nth-child(7) {
  left: 86.15385%;
  top: 15.38462%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
  padding-left: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(7)::after {
  left: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(7) .suzydot-icon {
  left: -2px;
  top: 50%;
  -webkit-transform: translate(-42%, -110%);
  -ms-transform: translate(-42%, -110%);
  -o-transform: translate(-42%, -110%);
  transform: translate(-42%, -110%);
}

.full-explore-content .top-circle .dot:nth-child(6) {
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
  padding-left: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(6)::after {
  left: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(6) .suzydot-icon {
  left: -2px;
  top: 50%;
  -webkit-transform: translate(-42%, -110%);
  -ms-transform: translate(-42%, -110%);
  -o-transform: translate(-42%, -110%);
  transform: translate(-42%, -110%);
}

.full-explore-content .top-circle .dot:nth-child(5) {
  left: 86.15385%;
  bottom: 15.38462%;
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  transform: translate(0, 50%);
  text-align: left;
  padding-left: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(5)::after {
  left: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(5) .suzydot-icon {
  left: -2px;
  top: 50%;
  -webkit-transform: translate(-42%, -110%);
  -ms-transform: translate(-42%, -110%);
  -o-transform: translate(-42%, -110%);
  transform: translate(-42%, -110%);
}

.full-explore-content .top-circle .dot:nth-child(3) {
  right: 86.15385%;
  bottom: 15.38462%;
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  transform: translate(0, 50%);
  text-align: right;
  padding-right: 1.5em;
}

.full-explore-content .top-circle .dot:nth-child(3)::after {
  right: -2px;
  top: 50%;
}

.full-explore-content .top-circle .dot:nth-child(3) .suzydot-icon {
  right: -2px;
  top: 50%;
}

.full-explore-content .bot-info .title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 1.27778;
  color: #fff;
}

.full-explore-content .bot-info .circle .moon img {
  display: none;
}

.full-explore-content .bot-info .circle .moon:after {
  display: none;
}

.full-explore-content .bot-info .circle .moon .tips {
  font-size: 12px;
  line-height: 1.33333;
  color: #fff;
}

.full-explore-content .bot-info .circle .ico-item {
  position: relative;
  margin-bottom: 15px;
  min-height: 50px;
}

.full-explore-content .bot-info .circle .ico-item .ico {
  position: absolute;
  left: 0;
  width: 50px;
}

.full-explore-content .bot-info .circle .ico-item .ico img {
  width: 100%;
}

.full-explore-content .bot-info .circle .ico-item .msg {
  padding-left: 60px;
}

.full-explore-content .bot-info .circle .ico-item .msg h3 {
  margin-bottom: 5px;
  line-height: 22px;
  color: #fff;
}

.full-explore-content .bot-info .circle .ico-item .msg h3 .num {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
}

.full-explore-content .bot-info .circle .ico-item .msg h3 .unit {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

.full-explore-content .bot-info .circle .ico-item .msg .desc {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.suzydot-icon {
  position: absolute;
  width: 24px;
  height: 0;
  padding-top: 38px;
  margin-top: -10px;
  -webkit-transform: translate(42%, -110%);
  -ms-transform: translate(42%, -110%);
  -o-transform: translate(42%, -110%);
  transform: translate(42%, -110%);
  background:  no-repeat center center/100% auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.full-activities-container {
  padding: 8.85417% 0 0;
}

.full-activities-container .store-subdesc {
  padding: 0;
}

.activities-tab-swiper {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.activities-tab-swiper .swiper-slide {
  padding: 0 60px 10px;
  text-align: center;
}

.activities-tab-swiper .swiper-slide .msg {
  font-size: 14px;
  line-height: 24px;
  color: #282828;
}

.activities-tab-swiper .swiper-slide .time {
  font-size: 24px;
  line-height: 50px;
  color: #000;
}

.activities-tab-swiper .ac-ctrl {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}

.activities-tab-swiper .ac-ctrl span {
  display: none;
}

.activities-tab-swiper .ac-ctrl .ico {
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto;
}

.activities-tab-swiper .ac-ctrl.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.activities-tab-swiper .ac-prev {
  left: 0;
}

.activities-tab-swiper .ac-prev .ico {
  background-image: ;
}

.activities-tab-swiper .ac-next {
  right: 0;
}

.activities-tab-swiper .ac-next .ico {
  background-image: ;
}

.full-activities-contents .full-item {
  display: none;
}

.full-activities-contents .full-item:first-child {
  display: block;
}

.full-activities-contents .full-top-item {
  padding: 20px 0;
  margin-bottom: 15px;
  background-color: #f9f9f9;
}

.full-activities-contents .full-bot-item {
  padding: 20px 0;
  background-color: #f9f9f9;
}

.full-activities-contents .album .u-img {
  margin-bottom: 10px;
}

.full-activities-contents .info .title {
  padding: 15px 0;
  font-size: 20px;
  line-height: 1.5;
  color: #282828;
  font-weight: bold;
}

.full-activities-contents .info .msg {
  font-size: 14px;
  line-height: 24px;
  color: #708481;
}

@media (min-width: 768px) {
  .full-activities-contents .album {
    overflow: hidden;
    font-size: 0;
  }

  .full-activities-contents .album .u-img {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 0 5px;
    margin: 0;
  }

  .full-activities-contents .album .u-img img {
    width: auto;
    left: 5px;
    right: 5px;
  }

  .storemap-panel .bdmap-wrap::after {
    padding-bottom: 44.33333%;
  }
}

@media (min-width: 1024px) {
  .storesearch-panel {
    margin-top: 100px;
    margin-top: 2.08333rem;
  }

  .storesearch-panel .subtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .storesearch-panel .search-form select,
  .storesearch-panel .search-form button,
  .storesearch-panel .search-form input {
    height: 46px;
    font-size: 16t;
    line-height: 46px;
    padding: 0 20px;
    padding: 0 0.41667rem;
  }

  .storesearch-panel .city-filter {
    float: left;
    width: 65.5%;
    margin-bottom: 0;
  }

  .storesearch-panel .city-filter .searchbtn {
    float: right;
    width: 24.13793%;
    margin-top: 34px;
  }

  .storesearch-panel .select-picker {
    float: left;
    width: 74.71264%;
    margin: 0 -5px 0;
    text-align: left;
  }

  .storesearch-panel .select-picker .name {
    line-height: 34px;
    padding-left: 10px;
    padding-left: 0.20833rem;
  }

  .storesearch-panel .select-picker .picker-item {
    padding: 0 5px;
  }

  .storesearch-panel .key-search {
    float: right;
    width: 26%;
    padding-top: 34px;
  }

  .storesearch-panel .key-search form {
    padding-right: 38.46154%;
  }

  .storesearch-panel .key-search button {
    width: 38.46154%;
  }

  .store-list p.tag {
    padding: 4.58333% 0 1%;
    font-size: 16px;
  }

  .store-list p.tag:after {
    border-width: 7px;
  }

  .store-list .loadmore .more {
    line-height: 3.42857;
  }

  .store-result li {
    margin-bottom: 2.16667%;
  }

  .store-result li a {
    padding: 7px 7.5em;
    font-size: 16px;
  }

  .store-result li a:hover .addr {
    color: #0ba690;
  }

  .store-result li .city {
    top: 7px;
    width: 7em;
  }

  .store-result li .km {
    top: 7px;
  }

  .full-explore-list {
    padding-top: 0;
  }

  .full-explore-list .ex-item {
    position: relative;
    padding-left: 33.33333%;
  }

  .full-explore-list .ex-item .incommonweb {
    position: absolute;
    left: 0;
    top: 50%;
    width: 33.33333%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 0;
  }

  .full-explore-list .ex-item .incommonweb::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }

  .full-explore-list .ex-item .incommonweb .mid {
    display: inline-block;
    vertical-align: middle;
  }

  .full-explore-list .ex-item:nth-child(even) {
    padding: 0 33.33333% 0 0;
  }

  .full-explore-list .ex-item:nth-child(even) .incommonweb {
    left: auto;
    right: 0;
    text-align: right;
  }

  .full-explore-list .mid .title {
    margin-bottom: 30px;
    font-size: 36px;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }

  .full-explore-content .top-info {
    font-size: 0;
  }

  .full-explore-content .top-info .info {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-right: 5.57143%;
  }

  .full-explore-content .top-info .info .title {
    margin-bottom: 30px;
    font-size: 36px;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }

  .full-explore-content .top-circle {
    padding: 70px 60px 0 12.71429%;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }

  .full-explore-content .top-circle .dot-list {
    font-size: 18px;
    font-size: 0.375rem;
  }

  .full-explore-content .top-circle .dot {
    width: 6.55em;
    color: #325261;
  }

  .full-explore-content .top-circle .dot:hover::after {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 5px solid #0ba690;
  }

  .full-explore-content .top-circle .dot::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #0ba690;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(2)::after {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(1)::after {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(4)::after {
    top: 0px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(7)::after {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(6)::after {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(5)::after {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .full-explore-content .top-circle .dot:nth-child(3) {
    width: 7.55em;
  }

  .full-explore-content .top-circle .dot:nth-child(3)::after {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }

  .full-explore-content .bot-info .title {
    margin-bottom: 0;
    padding: 0 0 18.21429%;
    font-size: 36px;
    font-size: 0.75rem;
  }

  .full-explore-content .bot-info .circle {
    position: relative;
    width: 59.92857%;
    margin: 0 auto;
  }

  .full-explore-content .bot-info .circle .moon img {
    display: block;
  }

  .full-explore-content .bot-info .circle .moon:after {
    display: block;
    padding-bottom: 49.58284%;
  }

  .full-explore-content .bot-info .circle .moon .tips {
    position: absolute;
    left: 0;
    font-size: 18px;
    width: 100%;
    text-align: center;
    bottom: 26.20192%;
    font-size: 0.375rem;
  }

  .full-explore-content .bot-info .circle .ico-item {
    position: absolute;
    margin-bottom: 0;
    z-index: 10;
  }

  .full-explore-content .bot-info .circle .ico-item .ico {
    position: absolute;
    left: auto;
    right: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100px;
    width: 2.08333rem;
  }

  .full-explore-content .bot-info .circle .ico-item .msg {
    padding-left: 0;
  }

  .full-explore-content .bot-info .circle .ico-item .msg h3 {
    line-height: 60px;
    white-space: nowrap;
    line-height: 1.25rem;
  }

  .full-explore-content .bot-info .circle .ico-item .msg h3 .num {
    font-size: 60px;
    font-size: 1.25rem;
  }

  .full-explore-content .bot-info .circle .ico-item .msg h3 .unit {
    font-size: 18px;
    font-size: 0.375rem;
  }

  .full-explore-content .bot-info .circle .ico-item .msg .desc {
    min-width: 224px;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(1) {
    top: 46.875%;
    right: 87.4851%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(1) .ico {
    right: 0;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(1) .msg {
    padding-right: 120px;
    text-align: right;
    padding-right: 2.5rem;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(2) {
    top: 10.81731%;
    right: 69.24911%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(2) .ico {
    right: 0;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(2) .msg {
    padding-right: 120px;
    text-align: right;
    padding-right: 2.5rem;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(3) {
    bottom: 89.42308%;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(3) .ico {
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(3) .msg {
    padding-bottom: 125px;
    text-align: center;
    padding-bottom: 2.60417rem;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(4) {
    top: 10.81731%;
    left: 69.24911%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(4) .ico {
    left: 0;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(4) .msg {
    padding-left: 120px;
    text-align: left;
    padding-left: 2.5rem;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(5) {
    top: 46.875%;
    left: 87.4851%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(5) .ico {
    left: 0;
  }

  .full-explore-content .bot-info .circle .ico-item:nth-child(5) .msg {
    padding-left: 120px;
    text-align: left;
    padding-left: 2.5rem;
  }

  .suzydot-icon {
    width: 47px;
    padding-top: 71px;
    margin-top: -15px;
    margin-top: -0.3125rem;
  }

  .activities-tab-swiper {
    margin-top: 60px;
    margin-top: 1.25rem;
  }

  .activities-tab-swiper .swiper-slide {
    padding: 0 160px 40px;
  }

  .activities-tab-swiper .swiper-slide .msg {
    width: 525px;
    margin: 0 auto;
  }

  .activities-tab-swiper .swiper-slide .time {
    font-size: 36px;
    font-weight: bold;
    padding-top: 5%;
    font-size: 0.75rem;
  }

  .activities-tab-swiper .ac-ctrl {
    bottom: 40px;
    font-size: 0;
    bottom: 0.83333rem;
  }

  .activities-tab-swiper .ac-ctrl span {
    padding: 0 18px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 50px;
    color: #a4a4a3;
    padding: 0 0.375rem;
    font-size: 0.375rem;
  }

  .activities-tab-swiper .ac-ctrl .ico {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    padding: 0;
    background-size: 18px auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-size: 0.375rem auto;
  }

  .activities-tab-swiper .ac-ctrl .ico:hover {
    background-color: #0ba690;
    -webkit-box-shadow: 0px 15px 20px -10px #aaa;
    box-shadow: 0px 15px 20px -10px #aaa;
    -webkit-box-shadow: 0px 0.3125rem 0.41667rem -0.20833rem #aaa;
    box-shadow: 0px 0.3125rem 0.41667rem -0.20833rem #aaa;
  }

  .activities-tab-swiper .ac-next:hover .ico {
    background-image: ;
  }

  .activities-tab-swiper .ac-prev:hover .ico {
    background-image: ;
  }
}

.full-activities-container {
  padding: 90px 0 0;
}

.full-activities-container .store-subdesc {
  padding: 0;
}

@media (min-width: 1260px) {
  .full-explore-content {
    background-size: cover;
  }

  .full-explore-list .ex-item .incommonweb {
    width: 100%;
  }

  .full-explore-list .ex-item .incommonweb .mid {
    width: 25.71429%;
  }

  .full-activities-contents .album {
    width: 70%;
  }

  .full-activities-contents .info {
    width: 30%;
  }

  .full-activities-contents .full-top-item {
    padding: 40px 0;
    margin-bottom: 20px;
  }

  .full-activities-contents .full-top-item .album {
    float: right;
  }

  .full-activities-contents .full-top-item .info {
    float: right;
    padding-right: 5.71429%;
  }

  .full-activities-contents .full-bot-item {
    padding: 40px 0;
  }

  .full-activities-contents .full-bot-item .album {
    float: left;
  }

  .full-activities-contents .full-bot-item .info {
    float: left;
    padding-left: 5.71429%;
  }
}

@media (min-width: 1600px) {
  .full-explore-list .ex-item .incommonweb {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .full-explore-list .ex-item:nth-child(even) .incommonweb {
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
}

.origin-imgtext {
  padding-top: 15px;
}

.origin-imgtext .mid {
  padding-top: 5px;
}

.origin-imgtext .info {
  padding: 10px 0;
}

.origin-imgtext .info .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.27778;
  color: #282828;
}

.origin-imgtext .info .msg {
  font-size: 14px;
  line-height: 24px;
  color: #282828;
  opacity: 0.8;
}

.full-origin-top .u-img::after {
  padding-bottom: 59.57447%;
}

.full-origin-mid .u-img::after {
  padding-bottom: 43.75%;
}

.full-origin-bot {
  padding-top: 15px;
}

.full-origin-bot .u-img::after {
  padding-bottom: 87.5%;
}

.full-origin-bot .en-title {
  font-size: 24px;
  line-height: 1;
  color: #282828;
  padding: 25px 0 20px;
}

.full-origin-bot .cn-title {
  font-size: 18px;
  line-height: 1.27778;
  color: #282828;
}

.full-origin-bot .winner-desc {
  padding-top: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #757575;
}

.full-origin-bot .winner-logo {
  padding: 15px 0;
  font-size: 0;
  overflow: hidden;
}

.full-origin-bot .winner-logo .u-img {
  cursor: pointer;
  position: relative;
  border: 1px solid #989895;
}

.full-origin-bot .winner-logo .u-img::after {
  padding-bottom: 100%;
}

.full-origin-bot .winner-logo .u-img img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.full-origin-bot .winner-logo .suzy-imgc2 {
  opacity: 0;
  visibility: hidden;
}

.full-origin-bot .winner-logo ul {
  margin: 0 -5px;
}

.full-origin-bot .winner-logo li {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  max-width: 160px;
  padding: 0 5px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.full-origin-bot .winner-logo li:nth-child(1).active .u-img {
  border-color: #00ac97;
  background: #00ac97;
}

.full-origin-bot .winner-logo li:nth-child(2).active .u-img {
  border-color: #1f9191;
  background: #1f9191;
}

.full-origin-bot .winner-logo li:nth-child(3).active .u-img {
  border-color: #01765c;
  background: #01765c;
}

.full-origin-bot .winner-logo li.active .suzy-imgc1 {
  opacity: 0;
  visibility: hidden;
}

.full-origin-bot .winner-logo li.active .suzy-imgc2 {
  opacity: 1;
  visibility: inherit;
}

.full-origin-bot .winner-link {
  display: inline-block;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 24px;
  color: #5e5e5e;
  border: 1px solid #8d8d89;
}

.full-origin-bot .winner-link::after {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin: 3px 0 0 10px;
  width: 18px;
  height: 18px;
  background:  no-repeat center;
}

.origin-swiper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.year-line-wrapper {
  position: relative;
  z-index: 10;
  padding: 0 35px;
  margin-top: -50px;
}

.year-line-wrapper .year-line-swiper {
  padding: 100px 0;
}

.year-line-wrapper .year-line-swiper::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #39363d;
  z-index: 3;
}

.year-line-wrapper .swiper-wrapper {
  z-index: 5;
}

.year-line-wrapper .swiper-slide {
  position: relative;
  z-index: 10;
  text-align: center;
}

.year-line-wrapper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 15px;
  z-index: 3;
  width: 1px;
  height: 20px;
  opacity: 0;
  background-color: #39363d;
  -webkit-transition: height ease .8s;
  -o-transition: height ease .8s;
  transition: height ease .8s;
}

.year-line-wrapper .swiper-slide::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 20;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #39363d;
}

.year-line-wrapper .swiper-slide.swiper-slide-active .yy {
  font-size: 30px;
}

.year-line-wrapper .swiper-slide.swiper-slide-active::before {
  height: 100px;
  opacity: 1;
}

.year-line-wrapper .swiper-slide.swiper-slide-active::after {
  width: 20px;
  height: 20px;
  border: 8px solid #fff;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
}

.year-line-wrapper .yy {
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #000;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.year-line-wrapper .yy-ctrl {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 10;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f4f2;
}

.year-line-wrapper .year-prev {
  left: 0;
  background-image: ;
}

.year-line-wrapper .year-next {
  right: 0;
  background-image: ;
}

.year-3d-swiper {
  position: relative;
  max-width: 1000px;
  margin: -40px auto 0;
  z-index: 3;
}

.year-3d-swiper .swiper-slide {
  position: relative;
  width: 62.4%;
}

.year-3d-swiper .swiper-slide:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: rgba(174, 170, 160, 0.96);
  content: "";
}

.year-3d-swiper .swiper-slide img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.year-3d-swiper .swiper-slide-active:before {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 0;
  visibility: hidden;
}

.year-3d-swiper .swiper-slide-active img {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.year-3d-swiper .u-img::after {
  padding-bottom: 56.25%;
}

.year-3d-swiper .info {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.year-3d-swiper .info .year {
  font-size: 20px;
  line-height: 1;
  color: #000;
}

.year-3d-swiper .info .text {
  font-size: 13px;
  line-height: 24px;
  color: #282828;
  opacity: 0.8;
}

.market-container {
  padding-bottom: 5.72917%;
}

.market-container .col-desc {
  padding: 4.94792% 0 7.03125%;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #282828;
}

.market-container .u-title {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.27778;
  text-align: center;
  color: #282828;
}

.m-market-brands .tilte {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #282828;
  font-weight: bold;
}

.m-market-brands .brands-list {
  font-size: 0;
}

.m-market-brands .brands-list .u-img {
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.m-market-brands .brands-list .u-img::after {
  padding-bottom: 45.45455%;
}

.m-market-brands .brands-list ul {
  margin: 0 -5px;
}

.m-market-brands .brands-list li {
  width: 33.3333%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 0 5px;
}

.mk-contact {
  padding: 9.64286% 0 0;
  text-align: center;
}

.mk-contact .mail {
  display: inline-block;
  padding: 10px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
  background: -webkit-linear-gradient(top, #fff, #999);
  background: -o-linear-gradient(top, #fff, #999);
  background: linear-gradient(180deg, #fff, #999);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 1.5;
  color: #282828;
}

.mk-contact .mail span {
  display: inline-block;
  padding-left: 25px;
  background:  no-repeat 0 center;
  background-size: 15px auto;
}

.mk-featrue {
  margin-top: 20px;
  padding-bottom: 11.07143%;
}

.mk-featrue .u-title {
  margin-bottom: 15px;
}

.mk-featrue .fea-list ul {
  margin: 0 -5px;
  overflow: hidden;
  font-size: 0;
}

.mk-featrue .fea-list li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 10px;
  padding: 0 5px;
  text-align: left;
}

.mk-featrue .fea-list li:nth-child(2n) .u-img {
  background-color: #80bab0;
  background-image: ;
}

.mk-featrue .fea-list li:nth-child(3n) .u-img {
  background-color: #a4b7c5;
  background-image: ;
}

.mk-featrue .fea-list li:nth-child(4n) .u-img {
  background-color: #d9887f;
  background-image: ;
}

.mk-featrue .fea-list .u-img {
  background-image: ;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50% auto;
  background-color: #d7c8aa;
}

.mk-featrue .mid {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  padding: 15px 20px;
}

.mk-featrue .mid .ico img {
  position: static;
  width: 39.34426%;
}

.mk-featrue .mid .name {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
}

.mk-featrue .mid .en {
  line-height: 1.3;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}

@media (min-width: 768px) {
  .m-market-brands .brands-list li {
    width: 20%;
  }

  .mk-featrue .fea-list li {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .origin-imgtext {
    position: relative;
    margin-top: 40px;
    padding: 0;
    margin-top: 0.83333rem;
  }

  .origin-imgtext .mid {
    padding-top: 0;
  }

  .origin-imgtext .incommonweb {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 0;
  }

  .origin-imgtext .incommonweb::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }

  .origin-imgtext .incommonweb .mid {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 100px;
    padding-bottom: 2.08333rem;
  }

  .origin-imgtext .info {
    padding: 25px 0;
    padding: 0.52083rem 0;
  }

  .origin-imgtext .info .title {
    margin-bottom: 30px;
    font-size: 36px;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }

  .full-origin-top {
    padding-left: 17.2625%;
  }

  .full-origin-mid {
    text-align: right;
  }

  .full-origin-bot {
    position: relative;
    margin-top: 40px;
    padding: 0 50% 0 0;
    margin-top: 0.83333rem;
  }

  .full-origin-bot .incommonweb {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    font-size: 0;
  }

  .full-origin-bot .incommonweb::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }

  .full-origin-bot .mid {
    display: inline-block;
    vertical-align: middle;
    padding-left: 54.28571%;
  }

  .full-origin-bot .en-title {
    font-size: 50px;
    padding: 25px 0 20px;
    font-size: 1.04167rem;
    padding: 0.52083rem 0 0.41667rem;
  }

  .full-origin-bot .cn-title {
    font-size: 36px;
    font-size: 0.75rem;
  }

  .full-origin-bot .winner-desc {
    padding-top: 15px;
    min-height: 207px;
    padding-top: 0.3125rem;
  }

  .full-origin-bot .winner-logo {
    padding: 15px 0;
    padding: 0.3125rem 0;
  }

  .full-origin-bot .winner-link {
    padding: 17px 20px;
    padding: 0.35417rem 0.41667rem;
  }

  .origin-swiper {
    padding-top: 140px;
    padding-bottom: 156px;
    padding-top: 2.91667rem;
    padding-bottom: 3.25rem;
  }

  .year-line-wrapper {
    padding: 0 60px;
    margin-top: -50px;
    margin-top: -1.04167rem;
  }

  .year-line-wrapper .year-line-swiper {
    padding: 140px 0;
    padding: 2.91667rem 0;
  }

  .year-line-wrapper .swiper-slide::before {
    top: 20px;
    height: 20px;
    height: 0.41667rem;
  }

  .year-line-wrapper .swiper-slide.swiper-slide-active .yy {
    font-size: 90px;
    font-size: 1.875rem;
  }

  .year-line-wrapper .swiper-slide.swiper-slide-active::before {
    height: 120px;
    height: 2.5rem;
  }

  .year-line-wrapper .yy {
    font-size: 18px;
    font-size: 0.375rem;
  }

  .year-line-wrapper .yy-ctrl {
    width: 50px;
    height: 50px;
  }

  .year-3d-swiper {
    margin: -50px auto 0;
    margin: -1.04167rem auto 0;
  }

  .year-3d-swiper .info {
    left: 6.41026%;
  }

  .year-3d-swiper .info .year {
    margin-bottom: 20px;
    font-size: 68px;
    margin-bottom: 0.41667rem;
    font-size: 1.41667rem;
  }

  .year-3d-swiper .info .text {
    font-size: 18px;
    line-height: 1.55556;
    font-size: 0.375rem;
  }

  .market-container {
    padding: 95px 0 120px;
    padding: 1.97917rem 0 2.5rem;
  }

  .market-container .u-title {
    margin-bottom: 35px;
    font-size: 36px;
    margin-bottom: 0.72917rem;
    font-size: 0.75rem;
  }

  .m-market-brands .brands-list ul {
    margin: 0 -10px;
  }

  .m-market-brands .brands-list li {
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .market-container .u-title {
    margin-bottom: 35px;
    margin-bottom: 0.72917rem;
  }

  .mk-contact .mail {
    padding: 25px 70px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 20px;
    padding: 0.52083rem 1.45833rem;
    -webkit-border-radius: 0.83333rem;
    border-radius: 0.83333rem;
    font-size: 0.41667rem;
  }

  .mk-contact .mail span {
    padding-left: 50px;
    background-size: 30px auto;
    padding-left: 1.04167rem;
    background-size: 0.625rem auto;
  }

  .mk-featrue {
    margin-top: 75px;
    margin-top: 1.5625rem;
  }

  .mk-featrue .fea-list ul {
    margin: 0 -20px;
    margin: 0 -0.41667rem;
  }

  .mk-featrue .fea-list li {
    padding: 0 20px;
    padding: 0 0.41667rem;
  }

  .mk-featrue .mid {
    padding: 35px 40px;
    padding: 0.72917rem 0.83333rem;
  }

  .mk-featrue .mid .name {
    font-size: 20px;
  }

  .mk-featrue .mid .en {
    font-size: 20px;
  }
}

@media (min-width: 1260px) {
  .full-origin-bot .mid {
    padding-left: 60.71429%;
  }

  .full-origin-bot .en-title {
    padding: 0 0 100px;
    padding: 0 0 2.08333rem;
  }

  .full-origin-bot .winner-desc {
    padding-top: 30px;
    padding-top: 0.625rem;
  }

  .full-origin-bot .winner-logo {
    padding: 55px 0 60px;
    padding: 1.14583rem 0 1.25rem;
  }
}

.video-player-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 201;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0;
  text-align: center;
}

.video-player-popup:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .video-player {
  position: relative;
  width: 94%;
  min-height: 300px;
  max-width: 960px;
  margin-top: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 40px;
  height: 40px;
  background:  no-repeat center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.video-player-popup .close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


@media (min-width: 1024px) {
  .video-player-popup .video-player {
    height: 500px;
    height: 10.41667rem;
  }
}

@media (min-width: 1600px) {
  .video-player-popup .video-player {
    height: 600px;
    height: 12.5rem;
  }
}

#ie-alert-overlay {
  width: 100%;
  height: 100%;
  background:  repeat 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

* html #ie-alert-overlay {
  position: absolute;
  z-index: 9999;
}

#ie-alert-panel {
  width: 520px;
  height: 331px;
  position: fixed;
  background:  no-repeat;
  background-position: -1px -109px;
  top: 50%;
  left: 50%;
  margin: -201px 0 0 -296px;
  padding: 72px 0 0 72px;
  _position: absolute;
  _top: expression(300 ((e=document.documentelement.scrolltop)?e:document.body.scrolltop) 'px');
  font-family: arial, "helvetica neue", helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  line-height: 1.5em;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel div,
#ie-alert-panel p,
#ie-alert-panel span,
#ie-alert-panel a,
#ie-alert-panel img,
#ie-alert-panel ul,
#ie-alert-panel li {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel p {
  font-size: 14px;
  width: 486px;
  text-align: justify;
}

#ie-alert-panel img {
  border: 0;
}

#ie-alert-panel span {
  font-size: 18px;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
}

#ie-alert-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#ie-alert-panel li {
  float: left;
  margin: 0 22px 0 0;
}

#ie-alert-panel li.last {
  margin-right: 0;
}

#ie-alert-panel a {
  display: inline-block;
  vertical-align: top;
}

#goon {
  text-decoration: underline;
}

.browser {
  position: absolute;
  bottom: 35px;
}

.chrome,
.firefox,
.ie9,
.opera,
.safari {
  background:  no-repeat;
}

.chrome {
  background-position: 0 0;
  width: 73px;
  height: 96px;
  margin: 0 4px 0 0;
}

.firefox {
  background-position: -292px 0;
  width: 73px;
  height: 98px;
}

.ie9 {
  background-position: -179px 0;
  width: 95px;
  height: 98px;
}

.opera {
  background-position: -90px 0;
  width: 73px;
  height: 98px;
}

.safari {
  background-position: -387px 0;
  width: 73px;
  height: 98px;
  margin: 0 4px 0 0;
}


@charset "utf-8";

.full-searcha-wrapper {
  padding-bottom: 30px;
}

.full-searcha-wrapper .search-hd {
  border-bottom: 1px solid #d6d6d6;
  /* {"title": "鎼滅储涓婂尯鍒嗙晫杈规鑹�","type":"color","name": "@bdsearchahd","value": "#d6d6d6"}*/
}

.full-searcha-wrapper .search-form {
  padding: 20px 0;
}

.full-searcha-wrapper .search-form form {
  position: relative;
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding-right: 80px;
  border: 1px solid #333;
  /* {"title": "鎼滅储妗嗚竟妗嗚壊","type":"color","name": "@bdsearchaform","value": "#333"}*/
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}

.full-searcha-wrapper .search-form input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
}

.full-searcha-wrapper .search-form input[type='text'] {
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: auto 16px;
  background-image: ;
  /* {"title": "鎼滅储杈撳叆妗嗚儗鏅浘","type":"image","name": "@imgsearchatext","value": ""}*/
}

.full-searcha-wrapper .search-form input[type='submit'] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 80px;
  padding: 0 20px;
  color: #fff;
  /* {"title": "鎼滅储鎻愪氦鏂囨湰鑹�","type":"color","name": "@clsearchasubmit","value": "#fff"}*/
  background-color: #333;
  /* {"title": "鎼滅储鎻愪氦鑳屾櫙鑹�","type":"color","name": "@bgcsearchasubmit","value": "#333"}*/
}

.full-searcha-wrapper .search-cate ul {
  margin-bottom: -1px;
  white-space: nowrap;
  overflow-x: auto;
}

.full-searcha-wrapper .search-cate li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.full-searcha-wrapper .search-cate a {
  display: block;
  font-size: 14px;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #d6d6d6;
  /* {"title": "鎼滅储涓婂尯鍒嗙晫杈规鑹�","type":"color","name": "@bdsearchahd","value": "#d6d6d6"}*/
}

.full-searcha-wrapper .search-cate .cur a {
  border-bottom-color: #333;
  /* {"title": "鎼滅储涓婂尯鍒嗙晫閫変腑杈规鑹�","type":"color","name": "@bdcursearchahd","value": "#333"}*/
}

.full-searcha-wrapper .search-result .length {
  padding: 10px 0;
}

.full-searcha-wrapper .search-result .nodata {
  padding: 20px 0;
}

.full-searcha-wrapper .result-list {
  margin-bottom: 20px;
}

.full-searcha-wrapper .result-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  /* {"title": "鎼滅储缁撴灉杈规鑹�","type":"color","name": "@bdsearchareslist","value": "#ccc"}*/
}

.full-searcha-wrapper .result-list li a {
  display: block;
}

.full-searcha-wrapper .result-list .thumb {
  float: left;
  width: 135px;
  margin-right: 10px;
}

.full-searcha-wrapper .result-list .thumb img {
  max-width: 100%;
}

.full-searcha-wrapper .result-list .content {
  overflow: hidden;
}

.full-searcha-wrapper .result-list .content h2 {
  font-size: 16px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
  /* {"title": "鎼滅储缁撴灉鏍囬鏂囨湰鑹�","type":"color","name": "@clsearcharestitle","value": "#333"}*/
}

.full-searcha-wrapper .result-list .desc {
  font-size: 14px;
  line-height: 24px;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #666;
  /* {"title": "鎼滅储缁撴灉鏍囬鏂囨湰鑹�","type":"color","name": "@clsearcharesdesc","value": "#666"}*/
}

.full-searcha-wrapper .result-list .more {
  font-size: 14px;
  line-height: 24px;
}

.full-searcha-wrapper .loadmore {
  overflow: hidden;
  padding: 10px 0;
}

.full-searcha-wrapper .loadmore a {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  /* {"title": "鍔犺浇鏇村鏂囨湰鑹�","type":"color","name": "@clgloadmore","value": "#ffffff"}*/
  background-color: #cd002b;
  /* {"title": "鍔犺浇鏇村鑳屾櫙鑹�","type":"color","name": "@bgcgloadmore","value": "#cd002b"}*/
}

.full-searcha-wrapper mark {
  color: #fff;
  /* {"title": "鎼滅储鍏抽敭瀛楅珮浜枃鏈壊","type":"color","name": "@clsearchamark","value": "#fff"}*/
  background-color: #cd002b;
  /* {"title": "鎼滅储鍏抽敭瀛楅珮浜儗鏅壊","type":"color","name": "@bgcsearchamark","value": "#cd002b"}*/
}

@media (min-width: 640px) {
  .full-searcha-wrapper .search-form {
    padding: 30px 0;
  }

  .full-searcha-wrapper .result-list li {
    padding: 15px 0;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 180px;
  }

  .full-searcha-wrapper .result-list .loadmore {
    padding: 20px 0;
  }
}

@media (min-width: 1024px) {
  .full-searcha-wrapper {
    padding-bottom: 90px;
    padding-bottom: 1.875rem;
  }

  .full-searcha-wrapper .search-form {
    padding: 60px 0 40px;
    /* {"title": "鎼滅储涓婂尯鍒嗙晫鍐呭～鍏�","type":"text","name": "@pdsearchaform","value": "60px 0 40px"}*/
    padding: 1.25rem 0 0.83333rem;
  }

  .full-searcha-wrapper .commonweb {
    max-width: 960px;
  }

  .full-searcha-wrapper .loadmore {
    padding: 40px 0;
    /* {"title": "鍔犺浇鏇村鍐呭～鍏�","type":"text","name": "@pdsearchaloadmore","value": "40px 0"}*/
    padding: 0.83333rem 0;
  }

  .full-searcha-wrapper .loadmore a {
    line-height: 50px;
    line-height: 1.04167rem;
  }

  .full-searcha-wrapper .result-list {
    margin-bottom: 40px;
  }

  .full-searcha-wrapper .result-list li {
    padding: 20px 0;
    /* {"title": "鎼滅储鍒楄〃鍐呭～鍏�","type":"text","name": "@pdsearchalist","value": "20px 0"}*/
    padding: 0.41667rem 0;
  }

  .full-searcha-wrapper .result-list .content h2 {
    margin-bottom: 10px;
    font-weight: bold;
    margin-bottom: 0.20833rem;
  }

  .full-searcha-wrapper .result-list .thumb {
    width: 280px;
    /* {"title": "鎼滅储缁撴灉鍥剧墖瀹藉害","type":"text","name": "@wdsearchathumb","value": "280px"}*/
    margin-bottom: 30px;
    /* {"title": "鎼滅储缁撴灉鍥剧墖鍙抽棿璺�","type":"text","name": "@mgrsearchathumb","value": "30px"}*/
    margin-bottom: 0.625rem;
  }
}

/*20201110*/
@media (min-width: 1024px) {
  .innews-view .swiper-slide img {
    height: 100%;
    width: auto;
    min-width: 100%;
  }
}

/*--鎷涜仒--*/

.new_jobbg {
  background:  no-repeat center bottom;
  background-size: cover;
  min-height: 924px;
}

.new_jobtitle {
  text-align: center;
  padding-top: 40px;
}

.new_jobtitle h3 {
  font-size: 26px;
  color: #333333;
}

.new_jobtitle p {
  font-size: 12px;
  color: #828282;
  line-height: 22px;
  padding-top: 5px;
}

.new_job {
  padding-top: 15px;
}

.new_job ul li {
  text-align: center;
  margin-top: 15px;
}

.new_job ul li a {
  display: block;
  padding: 39px 0px;
}

.new_job ul li.new_jobsociety {
  background: #43ddca;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.new_job ul li.new_jobcampus {
  background: #ffdca6;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.new_joblist {
  position: relative;
  display: inline-block;
  text-align: left;
  padding-left: 70px;
}

.new_joblist h3 {
  font-size: 18px;
  color: #fff;
  padding-top: 4px;
}

.new_joblist p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.new_joblist img {
  width: 56px;
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  left: 0px;
  top: 0px;
}

.new_jobdesc {
  padding-top: 30px;
}

.new_jobdesc dl dt {
  float: left;
  width: -webkit-calc(100% - 130px);
  width: calc(100% - 130px);
}

.new_jobdesc dl dt h3 {
  font-size: 18px;
  position: relative;
  padding-left: 15px;
  line-height: 24px;
}

.new_jobdesc dl dt h3::after {
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #43ddca;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.new_jobdesc dl dt p {
  color: #777777;
  font-size: 12px;
  padding-left: 15px;
  padding-top: 10px;
}

.new_jobdesc dl dd {
  float: right;
  text-align: center;
}

.new_jobdesc dl dd img {
  width: 110px;
  display: block;
  margin: 0px auto;
}

.new_jobdesc dl dd p {
  color: #00ac97;
  padding-top: 8px;
}

@media (min-width: 768px) {
  .new_jobtitle {
    padding-top: 50px;
  }

  .new_jobtitle h3 {
    font-size: 36px;
  }

  .new_jobtitle p {
    font-size: 14px;
  }

  .new_job ul li {
    float: left;
    width: 50%;
    margin-top: 0px;
  }

  .new_job ul li.new_jobsociety {
    -webkit-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
  }

  .new_job ul li.new_jobcampus {
    -webkit-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px;
  }

  .new_joblist {
    padding-left: 80px;
  }

  .new_joblist h3 {
    font-size: 20px;
  }

  .new_joblist p {
    font-size: 16px;
  }

  .new_joblist img {
    width: 62px;
  }

  .new_job {
    padding-top: 25px;
  }

  .new_jobdesc dl dt h3 {
    font-size: 20px;
  }

  .new_jobdesc dl dt p {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .new_jobtitle {
    padding-top: 70px;
  }

  .new_jobtitle h3 {
    font-size: 46px;
  }

  .new_jobbg {
    min-height: 824px;
  }
}

@media (min-width: 1260px) {
  .new_jobtitle {
    padding-top: 90px;
  }

  .new_jobtitle h3 {
    font-size: 56px;
  }

  .new_jobtitle p {
    font-size: 16px;
  }

  .new_joblist {
    padding-left: 100px;
  }

  .new_joblist h3 {
    font-size: 24px;
    padding-top: 8px;
  }

  .new_joblist p {
    font-size: 18px;
  }

  .new_joblist img {
    width: 78px;
  }

  .new_job {
    padding-top: 35px;
  }

  .new_jobbg {
    min-height: 924px;
  }

  .new_jobdesc dl dt h3 {
    font-size: 24px;
  }

  .new_jobdesc dl dt p {
    font-size: 16px;
  }
}

/*--棣栭〉鏂伴椈灏忓渾鐐�--*/
.indexnewsdot {
  text-align: center;
  padding-top: 48px;
}

.indexnewsdot span {
  background: #d0cec6;
  margin: 0px 5px;
}

.indexnewsdot span.swiper-pagination-bullet-active {
  background: #0ba690;
}

/*20210319-鏂板鍏ㄦ浠ｈ█浜� s*/
.zadd-spokesman-desc {
  margin-top: 20px;
  padding-bottom: 10px;
}

.zadd-spokesman-desc .pic .u-img::after {
  padding-bottom: 62.5%;
}

.zadd-spokesman-desc .word {
  padding: 20px 15px;
}

.zadd-spokesman-desc .word h3 {
  color: #333333;
  font-weight: 200;
  font-size: 22px;
  line-height: 1.4;
}

.zadd-spokesman-desc .word .txt {
  font-size: 14px;
  line-height: 1.3;
  color: #333333;
  margin-top: 10px;
}

.zadd-spokesman-desc .word .source-tips {
  margin-top: 18px;
  padding-top: 18px;
  border-top: solid 1px #e5e5e5;
  color: #999999;
  font-size: 12px;
  line-height: 1.3;
}

.zadd-spokesman-brand {
  padding: 20px 0 10px;
  background: #f8f8f8;
}

.zadd-spokesman-brand-title {
  text-align: center;
  color: #111111;
  opacity: 0.15;
  font-size: 26px;
  font-weight: bold;
}

.zadd-spokesman-brand .discoverpro-twotextv {
  text-align: left;
}

.zadd-spokesman-product {
  padding: 25px 0 30px;
}

.zadd-spokesman-product-title {
  text-align: center;
  font-size: 22px;
}

.zadd-spokesman-product-cont {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.zadd-spokesman-product-cont .left.pic .u-img::after {
  padding-bottom: 78.57142%;
}

.zadd-spokesman-product-cont .right {
  margin-top: 20px;
}

.zadd-spokesman-product-cont .right .topimg {
  position: relative;
  border: solid 1px #e9e9e9;
  background: #f8f8f8;
}

.zadd-spokesman-product-cont .right .topimg h2 {
  font-size: 14px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #828282;
}

.zadd-spokesman-product-cont .right .word {
  margin-top: 20px;
}

.zadd-spokesman-product-cont .label-list {
  font-size: 0;
}

.zadd-spokesman-product-cont .label-list li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  border-radius: 1000px;
  color: #fff;
  line-height: 30px;
  background-color: #00ac96;
  text-align: center;
  padding: 0 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.zadd-spokesman-product-cont .word>h3 {
  font-size: 20px;
  color: #333333;
  font-weight: 200;

}

.zadd-spokesman-product-cont .word>h3::after {
  content: '';
  display: block;
  height: 3px;
  width: 40px;
  margin-top: 8px;
  background-color: #00ac96;
}

.zadd-spokesman-product-cont .word .product-desc {
  margin-top: 20px;
}

.zadd-spokesman-product-cont .word .product-desc dl {
  font-size: 0;
}

.zadd-spokesman-product-cont .word .product-desc dd {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  margin-right: 10px;
  padding-left: 10px;
  position: relative;
}

.zadd-spokesman-product-cont .word .product-desc dd::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  height: 16px;
  width: 1px;
  background: #666;
  opacity: .3;
}

.zadd-spokesman-product-cont .word .product-desc dd:first-child {
  padding-left: 0;
}

.zadd-spokesman-product-cont .word .product-desc dd:first-child::before {
  display: none;
}

.zadd-spokesman-product-cont .recommend-source {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #e8e8e8;
  color: #999999;
  font-size: 12px;
}

.zadd-spokesman-recommend {
  padding: 30px 15px;
  background: #f8f8f8;
}

.zadd-spokesman-recommend-swiper {
  overflow: hidden;
}

.zadd-spokesman-recommend-swiper .item {
  display: block;
}

.zadd-spokesman-recommend-swiper .u-img::after {
  padding-bottom: 63.43283%;
}

.zadd-spokesman-recommend-swiper .word {
  padding-top: 15px;
}

.zadd-spokesman-recommend-swiper .word h2 {
  font-size: 16px;
  color: #465351;
  max-height: 48px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zadd-spokesman-recommend-swiper .word .time {
  margin-top: 10px;
  line-height: 1.2;
  font-size: 14px;
  color: #999;
}

.zadd-spokesman-recommend-swiper .word .txt {
  margin-top: 10px;
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
  max-height: 72px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.zadd-spokesman-recommend-page {
  width: 100%;
  height: 4px;
  background: #f3f1e9;
  position: relative;
  margin-top: 12px;
}

.zadd-spokesman-recommend-page .swiper-pagination-progressbar {
  background: #0ba690;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

@media (min-width: 768px) {
  .zadd-spokesman-desc {
    padding-bottom: 30px;
  }

  .zadd-spokesman-desc .item {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }

  .zadd-spokesman-desc .item:nth-child(odd) {
    flex-direction: row-reverse;
  }

  .zadd-spokesman-desc .pic {
    flex: 0 0 66.66666%;
  }

  .zadd-spokesman-brand {
    padding-top: 30px;
  }

  .zadd-spokesman-brand-title {
    font-size: 40px;
  }

  .zadd-spokesman-brand .discoverpro-twoul .discoverpro-twoview {
    float: left;
  }

  .zadd-spokesman-brand .discoverpro-twoul .discoverpro-twotext {
    float: right;
  }

  .zadd-spokesman-brand .discoverpro-twoul li:nth-child(2n) .discoverpro-twoview {
    float: right;
  }

  .zadd-spokesman-brand .discoverpro-twoul li:nth-child(2n) .discoverpro-twotext {
    float: left;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes {
    max-height: 194px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #fff;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #0ba690;
  }

  .zadd-spokesman-brand .discoverpro-twotextcon .discoverpro-twobat {
    text-align: left;
    padding-left: 13.54167%;
  }

  .zadd-spokesman-brand {
    padding-bottom: 40px;
  }

  .zadd-spokesman-product-cont .left {
    width: 65.11627%;
    float: left;
  }

  .zadd-spokesman-product-cont .right {
    float: right;
    width: 33.72093%;
    margin-top: 0;
  }

  .zadd-spokesman-recommend {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .zadd-spokesman-desc {
    margin-top: 40px;
  }

  .zadd-spokesman-desc .word {
    padding-left: 50px;
    padding-right: 30px;
  }

  .zadd-spokesman-desc .word h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .zadd-spokesman-desc .word .txt {
    font-size: 16px;
    line-height: 30px;
  }

  .zadd-spokesman-desc .item {
    margin-top: 40px;
  }

  .zadd-spokesman-desc {
    padding-bottom: 80px;
    position: relative;
  }

  .zadd-spokesman-brand {
    padding-top: 100px;
    position: relative;

  }

  .zadd-spokesman-brand-title {
    position: absolute;
    top: 65px;
    left: 50%;
    z-index: 2;
    transform: translatex(-50%);
    width: auto;
  }

  .zadd-spokesman-brand-title span {
    display: block;
    line-height: 50px;
    font-size: 60px;
    text-align: left;
  }

  .zadd-spokesman-brand-title span:nth-child(2) {
    transform: translatex(90px);
  }

  .zadd-spokesman-brand {
    padding-bottom: 80px;
  }

  .zadd-spokesman-product {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .zadd-spokesman-product-title {
    font-size: 30px;
  }

  .zadd-spokesman-product-cont {
    margin-top: 15px;
    padding-left: 5.20833%;
    padding-right: 5.20833%;
  }

  .zadd-spokesman-recommend {
    padding: 80px 5.20833%;
  }

  .zadd-spokesman-product-cont .right .topimg h2 {
    font-size: 16px;
    left: 20px;
    bottom: 20px;
  }

  .zadd-spokesman-product-cont .right .word {
    margin-top: 30px;
  }

  .zadd-spokesman-product-cont .label-list li {
    padding-left: 25px;
    padding-right: 25px;
  }

  .zadd-spokesman-product-cont .word>h3 {
    font-size: 26px;
  }

  .zadd-spokesman-product-cont .word>h3::after {
    height: 5px;
    margin-top: 14px;
  }

  .zadd-spokesman-recommend-swiper .swiper-slide {
    height: auto;
  }

  .zadd-spokesman-recommend-swiper .item {
    height: 100%;
  }

  .zadd-spokesman-recommend-swiper .item .pic {
    border: 2px solid transparent;
    transition: all .3s;
  }

  .zadd-spokesman-recommend-swiper .word {
    padding-top: 30px;
  }

  .zadd-spokesman-recommend-swiper .word h2 {
    transition: all .3s;
    font-size: 20px;
  }

  .zadd-spokesman-recommend-swiper .word .time {
    font-size: 18px;
    margin-top: 20px;
    transition: all .3s;
  }

  .zadd-spokesman-recommend-swiper .word .txt {
    font-size: 16px;
    line-height: 26px;
    max-height: 78px;
  }

  .zadd-spokesman-recommend-swiper .item:hover .word h2,
  .zadd-spokesman-recommend-swiper .item:hover .word .time {
    color: #0ba690;
  }

  .zadd-spokesman-recommend-swiper .item:hover .u-img img {
    /*transform: scale(1.03);*/
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .zadd-spokesman-recommend-swiper .item .u-img img {
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    min-width: 100%;
    transition: all .3s;
    transform: translate(-50%, -50%);
  }

  .zadd-spokesman-recommend-swiper .item:hover .pic {
    border-color: #0ba690;
    -webkit-box-shadow: 0px 10px 20px -10px #aaa;
    box-shadow: 0px 10px 20px -10px #aaa;
    -webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
    box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
  }

  .zadd-spokesman-recommend-page {
    margin-top: 30px;
  }
}

@media (min-width: 1260px) {
  .zadd-spokesman-desc .word h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .zadd-spokesman-desc .word .txt {
    margin-top: 15px;
  }

  .zadd-spokesman-desc .word .source-tips {
    font-size: 14px;
    margin-top: 22px;
    padding-top: 22px;
  }

  .zadd-spokesman-desc .item {
    margin-top: 60px;
  }

  .zadd-spokesman-desc .item:nth-child(1) {
    margin-top: 0;
  }

  .zadd-spokesman-desc {
    padding-bottom: 120px;
  }

  .zadd-spokesman-brand {
    padding-top: 160px;
  }

  .zadd-spokesman-brand .discoverpro-twoul {
    margin-top: 0;
  }

  .zadd-spokesman-brand-title {
    top: 90px;
  }

  .zadd-spokesman-brand-title span {
    line-height: 78px;
    font-size: 90px;
  }

  .zadd-spokesman-brand-title span:nth-child(2) {
    transform: translatex(138px);
  }

  .zadd-spokesman-brand .discoverpro-twotextdes {
    max-height: 270px;
  }

  .zadd-spokesman-brand {
    padding-bottom: 120px;
  }

  .zadd-spokesman-product {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .zadd-spokesman-product-title {
    font-size: 40px;
  }

  .zadd-spokesman-recommend {
    padding-top: 100px;
  }

  .zadd-spokesman-recommend-swiper .word {
    padding-top: 45px;
  }

  .zadd-spokesman-recommend-swiper .word h2 {
    font-size: 22px;
  }

  .zadd-spokesman-recommend-swiper .word .time {
    margin-top: 30px;
  }

  .zadd-spokesman-recommend-swiper .word .txt {
    margin-top: 20px;
  }

  .zadd-spokesman-recommend-page {
    margin-top: 40px;
  }
}

@media (min-width: 1460px) {
  .zadd-spokesman-desc .word {
    padding-right: 50px;
  }

  .zadd-spokesman-desc .word .source-tips {
    margin-top: 26px;
    padding-top: 26px;
    line-height: 28px;
  }

  .zadd-spokesman-desc {
    padding-bottom: 150px;
  }

  .zadd-spokesman-brand {
    padding-top: 240px;
  }

  .zadd-spokesman-brand-title span {
    /*font-size: 120px;*/
    line-height: 109px;
    font-size: 120px;
  }

  .zadd-spokesman-brand-title {
    top: 140px;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes {
    max-height: 300px;
  }

  .zadd-spokesman-brand-title span:nth-child(2) {
    transform: translatex(188px);
  }

  .zadd-spokesman-brand {
    padding-bottom: 150px;
  }

  .zadd-spokesman-product {
    padding-bottom: 130px;
  }

  .zadd-spokesman-recommend {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

@media (min-width: 1680px) {
  .zadd-spokesman-desc .item:nth-child(odd) .word {
    margin-right: auto;
    padding-left: 100px;
  }

  .zadd-spokesman-desc .item:nth-child(even) .word {
    padding-left: 75px;
    padding-right: 100px;
    flex: 1;
  }

  .zadd-spokesman-brand .discoverpro-twotext h3 {
    font-size: 40px;
  }

  .zadd-spokesman-brand .discoverpro-twotextdes {
    font-size: 16px;
    line-height: 30px;
  }

  .zadd-spokesman-product-cont .right .topimg h2 {
    left: 30px;
    bottom: 30px;
  }

  .zadd-spokesman-product-cont .right .word {
    margin-top: 40px;
  }

  .zadd-spokesman-product-cont .word>h3 {
    font-size: 32px;
  }

  .zadd-spokesman-product-cont .word>h3::after {
    margin-top: 20px;
  }

  .zadd-spokesman-product-cont .word .product-desc dd {
    margin-right: 20px;
    padding-left: 20px;
  }
}

/*20210319-鏂板鍏ㄦ浠ｈ█浜� e*/


/*hide mianroujin*/
a[href='/mianroujin/']{
	display:none;
}