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 { width: 100%; max-width: 100%; border: 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(22, 22, 22); text-decoration: none; }
input[type="text"]:focus { outline: none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
hr { margin: 15px 0px; height: 1px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px dashed rgb(193, 193, 193); }
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("/source/c0747bd79c36bbc50a053ffef9d5662f/fontawesome-webfont.eot") format("embedded-opentype"), url("/source/df7d5dd8271d12f3286ab85dbf8e9127") format("woff2"), url("/source/fa7402a189692ecf5239a541a7a865e8/fontawesome-webfont.woff") format("woff"), url("/source/7b5f82c77199d8e99aa40169d179522c/fontawesome-webfont.ttf") format("truetype"), url("/source/3070e9e09a987b6fb6b2d2d7d9071fb3/fontawesome-webfont.svg") format("svg"); font-display: fallback; }
@font-face { font-family: Roboto-Regular; font-style: normal; src: url("/source/71f7156ea6737854a1e362b375c08f74/Roboto-Regular.ttf") format("TrueType"); font-display: fallback; }
@font-face { font-family: Roboto-Bold; font-style: normal; src: url("/source/6ca752c096733782236e2334f9896511/Roboto-Bold.ttf") format("TrueType"); font-display: fallback; }
@font-face { font-family: segoeuil; font-style: normal; src: url("/source/8b50e0f55fb1d56cccaed0054c080536/segoeuil.ttf") format("TrueType"); font-display: fallback; }
.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 { 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 { }
.clear { clear: both; }
body { position: absolute; top: 0px; left: 0px; overflow-x: hidden; width: 100%; min-width: 1200px; }
.layout { position: relative; margin: 0px auto; width: 1500px; }
.from_iframe{box-shadow:none!important;}
.z9999 { z-index: 9999 !important; }
.hide { display: none; }
.gotop { position: fixed; right: 50px; bottom: 50px; z-index: 99999; visibility: hidden; box-sizing: content-box; width: 50px; height: 50px; background-color: rgb(22, 22, 22); background-clip: content-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; color: rgb(255, 255, 255); text-align: center; font-size: 18px; line-height: 50px; opacity: 0; cursor: pointer; transition: all 0.3s ease 0s; transform: translateY(100%); }
.gotop:hover, .gotop.active:hover { background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.gotop.active { visibility: visible; opacity: 1; transform: none; }
.gotop::before, .gotop em { transition: all 0.3s ease 0s; }
.gotop em { position: absolute; top: 0px; left: 0px; width: 100%; color: rgb(255, 255, 255); font-size: 12px; opacity: 0; transform: translateY(10px); }
.gotop::before { display: block; content: ""; font-family: fontawesome; }
.gotop:hover em { opacity: 1; transform: none; }
.gotop:hover::before { opacity: 0; transform: translateY(-15px) scale(0.5); }
.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: all 0.3s ease 0s; }
.head_nav > li > a::before, .head_nav > li > a::after, .icon-cate, .foot_txt_list li a::before, .web_footer .button::before { transition: all 0.3s ease-in-out 0s; }
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 { transition: all 0.35s ease-in-out 0s; }
.sys-layer { margin: 0px auto; }
.sys-row { margin: 0px -8px; }
.sys-col { float: left; }
.sys-col-inner { margin: 0px 8px; }
.sys-col-md { float: left; }
.sys-col-md-12 { width: 100%; }
.sys-col-md-11 { width: 91.6667%; }
.sys-col-md-10 { width: 83.3333%; }
.sys-col-md-9 { width: 75%; }
.sys-col-md-8 { width: 66.6667%; }
.sys-col-md-7 { width: 58.3333%; }
.sys-col-md-6 { width: 50%; }
.sys-col-md-5 { width: 41.6667%; }
.sys-col-md-4 { width: 33.3333%; }
.sys-col-md-3 { width: 25%; }
.sys-col-md-2 { width: 16.6667%; }
.sys-col-md-1 { width: 8.33333%; }
.sys_row { margin-right: -15px; margin-left: -15px; }
.sys_col { float: left; padding-right: 15px; padding-left: 15px; }
.sys_fl { float: left !important; }
.sys_fr { float: right !important; }
.flex_row, .items_list > ul { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; }
.flex_row_nowrap { flex-wrap: nowrap; }
.sys_btn { position: relative; display: inline-block; overflow: hidden; padding: 0.2em 2em 0.2em 1em; min-width: 150px; border: 2px solid rgb(22, 22, 22); background-color: rgb(249, 249, 249); vertical-align: middle; text-align: left; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.1em; font-size: 22px; line-height: 2; cursor: pointer; transition: all 0.3s ease-in-out 0s; transform: scale(1); user-select: none; color: rgb(51, 51, 51) !important; }
.sys_btn:hover { background-color: rgb(22, 22, 22); color: rgb(255, 255, 255) !important; }
.sys_btn::after { position: absolute; top: 50%; right: 1.5em; margin-top: -0.6em; content: ""; font-size: 12px; font-family: fontawesome; line-height: 1.2em; }
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: row wrap; justify-content: space-between; }
.web_head { position: relative; z-index: 99; width: 100%; background: rgb(255, 255, 255); }
.index_web_head { background: rgb(22, 22, 22); }
.head_top { background-color: rgb(245, 248, 250); }
.head_top .top_email { font-size: 20px; color: rgb(160, 160, 160); line-height: 1; display: inline-block; vertical-align: middle;position:relative;padding-left:30px; }
.head_top .top_email::after{ position: absolute;
font-family: FontAwesome;
content: "\f0e0";
top: 0px;
left: 0;}
.head_top .top_email img { width: auto; max-height: 30px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.quick_quote { width: 180px; height: 40px; line-height: 40px; font-size: 18px; background-color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; border-radius: 10px; text-align: center; text-transform: capitalize; position: relative; }
.quick_quote::before { position: absolute; font-family: FontAwesome; content: ""; top: 0px; left: 16px; }
.web_head .quick_quote { background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.index_web_head.web_head .head_nav > li > a { color: rgb(255, 255, 255); }
.index_web_head.web_head .quick_quote { background-color: rgb(255, 255, 255); color: rgb(22, 22, 22); }
.quick_quote img { width: auto; max-height: 28px; display: inline-block; vertical-align: middle; margin-top: -6px; margin-right: 10px; }
.quick_quote:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; }
.head_layout { position: relative; display: flex; justify-content: space-between; align-items: center; height: 96px; }
.head_top .layout { position: relative; display: flex; justify-content: space-between; align-items: center; height: 60px; }
.web_head .layout::after { display: none; }
.web_head .change-language { position: relative; display: inline-block; vertical-align: middle; text-align: left; }
.web_head .change-language .change-language-cont { border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px; }
.web_head, .web_head .logo { position: relative; }
.web_head .logo img, .web_head.index_web_head .logo img { width: auto; max-height: 80px; }
.web_head .btn--search { width: 21px; height: 21px; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; margin-right: 30px; }
.web_head .btn--search::after, .web_head .btn--search::before { display: inline-block; width: 100%; height: 100%; background-image: url("/source/410b9a362c58643a6bc7de489c231e02/sousuo.png"); background-position: 0px 0px; background-repeat: no-repeat; content: ""; vertical-align: top; transition: all 0.3s ease 0s; }
.web_head .btn--search::after { position: absolute; top: 0px; left: 0px; opacity: 0; transform: scale(0.6) translateY(60%); }
.web_head .btn--search:hover::after { opacity: 1; transform: none; }
.web_head .btn--search:hover::before { opacity: 0; transform: scale(0.6) translateY(-60%); }
.web_head .nav_wrap { position: relative; margin-right: 30px; display: inline-block; vertical-align: middle; }
.web_head .nav_wrap .head_nav { position: relative; }
.head_nav > li { position: relative; display: inline-block; padding: 0px 20px; }
.head_nav > li.has-child a { padding-right: 20px; }
.head_nav > li > a { position: relative; display: inline-block; color: rgb(0, 0, 0); font-weight: normal; font-size: 24px; line-height: 45px; }
.web_head .head_nav > li > a { color: rgb(22, 22, 22); }
.head_nav li a b { position: absolute; top: 50%; right: 0px; display: inline-block; overflow: hidden; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; transition: all 0.3s ease 0s; 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; display: block; padding: 10px; width: 250px; border-radius: 0px 0px 7px 7px; background-color: rgb(0, 0, 0); opacity: 0; transition: all 0.35s ease-in-out 0s; transform: scaleY(0); transform-origin: center top; }
.head_nav > li ul li { position: relative; padding: 3px; border-bottom: 1px solid rgb(255, 255, 255); font-size: 16px; line-height: 2; }
.head_nav > li ul li a { position: relative; display: block; color: rgb(255, 255, 255); }
.head_nav > li ul li a b { top: 12px; }
.head_nav > li ul li a b::before { content: ""; }
.head_nav li ul ul { top: 0px; left: 240px; margin-left: 2px; border-radius: 7px; }
.head_nav li.menu_show > ul { display: block; opacity: 1; transform: scaleY(1); }
.head_nav > li:hover > a { position: relative; z-index: 1; color: rgb(255, 255, 255); }
.web_head .head_nav > li:hover > a { color: rgb(51, 51, 51); }
.head_nav > li li:hover > a { color: #fff; }
.head_nav > li > a:hover b { transform: translateY(-50%) rotate(180deg); }
.fixed-nav .head_layout { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 9; transition: none 0s ease 0s; transform: translateY(-100%); opacity: 1; padding: 0px 5%; background: rgb(22, 22, 22); }
.fixed-nav-active .head_layout { transform: none; opacity: 1; transition: all 0.6s ease 0s; }
.fixed-nav-active {}
.fixed_nav_logo{display:none}
.web_head.fixed-nav.fixed-nav-active .logo img{display:none;}
.web_head.fixed-nav.fixed-nav-active .logo img.fixed_nav_logo{display:block}
.web_head.fixed-nav.fixed-nav-active .head_layout{background-color:rgb(22, 22, 22)}
.web_head.fixed-nav.fixed-nav-active .head_layout .head_nav > li > a{color:#fff}
.web_head.fixed-nav.fixed-nav-active .head_layout .quick_quote{background-color:#fff;color:rgb(22, 22, 22)}
.fixed-nav-active .head_nav > li > a{}
.web_head.fixed-nav .head_layout { background-color: rgb(255, 255, 255); }
.index_web_head.web_head .head_layout { background-color: rgb(22, 22, 22); }
.web_footer { position: relative; background-color: rgb(22, 22, 22); }
.web_footer .layout { width: 100%;
padding: 0px 5%; }
.foor_service { position: relative; padding: 70px 0px 50px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.foor_service .foot_item .fot_tit { position: relative; margin-bottom: 7px; font-size: 30px; line-height: 2; color: rgb(255, 255, 255); font-weight: 600; }
.inquiry_info { font-size: 16px; line-height: 1.5; color: rgb(245, 245, 245); }
.foot_item { position: relative; float: left; display: block; }
.foot_item.foot_company_item { }
.foot_item.foot_contact_item { }
.foot_item li{transition:all .5s}
.foot_item li:hover{text-indent:1em}
.foot_item.foot_inquiry_item { width: 29.5%; min-height: 200px; }
.fot_inquiry { width: 319px; height: 38px; line-height: 34px; margin-top: 77px; font-size: 16px; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 5px; display: inline-block; text-align: center; text-transform: uppercase; }
.fd_nav li a { font-size: 18px; line-height: 30px; color: rgb(245, 245, 245); }
.foot_item.foot_contact_item .foot_contact li, .foot_item.foot_contact_item .foot_contact li a { font-size: 18px; line-height: 30px; color: rgb(255, 255, 255); }
.foot_item.foot_contact_item .foot_contact.foot_contact li { position: relative; padding-left: 30px; }
.foot_item.foot_contact_item .foot_contact.foot_contact li:last-child { margin-bottom: 0px; }
.foot_item.foot_contact_item .foot_contact.foot_contact li::before { position: absolute; top: 0px; left: 0px; content: ""; background-repeat: no-repeat; background-size: 100%; }
.foot_item.foot_contact_item .foot_contact li.foot_address::before { width: 17px; height: 19px; background-image: url("img/us_adder.png"); }
.foot_item.foot_contact_item .foot_contact li.foot_phone::before { width: 18px; height: 18px; background-image: url("img/us_phone.png"); top: 5px; }
.foot_item.foot_contact_item .foot_contact li.foot_email::before { width: 18px; height: 14px; background-image: url("/source/d6512b554d6938653274a8e21188631d/us_email.png"); top: 9px; }
.web_footer .foot_bottom { position: relative; padding: 20px 0px; background-color: rgb(54, 56, 57); }
.foot_bottom .layout::after { display: none; }
.foot_sns { position: relative; display: inline-block; margin-top: 36px; }
.foot_sns li { display: inline-block; margin-right: 18px; }
.foot_sns li img { width: auto; }
.foot_sns li:hover img { transform: rotate(-15deg); }
.mauticform_wrapper .mauticform-innerform .mauticform-page-1 { display: flex!important; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: auto; }
.mauticform-row { width: 49%; }
.mauticform-field-9, .mauticform-field-10, .mauticform-field-11 { width: 100%; }
.mauticform-field-10 textarea { height: 120px; }
.mauticform-field-11 { text-align: center; }
.mauticform-field-11 .bdsend { width: 150px; font-size: 20px !important;}
.mauticform-field-11 .bdsend:hover { background: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { color: rgb(51, 51, 51); font-size: 14px; background: rgb(238, 238, 238) !important; padding: 1em 0.5em !important; }
.mauticform_item { width: 100%; position: relative; margin-bottom: 15px; }
.mauticform_item1, .mauticform_item2 { width: 100%; }
.mauticform_item .form_input_name { width: 100%; height: 42px; line-height: 42px; border-radius: 10px; border: 0px; position: relative; color: rgb(102, 102, 102); font-size: 18px; padding: 0px 16px; }
.mauticform_message, .mauticform_btn { width: 100%; margin-bottom: 15px; position: relative; }
.mauticform_message { height: 100px; }
.mauticform_message .from_massage { border-radius: 4px; height: 100px; color: rgb(102, 102, 102); font-size: 18px; padding: 10px 16px; border: 0px; width: 100% !important; }
.mauticform_btn { text-align: center; margin-bottom: 0px; }
.mauticform_btn .from_button { width: 100%; height: 45px; line-height: 42px; background-color: transparent; margin: auto; color: rgb(255, 255, 255); text-transform: capitalize; font-size: 24px; border-radius: 10px; border: 1px solid rgb(255, 255, 255); }
.mauticform_btn .from_button::after { content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-image: url("/source/614aeb6a828905e7f48cf4987226b782/solution01.png"); background-size: 100%; background-repeat: no-repeat; margin-left: 10px; }
.copyright { position: relative; display: block; font-size: 16px; line-height: 21px; color: rgb(255, 255, 255); text-align: left; text-transform: capitalize; }
.inquiry_item .quick_quote{display:none;}
.tel_link { pointer-events: none; }
.web_footer .footer_contact_btn:hover { color: rgb(8, 71, 66) !important; }
.copyright>a{color:#fff;}
.copyright>a:hover{color:rgb(22, 22, 22) !important;}
@media screen and (max-width: 768px) {
.tel_link { pointer-events: auto; }
}
.web_main { position: relative; z-index: 2; overflow: hidden; }
.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-wrapper { }
.slider_banner .swiper-slide img { width: 100%; min-height: 150px; }
.slider_banner .swiper-slide img + img { position: absolute; top: 0px; left: 0px; }
.slider_banner .swiper-slide img { width: 100%; transition: all 3s linear 0s; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0px; z-index: 2; width: 100%; height: 54px; transform: translateY(-50%); }
.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(22, 22, 22); background-position: center center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; }
.slider_banner .swiper-pagination { opacity: 0.5; bottom: 50px !important; }
.slider_banner:hover .swiper-pagination { opacity: 1; }
.slider_banner .swiper-pagination span { vertical-align: middle; }
.slider_banner .swiper-pagination i { display: inline-block; margin: 0px 8px; width: 6px; height: 6px; background-color: rgb(255, 255, 255); vertical-align: middle; }
.slider_banner .swiper-pagination-bullet::before { display: none; }
.slider_banner .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; margin-right: 13px; width: 13px; height: 13px; background: rgb(255, 255, 255); color: rgb(255, 255, 255); text-align: center; border-radius: 50%; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgb(22, 22, 22); border: 1px solid rgb(255, 255, 255); }
.banner_button_prev, .banner_button_next { position: absolute; top: 0px; display: block; width: 54px; height: 54px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); vertical-align: middle; text-align: center; cursor: pointer; transition: all 0.35s ease-in-out 0s; }
.banner_button_prev { left: 76px; }
.banner_button_next { right: 76px; }
.banner_button_prev::before, .banner_button_next::before { position: absolute; top: 0px; left: 0px; width: 54px; height: 54px; background: url("/source/7e9bac9eb124eee719701ea9f87f6c18/web_icon.png") no-repeat; content: ""; transition: all 0.35s ease-in-out 0s; }
.banner_button_next::before { background-position: -54px -60px; }
.banner_button_prev::before { background-position: 0px -60px; }
.banner_button_next:hover, .banner_button_prev:hover { background-color: rgb(22, 22, 22); }
.banner_button_next:hover::before { background-position: -54px -114px; }
.banner_button_prev:hover::before { background-position: 0px -114px; }
.banner_text_box {
position: absolute;
z-index: 9;
background: #000000a8;
color: #fff;
padding: 30px;
max-width: 740px;
right: 14%;
top: 14%;
}
.banner_text_box h2{font-size: 2.4vw;margin-bottom: 30px;}
.banner_text_box p{font-size: 20px;}
.banner_text_box a{font-size: 20px;padding: 5px 20px;background: #fff;border-radius: 5px;margin-top: 30px;display: inline-block;}
.banner_text_box a:hover{background: #c22121;color:#fff;}
.banner_nav_wrap{position: absolute; top: 0; z-index: 9; background: #fff; height: 100%; width: 250px; padding: 20px; left: 10%;max-height: 500px;overflow: auto;}
.category_banner_title {
position: relative;
padding-left: 15px;
background: rgb(22, 22, 22);
color: rgb(255, 255, 255);
font-weight: normal;
font-size: 20px;
line-height: 45px;
}
.banner_head_nav{margin-top:20px;}
.banner_nav_wrap li{line-height: 2;margin-left: 15px;
padding-top: 3px;
padding-bottom: 3px;position: relative;
background: none;
color: rgb(66, 86, 100);}
.banner_nav_wrap li > a::before {
position: absolute;
top: 15px;
left: -12px;
display: inline-block;
width: 5px;
height: 5px;
background-color:rgb(255, 171, 0);
content: "";
}
.banner_nav_wrap li a{display: block;font-weight: bold;}
.banner_nav_wrap li .sub-menu{padding-left:15px;}
.index_hd { position: relative; text-align: center; }
.hd_title { position: relative; margin-bottom: 25px; display: block; color: rgb(0, 0, 0); font-weight: 600; font-size: 30px; line-height: 1; }
.sub_tit { color: rgb(0, 0, 0); font-size: 24px; line-height: 1.2; }
.index_hd .sub_tit { padding: 0px 10%; }
.service_slide a .item_img img, .busines_slide a .item_text p { transition: all 0.35s ease 0s; }
.solution_slide .item_img img, .index_business_slide a .item_img img { transition: all 1s ease 0s; }
.index_flex, .foor_service { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_row { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; justify-content: space-between; }
.index_product { background: url(""); }
.index_product .hd_title { margin-bottom: 40px; }
.index_product > div { color: rgb(255, 255, 255); max-width: 1475px; width: 95%; margin: 0px auto; margin-bottom:60px;}
.index_product .index_tit { margin-bottom: 64px; }
.index_product .index_tit::after { }
.index_product .change_items { position: relative; }
.index_product .pro_item { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: all 0.3s linear 0s; transform: rotateY(90deg); }
.index_product .pro_item .pro_name { color: rgb(51, 51, 51); margin-top: 10px; text-align: center; width: 100%; }
.index_product .pro_item .swiper-slide { flex-direction: column; }
.index_product .pro_item .swiper-slide .learn_more { }
.index_product .pro_item .swiper-slide img { transition: all 0.5s ease 0s; overflow: hidden; }
.index_product .pro_item .swiper-slide:hover img { }
.index_product .pro_item.active { position: relative; transform: none; transition: all 0.3s linear 0.3s; z-index: 1; opacity: 1; }
.index_product figure { align-items: center; }
.index_product figure div { overflow: hidden; }
.index_product figure:hover img { transform: scale(1.1); }
.index_product figure img { transition: all 0.3s linear 0s; }
.index_product figcaption { }
.index_product figcaption a { }
.index_product figcaption h2 { font-size: 24px; text-align: center; padding-bottom: 9px; position: relative; margin-bottom: 18px; }
.index_product figcaption h2::after { content: ""; width: 45px; height: 3px; background: rgb(255, 255, 255); position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); }
.index_product figcaption p { font-size: 14px; font-family: pop-light; text-align: center; line-height: 1.4; }
.index_product .swiper-pagination { position: relative; justify-content: flex-end; margin: 59px 0px 12px; }
.index_product .swiper-pagination span { width: 16px; height: 16px; background: rgb(255, 255, 255); display: block; margin-left: 9px; }
.index_product .swiper-pagination span::before { display: none; }
.index_product .swiper-pagination .swiper-pagination-bullet-active { background: rgb(234, 121, 29); }
.index_product .change_tit { margin-bottom: 30px;padding:0 40px;position:relative; }
.change_tit .swiper-button-next,.change_tit .swiper-button-prev{opacity:1;background-color:transparent;color:#333;}
.change_tit .swiper-button-next.swiper-button-disabled,.change_tit .swiper-button-prev.swiper-button-disabled{opacity:0;}
.index_product .change_tit .swiper-wrapper {justify-content:center;margin-top:40px;}
.index_product .change_tit .swiper-slide {
/*flex: 1 1 0%;*/
font-size: 16px; background: rgb(255, 255, 255); text-align: center; font-family: Arial;font-weight: 700; color: rgb(51, 51, 51); line-height: 1.3;
/*border-left: 1px solid rgb(242, 242, 242); */
transition: all 0.3s linear 0s; cursor: pointer; padding: 10px 0px; }
.index_product .change_tit .swiper-slide:hover, .index_product .change_tit .swiper-slide.active { color: rgb(255, 255, 255); background-color: rgb(22, 22, 22); }
.index_product .change_tit .swiper-slide-active { border: none; cursor: pointer; }
.solution_slide:hover .item_img img, .service_slide a:hover .item_img img { transform: scale(1.15); }
.index_solution_warp { margin: 80px 0px; }
.index_solution_swiper { margin: 80px 0px 0px; }
.solution_box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.solution_slide{width:48%;}
.solution_slide .item_img { overflow: hidden; }
.solution_slide .item_text { padding: 30px 5%; text-align: center; background-color: rgb(248, 248, 248); }
.solution_slide .item_text h2 { font-size: 30px; line-height: 1.5; color: rgb(22, 22, 22); font-weight: 600; }
.solution_slide .item_text p { font-size: 20px; margin: 20px 0px 30px; color: rgb(0, 0, 0); line-height: 1.2; }
.solution_slide .item_text a.solution_btn { width: 150px; height: 40px; line-height: 40px; font-size: 16px; background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); display: inline-block; text-align: center; text-transform: capitalize; border-radius: 10px; }
.solution_slide .item_text a.solution_btn img { width: auto; margin-left: 10px; }
.solution_slide .item_text a.solution_btn:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 20px; }
.index_service_swiper { margin-top: 60px; }
.service_slide a { display: block; position: relative; }
.service_slide a .item_img { overflow: hidden; }
.service_slide a .item_text { text-align: center; background-color: rgb(248, 248, 248); padding: 20px 5%;min-height: 142px; }
.service_slide a .item_text h2 { font-size: 24px; line-height: 1.5; color: rgb(22, 22, 22); font-weight: 600; }
.service_slide a .item_text p { font-size: 16px; margin-top: 10px; color: rgb(0, 0, 0); line-height: 1.2; }
.index_business_warp { background-color: rgb(245, 245, 245); margin: 60px 0px 0px; padding: 100px 0px; }
.index_business_list, .index_sourc_list, .index_simple_list { margin-top: 60px; }
.index_business_slide { width: 28%; text-align: center; }
.index_business_slide a { display: block; }
.index_business_slide a .item_img img { width: auto; }
.index_business_slide a .item_text h2 { font-size: 24px; margin: 40px 0px 10px; line-height: 1.5; color: rgb(22, 22, 22); font-weight: 600; }
.index_business_slide a .item_text p { font-size: 16px; margin-top: 10px; color: rgb(0, 0, 0); line-height: 1.2; }
.index_business_slide a:hover .item_img img { transform: rotateY(360deg); }
.index_sourc_warp { margin: 100px 0px; }
.index_sourc_warp .index_sourc_list { max-width: 1080px; margin: 0px auto; }
.index_sourc_slide { margin: 10px 0px; position: relative; }
.index_sourc_slide::before { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; background-color: rgb(218, 221, 225); }
.index_sourc_slide .question_title { position: relative; padding: 10px 0px; cursor: pointer; }
.index_sourc_slide .question_title h2 { font-size: 24px; color: rgb(111, 111, 111); line-height: 30px; font-weight: 600; padding-right: 40px; }
.index_sourc_slide .question_title i { position: absolute; top: 50%; right: 10px; margin-top: -15px; color: rgb(0, 0, 0); width: 30px; height: 30px; text-align: center; line-height: 30px; }
.index_sourc_slide .question_title i::before { content: "+"; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: rgb(0, 0, 0); }
.index_sourc_slide .item_text { padding: 5px 0px 16px; font-size: 18px; color: rgb(143, 143, 143); line-height: 1.3; display: none; }
.index_sourc_slide.active .question_title::before { width: 100%; }
.index_sourc_slide.active .question_title h2, .index_sourc_slide.active .question_title i { color: rgb(22, 22, 22); }
.index_sourc_slide.active .question_title i::before { content: "-"; }
.index_busines_warp { padding: 80px 0px; background-color: rgb(245, 245, 245); }
.index_busines_main { position: relative; padding: 0px 200px; }
.busines_slide a { display: block; text-align: center; }
.busines_slide a .item_text p { font-size: 20px; color: rgb(85, 89, 92); line-height: 1.2; font-style: italic; }
.busines_slide a .item_text h2 { font-size: 30px; margin: 30px 0px 10px; color: rgb(0, 0, 0); font-weight: 600; line-height: 1.2; }
.busines_slide a .item_text h4 { font-size: 20px; color: rgb(85, 89, 92); line-height: 1.2; font-weight: normal; }
.index_busines_swiper { margin: 80px 0px 60px; }
.index_busines_main .swiper_prev, .index_busines_main .swiper_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.index_busines_main .swiper_prev { left: 0px; }
.index_busines_main .swiper_next { right: 0px; }
.index_busines_main .swiper_prev img, .index_busines_main .swiper_next img { width: auto; }
.index_busines_main .swiper-pagination { position: relative; width: 100%; }
.index_busines_main .swiper-pagination .swiper-pagination-bullet::before { display: none; }
.index_busines_main .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: rgb(204, 204, 204); border-radius: 50%; margin: 0px 6px; }
.index_busines_main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(0, 0, 0); }
.busines_slide a:hover .item_text p { color: rgb(22, 22, 22); }
.index_simple_warp { margin: 100px 0px; }
.index_simple_list { display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.simple_slide a { padding: 44px 5%; display: block; text-align: center; border-width: 2px 2px 6px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(22, 22, 22); border-image: initial; position: relative;min-height: 216px; }
.simple_slide a .item_text span { width: 50px; height: 50px; line-height: 50px; font-size: 32px; color: rgb(255, 255, 255); text-align: center; border-radius: 50%; background-color: rgb(22, 22, 22); display: block; position: absolute; top: 0px; left: 50%; transform: translate(-50%, -40%); }
.simple_slide a .item_text p { font-size: 16px; color: rgb(0, 0, 0); line-height: 1.5; }
.index_contact_warp { padding: 100px 0px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.index_contact_item { text-align: center; color: rgb(255, 255, 255); }
.index_contact_item .hd_title, .index_contact_item .sub_tit { color: rgb(255, 255, 255); }
.index_contact_item .contact_email { height: 45px; line-height: 45px; font-size: 18px; padding: 0px 30px; margin-top: 60px; color: rgb(255, 255, 255); display: inline-block; text-align: center; background-color: rgb(22, 22, 22); border-radius: 10px; }
.index_contact_item .contact_email img { width: auto; margin-left: 10px; }
.index_contact_item .contact_email:hover { box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 30px; }
.page_main { z-index: 1; overflow: visible; padding: 72px 0px 30px; background: rgb(255, 255, 255); }
.product_main { background: rgb(243, 243, 243); }
.sys_sub_head { position: relative; z-index: 1; text-align: left; }
.head_bn_item img { }
.path_bar { background: rgb(22, 22, 22); position: relative; padding: 50px 0px; }
.path_bar ul { font-size: 0px; }
.path_bar li { display: inline; letter-spacing: 0px; }
.path_bar li, .path_bar li a { color: #fff; font-size: 14px; line-height: 38px; font-family: Arial; }
.path_bar li::before { position: relative; margin: 0px 5px; content: "/"; vertical-align: baseline; }
.path_bar li:first-child::before, .path_bar li.breadcrumbs::before { display: none; }
.sys_sub_head .pagnation_title { font-size: 54px; font-family: Arial; text-transform: capitalize; color: #fff; line-height: 1; margin-bottom: 10px; }
.mobile-head-items { display: none; }
.aside { float: left; width: 250px; }
.side-tit-bar { position: relative; }
.side-tit-bar .side-tit { position: relative; padding-left: 35px; background: rgb(22, 22, 22); color: rgb(255, 255, 255); font-weight: normal; font-size: 20px; line-height: 45px; }
.side-widget { position: relative; overflow: hidden; margin: 0px 0px 40px; }
.side-widget + .side-widget { padding-top: 20px; }
.side-cate { overflow: hidden;margin-top: 10px; }
.side-cate li { position: relative; margin-bottom: 1px; font-size: 16px; line-height: 30px; }
.side-cate li a { position: relative; display: block; padding-left: 30px; }
.side-cate ul { display: none; background-color: rgb(255, 255, 255); overflow: visible !important; }
.side-cate li a { transition: color 0.3s ease-in-out 0s; }
.side-cate li ul { padding-top: 8px; padding-bottom: 8px; }
.side-cate li li { font-size: 14px; }
.side-cate li + li { border-top: 1px solid rgb(221, 221, 221); }
.side-cate li li a { margin-left: 30px; padding-top: 3px; padding-bottom: 3px; background: none; color: rgb(66, 86, 100); }
.side-cate li li li { font-size: 12px; }
.side-cate li a:hover, .side-cate li.active > a { color: rgb(22, 22, 22); }
.side-cate li a:hover::before, .side-cate li.active > a::before { background-color: rgb(22, 22, 22); }
.side-cate li .icon-cate { position: absolute; top: 0px; right: 0px; display: inline-block; overflow: hidden; width: 40px; height: 40px; border-radius: 0%; color: rgb(97, 98, 101); text-align: center; font-size: 10px; line-height: 40px; cursor: pointer; transition: all 0.2s ease 0s; }
.side-cate li .icon-cate::before { padding-right: 1px; padding-left: 1px; }
.side-cate li .icon-cate.icon-cate-down::before { content: ""; }
.side-cate li .icon-cate.icon-cate-up::before { content: ""; }
.side-cate li .icon-cate.icon-cate-up { transform: rotate(90deg); }
.side-widget .cate-type-list > li { font-size: 14px; line-height: 38px; }
.side-widget .cate-type-list > li > a { margin-right: 0px; padding-left: 35px; }
.side-widget .cate-type-list > li > a::before { position: absolute; top: 15px; left: 15px; display: inline-block; width: 5px; height: 5px; background-color: rgb(224, 224, 224); content: ""; }
.side-cate li.has-child > a { padding-right: 40px; line-height: 40px; }
.side-cate li.nav-current > .icon-cate { color: rgb(22, 22, 22); }
.side-cate > li.nav-current > a, .side-cate > li.nav-current > .icon-cate { color: rgb(22, 22, 22); }
.side-cate li li.nav-current > a { color: rgb(22, 22, 22); }
.side-product-items { position: relative; margin-top: 8px; }
.side-product-items .items_content { position: relative; padding: 35px 0px; }
.side_product_item { position: relative; display: block; overflow: hidden; width: 100%; }
.side_product_item figure { position: relative; display: table; overflow: hidden; width: 100%; }
.side_product_item .item-img, .side_product_item figcaption { display: table-cell; vertical-align: middle; }
.side_product_item .item-img { position: relative; box-sizing: content-box; width: 70px; }
.side_product_item .item-img img { display: block; width: 100%; }
.side_product_item figcaption { padding-left: 15px; }
.side_product_item figcaption h3 { font-weight: normal; font-size: 14px; }
.side_product_item figcaption h3 a { display: -webkit-box; overflow: hidden; max-height: 3.2em; text-overflow: ellipsis; overflow-wrap: break-word; line-height: 1.6em; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.side_product_item figcaption h3 a:hover, .side_product_item .item-img:hover + figcaption h3 a { color: rgb(22, 22, 22); }
.side_product_item:hover .item-img { border-color: rgb(22, 22, 22); }
.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 { position: relative; overflow: hidden; box-sizing: content-box; max-height: 480px; }
.side-product-items .side_slider .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.side-product-items .side_product_item { height: 100px; }
.side-product-items .btn-prev, .side-product-items .btn-next { position: absolute; left: 0px; z-index: 1; width: 100%; height: 32px; color: rgb(204, 211, 217); text-align: center; font-size: 38px; line-height: 32px; opacity: 1; cursor: pointer; }
.side-product-items .swiper-button-disabled { color: rgb(238, 238, 238); cursor: default; }
.side-product-items .btn-prev::before, .side-product-items .btn-next::before { display: inline-block; transform: scale(2.5, 1); }
.side-product-items .btn-prev { top: 0px; }
.side-product-items .btn-prev::before { content: ""; }
.side-product-items .btn-next { bottom: 0px; }
.side-product-items .btn-next::before { content: ""; }
.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); }
.aside .side-bn { margin: 0px 0px 40px; width: 100%; }
.aside .side-bn img { width: 100%; }
.main { position: relative; float: right; padding-bottom: 50px; width: calc(100% - 350px); }
.news_main{width:100%;}
.news_main h1{font-size: 32px;font-weight:bold;}
.news_main h2{font-size:24px;}
.page_main .layout.tishi{margin-top:-40px;color:#c75050;margin-bottom: 20px;background: #f1dcdc;padding: 24px;border-radius: 6px;font-size: 14px;position: relative;}
.page_main .layout.tishi>span{display:block;height:20px;width:10px;color:#806f6f;visibility: initial;position: absolute;right: 10px;top: 5px;cursor: pointer;}
.page_main .layout.tishi.hidden{display:none;}
.main .banner_section { margin-bottom: 25px; }
.page_main, .pagge_main a { color: rgb(0, 33, 64); }
.page_main a:hover { color: rgb(22, 22, 22); }
.main_hd { margin-bottom: 35px; text-align: center; }
.main_hd .page_title { font-size: 30px; }
.main_hd .page_title, .main_hd .page_title a { color: rgb(89, 89, 89); }
.page_bar { position: relative; margin: 50px 0px 30px; height: 33px; text-align: center; font-size: 14px; line-height: 31px; }
.page_bar a, .page_bar span { position: relative; display: inline-block; margin: 0px 0px 0px 8px; padding: 0px 8px; min-width: 33px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); vertical-align: top; text-align: center; }
.page_bar a.current, .page_bar a:hover { border-color: rgb(22, 22, 22); background: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.page_bar span.current2 { padding-right: 8px; padding-left: 8px; }
.items_list { position: relative; width: 100%; }
.items_list ul { margin: -10px -18px; -webkit-box-pack: center; justify-content: center; }
.items_list ul { margin: -2.5%; }
.items_list .product_item { display: flex; padding: 2.5%; width: 25%; max-width: 25%; flex: 0 0 25%; }
.items_list .product_item figure { display: flex; overflow: hidden; width: 100%; border: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; }
.items_list .product_item figcaption { padding: 25px 15px; text-align: center; }
.items_list .product_item .item_img, .items_list .product_item .item_img img { display: block; }
.items_list .product_item .item_img { border: 1px solid rgb(230, 230, 230); -webkit-box-flex: 1; flex-grow: 1; }
.items_list .product_item .item_title { text-transform: uppercase; font-size: 12px; }
.items_list .product_item .item_title a { height: 3.7em; background-color: rgb(66, 86, 100); color: rgb(255, 255, 255); font-size: 12px; line-height: 3.7em; }
.items_list .product_item figure:hover { border-color: rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px 0px; }
.items_list .product_item figure:hover .item_title a { background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.product-intro { position: relative; margin-bottom: 80px; }
.cloud-zoom-lens { border: 1px solid rgb(238, 238, 238); cursor: move; }
.cloud-zoom-title { top: 0px; padding: 3px; width: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; font-weight: bold; font-size: 10px; position: absolute !important; }
.cloud-zoom-big { overflow: hidden; padding: 0px; background-color: rgb(255, 255, 255); }
.cloud-zoom-loading { padding: 3px; border: 1px solid rgb(0, 0, 0); background: rgb(34, 34, 34); color: white; }
.product-view .product-image.zoom_remove::after { position: absolute; bottom: 0px; left: 0px; z-index: 999; width: 100%; height: 100%; content: ""; }
.product-view { position: relative; float: left; width: 42%; background: rgb(255, 255, 255); padding-bottom: 28px; }
.product-view .product-image { overflow: hidden;border: 1px solid #eee; }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 34px; padding: 0px 50px; }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0px 2px; }
.product-view .image-additional li { position: relative; float: left; display: flex; overflow: visible; width: 20%; height: auto; border: 1px solid rgb(138, 138, 138); -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
.product-view .image-additional li::before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ""; transition: all 0.2s ease-in-out 0s; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0px auto; width: 100%; opacity: 0.4; transition: all 0.3s ease-in-out 0s; }
.product-view .image-additional li a { position: relative; display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }
.product-view .image-additional li.current { border: 1px solid rgb(22, 22, 22); }
.product-view .image-additional li.current img { opacity: 1; }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0px; display: none; margin: -20px 0px 0px; width: 100%; color: rgb(22, 22, 22); text-align: center; font-size: 20px; line-height: 40px; animation: 1s ease-in-out 0s infinite normal none running twinkling; }
.product-view .image-additional.swiper-container-horizontal > .swiper-pagination-bullets { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { 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("/source/7e9bac9eb124eee719701ea9f87f6c18/web_icon.png"); background-repeat: no-repeat; content: ""; transition: all 0.35s ease 0s; }
.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 -126px; }
.product-view .swiper-button-prev:hover::before { background-position: -250px -126px; }
.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; }
.product-meta h3{font-size:20px;}
.product-summary { position: relative; float: left; max-width: 630px; padding-left: 60px; color: rgb(53, 51, 51); }
.product-summary .page_title { display: table; color: rgb(80, 80, 80); text-transform: capitalize; font-weight: normal; font-size: 36px; line-height: 1.2; font-family: Roboto-Bold; padding-top: 50px; }
.product-summary .product-meta { margin-top: 20px;color: rgb(36, 36, 36); font-weight: 300; font-size: 16px; line-height: 28px; }
.product-summary .product-meta .short_tit { position: relative; color: rgba(36, 36, 36, 0.5); text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 22px; }
.short_description {margin-bottom:20px;}
.short_description li,.pro_table_doc li{list-style:disc;display:list-item!important;}
.product-summary .product-meta p { margin: 27px 0px; color: rgb(51, 51, 51); font-size: 14.7px; line-height: 26px; }
.product-summary .product-meta li { display: table; padding: 2px 0px; width: 100%; font-size: 16px; line-height: 1.6; }
.product-summary .product-meta li em { display: table-cell; width: 36%; color: rgba(36, 36, 36, 0.5); }
.product-summary .product-meta li .item-val { display: table-cell; overflow-wrap: break-word; word-break: break-all; }
.product-summary .product-meta br { display: none; height: 10px; }
.product-btn-wrap { position: relative; padding-top: 74px; text-align: left; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position: relative; display: inline-block; margin: 0px 0px 7px 7px; padding: 0px 10px; border: 2px solid rgb(22, 22, 22); background: rgb(22, 22, 22); color: rgb(255, 255, 255); vertical-align: top; text-transform: capitalize; font-size: 14px; line-height: 30px; font-family: Roboto-Bold; font-weight: normal; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background: transparent; color: rgb(22, 22, 22); }
.product-btn-wrap .email::before, .product-btn-wrap .pdf::before { padding-right: 10px; font-size: 16px; }
.product-btn-wrap .email::before { content: ""; }
.product-btn-wrap .pdf::before { content: ""; }
.product-summary .share-this { margin: 45px 0px 0px; text-align: right; }
.product-detail { position: relative; overflow: visible; }
.detail-tabs { position: relative; margin-bottom: -1px; background: rgb(234, 237, 240); }
.detail-tabs .title { position: relative; float: left; display: inline-block; margin-right: -1px; padding: 1px 35px; border: 1px solid rgb(204, 211, 217); color: rgba(0, 33, 64, 0.5); vertical-align: top; font-weight: bold; font-size: 18px; line-height: 35px; cursor: pointer; }
.detail-tabs .title:last-child{display:none}
.detail-tabs .title.current { position: relative; z-index: 2; margin-bottom: -1px; padding-bottom: 2px; border-bottom: none; background: rgb(255, 255, 255); color: rgb(22, 22, 22); }
.product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0px; }
.product-detail .tab-panel-content ul{padding-left:20px;}
.product-detail .tab-panel-content ul li{list-style:initial;padding:5px 0;}
.product-detail .disabled { display: none; }
.tab-panel-wrap { margin-bottom: 60px; padding: 40px; border: 1px solid rgb(204, 211, 217); background-color: rgb(255, 255, 255); }
.goods-may-like { position: relative; overflow: hidden; padding: 70px 0px 30px; background-attachment: fixed; margin-bottom: 30px; }
.goods-may-like .swiper-slider{position:relative;padding: 0 50px;}
.goods-may-like .index_title_bar { position: relative; display: block; text-align: center; }
.goods-may-like .index_title_bar .good_title { position: relative; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 36px; line-height: 1; margin-bottom: 45px; font-family: Roboto-Bold; font-weight: normal; }
.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; }
.goods-may-like .product_item:hover .item_img img { transition: all 0.3s ease-in-out 0s; transform: scale(1.1); }
.good_button_bar { position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 9;
width: 100%; }
.good_button_bar .navigate_button_prev, .good_button_bar .navigate_button_next { display: inline-block; width: auto; line-height: 42px; text-align: center; color: rgb(255, 255, 255); font-size: 30px;position: absolute;
top: 50%;transform: translateY(-50%); }
.good_button_bar .navigate_button_prev { left:2px}
.good_button_bar .navigate_button_next { right:2px}
.good_button_bar .navigate_button_prev::before, .good_button_bar .navigate_button_next::before {font-family: FontAwesome;color:rgb(22, 22, 22); font-size:54px;}
.good_button_bar .navigate_button_prev::before { content: "\f0a8"; }
.good_button_bar .navigate_button_next::before {content: "\f0a9"; }
.good_button_bar .navigate_button_prev { }
.good_button_bar .navigate_button_next { }
.product_item { position: relative; border: 1px solid rgb(200, 200, 200); }
.goods-may-like .product_item{border:none}
.product_item figure { position: relative; height: 100%; }
.product_item .item_img { position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; }
.product_item .item_img img { width: 100%; height: auto; }
.product_item figcaption { background: rgba(11, 135, 251, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateX(-110%); }
.goods-may-like .product_item figcaption{background:transparent;position:static; transform: translateX(0);}
.product_item .item_title { position: absolute; top: 45%; left: 0px; width: 100%; }
.goods-may-like .product_item .item_title{position:static; transform: translateX(0);color:#333}
.product_item .item_title a { display: block; position: relative; color: #333; text-align: center; font-size: 18px; line-height: 1.68; font-family: Roboto-Regular; text-transform: capitalize; letter-spacing: 0.38px; font-weight: normal; }
.product_item:hover figcaption { transform: translateX(0px); }
.blog_list { position: relative; width: 100%; }
.blog-item { position: relative; overflow: hidden; padding: 35px 20px; width: 100%; }
.blog-item:nth-child(2n+1) { background: rgb(249, 249, 249); }
.blog-item::before { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); content: ""; }
.blog-item::after { position: absolute; bottom: 0px; left: 0px; display: block; width: 0px; height: 3px; background-color: rgb(22, 22, 22); content: ""; opacity: 0; }
.blog-item:hover::after { width: 100%; opacity: 1; transition: all 1s ease-in-out 0s; }
.blog-item .item-img, .blog-item .item-img img { border-radius: 5px; }
.blog-item .item-img { position: relative; float: left; display: block; margin: 0px 20px 0px 0px; padding: 5px; max-width: 200px; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); }
.blog-item .item-img img { position: relative; width: 100%; }
.blog-item .item-info .item-title { overflow: hidden; height: 1.5em; font-weight: normal; font-size: 20px; line-height: 1.5em; }
.blog-item .item-info time { display: block; margin: 8px 0px; font-size: 16px; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float: right; margin: 20px 0px 0px; color: rgb(143, 147, 149); }
.blog-item .item-info .item-more { position: relative; display: inline-block; padding: 0.2em 0.8em; color: rgb(22, 22, 22); text-transform: uppercase; line-height: 1.8; }
.blog-item .item-info .item-more::after { position: absolute; display: block; width: 100%; height: 2px; background-color: rgb(22, 22, 22); content: ""; transition: all 0.4s ease 0s; }
.blog-item .item-info .item-more::before { top: 0px; left: 0px; }
.blog-item .item-info .item-more::after { right: 0px; bottom: 0px; }
.blog-item .item-info .item-more:hover::before, .blog-item .item-info .item-more:hover::after { width: 0px; opacity: 0; }
.blog-item .item-info .item-more:hover { background-color: rgb(22, 22, 22); color: rgb(255, 255, 255); transition-delay: 0.3s; }
.download_list { position: relative; width: 100%; }
.download-item { position: relative; overflow: hidden; margin: 0px 0px 10px; padding: 15px 0px; border-bottom: 1px solid rgb(238, 238, 238); line-height: 30px; }
.download-item .item-img { max-width: 25px; }
.download-item .item-title { position: relative; display: inline-block; margin: 0px 10px; vertical-align: top; font-weight: bold; font-size: 16px; }
.download-item .item-button { position: relative; float: right; display: inline-block; padding: 0px 15px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; background: rgb(238, 238, 238); vertical-align: top; line-height: 30px; cursor: pointer; }
.download-item .item-button::before { margin: 0px 10px 0px 0px; content: ""; }
.mauticform_wrapper { width: 100%; max-width: 100% !important; }
.faq_list { position: relative; width: 100%; }
.faq-item { position: relative; overflow: hidden; margin: 0px 0px 20px; padding: 0px 25px; width: 100%; border: 1px solid rgb(238, 238, 238); }
.faq-item .faq-title { position: relative; padding: 15px 0px; font-size: 16px; cursor: pointer; }
.faq-item .faq-title::before { position: absolute; right: 0px; content: ""; font-size: 14px; }
.faq-item .faq-title.show-title::before { content: ""; }
.faq-item .faq-title h3 { font-weight: normal; }
.faq-item .faq-cont { display: none; margin: 0px 0px 25px; }
.faq-item:first-child .faq-cont { display: block; }
/*可视化移动端效果*/
.fl-node-66deacb8ce9d0 > .fl-row-content-wrap{padding-top: 0px!important;padding-bottom: 0px!important;}
.fl-row[data-node] .fl-row-content-wrap,.fl-node-66e1521226915 > .fl-row-content-wrap{padding: 45px 20px!important;}
.fl-col-group .fl-col > .fl-col-content { padding-top: 10px!important;}
.fl-col-group.fl-node-66dea551bdfb1,.fl-node-66debadb1b112 > .fl-col-content{padding-bottom: 20px!important;}
.fl-node-66dea67d885e6 > .fl-row-content-wrap{padding-top: 50px!important;}
.fl-col-group.fl-node-66dea551bdfb1{display:flex;flex-wrap:wrap;}
.fl-col-group.fl-node-66dea551bdfb1 div.fl-col{width:50%!important;}
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx { top: 0px !important; }
.solution_slide{width:100%;}
}
@media only screen and (max-width: 1680px) {
body { min-width: 1300px; }
.layout{ width: 1300px; }
.head_layout.layout, .head_top .layout , .web_footer .layout,.path_bar .layout { width: 100%; padding: 0px 60px; }
.head_nav > li { padding: 0px 25px; }
.banner_nav_wrap{left:4%;}
}
@media only screen and (max-width: 1440px) {
body { min-width: 1200px; }
.layout{ width: 1200px; }
}
@media only screen and (max-width: 1366px) {
body { min-width: 1150px; }
.layout { width: 1150px; }
.head_nav > li > a { font-size: 16px; }
.head_nav > li { padding: 0px 15px; }
.banner_nav_wrap{max-height: 30vw;}
.banner_text_box{max-width: 50%;}
.banner_text_box h2 { margin-bottom: 20px;}
.hd_title { font-size: 40px; }
.sub_tit { margin-bottom: 13px; font-size: 15px; }
.items_list .product_item { width: 33.3333%; max-width: 33.3333%; flex: 0 0 33.3333%; }
}
@media only screen and (max-width: 1280px) {
body { min-width: unset; }
.layout, .web_footer .layout { width: 98%; }
.head_nav > li > a { font-size: 14px; }
.head_nav > li { padding: 0px 10px; }
.hd_title { font-size: 32px; }
.sub_tit { font-size: 16px; }
.index_busines_main .swiper_prev img, .index_busines_main .swiper_next img { width: auto; max-width: 50px; }
.index_busines_main { padding: 0px 60px; }
.main { padding-bottom: 0px; width: calc(100% - 280px); }
.items_list ul { margin: -5px; }
.items_list .product_item { padding: 5px; }
.page_main { padding: 30px 0px; }
.product-summary { width: calc(57.83% - 30px); }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { text-transform: capitalize; font-size: 12px; line-height: 30px; }
.pagnation_title { font-size: 28px; margin-bottom: 15px; }
.path_bar li, .path_bar li a { font-size: 16px; }
.product-summary .product-meta p { margin: 15px 0px; font-size: 13px; line-height: 1.5; }
.product-btn-wrap { padding-top: 50px; }
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 950px) {
.category_banner_title{display:none;}
.banner_nav_wrap{position:initial;width: 100%;}
.banner_head_nav { display: flex; flex-wrap: wrap; justify-content: space-between;}
.banner_text_box{display:none;}
body { min-width: 100%; }
.z10000 { position: relative; z-index: 100000; }
.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("/source/c5afe2b8ab8b2cc9139bd1fb14b08024/mobile_close.png") center center / 50% no-repeat rgb(255, 255, 255); cursor: pointer; }
.sub-content { position: relative; right: auto; z-index: 99999; display: block; border: none; border-radius: 0px; box-shadow: none; }
.lang-more { display: none !important; }
.mobile-head-items { position: fixed; top: 0px; left: 0px; z-index: 999; display: block; width: 100%; height: 25px; background: rgb(22, 22, 34); text-align: left; line-height: 25px; }
.mobile-head-item { float: left; width: 45px; }
.mobile-head-item.mobile-head-aside { float: right; }
.mobile-head-item .title { overflow: hidden; width: 100%; height: 25px; color: rgb(255, 255, 255); text-align: center; line-height: 25px; 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: ""; }
.mobile-head-item.mobile-head-language .title::before { content: ""; }
.mobile-head-item.mobile-head-search .title::before { content: ""; }
.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: 30px; visibility: visible; opacity: 1; }
.web_head .nav_wrap .head_nav, .web_head .change-language, .head-search .search-attr, .btn--search, .head_top, .head_right { display: none; }
.index_main .layout, .layout { margin: 0px auto; width: 98%; }
.web_head, .web_head.index_web_head { padding: 25px 0px 0px; height: auto; background: rgb(22, 22, 22); position: relative; left: auto; top: auto; }
.web_head .logo, .web_head.index_web_head .logo { position: relative; display: block; width: 100%; max-width: unset; text-align: center; padding: 10px 0px; transform: unset; }
.web_head .logo img, .web_head.index_web_head .logo img { width: auto; }
.web_head .nav_wrap { position: static; }
.nav_wrap .logo img { height: 100px; }
.head-search { position: relative; width: 100%; height: 35px; background: rgb(22, 22, 22); color: rgb(255, 255, 255); }
.head-search .search-ipt { width: 100%; line-height: 35px; height: 35px; padding-left: 1.5%; }
.head-search .search-btn { width: 33px; height: 33px; background-image: url("/source/7e9bac9eb124eee719701ea9f87f6c18/web_icon.png"); background-position: 0px 4px; background-repeat: no-repeat; position: absolute; right: 0px; top: 3px; background-color: transparent; border: none;color:transparent; }
.web_head { background: rgb(22, 22, 22); }
.head_layout { height: auto; }
.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; height: 1.4em; line-height: 1.4em; }
.head_nav li a:hover { color: inherit; }
.head_nav li em { display: block; overflow: hidden; height: 1.4em; }
.head_nav li li { font-size: 14px; }
.head_nav li li li { font-size: 12px; }
.head_nav li li a { color: rgb(102, 102, 102); }
.head_nav li.has-child a b { position: absolute; top: 1px; 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); }
.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: 0px; }
.head_nav li li, .head_nav li li.has-child { padding-left: 15px; }
.head_nav li.active > a > b::after { display: none; }
.web_head .nav_wrap { display: none; }
.head_nav > li ul li { border-bottom: none; }
.head_nav > li::before { display: none; }
.foor_service .foot_item .fot_tit { margin-bottom: 10px; font-size: 18px; }
.foor_service { padding: 0 0 30px 0px; }
.fd_nav li a { font-size: 12px; }
.foot_item.foot_contact_item .foot_contact li, .foot_item.foot_contact_item .foot_contact li a { font-size: 12px; }
.web_footer .foot_bottom { padding: 15px 0px; }
.copyright { font-size: 12px; }
.hd_title { font-size: 20px; }
.banner_button_prev, .banner_button_next { display: none; }
.slider_banner .swiper-pagination { bottom: 10px !important; }
.slider_banner .swiper-pagination-bullet { margin-right: 7px; width: 7px; height: 7px; }
.index_solution_warp { margin: 60px 0px; }
.index_solution_swiper { margin: 40px 0px 0px; }
.solution_slide .item_text { padding: 20px 3%; }
.solution_slide .item_text h2 { font-size: 20px; }
.solution_slide .item_text p { font-size: 14px; margin: 15px 0px; }
.service_slide a .item_text { padding: 15px 2%; }
.service_slide a .item_text h2 { font-size: 20px; }
.service_slide a .item_text p { font-size: 13px; }
.index_service_swiper { margin-top: 40px; }
.index_business_warp { padding: 40px 0px; }
.index_business_slide a .item_text h2 { font-size: 20px; margin: 20px 0px 10px; }
.index_business_slide a .item_text p { font-size: 13px; }
.index_business_slide { width: 31%; }
.index_sourc_warp { margin: 60px 0px; }
.index_sourc_slide .question_title h2 { font-size: 20px; }
.index_sourc_slide .item_text { font-size: 14px; }
.index_busines_swiper { margin: 50px 0px; }
.busines_slide a .item_text p { font-size: 14px; }
.busines_slide a .item_text h2 { font-size: 20px; margin: 15px 0px; }
.busines_slide a .item_text h4 { font-size: 14px; }
.index_busines_warp { padding: 40px 0px; }
.simple_slide a .item_text p { font-size: 14px; }
.simple_slide a {
min-height: auto;
}
.index_simple_warp { margin: 60px 0px; }
.index_contact_warp { padding: 50px 0px; }
.aside { display: none; }
.side-widget { margin-bottom: 35px; }
.side-product-items .items_content { margin-top: 10px; padding-top: 0px; padding-bottom: 0px; }
.side-product-items .btn-prev, .side-product-items .btn-next { display: none; }
.side-product-items .side_slider { padding-top: 0px; padding-bottom: 0px; max-height: inherit; }
.side-product-items .side_slider ul::after { clear: both; display: block; visibility: hidden; height: 0px; content: ""; }
.side-product-items .side_slider .swiper-wrapper { display: block; margin: 0px -5px; width: auto; }
.side-product-items .side_product_item { float: left; display: block; width: 50%; text-align: center; height: auto !important; }
.side-product-items .side_product_item:nth-child(2n+1) { clear: left; }
.side-product-items .side_product_item figure { display: block; margin: 5px; padding: 3px; width: auto; border: 1px solid rgb(238, 238, 238); }
.side-product-items .side_product_item .item-img { float: none; display: block; width: 100%; border: 0px; }
.side-product-items .side_product_item .item-img img { width: 100%; height: auto; border: 0px; }
.side-product-items .side_product_item figcaption { display: block; padding: 8px; width: auto; }
.side-product-items .side_product_item figcaption .item_title { height: auto; text-transform: none; font-size: 12px; }
.main { float: none; margin: 0px auto; width: auto; }
.product-item { width: 33.333%; }
.product-item .item-wrap { margin: 8px; }
.page_bar { margin-top: 20px; text-align: center; }
.path_bar .layout { width: auto; }
.sys_sub_head .layer_ft_bg { display: none; }
.main_hd { margin-bottom: 15px; text-align: center; }
.main_hd .page_title { font-size: 22px; }
.items_list > ul { margin: 0px; }
.page_title { border-bottom: 0px; line-height: 1.1; }
.video_close { display: none; }
.image-additional li.image-item.current img { border: none; }
.product-view { float: none; margin: 0px auto 15px; width: 100%; padding: 10px 0px; }
.product-view .product-image, .single_product_items { display: none; }
.product-view .image-additional-wrap { width: 100%; margin-top: 0px; }
.product-view .image-additional ul { width: 100%; }
.product-view .image-additional li { margin: 0px; width: 33.3333%; }
.product-view .image-additional li a { margin: 0px 2px; padding: 0px; border: 0px; }
.product-view .image-additional li a::before { display: none; }
.product-view .image-additional li img { opacity: 1; }
.product-view .image-additional li.current { }
.product-view .image-additional li.current img { border-color: inherit; }
.product-view .image-additional li.current::before { display: none; }
.product-view .image-additional li.single { display: block; }
.product-view .image-additional li.current a::before, .product-view .image-additional li.current a::after { display: none; }
.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; }
.product-intro { margin-bottom: 20px; }
.product-summary { float: none; width: 100%; padding-left: 2%; max-width: unset; }
.product-summary .page_title { font-size: 24px; padding-top: 10px; }
.product-summary .product-meta li .item-val { display: inline-block; }
.product-summary .share-this { float: none; margin: 30px 0px; }
.product-summary .product-meta li { display: block; }
.product-summary .product-meta li em { display: inline; padding-right: 15px; color: rgb(51, 51, 51); font-weight: bold; }
.product-btn-wrap { padding-top: 20px; text-align: left; }
.product-btn-wrap a { margin: 0px 0px 10px !important; }
.product-summary .share-this { text-align: left; }
.tab-panel-wrap { padding: 30px 0px 0px; }
.goods-may-like { padding: 30px 0px; margin-bottom: 0px; }
.goods-may-like .index_title_bar .good_title { font-size: 22px; margin-bottom: 20px; }
.product_item figcaption { background: rgb(11, 135, 251); position: relative; top: unset; left: unset; width: 100%; height: auto; transform: unset; }
.product_item .item_title { position: relative; top: unset; left: unset; width: 100%; transform: unset; padding: 10px 0px; }
.product_item .item_title a { font-size: 14px; }
.good_button_bar { margin-top: 20px; }
.web_head .head_layout.layout{background:#fff}
.index_web_head.web_head .head_layout.layout{background:rgb(22, 22, 22)}
}
@media only screen and (max-width: 768px) {
.foot_bar .foot_links { float: none; }
.foot_bar .foot_links li { float: none; display: inline; padding: 0px 8px; }
.index_simple_list { grid-template-columns: 1fr 1fr; }
.sub_tit { margin-bottom: 7px; font-size: 14px;}
.items_list .product_item figcaption { padding: 12px; }
.pagnation_title { font-size: 22px; }
.goods-may-like { padding: 30px 0px; }
.goods-may-like .index_title_bar .good_title { font-size: 16px; }
.goods-may-like .index_title_bar .good_title::after { height: 2px; margin-left: -20px; }
.goods-may-like .index_title_bar p { line-height: 18px; font-size: 12px; margin: 10px 0px; }
.product_item .item_title a { padding: 5px 0px; font-size: 14px; line-height: 1.5; }
.path_bar {
background: rgb(22, 22, 22);
position: relative;
padding: 40px 0px;
}
.sys_sub_head .pagnation_title {
font-size: 35px;
font-family: Arial;
color: #fff;
line-height: 1;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 640px) {
.foot_item.foot_inquiry_item, .foot_item.foot_nav_item, .foot_item.foot_contact_item { width: 100%; margin-left: 0px; float: none; margin-bottom: 15px; }
.foor_service .foot_item .fot_tit { font-size: 16px; }
.index_business_slide { width: 100%; margin-bottom: 20px; }
.index_busines_main .swiper_prev img, .index_busines_main .swiper_next img { max-width: 35px; }
.index_busines_main { padding: 0px 40px; }
.sys_sub_head .head_title h1 { font-size: 30px; }
.items_list .product_item { width: 50%; max-width: 50%; flex: 0 0 50%; }
}
@media only screen and (max-width: 480px) {
.index_product .change_tit .swiper-wrapper{justify-content:flex-start}
.mauticform_wrapper .mauticform-innerform .mauticform-page-1 { display: block!important;}
.mauticform-row{width:100%;margin-bottom: 10px!important;}
.mauticform-selectbox, .mauticform-input, .mauticform-textarea{padding: 10px !important;font-size:12px;}
.change_tit .swiper-button-next, .change_tit .swiper-button-prev {
margin-top:0;
top: 42%;
}
.web_footer .layout {
padding: 0px 5%;
}
.fd_nav li a {
font-size: 14px;
}
.web_head .logo img, .web_head.index_web_head .logo img {
max-height: 54px;
}
.mobile-hide { display: none !important; }
.gotop { display: none !important; }
.service_item { width: 100%; }
.blog-item .item-img { width: 150px; }
.table_wrap { overflow-x: scroll; }
.index_simple_list { grid-template-columns: 1fr; }
.side-widget { margin: 0px 0px 30px; }
.side-tit-bar .side-tit { font-size: 16px; }
.side-cate li { font-size: 12px; }
.side-cate li .icon-cate { width: 30px; }
.side-cate li.has-child > a { padding: 10px 30px 10px 10px; line-height: 20px; }
.side-widget .cate-type-list > li { line-height: 20px; }
.side-widget .cate-type-list > li > a { margin-left: 10px; padding-top: 8px; padding-bottom: 8px; }
.side-product-items .side_product_item { float: none; width: 100%; }
.side-product-items .side_product_item figure { margin-right: 10px; margin-left: 10px; }
.path_bar ul::before { width: 16px; height: 16px; background-size: contain; }
.path_bar li { padding-left: 0px; font-size: 12px; }
.path_bar li + li::before { margin-right: 5px; }
.main_banner .swiper-pagination-bullet { width: 8px; height: 8px; }
.page_bar { font-size: 12px; line-height: 22px; }
.page_bar a, .page_bar span { margin: 0px 2px; min-width: 2em; border-radius: 2px; }
.main_hd .page_title { font-size: 20px; }
.items_list ul { margin: -2px; }
.items_list .product_item { padding: 2px; }
.items_list .product_item figure { position: relative; border: 0px; }
.items_list .product_item figcaption { position: absolute; bottom: 0px; left: 0px; padding: 1px 0px 0px; width: 100%; }
.items_list .product_item .item_title { font-size: 12px; }
.items_list .product_item .item_title a { height: 2.5em; background-color: rgba(0, 0, 0, 0.7); line-height: 2.5em; }
.blog-item { padding: 30px 5px; }
.blog-item .item-img { float: none; box-sizing: border-box; margin-right: 0px; width: auto; max-width: 70%; border: 1px solid rgb(221, 221, 221); }
.blog-item .item-info .item-title { font-weight: normal; line-height: 1.2; }
.blog-item .item-info { padding-top: 15px; }
.blog-item .item-info .item-title { height: auto; font-size: 22px; }
.blog-item .item-info .item-detail { display: -webkit-box; overflow: hidden; max-height: 9em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.blog-item .item-info .item-more { float: none; }
.blog-item .item-info time { color: rgb(136, 136, 136); font-size: 14px; }
.items_list .share_this { position: static; float: none; padding-bottom: 15px; text-align: left; }
.product-intro { overflow: visible; }
.product-view { margin-right: -10px; margin-left: -10px; width: auto; }
.product-view .image-additional li { width: 100%; }
.product-view .image-additional li a { margin-right: 0px; margin-left: 0px; }
.product-view .image-additional li a::before, .product-view .image-additional li a::after { display: none; }
.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 { left: 0px; padding-right: 2px; border-radius: 0px 3px 3px 0px; }
.product-view .swiper-button-next { right: 0px; padding-left: 2px; border-radius: 3px 0px 0px 3px; }
.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 .title { text-transform: none; }
.page_title { font-weight: normal; font-size: 20px; }
.product-summary { padding-top: 0px; }
.product-summary .page_title { margin-bottom: 15px; font-weight: bold; font-size: 18px; }
.product-summary .product-meta { font-size: 12px; }
.product-summary .product-meta p { font-size: 12px; }
.product-summary .product-meta h3 { font-size: 16px; line-height: 1.3; }
.product-summary .product-meta li { font-size: 13px; }
.product-summary .share-this { margin: 20px 0px 0px; text-align: left; }
.product-btn-wrap { padding-top: 30px; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { padding: 5px 10px; font-size: 12px; line-height: 20px; }
.product-detail { margin-top: 40px; }
.detail-tabs .title { padding: 1px 15px; font-size: 14px; }
.tab-panel-wrap { padding: 20px 0px; border: 0px; }
.goods-may-like .title { margin-top: 15px; margin-bottom: 15px; font-size: 14px; }
.goods-may-like .layer-bd { position: relative; padding: 0px; }
.goods-may-like .swiper-slider { position: relative; }
.goods-may-like .product_item figure { padding: 1px; }
.goods-may-like .product_item .item_title { font-size: 14px; }
.goods-may-like .product_item .item_title a { padding-right: 0px; padding-left: 0px; }
.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; }
.path_bar {
background: rgb(22, 22, 22);
position: relative;
padding: 0;
}
.page_main{padding:0;}
.path_bar .layout{padding:20px 0 0 30px;}
.sys_sub_head .pagnation_title {
font-size: 28px;
font-family: Arial;
text-transform: capitalize;
color: #fff;
line-height: 1;
margin-bottom: 10px;
}
.fl-node-66c858371582d > .fl-row-content-wrap { padding-top: 120px!important;}
.foor_service .foot_item .fot_tit{position:relative;border-bottom:1px solid #fff;padding: 20px 0;}
.foor_service .foot_item .fot_tit.active{border:none;padding:0;}
.foor_service .foot_item .fot_tit i{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.foor_service .foot_item .fot_tit i::after,.foor_service .foot_item .fot_tit .hide_ico::after{font-family: FontAwesome;}
.foor_service .foot_item .fot_tit i::after{
content: "\f067";
}
.foor_service .foot_item .fot_tit.active i::after{
content: "\f068";
}
.foor_service .foot_item .fot_tit~.fd_nav{display:none}
.foot_item.foot_inquiry_item{display:none}
.inquiry_item,.inquiry_item .quick_quote{width:100%;display:block}
.inquiry_item .quick_quote{height: 50px;
line-height: 50px;color:rgb(22, 22, 22)}
.inquiry_item .quick_quote::before{display:none}
}
@media only screen and (max-width: 380px) {
.path_bar .layout { padding: 20px 0 0 10px; }
.fl-node-66c85fd1c4eb5.fl-module-heading .fl-heading{font-size:28px!important;}
}
@media only screen and (max-width: 320px) {
.side_product_item { width: 100%; }
.foor_service { flex-direction: column; }
.foor_service .foot_item { margin-bottom: 10px; }
.foot_item.foot_Catalog_nav { width: 100%; }
.foot_item.foot_Catalog_nav ul li { width: 100%; flex: 0 0 100%; }
.foor_service .foot_item .fot_tit { margin-bottom: 5px; }
}
.slider_banner { position: relative; overflow: hidden; }
.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); height:100% !important;}
.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; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgb(204, 204, 204); text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.swiper-button-next::before, .swiper-button-prev::before { display: inline-block; }
.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: 0.3; cursor: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-prev::before, .swiper-container-rtl .swiper-button-next::before { content: ""; }
.swiper-button-next::before, .swiper-container-rtl .swiper-button-prev::before { content: ""; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0px; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet, .swiper-pagination-bullet::before, .swiper-pagination-bullet::after { display: inline-block; width: 30px; height: 3px; vertical-align: top; }
.swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; }
.swiper-pagination-bullet::before { background-color: rgb(255, 255, 255); content: ""; }
.swiper-pagination-bullet-active::before { background-color: rgb(22, 22, 22); }
.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 ease 0s, top 0.3s ease 0s, -webkit-transform 0.3s ease 0s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5px; }
.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 ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.3s ease 0s, -webkit-transform 0.3s ease 0s; }
.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%; 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; }
.slider_banner.swiper-container-fade .swiper-slide-active,.slider_banner.swiper-container-fade .swiper-slide{height:38vw;overflow:hidden;}
.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 { }
.slider_banner .swiper-container .swiper-wrapper { }
.swiper-slide { }
@media not all, not all {
.swiper-container .swiper-wrapper { width: auto; }
}
.entry { padding: 15px 0px; }
.entry { color: rgb(102, 102, 102); }
.entry a { color: rgb(0, 48, 255); }
.entry p { margin: 0px; padding: 8px 0px; font-size: 16px; line-height: 1.8; }
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0px; }
.product-detail .entry table tr:nth-child(odd),.product-detail .entry table tr:nth-child(odd) td{background-color:#f6f6f6}
.entry th, .entry td { padding: 0px 15px; height: 30px; border: 1px solid rgb(204, 204, 204);color: rgb(102, 102, 102); text-align: left; font-size: 14px; line-height: 1.5; }
.entry th { background: rgb(238, 238, 238); font-size: 12px; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0px; padding: 5px; color: rgb(102, 102, 102); font-size: 14px; line-height: 1.3; }
.entry td.amts { color: rgb(203, 32, 39); }
.entry th#cartDelete { text-align: center; }
.entry .button { margin: 15px 10px 0px 0px; padding: 8px 15px; border: 0px; background: rgb(223, 223, 223); color: rgb(119, 119, 119); text-transform: capitalize; font-weight: bold; line-height: 1.2; cursor: pointer; }
.entry .button:hover { background: rgb(203, 32, 39); color: rgb(255, 255, 255); }
.entry .deletecartitem { width: 50px; text-align: center; }
.entry .deletecartitem label { display: none; }
.entry .stotal td.amts { font-weight: bold; font-size: 18px; }
.entry img.alignleft { float: left; margin: 20px 15px 0px 0px; }
.entry img.alignright { float: right; margin: 20px 0px 0px 15px; }
.entry img.alignleftnopad { float: left; margin-left: 0px; }
.entry img.alignrightnopad { float: right; margin-right: 0px; }
.entry img.aligncenter { display: block; margin: 20px auto 0px; text-align: center; }
.entry img { max-width: 100%; }
.cartitem a { color: rgb(41, 41, 41); font-weight: bold; }
.inquiry-form ul li { background: none; }
.entry .inquiry-form-wrap { margin: 20px 0px 0px; }
.table_wrap { position: relative; display: block; }
.main table { position: relative; width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 0px !important; }
.main table th, .main table td { padding: 0px 15px; height: 30px; border: 1px solid rgb(204, 204, 204); background: rgb(251, 251, 251); color: rgb(102, 102, 102); text-align: left; font-size: 12px; line-height: 1.5; }
.main table th { background: rgb(238, 238, 238); font-size: 12px; }
.main table td p, .main table th p, table td p, table th p { margin: 0px; padding: 5px; color: rgb(102, 102, 102); font-size: 12px; line-height: 1.3; }
.main table td.amts { color: rgb(203, 32, 39); }
.main table th#cartDelete { text-align: center; }
.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("/source/f4b4bfd93ba61516b08437ca95f12d6b/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 ease 0s; background-size: auto 35%; }
.web-search .btn--search-close:hover { background-color: rgb(22, 22, 22); transform: rotate(90deg); }
.js .btn--search-close { display: block; }
.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: all 0.3s ease-in-out 0s; }
.js .container { position: relative; }
.js .main-wrap--move { min-height: 100vh; }
.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: all 0.3s ease 0s; transform: translateY(-100%); perspective: 1200px; }
.web-search .btn--search-close { opacity: 0; transition: opacity 0.3s ease 0s; }
.search__suggestion, .web-search .search-attr { opacity: 0; transition: opacity 0.8s ease 0s, transform 0.8s ease 0s; 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; }
.js .search--open { visibility: visible; opacity: 1; pointer-events: auto; }
.js .search--open .btn--search-close { opacity: 1; transition: transform 0.3s ease 0s; animation: 1s ease 0s 1 normal none running bounceInA; }
.js .search--open .search-ipt { opacity: 1; transform: scale3d(1, 1, 1); }
.js .search--open .search-attr { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.js .search--open { transform: none; }
.js .search--open::before { opacity: 1; transform: none; }
.js .main-wrap--move { transform: translateY(180px); }
.main-wrap--move::after { position: fixed; top: 0px; left: 0px; z-index: 100000; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ""; }
.scrollsidebar, .scrollsidebar a { color: rgb(153, 153, 153); font-size: 12px; font-family: Arial; }
.scrollsidebar { position: absolute; top: 150px; right: 0px; z-index: 30; }
.show_btn { position: absolute; top: 0px; right: 0px; display: block; overflow: hidden; width: 38px; height: 192px; background: url("/source/a21f0f87ec208b0b779b8ebdc08c21ce/show_btn.png") center center no-repeat; cursor: pointer; }
.side_content { float: left; overflow: hidden; width: 0px; height: auto; }
.side_content .side_list { position: relative; overflow: hidden; width: 140px; border: 1px solid rgb(218, 218, 218); border-radius: 8px; background: rgb(255, 255, 255); }
.side_content .side_list .hd img { width: 100%; border-bottom: 1px solid rgb(218, 218, 218); }
.side_content .side_list .cont li { position: relative; height: 40px; border-bottom: 1px solid rgb(218, 218, 218); list-style: none; line-height: 40px; }
.side_content .side_list .cont li a { position: relative; display: block; padding: 0px 0px 0px 43px; text-decoration: none; }
.side_content .side_list .cont li a::before { position: absolute; top: 0px; left: 10px; display: block; overflow: hidden; width: 25px; height: 40px; background-position: center center; background-repeat: no-repeat; content: ""; }
.side_content .side_list .cont li .email::before { background-image: url("/source/8d6b9556a6f65ad5273ee20c33c30e7b/icons01.png"); }
.side_content .side_list .cont li .skype::before { background-image: url("/source/28b825400d7aac37874ebd5ae78cda9a/icons02.png"); }
.side_content .side_list .cont li .inquiry::before { background-image: url("/source/7f461d420610b90d3667a7222fb2c94a/icons03.png"); }
.side_content .side_list .cont li .qq::before { background-image: url("/source/6bea32f2894df597d0782e332e111b3c/icons04.png"); }
.ww { margin-left: -30px; }
.side_content .side_list .t-code { padding: 10px 10px 7px; border-bottom: 1px solid rgb(218, 218, 218); }
.side_content .side_list .t-code img { width: 100%; }
.side_content .side_list .side_title { padding: 0px 12px; height: 30px; line-height: 30px; }
.side_content .side_list .side_title .close_btn { position: absolute; right: 10px; bottom: 0px; width: 12px; height: 30px; background: url("/source/bc9421d9bb1d4b1adb52b56bff5b703f/close.png") center center no-repeat; cursor: pointer; }
.side_content .side_list .side_title .close_btn span { display: none; }
.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0px 0px -275px; width: 550px; height: 490px; 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: 22px; width: 100%; height: 100%; background: rgb(22, 22, 22); 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("/source/248c6e84a1c3c7305b8af6bba8924621/fancy_close.png") center center no-repeat; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100%; background: rgb(22, 22, 22);
padding: 20px;}
.inquiry-form-wrap .content-wrap.form .ch_form_wrap .item_submit input{}
.ad_prompt { position: absolute; top: 50%; left: 0px; display: none; margin: -20px 0px 0px; width: 100%; color: rgb(22, 22, 22); text-align: center; font-size: 20px; line-height: 40px; animation: 1s ease-in-out 0s infinite normal none running twinkling; }
@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: 10pt; }
.change-language .change-language-title a::after { display: inline-block; padding-left: 2px; content: ""; font-size: 12px; font-family: fontawesome; }
.change-language:hover .change-language-title 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: all 0.3s ease-in-out 0s; 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(22, 22, 22); }
.change-language .change-language-cont .lang-item-hide { display: none !important; }
.change-language .change-language-cont .lang-more { position: relative; display: block; 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 33px; vertical-align: top; white-space: nowrap; }
.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; display: inline-block; margin: -8px 5px 0px; width: 22px; height: 16px; background-image: url("/source/eb2f706b388a29cab1104881ee41de13/all-m.gif"); background-repeat: no-repeat; vertical-align: top; }
li.language-flag a { position: relative; }
.language-flag-af .country-flag { background-position: 0px 0px !important; }
.language-flag-sq .country-flag { background-position: 0px -16px !important; }
.language-flag-ar .country-flag { background-position: 0px -32px !important; }
.language-flag-hy .country-flag { background-position: 0px -48px !important; }
.language-flag-az .country-flag { background-position: 0px -64px !important; }
.language-flag-eu .country-flag { background-position: 0px -80px !important; }
.language-flag-be .country-flag { background-position: 0px -96px !important; }
.language-flag-bg .country-flag { background-position: 0px -112px !important; }
.language-flag-ca .country-flag { background-position: 0px -128px !important; }
.language-flag-zh .country-flag { background-position: 0px -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0px -160px !important; }
.language-flag-hr .country-flag { background-position: 0px -176px !important; }
.language-flag-cs .country-flag { background-position: 0px -192px !important; }
.language-flag-da .country-flag { background-position: 0px -208px !important; }
.language-flag-nl .country-flag { background-position: 0px -240px !important; }
.language-flag-en .country-flag { background-position: 0px -256px !important; }
.language-flag-et .country-flag { background-position: 0px -272px !important; }
.language-flag-tl .country-flag { background-position: 0px -288px !important; }
.language-flag-fi .country-flag { background-position: 0px -304px !important; }
.language-flag-fr .country-flag { background-position: 0px -320px !important; }
.language-flag-gl .country-flag { background-position: 0px -336px !important; }
.language-flag-ka .country-flag { background-position: 0px -352px !important; }
.language-flag-de .country-flag { background-position: 0px -368px !important; }
.language-flag-el .country-flag { background-position: 0px -384px !important; }
.language-flag-ht .country-flag { background-position: 0px -400px !important; }
.language-flag-iw .country-flag { background-position: 0px -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0px -432px !important; }
.language-flag-hu .country-flag { background-position: 0px -448px !important; }
.language-flag-is .country-flag { background-position: 0px -464px !important; }
.language-flag-id .country-flag { background-position: 0px -480px !important; }
.language-flag-ga .country-flag { background-position: 0px -496px !important; }
.language-flag-it .country-flag { background-position: 0px -512px !important; }
.language-flag-ja .country-flag { background-position: 0px -528px !important; }
.language-flag-ko .country-flag { background-position: 0px -544px !important; }
.language-flag-la .country-flag { background-position: 0px -560px !important; }
.language-flag-lv .country-flag { background-position: 0px -576px !important; }
.language-flag-lt .country-flag { background-position: 0px -592px !important; }
.language-flag-mk .country-flag { background-position: 0px -608px !important; }
.language-flag-ms .country-flag { background-position: 0px -624px !important; }
.language-flag-mt .country-flag { background-position: 0px -640px !important; }
.language-flag-no .country-flag { background-position: 0px -656px !important; }
.language-flag-fa .country-flag { background-position: 0px -672px !important; }
.language-flag-pl .country-flag { background-position: 0px -688px !important; }
.language-flag-pt .country-flag { background-position: 0px -704px !important; }
.language-flag-ro .country-flag { background-position: 0px -720px !important; }
.language-flag-ru .country-flag { background-position: 0px -736px !important; }
.language-flag-sr .country-flag { background-position: 0px -752px !important; }
.language-flag-sk .country-flag { background-position: 0px -768px !important; }
.language-flag-sl .country-flag { background-position: 0px -784px !important; }
.language-flag-es .country-flag { background-position: 0px -800px !important; }
.language-flag-sw .country-flag { background-position: 0px -816px !important; }
.language-flag-sv .country-flag { background-position: 0px -832px !important; }
.language-flag-th .country-flag { background-position: 0px -848px !important; }
.language-flag-tr .country-flag { background-position: 0px -864px !important; }
.language-flag-uk .country-flag { background-position: 0px -880px !important; }
.language-flag-ur .country-flag { background-position: 0px -896px !important; }
.language-flag-vi .country-flag { background-position: 0px -912px !important; }
.language-flag-cy .country-flag { background-position: 0px -928px !important; }
.language-flag-yi .country-flag { background-position: 0px -944px !important; }
.language-flag-bn .country-flag { background-position: 0px -960px !important; }
.language-flag-eo .country-flag { background-position: 0px -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0px -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0px -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0px -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0px -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0px -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0px -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0px -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0px -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0px -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0px -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0px -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0px -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0px -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0px -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0px -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0px -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0px -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0px -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0px -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0px -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0px -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0px -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0px 0px !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0px -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0px -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0px -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0px -1392px !important; }
.language-flag-hy .country-flag { background-position: 0px -1408px; }
.language-flag-bs .country-flag { background-position: 0px -1424px; }
.language-flag-ceb .country-flag { background-position: 0px -1440px; }
.language-flag-ny .country-flag { background-position: 0px -1456px; }
.language-flag-ha .country-flag { background-position: 0px -1472px; }
.language-flag-hmn .country-flag { background-position: 0px -1488px; }
.language-flag-ig .country-flag { background-position: 0px -1504px; }
.language-flag-jw .country-flag { background-position: 0px -1520px; }
.language-flag-kk .country-flag { background-position: 0px -1536px; }
.language-flag-km .country-flag { background-position: 0px -1552px; }
.language-flag-lo .country-flag { background-position: 0px -1568px; }
.language-flag-la .country-flag { background-position: 0px -1584px; }
.language-flag-mg .country-flag { background-position: 0px -1600px; }
.language-flag-ml .country-flag { background-position: 0px -1616px; }
.language-flag-mi .country-flag { background-position: 0px -1632px; }
.language-flag-mr .country-flag { background-position: 0px -1648px; }
.language-flag-mn .country-flag { background-position: 0px -1664px; }
.language-flag-my .country-flag { background-position: 0px -1680px; }
.language-flag-ne .country-flag { background-position: 0px -1696px; }
.language-flag-pa .country-flag { background-position: 0px -1712px; }
.language-flag-st .country-flag { background-position: 0px -1728px; }
.language-flag-si .country-flag { background-position: 0px -1744px; }
.language-flag-so .country-flag { background-position: 0px -1760px; }
.language-flag-su .country-flag { background-position: 0px -1776px; }
.language-flag-tg .country-flag { background-position: 0px -1792px; }
.language-flag-uz .country-flag { background-position: 0px -1808px; }
.language-flag-yo .country-flag { background-position: 0px -1824px; }
.language-flag-zu .country-flag { background-position: 0px -1840px; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
@-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; }
}
.fadeInLeftA { animation-name: fadeInLeftA; }
@-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; }
}
.fadeInUpA { animation-name: fadeInUpA; }
@-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; }
}
.fadeInRightA { animation-name: fadeInRightA; }
@-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); }
}
.swing { transform-origin: center top; animation-name: swing; }
@-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); }
}
.bounceInA { animation-name: bounceInA; animation-duration: 0.75s; }
@-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; }
}
.fadeInDownA { animation-name: fadeInDownA; }
@keyframes fadeInA {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeInA { animation-name: fadeInA; }
@-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); }
}
.flipInY { animation-name: flipInY; backface-visibility: visible !important; }
@-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; }
}
.fadeInUp { animation-name: fadeInUp; }
@-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); }
}
.bounceInUp { animation-name: bounceInUp; }
@-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; }
}
.zoomInA { animation-name: zoomInA; }
.right_nav{ right:-85px; bottom:50%; position:fixed; text-align:left;/*overflow: hidden;*/z-index:9;
/*background-color: #3c9ba6;*/
border-radius: 25px 0 0 25px;
transform: translateY(50%);
}
.right_nav li{background:rgb(22, 22, 22);margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;border-radius: 50px 0 0 50px;
right: 0;
}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{
width: 45px;
height: 45px;
background-color: white;
border-radius: 50%;
padding: 7%;
}
.right_nav li h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background: rgb(22, 22, 22);}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid rgb(22, 22, 22);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;float:left;}
.right_nav li .hideBox .hb h5{text-align:center;padding: 5px 0;border-bottom: 2px solid #ccc;color: rgb(22, 22, 22);font-size: 16px;font-weight: 400;display: block;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;}