/* *{
  margin: 0;
  padding: 0;
  text-decoration: none;
} */

.yezh{
  width: 100%;
  background-color: rgb(247, 248, 249);
}
.yezh img{
  width: 100%;
  display: block;
}
.yezh h2{
  font-weight: 300;
}
.yezh .nowrap{
  white-space: nowrap;
}


.yezh .sec1{
  width: 100%;
  margin-bottom: 4.0625vw;
  position: relative;
}
.yezh .sec1 .sec1-background{
  width: 100%;
  position: relative;
}
.yezh .sec1 .sec1-text{
  width: 35.260417vw;
  height: fit-content;
  position: absolute;
  left: 18.75vw;
  top: 0;
  bottom: 0;
  margin: auto 0;
  text-align: left;
  color: #000;
}
.yezh .sec1 .sec1-text .sec1-icon{
  width: 10.3125vw;
}
.yezh .sec1 .sec1-text h2{
  font-size: 2.916667vw;
  font-weight: 700;
  margin: .416667vw 0 .625vw;
  line-height: 1.25;
}
.yezh .sec1 .sec1-text p{
  font-size: 1.354167vw;
  line-height: 1.25;
}
.yezh .sec1 .sec1-text a{
  font-size: .833333vw;
  font-weight: 700;
  display: block;
  width: fit-content;
  line-height: 1.5;
  padding: .46875vw 1.5625vw;
  margin-top: 2.083333vw;
  color: #fff;
  background-color: #000;
  border-radius: .208333vw;
}


.yezh .sec2{
  width: 100%;
  margin-bottom: 6.666667vw;
}
.yezh .sec2 .sec2-text{
  width: 43vw;
  margin: 0 auto 5vw;
  text-align: center;
  color: rgb(0, 0, 0);
}
.yezh .sec2 .sec2-text h2{
  font-size: 2.916667vw;
  line-height: 1.25;
  margin-bottom: .416667vw;
}
.yezh .sec2 .sec2-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}
.yezh .sec2 .sec2-background{
  width: 100%;
  position: relative;
}
.yezh .sec2 .sec2-background .sec2-dong{
  width: 16.197917vw;
  position: absolute;
  top: 1.09375vw;
  right: 18.75vw;
}




.yezh .sec3{
  width: 100%;
  position: relative;
  margin-bottom: 10vw;
  overflow: hidden;
}
.yezh .sec3 .sec3-img{
  width: 54.635417vw;
  margin-left: 45.364583vw;
}
.yezh .sec3 .sec3-text{
  width: 19.947917vw;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18.75vw;
  margin: auto 0;
  color: #000;
}
.yezh .sec3 .sec3-text h2{
  font-size: 2.083333vw;
  line-height: 1.5;
  margin-bottom: .625vw;
}
.yezh .sec3 .sec3-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}

.yezh .sec4{
  width: 100%;
  margin-bottom: 4.166667vw;
}
.yezh .sec4 .sec4-text{
  width: 50vw;
  margin: 0 auto 5vw;
  text-align: center;
}
.yezh .sec4 .sec4-text h2{
  font-size: 2.916667vw;
  line-height: 1.25;
  margin-bottom: 1.666667vw;
  color: #000;
  /* white-space: nowrap; */
}
.yezh .sec4 .sec4-text p{
  width: 41.25vw;
  font-size: 1.041667vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
}
.yezh .sec4 .sec4-imgBox{
  width: 100%;
}



.yezh .sec5{
  width: 62.5vw;
  height: 34.375vw;
  margin: 0 auto 10vw;
  display: flex;
  justify-content: space-between;
}
.yezh .sec5>div{
  border-radius: 1.25vw;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}
