@charset "utf-8";

.main-section-inner{width:100%; max-width:1196px; margin:0 auto;}

.main-section-title{font-size:20px;line-height:14px;font-weight:500; margin-bottom:16px;}
.main-con-title{font-size:60px;line-height:1.23;color:var(--black-11);margin-bottom:10px;font-weight:800;}
.main-title-sub{font-size:18px;line-height:1.44;color:var(--black-8);}

.ic-more-main{display:block;width:38px;height:38px;background:var(--black-5) url(/assets/img/main/ic_go_arr.svg) center / cover no-repeat; border-radius:50%;transition:all 0.3s;}

.main-visual{position:relative;}
.main-visual .swiper-slide{height:936px; display:flex; align-items: center; justify-content: center; padding:0 40px;}
.main-visual .slide1{background:url(/assets/img/main/visual1.jpg) center / cover no-repeat;}
.main-visual .slide2{background:url(/assets/img/main/visual2.jpg) center / cover no-repeat;}

.main-visual-copy{width:1196px; color:#fff; padding-top:100px;}
.main-visual-copy .copy-lg{font-size:60px;line-height:1.23; font-weight:800;letter-spacing:-2px; margin-bottom:24px;}
.main-visual-copy .copy-sm{font-size:20px;line-height:1.3; font-weight:500;}
.visual-slider-nav{position:absolute;left:50%; transform:translateX(-50%);bottom:188px;width:1196px; max-width:100%; display:flex; gap:10px; align-items:center; z-index:90;}
.visual-slider-nav .swiper-scrollbar{width:240px !important;background-color:rgba(255,255,255,0.3);height:4px; position:relative !important;left:unset !important;top:unset !important;bottom:unset !important; border-radius:0;}
.visual-slider-nav .swiper-scrollbar-drag{height:4px;width:120px;background-color:var(--black-1);border-radius:0;}
.visual-slider-nav .slider-controller{display:flex; gap:4px; align-items:center;}
.visual-slider-nav .slider-controller button{width:19px;height:19px; background:url(/assets/img/main/arr_slider.svg) center no-repeat; overflow:hidden;text-indent:-9999px; flex-shrink: 0;opacity:0.5;}
.visual-slider-nav .slider-controller button:hover{opacity:1;}
.visual-slider-nav .slider-controller .btn-prev{transform:rotate(180deg);}
.visual-slider-nav .slider-controller .slider-page{color:#fff;font-size:14px;display:flex;align-items:center;gap:4px;width:42px;text-align:center;}
.visual-slider-nav .slider-controller .slider-page span{font-weight:600;opacity:0.5;}
.visual-slider-nav .slider-controller .slider-page span:before{content:'0';}
.visual-slider-nav .slider-controller .slider-page .swiper-pagination-current{opacity:1;}

.main-case{padding:120px 24px 60px;}
.main-case-title{margin-bottom:64px;}

.case-slider {width:100%;position: relative;overflow:none;}
.case-slider .swiper-slide{width:296px; position:relative;}
.case-slider .swiper-slide:after{display:block;content:'';width:1px;height:100%;background-color:var(--black-3); position:absolute;right:-25px;top:0;}
.case-slider .swiper-slide:last-child:after{display:none;}
.case-slider .swiper-slide a {display: block;box-sizing: border-box;overflow: hidden;}
.case-slider .photo{margin-bottom:24px;border-radius:22px;overflow:hidden;aspect-ratio:296/220;}
.case-slider .photo img{transition:all 0.3s; min-width:100%; min-height:100%; object-fit:cover;}
.case-slider .title{display:flex; gap:12px; align-items: center; margin-bottom:16px;}
.case-slider .title span{font-size:26px;line-height:1; font-weight:600; display:block;white-space:nowrap;overflow:hidden; text-overflow: ellipsis;}
.case-slider .summary{font-size:18px; line-height:1.44; margin-bottom:5px; height:80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.case-slider .ic-more-main{margin-left:auto;}

.case-slider .swiper-slide a:hover .photo img{transform:scale(1.12);}
.case-slider .swiper-slide a:hover .ic-more-main{background-color:var(--primary-50);}
.case-slider .swiper-slide a:active .ic-more-main{background-color:var(--primary-60);}

.case-slider-nav{width:100%;  margin-top:60px;  position:relative;}
.case-slider-nav .swiper-scrollbar{width:1196px; max-width:100%;background-color:var(--black-3);height:4px;border-radius:0;}
.case-slider-nav .swiper-scrollbar-drag{height:4px;width:598px;background-color:var(--black-11);border-radius:0;}

.main-business{background-color:var(--black-2); padding:120px 24px 94px;}
.main-business-title{margin-bottom:60px;}

/* .main-business-items{display:flex;gap:20px; overflow:hidden;} */
.swiper-slide.main-business-item{text-align:center; position:relative; overflow:hidden; border-radius:21px;}
.main-business-item img{min-height:346px; object-fit: cover;}
.main-business-item .hover{position:absolute;left:0;top:0;right:0;bottom:0; display:flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.5);color:var(--black-1); opacity:0;}
.main-business-item .hover h4{font-size:40px;line-height:1.15;margin-bottom:14px;}
.main-business-item .hover p{font-size:18px;line-height:1.44;font-weight:500;}
.main-business-item .hover .btn-more{display:flex; align-items: center; justify-content: center; gap:10px; height:46px;width:160px; border:1px solid #fff; color:#fff; font-weight:700;font-size:14px;letter-spacing:-0.05rem; margin:0 auto;transition:all 0.6s; margin-top:52px; box-sizing:border-box;}
.main-business-item .hover .btn-more:after{display:block;content:'';width:12px;height:2px;background-color:var(--black-1);}
.main-business-item .hover .btn-more:hover{background-color:var(--primary-40);border:none;}

.w-pc .main-business-item.active .hover{opacity:1;}
.w-mobile .swiper-slide-active .hover{opacity:1;}
@media (max-width:768px){
    .swiper-slide.main-business-item{width:266px;}
}

.main-media{padding:90px 24px;}
.main-media-inner{width:100%; max-width:1196px; margin:0 auto;}
.main-media .main-section-title{margin-bottom:80px;}
.main-media-items{display:flex; flex-wrap:wrap; gap:0 116px;}
.main-media-item{width:calc(50% - 58px);}
.main-media-header{display:flex; gap:20px; margin-bottom:36px;}
.main-media-header .btn-media-more{margin-left:auto;width:60px;height:60px; overflow:hidden;text-indent: -9999px; background:url(/assets/img/main/btn_more.svg) center / cover no-repeat;transition:all 0.3s;}
.main-media-header .btn-media-more:hover{background-color:var(--primary-40);background-image:url(/assets/img/main/btn_more_w.svg);}
.main-media-title h3{font-size:28px;line-height:1; color:var(--black-11); margin-bottom:12px;font-weight:700;}
.main-media-title .main-title-sub{color:var(--black-11);}

.pr-video img{width:100%;}
.pr-video iframe{width:100%;height:auto;/*aspect-ratio:560/315*/ aspect-ratio:540/334;}

.main-press-list{display:flex; flex-direction: column; gap:20px;}
.main-press-list a{display:block;padding:24px 36px; background-color:var(--black-3);transition:all 0.3s;}
.main-press-list .title{font-size:18px;line-height:1.44;font-weight:600;}
.main-press-list .date{font-size:12px;line-height:2.16;}
.main-press-list a:hover{background-color:var(--primary-40);color:var(--black-1) !important;}

.main-contact{background:url(/assets/img/main/bg_contact.jpg) center / cover no-repeat; min-height:500px; padding:125px 24px;}
.main-contact-inner{display:flex; flex-wrap:wrap; gap:40px 16px;}

.main-contact .main-section-title{color:var(--black-1);width:100%;}
.main-contact .main-con-title{color:var(--black-1);}
.main-contact .main-title-sub{color:var(--black-1);}
.main-contact-title{flex:1; padding-top:48px;}
.main-contact-items{display:flex; gap:12px; width:684px; margin-left:auto;}
.main-contact-items a{display:flex; flex-direction: column; gap:20px; width:calc(50% - 6px); padding:36px; background-color:#fff; border-radius:20px; min-height:220px;box-sizing:border-box;transition:all 0.3s;box-sizing:border-box;}
.main-contact-items .ic-more-main{margin-left:auto; margin-top:auto;}
.main-contact-items .title{display:block;font-size:28px;line-height:1;font-weight:600;}
.main-contact-items p{font-size:18px;line-height:1.44; color:var(--black-8);}

.main-contact-items a:hover{background-color:var(--primary-40);color:var(--black-1) !important;}
.main-contact-items a:hover p{color:var(--black-1) !important;}
.main-contact-items a:hover .ic-more-main{background-color:var(--primary-60);}