html {
  font-size: 62.5%;
  background: #fff;
}
.wrap {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
img {
  max-width: 100%;
}
* {
  box-sizing: border-box;
}

:root {
  --global-color: #113fd5;
  --global-color666: #666;
}


.index_section3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index_section3 .item{
  
  width:49%;
  margin-bottom: 30px;
}
.index_section3 .item .pic{
  border: 1px solid #ddd;
  text-align: center;
}
.index_section3 .item .pic img{
  height: 300px;
}
.index_section3 .item .title{
  margin-top: 15px;
  text-align: center;
}
.products{
  flex-wrap: wrap;
}
.products li{
  margin-bottom: 20px;
}

.promotion {
  background-color: #fff;
  margin-bottom: .74rem;
  overflow: hidden
}

.promotion-item {
  flex-wrap: wrap;
  margin-right: -.4rem
}

.promotion-item li {
  background-color: #fff;
  border: 1px solid #e8ebf2;
  width: calc(33.33% - .4rem);
  flex: 0 0 calc(33.33% - .4rem);
  margin-right: .4rem;
  margin-bottom: .4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s
}

.promotion-item-img {
  position: relative;
  padding-bottom: 60%;
  font-size: 0;
  line-height: 0
}

.promotion-item-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.promotion-item-bottom {
  padding: .14rem;
  background: #f1f3f7;
  -webkit-transition: all .5s;
  transition: all .5s
}

.promotion-item-bottom-title {
  height: .6rem;
  overflow: hidden; 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
  background: #eb5f9d;
  white-space: wrap;
  line-height: .3rem;
  font-size: .16rem;
  color: #fff;
  padding: 0 .2rem;
  margin-left: -.14rem;
  -webkit-transition: all .5s;
  transition: all .5s
}

.promotion-item-bottom-des {
  margin: .2rem 0;
  font-size: .14rem;
  line-height: .24rem;
  word-break: break-all;
  min-height: .48rem
}

.promotion-item-bottom-time {
  font-size: .14rem;
  color: #999;
  margin-top:10px
}

.promotion-item li a {
  text-decoration: none;
  color: inherit
}

.promotion-item li:hover {
  border: 1px solid #eb5f9d
}

.promotion-item li:hover .promotion-item-bottom {
  background-color: #fff
}

.article_title{ font-size: 24px; width: 100%; text-align: center; font-size: 26px; margin-top: 35px; color: #666;}
.article_time{ width: 100%;text-align: center;  color: #aaa; margin-top: 10px;}
.article_content{ margin-top: 20px; line-height: 28px; color: #666 }
.prearticle{ margin-bottom: 10px; padding-top:30px; border-top: 1px solid #ccc; width: 100%;color: #666;}


.product {
  background-color: #fff;
  margin-bottom: .74rem
}

.product-children {
  width: 0;
  flex: 1
}

.product-children-title {
  font-size: .18rem;
  color: #eb5f9d;
  margin-bottom: .2rem
}

.product-children-des {
  font-size: .14rem;
  color: #666;
  margin-bottom: .2rem;
  text-indent: .28rem;
  line-height: .24rem
}

.product-children-item {
  margin-bottom: .3rem
}

.product-children-item:last-child {
  margin-bottom: 0
}

.product-children-item-title {
  position: relative;
  font-size: .16rem;
  color: #eb5f9d;
  background-color: rgba(235,95,157,.1);
  border-top: .03rem solid #eb5f9d;
  padding: .1rem .4rem .1rem .2rem;
  cursor: pointer
}

.product-children-item-title .iconfont {
  position: absolute;
  right: .14rem;
  top: 50%;
  transform: translate(0,-50%)
}

.product-children-item-title .iconfont::before {
  display: block
}

.product-children-item.active .product-children-item-title .iconfont::before {
  transform: rotate(180deg)
}

.product-children-items {
  overflow: hidden;
  display: none
}

.product-children-item.active .product-children-items {
  display: block
}

.product-children-items>ul {
  background-color: #f8f8f8;
  padding: .3rem .37rem;
  flex-wrap: wrap;
  margin-right: -.36rem;
  margin-bottom: -.36rem
}

.product-children-items>ul>li {
  display: block;
  flex: 0 0 calc(33.33% - .36rem);
  width: calc(33.33% - .36rem);
  background-color: #fff;
  border: 1px solid #e8ebf2;
  cursor: pointer;
  margin-right: .36rem;
  margin-bottom: .36rem;
  -webkit-transition: all .5s;
  transition: all .5s
}

.product-children-items>ul>li>a {
  text-decoration: none;
  color: inherit
}

.product-children-items-img {
  position: relative;
  padding-bottom: 87.5%;
  width: 100%;
  font-size: 0;
  line-height: 0
}

.product-children-items-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.product-children-items-bottom {
  padding: .23rem;
  border-top: 1px solid #e8ebf2
}

.product-children-items-bottom::before {
  content: '';
  display: block;
  clear: both
}

.product-children-items-title {
  font-size: .16rem;
  color: #666;
  margin-bottom: .12rem;
  line-height: .22rem;
  min-height: .66rem;
  -webkit-transition: all .5s;
  transition: all .5s
}

.product-children-items-des {
  font-size: .14rem;
  color: #666
}

.product-children-items-des-price {
  color: #eb5f9d;
  font-size: .2rem
}

.product-children-items-des-sales {
  color: #666;
  font-size: .16rem;
  text-align: right;
  width: 20px;
}

.product-children-items>ul>li:hover {
  border: 1px solid #eb5f9d
}

.product-children-items>ul>li:hover .product-children-items-title {
  color: #eb5f9d
}

.product-children-items>ul>li:hover .products-bottom {
  border-top: 1px solid #eb5f9d
}

.pagination {
 
  margin: 0 auto;

  text-align: center;


}

.pagination li{border:1px solid #e6e6e6;padding: 7px 13px;display: inline-block;margin: 3px;}
.pagination li a{
  color: #666;
  text-decoration: none;
}
.pagination .active{background-color: #eb5f9d;color: #fff;}

.pagination .disabled{color: #aaa;}

@media screen and (max-width: 1080px) {
  .product-children {
      padding:0 .1rem
  }

  .product-children-items>ul {
      padding: .1rem;
      margin-right: -.1rem!important;
      margin-bottom: -.1rem!important
  }

  .product-children-items>ul>li {
      flex: 0 0 calc(33.33% - .1rem)!important;
      margin-right: .1rem!important;
      margin-bottom: .1rem!important
  }

  .product-children-items-bottom {
      padding: .12rem!important
  }

  .product-children-items-title {
      font-size: .18rem!important;
      margin-bottom: .1rem!important
  }
}

@media screen and (max-width: 800px) {
  .product-children-items>ul>li {
      flex:0 0 calc(50% - .1rem)!important
  }
}


@media screen and (max-width: 1080px) {
  .promotion-item {
      margin-right:0!important
  }

  .promotion-item li {
      flex: 1!important;
      width: 100%!important;
      margin: 0 .2rem .2rem!important
  }
}

/* 平板电脑和小屏电脑之间的分辨率 */

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

/* 横向放置的手机和竖向放置的平板之间的分辨率 */

@media (max-width: 767px) {
  
  
}
@media (max-width: 600px) {
 
}
/* 横向放置的手机及分辨率更小的设备 */

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