.zhiqing-goods-center{padding:80px 0;background:#F9F9F9;}
.zhiqing-goods-center .tit {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.zhiqing-goods-center .tit h3 {font-size:60px;color:#1f1f1f;line-height:1;font-family:var(--font-family-third);}
.zhiqing-goods-center .tit ul {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;     flex-wrap: wrap;}
.zhiqing-goods-center .tit ul li {font-size:26px;color:var(--text-color-active);font-family:var(--font-family-third);}
.zhiqing-goods-center .tit ul li:not(:last-child)::after {content:"/";text-align:center;font-size:22px;margin:0 18px;color:var(--text-color-active);}

.zhiqing-goods-center .list{margin:40px 0 0;}
.zhiqing-goods-center .list ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.zhiqing-goods-center .list ul li{width:25%;padding:15px;}
.zhiqing-goods-center .list ul li .pic {display:block;width:100%;position:relative;overflow:hidden;}
.zhiqing-goods-center .list ul li .pic > img {width:100%;display:block;transition:transform 0.5s;-webkit-transition:transform 0.5s;}
.zhiqing-goods-center .list ul li .pic em {font-size:24px;color:var(--text-color-second-active);font-family:var(--font-family-third);position:absolute;left:28px;top:25px;}
.zhiqing-goods-center .list ul li .txt {text-align:center;margin:20px 0 0;}
.zhiqing-goods-center .list ul li .txt h5 {font-size:22px;color:#545353;line-height:24px;height:48px;overflow:hidden;font-family:var(--font-family-third);transition:transform 0.5s;}
.zhiqing-goods-center .list ul li .txt .more {margin-top:20px;background:var(--btn-bg-hover);font-family:var(--font-family-second);line-height:38px;padding:0 45px;display:inline-block;font-size:18px;color:#fff;text-transform:uppercase;transition:transform 0.5s;}


@media screen and (min-width:768px) {
.zhiqing-goods-center .list ul li:hover .pic > img {transform:scale(1.05);}
}

@media screen and (max-width:1800px) {
.zhiqing-goods-center .tit h3 {font-size:56px;}
}

@media screen and (max-width:1681px) {
.zhiqing-goods-center .tit h3 {font-size:52px;}
}

@media screen and (max-width:1441px) {
.zhiqing-goods-center .tit h3 {font-size:48px;}
}

@media screen and (max-width:1367px) {
.zhiqing-goods-center .tit h3 {font-size:44px;}
.zhiqing-goods-center {padding:60px 0;}
.zhiqing-goods-center .swiper-slide .txt p {margin-top:25px;line-height:27px;font-size:17px;}
.zhiqing-goods-center .swiper-pagination-bullet {width:16px;height:16px;margin:0 3px;}
}

@media screen and (max-width:1281px) {
.zhiqing-goods-center .tit h3 {font-size:40px;}
.zhiqing-goods-center .swiper-slide .txt {padding:0 30px 25px;}
.zhiqing-goods-center .swiper-slide .txt .more {margin-top:20px;padding:0 30px;}
}

@media screen and (max-width:992px) {
.zhiqing-goods-center h3 {font-size:36px;}
.zhiqing-goods-center .list {margin:40px 0 0;}
.zhiqing-goods-center .swiper-slide .txt {top:auto;padding:15px 10px;opacity:1;}
.zhiqing-goods-center .swiper-slide .txt h5 {font-size:24px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
.zhiqing-goods-center .swiper-slide .txt h5::after,.zhiqing-goods-center .swiper-slide .txt p {display:none;}
.zhiqing-goods-center .swiper-pagination-bullets {margin:40px 0 0;}
}

@media screen and (max-width:768px) {
.zhiqing-goods-center {padding:30px 0;}
.zhiqing-goods-center .tit {display:block;text-align:center;}
.zhiqing-goods-center .tit ul {-webkit-justify-content:center;justify-content:center;}
.zhiqing-goods-center .swiper-slide .box {border:1px solid var(--bg-color-second);}
.zhiqing-goods-center .swiper-slide .txt .more {-ms-transform:none;transform:none;opacity:1;}
.zhiqing-goods-center .list {margin:30px 0 0;}
.zhiqing-goods-center .swiper-pagination-bullets {display:block;}
.zhiqing-goods-center .swiper-slide .txt h5 {font-size:20px;}
.zhiqing-goods-center .swiper-pagination-bullets {margin:30px 0 0;}
.zhiqing-goods-center .swiper-pagination-bullet {width:12px;height:12px;}
}

@media screen and (max-width:600px) {
.zhiqing-goods-center h3 {font-size:28px;}
}

@media screen and (max-width:480px) {
.zhiqing-goods-center .tit h3 {font-size:24px;}
.zhiqing-goods-center .tit ul li {font-size:14px;}
.zhiqing-goods-center .tit ul li:not(:last-child)::after {font-size:16px;margin:0 5px;}
.zhiqing-goods-center .swiper-pagination-bullets {display:block;}
}

@media screen and (max-width:400px) {
.zhiqing-goods-center ul li h5 {font-size:40px;}
}