@charset "utf-8";.main-technology .feature{padding:5vw 0;background-color:#000;overflow:hidden}.main-technology .feature .container-width{display:flex;justify-content:space-between;align-items:center}.main-technology .feature .tab{position:relative;display:flex;flex-direction:column;row-gap:2.6vw;width:28%;z-index:20}.main-technology .feature .tab span{display:block;font-size:2.5vw;color:#5a5a5a;cursor:pointer}.main-technology .feature .tab span.on{color:#ff5100}.main-technology .feature .cont{position:relative;width:66.5%;height:31.5vw}.main-technology .feature .cont li{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(-70%);opacity:0;z-index:-1;transition:all 0s;display:flex;justify-content:center;align-items:center}.main-technology .feature .cont li p{color:#fff;font-size:2vw}.main-technology .feature .cont li img{width:100%;height:100%;object-fit:contain}.main-technology .feature .cont li.on{opacity:1;transform:translateX(0);z-index:19;transition:all 1s}.main-technology .feature .cont li.out{transform:translateX(70%);transition:all 1s}.main-technology .history{padding:5vw 0}.main-technology .history h2{font-size:2.5vw;color:var(--main-color)}.main-technology .history .text-picture .item{display:flex;justify-content:space-between;align-items:center;margin-top:4vw}.main-technology .history .text-picture .item .pic{position:relative;width:49%;height:0;padding-bottom:32%;border-radius:1.5vw;overflow:hidden}.main-technology .history .text-picture .item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.main-technology .history .text-picture .item .text{width:49%;padding:0 4%;box-sizing:border-box}.main-technology .history .text-picture .item .text h3{margin-bottom:2vw;font-size:2vw;color:#fff}.main-technology .history .text-picture .item .text p{font-size:1.2vw;color:#5a5a5a}.main-technology .history .text-picture .item:nth-child(2n){flex-direction:row-reverse}.main-technology .analysis{padding:5vw 0;background-color:#000}.main-technology .analysis h2{margin-bottom:4vw;font-size:2.5vw;color:var(--main-color)}.main-technology .analysis ul{display:flex;column-gap:2%}.main-technology .analysis li{position:relative;width:23.5%;padding-bottom:6.345%;background-color:#141414;border-radius:1.5vw;overflow:hidden;transition:all .5s}.main-technology .analysis li .pic{position:relative;width:100%;height:0;padding-bottom:103%;border-radius:1.5vw;overflow:hidden;transition:all .5s}.main-technology .analysis li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:top}.main-technology .analysis li .text{position:absolute;left:0;top:50%;width:100%;padding:0 15%;transform:translateY(9.5vw);text-align:center;box-sizing:border-box;transition:all .5s}.main-technology .analysis li .text h3{margin-bottom:1vw;font-size:1.2vw;color:#fff}.main-technology .analysis li .text p{font-size:1vw;color:#777;opacity:0;transform:translateY(3vw);transition:all .5s}.main-technology .analysis li:hover{padding-bottom:0;background-color:#000}.main-technology .analysis li:hover .pic{padding-bottom:130%;opacity:.3}.main-technology .analysis li:hover .text{transform:translateY(-50%)}.main-technology .analysis li:hover .text p{opacity:1;transform:translateY(0)}.main-technology .related{padding:5vw 0 8vw;overflow:hidden}.main-technology .related h2{margin-bottom:4vw;font-size:2.5vw;color:var(--main-color)}.main-technology .related .slide-pic{width:103.5vw;transform:translateX(-8.75vw);overflow:hidden}.main-technology .related .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%}.main-technology .related .slide-pic li{width:16vw;padding:2vw;margin-right:1.5vw;border-radius:1.5vw;background-color:#141414;overflow:hidden;box-sizing:border-box;text-align:center;transition:all .5s}.main-technology .related .slide-pic li .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}.main-technology .related .slide-pic li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.main-technology .related .slide-pic li .text{margin-top:1.5vw}.main-technology .related .slide-pic li .text h3{margin-bottom:.5vw;font-size:1.2vw;color:#fff}.main-technology .related .slide-pic li .text a{font-size:1vw;color:#5a5a5a}.main-technology .related .slide-pic li .text a:hover{color:var(--main-color)}.main-technology .related .slide-pic li:hover{background-color:#35353b}@media only screen and (max-width:640px){.main-technology .feature{padding:40px 0}.main-technology .feature .tab{width:120px;row-gap:15px}.main-technology .feature .tab span{font-size:18px}.main-technology .feature .cont{width:calc(100% - 150px)}.main-technology .history{padding:40px 0}.main-technology .history h2{font-size:24px}.main-technology .history .text-picture .item{display:block;margin-top:20px}.main-technology .history .text-picture .item .text{width:100%;padding:0;margin-bottom:15px}.main-technology .history .text-picture .item .text h3{margin-bottom:10px;font-size:18px}.main-technology .history .text-picture .item .text p{font-size:14px}.main-technology .history .text-picture .item .pic{width:100%;padding-bottom:65%}.main-technology .analysis{padding:40px 0}.main-technology .analysis h2{margin-bottom:20px;font-size:24px}.main-technology .analysis ul{flex-wrap:wrap;row-gap:2vw}.main-technology .analysis li{width:49%;padding-bottom:13%}.main-technology .analysis li .text{padding:0 5%;transform:translateY(21vw)}.main-technology .analysis li .text h3{font-size:16px}.main-technology .analysis li .text p{font-size:14px}.main-technology .related{padding:20px 0 40px}.main-technology .related h2{margin-bottom:20px;font-size:24px}.main-technology .related .slide-pic{width:247.5vw;transform:translateX(-2.5vw)}.main-technology .related .slide-pic li{width:40vw;padding:15px}.main-technology .related .slide-pic li .text{margin-top:10px}.main-technology .related .slide-pic li .text h3{font-size:14px}.main-technology .related .slide-pic li .text a{display:none}}