.kv {
  margin-top: -80px;
  padding-bottom: 57%;
  background-image: url('/global_common/common/images/ld/pc/deep-kv.jpg');
  position: relative;
}
.kv .text{position: absolute; bottom: 10%;}
.kv-text .title{font-size: 1.6rem}
.product-list{margin-top: 78px;position: relative}
.product-list .swiper-container{width: 900px}
.product-list .product-item{position: relative;display: block;}
.product-list .model{font-size: 13px; padding: 6px 13px;}
.product-list .model:hover{color: #000;text-decoration: none}
/* .product-list .product-item .model{position: absolute;left: 50%;transform: translateX(-50%);  padding:0.6rem;border: 1px solid #a0a0a0;background-color: #fff;}
.product-list .product-item .model:nth-of-type(1){top:1%;}
.product-list .product-item .model:nth-of-type(2){bottom:1%;} */
.swiper-button-next.swiper-button-gray, .swiper-container-rtl .swiper-button-prev.swiper-button-gray{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d1d1d1'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-gray, .swiper-container-rtl .swiper-button-next.swiper-button-gray {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d1d1d1'%2F%3E%3C%2Fsvg%3E")
}
.product-list .swiper-button-prev{left:14%;  }
.product-list .swiper-button-next{right:14%; }
/* .product-list .product-item .product-image{width: 100%} */
.basin-features{margin-top: 78px;font-size: 0;text-align: center;display: flex;flex-direction:row;justify-content: center;align-items: stretch;}
.basin-features .feature{width: 35%; display: inline-block;font-size: 1rem;vertical-align: top; background-color: #eaeaea;}
.basin-features .feature:nth-of-type(odd){margin-right: 2.5rem;}
.basin-features .feature .title{font-size: 1.6rem; text-align: left; padding:0 2rem;    line-height: 4rem;background-color: #fff;}
.basin-features .feature .text{text-align: left; padding:1rem 2rem; height: 86px;}
.basin-features .feature .container{height: calc(100% / 2)}
.basin-features .feature .container{position: relative;overflow: hidden;}
.basin-features .feature .container .text{position: absolute; bottom: 0; width: 100%}
.basin-features .feature .container .text span{position: absolute;top: 50%;transform: translateY(-50%);}
/* .basin-features .feature .container .text:after{content:"";display: inline-block;height: 100%;vertical-align: middle} */
.basin-features .feature .container .ld-pc{
  position: absolute;
  bottom: 86px;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 86px);
}

 
.tap-features{width: 74%; margin:auto;margin-top: 78px;margin-bottom: 78px;font-size: 0}
.tap-features .title{  text-align: left; padding:1rem 2rem;font-size: 1.6rem}
.tap-features .feature{
  font-size: 1rem;  background-color: #eaeaea;margin-bottom: 2rem;width: calc((100% - 2rem) / 3);display: inline-block;
  margin-right: 1rem;vertical-align: top;
}
.tap-features .feature:nth-of-type(3n){margin-right: 0}
.tap-features .feature .ld-pc{width: 100%; display: block!important;vertical-align: middle;}
.tap-features .feature .text{position: relative;width: 100%; height: 110px; display: block;vertical-align: middle;padding: 0.6rem;} 
.tap-features .feature .text span{position: absolute;top: 20%;/*transform: translateY(-50%);*/}
@media screen and (min-width: 0) and (max-width: 640px) { 
  .kv{
    margin-top: 0px;
    padding-bottom: 146%;
    background-image: url('/global_common/common/images/ld/sp/deep-kv.jpg');
  }
  .kv-text{text-align: center;margin-left: 1rem;  margin-right: 1rem;}
  .product-list{margin-top: 50px} 
  
  .product-list .swiper-container{width: 90%}
  .product-list .swiper-button-prev{left:1%; }
  .product-list .swiper-button-next{right:3%; }
  .basin-features{margin-top: 50px;display: block}
  .basin-features .feature{width: 100%}
  .basin-features .feature .text{height: auto}
  .basin-features .feature .title{text-align: center}
  .basin-features .feature:nth-of-type(odd){margin-right: 0; margin-bottom: 1rem;}

  .basin-features .feature .container{position: static}
  .basin-features .feature .container .text{position: static; bottom: 0; width: 100%}
  .basin-features .feature .container .ld-pc{position: static; bottom: 86px;}
  .basin-features .feature .container .text span{position: static}
  .tap-features{width: 100%}
  .tap-features .title{font-size: 1.4rem;text-align: center}
  .tap-features .feature{display: block;    width: 100%;}
  .tap-features .feature .ld-pc{display: none!important}
  .tap-features .feature .text{width: 100%; padding: 1rem;height: auto;}
  .tap-features .feature .text br{display: none} 
  .tap-features .feature .text span{ position: static}
}

