@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; }
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{ height: 100%; width: 100%;}
a{color: #333;text-decoration: none;}
a:hover{color: #2659bf;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: #2659bf;}

.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{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f7f7f7;z-index:999999}
.preloader{width:50px;height:50px;display:inline-block;padding:0;text-align:left;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}
.preloader span{position:absolute;display:inline-block;width:50px;height:50px;border-radius:100%;background:#2659bf;-webkit-animation:preloader 1.3s linear infinite;animation:preloader 1.3s linear infinite}
.preloader span:last-child{animation-delay:-0.8s;-webkit-animation-delay:-0.8s}
@keyframes preloader{0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
@-webkit-keyframes preloader{0%{-webkit-transform:scale(0,0);opacity:.5}
100%{-webkit-transform:scale(1,1);opacity:0}
}



@media (min-width: 1440px) {
    .container{ max-width: 1440px; } 
}
.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=1675735883796') format('woff2'),
       url('../font2/iconfont.woff?t=1675735883796') format('woff'),
       url('../font2/iconfont.ttf?t=1675735883796') format('truetype');
}



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

/*===============================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: #2659bf;}



/*搜索*/
.search-input-area{transition:all 500ms ease;visibility:hidden;transform:translateY(-100%);opacity:0;position:fixed;top:0;left:0;width:100%;padding:20px 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{ position: absolute; right: 0; top: 0px;  right: 0px; padding: 0px 20px; height: 50px; line-height: 50px; background: #2659bf; color: #fff; border-radius:0px 6px 6px 0px; cursor: pointer; transition: all 0.36s ease;}
.search-an:hover{background: #df9e1f;}
/*顶部*/
.ix-head-top{padding: 10px 0px; line-height: 100%; background: #2659bf; color: #fff; text-align: center;}
.ix-head-top a{color: #fff; padding-left: 5px;}
.ix-head-top a i{font-size: 0.9rem; }


/*顶部快速链接*/
.ix-head-links{ position: relative; z-index: 11;}
.ix-head-links .container{background: #f2f2f2; line-height: 100%; padding: 10px 20px; border-radius: 0px 0px 10px 10px; }
.ix-head-links .container .ihl-a a{ display: inline-block; padding-right: 15px;}
.ix-head-links .container .ihl-b i{display: inline-block; padding-right: 5px; vertical-align: middle;}
.ix-head-links b{ padding: 0px 15px; color: #2659bf; font-weight: normal;}
.ix-head-links .ihl-b-yy{ display: inline-block; cursor: pointer; }
.ix-head-links .ihl-b-yy i{font-size: 0.9rem; display: inline-block; padding-left: 5px;}
.ix-head-links .ihl-b-yy span{position: relative;}
.ix-head-links .ihl-b-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-head-links .ihl-b-yy .iby-list a{ display: block; padding: 8px 10px; font-size: 0.9rem; transition: all 0.36s ease;}
.ix-head-links .ihl-b-yy .iby-list a:last-child{border-bottom: none;}
.ix-head-links .ihl-b-yy:hover .iby-list{ opacity: 1; visibility: visible; top: 25px;}
.ix-head-links .ihl-b-yy .iby-list a:hover{ background: #2659bf; color:#fff;}
/*顶部LOGO与导航 */
.ix-logo-nav-ico{position: relative; z-index: 2;}
.ix-logo{ padding-right: 50px; width: 240px;}
.ix-logo img{ width: 190px; height: 60px; }
.ix-nav{ padding-left: 5rem;}
.ix-nav ul li{ float: left; position: relative; line-height: 60px; padding: 0px 2.5rem;}
.ix-nav ul li i{font-size: 0.9rem; display: inline-block; padding-left: 8px; color:#b3b3b3}

.ix-nav ul li>a{ position: relative; font-size: 1.3rem; color:#333;}
.ix-nav ul li .nav2{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 100px; transition: all 0.36s ease; background:#fff; border-top: solid 3px #2659bf; width: 200px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 6px; overflow: hidden;}
.ix-nav ul li .nav2 a{display: block; padding: 16px 20px; line-height: 100%; border-bottom: solid 1px #e5e5e5; font-size: 1.1rem;}
.ix-nav ul li .nav2 a:last-child{border-bottom: none;}
.ix-nav ul li:hover .nav2{opacity: 1; visibility: visible; top: 60px;}
.ix-ico{ padding-top: 10px;}
.ix-ico span{ display: inline-block; margin-left: 17px; background-color: #f2f2f2; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; transition: all 0.36s ease;}
.ix-ico span i{display: inline-block; transition: all 0.36s ease;}
.ix-ico span:hover{background-color: #2659bf; color:#fff;}
.ix-ico span:hover i{ color:#fff}
.ix-ico span.m-menu { font-weight: normal; background: none;  display: none;}
.ix-ico span.m-menu a i{font-size: 1.6rem;}
/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px; display: none; z-index: 1;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #666; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:1.2rem;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:1.1rem; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #2659bf; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;}

.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;}


/*轮播*/
.ix-banner{ border-radius: 6px; overflow:hidden;}
.ix-banner .swiper-container{ width: 100%;}
.ix-banner .sw-box{height: 100%; overflow: hidden;}
.ix-banner .ix-ban-bj{ width: 100%; height: 400px; transition: all 0.36s ease; display: table; }
.ix-ban-bj .ib-tit{    display: table-cell; vertical-align: middle;}
.ix-ban-bj .ib-tit .container{padding-left: 50px;}
.ix-ban-bj .ib-tit .ib-t1{ font-size: 3.5rem; color:#333333; font-weight: 600; width: 80%; line-height: 100%; padding: 15px 0px;  }
.ix-ban-bj .ib-tit .ib-t2{ font-size: 1rem; width: 50%;  }
.ix-ban-bj .ib-tit .ib-t3{ font-size: 2rem; color:#0f9960; font-weight: 600; font-family: Arial;}
.ix-ban-bj .ib-tit .ib-t3 span{display: inline-block; padding-left: 1.25rem; font-size: 1.2rem; 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; overflow: hidden; display: inline-block; font-size:1.2rem; color:#fff; background: #2659bf; width:180px; height: 3.125rem; text-align: center; line-height: 3.125rem; padding:0 1rem; margin:1rem 0 0;  
	border-top-left-radius: 1rem;  border-bottom-right-radius: 1rem;  transition: all 0.36s ease;}
.ix-more i { font-size: 20px; display: inline-block; padding-left: 10px; transition: all 0.3s ease;  }
.bounceRight { -webkit-animation-name: bounceRight;  animation-name: bounceRight;  }
.zb-xg { -webkit-animation-name: zb-xg;  animation-name: zb-xg;  }
.ix-more:hover{color: #fff; background:#df9e1f !important;}

.ix-banner .swiper-button-prev, .ix-banner .swiper-button-next{    width: calc(var(--swiper-navigation-size)/ 40 * 40); outline: none; display: none;}
.ix-banner .swiper-button-prev:after, .ix-banner .swiper-button-next:after{transition: all 0.36s ease; font-size: 1.2rem; width: 40px; height: 40px; border: solid 1px #fff; border-radius: 40px; text-align: center; line-height: 40px;  display: block; color: #fff;}
.ix-banner .swiper-button-prev:hover:after, .ix-banner .swiper-button-next:hover:after{background: #2659bf; border: solid 1px #2659bf; }
.ix-banner .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; border-radius:8px; background:rgba(255,255,255,1); margin:0px 5px; transition:all 0.36s ease; opacity:1; }
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:40px; background:#2659bf; }

/*右边导航*/
.ix-menu{border-radius: 6px; overflow: hidden; background: #f5f5f5; }
.ix-menu .ix-menu-head{ height: 50px; background: #2659bf; color: #fff; line-height: 50px; padding: 0px 20px; position: relative; font-size: 1.5rem;}
.ix-menu .ix-menu-head i{position: absolute; right: 20px; top:0; font-size: 0.9rem;}
.ix-menu ul{padding: 7px 0px;}
.ix-menu ul li a{ display: block; padding: 7px 20px; position: relative; font-size: 1.2rem; transition: all 0.36s ease;}
.ix-menu ul li i{ position: absolute; right: 20px; top: 10px; font-size: 1.1rem; color:#b3b3b3}
.ix-menu ul li a:hover i{color: #2659bf;}


/*购物车*/
.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; }


/*模块1*/
.features-section{ padding-left: 3rem; padding-right: 3rem;}
.feature-block{position:relative; overflow: hidden; margin-bottom: 30px;}
.feature-block .inner-box{position:relative;padding:40px;background-color:#f7fbff;min-height:280px; overflow: hidden; border-radius: 6px; }
.feature-block .image{position:absolute;right:0;bottom:0;  width: 45%;     text-align: right;}
.feature-block .image img{max-width: 100%; transition: all 0.36s ease;}
.feature-block .inner-box h5{position:relative;font-size:16px;margin-bottom:10px;     font-size: 1.1rem;}
.feature-block .inner-box h4{font-size:30px;font-weight:700;margin-bottom:15px; color: #2659bf;}
.feature-block .price{position:relative;font-size:24px;font-weight:700;margin-bottom:25px; color: #f5aa18 ;}
.feature-block .inner-box .link-box{position:relative}
.btn-style-one.style-two {   position: relative;display: inline-block;line-height: 45px; height: 45px; color: #333; border: solid 1px #cccc; padding: 0px 30px; font-size: 1.1rem; border-radius: 6px; overflow: hidden; text-transform: capitalize; vertical-align: middle;}
.btn-style-one:before{position:absolute;left:0;top:0;height:100%;width:0;content:"";background-color:#2659bf;transition:.5s;}
.btn-style-one:hover:before{width:100%;}
.btn-style-one:hover{color: #fff;}
.btn-style-one span {position: relative;}
.btn-style-one span i{ font-size: 1rem; display: inline-block; padding-left: 5px;}
.feature-block .inner-box:before{background:rgba(0,0,0,0.2);content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.feature-block .inner-box:after{background:rgba(0,0,0,0.2);bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.feature-block .inner-box:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.feature-block .inner-box:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.feature-block .inner-box:hover img{-webkit-transform:scale(1.06) rotate(1deg);-ms-transform:scale(1.06) rotate(1deg);transform:scale(1.06) rotate(1deg)}

/*模块2*/
.banner-img{position:relative;     text-align: center;}
.banner-img img{max-width: 100%;}
.banner-img .inner-content{position:absolute;top:50%;left:50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.banner-img .inner-content h3{color: #f6b418; } 
.banner-img .inner-content.text-right{left:auto;right:50px}
.banner-img .inner-content .title{text-transform:uppercase;font-size:1.5rem; padding: 15px 0px;}
.banner-img .inner-content .button-wrap a{padding: 0px 30px; height: 45px; line-height: 45px; font-size: 1.1rem; font-weight: normal;}
.banner-img .inner-content .button-wrap a i { font-size: 1rem; display: inline-block; padding-left: 5px;}
.btn-primary:hover{background-color: #f6b418; border: solid 1px #f6b418;}
.img-full { width: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center;}
.img-gradient-effect:before{background:#ee3231;background:-webkit-gradient(linear,left bottom,left top,from(#ee3231),color-stop(80%,#feeff0),to(white));background:-webkit-linear-gradient(bottom,#ee3231 0,#feeff0 80%,white 100%);background:-o-linear-gradient(bottom,#ee3231 0,#feeff0 80%,white 100%);background:linear-gradient(0deg,#ee3231 0,#feeff0 80%,white 100%);position:absolute;width:100%;height:100%;content:"";top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;pointer-events:none;z-index:1}
.img-gradient-effect:hover:before{opacity:.7;visibility:visible}
.img-zoom-effect{position:relative;overflow:hidden;cursor:pointer;display:block; border-radius: 6px;}
.img-zoom-effect img{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.img-zoom-effect:hover img{-webkit-transform:scale(1.06) rotate(1deg);-ms-transform:scale(1.06) rotate(1deg);transform:scale(1.06) rotate(1deg)}
.img-hover-effect{position:relative; padding-top: 40px;}
.img-hover-effect:before{background:rgba(255,255,255,0.41);content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.img-hover-effect:after{background:rgba(255,255,255,0.41);bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.img-hover-effect:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.img-hover-effect:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}




/*通用栏目*/
.ix-head{ position: relative;}
.ix-head .ih-1{ color:#2659bf; font-size: 1.2rem; position: relative;  }
/* .ix-head .ih-1::after{ content: ''; width: 20px; height: 2px; background: #2659bf; vertical-align: super; margin-left: 10px; display: inline-block;} */
.ix-head .ih-2{ font-size: 3rem; color:#333; line-height: 100%;padding-top: 5px; }
.ix-head .ih-3{padding-top: 10px; font-size: 1.2rem;}
.ix-head.dz2{ text-align:center; width: 50%; margin: 0px auto; color: #999;}

.ih-an{ position: absolute; right: 0px; top: 40px; font-size: 1.2rem; transition: all 0.36s ease;}
.ih-an i{font-size: 1rem; transition: all 0.36s ease;}
.ih-an a:hover{color: #2659bf;}
.ih-an a:hover i{color: #2659bf;}
/* 热销商品 */
.swiper-button-next:after, .swiper-button-prev:after{content: '';}
.sw-dw{position: relative;}
.ihp-box{ border:solid 1px #e5e5e5; border-radius: 6px; overflow: hidden; padding: 18px; position: relative; background: #fff;}
.ihp-box:hover .zsy-img .abc{ transition: all 0.36s ease;}
.ihp-box .zsy-img .abc.a2{opacity: 0; visibility: hidden;}
.ihp-tit-1{ padding-bottom: 5px;}
.ihp-tit-1 i{ font-size: 1.2rem; color: #f5be3d; }
.ihp-tit-1 i.c-h{ color: #d9d9d9;}
.ihp-tit-1 span{ display: inline-block; padding-left: 5px;}
.ihp-tit-2 a{ font-size: 1.35rem; color:#333;font-weight: normal; line-height: 150%; padding-bottom: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ihp-tit-3{color:#2659bf; font-weight: bold; transition: all 0.36s ease; height: 40px; line-height: 40px; font-size: 1.2rem;}
.ihp-tit-3 span{ display: inline-block; padding-left: 10px; color: #999; font-weight: normal;}
.ihp-tit-4{ position: absolute; bottom: -10px; margin: 0px auto; opacity: 0; visibility: hidden; width: calc(100% - 40px); height: 40px; text-align: center; line-height: 40px; background: #2659bf; color: #fff; border-radius: 6px; transition: all 0.36s ease; }
.ihp-tit-4 i{font-size: 1rem; display: inline-block; padding-left: 10px; font-weight: normal;}

.ihp-box:hover .ihp-tit-4{opacity: 1; visibility: visible;}
.ihp-box:hover .zsy-img .abc.a2{opacity: 0.8; visibility: visible;}
.ihp-box:hover .ihp-tit-3, .ihp-box:hover .zsy-img .abc.a1{opacity: 0; visibility: hidden;}
.ihp-box:hover .ihp-tit-4{bottom: 20px; transition: all 0.36s ease;}
.ihp-box:hover .ihp-tit-4 a{color: #fff;}
.ihp-box:hover .ihp-tit-4:hover{ background: #f5be3d;}
.sw-next, .sw-prev{top: 50px; padding: 0px 30px; border-radius: 10px; border: solid 1px #2659bf; height: 40px; line-height: 40px; transition: all 0.36s ease; outline: none;}
.sw-next i, .sw-prev i{font-size: 0.9rem; color: #2659bf; transition: all 0.36s ease;}
.sw-next{ right: 20px;}
.sw-prev{ right: 100px; left: initial;}
.sw-next:hover, .sw-prev:hover{border: solid 1px #2659bf; background: #2659bf;}
.sw-next:hover i, .sw-prev:hover i{ color:#fff}

.sw-pagin{text-align: center; width: calc(100% - 40px); padding-top: 30px;}
.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 #2659bf;}
.sw-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active::after{background: #2659bf;}


.pi01Actions{position:absolute;left:0;width:100%;display:flex;justify-content:center;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.pi01Actions a{width:48px;height:48px;background:#FFF;border-radius:50%;text-align:center;line-height:50px;font-size:16px;color:#999;margin:0 10px;opacity:0;visibility:hidden; box-shadow: 0px 0px 10px rgba(45,89,191,0.2);}
.pi01Actions a.pi01QuickView i{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.pi01Actions a:nth-child(01){-webkit-transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-moz-transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-ms-transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-o-transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transition:transform 400ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0)}
.pi01Actions a:nth-child(02){-webkit-transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-moz-transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-ms-transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-o-transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transition:transform 500ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0)}
.pi01Actions a:nth-child(03){-webkit-transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-moz-transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-ms-transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-o-transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transition:transform 600ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0)}
.pi01Actions a:nth-child(04){-webkit-transition:transform 700ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-moz-transition:transform 700ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-ms-transition:transform 700ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;-o-transition:transform 700ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transition:transform 700ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 350ms,visibility ease 350ms,background ease 350ms,color ease 350ms,border ease 350ms;transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0)}
.productItem01:hover .pi01Actions a:nth-child(01),.productItem01:hover .pi01Actions a:nth-child(02),.productItem01:hover .pi01Actions a:nth-child(03),.productItem01:hover .pi01Actions a:nth-child(04),.productItem02:hover .pi01Actions a:nth-child(01),.productItem02:hover .pi01Actions a:nth-child(02),.productItem02:hover .pi01Actions a:nth-child(03),.productItem02:hover .pi01Actions a:nth-child(04){opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}
.pi01Actions a:hover{background: #2659bf; color: #fff;}
.pi01Actions a.on{background:#f5be3d;color:#FFF}
.pi01Actions 


/*商品弹窗*/
.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;}


/*新品上市*/
.mt4{ margin-top: 40px;}
.banner__items { border-radius: 5px;     position: relative;}
.banner__thumbnail{overflow:hidden;width:100%;border-radius:5px;}
.banner__thumbnail--img{width:100%;border-radius:5px;}
.banner__content{position:absolute;top:50%;left:3rem;-webkit-transform:translatey(-50%);transform:translatey(-50%);cursor:pointer;display:inline-block;}
.banner__sidebar.position__relative .banner__content{top:22%;}
.banner__content.style__right{right:3rem;left:auto;}
.banner__badge--style2{-webkit-clip-path:polygon(0 19%,97% 19%,85% 49%,100% 82%,0 82%,14% 51%);clip-path:polygon(0 19%,97% 19%,85% 49%,100% 82%,0 82%,14% 51%);background:var(--secondary-color);color:var(--text-white-color);font-size:1.1rem;width:70px;height:30px;line-height:30px;text-align:center;margin-bottom:.6rem;}
.banner__content--title{color:#fff!important;margin-bottom:12px;}
.banner__content--subtitle{margin-bottom:10px; display: block; color: #fff;}
.banner__content--price{ font-size: 2rem; color: #f6b418;}
.banner__content--btn{display: block; font-size: 1.1rem; color: #fff; transition: all 0.36s ease;}
.banner__content--btn i{font-size: 0.9rem;}
.banner__badge{position:absolute;background:#2659bf;-webkit-transform:translatey(-50%);transform:translatey(-50%);top:0%;right:2rem;width:5rem;height:5rem;padding:7px;font-size:1.1rem;line-height:1.8rem;font-weight:500;color:fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;}
.banner__badge::before{position:absolute;content:"";border:1px dashed #fff;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;opacity:.6;}
.banner__sidebar--badge{-webkit-transform:inherit;transform:inherit;bottom:-8px;right:-8rem;top:auto;}
.banner__content--btn:hover{color:#2659bf;}
.banner__items:before{background:rgba(255,255,255,0.41);content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.banner__items:after{background:rgba(255,255,255,0.41);bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.banner__items:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.banner__items:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}


.banner__sidebar:before{background:rgba(255,255,255,0.41);content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.banner__sidebar:after{background:rgba(255,255,255,0.41);bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.banner__sidebar:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.banner__sidebar:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.ix-news-pro .abc-mb4{ margin-bottom: 40px;}
.ix-news-pro .abc-mb4:nth-child(4){display: none;}

/*博客资讯*/
.brator-blog-listing-single-item-area.list-type-one{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;overflow:hidden}
.brator-blog-listing-single-item-area.list-type-one:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0 solid #e5e5e5}
.brator-blog-listing-single-item-area.list-type-one .type-post{display:flex;justify-content:flex-start;align-items:stretch}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail{max-width:30%;margin-right:30px}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-content{display:flex;flex-direction:column}
.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:auto}
.brator-blog-listing-single-item-info{margin-bottom:-3px}
.brator-blog-listing-single-item-info a{font-size:13px;color:#333;line-height:2.308}
.brator-blog-listing-single-item-info time{border-left:1px solid #e5e5e5;margin-left:12px;padding-left:12px;color:#666;line-height:150%;}
h3.brator-blog-listing-single-item-title{margin-bottom:10px;font-size:1.5rem;font-weight:600;line-height:100%; }

.type-post.abc h3.brator-blog-listing-single-item-title{padding-top: 20px;}

h3.brator-blog-listing-single-item-title a{color:#333; transition: all 0.36s ease;}
.brator-blog-listing-single-item-excerpt p{font-size:1.1rem;color:#666;line-height:150%;margin-bottom:10px}
.brator-blog-listing-single-item-info-2{display:flex;justify-content:flex-start;align-items:center}
.brator-blog-listing-single-item-info-2 a:nth-child(2) i{font-size: 0.9rem;}
.brator-blog-listing-single-item-info-2 a{display:flex;justify-content:flex-start;align-items:center;color:#999;line-height:150%;margin-right:20px}
.brator-blog-listing-single-item-info-2 a i{color: #ccc; font-size: 1rem; margin-right: 10px;}
.brator-blog-listing-single-item-thumbnail{width:100%;overflow:hidden}
.brator-blog-listing-single-item-thumbnail a.blog-listing-single-item-thumbnail-link{display:grid}
.brator-blog-listing-single-item-thumbnail a.blog-listing-single-item-thumbnail-link img{width:100%;transition:.4s}
.type-post:hover .brator-blog-listing-single-item-thumbnail a.blog-listing-single-item-thumbnail-link img{transform:scale(1.2)}
.type-post:hover  h3.brator-blog-listing-single-item-title a{color: #2659bf;}

.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-thumbnail{margin-bottom:12px}
.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-thumbnail img{width:100%}
.brator-blog-listing-single-item-area.list-type-two .brator-blog-listing-single-item-excerpt p{margin-bottom:0}
.blog-section-layout.grid-type .col-12{display:flex;justify-content:flex-start;align-items:flex-start;gap:60px}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2){position:relative}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::after{content:"";width:1px;height:100%;display:block;position:absolute;right:-29px;top:0;background:#e5e5e5}
.blog-section-layout.grid-type .col-12 .brator-blog-listing-single-item-area:nth-child(2)::before{content:"";width:1px;height:100%;display:block;position:absolute;left:-29px;top:0;background:#e5e5e5}
.brator-blog-post-sidebar .sidebar-widget{margin-bottom:50px}
.brator-blog-post-sidebar .sidebar-widget h2{font-size:24px;color:#333;font-weight:600;line-height:1.083;margin-bottom:25px}
.brator-blog-post-sidebar .sidebar-widget form.search-form{position:relative}
.brator-blog-post-sidebar .sidebar-widget form.search-form .search-field{font-size:14px;color:#999;padding:0;line-height:50px;border-bottom:1px solid #e5e5e5}
.brator-blog-post-sidebar .sidebar-widget form.search-form button{background:transparent;border:0;position:absolute;right:0;top:0;height:100%;width:40px}
.brator-blog-post-sidebar .sidebar-widget form.search-form button svg{font-size:20px}
 .hug-padding-right {padding-right: 80px; position: relative; height: 100%; border-right: solid 1px #e5e5e5;}
.hug-padding-left { padding-left: 40px;}


/*客户说话*/
.testBox{background:#f5f5f5;-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.03);box-shadow:0 4px 15px rgba(0,0,0,0.03);padding:30px; border-radius: 6px;}
.align-items-center{align-items:center!important; position: relative;}
.align-items-center .dd-3{position: absolute; right: 0; font-size: 5rem;font-weight: bold; color: #2659bf;}
.testBox .author .thumb{height:60px;width:60px;border-radius:50%;overflow:hidden;}
.testBox .author .thumb img{max-width: 100%;}
.btop{border-top:1px solid #e0e0e0;}
.rating{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}
.rating li i{margin:2px;color:#f5be3d; font-size: 1.2rem;}
.rating li i.hh{color: #ccc;}
.align-items-center h6{padding-left: 20px; font-size: 1.2rem; font-weight: normal;}
.align-items-center h6 span{ font-size: 1rem; color: #999; padding-top: 5px; display: inline-block;}
/*限时秒杀*/
.open_tm_preloader{position:fixed;background-color:transparent;z-index:9999;height:100%;width:100%;-webkit-transition:.2s all ease;-o-transition:.2s all ease;transition:.2s all ease;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.open_tm_preloader.loaded{opacity:0;visibility:hidden}
.open_tm_preloader.loaded:before,.open_tm_preloader.loaded:after{width:0}
.open_tm_preloader:before,.open_tm_preloader:after{content:"";position:absolute;height:100%;width:50%;background-color:#fff;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.open_tm_preloader:before{top:0;left:0}
.open_tm_preloader:after{bottom:0;right:0}
.background-img{position:relative}
.background-img .inner-bg{position:absolute;bottom:0;left:0;z-index:-1}
.countdown-wrap.with-dark-border .countdown__item{border-color:#787878}
.countdown-wrap.with-dark-border .countdown__item *{color:#464646}
.countdown-wrap.with-dark-border .countdown__time:before{content:url("../images/shape/2.png")}
.countdown-wrap.with-secondary-border .countdown__item{border-color:#505050}
.countdown-wrap.with-secondary-border .countdown__item *{color:#505050}
.countdown-wrap.with-secondary-border .countdown__time:before{content:url("../images/shape/2.png")}
.countdown__item{display:inline-block;border:2px solid #ebebeb;border-radius:4px;padding:10px;text-align:center;width:65px}

.ulinaCountDown{position:relative;font-family:'Jost',sans-serif;}
.ulinaCountDown .countdown-row{display:block;}
.ulinaCountDown .countdown-row span{display:inline-block;width:72px;margin:0px 15px;}
.ulinaCountDown .countdown-row span span:first-child{position:relative;display:block;height:72px;width:72px;background:#FFF;font-size:30px;color:#212529;line-height:72px;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;}

.banner-content .text-charcoal{ font-size: 3rem;}
.banner-content .sub-title{ padding: 20px 0px;}

.countDownWrap{ padding-bottom: 20px;}
.button-wrap .ms-an{padding: 0px 30px; height: 45px; line-height: 45px; font-size: 1.1rem; font-weight: normal; display:inline-block; background: #2659bf; 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: #f6b418; }


/*购物车*/
.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: #2659bf;}
.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 #2659bf;margin-bottom:10px;color:#2659bf;}
.cart-bar .cart-bottom-area .checkout-btn:hover{background:#2659bf;color:white;}
.cart-bar .cart-bottom-area .view-btn{border:1px solid transparent;background:#2659bf;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-sw-a{ position: absolute; right: 0; width: 50%; top: 45px;}
.ix-sw-a #thumbs-a .swiper-slide{ cursor: pointer; font-size: 1.2rem; color: #9999; transition: all 0.36s ease; text-align: center;}
.ix-sw-a #thumbs-a .swiper-slide.swiper-slide-thumb-active{color: #2659bf;}

.ix-pro .ihp-box{ margin-top: 40px;}

/* 合作品牌 */
.hover-img{ position: absolute; left: 0; right: 0; top: 0; transition: all 0.36s ease;}
.zsy-img:hover.hover-img{opacity: 0; transform: scale(1.5);}
/*底部*/

.ix-footer{ color:#999; font-size: 1.1rem;}
.ix-footer .ix-foot-a{background:#333; font-size: 1.1rem; 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: 10px; font-size: 1.1rem;}
.ifa-nav ul li a:hover{color: #fff;}
.ifa-nav ul li i{ font-size: 1.2rem; 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: #2659bf; color:#fff; border: #2659bf; display: inline-block; font-size: 1rem;}
.ifa-nav ul li a.mm-an i{ color: #fff; font-size: 1.2rem; padding-left: 10px; transition: all 0.36s ease;}
.ifa-nav ul li a.mm-an:hover{ background: #214da6; color:#fff; border: #214da6;}
.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: #2659bf; font-size: 1.2rem; }

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

.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: #2659bf; 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;}
.pg-nav-list{ padding-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 30px;}
.pg-nav-list .pnl-t1{ font-size: 1.5rem; color:#333;}
.pg-nav-list ul li{ line-height: 180%; padding-top: 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:#2659bf;}
.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: #2659bf; opacity: 0; visibility: hidden; transition: all 0.36s ease;}
.pg-nav-list ul li a.ak.on{color: #2659bf;}
.pg-nav-list ul li a.ak.on span i{ opacity: 1; visibility: visible;}
.pg-nav-list ul li a.ak.on span{border: solid 1px #2659bf;}

.pnl-search{ width: 90%; height: 45px; ;line-height: 45px; border: solid 1px #2659bf; background: #2659bf; text-align: center; 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: 1.2rem; }
.pnl-search span.s1{background:#fff; color: #2659bf;}
.pnl-search:hover{background-color: #f5be3d; border: solid 1px #f5be3d;}
.pnl-search:hover span.s1{color: #f5be3d;}

.pg-nav-list.aabbcc ul li a{position: relative;}
.pg-nav-list.aabbcc ul li a i{position: absolute; top: 5px; right: 10px; font-size: 1.1rem;}
.pg-nav-list.aabbcc ul li a.on{background: #2659bf; color: #fff; border: solid 1px #2659bf;}
/*==分页==*/
.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:#2659bf; 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:#2659bf; margin-left: 5px; }
.paginatordis{ display:none;}
.pg-next.abc .paginator a { background:#fff;}
.pnl-close{ display: none;}


/*===产品详情===*/
.pg-sw-a{width: 100%; position: relative; padding: 0px 40px; }
.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: #2659bf;}
#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 #2659bf; }

.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: 1rem; color:#333; top: 10px; transition: all 0.36s ease;}

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

.mz-hint{display: none !important;}
.pg-deta-tit  .pdt-t1 span{padding: 2px 5px; background: #f1f6ff; color:#2659bf; 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: #2659bf; border: solid 1px #2659bf; color: #fff;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs span.on{background: #2659bf; border: solid 1px #2659bf; color: #fff;}

.pg-deta-tit  .pdt-t5 .pdt-t5-1{ width: 108px; border: solid 1px #e5e5e5; padding: 0px 5px; height: 50px; line-height: 50px;  border-radius: 4px;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a{ display: inline-block; width: 20px; font-size: 1.2rem; cursor: pointer; color: #ccc; transition: all 0.36s ease;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a:hover{color: #2659bf;}
.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{ width: calc(50% - 40px); margin: 0px 20px; padding: 0px 10px; background: #2659bf; height: 50px; line-height: 50px;  color: #fff; border-radius: 4px; text-align: center;  border: solid 1px #2659bf;}
.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{ width: calc(18% - 22px); color:#ccc; font-weight: normal; border: solid 1px #e5e5e5; padding: 0px 10px; text-align: center; height: 50px; line-height: 50px;  border-radius: 4px; transition: all 0.36s ease; cursor: pointer;}
.pg-deta-tit  .pdt-t5 .pdt-t5-3.on{ background: #2659bf; border: solid 1px #2659bf; 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: 1.2rem; 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%; font-size: 1.1rem;}
.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: #2659bf;}


.pg-deta-tit .pdt-t22 span{font-size: 2rem; color: #2659bf; line-height: 120%;font-weight: bold;}
.pg-deta-tit .pdt-t22 b{font-size: 1.2rem; 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;     background: #f5f5f5;}
#thumbs3 .swiper-slide.swiper-slide-thumb-active{color: #2659bf;     font-weight: bold; }
#thumbs3 .swiper-slide{ text-align: center;  display: inline-block; cursor: pointer; flex-shrink: initial;     font-size: 1.2rem; transition: all 0.36s ease; padding: 15px 0px; }
#thumbs3 .swiper-slide:hover{color:#2659bf;}
.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-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: 1.2rem; 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: 1.2rem; margin-right: 5px; display: inline-block;}
.pg-reviews ul li .pr-t4 i.no{color: #d9d9d9;}
/*==留言==*/
.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: #2659bf; 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: #2659bf;}
/*最新产品*/
.ix-pro-list.bb .pi01Details{padding: 15px 0px;}

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



@media (max-width: 1499px) {
  .ix-nav{padding-left: 2rem;}
  .ix-nav ul li{    padding: 0px 2rem;}
}


@media (max-width: 1200px) {

  /*顶部*/

  .ix-nav{padding-left: 0rem;}
  .ix-nav ul li{    padding: 0px 1rem;}
  


}

@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%;}




  /*产品详情*/
  #thumbs3 .swiper-slide{margin-left: -3px;}

  /*底部*/
  .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-top{ display: none;}
  .ix-head-links{ display: none;}
  .ix-nav{ 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;}
  
  /*新品上市*/
  .banner__sidebar.position__relative{display: none;}

  /*限时秒杀*/
  .ix-xsms{ padding-top: 50px;}

  /* 通用头部 */
  .ix-head.dz2{width: 80%;}

  /*新闻资讯*/
  .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;}
}
@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: 20px; visibility: visible !important; animation-name: fadeInUp !important;}
  .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: 1.2rem;}

  /*右边栏目筛选按钮*/
  .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;}
  

  ::-webkit-scrollbar{width: 3px;height: 3px;background-color: #f6f6f6;}
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar-thumb{background-color: #2659bf;}

/*新品上市*/
.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;}

  }
@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;}

 .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%;}
  .ifa-logo img{padding-bottom: 10px;}
  .ifb-tell{ padding-top: 10px;}
  .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-cx-tit{ width: 90%; margin-top: -30px; padding: 20px}
  .ix-news-list ul li{ padding-bottom: 0px;}
  .inl-an{ padding-top: 20px;}

  /*字体*/
  .ins-list .il-tit h1{font-size: 1.5rem;}
  .ix-head h1{ font-size: 1.8rem;}
  .countdownHolder{font: 24px/1.5 'Jost Condensed',sans-serif !important;}
  .ix-head p.pb4{padding-bottom: 20px;}
  .ix-foot-db-2{ padding-top: 5px;}
  .ix-foot-db-2 img:nth-child(1){margin-left: 0px;}
.ix-foot-db.pt2.pb2{padding: 15px 0px;}

  /*产品列表*/
  .pi01Actions a{width: 40px;  height: 40px; line-height: 40px;}

  /*广告图片*/
  .ix-img-zs .col-12 img{ margin-bottom: 20px;}
  .ix-img-zs .col-12:nth-last-child(1) img{ margin-bottom: 0px;}

  /*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: 60% !important;}
  .ix-banner{border-radius: 0px;}
  .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;}
  .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-head .ih-2{font-size: 2rem;}

  /*模块1*/
  .feature-block .inner-box{padding: 20px; min-height: 240px;}
  .feature-block .price{margin-bottom: 15px;}
  .features-section.pb5{padding-bottom: 0px;}
  .feature-block .inner-box h4{font-size: 1.8rem;}
  /*热销商品*/
  .ihp-box{ padding: 20px;}
  .product-details-popup-wrapper{top: 0%; left: 0; right: 0; transform: none; justify-content: initial;  align-items: initial;}
  .product-details-popup{height: initial; width: 100%;}
  .rts-product-details-section{ width: 100%;}
  .rts-product-details-section.product-details-popup-section .product-details-popup {margin-top: 50px; width: 92%; height: 90vh; overflow-y: scroll; padding: 20px !important;}
.rts-product-details-section.product-details-popup-section .details-product-area { flex-direction: column;}
.product-details-close-btn{z-index: 111; top: 2px; right: 0;}

.ihp-tit-4{ display: none;}
.ihp-box:hover .ihp-tit-3{opacity: 1; visibility: visible;}
.sw-pagin{ display: none;}
.ix-hot-pro .swiper-container{ padding-bottom: 60px;}
.sw-next, .sw-prev{ top: initial; bottom: 0;}
.sw-prev{left: 20; right: initial;}
.sw-next{ left: 100px; right: initial;}

/*模块2*/
.banner-area.banner-style-3.pt4{padding-top: 0px;}
.banner-img img{height: 200px;}
.banner-img .inner-content{left: 20px; text-align: left;}
.banner-img .inner-content .button-wrap a{ height: 40px; line-height: 40px;}
.img-hover-effect{padding-top: 30px;}

/*最新商品*/
.order-list .ihp-tit-1{ display: none;}
.order-list  .ihp-box{ padding: 0px;}
.order-list .ihp-tit{ padding: 10px;}
.ihp-tit-3{ font-size: 1.1rem; height: initial; line-height: 120%;}
.ihp-tit-2 a{ font-size: 1.2rem; white-space: initial; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pt-5{ padding-top: 1rem !important;}
.ix-xsms{ padding: 30px 0px;}
.ix-news-pro .abc-mb4{margin-bottom: 20px;}
/*倒计时*/
.banner-content .text-charcoal{ font-size: 2rem;}
.ulinaCountDown .countdown-row span{display:inline-block;width:50px;margin:0px 15px;}
.ulinaCountDown .countdown-row span span:first-child{position:relative;display:block;height:50px;width:50px;background:#FFF;font-size:1.2rem;color:#212529;line-height:50px;text-align:center;font-weight:400;border-radius:50%;margin:0 0 6px;}
.ulinaCountDown .countdown-row span span:first-child:after{content:':';font-size:1.6rem;line-height:1;color:#212529;position:absolute;right:-18px;top:8px;}
.banner-content .sub-title{ padding-top:10px; padding-bottom: 15px; font-size: 1.2rem;}

/*客户评价*/
.ix-khsh .sw-pagin{display: block;}

/*新闻列表*/
.ix-news .ih-an{position:initial; padding-top: 10px;}
h3.brator-blog-listing-single-item-title{ font-size: 1.2rem;}
.brator-blog-listing-single-item-area.list-type-one .type-post .brator-blog-listing-single-item-thumbnail{ display: none;}
.brator-blog-listing-single-item-area.list-type-one{padding-bottom:20px; margin-bottom: 20px;}

/*热门分类*/
.ix-pro .ihp-box{margin-top: 20px;}

/*搜索*/
.search-an{height: 47px; line-height: 47px;}


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

}