.toold_banner{padding:150px 0 219px;background:url(../index.html) no-repeat center / cover}.toold_banner .head{flex:1;max-width:547px}.toold_banner .head h1{font-size:40px;font-weight:600;line-height:56px}.toold_banner .head p{color:#383838;font-size:17px;font-weight:300;line-height:28px;margin-top:22px}.toold_banner .head ul{padding-top:1rem}.toold_banner .head ul li{color:#383838;font-size:17px;font-weight:300;line-height:23px;margin-top:14px;padding-left:28px;position:relative}.toold_banner .head ul li::before{content:'';display:block;width:15px;height:11px;background:url(../svg/gou.svg) no-repeat center / contain;position:absolute;left:2px;top:6px}.toold_banner .head .button{margin-top:50px;font-size:20px;padding:19px 62px 19px 44px}.toold_banner .head .button::after{right:42px}.toold_banner .head .button:hover{padding:19px 53px}.toold_banner .img{width:54.7917%;aspect-ratio:789/447;overflow:hidden;border-radius:6px;position:relative;box-shadow:0 0 15px rgba(0,0,0,.1);cursor:pointer}.toold_banner .img img{width:100%;height:100%;object-fit:cover;vertical-align:top}.toold_banner .img i{display:block;width:52px;aspect-ratio:1/1;border-radius:50%;transition:all 0.3s;background:url(../svg/play.svg) no-repeat center / contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.toold_banner .img i:hover{transform:translate(-50%,-50%) scale(1.2)}.toold_related{padding:70px 0 220px;overflow:hidden}.toold_related .head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.toold_related .swiper_btns{gap:38px}.toold_related .swiper_btns div{width:74px;height:74px}.toold_related .toold_related_swiper{margin-top:68px}.toold_related .toold_related_swiper .swiper-slide{width:max(32.639%, 380px)}.toold_related .toold_related_swiper .swiper-slide.active a::before{opacity:1}.toold_related .toold_related_swiper .swiper-slide.active i{filter:contrast(0) brightness(2)}.toold_related .toold_related_swiper .swiper-slide.active h3,.toold_related .toold_related_swiper .swiper-slide.active p,.toold_related .toold_related_swiper .swiper-slide.active span{color:#fff}.toold_related .toold_related_swiper .swiper-slide.active p{opacity:.8}.toold_related .toold_related_swiper .swiper-slide.active span::after{filter:contrast(0) brightness(2)}.toold_related .toold_related_swiper .swiper-slide a{display:flex;height:100%;flex-direction:column;position:relative;z-index:2;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:12px;overflow:hidden;padding:4rem 10.213% 60px}.toold_related .toold_related_swiper .swiper-slide a::before{content:'';display:block;width:100%;height:100%;background-image:var(--bg_color);position:absolute;inset:0;transition:all 0.3s;opacity:0;z-index:-1}.toold_related .toold_related_swiper .swiper-slide i{display:block;width:72px;aspect-ratio:1/1;background:no-repeat center / contain;transition:all 0.3s}.toold_related .toold_related_swiper .swiper-slide h3{transition:all 0.3s;font-size:26px;font-weight:600;line-height:2rem;margin-top:3rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.toold_related .toold_related_swiper .swiper-slide p{margin-top:14px;color:#757575;font-size:17px;font-weight:300;line-height:30px;transition:all 0.3s;flex:1;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.toold_related .toold_related_swiper .swiper-slide span{margin-top:42px;display:flex;align-items:center;color:var(--theme_color);font-size:18px;font-weight:500;gap:10px;max-width:max-content}.toold_related .toold_related_swiper .swiper-slide span::after{content:'';display:block;width:14px;height:11px;background:url(../svg/arrow-line.svg) no-repeat center / contain;transition:all 0.3s}.toold_related .toold_related_swiper .swiper-slide span:hover::after{transform:translateX(5px)}@media screen and (min-width:786px) and (max-width:1000px){.toold_banner{padding-top:4rem}.toold_banner .flex{flex-direction:column-reverse;gap:3rem}.toold_banner .img{width:100%}.toold_banner .head{max-width:100%}}@media screen and (max-width:786px){.toold_banner{padding:1.2rem 0 4rem}.toold_banner .flex{flex-direction:column-reverse}.toold_banner .head h1{font-size:25px;line-height:1.5}.toold_banner .head p{font-size:.9rem;line-height:1.5;margin-top:.5rem}.toold_banner .head ul{padding-top:.5rem}.toold_banner .head ul li{font-size:14px;line-height:1.5;padding-left:1.25rem;margin-top:.7rem}.toold_banner .head ul li::before{width:12px;top:4px}.toold_banner .head .button{font-size:14px;margin-top:1.25rem}.toold_banner .img{width:100%}.toold_banner .img i{width:2.5rem}.toold_related{padding:3rem 0 5rem}.toold_related .toold_related_swiper{margin-top:2rem}.toold_related .toold_related_swiper .swiper-slide{width:75%}.toold_related .toold_related_swiper .swiper-slide a{padding:2rem 1.2rem 1.6rem}.toold_related .toold_related_swiper .swiper-slide i{width:2.5rem}.toold_related .toold_related_swiper .swiper-slide h3{font-size:18px;line-height:1.5;margin-top:1rem}.toold_related .toold_related_swiper .swiper-slide p{font-size:13px;line-height:1.5;margin-top:.5rem}.toold_related .toold_related_swiper .swiper-slide span{margin-top:1.25rem;font-size:14px;gap:8px}}