@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap");

/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font-family: 'Jost', Arial, Verdana, Geneva, sans-serif;color: #333;background-color: #fff; font-size: 16px;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{ width: 100%;}
a{color: #333;text-decoration: none;}
a:hover{color: var(--theme-color);text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;border: 1px solid #e5e5e5;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}
.container-s{ padding: 0px 40px;} 

.clearfix:after { content: ""; display: block;  height: 0; clear: both;}
.x1 {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.x2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.x3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f6f6f6;}
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar-thumb{background-color: var(--theme-color);}

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto; transition:all 0.36s ease; }


/*响应式字体*/
html {  font-size: calc(0.8rem + 0.3vw);}
/*768~以上的继承下面样式*/
@media (min-width: 768px) {
   html { font-size: 16px; }
}



/*加载动画*/
.preloader{height:100vh;width:100%;position:fixed;background:var(--white);top:0;left:0;right:0;bottom:0;z-index:9999999999}
.preloader-orbit-loading{position:relative;top:50%;left:50%;width:100px;height:100px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:780px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.preloader-orbit-loading .cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.preloader-orbit-loading .cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:5px solid var(--theme-color)}
@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-one{0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-one{0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}


@media (min-width: 1440px) {
    .container{ max-width: 1600px; } 
}
.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}
    






@font-face {
  font-family: "iconfont2"; /* Project id 3783107 */
  src: url('../font2/iconfont.woff2?t=1715932385051') format('woff2'),
       url('../font2/iconfont.woff?t=1715932385051') format('woff'),
       url('../font2/iconfont.ttf?t=1715932385051') format('truetype');
}


.iconfont2 {
  font-family: "iconfont2" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 

.ty-flex{display:flex; justify-content: space-between; flex-wrap: wrap;}


:root{
  --theme-color:#00A0BA;
  --theme-color2:#333;
}

/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: var(--theme-color);}



/*搜索*/
.search-input-area{transition:all 500ms ease;visibility:hidden;transform:translateY(-100%);opacity:0;position:fixed;top:0;left:0;width:100%;padding:48px 0; background:white;box-shadow:1px 1px 50px rgba(0,0,0,0.46);z-index:13;display:flex;justify-content:center;align-items:center;}
.search-input-inner{display:flex;align-items:center;position:relative;}
.search-input-inner .input-div{width:100%;position:relative; overflow: hidden;}
.search-input-inner .input-div .input5{padding:15px 20px;}
.search-input-inner input{background:#f8f8f8;padding:11px 20px;padding-left:20px;border-radius:6px;width:100%;font-size:1.1rem;position:relative; outline: none;}
.search-input-area.show{visibility:visible;transform:inherit;opacity:1;}
.search-input-inner .search-close-icon i { color: #040404;font-size: 2rem; cursor: pointer;}
.search-close-icon{ padding-left: 20px;}
.search-an{font-size: 24px; position: absolute; right: 0; top: 0px;  right: 0px; padding: 0px 20px; height: 50px; line-height: 50px; background: var(--theme-color); color: #fff; border-radius:0px 6px 6px 0px; cursor: pointer; transition: all 0.36s ease;}
.search-an:hover{background: var(--theme-color2);}
/*顶部*/
.ix-head-top{padding: 10px 0px; line-height: 100%; background: var(--theme-color); color: #fff; text-align: left; padding-top: 13px;}
.ix-head-top .swiper-slide a{color: #fff; padding-left: 5px; transition: all 0.36s ease;}
.ix-head-top .swiper-slide a i{font-size: 0.9rem; }
.ix-head-top .swiper-slide a:hover{color: #333;}

.ix-head-top .swiper-slide{text-align: center;}

/*顶部快速链接*/
.ix-tell b{font-weight: normal; vertical-align: text-top; display: inline-block; padding-left: 5px;}
.ix-tell i{font-size: 24px;}
.ix-head-top .swiper-container{ width:50%; margin: 0;}  
.ix-yy{ display: inline-block; cursor: pointer; z-index: 3;}
.ix-yy i{font-size: 0.9rem; display: inline-block; padding-left: 5px;}
.ix-yy span{position: relative;}
.ix-yy .iby-list{position: absolute; top: 35px; width: 80px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 6px; opacity: 0; overflow: hidden; visibility: hidden; transition: all 0.36s ease;}
.ix-yy .iby-list a{ display: block; padding: 8px 10px; font-size: 0.9rem; transition: all 0.36s ease;}
.ix-yy .iby-list a:last-child{border-bottom: none;}
.ix-yy:hover .iby-list{ opacity: 1; visibility: visible; top: 25px;}
.ix-yy .iby-list a:hover{ background: var(--theme-color); color:#fff;}


/*=====一级导航====*/
.ix-header{position: relative; z-index: 12; }
.ix-logo img{margin-top: 25px; height: 50px;}
.ix-nav{line-height:100px; height: 100px; padding-left: 50px;}
.ix-nav li{float:left; padding:0px 30px; position:relative; color:#fff; }
.ix-nav li>a{color:#333; font-size:18px;}
.ix-nav li>i{font-size:14px; display:inline-block; padding-left:10px; color:#333;}
.ix-nav li i.yy{padding-left:0px; font-size:20px; vertical-align:middle; padding-right:10px;}
.ix-nav li i.mobile-an{cursor:pointer;}
.nax-an{ display:none;}
.ix-nav li:nth-child(1){display: none;}
/*二级导航*/
.ix-nav li .subnav{width:100% !important; left:0 !important; right:0!important;  position:absolute; top:150px;  opacity:0; visibility:hidden; transition:all 0.36s ease; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); width:100%; text-align:center; border-radius:6px; overflow:hidden;}
.ix-nav li:hover .subnav{ opacity:1; visibility:visible; top:80px; }
.ix-nav li .subnav a{line-height:160%; display: block; font-size:14px; padding:10px 10px; transition:all 0.36s ease;}
.ix-nav li .subnav a:hover{background:var(--theme-color);color:#fff;}
/*=========导航-end=========*/


/*顶部快速链接*/
.ix-ico{ line-height: 100px;}
.ix-ico i{font-size: 22px; color:#666;}
.ix-ico span{padding-left: 20px; position: relative;}
.ix-ico a.join{margin-left: 20px; padding: 8px 20px; border-radius: 6px; background: var(--theme-color); color:#fff; transition: all 0.36s ease; vertical-align: top; transition: all 0.36s ease;}
.ix-ico a.join i{font-size: 15px; display: inline-block; padding-right: 5px; color: #fff;}
.ix-ico span b{font-weight: normal; display: inline-block; font-size: 12px; position: absolute;  top: -8px;right: -8px; color: #fff; background-color: #f05454; width: 15px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%;}
.ix-ico a.join:hover{background: var(--theme-color2);}
/*banner*/
.ix-banner .swiper-container{ width: 100%;}
.ix-banner .sw-box{height: 100%; overflow: hidden;}
.ix-banner .ix-ban-bj{ width: 100%; height: 700px; transition: all 0.36s ease; display: table; }
.ix-ban-bj .ib-tit{    display: table-cell; vertical-align: middle;}
.ix-ban-bj .ib-tit .ib-t0{ font-size: 2rem; color:rgba(255,255,255,0.5); width: 50%; line-height: 100%; padding-bottom: 20px;font-weight: 100; margin-top: -5%; }
.ix-ban-bj .ib-tit .ib-t1{ font-size:3rem; color:#fff; width: 50%; line-height: 120%; padding-bottom: 40px;   }
.ix-ban-bj .ib-tit .ib-t2{ font-size: 18px; width: 40%; padding: 2rem 0rem; padding-top: 2rem; color: #fff; line-height: 180%;}
.ix-ban-bj .ib-tit .ib-t3{ font-size: 2rem; color:var(--theme-color); font-weight: 600; font-family: Arial;}
.ix-ban-bj .ib-tit .ib-t3 span{display: inline-block; padding-left: 1.25rem; font-size: 18px; color: #999999; font-weight: normal;  position: relative;}
.ix-ban-bj .ib-tit .ib-t3 span:after{content:'';position:absolute;left:0.9rem;top:12px;width:calc(100% - 0.5rem);height:1px;background:#aeb3c3;margin:0}
.ix-more {  position: relative;     z-index: 1; overflow: hidden; display: inline-block; font-size:1rem; color:#666;border-radius: 4px;  text-align: center; background: #fff; width:180px; height: 50px; line-height: 50px; transition: all 0.36s ease;}
.ix-more i { font-size: 18px; display: inline-block; padding-left: 10px;  }
.ix-more::before{position:absolute;content:'';width:15px;height:15px;background:transparent;left:0;top:0;z-index:-1;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;}
.ix-more::after{content:"";height:15px;width:15px;position:absolute;background:transparent;bottom:0;right:0;z-index:-1;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;}
.ix-more:hover::before,.ix-more:hover::after{width:100%;height:100%;background:transparent;}
.ix-more:hover{color: #fff; background: var(--theme-color); }
 .swiper-button-next, .swiper-button-prev {width: 50px; height: 50px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; line-height: 50px;}
.swiper-button-next i, .swiper-button-prev i{ font-size: 0.9rem; color:#fff;}
.swiper-button-next{ right: 40px;}
.swiper-button-prev{ left: 40px;}
.swiper-button-prev:after,  .swiper-button-next:after{display: none;}
.swiper-button-prev:after, .swiper-button-next:after{display: none;}
.swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; background:rgba(0,0,0,0.2); margin:0px 5px; transition:all 0.36s ease; opacity:1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:var(--theme-color); }
.swiper-pagination{position: initial;}
.ix-banner .swiper-pagination{position: absolute;}

/*购物车*/
.cart-bar.show{visibility:visible;transform:translateX(0);}
.cart-bar{position:fixed;top:0;right:0;background:white;width:360px;height:100%;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.2);visibility:hidden;transform:translateX(100%);transition:all 500ms ease;z-index:100;}
.cart-bar .cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e7e7e7; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.cart-bar .cart-header .cart-heading{font-size:17px;font-weight:500;color:#404040;}
.cart-bar .product-area3 .product-item .bottom-content{display:flex;justify-content:center;align-items:center;}
.cart-bar .product-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e7e7e7;}
.cart-bar .product-item:last-child{margin-bottom:0;}
.cart-bar .product-detail{display:flex;align-items:center;justify-content:space-between;}
.cart-bar .product-detail span{line-height:19px !important;}
.cart-bar .product-detail .product-thumb{margin-right:10px;max-width:75px;}
.cart-bar .product-detail .product-thumb img{max-width: 100%;}
.cart-bar .product-detail .product-name{font-size:14px;font-weight:400;color:#0e1013;}
.cart-bar .product-detail .product-variation span{color:#999;font-family:roboto;font-weight:400;font-size:13px;line-height:15px;}
.cart-bar .product-detail .product-qnty{margin-right:5px;}
.cart-bar .product-detail .product-qnty,.cart-bar .product-detail .product-price{color:#404040;font-weight:500;font-size:13px;font-family:roboto;}
.cart-bar .cart-edit{display:flex;flex-direction:column;align-items:flex-end;}
.cart-bar .cart-edit .item-wrapper{display:inline-block;}
.cart-bar .cart-edit .delete-cart:hover i{color: #0f9960;}
.cart-bar .cart-edit .item-wrapper i{font-size: 1.6rem;}
.cart-bar .cart-edit .quantity-edit{display:flex;border:1px solid #e7e7e7;padding:3px 5px;border-radius:5px;margin-bottom:3px;}
.cart-bar .cart-edit .quantity-edit input{text-align:center;max-width:30px; border: none; font-weight: bold;   font-size: 1rem;}
.cart-bar .cart-edit .product-edit{margin-right:15px;}
.cart-bar .cart-edit .delete-cart i{font-size:1.5rem;color:#666;margin-top:5px;}
.cart-bar .cart-bottom-area{margin-top:auto;display:flex;flex-direction:column; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.cart-bar .cart-bottom-area .spend-shipping{margin-bottom:30px;background:whitesmoke;padding:10px 15px;font-size:1rem;font-weight:500;color:#404040;text-align:center;}
.cart-bar .cart-bottom-area .spend-shipping .amount{font-weight:700;color:#040404;}
.cart-bar .cart-bottom-area .spend-shipping i{font-size:15px;margin-right:7px;}
.cart-bar .cart-bottom-area .total-price{font-size:18px;color:#999;display:flex;justify-content:space-between;margin-bottom:20px;}
.cart-bar .cart-bottom-area .cart-btn{width:100%;padding:10px 20px;border-radius:7px;font-size:14px;text-align:center;transition:all 300ms;}
.cart-bar .cart-bottom-area .checkout-btn{border:1px solid #0f9960;margin-bottom:10px;color:#0f9960;}
.cart-bar .cart-bottom-area .checkout-btn:hover{background:#0f9960;color:white;}
.cart-bar .cart-bottom-area .view-btn{border:1px solid transparent;background:#0f9960;color:white;}

.product-area{height: 56%; overflow: auto; padding-left: 20px; padding-right: 20px}

.close-cart {cursor: pointer;}
.close-cart i{font-size: 1.8rem; color: #333;}
.product-detail .item-wrapper{ padding-right: 10px;}
.anywere { background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; top: 0px; }
.anywere.bgshow{background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 60; }





/*商品弹窗*/
.rts-featured-product-section-inner{padding:80px 0;}
.rts-featured-product-section-inner .go-btn{color:#040404;}
.product-details-popup-wrapper{width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:all 500ms;pointer-events:none;}
.product-details-popup-wrapper.popup{visibility:visible;opacity:1;}
.product-details-popup-wrapper.popup .product-details-popup{pointer-events:all !important;}

.product-details-close-btn{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; right: -50px; top: -50px; width: 40px; height: 40px; border-radius: 50%; background: white;} 
.product-details-close-btn i{ font-size: 2rem;}
.product-details-popup{pointer-events:none;margin:0 auto;height:520px;border-radius:7px; width: 900px; margin: 0px auto; background:white;padding:30px !important;position:relative;z-index:999;}
.product-details-popup .product-thumb-area{margin-right:40px !important;}
.product-details-popup .product-thumb{width:303px;}




/*购物车*/
.cart-bar.show{visibility:visible;transform:translateX(0);}
.cart-bar{position:fixed;top:0;right:0;background:white;width:360px;height:100%;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.2);visibility:hidden;transform:translateX(100%);transition:all 500ms ease;z-index:100;}
.cart-bar .cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e7e7e7; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.cart-bar .cart-header .cart-heading{font-size:17px;font-weight:500;color:#404040;}
.cart-bar .product-area3 .product-item .bottom-content{display:flex;justify-content:center;align-items:center;}
.cart-bar .product-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e7e7e7;}
.cart-bar .product-item:last-child{margin-bottom:0;}
.cart-bar .product-detail{display:flex;align-items:center;justify-content:space-between;}
.cart-bar .product-detail span{line-height:19px !important;}
.cart-bar .product-detail .product-thumb{margin-right:10px;max-width:75px;}
.cart-bar .product-detail .product-thumb img{max-width: 100%;}
.cart-bar .product-detail .product-name{font-size:1.1rem;font-weight:400;color:#0e1013;}
.cart-bar .product-detail .product-variation span{color:#999;font-family:roboto;font-weight:400;font-size:13px;line-height:15px;}
.cart-bar .product-detail .product-qnty{margin-right:5px;}
.cart-bar .product-detail .product-qnty,.cart-bar .product-detail .product-price{color:#404040;font-weight:500;font-size:13px;font-family:roboto;}
.cart-bar .cart-edit{display:flex;flex-direction:column;align-items:flex-end;}
.cart-bar .cart-edit .item-wrapper{display:inline-block;}
.cart-bar .cart-edit .delete-cart:hover i{color: var(--theme-color);}
.cart-bar .cart-edit .item-wrapper i{font-size: 1.6rem;}
.cart-bar .cart-edit .quantity-edit{display:flex;border:1px solid #e7e7e7;padding:3px 5px;border-radius:5px;margin-bottom:3px;}
.cart-bar .cart-edit .quantity-edit a{ cursor: pointer;}
.cart-bar .cart-edit .quantity-edit input{text-align:center;max-width:30px; border: none; font-weight: bold;   font-size: 1rem;}
.cart-bar .cart-edit .product-edit{margin-right:15px;}
.cart-bar .cart-edit .delete-cart i{font-size:1.5rem;color:#666;margin-top:5px;}
.cart-bar .cart-bottom-area{margin-top:auto;display:flex;flex-direction:column; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.cart-bar .cart-bottom-area .spend-shipping{margin-bottom:30px;background:whitesmoke;padding:10px 15px;font-size:1rem;font-weight:500;color:#404040;text-align:center;}
.cart-bar .cart-bottom-area .spend-shipping .amount{font-weight:700;color:#040404;}
.cart-bar .cart-bottom-area .spend-shipping i{font-size:15px;margin-right:7px;}
.cart-bar .cart-bottom-area .total-price{font-size:18px;color:#999;display:flex;justify-content:space-between;margin-bottom:20px;}
.cart-bar .cart-bottom-area .cart-btn{width:100%;padding:10px 20px;border-radius:7px;font-size:14px;text-align:center;transition:all 300ms;}
.cart-bar .cart-bottom-area .checkout-btn{border:1px solid var(--theme-color);margin-bottom:10px;color:var(--theme-color);}
.cart-bar .cart-bottom-area .checkout-btn:hover{background:var(--theme-color);color:white;}
.cart-bar .cart-bottom-area .view-btn{border:1px solid transparent;background:var(--theme-color);color:white;}

.product-area{height: 56%; overflow: auto; padding-left: 20px; padding-right: 20px}

.close-cart {cursor: pointer;}
.close-cart i{font-size: 1.8rem; color: #333;}
.product-detail .item-wrapper{ padding-right: 10px;}
.anywere { background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; top: 0px; }
.anywere.bgshow{background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 60; }




/*优势展示*/
.ix-yszs .container{background:#fff; margin-top: -60px; position: relative; z-index: 1;  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.ix-yszs .ix-yszs-box{padding: 30px 0px;     align-items: center;}
.ix-yszs .iyb-img{ width:80px;}
.ix-yszs .iyb-img img{ height:80px;}
.ix-yszs .iyb-tit{width: calc(100% - 100px);}
.ix-yszs .iyb-tit .t1{font-size: 24px;}
.ix-yszs .iyb-tit .t2{color:#999;}
.product-wrapper{padding: 0px 0px;}






.healthy-section .product-wrapper{border:0;background-color:transparent; border-radius: 10px; position: relative; overflow: hidden;}

		

.healthy-section .product-wrapper:before{background-color:rgba(255,255,255,0.3);content:"";height:200%;left:-280px;position:absolute;top:-50%;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1);width:80px;z-index:0}
.healthy-section .product-wrapper:after{background-color:rgba(255,255,255,0.3);content:"";height:200%;left:180%;position:absolute;top:-50%;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1);width:80px;z-index:0}
.healthy-section .product-wrapper:hover:before{left:180%;-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1)}
.healthy-section .product-wrapper:hover:after{left:-280px;-webkit-transition:all 2000ms cubic-bezier(0.19,1,0.22,1);transition:all 2000ms cubic-bezier(0.19,1,0.22,1)}

.healthy-section .product-wrapper:hover .wrapper-img img{transform: scale(1.08);}


.healthy-section .product-wrapper .wrapper-info{padding:40px 40px 0px 40px}
.healthy-section .product-wrapper .wrapper-info a i{font-weight: 500;}
.healthy-section .product-wrapper .wrapper-info .wrapper-subtitle{padding-bottom: 10px; display: block;}
.healthy-section .product-wrapper .wrapper-info .wrapper-details{font-size:36px;padding-bottom: 30px; line-height: 130%; font-weight: 600;}
.healthy-section .product-wrapper .wrapper-img{height:240px;padding:0;width:100%;text-align:center}
.healthy-section .product-wrapper .wrapper-img img{max-height:180px; transition: all 0.36s ease;}
.wrapper-img img{margin:20px auto}
.healthy-section .row .col-lg-4:nth-child(1) .product-wrapper{background:#e5f5f8}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper{background:#fff4eb}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper .wrapper-info a{background: #f1a669;}
.healthy-section .row .col-lg-4:nth-child(3) .product-wrapper{background:#eee5f6}
.healthy-section .row .col-lg-4:nth-child(3) .product-wrapper .wrapper-info a{ background: #b592d5;}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper .wrapper-info{padding-top:0px;padding-bottom:40px}
.shop-btn{padding:10px 30px;text-align:center;border-radius:6px;display:inline-block;background:#00a0ba;font-size:18px;font-weight:500;position:relative;color:#fff;font-family:"Inter",sans-serif;transition:all .3s;overflow:hidden;z-index:1}
.shop-btn::after{content:" ";width:0;height:100%;background:#1d1d1d;position:absolute;transition:all .4s ease-in-out;right:0;top:0;z-index:-3}
.shop-btn svg{fill:#fff;transition:all .5s}
.shop-btn span{margin-left:8px;width:100%;z-index:1;transition:all .4s ease-in-out}
.shop-btn:hover{color:#fff;background-color:#00a0ba}
.shop-btn:hover::after{right:auto;left:0;width:100%}
.shop-btn:hover svg{fill:currentColor;fill:#fff;transform:translate(5px)}
.shop-btn:hover span{color:#fff}
.product{padding:7rem 0 8rem 0}
.products-area{background-color:#f5f5f5;overflow:hidden}
.products-area .sorting-menu ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;  gap: 20px;}
.products-area .sorting-menu ul li{list-style-type:none;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 47%;flex:0 0 47%;max-width:47%;cursor:pointer;}


.products-area .sorting-menu ul li.active .products-thumb{background-color:var(--theme-color)}
.products-area .sorting-menu ul li.active .products-thumb>img{opacity:.2;visibility:visible}
.products-area .sorting-menu ul li.active .products-thumb img:nth-child(1){left:0;bottom:0}
.products-area .sorting-menu ul li.active .products-thumb img:nth-child(2){top:0;right:0}
.products-area .sorting-menu ul li.active .products-thumb i{color:#fff}
.products-area .sorting-menu ul li.active .products-thumb span{color:#fff}


.products-thumb{padding:30px 5px;border-radius:10px;background-color:#fff;-webkit-box-shadow:0 0 20px 0 #dddddd59;box-shadow:0 0 20px 0 #dddddd59;text-align:center;position:relative;-webkit-transition:.5s;transition:.5s;overflow:hidden}
.products-thumb:hover{background-color:var(--theme-color)}
.products-thumb:hover>img{opacity:.2;visibility:visible}
.products-thumb:hover img:nth-child(1){left:0;bottom:0}
.products-thumb:hover img:nth-child(2){top:0;right:0}
.products-thumb:hover i{color:#fff}
.products-thumb:hover span{color:#fff}

.products-thumb>img{position:absolute;opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s}
.products-thumb>img:nth-child(1){left:-15px;bottom:-15px}
.products-thumb>img:nth-child(2){top:-15px;right:-15px}
.products-thumb i{display:block;font-weight:700;font-size:40px;margin-bottom:5px;-webkit-transition:.5s;transition:.5s}
.products-thumb i img{height: 80px;}

.products-thumb i img.a2{display: none; margin: 0px auto;}

.products-thumb:hover img.a1{display: none;}
.products-thumb:hover img.a2{display: block;} 

.products-area .sorting-menu ul li.active .products-thumb i img.a1{display: none;}
.products-area .sorting-menu ul li.active .products-thumb i img.a2{display: block;}

.products-thumb span{display:block;font-weight:600;-webkit-transition:.5s;transition:.5s}
.products-item{text-align:center;background-color:#fff;border-radius:10px;padding-bottom:40px;position:relative;-webkit-transition:.5s;transition:.5s;margin-bottom:40px}
.products-item:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
.products-item:hover .top img{-webkit-transform:scale(1.1) rotate(10deg);transform:scale(1.1) rotate(10deg)}
.products-item .top{position:relative;padding-top:35px}
.products-item .top .product-type{display:inline-block;color:#fff;border-radius:5px;padding:3px 12px;font-size:14px;background-color:#ffde00;position:absolute;top:15px;left:15px}
.products-item .top .product-type.two{background-color:#ff0f4e}
.products-item .top .wishlist{display:inline-block;color:#f05454;font-size:25px;position:absolute;top:14px;right:15px;width:40px;height:40px;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 20px 0 #dddddd59;box-shadow:0 0 20px 0 #dddddd59;border-radius:50%}
.products-item .top .wishlist i{line-height:40px;     font-size: 20px; font-weight: bold;}
.products-item .top .wishlist:hover{color:#fff;background-color:#f05454}
.products-item .top img{max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:30px;-webkit-transition:.5s;transition:.5s}
.products-item .top .inner{text-align:left;padding-left:20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products-item .top .inner .h3{margin-bottom:5px;font-size:16px}
.products-item .top .inner .h3 a{color:#363636; font-size: 20px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; display: block;}
.products-item .top .inner .h3 a:hover{color:var(--theme-color);}
.products-item .top .inner span{display:block;font-size:15px; color: #666;}
.products-item .bottom{text-align:right;position:absolute;right:-8px;bottom:-8px}
.products-item .bottom:hover a{opacity:1;visibility:visible;right:15px}
.products-item .bottom:hover i{color:#fff;background-color:var(--theme-color);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
.products-item .bottom a{display:inline-block;color:var(--theme-color);font-weight:600;position:relative;top:-5px;right:0;opacity:0;visibility:hidden}
.products-item .bottom a:hover{color:#f05454}
.products-item .bottom i{display:inline-block;width:60px;height:60px;line-height:42px;color:var(--theme-color);background-color:#fff;font-size:25px;border:10px solid #f5f5f5;border-radius:50%;text-align:center;cursor:pointer;-webkit-transition:.5s;transition:.5s}
.buy-area{position:relative;overflow:hidden}
.buy-area .buy-shape img{position:absolute}
.buy-area .buy-shape img:nth-child(1){right:0;bottom:0;max-width:300px;-webkit-animation:buy-ani-one 8s infinite linear;animation:buy-ani-one 8s infinite linear}
.buy-area .buy-content{max-width:500px;padding-left:30px}
.buy-area .buy-content h2{font-size:50px;margin-bottom:10px;line-height:1.3;margin-top:-10px}
.buy-area .buy-content p{color:#363636;font-weight:600;margin-bottom:10px}
.buy-area .buy-content ul{margin:0;padding:0;margin-bottom:20px}
.buy-area .buy-content ul li{list-style-type:none;display:inline-block;font-weight:600;margin-right:15px}
.buy-area .buy-content ul li:nth-child(2){font-weight:400}
@-webkit-keyframes buy-ani-one{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}@keyframes buy-ani-one{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}

			
.common-btn{display:inline-block;color:#fff;background-color:var(--theme-color);padding:12px 30px;border:0;-webkit-transition:.5s;transition:.5s;opacity:1!important;z-index:1;position:relative;border-radius:5px;overflow:hidden}
.common-btn img{position:absolute;opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s;z-index:-1}
.common-btn img:nth-child(2){bottom:-15px;left:-15px}
.common-btn img:nth-child(3){top:-15px;right:-15px}
.common-btn:hover{color:#fff}
.common-btn:hover img{opacity:.2;visibility:visible;max-width:30px}
.common-btn:hover img:nth-child(2){bottom:0;left:0}
.common-btn:hover img:nth-child(3){top:0;right:0}
.common-btn.two{background-color:#2ec1ac}
.common-btn.three{background-color:#ff5f59}


/*通用栏目*/
.ty-zj{text-align:center;}
.ix-head .t1{font-weight: 500;
    text-transform: uppercase;
    background: rgba(0, 160, 186, 0.15);
    padding: 2px 15px;
    font-size: 14px;
    display: inline-block;
    color: var(--theme-color); border-radius: 4px;}

.ix-head .t2{font-size:52px;color:#000; line-height:150%;}
.ix-head .t3{width:80%; margin:0px auto; padding-top: 10px; color:#666;}

/*商品促销*/
.ix-pro-cx a{position:relative;display:block;overflow:hidden; border-radius: 10px;}
.ix-pro-cx a img{width:100%;transition:all .3s ease 0s}
.ix-pro-cx a:hover img{transform:scale(1.1) rotate(3deg)}
.ix-pro-cx a .info{position:absolute;top:0;left:0;display:flex;flex-direction:row;width:100%;height:100%;padding:40px}
.ix-pro-cx a .info .content:not(:last-child){margin-bottom:25px}
.ix-pro-cx a .info .content .title{font-size:36px;font-weight:600; line-height: 120%;margin-bottom:16px;color:#212121;}


/*限时秒杀*/

.ulinaCountDown{position:relative;font-family:'Jost',sans-serif;}
.ulinaCountDown .countdown-row{display:block;}
.ulinaCountDown .countdown-row span{display:inline-block;width:60px;margin:0px 15px;}
.ulinaCountDown .countdown-row span span:first-child{position:relative;display:block;height:60px;width:60px;background:#FFF;font-size:30px;color:#212529;line-height:60px;text-align:center;font-weight:400;border-radius:50%;margin:0 0 12px;}
.ulinaCountDown .countdown-row span span:first-child:after{content:':';font-size:24px;line-height:1;color:#212529;position:absolute;right:-18px;top:23px;}
.ulinaCountDown .countdown-row span:last-child span:first-child:after{display:none;}
.ulinaCountDown .countdown-row span span:last-child{display:block;font-size:16px;color:#212529;text-transform:uppercase;text-align:center;margin:0;}

.ix-xsms-content{position: absolute; left: 0; right: 0; top: 15%;     z-index: 1;}
.ix-xsms-content .text-charcoal{font-size: 50px; font-weight: 600;}
.ix-xsms-content .sub-title{ padding-bottom: 30px;}

.countDownWrap{ padding-bottom: 30px;}
.button-wrap .ms-an{padding: 0px 30px; height: 45px; line-height: 45px; font-weight: normal; display:inline-block; background: var(--theme-color); transition: all 0.36s ease; color: #fff; border-radius: 6px;}
.button-wrap .ms-an i { font-size: 1rem; display: inline-block; padding-left: 5px;}
.button-wrap .ms-an:hover{background-color: var(--theme-color2); }
.ix-xsms-content .sub-title.text-primary{color: var(--theme-color) !important;}



.ix-msycx .single-item{position: relative; overflow: hidden;}

.ix-msycx .single-item img{transition: all 0.36s ease;}

.ix-msycx .single-item:hover img{transform: scale(1.1) rotate(3deg);}


/*秒杀右边*/

.ix-msycx .single-item{position:relative;margin-bottom:30px}
.ix-msycx .single-item img{width:100%}
.ix-msycx .single-item .content{position:absolute;top:0;left:0;padding:40px;z-index:9}
.ix-msycx .single-item .t5{font-size:20px;color:var(--grey);text-transform:capitalize; padding-bottom: 5px; font-size: 16px;}
.ix-msycx .single-item .t6{font-weight:600;color:var(--dark-blue);text-transform:capitalize;width:68%;padding-top:5px;padding-bottom:20px; font-size: 24px}
.ix-msycx .single-item a{display:flex;align-items:center;font-size:16px;font-weight:400;text-transform:capitalize;color:var(--grey)}
.ix-msycx .single-item a i{color:var(--theme-color);padding-left:10px}
.ix-msycx .single-item a:hover{color:var(--theme-color)}


 /*秒杀图片*/
 .ix-xsms{position: relative; overflow: hidden; background: #f5f5f5;}
 .ix-xsms img{max-width: 100%; transition: all 0.36s ease;}
 .ix-xsms:hover img{transform: translateY(-20px);}

 /*热销商品*/
 .sw-dw { position: relative;}
 .sw-next, .sw-prev{top: 50px; padding: 0px 0px; border-radius: 100%; border: solid 1px var(--theme-color); background: transparent; width: 50px; height: 50px; line-height: 40px; transition: all 0.36s ease; outline: none;}
.sw-next i, .sw-prev i{font-size: 0.9rem; color: var(--theme-color); transition: all 0.36s ease;}
.sw-next{ right: 20px;}
.sw-prev{ right: 90px; left: initial;}
.sw-next:hover, .sw-prev:hover{border: solid 1px var(--theme-color); background: var(--theme-color);}
.sw-next:hover i, .sw-prev:hover i{ color:#fff}
.sw-pagin{text-align: center; width: calc(100% - 40px); }
.sw-pagin .swiper-pagination-bullet{ margin: 0px 5px; transition: all 0.36s ease; width: 20px; height: 20px; border-radius: 20px; border: solid 1px transparent; background: transparent; position: relative; text-align: center;}
.sw-pagin .swiper-pagination-bullet::after{transition: all 0.36s ease; position: absolute; left: 0; right: 0; width: 8px; height: 8px; display: inline-block;  background: #999; border-radius: 8px; top: 5px; content: '';margin: 0px auto;}
.sw-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: solid 1px var(--theme-color);     background: transparent; width: 20px;}
.sw-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active::after{background: var(--theme-color);}





/*客户案例*/
.ix-khsh .swiper-slide{background: #f5f5f5;}
.ix-khsh .single{padding:50px 30px;border-top:2px solid transparent;  position: relative; z-index: 2;}
.ix-khsh .single .t0 img { width: 80px; height: 80px; border-radius: 50%;}

.ix-khsh .center-item{border-color:var(--theme-color)}
.ix-khsh .single .t0{padding-top:30px;}
.ix-khsh .single .t1{text-transform:capitalize;font-size:20px; font-weight:700;color:var(--dark-blue);padding-top:20px;}
.ix-khsh .single span{display:inline-block;text-transform:capitalize;font-weight:400;line-height:26px;color:#666; font-size: 18px;}
.ix-khsh .center-item span{color:var(--theme-color)}
.ix-khsh .single p{padding-top:10px;padding-bottom:10px; color:#999;}
.ix-khsh .single ul li{padding:0 5px}
.ix-khsh .single ul li i{font-size:20px;color:var(--yellow)}
.ix-khsh .swiper-slide:after{position:absolute;content:"";height:100%;width:100%;background:var(--theme-color); top:0;left:0;border-radius:10px;transition:.5s;transform:scale(.2,1);opacity:0}
.ix-khsh .swiper-slide:hover:after {transform: scale(1); opacity: 0.1;}



/*其他活动*/
.ix-order .item{position:relative;background: #000;}
.ix-order .item img{width:100%;  opacity: 0.5;}
.ix-order .item .content{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center}
.ix-order .item .content:before{content:'';height:calc(100% - 100px);width:calc(100% - 150px);border-top:1px solid var(--white);border-bottom:1px solid var(--white);position:absolute;top:50px;bottom:50px;left:75px;right:75px;z-index:5;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}
.ix-order .item .content:after{content:'';height:calc(100% - 60px);width:calc(100% - 190px);border-left:1px solid var(--white);border-right:1px solid var(--white);position:absolute;top:30px;bottom:30px;left:95px;right:95px;z-index:5;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}
.ix-order .item:hover .content:before{height:calc(100% - 60px);top:30px;bottom:30px}
.ix-order .item:hover .content:after{width:calc(100% - 150px);left:75px;right:75px}
.ix-order .item .content .text{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:9}
.ix-order .item .content h6{font-size:20px;font-weight:400;text-transform:capitalize;color:var(--white)}
.ix-order .item .content h4{font-weight:700;color:var(--white);padding:10px 0}
.ix-order .item .content a{font-weight:400;font-size:18px;line-height:28px;color:var(--white);text-transform:capitalize;text-decoration:underline}

.ix-order .item .content a:hover{color:var(--theme-color);}

/*新闻资讯*/
.blog-item{margin-bottom:30px;-webkit-transition:.5s;transition:.5s}
.blog-item:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.blog-item:hover .top span{color:#fff;background-color:var(--theme-color);border:7px solid #fff}
.blog-item .top{position:relative;margin-bottom:25px;border-radius:10px}
.blog-item .top a{display:block}
.blog-item .top a img{width:100%;border-radius:10px}
.blog-item .top span{display:inline-block;width:85px;height:85px;padding-top:11px; line-height: 100%; font-size: 24px; text-align:center;color:#363636;background-color:#fff;border:7px solid #f5f5f5;font-weight:600;border-radius:50%;position:absolute;bottom:-20px;right:-4px;-webkit-transition:.5s;transition:.5s}
.blog-item .top span b{display: block; font-weight: normal; font-size: 14px;}
.blog-item .bottom .t1{line-height:1.4;font-size:20px;margin-bottom:10px}
.blog-item .bottom .t1 a{color:#363636}
.blog-item .bottom .t1 a:hover{color:var(--theme-color)}
.blog-item .bottom p{margin-bottom:14px;     color: #666;}
.blog-item .bottom .blog-btn{display:inline-block;font-weight:600;color:#363636}
.blog-item .bottom .blog-btn:hover{color:var(--theme-color)}
.blog-item .bottom .blog-btn:hover i{-webkit-animation:blog-rotate-ani 2s infinite linear;animation:blog-rotate-ani 2s infinite linear}
.blog-item .bottom .blog-btn i{display:inline-block;-webkit-transition:.5s;transition:.5s;font-size:17px;position:relative;top:3px}
@-webkit-keyframes blog-rotate-ani{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes blog-rotate-ani{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


/*底部*/

.ix-footer{ color:#999; }
.ix-footer .ix-foot-a{background:#333; padding-top: 60px;}
.ix-footer .ix-foot-b{border-top:none; background: #2b2b2b;}

.ifa-logo{ width: 25%; padding-right: 40px; }
.ifa-logo img{ max-width: 190px; padding-bottom: 20px;}
.ifa-nav{ width: 75%;}
.ifa-nav ul li{ float: left; width: 22%;}
.ifa-nav ul li a{ display: block;}
.ifa-nav ul li:nth-child(4){ width: 34%;}
.ifa-nav ul li h1{font-size:1.5rem; color:#fff; margin-bottom: 20px; display: inline-block; font-weight: normal;}
.ifa-nav ul li a{ line-height: 200%; color: #999; transition: all 0.36s ease; transition: all 0.36s ease;     padding-bottom: 5px; }
.ifa-nav ul li a:hover{color: #fff;}
.ifa-nav ul li a:hover i{color: #fff;}
.ifa-nav ul li i{ font-size: 18px; color:#999; display: inline-block; padding-right: 10px;}
.ifa-nav ul li p{ padding-bottom: 10px;}
.ifa-nav ul li input{ width: 100%; background: #f5f5f5; height: 3.125rem; line-height: 3.125rem; border-radius: 6px; padding: 0 1.875rem; border: solid 1px #d9d9d9; margin-top: 15px;}


.ifa-nav ul li a.mm-an{transition: all 0.36s ease;  height: 3.125rem; line-height: 3.125rem; padding: 0 1.875rem; display: inline-block; margin: 20px 0 0; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; background: var(--theme-color); color:#fff; border: var(--theme-color); display: inline-block; font-size: 1rem;}
.ifa-nav ul li a.mm-an i{ color: #fff; font-size: 18px; padding-left: 10px; transition: all 0.36s ease;}
.ifa-nav ul li a.mm-an:hover{ background: var(--theme-color2); color:#fff; border: var(--theme-color2);}
.ifa-nav ul li a.mm-an:hover i{color:#fff;}



.ix-foot-b .ix-foot-db{  position: relative; line-height:160%;  text-align: center;}

.ifb-tell i{ color:#999; font-size: 4rem; display: block;     margin-top: -16px;}
.ifb-tell { padding-top: 25px;}
.ifb-tell .d2{ padding-left: 20px;}
.ifb-tell  h1{font-size: 1.8rem; color:#999; line-height: 120%; font-weight: normal;}

.ix-foot-db-2 img{margin-left: 20px; opacity: 0.6;}

/*搜索*/
.m-top-ico{ position:absolute; right:8%; top:13px;}
.m-top-ico i{margin-left: 15px;}
.sc-mask { width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: fixed; left: 0; top: 0; z-index: 998; display: none; }
.sc_pop { display: flex;   width: 40%;position: fixed; left: 50%; top: 50%; transform: translate(-50%,0%); z-index: 999; opacity: 0; transition: ease 1s; visibility: hidden; }
.sc_pop.active { visibility: visible; opacity: 1; transform: translate(-50%,-50%);   }
.sc_pop .input_text { flex: 4;  width: 80%; height: 50px; line-height: 50px;  padding: 0 20px; background: #fff; border: none; font-size: 16px; color:#666; }
.sc_pop .input_text::placeholder { color:#999; }
.sc_pop .scbtn { flex:1; display: block; width: 20%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: var(--theme-color); font-size: 18px; }

/*列表页面*/
.pg-banner{ height: 320px; max-width: 1920px; margin: 0px auto; text-align: center; display: table; width: 100%;}
.pg-ban-tit{ display: table-cell; vertical-align: middle; color:#fff; }
.pg-banner h1{ font-size: 2.5rem; padding-bottom: 0.625rem; font-weight: normal;}
.pg-banner p span{display: inline-block; padding:0px 10px;}
.pg-banner p i{font-size: 18px;}

.pg-pro-list .pi01Details{ padding: 0px; padding-top: 15px; padding-bottom: 20px;}
.pg-pro-tit{border-bottom: solid 1px #e5e5e5;}
.pg-pro-tit .ppt-t1{line-height: 2.3rem; position: relative;}
.pg-nav-button{display: none;}
.pg-pro-tit .ppt-t2 span{ display: inline-block; border: solid 1px #e5e5e5; border-radius: 6px; height: 2.5rem; line-height: 2.3rem; padding: 0px 20px; width: 250px; margin-left: 20px; position: relative;  cursor: pointer;}
.pg-pro-tit .ppt-t2 span i{position: absolute; display: block; font-size: 1rem; top: 0; right: 20px; transition: all 0.36s ease;}
.pg-pro-tit .ppt-t2 span ul{opacity: 0; visibility: hidden; transition: all 0.36s ease; position: absolute; top: 4.8rem; left: 0; right: 0; z-index: 1;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 6px; background: #fff;}
.pg-pro-tit .ppt-t2 span ul li{height: 2.5rem; line-height: 2.5rem;}
.pg-pro-tit .ppt-t2 span ul li a{  display: block; padding: 0px 20px; transition: all 0.36s ease;}
.pg-pro-tit .ppt-t2 span ul li a:hover{background: var(--theme-color); color:#fff;}

.pg-pro-tit .ppt-t2 span.on i{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);}
.pg-pro-tit .ppt-t2 span.on ul{ opacity: 1; visibility: visible; top:2.8rem;}

.pg-pro-zz .ihp-box{ margin-bottom: 40px;}



/*右边筛选*/
.pg-nav-mk{ opacity: 1; visibility: visible; background: #fff; padding-bottom: 40px; padding-top: 20px;}
.pg-nav-list{ padding: 15px 20px; }
.pg-nav-list .pnl-t1{ font-size: 1.5rem; color:#333;}
.pg-nav-list ul {display: flex; flex-wrap: wrap;}
.pg-nav-list ul li{ line-height: 180%; padding-top: 20px; padding-right: 20px;}
.pg-nav-list ul li a{ display: block;  transition: all 0.36s ease;  border: solid 1px #e5e5e5; border-radius: 4px; padding: 5px 20px;}
.pg-nav-list ul li a.active{color:var(--theme-color);}
.pg-nav-list ul li a.ak span{display:inline-block; width: 18px; height: 18px; line-height: 15px; text-align: center; border-radius: 4px; border: solid 1px #d9d9d9; border-radius: 4px; vertical-align: initial; margin-right: 10px; transition: all 0.36s ease;}
.pg-nav-list ul li a.ak span i{font-size: 0.6rem; vertical-align: middle; display: inline-block; color: var(--theme-color); opacity: 0; visibility: hidden; transition: all 0.36s ease;}
.pg-nav-list ul li a.ak.on{color: var(--theme-color);}


.pnl-search{     margin-top: 10px; width: 20%; height: 45px; ;line-height: 45px; border: solid 1px var(--theme-color); background: var(--theme-color); text-align: center; margin-left: 20px; color: #fff; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; transition: all 0.36s ease;}
.pnl-search span{display: block; float: left; width: 50%; height: 43px; line-height: 43px; border-top-left-radius: 1rem; cursor: pointer; font-size: 18px; }
.pnl-search span.s1{background:#fff; color: var(--theme-color);}
.pnl-search:hover{background-color: var(--theme-color2); border: solid 1px var(--theme-color2);}
.pnl-search:hover span.s1{color: var(--theme-color2);}

.pg-nav-list.aabbcc ul li a{position: relative;}
.pg-nav-list ul li a.ak.on span i{ opacity: 1; visibility: visible;}
.pg-nav-list ul li a.ak.on span{color: var(--theme-color);}

.pg-nav-box{padding-bottom: 10px;}

/*==分页==*/
.paginator{ font-family:Arial; text-align: center; }
.paginator a { transition: all 0.36s ease;  width:36px; color: #666;  text-align:center; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#f2f2f2;  margin:0 5px; color:#666; transition: all 0.36s ease;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:var(--theme-color); color:#fff !important; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:var(--theme-color); margin-left: 5px; }
.paginatordis{ display:none;}
.pg-next.abc .paginator a { background:#fff;}
.pnl-close{ display: none;}


.paginator.hhs a{background: #fff;}
.paginator.hhs  a:hover{background: var(--theme-color);}


/*===产品详情===*/
.pg-sw-a .swiper-button-next, .pg-sw-a .swiper-button-prev{ width: 40px; height: 40px; background: rgba(0, 0, 0, 0.1); transition: all 0.36s ease;}



.pg-sw-a{width: 100%; position: relative; padding: 0px 60px; }
.pg-sw-b .swiper-pagination{position: absolute;}

.pg-sw-b{width: 100%; padding-bottom: 20px;}
.pg-deta-lb  .swiper-slide img{max-width: 100%; border-radius: 6px; }
.pg-sw-b .swiper-pagination-bullet-active{background: var(--theme-color);}
#thumbs2 .swiper-slide img{border: solid 2px #fff;  transition: all 0.36s ease;      width: calc(100% - 4px);  }
#thumbs2 .swiper-slide.swiper-slide-thumb-active img{opacity: 1; border: solid 2px var(--theme-color); }

.pg-sw-a .swiper-button-next{ right: 0;}
.pg-sw-a .swiper-button-prev{ left: 0;}

.pg-sw-a .swiper-button-next i, .pg-sw-a .swiper-button-prev i{font-size: 14px; color:#666; top: 10px; transition: all 0.36s ease;}

.pg-sw-a .swiper-button-next:hover i, .pg-sw-a .swiper-button-prev:hover i{color: #fff;}

.pg-sw-a .swiper-button-next:hover, .pg-sw-a .swiper-button-prev:hover {background: var(--theme-color);}



.mz-hint{display: none !important;}
.pg-deta-tit  .pdt-t1 span{padding: 2px 5px; background: #f1f6ff; color:var(--theme-color); border-radius: 4px; display: inline-block; margin-right: 10px; font-weight: 600; }
.pg-deta-tit  .pdt-t1 i{ font-size: 1rem; display: inline-block; padding-right: 5px; color:#f5c12f;}
.pg-deta-tit  .pdt-t2{ padding: 10px 0px; font-size: 1.5rem; line-height: 150%; color: #333; font-weight: bold;}
.pg-deta-tit  .pdt-t3{ font-size: 1rem; color:#999; padding-bottom: 10px; padding-top: 15px;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs b{display: block; padding-bottom: 10px; color: #333;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs span{display: inline-block; margin-right: 20px; margin-bottom: 20px; padding: 0.4rem 10px; border-radius: 4px; border: solid 1px #e5e5e5; cursor: pointer; transition: all 0.36s ease;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs span:hover{background: var(--theme-color); border: solid 1px var(--theme-color); color: #fff;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs span.on{background: var(--theme-color); border: solid 1px var(--theme-color); color: #fff;}

.pg-deta-tit  .pdt-t5 .pdt-t5-1{ width: 138px; border: solid 1px #e5e5e5; padding: 0px 20px; height: 50px; line-height: 50px;  border-radius: 50px;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a{ display: inline-block; width: 20px; font-size: 18px; cursor: pointer; color: #ccc; transition: all 0.36s ease;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a:hover{color: var(--theme-color);}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 input{display: inline-block; width: 40px; border: none; padding: 0px; height: 30px; text-align: center; color: #333;    vertical-align: initial; font-size: 1.5rem;text-align: center; }

.pg-deta-tit  .pdt-t5 .pdt-t5-2{  margin: 0px 20px; padding: 0px 80px; background: var(--theme-color); height: 50px; line-height: 50px;  color: #fff; border-radius: 50px; text-align: center;  border: solid 1px var(--theme-color);}
.pg-deta-tit  .pdt-t5 .pdt-t5-2 a{color:#fff;}
.pg-deta-tit  .pdt-t5 .pdt-t5-2 i{display: inline-block; padding-right: 5px; vertical-align: middle;}
.pg-deta-tit  .pdt-t5 .pdt-t5-3{  color:#ccc; font-weight: normal; border: solid 1px #e5e5e5;width: 50px; text-align: center; height: 50px; line-height: 50px;  border-radius: 50px; transition: all 0.36s ease; cursor: pointer;}
.pg-deta-tit  .pdt-t5 .pdt-t5-3.on{ background: var(--theme-color); border: solid 1px var(--theme-color); color: #fff;}
.pg-deta-tit  .pdt-t6{ padding-top: 10px;}
.pg-deta-tit  .pdt-t6 p{ color:#999; padding-top: 5px;}
.pg-deta-tit  .pdt-t6 p span{color:#333; font-weight: bold;}
.pg-deta-tit  .pdt-t6 p i{font-size: 18px; display: inline-block; padding-right: 10px; color:#666}

.pg-pro-li{position: relative;  transition: all 0.36s ease; border: solid 1px #e0e0e0; padding: 10px; border-radius: 4px; padding-left: 60px; margin-bottom: 20px; min-height: 58px;} 
.pg-pro-li img { position: absolute; left: 10px; width: 40px; top: 10px; transition: all 0.36s ease;}
.pg-pro-li p{line-height: 130%; font-size: 0.9rem; color: #999;}

.pg-text p{ line-height: 180%; color: #666;}
.pg-text p img{max-width: 100%;}
.ix-pro-list.pg-pro-dd .swiper-pagination .swiper-pagination-bullet{background: rgba(0,0,0,0.2);}
.ix-pro-list.pg-pro-dd .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--theme-color);}


.pg-deta-tit .pdt-t22 span{font-size: 2rem; color: var(--theme-color); line-height: 120%;font-weight: bold;}
.pg-deta-tit .pdt-t22 b{font-size: 18px; color: #aeb3c3; position: relative;text-decoration: none;  padding: 0 6px;  margin: 0 0 0 10px; font-weight: 400; vertical-align: text-bottom; }
.pg-deta-tit .pdt-t22 b::after{    content: ''; position: absolute; left: 0; top: 13px; width: 100%; height: 1px; line-height: 1; background: #aeb3c3; margin: 0;}


.pg-deta-tit.abc .pdt-t1{ padding-top: 20px;}
.pg-deta-tit.abc  .pdt-t4 .pdt-t4-cs{ padding-top: 10px;}
.pg-deta-tit.abc  .pdt-t5{ padding-top: 10px;}
.pg-deta-tit.abc  .pdt-t6 p{  padding-top: 15px;}




/*===产品介绍===*/
#thumbs3 .swiper-wrapper{ margin: 0px auto; text-align: center; display: block;  }
#thumbs3 .swiper-slide.swiper-slide-thumb-active{color: #fff;   background: var(--theme-color); border: solid 1px var(--theme-color); }
#thumbs3 .swiper-slide{ text-align: center;  display: block; cursor: pointer; flex-shrink: initial; border-radius: 6px;     font-size: 18px; transition: all 0.36s ease; height: 43px !important; line-height: 43px; margin-bottom: 20px; border: solid 1px #e0e0e0;}
#thumbs3 .swiper-slide:hover{color: #fff;   background: var(--theme-color); border: solid 1px var(--theme-color); }
.pg-gg p{ padding: 10px 20px; width: calc((100% - 80px)/2); margin-right: 40px; float: left;}
.pg-gg p:nth-child(4n+2), .pg-gg p:nth-child(4n+1){ background: #f5f5f5;}
.pg-gg p:nth-child(even){margin-right: 0px;}


.ix-pro-list.pg-pro-dd .ix-head h1{ padding-top: 6px;}


.pg-pro-xx {gap: 40px;}
.pg-sw-c{width: 300px;}
.pg-sw-d{width: calc(100% - 340px);}

.ix-head .ih-2{font-size: 24px; color:#333; font-weight: bold;}


/*===评论===*/
.pg-reviews{ padding-left: 5px;}
.pg-rm-head{font-size: 1.5rem; color: #333; padding-bottom: 20px;}
.pg-reviews ul li{ position: relative; padding-bottom: 20px; padding-left: 100px;}
.pg-reviews ul li img{ width: 80px; border-radius: 80px; position: absolute; left: 0; top: 0;}
.pg-reviews ul li .pr-t1{font-size: 18px; color:#333;}
.pg-reviews ul li .pr-t2{ color:#999; font-size: 1rem; padding: 10px 0px;}
.pg-reviews ul li .pr-t3 {color:#333; padding-bottom: 5px;}
.pg-reviews ul li .pr-t3 span{ color:#999; font-size: 0.8rem; display: inline-block; margin-left: 10px; }
.pg-reviews ul li .pr-t4 i{color:#f5c12f; font-size: 18px; margin-right: 5px; display: inline-block;}
.pg-reviews ul li .pr-t4 i.no{color: #d9d9d9;}


.pg-pro-deta .c3 .pg-bt{    font-size: 24px; line-height: 150%; color: #333; font-weight: bold; }
.pg-pro-deta .c3 ul li{background: #f5f5f5; margin-top: 20px;  border-radius: 6px;  }

.news-pro-li a{display:flex;align-items:center;gap:20px; justify-content: flex-start;}
.news-pro-li a .zsy-img{width:150px;}
.news-pro-li a .zsy-img img{width:100%;}
.news-pro-li a .tit{width: calc(100% - 210px);}
.news-pro-li a .tit .t1{color:#333; font-weight: 500;}
.news-pro-li a .tit .t2{color:#999;padding:5px 0;display:inline-block;}

.pg-pro-deta .c3 ul li a:hover .zsy-img img{transform: scale(1.08);}
.pg-pro-deta .c3 ul li a:hover .tit .t1{color:var(--theme-color)}

/*==留言==*/
.pg-message input{ height: 45px; line-height: 45px; border: solid 1px #e5e5e5; width: calc(100% - 10px); border-radius: 6px; outline: none; padding: 0px 20px; margin-bottom: 20px;}
.pg-message textarea{ height: 180px; border: solid 1px #e5e5e5; width: calc(100% - 10px); border-radius: 6px; outline: none; padding: 10px 20px; margin-bottom: 20px;}
.pg-message a{width: 100%; background-color: var(--theme-color); border-radius: 20px 0px 20px 0px; color:#fff; display:inline-block; height: 45px; line-height: 45px; text-align: center; transition: all 0.36s ease; }
.pg-message a:hover{background: #f5c12f;}
.pg-message .pm-xx{ padding-bottom: 10px;}
.pg-message .pm-xx i{ display: inline-block; padding-right: 10px; color:#d9d9d9; cursor: pointer; transition: all 0.36s ease;}
.pg-message .pm-xx i.on{color: var(--theme-color);}
/*最新产品*/
.ix-pro-list.bb .pi01Details{padding: 15px 0px;}

 /*图片广告*/
 .ix-img-zs img{max-width: 100%; }


 /*详情推荐商品*/
 .ix-hot-pro .sw-next, .ix-hot-pro .sw-prev{top: 20px;}





@media (max-width: 1499px) {
  /*导航*/
  .ix-nav ul li{ padding: 0px 20px;}
  .ix-nav{padding-left: 20px;}

  /*我们的产品*/
  .products-thumb i img{    height: 50px;}
  .products-area .sorting-menu ul li{flex: 0 0 45%; max-width: 45%;}


  /*秒杀*/
  .ix-xsms-content .text-charcoal{font-size: 32px;}
  .ix-xsms-content{top: 5%;}
  .ix-msycx .single-item .content{padding: 30px 20px;}
  .ix-msycx .single-item .t6{    font-size: 18px;}

  /*底部*/
  .ifb-tell i{ color:#999; font-size: 3rem; }
  .ifb-tell h1{font-size: 1.5rem;}
  .ifb-tell .d2{padding-left: 10px;}
  .ifa-logo{padding-right: 30px;}



}



@media (max-width: 1280px) {

/*=======移动端响应式导航======*/

.ix-header .ix-logo{padding-top:10px; line-height: 60px;}
.ix-header .ix-logo img{height:40px; margin-top: 0px;}
.ix-top-box{height: 60px; line-height: 60px;}
.ix-ico{line-height: 60px;}
.nax-an{line-height: 60px;}

.nax-an{ display:inline-block; font-size:30px; color:#333; padding-left: 30px;}
.ix-nav{width: 280px; height: 100%;  background: #fafafa; position: fixed; top: 0;  right: -380px;  z-index: 2000; overflow-x: hidden;  overflow-y: scroll;  transition: all .3s;  -webkit-transition: all .3s;}
.ix-nav ul li a{ color:#333;  padding:15px 0px;    padding:15px 0px;  padding-left:30px; display:inline-block; }
.ix-nav li{ display:block;  width:calc(100% - 0px); line-height:initial;border-bottom: 1px solid #ebebeb; }
.ix-nav li a:after{ width:10px; height:10px; border:solid 1px #d8d8d8; position:absolute; left:20px; top:22px; content:''; border-radius:10px;}
.ix-nav.open{right:0;}

  /*二级*/
 .ix-nav li .subnav{ opacity:initial; visibility:initial; transition:initial; display:none; position:initial; box-shadow:none; margin-bottom:20px; }
 .ix-nav li .subnav a{padding-left:30px; text-align:left;}
 .ix-nav li i.mobile-an{ transition:all 0.36s ease; transform:rotate(270deg); font-size: 14px; color:#b3b3b3; position:absolute; right:5px; top:12px; width: 30px; padding-left:0px; height: 30px; text-align: center; line-height:30px;}
 .ix-nav li .mobile-an.active{transform:rotate(360deg); }
 .ix-nav li:nth-child(1){padding:20px 0px; color:#666; text-align:right; display:block;}
 .ix-nav li i.yy{display:none;}



 /*移动端黑色层*/
 .nav-bg { display: none;background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
 .nav-bg.open{opacity: 1; z-index: 11; display: block;}

  /*=======移动端响应式导航-END======*/

  
  /*产品详情*/
  .pg-pro-deta .c3{display: none;}

}


@media (max-width: 1080px) {
 
/*手机搜索*/
.m-top-ico{ right: 15%;}
.sc_pop{    width: 90%;}
.sc_pop .input_text{ width: 60%;}
.sc_pop .scbtn{ width: 40%;     padding: 0px 1%;}







  /*底部*/
  .ifa-logo{ width: 100%; padding-bottom: 30px; position: relative;     padding-right: 0px;}
  .ifa-nav{ width: 100%;}
  /* .ifa-nav ul li{ width: 50%; display:inline-block; height: 100%; width: calc(50% - 3px);display: inline-block;height: 100%; float: initial; vertical-align: top;} */
  .ifa-nav ul li{ width: 100%; padding-bottom: 30px;}
  .ifa-nav ul li a{ display: inline-block; padding-right: 20px;}
  .ifa-nav ul li h1{ display: block; margin-bottom: 10px; padding-bottom: 15px;}
  .ifa-nav ul li p{ padding-bottom: 15px;}
  .ifa-nav ul li:nth-child(4){ padding-bottom: 0px; width: 100%; }

  .ix-foot-b .ix-foot-db{ text-align: left;}
  .ix-foot-b .ix-foot-db p{ display: inline-block;}
  .ix-footer .ix-foot-a{ padding-top: 40px;}

  /*头部*/

  .ix-head-links{ display: none;}

  .ix-ico span.m-menu{ display: inline-block; border-radius: 0%; width: 40px; height: 40px; background: #214da6; border-radius: 6px;}
  .ix-ico span.m-menu a i{color: #fff; }
  .ix-ico span{background: none; margin-left: 7px;}
  
  .search-input-area{padding: 33px 0px;}
  /*新品上市*/
  .banner__sidebar.position__relative{display: none;}

  /*优惠产品*/
  .healthy-section .product-wrapper .wrapper-img img{    width: calc(100% - 40px);}



  /*新闻资讯*/
  .hug-padding-right{ padding-right: 0ox; padding-right:0px; border-right: none;}
.type-post.abc{margin-bottom: 40px;}
.hug-padding-left{ padding-left: 0px;}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content .brator-blog-listing-single-item-info-2{margin-top: initial;}


/*优惠产品*/
.healthy-section .product-wrapper{display: flex; align-items: flex-end; flex-wrap: wrap;}
.healthy-section .product-wrapper .wrapper-img{ text-align: right;}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper .wrapper-img{text-align: left;}
.healthy-section .product-wrapper .wrapper-info{padding: 40px;}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper .wrapper-info{padding: 40px;}
.wrapper-img img{margin: 20px;}

/*我们的产品*/
.products-area .sorting-menu ul li{flex: 0 0 48%;     max-width: 48%;}
.products-area .sorting-menu ul li{ flex: 0 0 31%; max-width: 31%;}
.sorting-menu{padding-bottom: 30px;}

/*产品促销*/
.ix-pro-cx .row .col-lg-6:nth-child(2){margin-top: 30px;}
.ix-xsms-content{top: 15%;}
.ix-xsms-content .text-charcoal{font-size: 48px;}
.ix-xsms{margin-bottom: 30px;}

/*新闻资讯*/
.ix-news .ix-head.ty-zj{text-align: left;}
.ix-news .ix-head .t3{margin-left: 0;}


}

@media (max-width: 780px) {

  .ix-ban-bj .ib-tit .ib-t1{font-size: 2rem;}
  
  /*底部*/
  .ifa-logo{ width: 100%;}

  /*产品详情*/
  .pg-deta-tit{ padding-top: 30px;}
  .pg-gg p{width: 100%; margin-right: 0px;}
  .pg-gg p:nth-child(4n+2), .pg-gg p:nth-child(4n+1){background-color: #fff;}
  .pg-gg p:nth-child(odd){background: #f5f5f5;}

  

  /*产品右边导航响应式*/
  .pg-nav-mk{position: fixed;opacity: 0; visibility: hidden; transition: all 0.36s ease; width: 100% !important;background: rgba(255,255,255,0.95);top: -100% ; left: 0; z-index: 111;  height: 100%; width: 100%; left: 0; right: 0;  bottom: 0 !important; }
  .pg-nav-list ul li{ display: inline-block; padding-right: 20px;}
  .pg-nav-box{ height: calc(100% - 125px);overflow: auto; padding: 20px; position: relative;}
  .pnl-search{position: absolute; bottom: 60px; left: 0px; visibility: visible !important; animation-name: fadeInUp !important; width: 250px;}
  .pnl-close{position: absolute; bottom: 0px; left: 0px; right: 0; display: block; text-align: center; visibility: visible !important; animation-name: fadeInUp !important;}
  .pnl-close i{ color:#666;     font-size: 2.5rem;}
  .pg-nav-mk.on{opacity: 1; visibility: visible; top: 0;}
  .pg-nav-list{visibility: visible !important; animation-name: fadeInUp !important; padding-bottom: 20px;}
  .pg-nav-list .pnl-t1{ font-size: 18px;}

  /*右边栏目筛选按钮*/
  .pg-pro-tit .ppt-t1{ width: 100%;}
  .pg-pro-tit .ppt-t2{ width: 100%; padding-top: 20px;}
  .pg-nav-button{ display: block; position:absolute; right: 0; top: 0; color: var(--theme-color); font-size: 18px;}
  .pg-nav-button i{font-size: 20px;}

  ::-webkit-scrollbar{width: 3px;height: 3px;background-color: #f6f6f6;}
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar-thumb{background-color: var(--theme-color);}

/*新品上市*/
.ix-news-pro .abc-mb4:nth-child(4){display: block;}
.banner__items{ margin-bottom: 40px;}
.ix-news-pro.pb8{padding-bottom: 40px;}

/*热门分类*/
.ix-sw-a{ width: 100%; position: initial;}
#thumbs-a{padding-top: 30px;}



/*产品列表*/
.pg-nav-list.aabbcc ul li a i{display: none;}

/*其他活动*/
.ix-order .container .row .col-lg-6:nth-child(2){margin-top: 30px;}


  }
@media (max-width: 640px) {
  .pt6{ padding-top: 30px;}
  .pb6{ padding-bottom: 30px;}
  .pt8{ padding-top: 30px;}
  .pb8{ padding-bottom: 30px;}
.pt4{padding-top: 30px;}
 .pb4{padding-bottom: 30px;}
 .pt10{ padding-top: 30px;}
 .pb10{ padding-bottom: 30px;}
 .row {margin-left: -10px;margin-right: -10px;}
 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{    padding-right: 10px;padding-left: 10px;}

 /*底部*/



  .ifa-logo{ width:100%; padding-bottom: 20px;}
  .ifa-logo img{padding-bottom: 10px;}
  .ifb-tell{ padding-top: 20px;}
  .ix-foot-b{ text-align:left;}
  .ifb-tell i{ width: 50px; height: 50px;}
  .ix-footer .ix-foot-a{ padding-top: 30px;}

.ix-foot-db-2.right{ float: left;}
.ifa-nav ul li h1{padding-bottom: 0px;}
.ifa-nav ul li{    padding-bottom: 10px;}
.ifa-nav ul li a{ line-height: 180%;}



/*顶部*/
.ix-head-top .swiper-container{display: none;}
.ix-ico span{ margin-right: 0; padding-left: 5px;}
.ix-ico a.join{display: none;}
.nax-an{padding-left: 0px;}
.ix-ban-bj .ib-tit .ib-t0{width: 100%;}

.ix-ban-bj .ib-tit .ib-t1{width: 100%;}
.ix-ban-bj .ib-tit .ib-t1{padding-bottom: 20px;}

.nav-colose{padding-right: 15px; font-size: 22px;}

.ix-nav li .subnav a{font-size: 16px;}
  /*logo*/
  .ix-logo{ width: initial; padding-right: 0px;}
  .ix-logo img{ height: 40px; width: initial;}
  .ix-logo-nav-ico.pt2.pb2{ padding: 10px 0px;}
  .ix-ico{padding-top: 0px;  }

  /*banner*/
  .ix-menu-banner .container{ padding: 0px;}
  .ix-banner .ix-ban-bj{ height: 300px;     background-position-x: 45% !important;}
  .ix-banner{border-radius: 0px;}
  .ix-more{width: 150px;}
  .ix-ban-bj .ib-tit .container{padding-left: 0px;}
  .ix-ban-bj .ib-tit .ib-t1{font-size: 1.8rem; line-height: 120%;}
  .ix-ban-bj .ib-tit{ padding-left: 20px;}
  .ix-more{ width: initial; height: 40px; line-height: 40px; width: 150px;}
  .features-section{ padding-left: 20px; padding-right: 20px;}

  .ix-menu-banner .container .col-sm-12{ padding-right: 0px;     padding-left: 0px;}
  .ix-menu-banner .container .row{margin-left: 0px; margin-right: 0px;}
  
  .ix-banner .swiper-button-next,   .ix-banner .swiper-button-prev{ display: none;}

  /*我们的优势*/
  .ix-yszs .container{margin-top: 0px;}
  .ix-yszs .ix-yszs-box{padding: 0px; padding-top: 20px;}
  .ix-yszs .container{box-shadow: none;}
  .ix-yszs .iyb-img{width: 60px;}
  .ix-yszs .iyb-img img{height: 60px;}
  .ix-yszs .iyb-tit{    width: calc(100% - 80px);}
  .ix-yszs .iyb-tit .t1{line-height: 120%;}

/*优惠产品*/
.healthy-section .product-wrapper .wrapper-info{padding: 20px;}
.healthy-section .product-wrapper{display: block; margin-bottom: 30px;}
.healthy-section .product-wrapper .wrapper-info .wrapper-details{font-size: 24px; padding-bottom: 20px;}
.healthy-section .row .col-lg-4:nth-child(2) .product-wrapper .wrapper-info{padding: 20px;}
/*搜索*/
.search-an{height: 47px; line-height: 47px;}

.search-input-area{padding: 28px 0px;}
/*通用栏目*/
.ix-head .t3{width: 100%;}
.ix-head .t2{font-size: 28px;     line-height: 120%; padding-top: 10px;}
.sw-next, .sw-prev{width: 40px; height: 40px; line-height: 40px;}
.sw-prev{right: 80px;}

/*我们的产品*/
.products-area .sorting-menu ul li{flex: 0 0 29%; max-width: 29%;}
.products-area .sorting-menu ul li:nth-last-child(1){display: none;}
.products-thumb span{height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.products-item .top .inner .h3 a{    font-size: 18px; padding-bottom: 10px;}
.products-item{padding-bottom: 20px; margin-bottom: 20px;}

.products-item .bottom:hover a{ right: 5px;}
/*产品促销*/
.ix-pro-cx a .info .content .title{font-size: 24px;}
.ix-pro-cx a .info{padding: 40px 20px;}

/*秒杀*/
.ix-xsms-content .text-charcoal{font-size: 30px;}
.ulinaCountDown .countdown-row span{display:inline-block;width:50px; height: 50px; margin:0px 15px;}
.ulinaCountDown .countdown-row span{display:inline-block;width:50px;margin:0px 15px;}
.ulinaCountDown .countdown-row span span:first-child{height:50px;width:50px;line-height:50px;}
.ulinaCountDown .countdown-row span span:first-child:after{content:':';font-size:24px;line-height:1;color:#212529;position:absolute;right:-18px;top:10px;}
.ix-xsms-content .sub-title{padding-bottom: 20px;}
.ix-xsms-content{ top: 10%;}
.countDownWrap{  padding-bottom: 20px;}

.ix-msycx .single-item{    background: #f5f5f5;  min-height: 280px; display: flex;  align-items: flex-end;}

/*其他活动*/
.ix-order .item .content:after{height: calc(100% - 80px); width: calc(100% - 80px);top: 40px;left: 40px; right: 0;}
  .ix-order .item .content:before{ height: calc(100% - 100px); width: calc(100% - 60px); top: 50px; bottom: 50px; left: 30px;  right: 75px;}

/*客户反馈*/
.ix-khsh .single{    padding: 30px 20px;}
.quote{position: absolute; right: 30px; top:30px;}

/*内页banner*/
.pg-banner{ height: 120px;}
.pg-banner h1{ font-size: 24px;}


/*内页产品列表*/
.pg-nav-mk{padding-top: 0px;}
.pg-pro-tit.pt6{padding-top: 0px;}
.pg-nav-box{width: 100%; padding: 20px 0px;}
.pg-pro-tit .ppt-t2 span{    width: calc(100% - 75px);}

/*产品详情*/
.pg-deta-tit .pdt-t5 .pdt-t5-1{     padding: 0px 10px; width: initial;}
.pg-deta-tit .pdt-t5 .pdt-t5-2{ padding: 0px 15px;  margin: 0px 10px;}
.pg-deta-tit .pdt-t5 .pdt-t5-1 input{    width: 30px;}

.pg-sw-c{width: 100%;}
.pg-sw-d{width: 100%;}
#thumbs3 .swiper-slide{margin-left: 0px;}
}