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

.page10_sec1{margin-top:70px;}
.case{}
.case h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.case ul{display:flex;justify-content:space-between;margin-top:50px;}
.case ul li{position:relative;width:25%;}
.case ul li:after{content:"";display:block;position:absolute;top:50%;right:auto;transform:translate(-50%,-50%);width:1px;height:100px;background:#e4e4e4;}
.case ul li:first-child:after{display:none;}
.case ul li span{display:block;background:#f8c311;width:80px;height:30px;color:#fff;line-height:30px;text-align:center;font-size:10px;font-weight:bold;letter-spacing:2px;border-radius:10px;margin:0 auto;margin-bottom:15px;}
.case ul li img{display:block;margin:0 auto;width:75px;height:75px;}
.case ul li p{padding-top:15px;font-size:15px;line-height:25px;font-weight:500;color:#000;text-align:center;}
.case_txt{margin-top:40px;font-size:16px;font-weight:400;color:#000;line-height:32px;text-align:center;}

.page10_sec2{margin-top:70px;}
.page10_sec2 h2{    font-size: 24px;
    color: #000;
    text-align: center;}
.page10_sec2 img{width:90%;margin:0 auto;display:block;margin-top:40px;    border: 1px solid #e4e4e4;
    border-radius: 20px;}


.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){

.page10_sec1{margin-top:50px;}
  .case ul{margin-top:30px;flex-wrap:wrap}
  .case ul li{width:50%;}
  .case ul li:nth-child(3):after{display:none;}
  .case ul li:nth-child(n+3){margin-top:20px;}
  .case ul li p{font-size:14px;line-height:23px;}
  .case_txt {
    background: #f8f8f8;
    padding: 20px;
    font-size: 14px;
    line-height: 28px;}
  .page10_sec2 img{width:100%;}

  
}