.que{position:relative;display:flex;top:-5px;z-index:2}
.que article{font-size:var(--fontsize14);line-height:1.5;margin:20px 0px;max-width:448px}
.que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative}
.que-item:first-of-type{background:#24292f}
.que-item:nth-of-type(2){background:var(--color)}
.que-item:nth-of-type(2) .more-btn i:after,.que-item:nth-of-type(2) .more-btn em:after{border-color:var(--color)}
.que-item:nth-of-type(3){background:#FBFBFB}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{color:var(--fontcolor)}
.que-item:nth-of-type(3) .more-btn i,.que-item:nth-of-type(3) .more-btn em{background:#1F2B41}
.que-item:nth-of-type(3) .more-btn i::after,.que-item:nth-of-type(3) .more-btn em::after{border-color:#FFFFFF}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{border-color:var(--color)}
.que-item:nth-of-type(4){background:#d75a49}

.que-item:before{bottom:0px;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num{font-size:var(--fontsize24);color:#FFFFFF;margin-bottom:20px}
.que-num,.que-title{color:#FFFFFF;font-weight:var(--fontbold6)}
.que-title{font-size:25px}
.que .more-btn,.que article{color:#FFFFFF}
.que .more-btn{font-size:var(--fontsize14);text-transform:uppercase;transition:margin .2s}
.que .more-btn i,.que .more-btn em{display:inline-block;width:14px;height:14px;background:#FFFFFF;position:relative;top:1.5px;left:3px}
.que .more-btn i::after,.que .more-btn em::after{content:"";display:inline-block;position:absolute;top:4px;left:3px;width:4px;height:4px;border-right:2px solid #24292f;border-bottom:2px solid #24292f;transform:rotate(-45deg)}
@media screen and (max-width:768px){
.que{flex-wrap:wrap;flex-direction:column}
.que-item{width:100%;padding:6.6666666667vw 4vw 10.6666666667vw}
.que-num{margin-right:10px;margin-bottom:0px}
.que-num,.que-title{display:inline-block;font-size:var(--fontsize24)}
.que-item:hover:after,.que-item:hover:before{opacity:0}}
.home-banner .swiper-slide>a::after{background: rgb(135 135 135 / 45%);}
.home-mainpro{display:none;}
.home-cates{padding:3% 2%}
.home-cates .lists{margin-top:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.home-cates .lists .list{background-color:#fff;padding:20px;box-shadow:0px 10px 40px 0px rgba(0,0,0,.1)}
.home-cates .lists .list .img-box{overflow:hidden;}
.home-cates .lists .list img{transition:all .3s;}
.home-cates .lists .list:hover img{transform:scale(1.05)}
.home-cates .lists .list .title{display:flex;align-items:center;font-weight:var(--fontbold8);font-size:var(--fontsize20)}
.home-cates .lists .list .title img{max-width:20px;margin-left:5px}
.home-cates .lists .list .desc{margin:20px 0}
.home-cates .lists .list .more{display:flex;align-items:flex-start}
.home-cates .lists .list .more img{margin-right:7px;max-width:20px}
@media (max-width:1200px){.home-cates .lists{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.home-cates .lists{grid-template-columns:repeat(2,1fr)}}
.home-cates .lists .list .more img {margin-top: 5px;}
.home-choose{padding:0;}
  @media (max-width:1024px){.indexque .que-item{width:50%;flex:unset}
.indexque .que{flex-wrap:wrap}
}@media (max-width:768px){.indexque .que-item{width:100%;flex:unset}
}