.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{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;}

.page11_sec1{margin-top:70px;}
.step{}
.step h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.step ul{display:flex;justify-content:space-between;margin-top:50px;}
.step ul li{position:relative;width:25%;border:1px solid #e4e4e4;border-right:0;}
.step ul li:last-child{border-right:1px solid #e4e4e4;}
.step ul li span{    display: block;
    background: #000;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 15px 0;
    font-weight: 600;
    letter-spacing: 1px;}
.step ul li img{width:100%;height:230px;display:block;margin:0 auto;}
.step ul li p{padding:20px 0;font-size:15px;line-height:25px;font-weight:500;color:#000;text-align:center;}
.step ul li:nth-child(1) span{background:#ccc}
.step ul li:nth-child(2) span{background:#636363}
.step ul li:nth-child(3) span{background:#333}
.step ul li:nth-child(4) span{background:#1e504a}

.page11_sec2{margin-top:70px;}
.page11_sec2 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.page11_flex{display:flex;align-items:center;margin-top:50px;}
.page11_flex img{width:350px;height:fit-content;border-radius:20px;}
.page11_flex ul{width:600px;padding-left:70px;}
.page11_flex ul li{font-size:16px;font-weight:400;padding:15px 0;border-bottom:1px dashed #e4e4e4;}
.page11_flex ul li:last-child{border-bottom:0;}
.page11_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;}


.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){
  .page11_sec1{margin-top:50px;}
  .step ul{margin-top:30px;flex-wrap:wrap}
  .step ul li{width:50%;}
  .step ul li p{font-size:14px;line-height:22px;}
  
  .page11_sec2{margin-top:50px;}
  .page11_flex{display:block;margin-top:30px;}
  .page11_flex img{display:block;width:280px;margin:0 auto;}
  .page11_flex ul{margin-top:20px;width:100%;padding-left:0;}
  .page11_flex ul li{font-size: 14px;
    padding-left: 30px;}
}