.module-wrap .banner .swiper-slide .banner-img {

  width: 100%;

}







.module-wrap .module.dark .module-title::before {

  background-image: linear-gradient(to right, #ffd200 0.53333rem, transparent 0.54667rem, transparent 0.58667rem, #ff802e 0.6rem, #ff802e 1.62667rem, transparent 1.64rem, transparent 1.68rem, #2dd799 1.69333rem, #2dd799);

}



.module-wrap .module.dark .module-dec {

  color: #ffe851;

}



.section-title,

.module-title {

  font-size: 0.5333rem;

  font-weight: bold;

  color: #2c3657;

  text-align: center;

  position: relative;

}







.module-dec,

.section-subtitle {

  font-size: 0.3733rem;

  color: #e16c51;

  text-align: center;

  margin-top: 0.08rem;

}



.module-btn {

  width: 5.3333rem;

  height: 0.9067rem;

  background: linear-gradient(90deg,

      #6afcf4 0%,

      #aefdd2 50%,

      #f0fdaf 100%),

    linear-gradient(#ffffff,

      #ffffff);

  background-blend-mode: normal,

    normal;

  border-radius: 0.4533rem;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 0.3467rem;

  font-weight: 600;

  color: #095ffc;

  margin: 0 auto;

  animation: an2 0.5s linear 0s infinite alternate;

  border: none;

}



.module-btn::after {

  content: "";

  width: 0.32rem;

  height: 0.3733rem;

  background-image: url(http://www.mobiletrain.org/special/fly/img/hand.png);

  background-size: 100%;

  margin-left: 0.16rem;

}





.module10 {

  width: 10rem;

  height: 11.4133rem;

  background: url(./img/10-1.jpg) no-repeat;

  background-size: 10.0533rem 11.4133rem;

  padding-top: 0.6667rem;

}



.module10 .module-btn {

  margin-top: 7.68rem !important;

}





.module-wrap .module3 {

  background-color: #edf0f8;

  padding-top: 0.48rem;

  padding-bottom: 0.8rem;

}







.module-wrap .module3 .list .right .dec-list {

  margin-top: 0.4533rem;

  margin-bottom: 0.4rem;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: center;

  justify-content: center;

  grid-gap: 0.24rem 0.2133rem;

}



.module-wrap .module3 .list .right .dec-list .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 2.8933rem;

  height: 0.8rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  border: solid 1px #538af6;

  font-size: 0.32rem;

  color: #333333;

}



.module-wrap .module3 .list .right .dec-list .btn img {

  height: 0.4rem;

  margin-right: 0.16rem;

}







.module-wrap .module3 .list .center-item .dec-list .dec {

  display: flex;

  align-items: center;

  width: 9.2rem;

  height: 1.84rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  border: solid 1px #96b0e1;

  margin: 0.12rem auto;

}



.module-wrap .module3 .list .center-item .dec-list .dec img {

  width: 1.3733rem;

  margin: 0 0.2133rem 0 0.2667rem;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label div {

  width: 4.2133rem;

  font-size: 0.32rem;

  font-weight: bold;

  color: #333333;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label p {



  font-size: 0.4667rem;

  font-weight: bold;

  color: #ca322b;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label p span {

  font-size: 0.2667rem;

}



.module-wrap .module3 .list .center-item .dec-list .dec a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 2.68rem;

  height: 0.64rem;

  background: linear-gradient(90deg,

      #ff504a 0%,

      #ff3774 100%),

    linear-gradient(#f3b140,

      #f3b140);

  background-blend-mode: normal,

    normal;

  box-shadow: 0px 0px 0.2667rem 0px rgba(240, 131, 96, 0.2);

  border-radius: 0.1333rem;

  font-size: 0.2933rem;

  font-weight: bold;

  color: #ffffff;

}



.module-wrap .module3 .list .center-item .dec-list .dec a::after {

  content: "";

  width: 0.3067rem;

  height: 0.3067rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/btn.png);

  background-size: 100% 100%;

  margin-left: 0.0533rem;

}



.module-wrap .module3 .dec-from {

  font-size: 0.24rem;

  color: #222222;

  opacity: 0.5;

  margin: 0.2667rem auto;

  text-align: center;

}







.module-wrap .module8 {

  position: relative;

  padding-top: 0.8533rem;

}







.module-wrap .module8 .list {

  display: grid;

  grid-gap: 0.34667rem 0.64rem;

  grid-template-columns: repeat(2, auto);

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0 0.41333rem 0 0.92rem;

  margin-top: 0.56rem;

}



.module-wrap .module8 .list .item {

  position: relative;

  width: 4.01333rem;

  height: 3.38667rem;

  background: #ffffff;

  border: 0.01333rem solid #0069f9;

  border-radius: 0.13333rem;

  position: relative;

  padding-top: 0.38667rem;

}



.module-wrap .module8 .list .item::before {

  content: "";

  right: 0;

  top: 0.10667rem;

  width: 0.86667rem;

  height: 1.36rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/icon8.png);

  background-size: 100% 100%;

  position: absolute;

}



.module-wrap .module8 .list .item .icon8 {

  width: 1.01333rem;

  position: absolute;

  top: 0.33333rem;

  left: 0;

  transform: translateX(-50%);

}



.module-wrap .module8 .list .item .title {

  margin-left: 0.77333rem;

  font-size: 0.37333rem;

  font-weight: 700;

  color: #383b4e;

  line-height: 0.4rem;

}



.module-wrap .module8 .list .item .dec {

  font-size: 0.29333rem;

  width: 2.8rem;

  font-weight: 400;

  color: #666666;

  line-height: 0.4rem;

  margin-top: 0.13333rem;

  margin-left: 0.8rem;

}



.module-wrap .module8 .list .item .btn {

  position: absolute;

  width: 2.2rem;

  line-height: 0.66667rem;

  text-align: center;

  background-image: linear-gradient(90deg,

      rgba(152, 186, 249, 1) 0%,

      rgba(51, 77, 245, 1) 100%,

      rgba(146, 64, 129, 1) 100%,

      rgba(240, 51, 12, 1) 100%),

    linear-gradient(rgba(238, 122, 58, 1),

      rgba(238, 122, 58, 1));

  border-radius: 0.13333rem;

  display: block;

  font-size: 0.26667rem;

  font-weight: 400;

  color: #ffffff;

  top: 2.2933rem;

  left: 0.8rem;

}



.module-wrap .module9 {

  background-image: url(./img/9.png);

  background-size: 100% 10.8rem;

  height: 10.8rem;

  margin-top: 0.6667rem;

  padding-top: 3.7333rem;

}



.module-wrap .module9 .form {

  width: 8.8267rem;

  height: 6rem;

  background-image: url(./img/9-1.png);

  background-size: 100%;

  margin: 0 auto;

  padding-top: 1.7333rem;

}







.module-wrap .module9 .form .input-wrap {

  width: 6.68rem;

  height: 0.88rem;

  background-color: rgba(255, 255, 255, 1);

  border-radius: 0.44rem;

  border: solid 1px rgba(222, 234, 255, 1);

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 auto;

  padding-left: 0.54667rem;

}



.module-wrap .module9 .form .input-wrap+.input-wrap {

  margin-top: 0.32rem;

}



.module-wrap .module9 .form .input-wrap .label {

  font-size: 0.32rem;

  font-weight: 400;

  color: #333333;

  line-height: 0.37333rem;

}



.module-wrap .module9 .form .input-wrap input {

  border: none;

  font-size: 0.32rem;

  font-weight: 400;

  color: #333333;

  -ms-flex: 1;

  flex: 1;

}



.module-wrap .module9 .form .submit {

  width: 3.84rem;

  height: 0.84rem;

  background: linear-gradient(90deg,

      rgba(255, 80, 74, 1) 0%,

      rgba(255, 55, 116, 1) 100%),

    linear-gradient(rgba(255, 128, 46, 1),

      rgba(255, 128, 46, 1));

  border-radius: 0.4133rem;

  font-size: 0.36rem;

  font-weight: 400;

  color: #ffffff;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0.54667rem auto 0;

  cursor: pointer;

}



.module-wrap .module9 .form .submit::after {

  content: "";

  display: block;

  width: 0.33333rem;

  animation: an1 0.5s linear 0s infinite alternate;

  height: 0.52rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/btn9.png);

  background-size: 100% 100%;

  margin-left: 0.18667rem;

}



@keyframes an1 {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes an2 {

  from {

    transform: scale(0.98);

  }



  to {

    transform: scale(1.02);

  }

}



@keyframes an3 {

  0% {

    transform: translateY(-0.04rem);

  }



  20% {

    transform: translateY(0.01333rem);

  }



  40% {

    transform: translateY(-0.04rem);

  }



  100% {

    transform: translateY(-0.04rem);

  }

}



.section {

  padding: 0.64rem 0 0.5333rem 0;

}



.card-group {

  display: flex;

  width: 9.4533rem;

  flex-wrap: wrap;

  gap: 0.2133rem;

  margin: 0.4rem auto 0.4933rem auto;

}



.card-group .card {

  width: 4.6133rem;

  height: 2.24rem;

  background-color: #ffffff;

  box-shadow: 0.0133rem 0.0267rem 0.68rem 0px rgba(161, 188, 253, 0.4);

  border-radius: 0.2667rem;

  border: solid 1px #b4caff;

}



.card-group .card .card-header {

  width: 3.0533rem;

  height: 0.6667rem;

  background: linear-gradient(90deg,

      #19a0fe 0%,

      #0012ff 100%),

    linear-gradient(#ffffff,

      #ffffff);

  background-blend-mode: normal,

    normal;

  border-radius: 0.0133rem 0.0133rem 0.2667rem 0.2667rem;

  margin: 0 auto 0.4rem auto;

  font-size: 0.32rem;

  font-weight: bold;

  line-height: 0.6667rem;

  color: #ffffff;

  text-align: center;

}



.card-group .card p {

  font-size: 0.2667rem;

  line-height: 1.5;

  letter-spacing: 0px;

  color: #2c3657;

  padding: 0 0.2933rem;

}



.card-group .card p span {

  color: #e26e54;

  font-weight: bold;

}



.section1 {

  width: 10rem;

  background: url(./img/2.jpg) no-repeat;

  background-size: 100%;

}



.section1 .swiper1 {

  width: 9.4533rem;

  height: 7.3267rem;

  margin: 0.4rem auto;

}



.section1 .swiper1 .swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;

  border-radius: 0.1333rem;

  height: 3.2rem;

  overflow: hidden;

  text-align: left;

}



.swiper1 .swiper-slide img {

  height: 1.6rem;

}



.swiper1 .swiper-slide div {

  font-size: 0.32rem;

  font-weight: bold;

  color: #2c3657;

  margin: 0.1333rem 0 0.0333rem 0.32rem;

}



.swiper1 .swiper-slide p {

  padding-left: 0.32rem;

  font-size: 0.24rem;

  color: #2c3657;

}



.swiper1 .swiper-slide p span {

  color: #e26e54;

  font-weight: bold;

}



.swiper1 .swiper-wrapper {

  height: auto !important;

}





.swiper1 .swiper-pagination1,

.swiper5 .swiper-pagination5 {

  bottom: 0 !important;

}



.swiper1 .swiper-pagination1 .swiper-pagination-bullet,

.swiper5 .swiper-pagination5 .swiper-pagination-bullet {

  width: 0.68rem;

  height: 0.1067rem;

  background-color: #97d6f8;

  border-radius: 1px;

  opacity: 1;

}



.swiper1 .swiper-pagination1 .swiper-pagination-bullet-active,

.swiper5 .swiper-pagination5 .swiper-pagination-bullet-active {

  background-color: #0091f1;

}



.section3 {

  position: relative;

  width: 10rem;

  height: 15.4667rem;

  background: url(./img/3.jpg) no-repeat;

  background-size: 100%;

  margin: 0 auto;

}



.section3 .dual-item {

  position: absolute;

  top: 11.3333rem;

  left: 2.8267rem;



}



.section3 .dual-item p {

  font-size: 0.2933rem;

  line-height: 1.9;

  color: #ffffff;

}







.study-content img {

  height: 3.2rem;

  display: block;

  margin: 0.4rem auto 0.24rem auto;

}



.study-content .study-item {

  display: flex;

  justify-content: space-around;

  width: 9.4rem;

  margin: 0 auto 0.4933rem auto;

  overflow: hidden;

}



.study-content .study-item div {

  width: 32%;

  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.study-content .study-item div p {

  display: inline-block;

  background: linear-gradient(0deg,

      rgba(1, 96, 236, 0.2) 0%,

      rgba(6, 157, 242, 0.2) 100%),

    linear-gradient(rgba(13, 89, 254, 0.2),

      rgba(13, 89, 254, 0.2));

  border-radius: 0.0667rem;

  text-align: center;

  padding: 0.1067rem 0.16rem;

  margin-bottom: 0.0267rem;

  font-size: 0.2667rem;

  color: rgba(0, 69, 220, 1);

  white-space: nowrap;

}



.study-content .study-item div:nth-child(2) p {

  background: #fbe7d9;

  color: rgba(221, 96, 12, 1);

}



.section5 {

  width: 10rem;

  height: 13.52rem;

  background: url(./img/5.jpg) no-repeat;

  background-size: 100%;

}



.swiper5 {

  width: 8.4533rem;

  height: 9.4rem;

  margin: 0.3733rem auto 0.4rem auto;

}



.swiper5 .swiper-slide {

  width: 8.4533rem;

}



.swiper5 .swiper-slide .teacher1 {

  height: 3.88rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-1.png) no-repeat;

  background-size: 100%;

  margin-bottom: 0.2933rem;

}



.swiper5 .swiper-slide .teacher2 {

  height: 3.88rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-2.png) no-repeat;

  background-size: 100%;

  margin-bottom: 0.2933rem;

}



.swiper5 .swiper-slide .teacher1 h4,

.swiper5 .swiper-slide .teacher2 h4 {

  font-size: 0.3467rem;

  font-weight: bold;

  color: #ffffff;

  padding-left: 4.5333rem;

  padding-top: 0.48rem;

  padding-bottom: 0.1333rem;

}



.swiper5 .swiper-slide .teacher1 p,

.swiper5 .swiper-slide .teacher2 p {

  font-size: 0.2133rem;

  line-height: 1.5;

  color: #ffffff;

  padding-left: 4.5333rem;

}



.swiper5 .swiper-slide .teacher3 {

  position: relative;

  width: 4.0933rem;

  height: 4.72rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-3.png) no-repeat;

  background-size: 100%;

}



.swiper5 .swiper-slide .teacher4 {

  position: relative;

  width: 4.0933rem;

  height: 4.72rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-4.png) no-repeat;

  background-size: 100%;

}



.swiper5 .swiper-slide .teacher5 {

  position: relative;

  width: 4.0933rem;

  height: 4.72rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-5.png) no-repeat;

  background-size: 100%;

}



