.N4 .box .hhh .t0,.N3 .box .hhh .l .t0,.N2 .box .hhh .t0,.N1 .box .hhh .t0,.N0 .box .hhh .t1{font-size:calc(1.1rem + 1.1vw);color:#333;font-weight:bold}#banner_in{position:relative}#banner_in .swiper-slide .info{position:absolute;left:0;bottom:3%;width:94%;left:3%}#banner_in .swiper-slide .info .t0{font-size:calc(1.4rem + 1.4vw);font-weight:bold;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,.2);text-align:left;letter-spacing:2px}#banner_in .swiper-slide .info .t1{font-size:calc(3rem + 3vw);font-weight:bold;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,.2);text-align:left;letter-spacing:2px;text-transform:uppercase}@media(max-width: 768px){#banner_in .swiper-slide .info .t1{font-size:calc(1.5rem + 1.5vw)}}#banner_in .swiper-slide img{width:100%;height:auto;overflow:hidden;-o-object-fit:cover;object-fit:cover}#banner_in .swiper-pagination .swiper-pagination-bullet{width:3rem;border-radius:3rem;height:2px;background:#fff}main{background:url(../images/tech_bg.jpg) no-repeat center center;background-size:cover}.N0{padding:calc(2rem + 2vw) 0;position:relative;overflow:hidden}.N0 .box{display:flex;flex-direction:column;justify-content:center}.N0 .box .hhh{display:flex;flex-direction:column;gap:.8rem}.N0 .box .hhh .t0{font-size:1rem}.N0 .box .hhh .t2{font-size:1.2rem;line-height:1.5}.N0 .box .card{display:flex;gap:2vw;margin:3rem 0 0 0}@media(max-width: 768px){.N0 .box .card{flex-direction:column}}.N0 .box .card .ccc{position:relative;background:#fff;border-radius:0 0 2rem 2rem;box-sizing:border-box;padding:2rem 2.5rem;margin:2rem;box-shadow:0 5px 15px rgba(0,0,0,.062745098);background:url(../images/tech_c0.png) no-repeat 143% -64%;background-size:55% auto;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N0 .box .card .ccc.selected{background:#ec460f url(../images/tech_c0.png) no-repeat 143% -64%;background-size:55% auto;color:#fff}.N0 .box .card .ccc.selected .yin{color:#fff;text-shadow:0 5px 30px rgba(0,0,0,.5)}.N0 .box .card .ccc.selected .ms{color:#eee}.N0 .box .card .ccc .yin{position:absolute;font-size:calc(3rem + 3vw);line-height:1;left:2rem;top:0;transform:translateY(-13%);color:#ec460f;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N0 .box .card .ccc .title{padding:2rem 0 0 0;font-size:calc(1rem + .5vw);transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s";font-weight:bold}.N0 .box .card .ccc .ms{font-size:1rem;line-height:1.7;margin:1rem 0 0 0;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s";color:#777}.N1{padding:calc(1rem + 1vw) 0}.N1 .box .hhh .t1{margin:1rem 0 0 0;line-height:1.5}.N1 .box .lc{margin:3rem 0 0 0;text-align:center}.N1 .box .lc img{width:100%;max-width:1100px;height:auto}.N2{padding:calc(2rem + 2vw) 0}.N2 .box .hhh .t1{margin:1rem 0 0 0}.N2 .box .card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem 7vw;margin:4rem 0 0 0}@media(max-width: 768px){.N2 .box .card{grid-template-columns:1fr;gap:2rem}}.N2 .box .card .item{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:1.5rem 0}.N2 .box .card .item:hover .fm{opacity:1;transform:scale(1);box-shadow:0 0 30px rgba(0,0,0,.1254901961)}.N2 .box .card .item .icon{width:4rem;aspect-ratio:1/1}.N2 .box .card .item .icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.N2 .box .card .item .fm{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0;transform:scale(1.1);transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N2 .box .card .item .fm img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.N2 .box .card .item .fm span{position:absolute;bottom:0;left:0;width:100%;display:flex;padding:1rem;box-sizing:border-box;font-size:1.2rem;color:#fff;text-shadow:0 5px 30px rgba(0,0,0,.5)}.N2 .box .card .item .t0{font-size:1.8rem;margin:2rem 0 0 0}.N2 .box .card .item .t1{text-align:center;font-size:1rem;margin:2rem 0 0 0;line-height:1.7;color:#787878}.N3{padding:calc(2rem + 2vw) 0}.N3 .box .hhh{display:flex;justify-content:space-between}@media(max-width: 768px){.N3 .box .hhh{flex-direction:column}}.N3 .box .hhh .l{width:40%}@media(max-width: 768px){.N3 .box .hhh .l{width:100%}}.N3 .box .hhh .l .t1{margin:.5rem 0 0 0;font-size:1rem;line-height:1.6}.N3 .box .hhh .r{width:47%;line-height:1.6}@media(max-width: 768px){.N3 .box .hhh .r{width:100%}}.N3 .box .photo{margin:3rem 0 0 0}.N3 .box .photo .swiper .swiper-pagination{bottom:0}.N3 .box .photo .swiper .swiper-slide .fm img{width:100%;height:calc(10vw + 10rem);-o-object-fit:cover;object-fit:cover}.N3 .box .photo .swiper .swiper-slide .title{padding:1rem 0 0 0;font-size:1.1rem}.N3 .box .photo .conl{display:flex;justify-content:center;align-items:center;width:100%;gap:1.4rem;margin:3rem 0 0 0}.N3 .box .photo .conl .aaa{width:calc(1rem + 1.5vw);height:calc(1rem + 1.5vw);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N3 .box .photo .conl .aaa::after{width:30%;aspect-ratio:1/1;content:"";border-left:2px solid #ddd;border-top:2px solid #ddd;box-sizing:border-box;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N3 .box .photo .conl .aaa:hover{transform:scale(1.1);background:#ec460f;border:2px solid #ec460f;box-shadow:0 0 20px rgba(0,0,0,.1882352941)}.N3 .box .photo .conl .aaa:hover::after{border-left:2px solid #fff;border-top:2px solid #fff}.N3 .box .photo .conl .prev::after{transform:translateX(25%) rotate(-45deg)}.N3 .box .photo .conl .next::after{transform:translateX(-25%) rotate(135deg)}.N4{padding:calc(2rem + 2vw) 0;background:url(../images/tech_n4.jpg) no-repeat center center;background-size:cover;height:44vh}.N4 .box{display:flex;height:100%}.N4 .box .hhh{color:#fff;display:flex;flex-direction:column;justify-content:center;height:auto}.N4 .box .hhh .t0{color:#fff;line-height:1.3}.N4 .box .hhh .t1{margin:2rem 0 0 0;font-size:1.1rem;line-height:1.6}