.panel{
  min-height: 600px;
  position: relative;
}
body{
  min-width: 1700px;
}
.header{
  position: absolute;
  top:30px;
  width: 100%;
  z-index: 99;
}
.header .wap{
  width: 1700px;
  max-width: 1700px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .wap .logo{
  width: 160px;
  height: 45px;
}
.header .wap .tabs{
  display: flex;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255,255,255,0.5);
  line-height: 22px;
}
.header .wap .tabs .list{
  width: 124px;
}
.header .wap .tabs .list span{
  cursor: pointer;
}
.header .wap .tabs .list.active{
  color:#fff;
}
.panel .wap{
  display: flex;
  justify-content: space-between;
}
.panel1 .wap{
  position: absolute;
  top: 29%;
  width: 1264px;
  left: 50%;
  transform: translateX(-50%);
}
.panel1 .con{
  right:150px;
  width: 420px;
}
.panel1 .con .bigtitle{
  font-size: 60px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 86px;
}
.panel1 .con .smailtitle{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 28px;
}
.panel1 .con .btn{
  width: 200px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #FDDE0A 0%, #FF9D52 100%);
  border-radius: 4px;

  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}




.panel2 .wap{
  width: 1620px;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 42px;
  padding-bottom: 89px;
}
.panel2 .leftimg{
  width: 601px;
  height: 499px;
}
.panel2 .con{
  right:150px;
  width: 567px;
}
.panel2 .con .bigtitle{
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 50px;
}
.panel2 .con .smailtitle{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #404040;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 28px;
}
.panel2 .con .btn{
  width: 185px;
  height: 47px;
  border-radius: 4px;
  border: 1px solid #2575F0;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2575F0;
}


.panel3 .wap{
  position: absolute;
  top: 29%;
  width: 1264px;
  left: 50%;
  transform: translateX(-50%);
}
.panel3 .con{
  right:150px;
}
.panel3 .con .bigtitle{
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 50px;
}
.panel3 .con .smailtitle{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.panel3 .con .btn{
  width: 185px;
  height: 47px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}



.panel4 .wap{
  width: 1620px;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 42px;
  padding-bottom: 89px;
}
.panel4 .leftimg{
  width: 647px;
  height: 428px;
}
.panel4 .con{
  right:150px;
  width: 567px;
}
.panel4 .con .bigtitle{
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 50px;
}
.panel4 .con .smailtitle{
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #404040;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 28px;
}
.panel4 .con .btn{
  width: 185px;
  height: 47px;
  border-radius: 4px;
  border: 1px solid #2575F0;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2575F0;
}

.panel5 .wap{
  position: absolute;
  left: 50%;
  top:0;
  transform: translateX(-50%);
  flex-direction: column;
}
.panel5 .wap .bigtitle{
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 124px;
  text-align: center;
}
.panel5 .wap .smailtitle{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 24px;
  text-align: center;
}
.panel5 .wap .con{
  width: 1330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
.panel5 .wap .con .list{
  width: 430px;
  height: 70px;
  background: rgb(0, 0, 0, .12);
  border-radius: 4px;
  margin-bottom: 34px;
  
}
.panel5 .wap .con .list input{
  width: 100%;
  height: 100%;
  padding:24px;
  box-sizing: border-box;
  color:#fff;
  position: relative;
}
.panel5 .wap .con .list .select{
  display: none;
  box-sizing: border-box;
  width: 430px;
  height: 130px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 34px;
  position: relative;
  padding: 10px 0;
  
}
.panel5 .wap .con .list:hover .select{
  display: block;
}
.panel5 .wap .con .list .select .option{
  box-sizing: border-box;
  width: 430px;
  height: 55px;
  line-height: 55px;
  background: #fff;
  color:#333333;
  padding: 0 24px;
  cursor: pointer;
}
.panel5 .wap .btn{
  width: 320px;
  height: 76px;
  background: #FEB438;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 26px auto 0;
  
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
}
.footer{
  height: 60px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #8E8E8E;
  
  background: #17181A;
  display: flex;
  justify-content: center;
  align-items: center;
}