@charset "UTF-8";.banner{height:20.25rem;background-image:url(/assets/png/banner.BKPyetGi.png);background-size:cover;background-position:center;font-weight:500;font-size:3.125rem;color:#fff;text-align:center;line-height:20.25rem;padding-top:var(--navbar-height, 80px)}.hezuohuob{margin:7.5rem 0}.title{display:flex;align-items:center;gap:1.375rem;justify-content:center;font-weight:400;font-size:2.5rem;color:#010101;margin-bottom:5.0625rem;margin-top:8.125rem}.title img{width:1.5rem;height:1.75rem}.tab{display:flex;justify-content:center;align-items:center;gap:9.0625rem;margin:4.125rem 0 0;padding-bottom:1.25rem;border-bottom:.0625rem solid #e3e3e3;font-weight:500;font-size:1.625rem;color:#8b8b8b;position:relative}.tab .tab-item{padding:.625rem 0;cursor:pointer;transition:all .3s ease;position:relative;color:#8b8b8b}.tab .tab-item.active{color:#000}.tab .tab-item.active:after{content:"";position:absolute;bottom:-1.25rem;left:0;width:100%;height:.125rem;background-color:#e45655}.tab .tab-item:hover{color:#555;transform:translateY(-.125rem)}.content-area,.content-area .role{margin-bottom:6.25rem}.content-area .role .images{display:flex;justify-content:space-between;align-items:center;gap:2.3125rem;flex-wrap:wrap}.content-area .role .images .business-card{position:relative;flex:1;min-width:0;min-width:21.875rem;max-width:25.625rem;overflow:hidden;border-radius:1rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.content-area .role .images .business-card:hover{transform:translateY(-.5rem);box-shadow:0 1.25rem 2.5rem #0000004d}.content-area .role .images .business-card img{width:100%;height:35rem;object-fit:cover;display:block;transition:transform .6s ease}.content-area .role .images .business-card .full-mask{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#000000b3,#000000e6);opacity:0;visibility:hidden;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.content-area .role .images .business-card .full-mask.active{opacity:1;visibility:visible}.content-area .role .images .business-card .full-mask .mask-content{text-align:center;color:#fff;transform:translateY(1.875rem);transition:transform .5s ease .1s}.active .content-area .role .images .business-card .full-mask .mask-content{transform:translateY(0)}.content-area .role .images .business-card .full-mask .mask-title{font-weight:500;font-size:1.75rem;margin-bottom:1.5625rem;text-shadow:0 .125rem .625rem rgba(0,0,0,.5);line-height:1.3}.content-area .role .images .business-card .full-mask .learn-more-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:1.5625rem;padding:.75rem 1.875rem;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 .25rem .9375rem #ee5a244d}.content-area .role .images .business-card .full-mask .learn-more-btn:hover{transform:scale(1.05);box-shadow:0 .375rem 1.25rem #ee5a2466}.content-area .role .images .business-card:hover img{transform:scale(1.05)}.content-area .logistics{margin-bottom:8.3125rem}.content-area .logistics .map-box{position:relative;display:inline-block;width:100%;max-width:75rem;margin:0 auto}.content-area .logistics .map-box img.map{width:100%;display:block;opacity:0;transform:scale(.9);transition:all 1s ease-out}.content-area .logistics .map-box img.map.animate-in{opacity:1;transform:scale(1)}.content-area .logistics .depot{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:.375rem;cursor:pointer;opacity:0;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.content-area .logistics .depot:nth-child(1){transition-delay:.2s}.content-area .logistics .depot:nth-child(2){transition-delay:.4s}.content-area .logistics .depot:nth-child(3){transition-delay:.6s}.content-area .logistics .depot:nth-child(4){transition-delay:.8s}.content-area .logistics .depot:nth-child(5){transition-delay:1s}.content-area .logistics .depot:nth-child(6){transition-delay:1.2s}.content-area .logistics .depot.animate-in{opacity:1;transform:translate(-50%,-100%) scale(1)}.content-area .logistics .depot .dol{width:1.6875rem;height:1.6875rem;border-radius:50%;border:.125rem solid #ff3535;position:relative;transition:all .3s ease;animation:breath 2s ease-in-out infinite}.content-area .logistics .depot .dol .dol_1{width:.9375rem;height:.9375rem;background:#d02728;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;animation:breathInner 2s ease-in-out infinite}.content-area .logistics .depot .dol:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:.125rem solid #ff3535;border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:.6;animation:breathPulse 2s ease-in-out infinite}.content-area .logistics .depot .item{display:flex;align-items:center;height:2.25rem;border-radius:.625rem;border:.125rem solid #d02728;white-space:nowrap;transform:translate(0);opacity:1;transition:all .4s ease}.content-area .logistics .depot .item.show-text{transform:translate(0);opacity:1}.content-area .logistics .depot .item .item-text{font-size:1.625rem;font-weight:400;color:#fff;background:#d02728;border-radius:.5rem 0 0 .5rem;padding:0 .625rem;transition:all .3s ease}.content-area .logistics .depot .item .item-num{font-size:1.25rem;font-weight:500;color:#d02728;border-radius:0 .5rem .5rem 0;padding:0 .625rem;transition:all .3s ease}.content-area .logistics .depot:hover{transform:translate(-50%,-100%) scale(1.1);z-index:10}.content-area .logistics .depot:hover .dol{transform:scale(1.2);border-color:#ff6b6b;animation:breathFast 1s ease-in-out infinite}.content-area .logistics .depot:hover .dol .dol_1{background:#ff6b6b;transform:translate(-50%,-50%) scale(1.1);animation:breathInnerFast 1s ease-in-out infinite}.content-area .logistics .depot:hover .item{transform:translate(0);opacity:1;box-shadow:0 .3125rem .9375rem #d027284d}.content-area .logistics .depot:hover .item .item-text,.content-area .logistics .depot:hover .item .item-num{transform:scale(1.05)}.content-area .logistics .depot1{top:30%;left:14%}.content-area .logistics .depot2{top:20%;left:49%}.content-area .logistics .depot3{top:43%;left:77%}.content-area .logistics .depot4{top:52%;left:75%}.content-area .logistics .depot5{top:61%;left:75%}.content-area .logistics .depot6{top:76%;left:81%}.content-area .logistics .logistics_box{display:flex;justify-content:space-between;align-items:center;text-align:center}.content-area .logistics .logistics_box>div{width:16.5rem;height:13.75rem;background:#fff;box-shadow:0 0 3.0625rem #afafaf59;border-radius:2rem;text-align:center;padding:4.3125rem 1.625rem 0;opacity:0;transform:translateY(3.125rem) rotateX(-30deg);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.content-area .logistics .logistics_box>div:nth-child(1){transition-delay:.1s}.content-area .logistics .logistics_box>div:nth-child(2){transition-delay:.3s}.content-area .logistics .logistics_box>div:nth-child(3){transition-delay:.5s}.content-area .logistics .logistics_box>div:nth-child(4){transition-delay:.7s}.content-area .logistics .logistics_box>div.animate-in{opacity:1;transform:translateY(0) rotateX(0)}.content-area .logistics .logistics_box>div:hover{transform:translateY(-.625rem) scale(1.05);box-shadow:0 .9375rem 1.875rem #d0272833;border:.125rem solid rgba(208,39,40,.1)}.content-area .logistics .logistics_box>div:hover .box_1 .num{color:#ff6b6b;transform:scale(1.1)}.content-area .logistics .logistics_box .box_1{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:1.875rem;color:#d02728}.content-area .logistics .logistics_box .box_1 .num{font-size:4.375rem;transition:all .3s ease}.content-area .logistics .logistics_box .box_1 .tet{white-space:nowrap}.content-area .logistics .logistics_box .box_2{font-weight:400;font-size:1.25rem;color:gray;text-align:left;transition:all .3s ease}.content-area .content-area2{position:relative;margin-top:9.375rem;margin-bottom:-6.25rem}.content-area .content-area2 .item{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 2.5rem}.content-area .content-area2 .item .item_title{font-weight:400;font-size:1.5rem;color:#000}.content-area .content-area2 .item .item_text{font-weight:400;font-size:1rem;color:#7f7e7e;margin-top:1rem;width:13.8125rem}.content-area .content-area2 .item .left_item,.content-area .content-area2 .item .right_item{display:flex;justify-content:flex-start;align-items:center;gap:1.125rem;margin-bottom:11.875rem}.content-area .content-area2 .item .left_item img,.content-area .content-area2 .item .right_item img{width:6.6875rem;height:6.6875rem}.content-area .content-area2 .center{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.content-area .content-area2 .center>div:first-child{position:relative;width:28.8125rem;height:28.8125rem}.content-area .content-area2 .center>div:first-child .img1 img{width:100%;height:100%;display:block}.content-area .content-area2 .center>div:first-child .img2 img{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);width:35.0625rem;height:auto}.content-area .content-area2 .center .img3 img{width:28.8125rem;margin-top:.75rem}.territory .item_box{display:flex;justify-content:space-between;align-items:center;gap:3.75rem;margin:5.8125rem 0}.territory .item_box:nth-child(2n){flex-direction:row-reverse}.territory .item_box:nth-child(2n) .text_box{text-align:left}.territory .item_box .img_box{width:36.3125rem;height:22.1875rem;border-radius:.75rem;overflow:hidden;box-shadow:0 .5rem 2rem #0000001a;transition:all .3s ease;margin:5rem 0}.territory .item_box .img_box:hover{transform:translateY(-.3125rem);box-shadow:0 .75rem 2.5rem #00000026}.territory .item_box .img_box img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.territory .item_box .img_box img:hover{transform:scale(1.05)}.territory .item_box .text_box{flex:1;text-align:left}.territory .item_box .text_box .territory_title{font-weight:700;font-size:2.625rem;color:#000;margin-bottom:2.375rem}.territory .item_box .text_box .text{font-weight:400;font-size:1.5rem;line-height:1.6;color:#747474;margin-bottom:3.9375rem;max-width:41.4375rem}.territory .item_box .text_box .btn{display:inline-block;width:auto;min-width:11.25rem;height:auto;border-radius:.6875rem;border:.125rem solid #d02728;font-weight:500;font-size:1.5rem;color:#d02728;text-align:center;padding:.8125rem 2.6875rem;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.territory .item_box .text_box .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.territory .item_box .text_box .btn:hover{background-color:#d02728;color:#fff;transform:translateY(-.125rem);box-shadow:0 .5rem 1.25rem #d027284d}.territory .item_box .text_box .btn:hover:before{left:100%}.territory .item_box .text_box .btn:active{transform:translateY(0)}@media (max-width: 1200px){.territory .item_box{gap:2.5rem;margin:3.75rem 0}.territory .item_box .img_box{width:30rem;height:18.75rem}.territory .item_box .text_box .territory_title{font-size:2.25rem;margin-bottom:1.875rem}.territory .item_box .text_box .text{font-size:1.25rem;margin-bottom:2.5rem}.territory .item_box .text_box .btn{font-size:1.25rem;padding:.625rem 2.1875rem;min-width:10rem}}@media (max-width: 480px){.territory .item_box{margin:2.5rem 0}.territory .item_box .img_box{height:20.625rem;width:37.5rem}.territory .item_box .text_box .territory_title{font-size:2.375rem}.territory .item_box .text_box .text{font-size:1.625rem}.territory .item_box .text_box .btn{font-size:1.625rem;padding:.375rem 1.5625rem;min-width:7.5rem}}@media (max-width: 768px){.tab{gap:2.1875rem;font-size:2.0625rem;padding:0 1.25rem}.title{margin-bottom:5.0625rem;margin-top:2.5rem!important}.hezuohuob{margin:.625rem 0!important}.item_box{flex-direction:column!important;margin:3.125rem 0;text-align:center}.item_box .img_box{width:100%}.item_box .text_box{text-align:center!important}.item_box .text_box .territory_title{font-size:2.625rem;margin-bottom:1.25rem}.item_box .text_box .territory_title:after{left:50%;transform:translate(-50%)}.item_box .text_box .text{font-size:1.75rem;margin-bottom:1.875rem;max-width:100%}.item_box .text_box .btn{font-size:1.125rem;padding:.5rem 1.875rem;min-width:8.75rem}.content-area .role{padding:0 1.25rem}.content-area .role .images{display:block;justify-content:center;padding:0 1.25rem}.content-area .role .images .business-card{min-width:18.75rem;max-width:100%;margin:3.75rem 0}.content-area .role .images .business-card .full-mask .mask-title{font-size:2.375rem;margin-bottom:1.25rem}.content-area .role .images .business-card .full-mask .learn-more-btn{padding:1.5625rem;font-size:1.75rem}.content-area .logistics .depot .item{height:auto}.content-area .logistics .depot .item .item-text{font-size:1.25rem}.content-area .logistics .depot .item .item-num{font-size:.875rem;padding:0!important}.content-area .logistics .map-box{overflow:hidden;border-radius:.75rem}.content-area .logistics .map-box img.map{max-width:none;width:100%;height:auto}.content-area .logistics .depot6 .item.show-text{display:flex;flex-direction:column}.content-area .content-area2{margin-bottom:-14.375rem}.content-area .content-area2 .center{position:relative;left:50%;top:50%;margin:3.125rem 0}.content-area .content-area2 .item .item_title{font-size:1.5625rem}.content-area .content-area2 .item .item_text{font-size:1.125rem}.content-area .logistics .logistics_box{display:flex;flex-wrap:wrap;gap:.9375rem;justify-content:space-between}.content-area .logistics .logistics_box>div{width:calc(40% - .5rem);margin-bottom:.9375rem}.content-area .logistics .logistics_box .box_2{font-size:1.375rem}@keyframes breath{0%,to{transform:scale(.9);box-shadow:0 0 #ff353566}50%{transform:scale(1);box-shadow:0 0 0 .3125rem #ff353500}}.depot,.logistics_box>div,.item,.round{will-change:auto}}@keyframes breath{0%,to{transform:scale(1);box-shadow:0 0 #ff353566}50%{transform:scale(1.1);box-shadow:0 0 0 .625rem #ff353500}}@keyframes breathInner{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes breathPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes breathFast{0%,to{transform:scale(1.2);box-shadow:0 0 #ff6b6b99}50%{transform:scale(1.3);box-shadow:0 0 0 .5rem #ff6b6b00}}@keyframes breathInnerFast{0%,to{transform:translate(-50%,-50%) scale(1.1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}@keyframes rotateSlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceSoft{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-.625rem)}}.depot,.logistics_box>div,.item,.round{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.depot,.logistics_box>div,.item,.round,.title{transition-duration:.01s!important;animation:none!important}}.role_btn{display:flex;justify-content:center;margin-top:1.25rem}.role_btn .btn{border:none;color:#d02728;animation:breathFast 1s ease-in-out infinite}