@charset "UTF-8";
.dmfoot {
  height: 100% !important;
}
/* 测试内容 */

.beta-box {

  max-width: 1280px;

  margin: 80px auto 100px;

}

.beta-box .font {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  line-height: 28px;

  letter-spacing: 0px;

  color: #666666;

  text-align: justify;

}

.beta-title-box .dmtitle {

  text-align: left;

}

.beta-title {

  font-family: MicrosoftYaHei-Bold;

  font-size: 20px;

  font-weight: bold;

  letter-spacing: 0px;

  color: #333333;

  margin-top: 60px;

}

.beta-line {

  width: 100%;

  height: 1px;

  background-color: #cccccc;

  position: relative;

  margin: 20px 0;

}

.beta-line::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 80px;

  height: 2px;

  background-color: #e40001;

}

.table {

  margin-top: 20px;

}

table {

  width: 100%;

  text-align: center;

  vertical-align: middle;



  background-color: #f5f5f5;

  border: solid #cccccc;

  border-width: 1px 0px 0px 1px;

}

table tr td {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  line-height: 28px;

  letter-spacing: 0px;

  color: #333333;

  padding: 17px 40px;

  border: solid #cccccc;

  border-width: 0px 1px 1px 0px;

}

.img {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 40px;

}

.img-box {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48.4375%;

  height: 351px;

  background-color: #ffffff;

  box-shadow: 0px 0px 10px 0px rgba(167, 167, 167, 0.16);

}

.img-box img {

  max-width: 100%;

}

.four-box {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 40px;

}

.foue-item {

  padding: 22px 32px;

  width: 20.3125%;

  /* height: 180px; */

  background-color: #ffffff;

  box-shadow: 0px 0px 10px 0px rgba(167, 167, 167, 0.16);

  border: solid 1px #e5e5e5;

}

.four-item-img-box {

  display: flex;

  align-items: center;

  justify-content: center;

}

.four-title {

  font-family: MicrosoftYaHei-Bold;

  font-size: 16px;

  letter-spacing: 0px;

  color: #333333;

  font-weight: bold;

  text-align: center;

  margin: 15px 0;

}

.four-desc {

  font-family: MicrosoftYaHei;

  font-size: 14px;

  line-height: 28px;

  letter-spacing: 0px;

  color: #666666;

  text-align: justify;

}

.four-box2 {

  width: 1090px;

  margin-top: 40px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.four-box2-item {

  padding: 35px 0;

  margin-bottom: 20px;

  width: 47.70642201834862%;

  background-color: #f5f5f5;

  box-shadow: 0px 0px 10px 0px rgba(167, 167, 167, 0.16);

  border: solid 1px #e5e5e5;

}

.four-box2-title {

  height: 32px;

  background-color: #ff0000;

  font-family: MicrosoftYaHei-Bold;

  font-size: 16px;

  font-weight: bold;

  line-height: 32px;

  letter-spacing: 0px;

  color: #ffffff;

  text-indent: 40px;

}

.four-box2-contant {

  padding: 20px 40px;

  font-family: MicrosoftYaHei;

  font-size: 14px;

  line-height: 28px;

  letter-spacing: 0px;

  color: #666666;

}

.img2 {

  margin-top: 55px;

}

.img2-box img {

  max-width: 100%;

}

.three-box {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 30px;

}

.three-box-item {

  width: 32.03125%;

}

.three-img-box {

  height: 260px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

.three-info-box {

  padding: 20px 30px;

  text-align: center;

  font-family: MicrosoftYaHei;

  font-size: 18px;

  line-height: 26px;

  letter-spacing: 0px;

  color: #333333;

}

/* 媒体查询/响应式 */

@media (max-width: 1920px) {

}

@media (max-width: 1599px) {

}

@media (max-width: 1477px) {

}

@media (max-width: 1365px) {

}

@media (max-width: 1280px) {

  .beta-box {

    width: 96%;

  }


}

@media (max-width: 1199px) {

  .four-box2 {

    width: 96%;

    margin: 0 auto;

    margin-top: 40px;

  }

}

@media (max-width: 990px) {

  .font {

    padding: 0 10px;

  }

  .foue-item {

    width: 48%;

    margin-bottom: 20px;

  }

}

@media (max-width: 767px) {

  .beta-box {

    margin: 30px auto 40px;

  }

  .beta-title {

    margin-top: 25px;

  }

  table tr td {

    padding: 5px;

  }

  .img {

    margin-top: 25px;

  }

  .img-box {

    width: 96%;

    margin: 0 auto;

    margin-bottom: 10px;

  }

  .four-box {

    margin-top: 25px;

  }

  .foue-item {

    width: 80%;

    margin: 0 auto;

    margin-bottom: 10px;

  }

  .four-box2 {

    margin-top: 25px;

  }

  .four-box2-item {

    width: 96%;

    margin: 0 auto;

    margin-bottom: 10px;

  }

  .img2 {

    margin-top: 25px;

  }

  .three-box-item {

    width: 96%;

    margin: 0 auto;

    margin-bottom: 10px;

  }

  .three-img-box {

    height: 225px;

  }

  .three-info-box {

    font-size: 14px;

    padding: 10px 15px;

  }

}