.header {
    width: 100%;
    height: 1.067rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1 {
    font-size: 1px;
    margin-left: 0.31rem;
}

.header img{
  width: 1.9rem;
  object-fit: cover;
}

.contact-btn-1 {
    background-color: rgb(255, 186, 0);
    box-shadow: 0px 0px 12px 0px rgba(255, 145, 3, 0.4);
    width: 1.792rem;
    height: 0.4267rem;
    line-height: 0.4267rem;
    text-align: center;
    font-size: 0.192rem;
    color: #fff;
    font-weight: bold;
    margin-right: 0.47rem;
    border-radius: 0.213rem;
}

.banner {
    width: 100%;
    height: 4.267rem;
    background: url('../img/banner_m.png?i=1') no-repeat;
    background-size: cover;
    position: relative;
}

.contact-btn-2{
  width: 1.888rem;
  height: 0.6187rem;
  line-height: 0.6187rem;
  border-radius: 0.053rem;
  background-color: #2a97ff;
  font-size: 0.256rem;
  color: #fff;
  text-align: center;
  margin-left: 0.768rem;
  top: 3.2rem;
  position: absolute;
}

.main-item-title{
  width: fit-content;
  margin: 0.4587rem auto 0.4267rem;
  font-size: 0.3413rem;
  height: 0.3414rem;
  line-height: 0.3414rem;
  font-weight: bold;
  color: #2a97ff;
}

.main-item-bg1{
  width: 7.51rem;
  height: 2.8267rem;
  background: url('../img/mobile1.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.contact-btn-3{
  width: 3.2rem;
  height: 0.6827rem;
  line-height: 0.6827rem;
  border-radius: 0.1067rem;
  margin: 0.288rem auto 0.3947rem;
  background-color: #fec505;
  color: #fff;
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
}

.main-item.course{
  background-color: #f0f6ff;
  width: 100%;
  padding-top: 0.5px;
  padding-bottom: 0.5px;
}

.main-item.course .main-item-title{
  margin: 0.5227rem auto 0.416rem;
}

.main-item.course .course-bg{
  width: 7.04rem;
  height: 3.2rem;
  margin: 0.32rem auto;
}

.main-item.course .course-bg.course-bg1{
  background: url('../img/mobile2.png') no-repeat;
  background-size: cover;
}

.main-item.course .course-bg.course-bg2{
  background: url('../img/mobile3.png') no-repeat;
  background-size: cover;
}

.main-item.course .course-bg.course-bg3{
  background: url('../img/mobile4.png') no-repeat;
  background-size: cover;
}

.main-item.course .course-bg.course-bg4{
  background: url('../img/mobile5.png') no-repeat;
  background-size: cover;
}

.main-item.course .contact-btn-3{
  margin: 0.5333rem auto 0.48rem;
}

.main-item.main-item-bg2{
  width: 100%;
  height: 6.08rem;
  background: url('../img/mobile6.png') no-repeat;
  background-size: cover;
  background-color: #fff;
  margin-bottom: 0.32rem;
}

.main-item.cooperation{
  width: 100%;
  background-color: #f0f5fb;
  padding-top: 0.5px;
  padding-bottom: 0.405rem;
}

.main-item.cooperation .main-item-title{
  line-height: 0.512rem;
  height: unset;
  margin: 0.576rem auto 0.267rem;
}

.main-item.cooperation .cooperation-bg{
  width: 100%;
  height: 2.112rem;
  background: url('../img/mobile7.png') no-repeat;
  background-size: cover;
}

.main-item-title p{
  text-align: center;
}

.main-item.students-works{
  padding-bottom: 0.512rem;
}

.main-item.students-works .students-works-bg{
  width: 7.317rem;
  height: 9.408rem;
  background: url('../img/mobile8.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.footer-form {
    width: 100%;
    height: 6.83rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    background: url('../img/footer_bg_m.png') no-repeat;
    background-size: cover;
    margin-bottom: 10vh;
}

.form-row {
    width: 6.827rem;
    height: 0.853rem;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 0.224rem;
    border-radius: 0.107rem;
}

.footer-form-submit {
    border-radius: 0.107rem;
    background-image: -moz-linear-gradient(90deg, rgb(254, 133, 0) 0%, rgb(255, 178, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(254, 133, 0) 0%, rgb(255, 178, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(254, 133, 0) 0%, rgb(255, 178, 0) 100%);
    font-size: 0.32rem;
    color: #fff;
    font-weight: bold;
    width: 6.827rem;
    height: 0.853rem;
    line-height: 0.853rem;
    text-align: center;
}

.form-row ::-webkit-input-placeholder {
    font-size: 0.256rem;
}

.form-row ::-moz-placeholder {
    font-size: 0.256rem;
}

.form-row :-ms-input-placeholder {
    font-size: 0.256rem;
}

.form-row {
    width: 6.827rem;
    height: 0.853rem;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 0.224rem;
    border-radius: 0.107rem;
}

.form-row-title {
    font-size: 0.256rem;
    line-height: 0.256rem;
    height: 0.256rem;
    color: #333;
    margin-left: 0.213rem;
}

.form-row input {
    padding-left: 0.107rem;
    font-size: 0.256rem;
}

.footer-form-title {
    font-size: 0.384rem;
    height: 0.384rem;
    line-height: 0.384rem;
    font-weight: bold;
    margin-top: 0.384rem;
    margin-bottom: 0.373rem;
    color: #fff;
}

.footer-form-sub-title {
    font-size: 0.256rem;
    height: 0.256rem;
    line-height: 0.256rem;
    color: #f3f8fd;
}

.footer-form-title-border {
    margin-top: 0.2453rem;
    margin-bottom: 0.32rem;
    width: 0.96rem;
    height: 0.022rem;
    border-radius: 0.015rem;
    background-color: #f3f8fd;
}