﻿.home-about{padding: 3% 0;}
.home-about .home-title{font-size: var(--fontsize30);text-align: left;}
.home-about .productcate-list{justify-content: space-between;}
.home-about .productcate-list li{position: relative;width: 32.6%;border-right: solid 1px #eee;overflow: hidden;}
.home-about .productcate-list li img{width:100%;}
.home-about .productcate-hot {position: absolute;right: 0px;top: 0px;background: var(--color);border-radius: 0 0 0 16px;color: #fff;padding: 6px 10px;z-index: 1;}
.home-about .productcate-hot strong {display: block;font-weight: var(--fontbold4);font-size: var(--fontsize20);}
.home-about .productcate-box{display: flex;flex-direction: column;justify-content: flex-end;position: absolute;top: 0px;left: 100%;width: 50%;height: 100%;padding: 20px 6%;background: rgba(0, 0, 0, .4);color: #fff;transition: left .3s ease-in-out;}
.home-about .productcate-box-title {font-size: var(--fontsize18);overflow: hidden;line-height: 1.5;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.home-about .productcate-box-more {font-size: var(--fontsize16);font-weight: var(--fontbold4);color: var(--color);padding: 20px 0px;}
.home-about .productcate-list li:hover .productcate-box {left: 50%;}
.home-about .about-wrap{padding-top: 4%;}
.home-about .about-l {width: 45% !important;}
.home-about .about-l-text {text-align: justify;color: var(--fontcolor);margin: 10px 0px 25px;line-height: 1.7;max-height: 270px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;}
.home-about .about-wrap .home-more {display: block;background: #fff;width: 150px;height: auto;padding: 8px 0;font-size: var(--fontsize14);border: 1px solid var(--color);text-align: center;color: var(--color);border-radius: 4px;transition: all .2s ease-in-out;}
.home-about .about-wrap .home-more:hover{background: var(--color);color: #fff;}
.home-about .about-r {width: 50%;display: flex;flex-wrap: wrap;}
.home-about .about-r li {width: 33.3%;border: 1px solid #eee;text-align: center;padding: 20px 0px;border-right: none;transition: all .2s ease-in-out;}
.home-about .about-r li:nth-child(3n) {border-right: 1px solid #eee;}
.home-about .about-r li:hover{box-shadow: 0 0 14px #ccc;}
.home-about .about-r-num {font-size: var(--fontsize30);color: var(--fontcolor);}
.home-about .about-r-num sup {vertical-align: super;font-size: large;}
.home-about .about-r-title {font-size: var(--fontsize16);color: var(--fontcolor);margin: 0px 0px 10px 0px;}
.home-about .productcate .swiper-pagination-bullet.swiper-pagination-active{opacity: 1;background: var(--color);}
@media (max-width: 1024px) {
.home-about{padding-bottom: 3%;}
.home-about .productcate-box{left: 50%;}
.home-about .productcate-box-title{display: none;}
.home-about .about-l {width: 100% !important;}
.home-about .about-r {width: 100%;margin-top: 3%;}
}
@media (max-width:768px) {
.home-about .productcate-box-title{display: block;}
}
@media (max-width: 540px) {
.home-about .home-title{font-size: var(--fontsize26);}
.home-about .about-r-num{font-size: var(--fontsize22);}
}
@media (max-width: 415px) {
.home-about .productcate-hot {padding: 4px 8px;font-size: var(--fontsize12);}
.home-about .about-r{margin-top: 6%;}
.home-about .about-r li {width: 50%;border-right: 1px solid #eee;}
.home-about .about-r li:nth-child(2n-1) {border-right: none;}
}
@media (max-width: 376px) {
.home-about .home-title{font-size: var(--fontsize22);}
} .home-table{padding:3% 0}
.home-table .simple-table{width:100%;border-collapse:collapse;margin:3% 0}
.home-table .simple-table td{border-bottom:2px solid #ccc;text-align:center;padding:20px 0}
.home-table .simple-table td{height:80px}
.home-table .simple-table tr:first-child td{color:var(--color);font-size:22px}
.home-table .more{text-align:center}
.home-table .more a{padding:1% 3%;border-radius:30px;background:var(--color);color:#fff}