.disnone{ display:none !important; }
.hang1{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hang2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.hang3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.midd{ position:relative; transform:translateY(-50%); top:50%; }
body{ margin:0; }
a{ text-decoration:none; }
p{ margin:0; }
div{ box-sizing:border-box; }
ol, ul, li{ margin:0; padding:0; list-style:none; }
img, svg{ max-width:100%; }
form input:focus, form textarea:focus, button:focus, button:focus{ --tw-ring-offset-shadow:none !important; outline:none !important; }
[x-cloak] { display:none !important; }
.container{ max-width:100%; width:1400px; margin:auto; }
@media (max-width:1440px){
    .container{ width:1200px; }
}
@media (max-width:1240px){
    .container{ width:1000px; }
}
@media (max-width:1040px){
    .container{ width:800px; }
}
@media (max-width:840px){
    .container{ width:750px; }
}
@media (max-width:768px){
    .container{ width:96%; }
}
div, p, span, a, i, 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; }
#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{ 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; }


/* normal */
.normal_color{ color:#08495f; }
.normal_bg{ background-color:#08495f; }
.bg_normal{ background-repeat:no-repeat; background-position:center; background-size:cover; }
a:active, a:hover{ text-decoration:none; text-decoration-line:none !important; }
.pc_content, .pc_content *{ max-width:100%; font-size:16px; line-height:1.6; }
.lg-backdrop{ z-index:104000 !important; }
.lg-outer{ z-index:105000 !important; }
.normal_section{ padding:50px 0; }
.normal_banner{ padding:200px 0; background-repeat:no-repeat;; background-size:cover; background-position:center center; }
.normal_banner h1{ margin-bottom:10px; text-align:center; font-size:64px; line-height:1.2; color:#fff; font-weight:normal; }
.normal_banner p{ text-align:center; font-size:13px; line-height:1.2; color:#fff; }
.normal_banner p a{ font-size:13px; line-height:1.2; color:#fff; }
.normal_banner p span.to{ display:inline-block; margin:0 10px; color:#fff; user-select:none; }
.normal_h1{ padding:4px 0; color:#111; font-size:40px; text-align:center; font-weight:normal; }
.normal_h3{ padding:10px 0 30px; color:#333; font-size:20px; text-align:center; font-weight:normal; }
.normal_p, .normal_p *{ color:#333; font-size:16px; line-height:1.5; font-weight:normal; }
.flex_div{ display:flex; flex-wrap:wrap; }
.flex_div .flex_16{ width:16.6%; }
.flex_div .flex_25{ width:25%; }
.flex_div .flex_33{ width:33.3%; }
.flex_div .flex_50{ width:50%; }
.flex_div .flex_66{ width:66.6%; }
.flex_div .flex_75{ width:75%; }
@media (max-width:768px){
    body { overflow-x:hidden; }
    .normal_banner{ padding:30px 0; }
    .normal_banner h1{ margin-bottom:8px; font-size:32px; }
    .normal_h1{ font-size:30px; }
    .normal_h3{ font-size:18px; }
    .flex_div .flex_16, .flex_div .flex_25{ width:50%; }
    .flex_div .flex_33, .flex_div .flex_50, .flex_div .flex_66, .flex_div .flex_75{ width:100%; }
}


.about_div p{ text-indent:2em; }
.about_div li{ margin:8px 0 0; list-style-type:disc; font-weight:bold; }
.about_div li::marker{ font-size:22px; }