<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.home-advert{}
.home-advert dl{ width: 24.2%; height: auto; overflow: hidden; position: relative;}
.home-advert dl dt{ position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 100%; height: 100%; color: #FFFFFF; padding: 45px 35px;}
.home-advert dl dt b{ display: block; font-size: 1.2rem; line-height: 26px; color: #FFFFFF;}
.home-advert dl dt em{ display: block; font-size: 0.9rem; line-height: 26px; margin: 5px 0;}
.home-advert dl dt a{ display: block; width: 104px; height: 29px; line-height: 29px; background: #a80005; border-radius: 30px; font-size: 0.8rem; color: #FFFFFF; text-align: center;}
.home-advert dl dd img{ width: 100%; height: 100%; border-radius: 5px;}


.home-box-title{ width: 100%; height: 25px; line-height: 25px; border-left: 5px solid #a80005; margin: 15px 0; padding-left: 14px;}
.home-box-title b{ font-size: 24px;}
.home-box-title span{ padding-left: 8px;}
.home-new-products{}

.home-new-products-left{ width: 74.8%; }
.home-new-products-left-tab{ width: 100%; height: 37px; border-bottom: 2px solid #e5e5e5;}
.home-new-products-left-tab li{ height: 35px; line-height: 35px; cursor: pointer; background: #cccccc; border-radius: 6px 6px 0 0; margin-right: 10px; padding: 0 15px; font-size: 0.9rem;}
.home-new-products-left-tab li img{ margin-right: 5px;}
.home-new-products-left-tab li.thistab{ background: #333333; color: #FFFFFF; }
.home-new-products-left-tab li.thistab img{filter: grayscale(500%) brightness(500%); }

.home-new-products-left-box{ width: 100%;}
.home-new-products-left-list{ width: 100%;  background: #FFFFFF; padding: 10px 30px;  height:calc(100% - 72px);}

.home-new-products-item{ width:31.3%; height:50%;}
.home-new-products-item-img{ width: 100%;}
.home-new-products-item-imgl{ width: 30%;}
.home-new-products-item-imgl img{ width: 100%; height: auto;}
.home-new-products-item-imgr{ width: 45%;}
.home-new-products-item-imgr img{ width: 100%; height: auto;}

.home-new-products-item-text{ width: 100%; border-bottom: 1px dotted #ccc; margin: 13px 0; padding-bottom: 10px;}
.home-new-products-item-text a{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold; color: #111;}
.home-new-products-item-text em{ display: block; color: #999; height: 24px; line-height: 24px; overflow: hidden; font-size: 0.8rem;}

.home-new-products-item-price{ width: 100%;}
.home-new-products-item-price a{ display: block; background: #ccc; width: 100px; height: 24px; line-height: 24px; padding: 0 15px; color: #FFFFFF; font-size: 0.8rem;}
.home-new-products-item-price a:hover{ background: #a80005; color: #FFFFFF;}
.home-new-products-item-price a i{ line-height: 24px;}
.home-new-products-item-price span{ display: block; font-size: 26px; line-height: 26px; height: 26px; }




.home-new-products-right{ width: 24.2%;  }
.home-new-products-right-box{ width:100%; height:80px;}
.home-new-products-right-box-list{ width:100%;  height:calc(100% - 72px); flex: 1; /* 占据父容器的剩余空间 */
  display: flex; /* 添加 flex 布局 */
  flex-direction: column; /* 子元素垂直排列 */ }
.home-new-products-right dl{ width: 100%; height: calc(25% - 8px); border-radius: 6px;padding: 33px 23px; margin-bottom:8px; }
.home-new-products-right dl:nth-child(1){ background: url(../images/home-newbg1.png) no-repeat center; background-size:cover;}
.home-new-products-right dl:nth-child(2){ background: url(../images/home-newbg2.png) no-repeat center; background-size:cover;}
.home-new-products-right dl:nth-child(3){ background: url(../images/home-newbg3.png) no-repeat center; background-size:cover;}
.home-new-products-right dl:nth-child(4){ background: url(../images/home-newbg4.png) no-repeat center; background-size:cover;}
.home-new-products-right dl dt b{  color: #FFFFFF;  display: block; font-size: 20px; line-height: 36px;}
.home-new-products-right dl dt a{ display: block; width: 96px; height: 28px; line-height: 26px; margin-top: 5px; color: #FFFFFF; text-align: center; border-radius: 3px; border: 1px solid #CCCCCC; font-size: 0.8rem;}
.home-new-products-right dl dd{ padding-top: 10px;}


.home-hot-selling{ padding-top: 15px;}
.home-hot-selling-img{}
.home-hot-selling-img img{ width: 100%; height: auto;}
.home-hot-selling-box{ width: 100%; padding: 18px 18px 0 18px;}

.home-hot-selling-item{ width: 19.2%; margin-bottom: 0.8%; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; padding: 12px;}
.home-hot-selling-item-img{ width: 100%;}
.home-hot-selling-item-imgl{ width: 35%;}
.home-hot-selling-item-imgl img{ width: 100%; height: auto;}
.home-hot-selling-item-imgr{ width: 57%;}
.home-hot-selling-item-imgr a{ display: block; line-height: 26px; height: 26px; font-weight: bold; color: #111111; overflow: hidden;}
.home-hot-selling-item-imgr em{display: block; color: #999999; line-height: 26px; height: 26px; overflow: hidden;}

.home-hot-selling-item-price{ width: 100%; margin-top: 10px;}
.home-hot-selling-item-price span{ border-radius: 30px; display: block; width: auto; background: #ebebeb; height: 24px; line-height: 24px; padding: 0 15px; font-size: 0.8rem; color: #A80005;}
.home-hot-selling-item-price a{ display: block; background: #ccc; color: #FFFFFF; width: 100px; height: 24px; line-height: 24px; padding: 0 15px; font-size: 0.8rem;}
.home-hot-selling-item-price a:hover{ background: #a80005; color: #FFFFFF;}
.home-hot-selling-item-price a i{ line-height: 24px;}

.home-brand{ width: 100%; height: auto; background: url(../images/homebrandbg.png) no-repeat center; background-size:cover; padding: 20px 0;}
.home-brand ul{ padding-top: 10px;}
.home-brand li{ width: 12%; background: #FFFFFF; padding: 20px; border-radius: 6px; margin-bottom: 0.5%;}
.home-brand li img{ width: 100%; height: auto;}

.home-blog{}
.home-blog-boxl{ width: 60%; }
.home-blog-boxl dl{ width: 49%; height: auto; overflow: hidden; background: #FFFFFF; border-radius: 6px}
.home-blog-boxl dl dt img{ width: 100%; height: auto; border-radius: 6px 6px 0 0;}
.home-blog-boxl dl dd{ width: 100%; height: auto; padding: 18px;}
.home-blog-boxl dl dd em{ display: block; color: #999999; line-height: 24px; font-size: 0.9rem;}
.home-blog-boxl dl dd a{ display: block; color: #111111; font-weight: bold; line-height: 24px; height: 48px; overflow: hidden;}
.home-blog-boxl dl dd p{ margin-top: 10px; color: #999; line-height: 20px; height: 40px; font-size: 0.9rem; overflow: hidden; color: #999999;}

.home-blog-boxr{ width: 38.5%; background: #FFFFFF; border-radius: 6px; padding: 20px;}
.home-blog-boxr dl{ width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #EEEEEE;}
.home-blog-boxr dl:last-child{ margin-bottom: 0;}
.home-blog-boxr dl dt{ width: 68%;}
.home-blog-boxr dl dt a{ display: block; color: #111111; font-weight: bold; line-height: 24px; height: 48px; overflow: hidden;}
.home-blog-boxr dl dt em{ display: block; color: #999999; line-height: 24px; font-size: 0.9rem;}
.home-blog-boxr dl dd{ width: 25%;}
.home-blog-boxr dl dd img{ width: 100%; height: auto; border-radius: 6px;}

.home-post{}
.home-post-list dl{ width: 49.5%; margin-bottom:1%; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; padding: 15px 20px;}
.home-post-list dl dt{ width: 16%;}
.home-post-list dl dt img{ width: 100%; height: auto;}
.home-post-list dl dd{ width: 80%; height: auto; overflow: hidden;}
.home-post-list dl dd b{ display: block; height: 20px; line-height: 20px; overflow: hidden; }
.home-post-list dl dd b a{ display: block; color: #111111;}
.home-post-list dl dd p{ margin-top: 5px; font-size: 14px; color: #666; line-height: 20px; height: 40px; overflow: hidden; font-size: 0.9rem;}
.home-post-list dl dd a.home-post-link{ display: block; height: 22px; line-height: 22px; font-size: 0.9rem; margin-top: 10px;}
.home-post-list dl dd a.home-post-link img{ margin-right: 8px;}


@media (max-width: 768px) {
	
	
	
.home-advert{ display: none;}

.home-box-title{ margin: 10px 0; padding-left: 10px;}
.home-box-title b{ font-size: 1.2rem;}
.home-box-title span{ padding-left: 5px; font-size: 0.7rem;}


.home-new-products-left{ width:100%; }
.home-new-products-left-tab{ width: 100%; height: auto; border-bottom: 2px solid #e5e5e5;}
.home-new-products-left-tab li{  margin-right: 0; padding: 0 10px; font-size: 0.9rem; width: 50%; border-radius: 0; font-size: 0.8rem; overflow: hidden;}
.home-new-products-left-tab li img{ margin-right: 3px;}

.home-new-products-left-list{ width: 100%;  background: #FFFFFF; padding: 10px;}

.home-new-products-item{ width:49%; margin-bottom: 5px;}


.home-new-products-item-text{  margin: 5px 0; padding-bottom: 5px;}
.home-new-products-item-text a{ font-size: 0.8rem;}
.home-new-products-item-text em{ font-size: 0.7rem;}


.home-new-products-item-price a{ width: 80px;  padding: 0 5px; font-size: 0.7rem;}
.home-new-products-item-price span{ font-size: 1.1rem;  }




.home-new-products-right{ width: 100%; padding-top: 10px;}
.home-new-products-right-box{ display:none; height:0; }
.home-new-products-right-box-list{ height:auto;}

.home-hot-selling{ padding-top: 10px;}
.home-hot-selling-img{ display: none;}

.home-hot-selling-box{ width: 100%; padding: 10px 10px 0 10px;}

.home-hot-selling-item{ width: 49%; margin-bottom: 2%;  padding: 5px;}

.home-hot-selling-item-imgr a{ font-size: 0.8rem;}
.home-hot-selling-item-imgr em{font-size: 0.7rem;}

.home-hot-selling-item-price{ width: 100%; margin-top: 10px;}
.home-hot-selling-item-price a{ display: none; }




.home-brand li{ width: 32.3%; background: #FFFFFF; padding: 10px; border-radius: 6px; margin-bottom: 2%;}
.home-brand li:last-child{ display: none;}


.home-blog-boxl{ width: 100%; }
.home-blog-boxl dl{ width: 49%; }
.home-blog-boxl dl dd{ width: 100%; height: auto; padding: 18px;}
.home-blog-boxl dl dd em{  font-size: 0.8rem;}
.home-blog-boxl dl dd a{ font-size: 0.9rem; }
.home-blog-boxl dl dd p{  font-size: 0.8rem; }

.home-blog-boxr{ width: 100%;  padding: 10px; margin-top: 10px;}
.home-blog-boxr dl{  padding-bottom: 10px; margin-bottom: 10px; }
.home-blog-boxr dl dt{ width: 68%;}
.home-blog-boxr dl dt a{ font-size: 0.9rem;}



.home-post-list dl{ width: 100%; margin-bottom:10px;  padding: 10px;}
.home-post-list dl dt{ width: 20%;}
.home-post-list dl dd{ width: 77%; }
.home-post-list dl dd p{ font-size: 0.8rem;}
.home-post-list dl dd a.home-post-link{  font-size: 0.8rem; margin-top: 5px;}

	
	
	

}</pre></body></html>