/** 产品中心 **/
.home-workshop-content,.home-news-content{width: 90%;margin: 0 auto;}
#home-product{display: flex;height: 95vh;width: 100%;
    background-image: url("/img/home_product_bg.jpg");
    background-size: 100% 100%;
}
#home-product .left{width: 35%;display: flex;flex-direction: column;padding: 2rem 0 0 5%;}
#home-product .right{width: 65%;visibility:visible;}
.home-title{display: flex;align-items:center;gap: 10px;}
.home-title h3{font-size: 1.4rem;color: #666;}
.product-info{height: 60%;}
.product-info h2{font-weight: 600;}
.product-content{margin-top: 1rem;color: #666;max-height: 60%;}
.product-content div{
    margin-top: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示的行数为2 */
    -webkit-box-orient: vertical;
    overflow: hidden;}
.product-info-btn{width: 10rem;height: 2.5rem;color: #fff;background-color: rgba(248, 6, 42, 0.8);
    border-radius: 0.5rem;text-align: center;line-height: 2.5rem;
    margin-top: 2rem;transition: background-color ease .3s;
}
.product-info-btn i{margin-left: 1rem;}
.product-info-btn:hover{background-color: transparent;color: #f8062a;border: solid 1px #f8062a;}
.product-type-list{font-size: 1.8rem;font-weight: 600;color: #333;}
.product-type-list-en{font-size: 1.4rem;font-weight: 600;color: #333;}
.product-type{display: flex;align-items:center;cursor:pointer;margin-top: 1rem;}
.product-type .line{width: 0;height: 4px;background-color: #e60013;transition: width .3s;}
.product-type:hover,.product-type.active{color: #e60013}
.product-type:hover .line,.product-type.active .line{width: 5rem;margin-right:1rem;transition: width .3s;}
.product-right-img{width: 100%;height: 70%;text-align: center;padding-top: 3rem;}
.product-right-img img{height: 100%;width: auto;}
.product-right-list{width: 100%;height: 20%;overflow: hidden;margin-top: 2rem;}
.product-right-item{text-align: center;padding: 3% 0;
    background-color: #fff;border-radius: 1rem;
}
.product-right-item.active{border: solid 1px #e43838;
}
.product-right-item img{width: 65%;}
/*#home-product .product-bg{margin-top: 4rem;}
#home-product .product-bg img{width: 80%;}
#home-product .wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
}
#home-product .wrapper .item {
    display: flex;
    flex-grow: 1;
    transition: all 0.5s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
#home-product .wrapper .item:hover {
    flex-grow: 4;
    box-shadow: inset 0 0 20px #999;
}
#home-product .wrapper .item:after {
    content: "";
    width: 200%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.75);
    left: -50%;
    bottom: -10%;
    position: absolute;
    transform: rotate(-15deg);
    color: #fff;
    text-align: center;
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 100;
}
#home-product .wrapper .item-en:after{
    font-size: 20px;
}
#home-product .wrapper .item{
    background-position: 45% center;
}
:root {
    --after-content1: "单面针织大圆机";
    --after-content2: "单面开幅机";
    --after-content3: "小圆机";
    --after-content4: "初始内容";
    --after-content5: "初始内容";
    --after-content1-en: "Single jersey circular knitting machine";
    --after-content2-en: "Open width single jersey circular knitting machine";
    --after-content3-en: "Body size single jersey circular knitting machine";
    --after-content4-en: "null";
    --after-content5-en: "null";
}
#home-product .wrapper .item.content1:after {
    content: var(--after-content1);
}
#home-product .wrapper .item.content2:after {
    content: var(--after-content2);
}
#home-product .wrapper .item.content3:after {
    content: var(--after-content3);
}
#home-product .wrapper .item.content4:after {
    content: var(--after-content4);
}
#home-product .wrapper .item.content5:after {
    content: var(--after-content5);
}
#home-product .wrapper .item.content1-en:after {
    content: var(--after-content1-en);
}
#home-product .wrapper .item.content2-en:after {
    content: var(--after-content2-en);
}
#home-product .wrapper .item.content3-en:after {
    content: var(--after-content3-en);
}
#home-product .wrapper .item.content4-en:after {
    content: var(--after-content4-en);
}
#home-product .wrapper .item.content5-en:after {
    content: var(--after-content5-en);
}*/

/** 产业链&部件 **/
.home-chain{width: 100%;background-color: #f5f5f5;padding: 2% 0;margin-top: 1rem;}
.home-chain .home-title{margin-left: 5%;}
.home-chain .img{width: 100%;transition: all .3s;}
.home-chain .img:hover{transform: scale(1.05);}
.component{width: 100%;margin: 0 auto;display: flex;}
.component .img-half {width: 49%;height:70vh;background-color: #f5f5f5;margin: 1% 0.5%;}
.component .img-half img{width: 60%;margin-top: 15%;margin-left:5%;vertical-align: top;transition: all .3s;}
.component .img-half .img-en{width: 45%;}
.component .img-half img:hover{transform: scale(1.05);}
.component .img-half .img{margin-top: 10%;}
.component .img-half .details{display: inline-block;margin: 15% 0 0 6%;}
.component .img-half .details h2{font-weight: 600;color: #333;margin-bottom: 3rem;}
.component .img-half .details h3{font-weight: 600;color: #333;margin-bottom: 3rem;font-size: 1.5rem;}
.component .img-half .details h2,.component .img-half .details h3{
    transition: all .3s;
}
.component .img-half .details h2:hover,.component .img-half .details h3:hover{
    transform: scale(1.05);
}
.component .img-half .details p{color: #999;font-size: 1.2rem;}
.component .img-half .details-en p{font-size: 0.9rem;}
.component .img-half .details p:hover{color: #000;}

/** 车间 **/
#home-workshop{width: 100%;margin: 0;padding: 0;color: #fff;
    background-image: url("/img/home_workshop_1.jpg");
    background-size: 100% 100%;
    transition: background-image 1.5s ease-in-out;
}
#home-workshop .home-workshop-content{margin-top: 3rem;}
#home-workshop h3{color: #fff;}
#home-workshop .description{margin-top: 3rem;display: none;}
#home-workshop .description.active{display: block;}
#home-workshop .explanation{width: 40%;font-size: 1.4rem;margin-top: 3rem;}
#home-workshop .workshop-list{width: 100%;margin: 10rem 0 5rem;}
#home-workshop .workshop-item{width: 15%;display: inline-block;border: solid 1px #fff;border-radius: 10px;
    font-size: 1.6rem;text-align: center;padding-top: 1.5rem;margin-right: 1%;
}
#home-workshop .workshop-item:hover{
    background-color: rgba(200, 10, 10, 0.2);
    border-color: rgba(248, 6, 42, 0.5);
}
#home-workshop .workshop-item.active{
    background-color: rgba(200, 10, 10, 0.3);
    border-color: #f8062a;
}
#home-workshop .workshop-item p{font-size: 2rem;margin: 1rem auto;}

/** 新闻 **/
#home-news{padding-top: 3rem;width: 100%;
    background-image: url("/img/home_news_bg.jpg");
    background-size: 100% 100%;
}
#home-news .news-title{font-size: 2rem;font-weight: 600;color: #333;margin: 1rem 0 3rem;}
#home-news .news-item{transition: transform .3s;}
#home-news .news-item:hover{transform: scale(1.05);}
#home-news .news-item img{border-radius: 10px;width: 100%;}
#home-news .news-item h2{font-size: 1.4rem;font-weight: 600;margin-top: 0.5rem;}
#home-news .news-item .right{float: right;font-size: 1rem;color: #999;margin-right: 1rem;}