
.disnone{ display:none !important; }
body{ margin:0; }
a{ text-decoration:none; }
a:active, a:hover{ text-decoration:none; text-decoration-line:none !important; }
p{ margin:0; }
div{ box-sizing:border-box; }
dd, ol, ul, li{ margin:0; padding:0; list-style:none; }
img, svg{ max-width:100%; }
form input:focus, form textarea:focus, select:focus, button:focus{ --tw-ring-offset-shadow:none !important; outline:none !important; }
[x-cloak]{ display:none !important; }
.container{ max-width:100%; width:1280px; margin-left:auto; margin-right:auto; }
@media (max-width:1440px){
    .container{ width:1200px; }
}
@media (max-width:1280px){
    .container{ width:1040px; }
}
@media (max-width:1080px){
    .container{ width:840px; }
}
@media (max-width:860px){
    .container{ width:750px; }
}
@media (max-width:768px){
    .container{ width:92%; }
    body{ overflow-x:hidden; }
}
div, p, span, a, b, strong, h1, h2, h3, h4, h5, h6{ /*font-family:'微软雅黑';*/ }
h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:0; }

.navigation-logo::before{ display:none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:none; }
#page-content form .flex input[type=checkbox]{ border:1px solid rgb(var(--color-primary-rgb) / var(--tw-text-opacity)); }
#page-content form .flex input[type=checkbox], #page-content .flex label{ margin-top:0; margin-bottom:0; cursor:pointer; }
#page-content .product-list .product-item > div{ overflow:hidden; }
#contact_form input, #contact_form textarea{ box-sizing:border-box; padding:6px 12px; box-shadow:none; border:1px solid #888; }
.flex.items-end.opacity-0{ box-sizing:border-box; }
#product .grid .absolute a.bg-black{ line-height:0; }
#product .grid .absolute.rounded-full{ line-height:0; }
#product .grid .flex-1.cursor-pointer{ line-height:0; }
div[component='sidebar_buttons.js']{ height:0; }
div[component='sidebar_buttons.js'] a.fixed{ font-size:0; z-index:9000; }
div[component='wave_footer.html']{ position:relative; top:1px; font-size:0; z-index:99; }
.pc_content, .pc_content *{ max-width:100%; font-size:16px; line-height:1.6; }
.pc_content img{ vertical-align:top; }
.lg-backdrop{ z-index:104000 !important; }
.lg-outer{ z-index:105000 !important; }
@media (min-width:992px){
    .navigation-item .navigation-dropdown{ width:200px; }
}


/* normal */
.normal_color{ color:#05c4f0; }
.normal_bg{ background-color:#05c4f0; }
.bg_normal{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_normal{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:auto; padding:80px 0; min-height:480px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_normal h1{ margin-bottom:20px; color:#fff; text-shadow:1px 1px 2px #333; font-size:32px; text-align:center; font-weight:bold; }
.banner_normal p{ color:#fff; text-shadow:1px 1px 2px #333; font-size:18px; text-align:center; font-weight:normal; }
.banner_normal p span, .banner_normal p a{ color:#fff; text-shadow:1px 1px 2px #333; font-size:18px; }
.button_a{ display:inline-block; margin:0; border:2px solid #05c4f0; border-radius:4px; padding:8px 48px; background-color:#05c4f0; color:#fff; text-align:center; font-size:16px; transition:.5s; }
.button_a:hover{ background-color:#fff; color:#05c4f0; }
.text_shadow{ text-shadow:1px 1px 2px #333; }
.after_right_arrow{ position:relative; }
.after_right_arrow::after{ content:'>'; position:absolute; top:48%; right:-5px; font-size:30px; line-height:0; }
@media (max-width: 992px){
    .banner_normal{ min-height:360px; }
}


.history_div{ position:relative; padding:10px 0; }
.history_div .line{ position:absolute; top:0; left:calc(8% + 27px); width:2px; height:100%; margin:0; background-color:#05c4f0; background-image:none; z-index:8; }
.history_div .item{ position:relative; display:flex; justify-content:center; align-items:center; margin:30px 0; z-index:9; }
.history_div .item .time{ max-width:8%; flex-grow:1; flex-basis:50%; text-align:right; order:0; font-size:16px; color:#111; }
.history_div .item .dot{ position:relative; width:16px; height:16px; margin:0 20px; order:1; }
.history_div .item .dot .dot_icon{ width:100%; height:100%; background-color:#fff; border:2px solid #05c4f0; border-radius:50%; }
.history_div .item .text{ max-width:90%; flex-grow:1; flex-basis:50%; background-color:#fff; border-radius:4px; box-shadow:0 0 10px #bbb; order:2; }
.history_div .item .text .txt{ padding:20px 30px; }
.history_div .item .text .txt h3{ margin-bottom:8px; text-indent:0; font-size:20px; line-height:1.2; color:#05c4f0; }
.history_div .item .text .txt p{ margin:4px 0 0 0; text-indent:0; font-size:16px; line-height:1.5; color:#333; }
@media (max-width:768px){
    .history_div .line{ left:7px; }
    .history_div .item{ flex-wrap:wrap; justify-content:flex-start; }
    .history_div .item .dot{ order:0 !important; margin:0; }
    .history_div .item .time{ order:1 !important; max-width:calc(100% - 30px); text-align:left !important; margin:0 0 12px 14px; }
    .history_div .item .text{ order:2 !important; max-width:calc(100% - 30px); margin-left:24px; }
    .history_div .item .text .txt{ padding:10px 12px; }
    .history_div .item .text .txt h3{ margin-bottom:6px; font-size:18px; text-align:left !important; }
    .history_div .item .text .txt p{ font-size:14px; text-align:left !important; }
}
