@charset "UTF-8";
@import url("https://cdn-font.hyperos.mi.com/font/css?family=MiSans_Latin_VF:VF:Latin&display=swap");@import url("https://cdn-font.hyperos.mi.com/font/css?family=MiSans_VF:VF:Chinese_Simplify,Latin&display=swap");@import url("https://cdn-font.hyperos.mi.com/font/css?family=MiSans:100,200,300,400,450,500,600,650,700,900:Chinese_Simplify,Latin&display=swap");
* {

  margin: 0;

  padding: 0; }
  
.font-sans{font-family:MiSans VF,system-ui,sans-serif}
.dingliesong{font-family:'dingliesong','dlsbd' !important;}
@font-face {

  font-family: 'dingliesong';
  
 src: url('https://hndskj.oss-cn-hangzhou.aliyuncs.com/zyylgw/dingliesongtypeface-Regular.woff2') format('woff2'),
       url('https://hndskj.oss-cn-hangzhou.aliyuncs.com/zyylgw/dingliesongtypeface-Regular.woff') format('woff');
	    font-display: swap; 
  }
@font-face {

  font-family: 'dlsbd';
  
 src: url('https://hndskj.oss-cn-hangzhou.aliyuncs.com/zyylgw/dlsbd.woff2') format('woff2'),
       url('https://hndskj.oss-cn-hangzhou.aliyuncs.com/zyylgw/dlsbd.woff') format('woff');
	    font-display: swap; 
  }

body {

  font-family: MiSans VF, "MiSans",sans-serif;}



.inlineBlock {

  display: inline-block;

  vertical-align: top; }



.no-click {

  pointer-events: none;

  color: #ffffff !important;

  user-select: none; }



.no-click2 {

  pointer-events: none;

  user-select: none; }



img {

  display: block; }



.myHide {

  display: none !important; }



.myHide2 {

  display: none; }



.highlight {

  font-weight: bold; }



.cursor {

  cursor: pointer; }


