.mixImgText { margin: 0.53571rem 0; }

#product1 .advantage { padding-bottom: 0.35714rem; }

#product1 .advantage .mixImgText:nth-child(1) .mtt-img { width: 6.01786rem; height: 4.34821rem; transform: translateX(-0.28571rem); }

#product1 .advantage .mixImgText:nth-child(2) .mtt-img { width: 5.9375rem; height: 4.375rem; transform: translateX(0.19643rem); }

#product1 .advantage .mixImgText:nth-child(3) .mtt-img { width: 5.96429rem; height: 4.00893rem; transform: translateX(-0.25893rem); }

#product1 .mtt-info { min-width: 414px; }

#product2 .content { padding-bottom: 0.35714rem; }

#product2 .banner-hint { width: 5.53571rem; }

#product2 .small-title { font-size: 0.14286rem; font-weight: 400; line-height: 0.25rem; margin-top: 0.17857rem; text-align: center; }

#product2 .category { padding-bottom: 0.89286rem; }

#product2 .category-item { height: 1.58929rem; padding: 0; }

#product2 .category-item-icon { width: 1.51786rem; height: 1.16071rem; }

#product2 .category-item:hover { box-shadow: none; }

#product2 .mixImgText:nth-child(1) .mtt-img { width: 6.42857rem; height: 4.375rem; transform: translateX(-0.53571rem); }

#product2 .mixImgText:nth-child(2) .mtt-img { width: 6.33929rem; height: 4.375rem; transform: translateX(0.40179rem); }

#product2 .mixImgText:nth-child(3) .mtt-img { width: 6.25893rem; height: 3.83036rem; transform: translateX(-0.27679rem); }

#product2 .mixImgText:nth-child(4) .mtt-img { width: 6.60714rem; height: 4.375rem; transform: translateX(0.53571rem); }

#product2 .mtt-info { padding-left: 0.71429rem; }

#product2 .scene { padding: 0.89286rem 0; }

#product2 .scene-list { margin-top: 0.35714rem; display: flex; align-items: center; justify-content: space-between; }

#product2 .scene-item { font-size: 0.16071rem; font-weight: 400; line-height: 0.25rem; color: #444444; cursor: pointer; text-align: center; }

#product2 .scene-item img { display: block; width: 2.67857rem; height: 2.10714rem; margin-bottom: 0.28571rem; }

#product2 .scene-item img:hover { box-shadow: 0 0.08929rem 0.08929rem rgba(96, 171, 255, 0.12); }

#product2 .myMask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1998; background-color: rgba(0, 0, 0, 0.7); display: none; }

#product2 .myMask + .myPopup { z-index: 1999; }

#product2 .myMask .close-icon { display: block; position: fixed; top: 0.17857rem; right: 0.17857rem; width: 0.42857rem; height: 0.42857rem; background: url("../images/product/close-icon.png") no-repeat; background-size: cover; }

#product2 .myPopup { position: fixed; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); display: none; height: 80vh; overflow-y: auto; }

#product2 #popupImg { width: 60.6vw; }

#product3 .content { padding-bottom: 0.17857rem; }

#product3 .banner-hint { max-width: 5.35714rem; }

#product3 .mixImgText:nth-child(1) .mtt-img { width: 6.24107rem; height: 4.28571rem; transform: translateX(-0.41071rem); }

#product3 .mixImgText:nth-child(2) .mtt-img { width: 6.34821rem; height: 4.26786rem; transform: translateX(0.28571rem); }

#product3 .mixImgText:nth-child(3) .mtt-img { width: 5.94643rem; height: 4.46429rem; transform: translateX(-0.28571rem); }

#product3 .mixImgText:nth-child(4) .mtt-img { width: 6.6875rem; height: 4.46429rem; transform: translateX(0.40179rem); }

#product3 .mtt-info { width: 4.625rem; }

#product4 .category-item { width: 3.21429rem; }

#product4 .advantage { padding-bottom: 0.35714rem; }

#product4 .advantage .mixImgText .mtt-text { position: relative; padding-left: 0.21429rem; }

#product4 .advantage .mixImgText .mtt-text:after { content: ""; width: 0.14286rem; height: 0.14286rem; display: block; position: absolute; left: 0; top: 0.01786rem; background-size: cover; background-repeat: no-repeat; }

#product4 .advantage .mixImgText .mtt-text.isYes:after { background-image: url("../images/product/yes.png"); }

#product4 .advantage .mixImgText .mtt-text.isNo:after { background-image: url("../images/product/no.png"); }

#product4 .advantage .mixImgText .mtt-title { display: flex; align-items: center; }

