.box {
  height: auto;
  position: relative;
  overflow: hidden;
  background: url(../images/bg.png) center top;
  background-size: 1992px;
  padding-bottom: 100px;
}

.banner {
  height: 770px;
}

.banner_container {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 46px;
  position: relative;
  height: 100%;

}

.hxg {
  position: absolute;
  right: 0%;
  top: 0;
}

.gezi {
  position: absolute;
  top: 40px;
  left: -100px;
  animation: banner_bird linear 6s infinite;
}

@keyframes banner_bird {
  0% {
    transform: translate(-10px, -10px);
  }

  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 10px);
  }

  75% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-10px, -10px);
  }
}

.txt01 {
  margin: 0 auto;
}

.txt02_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.txt02 {
  width: 618px;
  height: 129px;
  background: url(../images/txt02_bg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 90px;
}

.txt02 span {
  font-size: 38px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(90deg, #F3D956 13.2568359375%, #FFFF9A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F3D956;
}

.txt03 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 22px;
  margin-top: 11px;
}

.txt03 img {
  margin-right: 9px;
}

.title {
  width: 1013px;
  height: 187px;
  background: url(../images/title_bg.png) no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 46px auto 0;
  box-sizing: border-box;
  padding-right: 18px;
}

.box01 .title {
  margin-top: 0;
}

.title div {
  width: 109px;
  height: 109px;
  background: url(../images/circle_bg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 116px;
  margin-left: -40px;

}

.title div:first-child {
  margin-left: 0;
}

.title p {
  background-image: -webkit-linear-gradient(90deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
  font-size: 50px;
  font-weight: bold;
  padding-bottom: 20px;
}

.title div span {
  font-size: 53px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(0deg, #C32B25 11.62109375%, #F06149 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #C32B25;
  line-height: 1;
}

.table_container,
.box01_b {
  height: auto;
  background: linear-gradient(0deg, #F6E266, #FFFEFA);
  box-shadow: 0px 3px 18px 1px rgba(89, 23, 8, 0.5);
  border-radius: 12px;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 15px 0;
}

.table_l {
  width: 830px;
}

.table_l table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  border-radius: 12px 0px 0px 12px;
  overflow: hidden;
  height: 275px;
  background: #FFFFFF;
  box-shadow: 0px 4px 2px 0px rgba(121, 35, 15, 0.39);

}

.table_l table th {
  height: 65px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);

}

.table_l table td {
  color: #000000;
  font-size: 20px;
  border-top: 1px solid #D74022;
  border-right: 1px solid #D74022;
}

.table_l table td:last-child {
  border-right: 0;
}

.table_l table th span {
  font-size: 26px;
  background-image: -webkit-linear-gradient(90deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
}

.table_r {
  width: 341px;
  height: 275px;
  border-radius: 0px 12px 12px 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/jx_bg.png) no-repeat center center;
  background-size: 110%;
}

.table_r a,
.table_r select {
  width: 129px;
  height: 44px;
  background: linear-gradient(0deg, #F6E266, #FFFEFB);
  border: 2px solid #D13624;
  border-radius: 22px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 4px;

}

.table_r select {
  display: block;
  color: #C32B25;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  padding-left: 20px;
  text-align: left;
  background: url(../images/check.png) 95% center no-repeat, linear-gradient(0deg, #F6E266, #FFFEFB);
}


.table_r a img {
  width: 22px;
  height: 22px;
  margin-left: 9px;
}

.table_r a span {
  color: #C32B25;
  font-size: 26px;
}

.table_r .table_r_a {
  margin-top: -15px;
  margin-bottom: 8px;
}



.box01_b_r {
  width: 900px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 4px 2px 0px rgba(121, 35, 15, 0.39);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 28px 26px;
  color: #000000;
  margin-left: 7px;
  font-size: 20px;
}

.box01_b_r p {
  margin-bottom: 10px;

}

.box01_b_r span {
  color: #C34322;
  font-weight: bold;
}

.box02 .title,
.box04 .title {
  margin-bottom: 60px;
}

.title i {
  display: block;
  font-style: normal;
  width: 200px;
  height: 248px;
  color: #F6E266;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 190px;
  margin-top: 40px;
  background: url(../images/mjs.png) no-repeat center center;
}

.box02_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box02_item {
  width: 286px;
  height: 469px;
  background: linear-gradient(0deg, #F6E266, #FFFEFA);
  box-shadow: 0px 3px 18px 1px rgba(89, 23, 8, 0.27);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 15px 16px 0;
}

.box02_item .img {
  width: 254px;
  height: 275px;
  background: #FFFFFF;
  box-shadow: 0px 4px 2px 0px rgba(121, 35, 15, 0.39);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.box02_item .img img {
  width: 230px;
  height: 253px;
}

.book_title {
  width: 234px;
  height: 52px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 26px;
  text-align: center;
  line-height: 52px;
  margin: 18px auto 13px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}

.box02_item p {
  color: #000000;
  font-size: 18px;
  line-height: 1.6;
}

.yellow_bg {
  background: linear-gradient(0deg, #F6E266, #FFFEFA);
  box-shadow: 0px 3px 18px 1px rgba(89, 23, 8, 0.27);
  border-radius: 12px;
}

.box03_container,
.box04_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box03_l {
  width: 556px;
  height: 509px;
  box-sizing: border-box;
  padding: 15px 16px 0;
}

.box03_l_b {
  display: flex;
  justify-content: space-between;
}

.box03_l_b2 {
  margin-top: 20px;
  justify-content: center;
}

.box03_l_b p {
  display: inline-block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
}

.box03_l_b p span {
  background-image: -webkit-linear-gradient(0deg, #F6E266 11.328125%, #FFFEFA 100%);
  -webkit-background-clip: text;
  color: #F6E266;
  font-size: 26px;
  font-weight: bold;
}

.img1_swiper {

  width: 100%;
  height: 326px;
  margin-bottom: 23px;
}

.img1_swiper .swiper-container {
  width: 100% !important;
  height: 100%;
}

.img1_swiper img {
  width: 100%;
  height: 100%;
}

.box03_r {
  width: 624px;
  height: 509px;
  box-sizing: border-box;
  padding: 15px 16px 19px;
}

.box03_r_inner {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  padding-top: 40px;
  box-shadow: 0px 4px 2px 0px rgba(121, 35, 15, 0.39);
}

.box03_r_inner_title {
  width: 159px;
  height: 35px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 18px;
  text-align: center;
  line-height: 35px;
  margin-bottom: 20px;
}

.box03_r_inner_title span {
  font-size: 26px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(90deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
}

.box03_l01,
.box03_l02,
.box03_l03 {
  color: #000000;
  font-size: 20px;
  text-align: center;
}

.s_img {
  width: 94px;
  height: 167px;
  box-sizing: border-box;
  margin: 15px auto 0;
  padding: 5px;
  background: linear-gradient(0deg, #F6E266, #FFFEFA);
  box-shadow: 0px 3px 23px 1px rgba(89, 23, 8, 0.27);
  border-radius: 6px;
}

.s_img img {
  width: 100%;
  height: 100%;
}

.box03_l02 {
  margin-top: 24px;
  margin-left: -19px;
  margin-right: -19px;
}

.big_txt {
  width: 298px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-weight: bold;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  font-size: 30px;
  margin: 13px auto 0;
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 29px;
}

.big_txt span {
  background-image: -webkit-linear-gradient(90deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box04 .title i,
.box05 .title i {
  background: url(../images/mjs2.png) no-repeat center center;
  font-size: 20px;
  line-height: 1.3;
  box-sizing: border-box;
  padding-top: 72px;
}

.box04_l {
  width: 784px;
}

.box04_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.teacher_swiper {
  width: 100%;
  height: 392px;
}

.teacher_swiper .swiper-container {
  width: 100% !important;
  height: 100% !important;
}

.box04_item1 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 13px 14px 0;
}

.box04_item1 img {
  width: 100%;
  height: 243px;

  border-radius: 8px;
  overflow: hidden;
}

.box04_item1 div {
  width: 127px;
  height: 46px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 23px;
  margin: 16px auto 9px;
  color: #FFFFFF;
  font-size: 21px;
  text-align: center;
  line-height: 46px;
}

.box04_item1 p {
  color: #000000;
  font-size: 18px;
  text-align: center;
}

.box04_item2 {
  width: 253px;
  height: 335px;
  margin-top: 18px;
  box-sizing: border-box;
  padding-top: 9px;
  position: relative;
}

.box04_item2_title {
  width: 229px;
  height: 71px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  line-height: 68px;
  margin: 0 auto;
  background: url(../images/box04_item2_title.png) no-repeat center center;
}

.box04_r {
  width: 403px;
  height: 744px;
  box-sizing: border-box;
  padding-top: 24px;
}

.swiper-container {
  width: 184px !important;
  height: 243px;
}

.box04_item2 .swiper-slide {}

.box04_item2 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.swiper-button-prev.swiper-button-white.prev {
  width: 26px;
  height: 26px;
  background-image: url("../images/arrow01.png");
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  left: 6px;
  top: 60%;
  z-index: 1;
  outline: none;
}

.swiper-button-next.swiper-button-white.next {
  width: 26px;
  height: 26px;
  background-image: url("../images/arrow02.png");
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 60%;
  z-index: 1;
  outline: none;
}

.jlk_container {
  width: 344px;
  height: 285px;
  background: url(../images/jlk.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto 50px;
}

.jlk {
  position: absolute;
  width: 132px;
  height: 79px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 6px;


}

.jlk1 {
  top: 0;
  left: 66%;
}

.jlk2 {
  top: 95%;
  left: 66%;
}

.jlk3 {
  top: 95%;
  left: -4%;
}

.jlk img {
  width: 100%;
  height: 100%;
}

.up {
  margin: 0 auto;
}

.box04_r p {
  background-image: -webkit-linear-gradient(90deg, #A60C06 0%, #FF5232 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  color: A60C06;
  text-align: center;
  font-weight: bold;
}

.box05 .title_h3 {
  text-align: center;
  line-height: 33px;
  width: 577px;
  height: 33px;
  background: linear-gradient(0deg, #F6E266, #FFFFFF);
  border-radius: 17px;
  color: #CD3124;
  font-size: 18px;
  font-weight: bold;
  margin: -10px 0 0 18%;

}

.arrow_container {
  height: 302px;
  margin-top: 18px;
  box-sizing: border-box;
  padding-top: 40px;
  padding-left: 58px;
  background: url(../images/arrow_bg.png) no-repeat left center;
}

.arrow_container h3 {
  width: 632px;
  height: 53px;
  line-height: 53px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 27px;
  text-align: center;
}

.arrow_container h3 span {
  background-image: -webkit-linear-gradient(90deg, #F6E266 11.328125%, #FFFEFA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.arrow03 {
  margin-top: -4px;
}

.arrow_b {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: -10px;
}

.arrow_b_l {
  width: 794px;
}

.arrow_b_r {
  width: 330px;
}

.arrow_b p {
  background-image: -webkit-linear-gradient(0deg, #AC2B27 12.4267578125%, #E84526 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  font-weight: bold;
}

.arrow_b_common div {
  display: inline-block;
  padding: 0 18px;
  height: 29px;
  background: #F1D83D;
  border: 1px solid #E73F2B;
  border-radius: 14px;
  color: #000000;
  font-size: 18px;
  box-sizing: border-box;
  margin-top: 5px;
}

.arrow_container2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lc_l {
  width: 866px;
  height: 295px;
  box-sizing: border-box;
  padding-top: 30px;
  padding-right: 30px;
  background: url(../images/arrow_bg2.png) no-repeat center center;
}

.lc_top,
.lc_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
}

.lc_img {
  width: 134px;
  height: 196px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 6px;
  box-sizing: border-box;
  padding: 4px;

}

.lc_img_inner {
  width: 100%;
  height: 100%;
  background: #FFFDF7;
  box-sizing: border-box;
  padding: 3px;
}

.lc_img img {

  width: 100%;
  height: 100%;
}

.arrow_big {
  margin: 0 10px;
}

.lc_bottom div {
  width: 169px;
  height: 26px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 4px 0px rgba(165, 33, 24, 0.33);
  border-radius: 13px;
  line-height: 26px;
  text-align: center;
}

.lc_bottom div span {
  background-image: -webkit-linear-gradient(0deg, #F6E266 0%, #FFFDF7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  text-align: center;

}

.lc_r {
  width: 352px;
  height: 261px;
  box-sizing: border-box;
  padding: 15px 16px 0;
}

.lc_r_inner {
  width: 100%;
  height: 197px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px;
}

.lc_r_inner img {

  width: 100%;
  height: 100%;
}

.lc_r p {
  background-image: -webkit-linear-gradient(90deg, #AC2B27 12.4267578125%, #E84526 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  color: #AC2B27;
  font-weight: bold;
  text-align: center;
}

.box06_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box06_item {
  width: 293px;
  height: 222px;
  background: linear-gradient(0deg, #F6E266, #FFFEFA);
  box-shadow: 0px 3px 18px 1px rgba(89, 23, 8, 0.27);
  border-radius: 8px;
}

.box06_title {
  width: 264px;
  height: 55px;
  background: linear-gradient(0deg, #AC2B27, #E84526);
  box-shadow: 0px 3px 9px 0px rgba(165, 33, 24, 0.54);
  border-radius: 0px 0px 20px 20px;
  margin: 0 auto;
  color: #F6E266;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}

.box06_item p {
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 20px;
  line-height: 1.7;
}

.box06_item p img {
  margin-right: 9px;
}

.fix_right {
  display: none;
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 99;
  width: 155px;
  height: 271px;
  box-sizing: border-box;
  padding-right: 3px;
  text-align: center;
  padding-top: 50px;
  background: url(../images/fix_bg.png) no-repeat center center;
}

.fix_right .fixed_a {
  display: block;
  height: 20px;
  color: #D92A14;
  font-size: 16px;
  height: 34px;
}

.fix_right .fixed_a:hover {
  font-weight: bold;
}

.fix_right .msqg {
  display: block;
  margin: 0 auto;
  font-weight: bold;
  width: 86px;
  height: 30px;
  background: linear-gradient(0deg, #D6220E, #FF896E);
  border: 1px solid #FAF082;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 30px;
}

.fix_bottom {
  display: none;
  position: fixed;
  bottom: -44px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  width: 100%;
  height: 227px;
  box-sizing: border-box;
  padding-right: 3px;
  text-align: center;
  background: url(../images/fix02.png) no-repeat center 79px;
}

.fix_wrap {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  height: 100%;
  box-sizing: border-box;
  padding-top: 100px;
}

.fix01 {
  width: 635px;
  height: 227px;
  position: absolute;
  top: 0;
  left: -346px;
  box-sizing: border-box;
  padding-top: 84px;
  padding-left: 30%;
  line-height: 1;
  background: url(../images/fix01.png) no-repeat center center;
}

.fix01 span {
  font-size: 33px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(90deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
}

.fix02_lin2,
.fix02_lin1 {
  display: flex;
  align-items: center;
  line-height: 1;
}

.fix02_lin1 span {
  background-image: -webkit-linear-gradient(270deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
  font-size: 24px;
  font-weight: bold;
  margin-right: 8px;
}

.fix02_lin2 h1 {
  font-size: 35px;
  display: inline-block;
  background-image: -webkit-linear-gradient(0deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
}

.fix02_lin2 h2 {
  display: inline-block;
  line-height: 43px;
  background: #C22419;
  border: 1px solid #FF5A47;
  border-radius: 4px;
  padding: 0 9px;
  margin: 0 12px;
}

.fix02_lin2 h2 span {
  background-image: -webkit-linear-gradient(270deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
  font-size: 32px;
}

.fix02_lin2 h3 {
  background-image: -webkit-linear-gradient(270deg, #F6E266 12.4267578125%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #F6E266;
  font-size: 27px;
}

.fix_wrap a {
  display: block;
  width: 175px;
  height: 74px;
  text-align: center;
  line-height: 68px;
  margin-left: 16px;
  background: url(../images/fix03.png) no-repeat center center;

}

.fix_wrap a span {
  background-image: -webkit-linear-gradient(90deg, #C32B25 11.62109375%, #F06149 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #C32B25;
  font-size: 37px;
  font-weight: bold;
}

@media only all and (max-width:1080px) {

  .box {
    height: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 2rem;
  }

  .banner {
    height: 15rem;
  }

  .banner_container {
    width: 100%;
    padding-top: 1rem;
  }

  .hxg {
    width: 5rem;
  }

  .gezi {
    width: 5rem;
    top: 2rem;
    left: 0;
  }

  .txt01 {
    width: 90%;
  }

  .txt02_container img {
    width: 3rem;
    height: auto;
  }

  .txt02 {
    width: 12rem;
    height: 3rem;
    line-height: 2.2rem;
  }

  .txt02 span {
    font-size: .7rem;
  }

  .txt03 {
    font-size: .7rem;
    margin-top: .4rem;
  }

  .txt03 img {
    width: 1rem;
    height: auto;
    margin-right: .2rem;
  }

  .title {
    width: 100%;
    height: 4rem;
    background-size: 100% 100%;
    margin: 1rem auto 0;
    padding-right: .6rem;
  }

  .box01 .title {
    margin-top: 0;
  }

  .title div {
    width: 2rem;
    height: 2rem;
    line-height: 1.8rem;
    margin-left: -.8rem;
  }

  .title p {
    font-size: .7rem;
    padding-bottom: .5rem;
  }

  .title div span {
    font-size: .8rem;
  }

  .table_container,
  .box01_b {
    border-radius: .4rem;
    margin-bottom: .8rem;
    flex-direction: column;
    padding: .4rem;
  }

  .table_l {
    width: 100%;
    margin-bottom: .8rem;
  }

  .table_l table {
    border-radius: .4rem;
    height: auto;

  }

  .table_l table th {
    height: 2rem;

  }

  .table_l table td {
    font-size: .65rem;
  }


  .table_l table th span {
    font-size: .7rem;
  }

  .table_r {
    width: 80%;
    height: 11rem;
    border-radius: .4rem;
  }

  .table_r img {
    width: 50%;
    height: auto;
  }

  .table_r a,
  .table_r select {
    width: 4rem;
    height: 1.8rem;
    border-radius: 1rem;
    padding-bottom: .1rem;

  }

  .table_r select {
    font-size: .7rem;
    line-height: 1.6rem;
    padding-left: 1rem;
    background: url(../images/check.png) 80% center no-repeat, linear-gradient(0deg, #F6E266, #FFFEFB);
    background-size: .8rem;
  }

  .table_r a img {
    width: .8rem;
    height: .8rem;
    margin-left: .2rem;
  }

  .table_r a span {
    font-size: .7rem;
  }

  .table_r .table_r_a {
    margin-top: -.4rem;
    margin-bottom: .4rem;
  }

  .box01_b_r {
    width: 100%;
    border-radius: .4rem;
    padding: .4rem;
    margin-left: 0;
    font-size: .7rem;
  }

  .box01_b img {
    width: 60%;
    margin-bottom: .8rem;
  }

  .box01_b_r p {
    margin-bottom: .4rem;

  }


  .box02 .title,
  .box04 .title {
    margin-bottom: 1rem;
  }

  .title i {
    width: 4rem;
    height: 5rem;
    font-size: .6rem;
    line-height: 4rem;
    margin-top: .3rem;
    background-size: 100% 100%;
  }

  .box02_list {
    flex-wrap: wrap;
  }

  .box02_item {
    width: 49%;
    height: 18rem;
    border-radius: .4rem;
    padding: .4rem .4rem 0;
    margin: .4rem 0;
  }

  .box02_item .img {
    width: 100%;
    height: 9rem;
    border-radius: .4rem;
  }

  .box02_item .img img {
    width: 94%;
    height: 94%;
  }

  .book_title {
    width: 98%;
    height: 1.6rem;
    border-radius: 1rem;
    line-height: 1.6rem;
    margin: .6rem auto;
    font-size: .7rem;
  }

  .box02_item p {
    font-size: .7rem;
  }

  .yellow_bg {
    border-radius: .4rem;
  }

  .box03_container,
  .box04_container {
    flex-direction: column;
  }

  .box03_l {
    width: 100%;
    height: auto;
    padding: .8rem;
  }

  .box03_l_b2 {
    margin-top: .8rem;
  }

  .box03_l_b p {
    padding: 0 .8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 1rem;
  }

  .box03_l_b p span {
    font-size: .7rem;
  }

  .img1_swiper {
    width: 100%;
    height: 10rem;
    margin-bottom: .8rem;
  }



  .box03_r {
    width: 100%;
    height: auto;
    margin-top: .8rem;
    padding: .8rem;
  }

  .box03_r_inner {
    border-radius: .4rem;
    padding: 1rem 0;
  }

  .box03_r_inner_title {
    width: 4rem;
    height: 1.4rem;
    border-radius: 1rem;
    line-height: 1.4rem;
    margin-bottom: .4rem;
  }

  .box03_r_inner_title span {
    font-size: .6rem;
  }

  .box03_l02 img {
    width: 4rem;
    height: auto;
    margin: 0 auto;
  }

  .box03_l01,
  .box03_l02,
  .box03_l03 {
    font-size: .5rem;
  }

  .s_img {
    width: 3rem;
    height: 4.8rem;
    margin: .4rem auto 0;
    padding: .2rem;
    border-radius: .4rem;
  }



  .box03_l02 {
    margin-top: 1rem;
    margin-left: -0;
    margin-right: -0;
  }

  .big_txt {
    width: 7rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .7rem;
    margin: .4rem auto 0;
    border-radius: 1rem;
  }

  .box04 .title i,
  .box05 .title i {
    width: 5.5rem;
    height: 6rem;
    background-size: 100% 100%;
    font-size: .4rem;
    padding-top: 1.7rem;
  }

  .box04_l {
    width: 100%;
  }
  
.teacher_swiper {
  width: 100%;
  height: 11rem;
}

.teacher_swiper .swiper-container {
  width: 100% !important;
  height: 100% !important;
}

  .box04_item1 {
    width: 100%;
    height: 11rem;
    padding: .4rem;
  }

  .box04_item1 img {
    width: 100%;
    height: 6rem;
    border-radius: .4rem;
  }

  .box04_item1 div {
    width: 4rem;
    height: 1.6rem;
    border-radius: 1rem;
    margin: .4rem auto .2rem;
    font-size: .7rem;
    line-height: 1.6rem;
  }

  .box04_item1 p {
    font-size: .7rem;
  }

  .box04_item2 {
    width: 32%;
    height: 11rem;
    margin-top: .4rem;
    padding-top: .4rem;
  }

  .box04_item2_title {
    width: 100%;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    line-height: 1;
    box-sizing: border-box;
    padding: 0 .3rem;
    background-size: 100% 100%;
  }

  .box04_r {
    width: 100%;
    margin-top: .8rem;
    height: auto;
    padding: .8rem 0;
  }

  .swiper-container {
    width: 80% !important;
    height: 8rem;
  }

  .swiper-button-prev.swiper-button-white.prev {
    width: .8rem;
    height: .8rem;
    left: 0;
  }

  .swiper-button-next.swiper-button-white.next {
    width: .8rem;
    height: .8rem;
    right: 0;
  }

  .jlk_container {
    width: 70%;
    height: 10rem;
    margin: 0 auto 50px;
  }

  .jlk {
    width: 4.4rem;
    height: 2.8rem;
    border-radius: .4rem;
    padding: .2rem;
  }

  .up {
    width: 80%;
    height: auto;
  }

  .box04_r p {
    font-size: .7rem;
  }

  .box05 .title_h3 {
    line-height: 1;
    width: auto;
    height: 1.4rem;
    border-radius: 1rem;
    font-size: .7rem;
    margin: 0 auto;

  }

  .arrow_container {
    height: auto;
    margin-top: .4rem;
    padding: 1rem 6%;
    background-size: 110% 100%;
  }

  .arrow_container h3 {
    width: 68%;
    height: 1.8rem;
    line-height: 1;
    border-radius: 1rem;
  }

  .arrow_container h3 span {
    font-size: .7rem;
  }

  .arrow03 {
    width: 100%;
    margin-top: 0;
  }

  .arrow_b {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: -10px;
  }

  .arrow_b_l {
    width: 68%;
  }

  .arrow_b_r {
    width: 32%;
  }

  .arrow_b p {
    margin-top: .4rem;
    font-size: .7rem;
  }

  .arrow_b_common div {
    padding: 0 .4rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    font-size: .5rem;
    margin-top: .2rem;
  }

  .arrow_container2 {
    flex-direction: column;
  }

  .lc_l {
    width: 100%;
    height: 9.6rem;
    box-sizing: border-box;
    padding: 1rem 2%;
    margin-bottom: .8rem;
  }

  .lc_top,
  .lc_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
  }

  .lc_img {
    width: 20.5%;
    height: 6rem;
    border-radius: .4rem;
    padding: .2rem;

  }

  .lc_img_inner {
    padding: .2rem;
  }

  .lc_img img {

    width: 100%;
    height: 100%;
  }

  .arrow_big {
    width: 6%;
    margin: 0;
  }

  .lc_bottom div {
    width: 20.5%;
    height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    line-height: 1;
  }

  .lc_bottom div span {
    font-size: .5rem;

  }

  .lc_bottom img {
    width: 6%;
  }

  .lc_r {
    width: 100%;
    height: auto;
    padding: .8rem;
  }

  .lc_r_inner {
    width: 100%;
    height: auto;
    background: linear-gradient(0deg, #AC2B27, #E84526);
    border-radius: .4rem;
    padding: .4rem;
  }

  .lc_r p {
    font-size: .9rem;
    margin-top: .4rem;
  }

  .box06_list {
    flex-wrap: wrap;
  }

  .box06_item {
    width: 49%;
    height: 10rem;
    border-radius: .4rem;
    margin: .3rem 0;
  }

  .box06_title {
    width: 90%;
    height: 1.7rem;
    border-radius: 0px 0px .8rem .8rem;
    font-size: .8rem;
    margin-bottom: .4rem;
    line-height: 1.7rem;
  }

  .box06_item p {
    padding: 0 10%;
    font-size: .7rem;
    line-height: 1.4;
  }

  .box06_item p img {
    width: .3rem;
    margin-right: .2rem;
  }

  .fix_right {
    display: none;
  }



  .fix_bottom {
    display: block;
    height: 3rem;
    padding-right: 0;
    padding-top: .8rem;
    background: url(../images/fix02.png) no-repeat center center;
	bottom:0;
  }
    
  .fix_wrap {
    width: 100%;
    padding-top: 0;
    justify-content: center;
  }

  .fix01 {
    width: 12rem;
    height: 4rem;
    left: -32%;
    top: -3.6rem;
    padding-top: 7%;
    padding-left: 37%;
    background-size: 100% 100%;
  }

  .fix01 span {
    font-size: .5rem;
  }

  .fix02_lin1 {
    margin-bottom: .2rem;
  }

  .fix02_lin1 img {
    width: 1rem;
  }

  .fix02_lin1 span {
    font-size: .5rem;
    margin-right: 8px;
  }

  .fix02_lin2 h1 {
    font-size: .7rem;
  }

  .fix02_lin2 h2 {
    line-height: 1rem;
    border-radius: .1rem;
    padding: 0 .1rem;
    margin: 0 .1rem;
  }

  .fix02_lin2 h2 span {
    font-size: .6rem;
  }

  .fix02_lin2 h3 {
    font-size: .6rem;
  }

  .fix_wrap a {
    width: 3rem;
    height: 1.5rem;
    line-height: 1.3rem;
    margin-left: 0;
    background-size: 100% 100%;

  }

  .fix_wrap a span {
    font-size: .6rem;
  }

}