.banner {
  position: relative;
}
.banner .logo,
.banner .img-title {
  position: absolute;
}
.banner .banner-img {
  width: 100%;
}
.banner .logo {
  top: 0.24rem;
  left: 0.49333rem;
  width: 2.28rem;
}
.banner .img-title {
  top: 1.18667rem;
  left: 0;
  width: 7.50667rem;
}

.sections .color-orange {
  color: #E76D00;
}
.sections .section-title {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.72rem;
  color: #000;
  line-height: 0.62667rem;
  text-align: center;
}
.sections .section-title-top {
  font-size: 0.48rem;
  line-height: 0.62667rem;
  color: #E9E8E8;
}
.sections .section-item.policy-orientation {
  padding-bottom: 0.96rem;
}
.sections .section-item.policy-orientation .section-title {
  padding-top: 0.49333rem;
  padding-bottom: 1.06667rem;
}
.sections .section-item.policy-orientation .section-content {
  padding: 0 0.46667rem;
}
.sections .section-item.policy-orientation .policy-orientation-item {
  margin-bottom: 0.74667rem;
}
.sections .section-item.policy-orientation .policy-orientation-item:last-child {
  margin-bottom: 0;
}
.sections .section-item.policy-orientation .policy-orientation-img-2,
.sections .section-item.policy-orientation .policy-orientation-img-3 {
  margin-top: 0.50667rem;
  width: 100%;
}
.sections .section-item.policy-orientation .policy-orientation-list-title {
  margin-bottom: 0.4rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.45333rem;
  color: #E76D00;
  line-height: 0.45333rem;
}
.sections .section-item.policy-orientation .policy-orientation-list-desc {
  position: relative;
  margin-bottom: 0.54667rem;
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  color: #033333;
  line-height: 0.56rem;
  text-indent: 2em;
}
.sections .section-item.policy-orientation .policy-orientation-list-desc::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 0.16rem;
  display: block;
  width: 0.09333rem;
  height: 0.09333rem;
  background: #005BB6;
}
.sections .section-item.policy-orientation .policy-orientation-list-desc:last-child {
  margin-bottom: 0;
}
.sections .section-item.drone-teaching {
  padding-bottom: 1.6rem;
  background: url("../images-app/uav/drone-teaching-img-1.png") no-repeat;
  background-size: cover;
}
.sections .section-item.drone-teaching .section-title {
  padding-top: 0.94667rem;
  padding-bottom: 0.52rem;
}
.sections .section-item.drone-teaching .drone-teaching-img-container {
  position: relative;
  padding: 0 0.30667rem;
}
.sections .section-item.drone-teaching .drone-teaching-img-2 {
  width: 100%;
}
.sections .section-item.drone-teaching .drone-teaching-img-3 {
  position: absolute;
  right: 0;
  bottom: -1.25333rem;
  width: 2.45333rem;
}
.sections .section-item.drone-advantage .section-title {
  padding-top: 0.97333rem;
  padding-bottom: 0.69333rem;
}
.sections .section-item.drone-advantage .section-content {
  padding: 0 0.41333rem;
}
.sections .section-item.drone-advantage .drone-advantage-title {
  margin-bottom: 0.56rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.50667rem;
  color: #005BB6;
  line-height: 0.74667rem;
  text-align: center;
}
.sections .section-item.drone-advantage .big {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-size: 0.90667rem;
  color: #E76D00;
}
.sections .section-item.drone-advantage .drone-advantage-desc {
  margin-bottom: 0.6rem;
  font-family: PingFang-SC, PingFang-SC;
  font-weight: 500;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.56rem;
  text-indent: 2em;
}
.sections .section-item.drone-advantage .drone-advantage-img-1 {
  margin-bottom: 0.97333rem;
  width: 100%;
}
.sections .section-item.drone-advantage .drone-advantage-img-2 {
  width: 100%;
}
.sections .section-item.advanced-graph {
  padding-bottom: 1.2rem;
  background: url("../images-app/uav/advanced-graph-img-1.png") no-repeat;
  background-size: cover;
}
.sections .section-item.advanced-graph .section-title {
  padding-top: 0.98667rem;
  padding-bottom: 0.46667rem;
  color: #fff;
}
.sections .section-item.advanced-graph .section-title-top {
  color: #fff;
}
.sections .section-item.advanced-graph .advanced-graph-item-1 {
  position: relative;
}
.sections .section-item.advanced-graph .advanced-graph-img-3 {
  position: absolute;
  width: 1.81333rem;
  bottom: -0.8rem;
  left: 0;
}
.sections .section-item.advanced-graph .graph-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.sections .section-item.advanced-graph .graph-item {
  position: relative;
  margin-right: 0.26667rem;
  margin-bottom: 0.26667rem;
  width: 3.86667rem;
  height: 0.72rem;
  line-height: 0.72rem;
  background: #FFFFFF;
  box-shadow: 0.08rem 0 0 0 #084D96;
  border-radius: 0.13333rem 0.13333rem 0.13333rem 0.13333rem;
  border: 0.04rem solid #539CF8;
  color: #0C61BA;
  z-index: 2;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.30667rem;
  text-align: center;
}
.sections .section-item.advanced-graph .graph-item.left1 {
  margin-left: 0.26667rem;
}
.sections .section-item.advanced-graph .graph-item.left2 {
  margin-left: 0.53333rem;
}
.sections .section-item.advanced-graph .graph-item.left3 {
  margin-left: 0.8rem;
}
.sections .section-item.advanced-graph .graph-item.left4 {
  margin-left: 1.06667rem;
}
.sections .section-item.advanced-graph .graph-item.left5 {
  margin-left: 1.33333rem;
}
.sections .section-item.advanced-graph .graph-item.left6 {
  margin-left: 1.6rem;
}
.sections .section-item.advanced-graph .graph-item.color-1 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #539CF8;
}
.sections .section-item.advanced-graph .graph-item.color-2 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #4FBBE9;
}
.sections .section-item.advanced-graph .graph-item.color-3 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #E6407E;
}
.sections .section-item.advanced-graph .graph-item.color-4 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #F39637;
}
.sections .section-item.advanced-graph .graph-item.color-5 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #FFD403;
}
.sections .section-item.advanced-graph .graph-item.color-6 {
  box-shadow: 0.08rem 0 0 0 #084D96;
  border: 0.04rem solid #74C812;
}
.sections .section-item.advanced-graph .edu-list {
  padding-left: 0.41333rem;
  position: relative;
  margin-top: 2.13333rem;
}
.sections .section-item.advanced-graph .advanced-graph-img-4 {
  position: absolute;
  width: 5.22667rem;
  top: -2.86667rem;
  right: 0;
}
.sections .section-item.advanced-graph .edu-item {
  display: flex;
  position: relative;
  margin-bottom: 0.8rem;
}
.sections .section-item.advanced-graph .edu-item::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.53333rem;
  bottom: -0.25333rem;
  width: 1.17333rem;
  height: 6.84rem;
  background: #E76D00;
}
.sections .section-item.advanced-graph .edu-head {
  width: 1.26667rem;
  height: 6.33333rem;
  border-radius: 0.13333rem 0 0.13333rem 0;
  text-align: center;
  font-family: PingFang-SC, PingFang-SC;
  font-weight: bold;
  font-size: 0.4rem;
  color: #FFFFFF;
  writing-mode: vertical-rl;
  line-height: 1.26667rem;
}
.sections .section-item.advanced-graph .edu-head.small {
  background: radial-gradient(100% 0% at 0% 0%, #0C7BFB 0%, #38B1FE 99%);
}
.sections .section-item.advanced-graph .edu-head.middle {
  background: radial-gradient(100% 0% at 0% 0%, #2DE0D1 0%, #04D7BD 100%);
}
.sections .section-item.advanced-graph .edu-head.high {
  background: radial-gradient(100% 0% at 0% 0%, #46CCFF 0%, #27A6FF 100%);
}
.sections .section-item.advanced-graph .edu-body {
  position: relative;
  padding: 0.56rem;
  width: 7.6rem;
  height: 6.33333rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.12rem 0 #C6C6C6;
  z-index: 2;
}
.sections .section-item.advanced-graph .edu-detail {
  list-style: none;
}
.sections .section-item.advanced-graph .detail-item {
  font-family: PingFang-SC, PingFang-SC;
  font-weight: 500;
  font-size: 0.29333rem;
  color: #030303;
  line-height: 0.66667rem;
}
.sections .section-item.advanced-graph .detail-item::before {
  content: "";
  display: inline-block;
  margin-top: -0.05333rem;
  margin-right: 0.13333rem;
  width: 0.12rem;
  height: 0.12rem;
  background: #0C61BA;
  border-radius: 50%;
  vertical-align: middle;
}
.sections .section-item.advanced-graph .advanced-graph-item-3 {
  padding-top: 1.28rem;
  padding-bottom: 1.12rem;
  background: url("../images-app/uav/advanced-graph-img-5.png") no-repeat;
  background-size: cover;
}
.sections .section-item.advanced-graph .advanced-graph-img-6 {
  margin: auto;
  width: 8.04rem;
}
.sections .section-item.advanced-graph .left-title {
  margin: auto;
  width: 4.33333rem;
  height: 0.57333rem;
  line-height: 0.57333rem;
  background: #005BB6;
  border-radius: 0.28rem 0.28rem 0.28rem 0.28rem;
  font-family: PingFang-SC, PingFang-SC;
  font-weight: 800;
  font-size: 0.34667rem;
  color: #FFFFFF;
  text-align: center;
}
.sections .section-item.advanced-graph .right {
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.sections .section-item.advanced-graph .right-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 1.81333rem;
  height: 1.81333rem;
  padding: 0 0.26667rem;
  font-family: PingFang-SC, PingFang-SC;
  font-weight: 800;
  font-size: 0.34667rem;
  text-align: center;
  border-radius: 50%;
  border: 0.2rem solid;
}
.sections .section-item.advanced-graph .right-item::before {
  content: "";
  position: absolute;
  top: -0.44rem;
  left: 0;
  width: 0.53333rem;
  height: 0.53333rem;
  border-radius: 50%;
}
.sections .section-item.advanced-graph .right-item.or {
  color: #E76D00;
  border-color: #e66d02;
}
.sections .section-item.advanced-graph .right-item.or::before {
  background: #c55a11;
}
.sections .section-item.advanced-graph .right-item.blue {
  color: #005BB6;
  border-color: #5b9bd5;
}
.sections .section-item.advanced-graph .right-item.blue::before {
  background: #2f75b6;
}
.sections .section-item.textbook .section-content {
  padding: 0 0.50667rem;
  position: relative;
}
.sections .section-item.textbook table {
  position: relative;
  margin: auto;
  border-spacing: 0.13333rem;
  box-shadow: 0.26667rem 0 0.37333rem 0 rgba(0, 0, 0, 0.13);
  border-radius: 0.33333rem 0.33333rem 0.33333rem 0.33333rem;
  border: 0.06667rem solid #015BB5;
}
.sections .section-item.textbook .t-head {
  position: absolute;
  top: 0.26667rem;
  right: 0.13333rem;
  left: 0.13333rem;
  height: 0.64rem;
  background: radial-gradient(100% 0% at 0% 0%, #0DCCFF 0%, #5991FD 100%);
  font-size: 0.29333rem;
}
.sections .section-item.textbook .t-head-bottom {
  text-align: center;
  position: relative;
  height: 0.64rem;
  z-index: 2;
  color: #fff;
  font-size: 0.29333rem;
}
.sections .section-item.textbook .section-title {
  padding-top: 0.98667rem;
  padding-bottom: 0.53333rem;
}
.sections .section-item.textbook .name {
  background: #FFE7D6;
  text-align: center;
  width: 1.8rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.29333rem;
  color: #333333;
  line-height: 0.45333rem;
}
.sections .section-item.textbook .desc {
  padding: 0.17333rem 0.48rem 0.37333rem 0.36rem;
  width: 6.04rem;
  background: #F2F2F2;
  font-family: MicrosoftYaHei;
  font-size: 0.24rem;
  color: #030303;
  line-height: 0.44rem;
}
.sections .section-item.textbook .time {
  width: 0.66667rem;
  padding: 0 0.13333rem;
  background: #F2F2F2;
  color: #015BB5;
  font-size: 0.29333rem;
  text-align: center;
  font-weight: bold;
}
.sections .section-item.textbook .capsule {
  margin: auto;
  width: 1.34667rem;
  height: 0.46667rem;
  background: #015BB5;
  border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.25333rem;
  color: #FFFFFF;
  line-height: 0.46667rem;
  text-align: center;
}
.sections .section-item.platform {
  padding-bottom: 0.77333rem;
  background: radial-gradient(100% 0% at 0% 0%, #006CFF 0%, #6295FD 100%);
}
.sections .section-item.platform .section-title {
  padding-top: 1.08rem;
  padding-bottom: 1.01333rem;
  color: #fff;
}
.sections .section-item.platform .section-title-top {
  color: #fff;
}
.sections .section-item.platform .platform-item {
  padding: 0 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sections .section-item.platform .platform-item.platform-item-3 {
  display: block;
}
.sections .section-item.platform .platform-img-1 {
  width: 6.04rem;
  margin-left: 0;
}
.sections .section-item.platform .platform-img-2 {
  width: 6.24rem;
  margin-right: 0;
}
.sections .section-item.platform .platform-img-3 {
  width: 100%;
  margin-top: 0.53333rem;
}
.sections .section-item.platform .platform-img-4 {
  margin-right: 0.29333rem;
  width: 5.38667rem;
}
.sections .section-item.platform .text-container {
  text-align: center;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  color: #FFFFFF;
  text-align: center;
}
.sections .section-item.platform .platform-item-4 {
  margin-top: 0.88rem;
}
.sections .section-item.platform .index {
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 0.72rem;
}
.sections .section-item.platform .title {
  font-weight: bold;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.72rem;
}
.sections .section-item.platform .desc {
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.72rem;
}
.sections .section-item.platform .box-container {
  padding: 0.26667rem;
  width: 3.73333rem;
  height: 4.41333rem;
  background: #276EDB;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: 0.01333rem solid #FFFFFF;
  box-shadow: 0.13333rem 0.13333rem 0.06667rem #E76D00;
  font-size: 0.26667rem;
  color: #FFFFFF;
  line-height: 0.61333rem;
}
.sections .section-item.white-list {
  padding-bottom: 0.97333rem;
}
.sections .section-item.white-list .section-title {
  padding-top: 1.02667rem;
  padding-bottom: 0.77333rem;
}
.sections .section-item.white-list .white-list-img-1 {
  margin: 0.65333rem auto 0;
  width: 9.06667rem;
}
.sections .section-item.white-list .text-list {
  list-style: none;
}
.sections .section-item.white-list .text-item {
  margin-bottom: 0.96rem;
}
.sections .section-item.white-list .text-item:last-child {
  margin-bottom: 0;
}
.sections .section-item.white-list .list-title {
  margin-bottom: 0.21333rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #E76D00;
  line-height: 0.54667rem;
}
.sections .section-item.white-list .list-desc {
  padding-left: 1.42667rem;
  font-family: MicrosoftYaHei;
  font-size: 0.34667rem;
  color: #666666;
  line-height: 0.50667rem;
}
.sections .section-item.result {
  padding-bottom: 0.54667rem;
  background: radial-gradient(100% 0% at 0% 0%, #006CFF 0%, #6295FD 99%);
}
.sections .section-item.result .section-title {
  padding-top: 0.96rem;
  padding-bottom: 0.16rem;
  color: #fff;
}
.sections .section-item.result .section-title-top {
  color: #fff;
}
.sections .section-item.result .result-img-1 {
  width: 100%;
}