.yezh .sec5 .sec5-text{
  padding: 2.083333vw 2.5vw 0;
  box-sizing: border-box;
}
.yezh .sec5 .sec5-text h2{
  font-size: 1.666667vw;
  line-height: 1.5;
  margin-bottom: .416667vw;
  /* white-space: nowrap; */
}
.yezh .sec5 .sec5-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  margin-bottom: .833333vw;
  color: rgb(102, 102, 102);
}
.yezh .sec5 .sec5-left{
  width: 25.3125vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.yezh .sec5 .sec5-left .sec5-left-img{
  width: 100%;
  /* position: absolute;
  bottom: 0; */
}
.yezh .sec5 .sec5-right{
  width: 35.9375vw;
}
.yezh .sec5 .sec5-right ul{
  width: 29.010417vw;
  margin: 1.145833vw auto 0;
  position: relative;
}
.yezh .sec5 .sec5-right ul .ele{
  width:100%;
  border-radius: 1.25vw;
  padding: 1.5625vw 2.8125vw;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  /* cursor: move;     */
  display: flex;     
  align-items: center;
  font-size: 1.25vw;
  line-height: 1.5;
  position: relative;
  transition: .3s;

  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  
}
.yezh .sec5 .sec5-right ul .ele::before{
  content: '';
  width: 23.385417vw;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}
.yezh .sec5 .sec5-right ul .ele:last-child::before{
  display: none;
}
.yezh .sec5 .sec5-right ul .ele>div{
  display: flex;
  align-items: center;
}
.yezh .sec5 .sec5-right ul .ele .sec5-left-icon{
  width: 2.5vw;
  margin-right: 1.145833vw;
}
.yezh .sec5 .sec5-right ul .ele .sec5-right-icon{
  width: 1.5625vw;
  position: absolute;
  right: 2.8125vw;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.yezh .sec5 .sec5-right ul .ele.active::before{
  display: none;
}
/* .yezh .sec5 .sec5-right ul .ele:hover{
  background-color: #fff;
  font-size: 1.875vw;
  font-weight: 700;
  box-shadow: 0px .520833vw 1.041667vw 0px rgba(117, 109, 109, 0.1);
} */
/* .yezh .sec5 .sec5-right ul .ele:hover::before{
  display: none;
} */


.yezh .sec6{
  width: 100%;
  margin-bottom: 10vw;
}
.yezh .sec6 .sec6-text{
  width: 57.5vw;
  text-align: center;
  margin: 0 auto 5vw;
}
.yezh .sec6 .sec6-text h2{
  font-size: 2.916667vw;
  line-height: 1.25;
  color: #000;
  margin-bottom: 1.666667vw;
}
.yezh .sec6 .sec6-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}
.yezh .sec6 .sec6-bottom{
  width: 100%;
  position: relative;
}
.yezh .sec6 .sec6-bottom .sec6-background{
  width: 100%;
  position: absolute;
  top: 4.739583vw;
  z-index: 0;
}
.yezh .sec6 .sec6-bottom-top{
  width: 100%;
  margin-bottom: 3.355208vw;
  position: relative;
  z-index: 2;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox{
  width: 38.958333vw;
  margin: 0 auto 1.458333vw;
  align-items:flex-start;
  display: flex;
  justify-content: space-between;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div{
  width: 8.958333vw;
  height: 8.958333vw;
  border-radius: 50%;
  border: .105vw solid #fff;
  margin-top: 2.96875vw;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgb(248, 248, 248) 0%, rgb(227, 233, 238) 100%);
  position: relative;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(2){
  width: 10.208333vw;
  height: 10.208333vw;
  margin-top: 0;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div img{
  width: 2.5vw;
  height: 2.5vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(1) img{
  margin: .572917vw auto .416667vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(2) img{
  width: 2.916667vw;
  height: 2.916667vw;
  margin: 2.5vw auto .416667vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(3) img{
  margin: 1.71875vw auto .416667vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .sec6-line{
  width: .957813vw !important;
  height: auto !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto !important;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line1{
  bottom: -4.752083vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line2{
  bottom: -6.73125vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line3{
  bottom: -12.148437vw;
}

.yezh .sec6 .sec6-bottom-top .sec6-Obox>div p{
  width: 7.03125vw;
  margin: 0 auto;
  font-size: 1.041667vw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.yezh .sec6 .sec6-bottom-top .sec6-dong{
  width: 56.25vw;
  margin-left: 16.927083vw;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box{
  width: 62.5vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  position: relative;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-left{
  width: 35.9375vw;
  border-radius: 1.25vw;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right{
  width: 25.3125vw;
  border-radius: 1.25vw;
  background: linear-gradient(143deg, rgb(43, 105, 224) 0%, rgb(114, 226, 255) 150%);
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right p{
  margin: 2.083333vw 0 0 2.5vw;
  font-size: 1.25vw;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right .sec6-img2{
  width: 12.65625vw;
  margin: 3.59375vw auto 0;
}


.yezh .sec7{
  width: 100%;
  margin-bottom: 10vw;
  position: relative;
  z-index: 2;
}
.yezh .sec7 .sec7-text{
  width: 43.25vw;
  margin: 0 auto 5vw;
  text-align: center;
}
.yezh .sec7 .sec7-text h2{
  font-size: 2.916667vw;
  line-height: 1.25;
  color: #000;
  margin-bottom: 1.666667vw;
}
.yezh .sec7 .sec7-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  color: #00000099;
}
.yezh .sec7 .sec7-imgBox{
  width: 62.5vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in{
  width: 20vw;
  background-color: #FFFFFF;
  border-radius: 1.25vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in h2{
  width: 15.833333vw;
  font-size: 1.666667vw;
  line-height: 1.5;
  margin: 3.020833vw auto 1.5625vw;
  color: #000;
  text-align: center;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBoIn-1 h2{
  margin: 1.666667vw auto .416667vw;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in .sec7-imgBox-in-img{
  width: 100%;
}


.yezh .sec8{
  width: 62.5vw;
  margin: 0 auto 10vw;
  background: linear-gradient(105deg, #E2E7EC 0%, #E8EBED 100%);
  border-radius: 1.25vw;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.yezh .sec8 .sec8-img{
  width: 32.341146vw;
  margin: 3.969271vw 0 0 30.3125vw;
}
.yezh .sec8 .sec8-text{
  width: 20vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10.625vw;
  margin: auto 0;
  height: fit-content;
}
.yezh .sec8 .sec8-text h2{
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 1.25;
  color: #000;
  margin-bottom: .416667vw;
}
.yezh .sec8 .sec8-text p{
  font-size: 1.041667vw;
  line-height: 1.5;
  color: #666666;
}
.yezh .sec8 .sec8-text .sec8-button{
  width: 100%;
  margin-top: 2.5vw;
  display: flex;
  justify-content: space-between;
}
.yezh .sec8 .sec8-text .sec8-button a{
  width: 9.427083vw;
  border-radius: .625vw;
  padding: .677083vw;
  box-sizing: border-box;
  background-color: #070605;
  display: flex;
  color: #fff;
}
.yezh .sec8 .sec8-text .sec8-button a img{
  width: 1.666667vw;
  margin-right: .520833vw;
}
.yezh .sec8 .sec8-text .sec8-button a{
  position: relative;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-button-text p{
  color: #fff;
  font-size: .520833vw;
  line-height: 1.25;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-button-text h3{
  font-size: 1.041667vw;
  line-height: 1.25;
  font-weight: 400;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-aicon{
  display: none;
  position: absolute;
  width: 9.208333vw;
  top: 3.1vw;
  left: .3vw;
}
.yezh .sec8 .sec8-text .sec8-button a:hover .sec8-aicon{
  display: inline-block;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-aicon:hover{
  display: inline-block;
}

/* product-recommendations */
.product-recommendations {
  background-color: rgb(247, 248, 249);
}
.product-recommendations h2 {
  padding-top: 4.583333vw;
  margin-top: 0;
  font-weight: bold;
}
.product-recommendations-item {
  background-color: #fff;
}
.product-recommendations>.product-recommendations-p {
  margin: 3.125vw auto 0;
  padding-bottom: 3.4375vw;
}
/* product-recommendations end */

.br-pc-hide {
  display: none;
}

@media screen and (max-aspect-ratio: 11/10){
  .yezh .sec8 .sec8-text .sec8-button a:hover .sec8-aicon{
    display: none;
  }
  .yezh .sec8 .sec8-text .sec8-button a .sec8-aicon:hover{
    display: none;
  }
  .br-hide {
    display: none;
  }
  .br-pc-hide {
    display: block;
  }

.yezh .sec1{
  margin-bottom: 13.333333vw;
}
.yezh .sec1 .sec1-text {
  width: 88.611111vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 13.333333vw;
  bottom: auto;
  text-align: center;
}
.yezh .sec1 .sec1-text .sec1-icon{
  width: 30.555556vw;
  margin: 0 auto;
}
.yezh .sec1 .sec1-text h2{
  font-size: 5.555556vw;
  margin: 2.222222vw auto 3.333333vw;
}
.yezh .sec1 .sec1-text p{
  font-size: 3.333333vw;
  font-weight: 300;
}
.yezh .sec1 .sec1-text a{
  font-weight: 400;
  font-size: 3.333333vw;
  padding: 1.388889vw 6.805556vw;
  margin: 6.666667vw auto 0;
  border-radius: .555556vw;
}


.yezh .sec2{
  margin-bottom: 13.333333vw;
}
.yezh .sec2 .sec2-text {
  width: 86.666667vw;
  margin: 0 auto 6.666667vw;
  text-align: left;
}
.yezh .sec2 .sec2-text h2{
  font-size: 6.666667vw;
  margin-bottom: 2.222222vw;
}
.yezh .sec2 .sec2-text p{
  font-size: 3.888889vw;
}
.yezh .sec2 .sec2-background .sec2-dong {
  width: 25.555556vw;
  top: 3.888889vw;
  right: 11.388889vw;
}

.yezh .sec3 {
  margin-bottom: 13.333333vw;
}
.yezh .sec3 .sec3-text {
  width: 86.666667vw;
  position: relative;
  bottom: auto;
  left: auto;
  margin: 0 auto 6.666667vw;
}
.yezh .sec3 .sec3-text h2{
  font-size: 6.666667vw;
  margin-bottom: 2.222222vw;
  line-height: 1.5;
}
.yezh .sec3 .sec3-text p{
  font-size: 3.888889vw;
}
.yezh .sec3 .sec3-img {
  width: 86.666667vw;
  margin: 0 auto;
}


.yezh .sec4 {
  margin-bottom: 4.166667vw;
}
.yezh .sec4 .sec4-text {
  width: 86.666667vw;
  margin: 0 auto 6.666667vw;
  text-align: left;
}
.yezh .sec4 .sec4-text h2{
  font-size: 6.666667vw;
  margin-bottom: 2.222222vw;
  line-height: 1.5;
}
.yezh .sec4 .sec4-text p{
  width: 100%;
  font-size: 3.888889vw;
}


.yezh .sec5 {
  width: 86.666667vw;
  height: auto;
  margin: 0 auto 13.333333vw;
  flex-direction: column;
}
.yezh .sec5>div{
  border-radius: 3.333333vw;
}
.yezh .sec5 .sec5-text {
  padding: 5.555556vw 13vw 0 5.555556vw;
}
.yezh .sec5 .sec5-left {
  width: 100%;
  height: 89.722222vw;
  margin-bottom: 2.222222vw;
}
.yezh .sec5 .sec5-left .sec5-left-img {
  position: relative;
  bottom: 0;
}
.yezh .sec5 .sec5-text h2{
  font-size: 5.555556vw;
  margin-bottom: 1.388889vw;
  line-height: 1.5;
}
.yezh .sec5 .sec5-text p{
  font-size: 3.888889vw;
  margin-bottom: 4.444444vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
}
.yezh .sec5 .sec5-right{
  width: 100%;
  height: 89.722222vw;
}
.yezh .sec5 .sec5-right h2{
  font-weight: 400;
}
.yezh .sec5 .sec5-right ul {
  width: 63.333333vw;
  margin: 0 auto;
}
.yezh .sec5 .sec5-right ul .ele{
  border-radius: 2.727778vw;
  padding: 3.525vw 6.138889vw;
  font-size: 2.777778vw;
}
.yezh .sec5 .sec5-right ul .ele::before{
  width: 51.052778vw;
  height: .3vw;
}
.yezh .sec5 .sec5-right ul .ele .xuh,
.yezh .sec5 .sec5-right ul .ele div > p {
  font-weight: 500;
}
.yezh .sec5 .sec5-right ul .ele .sec5-left-icon{
  width: 5.458333vw;
  margin-right: 2.5vw;
}
.yezh .sec5 .sec5-right ul .ele .sec5-right-icon{
  width: 3.411111vw;
  right: 6.138889vw;
}

.yezh .sec6{
  margin-bottom: 17.777778vw;
}
.yezh .sec6 .sec6-text {
  width: 86.666667vw;
  text-align: left;
  margin: 0 auto 3.333333vw;
}
.yezh .sec6 .sec6-text h2{
  font-size: 6.666667vw;
  margin-bottom: 2.222222vw;
  font-weight: 400;
  line-height: 1.5;
}
.yezh .sec6 .sec6-text p{
  font-size: 3.888889vw;
}
.yezh .sec6 .sec6-bottom .sec6-background{
  top: 12.222222vw;
}
.yezh .sec6 .sec6-bottom-top{
  margin-bottom: 7.777778vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox{
  width: 91.163889vw;
  margin: 0 0 .833333vw 5.972222vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div {
  width: 21.111111vw;
  height: 21.111111vw;
  border: .56vw solid #fff;
  margin-top: 6.944444vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(2) {
    width: 23.888889vw;
    height: 23.888889vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div img{
  width: 5.555556vw;
  height: 5.555556vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(1) img{
  margin: 2.5vw auto .555556vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(2) img{
  width: 6.666667vw;
  height: 6.666667vw;
  margin: 5.833333vw auto .555556vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div:nth-of-type(3) img{
  margin: 3.888889vw auto .555556vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .sec6-line{
  width: 2.236111vw !important;
  left: 0;
  right: 0;
  margin: 0 auto !important;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line1{
  bottom: -10.891667vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line2{
  bottom: -12.219444vw;
}
.yezh .sec6 .sec6-bottom-top .sec6-Obox>div .line3{
  bottom: -21.388889vw;
}

.yezh .sec6 .sec6-bottom-top .sec6-Obox>div p{
  width: 16.944444vw;
  font-size: 2.5vw;
  line-height: 1.35;
}
.yezh .sec6 .sec6-bottom-top .sec6-dong{
  width: 93.333333vw;
  margin-left: 2.777778vw;
  position: relative;
  z-index: 2;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box{
  width: 86.666667vw;
  flex-direction: column;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-left{
  width: 100%;
  border-radius: 3.333333vw;
  margin-bottom: 2.222222vw;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right{
  width: 100%;
  border-radius: 3.333333vw;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right p{
  margin: 3.888889vw 0 0 4.444444vw;
  font-size: 3.888889vw;
  font-weight: 700;
}
.yezh .sec6 .sec6-bottom .sec6-bottom-box .sec6-bottom-box-right .sec6-img2{
  width: 45.652778vw;
  margin: 11.111111vw auto 18.333333vw;
}

.yezh .sec7{
  margin-bottom: 17.777778vw;
}
.yezh .sec7 .sec7-text{
  width: 86.666667vw;
  margin-bottom: 6.666667vw;
  text-align: left;
}
.yezh .sec7 .sec7-text h2{
  font-size: 6.666667vw;
  margin-bottom: 2.222222vw;
  line-height: 1.5;
}
.yezh .sec7 .sec7-text p{
  font-size: 3.888889vw;
}
.yezh .sec7 .sec7-imgBox{
  width: 86.666667vw;
  flex-direction: column;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in{
  width: 100%;
  border-radius: 3.333333vw;
  margin-bottom: 2.222222vw;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in:last-child{
  margin-bottom: 0;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBox-in h2{
  width: 75.555556vw;
  font-size: 5.555556vw;
  text-align: left;
  margin: 5.555556vw auto 6.666667vw;
}
.yezh .sec7 .sec7-imgBox .sec7-imgBoIn-1 h2{
  
  margin-bottom: 7.222222vw;
}



.yezh .sec8 {
  width: 86.666667vw;
  /* margin: 0 auto 17.777778vw; */
  margin: 0 auto;
  border-radius: 4.444444vw; 
}
.yezh .sec8 .sec8-text {
  width: 76.111111vw;
  margin: 8.888889vw auto;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  text-align: center;
}
.yezh .sec8 .sec8-img {
  width: 73.333333vw;
  margin: 0 auto;
}
.yezh .sec8 .sec8-text h2{
  font-size: 5.555556vw;
  margin-bottom: 2.222222vw;
}
.yezh .sec8 .sec8-text p{
  font-size: 3.333333vw;
}
.yezh .sec8 .sec8-text .sec8-button{
  margin-top: 4.444444vw;
}
.yezh .sec8 .sec8-text .sec8-button a {
  width: 36.111111vw;
  border-radius: 1.111111vw;
  padding: 1.111111vw 2.083333vw;
}
.yezh .sec8 .sec8-text .sec8-button a img{
  width: 5.502778vw;
  margin-right: 2.222222vw;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-button-text p{
  font-size: 2.777778vw;
}
.yezh .sec8 .sec8-text .sec8-button a .sec8-button-text h3{
  font-size: 3.888889vw;
}
/* product-recommendations */
.product-recommendations {
  background-color: rgb(247, 248, 249);
}
.product-recommendations h2 {
  margin: 0 auto;
  padding-top: 13.333333vw;
}
.product-recommendations>.product-recommendations-p {
  margin: 6.666667vw auto 0;
  padding-bottom: 8.888889vw;
}
/* product-recommendations end */
}







/* ..................................................................dao hang ...........................................................*/
 
  /* 导航pc样式 */
  .product_nav {
    display: flex;
    justify-content: space-between;
    background-color: #1F2122;
    color: #FFF;
    font-size: 16px;
    line-height: 1;
    z-index: 11;
    position: sticky;
    width: 100%;
    top: 0;
    
    height: 60px;
    padding: 0 4.166667vw;
    box-sizing: border-box;
  }
  
  .product_nav>div {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  .product_nav>div span {
    display: inline-block;
    width: 1.25vw;
    height: 1.25vw;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 1.04166vw;
    position: relative;
    cursor: pointer;
    display: none;
  }
  
  .product_nav>div span::before {
    content: "";
    position: absolute;
    width: 0.5vw;
    height: 0.5vw;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .product_nav>div span.reverse::before {
    top: 60%;
    transform: translate(-50%, -50%) rotate(225deg);
  }
  
  .product_nav>div>div {
    position: absolute;
    top: 1.85vw;
    padding: 0.5vw 0vw;
    left: -1vw;
    background-color: transparent;
    /* border-radius: 1vw; */
    border: none;
    display: none;
    min-width: 18vw;
    /* border-color: rgba(255, 255, 255, .3); */
  }
  
  .product_nav>div>div a {
    margin-top: 0.5vw;
    display: block;
  }
  
  .product_nav>div>div a:nth-child(1) {
    margin-top: 0;
  }
  
  .product_nav ul {
    display: flex;
    align-items: center;
  }
  
  .product_nav ul>li {
    margin-right: 1.66666vw;
    list-style: none;
  
  }
  
  .product_nav ul>li:nth-last-child(1) {
    margin-right: 0;
  }
  
  .product_nav ul>li>a {
    position: relative;
    color: #fff;
    text-decoration: none;
  }
  
  .product_nav ul>li>a::before {
    content: '';
    display: inline-block;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 100%;
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  
  .product_nav ul>li>a.active {
    cursor: default;
  }
  
  .product_nav ul>li>a.active:before {
    right: 0;
  }
  
  .product_nav ul>li>a:hover:before {
    right: 0;
  }

  .product_nav .product-nav-select{
    position: relative;
    cursor: pointer;
    height: 100%;
}
.product_nav .product-nav-select > a::before{
    content: none !important;
}
 .product-nav-bodymask{
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
     top: 0;
    left: 0;
    z-index: 9 !important;
    backdrop-filter: blur(9px) !important;
    display: none;
    will-change: transform !important; 
    -webkit-backdrop-filter: blur(9px);
}

.product_nav .product-nav-select img{
    width: 10px;
    display: inline-block;
    margin-left: 5px;
    transition: .3s;
    margin-left: 1vw;
}
.product_nav .product-nav-select-list{
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
    display: none;
    padding-top: 20px;
}
.product_nav .product-nav-select-list > a{
    height: 35px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.25;
    transition: .3s;
    color: #fff;
    text-decoration: none;
}

.product_nav .stop-scroll{
    overflow: hidden !important;
}
.product_nav .product-nav-select > a{
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
    text-decoration: none;
}
.product_nav .active img{
    transform: rotate(180deg) !important;
}
.product_nav .active .product-nav-select-list{
    display: block !important;
}
 .bodymask-active{
    display: block !important;
}
@media screen and (min-aspect-ratio: 11/10){
    .product_nav .product-nav-select:hover img{
        transform: rotate(180deg);
    }
    .product_nav .product-nav-select:hover .product-nav-select-list{
        display: block;
    }
    .product_nav .product-nav-select-list > a:hover{
        height: 45px;
         font-size: 20px;
    }
}

  
  @media screen and (max-aspect-ratio: 11/10) {
    .product_nav {
      font-size: 14px;
      top: 0;
      padding: 0;
      height: auto;
      flex-direction: column;
    }
    .product_nav>div {
      width: 100%;
      justify-content: space-between;
      padding-left: 4.16666vw;
      height: 40px ;
      box-sizing: border-box;
    }
    .product_nav .product-nav-select{
      height: 40px ;
    }
    .product_nav>div span {
      width: 5.55555vw;
      height: 5.55555vw;
      display: none;
    }
    .product_nav>div span::before {
      width: 2vw;
      height: 2vw;
    }
    .product_nav ul {
      padding-left: 4.16666vw;
      height: 40px;
      border-top: 1px solid;
      border-color: rgba(103, 103, 103);
    }
    .product_nav ul>li {
      margin-right: 5vw;
      list-style: none;
    }
    .product_nav ul>li>a::before {
      display: none;
    }
    .product_nav ul>li>a.active {
      border-bottom: 1px solid #fff;
    }
    .product_nav .product-nav-select-list > a {
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    .product_nav .product-nav-select-list {
        position: absolute;
        top: calc(100% + 20px);
        width: 100vw;
        box-sizing: border-box;
        padding: 0 4.16666vw;
    }
    .product_nav .product-nav-select {
        position: static;
    }
}
  
/* ..................................................................dao hang ...........................................................*/