#product4 .advantage .mixImgText .mtt-title .arrow-icon { display: block; width: 0.30357rem; height: 0.10714rem; margin: 0 0.14286rem; background: url("../images/product/blue-arrow.png"); background-size: cover; }

#product4 .advantage .mixImgText .mtt-texts + .mtt-title { margin-top: 0.625rem; }

#product4 .advantage .mixImgText:nth-child(1) .mtt-img { width: 7.5rem; height: 5.5rem; transform: translateX(1.07143rem); }

#product4 .advantage .mixImgText:nth-child(2) .mtt-img { width: 5.14286rem; height: 4.30357rem; transform: translateX(-0.26786rem); }

#product4 .advantage .mixImgText:nth-child(3) .mtt-img { width: 7.5rem; height: 5.94643rem; transform: translateX(1.07143rem); }

#product4 .advantage .mixImgText:nth-child(3) .mtt-info { width: 4.64286rem; }

#product4 .advantage .mtt-info { width: 4.375rem; }

#product5 .content { padding-bottom: 0.17857rem; }

#product5 .category-list { justify-content: center; }

#product5 .category-item { width: 2.94643rem; height: 3.03571rem; padding: 0.35714rem 0.26786rem; margin: 0 0.69643rem; }

#product5 .architecture #grid1.grid-row { grid-template-rows: repeat(3, 1.14286rem) 0.55357rem; grid-template-columns: 1.30357rem 1fr 1fr 0.33929rem; }

#product5 .architecture .child-grid { width: 100%; height: 100%; align-content: center; padding: 0 0.03571rem; grid-gap: 0.07143rem 0.07143rem; grid-template-columns: repeat(auto-fill, 1.07143rem); grid-template-rows: repeat(auto-fill, 0.33929rem); }

#product5 .architecture .child-grid.large-item { grid-template-columns: repeat(auto-fill, 1.46429rem); justify-content: space-between; }

#product5 .mixImgText .mtt-info { width: 4.49107rem; }

#product5 .mixImgText:nth-child(1) .mtt-img { width: 6.8125rem; height: 5.01786rem; transform: translateX(0.8125rem); }

#product5 .mixImgText:nth-child(2) .mtt-img { width: 7.58929rem; height: 6.26786rem; transform: translateX(-1.07143rem); }

#product5 .mixImgText:nth-child(3) .mtt-img { width: 4.4375rem; height: 5.09821rem; transform: translateX(0.16071rem); }

#product5 .architecture .col-3 { grid-template-rows: 0.33929rem; grid-template-columns: repeat(3, 1fr); align-content: center; width: 100%; }

#product5 .vertical { text-align: center; word-break: break-all; }

#product6 .small-title { font-size: 0.125rem; font-weight: 400; line-height: 0.17857rem; color: #333333; opacity: 1; text-align: center; margin-top: 0.17857rem; }

#product6 .banner-hint .category-item { width: 2.94643rem; height: 3.03571rem; }

#product6 .application { overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 1.07143rem; margin-top: 0.35714rem; height: 5.875rem; }

#product6 .application img { display: block; width: 12.85714rem; margin: 0 auto; height: 8.01786rem; }

#product6 .grid-row { width: 100%; }

#product6 .grid-row .child-grid { grid-gap: 0.07143rem; grid-template-columns: repeat(auto-fill, 0.83929rem); grid-template-rows: repeat(2, 0.30357rem); }

#product6 .grid-row .child-grid .grid-item { padding: 0; }

#product6 #grid1.grid-row { grid-template-columns: 3.875rem 5.69643rem; grid-template-rows: 1.07143rem; justify-content: space-between; }

#product6 #grid2.grid-row { margin-top: 0.07143rem; grid-template-rows: 1.41071rem 1.03571rem; grid-template-columns: repeat(3, 1fr); }

#product6 #grid2.grid-row .large-item { grid-column-start: 1; }

#product6 #grid2.grid-row .large-item .child-grid { grid-template-rows: repeat(3, 0.30357rem); grid-template-columns: repeat(4, 1fr); }

#product6 #grid2.grid-row .middle-item .child-grid { grid-template-columns: repeat(2, 1fr); }

#product6 .architecture { margin-bottom: 0; }

#product6 .content { padding-bottom: 0.89286rem; }

#product6 .mixImgText { margin: 0; }

