/*
Theme Name: CBLiV
Theme URI: http://www.huitheme.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.huitheme.com
Version: 2026.02
*/

@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:#000;font-size:14px;line-height:1;}
p{margin-top:0;margin-bottom:10px;}
ol,ul,dl{padding:0;margin:0;list-style:none;}
a,ins{color:#000;text-decoration:none;background-color:transparent;}
a:hover{color:#000;text-decoration:none;}
*:focus,textarea:focus,button:focus,input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
.show_m{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

@media (min-width:1200px){
    .container{max-width:1340px;}
}

.bg_lan{background-color:var(--main);}

.bg_foot{background-color:#212121;}
.bg_banquan{background-color:#242424;}

.color_hui{color:#D5D5D5;}
.color_hui_a a{color:#D5D5D5;}

.coloc_lan{color:var(--main) !important;}
.coloc_lan_a a{color:var(--main) !important;}

.lan_hover:hover{background-color:var(--main) !important;color:#fff !important;}
.lan_hover_btn:hover .btns{background-color:var(--main) !important;color:#fff !important;}

.border_lan{border-color:var(--main) !important;}

.zhezhao::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.zhezhao2::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(
40deg, #083d81d9, #00000000);}

.ban_zhong{width: 42rem;}
@media (max-width:1200px){
.ban_zhong{width: 30rem;}
}
@media (max-width:992px){
.ban_zhong{width: 30rem;}
}
@media (max-width:768px){
.ban_zhong{width: 100%;}
}

/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;text-align:center;}
.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: 10px 26px;display:block;font-size: 16px;color:#0b2253;position:relative;font-weight:500;}
.header-menu .header-menu-ul li a:hover{color: var(--main);}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:41px;background:#fff;width:200px;box-shadow:0 1px 2px rgba(0,0,0,.21);z-index:99;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;}
.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:after{content:'\F282';font-family:'bootstrap-icons';margin-left:5px;font-size:12px;transform:scale(0.7);display:block;position:absolute;right:0px;top:12px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{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: var(--main);}
.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: var(--main);width:20px;height:3px;position:absolute;bottom:-4px;left:50%;margin-left:-10px;border-radius:4px;}
/*banbox*/







/*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;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.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;}

/*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;}
.breadcrumb_loop li{display:flex;margin: 5px 0px;}
.breadcrumb_loop li a{display:flex;}
.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;}
}

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


/*search*/
#search_offcanvas{height:150px;}
.search_offcanvas_close{position:absolute;right:0px;top:0px;cursor:pointer;z-index:5;background:#e2e2e2;width:40px;height:40px;border:none;}
.search_offcanvas_close:after{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(-45deg);top:10px;}
.search_offcanvas_close:before{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(45deg);top:10px;}
.search_offcanvas_box{margin:50px 0px;text-align:center;}
.search_offcanvas_box .search_offcanvas_form{width:100%;position:relative;border:3px solid #dddddd;height:50px;display:flex;align-items:center;justify-content:space-between;}
.search_offcanvas_box .search_offcanvas_form input{width:100%;border:none;color:#b7b7b7;background:none;padding:0px 15px;}
.search_offcanvas_box .search_offcanvas_form button{border:none;color:#b7b7b7;background:none;margin:0;padding:0 20px 0 0;font-size:18px;}




.video_data{position:relative;background:var(--main);color:white;font-size:16px;padding:13px 20px;border-radius:4px 0 0 4px;margin-right:30px;margin-top:30px;}
.video_data::after{content:"";position:absolute;top:0;right:-10px;width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:10px solid var(--main);}
.video_data::before{content:"";position:absolute;top:20px;right:-30px;width:30px;height:2px;background:var(--main);}
.play_video_btn{inset:0;display:flex;align-items:center;justify-content:center;background:#0000001f;color:#fff;left:50%;top:50%;margin-left:-25px;margin-top:-25px;cursor:pointer;}
.play_video_btn::before{content:"\F4F4";font-family:'bootstrap-icons';font-size:30px;}
.play_video_on{right:15px;top:40px;left:auto;}
.play_video_on::before{content:"\F592";font-family:'bootstrap-icons';font-size:24px;}
@media (max-width:1200px){
.video_data{margin-right:0px;margin-top:0px;border-radius:4px}
.video_data::before{display:none;}
.video_data::after{display:none;}

}

.index_tab{}
.index_tab button{background:none;border:none;border-bottom:2px solid #00000000;color:#000;padding:0px 10px 10px 10px;}
.index_tab button.active{border-bottom:2px solid var(--main);color:var(--main);}




/*lang_switcher*/
.lang_switcher{position:relative;}
.lang_switcher li{}
.lang_switcher>li>a{display:flex;align-items:center;color:#fff;padding-right:20px;}
.lang_switcher>li>a .trp-ls-language-name{display:none;}
.lang_switcher .language_more{position:absolute;top:2px;right:0px;color:#fff;cursor:pointer;}
.lang_switcher .language_more:before{content:'\F282';font-family:'bootstrap-icons';font-size:12px;}
.lang_switcher .language_more.shows{transform:rotate(180deg);transition:all 0.3s ease;top:0px;}
.lang_switcher .sub-menu{position:absolute;width:150px;right:0;top:24px;background-color:#242424;padding:10px 10px 5px 15px;border-radius:5px;line-height:1.4;display:none;}
.lang_switcher .sub-menu li a{color:#fff;display:block;margin-bottom:5px;}
.lang_switcher .sub-menu li a .trp-menu-ls-label{display:flex;align-items:center;}
.lang_switcher .sub-menu li a .trp-menu-ls-label .trp-ls-language-name{}
.lang_switcher .sub-menu li a .trp-menu-ls-label .trp-flag-image{margin:0px 6px 0px 0px;}
.lang_switcher .sub-menu.shows{display:block;}



@media (max-width:768px){
.foot_nav_mobild{border-bottom: 1px solid #2b2b2b;}
.foot_nav_mobild .foot_nav{display:none;padding: 15px 0px 0px 10px;}
.foot_nav_mobild .foot_nav a{font-size: 15px;}
.foot_nav_mobild_btn.shows{transform:rotate(45deg);}
}


#sjcldnav{height:calc(100lvh - 180px);overflow-y:auto;}
.menu-zk{}
.menu-zk li{line-height:60px;position:relative;}
.menu-zk li a{font-size:16px;display:block;border-bottom: 1px solid #00000021;color: #333;}
.menu-zk .sub-menu{display:none;background:#ffffff;}
.menu-zk .sub-menu li{line-height:50px;}
.menu-zk .sub-menu li a{font-size:12px;color:#333;border-bottom:1px solid #ededed;}
.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;}
.menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}


/*single_biaodan*/
.biaodan{font-size:15px;}
.biaodan p{margin:0;position:relative;}
.biaodan p .wpcf7-form-control-wrap{display:block;}
.biaodan p input{width:100%;border-radius:5px;border: 1px solid #f2f2f2;padding: 14px;}
.biaodan p textarea{width:100%;border-radius:5px;border:1px solid #f2f2f2;padding:14px;}
.biaodan p input[type="submit"]{border: 1px solid var(--main);background: var(--main);color:#fff;padding:16px 0px;}
.biaodan .screen-reader-response{display:none;}
.biaodan .wpcf7-spinner{display:none;}
.biaodan .wpcf7-not-valid-tip{position:absolute;top: -22px;right: 0px;font-size:12px;font-weight:300;color:#ff5353;}
.biaodan .wpcf7-response-output{text-align:center;font-weight:300;padding: 14px 0px !important;border-radius: 5px;background: #fff;}


.tiao{opacity:0;}
.tiao_style_1{transform:translateY(50px);transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1);}
.tiao_style_1.shows{opacity:1;transform:translateY(0);}

.tiao_1{transition-delay:.1s;}
.tiao_2{transition-delay:.2s;}
.tiao_3{transition-delay:.3s;}
.tiao_4{transition-delay:.4s;}
.tiao_5{transition-delay:.5s;}
.tiao_6{transition-delay:.6s;}
.tiao_7{transition-delay:.7s;}
.tiao_8{transition-delay:.8s;}
.tiao_9{transition-delay:.9s;}


.swiper-slide-active{box-shadow: 0px 5px 15px 5px #cccccc61;}

.swiper-pagination{}
.swiper-pagination .swiper-pagination-bullet{width:18px;height:6px;border-radius:0px;background-color:#ffffff;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}


/*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;}
}