.header{
  position: relative;
}
.header h3{
  position: absolute;
  top: 59px;
  left: 679px;
  width: 563px;
height: 158px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 60px;
color: #124D49;
text-align: center;
font-style: normal;
text-transform: none;
}
.header span{
color:#FF7D00 ;

}
.header h1{
  position: absolute;
  top: 254px;
  left: 520px;
  width: 860px;
height: 26px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #154A45;
text-align: left;
font-style: normal;
text-transform: none;
}
.btn1{
  position: absolute;
top: 320px;
left: 732px;
width: 112px;
height: 21px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 16px;
color: #003F87;
text-align: center;
font-style: normal;
text-transform: none;
width: 210px;
height: 50px;
background: #FFFFFF;
border-radius: 57px 57px 57px 57px;
display: flex;
align-items: center;
justify-content: center;
}
.btn2{
  position: absolute;
  top: 320px;
  left: 974px;
  width: 144px;
height: 21px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
width: 214px;
height: 50px;
background: #D4AF37;
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07);
border-radius: 57px 57px 57px 57px;
display: flex;
align-items: center;
justify-content: center;
}
/* ---------- */
.data{
  display: flex;
}
.data1{
width: 400px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.07);
border-radius: 20px;
padding: 20px;
border: 1px solid #dbdada;
}
    *{
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden; /* 隐藏水平滚动条 */
    font-family: Microsoft YaHei, Microsoft YaHei;

}
.ad h3{
  text-align: center;
  font-size: 43px;
  font-weight: 700;
  padding: 60px;
}
.ad h1{
  color: #AAAAAA;
  font-size: 19PX;
  text-align: center;
  font-weight: 400;
  padding: 20px;
}
.data1 img{
  width: 33px;
  height: 33px;
}
.n1{
  font-weight: 700;
  font-size: 24px;
  padding: 10px;
}
.n2{
  color: #AAAAAA;
  padding: 10px;
}
.abcd{
  display: flex;
  align-items: center;
  justify-content: center;
width: 65px;
height: 65px;
background-color:#E8ECF7 ;
border-radius: 50%;
text-align: left;
margin-left: 0;
margin: 10px;
}
.percnet{
  width: 80%;
}
.data1{
  margin: 10px;
}
.data{
  margin:0 100px;
}
.enterprise{
  display: flex;
padding: 60px;
/*
  background-color:#F9FAFB ; */
}
.pst1{

}
.clip1{
  width: 70%;
  margin:0 200px ;
}
.er ul{
  display: flex;
  float: right;
}
.er ul li{
  width: 78px;
height: 25px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 19px;
color: #87A8FA;
text-align: left;
font-style: normal;
text-transform: none;
width: 110px;
height: 41px;
background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
border: 1px solid #3B82F6;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
margin-top: 20px;
}
.all{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 19px;
color: #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;

background: #165DFF;
border-radius: 8px 8px 8px 8px;
border: 1px solid #3B82F6;
z-index: 1;
}
.er ul li:first-child{
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 19px;
color: #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;

background: #165DFF;
border-radius: 8px 8px 8px 8px;
border: 1px solid #3B82F6;
z-index: 1;
}
.el h3{
  padding-bottom:20px ;
  width: 306px;
height: 55px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 42px;
color: #000000;
text-align: center;
font-style: normal;
text-transform: none;
}
.el h1{
  width: 306px;
height: 26px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 17px;
color: #AAAAAA;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;
}

/* ============== */
.pst1{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  padding-top: 100px;
}

