
.tech-part2 {padding:60px 8.33vw 100px;background:#F7F8FA;}
.tech-part2 .tit {text-align:center;margin-bottom:30px;}
.tech-part2 .tit h3 {font-size:24px;font-weight:600;color:#333333;}
.tech-part2 .list {display:flex;}
.tech-part2 .list .item {position:relative;background-color:#ffffff;width:calc(16.6% - 0.128rem);margin-right:10px;transition:all .3s;cursor:pointer;}
.tech-part2 .list .item:last-of-type {margin-right:0;}
.tech-part2 .list .item.active {width:calc(33.6% - 0.128rem);}
.tech-part2 .list .item .one {position:absolute;top:0px;left:0;width:100%;height:100%;padding-top:90px;transition:all .3s;}
.tech-part2 .list .item .one .ico {margin:0 auto;width:48px;height:48px;}
.tech-part2 .list .item .one .ico img {display:block;width:48px;}
.tech-part2 .list .item .one p {font-size:22px;font-weight:500;color:#333333;margin-top:20px;text-align:center;}
.tech-part2 .list .item .one .num {font-size:32px;color:#C9C9C9;text-align:center;position:absolute;bottom:30px;width:100%;font-family: "bb4e9a55-a672-40f5-8592-cccc5ff98feb";}
.tech-part2 .list .item .one .num::before {content:'';display:block;width:1px;height:90px;background-color:#C9C9C9;position:absolute;left:50%;bottom:70px;}
.tech-part2 .list .item .two {opacity:0;position:relative;transition:all .3s;height:600px;width:100%;background-size:cover;}
.tech-part2 .list .item .two .img {width:100%;overflow:hidden;}
.tech-part2 .list .item .two .img img {display:block;width:100%;}
.tech-part2 .list .item .two .wz {color:#ffffff;position:absolute;top:0px;left:0px;z-index:3;width:100%;height:100%;padding:90px 10px 0 50px;}
.tech-part2 .list .item .two .wz h3 {font-size:30px;font-weight:600;padding-bottom:20px;position:relative;margin-bottom:30px;}
.tech-part2 .list .item .two .wz h3::after {content:'';display:block;width:45px;height:2px;background:#FFFFFF;position:absolute;left:0;bottom:0;}
.tech-part2 .list .item .two .wz .ms {font-size:18px;font-weight:400;line-height:35px;}
.tech-part2 .list .item .two .wz .ms p {margin-bottom:0.08rem;position:relative;padding-left:10px;}
.tech-part2 .list .item .two .wz .ms p::before {content:'';display:block;width:6px;height:6px;border-radius:50%;background-color:#ffffff;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.tech-part2 .list .item .two .ico {position:absolute;left:50px;bottom:48px;width:48px;}
.tech-part2 .list .item .two .ico img {display:block;width:48px;}
.tech-part2 .list .item.active .one {opacity:0;}
.tech-part2 .list .item.active .two {opacity:1;}

@media (max-width: 1401px) and (min-width: 1025px) {
  
  .tech-part2 .list .item .one {padding-top:60px;}
.tech-part2 .list .item .one .ico {margin:0 auto;width:36px;height:36px;}
.tech-part2 .list .item .one .ico img {display:block;width:36px;}
.tech-part2 .list .item .one p { font-size: 16px;}
.tech-part2 .list .item .one .num{font-size: 24px;}
.tech-part2 .list .item .two {height:400px;}
.tech-part2 .list .item .one .num::before {height:60px;bottom:60px;}  
  .tech-part2 .list .item .two .wz h3 {font-size:22px;margin-bottom:20px;padding-bottom:10px;}
  .tech-part2 .list .item .two .wz h3::after {width:30px;}
  .tech-part2 .list .item .two .wz .ms {font-size:14px;font-weight:400;line-height:24px;}
  
  .tech-part2 .list .item .two .wz {padding:60px 25px 0 25px;}
  .tech-part2 .list .item .two .ico {position:absolute;left:25px;bottom:30px;width:36px;}
.tech-part2 .list .item .two .ico img {display:block;width:36px;}
  
  
  
  
}


@media (max-width: 1024px){

.tech-part2 .list{display: block;overflow-x: auto;white-space: nowrap;overflow-y:hidden;}
.tech-part2 .list .item{display: inline-block;width: 60%;}
.tech-part2 .list .item.active{width: 80%;}
.tech-part2 .list .item .two{height: 360px;}
.tech-part2 .list .item .two .wz{padding:30px 20px 0;}
.tech-part2 .list .item .one{padding-top: 40px;}
.tech-part2 .list .item .one .num::before{height: 40px;}

  .tech-part2 .list .item .one .ico {margin:0 auto;width:36px;height:36px;}
.tech-part2 .list .item .one .ico img {display:block;width:36px;}
  .tech-part2 .list .item .one p { font-size: 16px;}
.tech-part2 .list .item .one .num{font-size: 24px;}
  
    .tech-part2 .list .item .two .wz h3 {font-size:22px;margin-bottom:20px;padding-bottom:10px;}
  .tech-part2 .list .item .two .wz h3::after {width:30px;}
    .tech-part2 .list .item .two .wz .ms {font-size:14px;font-weight:400;line-height:24px;}
  
    .tech-part2 .list .item .two .ico {position:absolute;left:25px;bottom:30px;width:36px;}
.tech-part2 .list .item .two .ico img {display:block;width:36px;}
  .tech-part2{padding:30px 20px 40px;}
}
