.sub_top{background:url('../page9/images/sub_top3.jpg')no-repeat;background-size:cover;}
.page_tit_flex{display:flex;align-items:center;margin-top:70px;}
.page_tit_img{border:1px solid #e4e4e4;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: 20px;
    display: block;
    font-weight: 700;
    color: #1e504a;
    margin-bottom: 15px;
    background: #f8f8f8;}


.page12_sec1{margin-top:70px;}
.page12_sec1 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.page12_flex{align-items:center;border-radius:20px;overflow:hidden;display:flex;margin-top:50px;background:#f2fff2;}
.page12_flex img{width:300px;}
.page12_flex ul{padding:50px;width:600px;padding-left:70px;}
.page12_flex ul li{font-size:16px;font-weight:400;padding:15px 0;border-bottom:1px dashed #e4e4e4;}
.page12_flex ul li:last-child{border-bottom:0;}
.page12_flex ul li:before{position:relative;top:2px;width:15px;height:15px;background:url('../page12/images/check.svg')no-repeat;background-size:cover;display:inline-block;content:"";margin-right:10px;}


.page_tit_txt2{padding-left:0;}

.page12_sec2{margin-top:70px;}
.page12_sec2 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.page12_sec2 ul{border-top:2px solid #000;flex-wrap:wrap;justify-content:space-between;display:flex;margin-top:50px;}
.page12_sec2 ul li{width:48%;padding:30px;border-bottom:1px solid #e4e4e4;font-size:15px;}
.page12_sec2 ul li span{position:relative;top:-2px;margin-right:7px;display: inline-block;
    background: #1e504a;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding-left: 2px;}

.page12_sec3{margin-top:70px;}
.page12_sec3 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.page12_sec3 p{font-size: 16px;
    line-height: 32px;font-weight:400;
    text-align: center;margin-top:30px;}
.page12_sec3 ul{display:flex;margin-top:40px;justify-content:space-between;}
.page12_sec3 ul li{background:#f8f8f8;width: 180px;
    position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 500px;
    padding-bottom: 50px;
    padding-top: 15px;}
.page12_sec3 ul li:after{display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../page12/images/next5.svg)no-repeat;
    background-size: cover;
    position: absolute;
    top: 49%;
    left: -6px;
    transform: translate(-50%,-50%);}
.page12_sec3 ul li:first-child:after{display:none;}
.page12_sec3 ul div{width:150px;margin:0 auto;height:150px;overflow:hidden;border-radius:150px;border:1px solid #e4e4e4;}
.page12_sec3 ul img{display:block;transition:all .5s;width:100%;}
.page12_sec3 ul li:hover img{transform:scale(1.1);transition:all .5s;}
.page12_sec3 ul p{font-size:16px;font-weight:500;text-align:center;line-height:22px;margin-top:15px;}

.page12_sec3 a{display: block;
    margin: 0 auto;
    width: fit-content;
    font-size: 16px;
    padding: 10px 30px;
    margin-top: 40px;
    background: #1c60d1;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 50px;}



.dosu_common1{margin-top:70px;}
.dosu_common1 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.dosu_common1 ul{display:flex;justify-content:center;margin-top:40px;}
.dosu_common1 ul li{margin-left:-20px;width:200px;height:200px;border-radius:200px;border:1px dashed #1e504a;position:relative;}
.dosu_common1 ul li p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;color:#000;font-weight:600;font-size:18px;}
.focus{  border:1px solid #1e504a !important;  background: rgb(0 0 0 / 0.7);
    z-index: 1;animation: cl 1s infinite alternate;}
.focus p{color:#fff !important}
.focus a{color:#fff !important;border-bottom:1px solid #fff !important}
.focus span{color:#1e504a !important;background:#fff !important;font-weight:900 !important}
@keyframes cl {
  0%{transform:scale(1);}
  100%{ background:  rgb(19 93 63 / 0.7);;transform:scale(1.1);}
}

.dosu_common1 ul li a{display:block;font-size:14px;font-weight:bold;margin:0 auto;padding:5px 0;margin-top:10px;border-bottom:1px solid #1e504a;width:100px;}
.dosu_common1 ul li a span{display:inline-block;width:15px;height:15px;color:#fff;text-align:center;font-size:15px;line-height:15px;border-radius:15px;background:#1e504a;margin-left:7px;}

@media screen and ( max-width:799px){
  .page12_sec1{margin-top:50px}
  .page12_flex{display:block;margin-top:30px;}
  .page12_flex img{width:100%;margin:0 auto;display:block;}
  .page12_flex ul{padding:0;padding:20px;width:100%;}
  .page12_flex ul li{font-size:14px;}
  .page12_sec2{margin-top:50px;}
  .page12_sec2 ul{margin-top:30px;flex-wrap:wrap;}
  .page12_sec2 ul li{width:100%;padding:15px 5px;font-size:14px;}
  .page12_sec2 ul li span {
    font-size: 10px;
    width: 20px;
    line-height:20px;
    height: 20px;}
  
  .page12_sec3{margin-top:50px;}
  .page12_sec3 p{font-size:14px;line-height:26px;}
  .page12_sec3 ul{    flex-wrap: wrap;
    width: 320px;
    margin: 0 auto;
    margin-top: 30px;}
  .page12_sec3 ul li{width:150px;padding-bottom:25px;padding-top:10px;}
  .page12_sec3 ul div{width:130px;height:130px;}
  .page12_sec3 ul li p{font-size:14px;margin-top:9px;}
  .page12_sec3 ul li:nth-child(n+3){margin-top:20px;}
  .page12_sec3 ul li:after{width:17px;height:17px;left:-12px;}
  .page12_sec3 ul li:nth-child(3):after{display:none;}
  .page12_sec3 a{font-size:14px;}
}