@media (max-width: 1440px) { #product6 .architecture { padding: 0.35714rem; }
  #product6 #grid1.grid-row { grid-template-columns: 4.10714rem 6rem; }
  #product6 #grid1.grid-row .child-grid { grid-template-columns: repeat(auto-fill, 0.89286rem); } }
#product7 .content { padding-bottom: 0.17857rem; }

#product7 .category-item { width: 2.94643rem; height: 2.67857rem; }

#product7 .grid-row { flex: 1; width: 100%; }

#product7 #grid1.grid-row { grid-gap: 0.07143rem; grid-template-rows: 1.07143rem 1.05357rem 1.875rem 0.67857rem; grid-template-columns: 1fr 1fr; }

#product7 .child-grid { grid-gap: 0.07143rem; grid-template-rows: repeat(auto-fill, 0.30357rem); grid-template-columns: repeat(3, 1fr); padding: 0 0.14286rem; }

#product7 .child-grid.column-6 { grid-template-columns: repeat(6, 1fr); }

#product7 .child-grid.large-item { grid-template-columns: repeat(2, 1.44643rem); justify-content: center; grid-gap: 0.10714rem 0.21429rem; }

#product7 .child-grid .grid-item { height: 0.30357rem; }

#product7 .mixImgText .mtt-info { flex: 1; }

#product7 .mixImgText:nth-child(1) .mtt-img { width: 5.71429rem; height: 4.375rem; transform: translateX(-0.35714rem); }

#product7 .mixImgText:nth-child(2) .mtt-img { width: 5.45536rem; height: 3.76786rem; transform: translateX(0.23214rem); }

#product7 .mixImgText:nth-child(3) .mtt-img { width: 5.39286rem; height: 4.20536rem; transform: translateX(-0.24107rem); margin-right: 0.80357rem; }

#product8 .content { padding-bottom: 0.17857rem; }

#product8 .category-item { width: 2.94643rem; height: 2.67857rem; }

#product8 .mixImgText .mtt-info { width: 4.49107rem; }

#product8 .mixImgText:nth-child(1) .mtt-img { width: 5.92857rem; height: 4.21429rem; transform: translateX(-0.26786rem); }

#product8 .mixImgText:nth-child(2) .mtt-img { width: 5.375rem; height: 4.64286rem; transform: translateX(0.14286rem); }

#product8 .mixImgText:nth-child(3) .mtt-img { width: 5.44643rem; height: 4.70536rem; transform: translateX(-0.13393rem); }

#product8 .mixImgText:nth-child(4) .mtt-img { width: 5.375rem; height: 4.77679rem; transform: translateX(-0.16964rem); }

#product8 .mixImgText:nth-child(5) .mtt-img { width: 5.41071rem; height: 4.41964rem; transform: translateX(-0.26786rem); }

#product9 .content { padding-bottom: 0.17857rem; }

#product9 .category-list { justify-content: center; }

#product9 .category-item { width: 2.94643rem; height: 3.03571rem; margin: 0 0.71429rem; }

#product9 .mixImgText .mtt-info { min-width: 420px; width: 4.49107rem; }

#product9 .mixImgText:nth-child(1) .mtt-img { width: 7.58929rem; height: 5.5rem; transform: translateX(2.14286rem); }

#product9 .mixImgText:nth-child(2) .mtt-img { width: 5.6875rem; height: 5.02679rem; transform: translateX(-0.16964rem); }

#product9 .mixImgText:nth-child(3) .mtt-img { width: 5.23214rem; height: 4.54464rem; transform: translateX(0.26786rem); }

#product9 .top-40 { position: relative; top: 0.53571rem; }

#product9 .architecture { margin-bottom: 0.71429rem; }

#product9 .architecture .grid-row { grid-gap: 0.14286rem; }

#product9 .architecture #grid1.grid-row { width: 10rem; height: 4.26786rem; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(6, 1fr); }

#product9 .architecture .white-item { width: 100%; height: 0.30357rem; display: flex; align-items: center; justify-content: center; }

#product9 .architecture .white-item.h-250 { height: 2.23214rem; }

#product10 .content { padding-bottom: 0.17857rem; }

#product10 .category-list { justify-content: center; }

#product10 .category-item { width: 2.94643rem; height: 3.03571rem; margin: 0 0.71429rem; }

#product10 .mixImgText .mtt-info { width: 4.49107rem; }

#product10 .mixImgText:nth-child(1) .mtt-img { width: 5.46429rem; height: 4.10714rem; transform: translateX(-0.26786rem); }

#product10 .mixImgText:nth-child(2) .mtt-img { width: 5.375rem; height: 3.65179rem; transform: translateX(0.26786rem); }

#product10 .mixImgText:nth-child(3) .mtt-img { width: 7.01786rem; height: 5.14286rem; transform: translateX(-0.83036rem); }