.sub_tit{}

.sj{width:90%;margin:0 auto;margin-top:60px;border-radius:15px;position:relative;background:#f4f7f1;padding:80px 0;padding-top:120px}
.sj .ctt{width:1200px;position:relative;display:flex;justify-content:space-between;}
.sj_img{position:relative;width:600px;margin:0 auto;}
.sj_img img{width:100%}

.sj_list{cursor:pointer;position:absolute;width:50%;text-align:right;}
.sj_list_l{text-align:left;}
.sj_list:after{width:100%;content:"";margin-top:40px;height:1px;background:#000;display:block;}
.sj_list div h4{}
.sj_list div h6{text-align: left;margin-top:5px;font-weight: 400;color: #555;display:flex;gap:0 5px;justify-content: right;text-align:right;}
.sj_list.sj_list_l div h6{justify-content:left;text-align:left}
.sj_list div h6 i{width: 13px;height: 13px;background: #111;color: #fff;display: inline-block;text-align: center;border-radius: 10px;line-height: 13px;font-size: 8px;font-weight: 900;position: relative;top: 5px;}
.sj_list div h6 em{width:auto}
.sj_list p{margin-top:15px;display:flex;gap:6px;flex-wrap:wrap;justify-content:right;}
.sj_list_l p{justify-content:left}
.sj_list span{background: #17786d;color: #fff;font-weight: 500;padding: 4px 14px;border-radius: 100px;font-size: 15px;}


.sj_pop_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:9998;display:none;}
.sj_pop{display:none;position:fixed;left:50%;top:60%;transform:translate(-50%,-50%);width:90%;max-width:1000px;max-height:65%;background:#fff;border-radius:24px;padding:30px;z-index:9999;flex:1;flex-direction:column;}
.sj_scroll{overflow-y:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#d9d9d9 #f5f5f5;}
.sj_scroll::-webkit-scrollbar{width:6px;}
.sj_scroll::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px;}
.sj_scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px;}
.sj_scroll::-webkit-scrollbar-thumb:hover{background:#c7c7c7;}
.sj_pop img{width:100px;border-radius:100px;display:block;}
.sj_pop_close{position:absolute;right:0px;top:-40px;background:none;box-shadow:none;border:0;cursor:pointer;display:flex;align-items:center;gap:0 6px}
.sj_pop_close img{filter:invert(1);width:16px;}
.sj_pop h4{padding:2px 20px;width:fit-content;border-radius:100px;}
.sj_pop ul li:first-child{border:0}
.sj_pop ul li{padding:20px 10px;border-top:1px solid #ddd;}
.sj_pop ul li h6{}
.sj_pop ul li p{line-height:1.7;color:#555;}
.sj_pop.on,.sj_pop_bg.on{display:block;}
.sj_pop.on{display:flex;}

.pin{cursor:pointer;position: absolute;width: 14px;height: 14px;background:#ffb100;border-radius: 50%;z-index: 2;}
.pin::before, .pin::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:rgb(255 194 56 / 90%);transform: translate(-50%,-50%) scale(1);animation: pinRipple 2.4s ease-out infinite;pointer-events:none;}
.pin::after{animation-delay: 1.2s;}
@keyframes pinRipple{
  0%{
    transform: translate(-50%,-50%) scale(1);
    opacity: 0.8;
  }
  70%{
    opacity: 0.4;
  }
  100%{
    transform: translate(-50%,-50%) scale(4);
    opacity: 0;
  }
}

.pin1{top:148px;left:327px;}
.pin2{top:314px;right:133px;}
.pin3{top:389px;left:250px;}
.pin4{bottom:363px;right:200px;}
.pin5{bottom:145px;left:55px;}
.pin6{top: 223px;right: 54px;}
.pin7{bottom: 174px;right: 352px;}

.sj_list1{top:0px;left:0;}
.sj_list2{top: 145px;right: 0;width: 34%;}
.sj_list3{top:240px;left:0; width:43%;}
.sj_list4{top:373px;right:0;width:39%;}
.sj_list5{bottom:151px;left:0;width:27%;}
.sj_list6{top: -30px;right: 0; width: 36%;}
.sj_list7{bottom:174px;right:0px;width:51%;}

.sj_list6:after{width: 84%;margin-left: auto;}
.sj_list6:before{content: "";position: absolute;width: 1px; height: 63px;background: #000;top: 100%;left: 16%;}
@media screen and (max-width:768px){
  .sj{margin-top:40px;padding:30px 0 60px 0}
  .sj .ctt{width:90%;flex-wrap:wrap}
  .sj_img{width:300px;margin:0 auto;}
  .sj_list {position: relative;top: 0 !important;left: auto !important;width: 100% !important;right: auto !important;padding-top:30px;text-align:left;}
  .sj_list div h6 {justify-content: left;text-align: left;}
  .sj_list div h6  br{display:none;}
  .sj_list div h6 em {width: calc(100% - 17px);}
  .sj_list:after{margin-top:30px;background:#e4e4e4;width:100% !important}
  .sj_list:before{display:none !important}
  .sj_list p {justify-content:left;}
  .sj_list:last-child:after{display:none;}
  .sj_list span{font-size:13px;}


  .pin1 {top: 72px;left: 151px;}
  .pin2 {top: 152px;left: 224px;}
  .pin3 {top: 200px;left: 118px;}
  .pin4 {bottom: 182px;right: 95px;}
  .pin5 {bottom: 67px;left: 26px;}
  .pin6 {top: 106px;right: 24px;}
  .pin7{bottom: 87px; right: 166px;}

  .sj_pop{padding:20px;top:55%;}
  
}