.pst2{
  width: 350px;
border-radius: 20px;
border-radius: 20px;
background-color: #FFFFFF;
   border:1px solid #f2efef;
}
.btntext{
  transform: translateX(-20px);
}
.btn1 img{
  width: 24px;
  height: 24px;
}
.pn1{
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 10px;
}
.pn2{
  padding-bottom: 10px;
}
.tipers ul{
  display: flex;
  float: left;
}
.tipers ul li{
  background-color:#e8e7e7 ;
  padding: 2px 4px;
  border-radius: 5px;
  margin-right: 5px;
}
.bn{
  width: 100%;
  color: #165DFF;
  margin: 10px 0;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
  border: 1px solid #165DFF;

}
.pn{
  padding: 20px;
}
.pst2 img{
  width: 350px;
  height: 150px;
}
.possition{
  background-color: #F9FAFB;
  padding-bottom: 100px;
}
.clip{
  padding-top: 100px;
  padding-bottom: 100px;
}
.cl5 .climg{
  width: 24px;
  height: 24px;
  float: left;
}
.clear{
  clear: both;
}
.cl5{
  display: flex;
  margin-left: 0;
  float: left;
}
.clip1{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
.clall{
  padding: 20px;
}

.clip2{
  width: 400px;
  border-radius: 20px;
  margin: 20px;
  padding: 20px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.07);
}
.clip2 img{
  width: 350px;
height: 150px;

}
.cl2{
  color: #165DFF;
  padding-bottom: 10px;
}
.cl3 ul{
  display: flex;
  float: left;
  margin-bottom: 10px;
}
.cl6{
  padding-left: 10px;
  color: #7e7e7e;
}
.cl3 ul li{
  padding: 2px 4px;
  background-color: #edeaea;
  margin-right: 5px;
  border-radius: 5px;

}
.cl-all{
  padding: 20px;
}
.cl1{
  padding-bottom: 10px;
}
.cltext{
  font-weight: 700;
margin: 10px 0;
}
.clprice{
  background-color: #FEF1E7;
  color: #F97316;
  margin-left: 240px;
  padding: 2px 7px ;
  border-radius: 7px;

}
.cl5{
  padding-bottom: 10px;
}
.cl7{
  padding-bottom: 20px;
}
.cl4{
  padding-bottom: 10px;
}
.cl9{
  padding-left: 240px;
  color: #165DFF;
  z-index: 1;

}
.cl10{
  color: #AAAAAA;
}
.bn2{
  width: 200px;

  padding: 9px 10px;
  border-radius: 20px;
  background-color: #165DFF;
  color: #FFFFFF;
text-align: center;
margin-top: 40px;
}
.path1{
  display: flex;
  background-color:#FAFAFA ;
  padding-top: 100px;
  padding-bottom: 100px;
}
.num1{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E8ECF7;
  border-radius: 50%;
color: #165DFF;
font-size: 27px;
}
.num2{
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding: 10px;
}
.num3{
  /* color: #165DFF; */
  font-size: 14px;
  text-align: center;
}
.path2{
  padding: 20px;
  width: 220px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.07);
}
/* ============= */
.file{
  margin-bottom: 100px;
}
.file h3{
  width: 462px;
height: 55px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 42px;
color: #000000;
text-align: center;
font-style: normal;
text-transform: none;
padding: 40px;
padding-top: 100px;
}
.percent{
  width: 80%;
}
.file h1{
  padding-bottom: 40px;
  width: 357px;
height: 26px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 17px;
color: #AAAAAA;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;
}
.path h3{
  width: 378px;
height: 55px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 42px;
color: #000000;
text-align: center;
font-style: normal;
text-transform: none;
padding: 40px;

}
.path h1{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 17px;
color: #AAAAAA;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;
padding-bottom: 40px;
}
.path{
  background-color: #FAFAFA;
}
.path2{
  background-color: #FFFFFF;
}
/* .path1{padding:0 400px;} */
.file1{

transform: translateX(50px);
  display: flex;
}

.file1{
  transform: translateX(90px);
}
.clip2{

     border:1px solid #f2efef;
}
.clip1{

}
.file2{
    border:1px solid #f2efef;
  width: 400px;
  border-radius: 20px;
  padding: 20px;
  margin: 10px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.07);
}
/* ------------- */
.clear{
  clear: both;
}
.avatar{
  display: flex;
  float: left;
}
.al{
  width: 52px;
  height: 52px;
  background-color: #000000;
  border-radius: 50%;
  margin-right: 10px;
}
.ar2{
  color: #AAAAAA;
}
.ct{
  padding: 10px 0;
}
.time{
  display: flex;
  padding-bottom: 10px;
}
.time1{
  display: flex;
  float: left;
  margin-left: 0;
}
.time2{
  display: flex;
  float: left;
}
.time1 img{
  width: 24px;
  height: 24px;
padding-right: 10px;
}
.time2 img{
  width: 24px;
  height: 24px;
  padding-right: 10px;
}
.last h3{
  width: 462px;
height: 55px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 42px;
color: #000000;
text-align: center;
font-style: normal;
text-transform: none;
padding: 40px;
}
.last h1{
  padding-bottom: 40px;
  width: 476px;
height: 26px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 17px;
color: #AAAAAA;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;
}
.lastimg{
  text-align: center;

  padding-bottom: 100px;
}