/* box1 */


.box1 {
  /*padding: 0 16.4%;*/
  width:1370px;
  margin:0 auto;
}

.listbt{font-size:30px;font-weight:bold;text-align:center;height:90px;line-height:90px;}
.listcon{width:1200px;margin:0 auto;}
.listcon ul li{line-height:380%;font-size:18px; border-bottom:1px solid #dbdbdb;}
.listcon ul li span{float:right;}
.listcon ul li a{color:#000;}

.showbt{font-size:30px;font-weight:bold;text-align:center;height:90px;line-height:90px;}
.showcon{width:1200px;text-indent:35px;font-size:15px;color:#000;line-height:280%;font-size:18px;}

.ksjs{width:480px;float:left;}
.ksjscon ul li{width:227px;height:60px;line-height:60px;text-align:center;float:left;font-weight:bold;margin-left:5px;margin-right:5px;margin-bottom:5px;}
.libg1{background:#e6e6e6;}
.libg2{background:#0a918a;}
.libgc1{color:#60a8a4;font-size:16px;}
.libgc2{color:#fff;font-size:16px;}
.xwzx{width:480px;float:left;margin-left:20px;}
.xwzxcon{margin-left:5px;}
.xwzxcon ul li{width:470px;height:45px;line-height:45px;float:left;display:block;border-bottom:1px dashed #d9d9d9;font-size:14px;}
.xwzxcon ul li a{color:#000;}
.xwzxcon ul li i{float:right;}

.lxfs{width:210px;float:left;margin-left:20px;}
.lxfscon{margin-left:5px;}

.yfjj{width:415px;float:left;}
.ynhj{width:475px;float:left;}

.fwts{width:480px;float:left;}
.fwtscon ul li{width:280px;height:68px;line-height:68px;text-align:center;font-weight:bold;margin-left:5px;margin-right:5px;margin-bottom:5px;}

.dibuleft{width:910px;float:left;}
.diburight{width:315px;float:left;}

.box1-list {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 80px 0;
}

.ylsb{width:902px;float:left;}

.box1-list__item {
  flex: 1;
  padding: 25px 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 4px 4px #f9f9f9;
  cursor: pointer;
}

.box1__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100px;
}


.box1__title {
  margin: 20px 0;
  font-size: 33px;
}

.box1__span {
  margin: 2px 0;
  color: #666;
}

.box1-list__item:hover .box1__img {
  animation: c 1s infinite;
}



@keyframes c {

  0%,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.5, .1, .5, 1);
    transform: translateZ(0)
  }

  10%,
  40%,
  43% {
    animation-timing-function: cubic-bezier(.10, .05, .10, .06);
    transform: translate3d(0, -15px, 0)
  }

  70% {
    animation-timing-function: cubic-bezier(.10, .05, .10, .06);
    transform: translate3d(0, 0px, 0)
  }

  90% {
    transform: translate3d(0, -8px, 0)
  }
}




.sale {
  padding: 30px 7.2% 20px;
  background: #f4f4f4;
  text-align: center;
}


.sale__item {
  display: inline-block;
  width: 42%;
  margin: 0 1%;
}

.sale__img-wrap {
  overflow: hidden;
}

.sale__img {
  width: 100%;
  height: auto;
  transition: transform 1s;
}

.sale__img-wrap:hover .sale__img {
  transform: scale(1.2);
}

.sale__meta {
  margin-top: 20px;
}


.sale__show {
  display: inline-block;
  font-size: 22px;
  color: #333;
}

.sale__show::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 26px;
  margin-left: 8px;
  background: url(/imgs/i.png) -62px -149px;
  vertical-align: 1px;
}

.sale__btn {
  vertical-align: top;
}