@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 .swiper-slide a{display: block;}
.inbanner .inbanner-img { width: 100%; max-width:initial;display: block;}

.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: url(../images/inpro-minposibg.png) no-repeat center center/100% 100%; content: ""; }

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

.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(../images/insearch-btn3.png) no-repeat center center; background-size: 18px auto; }

.header-btn .insearch-btn.active { background-color: #0ba690; background-image: url(../images/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(../images/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(../images/insearch-btn1.png) #0ba690 no-repeat center center; }

.mobile-Searchbtn{background: url(../images/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:100px; }

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

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

.neibanner::before{content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
    
    

.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: url(../images/discoverpro-threeinsub.png) 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: url(../images/newsicon-more.png) 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-menuitem:hover .inleft-menuview2{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;opacity: 0;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.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: url(../images/designerpost-onebtnicon1.png) 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: url(../images/designerpost-onebtnicon2.png); 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: url(../images/cottonfm-oneconimgv.png) 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: url(../images/suzyexplore-twocon.jpg); }

.suzyexplore-threecon { margin-bottom: 10px; background-image: url(../images/suzyexplore-threecon.jpg); }

.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: url(../images/suzymember-lastbg.png); }

.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; overflow: hidden; }
  #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(../images/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(../images/insearch-btn3.png); }
  .inheader:hover .headerSearchbox .insearch-insub, .inheader.active .headerSearchbox .insearch-insub { background-image: url(../images/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(../images/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(../images/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: url(../images/newsicon-more-hv.png); 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: url(../images/birthsearch.png) 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: url(../images/pagemore.png) 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: url(../images/newsicon-look.png) left center no-repeat; margin-left: 27px; }

.news-detail-main .shareNum { padding-left: 26px; background: url(../images/newsicon-share.png) 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: url(../images/newsicon-more.png) 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: url(../images/news-prev.png) center no-repeat; }

.news-banner-thumb .next { right: 0; background: url(../images/news-next.png) 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: url(../images/newsicon-more.png) 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 url(../images/storesearch.png) 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: url(../images/newsicon-more-hv.png); 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: url(../images/newsicon-more-hv.png); 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: url(../images/storesearch.png) 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: url(../images/loading.gif) 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: url(../images/storeaddr.png) 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: url(../images/storeaddr.png) 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: url(../images/suzydot-icon.png) 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: url(../images/acprev.png); }

.activities-tab-swiper .ac-next { right: 0; }

.activities-tab-swiper .ac-next .ico { background-image: url(../images/acnext.png); }

.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: url(../images/acnextac.png); }
  .activities-tab-swiper .ac-prev:hover .ico { background-image: url(../images/acprevac.png); } }

.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: url(../images/origin-siteico.png) 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: url(../images/acprev.png); }

.year-line-wrapper .year-next { right: 0; background-image: url(../images/acnext.png); }

.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: url(../images/mkmailico.png) 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: url(../images/mk-featruelibg2.png); }

