@font-face  {
    font-family: 'Inter-Bold';
    src: url('/fonts/Inter-Bold-4.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face  {
    font-family: 'Inter-Medium';
    src: url('/fonts/Inter-Medium-8.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face  {
    font-family: 'Inter-Regular';
    src: url('/fonts/Inter-Regular-9.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face  {
    font-family: 'Inter-SemiBold';
    src: url('/fonts/Inter-SemiBold-10.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iconfont';
    src: url('/images/icon/iconfont.ttf?t=202300420') format('truetype');
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

body { font-size: 14px;  color: #333333;overflow-x: hidden;}
body{font-family: Helvetica,Arial,Tahoma,sans-serif !important;}
.gutter-10{
    margin-left:-10px;margin-right:-10px;
}
.gutter-10 > div{
    padding-right: 10px;
    padding-left: 10px;
}
.gutter-14{
    margin-left:-7px;margin-right:-7px;
}
.gutter-14 > div{
    padding-right: 7px;
    padding-left: 7px;
}
.txt1, .txt2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}
.bodyBg {
    background-color: #f7f7f7;
    padding-bottom: 30px;
}
input[type="text"]{
    background: transparent;
    background-color: transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
a{color: #333;}
a:hover{color: #00a3e4;}
.col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.home-page { background-color: #F7F7F7; }

.header { background-color: #FFFFFF; }

.header { font-size: 12px; }

.header a { text-decoration: none; }

.header a:hover { color: #00a3e4; }
.header .slogo{margin-top: 0px;margin-bottom: 0px;padding-bottom: 22px;}
.header .slogo .input-group > .form-control { border-color: #727171;color:#666; }
.header .slogo .logo span { display: inline-block; color: #676767; vertical-align: bottom; padding-bottom: 5px; }
#loginState .login-div span a { font-size: 18px; color: #333; }
#loginState .login-div span a:hover { color: #00a3e4; }
/* v3 */
#loginState .login-div{display: flex;margin-right: 30px;}
#loginState .login-div .cart-btn{
    font-size: 12px;text-align: center;
    color: #333;position: relative;
    line-height: 14px;
}
#loginState .login-div .cart-btn a{
    color:#3F3F3F;
}
#loginState .login-div .cart-btn i{
    display: block;width:30px;height:30px;margin: auto;
    background: url('/images/b-cart.webp?v=2024') no-repeat;
}
#loginState .login-div .cart-btn em{display: none;}
#loginState .login-div .cart-btn.active em{
    height:5px;width:5px;position: absolute;top:-3px;right:-3px;
    background: red;border-radius: 50%;display: block;
}
#loginState .login-div .rfq-btn i{
    display: block;width:30px;height:30px;margin: auto;
    background: url('/images/b-rfq.webp?v=2024') no-repeat;
}
#loginState .login-div .rfq-btn{
    font-size: 12px;text-align: center;
    color: #333;
    line-height: 14px;
    margin-left:43px;
}
#loginState .login-div .rfq-btn a{
    color:#3F3F3F;
}
#loginState .login-div .login-btn{position: relative; height: 36px;}
#loginState .login-div .login-btn > a{display: flex;}
#loginState .login-div .login-btn > .a{display: flex;}
#loginState .login-div .login-btn .em{
    line-height: 36px;height:36px;
    font-style: normal;
    color: #333;;font-size:16px;position: relative;
    /* margin-left:8px; */
    padding-right: 15px;
    /* background: url('/images/down.webp') no-repeat right center; */
    background-size: 9px 5px;
}
#loginState .login-div .login-btn .em::after{
    content: '';position: absolute; right:0;top:13px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
    height: 6px;
    margin-left: 4px;
    transform: rotate(45deg);
    width: 6px;
}
#loginState .login-div .login-btn .a .em{
    /* background-position:right 29px; */
}
#loginState .login-div .login-btn .em .p{
    font-size: 13px;
    color: #575757;
    line-height: 15px;
    display: flex;
    justify-content: space-between;
}
#loginState .login-div .login-btn .em .p a{color: #333;font-size: 12px;}
#loginState .login-div .login-btn .em .account{
    line-height: 19px;
    font-size:16px;
}
#loginState .login-div .login-btn i{
    display: inline-block;width:36px;height:36px;
    background: url('/images/header/user.webp?v=2024') no-repeat center;
    background-size:100%;
    /* background: url('/images/account.webp') no-repeat center; */
}
#loginState .login-div .login-btn .login-menu{
    position: absolute;
    display: none;
    z-index: 99999;
    top:30px;right:0;
    width: 258px;
    min-height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 4px rgba(0,46,96,0.12);
    border-radius: 0px 0px 4px 4px;
}
#loginState .login-div .login-btn:hover .login-menu{display: block;}
.login-menu .menu-div{
    padding:20px;
}
.login-menu .menu-div .menu-div-header{border-bottom: 1px solid #ECEEF2;padding-bottom: 25px;;}
.login-menu .menu-div .menu-div-header .welcom{
    font-size: 14px;
    color: #333;
    line-height: 16px;
}
.login-menu .menu-div .menu-div-header .email{
    font-size: 14px;
    font-family: Inter-Medium, Inter;
    font-weight: 500;
    color: #333;
    line-height: 16px;
}
.login-menu .menu-div .menu-div-header a.btn{
    height: 40px;padding:0;margin-bottom: 1rem;
    line-height: 40px;
    color:#fff;
    background: #00a3e4;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
}
.login-menu .menu-div .menu-div-header a{
    text-align: center;display:block;
    font-size: 16px;line-height: 19px;
    font-family: Souliyo Unicode-Regular, Souliyo Unicode;
    font-weight: 400;
    color: #E90000;
}
.login-menu .menu-div .menu-div-ul{border-bottom: 1px solid #ECEEF2;padding:15px 0;}
.login-menu .menu-div .menu-div-ul p{line-height: 34px;margin-bottom:8px;}
.login-menu .menu-div .menu-div-ul p:last-child{margin: 0;}
.login-menu .menu-div .menu-div-ul p a{
    font-size: 14px;color: #333;
}
.login-menu .menu-div .menu-div-ul em{display:block;float: left;width:35px;height: 35px;}
.login-menu .menu-div .menu-div-ul .em-1{background: url('/images/1@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .menu-div-ul .em-2{background: url('/images/2@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .menu-div-ul .em-3{background: url('/images/3@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .menu-div-ul .em-4{background: url('/images/4@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .menu-div-ul .em-5{background: url('/images/5@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .menu-div-ul .em-6{background: url('/images/6@2x.webp?v=2024') no-repeat left center;}
.login-menu .menu-div .signout{
    height: 40px;text-align: center;
    line-height: 40px;display: block;
    background: #F6F8FC;
    border-radius: 4px 4px 4px 4px;
    font-size: 16px;
    /* font-family: Souliyo Unicode-Regular, Souliyo Unicode; */
    font-weight: 400;
    color: #333;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    #loginState .login-div { display: none; }
}

/* .header .header-nav { background: none; border-bottom: 1px solid #00a3e4; } */
.header .header-nav .top-category { position: relative; line-height: 40px; height: 40px;padding-top:0;}
.header .header-nav .top-category a { 
    color: #FFFFFF; text-decoration: none; display: block; font-size: 16px; text-align: left;text-indent: 39px;background: url("/images/header/cat.webp?v=2024") no-repeat 16px center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: 600;text-transform: uppercase;
}
.header .header-nav .top-category a:hover { color: #b1d1ee; }
/* .header .header-nav .top-category:after { display: inline-block; content: ""; border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent; position: absolute; top: 18px; right: 22px; } */
.header .header-nav .navbar-brand { background-color: #00a3e4; width: 310px; }
.header .header-nav .navbar-brand{ background: #00a3e4; margin-right: 15px; width: 310px; border-radius: 5px 5px 0 0; }
.header .header-nav .navbar-brand:hover { background-color: #008ac0; }
.header .header-nav .navbar-brand:hover a { color: #FFFFFF; }
@media (min-width: 992px) {
    .header .header-nav .navbar-rfq {
        display: none;
    }
}
@media (max-width: 767px) {
    .header .header-nav .navbar-brand { width: 200px; }
    .header .header-nav .navbar {display: block;}
    .header .header-nav .navbar-toggler {padding: 0 3px 0 3px;}
    .header .header-nav .navbar-rfq { position: absolute; right: 5px; top: 5px; }
    .header .header-nav .navbar-rfq img { display: inline-block; position:absolute; right: 40px; }
    .header .header-nav .navbar-rfq a { color: #333; font-size: 18px; line-height: 18px;}
}

.navbar-light .navbar-nav .nav-link { padding: 3px 28px; font-size: 14px; color:#333; text-align: center;}
/* .navbar-light .navbar-nav .active .nav-link  { color:#3F3F3F;} */
.navbar-light .navbar-nav .nav-item {padding-bottom:3px; border-radius: 5px 5px 0 0; }
.navbar-light .navbar-nav .nav-item:hover  { background-color: #F2F2F2; }
.navbar-light .navbar-nav .nav-link:hover  { color:#00a3e4;}

.header .btn-lang .lang-box { display: none; overflow: hidden; overflow-x: auto; position: absolute; right: 0; top: 30px; left: 0; padding: 12px; text-align: center; z-index: 99; background-color: #fff; border: 1px #00b0ec solid; border-radius: 12px; }

.header .btn-lang:hover .lang-box { display: block; color: #333; }
.header .btn-lang .lang-box a { vertical-align: middle; background-color: #00a3e4; color: #fff;font-size: .9375rem;height: 32px;text-align: center;transition: background-color .3s, border .3s, color .3s;border-radius: 20px;cursor: pointer;line-height: 28px;outline: 0;padding: 0 14px; display: block; margin: 3px 12px; }

/* 顶部用户 */
.header .btn-user .user-box { display: none; overflow: hidden; overflow-x: auto; position: absolute; right: 0; top: 30px; width: 200px; text-align: center; z-index: 99; background-color: #fff; border: 1px solid #00b0ec; border-radius: 12px; }

.header .btn-user:hover .user-box { display: block; background-color: #fbfbfb; color: #333; }

.header .btn-user:hover .user-box a { vertical-align: middle; background-color: #00a3e4; color: #fff; font-size: .9375rem; height: 32px; text-align: center; border-radius: 12px; cursor: pointer; line-height: 28px; outline: 0; padding: 0 14px; display: block; margin: 3px 3px; }
/*  */

.header .shopping-cart { position: relative; }

.header .shopping-cart .cart-num,.header .RFQ-cart .rfqcart-num {
    display: inline-block;width: 16px;height: 16px;line-height: 16px;
    background: red;
    /* background-image: -webkit-gradient(linear, left top, right top, from(#fb8f1a), to(#ffc107));background-image: linear-gradient(90deg, #fb8f1a, #ffc107); */
    color: #fff;text-align: center;border-radius: 50%;
    position: absolute;top: -5px;right:-5px;font-size: 12px;
}

.header .shopping-cart:hover .shopping-cart-list { display: block; }

.header .shopping-cart .shopping-cart-list { position: absolute; top: 100%; right: 0; z-index: 9; background-color: #fff; border: 1px #ccc solid; padding: 5px; display: none; overflow: hidden; max-height: 320px; overflow-y: auto; }

.header .shopping-cart .shopping-cart-list table { white-space: nowrap !important; border-bottom: 1px solid #dee2e6; }

.header .shopping-cart .shopping-cart-list table img { max-width: 50px; max-height: 50px; }

.shopping-cart .table tr > td { vertical-align: middle !important; }

.shopping-cart .table tr > td .btn .spinner-border { width: 1rem; height: 1rem; }

.shopping-cart .cart-total { color: #fb8f1a; }

.shipping-box { font-size: 12px; max-height: 12rem; overflow: hidden; overflow-y: auto; padding-right: 10px; }

.shipping-box > div { border-bottom: 1px #ccc dotted; padding: 5px 0; }

.shipping-box > div:last-child { border-bottom: 0; }

.breadcrumb { background: transparent;padding-left: 0;}

.cart-total-box .form-control.is-valid { background-position: right calc(1.375em + 0.1875rem) center; }

.home-category-ad { }

.home-category-ad .carousel-caption { text-align: left; color: #222; top: 50%; margin-top: -100px; left: 40px; width: 65%; }
.home-category-ad .carousel-caption h1 { font-size: 2.2rem; }

.home-category-ad .category { width: 310px; height: 427px; background-color: #FFFFFF; border-radius: 5px; margin-right: 15px; }
.home-category-ad .category > ul { margin-top: 12px;width: 310px;position: relative;}
.home-category-ad .category > ul > li { }
.home-category-ad .category > ul > li > ul {
    width: 900px;width: 62vw;
    z-index: 999999990; display: none; list-style: none;
    position: absolute; 
    left: 310px; top:-10px;
    /* border: 1px #ccc solid;  */
    background-color: #fff; padding: 8px 5px;
    box-shadow: 0 3px 6px rgba(0,76,106,.1);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 424px;
    padding: 20px;
}

.home-category-ad .category > ul > li > ul::-webkit-scrollbar {
    border-radius: 6px;
    width: 6px
}

.home-category-ad .category > ul > li > ul::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 6px
}

.home-category-ad .category > ul > li > ul::-webkit-scrollbar-thumb {
    background-color: #00a3e4;
    border-radius: 6px
}
.home-category-ad .category > ul > li > ul dt{
    margin-bottom: 16px;
}
.home-category-ad .category > ul > li > ul dt a{
    color: #00a3e4;
    position: relative;display: inline-flex;
}
.home-category-ad .category > ul > li > ul dt a::after {
    border-bottom: 1px solid #00a3e4;
    border-right: 1px solid #00a3e4;
    content: " ";
    display: block;
    height: 8px;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 8px;
}
.home-category-ad .category > ul > li > a { margin-left: 5px; margin-right: 5px; color: #333; font-size: 14px; font-weight: 400; padding: 4.5px 12px 4.5px 12px; display: block; text-decoration: none;white-space: nowrap; }
.home-category-ad .category > ul > li > a > .more { color: #00a3e4;  text-decoration: none; }
.home-category-ad .category > ul > li > a > .more-icon { position: absolute; right: 20px; width: 20px; height: 20px; }
/* .home-category-ad .category > ul > li > a > span { display: inline-block; color: #0388d5; font-size: 20px; vertical-align: middle; } */
/* .home-category-ad .category > ul > li:after { content: ""; position: absolute; right: 8px; top: 15px; width: 6px; height: 6px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(45deg); } */
.home-category-ad .category > ul > li:hover:after { border-color: #fff; }
.home-category-ad .category > ul > li:hover > a { background-color: #F7F7F7; color: #00a3e4;}
.home-category-ad .category > ul > li:hover > a > span { color: #00a3e4; font-weight: normal; border-bottom: 1px solid #008ac0;}
.home-category-ad .category > ul > li:hover > ul { display: block; }

.home-category-ad .category > ul > li > ul > li { display: block; width: 50%; float: left; line-height: 1.8rem; padding-right: 12px; }
.home-category-ad .category > ul > li > ul > li > a { white-space: nowrap; display: block; padding: 2px 12px; text-decoration: none; overflow: hidden; }
.home-category-ad .category > ul > li > ul > li > a:hover { color: #00a3e4;text-decoration: underline; }

.home-category-ad .ads { width: 740px;height: 410px; margin-top: 15px; }
.home-category-ad .ads #ChipsMallAds { border-radius: 5px; overflow: hidden;}
@media (min-width: 1200px) {
 .home-category-ad .ads #ChipsMallAds .carousel-item img{height: 410px;}
}
.home-category-ad .chips-number { margin-top: 15px; text-align: center; margin-left: 0px; margin-right: 0px; background-color: #FFFFFF;  border-radius: 8px; }
/* .home-category-ad .chips-number > div { padding-left: 7px; padding-right: 7px; } */
.home-category-ad .chips-number .item { background-color: #fff; padding: 1.4rem 0; }
.home-category-ad .chips-number .item > span { vertical-align: middle; display: inline-block;  position: relative; bottom: 10px;}
.home-category-ad .chips-number .item > .chips-icon { width: 36px; height: 36px;}
/* .home-category-ad .chips-number .item > .home-01 { background: transparent url("/images/site/quote-in-24.png") no-repeat; } */
/* .home-category-ad .chips-number .item > .home-02 { background: transparent url("/images/site/competitive-price.png") no-repeat; } */
/* .home-category-ad .chips-number .item > .home-03 { background: transparent url("/images/site/original-parts.png") no-repeat; } */
.home-category-ad .chips-number .cut { border-left: 0.5px solid #DDDDDD; height: 40px; position: absolute; right: 0px; top: 20px; }

@media (max-width: 570px) {
    .home-category-ad .chips-number { background-color: #F7F7F7; }
    .home-category-ad .chips-number .item { margin-top: 3px; padding: 3px; border-bottom: 1px solid #00a3e4; }
}

.home-category-ad .home-icon-server { width: 230px;  margin-left: 15px; display: none; margin-top: 15px;}
.home-category-ad .home-icon-server .item { background-color: #FFFFFF; padding-left: 15px; padding-top: 15px; height: 96px; margin-bottom: 9px; position: relative;  border-radius: 5px;    box-shadow: 0 3px 6px 0 rgba(0,76,106,.1);}
.home-category-ad .home-icon-server .item:last-child{margin-bottom: 0;}
.home-category-ad .home-icon-server .item .title { 
    font-family: Roboto, Roboto;
    font-weight: 500;
    font-size: 16px; 
    margin-bottom: 0px;
}
.home-category-ad .home-icon-server .item a { 
    font-size: 16px;
    font-family: Roboto, Roboto;
    font-weight: 400;
    color: #00A3E4;
    border:0;margin-top:14px;
    color: #00A3E4;text-align: left;padding:0;display: block;
 }
.home-category-ad .home-icon-server .item > .chips-icon-01 { width: 60px; height: 60px; position: absolute; bottom: 18px; right: 10px;background: url("/images/home/home1-1.webp?v=2024") no-repeat center;}
.home-category-ad .home-icon-server .item > .chips-icon-02 { width: 60px; height: 60px; position: absolute; bottom: 18px; right: 10px;background: url("/images/home/home1-2.webp?v=2024") no-repeat center;}
.home-category-ad .home-icon-server .item > .chips-icon-03 { width: 60px; height: 60px; position: absolute; bottom: 18px; right: 10px;background: url("/images/home/home1-3.webp?v=2024") no-repeat center;}
.home-category-ad .home-icon-server .item > .chips-icon-04 { width: 60px; height: 60px; position: absolute; bottom: 18px; right: 10px;background: url("/images/home/home1-4.webp?v=2024") no-repeat center;}


.home-xray-product {  }
.home-xray-product .container .row { background-color: #FFFFFF; }
.home-xray-product h3 { font-family: 'Inter-SemiBold'; line-height: 1.5rem; padding-bottom: 5px; font-size: 18px; }
.home-xray-product .container { position: relative; }
.home-xray-product .container .read-more { position: absolute; top:5px; right: 20px; float: right; font-size: 16px; font-weight: 400; color: #00a3e4; align-items: center; }
@media (max-width: 1199px) {
    .home-xray-product .container .read-more {display: none;}
}
.home-xray-product .tab-content{display: flex;}
.home-xray-product .tab-content .left{
    flex: 0 0 226px;
    margin-right: 10px;
    position: relative;
}
.home-xray-product .tab-content .left div{
    color: #fff;
    left: 0;
    padding-left: 20px;
    padding-right: 5px;
    position: absolute;
    top: 59px;
    width: 101%
}
.home-xray-product .tab-content .left div h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 22px;
}
.home-xray-product .tab-content .left div p{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
    padding-left: 10px;
    position: relative;
}
.home-xray-product .tab-content .left div p::before{
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}
.home-xray-product .tab-content .left a{
    bottom: 20px;
    position: absolute;
    right: 18px;
}
.home-xray-product .tab-content .right{
    flex:1;
}
.home-xray-product .tab-content .row {border-radius: 5px;background: none;margin-right: -0.5rem;}
.home-xray-product .item {border: 1px solid #F5F7FA;min-height: 186px;text-align: center;}
.home-xray-product .item .pic { margin-top:23px }
/*.home-xray-product .item .pic img { max-height: 120px; } */
.home-xray-product .item .name {font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 19px 10px 8px 10px;}
.home-xray-product .item a { color: #333; }
.home-xray-product .item:hover ,.homeManufacturers ul li:hover{
    box-shadow: 0 3px 6px 0 rgba(0,76,106,.1);
}
.home-xray-product .item:hover .name a { color: #00a3e4;text-decoration: underline;}
.home-xray-product .item .manufacturer {font-size: 12px;  color: #7A7A7A;}
.home-xray-product .item .price {color: #666;  font-size: 14px;}

.home-category-big { padding: 1rem 0;}
.home-category-big h3 { font-family: 'Inter-SemiBold';  line-height: 1.5rem; padding-bottom: 5px; font-size: 18px; }
.home-category-big .tab-content .row { display: flex; justify-content: space-around; }

.preferential-zone .alt{
    margin-top: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.preferential-zone .alt span{
    font-family: Roboto;
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 700;line-height: 100%;
    letter-spacing: 1px;}
.preferential-zone .alt a{
    color: #00a3e4;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.preferential-zone .prefBanner {
    align-items: center;
    display: flex;
    height: 186px;
    padding-left: 60px;
    position: relative;
}
.preferential-zone .prefBanner > div{color:#fff}
.preferential-zone .prefBanner > div h3{
    font-size: 23px;
    text-transform: uppercase;
    line-height: 26px;
    text-shadow: 0 2px 2px #0058e8;
    margin: 0;padding: 0;
    font-weight: bold;
}
.preferential-zone .prefBanner > div p{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin: 0;padding: 0;
    margin-top: 8px;
    text-shadow: 0 2px 2px #0058e8;
    font-weight: bold;
}
.preferential-zone .prefBanner > div a{
    background: linear-gradient(251deg,#159dff,#1b7dff);
    border: 1px solid hsla(0,0%,100%,.8);
    border-radius: 20px;color:#fff;
    box-shadow: 0 3px 2px #0063cc;
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.preferential ul {
    background-color: #fff;
    padding:0;margin:0;
    display: grid;
    gap: 10px 7px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 7px;
}

.preferential ul li {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 48px 16px 16px;
    position: relative;
    list-style: none;
}

.preferential ul li>span {
    background-color: #fd7817;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px;
    width: 40px
}

.preferential ul li>div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.preferential ul li>div>span {
    color: #00a3e4
}

.preferential ul li .prefAddCart {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: 28px;
    justify-content: center;
    padding-right: 2px;
    width: 78px
}
.preferential ul li a{color:#333;}
.preferential ul li .prefManuf a{color:#333;}
.preferential a:hover { color: #00a3e4; }
.preferential .prefImg {
    height: 66px;
    margin: 0 auto 38px;
    width: 80px
}

.preferential .prefImg a {
    display: block;
}

.preferential .prefImg a img {
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.preferential .prefTitle {
    line-height: 16px;margin-bottom: 8px;
}

.preferential .prefManuf {
    color: #666;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 15px;
    margin-top: 8px
}
.hoverDeepBtn:hover {
    background-color: #008ac0!important;
}
.hoverDeepBtn {
    background-color: #00a3e4!important;
}
/* hot-sale */
.home-hot-sale-parts .alt{
    margin-top: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.home-hot-sale-parts .alt span{
    font-family: Roboto;
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 100%;
}
.home-hot-sale-parts .alt a{
    color: #00a3e4;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.home-hot-sale-parts .tab-content{display: flex;}
.home-hot-sale-parts .tab-content .left{
    flex: 0 0 226px;
    margin-right: 16px;
}
.home-hot-sale-parts .tab-content .right{
    flex: 1;
}

.home-hot-sale-parts .tab-content .right ul {
    padding:0;margin:0;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr
}

.home-hot-sale-parts .tab-content .right ul li {
    background-color: #fff;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
    padding: 23px 20px;
    text-align: center
}
.home-hot-sale-parts .tab-content .right p{margin: 0;}
.home-hot-sale-parts .tab-content .right ul li a {
    display: block;color:#333;
}
.home-hot-sale-parts .tab-content .right ul li a:hover{color:#00a3e4;}
.home-hot-sale-parts .tab-content .right ul li a img {
    display: block;
    height: 57px;
    margin: 0 auto 22px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 69px
}
/*Manufacturers  */
.home-Manufacturers .alt{
    margin-top: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.home-Manufacturers .alt span{
    font-family: Roboto;
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 700;line-height: 100%;
    letter-spacing: 1px;}
.home-Manufacturers .alt a{
    color: #00a3e4;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.homeManufacturers{
    background-color: white;
    padding: 6px;
    border-radius: 4px;
}
.homeManufacturers ul{
    display: grid;margin:0;padding:0;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 8px 4px;
}
.homeManufacturers ul li{list-style: none;}
.homeManufacturers  img{
    display: block;
}
/* china-brands */
.home-china-brands{margin-top:40px;}
.home-china-brands .flex{display: flex;}
.home-china-brands .BrandsLeft{
    flex: 0 0 226px;
    position: relative;
    margin-right: 10px;
}
.home-china-brands .BrandsLeft>div{
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 5px;
    color: white;
}
.home-china-brands .BrandsLeft>div h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 22px;
    line-height: 30px;
}
.home-china-brands .BrandsLeft>div p{
    font-size: 12px;
    font-weight: 500;
    position: relative;
    padding-left: 10px;
    margin-bottom: 4px;
}
.home-china-brands .BrandsLeft>div p::before{
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: white;
    display: block;
}
.home-china-brands .BrandsRight{
    flex: 1;
    overflow: hidden;
    position: relative;
}
.home-china-brands .BrandsRight >span{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 27px;
        height: 60px;
        background-color: #EAEAEA;
        cursor: pointer;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
}
.home-china-brands .BrandsRight >span:hover{
    background-color: #00A3E4;
}
.home-china-brands .BrandsRight >span:hover::after{
    border-color: white !important;
}
.home-china-brands .BrandsRight >span:active{
    background-color: #008ac0;
}
.home-china-brands .BrandsRight >span::after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #555555;
}
.home-china-brands .BrandsRight >span.swiper_prev{
    left: 0;
}

.home-china-brands .BrandsRight >span.swiper_prev::after{
    border-left: 1px solid #555555;
    transform: rotateZ(45deg);
}
.home-china-brands .BrandsRight >span.swiper_next{
    right: 0;
}

.home-china-brands .BrandsRight >span.swiper_next::after{
    border-right: 1px solid #555555;
    transform: rotateZ(-45deg);
}
.home-china-brands .BrandsRight .brandSwiper,
.home-china-brands .BrandsRight .brandsItem{
        height: 100%;
}

.home-china-brands .BrandsRight .brandsItem {
    background-color: #fff;
    border-radius: 4px;
    padding: 30px 15px 15px;
    text-align: center
}

.home-china-brands .BrandsRight .brandsItem,.home-china-brands .BrandsRight .brandsItem a {
    display: block
}

.home-china-brands .BrandsRight .brandsItem .brands_manuf {
    margin-bottom: 40px
}

.home-china-brands .BrandsRight .brandsItem .brands_manuf img {
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.home-china-brands .BrandsRight .brandsItem .brands_pro img {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.home-china-brands .BrandsRight .brandsItem p {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    margin-top: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    margin-bottom: 0;
}
.home-china-brands .BrandsRight .brandsItem:hover p{
    color:#00A3E4;
}
/* homeInquire */
.homeInquire {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-top: 57px;
    position: relative
}

.homeInquire .homeInquireCont {
    color: #fff;
    position: relative
}

.homeInquire .homeInquireCont h3 {
    font-size: 20px;
    line-height: 26px
}

.homeInquire .homeInquireCont p {
    font-size: 12px;
    margin-top: 10px
}

.homeInquire .homeInquireCont p span {
    margin-right: 14px;
    padding-left: 10px;
    position: relative
}

.homeInquire .homeInquireCont p span:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.homeInquire .homeInquireCont a {
    background-color: #fff;
    border-radius: 36px;
    color: #00a3e4;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: -200px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.homeInquire .homeInquireCont a:hover {
    background-color: #f2f2f2;
    box-shadow: 0 3px 6px rgba(0,76,106,.1);
    text-decoration: underline
}

.homeInquire .homeInquireCont a:active {
    background-color: #fff
}

@media (min-width: 1440px) {
    .home-category-big .tab-content .row { min-width: 1400px; }
    .home-category-big .item { width: 140px; margin-right: calc((560px) / 5); text-align: center; }
    .home-category-big .item:nth-child(6),.item:nth-child(12) { margin-right: 0px; }
}
@media (max-width: 1439px) {
    .home-category-big .tab-content .row { min-width: 1090px; }
    .home-category-big .item { width: 140px; margin-right: calc((530px) / 3); text-align: center; }
    .home-category-big .item:nth-child(4),.item:nth-child(8),.item:nth-child(12) { margin-right: 0px; }
}
@media (max-width: 767px) {
    .home-category-big .tab-content .row { min-width: 510px; }
    .home-category-big .item { width: 140px; margin-right: calc((230px)); text-align: center; }
    .home-category-big .item:nth-child(2),.item:nth-child(4),.item:nth-child(6),.item:nth-child(8),.item:nth-child(10),.item:nth-child(12) { margin-right: 0px; }
}
@media (max-width: 509px) {
    .home-category-big .tab-content .row { min-width: 360px; }
    .home-category-big .item { width: 45%; text-align: center; }
    .home-category-big .item { margin-right: 0px; }
}
.home-category-big .item .name { font-size: 16px; white-space:nowrap; margin-top: 10px; margin-bottom: 20px; color: #333; }
.home-category-big .item :hover .name { color: #00a3e4; }

.home-hot-sale { padding: 0 0 1rem 0; }
.home-hot-sale .container .icon-vector { background: transparent url('/images/site/Vector.png?v=2024') no-repeat; display: inline-block;  background-size: contain; width: 30px; height: 30px; margin-bottom: -5px; }
.home-hot-sale h3 { font-family: 'Inter-SemiBold';  line-height: 30px; padding-bottom: 5px; font-size: 18px; }
.home-hot-sale .container { position: relative; }
.home-hot-sale .container .read-more { position: absolute; top:5px; right: 10px; float: right; font-size: 20px; font-weight: 400; color: #00a3e4; align-items: center; }
.home-hot-sale .container .icon-read-more { float: right; background: transparent url('/images/site/more-icon.png?v=2024') no-repeat; display: inline-block;  background-size: contain; width: 25px; height: 25px; margin-left: 10px;}
.home-hot-sale .container .tab-content { display: flex; justify-content: start; width: 100%;}
.home-hot-sale .container .tab-content .left { background: transparent url('/images/site/Rectangle.png??v=2024') no-repeat; width:238px; height: 508px; display: flex; justify-content: start; flex-direction: column;}
.home-hot-sale .container .tab-content .left .title { color: #FFFFFF; font-size: 25px; width: 100%; text-align: center; margin-top: 100px;}
.home-hot-sale .container .tab-content .left .message { color: #FFFFFF; font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8); width: 90%; text-align: center; margin-left: 10%; margin-top: 10px;}
@media (min-width: 1440px) {
    .home-hot-sale .container .tab-content .right { width: 1192px; }
}
@media (max-width: 1439px) {
    .home-hot-sale .container .tab-content .right { width: 882px; }
}
@media (max-width: 767px) {
    .home-hot-sale .container .tab-content { display: flex; flex-direction: column; }
    .home-hot-sale .container .tab-content .left { display: none; }
    .home-hot-sale .container .tab-content .right { width: 300px; }
}
.home-hot-sale .container .tab-content .right { background-color: #FFFFFF; display: flex; justify-content: space-around; flex-wrap: wrap; border-radius: 0 5px 5px 0; flex: 1 0 auto;}
.home-hot-sale .container .tab-content .right .message { text-align: left; }
.home-hot-sale .container .tab-content .right .item { width: 20%; text-align: center; padding-top: 10px; border-left: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; position: relative; }
.home-hot-sale .container .tab-content .right .item .name { color: #333; padding-left: 15px; font-size: 14px; margin-top: 10px; }
.home-hot-sale .container .tab-content .right .item:hover .name { color: #00a3e4; }
.home-hot-sale .container .tab-content .right .item .manufacturer { padding-left: 15px; font-size: 12px;  color: #7A7A7A; }
.home-hot-sale .container .tab-content .right .item .instock { padding-left: 15px; font-size: 14px; color: #7A7A7A; }
.home-hot-sale .container .tab-content .right .item .instock span { color: #30B616; }
.home-hot-sale .container .tab-content .right .item .price { padding-left: 15px; color: #333; font-size: 14px;}
@media (max-width: 767px) {
    .home-hot-sale .container .tab-content .right { width: 100%;}
    .home-hot-sale .container .tab-content .right .item {
        width: 50%;
    }
}
.home-hot-sale .container .tab-content .right .hot { position: absolute; right: 5px; color: #FF6221; background-color: #ff642123; padding: 3px 12px; border-radius: 5px; }


.home-trustpilot .container { background-color: #FFFFFF; }
.home-trustpilot .container .box { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; padding: 20px; }
.home-trustpilot .container .box .business-unit { width: 200px; height: 100%; display: flex; flex-direction: column; align-items: center; }
.home-trustpilot .container .box .business-unit a:nth-child(1) {padding-bottom: 12px;}
.home-trustpilot .container .box .business-unit .rating { font-size: 24px; line-height: 24px; }
.home-trustpilot .container .box .business-unit span { margin-bottom: 10px; line-height: 23px; }
.home-trustpilot .container .box .business-unit .stars { width: 160px; margin-bottom: 12px; }
.home-trustpilot .container .box .business-unit .logo { width: 106px; }

.home-trustpilot .container .box .reviews { width: calc(100% - 200px); height: 100%; position: relative; padding: 0 40px; }
.home-trustpilot .container .box .reviews .review-left { position: absolute; left: 0; top: 0; width: 40px; height: 100%; }
.home-trustpilot .container .box .reviews .review-right { position: absolute; right: 0; top: 0; width: 40px; height: 100%; }

.home-trustpilot .container .box .reviews .icon { position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 30px; height: 30px; display: block; }
.home-trustpilot .container .box .reviews .icon:hover circle { stroke: #008ac0; }
.home-trustpilot .container .box .reviews .icon:hover polygon{ fill: #008ac0; }
.home-trustpilot .container .box .reviews .icon-left { width: 28px; height: 28px; background: transparent url('/images/site/trustpilot/icon-left.png?v=2024') no-repeat;}
.home-trustpilot .container .box .reviews .icon-left:hover { width: 28px; height: 28px; background: transparent url('/images/site/trustpilot/icon-left-active.png?v=2024') no-repeat;}
.home-trustpilot .container .box .reviews .icon-right { width: 28px; height: 28px; background: transparent url('/images/site/trustpilot/icon-right.png?v=2024') no-repeat;}
.home-trustpilot .container .box .reviews .icon-right:hover { width: 28px; height: 28px; background: transparent url('/images/site/trustpilot/icon-right-active.png?v=2024') no-repeat;}
.home-trustpilot .container .box .reviews .content { position: relative; overflow: hidden; }
.home-trustpilot .container .box .reviews .content .reviews-box { min-width: 1800px; height: 100%; flex-wrap: nowrap; display: flex;
    transition-timing-function: ease;transform: translateX(0px); transition-duration: 1s; }
    /* 0, 1080, 2160, 3240, */
.home-trustpilot .container .box .reviews .content .reviews-box .item { display: inline-block; height: 110px; min-width:250px; max-width: 250px; margin: 0 15px 10px 0; padding: 0 0 0 20px; position: relative; vertical-align: top; white-space: normal; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .stars { width: 99px; margin: 0 0 12px; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .verified { display: inline-block; margin: 0 12px 12px; position: absolute; color: #7a7a7a; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .header { font-size: 14px; font-weight: 600; height: 18px; margin: 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .text { font-size: 13px; line-height: 16px; margin: 0 0 8px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .user-info { display: flex; color: rgba(0,0,0,.6);}
.home-trustpilot .container .box .reviews .content .reviews-box .item .user-info .name { font-size: 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-trustpilot .container .box .reviews .content .reviews-box .item .user-info .date { font-size: 12px; margin-left: 3px; }

.home-trustpilot .container .box .reviews .review-bottom { padding-left: 20px; }

@media (max-width: 1199px) {
    .home-trustpilot .container { padding-left: 0; padding-right: 0; }
    .home-trustpilot .container .box { flex-direction: column; height: auto; padding-left: 0; padding-right: 0;}
    .home-trustpilot .container .box .reviews .review-left, .review-right  { display: none; }
    /* .home-trustpilot .container .box .business-unit {} */
    .home-trustpilot .container .box .reviews  { width: 100%;  margin-top: 20px; padding: 0 5px;}
    .home-trustpilot .container .box .reviews  .content { width: 100%;  max-height: 300px; overflow: scroll; margin-top: 25px; }
    .home-trustpilot .container .box .reviews .content .reviews-box { flex-direction: column; width: 100%; min-width: 100%; max-width: none; }
    .home-trustpilot .container .box .reviews .content .reviews-box .item { height: 120px; border-bottom: 2px dotted #DDDDDD;  padding-left: 0px; min-width: 100%; padding-left: 20px; }

    .home-trustpilot .container .box .reviews .review-bottom { position: absolute; top: 0px; padding-top: 0px; padding-left: 20px; }
}


.home-category-product { padding: 0.5rem 0; }
.home-category-product .container { background-color: #FFFFFF; border-radius: 5px; }
/* .home-category-product .container .tab-content { padding: 0 15px 15px 15px; } */
.home-category-product .item .pic { height: 120px; }
.home-category-product .item .pic img { max-height: 120px; }
.home-category-product .nav-tabs { border-bottom: 1px solid #DEDEDE; padding-top: 10px; margin-left: 10px; margin-right: 10px; }
.home-category-product .nav-tabs .nav-item { padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #333;}
.home-category-product .nav-tabs .nav-link.active, .home-category-product .nav-tabs .nav-item.show .nav-link { background-color: #00a3e4; color: #fff; border-radius: 5px 5px 0 0; border: 0px; }
@media (max-width: 1440px) {
    /* .home-category-product .nav-tabs .nav-item { width: 45%; } */
}
@media (max-width: 1200px) {
    .home-category-product .nav-tabs .nav-item { width: 60%; }
}
.home-category-product .tab-content .item { border: 1px solid #EDEDED; }
.home-category-product .tab-content .item p a { color: #333; font-size: 14px; }
.home-category-product .tab-content .item:hover p a { color: #00a3e4; }
.home-category-product .tab-content .item small { color: #7a7a7a; font-size: 14px; }

.home-manufacturer { padding: 1.5rem 0; width: 100%; height: 448px;}
.home-manufacturer { 
    background-image: url('/images/site/Manufacturers-logo.png?v=2024'), url('/images/site/Manufacturers-bg.jpg?v=2024');
    background-repeat: no-repeat,  no-repeat;
    background-position: center,  center;
    background-size: auto 319px,  auto 448px;
    position: relative; }
.home-manufacturer h3 { font-family: 'Inter-SemiBold'; line-height: 1.5rem; padding-bottom: 5px; font-size: 18px; }
/* 1440 以下没得 */
.home-manufacturer .container .row .box { width: 1440px; text-align: center; position: relative; }
/* .home-manufacturer .container .row .box div { transform: rotate(30deg); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} */
/* .home-manufacturer .container .row .box div { background-color: rgba(136, 85, 85, 0.322); } */
.home-manufacturer .container .row .box .murata:hover { background-image: url('/images/site/manufacturtrs-hover/murata.png?v=2024'); background-repeat: no-repeat;}
.home-manufacturer .container .row .box .infineon:hover {  background-image: url('/images/site/manufacturtrs-hover/infineon.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .yageo:hover { background-image: url('/images/site/manufacturtrs-hover/yageo.png?v=2024');   background-repeat: no-repeat; }
.home-manufacturer .container .row .box .st:hover {  background-image: url('/images/site/manufacturtrs-hover/st.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .alpsalpine:hover {  background-image: url('/images/site/manufacturtrs-hover/alpsalpine.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .microchip:hover {  background-image: url('/images/site/manufacturtrs-hover/microchip.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .nxp:hover {  background-image: url('/images/site/manufacturtrs-hover/nxp.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .samsung:hover {  background-image: url('/images/site/manufacturtrs-hover/samsung.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .micron:hover {  background-image: url('/images/site/manufacturtrs-hover/micron.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .onsemi:hover {  background-image: url('/images/site/manufacturtrs-hover/onsemi.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .avx:hover {  background-image: url('/images/site/manufacturtrs-hover/avx.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .xilinx:hover {  background-image: url('/images/site/manufacturtrs-hover/xilinx.png?v=2024');  background-repeat: no-repeat; }
.home-manufacturer .container .row .box .hongfa:hover {  background-image: url('/images/site/manufacturtrs-hover/hongfa.png?v=2024');  background-repeat: no-repeat; }


.home-manufacturer .container .row .box .small{ width: 137px; height: 120px; }
.home-manufacturer .container .row .box .medium { width: 178px; height: 155px; }
.home-manufacturer .container .row .box .big { width: 242px; height: 210px; }

.home-best-supplier { padding: 1rem 0; }
.home-best-supplier .container .bg-color { background-color: #f8f8f8; }
.home-best-supplier h3 { font-family: 'Inter-SemiBold'; line-height: 1.5rem; padding-bottom: 5px; font-size: 18px; }
@media (min-width: 1440px) {
    .home-best-supplier {display: none;}
}
@media (max-width: 1439px) {
    .home-manufacturer {display: none;}
}

.home-best-category { padding: 1rem 0; }
.home-best-category .container .tab-content { padding: 0 15px 15px 15px; }
.home-best-category h3, .site-title-h2 { font-family: 'Inter-SemiBold';  border-bottom: 1px solid #DDDDDD; line-height: 1.5rem; padding-bottom: 15px; font-size: 18px; }
.home-best-category .best-category-dl { padding-top: 8px; }
.home-best-category .best-category-dl dl > dt > a { color: #333535; font-weight: bold; margin-bottom: 0.6rem; display: block; }
.home-best-category .best-category-dl dl > dd { margin-bottom: 0.3rem; }
.home-best-category .best-category-dl dl > dd > a { color: #666666; }

/* blog */
.home-blog .alt{
    margin-top: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.home-blog h3 {
    font-family: Roboto;
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 100%;
    padding: 0;
 }

.home-blog .container .read-more {
    color: #00a3e4;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 14px;
    font-weight: 500;
 }
/* @media (max-width: 1199px) {
    .home-blog .container .read-more {display: none;}
} */

.home-blog .container .row .blogs { min-height: 600px; }
.home-blog .container .row .blogs .box {  display: flex; justify-content: flex-start; flex-wrap: wrap; }
.home-blog .container .row .blogs .item { padding-bottom: 20px;}
.home-blog .container .row .blogs .item a:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06); }
.home-blog .container .row .blogs .item a:hover .title { text-decoration: underline;color: #00a3e4 }
.home-blog .container .row .blogs .item a{ position: relative; width: 100%; min-height: 270px; display:block;border-radius: 5px; overflow: hidden; color: #333;background-color: #fff;padding: 16px 16px 35px;}
.home-blog .container .row .blogs .item .blog{
    border-radius: 8px;
    display: block;
    height: 172px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.home-blog .container .row .blogs .item a .time {
    color: #666;
    display: block;
    margin-bottom: 14px;
    margin-top: 25px;
 }
.home-blog .container .row .blogs .item a .title {
    height: 44px;
    line-height: 22px; 
}

.home-blog .container .row .posts { min-height: 600px; }
.home-blog .container .row .posts .box { display: flex; justify-content: flex-start; flex-wrap: wrap;  }
.home-blog .container .row .posts .box h3 { margin-left: 0px; }
.home-blog .container .row .posts .item {
     width: 100%;background: #fff;display: flex;
     margin-bottom: 22px;align-items: center;
     border-radius: 4px;
     padding: 34px 40px 38px;
}
.home-blog .container .row .posts .item:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06); }

.home-blog .container .row .posts .item:last-child{margin-bottom: 0;}
.home-blog .container .row .posts .item .img{
    flex: 0 0 102px;
    height: 78px;
    margin-right: 32px;
    width: 102px;
}
.home-blog .container .row .posts .item .post { width: 100%;flex:1;}
.home-blog .container .row .posts .item .post .time{
    color: #666;
    display: block;
    line-height: 19px;
    margin-bottom: 14px;
}
.home-blog .container .row .posts .item .post:hover a{text-decoration: none;}
.home-blog .container .row .posts .item .post:hover .title{text-decoration: underline;color:#00a3e4;}
.home-blog .container .row .posts .item .post .title {line-height: 19px;font-size: 16px;color:#333;}
.home-blog .container .row .posts .item .post .message { font-size: 14px;line-height: 16px;margin-top: 12px; color: #7A7A7A; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.home-blog .container .row .posts .item .post .more { margin-top: 15px; color: #00a3e4; }

/* 热搜 */
.home-popular-search { padding-top: 20px;padding-bottom: 30px;}
.home-popular-search h3 {
    align-items: center;
    display: flex;
    font-family: Roboto;
    text-transform:uppercase;
    font-size: 24px;
    font-weight: 700;
    justify-content: space-between;
    padding: 0;line-height: 100%;
    margin-bottom: 20px;
}
.home-popular-search .container .tab-content {background-color: #fff;padding: 25px 25px 10px;}
.home-popular-search .container .tab-content .item { 
    width: 20%;
    color: #575757;
    font-size: 14px;
    margin-bottom: 15px;
}
.home-popular-search .container .tab-content .item a { font-size: 14px;}
.home-popular-search .container .tab-content .item a:hover { color: #00a3e4;}

@media (max-width: 1439px) {
    .home-popular-search .container .tab-content .item { width: 25%; }
}
@media (max-width: 1199px) {
    .home-popular-search .container .tab-content .item { width: 33.33%; }
}
@media (max-width: 767px) {
    .home-popular-search .container .tab-content .item { width: 50%; }
}

.newest-products { font-size: 14px; line-height: 1.5rem; }

.best-supplier-li .row { margin-left: -5px; margin-right: -5px; }
.best-supplier-li .row > div { padding-left: 5px; padding-right: 5px; }
.best-supplier-li .item { background-color: #fff; height: 100%; position: relative; overflow: hidden; }
.best-supplier-li .item .pic { min-height: 50px; border: 1px #f8f8f8 solid; }
@media (min-width: 1200px) {
    .best-supplier-li .col-xl-2  { flex: 0 0 25%; max-width: 25%; }
}
@media (min-width: 1440px) {
    .best-supplier-li .col-xl-2  { flex: 0 0 16.66%; max-width: 16.66%; }
}
.best-supplier-li .item:hover p { bottom: 0; margin-bottom: 0; }
.best-supplier-li .item > p { background-color: #00b0ec; color: #fff; padding: 5px 8px; text-align: center; line-height: 1rem; position: absolute; bottom: -80px; left: 0; right: 0; -webkit-transition: .2s; transition: .2s; }

.product-index{padding-bottom: 20px;}
.product-index .links { background-color: #FFFFFF; min-height: 70px; display: flex; justify-content: space-around !important; align-items: center; border-radius: 8px; width: 100%;padding: 13px 15px;}
.product-index span { text-align: center; font-size: 14px;margin-right: 10px;font-weight: 500; line-height: 26px;}
.product-index .links > a { display: block; text-align: center;  font-size: 14px; color: #333; width: 28px; height: 28px; line-height: 28px; }
.product-index .links > a:hover { background-color: #00a3e4; border-radius: 5px; color: #FFFFFF; text-decoration: none;}

.home-icon-bottom .container .box { background-color: #FFFFFF; min-height: 100px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; border-radius: 8px; width: 100%;}
.home-icon-bottom .container .box .item { border-right: 1px solid #DDDDDD; display: flex; flex-direction: row; justify-content: center; width: 25%; }
.home-icon-bottom .container .box .item:last-child { border: 0px; }
.home-icon-bottom .container .box .item img { width: 60px; margin-right: 10px;}
.home-icon-bottom .container .box .item .num { font-family: 'Inter-Medium'; color: #00a3e4; font-size: 22px; }
@media (max-width: 768px) {
    .home-icon-bottom .container .box { justify-content: start; }
    .home-icon-bottom .container .box .item { justify-content: start; width: 50%; border: 0px; padding-left: 5px;}
    .home-icon-bottom .container .box .item img { width: 50px; height: 50px; }
    .home-icon-bottom .container .box .item .num { font-size: 18px; }
    .home-icon-bottom .container .box .item .title { font-size: 16px; }
}

.product-categories h1 { margin-top: 1rem; font-size: 2rem; text-transform: uppercase; }

.product-categories .main-category ul { color: #f08519; }

.product-categories .main-category ul > li { padding-left: 2px; padding-bottom: 8px; }

.product-categories .main-category ul > li > a { font-size: 1rem; font-weight: 400; color: #048ae0; }

.product-categories .sub-category h2 { margin-top: 1rem; }

.product-categories .sub-category h2 > a { font-size: 1.2rem; color: #222; }

.product-categories .sub-category h3 {font-family: 'Inter-SemiBold';  font-size: 0.8rem; font-weight: normal; color: #565656; }

.product-categories .sub-category h3 small { color: #f08519; }

.products-table img { max-height: 60px; max-width: 100px; }

.product-details .pro-img { border: 3px #787878 solid; padding: 10px; position: relative; padding-bottom: 40px; text-align: center; }

.product-details .pro-img .text { font-size: 12px; background-color: #787878; padding: 8px; position: absolute; margin-bottom: 0; left: 0; right: 0; bottom: 0; }

.product-details .price-box { font-size: 12px; text-align: center; }

.product-details .price-box .title { color: #565656; vertical-align: middle; width: 20%; }

.product-details .price-box table tr > td { color: #f08519; width: 16%; }

.product-details .in-stock h5 { font-size: 1.2rem; }

.part-number { word-break: break-all; }

.related-keywords ul > li { padding-left: 0; }

.supplier-index .row a { display: block; }

.info-nav { border: 1px #ccc solid; padding: 8px 12px; margin-bottom: 3rem; }

.info-nav dl { margin-bottom: 0; padding-top: 8px; }

.info-nav dl > dt { background-color: #00b0ec; color: #fff; padding: 5px 0; font-size: 1.2rem; margin-bottom: 8px; padding-left: 12px; border-radius: 3px; }

.info-nav dl > dd > a { padding: 3px 8px; display: block; border-bottom: 1px #eee dotted; }

.info-content .text h1 { font-size: 22px; }

.info-content .text h2 { font-size: 18px; }

.info-content .text h3 { font-size: 16px; }

.btn-success {color: #fff;background-color: #00b0ec;border-color: #00b0ec}

.btn-success:hover {color: #fff;background-color: #069BEC;border-color: #00739a}

.btn-success.focus, .btn-success:focus {color: #fff;background-color: #069BEC;border-color: #00739a;box-shadow: 0 0 0 .2rem rgba(6, 155, 236, .5)}

.btn-success.disabled, .btn-success:disabled {color: #fff;background-color: #00b0ec;border-color: #00b0ec}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {color: #fff;background-color: #00739a;border-color: #00739a}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(6, 155, 236, .5)}

.footer { margin-top: 44px; }
.footer .footer-nav { background-color: #FFFFFF; padding-bottom: 0rem; }
.footer .footer-nav .container { border-bottom: 1px solid #DDDDDD; }
.footer .footer-nav a {  }
.footer .footer-nav dl { margin-bottom: 20px; }
.footer .footer-nav dl > dt { color: #333; font-size: 18px; font-weight: bold; margin-bottom: 0.5rem; display: block; }
.footer .footer-nav dl > dd { margin-bottom: 15px; font-size: 14px; }
.footer .footer-nav dl > dd > a {  }
.footer .footer-nav dl > dd > a:hover { color: #00a3e4; }
@media (min-width: 768px) {
    .footer .footer-nav .information { padding-left: 2rem; }
}
.footer .footer-nav .payment img { height: 28px; }
.footer .footer-nav .shipping-methods img { height: 28px; }

.footer .copyright p { margin-bottom: 5px; }
.footer .certified img { width: 180px; }
.footer .share { display: inline-block;  background-size: contain; width: 250px; height: 40px; position: relative;}
.footer .share :nth-child(1) {position: absolute; left:0px; width: 40px; height: 40px; }
.footer .share :nth-child(2) {position: absolute; left:52px; width: 40px; height: 40px; }
.footer .share :nth-child(3) {position: absolute; left:105px; width: 40px; height: 40px; }
.footer .share :nth-child(4) {position: absolute; left:157px; width: 40px; height: 40px; }
.footer .share :nth-child(5) {position: absolute; left:211px; width: 40px; height: 40px; }
.footer .share :hover { background-color: rgba(83, 50, 50, 0.308); border-radius: 50%; }
.footer-info { background-color: #FFFFFF; }
.footer .footer-info .iso img { height: 50px; }

.site-map .info-nav { margin-bottom: 12px; }

.site-map .info-nav dl > dt { border-radius: 0; }

.site-map .info-nav dl { display: table; width: 23%; float: left; margin-left: 1%; margin-right: 1%; }

.site-map .info-content .text h3 { font-size: 14px; }

#key-cart .required label.col-form-label:before{
    content: "*";color:red;margin-left: -5px;
}
.mt-p-5{margin-top:44px !important;}
.pt-p-5{padding-top:44px !important;}
/* 产品详情优化-v2 start*/
.product-details .AddToQuote{cursor: pointer;}
.product-details .card{border: 0;}
.product-details .card .ceit{padding: 10px 0;margin-top: 20px;text-align: center;box-shadow: 0px 0px 11px 3px rgba(0,0,0,0.04);border-radius: 2px 2px 2px 2px;}
.product-details .card .ceit > div{position: relative;}
.product-details .card .ceit i{display: block;width:1px;height:40px;background-color: rgb(236, 238, 242);position: absolute;right:0px;top:50%;margin-top:-20px;;}

.product-details .part-number{font-size: 28px;}
.product-details .site-title-h2{font-size: 18px;}
.product-details .card-body{padding: 0;}
.product-details .product-attr-wrap .table-sm th,.product-details .product-attr-wrap .table-sm td{padding: 0 0.3rem;}
.product-details .card-body .tip{margin-top:3%;padding-right: 10%;}
.product-details .card-body .tip dt{font-size: 14px;margin-bottom: 1%;}
.product-details .card-body .tip dd img{margin-top: 5%; max-width: 315px; }
.product-details .in-stock h5{font-size: 16px;font-weight: bold;}
.product-details .in-stock h5 span{float: right;}
.product-details .in-stock h5 .h5-tip{font-weight: normal;font-size: 10px;color: #666666;}
.product-details .product-image .site-title-h2{border:0}
.parameter .table-responsive{border:1px solid #ddd;overflow: visible;border-top:0 ;}
.parameter .table-responsive .row{margin: 0;}
.parameter .table-responsive .tr{border-top:1px solid #ddd;color: #212529;padding:0;background: #F8F8F8;display: flex;}
.parameter .table-responsive .th{font-weight: bold;display: block;width:30%;padding:10px 20px;line-height:20px;}
.parameter .table-responsive .td{display: block;width:70%;line-height:20px;padding:10px 20px;padding-right:0px;border-right:1px solid #ddd;border-left:1px solid #ddd;background: #fff;}
.parameter .table-responsive .tr:nth-child(even) .td{border-right: 0;}
.parameter .site-title-h2{border:0;}
/* 产品详情优化-v2.1 产品参数展示 start*/
.parameter .table-responsive{border:0;}
.parameter .table-responsive .row{margin-left: -10px;margin-right: -10px;}
.parameter .table-responsive .th{
    /* font-family: Inter-SemiBold; */
    white-space:nowrap;
    font-weight: normal;font-size:12px;
    color: #333;border:0;width:35%;
}
.parameter .table-responsive .theader{background: none;}
.parameter .table-responsive .theader .th{}
.parameter .table-responsive .tbody .td{border: 0;background: none;width:65%;
    font-weight: 400;font-size:12px;
    color: #333;
}
.parameter .table-responsive .tbody .tr:last-child{border-bottom:0px solid #ddd;}
.parameter .table-responsive .tbody .tr:nth-child(even){background: none;}
.parameter .table-responsive .param{padding-left:10px;padding-right: 10px;;}
/* 产品详情优化-v2.1 产品参数展示 end*/
.product-details .order-form{border:1px solid #ddd;padding-bottom: 0px;}
.product-details .order-form form{padding:10px 20px;}
.product-details .order-form .form-group{margin-bottom: 0.5rem !important;}
.product-details .order-form .bg-warning {background:url("/images/product/form-header-bg.png?v=2024")  !important;padding:0.5rem 20px;}
.product-details .order-form .add-cart{width:43%}
.product-details .product-attr-wrap .table tr{height:30px;}
.product-details .product-attr-wrap .table .pdf img{margin-right: 6px;}
.product-details .product-attr-wrap .table th{color:#7A7A7A;font-weight: normal;padding-left: 0;}
.product-details .product-attr-wrap .table th,.product-details .product-attr-wrap .table td{border:0;vertical-align: middle;font-size: 14px}
.product-details .pro-img .text{background: #fff;color:#7A7A7A;}
.product-details .pro-img{border:1px solid #ECEEF2;position: relative;}
.product-details .pro-img .brand{position: absolute;top:0;left:0;}
.product-details .product-image .xray-div{position: relative;}
.product-details .product-image .xray-login{display: block;position: absolute;left:20%;top:50%;margin-top:-30px;;width:60%;height:30px;line-height: 30px;background-color: #fff;text-align: center;border-radius: 20px;color:#333;}
.product-details .product-image .xray-login img{width:13px;height: 15px;vertical-align:middle;margin: 0;padding:0;margin-right: 5px;;}
/* .product-image .more-box .btn{color:#00a3e4; background: #FFFFFF;border-radius: 50px 50px 50px 50px;opacity: 1;border: 1px solid #00a3e4;} */
/* .product-image .more-box .btn:hover{background: rgba(0,123,255,0.2);} */
.product-details .product-details-recommend{background: #F7F7F7;}
.shopping-guide .alt{border:0;margin-bottom:10px;}
.shopping-guide .guide{background: #fff;margin: 0;text-align: center;padding:1.5rem 0}
.shopping-guide .row .alt{font-size: 20px;font-weight: bold;line-height: 50px;}
/* .shopping-guide .row .s-g-img{margin: 1.5rem 0;} */
.shopping-guide .g-c{font-size: 15px;line-height: 200%;width:86%;margin: auto;}
.shopping-guide .g-c p { margin-bottom: 0.5rem; }
.shopping-guide .shopping-guide-logo { max-height: 33px; }
/* .shopping-guide .row .s-g-p{position: absolute;bottom: 0;} */
/* .product-details .product-index{background: #fff;border:0;height: 70px;line-height: 70px;}
.product-details .product-index .index-alt{font-size: 14px;font-weight: bold;padding-left: 10px;}
.product-details .product-index .links > a{background: none;color:#00a3e4;font-size: 14px;padding:0;;} */
.related-parts .table-responsive{background: #fff;border:1px solid #ddd;}
.related-parts .table thead th{border:0;}
.related-parts .table td{border-top: 1px dashed #dee2e6;}
.related-parts .site-title-h2{border:0;}
.product-details .related-parts .AddToQuote{background: #00a3e4;}
.electronic-components{margin-top:1.5rem;}
.electronic-components .electronic{color:#7A7A7A;font-size: 14px;line-height: 200%;margin-top:1.5rem;}
.electronic-components .components{background: #fff;margin:0;}
.electronic-components .components > div{position: relative;}
.electronic-components .components dl{margin-bottom: 0;background: #fff;padding:15px;}
.electronic-components .components dl dt{float: left;margin-right:10px;}
.electronic-components .components dl dd{height: 64px;margin-bottom: 0;}
.electronic-components .components dl dd p{font-size: 16px;line-height:32px;margin-bottom: 0;}
.electronic-components .components dl dd .desc{color:#00a3e4;font-weight:500;font-size: 24px;}
.electronic-components .components i{display: block;width:1px;height:30px;background-color: #ddd;position: absolute;right:30px;top:50%;margin-top:-15px;;}
.hot-sales .site-title-h2 img{margin-right: 10px;}
.hot-sales .hot-product{margin-right: -8px; margin-left: -8px;}
.hot-sales .hot-product > div{padding-right: 8px; padding-left: 8px;}
.hot-sales .hot-product .hot-tag{position: absolute;top:10px;right:18px;}
.hot-sales .hot-product .flex{display: flex;border:0px solid #ddd;padding:20px;margin-bottom: 16px;background: #fff;}
.hot-sales .hot-product > div:nth-child(4) .flex,.hot-sales .hot-product > div:nth-child(5) .flex,.hot-sales .hot-product > div:nth-child(6) .flex{
    margin-bottom: 0;
}
.hot-sales .hot-product .flex .img{text-align: center;}
.hot-sales .hot-product .flex .img img{vertical-align: middle;}
.hot-sales .hot-product .flex .p-info{width:80%;padding-left:20px;}
.hot-sales .hot-product .flex .p-info .name a{font-weight: bold;font-size: 16px;color:#3F3F3F;}
.hot-sales .hot-product .flex .p-info .Manufacturer a{font-size: 12px;color:#7A7A7A;}
.hot-sales .hot-product .flex .p-info .desc{font-size: 12px;color:#7A7A7A;}
.hot-sales .hot-product .flex .p-info .stock{font-size: 16px;margin: 10px 0;}
.hot-sales .hot-product .flex .p-info .stock span{font-size: 16px;color:#30B616;font-weight: bold;margin-right: 10px;}
.hot-sales .hot-product .flex .p-info .AddToQuote{
    width: 86px;color:#00a3e4;
    height: 30px;background: #FFFFFF;
    border: 1px solid #00a3e4;
    border-radius: 4px;
}
.hot-sales .hot-product .flex .p-info .AddToQuote:hover{background: rgba(0,123,255,0.06);}
.hot-sales .hot-product .flex .p-info .prices span{color:#333;font-size: 16px;font-weight: bold;}
.popular-search .parts{border-top: 1px solid #DEDEDE;margin:0;padding-top: 10px;}
.popular-search .parts > div{line-height: 260%;}
.popular-search .parts > div{text-align: left;}
.popular-search .parts a{font-size:14px;color:#7A7A7A;}
/* 产品详情优化-v2 end*/

/* 头部整改-v2 start*/
.header .slogo .logo img{max-width: 258px;}
.header .slogo .logo span{font-size: 12px;}
.header .slogo .logo { margin-right: 15px;flex: 0 0 310px;}
@media (max-width: 1199px) {
    .header .slogo .logo { margin-right: 10px; }
}
.navbar-dark .navbar-nav .nav-link{ color: #555555; }
.navbar-dark .navbar-nav .nav-link:hover{ color:#555 }
.navbar-dark .navbar-nav .active > .nav-link{color: #555;}
.header .slogo .input-group{position: relative; border: 1px solid #00A3E4;height: 42px;background: #FFFFFF;border-radius: 4px;}
.header .slogo .input-group > .form-control{background: #FFFFFF;border:0;height: auto;outline: none;font-size: 14px;height: 99%;}
.header .slogo .input-group .btn{border: 1px solid #00A3E4;height:42px;width:78px; background: url("/images/header/search.webp?v=2024") no-repeat center;background-color: #00a3e4;border-top-right-radius: 4px;border-bottom-right-radius: 4px;right:0px;top:0px;}
.header .slogo .m-search{margin-left: 0px;}
.header .slogo .klink{width:30%;padding-left:30px;}
.header .slogo .klink .nav-link{color:#555;font-size: 16px;}
/* 头部整改-v2 end*/

/* 产品列表优化 start*/
.breadcrumbs .breadcrumb{padding-left:0;}
.products-table > h1.PageHeading{
    height: 29px;
    font-size: 24px;
    font-family: Inter-SemiBold, Inter;
    font-weight: normal;
    color: #333;
}
.products-table .table-responsive-wrap{overflow: hidden;border-radius: 4px 4px 0px 0px;}
.products-table .table-responsive thead{
    height: 66px;
    line-height: 66px;
    background: #ECEEF2;
}
.products-table .table-responsive thead th{padding-top:0;padding-bottom:0;border-bottom:0;min-width: 100px;border-top:0;}
.products-table .table-responsive thead th:first-child{width:130px;}
.products-table .table-responsive thead th:nth-child(2){width:230px;}
.products-table .table-responsive thead th:nth-child(3){width:200px;}
.products-table .table-responsive thead th:nth-child(4){width:350px;}
.products-table .table-responsive thead th:last-child{width:150px;padding:0;}
.products-table .table-responsive .table{margin-bottom: 37px;}
.products-table .table-responsive .AddToQuote{
    height: 36px;padding-top:0;padding-bottom:0;
    line-height: 36px;
    background: #00a3e4;
}
.products-table .table-responsive td{border-bottom: 1px dashed #CDCDCD;border-top:0;vertical-align: middle;}
.products-table .table-responsive tbody tr:hover{background:#f8f8f8;}
.products-table .table-responsive td:last-child{padding-left:0;padding-right:0;}
.products-table .pages{margin-bottom: 70px;}
.footer-bt{border-top: 1px solid #DEDEDE;padding-top:13px;width:100%;}
/* 产品列表优化 end*/

/* 分页样式修改 start*/
.pages .page-item{margin:0 5px;}
.pages .page-link{border-radius: 4px;color:#575757;border:0;}
.pages .page-item.active .page-link{color:#fff !important;}
.pages .page-item:hover .page-link{background-color: #00a3e4 !important; border-color: #00a3e4 !important;color:#fff !important;}
.pages .next .page-link{font-size:0;color:#fff;text-align: right;display: block;width:34px;height:34px;display: flex;align-items: center;justify-content: center;}
.pages .next .page-link::after{border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(-45deg);;display: block;height:6px;width:6px;content: '';}
.pages .next:hover .page-link{color:#00a3e4;background-color: #00a3e4;}
.pages .next:hover .page-link::after{border-color:#fff;}
.pages .prev .page-link{font-size:0;color:#fff;text-align: right;display: block;width:34px;height:34px;display: flex;align-items: center;justify-content: center;}
.pages .prev .page-link::after{border-left: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg);display: block;height:6px;width:6px;content: '';}
.pages .prev:hover .page-link{color:#00a3e4;background-color: #00a3e4;}
.pages .prev:hover .page-link::after{border-color:#fff;}
/* 分页样式修改 end*/

/* 产品详情优化 -v3 start*/
.product-details .pro-img-div{height:456px;}
.product-details .pro-img-div a{height:400px;width:400px;position: absolute;top:50%;margin-top:-200px;left:50%;margin-left:-200px;}
.rfq-go{position: relative;width:100%;height:122px;background: url('/images/product/rfq_btn.png?v=2024') no-repeat center;background-size:100%;;margin-top:12px;cursor: pointer;}
.rfq-go:hover{background-image: url('/images/product/rfq_btn_2.png?v=2024');}
.rfq_btn{position: relative;margin-left:34%;height: 100%;background: url('/images/product/rfq_btn_go.png?v=2024') no-repeat 90% center;}
.rfq_btn .rfq-txt{
    position: absolute;
    top:50%;
    margin-top:-30px;
    width: 166px;
    height: 59px;
    font-size: 26px;
    font-family: Helvetica-Bold, Helvetica;
    font-weight: bold;
    color: #3D66EB;
    line-height: 26px;
    letter-spacing: 1px;
    vertical-align: middle;
}
.rfq_btn .rfq-txt span{color:#666;font-size: 20px;font-weight: normal;}
.product-details .order-form{border-radius: 4px;}
.product-details .card-body .tip dd{line-height: 1.8;}
.product-details .col-form-label{white-space: nowrap;text-align: right;padding:0;line-height:calc(1.5em + 0.5rem + 2px);}
.product-details .order-form form{padding-top: 0px !important;padding-bottom: 0px !important;}
.product-details .order-form{margin-top: 0px !important;}
.product-details .order-form .form-group {
    margin-bottom: 10px !important;
}
.product-details .order-form .bg-warning{margin-bottom:10px;}
/* 产品详情优化 -v3 end*/
input::-webkit-input-placeholder {
    color:#999;
}
input:-ms-input-placeholder {
    color:#999;
}
input::placeholder {
    color:#999;
}

#key-cart .form-group .select{position: relative;z-index: 99;}
#key-cart .form-group .select .option{
    position: absolute;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 11px -6px #333;
    cursor: pointer;
    max-height: 0;
    overflow-y: auto;
    transition: all .3s;
    width:calc(100% - 30px);
    z-index: 100;
}
#key-cart .form-group .select .option.active{
    max-height: 200px;
}
#key-cart .form-group .select .option p{
    align-items: center;
    display: flex;
    height: 40px;margin:0;
    padding: 10px;
    width: 100%;
}
#key-cart .form-group .select .option p:hover{
    color:#00a3e4;
    font-size:15px;
}
/* 底部添加订阅功能 */
.subscribe{position: relative;width: 290px;}
.subscribe input{
    width: 260px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #00a3e4;
    border-radius: 6px;
    opacity: 1;
    font-size: 13px;
    text-indent: 15px;
}
.subscribe input.error{
    border: 1px solid red;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: 3px center;
    background-repeat: no-repeat;
}
.subscribe span{
    display: block;
    position: absolute;top:3px;right:33px;
    width: 90px;text-align: center;
    height: 30px;
    line-height: 30px;
    background: #00a3e4;
    border-radius:6px;
    font-size: 13px;
    color: #FFFFFF;
    cursor: pointer;
}
.footer .second-dl p{
    color: #666;font-size:13px;
    margin-top: 19px;
    margin-bottom: 0px;
}
.footer .share-dl dd{
    color: #666;
}
.footer .share .twitter{background: url("/images/footer/twitter.webp?v=2024") no-repeat center;}
.footer .share .facebook{background: url("/images/footer/facebook.webp?v=2024") no-repeat center;}
.footer .share .linkedin{background: url("/images/footer/linkedin.webp?v=2024") no-repeat center;}
.footer .share .instagram{background: url("/images/footer/instagram.webp?v=2024") no-repeat center;}
.footer .share .youtube{background: url("/images/footer/youtube.webp?v=2024") no-repeat center;}
.footer .Certification{height:53px;}

.footer .trustpilot-widget{
    /* transform:translateX(-16px); */
}
.footer .tl{transform:translateX(-36px);}
.footer .footer-nav dl > dt{
    font-size: 14px;
    font-family: Arial-Bold, Arial;
    font-weight: bold;text-decoration: underline;
    color: #333;
    margin-bottom: 22px !important;
}
.footer .footer-nav dl{
    margin-bottom: 49px
}
.footer-info .container{padding-top:10px;}
.footer-info .container .copyright{margin-bottom:0;margin-right: 30px;;}
.footer-info .container .terms span{margin:0 13px;height:10px;width:1px;background:#ADADAD;display: block;transform: translateY(5px);}
.footer-info .container .copyright{margin-bottom:0;margin-right: 30px;;}
.footer-info .container .terms a{
    font-size: 14px;font-family: Inter-Regular, Inter;text-decoration: underline;font-weight: 400;color: #575757;
}
.footer-info .container .terms a:hover{
        color: #00a3e4;
}
/* 头部多语言选择改版v3 */
.header{border-bottom: 1px solid #dadee6;}
.header .btn-lang .lang-box{
    /* display: block !important; */
    background: #FFFFFF;border:0;
    box-shadow: 0px 0px 5px 2px rgba(0,46,96,0.12);
    border-radius: 0px 0px 2px 2px;
    opacity: 1;width: 568px;left:auto;
}
.header .btn-lang .lang-box.show{display: block;}
.header .btn-lang .lang-box a{
    width:160px;background: none;white-space: nowrap;
    color: #575757;padding:0;text-align: left;font-size: 12px;
    padding-left: 30px;height: 28px;line-height: 28px;border-radius: 0;
    position: relative;
}
.header .btn-lang .lang-box a:before,.header .btn-lang > a:before {
    left: 5px;
    margin-top: -7px;
    top: 50%;
    content: " ";
    background-image: url("/images/language_icon.webp?v=2024");
    background-repeat: no-repeat;
    position: absolute;
    width: 21px;
    height: 14px;
    font-size: 28px;
}
.header .btn-lang > a{
    position: relative;padding-left: 30px;
}
.header .btn-lang > a span{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg) translate(-3px,-3px);
    display: block;
    height: 6px;position: relative;
    margin-top: 6px;
    margin-left: 6px;
    width: 6px;float:right;
}
.header .btn-lang .lang-box a.en:before{background-position: 0 -1em;}
/*language list*/
.header .btn-lang .lang-box a.en:before,.header .btn-lang > a.en:before {
    background-position: 0 -1em;
}

.header .btn-lang .lang-box a.uk:before,.header .btn-lang > a.uk:before {
    background-position: 0 -2em;
}

.header .btn-lang .lang-box a.de:before,.header .btn-lang > a.de:before {
    background-position: 0 -3em;
}

.header .btn-lang .lang-box a.fr:before,.header .btn-lang > a.fr:before {
    background-position: 0 -4em;
}

.header .btn-lang .lang-box a.ru:before,.header .btn-lang > a.ru:before {
    background-position: 0 -5em;
}

.header .btn-lang .lang-box a.es:before,.header .btn-lang > a.es:before {
    background-position: 0 -6em;
}

.header .btn-lang .lang-box a.pt:before,.header .btn-lang > a.pt:before {
    background-position: 0 -7em;
}

.header .btn-lang .lang-box a.ja:before,.header .btn-lang > a.ja:before {
    background-position: 0 -8em;
}

.header .btn-lang .lang-box a.el:before,.header .btn-lang > a.el:before {
    background-position: 0 -9em;
}

.header .btn-lang .lang-box a.it:before,.header .btn-lang > a.it:before {
    background-position: 0 -10em;
}

.header .btn-lang .lang-box a.ko:before,.header .btn-lang > a.ko:before {
    background-position: 0 -11em;
}

.header .btn-lang .lang-box a.ar:before,.header .btn-lang > a.ar:before {
    background-position: 0 -12em;
}

.header .btn-lang .lang-box a.tr:before,.header .btn-lang > a.tr:before {
    background-position: 0 -13em;
}

.header .btn-lang .lang-box a.pl:before,.header .btn-lang > a.pl:before {
    background-position: 0 -14em;
}

.header .btn-lang .lang-box a.fi:before,.header .btn-lang > a.fi:before {
    background-position: 0 -15em;
}

.header .btn-lang .lang-box a.hi:before,.header .btn-lang > a.hi:before {
    background-position: 0 -16em;
}
.header .btn-lang .lang-box a.af:before,.header .btn-lang > a.af:before {
    background-position: 0 -43em;
}
.header .btn-lang .lang-box a.gu:before,.header .btn-lang > a.gu:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.kn:before,.header .btn-lang > a.kn:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.mr:before,.header .btn-lang > a.mr:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.ml:before,.header .btn-lang > a.ml:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.te:before,.header .btn-lang > a.te:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.ta:before,.header .btn-lang > a.ta:before {
    background-position: 0 -16em;
}

.header .btn-lang .lang-box a.vi:before,.header .btn-lang > a.vi:before {
    background-position: 0 -17em;
}

.header .btn-lang .lang-box a.th:before,.header .btn-lang > a.th:before {
    background-position: 0 -18em;
}

.header .btn-lang .lang-box a.nl:before,.header .btn-lang > a.nl:before {
    background-position: 0 -19em;
}

.header .btn-lang .lang-box a.ga:before,.header .btn-lang > a.ga:before {
    background-position: 0 -20em;
}

.header .btn-lang .lang-box a.tl:before,.header .btn-lang > a.tl:before {
    background-position: 0 -21em;
}

.header .btn-lang .lang-box a.cz:before,.header .btn-lang > a.cz:before {
    background-position: 0 -22em;
}

.header .btn-lang .lang-box a.ms:before,.header .btn-lang > a.ms:before {
    background-position: 0 -23em;
}

.header .btn-lang .lang-box a.fa:before,.header .btn-lang > a.fa:before {
    background-position: 0 -24em;
}

.header .btn-lang .lang-box a.hu:before,.header .btn-lang > a.hu:before {
    background-position: 0 -25em;
}

.header .btn-lang .lang-box a.hr:before,.header .btn-lang > a.hr:before {
    background-position: 0 -26em;
}

.header .btn-lang .lang-box a.sk:before,.header .btn-lang > a.sk:before {
    background-position: 0 -27em;
}

.header .btn-lang .lang-box a.si:before,.header .btn-lang > a.si:before {
    background-position: 0 -28em;
}

.header .btn-lang .lang-box a.sl:before,.header .btn-lang > a.sl:before {
    background-position: 0 -28em;
}

.header .btn-lang .lang-box a.no:before,.header .btn-lang > a.no:before {
    background-position: 0 -29em;
}

.header .btn-lang .lang-box a.iw:before,.header .btn-lang > a.iw:before {
    background-position: 0 -30em;
}

.header .btn-lang .lang-box a.he:before,.header .btn-lang > a.he:before {
    background-position: 0 -30em;
}

.header .btn-lang .lang-box a.da:before,.header .btn-lang > a.da:before {
    background-position: 0 -31em;
}

.header .btn-lang .lang-box a.ro:before,.header .btn-lang > a.ro:before {
    background-position: 0 -32em;
}

.header .btn-lang .lang-box a.sv:before,.header .btn-lang > a.sv:before {
    background-position: 0 -33em;
}

.header .btn-lang .lang-box a.bg:before,.header .btn-lang > a.bg:before {
    background-position: 0 -34em;
}

.header .btn-lang .lang-box a.sq:before,.header .btn-lang > a.sq:before {
    background-position: 0 -35em;
}

.header .btn-lang .lang-box a.et:before,.header .btn-lang > a.et:before {
    background-position: 0 -36em;
}

.header .btn-lang .lang-box a.az:before,.header .btn-lang > a.az:before {
    background-position: 0 -37em;
}

.header .btn-lang .lang-box a.ee:before,.header .btn-lang > a.ee:before {
    background-position: 0 -38em;
}

.header .btn-lang .lang-box a.eu:before,.header .btn-lang > a.eu:before {
    background-position: 0 -39em;
}

.header .btn-lang .lang-box a.be:before,.header .btn-lang > a.be:before {
    background-position: 0 -40em;
}

.header .btn-lang .lang-box a.is:before,.header .btn-lang > a.is:before {
    background-position: 0 -41em;
}

.header .btn-lang .lang-box a.bs:before,.header .btn-lang > a.bs:before {
    background-position: 0 -42em;
}

.header .btn-lang .lang-box a.za:before,.header .btn-lang > a.za:before {
    background-position: 0 -43em;
}

.header .btn-lang .lang-box a.xh:before,.header .btn-lang > a.xh:before {
    background-position: 0 -43em;
}

.header .btn-lang .lang-box a.zu:before,.header .btn-lang > a.zu:before {
    background-position: 0 -43em;
}

.header .btn-lang .lang-box a.km:before,.header .btn-lang > a.km:before {
    background-position: 0 -44em;
}

.header .btn-lang .lang-box a.kk:before,.header .btn-lang > a.kk:before {
    background-position: 0 -45em;
}

.header .btn-lang .lang-box a.ht:before,.header .btn-lang > a.ht:before {
    background-position: 0 -46em;
}

.header .btn-lang .lang-box a.ha:before,.header .btn-lang > a.ha:before {
    background-position: 0 -47em;
}

.header .btn-lang .lang-box a.ca:before,.header .btn-lang > a.ca:before {
    background-position: 0 -48em;
}

.header .btn-lang .lang-box a.ku:before,.header .btn-lang > a.ku:before {
    background-position: 0 -49em;
}

.header .btn-lang .lang-box a.lv:before,.header .btn-lang > a.lv:before {
    background-position: 0 -50em;
}

.header .btn-lang .lang-box a.lo:before,.header .btn-lang > a.lo:before {
    background-position: 0 -51em;
}

.header .btn-lang .lang-box a.lt:before,.header .btn-lang > a.lt:before {
    background-position: 0 -52em;
}

.header .btn-lang .lang-box a.mg:before,.header .btn-lang > a.mg:before {
    background-position: 0 -53em;
}

.header .btn-lang .lang-box a.mi:before,.header .btn-lang > a.mi:before {
    background-position: 0 -54em;
}

.header .btn-lang .lang-box a.mn:before,.header .btn-lang > a.mn:before {
    background-position: 0 -55em;
}

.header .btn-lang .lang-box a.bn:before,.header .btn-lang > a.bn:before {
    background-position: 0 -56em;
}

.header .btn-lang .lang-box a.my:before,.header .btn-lang > a.my:before {
    background-position: 0 -57em;
}

.header .btn-lang .lang-box a.ne:before,.header .btn-lang > a.ne:before {
    background-position: 0 -58em;
}

.header .btn-lang .lang-box a.ps:before,.header .btn-lang > a.ps:before {
    background-position: 0 -59em;
}

.header .btn-lang .lang-box a.ny:before,.header .btn-lang > a.ny:before {
    background-position: 0 -60em;
}

.header .btn-lang .lang-box a.lk:before,.header .btn-lang > a.lk:before {
    background-position: 0 -61em;
}

.header .btn-lang .lang-box a.sw:before,.header .btn-lang > a.sw:before {
    background-position: 0 -62em;
}

.header .btn-lang .lang-box a.tg:before,.header .btn-lang > a.tg:before {
    background-position: 0 -63em;
}

.header .btn-lang .lang-box a.ur:before,.header .btn-lang > a.ur:before {
    background-position: 0 -64em;
}

.header .btn-lang .lang-box a.ua:before,.header .btn-lang > a.ua:before {
    background-position: 0 -65em;
}

.header .btn-lang .lang-box a.uz:before,.header .btn-lang > a.uz:before {
    background-position: 0 -66em;
}

.header .btn-lang .lang-box a.ka:before,.header .btn-lang > a.ka:before {
    background-position: 0 -67em;
}

.header .btn-lang .lang-box a.sr:before,.header .btn-lang > a.sr:before {
    background-position: 0 -68em;
}

.header .btn-lang .lang-box a.id:before,.header .btn-lang > a.id:before {
    background-position: 0 -69em;
}

.header .btn-lang .lang-box a.ky:before,.header .btn-lang > a.ky:before {
    background-position: 0 -70em;
}

.header .btn-lang .lang-box a.lb:before,.header .btn-lang > a.lb:before {
    background-position: 0 -71em;
}

.header .btn-lang .lang-box a.mk:before,.header .btn-lang > a.mk:before {
    background-position: 0 -72em;
}

.header .btn-lang .lang-box a.st:before,.header .btn-lang > a.st:before {
    background-position: 0 -73em;
}

.header .btn-lang .lang-box a.ws:before,.header .btn-lang > a.ws:before {
    background-position: 0 -74em;
}

.header .btn-lang .lang-box a.sg:before,.header .btn-lang > a.sg:before {
    background-position: 0 -75em;
}

.header .btn-lang .lang-box a.gl:before,.header .btn-lang > a.gl:before {
    background-position: 0 -6em;
}

.header .btn-lang .lang-box a.co:before,.header .btn-lang > a.co:before {
    background-position: 0 -4em;
}

.header .btn-lang .lang-box a:hover{
    color: #0056b3;border-radius: 0;text-decoration: underline;
    background-color: #fbfbfb;
}
.selectLanguage-screen{
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 0px 0px;
    top:0;left:0;z-index: 999999;
    width:100%;height:100%;position: fixed;
}
.selectLanguage{
    width: 570px;
    height: 336px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    position: absolute;top:50%;left:50%;
    margin-left:-285px;
    margin-top:-188px;
}
.selectLanguage .alt{
    font-size: 24px;
    color: #333;padding:25px 0;
    text-align: center;
    font-family: Inter, Inter;
}
.selectLanguage .close{
    display: block;width:30px;height:30px;
    background: url("/images/close.webp?v=2024") no-repeat center;
    position: absolute;top:16px;right:16px;cursor: pointer;
}
.language{display: flex;justify-content: space-around;}
.language .item{width: 242px;;text-align: center;cursor: pointer;}
.language .item img{
    width: 242px;
    height: 146px;
    max-width: 100%;
}
.language .item p{
    font-size: 16px;
    font-family: Inter, Inter;
    font-weight: 400;
    line-height: 19px;
    margin-top:14px;
    color: #333;
    margin-bottom: 30px;
}
.selectLanguage .text{
    font-size: 14px;
    font-family: Inter, Inter;
    font-weight: 400;
    color: #00a3e4;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.navbar-light .navbar-nav .nav-item.opt .nav-link{display: flex;justify-content: center;align-items: center;}
.navbar-light .navbar-nav .nav-item.opt .nav-link i{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
    height: 6px;
    margin-left: 4px;
    transform: rotate(45deg);
    width: 6px;
}
.cart-div-wrap{
    display: flex;margin: 0;padding: 0;
    align-items: center;
    flex: 0 0 320px;
    justify-content: flex-end;
}
.cart-div-wrap .shopping-cart{margin-right:20px;}
.extend-nav li{list-style: none;}
.extend-nav .img-cart{
    display: block;
    height:35px;width:35px;
    background: url("/images/header/cart@2x.webp?v=2024") no-repeat center;
}
.cart-div-wrap.extend-nav .img-cart,.cart-div-wrap.extend-nav .img-rfq{
    height:34px;width:34px;background-size: 100%;
}
.navbar-light .extend-nav .nav-item{margin-right: 20px;;}
.navbar-light .extend-nav .btn-lang{margin-right: 0px;;}
.navbar-light .extend-nav .nav-item:hover{background: none;}
.extend-nav .RFQ-cart a,.extend-nav .shopping-cart a{
    display: flex;flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:14px;
}
.cart-div-wrap .nav-item a div{
    text-align: center;line-height: 100%;
}
.extend-nav .img-rfq{
    display: block;
    height:35px;width:35px;background: url("/images/header/rl@2x.webp?v=2024") no-repeat center;
}
.header .RFQ-cart .rfqcart-num{right:auto;left:20px;}
@media (max-width: 570px) {
    .m-search { display: block !important; width: 80% !important;}
    .m-logo { width: 120px;}
}
.navbar-nav .nav-item {position: relative;}
.opt:hover .opt2 { display: block; }
.opt2 { 
    position:absolute; background-color:#FFFFFF; display: none; 
    z-index: 20; border-radius: 0 0 5px 5px;
    top: 100%; /*border-top: 1px solid #00a3e4;*/ 
    /* min-width: 100%;  */
    min-width: 160px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    /* box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);  */
}
.opt2 div { font-size: 14px; text-align: center; padding: 5px;}
.opt2 div a { display: block; padding: 0px 1.5rem; color: #333; border-radius: 5px; white-space: nowrap; height:34px;line-height: 34px;}
.opt2 div:hover a { background-color: #00a3e4; color:#FFFFFF; text-decoration: none; }

.mainData {
    background-color: #fff;
    padding: 15px 23px;
}

.mainData ul {
    display: flex;margin: 0;padding: 0;
    justify-content: space-between
}
.mainData li{list-style: none;}
.mainData li>div {
    align-items: center;
    display: flex
}

.mainData li>div>img {
    height: 56px;
    margin-right: 4px;
    width: 56px
}

.mainData li.liLine {
    align-items: center;
    display: flex
}

.mainData li p {
    margin-bottom: 0;
    font-size: 16px
}

.mainData li .line {
    background-color: #ddd;
    height: 36px;
    width: 1px;
}
.page-item.active .page-link{
    background-color: #00a3e4 !important;
    border-color: #00a3e4 !important;
}
.breadcrumb {
    margin-bottom: 0;
}
.home-page .home-xray-product{margin-top:30px;}
.header .m-nav{
    position: relative;
    margin-bottom: 20px;
    display: flex !important;
    justify-content: end;
    align-items: center;
}
/* .header .btn-lang .lang-box{top:39px} */
.header .m-nav li.btn-lang{padding:11px 0;line-height: 100%;}
.header .m-nav li.btn-lang a{font-size:14px}
/* 手机样式 */
@media (max-width: 570px) {
    .home-category-ad .chips-number { display: none; }
    .home-category-ad .category { display: none; }
    .home-category-ad .ads { margin-left: 0; }
    .home-category-ad .carousel-caption { margin-top: -50px; }
    .home-category-ad .carousel-caption h1 { font-size: 1.2rem; }
    /* 产品详情优化-v2 start*/
    /* .product-details .in-stock h5 span{display: block;float: none;} */
    .product-details .product-attr-wrap{margin-top: 2rem;}
    .shopping-guide .row .s-g-p{position: static;}
    .product-details .electronic-components .components > div{margin-bottom: 15px;;}
    .parameter .table-responsive .tr,.parameter .table-responsive .th,.parameter .table-responsive .td{height: auto;}
    .parameter .table-responsive .th{width:50%;white-space: normal;}
    .parameter .table-responsive .td{width:50%}
    .shopping-guide .guide > div{margin-bottom: 20px;}
    .product-details .product-index{height: auto;line-height: 200%;}
    .electronic-components .components i{display: none;}
    .hot-sales .hot-product > div:nth-child(4) .flex,.hot-sales .hot-product > div:nth-child(5) .flex,.hot-sales .hot-product > div:nth-child(6) .flex{
        margin-bottom: 16px;
    }
    .hot-sales .hot-product .hot-tag{top:0;right:8px}
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .popular-search .parts > div{text-align: left;}
    /* 产品详情优化-v2 end*/

    .product-details .col-form-label{text-align: left;padding:0 15px;}
    .col-xs-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/* 手机样式 */
@media screen and (max-width: 768px) {
    .parameter .table-responsive .param:last-child .theader{
        display: none;
    }
    
    /* 语言选择 */
    .selectLanguage{
        width: 80%;
        top: 20%;
        left: 10%;
        margin: 0;
    }
    .language .item{
        width: 40%;
    }
    .selectLanguage .alt{font-size:18px}
    .selectLanguage .close{
        top: 6px;
        right: 6px;
    }

    .header .btn-lang .lang-box{
        width:98%;min-width: 300px;
    }
    .header .slogo{margin: 10px 0;}
    .header .slogo .logo{
        flex: 0 0 200px;
    }
    .m-logo {
        width: 200px;
    }
    #navbarSupportedContent .extend-nav{
        display: none;
    }
    .header .slogo .m-search,.header .slogo .cart-div-wrap{display: none;}
    .header .m-nav{
        margin-right: 15px;;
        display: flex !important;
        justify-content: end;
        align-items: center;
    }
    .header .m-nav li{list-style: none;position: relative;margin-left:10px;}

    .home-category-ad .ads{height: auto;}
    .home-xray-product .tab-content{
        display: block;
    }
    .home-xray-product .tab-content .left{
        margin-bottom: 15px;margin-right: 0;
        height: 26px;
    }
    .home-xray-product .tab-content .left div{color:#333;position: static;padding-left: 0;}
    .home-xray-product .tab-content .left div h3{font-size: 16px;}
    .home-xray-product .tab-content .left div p{display: none;}
    .preferential-zone .alt span,.home-hot-sale-parts .alt span,.home-Manufacturers .alt span,.home-blog h3,.home-popular-search h3{font-size: 16px}
    .home-xray-product .tab-content .left img{
        display: none;
    }
    .home-hot-sale-parts .tab-content{display: block;}
    .home-hot-sale-parts .left{display: none;}
    .home-hot-sale-parts .tab-content .right ul{grid-template-columns: 1fr;}
    .preferential ul{grid-template-columns: 1fr 1fr;}
    .home-china-brands .flex{display: block;}
    .home-china-brands .BrandsLeft{display: block;}
    .home-china-brands .BrandsLeft div{color:#333;position: static;padding-left: 0;}
    .home-china-brands .BrandsLeft div h3{font-size: 16px;}
    .home-china-brands .BrandsLeft img,.home-china-brands .BrandsLeft>div p{display: none;}
    .homeInquire .homeInquireCont p{display: none;}
    .homeInquire .homeInquireCont h3{width:90%;margin: auto;}
    .homeInquire .homeInquireCont a{right:10px;top:100%}
    .preferential ul{margin-bottom: 20px;}
    .home-hot-sale-parts .alt{margin-top:20px}
    .footer .tl{transform: translateX(0px);}
    .footer .Certification img{max-width: 100% !important;}
    .mainData{padding:10px}
    .mainData ul{flex-wrap: wrap;}
    .mainData li.liLine{display: none;}
    .mainData li{flex:0 0 50%;}
    .mainData li p{font-size:12px;}
    
    .homeManufacturers ul{
        grid-template-columns: 1fr 1fr;
    }
    .homeManufacturers ul li img{max-width: 100%;}
    .feedbackBox{max-width: 90% !important;}
    .fixedRight{top:60% !important}
}

@media (min-width: 768px) {

    .container, .container-sm, .container-md, .container-lg, .container-xl {

        min-width: 1120px;

    }

}



@media (min-width: 1200px) {

    .container, .container-sm, .container-md, .container-lg, .container-xl {

        max-width: 1120px;

    }
    .col-md-20{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .popular-search .parts > div:nth-child(5n+2){padding-left: 2%;}
    .popular-search .parts > div:nth-child(5n+3){padding-left: 4%;}
    .popular-search .parts > div:nth-child(5n+4){padding-left: 6%;}
    .popular-search .parts > div:nth-child(5n+5){padding-left: 8%;}
    .popular-search .parts > div:first-child{text-align: left;padding-left: 0;}
    .popular-search .parts > div:nth-child(5n+1){text-align: left;padding-left: 0;}
}

@media (min-width: 1300px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1300px;
    }
    .home-category-ad .home-icon-server { display: block;}
}

@media (min-width: 1440px) {

    .container, .container-sm, .container-md, .container-lg, .container-xl {
        /* max-width: 1430px; */
        padding:0;
    }


    .home-category-ad .home-icon-server { display: block;}

}