img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover
}

.img_bor {
  border-radius: 1.04167vw;
  overflow: hidden
}

.item_hover {
  overflow: hidden
}

.item_hover:hover img {
  transform: scale(1.05)
}

.item_hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s ease
}

.common_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1
}

.products1 {
  height: calc(100vh + 3.6458333333333335vw);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.products1 .common_bg {
  height: 120%;
  max-height: unset
}

.products1 .text {
  width: 32.34375vw;
  position: relative;
  top: -2.08333vw
}

.products1 .text .en {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.products1 .text .cn {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.products1 .text .icon {
  margin-top: .52083vw;
  text-align: center
}

.products1 .text .icon img {
  width: 7.44792vw
}

.products2 {
  border-radius: 3.64583vw 3.64583vw 0 0;
  margin-top: -3.64583vw;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 9.89583vw 8.85417vw 10.3125vw 8.59375vw;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.products2 .title {
  position: absolute;
  top: 11.35417vw;
  left: 29.63542vw;
  z-index: 3
}

.products2 .l {
  width: 29.375vw;
  padding: 0 0 3.48958vw
}

.products2 .l .img {
  width: 100%;
  height: 30.20833vw;
  border-radius: 7.8125vw 0 0 0
}

.products2 .l .text {
  color: #616161;
  text-align: justify;
  font-style: normal;
  font-weight: 400;
  line-height: 218.75%;
  margin: 4.375vw 0 0 0
}

.products2 .center {
  width: 31.04167vw
}

.products2 .center .img1 {
  width: 100%;
  height: 37.91667vw;
  border-radius: 7.8125vw 0 0 0;
  margin: 0 0 1.45833vw
}

.products2 .center .img2 {
  width: 100%;
  height: 16.35417vw
}

.products2 .r {
  width: 16.09375vw
}

.products2 .r .img1 {
  width: 100%;
  height: 16.09375vw;
  margin: 0 0 1.71875vw
}

.products2 .r .img2 {
  width: 100%;
  height: 25.98958vw
}

.products3 {
  padding: 8.95833vw 18.38542vw 9.01042vw 18.75vw
}

.products3 .cut {
  display: flex;
  gap: 2.5vw;
  margin: 0 0 5.52083vw
}

.products3 .cut .list {
  width: 6.77083vw;
  height: 1.97917vw;
  border-radius: .52083vw;
  border: 1px solid #CED4DA;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: .6s ease;
  cursor: pointer
}

.products3 .cut .list span.en {
  display: none
}

.products3 .cut .list.on {
  background: #CED4DA;
  font-weight: bold
}

.products3 .cut .list.on span.cn {
  display: none
}

.products3 .cut .list.on span.en {
  display: block
}

.products3 .t_box {
  position: relative;
  z-index: 5
}

.products3 .t_box .display {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.products3 .t_box .display .small_cut {
  display: flex;
  gap: 11px
}

.products3 .t_box .display .small_cut .list {
  height: 1.45833vw;
  border-radius: 100px;
  border: 1px solid #CED4DA;
  display: flex;
  padding: 0 .78125vw 0 0;
  cursor: pointer;
  position: relative
}

.products3 .t_box .display .small_cut .list:hover {
  z-index: 5
}

.products3 .t_box .display .small_cut .list:hover .hide {
  pointer-events: auto
}

.products3 .t_box .display .small_cut .list:hover .hide>div {
  opacity: 1
}

.products3 .t_box .display .small_cut .list .hide {
  position: absolute;
  width: 10.72917vw;
  top: 100%;
  left: 2.5vw;
  pointer-events: none
}

.products3 .t_box .display .small_cut .list .hide>div {
  opacity: 0;
  transition: .6s ease;
  border: 1px solid #CED4DA;
  border-radius: .36458vw;
  background: #fff;
  padding: .3125vw 0 0 0;
  margin: .3125vw 0 0 0
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list {
  height: 1.45833vw;
  width: 100%;
  padding: 0 .9375vw 0 .625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .6s ease
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list:hover {
  background: #495057
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list:hover p {
  color: #fff
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list:hover .bor {
  border: 1px solid #fff
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list p {
  color: #000;
  font-size: .52083vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: .6s ease
}

.products3 .t_box .display .small_cut .list .hide>div .jump_list .bor {
  width: .52083vw;
  height: .52083vw;
  border-radius: 50%;
  border: 1px solid #CED4DA;
  transition: .6s ease
}

.products3 .t_box .display .small_cut .list .color {
  padding: 0 .72917vw;
  height: 100%;
  background: #E9ECEF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 1.82292vw 0 0 1.82292vw
}

.products3 .t_box .display .small_cut .list .click {
  display: flex;
  align-items: center;
  gap: .52083vw;
  margin: 0 0 0 .46875vw
}

.products3 .t_box .display .small_cut .list .click p {
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.products3 .t_box .display .small_cut .list .click svg {
  width: .625vw;
  height: .625vw
}

.products3 .t_box .display .clear {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .41667vw;
  height: 1.40625vw;
  align-self: stretch;
  border-radius: 4.84375vw;
  border: 1px solid #CED4DA;
  padding: 0 .83333vw;
  transition: .6s ease;
  cursor: pointer
}

.products3 .t_box .display .clear:hover {
  background: #5A6067;
  border: 1px solid #5A6067
}

.products3 .t_box .display .clear:hover svg path {
  fill: #fff
}

.products3 .t_box .display .clear:hover p {
  color: #fff
}

.products3 .t_box .display .clear svg {
  width: .625vw
}

.products3 .t_box .display .clear svg path {
  transition: .6s ease
}

.products3 .t_box .display .clear p {
  color: #5A6067;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: .6s ease
}

.products3 .t_box .c_box {
  display: flex;
  gap: 1.45833vw;
  flex-wrap: wrap
}

.products3 .t_box .c_box .p1 {
  color: #000
}

.products3 .t_box .c_box .tags {
  display: flex;
  gap: 1.77083vw
}

.products3 .t_box .c_box .tags span {
  border-radius: 100px;
  border: 1px solid #CED4DA;
  background: #FFF;
  padding: 2px 13px 3px 13px;
  color: #323232;
  cursor: pointer;
  transition: all 600ms
}

.products3 .t_box .c_box .tags span.on {
  background: #323232;
  border-color: #323232;
  color: white
}

.products3 .t_box .ctb {
  display: none
}

.products3 .t_box .ctb.show {
  display: flex
}

.products3 .content {
  margin: 5.36458vw 0 0 0
}

.products3 .content .flex1 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.products3 .content .flex {
  /* display: flex;
  flex-wrap: wrap; */
  gap: 2.08333vw 0;
  /* justify-content: space-between; */
  margin: 2.08333vw 0 0 0;
  display: grid;
  grid-template-columns: repeat(5,1fr);
}

.products3 .content .item {
  width: 11.40625vw;
  height: 17.91667vw;
  position: relative;
  overflow: unset;
  cursor: pointer;
  transition: .6s ease;
  top: 0
}

.products3 .content .item:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
  top: -.78125vw
}

.products3 .content .item:hover .img {
  opacity: 0
}

.products3 .content .item:hover .img2 {
  opacity: 1
}

.products3 .content .item:hover .img_shaow {
  opacity: 1;
  display: none
}

.products3 .content .item .hot {
  position: absolute;
  right: .78125vw;
  top: .78125vw;
  z-index: 2;
  width: 2.39583vw
}

.products3 .content .item .new {
  width: 2.39583vw;
  height: 1.40625vw;
  border-radius: 1.04167vw;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #323232;
  font-size: .52083vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: .83333vw;
  right: .78125vw
}

.products3 .content .item .img {
  width: 100%;
  height: 100%;
  transition: .6s ease;
  border-radius: 1.04167vw
}

.products3 .content .item .img2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0
}

.products3 .content .item .img_shaow {
  position: absolute;
  width: 110%;
  height: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  max-height: unset;
  z-index: -1;
  opacity: 0;
  transition: .6s ease
}

.products3 .content .item .text {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: .67708vw .98958vw;
  z-index: 3
}

.products3 .content .item .text .p1 {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: .78125vw
}

.products3 .content .item .text .p2 {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: 'PingFang-Light'
}

.products3 .content .item_big {
  width: 36.97917vw;
  height: 23.07292vw;
  position: relative;
  cursor: pointer;
  top: 0;
  transition: .6s ease
}

.products3 .content .item_big:hover {
  top: -.78125vw;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3)
}

.products3 .content .item_big:hover .img {
  opacity: 0
}

.products3 .content .item_big:hover .img2 {
  opacity: 1
}

.products3 .content .item_big:hover .img_shaow {
  opacity: 1;
  display: none
}

.products3 .content .item_big .img {
  width: 100%;
  height: 100%;
  transition: .6s ease
}

.products3 .content .item_big .img2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0
}

.products3 .content .item_big .img_shaow {
  position: absolute;
  width: 110%;
  height: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  max-height: unset;
  z-index: -1;
  opacity: 0;
  transition: .6s ease
}

.products3 .content .item_big .en {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1
}

.products3 .content .item_big .position {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.04167vw 2.08333vw 1.04167vw 1.04167vw
}

.products3 .content .item_big .position .label {
  width: max-content;
  height: 1.61458vw;
  padding: 0 .36458vw;
  background: rgba(100, 75, 59, 0.6);
  border-radius: 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: .78125vw
}

.products3 .content .item_big .position .text {
  color: #FFF;
  text-align: justify;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
  font-size: .78125vw;
  font-family: 'PingFang-Light';
  margin: .52083vw 0 0 0
}

.products3 .content .item_big2 {
  transition: .6s ease;
  top: 0;
  width: 36.97917vw;
  height: 17.91667vw;
  position: relative;
  cursor: pointer
}

.products3 .content .item_big2:hover {
  top: -.78125vw;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3)
}

.products3 .content .item_big2:hover .img {
  opacity: 0
}

.products3 .content .item_big2:hover .img2 {
  opacity: 1
}

.products3 .content .item_big2:hover .img_shaow {
  opacity: 1;
  display: none
}

.products3 .content .item_big2 .img {
  width: 100%;
  height: 100%;
  transition: .6s ease
}

.products3 .content .item_big2 .img2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0
}

.products3 .content .item_big2 .img_shaow {
  position: absolute;
  width: 110%;
  height: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  max-height: unset;
  z-index: -1;
  opacity: 0;
  transition: .6s ease
}

.products3 .content .item_big2 .text {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: .67708vw .98958vw;
  z-index: 3
}

.products3 .content .item_big2 .text .p1 {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: .78125vw
}

.products3 .content .item_big2 .text .p2 {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.products3 .content .item_big2 .hot {
  position: absolute;
  right: 1.5625vw;
  top: .78125vw;
  z-index: 2;
  width: 2.39583vw
}

.products3 .paging {
  margin: 7.29167vw 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.products3 .paging a {
  width: 1.5625vw;
  height: 1.5625vw
}

.products3 .paging a svg {
  width: 100%;
  height: 100%
}

.products3 .paging a:first-child,
.products3 .paging a:last-child {
  margin: 0 .36458vw
}

.products3 .paging a:first-child svg path,
.products3 .paging a:last-child svg path {
  transition: .6s ease
}

.products3 .paging a:first-child:hover svg path:last-child,
.products3 .paging a:last-child:hover svg path:last-child {
  fill: #000
}

.products3 .paging a:last-child {
  transform: rotate(180deg)
}

.products3 .paging a:not(:first-child, .products3 .paging a:last-child) {
  border: 1px solid #DDDDDD;
  border-right: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000
}

.products3 .paging a:nth-last-child(2) {
  border-right: 1px solid #DDDDDD !important
}

.products3 .paging a.on {
  background: #373737;
  color: #fff !important
}

.products4 {
  /* height: calc(100vh + 1500px) */
}

.products4 .fix {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center
}

.products4 .content {
  position: relative;
  width: 100vw;
  z-index: 1
}

.products4 .content .positionSvg {
  position: absolute;
  width: 800px;
  height: max-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --xin: path("M1.48555 950.29V412.959C1.43058 358.888 12.6448 305.339 34.4853 255.373C56.327 205.408 88.3658 160.009 128.771 121.772C169.175 83.5361 217.151 53.2141 269.954 32.5411C322.757 11.8681 379.35 1.25007 436.494 1.29507C493.635 1.24907 550.224 11.8641 603.024 32.5331C655.825 53.2011 703.799 83.5181 744.205 121.749C784.61 159.979 816.652 205.373 838.496 255.332C860.342 305.293 871.562 358.838 871.514 412.904V950.29");
  pointer-events: none
}

.products4 .content .positionSvg svg {
  width: 100%;
  max-height: max-content;
  opacity: 0
}

.products4 .content .positionSvg .zi_text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 60px;
  color: #000;
  font-weight: bold
}

.products4 .content .positionSvg .zi_text div {
  offset-path: var(--xin);
  offset-distance: 0;
  position: absolute !important;
  top: -49px;
  left: -36px;
  width: 0;
  height: 0;
  transform-origin: left
}

.products4 .content .positionSvg .zi_text.orgin_wood div:first-child {
  offset-distance: 2.5%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(2) {
  offset-distance: 4.5%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(3) {
  offset-distance: 6.2%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(4) {
  offset-distance: 6.9%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(5) {
  offset-distance: 8.7%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(6) {
  offset-distance: 9.5%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(7) {
  offset-distance: 12.2%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(8) {
  offset-distance: 14.5%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(9) {
  offset-distance: 16.5%
}

.products4 .content .positionSvg .zi_text.orgin_wood div:nth-child(10) {
  offset-distance: 18.5%
}

.products4 .content .positionSvg .zi_text.lux_wood div:first-child {
  offset-distance: 2.5%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(2) {
  offset-distance: 4%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(3) {
  offset-distance: 6%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(4) {
  offset-distance: 8.5%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(5) {
  offset-distance: 11%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(6) {
  offset-distance: 13%
}

.products4 .content .positionSvg .zi_text.lux_wood div:nth-child(7) {
  offset-distance: 15%
}

.products4 .content .positionSvg .zi_text.magic_stone div:first-child {
  offset-distance: 2.5%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(2) {
  offset-distance: 5%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(3) {
  offset-distance: 6.8%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(4) {
  offset-distance: 9%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(5) {
  offset-distance: 10%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(6) {
  offset-distance: 13%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(7) {
  offset-distance: 14.8%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(8) {
  offset-distance: 16.5%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(9) {
  offset-distance: 18.5%
}

.products4 .content .positionSvg .zi_text.magic_stone div:nth-child(10) {
  offset-distance: 20.5%
}

.products4 .content .positionSvg .zi_text.wm div:first-child {
    offset-distance: 2.5%;
}

.products4 .content .positionSvg .zi_text.wm div:nth-child(2) {
    offset-distance:5%;
}

.products4 .content .positionText {
  position: absolute;
  top: 9.375vw;
  left: 0;
  z-index: -1;
  color: #F4F4F4;
  font-size: 18.75vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap
}

.products4 .content .img {
  width: 33.80208vw;
  height: 41.30208vw;
  margin: auto;
  position: relative
}

.products4 .content .img img,.products4 .content .img iframe {
  width: 100%;
  height: 100%;
  border-radius: 26.04167vw 26.04167vw 0 0
}

.products4 .content .img .line {
  position: absolute;
  width: 31.97917vw;
  height: max-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0
}

.products4 .content .img .line2 {
  opacity: 1
}

.products4 .content .img .line2.on path {
  stroke-dashoffset: 0
}

.products4 .content .img .line2 path {
  stroke: #fff;
  stroke-dashoffset: 2932.69287109375;
  stroke-dasharray: 2932.69287109375;
  transition: 2s ease
}

.products4 .content .img .next {
  position: absolute;
  bottom: -1.61458vw;
  left: 52%;
  transform: translateX(-50%);
  width: 5.10417vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.products4 .content .img .next img {
  width: 100%;
  object-fit: contain
}

@keyframes goAnimate {
  100% {
    transform: translateX(-50%)
  }
}

.products5 {
  padding: 0 0 6.45833vw;
  overflow: hidden
}

.products5 .matter {
  margin: 0 0 1.19792vw
}

.products5 .matter:nth-child(2n) .go {
  animation-direction: reverse
}

.products5 .matter .go {
  display: flex;
  width: max-content;
  animation: goAnimate 30s linear infinite
}

.products5 .matter .go .flex {
  display: flex
}

.products5 .matter .go .flex .img {
  width: 32.60417vw;
  height: 19.73958vw;
  margin: 0 1.19792vw 0 0
}

.products5 .matter .go .flex .img img {
  width: 100%;
  height: 100%
}

.products6 {
  padding: 0 0 5.72917vw
}

.products6 .list a {
  display: block;
  position: relative;
  animation-duration: 2s;
  background: linear-gradient(96deg, #F4F5F6 .87%, #D6D9E0 100.1%);
  overflow: hidden
}

.products6 .list a:not(:last-child) {
  margin-bottom: 4.375vw
}

.products6 .list a .bg img {
  width: 100%
}

.products6 .list a .text {
  position: absolute;
  left: 2.08333vw;
  top: 50%;
  transform: translateY(-50%)
}

.products6 .list a .text .t {
  color: #323232;
  font-size: 6.35417vw;
  line-height: 0.81
}

.products6 .list a .text .tag {
  padding: .3125vw .67708vw;
  border-radius: 4.47917vw;
  color: #323232;
  background: #F4E74B;
  margin-top: .52083vw;
  display: inline-block
}

.products6 .list a .pro {
  position: absolute;
  right: 17.96875vw;
  bottom: 0
}

.products6 .list a .pro img {
  width: 18.07292vw
}

.products6 .list a .icon {
  position: absolute;
  right: 5.20833vw;
  top: 50%;
  transform: translateY(-50%)
}

.products6 .list a .icon img {
  width: 3.64583vw;
  transition: all 600ms
}

.products6 .list a:hover .icon img {
  transform: translateX(1.5625vw)
}

@media screen and (max-width: 768px) {
  .img_bor {
    border-radius: 15px
  }

  .products1 {
    height: calc(100vh + 30px)
  }

  .products1 .text {
    width: 100%;
    padding: 0 5%
  }

  .products1 .text .icon {
    margin-top: 5px
  }

  .products1 .text .icon img {
    width: 70px
  }

  .products2 {
    padding: 30px 5%;
    border-radius: 30px 30px 0 0;
    margin-top: -30px;
    flex-direction: column;
    gap: 30px;
    align-items: unset;
    display: none
  }

  .products2 .title {
    position: static
  }

  .products2 .l {
    width: 100%
  }

  .products2 .l .img {
    height: auto;
    border-radius: 15px 0 0 0
  }

  .products2 .center {
    width: 100%
  }

  .products2 .center .img1 {
    width: 100%;
    height: auto;
    border-radius: 15px 0 0 0
  }

  .products2 .center .img2 {
    margin: 20px 0 0 0;
    height: auto
  }

  .products2 .r {
    width: 100%
  }

  .products2 .r .img1 {
    width: 100%;
    height: auto
  }

  .products2 .r .img2 {
    margin: 20px 0 0 0;
    height: auto
  }

  .products3 {
    padding: 30px 5%
  }

  .products3 .cut {
    flex-wrap: wrap;
    gap: 10px
  }

  .products3 .cut .list {
    padding: 3px 10px;
    font-size: 16px;
    width: max-content;
    height: auto;
    border-radius: 7px
  }

  .products3 .t_box .display {
    flex-direction: column;
    align-items: unset;
    gap: 20px
  }

  .products3 .t_box .display .small_cut {
    flex-wrap: wrap
  }

  .products3 .t_box .display .small_cut .list {
    height: 30px;
    padding: 0 4px 0 0;
    border-radius: 30px;
    position: relative
  }

  .products3 .t_box .display .small_cut .list .hide {
    left: 0;
    width: 150px
  }

  .products3 .t_box .display .small_cut .list .hide>div {
    width: 100%;
    margin: 10px 0 0 0;
    border-radius: 4px;
    padding: 0
  }

  .products3 .t_box .display .small_cut .list .hide>div .jump_list {
    height: 30px;
    padding: 0 15px
  }

  .products3 .t_box .display .small_cut .list .hide>div .jump_list p {
    font-size: 10px
  }

  .products3 .t_box .display .small_cut .list .hide>div .jump_list .bor {
    width: 10px;
    height: 10px
  }

  .products3 .t_box .display .small_cut .list .color {
    padding: 0 5px;
    border-radius: 30px 0 0 30px
  }

  .products3 .t_box .display .small_cut .list p {
    padding: 0 10px
  }

  .products3 .t_box .display .small_cut .list .click svg {
    width: 12px;
    height: 12px
  }

  .products3 .t_box .display .clear {
    width: max-content;
    height: 30px;
    border-radius: 30px;
    gap: 5px;
    padding: 0 15px
  }

  .products3 .t_box .display .clear svg {
    width: 15px;
    height: 15px
  }

  .products3 .t_box .c_box {
    gap: 14px
  }

  .products3 .t_box .c_box .tags {
    gap: 14px
  }

  .products3 .t_box .c_box .tags span {
    padding: 2px 10px;
    font-size: 12px
  }

  .products3 .paging {
    margin: 30px 0 0 0
  }

  .products3 .paging a {
    width: 30px;
    height: 30px
  }

  .products3 .paging a:first-child,
  .products3 .paging a:last-child {
    margin: 0 7px
  }

  .products3 .content {
    margin: 30px 0 0 0
  }

  .products3 .content .flex1,
  .products3 .content .flex {
    align-items: unset;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
    margin: 20px 0 0 0
  }

  .products3 .content .flex1 .item,
  .products3 .content .flex .item {
    width: 47%;
    height: auto;
    order: 2
  }

  .products3 .content .flex1 .item .text,
  .products3 .content .flex .item .text {
    padding: 20px 5%
  }

  .products3 .content .flex1 .item .text .p1,
  .products3 .content .flex .item .text .p1 {
    font-size: 12px
  }

  .products3 .content .flex1 .item .hot,
  .products3 .content .flex .item .hot {
    right: 5%;
    top: 15px;
    width: 50px
  }

  .products3 .content .flex1 .item .new,
  .products3 .content .flex .item .new {
    right: 5%;
    top: 15px;
    width: max-content;
    height: auto;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 30px
  }

  .products3 .content .flex1 .item_big,
  .products3 .content .flex .item_big {
    order: 1
  }

  .products3 .content .flex1 .item_big,
  .products3 .content .flex1 .item_big2,
  .products3 .content .flex .item_big,
  .products3 .content .flex .item_big2 {
    width: 100%;
    height: 270px
  }

  .products3 .content .flex1 .item_big .text,
  .products3 .content .flex1 .item_big2 .text,
  .products3 .content .flex .item_big .text,
  .products3 .content .flex .item_big2 .text {
    padding: 20px 5%;
    font-size: 13px
  }

  .products3 .content .flex1 .item_big .text .p1,
  .products3 .content .flex1 .item_big2 .text .p1,
  .products3 .content .flex .item_big .text .p1,
  .products3 .content .flex .item_big2 .text .p1 {
    font-size: 12px
  }

  .products3 .content .flex1 .item_big .hot,
  .products3 .content .flex1 .item_big2 .hot,
  .products3 .content .flex .item_big .hot,
  .products3 .content .flex .item_big2 .hot {
    right: 5%;
    top: 15px;
    width: 50px
  }

  .products3 .content .flex1 .item_big .position,
  .products3 .content .flex1 .item_big2 .position,
  .products3 .content .flex .item_big .position,
  .products3 .content .flex .item_big2 .position {
    padding: 20px 5%
  }

  .products3 .content .flex1 .item_big .position .label,
  .products3 .content .flex1 .item_big2 .position .label,
  .products3 .content .flex .item_big .position .label,
  .products3 .content .flex .item_big2 .position .label {
    height: auto;
    padding: 5px 3px;
    border-radius: 30px
  }

  .products4 {
    padding: 30px 0;
    height: auto
  }

  .products4 .fix {
    height: auto;
    overflow: unset
  }

  .products4 .content .img {
    width: 228px;
    height: auto
  }

  .products4 .content .img iframe{
    height: 250px;
  }

  .products4 .content .img .line {
    width: 95%
  }

  .products4 .content .img .next {
    width: 40px;
    height: 40px;
    bottom: -13px
  }

  .products4 .content .img .next .circle {
    width: 30px;
    height: 30px
  }

  .products4 .content .img .next .circle svg {
    width: 20px
  }

  .products4 .content .positionSvg {
    transform: translate(-50%, -50%) scale(0.35) !important
  }

  .products5 {
    padding: 30px 5%
  }

  .products5 .matter {
    margin: 0 0 15px
  }

  .products5 .matter .go .flex .img {
    width: 237px;
    height: auto;
    margin: 0 15px 0 0
  }

  .products6 {
    padding: 0 0 50px
  }

  .products6 .list a:not(:last-child) {
    margin-bottom: 20px
  }

  .products6 .list a .bg img {
    border-radius: 15px;
    height: 100px;
    object-fit: cover
  }

  .products6 .list a .text {
    left: 20px
  }

  .products6 .list a .text .t {
    font-size: 24px;
    line-height: 1
  }

  .products6 .list a .text .tag {
    padding: 3px 8px;
    border-radius: 50px;
    margin-top: 5px;
    font-size: 14px
  }

  .products6 .list a .pro {
    right: 40px
  }

  .products6 .list a .pro img {
    width: 80px
  }

  .products6 .list a .icon {
    right: 20px
  }

  .products6 .list a .icon img {
    width: 35px
  }

  .home {
    overflow: hidden
  }
}