.top-about {
    position: relative;
    width: 1920px;
    height: 685px;
    margin: 0 auto;
}
.about-1{
    width:1920px;
    height:730px;
    position: relative;
    margin:0 auto;
}
.about-1-t{
    position: absolute;
    width: 100%;
    height:285px;
    background: #f3f7ff;
    top:0;
}
.about-1-b{
    position: absolute;
    width: 100%;
    height:445px;
    background-color: #6394fa;
    background-image: url('../image/szbj.png');
    background-position: center center;
    bottom:0;
}
.about-1-c{
    position: absolute;
    width:1200px;
    height:326px;
    background: url(../image/company.png) no-repeat;
    background-position:41px 32px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 666;
    top:112px;
    left:18.75%;
}
.about-1-t span,.corporate span,.history span,.qualification span,.success span{
    display: block;
    width:100%;
    line-height: 112px;
    font-size:32px;
    color: #222;
    text-align: center;
    font-weight: 700;
}
.about-1-c-p{
    position: relative;
    width:575px;
    height:262px;
    margin:32px 0 32px 580px;
}

.about-1-c-p a{
    display: block;
    width:143px;
    height:40px;
    line-height:40px;
    color:#3c72f6;
    font-size: 14px;
    border: 2px solid #3c72f6;
    border-radius: 3px;
    text-indent:20px;
    position: absolute;
    bottom: 0;
    left:17px;
  
}
.about-1-c-p1,.about-1-c-p2,.about-1-c-p3,.about-1-c-p4,.about-1-c-p5,.about-1-c-p6,.about-1-c-p7{
    font-size:14px;
    color: #222;
    line-height:30px;
    text-indent:17px;
}
.about-1-c-p1::before,.about-1-c-p4::before,.about-1-c-p5::before,.about-1-c-p6::before,.about-1-c-p7::before{
    content: '';  
    position: absolute;  
    left: 0;  
    width:3px; 
    height: 14px; 
    border-radius: 1px;
}
.about-1-c-p1::before {  
    top: 8px; 
    background-color: #3c72f6;
  }
  .about-1-c-p4::before {  
    top: 98px; 
    background-color: #3c72f6;
  }
  .about-1-c-p5::before {  
    top:128px; 
    background-color: #ff9e01;
  }
  .about-1-c-p6::before {  
    top:158px; 
    background-color: #ff9e01;
  }
  .about-1-c-p7::before {  
    top: 188px; 
    background-color: #3c72f6;
  }
  .about-1-b-1{
    position: absolute;
    top:200px;
    left:910px;
    width:680px;
    height:135px;
  }
  .about-1-b-1 ul{
    width:100%;
    height:45px;
    line-height:45px;
  }
  .about-1-b-1 ul li{
    float:left;
    width:100px;
    height:45px;
    text-align: center;
    color:#fff;
    font-size:17px;
    font-weight: 700;
    margin-left:55px;

  }
  .corporate{
    width:1920px;
    height:430px;
    margin:0 auto;
    background-color: #e8efff;
  }
  .corporate ul{
    width:1218px;
    height:286px;
    margin:0 auto;
  }
  .corporate ul li{
    float:left;
    width:388px;
    height:286px;
    border-radius: 10px;
    margin:0 9px;
    overflow: hidden;
  }
  .corporate ul li:nth-child(1){
    background: url(../image/mission.png) no-repeat;
    background-color: #fff;
    background-position: center center;
  }
  .corporate ul li:nth-child(2){
    background: url(../image/vision.png) no-repeat;
    background-color: #fff;
    background-position: center center;
  }
  .corporate ul li:nth-child(3){
    background: url(../image/values.png) no-repeat;
    background-color: #fff;
    background-position: center center;
  }
  .corporate ul li p{
    display: block;
    width:100%;
    text-align: center;
    font-size: 28px;
    color: #666;
    margin-top: 90px;
  }
  .corporate ul li span{
    display: block;
    width:100%;
    text-align: center;
    font-size:32px;
    color: #000;
    line-height: 40px;
    margin-top: 30px;
  }
  .history{
    width:1920px;
    margin:0 auto;
    height:580px;
    background-color: #fff;
  }
  .history ul{
    display: block;
    width:1200px;
    height:580px;
    margin:0 auto;
    background: url(../image/fazhan.png) no-repeat;
    background-position:left 115px;
  }
  .history ul li{
    width:875px;
    margin:0 0 0 325px;
    font-size:18px;
    color: #222;
    line-height:48px;
  }
.aliyun{
  width:1920px;
  height: 560px;
  background-color: #f1f5ff;
  margin:0 auto;
}
.aliyun-c{
  width:1200px;
  height:480px;
  margin:40px auto 0 auto;
}
.aliyun-l{
  position: relative;
  float:left;
  width:758px;
  height: 436px;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  background-image:  url(../image/aliyunlogo.png);
  background-position: 30px 30px;
  background-repeat:  no-repeat;
}

