.main-1{padding:0}.main-1 .content{display:flex}.main-1 .tree-nav{flex-shrink:0;width:25rem;padding:3rem}.main-1 .tree-nav .search{display:flex;padding:0 1rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid rgba(51,51,51,0.2)}.main-1 .tree-nav .search input{flex:1;height:3.2rem}.main-1 .tree-nav .search button{border:none;background-color:transparent;color:#104854}.main-1 .tree-nav .nav .submenu{display:none;transition:none}.main-1 .tree-nav .nav #accordion1>.open .link .i::before{transform:translate(-50%, -50%) rotate(90deg) !important}.main-1 .tree-nav .nav #accordion1>li>.link{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;padding-left:1rem;border-bottom:1px solid #f0f0f0}.main-1 .tree-nav .nav #accordion1>li>.link::before{content:"";position:absolute;top:50%;left:0;width:.7rem;height:.6rem;transform:translatey(-50%);background-image:;background-size:100%;background-position:center;background-repeat:no-repeat}.main-1 .tree-nav .nav #accordion1>li>.link p{font-size:1.4rem}.main-1 .tree-nav .nav #accordion1>li>.link .i{position:relative;width:.7rem;height:.1rem;background-color:#104854}.main-1 .tree-nav .nav #accordion1>li>.link .i::before{content:"";position:absolute;top:50%;left:50%;height:.7rem;width:.1rem;background-color:#104854;transform:translate(-50%, -50%);transition:all ease .3s}.main-1 .tree-nav .nav #accordion1>li>.submenu .link2{display:block;padding:1.5rem 0;padding-left:1rem;border-bottom:1px solid #f0f0f0}.main-1 .tree-nav .nav #accordion1>li>.submenu .link2 p{font-size:1.2rem}.main-1 .tree-nav .nav #accordion2 .submenu{padding:1rem 0;border-bottom:1px solid #f0f0f0}.main-1 .tree-nav .nav #accordion2 .submenu .link3{display:block;padding:.5rem 0;padding-left:1rem}.main-1 .tree-nav .nav #accordion2 .submenu .link3:hover,.main-1 .tree-nav .nav #accordion2 .submenu .link3.active{color:#104854;padding-left:1.5rem}.main-1 .con{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;align-content:flex-start;padding:3rem;background-color:#fafafa}.main-2{padding:0}.main-2 .content{display:flex;flex-direction:column;gap:1rem}.main-2 .content>div{padding:3.5rem;background-color:#fff}.main-2 .info{display:flex;align-items:center;justify-content:space-between}.main-2 .info .swiper{flex-shrink:0;width:41rem;margin:0;padding-bottom:2rem}.main-2 .info .swiper .swiper-slide{height:28.8rem;background-color:#e7edee}.main-2 .info .swiper .swiper-slide img{display:block;height:100%;object-fit:cover}.main-2 .info .swiper .control{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}.main-2 .info .swiper .control *{color:#104854}.main-2 .info .swiper .control .iconfont{font-size:1rem;font-weight:bold}.main-2 .info .swiper .control .swiper-button-prev,.main-2 .info .swiper .control .swiper-button-next,.main-2 .info .swiper .control .swiper-pagination{position:initial;height:auto;margin:0}.main-2 .info .swiper .control .swiper-button-prev::after,.main-2 .info .swiper .control .swiper-button-next::after,.main-2 .info .swiper .control .swiper-pagination::after{display:none}.main-2 .info .swiper .control .swiper-pagination{flex:none;width:auto;display:flex;align-items:center;margin:0 2rem}.main-2 .info .swiper .control .swiper-pagination span{width:.5rem;height:.5rem}.main-2 .info .text{flex:1;margin-left:6rem}.main-2 .info .text>p{font-size:1.2rem;color:#104854;margin-bottom:1rem}.main-2 .info .text h1{font-size:2.7rem;line-height:1.2;margin-bottom:1.5rem}.main-2 .info .text .lab p{line-height:1.8}.main-2 .info .text .btn-wrap{display:flex;gap:.75rem;margin-top:3rem}.main-2 .info .text .btn-wrap .b{display:flex;align-items:center;height:4rem;padding:0 1.8rem;border-radius:.9rem;background-color:#104854}.main-2 .info .text .btn-wrap .b *{color:#fff}.main-2 .info .text .btn-wrap .b .i{width:1.4rem;margin-right:.75rem}.main-2 .con .t{text-align:center;font-size:1.8rem;margin-bottom:1.8rem}@media screen and (max-width:768px){.main-1 .content{flex-direction:column}.main-1 .tree-nav{width:100%;padding:1rem .5rem}.main-1 .tree-nav .search{margin-bottom:1rem}.main-1 .tree-nav .search input{height:2.5rem}.main-1 .tree-nav .nav #accordion1>li>.link{padding:.5rem 1rem;padding-right:0}.main-1 .tree-nav .nav #accordion1>li>.link p{font-size:1.2rem}.main-1 .tree-nav .nav #accordion1>li>.submenu .link2{padding:.5rem 0}.main-1 .tree-nav .nav #accordion1>li>.submenu .link2 p{font-size:.9rem}.main-1 .tree-nav .nav #accordion2 .submenu{padding:.5rem 0}.main-1 .con{padding:.5rem;grid-template-columns:repeat(2, 1fr);gap:.5rem}.main-2 .content{flex-direction:column}.main-2 .content>div{padding:1rem}.main-2 .content .info{flex-direction:column}.main-2 .content .info .swiper{width:100%;margin-bottom:1rem}.main-2 .content .info .swiper .swiper-slide{height:16rem}.main-2 .content .info .text{flex:none;width:100%;margin-left:0}.main-2 .content .info .text>p{font-size:1rem}.main-2 .content .info .text h1{font-size:1.5rem;margin-bottom:.5rem}.main-2 .content .info .text .btn-wrap{margin-top:1rem}.main-2 .content .info .text .btn-wrap .b{height:3rem}.main-2 .content .con .t{font-size:1.2rem;margin-bottom:1rem}}/*# sourcemappingurl=./product.css.map */