body {
  line-height: 150%
}

@font-face {
  font-family: Roboto;
  src: url("/static/home/font/roboto/Roboto-Bold.ttf");
  src: url("/static/home/font/roboto/Roboto-Light.ttf");
  src: url("/static/home/font/roboto/Roboto-Medium.ttf");
}

/* makes */
.makes {
  background: url('/static/home/kwplus/bg1.png') no-repeat;
  background-size: 100% 100%;
}

.makes-div {
  width: 85%;
  margin: auto;

  padding-top: 85px;
  padding-bottom: 85px;
}

.make-div {
  background: url('/static/home/kwplus/iconbg.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 80px;
  padding: 4%;
  width: 80%;
  margin: auto;
}

.makes-icon li {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  height: 280px;

}

.makes-icon li img {
  margin-top: 30px;
}

.makes-title {

  font-size: 36px;

  text-align: center;
  font-weight: 30;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #EEEEEE;
  margin-bottom: 60px;
}

.makes-t {

  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #282828;
  margin-top: 30px;
  margin-bottom: 20px;
}

.makes-icon ul li:nth-child(1),
.makes-icon ul li:nth-child(2),
.makes-icon ul li:nth-child(3) {
  border-bottom: 1px dashed #454545;

}

.makes-icon ul li:nth-child(1),
.makes-icon ul li:nth-child(2),
.makes-icon ul li:nth-child(4),
.makes-icon ul li:nth-child(5) {
  border-right: 1px dashed #454545;

}

/* makes end */
/* table */
.tables {
  background: url('/static/home/kwplus/table.png') no-repeat;
  background-size: 100% 100%;
}

.table-div {
  width: 74%;
  margin: auto;
}

.table-title div:first-child {

  font-size: 43px;
  font-family: Adobe Fan Heiti Std;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 43px;
  border-left: 6px solid#008068;
  padding-left: 15px;
}

.table-title div:last-child {

  font-size: 51px;
  font-family: Roboto-Light;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 51px;
  border-left: 6px solid#008068;
  padding-left: 15px;
  padding-top: 10px;
}

.table-title {
  padding-top: 111px;
  padding-bottom: 111px;
}

.table th {

  font-size: 24px;
  font-family: Roboto;
 
  color: #FFFFFF;
  line-height: 38px;
  text-align: center;
}

.table-bordered {
  border: 2px solid #FFFFFF !important;
}

.table tr td {

  font-size: 18px;
  font-family: Roboto-Light;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 38px;
  text-align: center;
}

.table-content {
  padding-bottom: 90px;
}

/* table end */
/* data */


.data-top {
  padding-top: 79px;
  width: 100%;
  padding-bottom: 45px;
  margin-left: 0px !important;

}

.data-top-title {
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-size: 36px;
  font-family: Microsoft YaHei;
  color: #282828;
  font-weight: 400;


}

.data-top-left {

  border-bottom: 1px solid #313131;
  height: 16px;
}

.data-top-right {

  border-bottom: 1px solid #313131;
  height: 16px;
}


.data-bottom-div {
  width: 80%;
  margin: auto;
  padding-top: 74px;
  padding-bottom: 58px;
}

.data-item {
  text-align: left;
  padding-left: 2%;
}

.data-d {
  margin-top: 15px;
 margin-left:2.2vw;
}


.data-bottom-div p {
  font-size: 15px;
  color: #757575;
}

/* data end */
/* video end */
.video {
  background: url('/static/home/kwplus/videobg.png') no-repeat;
  background-size: 100% 100%;
}

.video-title {

  height: 12px;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #282828;
  text-align: center;
  padding-top: 80px;
}

.video-desc {
  text-align: center;

  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #282828;
  padding-top: 60px;
}

.video-div {
  margin-top: 100px;
  padding-bottom: 100px;
  text-align: center;

}

/* video end */
/* samples */
.samples {
  background: url('/static/home/kwplus/ypbj.png') no-repeat;
  background-size: 100% 100%;
}
.sa-title{
  width: 570px;
  margin: auto;
  padding-top: 107px;
  position: relative;
  
}
.sa-img{

  font-size: 14px;
  font-family: Roboto;
  font-weight: 300;
  color: #FFFFFF;
  background: url('/static/home/kwplus/font-ypbj.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  padding-left: 20px;
}
.samples-item{
padding-bottom: 40px;
}
.samples-title {

  font-size: 36px;
  font-family: Roboto-Light;
  letter-spacing: 3px;
  line-height: 36px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 5;



}
.samples-x{
width: 70px;
height: 2px;
background: #008068;
margin: auto;
margin-bottom: 117px;
}
.samples-tbg{
  height: 30px;
  position: absolute;
  bottom: -13px;
  opacity: 0.29;
  background: #008068;
  width: 100%;
}

.samples-desc {

  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  padding-bottom: 60px;
  text-align: center;
  margin-top: 40px;
}

.samples-img {
  text-align: center;
  padding-bottom: 152px;
  width: 64%;
  margin: auto;
}

.samples-img img {
  padding-left: 1px;

}

/* samples end */
/* product */
.product {
  background: url('/static/home/kwplus/product.png') no-repeat;
  background-size: 100% 100%;
}
.product .samples-title{
  padding-top: 100px;
  padding-bottom: 60px;
}
.prodcut-img {
  width: 80%;
  margin: auto;
  padding-bottom: 90px;
}

.prodcut-img div {
  text-align: center;
}

.product .samples-title {
  color: #2b3037 !important;
}

.p-t {
  padding-bottom: 60px;
}

.p-i:hover {
  transform: scale(1.1);
}

.p-i {
  transition: all 0.6s;
}

/* product end */


@media screen and (max-width: 1440px) {
  .makes-div {
    width: 100%;
  }

  .makes-item-z {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .samples-img {
    width: 84%;
  }

  .prodcut-img {
    width: 100%;
  }

  .data-top-left {
    border: 0 !important;
  }

  .data-top-right {
    border: 0 !important;
  }
}