.banner-container{margin-bottom:80px}.banner-container img{width:100%}.about-container{background-image:-o-linear-gradient(left,rgba(199,200,200,.3) 1px,rgba(0,0,0,0) 1px),-o-linear-gradient(rgba(199,200,200,.3) 1px,rgba(0,0,0,0) 1px);background-image:linear-gradient(90deg,rgba(199,200,200,.3) 1px,rgba(0,0,0,0) 0),linear-gradient(rgba(199,200,200,.3) 1px,rgba(0,0,0,0) 0);background-size:20px 20px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.about-container,.about-container .left-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about-container .left-layout{width:45%}.about-container .left-layout img{max-width:100%}.about-container .right-layout{width:55%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.about-container .right-layout .icon{margin-bottom:10px}.about-container .right-layout .title{font-size:24px;margin-bottom:20px}.about-container .right-layout .cont{color:#707070;font-size:15px;line-height:1.6;margin-bottom:20px;text-align:justify}.about-container .right-layout .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#bc9279}.about-container .right-layout .more svg{margin-bottom:0;margin-right:5px}.about-container.max-center{margin:0 auto 80px}.product-container .product-list .product-item{margin-bottom:100px}.product-container .product-list .product-item img{max-width:100%;margin-bottom:50px}.product-container .product-list .product-item .cont{width:70%;max-width:1080px;margin:0 auto;line-height:1.8;font-size:20px;text-align:center}@media screen and (max-width:1080px){.banner-container{margin-bottom:40px}.about-container{background-size:15px 15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.about-container .left-layout,.about-container .left-layout img{width:100%}.about-container .right-layout{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0}.about-container .right-layout .icon{display:none}.about-container .right-layout svg.icon{display:block}.about-container.max-center{margin:0 auto 40px}.product-container .product-list .product-item{margin-bottom:70px}.product-container .product-list .product-item img{max-width:100%;margin-bottom:30px}.product-container .product-list .product-item .cont{width:90%;font-size:16px}}@media screen and (max-width:768px){.banner-container{margin-bottom:30px}.about-container{background-size:20px 20px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.about-container .right-layout{padding:10px 0}.about-container .right-layout .title{font-size:18px;margin-bottom:10px}.about-container .right-layout .cont{font-size:13px;margin-bottom:10px}.about-container.max-center{margin:0 auto 30px}.product-container .product-list .product-item{margin-bottom:40px}.product-container .product-list .product-item img{max-width:100%;margin-bottom:20px}.product-container .product-list .product-item .cont{width:90%;font-size:14px}}.pc-header .logo{display:block;height:33px;margin:33px auto}.pc-header .logo img{display:block;max-height:33px;margin:0 auto}.pc-header .nav-list{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc-header .nav-list .nav-item{color:#000;font-family:sans-serif;font-size:20px;margin:0 50px;position:relative}.pc-header .nav-list .nav-item.on:after,.pc-header .nav-list .nav-item:hover:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width:100%;height:1px;background-color:#000}@media screen and (max-width:1080px){.pc-header .logo{height:24px;margin:24px auto}.pc-header .logo img{max-height:24px}.pc-header .nav-list{padding:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc-header .nav-list .nav-item{font-size:18px;margin:0 20px}}@media screen and (max-width:768px){.pc-header .logo{height:20px;margin:10px auto}.pc-header .logo img{max-height:20px}.pc-header .nav-list{padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc-header .nav-list .nav-item{font-size:12px;margin:0 10px}}.max-center{width:90%;max-width:1440px;margin:0 auto}.title-module{margin:0 auto 80px;text-align:center}.title-module .icon{width:50px;margin:0 auto}.title-module .title{font-size:24px;font-weight:400;color:#30454e;margin-bottom:50px}.title-module .desc{font-size:15px;color:#707070}@media screen and (max-width:768px){.title-module{margin:0 auto 30px}.title-module .icon{width:32px}.title-module .title{font-size:20px;font-weight:700;color:#30454e;margin-bottom:20px}.title-module .desc{font-size:13px;color:#707070}}.footer-container{background-color:#35404e}.footer-container .top-layout{padding:90px 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer-container .top-layout .company-box{width:30%;margin-right:20%}.footer-container .top-layout .company-box .logo{margin-bottom:20px;display:block}.footer-container .top-layout .company-box .cont{font-size:14px;line-height:1.8;color:#fff;opacity:.6}.footer-container .top-layout .contact-box .title,.footer-container .top-layout .nav-box .title{font-size:15px;font-weight:700;color:#fff;margin-bottom:20px}.footer-container .top-layout .nav-box{width:25%}.footer-container .top-layout .nav-box a{color:#fff;display:block;position:relative;line-height:2;font-size:14px;opacity:.6}.footer-container .top-layout .nav-box a:before{content:">";margin-right:5px}.footer-container .top-layout .nav-box a:hover{opacity:1}.footer-container .top-layout .contact-box{width:25%}.footer-container .top-layout .contact-box .cont{color:#fff;opacity:.6;font-size:14px}.footer-container .top-layout .contact-box .cont p{line-height:2}.footer-container .bottom-layout{font-size:14px;text-align:center;color:#fff;opacity:.6;line-height:70px;height:70px;border-top:1px solid hsla(0,0%,100%,.1)}@media screen and (max-width:1080px){.footer-container .top-layout{padding:50px 0 20px}.footer-container .top-layout .company-box{width:35%;margin-right:5%}.footer-container .top-layout .company-box .logo{margin-bottom:20px;height:24px}.footer-container .top-layout .company-box .logo img{height:24px}.footer-container .top-layout .company-box .cont{font-size:12px;line-height:1.8}.footer-container .top-layout .contact-box .title,.footer-container .top-layout .nav-box .title{font-size:13px;margin-bottom:10px}.footer-container .top-layout .nav-box{width:25%}.footer-container .top-layout .nav-box a{color:#fff;display:block;position:relative;line-height:2;font-size:14px;opacity:.6}.footer-container .top-layout .nav-box a:before{content:">";margin-right:5px}.footer-container .top-layout .nav-box a:hover{opacity:1}.footer-container .top-layout .contact-box{width:35%}.footer-container .top-layout .contact-box .cont{color:#fff;opacity:.6;font-size:14px}.footer-container .top-layout .contact-box .cont p{line-height:2}.footer-container .bottom-layout{font-size:14px;text-align:center;color:#fff;opacity:.6;line-height:70px;height:70px;border-top:1px solid hsla(0,0%,100%,.1)}}@media screen and (max-width:768px){.footer-container .top-layout{padding:20px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-container .top-layout .company-box{width:100%;margin-right:0;margin-bottom:20px}.footer-container .top-layout .company-box .logo{margin-bottom:10px}.footer-container .top-layout .company-box .cont{font-size:12px}.footer-container .top-layout .contact-box .title,.footer-container .top-layout .nav-box .title{font-size:14px;margin-bottom:10px}.footer-container .top-layout .nav-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-container .top-layout .nav-box .title{width:100%}.footer-container .top-layout .nav-box a{width:30%;font-size:13px}.footer-container .top-layout .nav-box a:before{content:">";margin-right:5px}.footer-container .top-layout .nav-box a:hover{opacity:1}.footer-container .top-layout .contact-box{width:100%}.footer-container .top-layout .contact-box .cont{color:#fff;opacity:.6;font-size:13px}.footer-container .top-layout .contact-box .cont p{line-height:2}.footer-container .bottom-layout{font-size:12px;line-height:48px;height:48px}}
      .about-container.max-center{
          min-height:481px;
      }
      .about-container .left-layout{
          padding: 20px;
          box-sizing: border-box;
      }

 .about-container.max-center {
      min-height: 481px;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .about-container .left-layout {
      box-sizing: border-box;
      width: 50%;
    }

    .about-container .right-layout {
      padding: 50px;
      box-sizing: border-box;
      width: 50%;
    }

    .about-container .right-layout .icon {
      display: flex;
      justify-content: center;
    }

    .about-container .right-layout .title {
      text-align: center;
    }

    .about-container .right-layout .cont {
      text-align: center;
    }

    .about-container .right-layout .more {
      width: 100%;
      height: 44px;
      background-color: #bc9279;
      color: #fff;
      text-align: center;
    }

    .about-container .right-layout .more:hover {
      background-color: #b17959;
    }

    .about-container .right-layout .more span {
      display: block;
      margin: 0 auto;
    }

    .about-container {
      background-color: #FAF8F6;
      padding: 0;
      background-image: none;
      margin-bottom: 100px;
    }

    .text-container {
      margin-bottom: 50px;
    }

    .text-container .title {
      text-align: center;
      font-size: 24px;
      margin-bottom: 50px;
    }

    @media screen and (max-width:768px) {
      .about-container .left-layout {
        width: 100%;

      }

      .about-container .right-layout {
        padding: 10px;
        width: 100%;
      }
    }
   .info-container {
      background-color: #f7f5f1;
      padding: 80px 0;
      margin-bottom: 50px;
    }

    .info-container .info-item .info-item-box {
      width: 50%;
      margin: 0 auto;
      max-width: 480px;
      text-align: center;
    }

    .info-container .info-item .info-item-box .star {
      display: flex;
      justify-content: center;
      margin-bottom: 50px;
    }

    .info-container .info-item .info-item-box .star i {
      display: block;
      width: 16px;
      height: 15px;
      margin: 0 1px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.879 5.282l-4.497-.684L8.372.33a.558.558 0 00-1.017 0l-2.01 4.268-4.496.684a.557.557 0 00-.325.172.61.61 0 00-.16.423.608.608 0 00.171.418l3.253 3.321-.768 4.69a.619.619 0 00.033.324.59.59 0 00.192.257.55.55 0 00.597.044l4.022-2.214 4.022 2.214c.11.062.237.082.36.06a.59.59 0 00.461-.685l-.768-4.69 3.253-3.321a.602.602 0 00.165-.34.588.588 0 00-.478-.673z' fill='%23C1D0C4'/%3E%3C/svg%3E");
    }

    .info-container .info-item .info-item-box .cont {
      font-size: 24px;
      margin-bottom: 25px;
    }

    .info-container .info-item .info-item-box .text {
      font-size: 15px;
    }

    .info-container .info-item .info-item-box .text .title {
      font-weight: bold;
      margin-bottom: 5px;
    }

    .info-container .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
    }

    .info-container .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
    }

    .info-container .swiper-button-prev,
    .info-container .swiper-button-next {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #4f4545;

      background-size: 14px;
    }

    @media screen and (max-width:768px) {
      .info-container {
        padding: 30px 0;
        margin-bottom: 20px;
      }

      .info-container .info-item .info-item-box {
        width: 70%;
      }

      .info-container .info-item .info-item-box .star {
        margin-bottom: 30px;
      }
      .info-container .info-item .info-item-box .cont {
        font-size: 16px;
        margin-bottom: 15px;
      }

      .info-container .info-item .info-item-box .text {
        font-size: 13px;
      }
      .info-container .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
      }

      .info-container .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
      }

      .info-container .swiper-button-prev,
      .info-container .swiper-button-next {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #4f4545;

        background-size: 8px;
      }
    }