@charset "utf-8";

.product_wrap { position: relative; font-weight: 500; font-size: 18px; color: #fff; line-height: 1; }
.product_wrap * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.product_wrap .product_ul { display: flex; flex-wrap: wrap; margin: -7px; }
.product_wrap .product_ul .product_li { width: 33.3333%; padding: 7px; }
.product_wrap .product_ul .product_li .product_a { display: block; position: relative; overflow: hidden; height: 100%; }
.product_wrap .product_ul .product_li .product_a .imgbox { z-index: 1; position: relative; padding-bottom: 84%; }
.product_wrap .product_ul .product_li .product_a .imgbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 110%; }
.product_wrap .product_ul .product_li .product_a .frame { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 57, 130, 0.5); transition: opacity 0.2s; opacity: 0; }
.product_wrap .product_ul .product_li .product_a:hover .frame { opacity: 1; }
.product_wrap .product_ul .product_li .product_a .frame .scrbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; padding: 0 20px; text-align: center; }
.product_wrap .product_ul .product_li .product_a .frame .scrbox .icon1 { display: inline-block; width: 18px; }
.product_wrap .product_ul .product_li .product_a .frame .scrbox p { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1440px) {
    .product_wrap .product_ul .product_li .product_a .imgbox img { width: 17px; }
}
@media (max-width: 1279px) {
    .product_wrap .product_ul .product_li .product_a .imgbox img { width: 16px; }
}
@media (max-width: 1023px) {
    .product_wrap .product_ul .product_li .product_a .imgbox img { width: 14px; }
}
@media (max-width: 624px) {
    .product_wrap .product_ul { margin: 0; justify-content: space-between; }
    .product_wrap .product_ul .product_li { padding: 0; width: 48%; }
    .product_wrap .product_ul .product_li:nth-of-type(n + 3) { margin-top: 4%; }
}
@media (max-width: 360px) {
    .product_wrap .product_ul { display: block; }
    .product_wrap .product_ul .product_li { width: 100%; }
    .product_wrap .product_ul .product_li:nth-of-type(n + 3) { margin-top: initial; }
    .product_wrap .product_ul .product_li:nth-of-type(n + 2) { margin-top: 20px; }
}