/*
Theme Name: huitheme
Theme URI: http://www.huitheme.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.huitheme.com
Version: 2025.05
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100..900&display=swap');
body{font-family:"Hanken Grotesk",sans-serif;color:#333;font-size:14px;line-height:1;}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}
a:hover{color:#e70015;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
#wp-admin-bar-wp-logo,
#wp-admin-bar-search{display:none!important}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
@media (min-width:1200px){
    .container{max-width:1460px;}
}
.color_red{color:#e70015!important;}
.bg_red{background:#e70015!important;}
.white_hover:hover{background:#fff!important;color:#000!important;}
.dark_hover:hover{background:#000!important;color:#fff!important;}
.zhezhao:before{content:'';position:absolute;inset:0;background-color:#00000066;z-index:1;}
.bg_jingge{background:url('assets/img/engineered.png');}

/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{}
.header-menu .header-menu-ul li a{padding:15px 25px;display:block;font-size:17px;color:#0b2253;position:relative;font-weight:500;}
.header-menu .header-menu-ul li a:hover{color:#e70015;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:47px;left:6px;background:#fff;width:240px;box-shadow:0 1px 2px rgba(0,0,0,.21);z-index:99;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;border-bottom:1px solid #f2f2f2;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;padding:15px 20px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:before{content:'\F282';font-family:'bootstrap-icons';font-size:12px;transform:scale(0.7);display:block;position:absolute;right:10px;top:18px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:before{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item>a,
.header-menu .header-menu-ul li.current-menu-parent>a,
.header-menu .header-menu-ul li.current-menu-ancestor>a{color:#e70014;}
.header-menu .header-menu-ul li.current-menu-item a:after,
.header-menu .header-menu-ul li.current-menu-parent a:after,
.header-menu .header-menu-ul li.current-menu-ancestor a:after{content:'';background:#e70014;width:20px;height:3px;position:absolute;bottom:-4px;left:50%;margin-left:-10px;border-radius:4px;}


/*banner_swiper*/
.banner_swiper .banner_prev{left:40px;top:50%;}
.banner_swiper .banner_next{right:40px;top:50%;}
.banner_swiper .banner_prev,
.banner_swiper .banner_next{position:absolute;z-index:1;width:50px;height:50px;background:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all 0.6s ease;margin-top:-20px;font-size:14px;color:#fff;}
.banner_swiper:hover .banner_prev,
.banner_swiper:hover .banner_next{opacity:1;}
.banner_swiper .banner_prev:hover,
.banner_swiper .banner_next:hover{background:#e70014;color:#fff;}
.banner_swiper .banner_pagination{position:absolute;bottom:40px;z-index:1;text-align:center;}
.banner_swiper .banner_pagination .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #ffffff00;background:#a6a6a6;}
.banner_swiper .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e70014;}
.banner_show{position:relative;}
.banner_show h3{font-size:45px;margin-bottom:20px;color:#fff;line-height:1.2;font-weight:800;}
.banner_show h4{font-size:22px;color:#fff;margin-bottom:40px;font-weight:600;line-height:1.6;}
.banner_show h5{font-size:18px;color:#fff;margin-bottom:20px;font-weight:400;background:#ffffff96;display:inline-block;padding:6px 20px;border-radius:2px;}
.banner_show a{background:#e70014;padding:13px 30px;display:inline-flex;font-size:18px;color:#fff;border-radius:6px;font-weight:600;transition:.6s;}
.banner_show a:hover{background:#fff;color:#000;}
.banner_show a:last-child{margin-left:10px;}
@media (max-width:768px){
    .banner_show{text-align:center;}
    .banner_show h5{font-size:15px;}
    .banner_show h3{font-size:32px;}
    .banner_show h4{font-size:18px;}
    .banner_show a{font-size:14px;}
}
.swiper_before{position:relative;overflow:hidden;}
.swiper_before:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:#000;}

/*loop_swiper*/
.loop_swiper .loop_prev{left:0px;}
.loop_swiper .loop_next{right:0px;}
.loop_swiper .loop_prev,
.loop_swiper .loop_next{display:none;}
.loop_swiper .loop_prev i,
.loop_swiper .loop_next i{width:50px;height:50px;background:#00000075;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;}
.loop_swiper .loop_prev:hover i,
.loop_swiper .loop_next:hover i{background:#387dff;color:#fff;}
.loop_swiper:hover .loop_prev,
.loop_swiper:hover .loop_next{opacity:1;}
.loop_swiper .loop_pagination{display:none;}
.loop_swiper .loop_pagination .swiper-pagination-bullet{width:14px;height:14px;border:1px solid #ffffff00;background:#ffffff;}
.loop_swiper .loop_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#387dff;}

/*zw*/
.wznrys{}

/*hr*/
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}

/*zw def*/
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys img{max-width:100%;height:auto}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;font-weight:800;color:#000;}
.wznrys h1{font-size:24px;}
.wznrys h2{font-size:22px;}
.wznrys h3{font-size:20px;}
.wznrys h4{font-size:18px;}
.wznrys h5{font-size:16px;}
.wznrys h6{font-size:16px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys strong{font-weight:bold;}

@media (max-width:768px){
.wznrys h1{font-size:20px;}
.wznrys h2{font-size:18px;}
.wznrys h3{font-size:16px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:16px;}
.wznrys h6{font-size:16px;}
}

/*blockquote*/
.wznrys blockquote{position:relative;border:1px double rgba(0,0,0,.1);padding:40px 25px 25px 25px;margin:40px 0px 30px 0px;}
.wznrys blockquote:before{content:"\F6B0";font-family:'bootstrap-icons';background:#c62641;position:absolute;top:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;color:#fff;left:calc(50% - 20px);}
.wznrys blockquote p{font-weight:bold;font-style:inherit;padding:0;}
.wznrys blockquote cite{padding-bottom:0px;display:flex;font-size:16px;font-style:inherit;color:#777;}

/*wp-caption*/
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}

/*wz_code*/
.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}

/*figure*/
.wznrys figure{margin-bottom:25px;}
.wznrys figure.wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px;--wp--style--unstable-gallery-gap:20px;}

/*wz_table*/
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}

/*wp-block-audio*/
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}

/*wp-block-search*/
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}

/*float*/
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}

/*text-align*/
.has-text-align-left{text-align:left;}
.has-text-align-center{text-align:center;}
.has-text-align-right{text-align:right;}

/*font-size*/
.has-small-font-size{font-size:12px;}
.has-medium-font-size{font-size:16px;}
.has-large-font-size{font-size:20px;}
.has-x-large-font-size{font-size:24px;}

/*font-color*/
.has-black-color{color:#000000}
.has-black-background-color{background-color:#000000}
.has-cyan-bluish-gray-color{color:#ABB8C3}
.has-cyan-bluish-gray-background-color{background-color:#ABB8C3}
.has-white-color{color:#FFFFFF}
.has-white-background-color{background-color:#FFFFFF}
.has-pale-pink-color{color:#F78DA7}
.has-pale-pink-background-color{background-color:#F78DA7}
.has-vivid-red-color{color:#CF2E2E}
.has-vivid-red-background-color{background-color:#CF2E2E}
.has-luminous-vivid-orange-color{color:#FF6900}
.has-luminous-vivid-orange-background-color{background-color:#FF6900}
.has-luminous-vivid-amber-color{color:#FCB900}
.has-luminous-vivid-amber-background-color{background-color:#FCB900}
.has-light-green-cyan-color{color:#7BDCB5}
.has-light-green-cyan-background-color{background-color:#7BDCB5}
.has-vivid-green-cyan-color{color:#00D084}
.has-vivid-green-cyan-background-color{background-color:#00D084}
.has-pale-cyan-blue-color{color:#8ED1FC}
.has-pale-cyan-blue-background-color{background-color:#8ED1FC}
.has-vivid-cyan-blue-color{color:#0693E3}
.has-vivid-cyan-blue-background-color{background-color:#0693E3}
.has-vivid-purple-color{color:#9B51E0}
.has-vivid-purple-background-color{background-color:#9B51E0}

/*iframe*/
.wznrys iframe{width:100%;height:600px;}

/*mbx*/
.breadcrumb_loop{list-style:none;padding:0px;background:none;margin:0;display:flex;font-weight:300;}
.breadcrumb_loop li{display:flex;margin:5px 0px;}
.breadcrumb_loop li a{display:flex;}
.text-white .breadcrumb_loop li a{color:#fff;}
.breadcrumb_loop li a:after{content:'\F285';font-family:'bootstrap-icons';margin:0px 5px;color:#ccc;}
.breadcrumb_loop li:last-child a:last-child:after{display:none}
@media (max-width:768px){
    .breadcrumb_loop{white-space:nowrap;overflow-x:auto;overflow-y:hidden;font-size:12px;}
}

/*fanye*/
.posts-nav{text-align:center;margin-bottom:30px}
.posts-nav .page-numbers{color:#606060;display:inline-block;padding:10px 15px;font-size:12px;background-color:#efefef;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#fff;background-color:#e70015;}

/*faq_card*/
.faq_card button{position:relative;width:100%;}
.faq_card button[aria-expanded="true"]:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:20px;top:28px;}
.faq_card button[aria-expanded="false"]:before{content:"\F27C";font-family:'bootstrap-icons';position:absolute;font-size:12px;right:20px;top:28px;}
.product_faqname button{margin:0px 30px 0px 0px;padding:0px 0px 15px 0px;font-size:20px;color:#333;border-bottom:4px solid #f8f9fa;font-weight:700;}
.product_faqname button.active{border-bottom:4px solid #e70015;color:#e70015;}

/*contact_biaodan*/
.contact_biaodan{}
.contact_biaodan form[data-status="init"] .wpcf7-response-output{display:none;}
.contact_biaodan form[data-status="invalid"] .wpcf7-response-output{text-align:center;padding-top:20px;font-size:16px;line-height:1.4;color:#636363;}
.contact_biaodan form[data-status="failed"] .wpcf7-response-output{text-align:center;padding-top:20px;font-size:16px;line-height:1.4;color:#636363;}
.contact_biaodan p{margin-bottom:15px;position:relative;}
.contact_biaodan input{width:100%;padding:15px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;}
.contact_biaodan textarea{width:100%;padding:20px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;}
.contact_biaodan input[type="submit"]{background:#e70015;font-size:18px;color:#fff;border:none;border-radius:8px;}
.contact_biaodan select{width:100%;padding:15px;border:1px solid #e2e2e2;border-radius:8px;font-size:16px;color:#757575;}
.contact_biaodan .screen-reader-response{display:none}
.contact_biaodan .wpcf7-not-valid-tip{position:absolute;top:6px;right:10px;font-size:12px;font-weight:300;color:#ff5353;}
@media (max-width:768px){
    .contact_biaodan input{padding:10px 15px;font-size:14px;}
    .contact_biaodan textarea{padding:10px 15px;font-size:14px;}
    .contact_biaodan input[type="submit"]{font-size:16px;}
}

/*product_swiper*/
.product_swiper:hover .product_prev,
.product_swiper:hover .product_next{opacity:1;}
.product_swiper .product_prev{left:10px;top:50%;}
.product_swiper .product_next{right:10px;top:50%;}
.product_swiper .product_prev,
.product_swiper .product_next{position:absolute;z-index:1;width:40px;height:40px;background:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all 0.6s ease;margin-top:-20px;font-size:14px;color:#fff;}
.product_swiper .product_prev:hover,
.product_swiper .product_next:hover{background:#e70015;color:#fff;}

/*product_thumbs*/
.product_thumbs .swiper-slide{border:3px solid #e5e2e2;background:#f3f3f3;padding:3px;}
.product_thumbs .swiper-slide.swiper-slide-thumb-active{border:3px solid #e70015;}

/*pagination*/
.product_swiper .product_pagination{position:absolute;bottom:30px;text-align:center;z-index:1;}
.product_swiper .product_pagination .swiper-pagination-bullet-active{background:#e70015;}


/*mobile_anniu*/
#mobile_right_nav{width:300px;border:none;overflow-y: auto;}
#mobile_right_nav .menu-zk{}
#mobile_right_nav .menu-zk li{line-height:60px;position:relative;}
#mobile_right_nav .menu-zk li a{font-size:16px;display:block;border-bottom: 1px solid #f2f4fc;padding:0px 30px;}
#mobile_right_nav .menu-zk li:last-child a{border-bottom:none;}
#mobile_right_nav .menu-zk .sub-menu{background:#ffffff;}
#mobile_right_nav .menu-zk .sub-menu li{line-height:50px;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size: 14px;color: #9f9b9b;border-bottom:1px solid #ededed;}
#mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;right:20px;top:15px;color:#ffffff;width:30px;height:30px;line-height:30px;text-align:center;display:block;cursor:pointer;background:#aacd2e;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}




/*mobile display*/
.cxs1200{display:none;}
.cxs992{display:none;}
.cxs768{display:none;}
@media (max-width:1200px){
    .cxs1200{display:block!important;}
    .bxs1200{display:none!important;}
}
@media (max-width:992px){
    .cxs992{display:block!important;}
    .bxs992{display:none!important;}
}
@media (max-width:768px){
    .cxs768{display:block!important;}
    .bxs768{display:none!important;}
    .mobile_video{width: 300% !important;height: 100%;}
}