﻿.home-tank{display:none;}
.index .repro{display:none;}
.poppro{padding: 4% 0;}
.poppro .container{max-width:none;}
.poppro .home-tit{margin-bottom: 0;}
.poppro .poppro-p{color: var(--color);font-weight: var(--fontbold6);text-align: center;max-width: 1000px;margin: 10px auto 0px;}
.poppro .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.poppro .list li{width: 25%;display: flex;flex-direction: column;}
.poppro .list li:nth-child(2n){flex-direction: column-reverse;}
.poppro .list li .info,.poppro .list li .img{height: 50%;}
.poppro .list li .img{overflow: hidden;}
.poppro .list li .img img{width: 100%;width: 100%;height: 100%;object-fit: cover;transition: all .3s linear;}
.poppro .list li .info{position: relative;padding: 60px 30px;background: #F7F7F7;transition: all .3s linear;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.poppro .list li .info::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 0px;height: 0px;border-style: solid;transition: all .3s linear;}
.poppro .list li:nth-child(odd) .info::before{top: -15px;border-width:0px 15px 15px 15px;border-color: transparent transparent #F7F7F7 transparent;}
.poppro .list li:nth-child(even) .info::before{bottom: -15px;border-width:15px 15px 0px 15px;border-color: #F7F7F7 transparent transparent  transparent;}
.poppro .list li .info .title{color:var(--color);font-size: var(--fontsize22);font-weight: var(--fontbold6);line-height: 1.4;transition: color .3s linear;}
.poppro .list li .info .line2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.poppro .list li .info .text{margin-top:15px;}
.poppro .list li:hover .info .title{color:#fff}
.poppro .list li:hover .img img{transform: scale(1.1);}
.poppro .list li:hover .info{background: var(--color);color: #fff;}
.poppro .list li:nth-child(odd):hover .info::before{border-color: transparent transparent var(--color) transparent;}
.poppro .list li:nth-child(even):hover .info::before{border-color: var(--color) transparent transparent transparent;}
@media (max-width:1024px) {.poppro .list li{width: 50%;}}
@media (max-width:768px) {.poppro .list{margin-top: 20px;}
.poppro .list li .info{padding: 20px;}
.poppro .list li .info .text{margin: 10px 0 20px 0;}}
@media (max-width:500px) {.poppro .list li{width: 100%;}
.poppro .list li:nth-child(2n){flex-direction: column;}
.poppro .list li:nth-child(even) .info::before{top: -15px;border-width:0px 15px 15px 15px;border-color: transparent transparent #F7F7F7 transparent;}
.poppro .list li:nth-child(even):hover .info::before{border-color: transparent transparent var(--color) transparent;}
.poppro .list li .info .title{font-size: var(--fontsize18);}}
.newpro .newpro-slide{position: relative;overflow: hidden;margin-bottom: 25px;width: 23%;border-radius: 3px;transition: all .2s ease;transform: translateY(0);}
.newpro .newpro-slide .info{position: relative;box-sizing: border-box;padding: 15px;border: 1px solid #EDEDED;border-top: none;}
.newpro .newpro-slide .img{position: relative;border: 1px solid #EDEDED;}
.newpro .newpro-slide .img::before{content: "";position: absolute;top: 0px;left: 0px;display: inline-block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);transition: all .2s ease;}
.newpro .newpro-slide .title{font-weight: var(--fontbold5);font-size: var(--fontsize18);margin-bottom: 5px;transition: all .2s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newpro .newpro-slide .des{color: #555;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newpro .more{position: absolute;top: -25px;right: 0;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border: 1px solid #EDEDED;background: #fff;transition: all .2s ease;}
.newpro .more::before,.more::after{content: "";position: absolute;top: -3px;left: -20px;width: 0px;height: 0px;border: 10px solid transparent;border-top: 26px solid transparent;border-bottom: 0px;border-left-color: transparent;transition: all .2s ease;}
.newpro .more::before{border-right-color: #ececec;}
.newpro .more::after{border-right-color: transparent;}
.newpro .more-img{background: url(/uploads/43308/page/p202503191536210ead3.webp);width: 20px;height: 20px;transition: all .3s linear;}
.newpro .newpro-slide:hover{transform: translateY(-8px);}
.newpro .newpro-slide:hover .title{color: var(--color);}
.newpro .newpro-slide:hover .img::before{background-color: rgba(0, 0, 0, .5);}
.newpro .newpro-slide:hover .more{background: var(--color);border: 1px solid var(--color);}
.newpro .newpro-slide:hover .more::before{border-right-color: var(--color);}
.newpro .newpro-slide:hover .more-img{background: url(/uploads/43308/page/p20250319153631a9723.webp);}
.newpro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: auto;}
.newpro .swiper-pagination{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.newpro .swiper-pagination-bullet {display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;border: 1px solid #c2c2c2;border-radius: 0;background: transparent;}
.newpro .swiper-pagination-bullet-active{border: 1px solid var(--color);}
.newpro .swiper-pagination-bullet-active::after{content: "";display: inline-block;width: 4px;height: 4px;background: var(--color);}
.newpro .viewmore{display:none;}
@media (min-width:769px) {.newpro .newpro-wrapper{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}}
@media (max-width:990px) {.newpro .newpro-slide{width: 24%;margin-bottom: 15px;}}
@media (max-width:768px) {.newpro .newpro-slide{width: 49%;}}
@media (max-width:500px) {.newpro .newpro-slide .info{padding: 10px;}
.newpro .newpro-slide .title{font-size: var(--fontsize16);}}
.newpro{padding: 2% 0px;}
.poppro{padding: 2% 0px;}
.poppro .list li .info .line2{-webkit-line-clamp: inherit;}
.home-title {
    font-size: 34px;
    font-weight: var(--fontbold6);
    text-align: center;
    text-transform: capitalize;
    line-height: 1.4;
}
.home-des {
    font-size: var(--fontsize16);
    color: #565656;
    text-align: center;
    max-width: 1000px;
    margin: 10px auto 0px;
}
.l-wrap {
    width: 100%;
    max-width: 1600px;
    padding: 0px 70px;
    margin: 0px auto;
}
.home-news{background:#F7F7F7;padding: 3% 0;}
.home-news .list{display:flex;flex-wrap:wrap;list-style:none;margin-top:30px}
#newswiper{margin-top:30px}
#newswiper .newswiper-pagination{text-align:center;margin-top:30px}
#newswiper .newswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#newswiper .newswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#newswiper .swiper-slide{background:#FFFFFF;border-radius:10px;overflow:hidden;transition:all .2s linear}
#newswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#newswiper .swiper-slide:hover .img img{transform:scale(1.02)}
#newswiper .swiper-slide:hover .info .date{color:#FFFFFF}
#newswiper .swiper-slide .img{width:100%;aspect-ratio:var(--newssaspectratio)}
#newswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
#newswiper .swiper-slide .info{padding:20px}
#newswiper .swiper-slide .info .date{margin:5px 0px;color:var(--introcolor)}
#newswiper .swiper-slide .info .date em{margin-right:5px}
#newswiper .swiper-slide .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4;transition:none}