
.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; }
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, 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-left:auto; margin-right: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%; }
    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{ 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'] a.fixed{ font-size:0; z-index:9000; }
div[component='wave_footer.html']{ font-size:0; }
.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 */
.text-primary{ color:#013c8d; }
.bg-primary{ background-color:#013c8d; }
.bg_normal{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_normal{ width:100%; height:auto; padding:80px 0; min-height:240px; 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-radius:800px; padding:8px 48px; background-color:#000; color:#fff; font-size:16px; }
.normal_section{ padding:80px 0 60px; }






/* son_menus */
.sider-pages { width: 100%; overflow: hidden; background: #fff; border-bottom: 1px solid #C5C5C5; }
.sider-pages .sider-pages-nav { padding: 0 10px; position: relative; z-index: 2; width: 100%; height: 0.7rem; }
.sider-pages .sider-pages-nav ul { display: -webkit-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -ms-flexbox; }
.sider-pages .sider-pages-nav ul li { text-align: center; width: auto; padding: 0% 2.5%; position: relative; overflow: hidden; }
.sider-pages .sider-pages-nav ul li a { text-align: center; color: #333; font-size: 0.18rem; height: 0.55rem; line-height: 0.55rem !important; font-weight: bold; display: block; position: relative; }
.sider-pages .sider-pages-nav ul li a::before { position: absolute; width: 0; display: block; background: #013c8d; height: 4px; bottom: 0; content: ''; transition: 0.3s; left: 50%; }
.sider-pages .sider-pages-nav ul li:hover a { color: #013c8d; }
.sider-pages .sider-pages-nav ul li:hover a::before { position: absolute; width: 100%; display: block; background: #013c8d; height: 4px; bottom: 0; content: ''; transition: 0.3s; left: 0; }
.sider-pages .sider-pages-nav ul li.active a::before { position: absolute; width: 100%; display: block; background: #013c8d; height: 4px; bottom: 0; content: ''; left: 0; }
.sider-pages .sider-pages-nav ul li.active a { color: #013c8d; }
@media (max-width:992px) {
    .sider-pages .sider-pages-nav { height: 50px; }
    .sider-pages .sider-pages-nav ul li a { font-size: 14px; height: 50px; line-height: 50px !important; }
}
.sider-pages .sider-pages-nav ul::-webkit-scrollbar{display:none;}
.sider-pages .sider-pages-nav ul::-webkit-scrollbar-button{display:none;}
.sider-pages .sider-pages-nav ul::-webkit-scrollbar-thumb{border-radius:2px solid #666;}
.sider-pages .sider-pages-nav ul::-webkit-scrollbar{}




















/* footer */
.yfd_1281{ position:fixed; right:10px; bottom:15%; margin-top:-95px; font-family:"OPPOSans-R"; color:#fff; text-align:center; z-index:10000; width:80px; visibility:visible; display:none; }
.yfd_1281 .you{ display:block; margin-bottom:2px; border-radius:5px; color:#ffffff; padding:10px 0; cursor:pointer; width:55px; height:55px; border-radius:50%; }
.yfd_1281 .you img{ display:block; margin:5px auto; }
.yfd_1281 .you:hover{ opacity:1; color:#ffffff; }
.yfd_1281 .you span{ display:none; }
.yfd_1281 .tel{ background-color:#013c8d; position:relative; }
.yfd_1281 .ewm{ background-color:#013c8d; position:relative; margin-bottom:15px; }
.yfd_1281 .QQ{ background-color:#013c8d; }
.yfd_1281 .search{ background-color:#013c8d; }
.yfd_1281 .goTop{ background-color:#013c8d; display:block; margin-top:15px; }
.erweima{ position:absolute; right:80px; top:-20px; background:#013c8d; padding:8px; }
.erweima ul li{ width:115px; height:115px; }
.erweima ul li img{ width:100%; height:100%; display:block; }
.btnConsult .arrow{ position:absolute; top:22px; left:20px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #141212; }
.yfd_1281 .rexian{ z-index:999; overflow:hidden; width:0px; height:40px; border-radius:5px; background:#013c8d; position:absolute; right:85px; top:50%; margin-top:-20px; line-height:40px; font-size:14px; }
.yfd_1281 .rexian a{ color:#fff; display:block; }
.you:hover i{ color:#013c8d; }
.you:hover{ background:#f5f5f5; }
.you i{ font-size:28px; line-height:35px; width:55px; display:block; margin:0 auto; color:#f5f5f5; }
.you:hover, .you:last-child{ background-color:#f5f5f5; }
.you:hover i, .you:last-child i{ color:#013c8d; }
@media (max-width:992px) {
    .yfd_1281{ display:none !important; }
    .footer .footer_code>div span { width: 75%; margin: 0 auto; }
    .footer { padding: 50px 0 55px; }
}










