.l-wrap{padding:0 25px}
.index-head{text-align:center}
.Effect{transition: all .3s ease-in-out;}
.hometitle{font-weight:700;font-size:36px;color:#333;line-height:48px;display:inline-block;padding:0 10px;position:relative;font-family:TitilliumWeb;z-index:3;text-transform:uppercase}
.hometitle span{color:var(--color)}
.hometitle::after{position:absolute;content:'';width:100%;height:10px;background:#f4f4f4;bottom:0;left:0;z-index:-1}
.index-text{font-size:18px;color:#777;margin-top:25px;line-height:26px}
.index-category{padding:5% 0;background:url(/Content/uploads/20251228613/202511120937358d6d96062ca34bdc929d3b5f14818f4f.webp) center no-repeat;background-size:cover}
.index-category .hometitle{font-size:48px}
.category-contant{display:flex;align-items:center;margin-top:60px;justify-content:space-between}
.category-right{width:48%}
.category-left{width:47%}
.category-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:100px}
.category-list li{display:flex;align-items:center;margin-bottom:25px;width:48%}
.category-list li p{font-size:20px;color:#777;padding-left:10px}
.category-list li img{transition: all .3s ease-in-out;}
.category-btn{display:flex;margin-top:50px}
.category-btn a{background:#595959;padding:18px 20px;line-height:1;color:#fff;display:flex;align-items:center}
.category-btn a span{margin-left:15px;transition: all .3s ease-in-out;}
.category-text p:nth-of-type(1){font-family:TitilliumWeb;font-weight:700;font-size:36px;color:#333;line-height:1;margin-bottom:45px;text-transform:uppercase;position:relative;display:inline-block;z-index:1}
.category-text p:nth-of-type(1)::after{position:absolute;content:'';width:100%;height:8px;background:var(--color);bottom:3px;left:0;z-index:-1}
.category-text p:nth-of-type(2){font-size:18px;color:#777;line-height:30px}
.index-about{padding-top:100px;background:url(/Content/uploads/20251228613/20251112095706e3fa9acf99e14435a1619130a95fe9af.jpg) center no-repeat;background-size:cover}
.about-top{display:flex;align-items:center;margin-bottom:70px}
.about-left{flex:1;padding-right:3%}
.about-rigth{width:46.5%}
.about-dev{display:flex;margin-bottom:30px}
.about-dev p{font-family:TitilliumWeb;font-weight:700;font-size:25px;color:#fff;line-height:1;z-index:1;position:relative}
.about-dev p::after{position:absolute;content:'';width:100%;height:5px;background:var(--color);bottom:0;left:0;z-index:-1}
.about-text{font-size:34px;color:#fff;line-height:48px;text-transform:uppercase}
.about-text p:nth-of-type(1){font-family:TitilliumWeb}
.about-txt{margin:35px 0;font-size:16px;color:#fff;line-height:26px}
.about-list li{display:flex;align-items:baseline;color:#fff;margin-bottom:30px}
.about-list li img{margin-right:15px;transform:translateY(5px)}
.about-bottom{display:flex;justify-content:space-between}
.about-boxs{width:33.33%;display:flex;justify-content:center;color:#fff;border-top:1px solid #fff;border-left:1px solid #fff;padding:55px 30px}
.about-boxs:nth-last-child(1){border-right:1px solid #fff}
.about-icon{margin-right:20px;margin-top:5px}
.about-math{display:flex;align-items:end;margin-bottom:20px}
.about-math p:nth-of-type(1){font-weight:700;font-size:55px;color:#fff;line-height:1}
.about-math p:nth-of-type(2){font-size:40px;color:#fff;line-height:1;margin-left:10px}
.about-tit{font-size:14px;color:#fff;line-height:20px}
.index-quality{padding:5% 0}
.index-quality .l-wrap{display:flex;align-items:center}
.quality-right{width:49%}
.quality-left{flex:1;padding-right:5%}
.quality-left .index-head{text-align:left}
.quality-list{margin-top:25px}
.quality-item{background:#f7f7f7;padding:20px 35px;margin-bottom:25px}
.quality-item:nth-last-child(1){margin-bottom:0}
.quality-tit{font-weight:700;font-size:22px;color:#333;line-height:26px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px dashed #ccc;position:relative}
.quality-tit::after{position:absolute;content:'';width:5px;height:5px;background:var(--color);left:-15px;top:10px}
.quality-txt{font-size:16px;color:#333;line-height:26px}
.index-choose{display:flex}
.choose-item{width:20%;position:relative;overflow: hidden;}
.choose-text{position:absolute;bottom:35px;left:30px;z-index:3}
.choose-text img{transition: all .3s ease-in-out;}
.choose-item::after{position:absolute;content:'';width:100%;height:100%;background:#0000003d;top:0;left:0;z-index:0}
.choose-text p{font-weight:700;font-size:22px;color:#fff;margin-top:25px}
.choose-item>img{transition:all .3s ease-in-out;display:block;width:100%}
.index-assurance{padding:5% 0}
.assurance-contant{display:flex;align-items:center}
.assurance-info{width:40%}
.assurance-img{flex:1;padding-right:5%}
.assurance-icon{background:#f7f7f7;width:65px;height:65px;display:flex;justify-content:center;align-items:center;transition: all .3s ease-in-out;}
.assurance-box{display:flex;padding-bottom:33px;margin-bottom:40px;border-bottom:1px solid #efefef}
.assurance-text{flex:1;padding-left:15px}
.assurance-text p:nth-of-type(1){font-family:TitilliumWeb;font-weight:700;font-size:22px;color:#333;line-height:1.25;margin-bottom:10px}
.assurance-text p:nth-of-type(2){color:#333;line-height:26px}
.assurance-list{margin-top:65px}
.index-news{padding:5% 0;position:relative;z-index:3;background:#f7f7f7}
.news-contant{display:flex;justify-content:space-between;margin-top:55px}
.news-item{padding:30px 20px;width:24%;background:#fff}
.news-dev{display:flex;justify-content:space-between;align-items:center;margin:25px 0 20px}
.news-dev span{padding:10px 25px;background:var(--color);color:#fff;line-height:1}
.news-text a{font-size:18px;color:#010101;line-height:29px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.news-text p{font-weight:400;font-size:18px;color:#666;line-height:28px;margin-top:10px}
.news-btns{display:flex;margin-top:35px}
.news-image{overflow: hidden;}
.news-image img{width: 100%;}
.news-btns a{font-size:18px;color:#999;line-height:32px}
.category-btn a:hover{background: var(--color);}
.category-btn a:hover span{margin-left: 30px;}
.category-list li:hover img{transform: translateY(-5px);}
.category-right:hover img{transform: scale(1.02);}
.assurance-box:hover .assurance-icon{background: var(--color);}
.assurance-box:hover .assurance-icon img{filter: grayscale(200%) brightness(500%);}
.news-item:hover .news-image img{transform: scale(1.02);}
.news-item:hover .news-btns a{color: var(--color);}
.choose-item:hover >img{transform: scale(1.02);}
.choose-item:hover .choose-text img{transform: rotateY(180deg);}
@media (max-width:1420px) {.category-list{margin-top: 50px;}
.category-btn{margin-top: 35px;}
.category-left {width: 55%;}
.category-text p:nth-of-type(1){margin-bottom: 25px;}
.about-math p:nth-of-type(1){font-size: 42px;}
.about-boxs{padding: 45px 30px;}}
@media (max-width:1024px) {.index-category .hometitle{font-size: 36px;}
.category-contant{margin-top: 45px;flex-direction: column-reverse;}
.category-left {width: 100%;margin-top: 30px;}
.category-right {width: 100%;text-align: center;}
.category-text p:nth-of-type(1) {margin-bottom: 20px;font-size: 28px;}
.about-top{margin-bottom: 25px;flex-direction: column-reverse;}
.about-rigth,.about-rigth img{width: 100%;}
.index-about{padding-top: 5%;}
.about-left {padding-right: 0;margin-top: 25px;}
.about-text{font-size: 28px;}
.about-icon{width: 35px;}
.about-boxs{flex-direction: column;align-items: center;text-align: center;}
.about-math{margin: 15px 0;justify-content: center;}
.about-math p:nth-of-type(1){font-size: 36px;}
.about-math p:nth-of-type(2){font-size: 28px;}
.index-quality .l-wrap{flex-direction: column-reverse;}
.quality-left{padding-right: 0;margin-top: 25px;}
.quality-right {width: 100%;}
.quality-right img{width: 100%;}
.index-choose{flex-wrap: wrap;}
.choose-item{width: 33.33%;}
.assurance-contant{flex-direction: column-reverse;}
.assurance-img{padding-right: 0;width: 100%;text-align: center;}
.assurance-info{width: 100%;}
.assurance-list {margin-top: 55px;}
.news-contant{flex-wrap: wrap;margin-top: 35px;}
.news-item{width: 49%;margin-bottom: 2%;}}
@media (max-width:1024px) {.category-list li p{font-size: 18px;}
.category-list {margin-top: 35px;}
.about-text{font-size: 24px;}
.about-txt{margin: 15px 0;}
.about-bottom{flex-wrap: wrap;}
.about-boxs{width: 100%;}
.about-boxs{border-right: 1px solid #fff;}
.about-list li{margin-bottom: 20px;}
.choose-item {width: 50%;}
.choose-text p{font-size: 20px;margin-top: 15px;}}
@media (max-width:550px) {.category-text p:nth-of-type(2),.category-list li p,.about-list li p,.news-text p{line-height: 1.52;font-size: 16px;}
.index-text{font-size: 16px;margin-top: 20px;}
.index-category .hometitle,.hometitle{font-size: 28px;}
.hometitle::after{bottom: 8px;}
.category-list li{width: 100%;}
.about-text {font-size: 18px;line-height: 1.52;}
.news-item{width: 100%;}}