.product-wrap { margin: 0 auto; margin-top: 0.8rem; } /* 浜у搧灞曠ず */ .product-content { font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.46rem; color: #333333; margin-bottom: 0.6rem; } .product-show-item { width: 100%; min-height: 4rem; padding: 0 0.8rem; display: flex; align-items: center; background: #F3F3F3; margin-bottom: 1.6rem; } .product-show-img-box { width: 8rem; height: 4rem; position: relative; flex-shrink: 0; } .product-show-img { width: 100%; height: 100%; position: absolute; bottom: -0.6rem; left: 0; } .product-show-img img { width: 100%; height: 100%; object-fit: cover; } .product-show-content { flex: 1; margin-right: 1rem; } .product-show-content:nth-child(even) { margin-right: 0; margin-left: 1rem; } .product-show-text { font-size: 0.5rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .product-show-p { font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.3rem; color: #777777; margin: 0.45rem 0; } .product-show-line { width: 1rem; height: 0.02rem; background: #0171C3; } .product-list { display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; } .product-item { width: 4.92rem; margin-right: 0.62rem; margin-bottom: 0.5rem; border: 0.01rem solid #D1D1D1; } .product-item:nth-child(3n) { margin-right: 0; } .product-item-text { height: 0.8rem; background: #0745B1; font-size: 0.26rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.8rem; color: #FFFFFF; text-align: center; } .product-item-p { padding: 0.3rem; font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.25rem; color: #333333; } .product-cx-wrap { margin: 0 auto; overflow: hidden; } .product-cx-content { font-size: 0.22rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.27rem; color: #333333; margin: 0.35rem 0 0.8rem; } .group-culture-list { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; background: #F8F8F8; } .group-culture-item { width: 8rem; display: flex; } .group-culture-img { width: 8rem; /*height: 3.6rem;*/ object-fit: cover; } .group-culture-box { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 1rem; } .group-culture-text { font-size: 0.28rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .group-culture-p { font-size: 0.2rem; font-family: MicrosoftYaHei; color: #555555; line-height: 0.31rem; margin-top: 0.25rem; } .product-lw-wrap { margin: 0 auto; margin-top: 0.8rem; } .index-fields-wrap { margin-top: 0.55rem; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1rem; } .index-fields { height: 3.2rem; margin-top: 0.05rem; } .index-fields-img { width: 100%; height: 100%; } .index-fields:nth-child(1), .index-fields:nth-child(2), .index-fields:nth-child(4) { padding-right: 0.05rem; } .index-fields1 { width: 25%; } .index-fields2 { width: 50%; } .index-fields img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 1024px) { .product-wrap { padding: 0 0.25rem; } .product-show-img-box { width: 100%; height: auto; } .product-show-content:nth-child(even){ margin-top: 0.4rem !important; } .product-show-content{ margin-right: 0 !important; } .product-show-item{ padding: 0.3rem 0; } .product-show-item{ margin-bottom: 0.6rem; } .product-item{ width: 3.4rem; } .product-list{ justify-content: space-between; } .product-item:nth-child(2n){ margin-right: 0; } .product-item{ margin-right: 0; } .product-cx-wrap{ padding: 0 0.25rem; } .group-culture-list{ padding: 0.4rem 0.2rem; display: block; margin-bottom: 0.3rem; } .group-culture-item{ width: 100%; } .group-culture-box{ padding: 0.2rem 0; } .index-fields-wrap{ display: block; } .index-fields1{ width: 100%; } .index-fields2{ width: 100%; } /*鏂板绉诲姩绔牱寮忚皟鏁?/ .product-content{ font-size: 0.26rem; line-height: 0.41rem; } .product-show-text{ font-size: 0.3rem; } .product-show-p{ font-size: 0.26rem; } .product-show-p{ margin: 0.3rem 0; } .product-item-p{ font-size: 0.26rem; line-height: 0.41rem; } .hzygroup-title{ font-size: 0.3rem; } .product-cx-content{ font-size: 0.26rem; line-height: 0.41rem; } .group-culture-p{ font-size: 0.26rem; line-height: 0.41rem; } .product-show-item{ display: block; } .product-show-img{ position: inherit; width: auto; height: auto; bottom: 0; left: 0; } .product-show-content{ margin-bottom: 0.2rem; padding: 0 0.2rem; } .product-show-content:nth-child(even){ margin-left: 0; } .product-zykh{ padding: 0 0.25rem; padding-bottom: 1.06rem; } /*绉诲姩绔?/ }