.banner-section {position: relative;overflow: hidden;background: #ffffff;color: #ffffff;}
.banner-section .banner-container{padding: 21.875rem 0 9.375rem;background-repeat: no-repeat;background-size: cover;}
.banner-section .banner-container .banner-content{position: absolute;z-index: 10;width: 36%;left: 20%;top: 45%;transform: translateY(-50%);}
.banner-section .banner-container .ban-title{line-height: 1;margin-bottom: 0;}
.banner-section .banner-container .ban-lead{font-size: 1.25rem;}
.banner-section .banner-container .product-tags li{font-size: 1.125rem;}
.banner-section .banner-container .product-tags li .dot{display: inline-block;margin-right: .3125rem; vertical-align: middle; width: 1rem;height: 1rem;background-color: var(--bs-text-hover-color);}
.banner-section .banner-container .ban-btn{position: relative;display: inline-block; color:#ffffff;padding-left: 1.5625rem;margin-top: 1.875rem;}
.banner-section .banner-container .ban-btn .line-right{display: inline-block;width: 1.5625rem;height: 2px;background-color: #9da0a4;vertical-align: middle;margin-left: 3px;}
.banner-section .banner-container .ban-btn::before{position: absolute;content: "";top: 50%;left: 0;transform: translateY(-50%);width: 3rem;height: 3rem;background-color: var(--bs-text-hover-color);border-radius: 50%;z-index: -1;}
.banner-section .bann-pro-wrapper {justify-content: right;}
.banner-section .bann-pro-wrapper .banner-product-img {position: relative;width: 59.37%;overflow: hidden;margin-right: 5%;}
.banner-section .swiper-button-prev,
.banner-section .swiper-button-next{top: auto; bottom: 0;width: 2rem;height: 2rem;background: url(../images/Tleft.png) no-repeat center center / 100% 100%;cursor: pointer;}
.banner-section .swiper-button-prev::after,
.banner-section .swiper-button-next::after{display: none;}
.banner-section .swiper-button-prev{right: 4%;left: auto;}
.banner-section .swiper-button-next{right: 0;background: url(../images/Tright.png) no-repeat center center / 100% 100%;cursor: pointer;}
@media screen and (max-width: 992px) {
	.banner-section .banner-container{padding: 6.25rem 0;}
	.banner-section .banner-container .banner-content{position: static;transform: translateY(0);width: 97%;margin-left: 2%;}
	.banner-section .bann-pro-wrapper .banner-product-img {width: 100%;margin-right: 0;margin-top: 1.875rem;}
	.banner-section .banner-container .ban-lead{font-size: 1.125rem;}
	.banner-section .banner-container .product-tags li{font-size: 1rem;}
	.banner-section .swiper-button-prev{right: 8%;}
	.banner-section .swiper-button-next{right: 1%;}
}

.products-section .section-title{font-size: 3.125rem;color: var(--bs-text-hover-color);margin-top: 1.5rem;margin-bottom: 0; line-height: 1;}
.products-section .pro-line{display: inline-block;width: 9.375rem;height: 3px;background-color: var(--bs-text-hover-color);margin: 1rem 0 0;}
.products-section .text-instro{color:var(--bs-text-color);margin-top: 1.875rem;margin-bottom: 0;}
.products-section .nav-pills .nav-link {color: var(--bs-text-color);background-color: #fff;border-radius: 5px;padding: 10px 25px;border: 1px solid #d6d6d6;box-sizing: border-box;}
.products-section .nav-pills .nav-link.active,
.products-section .nav-pills .nav-link:hover {background-color: var(--bs-text-hover-color);color: #ffffff;}
.products-section .product-card .img-box {aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: transform 0.3s ease;border-radius: .625rem;}
.products-section .product-card .img-box:hover {transform: translateY(-5px);}
.products-section .product-card .pro-data-top {margin-top: 1.375rem;padding: 0 1.5625rem;box-sizing: border-box;}
.products-section .product-card h5 {margin-bottom: 0; font-size: 1.375rem; color: var(--bs-text-color);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.products-section .product-card .text-instro {margin-top: .75rem;margin-bottom: 0;color: var(--bs-text-color);}
.products-section .dropdown-toggle {border: 1px solid var(--bs-text-hover-color);color: var(--bs-text-hover-color);border-radius: 4px;text-align: left;position: relative;}
.products-section .dropdown-toggle::after {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.products-section .dropdown-item.active { background-color: var(--bs-text-hover-color);color: #ffffff;}
.products-section .dropdown-toggle.show,
.products-section .dropdown-toggle:hover {background-color: var(--bs-text-hover-color);color: #ffffff;}
.products-section .dropdown-toggle.show::after,
.products-section .dropdown-toggle:hover::after {color: #ffffff;}
@media screen and (max-width: 992px) {
	.products-section .section-title{font-size: 1.875rem;}
	.products-section .text-instro{margin-top: 1rem;}
	.products-section .product-card .pro-data-top{padding: 0;}
	.products-section .product-card h5{font-size: 1.125rem;}
	.products-section .product-card .text-instro{font-size: .875rem;margin-top: .625rem;}
}

/* application */
.application-section {position: relative;overflow: hidden;}
.application-section .app-bg-wrapper{overflow: hidden;}
.application-section .app-bg-wrapper .app-bg-item{position: absolute;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.application-section .app-bg-wrapper .app-bg-item .app-bg-img{aspect-ratio: 384 / 175;}
.application-section .app-bg-wrapper .app-bg-item.active{position: relative;opacity: 1;visibility: visible;}
.application-section .app-bg-wrapper .app-bg-item.active::before{-webkit-mask-image: linear-gradient(to right, rgba(0,121,181,0.7) 0%,rgba(52,56,62,0.5) 30%,rgba(52,56,62,0) 100%);mask-image: linear-gradient(to right, rgba(0,121,181,0.7) 0%,rgba(52,56,62,0.5) 30%,rgba(52,56,62,0) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;content: '';z-index: 1;}

.application-section .app-bg-wrapper .app-bg-item.active .app-bg-img img{image-rendering: auto;backface-visibility: hidden;animation: banimgscale 3s ease-out both;transform: scale(1.2);}
.application-section .app-bg-wrapper .app-bg-item .app-text-box{position: absolute;left:50%;transform: translateX(-50%);top: 21%;z-index: 5;}
.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content{margin-top: 5rem;color: #ffffff;width: 45%;}
.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content .app-pane-title{font-size: 1.375rem;font-weight: bold;margin-bottom: .75rem;}
.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content .app-pane-instro{font-size: 1.125rem;}
.application-section .app-ui-overlay {position: absolute;inset: 0;z-index: 10;bottom: 14%;left: 0;}
.application-section .app-ui-overlay .app-tabs-bottom {position: absolute;bottom: 0;left: 0; display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;background: rgba(0, 65, 153, 0.5);}
.application-section .app-ui-overlay .app-tabs-bottom .nav-link {display: flex;align-items: center;justify-content: center; width: 100%;border: none !important;border-radius: 0;padding: .4688rem 0.625rem;color: rgba(255,255,255,1);}
.application-section .app-ui-overlay .app-tabs-bottom .nav-link .app-tab-icon{display: inline-flex;align-items: center;margin-right: .5rem;width: 3.75rem;height: 2.8125rem;}
.application-section .app-ui-overlay .app-tabs-bottom .nav-link.active,
.application-section .app-ui-overlay .app-tabs-bottom .nav-link:hover {background: rgba(0, 65, 153, 0.8) !important;}
@media (max-width: 1200px) {
	.application-section .app-ui-overlay {position: absolute;inset: 0;z-index: 10;bottom: 8%;left: 0;}
}
@media (max-width: 991px) {
	.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content{width: 85%;margin-top: 2.5rem;}
	.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content .app-pane-title{font-size: 1.125rem;}
	.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content .app-pane-instro{font-size: 1rem;}
   .application-section .app-ui-overlay {position: static;width: 100%!important;max-width: unset;padding: 0;} 
   .application-section .app-ui-overlay .app-tabs-bottom{position: static;}
}
@media (max-width: 768px) {
	.application-section .app-bg-wrapper .app-bg-item .app-text-box{top: 12%;}
	.application-section .app-bg-wrapper .app-bg-item .app-text-box h2{font-size: 1.375rem;}
	.application-section .app-bg-wrapper .app-bg-item .app-text-box .app-tab-content{margin-top: 1.5625rem;}
	.application-section .app-ui-overlay .app-tabs-bottom .nav-link{font-size: .875rem;}
	.application-section .app-ui-overlay .app-tabs-bottom .nav-link .app-tab-icon{width: 2.375rem;height: 2.375rem;}
	.application-section .app-ui-overlay .app-tabs-bottom {grid-template-columns: repeat(1, 1fr);}
}

/* about */
.about-section{overflow: hidden;}
.about-section .about-wrapper{padding: 7.5rem 0; position: relative;background: no-repeat center;background-size: cover;}
.about-section .about-wrapper::after{content: ''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);z-index: 1;}
.about-section .about-wrapper .about-container{position: relative;z-index: 10;}
.about-section .about-wrapper .about-container .about-box{justify-content: space-between;align-items: center;}
.about-section .about-wrapper .about-container .about-content{width: 38%;}
.about-section .about-wrapper .about-container .about-content .about-title{color: var(--bs-text-hover-color);font-size: 2.25rem;line-height: 1;}
.about-section .about-wrapper .about-container .about-content .about-line{display: inline-block;width: 8.625rem;height: 3px;background-color: var(--bs-text-hover-color);margin: 1.875rem 0 0;}
.about-section .about-wrapper .about-container .about-content .about-instro{margin-top: 1.5625rem;line-height: 1.65;}
.about-section .about-wrapper .about-container .about-content .about-btn{display: inline-block;margin-top: 1.25rem;}
.about-section .about-wrapper .about-container .about-content .about-data{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5625rem;}
.about-section .about-wrapper .about-container .about-content .about-data .about-data-item .about-data-title .a-title-big{font-size: 2.25rem;}
.about-section .about-wrapper .about-container .about-content .about-data .about-data-item.cur .about-data-title,
.about-section .about-wrapper .about-container .about-content .about-data .about-data-item:hover .about-data-title{color: var(--bs-text-hover-color);}
.about-section .about-wrapper .about-container .about-img{width: 55%;}
.about-section .about-wrapper .about-container .about-img .about-img-box{display: flex; aspect-ratio: 154 / 97;border-radius: .625rem;overflow: hidden;}
@media screen and (max-width: 991px) {
	.about-section .about-wrapper .about-container .about-box{flex-direction: column;}
	.about-section .about-wrapper .about-container .about-content{width: 100%;}
	.about-section .about-wrapper .about-container .about-img{width: 100%;margin-top: 1.875rem;}
}
@media screen and (max-width: 768px) {
	.about-section .about-wrapper{padding: 3.75rem 0;}
	.about-section .about-wrapper .about-container .about-content .about-title,
	.about-section .about-wrapper .about-container .about-content .about-data .about-data-item .about-data-title .a-title-big{font-size: 1.5rem;}
	.about-section .about-wrapper .about-container .about-content .about-instro,
	.about-section .about-wrapper .about-container .about-content .about-btn,
	.about-section .about-wrapper .about-container .about-content .about-data .about-data-item .about-data-instro,
	.about-section .about-wrapper .about-container .about-content .about-data .about-data-item .about-data-title .a-title-small{font-size: .875rem;}
}

/* customization */
.customization-section{overflow: hidden;}
.customization-section .cus-top{text-align: center;}
.customization-section .cus-top .cus-top-title{font-size: 2.25rem;line-height: 1;color: var(--bs-text-hover-color);}
.customization-section .cus-top .cus-top-line{display: inline-block;width: 8.625rem;height: 3px;background-color: var(--bs-text-hover-color);margin: 1.875rem 0 0;}
.customization-section .cus-top .cus-top-instro{margin-top: 1.75rem;line-height: 1.65;}
.customization-section .cus-container{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.875rem;margin-top: 3.625rem;}
.customization-section .cus-container .cus-item{position: relative;}
.customization-section .cus-container .cus-item .cus-img-box{aspect-ratio: 89 / 104;border-radius: .625rem;overflow: hidden;}
.customization-section .cus-container .cus-item .cus-img-box img{border-radius: .625rem;width: 100%;height: 100%;object-fit: cover;}
.customization-section .cus-container .cus-item:hover .cus-img-box img{transform: scale(1.06);}
.customization-section .cus-container .cus-item .cus-data{width: 100%;height: 100%; position: absolute;top: 0;left: 0;padding: 3.4375rem 1.5625rem;box-sizing: border-box;top: 0;color: #ffffff;z-index: 10;}
.customization-section .cus-container .cus-item .cus-data::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: .625rem;background: radial-gradient(circle at 0% 0%, rgba(20,55,82, 1) 0%,rgba(20,55,82, 0.9) 20%,rgba(20,55,82, 0.4) 50%,rgba(20,55,82, 0.1) 75%,transparent 100%);background-size: 100% 98%; background-repeat: no-repeat;z-index: -1;}
.customization-section .cus-container .cus-item .cus-data .cus-title{font-size: 1.375rem;}
.customization-section .cus-container .cus-item .cus-data .cus-instro{margin-top: 1.25rem;}
.customization-section .cus-container .cus-item .cus-data .cus-btn{display: inline-block;margin-top: .875rem;color: #ffffff;}
@media screen and (max-width: 768px) {
	.customization-section .cus-top .cus-top-title{font-size: 1.5rem;}
	.customization-section .cus-top .cus-top-line{margin-top: 1rem;}
	.customization-section .cus-top .cus-top-instro{ margin-top: .875rem;}
	.customization-section .cus-container{grid-template-columns: repeat(1, 1fr);}
}


/* corporate */
.corporate-section{overflow: hidden;}
.corporate-section .corporate-wrapper{padding: 10.625rem 0; background: no-repeat center;background-size: cover;position: relative;position: relative;color: #ffffff;}
.corporate-section .corporate-wrapper .corporate-title{font-size: 2.25rem;}
.corporate-section .corporate-wrapper .corporate-line{display: inline-block;width: 8.625rem;height: 3px;background-color: #ffffff;margin: 2.5rem 0 0;}
.corporate-section .corporate-wrapper .corporate-content{margin-top: 1.25rem;}
.corporate-section .corporate-wrapper .corporate-content .corporate-item{justify-content: left;margin-top: 2.5rem;}
.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-icon{width: 1.875rem;}
.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info{width: 42%; margin-left: 1.4375rem;}
.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info .cor-item-title{font-size: 1.125rem;line-height: 1;}
.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info .cor-item-instro{margin-top: .625rem;}
.corporate-section .cor-point-list .cor-coord-point {position: absolute;width: 1.875rem;height: 1.875rem;background-color: rgba(255,255,255,0.5);border-radius: 50%;animation: point-scale 2s infinite ease-out;}
.corporate-section .cor-point-list .cor-coord-point.big{width: 3.125rem;height: 3.125rem;}
.corporate-section .cor-point-list .cor-coord-point.point-icon{background-color: transparent;background: url(../images/cor-point-icon.png) no-repeat center;background-size: cover;}
@media screen and (max-width: 768px) {
	.corporate-section .corporate-wrapper{padding: 5rem 0;}
	.corporate-section .corporate-wrapper .corporate-title{font-size: 1.5rem;}
	.corporate-section .corporate-wrapper .corporate-line{margin-top: 1.25rem;}
	.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info{width: auto;flex: 1;}
	.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info .cor-item-title{font-size: 1rem;}
	.corporate-section .corporate-wrapper .corporate-content .corporate-item .cor-item-info .cor-item-instro{font-size: .875rem;}
}
@keyframes point-scale {
  0% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.08); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

/* FAQ */
.faq-section{overflow: hidden;}
.faq-section .faq-wrapper{background-color: #f6f6f9;margin-top: 19.375rem;}
.faq-section .faq-wrapper .faq-container{position: relative;}
.faq-section .faq-wrapper .faq-container .faq-box{justify-content: right;}
.faq-section .faq-wrapper .faq-container .inquiry-form{position: absolute;bottom: 5rem;left: 0;background-color: var(--bs-text-hover-color);border-radius: .625rem;padding:0 2.1875rem 1.75rem 3.125rem;box-sizing: border-box;}
.faq-section .faq-wrapper .faq-container .inquiry-form .form-title{font-size: 1.375rem;line-height: 1;margin-top: 3.125rem;color: #ffffff;}
.faq-section .faq-wrapper .faq-container .inquiry-form .i-form-btn{display: inline-block;color:#3963cb;font-size: 1.125rem;line-height: 1;padding:1.0625rem 5.125rem;border-radius: .625rem;background-color: #ffffff;border: 1px solid #ffffff;}
.faq-section .faq-wrapper .faq-container .inquiry-form .i-form-btn:hover{background-color: transparent;color: #fff;}
.faq-section .message_list ul li{margin-bottom: 1rem;}
.faq-section .message_list ul li .input_text,
.faq-section .message_list ul li .textarea{background-color: #ffffff;border-radius: .625rem;}
.faq-section .message_list ul li .input_text{height: 4.25rem}
.faq-section .message_list ul li .textarea{height: 10.125rem;resize: none;}
.faq-section .message_list ul li span.error{display: block;height: auto;}
.faq-section .faq-wrapper .faq-container .faq-list{margin-bottom: 5rem;padding: 0 2.8125rem;box-sizing: border-box;}
.faq-section .faq-wrapper .faq-container .faq-list .faq-title{font-size: 2.25rem;line-height: 1;}
.faq-section .faq-wrapper .faq-container .faq-list .faq-line{display: inline-block;width: 5rem;height: 3px;background-color: #3963cb;margin: 1.4375rem 0 0;}
.faq-section .faq-wrapper .faq-container .faq-list .faq-data{margin-top: 1rem;}
.faq-section .faq-wrapper .faq-container .faq-list .faq-data .faq-item{margin-bottom: 1rem;}
@media screen and (max-width: 992px) {
	.faq-section .faq-wrapper{margin-top: 0;}
	.faq-section .faq-wrapper .faq-container .inquiry-form{position: static;padding: 0 1.5625rem 1.5625rem 1.875rem;}
	.faq-section .faq-wrapper .faq-container .faq-list{margin-top: 1.875rem;}
	.faq-section .message_list ul li .input_text{height: 3rem}
	.faq-section .message_list ul li .textarea{height: 6.25rem;}
	.faq-section .faq-wrapper .faq-container .inquiry-form .i-form-btn{font-size: 1rem;padding:.625rem 3.125rem;}
	.faq-section .faq-wrapper .faq-container .faq-list{padding: 0 1.5625rem;}
	.faq-section .faq-wrapper .faq-container .faq-list .faq-title{font-size: 1.5rem;}
}

/* animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes banimgscale {
    100% {
        transform: scale(1);
    }
}