.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; color:#333; }
p{ margin-bottom:0; }
div{ box-sizing:border-box; }
ol, ul, li{ list-style:none; padding-left:0; }
img, svg{ display:inline-block; max-width:100%; }
form input:focus, form textarea:focus{ --tw-ring-offset-shadow: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; }

#page-content .flex input[type=checkbox]{ border:1px solid rgb(var(--color-primary-rgb) / var(--tw-text-opacity)); }
#page-content .flex input[type=checkbox], #page-content .flex label{ cursor:pointer; }
.flex.items-end.opacity-0{ box-sizing:border-box; }
#contact_form input, #contact_form textarea{ box-sizing:border-box; padding:6px 12px; box-shadow:none; border:1px solid #888; }

/* head */
:root { --theme-color: #2b2b2b; }
.jz_theme_font_color { color: #2b2b2b; }
.jz_theme_bg_color { background-color: #2b2b2b; }
.jz_theme_border_color { border-color: #2b2b2b; }
.jz_theme_fill_color { fill: #2b2b2b; }
.jz_theme_focus_border_color:focus { border-color: #2b2b2b; }
.jz_theme_hover_font_color:hover { color: #2b2b2b; }
.pagination_style2 .pagination_item.active::after { border-color: #2b2b2b !important; }
.pagination_style3 .pagination_item.active,
.pagination_style2 .pagination_item.active { color: #2b2b2b !important; }
.pagination_style3 .pagination_item.active::after,
.pagination_style2 .pagination_item.active::before,
.full_screen_row .pagination_style1 .pagination_item.active::after { background-color: #2b2b2b !important; }
.jz_hover.jz_theme_bg_hover_color:hover { background-color: #2b2b2b; }
.jz_hover.jz_theme_font_hover_color:hover { color: #2b2b2b; }
.jz_hover.jz_theme_border_hover_color:hover { border-color: #2b2b2b; }
.jz_focus.jz_theme_focus_border_color:focus { border-color: #2b2b2b; }
.jz_secondary_bg_color { background-color: #505050; }
.jz_screen_pc .submit_btn_style_1:hover .form_submit,
.submit_btn_style_3:hover .form_submit { color: #2b2b2b; border-color: #2b2b2b; }
.submit_btn_style_4 .form_submit,
.submit_btn_style_5 .form_submit { color: #2b2b2b; border-color: #2b2b2b; }
.submit_btn_style_0 .form_submit,
.submit_btn_style_1 .form_submit,
.submit_btn_style_2 .form_submit { background-color: #2b2b2b; }
.jz_screen_pc .submit_btn_style_4:hover .form_submit { background-color: #2b2b2b; }
.jz_screen_pc .submit_btn_style_2:hover .form_submit { background-color: #282828; }
.fkeditor-wrap .fk-editor{ white-space: unset !important; }


/* header */
.site_header{ position:fixed; top:0; left:0; width:100%; height:80px; background:transparent; z-index:1000; }
.site_header.fixing{ background-color:#0002; box-shadow: 0 2px 6px #0000001a; }
.site_header .header_container{ display:flex; position:relative; width:90%; margin:auto; }
.site_header .header_container .logo{ flex:1; display:flex; align-items:center; }
.site_header .header_container .logo img{ height:48px; }
.site_header .header_container .menus{ flex:1; display:flex; }
.site_header .header_container .menus .menus_ul{ display:flex; justify-content:center; align-items:center; font-size:0; }
.site_header .header_container .menus .menus_ul li{ position:relative; min-width:120px; height:80px; line-height:80px; text-align:center; }
.site_header .header_container .menus .menus_ul li a{ font-size:16px; color:#fff; }
.site_header .header_container .menus .menus_ul .menus_ul2{ display:none; position:absolute; top:100%; left:-20px; width:160px; background:#fff; border-radius:3px; box-shadow:0 1px 6px #00000026; }
.site_header .header_container .menus .menus_ul li:hover .menus_ul2{ display:block; }
.site_header .header_container .menus .menus_ul .menus_ul2 li{ width:100%; height:46px; line-height:46px; border-top:1px solid #f2f2f2; padding:0 16px; text-align:center; box-sizing:border-box; }
.site_header .header_container .menus .menus_ul .menus_ul2 li:first-of-type{ border:none; }
.site_header .header_container .menus .menus_ul .menus_ul2 li a{ font-size:14px; color:#333; }


/* footer */
.site_footer{ background-color:#494245; }
.site_footer .index_contact{ position:relative; display:flex; padding:8vw 0 2vw; }
.site_footer .index_contact .index_contact_l{ display:flex; justify-content:flex-start; flex-direction:column; flex:1; }
.site_footer .index_contact .index_contact_l h1{ color:#fff; font-size:40px; margin-bottom:40px; }
.site_footer .index_contact .index_contact_l p{ color:#fff; font-size:16px; margin-bottom:16px; }
.site_footer .index_contact .index_contact_r{ display:block; flex:1; box-sizing:border-box; }
.site_footer .index_contact .index_contact_r form{  }
.site_footer .index_contact .index_contact_r form label{ display:block; color:#fff; font-size:14px; margin-bottom:12px; }
.site_footer .index_contact .index_contact_r form label span{ color:#f00; font-size:14px; }
.site_footer .index_contact .index_contact_r form input[type='text']{ width:100%; height:44px; line-height:44px; background-color:transparent; outline:0; color:#fff; font-size:14px; margin-bottom:20px; border:none; border-bottom:1px solid #b3b3b340; padding-left:14px; box-sizing:border-box; }
.site_footer .index_contact .index_contact_r form textarea{ width:100%; background-color:transparent; outline:0; color:#fff; font-size:14px; margin-bottom:20px; border:none; border-bottom:1px solid #b3b3b340; padding:10px 14px; box-sizing:border-box; }
.site_footer .index_contact .index_contact_r form button{ width:100%; border:none; outline:none; background-color:#2b2b2b; color:#fff; cursor:pointer; font-size:16px; height:44px; line-height:44px; max-width:300px; }
.site_footer .copyright{ width:100%; padding:30px 0; }
.site_footer .copyright p{ text-align:center; font-size:12px; color:#999; margin:8px 0; }
@media (max-width:768px){
    .site_footer .index_contact{ flex-wrap:wrap; }
    .site_footer .index_contact .index_contact_l{ width:100%; flex:unset; margin-bottom:24px; }
    .site_footer .index_contact .index_contact_l h1{ color:#fff; font-size:22px; margin-bottom:20px; }
    .site_footer .index_contact .index_contact_l p{ color:#fff; font-size:14px; margin-bottom:10px; }
    .site_footer .index_contact .index_contact_r{ width:100%; flex:unset; }
    .site_footer .index_contact .index_contact_r form button{ width:100%; max-width:unset; }
}

/* index */
.index_focus{ position:fixed; top:0; left:0; width:100vw; height:100vh; }
.index_focus .swiper-container{ width:100vw; height:100vh; }
.index_focus .swiper-slide{ position:relative; width:100vw; height:100vh; }
.index_focus .swiper-slide .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
#index .site_footer{ height:100vh; display:flex; align-content:center; justify-content:center; align-items:center; }


/* banner */
.banner{ width:100%; height:46vw; background-position:center; background-repeat:no-repeat; background-size:cover; }


/* products */
.products_cate{ position:relative; width:100%; transition:all .35s; background-color:#231915; }
.products_cate .products_cate_list{ position:relative; width:80%; margin:auto; padding-top:5vw; }
.products_cate .products_cate_list li{ display:flex; padding:0 5vw 5vw 5vw; }
.products_cate .products_cate_list li .list_l{ flex:1; display:flex; justify-content:flex-start; align-items:center; }
.products_cate .products_cate_list li .list_l h2{ font-size:48px; color:#fff; text-align:center; }
.products_cate .products_cate_list li .list_l p{ font-size:15px; color:#fff; text-align:center; }
.products_cate .products_cate_list li .list_r{ flex:1; }
.products_cate .products_cate_list li .list_r img{ width:100%; }
.products_info{ display:none; position:relative; width:100%; transition:all .35s; background-color:#dcdedd; padding:3vw 0; }
.products_info .flex_div{ display:flex; }
.products_info .flex_div .flex_div_l{ flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.products_info .flex_div .flex_div_l h2{ font-size:48px; color:#333; text-align:center; }
.products_info .flex_div .flex_div_l p{ font-size:15px; color:#333; text-align:center; }
.products_info .flex_div .flex_div_r{ flex:1; }
.products_info .flex_div .flex_div_r img{ display:block; width:72%; }
.products_info .text{ padding:2vw 0; white-space:pre-wrap; font-size:16px; line-height:1.8; color:#333; }
.products_list{ display:none; position:relative; width:100%; transition:all .35s; background-color:#eee; padding:5vw 0; }
.products_list .products-list{ display:flex; flex-wrap:wrap; align-items:stretch; }
.products_list .products-list li{ width:calc(25% - 20px); background-color:#fff; margin:10px; overflow:hidden; text-align:center; transition:all .5s ease-out; }
.products_list .products-list li:hover{ box-shadow:0 0 15px #0000001a; }
.products_list .products-list li a{ display:block; padding:5%; color:#333; }
.products_list .products-list li a img{ width:100%; aspect-ratio:1; }
.products_list .products-list li a p{ font-size:15px; padding:10px 0; }
@media (max-width:768px){
    .products_cate .products_cate_list{ width:100%; }
    .products_cate .products_cate_list li{ flex-wrap:wrap; }
    .products_cate .products_cate_list li .list_l{ flex:unset; justify-content:center; width:100%; margin-bottom:2vw; }
    .products_cate .products_cate_list li .list_l h2{ font-size:24px; }
    .products_cate .products_cate_list li .list_r{ flex:unset; width:100%; margin-bottom:2vw; }
    .products_info .flex_div{ flex-wrap:wrap; }
    .products_info .flex_div .flex_div_l{ flex:unset; width:100%; margin-bottom:2vw; }
    .products_info .flex_div .flex_div_l h2{ font-size:24px; }
    .products_info .flex_div .flex_div_l p{ font-size:14px; }
    .products_info .flex_div .flex_div_r{ flex:unset; width:100%; margin-bottom:2vw; }
    .products_info .flex_div .flex_div_r img{ width:90%; margin:auto; }
    .products_info .text{ font-size:14px; }
    .products_list .products-list li{ width:calc(50% - 10px); margin:5px; }
}

/* product_tpl */
.product_tpl{ position:relative; width:100%; transition:all .35s; }
.product_tpl .product_div{ position:relative; width:80%; margin:auto; }
.product_tpl .product_div .product_info{ display:flex; margin:2vw 0; }
.product_tpl .product_div .product_info .images{ width:50%; }
.product_tpl .product_div .product_info .images .image{ width:100%; margin-bottom:1vw; border:1px solid #ebebeb; aspect-ratio:1; }
.product_tpl .product_div .product_info .images .image img{ width:100%; aspect-ratio:1; object-fit:contain; cursor:pointer; }
.product_tpl .product_div .product_info .images .page_prev_next{ overflow:hidden; }
.product_tpl .product_div .product_info .images .page_prev_next a{ display:inline-block; width:80px; height:30px; float:left; border:1px solid #e9e9e9; border-radius:15px; box-sizing:border-box; cursor:pointer; line-height:28px; text-align:center; }
.product_tpl .product_div .product_info .images .page_prev_next a:nth-child(2){ float:right; }
.product_tpl .product_div .product_info .info{ width:50%; padding:2vw 0 0 7vw; }
.product_tpl .product_div .product_info .info h1{ font-size:20px; font-weight:normal; margin-bottom:15px; }
.product_tpl .product_div .product_info .info p{ padding:16px 0; border-bottom:1px solid #f0f0f0; }
.product_tpl .product_div .product_info .info p strong{ display:inline-block; min-width:120px; max-width:160px; font-size:14px; line-height:2; }
.product_tpl .product_div .product_info .info p span{ display:inline-block; font-size:14px; line-height:2; color:#555; }
.product_tpl .product_div .product_detail{ position:relative; }
.product_tpl .product_div .product_detail .tab{ border:1px solid #f0f0f0; }
.product_tpl .product_div .product_detail .tab span{ display:inline-block; width:160px; cursor:pointer; font-size:15px; line-height:54px; overflow:hidden; padding:0 8px; border-right:1px solid #f0f0f0; text-align:center; }
.product_tpl .product_div .product_detail .tab span.active{ border-top:2px solid #333; }
.product_tpl .product_div .product_detail .product_detail_content{ color:#333; font-size:14px; margin:25px 0; }
@media (max-width:768px){
    .product_tpl .product_div{ width:100%; }
    .product_tpl .product_div .product_info{ flex-wrap:wrap; }
    .product_tpl .product_div .product_info .images{ width:100%; margin-bottom:2vw; }
    .product_tpl .product_div .product_info .info{ width:100%; margin-bottom:4vw; }
}

/* news */
.news-list .item .title{ font-size:32px; line-height:45px; color:#231915; }
.news-list .item .intro{ text-align:justify; font-size:16px; line-height:40px; }
.news-list .item .intro a{ color:#000; white-space:pre-wrap; }
@media (max-width:768px){
    .news-list .item .title{ font-size:24px; }
    .news-list .item .intro{ font-size:14px; line-height:32px; }
}