/*
Theme Name: Chain
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=Dosis:wght@200;300;400;500;600;700;800&display=swap');
body{font-family: 'Dosis', 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:#0056b3;text-decoration:none;}
strong{font-weight:600;}
*: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{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: 1160px;}
}

.color_zhulan{color:#035db0!important;}
.bg_zhulan{background:#006BBB!important;}
.bg_foot{background: #43B3DB;}

/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;text-align:end;}
.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:20px 0px 20px 20px;display:block;font-size:14px;color:#333;font-weight:500;}
.header-menu .header-menu-ul li:first-child a{padding-left: 0px;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top: 54px;left: 50%;background:#fff;width:200px;margin-left: -100%;box-shadow:0 1px 2px rgba(0,0,0,.21);z-index:99;text-align: center;border-radius: 8px;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;padding: 12px 0px;}
.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: -18px;top: 22px;}
.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,
.header-menu .header-menu-ul li.current-menu-parent,
.header-menu .header-menu-ul li.current-menu-ancestor{}
@media (max-width:992px){
    .header-menu{display:none;}
}
@media (max-width:1200px){
    .header-menu .header-menu-ul li a{padding:10px 12px;}
}

/* 搜索框样式 */
.search-container{position:relative;width:100%;}
.search-input-wrapper{display:flex;border:2px solid #035db0;border-radius:50rem;position:relative;z-index:3;}
.search-input{flex:1;padding:14px;border:none;outline:none;font-size:14px;border-left:1px solid #e4e4e4;margin-left:14px;}
.search-submit{background-color:#035db0;color:white;border:none;padding:0 20px;cursor:pointer;border-radius:50rem;margin:4px;}
.search-category-select{border:none;padding:0px 0px 0px 20px;cursor:pointer;font-size:14px;color:#333;outline:none;max-width:140px;}
.search-dropdown{position:absolute;top:100%;left:0;width:100%;background:white;border:1px solid #ececec;border-top:none;border-radius:10px;z-index:9;padding:25px 20px 0px 20px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.1s ease,visibility 0.1s ease,transform 0.1s ease;max-height:0;overflow:hidden;}
.search-dropdown.chuxian{opacity:1;visibility:visible;transform:translateY(0);max-height:500px;transition:opacity 0.5s ease,visibility 0.5s ease,transform 0.5s ease,max-height 0.5s ease;}
.popular-manufacturers,
.popular-products{margin-bottom:25px;}
.popular-manufacturers h4,
.popular-products h4{font-size:14px;margin-bottom:14px;color:#a6a6a6;}
.manufacturer-list,
.product-list{display:flex;flex-wrap:wrap;gap:10px;}
.manufacturer-list a,
.product-list a{color:#333;text-decoration:none;font-size:13px;padding:3px 8px;background:#f5f5f5;border-radius:3px;transition:all 0.2s;}
.manufacturer-list a:hover,
.product-list a:hover{background:#035db0;color:white;}

/*custom-select*/
.custom-select-container{position:relative;width: 130px;}
.selected-option{display:flex;justify-content:space-between;align-items:center;cursor:pointer;height: 100%;padding-left: 20px;}
.selected-option i{}
.options-list{position:absolute;top: 47px;width: 250px;max-height: 300px;overflow-y:auto;background-color:#fff;border: 2px solid #035db0;border-radius: 10px;z-index: 3;padding: 10px;display:none;}
.options-list.show{display:block;}
.options-list li{padding:8px 12px;cursor:pointer;}
.options-list li:hover{background-color:#f5f5f5;}
.options-list li.selected{background-color:#e0e0e0;}
@media (max-width:768px){
    .options-list{top: 34px;width: 240px;}
}


/*brand*/
.brandowl{width:100%;position:relative;padding:0px 80px;overflow:hidden;}
.brandowl .owl-nav{position:absolute;top:50%;width:100%;margin-top:-27.5px}
.brandowl .owl-nav button:focus{box-shadow:none;outline:0}
.brandowl .owl-nav button.owl-prev:hover{background:rgb(255 255 255 / 90%);}
.brandowl .owl-nav button.owl-next:hover{background:rgb(255 255 255 / 90%);}
.brandowl .owl-nav button.owl-prev:after{content:"\F12C";font-family:bootstrap-icons;font-weight:400;font-size:22px;color:#045db0;}
.brandowl .owl-nav button.owl-next:after{content:"\F135";font-family:bootstrap-icons;font-weight:400;font-size:22px;color:#045db0;}
.brandowl .owl-nav button.owl-prev{position:absolute;left:-80px;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background-color:#d0d0d0;}
.brandowl .owl-nav button.owl-next{position:absolute;right:80px;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background-color:#d0d0d0;}
.brandowl .owl-dots{display:none;}
.brandowl .item img{height: 40px;width: auto;}



/*mobile_anniu*/
#mobile_right_nav{width:300px;border:none;background:#fff;overflow-y:auto;}
#mobile_right_nav .mobile_head{padding:15px 22px;color:#fff;background:#fff;}
#mobile_right_nav .mobile_head img{height:40px}
#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 #aacd2e21;color:#000;padding:0px 30px;}
#mobile_right_nav .menu-zk li:last-child a{border-bottom:none;}
#mobile_right_nav .menu-zk .sub-menu{display:none;background:#ffffff;}
#mobile_right_nav .menu-zk .sub-menu li{line-height:50px;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size:12px;color:#333;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: #035db0;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}
.mobile_an{display:none;position:relative;float:right;background:none;padding:4px 5px;font-size:16px;color:#000;border:2px solid #ffffffa6;border-radius:4px;}
@media (max-width:992px){
    .mobile_an{display:block;}
    .mobile_an i{}
}

/*mbx*/
.breadcrumb_loop{list-style:none;padding:0px;background:none;margin:0;display:flex;}
.breadcrumb_loop li{display:flex;margin:5px 0px;font-weight:600;}
.breadcrumb_loop li a{display:flex;}
.breadcrumb_loop li a:after{content:'\F285';font-family:'bootstrap-icons';margin:0px 10px;color:#ccc;}
.breadcrumb_loop li:last-child{font-weight:200;}
.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;}
}

/*single_biaodan*/
.single_biaodan{}
.single_biaodan p{font-weight:600;margin:0;position:relative;}
.single_biaodan p input{width:100%;margin-top:12px;border-radius:50rem;border:1px solid #ccc;padding:8px 10px;}
.single_biaodan p input[type="submit"]{border:1px solid #035db0;background:#035db0;color:#fff;padding:15px 0px;}
.single_biaodan .screen-reader-response{display:none;}
.single_biaodan .wpcf7-not-valid-tip{position:absolute;top: 22px;right:10px;font-size:12px;font-weight:300;color:#ff5353;background-color: #fff;}
.single_biaodan .wpcf7-response-output{text-align:center;margin-top: 20px;font-weight:300;}

/*foot_menu*/
.foot_menu{}
.foot_menu li{position:relative;padding-left:22px;margin-bottom:14px;}
.foot_menu li a{color:#fff;}
.foot_menu li:after{content:"\F123";font-family:'bootstrap-icons';position:absolute;left:0px;}


/*chat_box_biaodan*/
.chat_box_biaodan p{position:relative;}
.chat_box_biaodan input{width:100%;margin-top:12px;border-radius:5px;border:1px solid #ccc;padding:8px 10px;}
.chat_box_biaodan textarea{width:100%;margin-top:12px;border-radius: 5px;border:1px solid #ccc;padding:8px 10px;}
.chat_box_biaodan input[type="submit"]{border:1px solid #035db0;background:#035db0;color:#fff;padding:15px 0px;}
.chat_box_biaodan .screen-reader-response{display:none;}
.chat_box_biaodan .wpcf7-not-valid-tip{position:absolute;top:6px;right:10px;font-size:12px;font-weight:300;color:#ff5353;background-color: #fff;padding: 0px 10px;}
.chat_box_biaodan .wpcf7-response-output{text-align:center;margin-top: 15px;font-weight:300;}


/*rfqbd*/
.rfqbd p{position:relative;}
.rfqbd input{width:100%;margin-top:12px;border-radius:5px;border:1px solid #ccc;padding:8px 10px;}
.rfqbd select{width:100%;margin-top:12px;border-radius:5px;border:1px solid #ccc;padding:8px 10px;}
.rfqbd textarea{width:100%;margin-top:12px;border-radius: 5px;border:1px solid #ccc;padding:8px 10px;}
.rfqbd input[type="submit"]{border:1px solid #035db0;background:#035db0;color:#fff;padding:15px 0px;}
.rfqbd .screen-reader-response{display:none;}
.rfqbd .wpcf7-not-valid-tip{position:absolute;top:6px;right:10px;font-size:12px;font-weight:300;color:#ff5353;background-color: #fff;padding: 0px 10px;}
.rfqbd .wpcf7-response-output{text-align:center;margin-top: 20px;font-weight:300;}



/*biaodan*/
.biaodan{}
.biaodan p{margin-bottom:0;position:relative;}
.biaodan input{width:100%;padding:12px 15px;border:none;background:#F7F7F7;}
.biaodan textarea{width:100%;padding:10px 15px;border:none;background:#F7F7F7;}
.biaodan input[type="submit"]{background:#006BBB;font-size:16px;color:#fff;border:none;}
.biaodan input[type="file"]{position:relative;}
.biaodan input[type="file"]:after{content:'';width:100%;height:100%;position:absolute;inset:0;background:#f7f7f7;z-index:2;}
.biaodan input[type="file"]:before{content:'Upload BOM List / surplus stock';width:100%;height:100%;position:absolute;background:#f7f7f7;z-index:3;inset:0;left:15px;display:flex;align-items:center;COLOR:#757575;}
.biaodan .screen-reader-response{display:none}
.biaodan .wpcf7-not-valid-tip{position:absolute;top:6px;right:10px;font-size:12px;font-weight:300;color:#ff5353;}
.biaodan .wpcf7-response-output{text-align:center;margin-top:30px;font-weight:300;}
.biaodan label{display:flex;}
.biaodan label input{width:auto;margin-right:10px;}
.biaodan label span{color:#000;font-weight:600;}

/*banner_zhezhao*/
.banner-style{background: url(assets/img/index_banner.png);background-size:cover;background-position: center;background-repeat: no-repeat;}
.banner-style:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;background: linear-gradient(to right, hsl(0deg 0% 100% / 95%) 50%, hsl(0deg 0% 100% / 95%) 50%, hsl(209deg 97% 20% / 50%) 100%);}
@media (max-width:768px){
    .banner-style{background-size: cover;}
    .banner-style:before{opacity:0.95;}
}



/*table*/
.chaokuan_over{white-space:nowrap;overflow-x:auto;overflow-y:hidden;}

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

.gradient-text{background:linear-gradient(90deg,yellow,rgb(0,58,74),rgb(141,194,31),orange);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 3s ease infinite;}
@keyframes gradient{0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

.sjcxs{display:none;}

@media (max-width:768px){
    .search-category-select{max-width:90px;padding-left:8px;}
    .search-input{padding:5px 8px;margin-left:5px;border-radius: 0px 30px 30px 0px;}
    .search-submit{display:none;}
    .sjcxs{display: block;}
}


.submitting .wpcf7-submit {
  animation: textShake 0.5s ease-in-out infinite;
  pointer-events: none;
  opacity: 0.4;
}

@keyframes textShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  75% { transform: translateX(3px); }
}