@media screen and (max-width:800px){#values{width:100%;min-width:350px}
#values .class_box{width:100%;min-width:350px;padding:10px}
#titdaoh{display:none}
#values .class_box .titles{margin-top:20px}
#values .class_box .miaosu{margin:10px 0px;padding:5px 0px}
#values .class_box .conts img{width:100%;height:auto}
#values .class_box .conts video{width:100%;height:auto;max-width:400px}
#values .class_box .conts embed{width:100%;height:auto;max-width:400px}
.hezder_top .title_box .item:nth-child(1) a{border:0px;color:#009944}
}

.values {
  width: 100%;
  min-width: 1200px;
}
.values .class_box {
  width: 1000px;
  margin: 5% auto;
  background: #fff;
  padding: 20px;
}
.values .class_box .titles {
  width: 100%;
  margin: 0px auto;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
}
.values .class_box .miaosu {
  width: 100%;
  margin: 0px auto;
  font-size: 18px;
  text-align: center;
  padding: 10px 0px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.values .class_box .conts {
  padding: 20px;
  font-size: 18px;
}
.values .class_box .conts p {
  margin-bottom: 12px;
  line-height: 1.8;
}
.values .class_box img {
  max-width: 100%;
  text-align: center;
}
.values .class_box video {
  outline: none;
}