* {
    margin: 0;
    padding: 0;
  }
  .swiper1 {
    width: 100%;
    height: 12.5rem;
    background: url("../img/brandStory/swiper.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper1 .titleNav {
    flex-direction: column;
    width: 21.9375rem;
    height: 8.6875rem;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
  }
  .swiper1 .bigTitle {
    font-size: 1.625rem;
    text-align: center;
    color: #fff;
  }
  .swiper1 .tinyTitle {
    font-size: 1.0313rem;
    margin-top: 1.0625rem;
    text-align: center;
    color: #fff;
  }
  .story {
    width: 23.4375rem;
    width: 338px;
    margin: 0 auto;
    height: 13rem;
    padding: 0 10px;
    padding-left: 15px;
  }
  .story .story-top {
    display: flex;
  }
  .story .story-top .story-left {
    width: 270px;
  }
  .story .story-top .story-left ul {
    margin-top: 1.125rem;
  }
  .story .story-top .story-left ul li {
    display: flex;
    align-items: center;
    font-size: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .story .story-top .story-left ul li .disc {
    margin-left: 3px;
    width: 0.295rem;
    height: 0.295rem;
    border-radius: 0.295rem;
    background-color: #083b30;
  }
  .story .story-top .story-left ul li .disc-border3 {
    width: 0.4131rem;
    height: 0.4131rem;
    background-color: #fff;
    border: 0.0625rem solid #083b30;
    border-radius: 0.4131rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .story .story-top .story-left ul li .disc-border3 .disc3 {
    width: 0.295rem;
    height: 0.295rem;
    border-radius: 0.295rem;
    background-color: #083b30;
  }
  .story .story-top .story-left ul li .disc-border4 {
    width: 0.4131rem;
    height: 0.4131rem;
    background-color: #fff;
    border: 0.0625rem solid #8ed116;
    border-radius: 0.4131rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .story .story-top .story-left ul li .disc-border4 .disc4 {
    width: 0.295rem;
    height: 0.295rem;
    border-radius: 0.295rem;
    background-color: #8ed116;
  }
  .story .story-top .story-right .title {
    display: block;
    font-size: 1.0625rem;
    padding-top: 0.9688rem;
    position: relative;
  }
  .story .story-top .story-right .title::before {
    content: "";
    width: 2.125rem;
    height: 0.1375rem;
    background-color: #8ed116;
    position: absolute;
    left: 0;
    bottom: -0.2188rem;
    box-sizing: border-box;
  }
  .story .story-bottom {
    position: relative;
    bottom: .8125rem;
    float: right;
  }
  .story .story-bottom .story-pic {
    display: flex;
    flex-direction: column-reverse;
    color: #fff;
  }
  .story .story-bottom .story-pic .box-l {
    height: 3.4375rem;
    width: 3.4375rem;
    background: url("../img/brandStory/story4.png") no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .story .story-bottom .story-pic .box-l:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .story .story-bottom .story-pic .box-m {
    height: 5.375rem;
    width: 5.375rem;
    width: 5.625rem;
    background: url("../img/brandStory/story5.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .story .story-bottom .story-pic .box-m:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .story .story-bottom .story-pic .box-r {
    height: 6.5313rem;
    width: 7.6044rem;
    background: url("../img/brandStory/story6.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .story .story-bottom .story-pic .box-r:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .group {
    background: #083b30;
    width: 100%;
    box-sizing: border-box;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .group .group-t {
    width: 21.875rem;
    margin: 0.75rem auto;
  }
  .group .group-t .gr-box {
    width: 100%;
    height: 10.2813rem;
    background: #fff;
    position: relative;
    margin-bottom: 0.75rem;
    box-sizing: border-box;
  }
  .group .group-t .gr-box .big-title {
    font-size: 1.0625rem;
    display: inline-block;
    position: relative;
    margin-top: 1.2188rem;
    margin-left: 0.8438rem;
  }
  .group .group-t .gr-box .big-title::before {
    content: "";
    width: 0.25rem;
    height: 1.4688rem;
    background-color: #0d604f;
    position: absolute;
    right: -3.6875rem;
    bottom: 0;
    box-sizing: border-box;
  }
  .group .group-t .gr-box .text-cont {
    margin-left: 0.8438rem;
    display: block;
    margin-top: .1875rem;
    width: 16rem;
    font-size: 0.75rem;
    color: #666666;
  }
  .group .group-t .gr-box .img {
    position: absolute;
    top: .9375rem;
    right: .5rem;
    width: 9.1563rem;
  }
  .group .group-t .gr-box .img2 {
    position: absolute;
    top: .5625rem;
    right: 2.5rem;
    width: 4.625rem;
  }
  .group .group-t .gr-box .img3 {
    position: absolute;
    top: .25rem;
    right: 1rem;
    width: 8.0625rem;
  }
  .group-b {
    width: 21.875rem;
    margin: 0 auto;
    background: #fff;
  }
  .group-b .big-title {
    padding-top: 0.6875rem;
    font-size: 1.0625rem;
    text-align: center;
  }
  .group-b .pic-bar {
    width: 21.9375rem;
    margin: 0 auto;
    margin-top: 0.4688rem;
    display: flex;
    flex-wrap: wrap;
  }
  .group-b .pic-bar img {
    width: 3.8937rem;
    height: 3.8937rem;
    margin-left: 2.5rem;
    margin-bottom: 0.75rem;
  }
  .group-b .pic-bar img:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .brandHistory {
    width: 100%;
    margin: 0 auto;
    height: 50.2813rem;
    background: url("../img/brandStory/fazhan.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .video {
    width: 23.4375rem;
    height: 12.5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lang {
    padding-top: 0.3438rem;
    width: 23.4375rem;
    margin: 0 auto;
    text-align: center;
  }
  .lang span {
    display: block;
    font-size: 0.625rem;
    color: #333333;
  }
  .fix-box {
    display: flex;
    width: 23.4375rem;
    width: 351px;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .fix-box .type-box {
    width: 3.9063rem;
    width: 58.5px;
    height: 3rem;
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    color: #666666;
  }
  .fix-box .type-box .border-box {
    width: 1.6875rem;
    height: 1.6875rem;
    border-radius: 1.6875rem;
    border: 0.0625rem solid #666666;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fix-box .type-box .border-box img {
    width: 1.0313rem;
    height: 1.0313rem;
  }
  .fix-box .type-box .border-box:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .advantage {
    width: 21.9063rem;
    margin: 0 auto;
  }
  .advantage .furniture1 {
    width: 21.9063rem;
    height: 12.25rem;
    background: url("../img/brandStory/furniture1.png");
    background-position: center;
    background-size: cover;
  }
  .advantage .furniture1:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .advantage .furniture2 {
    width: 21.9063rem;
    height: 12.25rem;
    background: url("../img/brandStory/furniture2.png");
    background-position: center;
    background-size: cover;
  }
  .advantage .furniture2:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .advantage .furniture3 {
    width: 21.9063rem;
    height: 12.25rem;
    background: url("../img/brandStory/furniture3.png");
    background-position: center;
    background-size: cover;
  }
  .advantage .furniture3:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .advantage .right {
    width: 21.9063rem;
    margin: 0 auto;
  }
  .advantage .right ul li {
    width: 19.9063rem;
    margin: 0 auto;
    height: 4.6875rem;
    height: 3rem;
    padding-left: 1.9688rem;
    padding-top: 0.75rem;
    padding-bottom: 0.9375rem;
    position: relative;
  }
  .advantage .right ul li .big-title {
    font-size: 1.0625rem;
  }
  .advantage .right ul li .small-title {
    display: block;
    font-size: 0.875rem;
    color: #999999;
  }
  /* .advantage .right ul li:hover {
    background-color: #90cf2f;
  }
  .advantage .right ul li:hover .big-title {
    font-size: 1.0625rem;
    color: #336730;
  }
  .advantage .right ul li:hover .small-title {
    display: block;
    font-size: 0.875rem;
    color: #fefefe;
  }
  .advantage .right ul li:hover::before {
    content: "";
    width: 1.5625rem;
    height: 0.1875rem;
    background-color: #fff;
    position: absolute;
    left: 1.9688rem;
    bottom: 12px;
    box-sizing: border-box;
  } */
  .advantage .right ul .start {
    width: 19.9063rem;
    margin: 0 auto;
    height: 4.6875rem;
    height: 3rem;
    padding-left: 1.9688rem;
    padding-top: 0.75rem;
    padding-bottom: 0.9375rem;
    position: relative;
    background-color: #90cf2f;
  }
  .advantage .right ul .start .big-title {
    font-size: 1.0625rem;
    color: #336730;
  }
  .advantage .right ul .start .small-title {
    display: block;
    font-size: 0.875rem;
    color: #fefefe;
  }
  .advantage .right ul .start::before {
    content: "";
    width: 1.5625rem;
    height: 0.1875rem;
    background-color: #fff;
    position: absolute;
    left: 1.9688rem;
    bottom: 12px;
    box-sizing: border-box;
  }
  .certificate {
    width: 100%;
    background: url("../img/brandStory/zz-mbg.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: .9375rem 0;
    margin: 0 auto;
  }
  .certificate .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    font-size: 0.6rem;
    box-sizing: border-box;
  }
  .certificate .box .item img:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .certificate .box .item .font8 {
    font-size: .5rem;
    margin: .3125rem auto;
    text-align: center;
  }
  .cooperation-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .cooperation-box .tv-box {
    width: 100%;
    height: 8.75rem;
    background-color: #ebebeb;
  }
  .cooperation-box .tv-box .tv {
    width: 325px;
    height: 7.3438rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
  }
  .cooperation-box .tv-box .tv img:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .cooperation-box .tv-box .title {
    color: #666666;
    font-size: 0.5313rem;
    text-align: center;
  }
  .cooperation-box .ds-box {
    width: 23.4375rem;
    height: auto;
    margin: 0 auto;
    border-bottom: none;
  }
  .cooperation-box .ds-box:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .cooperation-box .ds-box .pic {
    width: 23.4375rem;
    height: 4.375rem;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cooperation-box .ds-box .title {
    width: 23.4375rem;
    color: #dddddd;
    color: #666666;
    font-size: 0.5313rem;
    text-align: center;
  }
  .cooperation-box .hy-box {
    width: 100%;
    height: auto;
    border: 2px solid #dddddd;
  }
  .cooperation-box .hy-box .pic-hy {
    width: 23.4375rem;
    width: 21.9375rem;
    height: 4.375rem;
    margin: 0 auto;
    height: 89px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cooperation-box .hy-box .pic-hy img:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .cooperation-box .hy-box .title {
    width: 23.4375rem;
    margin: 0 auto;
    color: #dddddd;
    color: #666666;
    font-size: 0.5313rem;
    text-align: center;
  }
  .cooperation-box .big-pic {
    width: 100%;
    height: 8.2813rem;
    background: url("../img/brandStory/zanyu-m.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .cooperation-box .big-pic:hover {
    transform: scale(1.05);
    transition: all 0.4s;
  }
  .cooperation-box .end {
    width: 100%;
    height: 22.25rem;
    font-size: 1.0625rem;
    color: #fff;
    background: url("../img/houseRemark/end.png");
    background-size: 100% 100%;
  }
  .cooperation-box .end .title {
    padding-top: 1rem;
    text-align: center;
    width: 375px;
    margin: 0 auto;
  }
  .cooperation-box .end ul {
    height: 20rem;
    display: flex;
    flex-wrap: wrap;
    width: 375px;
    margin: 0 auto;
  }
  .cooperation-box .end ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 11.6875rem;
  }
  .cooperation-box .end ul li .t1 {
    font-size: 1rem;
  }
  .cooperation-box .end ul li .t2 {
    padding-top: 0.4375rem;
    font-size: 0.75rem;
  }
  /* 小树 */
.logo {
    width: 100%;
    margin: 10px auto;
  }
  
  .logo .line {
    width: 1.625rem;
    height: 0.1875rem;
    border-bottom: 0.0625rem solid #999999;
  }
  
  .logo .tree {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0 0.625rem;
  }