.pboxMax {width: 80%; max-width: 1440px; display: block; margin: 60px auto; position: relative; }
.pboxMax_tit{width: 100%;box-sizing: border-box; font-size: 1vw;line-height: 1.8em;overflow: hidden;}
.pboxMax_tit h2{font-size: clamp(24px, 1.2vw, 28px);margin-bottom: 30px;font-weight: bold;}
.pboxMax_tit h2::after{content: "";display: block;width: 96px;height: 1px;margin-top: 10px;border-bottom: 1px solid #1e4f9c}
.jtldbox .pboxMax_tit h2::after{border-bottom: 1px solid #fff}
.pboxMax_tit p{color: #777;}
.yinhao{width: 95px;height: 80px;position: absolute;right: 0;top: 0}
.pboxMax_smatit{color: #fff;font-size: clamp(16px, 1.2vw, 20px);margin-top: 100px;margin-bottom: 30px}
.pboxMax_smatit>div{display: inline-block;background: #b9cee0;padding:8px 5px 5px 10px;border-radius: 20px}
.pboxMax_smatit img{width: 20px;margin-top: -3px}
.xlcate.pboxMax{margin-bottom: 100px}
.forpics ul {
  display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 15px;
}
.forpics li {width: 24%;box-sizing: border-box;}
.forpics li div{width: 100%;overflow: hidden;height: 190px}
.forpics li div img {width: 100%; height: 100%;object-fit: cover;transition: transform 0.5s;}
.forpics li div:hover img{transform:scale(1.2);}
.forpics li p{font-size: 16px;color: #333;line-height: 1em;text-align: center;margin-top: 10px}
.twolicon ul{
  display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 15px;
}
.twolicon li{width: 49.33%;box-sizing: border-box;background: #f5f5f5;padding: 30px;
  font-size: 14px;color: #777;line-height: 1em;height: 150px;transition: all 0.5s;
}
.twolicon li h3{font-size: clamp(16px, 1vw, 18px);color: #000;margin-bottom: 20px}
.twolicon li p{line-height: 1.5}
.twolicon li:hover{background: #ecf3f9}

.jtldbox {
  width: 100%;
  background-image: url("../images/pro1/jtldbj.jpg");
  background-size: cover; 
  background-position: center;
  position: relative; color: #fff;
}
.jtldbox .pboxMax_tit{width: 50%;padding-top: 3%}
.jtldbox .pboxMax_tit p{color: #f5f5f5;padding-right: 0}
.jtldtxt{
  min-width: 6vw;height: 6vw;position: absolute;color: #fff;font-size: 0.8vw;
  display: flex;align-items: flex-end;justify-content: center;line-height: 1.2;text-align: center;
}.jtldtxt:hover{cursor: pointer;}
.jtldtxt1{top: 62%;left: 5.2%; }
.jtldtxt2{top: 62%;left: 13%; }
.jtldtxt3{top: 62%;left: 21%; }
.jtldtxt4{top: 62%;left: 29%; }
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
      opacity: 1;
      transform: scale(1,2);
  }
  25%,
  75% {
      opacity: 0.6;
      transform: scale(0.9);
  }
}

.jtldpoit{width: .5vw;height: .5vw;position: absolute;}
.jtldpoit span{
  display: block;background: #fff;border:1px solid #777;padding:50%;
  border-radius: 100%;transform: scale(1.2);animation: flash 4s linear infinite;
}
.jtldpoit1{top: 28.8%;left: 86.8%;}
.jtldpoit2{top: 70%;left: 79.2%;}
.jtldpoit3{top: 82%;left: 79.2%;}
.jtldpoit4{top: 73.8%;left: 45.3%;}

.circle {width: 40px; height: 40px; border-radius: 50%; position: relative; }
.circle::before {content: ""; position: absolute; top: 6px; left: 6px; width: 26px; height: 26px; border-radius: 50%; border: 3px solid #b3c8db; box-sizing: border-box; }
.circle::after {content: ""; position: absolute; top: 13px; left: 13px; width: 13px; height: 13px; border-radius: 50%; background-color: #3b82f6; }

.acea-row{display:flex;flex-wrap:wrap;}
.acea-row.row-middle{align-items:center;}

  .appbox{background:#f5f5f5;padding:10px 0 30px;}
  .appbox .pboxMax_smatit{margin-top: 60px}
  .jtldappbox{margin-top: 50px;}
  .app_l,.app_r{flex: 1;position: relative;justify-content:space-around;}
  .app_c{width: 280px;}
  .app_c img{width: 100%;auto;object-fit: cover;}
  .app_r .txtcon{margin-left: 10px}
  .appitem{width: 80%;}
  .txtcon{flex:1;box-sizing: border-box;background: #fff;padding: 20px;
    font-size: clamp(16px, 1vw, 18px);color: #777;line-height: 1.2em;transition: all 0.5s;border-radius: 20px;
  }
  .appitem:hover{cursor: pointer;}
  .appitem:hover .txtcon {background: #ecf3f9}
  .appitem:hover .circle::after {transform: scale(1.2);animation: flash 4s linear infinite;}
  .txtcon h3{color: #000;margin-bottom: 20px}
  .txtcon p{line-height: 1.5}

  .jtldbox{display: block;}.jtldboxM{display: none;}
  .appbox{display: block}.appboxM{display: none;}

  .cjhpromt160{margin-top: 160px}
  .cjhprocase{
      width:100%; perspective:1200px; overflow: hidden;
  }
  .cjhprocase .swiper-slide {
    width:60%;transform-style:preserve-3d;position: relative;
  }
  .cjhprocase .swiper-slide .main-img {
    width:100%; margin:0 auto; display:block;border-radius: 20px;
  }
  .cjhprocase .pboxMax_smatit{position: absolute;margin-top:20px;left: 20px}
  .cjhprocase .pboxMax_smatit>div{background: rgba(123, 133, 142, .3);border: 1px solid #aaa;}
  .cjhprocase .swiper-slide .bj{background: #fff;opacity: 0.8; width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 99;transition: all .5s;}
  .cjhprocase .swiper-slide.swiper-slide-active .bj{opacity: 0}
  .cjhprocase .swiperBtn{margin-top: 30px}

  .cjhprocon{
    width: 90%;height: 300px;position: absolute;left: 5%;bottom:30px;background: rgba(255, 255, 255, .9);border-radius: 20px;justify-content: space-around;
    padding:0 15px;
  }
  .cjhprocon .item{width:30%;font-size: clamp(14px, 1vw, 16px);padding-top: 20px}
  .cjhprocon .item h3{font-size: clamp(18px, 1vw, 20px);font-weight: bold;color: #000;line-height: 1;}
  .cjhprocon .item p{line-height: 1.5;margin-top: 15px;color: #333}
  .caseList{height: 430px;text-align: center;}
  
@media(max-width:768px){
  .pboxMax{width: 100%;padding:0 20px;margin: 30px auto;}
  .pboxMax_tit{line-height: 1.2}
  .pboxMax_tit p {font-size: 14px; line-height: 2; }
  .pboxMax_smatit{margin-top: 50px}
  .yinhao { width: 45px; height: 30px; right: 20px;}
  .xlcate.pboxMax{margin-bottom: 30px}
  .forpics li {width: 48%;margin-bottom: 15px}
  .forpics li div {height: 140px; }
  .twolicon li {width: 100%; margin-bottom: 15px; height: auto; }
  .jtldbox{display: none}.jtldboxM{display: block;}
  .jtldMbj{width: 100%; background-image: url(../images/pro1/jtldbj.jpg); background-size: cover; background-position: center; height: 100px}
  .forpics li p {font-size: 14px;}

  .appbox{display: none}.appboxM{display: block;}
  .appboxM .app_c{margin: 15px auto;width: 180px;}
  .appboxM .app_l{width: 100%}
  .appitemM{border-bottom: 1px solid #f5f5f5;}
  .circle {width: 24px; height: 20px; }
  .circle::before {top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #b3c8db;}
  .circle::after {top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; }
  .txtcon h3 {margin-bottom: 15px;
.cjhprocase{display: none!important;background: red}
  .cjhpromt160{margin-top: 30px}
  .cjhprocase .swiper-slide {width: 90%; }
  .caseList{height: 330px;}
}