.slider {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .slider {
    width: 1000px;
  }
}
@media screen and (max-width: 1000px) {
  .slider {
    width: 100%;
  }
}

.slick-slide {
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}



.cost {
  background-image: url(../img/index-cost.gif);
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  height: 670px;
  display: block;
}
@media screen and (max-width: 1200px) {
  .cost {
    position: relative;
    background-size: 100%;
    height: 550px;
  }
}
@media screen and (max-width: 767px) {
  .cost {
		display: none;
	}
}

.cost a {
  background-image: url(../img/index-cost-btn.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  height: 320px;
  display: block;
  float: left;
}
#cost-1 {
  margin: 320px 210px 0 190px;
  background-position: -190px 0;
  width: 530px;
}
@media screen and (max-width: 1200px) {
  #cost-1 {
    left: 5%;
    position: absolute;
    top: 40%;
    margin: 0;
  }
}
#cost-2 {
  margin: 320px 0 0;
  background-position: -928px 0;
  width: 120px;
}
@media screen and (max-width: 1200px) {
  #cost-2 {
    right: 5%;
    position: absolute;
    top: 48%;
    margin: 0;
  }
}





.retail {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media screen and (max-width: 1000px) {
  .retail {
    max-width: 560px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 767px) {
  .retail {
    margin: 80px auto 30px;
  }
}

.retail a {
  background-image: url(../img/index-retail.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  height: 240px;
  display: block;
  float: left;
}
@media screen and (max-width: 1200px) {
  .retail a {
    height: 220px;
  }
}
@media screen and (max-width: 1000px) {
  .retail a {
    height: 170px;
  }
}

#retail-1 {
  background-position: -50px top;
  width: 156px;
}
@media screen and (max-width: 1200px) {
  #retail-1 {
    background-position: -60px -30px;
    width: 140px;
  }
}
#retail-2 {
  background-position: -206px top;
  width: 162px;
}
@media screen and (max-width: 1200px) {
  #retail-2 {
    background-position: -220px -30px;
    width: 140px;
  }
}
#retail-3 {
  background-position: -368px top;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #retail-3 {
    background-position: -378px -30px;
    width: 140px;
  }
}
#retail-4 {
  background-position: -528px top;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #retail-4 {
    background-position: -538px -30px;
    width: 140px;
  }
}
#retail-5 {
  background-position: -688px top;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #retail-5 {
    background-position: -698px -30px;
    width: 140px;
  }
}
#retail-6 {
  background-position: -848px top;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #retail-6 {
    background-position: -857px -30px;
    width: 140px;
  }
}
#retail-7 {
  background-position: -1008px top;
  width: 160px;
}
@media screen and (max-width: 1200px) {
  #retail-7 {
    background-position: -1015px -30px;
    width: 140px;
  }
}