.swiper5 .swiper-slide .teacher6 {

  position: relative;

  width: 4.0933rem;

  height: 4.72rem;

  background: url(http://www.mobiletrain.org/special/fly/img/5-6.png) no-repeat;

  background-size: 100%;

}



.swiper5 .teacher-group {

  display: flex;

  justify-content: space-between;

}



.swiper5 .swiper-slide .teacher3 h4,

.swiper5 .swiper-slide .teacher4 h4,

.swiper5 .swiper-slide .teacher5 h4,

.swiper5 .swiper-slide .teacher6 h4 {

  position: absolute;

  top: 2.5333rem;

  right: 0.24rem;

  width: 0.3467rem;

  font-size: 0.3467rem;

  font-weight: bold;

  color: #ffffff;

  line-height: 1.2;

}



.swiper5 .swiper-slide .teacher3 p,

.swiper5 .swiper-slide .teacher4 p,

.swiper5 .swiper-slide .teacher5 p,

.swiper5 .swiper-slide .teacher6 p {

  font-size: 0.2133rem;

  line-height: 1.6;

  color: #ffffff;

  padding-left: 0.36rem;

  padding-top: 3.0667rem;

}



.cert-group {

  height: 9.5067rem;

  display: block;

  margin: 0.4rem auto 0.2667rem auto;

}



.section7 {

  width: 10rem;

  height: 13.5067rem;

  background: url(./img/7.jpg) no-repeat;

  background-size: 100%;

}



.section7 .section7-1 {

  height: 9.1733rem;

  display: block;

  margin: 0.32rem auto 0.5333rem auto;

}