.sub_top{background:url('../page19/images/sub_top6.jpg')no-repeat;background-size:cover;}
.page_tit_flex{display:flex;align-items:center;margin-top:70px;}
.page_tit_img{width:45%;border-radius:20px;}
.page_tit_txt{padding-left:70px;width:55%;font-size:16px;line-height:32px;text-align:left;}
.page_tit_txt b{text-decoration:underline;}
.page_tit_txt span{    border: 1px solid #1e504a;
  padding: 7px 15px;
  border-radius: 30px;
  width: fit-content;
  font-size: 18px;
  display: block;
  font-weight: 700;
  color: #1e504a;
  margin-bottom: 15px;
  background: #f8f8f8;}

.page21_sec1{margin-top:70px;}
.page21_sec1 h2{    font-size: 24px;
  color: #000;
  text-align: center;}
.page21_flex{display:flex;justify-content:space-between;align-items:center;margin-top:50px;}
.page21_flex img{width:350px;height:fit-content;border-radius:20px;}
.page21_flex ul{width:400px;}
.page21_flex ul li{font-size:16px;font-weight:400;padding:15px 0;border-bottom:1px dashed #e4e4e4;display: flex;
  line-height: 26px;}
.page21_flex ul li:last-child{border-bottom:0;}
.page21_flex ul li span{    border-radius:5px;display: inline-block;
  width: 25px;
  height: 25px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  line-height: 25px;
  background: #1d524a;
  font-size: 10px;
  padding-left: 2px;
  margin-right: 10px;}


.page21_sec2{margin-top:70px;}
.page21_sec2 h2{    font-size: 24px;
  color: #000;
  text-align:center}
.page21_sec2 ul{display:flex;justify-content:space-between;margin-top:40px;}
.page21_sec2 ul li{width: 150px;
  padding: 10px 0 40px 0;
  border-radius: 500px;
  background: #1e504a;}
.page21_sec2 ul li img{width:130px;border-radius:130px;display:block;margin:0 auto;height:130px;}
.page21_sec2 ul li p{color:#fff;text-align:center;padding-top:15px;font-size:16px;font-weight:500;}


.page21_sec3{margin-top:70px;}
.page21_sec3 .q{display:flex;font-size:16px;font-weight:bold;padding:20px;border-top:2px solid #000;background:#f8f8f8;}
.page21_sec3 span{margin-right:8px;display:inline-block;width:25px;height:25px;background:#000;color:#fff;border-radius:25px;font-size:12px;font-weight:bold;text-align:center;line-height:25px;}
.page21_sec3 .a{display:flex;font-size:16px;font-weight:400;line-height:30px;padding:20px ;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.page21_sec3 ul{width:100%;display:flex;margin-top:40px;justify-content:center;}
.page21_sec3 ul li{width:300px;margin:0 15px;}
.page21_sec3 ul li img{width:100%;}
.page21_sec3 ul li p{background:#333;color:#fff;font-size:16px;text-align:center;padding:15px 0;}


.page21_sec4{background:#333;margin-top:70px;border-radius:10px;overflow:hidden;padding:30px 0;}
.page21_sec4 strong{width:100%;display:block;;text-align:center;font-size:16px;font-weight:500;color:#fff;}
.page21_sec4 a{display:block;background:#ffd403;text-align:center;padding:20px 0;font-size:15px;font-weight:500;width:fit-content;margin:0 auto;border-radius:30px;text-align:center;padding:3px 20px;font-weight:700;color:#333 !important;margin-top:15px;}

@media screen and (max-width:799px){

  .page21_sec1{margin-top:50px;background-position:center;}
  .page21_flex{flex-wrap:wrap;flex-direction:column-reverse;margin-top:30px;}
  .page21_sec1 ul{margin-top:30px;flex-wrap:wrap;width:100%;}
  .page21_sec1 ul li{width:100%;padding:15px 5px;font-size:14px;display:flex;}
  .page21_flex img{width:100%;}
  .page21_sec1 ul li span {
    position:relative;
    top:4px;
    font-size: 10px;
    width: 20px;
    line-height:20px;
    height: 20px;}

  .page21_sec2  {margin-top:50px;}

  .page21_sec2  ul{    flex-wrap: wrap;
    width: 320px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .page21_sec2  ul li{width:150px;padding-bottom:25px;padding-top:10px;}
  .page21_sec2  ul div{width:130px;height:130px;}
  .page21_sec2  ul li p{font-size:14px;margin-top:0px;}
  .page21_sec2  ul li:nth-child(n+3){margin-top:20px;}
  
  .page21_sec3 .q{font-size:15px;align-items:center;}
  .page21_sec3 .a span{display:none;}
  .page21_sec3 .a{font-size:14px;line-height:28px;}
  .mt0{margin-top:0;}
}