.part1 {
  padding: 30px 0 120px;
}
.part1 .title{
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}
.part1 .container {
  height: 500px;
}
.part1 .container .pic1 {
  height: 100%;
}
.part1 .container img{
  height: 100%;
}
.part1 span{
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
}


.part2 {
  background-color: rgba(40,136,232,0.8);
  padding: 30px 0 60px;
}
.part2 .title {
  color: #fff;
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}
.part2 .container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.part2 .container li {
  width: 25%;
  height: 50%;
}
.part2 .container li img{
  width: 100%;
}
.part2 .container li .tit{
  padding-top: 35px;
  font: 20px/42px "";
  color: #fff;
}
.part2 .container li .content{
  font: 14px/26px "";
  color: #fff;
}


.part3{
  width: 75%;
  padding: 30px 0 60px;
  margin: 0 auto;
}
.part3 .title {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}
.part3 .pic3 {
  padding-bottom: 40px;
}
.part3 .pic3 img {
  width: 100%;
}
.part3 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
  gap: 3px;
}
.part3 ul li {
  width: 49.8%;
}
.part3 ul li .tit{
  font: 20px/42px "";
  color: #2888e8;
}
.part3 ul li .content {
  font: 14px/26px "";
  margin-bottom: 12px;
}






.part1 li{
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
}

.container.part0{
  padding: 60px 0;
}
.part0 {
  padding: 30px 0 120px;
}
.part0 .title{
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}
.part0 div{
  width: 100%;
}
.part0 div img {
  width: 100%;
}
.part0 span {
  position: absolute;
  width: 200px;
  text-align: center;
}