.bs{ color:#fff !important;}
.container {

  width: 100%;

  box-sizing: border-box;

  overflow: hidden; }

  .container .header {

    font-size: 0;

    white-space: nowrap; }

    .container .header .navBar {

      display: inline-block;

      vertical-align: top;

      width: 42px;

      height: 100vh;

      background: #bb0008;

      padding-top: 32px;

      position: relative;

      z-index: 100;

      box-sizing: border-box; }

      .container .header .navBar .icon-menu .icon-menuLine {

        height: 2px;

        width: 22px;

        background: #ffffff;

        margin: 10px auto 0; }

    .container .header .logo {

      transition: all 0.25s; }

    .container .header .banner-swiper {

      opacity: 0;

      display: inline-block;

      vertical-align: top;

      width: 100%;

      position: relative; 

	       height: 100vh !important;

      overflow: hidden !important;

	  }

	  .container .header .banner-swiper .swiper-wrapper,.container .header .product-swiper .swiper-wrapper{ height: auto !important;  /* 关键修复 */

      min-height: 0 !important; /* 解决flex容器溢出 */

      flex-direction: column;

}

      .container .header .banner-swiper .swiper-wrapper .swiper-slide, .container .header .product-swiper .swiper-wrapper .swiper-slide {

            width: auto;  overflow: hidden;

        /*根据内容调整宽度*/

        position: relative;  height: 100vh !important;

      flex-shrink: 0; /* 禁止压缩 */ }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide img {

          height: 100%;  width: 100%;

          object-fit: cover; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .more {

          height: 100%;

          width: 350px; }

          .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .leftBar {

            width: 8px;

            height: 100%;

            background: #2a3678;

            position: relative; }

            .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .leftBar .wb {

              background: #ffffff;

              width: 103%;

              height: 40px;

              position: absolute;

              left: -1px;

              top: 240px;

              font-size: 18px;

              border: 1px solid #ffffff; }

          .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text {

            width: 100%; }

            .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .title {

              margin-left: 55px;

              color: #2a3678;

              font-size: 14px;

              margin-top: 40px; }

            .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .itemList {

              margin-top: 30px;

              margin-left: 55px;

              font-size: 14px;

              color: #502c1d;

              line-height: 2; }

              .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .itemList .item img {

                margin-bottom: 20px; }

              .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .itemList .item .icon {

                width: 25px; }

              .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .itemList .item:hover {

                color: #2a3678; }

            .container .header .banner-swiper .swiper-wrapper .swiper-slide .more .text .text-colorBar {

              height: 8px;

              background: #2a3678;

              margin-left: 16px;

              margin-top: 34px; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .banner1-word1 {

          position: absolute;

          left: 76px;

          top: 210px;

          width: 300px;

          height: auto; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide video {

          height: 100%;

         /* object-fit: contain;*/

		  object-fit: cover; /* 830调整*/

          display: block;

          mix-blend-mode: screen;

          outline: none;

          border: none; 

		  width:100%;}

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .detail {

          position: absolute;

          width: 18%;

          height: 50px;

          z-index: 200;

          background: #000000;

          opacity: 0; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .detail2 {

          left: 5%;

          top: 53%;

          width: 10%; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .detail3 {

          right: 3%;

          top: 88%;

          width: 10%; }

        .container .header .banner-swiper .swiper-wrapper .swiper-slide .detail4 {

          right: 36%;

          top: 88%;

          width: 19%; }

    .container .header .about-swiper, .container .header .product-swiper, .container .header .skin-swiper, .container .header .plant-swiper, .container .header .yj-swiper, .container .header .brand-swiper, .container .header .solve-swiper, .container .header .expert-swiper, .container .header .culture-swiper, .container .header .news-swiper1, .container .header .news-swiper2, .container .header .examine-swiper, .container .header .materials-swiper, .container .header .fy-swiper, .container .header .scheme-swiper {

      opacity: 0;

      display: inline-block;

      vertical-align: top;

      width: 100%;

      height: 100vh;

      position: relative;

      font-size: 16px; }

      .container .header .about-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .product-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .skin-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .plant-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .yj-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .brand-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .solve-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .expert-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .culture-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .news-swiper1 .news .brandNews-nav .brandNews-nav-single, .container .header .news-swiper2 .news .brandNews-nav .brandNews-nav-single, .container .header .examine-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .materials-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .fy-swiper .news .brandNews-nav .brandNews-nav-single, .container .header .scheme-swiper .news .brandNews-nav .brandNews-nav-single {

        padding-bottom: 20px;

        border-bottom: 1px solid #8E8E8E;

        margin-top: 30px; }

      .container .header .about-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .product-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .skin-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .plant-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .yj-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .brand-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .solve-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .expert-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .culture-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .news-swiper1 .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .news-swiper2 .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .examine-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .materials-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .fy-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle, .container .header .scheme-swiper .news .brandNews-nav .brandNews-nav-single-selectedStyle {

        font-size: 24px;

        color: #2a3678; }

      .container .header .about-swiper .level3-cover, .container .header .product-swiper .level3-cover, .container .header .skin-swiper .level3-cover, .container .header .plant-swiper .level3-cover, .container .header .yj-swiper .level3-cover, .container .header .brand-swiper .level3-cover, .container .header .solve-swiper .level3-cover, .container .header .expert-swiper .level3-cover, .container .header .culture-swiper .level3-cover, .container .header .news-swiper1 .level3-cover, .container .header .news-swiper2 .level3-cover, .container .header .examine-swiper .level3-cover, .container .header .materials-swiper .level3-cover, .container .header .fy-swiper .level3-cover, .container .header .scheme-swiper .level3-cover {

        background: #ffffff;

        width: 300px;

        height: 100vh;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 120; }

      .container .header .about-swiper .level3-nav, .container .header .product-swiper .level3-nav, .container .header .skin-swiper .level3-nav, .container .header .plant-swiper .level3-nav, .container .header .yj-swiper .level3-nav, .container .header .brand-swiper .level3-nav, .container .header .solve-swiper .level3-nav, .container .header .expert-swiper .level3-nav, .container .header .culture-swiper .level3-nav, .container .header .news-swiper1 .level3-nav, .container .header .news-swiper2 .level3-nav, .container .header .examine-swiper .level3-nav, .container .header .materials-swiper .level3-nav, .container .header .fy-swiper .level3-nav, .container .header .scheme-swiper .level3-nav {

        position: absolute;

        top: 42%;

        left: 88px;

        z-index: 100; }

        .container .header .about-swiper .level3-nav .level3-nav-single, .container .header .product-swiper .level3-nav .level3-nav-single, .container .header .skin-swiper .level3-nav .level3-nav-single, .container .header .plant-swiper .level3-nav .level3-nav-single, .container .header .yj-swiper .level3-nav .level3-nav-single, .container .header .brand-swiper .level3-nav .level3-nav-single, .container .header .solve-swiper .level3-nav .level3-nav-single, .container .header .expert-swiper .level3-nav .level3-nav-single, .container .header .culture-swiper .level3-nav .level3-nav-single, .container .header .news-swiper1 .level3-nav .level3-nav-single, .container .header .news-swiper2 .level3-nav .level3-nav-single, .container .header .examine-swiper .level3-nav .level3-nav-single, .container .header .materials-swiper .level3-nav .level3-nav-single, .container .header .fy-swiper .level3-nav .level3-nav-single, .container .header .scheme-swiper .level3-nav .level3-nav-single {

          font-size: 16px;

          color: #502c1d;

          margin-bottom: 25px; }

        .container .header .about-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .product-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .skin-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .plant-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .yj-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .brand-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .solve-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .expert-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .culture-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .news-swiper1 .level3-nav .level3-nav-single-selectedStyle, .container .header .news-swiper2 .level3-nav .level3-nav-single-selectedStyle, .container .header .examine-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .materials-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .fy-swiper .level3-nav .level3-nav-single-selectedStyle, .container .header .scheme-swiper .level3-nav .level3-nav-single-selectedStyle {

          color: #502c1d;

          border-bottom: 1px solid #502c1d; }

      .container .header .about-swiper .arrowImg, .container .header .product-swiper .arrowImg, .container .header .skin-swiper .arrowImg, .container .header .plant-swiper .arrowImg, .container .header .yj-swiper .arrowImg, .container .header .brand-swiper .arrowImg, .container .header .solve-swiper .arrowImg, .container .header .expert-swiper .arrowImg, .container .header .culture-swiper .arrowImg, .container .header .news-swiper1 .arrowImg, .container .header .news-swiper2 .arrowImg, .container .header .examine-swiper .arrowImg, .container .header .materials-swiper .arrowImg, .container .header .fy-swiper .arrowImg, .container .header .scheme-swiper .arrowImg {

        width: 50px;

        height: auto;

        position: absolute;

        left: 80px;

        top: 91%;

        z-index: 200; }

      .container .header .about-swiper .process-1-word, .container .header .product-swiper .process-1-word, .container .header .skin-swiper .process-1-word, .container .header .plant-swiper .process-1-word, .container .header .yj-swiper .process-1-word, .container .header .brand-swiper .process-1-word, .container .header .solve-swiper .process-1-word, .container .header .expert-swiper .process-1-word, .container .header .culture-swiper .process-1-word, .container .header .news-swiper1 .process-1-word, .container .header .news-swiper2 .process-1-word, .container .header .examine-swiper .process-1-word, .container .header .materials-swiper .process-1-word, .container .header .fy-swiper .process-1-word, .container .header .scheme-swiper .process-1-word {

        position: absolute;

        top: 25%;

        left: 80px;

        z-index: 200;

        font-size: 30px; }

      .container .header .about-swiper .process-2-word, .container .header .product-swiper .process-2-word, .container .header .skin-swiper .process-2-word, .container .header .plant-swiper .process-2-word, .container .header .yj-swiper .process-2-word, .container .header .brand-swiper .process-2-word, .container .header .solve-swiper .process-2-word, .container .header .expert-swiper .process-2-word, .container .header .culture-swiper .process-2-word, .container .header .news-swiper1 .process-2-word, .container .header .news-swiper2 .process-2-word, .container .header .examine-swiper .process-2-word, .container .header .materials-swiper .process-2-word, .container .header .fy-swiper .process-2-word, .container .header .scheme-swiper .process-2-word {

        position: absolute;

        left: 50px;

        top: 60%;

        z-index: 200;

        height: auto;

        width: 250px; }

      .container .header .about-swiper .swiper-wrapper .swiper-slide, .container .header .product-swiper .swiper-wrapper .swiper-slide, .container .header .skin-swiper .swiper-wrapper .swiper-slide, .container .header .plant-swiper .swiper-wrapper .swiper-slide, .container .header .yj-swiper .swiper-wrapper .swiper-slide, .container .header .brand-swiper .swiper-wrapper .swiper-slide, .container .header .solve-swiper .swiper-wrapper .swiper-slide, .container .header .expert-swiper .swiper-wrapper .swiper-slide, .container .header .culture-swiper .swiper-wrapper .swiper-slide, .container .header .news-swiper1 .swiper-wrapper .swiper-slide, .container .header .news-swiper2 .swiper-wrapper .swiper-slide, .container .header .examine-swiper .swiper-wrapper .swiper-slide, .container .header .materials-swiper .swiper-wrapper .swiper-slide, .container .header .fy-swiper .swiper-wrapper .swiper-slide, .container .header .scheme-swiper .swiper-wrapper .swiper-slide {

        color: #502c1d;

        width: 100vw;

        position: relative; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide img, .container .header .product-swiper .swiper-wrapper .swiper-slide img, .container .header .skin-swiper .swiper-wrapper .swiper-slide img, .container .header .plant-swiper .swiper-wrapper .swiper-slide img, .container .header .yj-swiper .swiper-wrapper .swiper-slide img, .container .header .brand-swiper .swiper-wrapper .swiper-slide img, .container .header .solve-swiper .swiper-wrapper .swiper-slide img, .container .header .expert-swiper .swiper-wrapper .swiper-slide img, .container .header .culture-swiper .swiper-wrapper .swiper-slide img, .container .header .news-swiper1 .swiper-wrapper .swiper-slide img, .container .header .news-swiper2 .swiper-wrapper .swiper-slide img, .container .header .examine-swiper .swiper-wrapper .swiper-slide img, .container .header .materials-swiper .swiper-wrapper .swiper-slide img, .container .header .fy-swiper .swiper-wrapper .swiper-slide img, .container .header .scheme-swiper .swiper-wrapper .swiper-slide img {

          height: 100%;

          object-fit: cover; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 64%;

          left: 80px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-2-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-2-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-2-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-2-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 64%;

          left: 393px;

          white-space: normal;

          font-size: 16px; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-2-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-2-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-2-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-3-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-4-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-3-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-4-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-4-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-3-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-4-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 64%;

          left: 393px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-4-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-3-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-4-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .about-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-3-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .skin-4-word .desc {

            font-size: 18px;

            line-height: 1.5;

            margin-top: 20px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .plant-1-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .plant-1-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .plant-1-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .plant-1-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 64%;

          left: 80px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .plant-1-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .plant-1-word .title {

            font-size: 48px;
 }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .plant-1-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px; color:#705d56 }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-1-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-1-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-1-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-1-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 64%;

          left: 80px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-1-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-1-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-1-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word {

          position: absolute;

          top: 58%;

          left: 23%;

          text-align: center;

          cursor: auto !important; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .title {

            font-size: 38px;

            color: #502c1d;

            letter-spacing: 3px;

            font-weight: bold;

            text-align: left; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .subTitle {

            font-size: 22px;

            text-align: left;

            margin-top: 8px; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList {

            margin-top: 22px;

            margin-left: -34px; }

            .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single {

              text-align: center;

              padding: 0 12px;

              width: 25%; }

              .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .num {

                font-size: 20px;

                color: #1e2c77;

                font-weight: bold; }

              .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .icon-single .desc {

                margin-top: 14px;

                font-size: 14px;

                line-height: 1.5; }

            .container .header .about-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .product-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .skin-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .plant-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .yj-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .brand-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .solve-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .expert-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .culture-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .examine-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .materials-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .fy-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .yj-2-word .iconList .line-border {

              border-left: 1px solid #502c1d; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .solve-1-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .solve-1-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .solve-1-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .solve-1-word {

          position: absolute;

          width: 49%;

          height: auto;

          top: 19%;

          left: 120px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .solve-1-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .solve-1-word .title {

            font-size: 26px;

            font-weight: 600; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .solve-1-word .desc {

            font-size: 14px;

            line-height: 1.1;

            margin-top: 1px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .product-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .skin-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .plant-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .yj-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .brand-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .solve-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .expert-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .culture-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .culture-1, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .culture-1, .container .header .examine-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .materials-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .fy-swiper .swiper-wrapper .swiper-slide .culture-1, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .culture-1 {

          width: 70%;

          left: 18.5%;

          height: 71%;

          margin: auto;

          position: absolute;

          top: 19%; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .product-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .fy-title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .fy-title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .fy-title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .fy-title {

          width: 60%;

          height: auto;

          display: block;

          margin: 0 auto; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .fy-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .fy-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .fy-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .fy-word {

          font-size: 20px;

          text-align: center;

          line-height: 1.75;

          margin-top: 15px; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .product-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .skin-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .plant-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .yj-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .brand-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .solve-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .expert-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .culture-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .fy-word span, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .fy-word span, .container .header .examine-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .materials-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .fy-swiper .swiper-wrapper .swiper-slide .fy-word span, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .fy-word span {

            color: #2a3678; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-1-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-1-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-1-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-1-word {

          position: absolute;

          width: 50%;

          height: auto;

          top: 34%;

          left: 120px;

          white-space: normal; }

		  

		  .expert-1-word2{

		  position: absolute;

		  width: 50%;

          height: auto;

          top: 34%;

          left: 180px;

          white-space: normal;

		  }

		  .expert-1-word2 .title

		  { font-size: 30px;

            font-weight: 600;}

			.expert-1-word2 .desc{  font-size: 16px;

            line-height: 1.5;

            margin-top: 20px;

			width:550px; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-1-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-1-word .title {

            font-size: 36px;

            font-weight: 600; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-1-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px;

			width:550px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .examine-1-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .examine-1-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .examine-1-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .examine-1-word {

          position: absolute;

          width: 29%;

          height: auto;

          top: 65%;

          left: 80px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .examine-1-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .examine-1-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .examine-1-word .desc {

            font-size: 16px;

            line-height: 1.5;

            margin-top: 20px; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-3-word, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-3-word, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-3-word, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-3-word {

          position: absolute;

          height: auto;

          top: 78%;

          left: 393px;

          white-space: normal; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-3-word .title, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-3-word .title {

            font-size: 38px;

            font-weight: 700; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-3-word .desc {

            font-size: 18px;

            line-height: 1.5;

            margin-top: 20px; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .product-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .skin-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .plant-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .yj-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .brand-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .solve-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .expert-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .culture-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .examine-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .materials-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .fy-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .expert-3-word .xhs-icon {

            display: inline-block;

            width: 80px;

            vertical-align: middle; }

        .container .header .about-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .product-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .skin-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .plant-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .yj-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .brand-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .solve-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .expert-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .culture-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .examine-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .materials-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .fy-swiper .swiper-wrapper .swiper-slide .cultureNewsList, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .cultureNewsList {

          position: relative;

          top: 0;

          bottom: 0;

          margin: auto; }

          .container .header .about-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .product-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .skin-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .plant-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .yj-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .brand-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .solve-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .expert-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .culture-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .examine-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .materials-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .fy-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single {

            margin: 0 20px 20px; }

            .container .header .about-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .product-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .skin-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .plant-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .yj-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .brand-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .solve-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .expert-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .culture-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .news-swiper1 .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .news-swiper2 .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .examine-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .materials-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .fy-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img, .container .header .scheme-swiper .swiper-wrapper .swiper-slide .cultureNewsList .newsList-single img {

              width: 75%;

              height: auto; }

      .container .header .about-swiper .timeline-swiper, .container .header .product-swiper .timeline-swiper, .container .header .skin-swiper .timeline-swiper, .container .header .plant-swiper .timeline-swiper, .container .header .yj-swiper .timeline-swiper, .container .header .brand-swiper .timeline-swiper, .container .header .solve-swiper .timeline-swiper, .container .header .expert-swiper .timeline-swiper, .container .header .culture-swiper .timeline-swiper, .container .header .news-swiper1 .timeline-swiper, .container .header .news-swiper2 .timeline-swiper, .container .header .examine-swiper .timeline-swiper, .container .header .materials-swiper .timeline-swiper, .container .header .fy-swiper .timeline-swiper, .container .header .scheme-swiper .timeline-swiper {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 180px; }

      .container .header .about-swiper .newsPos, .container .header .product-swiper .newsPos, .container .header .skin-swiper .newsPos, .container .header .plant-swiper .newsPos, .container .header .yj-swiper .newsPos, .container .header .brand-swiper .newsPos, .container .header .solve-swiper .newsPos, .container .header .expert-swiper .newsPos, .container .header .culture-swiper .newsPos, .container .header .news-swiper1 .newsPos, .container .header .news-swiper2 .newsPos, .container .header .examine-swiper .newsPos, .container .header .materials-swiper .newsPos, .container .header .fy-swiper .newsPos, .container .header .scheme-swiper .newsPos {

        width: auto !important;

        height: 85vh;

        padding: 18vh 19vw 5vh 7.5%; }

      .container .header .about-swiper .brandNews, .container .header .product-swiper .brandNews, .container .header .skin-swiper .brandNews, .container .header .plant-swiper .brandNews, .container .header .yj-swiper .brandNews, .container .header .brand-swiper .brandNews, .container .header .solve-swiper .brandNews, .container .header .expert-swiper .brandNews, .container .header .culture-swiper .brandNews, .container .header .news-swiper1 .brandNews, .container .header .news-swiper2 .brandNews, .container .header .examine-swiper .brandNews, .container .header .materials-swiper .brandNews, .container .header .fy-swiper .brandNews, .container .header .scheme-swiper .brandNews {

        padding: 18vh 19vw 5vh 7.5%; }

        .container .header .about-swiper .brandNews .brand-newsList, .container .header .product-swiper .brandNews .brand-newsList, .container .header .skin-swiper .brandNews .brand-newsList, .container .header .plant-swiper .brandNews .brand-newsList, .container .header .yj-swiper .brandNews .brand-newsList, .container .header .brand-swiper .brandNews .brand-newsList, .container .header .solve-swiper .brandNews .brand-newsList, .container .header .expert-swiper .brandNews .brand-newsList, .container .header .culture-swiper .brandNews .brand-newsList, .container .header .news-swiper1 .brandNews .brand-newsList, .container .header .news-swiper2 .brandNews .brand-newsList, .container .header .examine-swiper .brandNews .brand-newsList, .container .header .materials-swiper .brandNews .brand-newsList, .container .header .fy-swiper .brandNews .brand-newsList, .container .header .scheme-swiper .brandNews .brand-newsList {

          height: 48%; }

      .container .header .about-swiper .plantPos, .container .header .product-swiper .plantPos, .container .header .skin-swiper .plantPos, .container .header .plant-swiper .plantPos, .container .header .yj-swiper .plantPos, .container .header .brand-swiper .plantPos, .container .header .solve-swiper .plantPos, .container .header .expert-swiper .plantPos, .container .header .culture-swiper .plantPos, .container .header .news-swiper1 .plantPos, .container .header .news-swiper2 .plantPos, .container .header .examine-swiper .plantPos, .container .header .materials-swiper .plantPos, .container .header .fy-swiper .plantPos, .container .header .scheme-swiper .plantPos {

        width: auto;

        display: flex;

        align-items: center;

        padding-left: 100px;

        box-sizing: border-box;

        padding-right: 100px; }

        .container .header .about-swiper .plantPos .box, .container .header .product-swiper .plantPos .box, .container .header .skin-swiper .plantPos .box, .container .header .plant-swiper .plantPos .box, .container .header .yj-swiper .plantPos .box, .container .header .brand-swiper .plantPos .box, .container .header .solve-swiper .plantPos .box, .container .header .expert-swiper .plantPos .box, .container .header .culture-swiper .plantPos .box, .container .header .news-swiper1 .plantPos .box, .container .header .news-swiper2 .plantPos .box, .container .header .examine-swiper .plantPos .box, .container .header .materials-swiper .plantPos .box, .container .header .fy-swiper .plantPos .box, .container .header .scheme-swiper .plantPos .box {

          flex: 1;

          height: 74%;

          margin-right: 1.4%;

          box-sizing: border-box;

          background: linear-gradient(to bottom, #ebeffc 0%, #f4f5fa 50%, #fbfcfd 100%);

          position: relative; }

          .container .header .about-swiper .plantPos .box img, .container .header .product-swiper .plantPos .box img, .container .header .skin-swiper .plantPos .box img, .container .header .plant-swiper .plantPos .box img, .container .header .yj-swiper .plantPos .box img, .container .header .brand-swiper .plantPos .box img, .container .header .solve-swiper .plantPos .box img, .container .header .expert-swiper .plantPos .box img, .container .header .culture-swiper .plantPos .box img, .container .header .news-swiper1 .plantPos .box img, .container .header .news-swiper2 .plantPos .box img, .container .header .examine-swiper .plantPos .box img, .container .header .materials-swiper .plantPos .box img, .container .header .fy-swiper .plantPos .box img, .container .header .scheme-swiper .plantPos .box img {

            width: 100%; }

          .container .header .about-swiper .plantPos .box .p1, .container .header .product-swiper .plantPos .box .p1, .container .header .skin-swiper .plantPos .box .p1, .container .header .plant-swiper .plantPos .box .p1, .container .header .yj-swiper .plantPos .box .p1, .container .header .brand-swiper .plantPos .box .p1, .container .header .solve-swiper .plantPos .box .p1, .container .header .expert-swiper .plantPos .box .p1, .container .header .culture-swiper .plantPos .box .p1, .container .header .news-swiper1 .plantPos .box .p1, .container .header .news-swiper2 .plantPos .box .p1, .container .header .examine-swiper .plantPos .box .p1, .container .header .materials-swiper .plantPos .box .p1, .container .header .fy-swiper .plantPos .box .p1, .container .header .scheme-swiper .plantPos .box .p1 {

            position: absolute;

            color: #502c1d;

            left: 7%;

            top: 5%;

            font-size: 26px; }

          .container .header .about-swiper .plantPos .box .p2, .container .header .product-swiper .plantPos .box .p2, .container .header .skin-swiper .plantPos .box .p2, .container .header .plant-swiper .plantPos .box .p2, .container .header .yj-swiper .plantPos .box .p2, .container .header .brand-swiper .plantPos .box .p2, .container .header .solve-swiper .plantPos .box .p2, .container .header .expert-swiper .plantPos .box .p2, .container .header .culture-swiper .plantPos .box .p2, .container .header .news-swiper1 .plantPos .box .p2, .container .header .news-swiper2 .plantPos .box .p2, .container .header .examine-swiper .plantPos .box .p2, .container .header .materials-swiper .plantPos .box .p2, .container .header .fy-swiper .plantPos .box .p2, .container .header .scheme-swiper .plantPos .box .p2 {

            position: absolute;

            color: #705d56;

            left: 7%;

            bottom: 5%;

            font-size: 12px; }

          .container .header .about-swiper .plantPos .box .p3, .container .header .product-swiper .plantPos .box .p3, .container .header .skin-swiper .plantPos .box .p3, .container .header .plant-swiper .plantPos .box .p3, .container .header .yj-swiper .plantPos .box .p3, .container .header .brand-swiper .plantPos .box .p3, .container .header .solve-swiper .plantPos .box .p3, .container .header .expert-swiper .plantPos .box .p3, .container .header .culture-swiper .plantPos .box .p3, .container .header .news-swiper1 .plantPos .box .p3, .container .header .news-swiper2 .plantPos .box .p3, .container .header .examine-swiper .plantPos .box .p3, .container .header .materials-swiper .plantPos .box .p3, .container .header .fy-swiper .plantPos .box .p3, .container .header .scheme-swiper .plantPos .box .p3 {

            font-size: 18px;
 color: #705d56;
            position: absolute;

           /* border-bottom: 3px solid #2a3678;*/

		   background:url(../picture/arr1.png) bottom center no-repeat;

            right: 7%;

            bottom: 6%;

			width:91px;

            padding-bottom: 7px; }

            .container .header .about-swiper .plantPos .box .p3 .p4, .container .header .product-swiper .plantPos .box .p3 .p4, .container .header .skin-swiper .plantPos .box .p3 .p4, .container .header .plant-swiper .plantPos .box .p3 .p4, .container .header .yj-swiper .plantPos .box .p3 .p4, .container .header .brand-swiper .plantPos .box .p3 .p4, .container .header .solve-swiper .plantPos .box .p3 .p4, .container .header .expert-swiper .plantPos .box .p3 .p4, .container .header .culture-swiper .plantPos .box .p3 .p4, .container .header .news-swiper1 .plantPos .box .p3 .p4, .container .header .news-swiper2 .plantPos .box .p3 .p4, .container .header .examine-swiper .plantPos .box .p3 .p4, .container .header .materials-swiper .plantPos .box .p3 .p4, .container .header .fy-swiper .plantPos .box .p3 .p4, .container .header .scheme-swiper .plantPos .box .p3 .p4 {

              font-size: 17px;

              vertical-align: middle; }

            .container .header .about-swiper .plantPos .box .p3 .p5, .container .header .product-swiper .plantPos .box .p3 .p5, .container .header .skin-swiper .plantPos .box .p3 .p5, .container .header .plant-swiper .plantPos .box .p3 .p5, .container .header .yj-swiper .plantPos .box .p3 .p5, .container .header .brand-swiper .plantPos .box .p3 .p5, .container .header .solve-swiper .plantPos .box .p3 .p5, .container .header .expert-swiper .plantPos .box .p3 .p5, .container .header .culture-swiper .plantPos .box .p3 .p5, .container .header .news-swiper1 .plantPos .box .p3 .p5, .container .header .news-swiper2 .plantPos .box .p3 .p5, .container .header .examine-swiper .plantPos .box .p3 .p5, .container .header .materials-swiper .plantPos .box .p3 .p5, .container .header .fy-swiper .plantPos .box .p3 .p5, .container .header .scheme-swiper .plantPos .box .p3 .p5 {

              width: 5px;

              height: 5px;

              border-right: 1px solid #502c1d;

              border-top: 1px solid #502c1d;

              transform: rotate(45deg);

              vertical-align: middle; }

      .container .header .about-swiper .schemePosBox .schemePos, .container .header .product-swiper .schemePosBox .schemePos, .container .header .skin-swiper .schemePosBox .schemePos, .container .header .plant-swiper .schemePosBox .schemePos, .container .header .yj-swiper .schemePosBox .schemePos, .container .header .brand-swiper .schemePosBox .schemePos, .container .header .solve-swiper .schemePosBox .schemePos, .container .header .expert-swiper .schemePosBox .schemePos, .container .header .culture-swiper .schemePosBox .schemePos, .container .header .news-swiper1 .schemePosBox .schemePos, .container .header .news-swiper2 .schemePosBox .schemePos, .container .header .examine-swiper .schemePosBox .schemePos, .container .header .materials-swiper .schemePosBox .schemePos, .container .header .fy-swiper .schemePosBox .schemePos, .container .header .scheme-swiper .schemePosBox .schemePos {

        overflow: hidden;

        width: 100vw !important;

        height: 100vh;

        padding-top: 8%;

        padding-left: 450px;

        box-sizing: border-box !important;

        padding-right: 150px;

        white-space: normal; }

        .container .header .about-swiper .schemePosBox .schemePos .title, .container .header .product-swiper .schemePosBox .schemePos .title, .container .header .skin-swiper .schemePosBox .schemePos .title, .container .header .plant-swiper .schemePosBox .schemePos .title, .container .header .yj-swiper .schemePosBox .schemePos .title, .container .header .brand-swiper .schemePosBox .schemePos .title, .container .header .solve-swiper .schemePosBox .schemePos .title, .container .header .expert-swiper .schemePosBox .schemePos .title, .container .header .culture-swiper .schemePosBox .schemePos .title, .container .header .news-swiper1 .schemePosBox .schemePos .title, .container .header .news-swiper2 .schemePosBox .schemePos .title, .container .header .examine-swiper .schemePosBox .schemePos .title, .container .header .materials-swiper .schemePosBox .schemePos .title, .container .header .fy-swiper .schemePosBox .schemePos .title, .container .header .scheme-swiper .schemePosBox .schemePos .title {

          font-size: 24px; }

        .container .header .about-swiper .schemePosBox .schemePos .subTitle, .container .header .product-swiper .schemePosBox .schemePos .subTitle, .container .header .skin-swiper .schemePosBox .schemePos .subTitle, .container .header .plant-swiper .schemePosBox .schemePos .subTitle, .container .header .yj-swiper .schemePosBox .schemePos .subTitle, .container .header .brand-swiper .schemePosBox .schemePos .subTitle, .container .header .solve-swiper .schemePosBox .schemePos .subTitle, .container .header .expert-swiper .schemePosBox .schemePos .subTitle, .container .header .culture-swiper .schemePosBox .schemePos .subTitle, .container .header .news-swiper1 .schemePosBox .schemePos .subTitle, .container .header .news-swiper2 .schemePosBox .schemePos .subTitle, .container .header .examine-swiper .schemePosBox .schemePos .subTitle, .container .header .materials-swiper .schemePosBox .schemePos .subTitle, .container .header .fy-swiper .schemePosBox .schemePos .subTitle, .container .header .scheme-swiper .schemePosBox .schemePos .subTitle {

          margin-top: 20px;

          line-height: 1.4;

          font-size: 16px; }

          .container .header .about-swiper .schemePosBox .schemePos .subTitle span, .container .header .product-swiper .schemePosBox .schemePos .subTitle span, .container .header .skin-swiper .schemePosBox .schemePos .subTitle span, .container .header .plant-swiper .schemePosBox .schemePos .subTitle span, .container .header .yj-swiper .schemePosBox .schemePos .subTitle span, .container .header .brand-swiper .schemePosBox .schemePos .subTitle span, .container .header .solve-swiper .schemePosBox .schemePos .subTitle span, .container .header .expert-swiper .schemePosBox .schemePos .subTitle span, .container .header .culture-swiper .schemePosBox .schemePos .subTitle span, .container .header .news-swiper1 .schemePosBox .schemePos .subTitle span, .container .header .news-swiper2 .schemePosBox .schemePos .subTitle span, .container .header .examine-swiper .schemePosBox .schemePos .subTitle span, .container .header .materials-swiper .schemePosBox .schemePos .subTitle span, .container .header .fy-swiper .schemePosBox .schemePos .subTitle span, .container .header .scheme-swiper .schemePosBox .schemePos .subTitle span {

            color: #2a3678; }

        .container .header .about-swiper .schemePosBox .schemePos .tableList, .container .header .product-swiper .schemePosBox .schemePos .tableList, .container .header .skin-swiper .schemePosBox .schemePos .tableList, .container .header .plant-swiper .schemePosBox .schemePos .tableList, .container .header .yj-swiper .schemePosBox .schemePos .tableList, .container .header .brand-swiper .schemePosBox .schemePos .tableList, .container .header .solve-swiper .schemePosBox .schemePos .tableList, .container .header .expert-swiper .schemePosBox .schemePos .tableList, .container .header .culture-swiper .schemePosBox .schemePos .tableList, .container .header .news-swiper1 .schemePosBox .schemePos .tableList, .container .header .news-swiper2 .schemePosBox .schemePos .tableList, .container .header .examine-swiper .schemePosBox .schemePos .tableList, .container .header .materials-swiper .schemePosBox .schemePos .tableList, .container .header .fy-swiper .schemePosBox .schemePos .tableList, .container .header .scheme-swiper .schemePosBox .schemePos .tableList {

          display: flex;

          justify-content: space-between;

		  margin-top:50px; }

          .container .header .about-swiper .schemePosBox .schemePos .tableList .tl, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl {

         /*   background: #f4f4f5;*/

            border-radius: 6px;

            position: relative;

            width: 600px;

            min-width: 420px;

             /*  margin-top: 50px;

         padding: 7% 30px 50px;*/

            height: 579px;

            box-sizing: border-box; }

            .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .handle, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .handle, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .handle, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .handle {

              width: 200px;

              position: absolute;

              left: 0;

              right: 0;

              margin: auto;

              top: -15px;

              height: auto; }

            .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .tableList-title, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .tableList-title {

              text-align: center;

              width: 100%;

              font-size: 22px;

              white-space: nowrap; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .tableList-title p {

                display: inline-block;

                vertical-align: middle; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .tableList-title span {

                display: inline-block;

                vertical-align: middle;

                height: 1px;

                width: 40px; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss1 {

                background: linear-gradient(-90deg, black 0%, rgba(255, 255, 255, 0) 100%); }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .tableList-title .ss2 {

                background: linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 100%); }

            .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content {

              margin-top: 40px; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 {

                display: flex;

                color: #2a3678; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord1 div {

                  font-size: 60px;

                  flex: 1;

                  justify-content: space-between;

                  text-align: center; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 {

                font-size: 17px; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 {

                white-space: nowrap;

                display: flex;

                margin-top: 1.6vh; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div {

                  flex: 1;

                  justify-content: space-between;

                  text-align: center;

                  line-height: 1.4; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .arrowDown, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .arrowDown, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .arrowDown, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .arrowDown {

                    margin: 0 auto;

                    width: 22px; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .product, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .product, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .product, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .product {

                    margin: 0 auto;

                    width: 48px;

                    height: auto; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed1 {

                    margin: 0 auto;

                    width: 130px;

                    height: auto; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed2 {

                    width: 75px;

                    height: auto;

                    margin-left: -10px; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 div .productFixed3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 div .productFixed3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 div .productFixed3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 div .productFixed3 {

                    margin: 0 auto;

                    width: 90px;

                    height: auto; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv {

                  height: auto;

                  align-self: flex-end; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv .p1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv .p1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv .p1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv .p1 {

                    font-size: 12px;

                    margin-top: 13px; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord2 .fixedDiv #p22, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3 .fixedDiv #p22, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4 .fixedDiv #p22, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .fixedDiv #p22 {

                    margin-left: 0; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord3-2 {

                margin-top: 5vh; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord4-2 {

                margin-top: 8vh; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 {

                font-size: 12px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .pFixed {

                  margin-left: -25px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sFixed {

                  margin-right: -15px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 sup {

                  font-size: 10px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss1 {

                  margin-left: 23px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .product-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .tl .content .enWord5 .sss2 {

                  margin-left: 28px; }

          .container .header .about-swiper .schemePosBox .schemePos .tableList .rl, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl {

            width: 53%;

            margin-top: 80px;

            border-radius: 0px;

            min-width: 550px;

			margin-left:100px; }

            .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 {

              box-sizing: border-box;

              display: flex;

              flex-direction: column;

              /* 设置为主轴为垂直方向 */

              justify-content: space-between;

              /* 使用 space-between 分布子元素 */

              height: 530px;

              /* 设置容器的高度，这里使用了视口高度 */ }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar {

                width: 100%;

                position: relative;

               /* overflow: hidden;*/ }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar img {

                  width: 100%;

                  overflow: hidden;

                  border-top-left-radius: 10px; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole {

                  position: absolute;

                  width: 100%;

                  height: 100%;

                  left: 0;

                  top: 0;

                  color: #1e2c77; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 {

                    position: absolute;

                    bottom: 8px;

                    width: 46%; }

                    .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p {

                      padding-left: 30px; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s1 {

                        font-size: 34px; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title1 p .s2 {

                        font-size: 20px;

                        margin-left: 15px; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .tableList-colorBar .titleWhole .title2 {

                    width: 54%;

                    position: absolute;

                    bottom: 15px;

                    right: 0;

                    font-size: 14px; }

              .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body {

               /* background: #f4f4f5;*/

                padding: 12px 30px;

				

                align-items: center;

                display: flex;

                position: relative; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left {

                  width: 130px;

                  font-size: 14px;

                  text-align: center;

                  flex-shrink: 0;

                  /* 防止缩小 */

                  margin-right: 30px; }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left div {

                    background: #ffffff;

                    border-radius: 0px;

                    padding: 5px 0; }

                .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-left1 {

                  width: 100%; text-align:left;}

                .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right {

                  flex-grow: 1;

                  /* 占据剩余空间 */ }

                  .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList {

                    text-align: center;

                    border: 1px dashed #502c1d;

                    display: flex;

                    align-items: center;

                    border-radius: 6px;

                    padding: 10px 10%;

                    gap: 20px; }

                    .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single {

                      flex: 1;

                      white-space: nowrap; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single img {

                        width: 20px;

                        display: inline-block;

                        vertical-align: middle; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img2 {

                        width: 60px !important; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img3 {

                        width: 15px !important; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img4 {

                        width: 33px !important; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single .img5 {

                        width: 25px !important; }

                      .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .productList-single span {

                        display: inline-block;

                        vertical-align: middle;

                        font-size: 12px;

                        margin-left: 10px; }

                    .container .header .about-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .product-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .skin-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .plant-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .yj-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .brand-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .solve-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .expert-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .culture-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .news-swiper1 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .news-swiper2 .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .examine-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .materials-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .fy-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross, .container .header .scheme-swiper .schemePosBox .schemePos .tableList .rl .tableList2 .tableList-single .single-body .single-body-right .productList .cross {

                      font-size: 50px;

                      color: #2a3678; }

        .container .header .about-swiper .schemePosBox .schemePos .pageTips, .container .header .product-swiper .schemePosBox .schemePos .pageTips, .container .header .skin-swiper .schemePosBox .schemePos .pageTips, .container .header .plant-swiper .schemePosBox .schemePos .pageTips, .container .header .yj-swiper .schemePosBox .schemePos .pageTips, .container .header .brand-swiper .schemePosBox .schemePos .pageTips, .container .header .solve-swiper .schemePosBox .schemePos .pageTips, .container .header .expert-swiper .schemePosBox .schemePos .pageTips, .container .header .culture-swiper .schemePosBox .schemePos .pageTips, .container .header .news-swiper1 .schemePosBox .schemePos .pageTips, .container .header .news-swiper2 .schemePosBox .schemePos .pageTips, .container .header .examine-swiper .schemePosBox .schemePos .pageTips, .container .header .materials-swiper .schemePosBox .schemePos .pageTips, .container .header .fy-swiper .schemePosBox .schemePos .pageTips, .container .header .scheme-swiper .schemePosBox .schemePos .pageTips {

          float: right;

          color: #9e9ea0;

          font-size: 9px;

          margin-top: 5px;

          line-height: 1.3; }

      .container .header .about-swiper .skinExamplePos, .container .header .product-swiper .skinExamplePos, .container .header .skin-swiper .skinExamplePos, .container .header .plant-swiper .skinExamplePos, .container .header .yj-swiper .skinExamplePos, .container .header .brand-swiper .skinExamplePos, .container .header .solve-swiper .skinExamplePos, .container .header .expert-swiper .skinExamplePos, .container .header .culture-swiper .skinExamplePos, .container .header .news-swiper1 .skinExamplePos, .container .header .news-swiper2 .skinExamplePos, .container .header .examine-swiper .skinExamplePos, .container .header .materials-swiper .skinExamplePos, .container .header .fy-swiper .skinExamplePos, .container .header .scheme-swiper .skinExamplePos {

        width: auto;

        display: flex;

        align-items: center;

        padding-left: 2.5%;

        padding-right: 2.5%;

        box-sizing: border-box; }

        .container .header .about-swiper .skinExamplePos .box, .container .header .product-swiper .skinExamplePos .box, .container .header .skin-swiper .skinExamplePos .box, .container .header .plant-swiper .skinExamplePos .box, .container .header .yj-swiper .skinExamplePos .box, .container .header .brand-swiper .skinExamplePos .box, .container .header .solve-swiper .skinExamplePos .box, .container .header .expert-swiper .skinExamplePos .box, .container .header .culture-swiper .skinExamplePos .box, .container .header .news-swiper1 .skinExamplePos .box, .container .header .news-swiper2 .skinExamplePos .box, .container .header .examine-swiper .skinExamplePos .box, .container .header .materials-swiper .skinExamplePos .box, .container .header .fy-swiper .skinExamplePos .box, .container .header .scheme-swiper .skinExamplePos .box {

         /* flex: 1;

          height: 53%;

          margin-right: 1%;

          box-sizing: border-box;

          position: relative;

          margin-top: 8%; */

		  width: 336px;

    height: 493px;

    margin-right: 15px;

    flex-shrink: 0;

    position: relative;

    overflow: hidden;

    margin-top: 10%;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0);}

          .container .header .about-swiper .skinExamplePos .box img, .container .header .product-swiper .skinExamplePos .box img, .container .header .skin-swiper .skinExamplePos .box img, .container .header .plant-swiper .skinExamplePos .box img, .container .header .yj-swiper .skinExamplePos .box img, .container .header .brand-swiper .skinExamplePos .box img, .container .header .solve-swiper .skinExamplePos .box img, .container .header .expert-swiper .skinExamplePos .box img, .container .header .culture-swiper .skinExamplePos .box img, .container .header .news-swiper1 .skinExamplePos .box img, .container .header .news-swiper2 .skinExamplePos .box img, .container .header .examine-swiper .skinExamplePos .box img, .container .header .materials-swiper .skinExamplePos .box img, .container .header .fy-swiper .skinExamplePos .box img, .container .header .scheme-swiper .skinExamplePos .box img {

            width: 100%; 

			height: 100%;

    object-fit: cover;

    transition: transform 0.3s ease;}

          .container .header .about-swiper .skinExamplePos .box .p2, .container .header .product-swiper .skinExamplePos .box .p2, .container .header .skin-swiper .skinExamplePos .box .p2, .container .header .plant-swiper .skinExamplePos .box .p2, .container .header .yj-swiper .skinExamplePos .box .p2, .container .header .brand-swiper .skinExamplePos .box .p2, .container .header .solve-swiper .skinExamplePos .box .p2, .container .header .expert-swiper .skinExamplePos .box .p2, .container .header .culture-swiper .skinExamplePos .box .p2, .container .header .news-swiper1 .skinExamplePos .box .p2, .container .header .news-swiper2 .skinExamplePos .box .p2, .container .header .examine-swiper .skinExamplePos .box .p2, .container .header .materials-swiper .skinExamplePos .box .p2, .container .header .fy-swiper .skinExamplePos .box .p2, .container .header .scheme-swiper .skinExamplePos .box .p2 {

            position: absolute;

            left: 7%;

            bottom: 7%;

            font-size: 12px;

            color: #ffffff; }

          .container .header .about-swiper .skinExamplePos .box .p3, .container .header .product-swiper .skinExamplePos .box .p3, .container .header .skin-swiper .skinExamplePos .box .p3, .container .header .plant-swiper .skinExamplePos .box .p3, .container .header .yj-swiper .skinExamplePos .box .p3, .container .header .brand-swiper .skinExamplePos .box .p3, .container .header .solve-swiper .skinExamplePos .box .p3, .container .header .expert-swiper .skinExamplePos .box .p3, .container .header .culture-swiper .skinExamplePos .box .p3, .container .header .news-swiper1 .skinExamplePos .box .p3, .container .header .news-swiper2 .skinExamplePos .box .p3, .container .header .examine-swiper .skinExamplePos .box .p3, .container .header .materials-swiper .skinExamplePos .box .p3, .container .header .fy-swiper .skinExamplePos .box .p3, .container .header .scheme-swiper .skinExamplePos .box .p3 {

            font-size: 14px;

            position: absolute;

            border-bottom: 0px solid #2a3678;

            right: 7%;

            bottom: 6%;

            color: #ffffff;

            padding-bottom: 2px; }

            .container .header .about-swiper .skinExamplePos .box .p3 .p4, .container .header .product-swiper .skinExamplePos .box .p3 .p4, .container .header .skin-swiper .skinExamplePos .box .p3 .p4, .container .header .plant-swiper .skinExamplePos .box .p3 .p4, .container .header .yj-swiper .skinExamplePos .box .p3 .p4, .container .header .brand-swiper .skinExamplePos .box .p3 .p4, .container .header .solve-swiper .skinExamplePos .box .p3 .p4, .container .header .expert-swiper .skinExamplePos .box .p3 .p4, .container .header .culture-swiper .skinExamplePos .box .p3 .p4, .container .header .news-swiper1 .skinExamplePos .box .p3 .p4, .container .header .news-swiper2 .skinExamplePos .box .p3 .p4, .container .header .examine-swiper .skinExamplePos .box .p3 .p4, .container .header .materials-swiper .skinExamplePos .box .p3 .p4, .container .header .fy-swiper .skinExamplePos .box .p3 .p4, .container .header .scheme-swiper .skinExamplePos .box .p3 .p4 {

              font-size: 14px;

              vertical-align: middle; }

            .container .header .about-swiper .skinExamplePos .box .p3 .p5, .container .header .product-swiper .skinExamplePos .box .p3 .p5, .container .header .skin-swiper .skinExamplePos .box .p3 .p5, .container .header .plant-swiper .skinExamplePos .box .p3 .p5, .container .header .yj-swiper .skinExamplePos .box .p3 .p5, .container .header .brand-swiper .skinExamplePos .box .p3 .p5, .container .header .solve-swiper .skinExamplePos .box .p3 .p5, .container .header .expert-swiper .skinExamplePos .box .p3 .p5, .container .header .culture-swiper .skinExamplePos .box .p3 .p5, .container .header .news-swiper1 .skinExamplePos .box .p3 .p5, .container .header .news-swiper2 .skinExamplePos .box .p3 .p5, .container .header .examine-swiper .skinExamplePos .box .p3 .p5, .container .header .materials-swiper .skinExamplePos .box .p3 .p5, .container .header .fy-swiper .skinExamplePos .box .p3 .p5, .container .header .scheme-swiper .skinExamplePos .box .p3 .p5 {

              width: 5px;

              height: 5px;

              border-right: 1px solid #ffffff;

              border-top: 1px solid #ffffff;

              transform: rotate(45deg);

              vertical-align: middle; }

			  

			  

		 .container .header .about-swiper .skinExamplePos2, .container .header .product-swiper .skinExamplePos2, .container .header .skin-swiper .skinExamplePos2, .container .header .plant-swiper .skinExamplePos2, .container .header .yj-swiper .skinExamplePos2, .container .header .brand-swiper .skinExamplePos2, .container .header .solve-swiper .skinExamplePos2, .container .header .expert-swiper .skinExamplePos2, .container .header .culture-swiper .skinExamplePos2, .container .header .news-swiper1 .skinExamplePos2, .container .header .news-swiper2 .skinExamplePos2, .container .header .examine-swiper .skinExamplePos2, .container .header .materials-swiper .skinExamplePos2, .container .header .fy-swiper .skinExamplePos2, .container .header .scheme-swiper .skinExamplePos2 {

        width: auto;

        display: flex;

        align-items: center;

        padding-left: 2.5%;

        padding-right: 2.5%;

        box-sizing: border-box; }

        .container .header .about-swiper .skinExamplePos2 .box, .container .header .product-swiper .skinExamplePos2 .box, .container .header .skin-swiper .skinExamplePos2 .box, .container .header .plant-swiper .skinExamplePos2 .box, .container .header .yj-swiper .skinExamplePos2 .box, .container .header .brand-swiper .skinExamplePos2 .box, .container .header .solve-swiper .skinExamplePos2 .box, .container .header .expert-swiper .skinExamplePos2 .box, .container .header .culture-swiper .skinExamplePos2 .box, .container .header .news-swiper1 .skinExamplePos2 .box, .container .header .news-swiper2 .skinExamplePos2 .box, .container .header .examine-swiper .skinExamplePos2 .box, .container .header .materials-swiper .skinExamplePos2 .box, .container .header .fy-swiper .skinExamplePos2 .box, .container .header .scheme-swiper .skinExamplePos2 .box {

          flex: 1;

          height: 63%;

          margin-right: 1%;

          box-sizing: border-box;

          position: relative;

          margin-top: 3%; }

          .container .header .about-swiper .skinExamplePos2 .box img, .container .header .product-swiper .skinExamplePos2 .box img, .container .header .skin-swiper .skinExamplePos2 .box img, .container .header .plant-swiper .skinExamplePos2 .box img, .container .header .yj-swiper .skinExamplePos2 .box img, .container .header .brand-swiper .skinExamplePos2 .box img, .container .header .solve-swiper .skinExamplePos2 .box img, .container .header .expert-swiper .skinExamplePos2 .box img, .container .header .culture-swiper .skinExamplePos2 .box img, .container .header .news-swiper1 .skinExamplePos2 .box img, .container .header .news-swiper2 .skinExamplePos2 .box img, .container .header .examine-swiper .skinExamplePos2 .box img, .container .header .materials-swiper .skinExamplePos2 .box img, .container .header .fy-swiper .skinExamplePos2 .box img, .container .header .scheme-swiper .skinExamplePos2 .box img {

            width: 100%; }

          .container .header .about-swiper .skinExamplePos2 .box .p2, .container .header .product-swiper .skinExamplePos2 .box .p2, .container .header .skin-swiper .skinExamplePos2 .box .p2, .container .header .plant-swiper .skinExamplePos2 .box .p2, .container .header .yj-swiper .skinExamplePos2 .box .p2, .container .header .brand-swiper .skinExamplePos2 .box .p2, .container .header .solve-swiper .skinExamplePos2 .box .p2, .container .header .expert-swiper .skinExamplePos2 .box .p2, .container .header .culture-swiper .skinExamplePos2 .box .p2, .container .header .news-swiper1 .skinExamplePos2 .box .p2, .container .header .news-swiper2 .skinExamplePos2 .box .p2, .container .header .examine-swiper .skinExamplePos2 .box .p2, .container .header .materials-swiper .skinExamplePos2 .box .p2, .container .header .fy-swiper .skinExamplePos2 .box .p2, .container .header .scheme-swiper .skinExamplePos2 .box .p2 {

            position: absolute;

            left: 7%;

            bottom: 7%;

            font-size: 12px;

            color: #ffffff; }

          .container .header .about-swiper .skinExamplePos2 .box .p3, .container .header .product-swiper .skinExamplePos2 .box .p3, .container .header .skin-swiper .skinExamplePos2 .box .p3, .container .header .plant-swiper .skinExamplePos2 .box .p3, .container .header .yj-swiper .skinExamplePos2 .box .p3, .container .header .brand-swiper .skinExamplePos2 .box .p3, .container .header .solve-swiper .skinExamplePos2 .box .p3, .container .header .expert-swiper .skinExamplePos2 .box .p3, .container .header .culture-swiper .skinExamplePos2 .box .p3, .container .header .news-swiper1 .skinExamplePos2 .box .p3, .container .header .news-swiper2 .skinExamplePos2 .box .p3, .container .header .examine-swiper .skinExamplePos2 .box .p3, .container .header .materials-swiper .skinExamplePos2 .box .p3, .container .header .fy-swiper .skinExamplePos2 .box .p3, .container .header .scheme-swiper .skinExamplePos2 .box .p3 {

            font-size: 14px;

            position: absolute;

            border-bottom: 0px solid #2a3678;

            right: 7%;

            bottom: 6%;

            color: #ffffff;

            padding-bottom: 2px; }

            .container .header .about-swiper .skinExamplePos2 .box .p3 .p4, .container .header .product-swiper .skinExamplePos2 .box .p3 .p4, .container .header .skin-swiper .skinExamplePos2 .box .p3 .p4, .container .header .plant-swiper .skinExamplePos2 .box .p3 .p4, .container .header .yj-swiper .skinExamplePos2 .box .p3 .p4, .container .header .brand-swiper .skinExamplePos2 .box .p3 .p4, .container .header .solve-swiper .skinExamplePos2 .box .p3 .p4, .container .header .expert-swiper .skinExamplePos2 .box .p3 .p4, .container .header .culture-swiper .skinExamplePos2 .box .p3 .p4, .container .header .news-swiper1 .skinExamplePos2 .box .p3 .p4, .container .header .news-swiper2 .skinExamplePos2 .box .p3 .p4, .container .header .examine-swiper .skinExamplePos2 .box .p3 .p4, .container .header .materials-swiper .skinExamplePos2 .box .p3 .p4, .container .header .fy-swiper .skinExamplePos2 .box .p3 .p4, .container .header .scheme-swiper .skinExamplePos2 .box .p3 .p4 {

              font-size: 14px;

              vertical-align: middle; }

            .container .header .about-swiper .skinExamplePos2 .box .p3 .p5, .container .header .product-swiper .skinExamplePos2 .box .p3 .p5, .container .header .skin-swiper .skinExamplePos2 .box .p3 .p5, .container .header .plant-swiper .skinExamplePos2 .box .p3 .p5, .container .header .yj-swiper .skinExamplePos2 .box .p3 .p5, .container .header .brand-swiper .skinExamplePos2 .box .p3 .p5, .container .header .solve-swiper .skinExamplePos2 .box .p3 .p5, .container .header .expert-swiper .skinExamplePos2 .box .p3 .p5, .container .header .culture-swiper .skinExamplePos2 .box .p3 .p5, .container .header .news-swiper1 .skinExamplePos2 .box .p3 .p5, .container .header .news-swiper2 .skinExamplePos2 .box .p3 .p5, .container .header .examine-swiper .skinExamplePos2 .box .p3 .p5, .container .header .materials-swiper .skinExamplePos2 .box .p3 .p5, .container .header .fy-swiper .skinExamplePos2 .box .p3 .p5, .container .header .scheme-swiper .skinExamplePos2 .box .p3 .p5 {

              width: 5px;

              height: 5px;

              border-right: 1px solid #ffffff;

              border-top: 1px solid #ffffff;

              transform: rotate(45deg);

              vertical-align: middle; }	  

			  

			  

			  

			  

			  

			  

      .container .header .about-swiper .aboutPos, .container .header .product-swiper .aboutPos, .container .header .skin-swiper .aboutPos, .container .header .plant-swiper .aboutPos, .container .header .yj-swiper .aboutPos, .container .header .brand-swiper .aboutPos, .container .header .solve-swiper .aboutPos, .container .header .expert-swiper .aboutPos, .container .header .culture-swiper .aboutPos, .container .header .news-swiper1 .aboutPos, .container .header .news-swiper2 .aboutPos, .container .header .examine-swiper .aboutPos, .container .header .materials-swiper .aboutPos, .container .header .fy-swiper .aboutPos, .container .header .scheme-swiper .aboutPos {

        padding-left: 240px;

        padding-right: 2%;

        box-sizing: border-box; }

      .container .header .about-swiper .zgPos, .container .header .product-swiper .zgPos, .container .header .skin-swiper .zgPos, .container .header .plant-swiper .zgPos, .container .header .yj-swiper .zgPos, .container .header .brand-swiper .zgPos, .container .header .solve-swiper .zgPos, .container .header .expert-swiper .zgPos, .container .header .culture-swiper .zgPos, .container .header .news-swiper1 .zgPos, .container .header .news-swiper2 .zgPos, .container .header .examine-swiper .zgPos, .container .header .materials-swiper .zgPos, .container .header .fy-swiper .zgPos, .container .header .scheme-swiper .zgPos {

        display: flex;

        align-items: center;

        box-sizing: border-box;

        padding-left: 270px; }

        .container .header .about-swiper .zgPos .expert-2, .container .header .product-swiper .zgPos .expert-2, .container .header .skin-swiper .zgPos .expert-2, .container .header .plant-swiper .zgPos .expert-2, .container .header .yj-swiper .zgPos .expert-2, .container .header .brand-swiper .zgPos .expert-2, .container .header .solve-swiper .zgPos .expert-2, .container .header .expert-swiper .zgPos .expert-2, .container .header .culture-swiper .zgPos .expert-2, .container .header .news-swiper1 .zgPos .expert-2, .container .header .news-swiper2 .zgPos .expert-2, .container .header .examine-swiper .zgPos .expert-2, .container .header .materials-swiper .zgPos .expert-2, .container .header .fy-swiper .zgPos .expert-2, .container .header .scheme-swiper .zgPos .expert-2 {

          height: 100% !important; }

        .container .header .about-swiper .zgPos .address, .container .header .product-swiper .zgPos .address, .container .header .skin-swiper .zgPos .address, .container .header .plant-swiper .zgPos .address, .container .header .yj-swiper .zgPos .address, .container .header .brand-swiper .zgPos .address, .container .header .solve-swiper .zgPos .address, .container .header .expert-swiper .zgPos .address, .container .header .culture-swiper .zgPos .address, .container .header .news-swiper1 .zgPos .address, .container .header .news-swiper2 .zgPos .address, .container .header .examine-swiper .zgPos .address, .container .header .materials-swiper .zgPos .address, .container .header .fy-swiper .zgPos .address, .container .header .scheme-swiper .zgPos .address {

          vertical-align: top;

          margin-left: 8vh; }

          .container .header .about-swiper .zgPos .address .zgTitle, .container .header .product-swiper .zgPos .address .zgTitle, .container .header .skin-swiper .zgPos .address .zgTitle, .container .header .plant-swiper .zgPos .address .zgTitle, .container .header .yj-swiper .zgPos .address .zgTitle, .container .header .brand-swiper .zgPos .address .zgTitle, .container .header .solve-swiper .zgPos .address .zgTitle, .container .header .expert-swiper .zgPos .address .zgTitle, .container .header .culture-swiper .zgPos .address .zgTitle, .container .header .news-swiper1 .zgPos .address .zgTitle, .container .header .news-swiper2 .zgPos .address .zgTitle, .container .header .examine-swiper .zgPos .address .zgTitle, .container .header .materials-swiper .zgPos .address .zgTitle, .container .header .fy-swiper .zgPos .address .zgTitle, .container .header .scheme-swiper .zgPos .address .zgTitle {

            font-size: 30px; }

            .container .header .about-swiper .zgPos .address .zgTitle span, .container .header .product-swiper .zgPos .address .zgTitle span, .container .header .skin-swiper .zgPos .address .zgTitle span, .container .header .plant-swiper .zgPos .address .zgTitle span, .container .header .yj-swiper .zgPos .address .zgTitle span, .container .header .brand-swiper .zgPos .address .zgTitle span, .container .header .solve-swiper .zgPos .address .zgTitle span, .container .header .expert-swiper .zgPos .address .zgTitle span, .container .header .culture-swiper .zgPos .address .zgTitle span, .container .header .news-swiper1 .zgPos .address .zgTitle span, .container .header .news-swiper2 .zgPos .address .zgTitle span, .container .header .examine-swiper .zgPos .address .zgTitle span, .container .header .materials-swiper .zgPos .address .zgTitle span, .container .header .fy-swiper .zgPos .address .zgTitle span, .container .header .scheme-swiper .zgPos .address .zgTitle span {

              font-size: 20px; }

          .container .header .about-swiper .zgPos .address .selectZg, .container .header .product-swiper .zgPos .address .selectZg, .container .header .skin-swiper .zgPos .address .selectZg, .container .header .plant-swiper .zgPos .address .selectZg, .container .header .yj-swiper .zgPos .address .selectZg, .container .header .brand-swiper .zgPos .address .selectZg, .container .header .solve-swiper .zgPos .address .selectZg, .container .header .expert-swiper .zgPos .address .selectZg, .container .header .culture-swiper .zgPos .address .selectZg, .container .header .news-swiper1 .zgPos .address .selectZg, .container .header .news-swiper2 .zgPos .address .selectZg, .container .header .examine-swiper .zgPos .address .selectZg, .container .header .materials-swiper .zgPos .address .selectZg, .container .header .fy-swiper .zgPos .address .selectZg, .container .header .scheme-swiper .zgPos .address .selectZg {

            display: flex;

            margin-top: 10vh; }

            .container .header .about-swiper .zgPos .address .selectZg .selectZg-single, .container .header .product-swiper .zgPos .address .selectZg .selectZg-single, .container .header .skin-swiper .zgPos .address .selectZg .selectZg-single, .container .header .plant-swiper .zgPos .address .selectZg .selectZg-single, .container .header .yj-swiper .zgPos .address .selectZg .selectZg-single, .container .header .brand-swiper .zgPos .address .selectZg .selectZg-single, .container .header .solve-swiper .zgPos .address .selectZg .selectZg-single, .container .header .expert-swiper .zgPos .address .selectZg .selectZg-single, .container .header .culture-swiper .zgPos .address .selectZg .selectZg-single, .container .header .news-swiper1 .zgPos .address .selectZg .selectZg-single, .container .header .news-swiper2 .zgPos .address .selectZg .selectZg-single, .container .header .examine-swiper .zgPos .address .selectZg .selectZg-single, .container .header .materials-swiper .zgPos .address .selectZg .selectZg-single, .container .header .fy-swiper .zgPos .address .selectZg .selectZg-single, .container .header .scheme-swiper .zgPos .address .selectZg .selectZg-single {

              flex: 1;

              border: 1px solid grey;

              height: 40px;

              margin: 0 1%;

              border-radius: 5px;

              position: relative;

              box-sizing: border-box;

              overflow: hidden; }

              .container .header .about-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .product-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .skin-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .plant-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .yj-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .brand-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .solve-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .expert-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .culture-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .news-swiper1 .zgPos .address .selectZg .selectZg-single select, .container .header .news-swiper2 .zgPos .address .selectZg .selectZg-single select, .container .header .examine-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .materials-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .fy-swiper .zgPos .address .selectZg .selectZg-single select, .container .header .scheme-swiper .zgPos .address .selectZg .selectZg-single select {

                padding-left: 15px;

                width: 100%;

                height: 100%;

                outline: none;

                border: none;

                font-size: 15px;

                appearance: none;

                -webkit-appearance: none;

                -moz-appearance: none; }

          .container .header .about-swiper .zgPos .address .showAddress, .container .header .product-swiper .zgPos .address .showAddress, .container .header .skin-swiper .zgPos .address .showAddress, .container .header .plant-swiper .zgPos .address .showAddress, .container .header .yj-swiper .zgPos .address .showAddress, .container .header .brand-swiper .zgPos .address .showAddress, .container .header .solve-swiper .zgPos .address .showAddress, .container .header .expert-swiper .zgPos .address .showAddress, .container .header .culture-swiper .zgPos .address .showAddress, .container .header .news-swiper1 .zgPos .address .showAddress, .container .header .news-swiper2 .zgPos .address .showAddress, .container .header .examine-swiper .zgPos .address .showAddress, .container .header .materials-swiper .zgPos .address .showAddress, .container .header .fy-swiper .zgPos .address .showAddress, .container .header .scheme-swiper .zgPos .address .showAddress {

            padding-left: 4px;

            margin-top: 5vh; }

            .container .header .about-swiper .zgPos .address .showAddress .addSingle, .container .header .product-swiper .zgPos .address .showAddress .addSingle, .container .header .skin-swiper .zgPos .address .showAddress .addSingle, .container .header .plant-swiper .zgPos .address .showAddress .addSingle, .container .header .yj-swiper .zgPos .address .showAddress .addSingle, .container .header .brand-swiper .zgPos .address .showAddress .addSingle, .container .header .solve-swiper .zgPos .address .showAddress .addSingle, .container .header .expert-swiper .zgPos .address .showAddress .addSingle, .container .header .culture-swiper .zgPos .address .showAddress .addSingle, .container .header .news-swiper1 .zgPos .address .showAddress .addSingle, .container .header .news-swiper2 .zgPos .address .showAddress .addSingle, .container .header .examine-swiper .zgPos .address .showAddress .addSingle, .container .header .materials-swiper .zgPos .address .showAddress .addSingle, .container .header .fy-swiper .zgPos .address .showAddress .addSingle, .container .header .scheme-swiper .zgPos .address .showAddress .addSingle {

              margin-bottom: 40px;

              font-size: 13px; }

              .container .header .about-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .product-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .skin-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .plant-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .yj-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .brand-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .solve-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .expert-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .culture-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .news-swiper1 .zgPos .address .showAddress .addSingle .addressName, .container .header .news-swiper2 .zgPos .address .showAddress .addSingle .addressName, .container .header .examine-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .materials-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .fy-swiper .zgPos .address .showAddress .addSingle .addressName, .container .header .scheme-swiper .zgPos .address .showAddress .addSingle .addressName {

                font-weight: bold;

                font-family: ''; }

              .container .header .about-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .product-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .skin-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .plant-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .yj-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .brand-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .solve-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .expert-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .culture-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .news-swiper1 .zgPos .address .showAddress .addSingle .addressDetail, .container .header .news-swiper2 .zgPos .address .showAddress .addSingle .addressDetail, .container .header .examine-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .materials-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .fy-swiper .zgPos .address .showAddress .addSingle .addressDetail, .container .header .scheme-swiper .zgPos .address .showAddress .addSingle .addressDetail {

                margin-top: 10px; }

      .container .header .about-swiper .plantNewsPos, .container .header .product-swiper .plantNewsPos, .container .header .skin-swiper .plantNewsPos, .container .header .plant-swiper .plantNewsPos, .container .header .yj-swiper .plantNewsPos, .container .header .brand-swiper .plantNewsPos, .container .header .solve-swiper .plantNewsPos, .container .header .expert-swiper .plantNewsPos, .container .header .culture-swiper .plantNewsPos, .container .header .news-swiper1 .plantNewsPos, .container .header .news-swiper2 .plantNewsPos, .container .header .examine-swiper .plantNewsPos, .container .header .materials-swiper .plantNewsPos, .container .header .fy-swiper .plantNewsPos, .container .header .scheme-swiper .plantNewsPos {

        padding-left: 320px;

        padding-top: 6%;

        width: 100vw !important;

        box-sizing: border-box;

        padding-right: 320px; }

        .container .header .about-swiper .plantNewsPos .plant-materialsList, .container .header .product-swiper .plantNewsPos .plant-materialsList, .container .header .skin-swiper .plantNewsPos .plant-materialsList, .container .header .plant-swiper .plantNewsPos .plant-materialsList, .container .header .yj-swiper .plantNewsPos .plant-materialsList, .container .header .brand-swiper .plantNewsPos .plant-materialsList, .container .header .solve-swiper .plantNewsPos .plant-materialsList, .container .header .expert-swiper .plantNewsPos .plant-materialsList, .container .header .culture-swiper .plantNewsPos .plant-materialsList, .container .header .news-swiper1 .plantNewsPos .plant-materialsList, .container .header .news-swiper2 .plantNewsPos .plant-materialsList, .container .header .examine-swiper .plantNewsPos .plant-materialsList, .container .header .materials-swiper .plantNewsPos .plant-materialsList, .container .header .fy-swiper .plantNewsPos .plant-materialsList, .container .header .scheme-swiper .plantNewsPos .plant-materialsList {

          position: relative;

          height: 41%;

          display: flex; }

          .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single {

            flex: 1;

            height: 100%;

            margin-right: 3%;

            display: inline-block; }

            .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .bg, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .bg {

              position: relative;

              height: 100%;

              cursor: pointer;

              overflow: hidden; }

              .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .bg img {

                width: 100%;

                object-fit: cover; }

              .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover {

                opacity: 0;

                position: absolute;

                width: 100%;

                height: 100%;

                background: rgba(138, 64, 35, 0.7);

                top: 0;

                left: 0;

                color: #ffffff;

                align-items: center;

                transition: all 0.25s;

                display: flex; }

                .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .bg .materials-cover p {

                  width: 60%;

                  white-space: normal;

                  color: #ffffff;

                  margin: 0 auto;

                  font-size: 13px;

                  line-height: 1.5;

                  text-align: justify; text-align:center;}

              .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .bg :hover {

                opacity: 1; }

            .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText {

              text-align: center; }

              .container .header .about-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .product-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .skin-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .plant-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .yj-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .brand-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .solve-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .expert-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .culture-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .news-swiper1 .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .news-swiper2 .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .examine-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .materials-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .fy-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc, .container .header .scheme-swiper .plantNewsPos .plant-materialsList .newsList-single .newsText .desc {

                margin-top: 20px; }

        .container .header .about-swiper .plantNewsPos .plant-materialsList2, .container .header .product-swiper .plantNewsPos .plant-materialsList2, .container .header .skin-swiper .plantNewsPos .plant-materialsList2, .container .header .plant-swiper .plantNewsPos .plant-materialsList2, .container .header .yj-swiper .plantNewsPos .plant-materialsList2, .container .header .brand-swiper .plantNewsPos .plant-materialsList2, .container .header .solve-swiper .plantNewsPos .plant-materialsList2, .container .header .expert-swiper .plantNewsPos .plant-materialsList2, .container .header .culture-swiper .plantNewsPos .plant-materialsList2, .container .header .news-swiper1 .plantNewsPos .plant-materialsList2, .container .header .news-swiper2 .plantNewsPos .plant-materialsList2, .container .header .examine-swiper .plantNewsPos .plant-materialsList2, .container .header .materials-swiper .plantNewsPos .plant-materialsList2, .container .header .fy-swiper .plantNewsPos .plant-materialsList2, .container .header .scheme-swiper .plantNewsPos .plant-materialsList2 {

          margin-top: 6%; }

      .container .header .about-swiper .materialsPos, .container .header .product-swiper .materialsPos, .container .header .skin-swiper .materialsPos, .container .header .plant-swiper .materialsPos, .container .header .yj-swiper .materialsPos, .container .header .brand-swiper .materialsPos, .container .header .solve-swiper .materialsPos, .container .header .expert-swiper .materialsPos, .container .header .culture-swiper .materialsPos, .container .header .news-swiper1 .materialsPos, .container .header .news-swiper2 .materialsPos, .container .header .examine-swiper .materialsPos, .container .header .materials-swiper .materialsPos, .container .header .fy-swiper .materialsPos, .container .header .scheme-swiper .materialsPos {

        padding-left: 20%;

        box-sizing: border-box;

        width: 100vw !important; }

        .container .header .about-swiper .materialsPos .materials-zd, .container .header .product-swiper .materialsPos .materials-zd, .container .header .skin-swiper .materialsPos .materials-zd, .container .header .plant-swiper .materialsPos .materials-zd, .container .header .yj-swiper .materialsPos .materials-zd, .container .header .brand-swiper .materialsPos .materials-zd, .container .header .solve-swiper .materialsPos .materials-zd, .container .header .expert-swiper .materialsPos .materials-zd, .container .header .culture-swiper .materialsPos .materials-zd, .container .header .news-swiper1 .materialsPos .materials-zd, .container .header .news-swiper2 .materialsPos .materials-zd, .container .header .examine-swiper .materialsPos .materials-zd, .container .header .materials-swiper .materialsPos .materials-zd, .container .header .fy-swiper .materialsPos .materials-zd, .container .header .scheme-swiper .materialsPos .materials-zd {

          padding-top: 6%; }

          .container .header .about-swiper .materialsPos .materials-zd .materialsContent, .container .header .product-swiper .materialsPos .materials-zd .materialsContent, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent {

            width: 25vw;

            height: 100vh;

            box-sizing: border-box;

            position: relative; }

            .container .header .about-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .product-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent .list, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent .list, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent .list, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent .list {

              position: relative;

              z-index: 100;

              background: #ffffff; }

              .container .header .about-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .product-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName {

                display: flex;

                justify-content: space-between;

                border-bottom: 1px solid #502c1d;

                line-height: 60px;

                position: relative;

                overflow: hidden;

                color: #502c1d;

                font-size:20px; }
				.materialsName p{font-size:35px;font-family: 'dingliesong','dlsbd';}

                .container .header .about-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .product-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent .list .list-single .materialsName .zd-arrow {

                  width: 10px;

                  height: 10px;

                  border-right: 1px solid #502c1d;

                  border-top: 1px solid #502c1d;

                  transform: rotate(-45deg);

                  transition: all 0.15s;

                  position: absolute;

                  right: 5px;

                  top: 49%;

                  transform-origin: 50% 40%; }

              .container .header .about-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .product-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent .list .list-single .desc {

                white-space: normal;

                font-size: 16px;
				color:#705d56;
                padding: 20px 0;

                border-bottom: 1px solid #502c1d;

                line-height: 1.5; }

            .container .header .about-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .product-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .skin-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .plant-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .yj-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .brand-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .solve-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .expert-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .culture-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .news-swiper1 .materialsPos .materials-zd .materialsContent .tipss, .container .header .news-swiper2 .materialsPos .materials-zd .materialsContent .tipss, .container .header .examine-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .materials-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .fy-swiper .materialsPos .materials-zd .materialsContent .tipss, .container .header .scheme-swiper .materialsPos .materials-zd .materialsContent .tipss {

              position: absolute;

              bottom: 15%;

              white-space: normal;

              color: #c9caca;

              font-size: 10px;

              line-height: 1.5; }

      .container .header .about-swiper .fyPos, .container .header .product-swiper .fyPos, .container .header .skin-swiper .fyPos, .container .header .plant-swiper .fyPos, .container .header .yj-swiper .fyPos, .container .header .brand-swiper .fyPos, .container .header .solve-swiper .fyPos, .container .header .expert-swiper .fyPos, .container .header .culture-swiper .fyPos, .container .header .news-swiper1 .fyPos, .container .header .news-swiper2 .fyPos, .container .header .examine-swiper .fyPos, .container .header .materials-swiper .fyPos, .container .header .fy-swiper .fyPos, .container .header .scheme-swiper .fyPos {

        padding-left: 270px; }

        .container .header .about-swiper .fyPos .fyPosNext .videoBox, .container .header .product-swiper .fyPos .fyPosNext .videoBox, .container .header .skin-swiper .fyPos .fyPosNext .videoBox, .container .header .plant-swiper .fyPos .fyPosNext .videoBox, .container .header .yj-swiper .fyPos .fyPosNext .videoBox, .container .header .brand-swiper .fyPos .fyPosNext .videoBox, .container .header .solve-swiper .fyPos .fyPosNext .videoBox, .container .header .expert-swiper .fyPos .fyPosNext .videoBox, .container .header .culture-swiper .fyPos .fyPosNext .videoBox, .container .header .news-swiper1 .fyPos .fyPosNext .videoBox, .container .header .news-swiper2 .fyPos .fyPosNext .videoBox, .container .header .examine-swiper .fyPos .fyPosNext .videoBox, .container .header .materials-swiper .fyPos .fyPosNext .videoBox, .container .header .fy-swiper .fyPos .fyPosNext .videoBox, .container .header .scheme-swiper .fyPos .fyPosNext .videoBox {

          width: 670px;

          object-fit: cover; }

          .container .header .about-swiper .fyPos .fyPosNext .videoBox video, .container .header .product-swiper .fyPos .fyPosNext .videoBox video, .container .header .skin-swiper .fyPos .fyPosNext .videoBox video, .container .header .plant-swiper .fyPos .fyPosNext .videoBox video, .container .header .yj-swiper .fyPos .fyPosNext .videoBox video, .container .header .brand-swiper .fyPos .fyPosNext .videoBox video, .container .header .solve-swiper .fyPos .fyPosNext .videoBox video, .container .header .expert-swiper .fyPos .fyPosNext .videoBox video, .container .header .culture-swiper .fyPos .fyPosNext .videoBox video, .container .header .news-swiper1 .fyPos .fyPosNext .videoBox video, .container .header .news-swiper2 .fyPos .fyPosNext .videoBox video, .container .header .examine-swiper .fyPos .fyPosNext .videoBox video, .container .header .materials-swiper .fyPos .fyPosNext .videoBox video, .container .header .fy-swiper .fyPos .fyPosNext .videoBox video, .container .header .scheme-swiper .fyPos .fyPosNext .videoBox video {

            height: 100%;

            width: 100%;

            object-fit: cover; }

        .container .header .about-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .product-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .skin-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .plant-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .yj-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .brand-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .solve-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .expert-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .culture-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .news-swiper1 .fyPos .fyPosNext .fyPosDesc, .container .header .news-swiper2 .fyPos .fyPosNext .fyPosDesc, .container .header .examine-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .materials-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .fy-swiper .fyPos .fyPosNext .fyPosDesc, .container .header .scheme-swiper .fyPos .fyPosNext .fyPosDesc {

          white-space: normal;

          width: 37%;

          margin-left: 3vw; }

          .container .header .about-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .product-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .skin-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .plant-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .yj-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .brand-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .solve-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .expert-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .culture-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .news-swiper1 .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .news-swiper2 .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .examine-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .materials-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .fy-swiper .fyPos .fyPosNext .fyPosDesc .descTitle, .container .header .scheme-swiper .fyPos .fyPosNext .fyPosDesc .descTitle {

            color: #2a3678;

            font-size: 40px; }

          .container .header .about-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .product-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .skin-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .plant-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .yj-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .brand-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .solve-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .expert-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .culture-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .news-swiper1 .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .news-swiper2 .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .examine-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .materials-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .fy-swiper .fyPos .fyPosNext .fyPosDesc .descContent, .container .header .scheme-swiper .fyPos .fyPosNext .fyPosDesc .descContent {

            margin-top: 20px;

            line-height: 1.7;

            font-size: 16px; }

      .container .header .about-swiper .brand-newsList, .container .header .product-swiper .brand-newsList, .container .header .skin-swiper .brand-newsList, .container .header .plant-swiper .brand-newsList, .container .header .yj-swiper .brand-newsList, .container .header .brand-swiper .brand-newsList, .container .header .solve-swiper .brand-newsList, .container .header .expert-swiper .brand-newsList, .container .header .culture-swiper .brand-newsList, .container .header .news-swiper1 .brand-newsList, .container .header .news-swiper2 .brand-newsList, .container .header .examine-swiper .brand-newsList, .container .header .materials-swiper .brand-newsList, .container .header .fy-swiper .brand-newsList, .container .header .scheme-swiper .brand-newsList {

        position: relative;

        height: 50%;

        display: flex;

        justify-content: flex-start;

        align-items: flex-start; }

        .container .header .about-swiper .brand-newsList .newsList-single, .container .header .product-swiper .brand-newsList .newsList-single, .container .header .skin-swiper .brand-newsList .newsList-single, .container .header .plant-swiper .brand-newsList .newsList-single, .container .header .yj-swiper .brand-newsList .newsList-single, .container .header .brand-swiper .brand-newsList .newsList-single, .container .header .solve-swiper .brand-newsList .newsList-single, .container .header .expert-swiper .brand-newsList .newsList-single, .container .header .culture-swiper .brand-newsList .newsList-single, .container .header .news-swiper1 .brand-newsList .newsList-single, .container .header .news-swiper2 .brand-newsList .newsList-single, .container .header .examine-swiper .brand-newsList .newsList-single, .container .header .materials-swiper .brand-newsList .newsList-single, .container .header .fy-swiper .brand-newsList .newsList-single, .container .header .scheme-swiper .brand-newsList .newsList-single {

          height: 84%;

          width: 460px;

          margin-right: 7%; }

          .container .header .about-swiper .brand-newsList .newsList-single .bg, .container .header .product-swiper .brand-newsList .newsList-single .bg, .container .header .skin-swiper .brand-newsList .newsList-single .bg, .container .header .plant-swiper .brand-newsList .newsList-single .bg, .container .header .yj-swiper .brand-newsList .newsList-single .bg, .container .header .brand-swiper .brand-newsList .newsList-single .bg, .container .header .solve-swiper .brand-newsList .newsList-single .bg, .container .header .expert-swiper .brand-newsList .newsList-single .bg, .container .header .culture-swiper .brand-newsList .newsList-single .bg, .container .header .news-swiper1 .brand-newsList .newsList-single .bg, .container .header .news-swiper2 .brand-newsList .newsList-single .bg, .container .header .examine-swiper .brand-newsList .newsList-single .bg, .container .header .materials-swiper .brand-newsList .newsList-single .bg, .container .header .fy-swiper .brand-newsList .newsList-single .bg, .container .header .scheme-swiper .brand-newsList .newsList-single .bg {

            position: relative;

            width: 450px;

            height: 81%;

            cursor: pointer;

            overflow: hidden; }

            .container .header .about-swiper .brand-newsList .newsList-single .bg img, .container .header .product-swiper .brand-newsList .newsList-single .bg img, .container .header .skin-swiper .brand-newsList .newsList-single .bg img, .container .header .plant-swiper .brand-newsList .newsList-single .bg img, .container .header .yj-swiper .brand-newsList .newsList-single .bg img, .container .header .brand-swiper .brand-newsList .newsList-single .bg img, .container .header .solve-swiper .brand-newsList .newsList-single .bg img, .container .header .expert-swiper .brand-newsList .newsList-single .bg img, .container .header .culture-swiper .brand-newsList .newsList-single .bg img, .container .header .news-swiper1 .brand-newsList .newsList-single .bg img, .container .header .news-swiper2 .brand-newsList .newsList-single .bg img, .container .header .examine-swiper .brand-newsList .newsList-single .bg img, .container .header .materials-swiper .brand-newsList .newsList-single .bg img, .container .header .fy-swiper .brand-newsList .newsList-single .bg img, .container .header .scheme-swiper .brand-newsList .newsList-single .bg img {

              width: 100%;

              object-fit: cover; }

          .container .header .about-swiper .brand-newsList .newsList-single .newsText, .container .header .product-swiper .brand-newsList .newsList-single .newsText, .container .header .skin-swiper .brand-newsList .newsList-single .newsText, .container .header .plant-swiper .brand-newsList .newsList-single .newsText, .container .header .yj-swiper .brand-newsList .newsList-single .newsText, .container .header .brand-swiper .brand-newsList .newsList-single .newsText, .container .header .solve-swiper .brand-newsList .newsList-single .newsText, .container .header .expert-swiper .brand-newsList .newsList-single .newsText, .container .header .culture-swiper .brand-newsList .newsList-single .newsText, .container .header .news-swiper1 .brand-newsList .newsList-single .newsText, .container .header .news-swiper2 .brand-newsList .newsList-single .newsText, .container .header .examine-swiper .brand-newsList .newsList-single .newsText, .container .header .materials-swiper .brand-newsList .newsList-single .newsText, .container .header .fy-swiper .brand-newsList .newsList-single .newsText, .container .header .scheme-swiper .brand-newsList .newsList-single .newsText {

            margin-top: 12px;

            font-size: 16px;

			line-height:1.3;

			 width: 450px;

            position: relative; }

            .container .header .about-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .product-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .skin-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .plant-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .yj-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .brand-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .solve-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .expert-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .culture-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .news-swiper1 .brand-newsList .newsList-single .newsText .desc, .container .header .news-swiper2 .brand-newsList .newsList-single .newsText .desc, .container .header .examine-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .materials-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .fy-swiper .brand-newsList .newsList-single .newsText .desc, .container .header .scheme-swiper .brand-newsList .newsList-single .newsText .desc {

              width: 100%;

              white-space: normal;

              margin-top: 3px; }

            .container .header .about-swiper .brand-newsList .newsList-single .newsText img, .container .header .product-swiper .brand-newsList .newsList-single .newsText img, .container .header .skin-swiper .brand-newsList .newsList-single .newsText img, .container .header .plant-swiper .brand-newsList .newsList-single .newsText img, .container .header .yj-swiper .brand-newsList .newsList-single .newsText img, .container .header .brand-swiper .brand-newsList .newsList-single .newsText img, .container .header .solve-swiper .brand-newsList .newsList-single .newsText img, .container .header .expert-swiper .brand-newsList .newsList-single .newsText img, .container .header .culture-swiper .brand-newsList .newsList-single .newsText img, .container .header .news-swiper1 .brand-newsList .newsList-single .newsText img, .container .header .news-swiper2 .brand-newsList .newsList-single .newsText img, .container .header .examine-swiper .brand-newsList .newsList-single .newsText img, .container .header .materials-swiper .brand-newsList .newsList-single .newsText img, .container .header .fy-swiper .brand-newsList .newsList-single .newsText img, .container .header .scheme-swiper .brand-newsList .newsList-single .newsText img {

              width: 15px;

              position: absolute;

              right: 0;

              top: 21px;

              height: auto; }

      .container .header .about-swiper .photo-swiper, .container .header .product-swiper .photo-swiper, .container .header .skin-swiper .photo-swiper, .container .header .plant-swiper .photo-swiper, .container .header .yj-swiper .photo-swiper, .container .header .brand-swiper .photo-swiper, .container .header .solve-swiper .photo-swiper, .container .header .expert-swiper .photo-swiper, .container .header .culture-swiper .photo-swiper, .container .header .news-swiper1 .photo-swiper, .container .header .news-swiper2 .photo-swiper, .container .header .examine-swiper .photo-swiper, .container .header .materials-swiper .photo-swiper, .container .header .fy-swiper .photo-swiper, .container .header .scheme-swiper .photo-swiper {

        width: 100%;

        height: 100%;

        position: absolute; }

      .container .header .about-swiper .skinTypeSlide, .container .header .product-swiper .skinTypeSlide, .container .header .skin-swiper .skinTypeSlide, .container .header .plant-swiper .skinTypeSlide, .container .header .yj-swiper .skinTypeSlide, .container .header .brand-swiper .skinTypeSlide, .container .header .solve-swiper .skinTypeSlide, .container .header .expert-swiper .skinTypeSlide, .container .header .culture-swiper .skinTypeSlide, .container .header .news-swiper1 .skinTypeSlide, .container .header .news-swiper2 .skinTypeSlide, .container .header .examine-swiper .skinTypeSlide, .container .header .materials-swiper .skinTypeSlide, .container .header .fy-swiper .skinTypeSlide, .container .header .scheme-swiper .skinTypeSlide {

        padding-left: 5%;

        padding-right: 1%;

        box-sizing: border-box;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        width: 100vw; }

      .container .header .about-swiper .skinTypeList, .container .header .product-swiper .skinTypeList, .container .header .skin-swiper .skinTypeList, .container .header .plant-swiper .skinTypeList, .container .header .yj-swiper .skinTypeList, .container .header .brand-swiper .skinTypeList, .container .header .solve-swiper .skinTypeList, .container .header .expert-swiper .skinTypeList, .container .header .culture-swiper .skinTypeList, .container .header .news-swiper1 .skinTypeList, .container .header .news-swiper2 .skinTypeList, .container .header .examine-swiper .skinTypeList, .container .header .materials-swiper .skinTypeList, .container .header .fy-swiper .skinTypeList, .container .header .scheme-swiper .skinTypeList {

        display: flex;

        width: 100%; }

        .container .header .about-swiper .skinTypeList .skinTypeList-box, .container .header .product-swiper .skinTypeList .skinTypeList-box, .container .header .skin-swiper .skinTypeList .skinTypeList-box, .container .header .plant-swiper .skinTypeList .skinTypeList-box, .container .header .yj-swiper .skinTypeList .skinTypeList-box, .container .header .brand-swiper .skinTypeList .skinTypeList-box, .container .header .solve-swiper .skinTypeList .skinTypeList-box, .container .header .expert-swiper .skinTypeList .skinTypeList-box, .container .header .culture-swiper .skinTypeList .skinTypeList-box, .container .header .news-swiper1 .skinTypeList .skinTypeList-box, .container .header .news-swiper2 .skinTypeList .skinTypeList-box, .container .header .examine-swiper .skinTypeList .skinTypeList-box, .container .header .materials-swiper .skinTypeList .skinTypeList-box, .container .header .fy-swiper .skinTypeList .skinTypeList-box, .container .header .scheme-swiper .skinTypeList .skinTypeList-box {

          min-width: 290px;

          flex: 1;

          background: #f4f4f5;

          padding: 20px;

          box-sizing: border-box;

          margin: 0 3.5%;

          cursor: pointer;

          position: relative; }

          .container .header .about-swiper .skinTypeList .skinTypeList-box .tx, .container .header .product-swiper .skinTypeList .skinTypeList-box .tx, .container .header .skin-swiper .skinTypeList .skinTypeList-box .tx, .container .header .plant-swiper .skinTypeList .skinTypeList-box .tx, .container .header .yj-swiper .skinTypeList .skinTypeList-box .tx, .container .header .brand-swiper .skinTypeList .skinTypeList-box .tx, .container .header .solve-swiper .skinTypeList .skinTypeList-box .tx, .container .header .expert-swiper .skinTypeList .skinTypeList-box .tx, .container .header .culture-swiper .skinTypeList .skinTypeList-box .tx, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .tx, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .tx, .container .header .examine-swiper .skinTypeList .skinTypeList-box .tx, .container .header .materials-swiper .skinTypeList .skinTypeList-box .tx, .container .header .fy-swiper .skinTypeList .skinTypeList-box .tx, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .tx {

            width: 33%;

            min-width: 127px;

            height: 30px;

            line-height: 30px;

            background: url("../images/tx.png") no-repeat left top;

            background-size: 100% 100%;

            position: absolute;

            top: -30px;

            text-align: center;

            font-size: 13px; }

          .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-title, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-title {

            display: flex;

            justify-content: space-between;

            font-size: 0; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-left {

              font-size: 14px;

              border: 1px solid #502c1d;

              padding: 2px 5px; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-title .skinTypeList-title-right {

              width: 19px; }

          .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan {

            position: relative;

            display: flex;

            justify-content: space-between;

            border-top: 1px solid #502c1d;

            border-bottom: 1px solid #502c1d;

            padding: 3.5% 0;

            margin-top: 8px;

            align-items: end; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-left {

              font-size: 26px;

              font-weight: 500; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .skinTypeList-slogan-right {

              text-align: right;

              font-size: 12px; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-slogan .circle-arrow {

              position: absolute;

              width: 17px;

              height: auto;

              right: 0;

              top: 3px; }

          .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-img, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-img {

            margin-top: 20px; }

            .container .header .about-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .product-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .skin-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .plant-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .yj-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .brand-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .solve-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .expert-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .culture-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .news-swiper1 .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .news-swiper2 .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .examine-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .materials-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .fy-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img, .container .header .scheme-swiper .skinTypeList .skinTypeList-box .skinTypeList-img img {

              width: 100%; }

      .container .header .about-swiper .skinTypeList1, .container .header .product-swiper .skinTypeList1, .container .header .skin-swiper .skinTypeList1, .container .header .plant-swiper .skinTypeList1, .container .header .yj-swiper .skinTypeList1, .container .header .brand-swiper .skinTypeList1, .container .header .solve-swiper .skinTypeList1, .container .header .expert-swiper .skinTypeList1, .container .header .culture-swiper .skinTypeList1, .container .header .news-swiper1 .skinTypeList1, .container .header .news-swiper2 .skinTypeList1, .container .header .examine-swiper .skinTypeList1, .container .header .materials-swiper .skinTypeList1, .container .header .fy-swiper .skinTypeList1, .container .header .scheme-swiper .skinTypeList1 {

        margin-top: 5%; }

      .container .header .about-swiper .skinTypeList2, .container .header .product-swiper .skinTypeList2, .container .header .skin-swiper .skinTypeList2, .container .header .plant-swiper .skinTypeList2, .container .header .yj-swiper .skinTypeList2, .container .header .brand-swiper .skinTypeList2, .container .header .solve-swiper .skinTypeList2, .container .header .expert-swiper .skinTypeList2, .container .header .culture-swiper .skinTypeList2, .container .header .news-swiper1 .skinTypeList2, .container .header .news-swiper2 .skinTypeList2, .container .header .examine-swiper .skinTypeList2, .container .header .materials-swiper .skinTypeList2, .container .header .fy-swiper .skinTypeList2, .container .header .scheme-swiper .skinTypeList2 {

        margin-top: -5%; }

    .container .header .sub-materials-swiper, .container .header .sub2-materials-swiper, .container .header .sub3-materials-swiper, .container .header .sub4-materials-swiper, .container .header .sub5-materials-swiper {

      width: 36vw;

      overflow: hidden;

      padding-top: 14%;

      box-sizing: border-box;

      height: 100%;

      pointer-events: none;

      user-select: none; }

      .container .header .sub-materials-swiper .swiper-wrapper .swiper-slide img, .container .header .sub2-materials-swiper .swiper-wrapper .swiper-slide img, .container .header .sub3-materials-swiper .swiper-wrapper .swiper-slide img, .container .header .sub4-materials-swiper .swiper-wrapper .swiper-slide img, .container .header .sub5-materials-swiper .swiper-wrapper .swiper-slide img {

        width: 100%;

        object-fit: cover; }

    .container .header .ctrlArrow {

      text-align: center;

      margin: 10px auto 0; }

      .container .header .ctrlArrow .arrow {

        margin: 10px 10px 0; }

      .container .header .ctrlArrow .arrow-f {

        transform: rotate(180deg); }

  .container .cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: 0;

    z-index: 100;

    transition: all 0.3s ease; }

  .container .menu-fixed {

    position: fixed;

    left: -600px;

    top: 0;

    width: 450px;

    height: 100vh;

    background: #ffffff;

    z-index: 200;

    font-size: 0;

    transition: all 0.3s ease;

    white-space: nowrap; }

    .container .menu-fixed .leftBar {

      width: 8px;

      height: 100%;

      background: #bb0008;

      position: relative; }

      .container .menu-fixed .leftBar .wb {

        background: #ffffff;

        width: 100%;

        height: 40px;

        position: absolute;

        left: 0;

        top: 80vh; }

    .container .menu-fixed .content {

      font-size: 18px;

      padding-top: 4vh;

      width: 98%;

      padding-left: 20px;

      box-sizing: border-box;

      padding-right: 27px; }

      .container .menu-fixed .content .menu {

        width: 100%; }

        .container .menu-fixed .content .menu .menuList .menuList-single {

          margin-bottom: 4.5vh; }

          .container .menu-fixed .content .menu .menuList .menuList-single .title {

            color: #bb0008;

            font-size: 0;

            white-space: nowrap;

            border-top: 1px solid #502c1d;

            border-bottom: 1px solid #502c1d;

              /*:nth-child(1) {

                border-right: 1px solid $themeColor;

                line-height: 40px;

                padding-right: 18px;

                padding-left: 12px;

                font-size: $fontSize16;

              }

*/ }

            .container .menu-fixed .content .menu .menuList .menuList-single .title .BrandDiscovery, .container .menu-fixed .content .menu .menuList .menuList-single .title .SkincareSolutions {

              border-right: 1px solid #502c1d;

              line-height: 40px;

              padding-right: 21px;

              padding-left: 9px;

              font-size: 14px; }

            .container .menu-fixed .content .menu .menuList .menuList-single .title .SkincareSolutions {

              padding-right: 10px; }

            .container .menu-fixed .content .menu .menuList .menuList-single .title :nth-child(2) {

              line-height: 40px;

              padding-right: 35px;

              padding-left: 14px;

              font-size: 14px; }

          .container .menu-fixed .content .menu .menuList .menuList-single .itemList {

            text-align: left;

            margin: 3vh auto 0;

            line-height: 2.35;

            padding-left: 10px; }

            .container .menu-fixed .content .menu .menuList .menuList-single .itemList .item {

              color: #502c1d;

              font-size: 13px; }

			  

			   .container .menu-fixed .content .menu .menuList .menuList-single .itemList2 {

            text-align: left;

            margin: 1vh auto 1.3vh;

            line-height: 2.35;

            padding-left: 10px; }

            .container .menu-fixed .content .menu .menuList .menuList-single .itemList2 .item2 {

              color: #502c1d;

              font-size: 13px; }

			      .container .menu-fixed .content .menu .menuList .menuList-single .itemListLevel0 .itemBox {

              border-bottom: 1px solid #dedede;

              width: 100%; }

			  

          .container .menu-fixed .content .menu .menuList .menuList-single .itemListLevel3 {

            width: 50%;

            position: relative;

            overflow: hidden;

            padding-left: 20px; }

            .container .menu-fixed .content .menu .menuList .menuList-single .itemListLevel3 .itemBox {

              border-left: 1px solid #dedede;

              padding-left: 20px;

              width: 100%; }

      .container .menu-fixed .content .menu-colorBar {

        height: 8px;

        background: #2a3678;

        margin-left: -11px;

        margin-top: 11vh;

        width: 433px;

        position: relative; }

        .container .menu-fixed .content .menu-colorBar .colorBar {

          width: 15px;

          height: 40px;

          position: absolute;

          background: #ffffff;

          bottom: -186%;

          left: -18px; }

      .container .menu-fixed .content .search {

        font-size: 0;

        margin-top: 14vh; }

        .container .menu-fixed .content .search .CnEn {

          font-size: 14px;

          color: #313131;

          margin-left: 5%; }

          .container .menu-fixed .content .search .CnEn .arrow {

            width: 7px;

            height: 7px;

            border-top: 2px solid #313131;

            border-right: 2px solid #313131;

            transform: rotate(135deg);

            margin-top: 5px;

            margin-left: 2px; }

        .container .menu-fixed .content .search .search-input {

          font-size: 0;

          border-bottom: 1px solid #b3b3b3;

          margin-left: 10%;

          width: 66%;

          padding-bottom: 4px; }

          .container .menu-fixed .content .search .search-input input {

            border: none;

            outline: none;

            font-size: 14px;

            padding-left: 10px;

            width: 80%; }



@keyframes coverAni {

  0% {

    opacity: 0; }

  100% {

    opacity: 0.4; } }

.coverAni {

  animation-name: coverAni;

  animation-duration: 0.5s;

  animation-fill-mode: forwards;

  animation-iteration-count: 1;

  animation-timing-function: linear;

  animation-direction: alternate; }



@keyframes logoAni {

  0% {

    transform: translateX(0); }

  100% {

    transform: translateX(550px); } }

.logoAni {

  animation-name: logoAni;

  animation-duration: 0.5s;

  animation-fill-mode: forwards;

  animation-iteration-count: 1;

  animation-timing-function: linear;

  animation-direction: alternate; }



.textSelectedStyle {

  color: #bb0008 !important; text-decoration:underline; font-weight:600;}



.textSelectedStyle2 {

  color: #bb0008 !important;text-decoration:underline;font-weight:600; }



.text1 {

  font-size: 48px;

  position: absolute;

  left: 8%;

  letter-spacing: 0px;

  top: 30%;


  line-height: 1.3;

  color: #502c1d;
  
  font-family:'dingliesong','dlsbd' !important; }
.texts1 {

  font-size: 48px;

  position: absolute;

  left: 8%;

  letter-spacing: 0px;

  top: 30%;


  line-height: 1.3;

  color: #fff;
  
  font-family:'dingliesong','dlsbd' !important; }


.text1-3 {

  font-size: 48px;

  position: absolute;

  left: 5%;

  letter-spacing: 3px;

  top: 34%;

  line-height: 1.3; }



.text2 {

  position: absolute;

  top: 33%;

  left: 8%;

  text-align: left;

  cursor: auto !important; }

  .text2 .title {

    font-size: 48px;

    color: #502c1d;

    letter-spacing: 0px;

  }

  .text2 .tips {

    font-size: 14px;

    color: #705d56;

    line-height: 1.8;

    margin-top: 22px; }

  .text2 .iconList {

    display: flex;

    margin-top: 22px;

	width:360px; }

    .text2 .iconList .icon-single {

      text-align: center;

      flex: 1; }

      .text2 .iconList .icon-single img {

        margin: 0 auto;

        width: 40px;

        height: auto !important; }

      .text2 .iconList .icon-single p {

        margin-top: 5px;

        font-size: 12px;
		color:#705d56; }

    .text2 .iconList .line {

      background: linear-gradient(111deg, white 0%, black 50%, white 100%);

      width: 1px;

      height: 60px;

      margin-top: 5px; }

	  

	.text2-1 {

  position: absolute;

  top: 21%;

  left: 8%;

  text-align: left;

  cursor: auto !important; }

  .text2-1 .title {

    font-size: 48px;

    color: #0d0d0d;

    letter-spacing: 0px;

 }

  .text2-1 .tips {
  width:695px;
 white-space: normal;     /* 允许换行 */
    word-wrap: break-word;   /* 长单词/URL 自动断行 */
    word-break: break-word;  /* 更强的断词（可选） */
    font-size: 18px;

    line-height: 1.7;

    margin-top: 35px; }	    





 /* 淡入淡出效果 */

        .fade-container {

          /*  position: relative;*/

            width: 100%;

            height: 100%;

            overflow: hidden;

        }

        

        .fade-img {

            position: absolute;

            width: 100%;

            height: 100%;

            object-fit: cover;

            opacity: 0;

            transition: opacity 1.5s ease-in-out;

        }

        

        .fade-img.active {

            opacity: 1;

        }

		

	.text2-2 {

  position: absolute;

  top: 34%;

  left: 8%;

  text-align: left;

  width:35%;

  white-space:normal;

  cursor: auto !important; }

  .text2-2 .title {

    font-size: 40px;

    color: #0d0d0d;

    letter-spacing: 0px;

    font-weight: bold; }

  .text2-2 .tips {

    font-size: 14px;

    color: #313132;

    line-height: 1.8;

    margin-top: 22px; }	 

	

	

	.m-slick2-g{position:relative;overflow:hidden;padding-top:170px;padding-bottom:130px}

.series1-g .con{display:block}

.series1-g{float:left;width:1078px;height:700px;overflow:hidden}

.series1-g .pic{width:1078px;height:700px;overflow:hidden}

.series1-g .pic img{display:block;width:100%;height:100%}

.m-slick2-g .box{width:52.14%;position:absolute;top:52%; height:380px;right:0;transform:translateY(-50%);background-color:#fbf5ef}

.series2-g{padding-left:122px}

.series2-g .txt{padding-top:50px;padding-bottom:79px;overflow:hidden}

.series2-g .num{display:block;font-size:26px;color:#705d56;margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.series2-g .tit{font-size:40px;color:#502c1d;margin-bottom:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}

.series2-g .desc{font-size:18px;color:#705d56;line-height:2.1329;margin-bottom:66px;overflow:hidden}

.series2-g .more{position:relative;display:block;width:120px;height:40px;line-height:40px;font-size:14px;text-align:center;color:#fff;margin-left:2px;background-color:#000;overflow:hidden}

.series2-g .more span{position:relative;z-index:3}

.series2-g .more::after{content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:100%;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%);background-color:#3d2e2a;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}

.series2-g .more.is_top::after{-webkit-animation:.5s forwards ani3;-moz-animation:.5s forwards ani3;-ms-animation:ani3 .5s forwards;-o-animation:.5s forwards ani3;animation:.5s forwards ani3}

.series2-g .more.is_bot::after{-webkit-animation:.5s forwards ani4;-moz-animation:.5s forwards ani4;-ms-animation:ani4 .5s forwards;-o-animation:.5s forwards ani4;animation:.5s forwards ani4}

.series2-g .slick-arrow{position:absolute;width:42px;height:42px;bottom:-108px;margin-top:-21px;font-size:0;border:2px solid #502c1d;outline:0;z-index:8;cursor:pointer;background-repeat:no-repeat;-webkit-background-size:21px auto;-moz-background-size:21px auto;-ms-background-size:21px auto;-o-background-size:21px auto;background-size:21px auto;background-position:center center;border-radius:50%;background-color:transparent;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;overflow:hidden;padding:0}

.series2-g .slick-prev{right:40%;}

.series2-g .slick-next{right:34%;}

.series2-g .slick-arrow:hover{opacity:.6}



/*.swiper-slide iframe {

    pointer-events: none; 

    z-index: -1 !important;

    position: relative;

  }

  	*/

	

	.protext {

  position: absolute;

  top: 13%;

  left: 3%;

  text-align: left;

  cursor: auto !important;

  width:40%; }

  .protext .proimg{ text-align:center;flex:1;}

  .protext .proimg img{ margin: 20px auto;

        width: 350px;

        height: auto !important; }

		.protext .proimg:hover img{  transition: transform 0.3s ease; transform: scale(1.03);}

  .protext .title {

    font-size: 30px;

    color: #502c1d;

    letter-spacing: 0px; font-family:'dingliesong','dlsbd';

    font-weight: bold; text-align:center;}

  .protext .tips {

    font-size: 18px;

    color: #705d56;

    line-height: 1.8;

	font-weight:400;  margin:22px auto;text-align:center;}

	.protext .tips li{ width:33.33%; text-align:center; display:inline-block;}

  .protext .iconList {

    display: flex;

    margin: 30px auto;

	width:500px;

	}

    .protext .iconList .icon-single {

      text-align: center;

      flex: 1; }

      .protext .iconList .icon-single img {

        margin: 0 auto;

        width: 85px;

        height: auto !important; }

		/*.protext .iconList .icon-single:hover img{transform: rotate(180deg);}*/

      .protext .iconList .icon-single p {

        margin-top: 5px;

        font-size: 18px; color:#705d56; }

    .protext .iconList .line {

      background: linear-gradient(111deg, white 0%, black 50%, white 100%);

      width: 1px;

      height: 60px;

      margin-top: 5px; }

	  

		.protext2 {

  position: absolute;

  top: 13%;

  right: 3%;

  text-align: left;

  cursor: auto !important;

  width:40%; }

  .protext2 .proimg{ text-align:center;flex:1;}

  .protext2 .proimg img{ margin: 20px auto;

        width: 350px;

        height: auto !important; }

		.protext2 .proimg:hover img{  transition: transform 0.3s ease; transform: scale(1.03);}

  .protext2 .title {

    font-size: 30px;

    color: #502c1d;

    letter-spacing: 0px;

	line-height:200%;font-family:'dingliesong','dlsbd';

    font-weight: bold; text-align:center;}

  .protext2 .tips {

    font-size: 18px;

    color: #705d56;

    line-height: 1.8;

	font-weight:400; margin:22px auto;text-align:center;}

	.protext2 .tips li{ width:33.33%; text-align:center; display:inline-block;}

  .protext2 .iconList {

    display: flex;

    margin: 30px auto;

	width:500px;

	}

    .protext2 .iconList .icon-single {

      text-align: center;

      flex: 1; }

      .protext2 .iconList .icon-single img {

        margin: 0 auto;

        width: 85px;

        height: auto !important; }

		/*.protext .iconList .icon-single:hover img{transform: rotate(180deg);}*/

      .protext2 .iconList .icon-single p {

        margin-top: 5px;

        font-size: 18px;color:#705d56;  }

    .protext2 .iconList .line {

      background: linear-gradient(111deg, white 0%, black 50%, white 100%);

      width: 1px;

      height: 60px;

      margin-top: 5px; }  

	  

.text3 {

  position: absolute;

  top: 51%;

  left: 21%;

  cursor: auto !important; }

  .text3 .title {

    font-size: 35px;

    color: #313131;

    line-height: 1.4;

    letter-spacing: 3px;

    font-weight: bold; }

  .text3 .tips {

    font-size: 14px;

    color: #313132;

    line-height: 1.5;

    margin-top: 40px; }

  .text3 .line1 {

    position: absolute;

    width: 120%;

    height: 1px;

    background: #2a3678;

    left: -30px;

    margin-top: 20px; }

  .text3 .line2 {

    position: absolute;

    width: 1px;

    height: 100%;

    background: #2a3678;

    left: -13px;

    top: 0; }



.text4Fixed {

  position: absolute;

  top: 53%;

  left: 21%;

  display: flex;

  padding: 50px 0;

  gap: 20%; }

  .text4Fixed .text4 {

    cursor: auto !important;

    display: inline-block;

    vertical-align: top; }

    .text4Fixed .text4 .ppryTitle {

      color: #313131;

      font-weight: bold; }

    .text4Fixed .text4 .ppryList {

      color: #313131;

      margin-left: 10px;

      font-size: 14px; }

      .text4Fixed .text4 .ppryList .ppryList-single {

        margin-bottom: 18px;

        line-height: 1.5; }

        .text4Fixed .text4 .ppryList .ppryList-single .highlight {

          font-family: ''; }



.logoList {

  width: 71%;

  height: auto !important;

  display: block;

  position: absolute;

  top: 16.5%;

  right: 11.5%; }



.understand-box {

  width: 150px;

  line-height: 40px;

  background: #bb0008;

  color: #ffffff;

  text-align: center;

  position: absolute;

  z-index: 300;

  font-size: 16px !important; }

.sunderstand-box {

  width: 110px;

  line-height: 40px;

  background: #bb0008;

  color: #ffffff;

  text-align: center;

  position: absolute;

  z-index: 300;

  font-size: 16px !important; }

.understand-box1 {

  bottom: 67px;

  right: 50px; }



.understand-box2 {

  left: 8%;

  top: 54%; }



.understand-box3 {

  right: 50px;

  bottom: 70px; }



.understand-box4 {

  right: 50px;

  bottom: 68px; }



.wordFixed {

  color: #313131;

  position: absolute;

  font-size: 18px;

  z-index: 300;

  line-height: 1.5; }



.wordFixed1 {

  left: 40px;

  bottom: 60px;

  font-family: 'MySmallFont', sans-serif; }



.aboutThree1, .aboutThree2, .aboutThree3 {

  flex: 1;

  height: 68%;

  margin: 0 3%;

  position: relative; }

  .aboutThree1 .aboutWord, .aboutThree2 .aboutWord, .aboutThree3 .aboutWord {

    position: absolute;

    left: 8%;

    bottom: 5%;

    line-height: 1.5;

    font-size: 16px; }



.itemListFixed {

  width: 151px; }



.itemListFixed2 {

  width: 154px !important; }



.materialsSelectStyle {

  color: #502c1d !important; }



.materialsSelectStyleBorder {

  border-bottom: 1px solid #502c1d !important; }



.zd-arrowSelectStyle {

  border-right: 1px solid #502c1d !important;

  border-top: 1px solid #502c1d !important;

  transform: rotate(135deg) !important;

  top: 43% !important; }



.noBorder {

  border: none !important; }



video::-webkit-media-controls-panel {

  background-color: transparent; }



#products,#products2{ margin-top:0%;}
@media screen and (min-height: 1100px) {
#products,#products{ margin-top:10%;}
}
.index_seriesbox {width:100%; min-width:1160px; height:900px; margin:0px auto; background:#fff; position:relative;}
.index_seriesbox2 {width:100%; min-width:1160px; height:900px; margin:0px auto; position:relative;}
.index_seriesbox .topwz,.index_seriesbox2 .topwz{position:relative; left:0px; top:50px; width:1160px; height:150px; float:none;display: flex;
    justify-content: space-between; margin:0 auto;}
.index_seriesbox .topwz .w1,.index_seriesbox2 .topwz .w1{ text-align:left; font-size:26px; color:#1e2c77; width:70%; line-height:150%;   display: flex;
    flex-direction: column;position: relative;}
.index_seriesbox .topwz .w1 p,.index_seriesbox2 .topwz .w1 p{text-align:left; font-size:18px; color:#333; }
.index_seriesbox .topwz .w2,.index_seriesbox2 .topwz .w2{ text-align:left; font-size:20px; color:#0d0d0d; width:30%; line-height:140%;  display: flex;
    flex-direction: column;position: relative;}
.index_seriesbox .topwz .w2 p,.index_seriesbox2 .topwz .w2 p{text-align:left; font-size:18px; color:#333; }		
.index_seriesbox li,.index_seriesbox2 li {position:absolute; left:0px; top:200px; width:100%; height:600px; float:none; text-align:center; z-index:99;}
.index_seriesbox .series,.index_seriesbox2 .series2 {position:absolute; left:0px; bottom:50px; width:100%; z-index:100;}
.index_seriesbox .series .tnav,.index_seriesbox2 .series2 .tnav {padding:100px 0px 30px 0px; /*height:80px; background:url(../images/nav_series.png) center center no-repeat;*/}

/*.index_seriesbox .series .btns a {display:inline-block; height:34px; line-height:34px; margin:0px 120px; color:#333333; font-size:26px; position: relative; z-index: 1;}*/
.index_seriesbox .series .btns a:link {color:#333; text-decoration:none; }
.index_seriesbox .series .btns a:active {color:#333; text-decoration:none;}
.index_seriesbox .series .btns a:hover {color:#333; text-decoration:none;}
.index_seriesbox .series .btns a.cur {color:#333; text-decoration:none;}
.index_seriesbox2 .series2 .btns2 a:link {color:#333; text-decoration:none; }
.index_seriesbox2 .series2 .btns2 a:active {color:#333; text-decoration:none;}
.index_seriesbox2 .series2 .btns2 a:hover {color:#333; text-decoration:none;}
.index_seriesbox2 .series2 .btns2 a.cur {color:#333; text-decoration:none;}
/* 新增英文样式 */
.index_seriesbox .series .btns a span.en {
    font-size: 12px;
    margin-top: 5px;
    text-transform: uppercase;
}
.index_seriesbox .enwz,.index_seriesbox2 .enwz{  font-size: 14px; color:#999999; position:absolute;left:0; bottom:0; width:100%; text-align:center;align-items: center;
    justify-content: center; }
.index_seriesbox .series .btns,.index_seriesbox2 .series2 .btns2 {
    position: relative;
    height: 50px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 850px;
}

.index_seriesbox .series .btns a,.index_seriesbox2 .series2 .btns2 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 50px;
    color: #333;
    font-size: 20px;
    position: relative;
	z-index:1;
	text-align:center;
}

.index_seriesbox .series .btns a:nth-child(1) {
    margin-right: auto;
}

.index_seriesbox .series .btns a:nth-child(2) {
/*    margin: 0 274px;*/
}

.index_seriesbox .series .btns a:nth-child(3) {
    margin-left: auto;
}

.index_seriesbox .series .btns::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 850px;
    height: 1px;
    background-color: #b9b9b9;
    transition: all 0.3s;
}

.index_seriesbox .series .btns a:hover::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 230px;
    height: 3px;
    background-color: #1e2c77;
}

.index_seriesbox .series .btns a.cur::after {
    background-color: #1e2c77;
	 content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 230px;
    height: 3px;
}

.index_seriesbox2 .series2 .btns2 a:nth-child(1) {
    margin-right: auto;
}

.index_seriesbox2 .series2 .btns2 a:nth-child(2) {
/*    margin: 0 274px;*/
}

.index_seriesbox2 .series2 .btns2 a:nth-child(3) {
    margin-left: auto;
}

.index_seriesbox2 .series2 .btns2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 850px;
    height: 1px;
    background-color: #b9b9b9;
    transition: all 0.3s;
}

.index_seriesbox2 .series2 .btns2 a:hover::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 230px;
    height: 3px;
    background-color: #1e2c77;
}

.index_seriesbox2 .series2 .btns2 a.cur::after {
    background-color: #1e2c77;
	 content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 230px;
    height: 3px;
}



.gallery-container {

    width: 1400px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}



.main-gallery {

    width: 100%;

    overflow: hidden;

}



.gallery-track {

    display: flex;

    transition: transform 0.5s ease-in-out;

    width: calc(336px * 6);

}

.navigation {

    display: flex;

    justify-content: right;

    margin-top: 20px;

    gap: 20px;

}



.nav-btn {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: #fff;

    border: 2px solid #1e2c77;

	color:#1e2c77;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

}



.nav-btn:hover {

    background-color: #1e2c77;

    color: #fff;

}



.nav-btn svg {

    width: 28px;

    height: 28px;

}



.nav-btn:disabled {

    opacity: 0.5;

    cursor: not-allowed;

    border-color: #ccc;

	color:#ccc;

}



.nav-btn:disabled:hover {

    background-color: #fff;

    color: #ccc;

}