.aliyun-r{
  float:left;
  width:360px;
  margin-left: 32px;
}
.aliyun-r ul{
  display: block;
}
.aliyun-r ul li{
  width:360px;
  height:98px;
  line-height: 98px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size:24px;
  color: #222;
  box-shadow: 0 2px 5px 0 rgba(234, 240, 254, .9);
  cursor: pointer;
}
.aliyun-r ul li:nth-child(2),.aliyun-r ul li:nth-child(3),.aliyun-r ul li:nth-child(4){
  margin-top: 15px;
}
.aliyun-l-1,.aliyun-l-2,.aliyun-l-3,.aliyun-l-4{
  width:100%;
  height:100%;
  position: absolute;
}
.aliyun-l-1,.aliyun-l-2,.aliyun-l-3,.aliyun-l-4{
  width:100%;
  height:351px;
}
.aliyun-l-1{
  background-image:  url(../image/ali.jpg), url(../image/zs.jpg);
  background-position: 30px 0, 485px 0;
  background-repeat:  no-repeat, no-repeat;
}
.aliyun-l span{
  display: block;
  font-size: 14px;
  color: #999;
  margin:0 0 0 160px;
  line-height:85px;

}
.aliyun-l-2{
  background-image: url(../image/tup.jpg);
  background-position: 30px 0;
  background-repeat: no-repeat;

}

.aliyun-l-2 h3,.aliyun-l-2 p{
  display: block;
  width:210px;
  margin:0 0 0 525px;
  color: #333;
}
.aliyun-l-2 h3{
  font-size:35px;
  line-height:60px;
}
.aliyun-l-2 p{
  font-size:16px;
  line-height:38px;
}
.aliyun-l-3{
  background-image: url(../image/rc.jpg);
  background-position: 30px 0;
  background-repeat: no-repeat;
  background-size: 650px 330px;
}
.aliyun-l-4{
  background-image: url(../image/bf.jpg);
  background-position: 30px 0;
  background-repeat: no-repeat;

}
.aliyun-l div,.qualification-1 div,.success-2 div {  
  display: none;  
}  
  
.aliyun-l div.active {  
  display: block;  
}  
.qualification-1 div.active {  
  display: block;  
}  
.success-2 div.active {  
  display: block;  
}  
.aliyun-r li {  
  cursor: pointer; /* 鼠标悬停时显示为可点击 */  
}  
  
.aliyun-r li.selected,.success-1 li.selected {  
  /* 点击后的样式 */  
  background-color: #336aeb;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 3px 0 #02defe;
}  

.qualification{
  width: 1920px;
  height:540px;
  background-color: #fff;
  margin:0 auto;
}
.qualification ul{
  display: block;
  width:1450px;
  height:428px;
  margin:0 auto;
}
.qualification-1{
  width: 100%;
  height:368px;
  background-image: url(../image/dk.jpg);
  background-position:center bottom;
  background-repeat: no-repeat;

}
.qualification-2{
  width: 100%;
  height:60px;

}
.qualification-2 ul{
    display: flex;  
    height:20px;
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中（如果需要的话） */  
    padding: 0; /* 移除默认的ul内边距 */  
    list-style-type: none; /* 移除默认的列表样式 */  
    margin:20px 0 20px 0;
  
}
.qualification-2 ul li{
  float:left;
  margin-left:12px;
  width:10px;
  height:10px;
  border-radius:5px;
  background-color: #b8cefd;
  transition:background-color 0.3s ease;
  cursor: pointer;
}
.qualification-2 ul li.selected2{
  background-color: #3a74f1;
  width: 30px;
}
.qualification-1 ul{
  display: block;
  width:1250px;
  height:368px;
  margin:0 100px;
}
.qualification-1 ul li{
  display: flex; 
  flex-direction: column; 
  justify-content: flex-end; 
  float:left;
  height:368px;
}
.li-m1{
  margin:0 78px;
}
.li-m2{
  margin:0 38px;
}
.qualification-1 ul li img{

}
.qualification-1 ul li span{
  line-height:25px;
  font-size:17px;
  width:100%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin:10px 0;
  min-height:50px;
}
.success{
  width:1920px;
  height:565px;
  background-color: #e8efff;
}
.success ul{
  width: 1200px;
  height:420px;
  margin:0 auto;
}
.success-1{
  width:100%;
  height:73px;
}
.success-1 ul{
}
.success-1 ul li{
 float:left;
 width: 250px;
 height:73px;
 line-height:73px;
 border-radius: 10px;
 background-color: #fff;
 box-shadow: 0 2px 5px 0 rgba(226, 233, 248, 0.9);
 cursor: pointer;
 text-align: center;
 font-size:22px;
 color: #333;
}
.success-2{
  width:100%;
  height:320px;
  border-radius: 10px;
  background-color: #fff;
  margin-top:27px;

}
.success-2-1,.success-2-2,.success-2-3,.success-2-4{
  width:100%;
  height: 100%;
}
.success-2-1{
  background-image: url(../image/s-1.png);
  background-position: center 100px;
  background-repeat: no-repeat;
}
.success-2-2{
  background-image: url(../image/s-2.png);
  background-position: center 100px;
  background-repeat: no-repeat;
}
.success-2-3{
  background-image: url(../image/s-3.png);
  background-position: 40px 100px;
  background-repeat: no-repeat;
}
.success-2-4{
  background-image: url(../image/s-4.png);
  background-position: center 100px;
  background-repeat: no-repeat;
}
.success-2 p{
  display: block;
  width:1140px;
  padding:25px 30px;
  font-size:16px;
  color: #333;
  line-height:30px;
}
.success-2 ul{
  display: block;
  width:1140px;
}
.success-2 ul li{
  display: block;
  font-size:11px;
  color: #666;
  line-height:15px;
  float: left;
  text-align: center;
  font-weight: 600;
}
.s-s-1{
  width: 205px;
}
.s-s-2{
  width: 240px;
}
.s-s-3{
  width: 290px;
}