#about .l-wrap{flex-direction:column;align-items:center}
#about .list{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:3%}
#about .list li{width:100%;margin-right:0}
#about .list li img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){#about .main-title{text-align:left;text-indent:2em;width:70%}}
@media (max-width:768px){#about .list{grid-template-columns:repeat(2,1fr)}}
#about .main-part{ margin-bottom: 2%;}
#product{margin:80px 0 0 0}
#homeproduct{margin-top:80px;}
.homeproduct-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.homeproduct-list li{width:24%;margin-bottom:30px;flex-direction:column;display:flex;}
.homeproduct-list li .homeproduct-pic{overflow:hidden;}
.homeproduct-list li .homeproduct-pic img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;}
.homeproduct-list li .homeproduct-info{padding-top:10px;flex:1;display:flex;flex-direction:column;}
.homeproduct-list li .homeproduct-tit{min-height:67px;margin-bottom:10px}
.homeproduct-list li .homeproduct-tit a{font-weight:bold;font-style:italic;color:var(--color);font-size:var(--fontsize26);line-height:1.4;}
.homeproduct-list li .homeproduct-line{position:relative;width:60%;height:3px;background:var(--color);}
.homeproduct-list li .homeproduct-line:before{content:'';border-width:7px;border-style:solid;border-color:transparent transparent var(--color) transparent;position:absolute;bottom:3px;left:1px;}
.homeproduct-list li .homeproduct-txt{margin:5px 0;}
.homeproduct-list li .homeproduct-txt div{position:relative;padding-left:22px;color:#666;margin-bottom:12px}
.homeproduct-list li .homeproduct-txt div:before{content:'';border-width:7px;border-style:solid;border-color:transparent transparent transparent var(--color);position:absolute;top:6px;left:6px;}
.homeproduct-list li .homeproduct-link{margin-top:auto;display:block;min-height:80px;}
.homeproduct-list li .homeproduct-link a{font-weight:bold;width:48%;display:inline-block;margin-right:3%;}
.homeproduct-list li .homeproduct-link a:nth-child(2n){margin-right:0;}
.homeproduct-list li .homeproduct-tit a:hover{text-decoration:underline}
@media (max-width:1470px){.homeproduct-list li .homeproduct-tit{min-height:60px;}
.homeproduct-list li .homeproduct-tit a{font-size:var(--fontsize24);}
.homeproduct-list li .homeproduct-link{min-height:103px;}
.homeproduct-list li .homeproduct-link a{width:auto;margin-right:15px}
.homeproduct-list li .homeproduct-link a:nth-child(2n){margin-right:15px;}}
@media (max-width:1280px){.homeproduct-list li .homeproduct-tit{min-height:56px;}
.homeproduct-list li .homeproduct-tit a{font-size:var(--fontsize22);}
.homeproduct-list li .homeproduct-link{min-height:153px;}}
@media (max-width:1080px){.homeproduct-list li{width:48%;}
.homeproduct-list li .homeproduct-tit{min-height:56px;}
.homeproduct-list li .homeproduct-tit a{font-size:var(--fontsize22);}
.homeproduct-list li .homeproduct-link{min-height:103px;}}
@media (max-width:768px){#product,#homeproduct{margin-top:50px;}
.homeproduct-list li{width:100%;}
.homeproduct-list li .homeproduct-tit{min-height:inherit;margin-bottom:20px}
.homeproduct-list li .homeproduct-tit a{font-size:var(--fontsize22);}
.homeproduct-list li .homeproduct-line{width:50%}
.homeproduct-list li .homeproduct-link{min-height:inherit;}}
.homeproduct-list li .homeproduct-tit a{font-style: normal;}

.l-wrap{padding: 0 75px;}
@media (max-width:1640px) {.l-wrap{padding: 0 55px;}}
@media (max-width:1440px) {.l-wrap{padding: 0 30px;}}
@media (max-width:1024px) {.l-wrap{padding: 0 25px;}}
@media (max-width:768px) {.l-wrap{padding: 0;}}
.padding{padding:5% 0}
.indexhead{text-align:center}
.indexcolor .indextitle,.indexcolor .indextext{color:#fff}
.indextitle{font-size: 42px;font-weight: 500;line-height: 1.25;color: #727272;letter-spacing: 2px;}
.indexhead .line{width:120px;height:3px;background:var(--color);margin:15px auto}
.indextext{font-size:20px;line-height:1.75;color: #727272;}
.home-product{background:#1e2f42}
.home-product .contant{display:flex;flex-wrap:wrap;gap:40px;margin-top:45px}
.home-product .contant .pro-item{flex:0 0 calc((100% - 120px)/ 4);background:#fff;border-radius:20px;overflow:hidden;padding:15px}
.home-product .contant .pro-img{padding:20px;aspect-ratio:1.5/1;display:flex;justify-content:center;align-items:center;overflow:hidden}
.home-product .contant .pro-name{font-size:24px;color:#757474;padding:15px 0 5px;border-top:2px solid #cfd0d0;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;text-align:center}
.home-product .contant .pro-item:hover .pro-name{color:var(--color)}
.home-product .contant .pro-item:hover img{transform:scale(1.05)}
.home-abouts{background:url(/Content/uploads/2026460603/20260803092524c99201a6fd3841168371188fe9c8d3e0.webp) center no-repeat;background-size:cover}
.home-abouts .about-item{width:40%}
.home-abouts .title{font-size:40px;color:#fff;line-height:1;margin-bottom:10px;letter-spacing:3px}
.home-abouts .line{width:120px;height:3px;background:var(--color);margin:20px 0 25px}
.home-abouts .indextitle{font-size:52px;color:#fff}
.home-abouts .about-list p{font-size:18px;color:#fff;margin-bottom:25px}
.home-abouts .about-list{width:80%}
.home-information{background:#f7f7f7}
.home-information .l-wrap{display:flex;justify-content:space-between;align-items:center}
.home-information .datum-card{width:50%}
.home-information .datum-info{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between}
.home-information .datum-info .math{display:flex;color:#727272;font-size:98px;line-height:1;font-weight:500}
.home-information .datum-info .item{width:45%}
.home-information .datum-info .item .dev{background:#b8b9b9;width:88%;height:4px;border-radius:4px;margin-top:20px;position:relative}
.home-information .datum-info .item .dev::after{position:absolute;content:'';width:35%;height:100%;background:var(--color);border-right:15px solid #f7f7f7}
.home-information .datum-img{width:37%;display:flex;flex-direction:column;gap:45px}
.home-information .datum-info .text{font-size:28px;line-height:1;margin-top:20px}
.home-information .datum-card .datum-text{font-size:18px;color:#727171;line-height:1.52;margin-top:32px}
.home-application{display:flex;background:#1d2e41}
.home-application .appimg{width:25%;overflow:hidden}
.home-application .appimg img{width:100%;height:50%;object-fit:cover;display:block}
.home-application .appmain{flex:1;display:flex;flex-direction:column}
.home-application .app-info{height:stretch;display:flex;flex-direction:column;justify-content:center;align-items:baseline;padding:10%;color:#fff}
.home-application .app-info .line{width:120px;height:3px;background:var(--color);margin:22px 0}
.home-advantage{background:#f7f7f7}
.home-advantage .indextext{font-size:18px;line-height:1.75}
.home-advantage .contant{display: flex;margin-top: 55px;}
.home-advantage .contant .item:nth-of-type(1){border-left: 2px solid #E8E8E9;}
.home-advantage .contant .item{flex: 1;padding: 0 20px;border-right: 2px solid #E8E8E9;}
.home-advantage .contant .item .top{display: flex;gap: 15px;color: #727272;min-height: 80px;}
.home-advantage .contant .item .top .p1{font-size: 48px;line-height: 1;transition: all .3s ease-in-out;}
.home-advantage .contant .item .top .p2{font-size: 16px;line-height: 1.25;}
.home-advantage .contant .item .line{background: #b8b9b9;width: 100%;height: 2px;border-radius: 4px;margin: 15px 0;position: relative;}
.home-advantage .contant .item .line::after{position: absolute;content: '';width: 35%;height: 100%;background: var(--color);border-right: 15px solid #f7f7f7;left: 0;}
.home-advantage .contant .item .bottom p{color: #727272;font-size: 16px;line-height: 1.25;}
.home-advantage .contant .item:hover .p1{color: var(--color);}
.home-tools{background: #1E2F42;}
.home-tools .l-wrap{display: flex;gap: 45px;}
.home-tools .items{flex:1;}
.home-tools .items .img{overflow: hidden;border-radius: 5px;}
.home-tools .items .img img{width: 100%;display: block;}
.home-tools .items .img:hover img{transform: scale(1.05);}
.home-tools .items .info{margin-top: 15px;}
.home-tools .items .title{font-size: 24px;line-height: 1;color: #fff;padding-bottom: 10px;border-bottom: 1px solid var(--color);}
.home-tools .items .info ul{margin-top: 10px;min-height: 210px;}
.home-tools .items .info ul li{color: #fff;padding-bottom: 10px;position: relative;border-bottom: 1px solid #7F7E86;padding-top: 5px;}
.home-tools .items .info ul li::after{position: absolute;content: '';width: 50px;height: 1px;background: var(--color);left: 0;bottom: -1px;border-right: 10px solid #1C2E41;transition: all .3s ease-in-out;}
.home-tools .table{margin-top: 25px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-tools .table a{width: 48%;color: #fff;line-height: 1.75;font-weight: 400;}
.home-tools .table a:hover{color: var(--color);}
.home-tools .items .info ul li:hover::after{border-right: 30px solid #1C2E41;}
.home-news{background: #f7f7f7;}
.home-news .newlist{display: flex;gap: 40px;margin-top: 45px;}
.home-news .newitem{flex: 1;border-radius: 10px;overflow: hidden;background: #fff;}
.home-news .new-img{position: relative;overflow: hidden;display: block;}
.home-news .newdate{position: absolute;left: 15px;bottom: 0px;padding: 5px 10px;font-size: var(--fontsize14);color: #FFFFFF;background: var(--color);}
.home-news .newtitle{display: flex;padding: 15px 10px;color: #4c4c4c;line-height: 1.25;}
@media screen and (max-width:1640px){
    .indextitle{font-size:38px;letter-spacing:3px}
    .indextext{font-size:18px}
    .home-product .contant{gap:30px;margin-top:35px}
    .home-product .contant .pro-item{flex:0 0 calc((100% - 90px)/ 4)}
    .home-product .contant .pro-name{font-size:22px}
    .home-abouts .about-item{width:45%}
    .home-abouts .title{font-size:36px}
    .home-abouts .indextitle{font-size:46px}
    .home-abouts .about-list{width:85%}
    .home-information .datum-info{gap:40px}
    .home-information .datum-info .math{font-size:88px}
    .home-information .datum-info .text{font-size:24px}
    .home-information .datum-card .datum-text{font-size:16px}
    .home-information .datum-img{gap:35px}
    .home-advantage .contant{margin-top:45px}
    .home-advantage .contant .item .top .p1{font-size:44px}
    .home-advantage .contant .item .top .p2{font-size:15px}
    .home-tools .l-wrap{gap:35px}
    .home-tools .items .info ul{min-height:180px}
    .home-news .newlist{gap:30px;margin-top:35px}
}
@media screen and (max-width:1440px){
    .indextitle{font-size:34px;letter-spacing:2px}
    .indextext{font-size:17px}
    .home-product .contant{gap:25px;margin-top:30px}
    .home-product .contant .pro-item{flex:0 0 calc((100% - 75px)/ 4)}
    .home-product .contant .pro-name{font-size:20px}
    .home-product .contant .pro-img{padding:15px}
    .home-abouts .about-item{width:50%}
    .home-abouts .title{font-size:32px}
    .home-abouts .indextitle{font-size:42px}
    .home-abouts .about-list{width:90%}
    .home-abouts .about-list p{font-size:16px}
    .home-information .datum-info{gap:35px}
    .home-information .datum-info .math{font-size:78px}
    .home-information .datum-info .text{font-size:22px}
    .home-information .datum-card .datum-text{font-size:15px;margin-top:25px}
    .home-information .datum-img{gap:30px;width:35%}
    .home-information .datum-card{width:52%}
    .home-advantage .contant{margin-top:40px}
    .home-advantage .contant .item .top .p1{font-size:40px}
    .home-advantage .contant .item .top .p2{font-size:14px}
    .home-advantage .contant .item .bottom p{font-size:14px}
    .home-tools .l-wrap{gap:30px}
    .home-tools .items .info ul{min-height:160px}
    .home-tools .items .title{font-size:22px}
    .home-news .newlist{gap:25px;margin-top:30px}
}
@media screen and (max-width:1280px){
    .indextitle{font-size:30px}
    .indextext{font-size:16px}
    .indexhead .line{width:100px;height:2px;margin:10px auto}
    .l-wrap{padding:0 30px}
    .home-product .contant{gap:15px;margin-top:25px}
    .home-product .contant .pro-item{flex:0 0 calc((100% - 30px)/ 3)}
    .home-product .contant .pro-name{font-size:18px}
    .home-product .contant .pro-img{padding:12px}
    .home-abouts .about-item{width:55%}
    .home-abouts .title{font-size:28px}
    .home-abouts .indextitle{font-size:38px}
    .home-abouts .about-list{width:95%}
    .home-abouts .about-list p{font-size:15px;margin-bottom:18px}
    .home-information .datum-info{gap:30px}
    .home-information .datum-info .math{font-size:68px}
    .home-information .datum-info .text{font-size:20px}
    .home-information .datum-card .datum-text{font-size:14px;margin-top:22px}
    .home-information .datum-img{gap:25px}
    .home-application .app-info{padding:8%}
    .home-advantage .contant{margin-top:35px}
    .home-advantage .contant .item{padding:0 15px}
    .home-advantage .contant .item .top .p1{font-size:36px}
    .home-advantage .contant .item .top .p2{font-size:13px}
    .home-advantage .contant .item .bottom p{font-size:13px}
    .home-tools .l-wrap{gap:25px}
    .home-tools .items .info ul{min-height:150px}
    .home-tools .items .title{font-size:20px}
    .home-tools .table a{font-size:14px}
    .home-news .newlist{gap:20px;margin-top:25px}
}
@media screen and (max-width:1024px){
    .indextitle{font-size:28px}
    .indextext{font-size:15px;line-height:1.5}
    .l-wrap{padding:0 25px}
    .home-product .contant{gap:15px;margin-top:20px}
    .home-product .contant .pro-item{flex:0 0 calc((100% - 15px)/ 2)}
    .home-product .contant .pro-name{font-size:16px}
    .home-abouts .about-item{width:70%}
    .home-abouts .title{font-size:26px}
    .home-abouts .indextitle{font-size:34px}
    .home-abouts .about-list{width:100%}
    .home-abouts .about-list p{font-size:14px;margin-bottom:15px}
    .home-information .l-wrap{flex-direction:column;gap:30px}
    .home-information .datum-card{width:100%}
    .home-information .datum-img{width:100%;flex-direction:row;gap:20px}
    .home-information .datum-info{gap:25px}
    .home-information .datum-info .math{font-size:60px}
    .home-information .datum-info .text{font-size:18px}
    .home-information .datum-card .datum-text{margin-top:20px}
    .home-application .appimg{width:25%}
    .home-application .app-info{padding:6%}
    .home-advantage .contant{flex-wrap:wrap;gap:20px;margin-top:30px}
    .home-advantage .contant .item{flex:0 0 calc((100% - 40px)/ 3);padding:0 15px}
    .home-advantage .contant .item:nth-of-type(1){border-left:2px solid #E8E8E9}
    .home-advantage .contant .item:nth-of-type(4){border-left:2px solid #E8E8E9}
    .home-advantage .contant .item .top .p1{font-size:32px}
    .home-advantage .contant .item .top .p2{font-size:12px}
    .home-advantage .contant .item .bottom p{font-size:12px}
    .home-tools .l-wrap{flex-wrap:wrap;gap:20px}
    .home-tools .items{flex:0 0 calc(50% - 10px)}
    .home-tools .items .info ul{min-height:auto}
    .home-tools .items .title{font-size:18px}
    .home-tools .table a{font-size:13px}
    .home-news .newlist{flex-wrap:wrap;gap:20px;margin-top:25px}
    .home-news .newitem{flex:0 0 calc(50% - 10px)}
    .home-news .newtitle{font-size:14px;padding:12px 8px}
}
@media screen and (max-width:768px){
    .indextitle{font-size:26px;letter-spacing:2px}
    .indextext{font-size:14px}
    .indexhead .line{width:80px}
    .l-wrap{padding:0 20px}
    .padding{padding:8% 0}
    .home-product .contant{gap:12px;margin-top:20px}
    .home-product .contant .pro-item{flex:0 0 calc((100% - 12px)/ 2)}
    .home-abouts .about-item{width:85%}
    .home-abouts .title{font-size:24px}
    .home-abouts .indextitle{font-size:30px}
    .home-abouts .about-list p{font-size:14px;margin-bottom:12px}
    .home-information .datum-info .item{width:48%}
    .home-information .datum-info .math{font-size:52px}
    .home-information .datum-info .text{font-size:16px;margin-top:12px}
    .home-information .datum-card .datum-text{font-size:13px}
    .home-application{flex-wrap:wrap}
    .home-application .appimg{width:50%}
    .home-application .appimg img{height:auto;min-height:200px}
    .home-application .appmain{flex:1 1 100%}
    .home-application .app-info{padding:8% 5%}
    .home-advantage .contant{flex-wrap:wrap;gap:15px}
    .home-advantage .contant .item{flex:0 0 calc((100% - 15px)/ 2)}
    .home-advantage .contant .item:nth-of-type(3){border-left:2px solid #E8E8E9}
    .home-advantage .contant .item:nth-of-type(4){border-left:none}
    .home-advantage .contant .item .top .p1{font-size:30px}
    .home-advantage .contant .item .top .p2{font-size:12px}
    .home-advantage .contant .item .bottom p{font-size:12px}
    .home-tools .l-wrap{flex-wrap:wrap;gap:20px}
    .home-tools .items{flex:0 0 100%}
    .home-tools .items .info ul{min-height:auto}
    .home-tools .items .title{font-size:18px}
    .home-news .newlist{flex-wrap:wrap;gap:15px}
    .home-news .newitem{flex:0 0 calc(50% - 8px)}
    .home-news .newtitle{font-size:13px;padding:10px 8px}
}
@media screen and (max-width:550px){
    .indextitle{font-size:22px;letter-spacing:1px}
    .indextext{font-size:13px;line-height:1.5}
    .indexhead .line{width:60px}
    .l-wrap{padding:0 12px}
    .padding{padding:10% 0}
    .home-product .contant{gap:10px;margin-top:15px}
    .home-product .contant .pro-item{flex:0 0 100%}
    .home-product .contant .pro-name{font-size:16px}
    .home-abouts .about-item{width:100%}
    .home-abouts .title{font-size:22px}
    .home-abouts .indextitle{font-size:26px}
    .home-abouts .about-list p{font-size:13px;margin-bottom:10px}
    .home-abouts .line{margin:15px 0 20px}
    .home-information .datum-info .item{width:100%}
    .home-information .datum-info .math{font-size:44px}
    .home-information .datum-info .text{font-size:16px}
    .home-information .datum-card .datum-text{font-size:13px;margin-top:16px}
    .home-information .datum-img{flex-direction:column;gap:15px}
    .home-application .appimg{width:100%}
    .home-application .appimg img{height:auto}
    .home-application .app-info{padding:10% 8%}
    .home-advantage .contant{flex-wrap:wrap;gap:15px}
    .home-advantage .contant .item{flex:0 0 100%;padding:15px 10px;border-left:2px solid #E8E8E9!important;border-right:none!important;border-bottom:1px solid #E8E8E9}
    .home-advantage .contant .item .top .p1{font-size:28px}
    .home-advantage .contant .item .top .p2{font-size:13px}
    .home-advantage .contant .item .bottom p{font-size:13px}
    .home-advantage .contant .item .line{margin:10px 0}
    .home-tools .l-wrap{flex-wrap:wrap;gap:20px}
    .home-tools .items{flex:0 0 100%}
    .home-tools .items .info ul{min-height:auto}
    .home-tools .items .title{font-size:18px}
    .home-news .newlist{flex-wrap:wrap;gap:15px}
    .home-news .newitem{flex:0 0 100%}
    .home-news .newtitle{font-size:14px;padding:12px 10px}
}