@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font-family: 'Open Sans', Arial, Verdana, Geneva, sans-serif;color: #666;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: #808080;text-decoration: none;}
a:hover{color: #0f9960;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: #32b87d;}

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



/*加载动画*/

#weiboo-load { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -webkit-box-align: center; display: -webkit- flex; display: -ms- flex; display: flex; -ms-flex-pack: center; justify-content: center;-ms-flex-align: center;align-items: center; height: 100vh; background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; right: 0;  bottom: 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=1674028306386') format('woff2'),
       url('../font2/iconfont.woff?t=1674028306386') format('woff'),
       url('../font2/iconfont.ttf?t=1674028306386') 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: #0f9960;}
/*顶部*/
.ix-header{ top: 0;z-index:2; left: 0; right: 0; height: 6.25rem;  transition: all 0.36s ease; position: relative;}
.ix-logo { padding-right: 12%;}
.ix-logo img{ padding-top: 1.25rem; height: 5rem; }
.ix-nav>ul>li{float: left; line-height: 6.25rem;  position: relative;}  
.ix-nav>ul>li>a{ font-size: 1.1rem; position: relative; display: block; transition: all 0.36s ease; color: #333;  padding-left:2.5rem; padding-right: 2.5rem;}
.ix-nav>ul>li>a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #fff;}
.ix-nav>ul>li>a:hover{ color:#32b87d;}
.ix-nav>ul>li>a:hover::after{ width: 100%;}
.ix-nav>ul>li>a.select{ color: #32b87d;}
.ix-nav>ul>li>a.select::after{  width: 100%;}
.ix-header.active{ background: #32b87d; border-bottom:solid 1px #ededed;}
.ix-header.active .ix-nav ul li a{  color: #666;}
.ix-header.active .ix-nav ul li a::after{ background: #0f9960;}
.ix-header.active .ix-nav ul li a:hover{ color:#0f9960;}
.ix-header.active .ix-nav ul li a.select{ color: #0f9960;}
.ix-nav ul li a i{ font-size: 0.9rem; display: inline-block; padding-left: 10px;}

/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px; display: none;     background: #fff;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #999999; 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:1rem;  }
.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:13px; }
.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: #0f9960; 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); }15px;
.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-links {line-height: 6.25rem;}
.ix-links span{ position: relative;}
.ix-links a{ padding: 0px 0.6rem; transition:all 0.36 ease;}
.ix-links a i{color:#333;}
.ix-links a:hover i{ color:#32b87d;}
.ix-links span .ix-car{ position: absolute; left: 0; top: 0; width: 300px;}
.ix-links span .ix-car .ix-car-list img{max-width: 100%;}
/*导航二级*/
.nav-2-list{ width: 180px; position: absolute; top: 6.25rem; left: 0px; width: 15rem; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 6px; opacity: 0;     transition: all 0.36s ease; visibility: hidden; overflow: hidden;}
.ix-nav ul li .nav-2-list a{ color:#666;font-size: 0.9375rem;  line-height: 180%; padding: 10px; display: block; border-bottom: solid 1px #e5e5e5;  transition: all 0.36s ease; padding: 10px 10px;  }
.ix-nav ul li .nav-2-list a:hover{ color:#fff; background: #32b87d;}
.ix-nav ul li .nav-2-list a:nth-last-child(1){ border-bottom: none;}
.ix-nav ul li:hover .nav-2-list{ opacity: 1;  top:5.25rem;  visibility: visible; }
/*手机导航*/
.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: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: #0f9960; 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;}


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


/*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-t1{ font-size: 4rem; color:#333333; font-weight: 600; width: 50%; line-height: 100%;     margin-top: -10%;}
.ix-ban-bj .ib-tit .ib-t2{ font-size: 1rem; width: 50%; padding: 1.25rem 0rem; padding-top: 2rem;}
.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: #0f9960; width:180px; height: 3.125rem; line-height: 3.125rem; padding:0 1.875rem; margin:1.875rem 0 0;  
	border-top-left-radius: 1rem;  border-bottom-right-radius: 1rem;  transition: all 0.36s ease;}
.ix-more i { font-size: 20px; float: right; 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:#0fb72d !important;}
.ix-banner .swiper-button-next, .ix-banner .swiper-button-prev {width: 3.125rem; height: 3.125rem; background: rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; line-height: 3.125rem;}
.ix-banner .swiper-button-next i, .ix-banner .swiper-button-prev i{ font-size: 0.9rem; color:#fff;}
.ix-banner .swiper-button-next{ right: 3.125rem;}
.ix-banner .swiper-button-prev{ left: 3.125rem;}

.ix-banner .swiper-button-prev:after, .ix-banner .swiper-button-next:after{display: none;}
.ix-banner .swiper-button-prev:after, .ix-banner .swiper-button-next:after{display: none;}

.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:#0fb72d; }

  /*添加infinite类，动画多次执行*/   
@keyframes bounceRight {
  0%,100% {  opacity: 1;-webkit-transform: translateX(0); transform: translateX(0); }
  100% {  opacity: 0;  -webkit-transform: translateX(10px);  transform: translateX(10px); }
}

@keyframes zb-xg {
  0%{ background: linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -o-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -ms-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -moz-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -webkit-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
     }

     
  50% {   
    background: linear-gradient(left , rgb(15, 153, 96) , rgb(15, 183, 45) 100%);
    background: -o-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 183, 45) 100%);
    background: -ms-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 183, 45) 100%);
    background: -moz-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 183, 45) 100%);
    background: -webkit-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 183, 45) 100%);
   }
   100%{ background: linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -o-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -ms-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -moz-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
    background: -webkit-linear-gradient(left , rgb(15, 153, 96) , rgb(15, 153, 96) 100%);
     }
}
      


/*优势*/
.ix-ys-li{ position: relative; padding-left: 5rem; transition:all 0.36s ease;}
.ix-ys-li img{ position: absolute; left: 0; width:3.75rem; top:0; transition: all 0.36s ease; }
.ix-ys-li h1{ color:#333; font-weight: 600; font-size: 1.5rem;}
.ix-ys-li p{ padding-top: 10px;}
.ix-ys-li:hover{transform: translateY(-40px) scale(1); -moz-transform: rotate(-2deg) scale(1.04); -webkit-transform:translateY(-20px) scale(1);}
.ix-ys-li:hover img{ transform: rotate(360deg) scale(1);  -moz-transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1);}



/*通用列表*/
.ix-head h1{ font-size: 2.4rem; color: #333; padding-bottom: 15px;}


/*产品列表*/
.productItem01{position:relative}
.pi01Thumb{position:relative;overflow:hidden;background:#FFF;}
.pi01NoRating .pi01Thumb{margin:0 0 13px}
.pi01Thumb img{width:100%;height:auto;display:block;position:relative;left:0;transition:all ease 350ms;-moz-transition:all ease 350ms;-webkit-transition:all ease 350ms}
.pi01Thumb img:nth-child(2){position:absolute;left:100%;top:0}
.productItem01:hover .pi01Thumb img{opacity:1}
.productItem01:hover .pi01Thumb img:first-child{left:-100%}
.productItem01:hover .pi01Thumb img:nth-child(2){left:0}


.productLabels{position:absolute;left:0;top:0;z-index:2;width:100%;}
.productLabels span{float:right;font-size:0.8rem;text-align:center;text-transform:uppercase;color:#FFF;    padding: 0.2rem 1rem; padding-left: 1.4rem; border-radius: 0px 0px 0px 1rem; 
  background: #0f9960;}
  .productLabels span.s2{background: #d75349;}
  .productLabels span.s3{background: #4892bc;}
.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}
.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.on{background:#0f9960;color:#FFF}
.pi01Details{position:relative; background: #fff; padding: 20px 30px;}
.pi01Details p{color:#999; padding:0.6rem 0rem; }


.pi01Price{font-family:'Jost',sans-serif;display:flex;justify-content:flex-start;align-items:center;font-size:1.5rem;line-height:30px;font-weight:500;color:#0f9960;text-decoration:none;margin:0 0 6px; padding-top: 10px;}
.pi01Price ins{text-decoration:none}
.pi01Price del{font-size:16px;color:#aeb3c3;position:relative;text-decoration:none;padding:0 6px;line-height:1;margin:0 0 0 13px;font-weight:400}
.pi01Price del:after{content:'';position:absolute;left:0;top:7px;width:100%;height:1px;background:#aeb3c3;margin:0}
.pi01Details h3{ font-size: 1.2rem; color:#333; line-height: 150%; transition: all 0.36s ease;}
.pi01Details a:hover h3{color: #0f9960;}

.ix-pro-list{ position: relative;}
.ix-pro-list .swiper-button-next, .ix-pro-list .swiper-button-prev {width: 3.125rem; height: 3.125rem; background: rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; line-height: 3.125rem; top: 2rem; }
.ix-pro-list .swiper-button-next i, .ix-pro-list .swiper-button-prev i{ font-size: 0.9rem; color:#fff;}
.ix-pro-list .swiper-button-next{ right: 0rem;}
.ix-pro-list .swiper-button-prev{ right: 4.375rem; left:initial;}
.ix-pro-list  .swiper-pagination{ text-align: center; width: 100%; padding-top: 20px;}
.ix-pro-list  .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-pro-list  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:40px; background:#0f9960; }

.ix-pro-list .swiper-button-prev:after, .ix-pro-list .swiper-button-next:after{display: none;}
.ix-pro-list .swiper-button-prev:after, .ix-pro-list .swiper-button-next:after{display: none;}

/*新品上市*/


/* 栏目 */
.ins-list {  position: relative; background: #fff; border: solid 1px #e5e5e5; border-radius: 6px; overflow: hidden; padding: 36px 40px;  margin-bottom:40px; color:#333;}
.ins-list .il-tit{ text-align: center; z-index: 11; position: relative;}
.ins-list .il-tit span{color:#999; font-weight: 600;}
.ins-list .il-tit h1{font-size: 2rem; line-height: 120%; margin: 1.25rem 0rem; color:#333 }
.ins-list .il-tit a {color:#666; font-weight: 600; text-transform: uppercase; font-size: 0.9rem;}
.ins-list .il-tit a i{ font-size: 0.6rem; display: inline-block; padding-left: 5px; transition: all 0.36s ease;}
.ins-list img { max-width: 100%; height: auto;  position: relative; z-index: 2; max-width: 100%;}
.ins-img{ position: relative; overflow: hidden; border-radius: 6px; }
.ins-img img{ max-width: 100%;     border-radius: 6px; transition: all 0.36s ease;}

.ins-list::after{/*content: '';*/ width: 200px; height: 200px; background: #f7f7f7; border-radius: 0; border-radius: 50%; position: absolute; bottom: -50px; left: -65px;} 
.ins-list::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(245,245,245,1);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;}
.ins-list:hover::before { -webkit-animation: circle .75s; animation: circle .75s;}
.ins-list .il-tit a:hover{color: #0f9960;}
.ins-list .il-tit a:hover i{ padding-left: 10px; }
.ins-list.a2::after{ right: -65px; left:initial;}
.ins-list.a3::after{ right: initial; left:initial; margin: 0px auto;}

.ins-img:hover img{transform: scale(1.08);}


/*促销商品*/
.ix-cx-img{ overflow: hidden; width: 100%;  height: 100%;}
.ix-cx-img img{max-width: 100%; transition: all 0.36s ease;}
.ix-cx-tit{ background: #fff; width: 80%; margin-top: -80px; position: relative;     padding-right: 40px; padding-top: 30px; padding-left: 40px;}
.ix-cx-img a:hover img{ transform: scale(1.08);}

.ix-cx-tit span { color:#999; display: inline-block; }
.ix-cx-tit h1{padding: 10px 0px; font-size: 1.54rem; color:#0f9960; padding-bottom: 20px; transition: all 0.36s ease; line-height: 150%;}
.ix-cx-tit p{ color: #999;     line-height: 180%;}
.ix-cx-tit a{transition: all 0.36s ease; height: 3.125rem; line-height: 3.125rem; padding: 0 1.875rem; margin: 1.875rem 0 0; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; color: #fff; border: solid 1px #e5e5e5; background: #fff; display: inline-block; font-size: 1rem;}
.ix-cx-tit a i{ color: #999; font-size: 1.2rem; padding-left: 10px; transition: all 0.36s ease;}
.ix-cx-tit a:hover{ background: #0f9960; color:#fff; border: #0f9960;}
.ix-cx-tit a:hover span, .ix-cx-tit a:hover i{ color:#fff;}
.ix-cx .swiper-button-next, .ix-cx .swiper-button-prev {width: 2.5rem; height: 2.5rem; background:#0f9960; border-radius: 4px; text-align: center; line-height: 2.5rem; bottom: 0%; top: initial;}
.ix-cx .swiper-button-next i, .ix-cx .swiper-button-prev i{ font-size: 0.8em; color:#fff ;}
.ix-cx .swiper-button-next{ right: 0rem;}
.ix-cx .swiper-button-prev{ left:initial; right: 3.375rem;}


.ix-cx .swiper-button-prev:after, .ix-cx .swiper-button-next:after{display: none;}
.ix-cx .swiper-button-prev:after, .ix-cx .swiper-button-next:after{display: none;}

.ix-news-list ul li{ padding-bottom: 30px;  padding-top: 20px;}
.ix-news-list ul li span { color:#999;}
.ix-news-list ul li h1{padding: 10px 0px; font-size: 1.54rem; color:#333; padding-bottom: 20px; transition: all 0.36s ease;}
.ix-news-list ul li p{ color: #999;     line-height: 180%;}
.ix-news-list ul li:hover a h1{color: #0f9960;}

.inl-an a{ color:#333; font-weight: 600; display:inline-block; border-bottom: solid 1px #333; padding-bottom: 10px; transition: all 0.36s ease;}
.inl-an a i{font-size: 0.8rem; padding-left: 5px; transition: all 0.36s ease;}
.inl-an a:hover{color:#0f9960; border-bottom: solid 1px #0f9960;}
.inl-an a:hover i{ padding-left: 10px; color:#0f9960;}
@-webkit-keyframes circle{
0%{opacity:1}
50%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}
@keyframes circle{
0%{opacity:1}
50%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}


/*限时秒杀*/
.ix-xxtj-box{  position: relative;} 
.ix-xxtj-box .swiper-container .clearfix{ background: #fff;}
.ix-xxtj-box .bbs{background:#fff;}
.ix-xxtj-box .ix-xxtj-img{ overflow: hidden;}
.ix-xxtj-box .ix-xxtj-img img{ width: 100%; transition: all 0.36s ease;}

.ix-xxtj-box .bbs:hover img{transform: scale(1.08);}

.ix-xxtj-box .ix-head{ position: absolute; top: 40px; left: 60px; z-index:2; width: 45%;}
.ix-xxtj-tit{ padding: 40px; padding-top: 273px;  background: #fff;}
.ix-xxtj-tit h1{font-size: 1.6rem; line-height: 130%; padding-bottom: 30px; color:#333;}

.ix-xxtj-tit a{transition: all 0.36s ease;  height: 3.125rem; line-height: 3.125rem; padding: 0 1.875rem; margin: 1.875rem 0 0; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; color: #666; border: solid 1px #e5e5e5; display: inline-block; font-size: 1rem;}
.ix-xxtj-tit a i{ color: #999; font-size: 1.2rem; padding-left: 10px; transition: all 0.36s ease;}
.ix-xxtj-tit a:hover{ background: #0f9960; color:#fff; border: #0f9960;}
.ix-xxtj-tit a:hover i{color:#fff;}

.ix-xxtj-tit .pi01Price ins{ font-size: 3rem;}

.ix-xxtj .swiper-button-next, .ix-xxtj .swiper-button-prev {width: 3.125rem; height: 3.125rem;  border-radius: 4px; text-align: center; line-height: 3.125rem; bottom: 40px; top: initial; }
.ix-xxtj .swiper-button-next i, .ix-xxtj .swiper-button-prev i{ font-size: 0.9rem; color:#666;}


.ix-xxtj.swiper-button-prev:after, .ix-xxtj .swiper-button-next:after{display: none;}
.ix-xxtj .swiper-button-prev:after, .ix-xxtj .swiper-button-next:after{display: none;}

.ix-xxtj .swiper-button-next{ left: 29.375rem; right: initial;}
.ix-xxtj .swiper-button-prev{ left: 22rem; }
.ix-xxtj .swiper-pagination{width: 80px; left: 24.8rem; bottom: 45px;}
.ix-xxtj .swiper-pagination-current{font-size: 2rem;}
.ix-xxtj .swiper-pagination-total{ color:#999;}


.ix-xxtj-tit, .ix-xxtj-img{ width: 50%;}


/*图片公告*/
.ix-img-zs .iiz-img{ position: relative; overflow: hidden; width: 100%; transition: all 0.36s ease;}
.ix-img-zs .iiz-img::before{position: absolute; top: 0;left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.ix-img-zs .iiz-img:hover::before { -webkit-animation: shine .75s; animation: shine .75s;}
.ix-img-zs .iiz-img:hover{transform: scale(1.08);}
@-webkit-keyframes shine {
  100% {
      left: 125%;
  }
}
@keyframes shine {
  100% {
      left: 125%;
  }
}
/*底部*/

.ix-footer .ix-foot-a{background:#f5f5f5;}
.ix-footer .ix-foot-b{border-top:none; background: #e5e5e5;}

.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.2rem; color:#333; border-bottom: solid 1px #d9d9d9; margin-bottom: 20px; display: inline-block; padding-bottom: 10px;}
.ifa-nav ul li a{ line-height: 200%;}
.ifa-nav ul li i{ font-size: 1.2rem; color:#333; 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;}


.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: #0f9960; color:#fff; border: #0f9960; 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: #0b7348; color:#fff; border: #0b7348;}
.ifa-nav ul li a.mm-an:hover i{color:#fff;}



.ix-foot-b .ix-foot-db{ border-top: solid 1px #e5e5e5; position: relative; line-height:160%;  text-align: center;}

.ifb-tell i{ width: 55px; height: 55px; border-radius: 100%; text-align: center; line-height: 55px; color:#333; font-weight: bold; display: block; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.ifb-tell { padding-top: 30px;}
.ifb-tell .d2{ padding-left: 20px;}
.ifb-tell  h1{font-size: 1.5rem; color:#333; line-height: 100%; padding-top: 5px;}


/*搜索*/
.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: #0f9960; font-size: 1.2rem; }

/*列表页面*/
.pg-banner{ height: 200px; 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;}
.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: #0f9960; 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-nav-mk{ opacity: 1; visibility: visible;}
.pg-nav-list{ padding-bottom: 30px;}
.pg-nav-list .pnl-t1{ font-size: 1.5rem; color:#333; font-weight: bold; }
.pg-nav-list ul li{ line-height: 180%; padding-top: 10px;;}
.pg-nav-list ul li a{ display: block;  transition: all 0.36s ease;}
.pg-nav-list ul li a.active{color:#0f9960;}
.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: text-top; 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: #0f9960; opacity: 0; visibility: hidden; transition: all 0.36s ease;}
.pg-nav-list ul li a.ak.on{color: #0f9960;}
.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 #0f9960;}

.pnl-search{ width: 90%; height: 45px; ;line-height: 45px; border: solid 1px #0f9960; background: #0f9960; 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: #0f9960;}
.pnl-search:hover{background-color: #0b7348; border: solid 1px #0b7348;}
/*==分页==*/
.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:#0f9960; 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:#0f9960; margin-left: 5px; }
.paginatordis{ display:none;}
.pg-next.abc .paginator a { background:#fff;}
.pnl-close{ display: none;}


/*===产品详情===*/
.pg-sw-a{width: 80px; padding-right: 20px; height: 320px;}
.pg-sw-b{width: calc(100% - 80px);}
.pg-deta-lb  .swiper-slide img{max-width: 100%; border-radius: 6px; }
.pg-sw-b .swiper-pagination-bullet-active{background: #0f9960;}
#thumbs2 .swiper-wrapper{height: 320px;}
#thumbs2 .swiper-slide img{border: solid 2px #fff; margin-bottom: 20px; transition: all 0.36s ease;      width: 56px; height: 56px;}
#thumbs2 .swiper-slide.swiper-slide-thumb-active img{opacity: 1; border: solid 2px #0f9960; }

.mz-hint{display: none !important;}



.pg-deta-tit  .pdt-t1 span{padding: 2px 5px; background: #cfebdf; color:#0f9960; 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: #0f9960; border: solid 1px #0f9960; color: #fff;}
.pg-deta-tit  .pdt-t4 .pdt-t4-cs span.on{background: #0f9960; border: solid 1px #0f9960; color: #fff;}

.pg-deta-tit  .pdt-t5 .pdt-t5-1{ width: calc(30% - 22px); border: solid 1px #e5e5e5; padding: 0px 10px; height: 50px; line-height: 50px;  border-radius: 4px;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a{ display: inline-block; width: 23%; font-size: 1.5rem; cursor: pointer; color: #ccc; transition: all 0.36s ease;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 a:hover{color: #0f9960;}
.pg-deta-tit  .pdt-t5 .pdt-t5-1 input{display: inline-block; width: 44%; 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: #0f9960; height: 50px; line-height: 50px;  color: #fff; border-radius: 4px; text-align: center;  border: solid 1px #0f9960;}
.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: #0f9960; border: solid 1px #0f9960; 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: 1rem; display: inline-block; padding-right: 5px; color:#999}

.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%;}
.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: #0f9960;}


.pg-deta-tit .pdt-t22 span{font-size: 2.4rem; color: #0f9960; 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;}

/*===产品介绍===*/
#thumbs3 .swiper-wrapper{ margin: 0px auto; text-align: center; display: block;     background: #f5f5f5;}
#thumbs3 .swiper-slide.swiper-slide-thumb-active{color: #0f9960;     font-weight: bold; }
#thumbs3 .swiper-slide{ text-align: center;  display: inline-block; cursor: pointer; flex-shrink: initial;     font-size: 1rem; transition: all 0.36s ease; padding: 15px 0px; }
#thumbs3 .swiper-slide:hover{color:#0f9960;}
.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: #0f9960; 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: #0f9960;}
/*最新产品*/
.ix-pro-list.bb .pi01Details{padding: 15px 0px;}

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



@media (max-width: 1440px) {
  .ix-logo{ padding-right: 3%;}
  .ix-nav>ul>li>a{    padding-left: 2rem; padding-right: 2rem;}
}


@media (max-width: 1200px) {

  /*顶部*/
  .ix-header{ display: none;}
  .ix-m-head{ display: block;}
  

  /*优势*/
  .ix-ys-li{padding-bottom: 40px;}   

}

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


/*首页产品*/
.pi01Details{padding: 15px 20px;}

/*限时秒杀*/
.ix-xxtj-tit{padding-top: 280px; padding-bottom: 40px;}

.ix-xxtj-box .ix-head{ position: initial; width: 100%; }
.ix-xxtj-tit{ padding: 30px;}

.ix-xxtj-img, .ix-xxtj-tit{ width: 100%;}

  /*产品详情*/
  #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;}

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

}
@media (max-width: 780px) {

  /*优势*/
  .ix-ys.pb8{ padding-bottom: 40px;}

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

  /*限时秒杀*/
  .ix-xxtj-tit h1{ padding-bottom: 10px;}
  .ix-xxtj-tit .pi01Price ins{font-size: 2rem;}
  .ix-xxtj .swiper-button-next, .ix-xxtj .swiper-button-prev{ bottom: 30px;}
  .ix-xxtj .swiper-pagination{bottom: 35px;}


  /*产品右边导航响应式*/
  .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: #32b87d;}

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



  /*banner*/
  .ix-ban-bj{    background-position: -370px !important; height: 400px !important;}
  .ix-ban-bj .ib-tit .ib-t2{ display: none;}
  .ix-ban-bj .ib-tit .ib-t1{ padding-bottom: 1rem; font-size: 3rem;}
  .ix-banner .swiper-button-next, .ix-banner .swiper-button-prev{display: none;}


  /*优势*/
  .ix-ys-li{  padding-bottom: 30px;}
  .ix-ys.pb8{ padding-bottom: 0px;}
  .ins-list{padding-bottom: 30px; margin-bottom: 30px;}

  /*通用头部*/
  .ix-head h1{ padding-bottom: 5px; padding-right: 85px;}
  .ix-head.pb4{ padding-bottom: 20px;}

  /*热销产品*/
  .ix-pro.pb8{ padding-bottom: 60px;}
  .ix-pro-list .swiper-button-next, .ix-pro-list .swiper-button-prev{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem;}
  .ix-pro-list .swiper-button-prev{ right: 3.375rem;}
  .ix-pro-list .swiper-pagination{ padding-top: 10px;}
  .pi01Price{padding-top: 10px;}
  .pi01Details{padding: 10px;}
  .ix-pro-list.bb.pb8{padding-bottom: 60px;}


 

  /*新闻*/
  .ix-cx-tit{ width: 90%; margin-top: -30px; padding: 20px}
  .ix-news-list ul li{ padding-bottom: 0px;}
  .inl-an{ padding-top: 20px;}

  /*限时*/
  .ix-xxtj-tit h1{padding-bottom: 20px;}
  .ix-xxtj-box .ix-head{ top: 20px; left: 40px;}
  .ix-xxtj-tit{ padding-top: 0px; padding: 30px 20px; }
  .ix-xxtj .swiper-pagination{ left: 0; bottom: initial; top: 400px; right: 2.8rem; left: initial;}
  .ix-xxtj .swiper-button-next, .ix-xxtj .swiper-button-prev{ bottom: initial; top: 425px;}
  .ix-xxtj .swiper-button-prev{ left: 13rem;}
  .ix-xxtj .swiper-button-next{right: 0rem; left: initial;}
  .ix-xxtj-tit h1{padding-bottom: 0px;}
  .ix-xxtj .swiper-button-next, .ix-xxtj .swiper-button-prev{top:initial; bottom: 30px;}
  .ix-xxtj .swiper-pagination{top:initial; bottom: 35px;}


  /* 产品详情 */
  .pg-sw-a{ display: none;}
  .pg-sw-b{ width: 100%;}
  .pg-deta-tit .pdt-t5 .pdt-t5-1{width: calc(36% - 22px);}
  .pg-deta-tit .pdt-t5 .pdt-t5-3{width: calc(20% - 22px);}
  

  /*字体*/
  .ins-list .il-tit h1{font-size: 1.5rem;}
  .ix-head h1{ font-size: 1.8rem;}
  .countdownHolder{font: 24px/1.5 'Open Sans Condensed',sans-serif !important;}
  .ix-head p.pb4{padding-bottom: 20px;}


  /*产品列表*/
  .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;}
}