*{
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden; /* 隐藏水平滚动条 */
    font-family: Microsoft YaHei, Microsoft YaHei;

}
.footer a{text-decoration: none;color: #474157;}
.header{
  position: relative;
margin: 0 auto;
}
.header h3{
position: absolute;
left: 677px;
top: 19px;


font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 56px;
color: #FFFFFF;
letter-spacing: 16px;
text-align: left;
font-style: normal;
text-transform: none;
}
.header h1{
position: absolute;
top: 112px;
left: 865px;
font-family: DIN Alternate, DIN Alternate;
font-weight: 400;
font-size: 21px;
color: #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;
}
.line{
transform: translateY(-10px);
}
/* ================================================================ */
/* ::content */

.content0{
  width: 1120px;

  background-color: #FFFFFF;
}
.content0 h3{

border-radius: 0px 0px 0px 0px;

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 27px;
color: #000000;
text-align: left;
font-style: normal;
text-transform: none;
padding: 86px 0 30px;
}
.headline{
  border-bottom: 3px solid #FF6D00;
  width: 129px;
  text-align: left;
  margin-left: 0;
  /* padding-bottom: 32px; */
}
.textall{
line-height: 30px;
}
.text1{
  padding: 32px 0 36px;

}
.text3{
  padding: 16px 0;
}

.circle{
  position: absolute;
  top: 1100px;
  left: 628px;
}
.circle2{
  position: absolute;
  top: 1051px;
  left: 724px;
}
.li1{
  position: absolute;
  top: 1200px;
  left: 0;
}
.li2{
  position: absolute;
  top: 1200px;
  left: 0;
}
/* ======================================================= */
/* num */

.num{
position: absolute;
left: 250px;
top: 1100px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.line1{
  display: flex;
justify-content: center;
align-items: center;
margin-bottom: -20px;
}
.line2{
  margin-left: 20px;
}

.line1 span{
margin-left: -10px;
margin-top: 40px;
}
.tips1{
transform: translateX(-50px);
}
.tips3{
  transform: translateX(30px);
}
.num1{

  padding: 150px;

font-family: DIN, DIN;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 36px;
text-align: left;
font-style: normal;
text-transform: none;
}
.number{
width: 153px;
height: 140px;
font-family: DIN, DIN;
font-weight: bold;
font-size: 70px;
color: #FFFFFF;
line-height: 140px;
text-align: left;
font-style: normal;
text-transform: none;
}
/* ====================================================== */
.card{
margin-top: 200px;
margin: 0 auto;
width: 1919px;
height: 790px;
background: #EFF2FF;
border-radius: 0px 0px 0px 0px;
  text-align: center;
}
.card1 img{
  padding-top: 20px;
  padding-bottom: 10px;
}
.card1 h1{
  padding-bottom: 0;
}
.card h3{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 27px;
color: #000000;
letter-spacing: 14px;
text-align: left;
font-style: normal;
text-transform: none;

}
.card{
  display: flex;
  flex-direction: column;
  margin-top: 370px;
}
.detail{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 27px;
color: #000000;
letter-spacing: 14px;
text-align: left;
font-style: normal;
text-transform: none;
padding: 60px 0;
}
.data{
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 100px; */
}
.card-r{

  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}
.card-l{
  width: 355px;
height: 520px;
background: #FFFFFF;
box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.07);
border-radius: 0px 0px 0px 0px;
margin-right: 20px;
transform: translateY(-20px);
}
.card-l img{
display: flex;
align-items: center;
justify-content: center;
padding: 170px 0 7px;
}
.card h1{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 700;
font-size: 18px;
color: #000000;
line-height: 36px;
text-align: center;
font-style: normal;
text-transform: none;

}
.cont{
  padding-top: -40px;
  width: 272px;

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 14px;
color: #AAAAAA;
line-height: 28px;
text-align: left;
font-style: normal;
text-transform: none;
padding: -40px;
}
.card1{
    width: 355px;
height: 237px;
background: #FFFFFF;
box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.07);
border-radius: 0px 0px 0px 0px;
margin-right: 10px;
}
/* ================================================= */
/* power */
.power{
position:relative;
}
.c1{
  margin: 0 auto;
    position: absolute;
  left: 395px;
  top: -10px;
}
.box{
  width: 584px;
height: 233px;
background: #3EABEE;
border-radius: 0px 0px 0px 0px;
display: flex;
position: absolute;
top: 291px;
left: 890px;
}
.box img{
  width: 134px;
  height: 134px;
  padding-top: 20px;
}
.box .imgcard{
width: 377px;
height: 112px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 28px;
text-align: left;
font-style: normal;
text-transform: none;
padding-top: 90px;
}
.social{
  position: absolute;
  top: 413px;
  left: 534px;

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 36px;
color: #313131;
line-height: 72px;
text-align: left;
font-style: normal;
text-transform: none;
}
.c3{
  position: absolute;
  top: 581px;
  left: 403px;
}
.energy{
  position: absolute;
  top: 607px;
  left: 1137px;

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 36px;
color: #313131;
line-height: 72px;
text-align: left;
font-style: normal;
text-transform: none;
}
.c4{
  position: absolute;
  top: 741px;
  left: 955px;
}

.self{
margin-top: 1100px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 64px;
color: #BE3434;
line-height: 128px;
letter-spacing: 14px;
text-align: center;
font-style: normal;
text-transform: none;
}
.web{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 37px;
color: #000000;
line-height: 74px;
letter-spacing: 26px;
text-align: center;
font-style: normal;
text-transform: none;
padding-bottom: 100px;
}