﻿.home-pro .list li .info .title,.home-pro .list li .info .text{display:block;}
@media (min-width:769px){.home-about{padding-bottom:4%;}}
.home-cate{background:#f5f5f5;padding:4% 0;position: relative;}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color);}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#fff;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%;}
.home-cate .catelist ul li:nth-child(3n){margin-right:0;}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media (max-width:1446px){.home-cate .cateul li{width:20%}}
@media (max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}}
@media (max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media (max-width:768px){.home-cate{padding:30px 0;}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between;}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0;}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:auto}}
.company-advantage .pro-list{display:flex;flex-wrap:wrap}
.company-advantage .pro-list>li{border:1px solid #EAEAEA;width:19%;margin-right:1.25%;}
.company-advantage .pro-list>li:last-child{margin-right:0}
.company-advantage .pro-list>li img{transition:all .3s ease;width:100%;display:block}
.company-advantage .pro-list>li>a{width:100%;display:block;position:relative;border-bottom:1px solid #EAEAEA;overflow:hidden}
.company-advantage .pro-list>li>a span{display:block;padding:10px 20px;background:var(--color);color:#fff;z-index:2;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.company-advantage .pro-list>li ul{padding:15px}
.company-advantage .pro-list>li ul li{padding:5px 0px}
.company-advantage .pro-list>li ul li a{position:relative;padding-left:15px;transition:all .3s ease-in-out;display:flex;align-items:center}
.company-advantage .pro-list>li ul li a:before{content:"";position:absolute;top:10px;left:0px;display:inline-block;width:6px;height:6px;transform:rotate(-135deg);border:1px solid #6C6C6C;border-top:none;border-right:none;transition:all .3s ease-in-out}
.company-advantage .pro-list>li ul li a:hover{padding-left:22px;color:var(--color);transition:all .3s ease-in-out}
.company-advantage .pro-list>li ul li a:hover:before{left:7px;border-color:var(--color);transition:all .3s ease-in-out}
.company-advantage .pro-list>li:hover img{transform:scale(1.05)}
.company-advantage .pro-list>li>a span{width:100%;padding:10px;box-sizing:border-box}
@media (max-width:1366px){.company-advantage .pro-list>li>a span{line-height:1.3;}
.company-advantage .pro-list>li ul{padding:5px 10px}
.company-advantage .pro-list>li ul li a{font-size:15px}}
@media (max-width:1024px){.company-advantage .pro-list>li{width:32%;margin:0 2% 25px 0}
.company-advantage .pro-list>li:nth-child(3n){margin-right:0}}
@media (max-width:768px){.company-advantage .pro-list>li{margin-right:0px;margin-bottom:4vw;width:48%;}
.company-advantage .pro-list{justify-content:space-between}}
@media (max-width:500px){.company-advantage .pro-list>li{width:100%;}}
.company-advantage .pro-list{margin-top:3%}