html { font-size: 625%; }
body { background: rgb(255, 255, 255); font-size: 14px; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0px; padding: 0px; }
body, html, input, button, textarea { color: rgb(33, 33, 33); font-family: Arial; line-height: 1.5; }
body { background-color: rgb(255, 255, 255); }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4, h5 { font-size: 14px; }
img { max-width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; vertical-align: middle; }
li { list-style: none; }
i, em { font-style: normal; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:focus { outline: none; }
a:hover { color: rgb(0, 0, 0); text-decoration: none; }
input[type="text"]:focus { outline: none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
a:active, select, input, textarea { -webkit-tap-highlight-color: transparent; outline: 0px !important; }
* { box-sizing: border-box; outline: 0px; }
@font-face { font-weight: normal; font-style: normal; font-family: fontawesome; src: url("fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"); font-display: fallback; }
@font-face { font-family: "PingFang-en SC"; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-s-medium.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: PingFang-en-bold; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-s-heavy.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: PingFang-en-light; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-s-light.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "PingFang SC"; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-medium.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: PingFang-bold; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-heavy.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: PingFang-light; font-style: normal; src: url("fonts/pxid-home-v1/PingFang-light.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Roboto-Regular; font-style: normal; src: url("fonts/Roboto/Roboto-Regular.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Roboto-Bold; font-style: normal; src: url("fonts/Roboto/Roboto-Bold.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Roboto-Black; font-style: normal; src: url("fonts/Roboto/Roboto-Black.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Roboto-Light; font-style: normal; src: url("fonts/Roboto/Roboto-Light.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Roboto-Medium; font-style: normal; src: url("fonts/Roboto/Roboto-Medium-12.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Poppins-Bold; font-style: normal; src: url("fonts/Poppins/Poppins-Bold.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Poppins-Light; font-style: normal; src: url("fonts/Poppins/Poppins-Light.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Poppins-Medium; font-style: normal; src: url("fonts/Poppins/Poppins-Medium.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Poppins-Regular; font-style: normal; src: url("fonts/Poppins/Poppins-Regular.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Poppins-SemiBold; font-style: normal; src: url("fonts/Poppins/Poppins-SemiBold.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI; font-style: normal; src: url("fonts/Segoe/segoeui_1.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI-Bold; font-style: normal; src: url("fonts/Segoe/segoeuib_1.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI-Light; font-style: normal; src: url("fonts/Segoe/segoeuil_1.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI-Black; font-style: normal; src: url("fonts/Segoe/seguibl_0.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI-SemiLight; font-style: normal; src: url("fonts/Segoe/segoeuisl_0.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: Segoe-UI-SemiBold; font-style: normal; src: url("fonts/Segoe/seguisb_1.ttf") format("TrueType"); font-display: swap; }
@font-face { font-family: SourceHanSansCN-Light; font-style: normal; src: url("fonts/SourceHanSansCN-Light.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: SourceHanSansCN-Regular; font-style: normal; src: url("fonts/SOURCEHANSANSCN-REGULAR.OTF") format("OpenType"); font-display: swap; }
@font-face { font-family: SourceHanSansCN-Medium; font-style: normal; src: url("fonts/SourceHanSansSC-Medium-2.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: SourceHanSansCN-Bold; font-style: normal; src: url("fonts/SourceHanSansSC-Bold-2.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: UniSansHeavyItalicCAPS; font-style: normal; src: url("fonts/UniSansHeavyItalicCAPS.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: UniSansHeavyCAPS; font-style: normal; src: url("fonts/UniSansHeavyCAPS.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: UniSansThinCAPS; font-style: normal; src: url("fonts/UniSansThinCAPS.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: Objectivity-Light; font-style: normal; src: url("fonts/objectivity-light-6.otf") format("OpenType"); font-display: swap; }
@font-face { font-family: Objectivity-Medium; font-style: normal; src: url("fonts/objectivity-medium-8.otf") format("OpenType"); font-display: swap; }
.clearfix::after, .layout::after, .sys_row::after, .web_main::after, .page_main::after, .nav_wrap .head_nav::after, .items_list ul::after, .product_items::after, .promote_list::after, .cate_items ul::after, .web_head .logo::after, .product-intro::after, .detail-tabs::after, .foot_items::after, .news_cell::after, .sys_row::after, .banner_navigate_button::after, .foor_service::after { clear: both; display: block; visibility: hidden; height: 0px; content: ""; }
.clearfix, .layout, .sys_row, .clearfix, .layout, .sys_row, .flex_row, .web_main, .page_main, .nav_wrap .head_nav, .items_list ul, .product_items, .promote_list, .cate_items ul, .web_head .logo, .product-intro, .detail-tabs, .foot_items, .sys_row, .banner_navigate_button, .foor_service { }
body { position: absolute; top: 0px; left: 0px; overflow-x: hidden; width: 100%; min-width: 1200px; }
.layout { position: relative; margin: 0px auto; width: 81%; }
.gotop { display: inline-block; position: fixed; font-weight: bold; right: 50px; bottom: 50px; background-color: rgb(204, 204, 204); color: rgb(255, 255, 255); text-align: center; height: 60px; width: 60px; line-height: 60px; border-radius: 50%; background-clip: content-box; box-sizing: content-box; z-index: 99999; cursor: pointer; font-size: 24px; opacity: 0; visibility: hidden; transition: 0.3s; transform: translateY(50%) scale(0.8); }
.gotop:hover, .gotop.active:hover { background-color: rgb(225, 0, 0); color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.9); }
.gotop em, .gotop::before { transition: 0.2s; }
.gotop em { font-size: 12px; width: 100%; position: absolute; left: 0px; top: 0px; color: rgb(255, 255, 255); opacity: 0; transform: translateY(10px); }
.gotop::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("img/gotop1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto 60px; }
.gotop:hover::before { transform: translateY(-15px) scale(0.5); opacity: 0; }
.gotop:hover em { opacity: 1; transform: none; }
.head_nav li a, .nav_wrap .head_nav li li a, .nav_wrap .head_nav li ul, .nav_wrap .head_nav li li > a::before, .head_nav b::after, .product_item figure, .gotop, .product-item .item-img img, .product_item .item_img img, .product_item .item_img a, .product_item, .product_item .item_img a::before, .product_item .item_img a::after, .product_item .item_img::after, .product-btn-wrap a, .web_head, .change-language .change-language-title a::after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption, .foot_item a, .pages a, .head_sns li img, .side_product_item .add-friend, .side_product_item .add-friend::after, .side-product-items .btn-prev, .side-product-items .btn-next, .blog-item::after { transition: 0.3s; }
.head_nav > li > a::before, .head_nav > li > a::after, .icon-cate, .foot_txt_list li a::before, .web_footer .button::before, .inquiry_btn img, .view_more, .item_btn::before, .swiper-pagination-bullet, .more a, .work_item, .work_item h4, .work_item a, .work_tit, p, .ico, .ico img, a img, p, h4, .featured_info, .web_footer img { transition: 0.3s ease-in-out; }
a, .nav_wrap .nav_btn_close, .index_main .product_item figure, .foot_item.foot_nav .fot_tit::before, .foot_item.foot_nav .fot_tit::after, .goods-may-like .navigate_button_next::before, .goods-may-like .navigate_button_prev::before, .feature_item .item_img img, .feature_item .item_img::before, .feature_item .item_img::after, .news_btn, .news_right .news_info, .news_more, .index_inquiry_wrap .inquiry_btn::before, .index_inquiry_wrap .inquiry_btn { transition: 0.35s ease-in-out; }
.flex_row, .items_list > ul { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; }
input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.71); }
.nav_wrap, .product_item .item_img { box-sizing: content-box; }
.search-btn, .side-cate li .icon-cate::before, .product-btn-wrap a::before, .mobile-head-item .title::before, .head_nav > li::after, .head_nav li b::after, .download-item .item-button::before, .faq-item .faq-title::before { display: inline-block; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: fontawesome; speak: none; }
.fa::before, .btn_more::after, .sys_btn::after, .head-search .search-btn::before, .swiper-button-next::before, .swiper-button-prev::before, .side-product-items .btn-prev::before, .side-product-items .btn-next::before, .product-btn-wrap .email::before, .product-btn-wrap .pdf::before { font-family: fontawesome; }
.flex_row { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; justify-content: space-between; }
.web_head { position: relative; z-index: 99; width: 100%; }
.web_head .layout { position: static; display: flex; justify-content: space-between; align-items: center; }
.web_head .layout::after { display: none; }
.web_head .change-language { position: relative; display: inline-block; vertical-align: middle; }
.web_head .change-language .change-language-cont { border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px; }
.web_head .logo { position: relative; }
.web_head .logo img { width: auto; }
.web_head .head_right { padding-left: 38px; }
.change-language-info { display: inline-block; position: relative; }
.change-language::before { content: ""; width: 2px; height: 20px; background-color: rgb(255, 255, 255); margin: 0px 12px; display: inline-block; vertical-align: middle; }
.page_head .change-language::before { background-color: rgb(0, 0, 0); }
.change-language-title .language-flag-en .country-flag { margin: 0px; transform: translateY(-50%); }
.head_layer .change-language-title > .language-flag-en span { padding-left: 0px; font-size: 16px; font-family: "PingFang-en SC"; line-height: 2; color: rgb(255, 255, 255); }
.head_layer .change-language .change-language-title a::after { content: ""; width: 14px; height: 8px; background: url("img/demo/arrow-up.png") center center no-repeat; filter: brightness(0) invert(1); }
.page_head .head_layer .change-language .change-language-title a::after { filter: none; }
.head_layer .btn--search::before, .web_head .btn--search::after { content: ""; display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; vertical-align: middle; transition: 0.3s; }
.store { float: right; color: rgb(255, 255, 255); font-size: 18px; font-family: "PingFang-en SC"; line-height: 42px; padding: 0px 21px 0px 23px; border-radius: 6px; background-color: rgb(225, 0, 0); border: 1px solid rgb(225, 0, 0); text-transform: capitalize; }
.store:hover { background-color: transparent; color: rgb(225, 0, 0); }
.index_web_head { position: fixed; width: 100%; top: 0px; left: 0px; right: 0px; }
.index_web_head .head_layer { background-color: transparent; }
.web_head .nav_wrap { display: inline-block; flex: 1 1 0%; z-index: 999; }
.web_head .nav_wrap .head_nav { position: relative; font-size: 0px; text-align: right; padding-right: 30px; }
.head_nav > li { position: relative; display: inline-block; line-height: 65px; margin: 0px 25px; }
.head_nav > li:first-child { margin-left: 0px; }
.head_nav > li > a { position: relative; display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); font-size: 18px; font-family: "PingFang-en SC"; }
.head_nav > li > a::after { content: ""; width: 0px; height: 2px; position: absolute; bottom: -1px; left: 0px; }
.head_nav > li > a:hover::after { width: 100%; }
.head_nav li a b { position: absolute; top: 50%; right: -25px; display: inline-block; overflow: hidden; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; transition: 0.3s; transform: translateY(-50%); }
.head_nav li a b::before { content: ""; font-family: fontawesome; }
.head_nav li ul { position: absolute; top: calc(100% + 5px); left: 0px; text-align: left; display: block; padding: 10px; width: 279px; border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px; opacity: 0; transition: 0.35s ease-in-out; transform: scaleY(0); transform-origin: center top; }
.head_nav > li ul li { position: relative; padding: 3px; font-size: 14px; line-height: 2; }
.head_nav > li ul li:hover > a { color: rgb(225, 0, 0); }
.head_nav > li ul li a { position: relative; display: block; color: rgb(0, 0, 0); font-size: 16px; }
.web_head .head_nav > li:hover > a { position: relative; }
.head_nav > li > a:hover b { transform: translateY(-50%) rotate(180deg); }
.head_nav > li:hover > a::after { width: 100%; background-color: rgb(225, 0, 0); }
.page_head .head_layer .change-language-title > .language-flag-en span { color: rgb(0, 0, 0); }
.fixed-nav-appear .head_layer { transform: none; opacity: 1; transition: 0.6s; }
li::after, .acc_img img, li img, .follow_info, .follow_img img, button img { transition: 0.3s; }
.head_nav > li:nth-child(2) > ul { display: none; }
.product_menu_wrap { width: 100%; background-color: rgb(255, 255, 255); max-height: 0px; overflow: hidden; transition: 0.6s cubic-bezier(0.3, 0, 0.7, 1); position: absolute; top: 100%; left: 0px; z-index: 999; }
.product_menu_wrap .layout { display: block; height: 100vh; overflow: hidden; }
.product_menu_wrap .cate_list { height: 100vh; overflow-y: auto; }
.pro_category { padding: 20px 0px; border-bottom: 1px solid rgb(217, 217, 217); }
.pro_category:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-bottom: 300px; }
.pro_category h3 { color: rgb(51, 51, 51); font-size: 25px; font-weight: bold; line-height: 1.2; text-align: left; font-family: PingFang-bold; }
.pro_category .pro_list { justify-content: flex-start; }
.pro_list li { width: 16.66%; text-align: center; margin: 15px 0px; }
.pro_list li > a { display: block; height: 145px; line-height: 160px; overflow: hidden; }
.product_menu_wrap .pro_category:nth-of-type(3) .pro_list li > a { height: 165px; }
.pro_list li > a:hover img { transform: scale(1.1); }
.pro_list h4 { color: rgb(0, 0, 0); font-size: 20px; font-family: "PingFang SC"; line-height: 1; margin-top: 15px; }
.pro_list h4 a { color: rgb(0, 0, 0); font-size: 20px; }
.pro_list h4 a img { max-width: 239px; }
.pro_list li img { transition: 0.6s; height: auto; width: auto; object-fit: cover; object-position: center center; }
.head_nav > li:nth-child(2) > a b { display: none; }
.proSideDown .index_web_head { display: block; }
.proSideDown .index_web_head .head_layer { background-color: rgb(255, 255, 255); }
.cate_list::-webkit-scrollbar { display: none; }
.pcMask { position: fixed; inset: 65.5px 0px 0px; height: 100vh; z-index: 900; background-color: rgba(0, 0, 0, 0.5); transform: scaleY(0); transform-origin: center top; opacity: 0; transition: 0.6s cubic-bezier(0.3, 0, 0.7, 1); }
.web_footer { position: relative; z-index: 1; background-color: rgb(0, 0, 0); margin-top: -1px; }
.foot_service .foot_items { padding: 61px 0px 34px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-pack: justify; justify-content: flex-end; position: relative; width: 100%; }
.foot_item { position: relative; }
.foot_item_product { width: 16.6%; }
.foot_item_links { width: 16.6%; }
.foot_item_about { width: 16.6%; }
.foot_item_download { width: 16.6%; }
.foot_item_inquiry { flex: 1 1 0%; width: 16.6%; }
.foot_item .title { position: relative; font-size: 16px; color: rgb(255, 255, 255); line-height: 36px; margin-bottom: 15px; font-weight: bold; font-family: PingFang-en-light; }
.foot_sns { margin-top: 72px; }
.foot_sns li { display: inline-block; margin-right: 35px; }
.foot_sns li:last-child { margin: 0px; }
.foot_sns li img { width: auto; max-height: 35px; }
.foot_sns li:hover img { transform: rotate(35deg); }
.foot_item_inquiry p { color: rgb(140, 142, 143); font-size: 14px; font-family: PingFang-en-light; line-height: 24px; font-weight: bold; letter-spacing: -0.5px; margin-top: 6px; display: inline-block; }
.foot_item_inquiry form { margin-top: 20px; }
.foot_item_inquiry input, .foot_item_inquiry textarea { margin: 0px; color: rgb(255, 255, 255); font-family: "PingFang-en SC"; width: 100% !important; padding: 0px 0px 0px 1px !important; border: 1px solid rgb(102, 102, 102) !important; border-radius: 6px !important; background-color: transparent !important; font-size: 9.46px !important; }
.foot_item_inquiry input::placeholder, .foot_item_inquiry textarea::placeholder { color: rgb(102, 102, 102) !important; }
.foot_item_inquiry input { height: 38px !important; line-height: 38px !important; margin-bottom: 20px !important; }
.foot_item_inquiry textarea { max-height: 80px; line-height: 38px !important; margin: 1px 0px 11px !important; min-height: 80px !important; }
.foot_item_inquiry input[type="submit"] { background-color: rgb(77, 77, 77); color: rgb(205, 205, 205); font-size: 14px; border: 1px solid rgb(77, 77, 77); margin: 0px; font-family: "PingFang SC"; }
.foot_item_inquiry input[type="submit"]:hover { background-color: rgb(225, 0, 0); border-color: rgb(225, 0, 0); }
.foot_txt_list { }
.foot_txt_list li { line-height: 30px; }
.foot_txt_list li a { color: rgb(140, 142, 143); font-size: 15px; vertical-align: middle; transition: 0.3s ease-in-out; font-weight: bold; font-family: PingFang-en-light; }
.foot_txt_list li a:hover { text-decoration: underline; }
.copyright { border-top: 1px solid rgb(109, 109, 109); }
.copyright, .copyright a { color: rgb(98, 98, 98); font-size: 16px; font-family: "PingFang-en SC"; text-align: center; padding: 15px 0px 60px; }
.web_main { position: relative; }
.swiper-container-fade { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
.swiper-container-fade .swiper-slide { height: auto; }
.slider_banner .swiper-slide { position: relative; }
.slider_banner .swiper-slide img { width: 100%; transition: 2s linear; transform: scale(1.2); }
.slider_banner .swiper-slide img + img { position: absolute; top: 0px; left: 0px; }
.slider_banner .swiper-slide img { width: 100%; }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; bottom: 50px; right: 250px; z-index: 2; }
.slider_banner .swiper-button-white { position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0px; background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; }
.slider_banner .swiper-pagination { bottom: 24px; opacity: 1; left: 50%; transform: translateX(-50%); }
.slider_banner .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; width: 87px; height: 4px; margin: 0px 5px; }
.banner_button_prev, .banner_button_next, .swiper-pagination-bullet, input { transition: 0.35s ease-in-out; }
.banner-button-next, .banner-button-prev { position: absolute; top: 50%; width: 36px; height: 50px; line-height: 50px; text-align: center; margin-top: -25px; z-index: 2; cursor: pointer; opacity: 0; transition: 0.3s ease-in-out; font-size: 30px; background-color: rgb(204, 204, 204); border-radius: 2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.banner-button-next { right: 60px; }
.banner-button-prev { left: 60px; }
@media screen and (max-width: 1280px){.banner-button-next { right: 20px; }
.banner-button-prev { left: 20px; }}
.banner-button-prev, .banner-button-next { display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; margin-top: -35px; text-align: center; font-weight: bold; color: rgb(255, 255, 255); font-size: 18px; background-color: rgba(0, 0, 0, 0.6); box-sizing: content-box; z-index: 1; opacity: 0.4; border: 5px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; background-clip: content-box; }
.banner-button-prev:hover, .banner-button-next:hover { opacity: 1; }
.banner-button-prev::before, .banner-button-next::before { font-family: fontawesome; transform: skew(15deg); }
.banner-button-prev::before, .banner-button-next::before { transition: 0.3s ease-in-out; }
.banner-button-prev::before { content: ""; }
.banner-button-next::before { content: ""; }
.banner_info { position: absolute; top: 43%; left: 0px; width: 100%; padding-left: 10.88%; z-index: 9; }
.banner_info p { position: relative; color: rgb(255, 255, 255); font-size: 22px; font-family: PingFang-light; margin-bottom: 3.5%; transition: none; }
.banner_info b { color: rgb(255, 255, 255); font-size: 53px; font-family: PingFang-bold; letter-spacing: 1.3px; display: inline-block; position: relative; }
.banner_info a { display: inline-block; color: rgb(255, 255, 255); font-size: 16px; font-family: "PingFang SC"; text-transform: uppercase; padding: 0px 52px; line-height: 55px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; background-position: 91% 50%; background-size: 25px auto; text-align: center; position: relative; transition: none; }
.banner_info a::after { content: ""; width: 100%; height: 100%; background: 91% 50% rgb(225, 0, 0); position: absolute; top: 0px; left: 0px; z-index: -1; border: 1px solid rgb(225, 0, 0); opacity: 0; transition: 0.4s; border-radius: 5px; }
.banner_info a:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.banner_info a:hover::after { opacity: 1; padding-right: 30px; background-image: url("img/hover-more.png"); background-repeat: no-repeat; left: -10px; }
.index_main > section { position: relative; }
.index_hd { position: relative; }
.hd_title { color: rgb(0, 0, 0); font-size: 45px; font-family: "PingFang SC"; text-align: center; text-transform: uppercase; line-height: 1; padding-bottom: 17px; position: relative; }
.index_product_catalogue { margin-top: 20px; background-position: center top; background-size: 100% auto; background-repeat: no-repeat; }
.index_product_catalogue h2, .index_product_catalogue h1 { text-align: left; display: inline-block; color: rgb(255, 255, 255); padding-bottom: 0px; font-size: 30px; padding-left: 15px; }
.index_product_catalogue .index_hd { padding: 65px 0px 30px; }
.catalogue_tab { margin-right: 20px; float: right; margin-top: 8px; width: 54.4%; text-align: right; }
.catalogue_tab li { cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: inline-block; line-height: 50px; margin-left: 20px; border-radius: 6px; margin-top: -17px; padding: 0px 30px; text-align: center; font-family: PingFang-light; }
.catalogue_tab li:hover, .catalogue_tab li.active { background-color: rgb(225, 0, 0); }
.products_wrap { margin: 0px auto; width: 100%; }
.products_wrap .layout { padding: 20px; background-color: rgb(255, 255, 255); }
.index_product_catalogue .layout { width: 1540px; }
.products_wrap .catalogue_item { display: none; grid-template-columns: 45.4% 26% 26%; justify-content: space-between; row-gap: 20px; }
.products_wrap .catalogue_item.active { display: grid; }
.cata_item { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.cata_item:nth-child(1) { grid-area: 1 / 1 / 3; }
.cata_item:nth-child(2) { grid-area: 1 / 2 / auto / 4; }
.cata_item:nth-child(3) { grid-area: 2 / 2; }
.cata_item:nth-child(4) { grid-area: 2 / 3; }
.cata_item a img { width: auto; transition: 0.4s; }
.cata_item a:hover img { transform: scale(1.1); }
.cata_item h3 { color: rgb(58, 58, 58); font-size: 22px; font-family: "PingFang SC"; font-weight: normal; line-height: 1; text-transform: uppercase; }
.cata_item h3 a { color: rgb(58, 58, 58); font-weight: bold; }
.cata_item .more { color: rgb(102, 102, 102); font-size: 14px; font-family: "PingFang SC"; margin-top: 2px; display: block; }
.cata_item .more::after { content: ""; width: 14px; height: 14px; display: inline-block; margin-left: 5px; transform: translateY(5px); background: url("img/more-right.png") no-repeat; transition: 0.2s; }
.cata_item .more:hover::after { margin-left: 10px; }
.cata_item > a { display: block; text-align: center; position: relative; z-index: 9; }
.cata_item .cata_info { z-index: 98; position: absolute; top: 6.9%; left: 0px; right: 0px; margin: 0px auto; }
.cata_item:nth-child(1) .cata_info { text-align: center; margin-bottom: 70px; top: 9.5%; }
.cata_item:nth-child(1) h3 { font-size: 32px; }
.cata_item:nth-child(2) .cata_info { left: 0px; top: 7.2%; }
.cata_item:nth-child(3) .cata_info { left: 0px; }
.cata_item:nth-child(4) .cata_info { left: 0px; }
.cata_item:nth-child(2) .cata_info h3 { margin-left: 3.5%; }
.cata_item:nth-child(2) .cata_info .more { margin-left: 3.5%; transition: 0.2s; }
.cata_item:nth-child(2) .cata_info .more:hover { margin-left: 3.6%; }
.cata_item:nth-child(3) .cata_info h3, .cata_item:nth-child(4) .cata_info h3 { margin-left: 7.7%; }
.cata_item:nth-child(3) .cata_info .more, .cata_item:nth-child(4) .cata_info .more { margin-left: 7.7%; transition: 0.2s; }
.cata_item:nth-child(3) .cata_info .more:hover, .cata_item:nth-child(4) .cata_info .more:hover { margin-left: 6.4%; }
.cata_item:nth-child(1)::after { content: ""; width: 80%; height: 70%; border-radius: 50% 50% 0px 0px; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); background-color: rgb(233, 237, 243); filter: blur(50px); }
.cata_item:nth-child(2) > a { }
.catalogue_tab li, .news_img img { transition: 0.3s; }
.index_choose_us { padding: 110px 0px 125px; }
.index_choose_us h2 { padding-bottom: 15px; }
.choose_wrap { padding: 37px 0px 0px; position: relative; }
.choose_wrap .serices_list .serice_item .choose_imgs { width: 100%; }
.choose_wrap .serice_item { width: calc(50% - 10px); position: relative; }
.serice_item .service_info { position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.service_info h3 { color: rgb(255, 255, 255); font-size: 24px; font-family: "PingFang SC"; font-weight: normal; line-height: 1.5; }
.service_info a { display: inline-block; color: rgb(174, 175, 164); font-size: 16px; font-family: "PingFang SC"; margin-top: 11px; }
.service_info a img { transform: translateY(0px); transition: 0.2s; }
.service_info a:hover img { margin-left: 10px; }
.reasons_list { margin-top: 108px; }
.reasons_list .reason_item { width: 33.3%; flex-direction: column; justify-content: flex-start; margin-bottom: 50px; }
.reasons_list .reason_item:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.reason_item h3 { color: rgb(58, 58, 58); font-size: 23px; font-family: "PingFang SC"; line-height: 30px; height: 53px; margin: 20px 0px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; padding: 0px 45px; border-right: 2px solid rgb(223, 223, 223); }
.reason_item p { color: rgb(58, 58, 58); font-size: 16px; font-family: "PingFang SC"; line-height: 1.66; text-align: justify; padding: 0px 45px; border-right: 2px solid rgb(223, 223, 223); }
.reasons_list .reason_item:last-child h3, .reasons_list .reason_item:last-child p { border-right: 0px; }
.choose_wrap .learn_more, .index_company_news .learn_more { position: absolute; bottom: -5%; left: 50%; transform: translateX(-50%); color: rgb(102, 102, 102); font-size: 24px; font-family: "PingFang SC"; line-height: 1; z-index: 9; }
.choose_wrap .learn_more:hover, .index_company_news .learn_more:hover { color: rgb(225, 0, 0); }
.choose_wrap .learn_more img, .index_company_news .learn_more img { margin-left: 1px; transform: translateY(-1px); transition: 0.2s; filter: grayscale(1); width: auto; }
.choose_wrap .learn_more:hover img, .index_company_news .learn_more:hover img { margin-left: 10px; filter: initial; }
.reasons_list .reason_item .ico { padding-left: 45px; }
.index_company_news .learn_more { bottom: -8%; }
.index_company_news { margin-top: 30px; }
.company_news_list { position: relative; padding: 20px 0px 137px; }
.news_swiper { padding: 10px 5px; }
.news_item { border: 1px solid rgb(238, 238, 238); }
.news_item span { color: rgb(0, 0, 0); font-size: 20px; font-family: "PingFang SC"; }
.news_item .news_img { box-shadow: rgba(44, 44, 44, 0.08) 2px 2px 7px; }
.news_item .news_img > a { display: block; overflow: hidden; }
.news_item img { width: auto; }
.news_item:hover .news_img img { transform: scale(1.1); }
.news_item:hover .news_info h3 a { color: rgb(225, 0, 0); }
.news_info { padding: 15px 15px 10px; }
.news_info h3 { color: rgb(58, 58, 58); font-size: 22px; font-family: "PingFang SC"; font-weight: normal; line-height: 33px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news_info h3 a { color: rgb(0, 0, 0); font-weight: bold; }
.news_info p { color: rgb(58, 58, 58); font-size: 16px; font-family: "PingFang SC"; line-height: 28px; margin: 5px 0px 2px; text-align: justify; }
.news_info .news_date { margin-bottom: 0px; }
.news_date span { color: rgb(58, 58, 58); font-size: 14px; font-family: "PingFang SC"; }
.news_date i { color: rgb(255, 255, 255); font-size: 16px; font-family: "PingFang SC"; transform: scale(0.66); line-height: 30px; background-color: rgb(204, 204, 204); border-radius: 3px; padding: 0px 18px; display: inline-block; margin-left: -15px; }
.index_total_saved .swiper-pagination { bottom: 5%; text-align: center; width: 100%; }
.index_total_saved .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: rgb(247, 247, 247); display: inline-block; margin-right: 20px; border-radius: 15px; opacity: 0.5; }
.index_total_saved .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.right_nav { right: 0px; bottom: 50%; position: fixed; text-align: left; overflow: hidden; z-index: 9; transform: translateY(50%); }
.right_nav li { background: transparent; padding: 10px; cursor: pointer; position: relative; right: 0px; }
.right_nav li .iconBox { text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.right_nav .iconBox > img { width: 30px; height: 30px; }
.right_nav li h4 { color: rgb(173, 173, 173); font-size: 12px; margin: 2px 0px 2px 15px; }
.right_nav li:hover { background: transparent; }
.right_nav li .hideBox { display: none; position: absolute; right: 120px; padding: 10px 28px 10px 10px; top: -10px; z-index: 999; width: max-content; opacity: 1 !important; }
.right_nav li .hideBox .hb { border-width: 2px 1px 1px; border-style: solid; border-color: rgb(173, 173, 173) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; background-color: rgb(255, 255, 255); padding: 10px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; float: left; }
.right_nav li .hideBox .hb h5 { text-align: center; padding: 5px 0px; border-bottom: 2px solid rgb(173, 173, 173); color: rgb(173, 173, 173); font-size: 16px; font-weight: 400; white-space: nowrap; display: none; }
.right_nav li .hideBox .hb p { margin-top: 5px; font-size: 18px; font-weight: 700; }
.right_nav li .hideBox .hb .fonttalk { margin-top: 10px; }
.right_nav li .hideBox .hb .fonttalk a { display: flex; align-items: center; }
.right_nav li .hideBox .hb .fonttalk img { width: 25px; height: 25px; }
.right_nav li .hideBox .hb .fonttalk p { font-size: 14px; font-weight: 400; white-space: nowrap; margin-top: -5px; margin-left: 5px; }
.right_nav li .hideBox img { width: 140px; height: 140px; margin-top: 10px; }
.mobile-head-items { display: none; }
.side-product-items .swiper-slide { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.side-product-items .side_slider .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.side-product-items .swiper-button-disabled { color: rgb(238, 238, 238); cursor: default; }
.side-product-items .btn-prev:not(.swiper-button-disabled):hover, .side-product-items .btn-next:not(.swiper-button-disabled):hover { color: rgb(0, 0, 0); }
.accessory_list .swiper-button { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 19px; height: 32px; background-repeat: no-repeat; opacity: 1; z-index: 1; }
.accessory_list .swiper-button-prev { background-image: url("img/demo/arrl.png"); left: 20px; }
.accessory_list .swiper-button-next { background-image: url("img/demo/arrr.png"); right: 12px; }
.accessory_list .swiper-slide { background-color: rgb(244, 248, 255); text-align: center; }
.strategy_item .swiper-button-prev, .strategy_item .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; cursor: pointer; }
.strategy_item .swiper-button-prev { background-image: url("img/banner-left.png"); left: 14px; }
.strategy_item .swiper-button-next { background-image: url("img/banner-right.png"); right: 14px; }
.animation_video .swiper-slide { width: 80%; }
.animation_video .swiper-pagination { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); z-index: 9; }
.animation_video .swiper-pagination-bullet { display: inline-block; margin: 0px 3.5px; width: 38px; height: 4px; border-radius: 2px; background-color: rgb(255, 255, 255); opacity: 0.5; }
.animation_video .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.animation_video .swiper-button { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 9; }
.animation_video .swiper-button-prev { background-image: url("img/banner-left.png"); left: 11%; }
.animation_video .swiper-button-next { background-image: url("img/banner-right.png"); right: 11%; }
.animation_video.swiper-container-horizontal { overflow: visible; }
.change2 .swiper-slide img { height: auto; }
.PXID_video .swiper-slide { width: auto; position: relative; }
.PXID_video .swiper-slide img { width: auto; object-fit: cover; }
.mobile_position .procedure_item1::before { display: none; }
.PXID_meirt .layout .swiper-wrapper { overflow: hidden; }
.internal_lab_wrap.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: linear; }
.deve_controls .swiper-button { cursor: pointer; display: inline-block; width: 26px; height: 26px; border-radius: 50%; background-color: rgb(229, 229, 229); margin-left: 16px; background-position: center center; background-repeat: no-repeat; }
.deve_controls .swiper-button-prev { background-image: url("img/demo/arrl2.png"); }
.deve_controls .swiper-button-next { background-image: url("img/demo/arrr2.png"); }
.product-view .image-additional.swiper-container-horizontal > .swiper-pagination-bullets { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { display: none; margin-top: -16px; width: 25px; height: 32px; background: none; font-size: 24px; line-height: 32px; opacity: 1; }
.product-view .swiper-button-prev { left: 10px; }
.product-view .swiper-button-next { right: 10px; }
.product-view .swiper-button-next::before, .product-view .swiper-button-prev::before { width: 25px; height: 33px; background-image: url("img/web_icon.png"); background-repeat: no-repeat; content: ""; transition: 0.35s; }
.product-view .swiper-button-next::before { background-position: right -93px; }
.product-view .swiper-button-prev::before { background-position: -250px -93px; }
.product-view .swiper-button-next:hover::before { background-position: right -55px; }
.product-view .swiper-button-prev:hover::before { background-position: -250px -55px; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { background: none; opacity: 1; }
.product-view:hover .swiper-button-disabled { opacity: 0.3; }
.detail-tabs .mobile_manual .title::after { display: none; }
@keyframes upmoving { 
  0% { transform: translate(-16%, 0px); opacity: 0.5; }
  50% { transform: translate(-16%, -12px); opacity: 1; }
  100% { transform: translate(-16%, 0px); opacity: 0.5; }
}
@keyframes rise-up { 
  0% { opacity: 1; transform: translateY(120%); }
  100% { opacity: 1; transform: translateY(0%); }
}
.system_display .swiper-button, .merit_item1 .swiper-button { position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 2; cursor: pointer; }
.system_display .swiper-button-prev { background-image: url("img/demo/arr-left-3.png"); left: 21px; }
.system_display .swiper-button-next { background-image: url("img/demo/arr-right-3.png"); right: 21px; }
.merit_item1 .swiper-button { width: 16px; height: 21px; }
.merit_item1 .swiper-button-prev { background-image: url("./img/case-p1-left.png"); left: 21px; }
.merit_item1 .swiper-button-next { background-image: url("./img/case-p1-right.png"); right: 21px; }
.product-f02 .product_merit .merit_item1 .swiper-slide > img { min-width: 100%; }
.product-f02 .merit_item1 .swiper-pagination { position: absolute; display: inline-block; width: 100%; height: 8px; color: rgb(255, 255, 255); vertical-align: middle; bottom: 38px !important; }
.product-f02 .merit_item1 .swiper-pagination .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; margin-right: 23px; width: 60px; height: 4px; background: rgb(255, 255, 255); color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }
.product-f02 .merit_item1 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.ultimate_balabce_list .swiper-slide { width: 715px; }
.ultimate_balabce_list .swiper-pagination { position: absolute; bottom: 0px; left: 0px; height: 5px; border-radius: 5px; background-color: rgb(56, 56, 56); width: 100%; display: flex; }
.ultimate_balabce_list .swiper-pagination-bullet { height: 5px; border-radius: 2px; display: inline-block; background-color: transparent; }
.ultimate_balabce_list .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); }
.ultimate_balabce_list.swiper-container-horizontal { overflow: visible; }
@keyframes blink-caret { 
  50% { background-color: transparent; }
}
.product_display .swiper-button { position: absolute; top: 50%; transform: translateY(-50%); width: 31px; height: 61px; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 9; cursor: pointer; }
.product_display .swiper-button-prev { background-image: url("img/demo/left.png"); left: 7.3%; }
.product_display .swiper-button-next { background-image: url("img/demo/right.png"); right: 7.3%; }
.products_swiper { position: relative; }
.products_swiper .swiper-slide { background-color: rgb(20, 20, 21); text-align: right; }
.products_swiper h3 { color: rgb(255, 255, 255); font-size: 50px; text-align: left; line-height: 50px; font-family: "PingFang SC"; font-weight: normal; width: 55%; position: absolute; top: 49%; left: 0px; padding-left: 11%; }
.products_swiper .swiper-pagination, .install_taillight .swiper-pagination { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 9; }
.products_swiper .swiper-pagination-bullet, .install_taillight .swiper-pagination-bullet { display: inline-block; width: 20px; height: 20px; margin: 0px 10px; border-radius: 50%; opacity: 0.3; background-color: rgb(255, 255, 255); }
.products_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active, .install_taillight .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 0.6; }
.details_lilst .swiper-slide { position: relative; width: auto; }
.details_lilst .swiper-slide:first-child h3 { top: 58px; bottom: unset; text-align: center; line-height: 1.2; }
.goods-may-like .swiper-pagination-bullets { text-align: center; line-height: 1; }
.goods-may-like .swiper-pagination-bullet, .goods-may-like .swiper-pagination-bullet::before { width: 14px; height: 14px; }
@media only screen and (max-width: 768px){.inquiry-form .form-btn-wrapx .form-btn-submitx { top: 0px !important; }}
@media only screen and (max-width: 1680px){body { min-width: 1440px; }
.head_nav > li > a, .store { font-size: 16px; }}
@media only screen and (max-width: 1520px){.layout, .index_product_catalogue .layout { width: 90%; }}
@media only screen and (max-width: 1440px){.head_nav > li { margin-left: 20px; }
.head_nav > li > a { font-size: 17px; }
.head_nav li a b { right: -18px; }
.head_layer .change-language-title > .language-flag-en span { font-size: 20px; }
body { min-width: 1200px; }
.layout { width: 1200px; }
.product-p5 .model-1 h3, .long_range h3, .products_merit .p_merit_item:nth-child(1) h3, .products_merit .p_merit_item:last-child h3, .products_swiper h3, .more_details h3, .model-4 h3 { font-size: 3vw; line-height: 1.3; }
.head_layer .layout { width: 95%; }
.head_nav > li { margin: 0px 18px; }
.foot_item .title { font-size: 24px; }
.foot_sns li { margin-right: 15px; }
.news_info p { font-size: 16px; }
.slider_banner .swiper-slide[data-swiper-slide-index="0"] .banner_info { top: 62% !important; }
.slider_banner .swiper-pagination { width: 80%; }}
@media only screen and (max-width: 1366px){.catalogue_tab li { margin-left: 0px; }}
@media only screen and (max-width: 1280px){body { min-width: unset; }
.layout, .page_main .layout, .path_bar .layout { width: 98%; }
.nav_wrap .head_nav > li > a { font-size: 14px; }
.head_layer .change-language-title > .language-flag-en span { font-size: 18px; }
.web_head .head_right { padding-left: 18px; }
.web_head .logo { padding-left: 0px; }
.hd_title { font-size: 36px; }
.pro_list li > a { height: 200px; line-height: 200px; }
.pro_category h3 { font-size: 24px; }
.pro_list h4 a { font-size: 18px; }
.foot_inquiry h2 { font-size: 48px; }
.products_swiper h3 { width: 50%; }
.banner_info b { font-size: 40px; }}
@media screen and (max-width: 1170px){.catalogue_tab li { padding: 0px 20px; font-size: 16px; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info { top: 32% !important; }
.foot_item_product { width: 17%; }
.foot_item_links { width: 17.6%; }
.foot_item_about { width: 15.6%; }
.foot_item_download { width: 16%; }
.foot_item .title { font-size: 20px; }
.pro_list li img, .pro_list h4 a img { max-width: 100%; }
.pro_list li > a { height: 110px; line-height: 110px; }
.product_menu_wrap .pro_category:nth-of-type(3) .pro_list li > a { height: 125px; }
.letter-text.mobile-top .fl-module-content, .letter-text.contact-mobile-text .fl-module-content { margin-left: 10px !important; }
.products_swiper h3 { line-height: 1; }
.products_swiper .swiper-p { top: 63%; width: 50%; }
.web_head .nav_wrap .head_nav { padding-right: 10px !important; }}
@media only screen and (max-width: 1080px){.nav_wrap .head_nav > li > a { font-size: 14px; }
.head_layer .change-language-title > .language-flag-en span { font-size: 16px; }
.index_product_catalogue h2, .index_product_catalogue h1 { font-size: 26px; }
.catalogue_tab li { padding: 0px 15px; font-size: 16px; }
.web_head .nav_wrap .head_nav { padding-right: 20px !important; }
.head_nav > li { margin: 0px 8px !important; }}
.mobile-swiper, .mobile_position { display: none; }
@media only screen and (max-width: 950px){body { min-width: 100%; }
.index_web_head .layout { width: 100%; }
.web_head.index_web_head .logo img { max-height: 100%; }
.mobile-body-mask { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); }
.mobile-ico-close { position: absolute; top: 0px; right: -35px; width: 30px; height: 30px; background: url("img/mobile_close.png") center center / 50% auto no-repeat rgb(255, 255, 255); cursor: pointer; }
.sub-content { position: relative; right: auto; z-index: 99999; display: block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; box-shadow: none; }
.mobile-head-items { position: fixed; top: 0px; left: 0px; z-index: 999; display: block; width: 100%; height: 83px; background: rgb(0, 0, 0); text-align: left; line-height: 83px; }
.mobile-head-item { float: left; width: 20%; }
.mobile-head-item.mobile-head-language { width: 60%; text-align: center; }
.mobile-head-item.mobile-head-language img { max-height: 30px; width: auto; }
.mobile-head-item.mobile-head-aside { float: right; }
.mobile-head-item .title { overflow: hidden; width: 100%; height: 83px; color: rgb(255, 255, 255); text-align: center; line-height: 83px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mobile-head-item .title a { position: relative; display: block; color: rgb(255, 255, 255); }
.mobile-head-item.mobile-head-home .title a::before { content: ""; }
.mobile-head-item.mobile-head-nav .title::before { content: ""; font-size: 20px; }
.mobile-head-item.mobile-head-language .title::before { content: ""; }
.mobile-head-item.mobile-head-search .title::before { content: ""; font-size: 20px; }
.mobile-head-item.mobile-head-social .title::before { content: ""; }
.mobile-head-item.mobile-head-aside .title::before { content: ""; }
.mobile-head-item .main-content-wrap { top: 0px; z-index: 99999; display: block; background: rgb(255, 255, 255); }
.mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; padding: 15px 10px; height: 100%; background-color: rgb(255, 255, 255); }
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; }
.mobile-head-item .side-content-wrap { position: fixed; left: -70%; display: block; width: 70%; height: 100%; }
.mobile-head-item .middle-content-wrap { position: absolute; left: 0px; visibility: hidden; padding: 20px 0px; width: 100%; height: auto; opacity: 0; }
.mobile-head-item .middle-show-content-wrap { top: 83px; visibility: visible; opacity: 1; }
.web_head .nav_wrap .head_nav, .web_head .change-language, .head-search .search-attr, .btn--search, .head_bar, .head_inquiry { display: none; }
.index_main .layout, .layout { margin: 0px auto; width: 98%; }
.web_head, .web_head.index_web_head { padding: 83px 0px 0px; height: auto; background: rgb(0, 0, 0); position: relative; left: auto; top: auto; }
.web_head .logo, .web_head.index_web_head .logo { position: relative; width: 100%; max-width: unset; text-align: center; padding: 25px 0px; transform: unset; display: none; }
.web_head .logo img, .web_head.index_web_head .logo img { width: auto; }
.web_head .nav_wrap { position: static; }
.head-search { position: relative; width: 90%; height: 35px; border: 1px solid rgb(35, 35, 35); margin: 0px auto; border-radius: 30px; }
.head-search .search-ipt { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; color: rgb(35, 35, 35); padding: 0px 10px; }
.head-search .search-ipt::placeholder { color: rgb(102, 102, 102); }
.head-search .search-btn { position: absolute; width: 35px; height: 100%; background: url("img/demo/search_ico.png") center center / auto 16px no-repeat; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; right: 0px; top: 0px; display: block !important; }
.head-search .search-attr { display: none; }
.web_head { background: rgb(255, 255, 255); }
.head_nav { width: 100%; }
.head_nav > li { display: block; }
.head_nav li { padding-top: 4px; padding-bottom: 4px; padding-left: 28px; }
.head_nav li, .head_nav li a, .head_nav > li ul li a, .head_nav li:hover a { color: rgb(17, 17, 17); }
.head_nav li.has-child { margin-top: 0px; margin-bottom: 0px; padding-left: 28px; }
.head_nav li.has-child > a { margin-top: 3px; margin-right: 35px; margin-bottom: 3px; }
.head_nav li.has-child > ul { position: relative; top: auto; left: auto; margin-left: 0px; padding: 0px 0px 0px 10px; width: 100%; border-top: unset; box-shadow: unset; opacity: 1; transform: scaleY(1); background: rgb(255, 255, 255); display: none; }
.head_nav li a { position: relative; display: block; line-height: 1.4em; }
.head_nav li a:hover { color: inherit; }
.head_nav li li { font-size: 14px; }
.head_nav li li a { color: rgb(102, 102, 102); }
.head_nav li.has-child a b { position: absolute; top: 10px; right: -35px; display: inline-block; overflow: hidden; box-sizing: content-box; width: 15px; height: 15px; border: 1px solid rgb(17, 17, 17); border-radius: 2px; line-height: 15px; }
.head_nav li.has-child a b::before, .head_nav li.has-child a b::after { position: absolute; top: 50%; left: 3px; display: block; margin-top: -0.5px; width: 9px; height: 1px; background-color: rgb(17, 17, 17); content: ""; }
.head_nav li.has-child a b::after { transform: rotate(90deg); }
.head_nav li.has-child a:hover b { border-color: rgb(17, 17, 17); }
.head_nav > li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(242, 242, 242); margin: 0px; }
.head_nav > li > a { position: relative; margin-bottom: -1px; text-transform: uppercase; font-size: 16px; }
.head_nav li, .head_nav li.has-child { padding-left: 3px; }
.web_head .nav_wrap { display: none; }
.head_nav > li ul li { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.head_nav > li::before { display: none; }
.store { display: none; }
.product_menu_wrap { display: none; }
.head_nav > li > a::after { content: none; }
.foot_service .foot_items { flex-wrap: wrap; }
.foot_service .foot_items .foot_item { width: 50%; margin: 0px 0px 20px; }
.foot_service .foot_items { padding: 5% 3%; }
.foot_txt_list li a { font-size: 16px; }
.foot_txt_list li { line-height: 30px; }
.foot_item .title { font-size: 24px; height: auto; }
.hd_title { font-size: 28px; }
.banner_info { top: 40%; }
.banner_info p { font-size: 24px; }
.banner_info a { font-size: 14px; padding: 0px 15px; }
.index_product_catalogue { background-size: auto; }
.catalogue_tab li { font-size: 16px; padding: 0px 10px; margin-left: 15px; }
.products_wrap .catalogue_item.active { display: block; }
.cata_item { width: 100%; margin: 10px 0px; }
.cata_item h3 { font-size: 18px; }
.reasons_list { margin-top: 50px; }
.service_info h3 { font-size: 18px; }
.service_info a { font-size: 16px; margin-top: 20px; }
.index_choose_us { padding: 10% 0px; }
.reasons_list .reason_item { padding: 0px 10px 20px; }
.reason_item h3 { font-size: 24px; margin: 50px 0px 25px; line-height: 1.2; height: auto; }
.choose_wrap .learn_more { font-size: 18px; }
.choose_wrap .learn_more img { margin-left: 20px; }
.news_info { padding: 5%; }
.news_info h3 { font-size: 24px; line-height: 1.2; height: auto; }
.news_info p { font-size: 16px; margin: 8px 0px; line-height: 24px; }
.company_news_list { padding: 5% 5% 10%; }
.PXID_change .swiper-slide img { width: 100%; }
.side-product-items .side_slider .swiper-wrapper { display: block; margin: 0px -5px; width: auto; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { }
.product-view .swiper-button-next { right: 0px; }
.product-view .swiper-button-prev { left: 0px; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { opacity: 1; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 0.3; }
.sns_item { position: initial !important; width: 100%; }
.banner_info b { font-size: 32px; }
.slider_banner .swiper-slide[data-swiper-slide-index="4"] .banner_info, .slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info, .slider_banner .swiper-slide[data-swiper-slide-index="0"] .banner_info, .banner_info { top: auto !important; bottom: 80px; }
.slider_banner .swiper-pagination-bullet { width: 70px !important; }
.index_product_catalogue h2, .index_product_catalogue h1 { display: block; text-align: center; }
.catalogue_tab { width: 100%; display: block; text-align: center; margin-top: 40px; }
.mobile-swiper { display: block; opacity: 1; }
.mobile_position, .mobile_position .procedure_item1 { display: block; }}
@media only screen and (max-width: 768px){.web_head .head_top { line-height: 100px; }
.hd_title { font-size: 24px; }
.reasons_list .reason_item { width: 100%; margin: 10px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.choose_wrap .learn_more { bottom: -20px; left: 50%; }
.banner_info p { display: none; }
.banner_info b { font-size: 26px; width: 100%; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info { padding-right: 0px !important; }
.banner_info { padding-left: 0px; text-align: center !important; }
.catalogue_tab { width: 100%; padding-left: 0px; margin-top: 20px; margin-right: 0px; }
.catalogue_tab li { margin-top: 0px; padding: 0px 7px; font-size: 14px; margin-left: 0px; line-height: 31px; }
.index_title { padding: 0px 60px !important; }
.reasons_list .reason_item .ico { padding-left: 15px; }
.reason_item h3, .reason_item p { padding: 0px 15px; border-right: 0px; }
.company_news_list { padding: 0px; }
.news_info p { font-size: 15px; }
.change0 .swiper-slide img, .change2 .swiper-slide img, .change3 .swiper-slide img { height: 400px; object-fit: cover; }
.mobile-content .fl-rich-text { text-align: center !important; }
.mobile-content .fl-module-content { margin: 0px !important; }
.mobile-text .fl-rich-text span:last-child { margin-left: -42px; }
.banner-button-prev, .banner-button-next { width: 40px; height: 40px; line-height: 40px; }
.banner-button-prev { left: 20px; }
.banner-button-next { right: 20px; }
.index_choose_us.new-style .choose_wrap .reason_item img { width: 40px; }}
@media only screen and (max-width: 640px){.hd_title { font-size: 22px; }
.news_info h3, .reason_item h3, .banner_info p { font-size: 18px; }
.reason_item p { font-size: 16px; }
.choose_wrap .serice_item { width: 100%; margin: 10px 0px; }
.banner_info a { line-height: 28px; margin-top: 12px; }
.slider_banner .swiper-pagination-bullet { width: 20px !important; }
.slider_banner .swiper-pagination { bottom: 5px; }
.index_product_catalogue h2, .index_product_catalogue h1 { font-size: 24px; }
.light-box .image-pop { width: 100%; }
.light-box .image-pop .close { transform: translateY(-150%) !important; }
.index_total_saved .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
.foot_service .foot_items .foot_item { width: 100%; }
.foot_item .title { font-size: 18px; margin: 10px 0px; }
.foot_txt_list li a, .news_item .news_info h5, .foot_contact_list .item_val { font-size: 14px; }
.foot_sns { margin-top: 30px; }
.products_swiper .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 5px; }
.products_swiper .swiper-pagination { bottom: 10px; }
.swiper-slide img { width: 100%; }
.index_company_news .swiper-slide img { width: auto; }
.index_company_news .news_date i { margin-left: 0px; }
.copyright, .copyright a { padding: 16px 0px 20px; font-size: 14px; }}
@media only screen and (max-width: 480px){.mobile-hide { display: none !important; }
.gotop { display: none !important; }
.hd_title { font-size: 20px; }
.banner_info { top: 34%; }
.banner_info p { font-size: 16px; }
.reason_item h3 { margin: 20px 0px 10px; }
.news_info h3, .reason_item h3 { font-size: 16px; }
.total_content p, .total_content span, .service_info h3 { font-size: 16px; }
.reason_item p, .service_info a { font-size: 14px; }
.choose_wrap .learn_more { font-size: 14px; white-space: nowrap; }
.index_product_catalogue h2, .index_product_catalogue h1 { font-size: 18px; }
.index_total_saved .swiper-pagination { bottom: 25px; }
.foot_item .title { font-size: 16px; }
.foot_item_inquiry .inquiry_btn { font-size: 16px; }
.foot_item_inquiry .inquiry_btn img { margin-right: 10px; }
.main_banner .swiper-pagination-bullet { width: 8px; height: 8px; }
.product-view .swiper-button-prev, .product-view .swiper-button-next { width: 27px; height: 40px; font-size: 18px; line-height: 40px; opacity: 0.8; transform: none; }
.product-view .swiper-button-prev { position: absolute; left: 20px; top: 50%; padding-right: 2px; border-radius: 0px 3px 3px 0px; cursor: pointer; }
.product-view .swiper-button-next { position: absolute; right: 10px; top: 50%; padding-left: 2px; border-radius: 3px 0px 0px 3px; cursor: pointer; }
.product-view .swiper-button-prev::before, .product-view .swiper-button-next::before { display: inline-block; transform: scale(0.7, 1); background-image: none; }
.product-view .swiper-button-prev::before { content: ""; }
.product-view .swiper-button-next::before { content: ""; }
.goods-may-like .swiper-slider { position: relative; }
.goods-may-like .swiper-control { position: static; }
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next { position: absolute; margin-top: -15px; margin-right: 0px; margin-left: 0px; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.7); line-height: 30px; }
.goods-may-like .layer-bd .swiper-button-prev { left: 5px; }
.goods-may-like .layer-bd .swiper-button-next { right: 5px; }
.product-p5 .model-1 h3, .long_range h3, .products_merit .p_merit_item:nth-child(1) h3, .products_merit .p_merit_item:last-child h3, .products_swiper h3, .more_details h3 { font-size: 18px; }}
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.swiper-wrapper { position: relative; z-index: 1; display: flex; box-sizing: content-box; width: 100%; height: 100%; transition-property: transform, -webkit-transform; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; }
.swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; transition-property: transform, -webkit-transform; flex-shrink: 0; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { transition-property: transform, height, -webkit-transform; -webkit-box-align: start; align-items: flex-start; }
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }
.index_exhibition_wrap .swiper-button-next, .index_exhibition_wrap .swiper-button-prev { position: absolute; z-index: 2; width: 50px; height: 24px; border-radius: 2px; text-align: center; font-size: 30px; line-height: 24px; opacity: 1; cursor: pointer; transition: 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.index_exhibition_wrap .swiper-button-next::before, .index_exhibition_wrap .swiper-button-prev::before { content: ""; background-position: center center; background-repeat: no-repeat; width: 50px; height: 24px; display: inline-block; color: rgb(1, 0, 0); }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: auto; }
.index_exhibition_wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 147px; right: 377px; left: auto; }
.index_exhibition_wrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 147px; right: 315px; left: auto; }
.index_exhibition_wrap .swiper-button-prev::before, .swiper-container-rtl .swiper-button-next::before { background-image: url("img/demo/arrow_left_l.png"); }
.index_exhibition_wrap .swiper-button-next::before, .swiper-container-rtl .swiper-button-prev::before { background-image: url("img/demo/arrow_right_l.png"); }
.index_exhibition_wrap .swiper-button-next.swiper-button-disabled::before { background-image: url("img/demo/arrow_right_s.png"); }
.index_exhibition_wrap .swiper-button-prev.swiper-button-disabled::before { background-image: url("img/demo/arrow_left_s.png"); }
.application_container.swiper-container-horizontal { position: relative; }
.index_application_wrap .swiper-button-next, .index_application_wrap .swiper-button-prev { cursor: pointer; position: absolute; top: 52.5%; width: 65px; height: 150px; background-color: rgb(241, 237, 73); z-index: 2; text-align: center; opacity: 0.5; }
.index_application_wrap .swiper-button-prev { right: auto; left: -30px; }
.index_application_wrap .swiper-button-next { right: -30px; left: auto; }
.index_application_wrap .swiper-button-next::before, .index_application_wrap .swiper-button-prev::before { color: rgb(102, 102, 102); font-size: 65px; font-family: "PingFang SC"; line-height: 150px; }
.index_application_wrap .swiper-button-prev::before { content: "<"; }
.index_application_wrap .swiper-button-next::before { content: ">"; }
.index_application_wrap .swiper-button-next.swiper-button-disabled, .index_application_wrap .swiper-button-prev.swiper-button-disabled { opacity: 0.6; }
.index_application_wrap .swiper-button-next:hover, .index_application_wrap .swiper-button-prev:hover { opacity: 0.8; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: center; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullet { position: relative; cursor: pointer; display: none; }
.swiper-pagination-bullet::before { content: ""; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-vertical > .swiper-pagination-bullets { top: 50%; right: 10px; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; transform: translateY(-50%); }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.3s, -webkit-transform 0.3s; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; transform: translateX(-50%); }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.3s, -webkit-transform 0.3s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.3s, -webkit-transform 0.3s; }
.swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 122, 255); transform: scale(0); transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-container-horizontal { overflow: hidden; }
.swiper-container-horizontal > .swiper-pagination-progressbar { top: 0px; left: 0px; width: 100%; height: 4px; }
.swiper-container-vertical > .swiper-pagination-progressbar { top: 0px; left: 0px; width: 4px; height: 100%; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }
.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, 0.5); }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader::after { display: block; width: 100%; height: 100%; background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; content: ""; }
.swiper-lazy-preloader-white::after { }
@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
.swiper-container .swiper-notification { position: absolute; top: 0px; left: 0px; z-index: -1000; opacity: 0; pointer-events: none; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { transition-property: opacity; pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; transform-origin: 0px 0px; pointer-events: none; backface-visibility: hidden; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; backface-visibility: hidden; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { }
@media screen and (max-width: 480px){.swiper-pagination-bullet { margin: 0px 5px; width: 10px; height: 10px; }}
.swiper-container { overflow: hidden; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%; }
.swiper-slide { }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.swiper-container .swiper-wrapper { width: auto; }}
.inquiry-form ul li { background: none; }
.entry .inquiry-form-wrap { margin: 20px 0px 0px; }
.container { position: relative; min-height: 100vh; background-position: left bottom; background-repeat: no-repeat; }
.search-ipt { border: 0px; border-radius: 0px; background: transparent; appearance: none; }
.web-search { display: flex; visibility: hidden; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.web-search .btn--search-close { position: absolute; top: 1.25em; right: 1.25em; display: none; width: 45px; height: 45px; border-radius: 50%; background-color: rgb(204, 204, 204); background-image: url("img/search_btn_close.png"); background-position: center center; background-repeat: no-repeat; font-size: 1.8em; line-height: 45px; cursor: pointer; transition: transform 0.3s; background-size: auto 35%; }
.web-search .btn--search-close:hover { background-color: rgb(7, 176, 239); transform: rotate(90deg); }
.web-search .search-ipt { display: inline-block; box-sizing: border-box; padding: 0.05em 0px; width: 75%; border-bottom: 3px solid; color: rgb(51, 51, 51); font-size: 20px; font-family: inherit; line-height: 1em; }
.web-search .search-ipt::-webkit-input-placeholder { color: rgb(51, 51, 51); font-weight: bold; }
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration { appearance: none; }
.web-search .search-attr { display: block; margin: 0px auto; padding: 0.85em 0px; width: 75%; color: rgb(51, 51, 51); text-align: right; font-size: 90%; }
.js .container, .js .web-search .search-ipt { transition: 0.3s ease-in-out; }
.js .web-search { pointer-events: none; }
.web-search { position: fixed; top: 0px; left: 0px; z-index: 100001; margin: auto; padding: 25px 0px; width: 100%; background-color: rgb(255, 255, 255); transition: 0.3s; transform: translateY(-100%); perspective: 1200px; }
.web-search .btn--search-close { opacity: 0; transition: opacity 0.3s; }
.search__suggestion, .web-search .search-attr { opacity: 0; transition: opacity 0.8s, transform 0.8s; transform: translate3d(-15%, 0px, 0px); }
.web-search .search-attr { padding-bottom: 0px; font-size: 20px; }
.js .web-search .search-ipt { padding: 0px 0px 15px; text-transform: uppercase; font-weight: bold; font-size: 60px; opacity: 0; transform: scale3d(0, 1, 1); transform-origin: 0% 50%; border-bottom-width: 1px; }
.js .web-search .search-ipt, .web-search .search-attr { transition-delay: 0.15s; }
.js .web-search .search-btn { display: none !important; }
.scrollsidebar, .scrollsidebar a { color: rgb(153, 153, 153); font-size: 12px; font-family: Arial; }
.scrollsidebar { position: absolute; top: 150px; right: 0px; z-index: 30; }
.side_content .side_list .cont li .inquiry::before { background-image: url("img/custom_service/icons03.png"); }
.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0px 0px -300px; width: 600px; height: 630px; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 10px; }
.inquiry-pop-bd::before { position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0px; left: 0px; z-index: 1; padding: 33px 30px 30px; width: 100%; height: 100%; background: rgb(255, 255, 255); animation: 0.4s ease 0s 1 normal none running fadeInDownA; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url("img/custom_service/fancy_close.png") center center no-repeat; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100%; height: 507px; }
@media screen and (max-width: 550px){.inquiry-pop-bd { inset: 10px; margin: auto; width: auto; }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }}
.prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; }
.mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; }
.change-language .change-language-title, .change-language .change-language-title a { font-size: 14px; color: rgb(126, 126, 126); }
.change-language .change-language-title a::after { color: rgb(126, 126, 126); padding-left: 2px; content: ""; font-size: 14px; font-family: fontawesome; display: none; }
.change-language:hover .change-language-title a::after, .currency:hover a::after { transform: rotate(-180deg); }
.change-language .change-language-cont { position: absolute; top: 36px; right: 0px; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid rgb(238, 238, 238); border-radius: 5px; background: rgb(255, 255, 255); opacity: 0; transition: 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); }
.change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); }
.change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0px 0px 10px; padding: 0px 10px 0px 0px; width: 30%; vertical-align: top; font-size: 10pt; }
.change-language .change-language-cont li a:hover { color: rgb(7, 176, 239); }
.change-language .change-language-cont .lang-item-hide { display: none !important; }
.change-language .change-language-cont .lang-more { position: relative; display: block; font-size: 14px; text-align: center; line-height: 30px; cursor: pointer; }
.change-language .change-language-cont .more-active { font-size: 20px; }
.language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0px 0px 0px 35px; vertical-align: top; white-space: nowrap; font-size: 14px; }
.change-language ::-webkit-scrollbar { width: 5px; }
.change-language ::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); }
.change-language ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0, 0, 0, 0.3); }
.change-language .language-cont:hover::-webkit-scrollbar-thumb { display: block; }
.language-flag .country-flag { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); display: inline-block; width: 22px; height: 16px; background-image: url("img/all-m.gif"); background-repeat: no-repeat; vertical-align: top; }
.change-language-title > .language-flag-en .country-flag { background-image: url("img/demo/language-flag.png"); background-repeat: no-repeat; height: 22px; background-position: left center !important; }
.change-language .change-language-title a::after { font-family: fontawesome; content: ""; font-size: 12px; display: inline-block; padding-left: 2px; color: rgb(28, 28, 28); }
.change-language-title > .language-flag-en span { font-size: 12px; color: rgb(28, 28, 28); padding-left: 28px; vertical-align: middle; }
.language-flag-en .country-flag { background-position: 0px -256px !important; }
@-webkit-keyframes fadeInLeftA { 
  0% { opacity: 0; transform: translate3d(-30%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeftA { 
  0% { opacity: 0; transform: translate3d(-30%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUpA { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInUpA { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUpB { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, -84px, 0px); }
}
@keyframes fadeInUpB { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, -84px, 0px); }
}
@-webkit-keyframes fadeInRightA { 
  0% { opacity: 0; transform: translate3d(30%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInRightA { 
  0% { opacity: 0; transform: translate3d(30%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes twinkling { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes OrangePulse { 
  0% { background-color: rgba(210, 174, 109, 0.2); box-shadow: rgb(210, 174, 109) 0px 0px 10px; }
  50% { background-color: rgb(210, 174, 109); box-shadow: rgb(210, 174, 109) 0px 0px 10px; }
  100% { background-color: rgba(210, 174, 109, 0.2); box-shadow: rgb(210, 174, 109) 0px 0px 10px; }
}
@-webkit-keyframes swing { 
  20% { transform: rotate(40deg); }
  40% { transform: rotate(-20deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
@keyframes swing { 
  20% { transform: rotate(40deg); }
  40% { transform: rotate(-20deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes jump { 
  0% { transform: translateY(0px); }
  25% { transform: translateY(-20%); }
  50% { transform: translateY(0px); }
  75% { transform: translateY(-10%); }
  100% { transform: translateY(0px); }
}
@keyframes jump { 
  0% { transform: translateY(0px); }
  25% { transform: translateY(-20%); }
  50% { transform: translateY(0px); }
  75% { transform: translateY(-10%); }
  100% { transform: translateY(0px); }
}
@-webkit-keyframes bounceInA { 
  0%, 100%, 20%, 40%, 60%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceInA { 
  0%, 100%, 20%, 40%, 60%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes fadeInDownA { 
  0% { opacity: 0; transform: translate3d(0px, -20%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInDownA { 
  0% { opacity: 0; transform: translate3d(0px, -20%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInA { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes flipInY { 
  0% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateY(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateY(10deg); }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInY { 
  0% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateY(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateY(10deg); }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes zoomInA { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); }
  50% { opacity: 1; }
}
@keyframes zoomInA { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); }
  50% { opacity: 1; }
}
.page-logo, .page_head .index-logo { display: none; }
.page_nav, .other_head { display: none; }
.PXID_change .swiper-slide { cursor: pointer; }
.light-box .image-pop .close { position: absolute; top: 0px; right: 0px; transform: translate(100%, 50%); width: 30px; height: 30px; background: url("img/custom_service/fancy_close.png") center center no-repeat; cursor: pointer; z-index: 999; }
.light-box { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.5s ease-in-out; transform: scale(0); }
.light-box .image-pop { position: relative; text-align: center; }
.slider_banner .swiper-slide[data-swiper-slide-index="3"] .banner_info, .slider_banner .swiper-slide[data-swiper-slide-index="4"] .banner_info { text-align: center; padding-left: 0px; }
.button-none .swiper-button { display: none; }
.slider_banner .swiper-slide[data-swiper-slide-index="3"] .banner_info { top: 37.5%; }
.slider_banner .swiper-slide[data-swiper-slide-index="4"] .banner_info { top: 42%; }
.slider_banner .swiper-slide[data-swiper-slide-index="3"] .banner_info p { margin-bottom: 3.2%; }
.slider_banner .swiper-slide[data-swiper-slide-index="3"] .banner_info b { display: inline-block; margin-bottom: 10px; letter-spacing: initial; }
.slider_banner .swiper-slide[data-swiper-slide-index="0"] .banner_info { top: 70.7%; padding-left: 0px; text-align: center; }
.slider_banner .swiper-slide[data-swiper-slide-index="0"] .banner_info p { margin-bottom: 1.4%; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info { text-align: center; padding-right: 16.8%; top: 50.5%; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info p { color: rgb(255, 255, 255); margin-bottom: 2.5%; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info b { color: rgb(255, 255, 255); letter-spacing: initial; }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info a { color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.5); }
.slider_banner .swiper-slide[data-swiper-slide-index="2"] .banner_info a:hover { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.right_nav { right: -75px; bottom: 22%; position: fixed; text-align: left; overflow: hidden; z-index: 99; border-radius: 25px 0px 0px 25px; transform: translateY(50%); }
.right_nav li { background: rgb(225, 0, 0); margin: 4px 0px; padding: 10px; position: relative; border-radius: 50px 0px 0px 50px; right: 0px; }
.right_nav li .iconBox { text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.right_nav .iconBox > img { width: 30px; height: 30px; background-color: white; border-radius: 50%; padding: 7%; }
.right_nav li h4 { color: rgb(255, 255, 255); font-size: 12px; margin: 2px 0px 2px 15px; }
.right_nav li:hover { background: rgb(210, 50, 50); }
.right_nav li .hideBox { display: none; position: absolute; right: 120px; padding: 10px 28px 10px 10px; top: -10px; z-index: 999; width: max-content; opacity: 1 !important; }
.right_nav li .hideBox .hb { border-width: 2px 1px 1px; border-style: solid; border-color: rgb(210, 50, 50) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; background-color: rgb(255, 255, 255); padding: 10px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; float: left; }
.right_nav li .hideBox .hb h5 { text-align: center; padding: 5px 0px; border-bottom: 2px solid rgb(204, 204, 204); color: rgb(210, 50, 50); font-size: 16px; font-weight: 400; white-space: nowrap; display: none; }
.right_nav li .hideBox .hb p { margin-top: 5px; font-size: 18px; font-weight: 700; color: rgb(0, 0, 0); }
.right_nav li .hideBox .hb a { color: rgb(0, 0, 0); }
.right_nav li .hideBox .hb a:hover { color: rgb(210, 50, 50); }
.right_nav li .hideBox .hb .fonttalk { margin-top: 10px; }
.right_nav li .hideBox .hb .fonttalk a { display: flex; align-items: center; }
.right_nav li .hideBox .hb .fonttalk img { width: 25px; height: 25px; }
.right_nav li .hideBox .hb .fonttalk p { font-size: 14px; font-weight: 400; white-space: nowrap; margin-top: -5px; margin-left: 5px; }
.right_nav li .hideBox img { width: 140px; height: 140px; margin-top: 10px; }
.index_choose_us .index_hd, .index_company_news .index_hd { text-align: center; }
.index_title { display: inline-block; position: relative; padding: 0px 100px; transition: 0.3s ease-in-out; }
.index_title:hover { padding: 0px 120px; }
.contact-msg .mauticform_wrapper { max-width: 680px !important; }
.contact-msg .mauticform-selectbox { background: none; color: rgb(102, 102, 102); height: 38px !important; margin-bottom: 20px !important; border: 1px solid rgb(204, 204, 204) !important; }
.sns_item { position: absolute; left: 0px; bottom: 43px; }
.mauticform-errormsg { position: absolute; font-size: 14px; }
.slider_banner .swiper-pagination-bullet::before, .slider_banner .swiper-pagination-bullet::after { content: ""; display: inline-block; width: 100%; height: 4px; background-color: rgb(170, 170, 170); vertical-align: top; border-radius: 5px; }
.slider_banner .swiper-pagination-bullet::after { width: 0%; background-color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px; }
.slider_banner .swiper-pagination-bullet-active::after { width: 100%; }
.slider_banner .swiper-pagination-bullet { width: 130px; }
.slider_banner .swiper-pagination .swiper-pagination-bullet::before { background-color: rgb(255, 255, 255); opacity: 0.3; }
.slider_banner .swiper-pagination-bullet-active::after { width: 0px; animation: 5s ease 0s 1 normal both running pageline; opacity: 1; }
@keyframes pageline { 
  0% { width: 0px; }
  100% { width: 100%; }
}
@-webkit-keyframes pageline { 
  0% { width: 0px; }
  100% { width: 100%; }
}
@keyframes fade-in { 
  0% { opacity: 0; transform: translateY(120%); }
  100% { opacity: 1; transform: translateY(0%); }
}
@keyframes elevator { 
  0% { transform: translateY(0px); opacity: 1; }
  49% { transform: translateY(25px) translateX(0px); opacity: 1; }
  50% { opacity: 0; transform: translateY(25px) translateX(50px); }
  51% { transform: translateY(-25px) translateX(0px); opacity: 1; }
  100% { transform: translateY(0px); }
}
.swiper-p { width: 40%; position: absolute; top: 57%; left: 0px; padding-left: 11%; color: rgb(255, 255, 255); text-align: left; font-size: 22px; font-family: "PingFang SC"; }
.products-2126 .swiper-wrapper .swiper-slide:nth-child(1) h3, .products-2126 .swiper-wrapper .swiper-slide:nth-child(2) h3 { left: auto; right: 0px; padding-left: 0px; }
@media only screen and (max-width: 768px){.mobile_manual { display: inline-block; }
.products_swiper h3 { width: 100%; padding-left: 0px; text-align: center; margin-top: 30px; position: initial; }
.products_swiper .swiper-p { position: initial; width: 100%; margin-bottom: 20px; font-size: 14px; padding-left: 0px; text-align: center; }
.products_swiper .swiper-pagination { bottom: 30%; }
.more_details .swiper-slide img { width: 87%; }
.install-403 .swiper-pagination { bottom: 5px; }
.install-403 .swiper-pagination-bullet { width: 10px; height: 10px; }
.products_swiper .swiper-pagination-bullet, .install_taillight .swiper-pagination-bullet { width: 10px; height: 10px; }
.install_taillight .swiper-pagination { bottom: 5px; }
.merit_item1 .swiper-button { top: 33%; }
.head_nav li ul { margin-top: 10px; }
.head_nav li ul li { padding-top: 5px; padding-bottom: 5px; }
.index_company_news .learn_more { position: initial; transform: initial; text-align: center; display: block; margin: 15px auto; font-size: 16px; }
.slider_banner .swiper-slide img { height: 420px; object-fit: cover; }
.index_product_catalogue .cata_item:nth-child(3) { width: 48%; float: left; }
.index_product_catalogue .cata_item:nth-child(4) { width: 48%; float: right; }
.accessory_list .swiper-button, .strategy_item .swiper-button-prev, .strategy_item .swiper-button-next { width: 25px; height: 25px; z-index: 9; }
.accessory_list .swiper-button-next, .strategy_item .swiper-button-next { background: url("img/accessory_list-right.png"); }
.accessory_list .swiper-button-prev, .strategy_item .swiper-button-prev { background: url("img/accessory_list-left.png"); }
.animation_video .swiper-slide { width: 95%; }
.animation_video .swiper-slide video { border-radius: 10px; }
.banner-button-next::before, .banner-button-prev::before { display: none; }
.mobile_faq { padding: 9px; margin-top: -67px; }
.mobile_faq .fl-accordion-item { margin-bottom: 24px !important; }
.mobile_faq .fl-accordion-button-label, .mobile_faq .fl-accordion-button-label h1 { font-size: 16px !important; }
.mobile_faq .fl-accordion-small .fl-accordion-content { padding: 0px 7px 10px; text-align: justify; }
.mobile_faq .fl-accordion-small .fl-accordion-button { padding: 10px 7px 10px 12px !important; }
.mobile_faq .fl-accordion-item .fl-accordion-button { line-height: 27px !important; }
.index_product_catalogue { margin-top: 12px; }
.index_product_catalogue .products_wrap .layout { width: 100%; padding: 12px; }
.cata_item { margin-top: 0px; margin-bottom: 12px; }
.index_product_catalogue .cata_item:nth-child(3), .index_product_catalogue .cata_item:nth-child(4) { width: 48.5%; }
.cata_item h3 { font-size: 16px; }
.cata_item:nth-child(1) h3 { font-size: 24px; }
.cata_item .more { font-size: 12px; }
.index_choose_us { padding-top: 26px; }
.choose_wrap { padding-top: 17px; }
.index_choose_us .layout, .company_news_list .layout { width: 100%; padding: 0px 12px; }
.choose_wrap .serice_item { margin-bottom: 12px; margin-top: 0px; }
.reasons_list { margin-top: 10px; }
.reasons_list .reason_item { padding: 0px 0px 8px; }
.reasons_list .reason_item .ico, .reason_item h3, .reason_item p { padding-left: 12px; }
.choose_wrap .learn_more img { height: 14px; margin-left: 5px; }
.choose_wrap .learn_more { bottom: -24px; }
.index_company_news .hd_title { padding-bottom: 20px; }
.company_news_list .news_swiper { padding: 10px 0px 0px; }
.news_info { padding: 5% 12px; }
.index_company_news .news_item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.index_company_news .news_item .news_img { border: 1px solid rgb(215, 215, 215); box-shadow: initial; }
.index_company_news .learn_more { margin-top: 0px; margin-bottom: 50px; }
.index_company_news .news_info { padding-bottom: 10px; }
.index_company_news .learn_more img { height: 14px; }
.strategy_item .swiper-button-prev { left: 5px; }
.strategy_item .swiper-button-next { right: 5px; }
.animation_video .swiper-button-prev { left: 18px; }
.animation_video .swiper-button-next { right: 18px; }
.accessory_list .swiper-button-prev { left: 5px; }
.accessory_list .swiper-button-next { right: 5px; }
.accessory_list .swiper-button { top: 42%; }
.mobile_sys .head_bn_item img { height: 560px; object-fit: cover; }
.mobile_sys .ad_item figure { opacity: 1; }
.mobile_sys .ad_item .item_img { width: 40px; }
.mobile_sys .ad_item .item_info { font-size: 16px; padding: 22px 0px 0px; }
.product-info .swiper-slide img { object-fit: cover; }
.content-1130 .product_merit .layout .merit_item1 .swiper-slide img { height: 260px; object-fit: cover; }
.marketing_strategy_services .swiper-button-next.swiper-button-disabled, .marketing_strategy_services .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.banner-button-prev, .banner-button-next { height: 40px !important; width: 40px !important; }
.banner-button-prev::before, .banner-button-next::before { background-size: 40px auto; background-repeat: no-repeat; width: 40px !important; height: 40px !important; }
.banner-button-prev { left: 12px; }
.banner-button-next { right: 12px; }}
.foot_item_inquiry input { margin-bottom: 0px; }
.foot_item_inquiry .mauticform-errormsg { margin-top: -15px !important; }
.foot_item_inquiry .mauticform-field-3 .mauticform-errormsg { margin-top: -14px !important; }
.foot_item_inquiry .mauticform-field-5 button { background-color: rgb(77, 77, 77); color: rgb(205, 205, 205); font-size: 14px; border: 1px solid rgb(77, 77, 77); margin: 0px; font-family: "PingFang-en SC"; height: 38px; width: 100%; border-radius: 6px; cursor: pointer; }
.change1 .swiper-slide img { max-height: 184px; }
.PXID_change.change1 .swiper-slide { margin-top: 13.5px !important; }
.inquiry-pop-bd .contact-msg .mauticform-row { margin-bottom: 20px !important; }
.inquiry-pop-bd .contact-msg .mauticform-selectbox, .inquiry-pop-bd .contact-msg .mauticform-input, .inquiry-pop-bd .contact-msg .mauticform-textarea { font-size: 15px; padding-bottom: 15px; line-height: 25px; }
.inquiry-pop-bd .contact-msg .mauticform-errormsg { margin-top: -15px !important; }
.history_wrap .deve_item .deve_show img, .history_wrap .deve_item .deve_show .swiper-slide { width: 0px; height: 0px; transition: 0.3s; }
.history_wrap .deve_item.active .deve_show .swiper-slide { height: 100%; text-align: center; width: 100% !important; }
.fancybox-button.fancybox-button--thumbs, .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--zoom, .fancybox-infobar { display: none; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; }
.fancybox-container { backface-visibility: hidden; height: 100%; left: 0px; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; touch-action: manipulation; transform: translateZ(0px); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { inset: 0px; position: absolute; }
.fancybox-outer { overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 1; position: absolute; transition: opacity 0.25s, visibility 0.25s; visibility: visible; z-index: 99997; }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s, visibility; visibility: visible; }
.fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; top: 0px; user-select: none; }
.fancybox-toolbar { right: 0px; top: 0px; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: none; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ""; display: inline-block; font-size: 0px; height: 100%; vertical-align: middle; width: 0px; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0px; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }
.fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px; max-width: 100%; overflow: auto; padding: 44px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background:  0% 0% / 100% 100% no-repeat transparent; left: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity; user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing; }
.fancybox-container [data-selectable="true"] { cursor: text; }
.fancybox-image, .fancybox-spaceball { background: transparent; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0px; width: 100%; }
.fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); }
.fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); }
.fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); }
.fancybox-iframe, .fancybox-video { background: transparent; border: 0px; display: block; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
.fancybox-iframe { left: 0px; position: absolute; top: 0px; }
.fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; }
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0px; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); }
.fancybox-button:hover { color: rgb(255, 255, 255); }
.fancybox-button:focus { outline: none; }
.fancybox-button.fancybox-focus { outline: dotted 1px; }
.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; outline: none; }
.fancybox-button div { height: 100%; }
.fancybox-navigation .fancybox-button svg { width: 60%; margin: 0px auto; }
.fancybox-button svg { display: block; width: 100%; height: 100%; overflow: visible; position: relative; }
.fancybox-button svg path { fill: currentcolor; stroke-width: 0; }
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; }
.fancybox-progress { background: rgb(255, 82, 104); height: 2px; left: 0px; position: absolute; right: 0px; top: 0px; transform: scaleX(0); transform-origin: 0px center; transition-property: transform; transition-timing-function: linear; z-index: 99998; }
.fancybox-close-small { background: transparent; border: 0px; border-radius: 0px; color: rgb(204, 204, 204); cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }
.fancybox-close-small:hover { color: rgb(255, 255, 255); opacity: 1; }
.fancybox-slide--html .fancybox-close-small { color: currentcolor; padding: 10px; right: 0px; top: 0px; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }
.fancybox-navigation .fancybox-button { display: inline-block; padding: 0px; top: calc(50% - 35px); cursor: pointer; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; font-weight: bold; color: rgb(255, 255, 255); font-size: 18px; background-color: rgba(0, 0, 0, 0.6); box-sizing: content-box; z-index: 99997; opacity: 0.4; border: 5px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; background-clip: content-box; }
.fancybox-navigation .fancybox-button div { }
.fancybox-navigation .fancybox-button--arrow_left { left: 28%; }
.fancybox-navigation .fancybox-button--arrow_right { right: 28%; }
.fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.035) 82.85%, rgba(0, 0, 0, 0.02) 88%, transparent); bottom: 0px; color: rgb(238, 238, 238); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0px; text-align: center; z-index: 99996; }
@supports (padding:max(0px)){.fancybox-caption { padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)); }}
.fancybox-caption--separate { margin-top: -50px; }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; }
.fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.fancybox-loading { animation: 1s linear 0s infinite normal none running a; background: transparent; border-width: 4px; border-style: solid; border-color: rgb(136, 136, 136) rgb(136, 136, 136) rgb(255, 255, 255); border-image: none; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.7; padding: 0px; position: absolute; top: 50%; width: 50px; z-index: 99999; }
@keyframes a { 
  100% { transform: rotate(1turn); }
}
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); }
@media (max-height: 576px){.fancybox-slide { padding-left: 6px; padding-right: 6px; }
.fancybox-slide--image { padding: 6px 0px; }
.fancybox-close-small { right: -6px; }
.fancybox-slide--image .fancybox-close-small { background: rgb(78, 78, 78); color: rgb(242, 244, 246); height: 36px; opacity: 1; padding: 6px; right: 0px; top: 0px; width: 36px; }
.fancybox-caption { padding-left: 12px; padding-right: 12px; }
@supports (padding:max(0px)){.fancybox-caption { padding-left: max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)); }}}
.fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; }
.fancybox-share p { margin: 0px; padding: 0px; }
.fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; }
.fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: rgb(59, 89, 152); }
.fancybox-share__button--fb:hover { background: rgb(52, 78, 134); }
.fancybox-share__button--pt { background: rgb(189, 8, 29); }
.fancybox-share__button--pt:hover { background: rgb(170, 7, 25); }
.fancybox-share__button--tw { background: rgb(29, 161, 242); }
.fancybox-share__button--tw:hover { background: rgb(13, 149, 232); }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: rgb(255, 255, 255); }
.fancybox-share__input { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 215, 215); border-image: none; border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: none; padding: 10px 15px; width: 100%; }
.fancybox-thumbs { background: rgb(221, 221, 221); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0px; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow: auto hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; }
.fancybox-thumbs__list a { backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50% center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid rgb(255, 82, 104); inset: 0px; content: ""; opacity: 0; position: absolute; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: 0.5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }
@media (max-width: 576px){.fancybox-thumbs { width: 110px; }
.fancybox-show-thumbs .fancybox-inner { right: 110px; }
.fancybox-thumbs__list a { max-width: calc(100% - 10px); }}
.mauticform-helpmessage { position: absolute; top: 76%; }
.foot_item_inquiry input, .foot_item_inquiry textarea { padding-left: 10px !important; }
.foot_item_inquiry .mauticform-row { margin-bottom: 10px !important; }
.banner-button-prev, .banner-button-next { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; width: 66px; height: 66px; }
.banner-button-prev::before, .banner-button-next::before { transform: initial; display: block; }
.banner-button-prev { background-color: rgb(13, 14, 15); border-radius: 50%; }
.banner-button-next { background-color: rgb(13, 14, 15); border-radius: 50%; }
.banner-button-prev::before { content: ""; background-image: url("img/demo/banner-left.png"); width: 66px; height: 66px; }
.banner-button-next::before { content: ""; background-image: url("img/demo/banner-right.png"); width: 66px; height: 66px; }
.foot_item_inquiry .mauticform-selectbox { color: rgb(102, 102, 102); appearance: none; background: url("./img/footer-down.png") 98% center / auto 15px no-repeat; height: 38px !important; margin-bottom: 20px !important; border: 1px solid rgb(102, 102, 102) !important; }
.foot_item_inquiry .mauticform-selectbox option:first-child { display: none; }
.mauticform-field-5 button { background-color: rgb(77, 77, 77); color: rgb(205, 205, 205); font-size: 14px; border: 1px solid rgb(77, 77, 77); margin: 0px; font-family: "PingFang-en SC"; height: 38px; width: 100%; border-radius: 6px; cursor: pointer; }
.contact-msg .mauticform-label { margin-bottom: 14px; font-family: "PingFang SC"; }
.contact-msg .mauticform-row { margin-bottom: 5px !important; }
.contact-msg .mauticform-field-4 { margin-bottom: 24px !important; }
.contact-msg .mauticform-field-5 button { height: 50px; color: rgb(255, 255, 255); }
.contact-msg .mauticform-errormsg { margin-top: -12px !important; }
.contact-msg .mauticform-field-4 .mauticform-errormsg { margin-top: -2px !important; }
.inquiry-pop-bd .contact-msg .title { font-family: "PingFang SC"; font-size: 20px; }
.inquiry-pop-bd .contact-msg p { color: rgb(102, 102, 102); font-family: "PingFang SC"; line-height: 30px; margin-top: 10px; display: inline-block; }
.inquiry-pop-bd .contact-msg .mauticform-label { margin-bottom: 7px; }
.inquiry-pop-bd .contact-msg input { margin-bottom: 17px !important; }
.inquiry-pop-bd .contact-msg .mauticform-row { margin-bottom: 0px !important; }
.inquiry-pop-bd .contact-msg .mauticform-textarea { padding-left: 10px; }
.inquiry-pop-bd .contact-msg .mauticform-row.mauticform-field-4 { margin-bottom: 20px !important; }
.accessory_list .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.own_style .swiper-button { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 19px; height: 32px; background-repeat: no-repeat; opacity: 1; z-index: 1; }
.own_style .swiper-button-prev { background-image: url("img/demo/arrl.png"); left: 20px; }
.own_style .swiper-button-next { background-image: url("img/demo/arrr.png"); right: 12px; }
.mobile_back { display: none; }
@media screen and (max-width: 768px){.mobile-contact { display: inline-block; float: left !important; }
.mobile-contact img { max-width: 70% !important; float: left; }
.mobile-contact-text { display: inline-block; margin-left: -15px !important; }
.mobile-contact-text .fl-rich-text span { float: left; font-size: 16px !important; }
.mobile-top { margin-top: 33px; }
.contact_sns, .contact-mobile-text { margin-top: -10px; }
.contact-msg .mauticform-label { margin-bottom: 9px; }
.contact-msg input, .contact-msg .mauticform-selectbox { margin-bottom: 10px !important; }
.mobile-contact-map .fl-row-content-wrap { padding-top: 27px !important; padding-bottom: 80px !important; }
.mobile-message { margin-top: -18px; margin-bottom: -8px; }
.mobile_back { display: inline-block; float: left; margin-left: 15px; }
.tab-panel-content .products_swiper .swiper-slide img { }
.products_swiper .swiper-pagination { bottom: 12%; }
.products_swiper h3 { margin-top: 32px; display: none; }
.products_swiper .swiper-p { margin-top: 5px; padding: 0px 24px; }
.more_details .swiper-slide img { max-width: 280px; width: 100%; }
.install_taillight .swiper-slide img, .wide_tire_right img { height: 260px; object-fit: cover; }
.ultimate_balabce_list .swiper-slide { width: 260px; }
.banner_info { width: 68%; left: 16%; }}
.mobile-head-nav .content-wrap .store { display: block; float: left; margin-top: 20px; }
.slider_banner2 .swiper-pagination { bottom: 1vw; opacity: 1; left: 50%; transform: translateX(-50%); text-wrap: nowrap; }
.slider_banner2 .banner-button-next, .slider_banner2 .banner-button-prev { background-color: transparent; opacity: 1; }
.slider_banner2 .swiper-pagination-bullet::before, .slider_banner2 .swiper-pagination-bullet::after { content: ""; display: inline-block; width: 100%; height: 4px; background-color: rgb(170, 170, 170); vertical-align: top; }
.slider_banner2 .swiper-pagination-bullet::after { width: 0%; background-color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px; }
.slider_banner2 .swiper-pagination-bullet-active::after { width: 100%; }
.slider_banner2 .swiper-pagination-bullet { width: 130px; }
.slider_banner2 .swiper-pagination .swiper-pagination-bullet::before { background-color: rgb(255, 255, 255); opacity: 0.3; }
.slider_banner2 .swiper-pagination-bullet-active::after { width: 0px; animation: 5s ease 0s 1 normal both running pageline; opacity: 1; }
.slider_banner2.layout { width: 100%; }
.slider_banner2 .swiper-pagination-bullet { margin: 0px; display: inline-block; box-sizing: border-box; width: 87px; height: 4px; }
.slider_banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active { margin: 0px 10px; }
.slider_banner2 .swiper-slide > a > img { width: 100%; max-width: 100%; }
.slider_banner2 .swiper-slide .banner_info { position: absolute; text-align: left; padding-left: 10.88%; padding-right: 0px; bottom: auto; top: 56%; width: 58%; transform: translateY(-50%); }
.slider_banner2 .swiper-slide .banner_info b { font-weight: 400; font-family: "PingFang-en SC"; white-space: pre-line; }
.slider_banner2 .swiper-slide img.ico { max-width: 50%; display: inline-block; margin-bottom: 1.6vw; }
.slider_banner2 .swiper-slide .banner_info p { width: 67%; font-weight: 300; line-height: 30px; margin: 1.1vw 0px 1.8vw; hyphens: auto; }
.slider_banner2 .banner_info a { font-size: 24px; font-weight: 300; padding: 0px 54px; line-height: 58px; }
@media only screen and (max-width: 1440px){.slider_banner2 .banner_info b { font-size: 40px; }
.slider_banner2 .swiper-slide .banner_info p { font-size: 18px; line-height: 1.4; }
.slider_banner2 .banner_info a { font-size: 20px; line-height: 40px; padding: 0px 20px; }}
@media only screen and (max-width: 1080px){.slider_banner2 .swiper-slide .banner_info p { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; white-space: normal; display: -webkit-box !important; }
.slider_banner2 .swiper-slide .banner_info p br { display: none; }}
@media only screen and (max-width: 950px){.slider_banner2 .swiper-slide .banner_info { top: 50% !important; }
.slider_banner2 .swiper-slide .banner_info b { font-size: 36px; line-height: 1.3; white-space: normal; }
.slider_banner2 .swiper-slide .banner_info p { font-size: 18px; }
.slider_banner2 .banner_info a { font-size: 14px; line-height: 3; padding: 0px 15px; }}
@media only screen and (max-width: 768px){.slider_banner2 .banner-button-next, .slider_banner2 .banner-button-prev { background-color: rgb(13, 14, 15); opacity: 0.4; }
.slider_banner2 .swiper-slide .banner_info { top: 45% !important; }
.slider_banner2 .swiper-slide .banner_info b { font-size: 24px; }
.slider_banner2 .swiper-pagination-bullet { width: 60px; }
.slider_banner2 .swiper-slide .banner_info { width: 80%; left: 10%; padding-left: 0px; }
.slider_banner2 .swiper-slide .banner_info p { width: 100%; font-size: 14px; }
.slider_banner2 .banner_info a { font-size: 16px; line-height: 30px; }}
@media only screen and (max-width: 400px){.slider_banner2 .swiper-slide .banner_info { width: 100%; left: 0px; }
.slider_banner2 .swiper-slide .banner_info b { font-size: 20px; }
.slider_banner2 .swiper-slide .banner_info p { padding: 0px 10vw; }
.slider_banner2 .swiper-pagination { height: 14px; }
.slider_banner2 .swiper-pagination-bullet { width: 30px; }
.slider_banner2 .swiper-pagination-bullet::before, .slider_banner2 .swiper-pagination-bullet::after { height: 2px; }}
.slider_banner2 .swiper-slide .mob-img { display: none; }
@media screen and (max-width: 600px){.slider_banner2 .banner_info a { font-size: 10px; font-weight: 400; line-height: 23px; border-width: 2px; margin-top: 8px; }
.slider_banner2 .swiper-slide .banner_info { bottom: 14%; transform: none; top: auto !important; }
.slider_banner2 .swiper-slide .banner_info p { font-size: 11px; line-height: 14px; -webkit-line-clamp: 4; }}
@media screen and (max-width: 600px){.slider_banner2 .swiper-slide .banner_info { bottom: 7%; }
.slider_banner2 .swiper-slide .pc-img { display: none; }
.slider_banner2 .swiper-slide .mob-img { display: block; }}
@media screen and (max-width: 1480px){.web_head .nav_wrap .head_nav { padding-right: 40px; }
.head_nav > li { margin: 0px 15px; }
.pxid-details .swiper-button { top: 60% !important; }}
.index_product_catalogue.new-style { margin-top: -4px; }
.index_product_catalogue.new-style .catalogue_item .cata_item h3 a { font-weight: 500; }
.index_product_catalogue.new-style .catalogue_item .cata_item h3 a { color: rgb(33, 33, 33); }
.index_product_catalogue.new-style .catalogue_item .cata_item a { font-weight: 300; }
.index_product_catalogue.new-style .catalogue_item .cata_item .more::after { background: url("./img/more-right-w.png") no-repeat; }
.index_product_catalogue.new-style .catalogue_item .cata_item:first-child a { height: 100%; }
.index_product_catalogue.new-style .catalogue_item .cata_item:first-child a img { min-height: 100%; }
.index_product_catalogue.new-style .catalogue_item .cata_item:first-child a img { min-width: 100%; vertical-align: middle; object-fit: cover; }
.index_product_catalogue.new-style .catalogue_item .cata_item a { color: rgb(138, 137, 137); }
@media screen and (max-width: 1480px){.index_product_catalogue.new-style .top { display: flex; flex-direction: column; }
.index_product_catalogue.new-style .index_hd { padding: 45px 0px 30px; }
.index_product_catalogue.new-style .catalogue_tab { align-self: flex-end; display: block; margin-top: 20px; }
.index_product_catalogue h2, .index_product_catalogue h1 { padding-left: 0px; }
.index_product_catalogue.new-style .catalogue_tab li { margin-top: 0px; }}
@media screen and (max-width: 950px){.index_product_catalogue .cata_item:nth-child(3) { float: left; }
.index_product_catalogue .cata_item:nth-child(4) { float: right; }
.index_product_catalogue .cata_item:nth-child(3), .index_product_catalogue .cata_item:nth-child(4) { width: 48.5%; }
.index_product_catalogue.new-style .catalogue_item .cata_item a img { min-width: 100%; }}
.index_company_news.new-style { margin-top: 3vw; }
.index_company_news.new-style .company_news_list { margin-top: 0.6vw; padding-bottom: 6.1vw; }
.index_company_news.new-style .hd_title { font-size: 45px; color: rgb(58, 58, 58); font-weight: 500; }
.index_company_news.new-style .news_info h3 { -webkit-line-clamp: 1; }
.index_company_news.new-style .news_info h3 a { font-weight: 400; }
.index_company_news.new-style .news_info p { word-spacing: -0.2em; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; min-height: 112px; }
@media only screen and (max-width: 1780px){.web_head .nav_wrap .head_nav { padding-right: 40px; }
.head_nav > li { margin: 0px 15px; }}
@media screen and (max-width: 1680px){.head_nav > li { margin: 0px 15px; }}
@media screen and (max-width: 1600px){.index_company_news.new-style .hd_title { font-size: 42px; }}
@media screen and (max-width: 1280px){.index_company_news.new-style .hd_title { font-size: 32px; }}
@media only screen and (max-width: 950px){.index_company_news.new-style .news_info p { min-height: 96px; }}
@media screen and (max-width: 780px){.index_company_news.new-style .hd_title { font-size: 26px; }}
@media screen and (max-width: 480px){.index_company_news.new-style .hd_title { font-size: 18px; }}
.pxid-certificate { padding: 2.9vw 0px 2.3vw; background-color: rgb(238, 238, 238); }
.pxid-certificate .top .icos { display: flex; justify-content: space-around; }
.pxid-certificate .top .icos a { display: inline-block; padding: 0px 0px 0px 19px; }
.pxid-certificate .top { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid rgb(0, 0, 0); }
.pxid-certificate .top .title span { font-size: 100px; color: rgb(225, 0, 0); line-height: 1.3; margin-right: 1.3vw; font-weight: 600; }
.pxid-certificate .top .title { font-size: 40px; color: rgb(0, 0, 0); font-family: "PingFang-en SC"; font-weight: 500; }
.pxid-certificate .swiper-container .swiper-slide { display: flex; flex-direction: column; justify-content: space-between; height: unset; }
.pxid-certificate .swiper-container .swiper-slide .item-inner .mob-img { display: none; }
.pxid-certificate .swiper-container .item-inner img { min-width: 100%; }
.pxid-certificate .swiper-container .item-inner { padding-top: 0.5vw; display: inline-block; }
.pxid-certificate .swiper-pagination { bottom: 0px; width: 100%; }
.pxid-certificate .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); }
.pxid-certificate .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 50%; margin: 0px 14px 1vw; background-color: rgb(192, 191, 191); display: inline-block; }
@media screen and (max-width: 1200px){.pxid-certificate .top .icos a img { max-width: 50px; }
.pxid-certificate .top .title { font-size: 36px; }
.pxid-certificate .top .title span { font-size: 70px; }}
@media screen and (max-width: 900px){.pxid-certificate .top { flex-wrap: wrap; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.pxid-certificate .top .title { width: 100%; font-size: 24px; }
.pxid-certificate .top .title span { font-size: 56px; }}
@media screen and (max-width: 600px){.pxid-certificate .top .icos a img { max-height: 35px; }
.pxid-certificate .top .icos a { padding: 0px 8px; }
.pxid-certificate .top .icos, .pxid-certificate .top { text-align: center; width: 100%; }
.pxid-certificate .top .title span { display: block; }
.pxid-certificate .top .icos a img { max-width: 40px; }
.pxid-certificate .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 1vw 1vw; }}
@media screen and (max-width: 600px){.pxid-certificate .swiper-container .swiper-slide .item-inner .pc-img { display: none; }
.pxid-certificate .swiper-container .swiper-slide .item-inner .mob-img { display: block; }}
.pxid-details { padding: 5.7vw 0px 2.1vw; overflow: hidden; }
.pxid-details .title-bar { text-align: center; }
.pxid-details .title-bar .title { font-size: 45px; text-transform: uppercase; font-family: PingFang-en-bold; font-weight: 500; }
.pxid-details .title-bar .more:hover span { margin-left: 10px; }
.pxid-details .title-bar .more:hover { color: rgb(225, 0, 0); }
.pxid-details .title-bar .more span { transform: translateY(2px); display: inline-block; }
.pxid-details .title-bar .more span, .pxid-details .title-bar .more { transition-duration: 0.5s; }
.pxid-details .title-bar .more { font-size: 24px; line-height: 30px; display: inline-block; margin-top: 1.8vw; color: rgb(138, 137, 137); }
.pxid-details .title-bar .more span { font-size: 30px; }
.pxid-details .details-slide { padding-top: 3.8vw; }
.pxid-details .swiper-slide { display: flex; height: unset; padding-top: 1vw; }
.pxid-details .swiper-slide .item-inner:hover { transform: translateY(-1vw); }
.pxid-details .swiper-slide .item-inner { background-color: rgb(238, 238, 238); display: inline-block; position: relative; padding: 2vw 1vw 8.4vw 1.4vw; border-radius: 10px; transition-duration: 0.5s; }
.pxid-details .item-inner .item-ico { display: flex; align-items: center; }
.pxid-details .item-inner .item-ico img { max-height: 68px; width: auto; }
.pxid-details .item-inner .item-ico { height: 68px; }
.pxid-details .item-inner:hover .item-ico img { animation: 1s ease 0s 1 normal none running rotateSelf; }
@-webkit-keyframes rotateSelf { 
  100% { transform: rotateY(360deg); }
}
@keyframes rotateSelf { 
  100% { transform: rotateY(360deg); }
}
.pxid-details .item-ico img { filter: brightness(0); }
.pxid-details .swiper-slide .item-inner:hover .item-title { color: rgb(225, 0, 0); }
.pxid-details .swiper-slide .item-title { font-size: 31px; font-weight: 500; line-height: 34px; font-family: PingFang-en-bold; letter-spacing: -0.01em; margin-top: 1.4vw; }
.pxid-details .swiper-slide .item-desc { font-size: 17px; line-height: 28px; font-family: "PingFang-en SC"; font-weight: 500; color: rgb(79, 79, 79); hyphens: auto; padding: 0px 1.8vw 0px 2px; margin-top: 1.6vw; position: relative; z-index: 2; }
.pxid-details .swiper-slide .item-inner:hover .item-more { color: rgb(225, 0, 0); }
.pxid-details .swiper-slide .item-inner:hover .item-more span { margin-left: 5px; }
.pxid-details .swiper-slide .item-inner .item-more span { transform: translate(0px, 1px); display: inline-block; transition-duration: 0.5s; }
.pxid-details .swiper-slide .item-more { position: absolute; bottom: 1.3vw; right: 1.4vw; font-size: 17px; text-align: right; color: rgba(79, 79, 79, 0.5); transition-duration: 0.5s; }
.pxid-details .swiper-slide .item-order { position: absolute; z-index: 1; font-size: 7.2vw; color: rgb(255, 255, 255); opacity: 0.5; font-family: PingFang-en-bold; font-weight: 500; line-height: 0.8; bottom: 1.4vw; }
.pxid-details .swiper-button.swiper-button-prev { left: -5vw; }
.pxid-details .swiper-button.swiper-button-next { right: -5vw; }
.pxid-details .swiper-button:not(.swiper-button-disabled):hover { opacity: 1; }
.pxid-details .swiper-button { position: absolute; z-index: 9; top: 65%; background-color: rgb(13, 14, 15); opacity: 0.4; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition-duration: 0.5s; cursor: pointer; }
@media screen and (max-width: 1480px){.pxid-details .details-slide { }}
@media only screen and (max-width: 1580px){.web_head .nav_wrap .head_nav { padding-right: 15px; }}
@media screen and (max-width: 1440px){.pxid-details .layout { width: 86%; }
.pxid-details .swiper-button { width: 50px; height: 50px; }}
@media screen and (max-width: 1280px){.pxid-details .swiper-slide .item-title { font-size: 26px; line-height: 1.2; }
.pxid-details .swiper-slide .item-more { font-size: 15px; }
.pxid-details .swiper-slide .item-desc { font-size: 15px; line-height: 1.4; }
.pxid-details .swiper-slide .item-inner { padding-bottom: 8vw; }}
@media screen and (max-width: 992px){.pxid-details .swiper-button { width: 40px; height: 40px; }
.pxid-details .swiper-button img { max-width: 10px; }
.pxid-details .title-bar .title { font-size: 36px; }
.pxid-details .swiper-slide .item-title { font-size: 21px; }
.pxid-details .swiper-slide .item-inner { padding: 20px 10px 80px 14px; }
.pxid-details .swiper-slide .item-ico img { max-height: 60px; max-width: 85px; }}
@media screen and (max-width: 800px){.pxid-details .swiper-button { width: 30px; height: 30px; }
.pxid-details .title-bar .title { font-size: 24px; }
.pxid-details .title-bar .more { font-size: 21px; }
.pxid-details .title-bar .more span { font-size: 24px; }
.pxid-details .swiper-slide .item-desc { font-size: 14px; }
.pxid-details .swiper-slide .item-order { font-size: 60px; }}
@media only screen and (max-width: 640px){.pxid-details .swiper-button img { max-width: 6px; }
.pxid-details .swiper-button { width: 20px; height: 20px; }
.pxid-details .item-inner .item-ico { height: 50px; }
.pxid-details .swiper-slide .item-ico img { max-height: 44px; max-width: 60px; }
.pxid-details .swiper-slide .item-title { font-size: 18px; }
.pxid-details .swiper-slide .item-desc { font-size: 12px; padding: 0px; }}
@media only screen and (max-width: 500px){.pxid-details .swiper-slide .item-order { bottom: calc(22.5px + 1vw); }}
@media only screen and (max-width: 400px){.pxid-details .swiper-button.swiper-button-prev { left: -20px; }
.pxid-details .swiper-button.swiper-button-next { right: -20px; }
.pxid-details .item-inner .item-ico { height: 30px; }
.pxid-details .swiper-slide .item-ico img { max-height: 30px; }
.pxid-details .swiper-slide .item-inner { padding: 18px 10px 70px 5px; }
.pxid-details .swiper-slide .item-title { font-size: 14px; margin-top: 14px; }
.pxid-details .swiper-slide .item-order { font-size: 50px; bottom: 16px; left: 10px; }
.pxid-details .swiper-slide .item-desc { line-height: 1.5; font-size: 8px; margin-top: 15px; }
.pxid-details .swiper-slide .item-more { font-size: 8px; right: 16px; bottom: 10px; }
.pxid-details .title-bar .more { font-size: 18px; }
.pxid-details .details-slide { }}
.index_company_news.new-style .hd_title, .index_choose_us.new-style .hd_title { font-size: 45px; text-transform: uppercase; font-family: PingFang-en-bold; font-weight: 500; color: rgb(33, 33, 33); }
@media screen and (max-width: 992px){.index_company_news.new-style .hd_title, .index_choose_us.new-style .hd_title { font-size: 36px; }}
@media screen and (max-width: 800px){.index_company_news.new-style .hd_title, .index_choose_us.new-style .hd_title { font-size: 24px; }}
.title { font-size: 45px; line-height: 60px; color: rgb(33, 33, 33); font-weight: 500; font-family: PingFang-en-bold; }
.culture-banner2 .swiper-button { position: absolute; top: 50%; width: 66px; height: 66px; border-radius: 50%; cursor: pointer; margin-top: -33px; font-size: 20px; z-index: 3; }
.culture-banner2 .swiper-button.swiper-button-prev { background: url("./img/services-banner-l.png") center center / cover no-repeat; left: 3vw; display: block; }
.culture-banner2 .swiper-button.swiper-button-next { background: url("./img/services-banner-r.png") center center / cover no-repeat; right: 3vw; display: block; }
.culture-2banner .swiper-button.swiper-button-next { background: url("./img/services-banner-r.png") center center / cover no-repeat; right: 3vw; }
.culture-2banner .swiper-button.swiper-button-prev { background: url("./img/services-banner-l.png") center center / cover no-repeat; left: 3vw; display: none; }
.culture-banner2 .swiper-slide { position: relative; font-family: PingFang-en-bold; }
.culture-casts .swiper-button.swiper-button-next { right: -5vw; }
.culture-casts .swiper-button.swiper-button-prev { left: -5vw; }
.culture-casts .swiper-button:not(.swiper-button-disabled):hover { opacity: 1; }
.culture-casts .swiper-button { position: absolute; transition-duration: 0.5s; z-index: 2; width: 66px; height: 66px; padding: 15px; background-color: rgb(13, 14, 15); opacity: 0.4; display: flex; justify-content: center; align-items: center; border-radius: 50%; top: 50%; transform: translateY(-50%); cursor: pointer; }
.culture-casts.display-button .swiper-button { display: none; }
@media screen and (max-width: 1360px){.culture-casts .swiper-button { width: 45px; height: 45px; }
.culture-casts .swiper-button.swiper-button-next { right: 10px; }
.culture-casts .swiper-button.swiper-button-prev { left: 10px; }}
@media screen and (max-width: 1150px){.culture-casts .swiper-button { top: 46%; }
.head_nav > li { margin: 0px 10px; }}
@media screen and (max-width: 1050px){.culture-casts .swiper-button { top: 44%; }}
@media screen and (max-width: 992px){.culture-casts .swiper-button { top: 48%; }}
@media screen and (max-width: 680px){.culture-casts .swiper-button { width: 35px; height: 35px; padding: 12px; }
.culture-casts.display-button .swiper-button { display: flex; }}
.culture-mission .swiper-button-prev { left: -5vw; }
.culture-mission .swiper-button-next { right: -5vw; }
.culture-mission .swiper-button:hover { opacity: 1; }
.culture-mission.display-button .swiper-button { display: none; }
.culture-mission .swiper-button { position: absolute; transition-duration: 0.5s; z-index: 2; width: 66px; height: 66px; padding: 15px; background-color: rgb(13, 14, 15); opacity: 0.4; display: flex; justify-content: center; align-items: center; border-radius: 50%; top: 50%; transform: translateY(-50%); cursor: pointer; }
@media screen and (min-width: 950px){.culture-mission .mission-items:hover .mission-item.swiper-slide-visible { width: calc(var(--bs-mission-width) * .275); }
.culture-mission .mission-items .mission-item.swiper-slide-visible:hover { width: calc(var(--bs-mission-width) * .45); flex-shrink: 0; }}
@media screen and (max-width: 1520px){.culture-mission .swiper-button-prev { left: 0px; }
.culture-mission .swiper-button-next { right: 0px; }
.culture-mission .swiper-button { width: 45px; height: 45px; }}
@media screen and (max-width: 950px) and (min-width: 601px){.culture-mission .mission-items:hover .mission-item.swiper-slide-visible { width: calc(var(--bs-mission-width) * .225); }
.culture-mission .mission-items .mission-item.swiper-slide-visible:hover { width: calc(var(--bs-mission-width) * .55); }}
@media screen and (max-width: 950px){.culture-mission .swiper-button { width: 35px; height: 35px; padding: 12px; }}
@media screen and (max-width: 600px){.culture-mission.display-button .swiper-button { display: flex; }
.culture-mission .mission-items .mission-item.swiper-slide-prev, .culture-mission .mission-items .mission-item.swiper-slide-next { width: calc(var(--bs-mission-width) * .225); }
.culture-mission .mission-items .mission-item.swiper-slide-active { width: calc(var(--bs-mission-width) * .55); }
.culture-mission .mission-items .mission-item.swiper-slide-active .item-info { opacity: 1; transition-delay: 0.3s; transition-duration: 0.4s; }}
@media screen and (max-width: 1480px){.title { font-size: 38px; line-height: 1.4; }}
@media screen and (max-width: 992px){.title { font-size: 32px; }}
@media screen and (max-width: 600px){.title, .culture-banner .title, .culture-banner2 .title { font-size: 21px; }}
@media screen and (max-width: 400px){.title, .culture-banner2 .title, .culture-banner .title { font-size: 16px; }}
.manufacture-item.item1 .layout .left .case-swiper { width: 48.8%; }
.manufacture-item.item1 .swiper-slide { overflow: hidden; }
.case-swiper { position: relative; }
.case-swiper .swiper-slide img { width: 100%; }
.manufacture-item.item1 .case-swiper .swiper-slide img { border-radius: 20px; width: 100%; }
.case-swiper:hover .swiper-button-next:not(.swiper-button-disabled), .case-swiper:hover .swiper-button-prev:not(.swiper-button-disabled) { }
.case-swiper .swiper-button-next, .case-swiper .swiper-button-prev { width: 9px; height: 14px; position: absolute; top: 50%; margin-top: -7px; z-index: 1; transform-origin: center center; transition-duration: 0.5s; color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; }
.case-swiper .swiper-button-next { background: url("./img/case-p-right.png") center center / cover no-repeat; right: 6px; }
.case-swiper .swiper-button-prev { background: url("./img/case-p-left.png") center center / cover no-repeat; left: 6px; }
.detail-items .case-swiper .swiper-button-next { background: url("./img/case-p1-right.png") center center / cover no-repeat; }
.detail-items .case-swiper .swiper-button-prev { background: url("./img/case-p1-left.png") center center / cover no-repeat; }
.web_main section { width: 100%; overflow: hidden; }
.detail-items .case-swiper .swiper-button-next, .detail-items .case-swiper .swiper-button-prev { width: 16px; height: 21px; margin: -8px 12px; }
@media screen and (max-width: 720px){.detail-items .case-swiper .swiper-button-next, .detail-items .case-swiper .swiper-button-prev { width: 14px; height: 14px; }
.case-swiper .swiper-button-next, .case-swiper .swiper-button-prev { width: 6px; height: 10px; }}
.product_merit .swiper-slide .item-ico { position: absolute; right: 4vw; top: 4.2vw; width: 4vw; height: 4.2vw; }
.case-banner-pagination .case-swiper .swiper-pagination { position: absolute; left: 50%; transform: translate(-50%); bottom: 2vw; display: flex; }
.case-banner-pagination .case-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 52px; }
.case-banner-pagination .case-swiper .swiper-pagination .swiper-pagination-bullet { display: block; width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 6px; margin: 0px 21px; }
@media screen and (max-width: 800px){.case-banner-pagination .case-swiper .swiper-pagination .swiper-pagination-bullet { margin: 0px 10px; }}
@media screen and (max-width: 600px){.case-banner-pagination .case-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; }
.case-banner-pagination .case-swiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0px 6px; }}
.services-item-a .case-swiper .swiper-button-prev { background: url("./img/services-banner-l.png") center center / cover no-repeat; left: 3vw; }
.services-item-a .case-swiper .swiper-button-next { background: url("./img/services-banner-r.png") center center / cover no-repeat; right: 3vw; }
.services-item-a .case-swiper .swiper-button:not(.swiper-button-disabled):hover { }
.services-item-a .case-swiper .swiper-button { width: 66px; height: 66px; border-radius: 50%; cursor: pointer; margin-top: -33px; }
@media screen and (max-width: 1280px){.services-item-a .case-swiper .swiper-button { width: 50px; height: 50px; margin-top: -25px; }}
@media screen and (max-width: 768px){.services-item-a .case-swiper .swiper-button { width: 40px; height: 40px; margin-top: -20px; }}
@media screen and (max-width: 400px){.services-item-a .case-swiper .swiper-button { width: 30px; height: 30px; margin-top: -15px; }}
.services-item-b.detail-items .case-swiper .swiper-button-prev, .services-item-b.detail-items .case-swiper .swiper-button-next { width: 15px; height: 27px; }
.services-item-b.detail-items .case-swiper .swiper-button-prev { background: url("./img/services-banner-l1.png") center center / cover no-repeat; }
.services-item-b.detail-items .case-swiper .swiper-button-next { background: url("./img/services-banner-r1.png") center center / cover no-repeat; }
@media screen and (max-width: 720px){.services-item-b.detail-items .case-swiper .swiper-button-prev, .services-item-b.detail-items .case-swiper .swiper-button-next { width: 10px; height: 18px; }}
@media screen and (max-width: 1170px){.PXID_meirt.PXID_button.new-style .swiper-slide { padding-left: 20px; }}
@media screen and (min-width: 951px){.web_head.fixed-nav-appear ~ .web_main .tabnav-title-bar { top: 63px; }}
.nav_wrap .head_nav .menu-item-1303 .sub-menu { width: 110px; }
.product-info .product_display .swiper-slide img { width: 100%; }
@media only screen and (max-width: 1024px){.change3 .swiper-slide img { }}
@media only screen and (max-width: 1880px){.web_head .nav_wrap .head_nav { padding-right: 25px; }
.head_nav > li { margin: 0px 15px; }}
.detail-tabs .mobile_manual .title::after { content: ""; width: 1px; height: 100%; display: inline-block; background: rgb(157, 157, 157); position: absolute; right: -45px; }
.fixed-nav.fixed-nav-appear .head_layer .change-language-title > .language-flag-en span { color: rgb(0, 0, 0); }
.fixed-nav.fixed-nav-appear .change-language::before { background-color: rgb(0, 0, 0); }
.fixed-nav.fixed-nav-appear .head_layer .change-language .change-language-title a::after { filter: none; }