.mk-featrue .fea-list li:nth-child(3n) .u-img { background-color: #a4b7c5; background-image: url(../images/mk-featruelibg3.png); }

.mk-featrue .fea-list li:nth-child(4n) .u-img { background-color: #d9887f; background-image: url(../images/mk-featruelibg4.png); }

.mk-featrue .fea-list .u-img { background-image: url(../images/mk-featruelibg1.png); 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: url(../images/closebtn.png) 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: url(../images/bg.png) 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: url(../images/iealertsprite.png) 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: url(../images/iealertsprite.png) 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: url(../images/searchaico.png); /* {"title": "搜索输入框背景图","type":"image","name": "@imgsearchAtext","value": "url(../images/searchAico.png)"}*/ }

.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: url(../images/jobimg01.jpg) 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;
}


/*--2021-11-12新-新闻中心--*/
.new_newsBannerbox { padding-top: 30px; }

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

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

.new_newsBannerdot { position: relative; text-align: center; }

.new_newsBannerdot span { display: inline-block; width: 8px; height: 8px; margin: 0px 3px; -webkit-border-radius: 100%; border-radius: 100%; background: #f5f4f2; }

.new_newsBannerdot span.swiper-pagination-bullet-active { background: #0ba690; }

.new_newsBannerContent { padding: 10px 10px; }

.new_newsBannerContent h3 { font-size: 16px; color: #0ba690; }

.new_newsBannerContent p { font-size: 14px; padding-top: 5px; }

.new_newsBannerText { margin-left: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #fff; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05); display: none; }

.new_newsBannerText ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.new_newsBannerText ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; border-bottom: 1px solid #e4e4e4; cursor: pointer; background-color: transparent; -webkit-transition: all .8s ease; transition: all .8s ease; }

.new_newsBannerText ul li .new_newsBannerTextContent { padding: 0px 40px; font-size: 16px; }

.new_newsBannerText ul li .new_newsBannerTextContent h3 { color: #465351; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.new_newsBannerText ul li .new_newsBannerTextContent p { color: #b4a372; padding-top: 10px; }

.new_newsBannerText ul li.cur { background-color: #0ba690; }

.new_newsBannerText ul li.cur .new_newsBannerTextContent h3 { color: #fff; }

.new_newsBannerText ul li.cur .new_newsBannerTextContent p { color: #fff; }

.new_newsBannerText ul li:nth-child(3) { border-bottom: none; }

.new_NewsSearchbox { padding-top: 30px; text-align: right; }

.new_NewsSearchSelect { background: #f5f4f2; width: 100%; text-align: left; padding: 0px 20px; vertical-align: middle; }

.new_NewsSearchSelect select { width: 100%; background: none; outline: none; height: 40px; font-size: 14px; color: #565050; }

.new_NewsSearch { width: 100%; background: #f5f4f2; vertical-align: middle; position: relative; margin-top: 15px; }

.new_NewsSearch label { display: block; padding: 0px 120px 0px 20px; }

.new_NewsSearch label input { width: 100%; height: 40px; background: none; border: none; outline: none; color: #565050; font-size: 14px; }

.new_NewsSearch .new_NewsSearchSubmit { position: absolute; right: 0px; top: 0px; width: 100px; height: 40px; font-size: 14px; background: #0ba690 url(../images/new_newslist_02.png) no-repeat 30px center; padding-left: 30px; color: #fff; font-weight: 700; }

.new_NewsList { padding: 30px 0px; }

.new_NewsList dl { padding: 15px 0px; }

.new_NewsList dl dt { position: relative; overflow: hidden; }

.new_NewsList dl dt img { display: block; width: 100%; }

.new_NewsList dl dd { border-bottom: 1px solid #dcdcdc; float: left; padding-bottom: 20px; }

.new_NewsList dl dd h3 { font-size: 16px; color: #465351; margin-top: 10px; }

.new_NewsList dl dd .time { font-size: 14px; color: #b4a372; }

.new_NewsList dl dd .desc { margin-top: 10px; font-size: 14px; color: #708481; color: #708481; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.new_NewsList dl:hover a dd h3 { color: #0ba690; }

.newsPages{padding:60px 0px 80px}

@media (min-width: 768px) { .new_newsBannerContent { display: none; }
  .new_newsBannerText { display: block; }
  .new_newsBanner { width: 450px; }
  .new_newsBannerText ul li .new_newsBannerTextContent { padding: 0px 20px; font-size: 12px; }
  .new_newsBannerbox { padding-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .new_NewsSearchbox { padding-top: 50px; }
  .new_NewsSearchSelect { display: inline-block; background: #f5f4f2; width: 220px; }
  .new_NewsSearch { display: inline-block; width: 380px; margin-top: 0px; }
  .new_NewsSearchSelect select { font-size: 16px; height: 46px; }
  .new_NewsSearch label { padding: 0px 140px 0px 20px; }
  .new_NewsSearch label input { height: 46px; font-size: 16px; }
  .new_NewsSearch .new_NewsSearchSubmit { width: 120px; height: 46px; font-size: 16px; }
  .new_newsBannerdot { display: none; }
  .new_NewsList dl { padding: 20px 0px; }
  .new_NewsList dl dt { float: left; width: 260px; height: 200px; }
  .new_NewsList dl dt img { height: 200px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .new_NewsList dl dd { width: -webkit-calc(100% - 300px); width: calc(100% - 300px); margin-left: 40px; height: 200px; float: left; }
  .new_NewsList dl dd h3 { font-size: 20px; color: #465351; display: -webkit-box; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 20px; }
  .new_NewsList dl dd .time { font-size: 20px; }
  .new_NewsList dl dd .desc { margin-top: 20px; } }

@media (min-width: 992px) { .new_newsBanner { width: 600px; }
  .new_newsBannerText ul li .new_newsBannerTextContent { padding: 0px 30px; font-size: 14px; } }

@media (min-width: 1260px) { .new_newsBanner { width: 750px; }
  .new_newsBannerbox { padding-top: 70px; }
  .new_NewsSearchbox { padding-top: 70px; }
  .new_NewsList dl dt { width: 300px; height: 210px; }
  .new_NewsList dl dt img { height: 210px; }
  .new_NewsList dl dd { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); margin-left: 40px; height: 210px; } }

@media (min-width: 1400px) { .new_newsBanner { width: 900px; }
  .new_newsBannerText ul li .new_newsBannerTextContent { padding: 0px 40px; font-size: 16px; }
  .new_newsBannerbox { padding-top: 100px; }
  .new_NewsSearchbox { padding-top: 100px; }
  .new_NewsList dl dt { width: 400px; height: 240px; }
  .new_NewsList dl dt img { height: 240px; }
  .new_NewsList dl dd { width: -webkit-calc(100% - 440px); width: calc(100% - 440px); margin-left: 40px; height: 240px; }
  .new_NewsList dl { padding: 30px 0px; } }

@media (min-width: 1600px) {
  .new_newsBanner { width: 1000px; } }
  
/*--2021-11-12新-新闻中心--*/


.u-img::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
.image::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
    .founder-onefl{position: relative;}
    .founder-onefl::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}    
    
    .founder-onename{position: relative;}
    .founder-onename::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
    
    .full-explore-content .bot-info .circle .ico-item .ico::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
    
    .vitality .thumb::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;}
    .image{position: relative;}
    
    .cottontime-two .swiper-slide::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }
    
    .natural-bd-album .swiper-slide::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }    
    
    .DiscoverXp1 .bj::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
    }    
    .DiscoverXp1 .con{position: relative;z-index:5;}
    
    .pictureBox{position: relative;}
    
   .pictureBox::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
    }  
    
    .Soft_banner::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
    }
    
      .Soft_paperImg .swiper-slide::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
    }
    
    .Soft_video{z-index:5;}    
     .Soft_Advantage dl dd::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }
    .Soft_PaperTowelsImg .swiper-slide::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }       
    .q_mask{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }    

    .q_img_box{position: relative;width:100%;height:100%;} 
    
        .suzywashing-threeimg::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }         
    .shabu .main5 .block .picture_container::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }    
       .parentscamp-oneimg{position: relative;}
        .parentscamp-oneimg::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }  
    .suggest .icon{position: relative;}
    .suggest .icon::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }      
    .new_jobList{position: relative;}
    .new_jobList::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }      
    .new_jobDesc dl dd{position: relative;}
    .new_jobDesc dl dd::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }  
    .infooter .infooter-zhong .footTabBar .tabTerm .ftz_tou{position: relative;}
    .infooter .infooter-zhong .footTabBar .tabTerm .ftz_tou::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }
       
       .infooter-fen a{position: relative;}
    .infooter-fen a::before{    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
    }
    
    .ftz_tou .q_img_box{width:auto;height:auto;}
    
   .product_story{width: 100%;height: auto;padding-top:48px;margin-bottom: 134px;}
.product_story .top_icon{width: 24px;height: 64px;margin: 0 auto;}
.product_story .top_icon img{background-color: rgba(0,0,0,0)}
.product_story .story_banner{width: 1200px;height: auto;margin: 40px auto 0;}
.product_story .story_banner h3{color: #73675D;font-size: 26px;margin-top: 33px;text-align: center;}
.product_story .story_banner p{max-width: 450px;text-align: center;color: #918881;font-size: 16px;line-height: 34px;margin: 17px auto 0;}
.product_story .story_banner a{display: block;width: 120px;height: 40px;background-color: #E77A22;line-height: 40px;text-align: center;font-size: 16px; margin: 20px auto 0; color:#fff;}

.buy_product{padding:80px 0 109px;width: 100%;height: 540px;}
.buy_product .mainbox{width: 1240px}
.buy_product .show_pic{width: 720px;height: 540px;float: left;margin-right: 50px;padding-left: 40px;background-color: #F9F9F9}
.buy_product .show_pic .picbox{width: 100%;height: 100%;background-color: #F9F9F9;}
.buy_product .show_pic .picbox .pic{width: 100%;height: 100%;background-size: cover}
.buy_product .show_pic .pointbox{z-index: 20;position: absolute;bottom: 0;left: 0;top:0;margin:auto;width: 40px;height: 100%;background-color: #fff;box-sizing:border-box;padding-right: 30px;/*display: flex;align-items: center;*/ /*display:table-cell;vertical-align:middle;*/}
.buy_product .show_pic .pointbox .point{width: 10px;height: auto;display: inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.buy_product .show_pic .pointbox .point .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing:border-box;border:2px solid #89796D;border-radius: 50%;background-color: rgba(0,0,0,0);margin:4.5px 0;}
.buy_product .show_pic .pointbox .point .swiper-pagination-bullet-active{background-color:#89796D }
.buy_product .buy_box{width: 430px;height: 540px;float: left;position: relative;box-sizing:border-box;padding-top: 38px;}
.buy_product .buy_box h3{color: #73675D;font-size: 26px;font-weight:400;}
.buy_product .buy_box .price,.buy_product .buy_box .price em{color: #E77A22;font-size: 26px;font-weight:400;}
.buy_product .buy_box .price{margin-top: 11px}
.buy_product .buy_box .desc{position: relative;}
.buy_product .buy_box .desc p{color: #918881;font-size: 14px;line-height: 30px;margin-top: 50px}
.buy_product .buy_box .desc .color{width: 30px;height: 30px;margin-right: 20px;float: left;}
.buy_product .buy_box .buy_num{width: 120px;height: 36px;position: relative;margin-top: 35px}
.buy_product .buy_box .buy_num input{width: 100%;height: 100%;box-sizing:border-box;border: 1px solid #898078;text-align: center;color: #918881;font-size: 18px}
.buy_product .buy_box .buy_num .reduce{width: 20px;height: 20px;background-image: url(../images/reduce.png);position: absolute;top:0px;left:7px;bottom: 0;margin:auto;cursor: pointer;}
.buy_product .buy_box .buy_num .add{width: 20px;height: 20px;background-image: url(../images/add.png);position: absolute;top:0px;right:7px;bottom: 0;margin:auto;cursor: pointer;}
.buy_product .buy_box .buy_btnbox{width: 100%;height: auto;padding:30px 0 0;border-top: 1px solid #E5E5E5;margin-top: 30px}
.buy_product .buy_box .buy_btnbox input{width: 200px;height: 50px;background-color: #E77A22;float: left;font-size: 16px;color: #fff;}
.buy_product .buy_box .buy_btnbox input.huihui{background:#CCCCCC ;color: #73675D;}
.buy_product .buy_box .buy_btnbox a{float: left;margin-left: 50px;font-size: 16px;color: #73675D;line-height: 50px;}
.buy_product .buy_box .foot{position: absolute;bottom: 0;left: 0;width: 100%;}
.buy_product .buy_box .foot .share{float: left;}
.buy_product .buy_box .foot .share span{color: #73675D;display: inline-block;vertical-align: top;line-height: 20px}
.buy_product .buy_box .foot .share a{display: inline-block;width: 20px;height: 20px;margin-left: 16px;line-height: 20px}
.buy_product .buy_box .foot .collect{float: right;color: #73675D;position: relative;}
.buy_product .buy_box .foot .collect:after{content: '';position: absolute;left: -12px;top:0;right: 0;margin:auto;}
.show_cp{padding-bottom: 135px}
.show_cp h2{text-align: center;}
.show_cp h2:after { content: '';width: 64px; height: 12px;background-image: url(../images/tit_icon.png);background-repeat: no-repeat;position: absolute;left: 0;right: 0;margin: auto;bottom: -34px;}
.show_cp .imgbox{margin-top: 89px}
.show_cp .imgbox .img{width: 100%;margin-bottom: 10px;position: relative;}
.show_cp .imgbox .img .warp{width: 50%;height: auto;display: inline-block;float: right;}
.show_cp .imgbox .img .text{width: 50%;float: right;padding:70px;height: 100%;box-sizing:border-box;}
.show_cp .imgbox .img .text h3{color: #73675D;font-size: 26px;margin-bottom: 22px}
.show_cp .imgbox .img .text p,.show_cp .imgbox .img .text span{color: #918881;line-height: 36px;font-size: 16px}
.show_cp .imgbox .img .text span{width: 100%;display: block;}
.show_cp .imgbox .img .text .right{text-align: right;}
.show_cp .imgbox>h3{color: #73675D;font-size: 26px;text-align: center;margin-bottom: 33px;margin-top: 82px}
.show_cp .contentbox{padding-bottom: 150px;background-size: 100% auto;background-position: bottom;background-repeat: no-repeat;}
.show_cp .contentbox .content{width:1200px;box-sizing:border-box;padding:0;margin:0 auto;}
/*.show_cp .contentbox .content p{font-size: 16px;line-height: 30px;color: #918881}
.show_cp .contentbox .content p span{color: #73675D;font-size: 16px;font-weight: bold;display: inline-block;width: 100%;line-height: 30px;margin-top: 15px}
.show_cp .contentbox .content p:first-child span{margin-top: 0}*/
.show_cp .cp_recommend h2{text-align: center;margin-top: 78px}
.show_cp .cp_recommend h2:after { content: '';width: 64px; height: 12px;background-image: url(../images/tit_icon.png);background-repeat: no-repeat;position: absolute;left: 0;right: 0;margin: auto;bottom: -34px;}
.show_cp .cp_recommend .itembox{width: 100%;height: 420px;margin-top: 89px}
.show_cp .cp_recommend .itembox .item{transition:all 0.2s;position: relative;z-index: 1;width: 380px;height: 100%;float: left;margin-right: 30px;background-color: #F9F9F9}
.show_cp .cp_recommend .itembox .item:nth-child(3){margin-right: 0}
.show_cp .cp_recommend .itembox .item .img{height: 315px;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #f9f9f9}
.show_cp .cp_recommend .itembox .item .text{width: 100%;height: 105px;box-sizing: border-box;padding: 30px;position: absolute;bottom: 0;transition:all 0.2s;background-color: #f9f9f9}
.show_cp .cp_recommend .itembox .item .text p{text-align: center;}
.show_cp .cp_recommend .itembox .item .text p:last-child{ margin-top: 10px;}
.show_cp .cp_recommend .itembox .item .text p span{color: #73675D; font-size: 16px;}
.show_cp .cp_recommend .itembox .item .text p em{color: #73675D;font-size: 18px;}
.show_cp .cp_recommend .itembox .item .btn{display: block;width: 115px;height: 36px;background-color: #E77A22;color: #fff;margin:5px auto 0;display: none;line-height: 36px;text-align: center;}

.show_cp_xq{}
.show_cp_xq video{display: block;width: 100%;margin: 0 auto;object-fit: fill;}
.show_cp_xq .pic{ width:965px; margin:0 auto; margin-top:80px;}
.show_cp_xq img{ width:100%;}
.show_cp_xq .icon{ width:24px; margin:18px auto;}
.show_cp_xq h3{ font-size:36px; line-height:70px; color:#918881; text-align:center; font-weight:300;}
.show_cp_xq p{ color:#918881; line-height:38px; font-size:20px; text-align:center;}
.show_cp_xq p img{ margin-top:30px;width: 790px;}

    



/*分页*/
.pagination{
    display:table;
    height:40px;
    padding:20px 0px;
    margin:0 auto;
}
.pagination li{
    float: left;
}
.pagination a{
    display:block;
    float:left;
    margin-right:8px;
    padding:2px 12px;
    min-height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
    font-family:Verdana,Arial
}
.pagination li.active a{
    border: 1px #000000 solid;
    background: #000000;
    color: #fff;
}
.pagination a:hover{
    color:#000000;
    background: white;
    border:1px #000000 solid;
}
.pagination a.cur{
    border:1px #000000 solid;
    background:#000000;
    color:#fff;
}
.pagination p{
    padding:0px;
    margin:0px;
    float:left;
    cursor:pointer;
    font-family:Verdana,Arial;
    padding:2px 12px;
    font-size:12px;
    min-height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}