/*
  zoom
 */

 @keyframes zoomInOne {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1);
      -ms-transform: scale3d(.1,.1,.1);
      transform: scale3d(.1,.1,.1) ;
      bottom: 10px;
      left: 20%;
  }
  40% {
    opacity: 0.2;
  }
  50% {
      opacity: 1;
  }
}

.zoomInOne {
  -webkit-animation-name: zoomInOne;
  animation-name: zoomInOne;
  animation-direction: 2s;
}
 @keyframes zoomInOne1 {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1);
      -ms-transform: scale3d(.1,.1,.1);
      transform: scale3d(.1,.1,.1);
      bottom: unset;
      left: 20%;
      top: 60px;
  }
  40% {
    opacity: 0.2;
  }
  50% {
      opacity: 1;
  }
}

.zoomInOne1 {
  -webkit-animation-name: zoomInOne1;
  animation-name: zoomInOne1;
  animation-direction: 2s;
}
@keyframes zoomInOne2 {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1);
      -ms-transform: scale3d(.1,.1,.1);
      transform: scale3d(.1,.1,.1);
      bottom: unset;
      right: 20%;
      top: 60px;
  }
  40% {
    opacity: 0.2;
  }
  50% {
      opacity: 1;
  }
}
.zoomInOne2 {
  -webkit-animation-name: zoomInOne2;
  animation-name: zoomInOne2;
  animation-direction: 2s;
}
@keyframes zoomInOne3 {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.1,.1,.1);
      -ms-transform: scale3d(.1,.1,.1);
      transform: scale3d(.1,.1,.1);
      right: 20%;
      bottom: 10px;
  }
  40% {
    opacity: 0.2;
  }
  50% {
      opacity: 1;
  }
}
.zoomInOne3 {
  -webkit-animation-name: zoomInOne3;
  animation-name: zoomInOne3;
  animation-direction: 2s;
}

.banner_box {
  width: 100%;
  height: 697px;
  background: url('../images/banner_bg.png') center top no-repeat;
}
.banner_box .container {
  padding-top: 70px;
}
.txt1 {
  text-align: center;
  font-size: 40px;
  font-family: Microsoft YaHei;
  color: #fff;
  letter-spacing: 4px;
}
.banner-ul {
  margin: 360px auto 20px;
  width: 688px;
}
.banner-ul li {
  float: left;
  width: 212px;
  height: 61px;
  background: url('../images/li_bg.png') no-repeat center;
  margin-right: 26px;
  text-align: center;
  line-height: 50px;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f8f3f3;
}
.banner-ul li:nth-child(3) {
  margin-right: 0;
}
.txt3 {
  width: 680px;
  height: 67px;
  background: url('../images/txt_bg.png') no-repeat center;
  margin: auto;
  box-sizing: border-box;
  padding-left: 20px;
  text-align: center;
  line-height: 60px;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #d13022;
}
.box {
  margin-top: -2px;
  background: url('../images/box_bg.png') no-repeat top center;
  /* background-size: auto 100%; */
}
.box1 .container {
  padding: 53px 0 61px;
}
.box1-title {
  display: flex;
  justify-content: center;
  margin-bottom: 53px;
}
.box1-title span {
  /* height: 80px; */
  background: linear-gradient(50deg, #6a0008, #dc0b36);
  line-height: 75px;
  padding: 0 44px;
  margin: 0 21px;
  font-size: 36px;
  font-family: FZLanTingHeiS-DB-GB;
  color: #fbf8f8;
  /* font-weight: bold; */
}
.box1-word {
  height: 350px;
  background: url('../images/box1_bg.png') no-repeat center;
  position: relative;
  box-sizing: border-box;
  padding: 50px 40px 30px 40px;
}
.box1-word h2 {
  position: absolute;
  top: 0;
  left: 30px;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 30px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #be1734;
}
.box1-word p {
  font-size: 24px;
  font-family: FZLanTingHeiS-DB-GB;
  /* color: #c73e55; */
  line-height: 30px;
}
.box1-word p:first-of-type {
  margin: 20px 0;
}
.box1-ul {
  margin-top: 23px;
  box-sizing: border-box;
  padding: 0 34px 0 46px;
}
.box1-ul ul{
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}
.box1-ul li {
  float: left;
  width: 260px;
  height: 260px;
  background: #ffffff;
  box-shadow: 0px 7px 48px 9px #f1f1f0;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.box1-ul li:nth-child(2) {
  /*margin: 0 126px;*/
}
.box1-ul li h4,
.box1-ul li h2 {
  text-align: center;
  font-size: 24px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #2d2827;
  font-weight: 500;
}
.box1-ul li .detail {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 7px 48px 9px #f1f1f0;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 40px 18px;
}
.box1-ul li .detail p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2d2827;
  line-height: 30px;
  text-align: center;
}
.box2-top {
  /* height: 124px; */
  background: url('../images/zy_bg.png') no-repeat center;
  text-align: center;
  line-height: 124px;
}
.box2-top h2 {
  font-size: 50px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #faf7f7;
  margin: 30px 0;
}
.box2-ul ul {
  margin: 0 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
}
.box2-ul li {
  cursor: pointer;
  margin: 10px 5px;
}

.box-title {
  margin: 40px 66px;
  font-size: 41px;
  font-weight: bold;
  font-family: FZLanTingHeiS-DB-GB;
  color: #be1734;
  text-align: center;
  position: relative;
  white-space:nowrap;
 /*  text-shadow: 4px 3px 0px #8e172c; */
}
.box-title::before,
.box-title::after {
  /*! content: ''; */
  display: block;
  width: 90px;
  height: 121px;
  position: absolute;
  top: -37px;
}
.box-title::before {
  background: url('../images/r.png') no-repeat center;
  left: 130px;
}
.box-title::after {
  background: url('../images/l.png') no-repeat center;
  right: 120px;
}
.title {
  height: 57px;
  background: url('../images/title_bg.png') no-repeat center;
  text-align: center;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f9f4f3;
  line-height: 50px;
  box-sizing: border-box;
  padding-left: 36px;
}
.title span {
  display: inline-block;
  text-align: center;
}
.title .num {
  width: 30px;
  font-size: 36px;
  margin-right: 15px;
}
.title-word {
  width: 490px;
  font-weight: bold;
}
.box2 .container {
  padding: 26px 0 20px;
}
.box2-table table {
  width: 100%;
  border: 1px solid #b8090d;
  box-shadow: 0px 0px 30px #ec5956;
}
.box2-table table thead tr {
  /* background: linear-gradient(90deg, #e13a19, #be1314); */
  background: linear-gradient(50deg, #ce1a32, #f2655d);
  height: 60px;
}
.box2-table table thead tr th {
  font-size: 23px;
  font-family: Microsoft YaHei;
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #f00;
  border-top: none;
  border-bottom: none;
}
.box2-table table tbody td {
  border: 1px solid #e4393c;
  font-size: 16px;
  font-family: Microsoft YaHei;
  color: #333333;
  height: 58px;
  padding: 0 1em;
  text-align: center;
}
.box2-table table tbody td span {
  color: #b8090d;
}
.textal {
  text-align: left !important;
  box-sizing: border-box;
  padding: 0 25px;
}
.borderlnone {
  border-left: none !important;
}
.borderrnone {
  border-right: none !important;
}
.bordertnone {
  border-top: none !important;
}
.borderbnone {
  border-bottom: none !important;
  /* font-size: 16px; */
  /* line-height: 30px; */
  padding-top: 20px;
  padding-bottom: 20px;
}
.box2-table table tbody tr:nth-child(1) td {
  border-top: none;
}
.box2-table table thead tr th:nth-child(1) {
  width: 10%;
}
.box2-table table thead tr th:nth-child(2) {
  width: 10%;
}
.box2-table
  table
  thead
  tr
  th:nth-child(3)
  .box2-table
  table
  thead
  tr
  th:nth-child(4) {
  width: 25%;
}
.box2-table table thead tr th:nth-child(5) {
  width: 25%;
}
.box2-table .zx {
  display: block;
  width: 165px;
  height: 52px;
  background: linear-gradient(50deg, #840212, #d60b34);
  margin: auto;
  text-align: center;
  line-height: 52px;
  color: #ffffff;
  font-size: 22px;
  border-radius: 30px;
}
.table-tips {
  font-size: 22px;
  font-family: Microsoft YaHei;
  color: #333333;
  text-align: center;
  margin-top: 30px;
}
.box3 {
  padding:20px 0;
}
.box3 .container {
  padding: 26px 0 20px;
}
.box3-content {
  position: relative;
  height: 362px;
}
.have {
  position: absolute;
  width: 500px;
  height: 134px;
  background: #fcfcfc;
  box-shadow: 0px 2px 18px 0px rgba(206, 204, 204, 0.35);
  border-radius: 10px;
  box-sizing: border-box;
}
.have1,
.have3 {
  padding: 15px 54px 26px 20px;
}
.have2,
.have4 {
  padding: 20px 15px 26px 54px;
}
.have p {
  box-sizing: border-box;
  padding-left: 30px;
  background: url('../images/icon.png') no-repeat left center;
  font-size: 18px;
  font-family: Microsoft YaHei;
  color: #232020;
  line-height: 32px;
}
.have-icon {
  position: absolute;
  top: 0;
  width: 134px;
  height: 134px;
  background: #fcfcfc;
  border: 10px solid #d01214;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  font-family: FZLanTingHeiS-DB-GB;
  color: #bc3234;
}
.have-icon1 {
  right: -87px;
}
.have-icon2 {
  left: -87px;
}
.have1 {
  top: 0;
  left: 0;
}
.ns-left{
    text-align: left !important;
}
.have2 {
  top: 66px;
  right: 0;
}
.have3 {
  top: 162px;
  left: 0;
}
.have4 {
  top: 228px;
  right: 0;
}
.box3-ul {
  margin-top: 26px;
}
.box3-ul li {
  float: left;
  width: 242px;
  height: 142px;
  margin-right: 77px;
  position: relative;
}
.box3-ul li:nth-child(4) {
  margin-right: 0;
}
.box3-ul li img {
  display: block;
  width: 100%;
  height: 100%;
}
.have-head {
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
  height: 28px;
  background: #d01214;
  line-height: 26px;
  text-align: center;
  font-size: 18px;
  color: #fcfcfc;
  border-radius: 0 0 0 20px;
  box-sizing: border-box;
  padding-left: 10px;
}
.box4 .title {
  background: url('../images/title_bg4.png') no-repeat center;
}
.box4 .title-word {
  width: 458px;
}
.box4 .container {
  padding: 33px 0 53px;
}
.box4-content {
  width: 340px;
  height: 555px;
  background: #fdf9f9;
  box-shadow: 0px 2px 18px 0px rgba(206, 204, 204, 0.35);
  margin: auto;
  position: relative;
  box-sizing: border-box;
  padding: 18px 17px;
}
.box4-content li {
  height: 163px;
  margin-bottom: 15px;
}
.li-fl {
  float: left;
  width: 180px;
  height: 163px;
}
.li-fl img {
  display: block;
  width: 100%;
  height: 100%;
}
.li-fr {
  float: right;
  width: 125px;
  height: 163px;
  background: linear-gradient(121deg, #f5740c, #e61b1c);
  box-sizing: border-box;
  padding: 15px 22px;
  writing-mode: vertical-rl;
  writing-mode: tb-lr;
}
.li-fr h3 {
  float: right;
  font-size: 24px;
  color: #fdfbfa;
  line-height: 28px;
  height: 100%;
}
.li-fr p {
  float: right;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fdfbfa;
  line-height: 25px;
  height: 100%;
}
.introduce {
  position: absolute;
  box-sizing: border-box;
}
.introduce1,
.introduce2 {
  left: -380px;
  width: 380px;
}
.introduce1 {
  height: 158px;
  background: url('../images/box3_bg1.png') no-repeat center;
  top: 85px;
  padding: 15px 102px 0 37px;
}
.introduce h2 {
  font-size: 30px;
  font-family: FZLanTingHeiS-DB-GB;
  color: #161514;
  box-sizing: border-box;
  padding-left: 36px;
  line-height: 30px;
  margin-bottom: 30px;
}
.introduce p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #161514;
  line-height: 30px;
}
.introduce2 {
  height: 101px;
  background: url('../images/box3_bg2.png') no-repeat center;
  bottom: 150px;
  padding: 57px 70px 0 36px;
}
.introduce3 {
  width: 391px;
  height: 158px;
  background: url('../images/box3_bg3.png') no-repeat center;
  right: -391px;
  top: 87px;
  padding: 15px 26px 0 82px;
}
.introduce3 h2 {
  padding-left: 0;
  font-size: 25px;
}
.box6 .title {
  background: url('../images/title_bg5.png') no-repeat center;
  padding-left: 150px;
}
.box6 .title-word {
  width: 590px;
}
.box6 .container {
  padding: 242px 0 100px;
}
.box6-content {
  width: 462px;
  height: 327px;
  /*background: url('../images/bag_bg.png') no-repeat center;*/
  margin: auto;
  position: relative;
}
.zl {
  position: absolute;
  width: 390px;
  height: 221px;
}
.zl img {
  display: block;
  width: 100%;
  height: 100%;
}
.zl1 {
  left: -139px;
  bottom: 58px;

  /* transform: translateX(342px) translateY(58px); */
}
.zl2 {
  /* transform: translateX(-122px) translateY(-190px); */
  left: -122px;
  top: -190px;
}
.zl3 {
  /* transform: translateX(-432px) translateY(-190px); */
  right: -232px;
  top: -190px;
}
.zl4 {
  /* transform: translateX(-180px) translateY(58px); */

  right: -220px;
  bottom: 58px;
}
.receive {
  position: absolute;
  bottom: -35px;
  left: 112px;
  width: 274px;
  height: 75px;
  background: url('../images/zx_bg.png') no-repeat center;
  text-align: center;
  line-height: 70px;
  color: #b4251d;
  font-size: 30px;
  font-weight: 600;
  transition: all 0.3s;
}
.receive:hover {
  transform: translateY(-10px);
}
.box7  {
  padding: 41px 0 55px;
}
.box7 .container {
  padding: 41px 0 55px;
}
.box7 .title {
  background: url('../images/title_bg6.png') no-repeat center;
  padding-left: 0;
}
.box7 .title-word {
  width: 315px;
}

#pic {
  position: relative;
  overflow: hidden;
  height: 475px;
  width: 1100px;
  margin: auto;
}
#pic ul {
  width: 900px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -450px;
}
#pic li {
  position: absolute;
  background: #fff;
}
#pic .pic1 {
  top: 13px;
  left: 0;
  z-index: 3;
  opacity: 0.9;
}
#pic .pic2 {
  top: 13px;
  left: 180px;
  z-index: 3;
  opacity: 0.9;
}
#pic .pic3 {
  top: 13px;
  left: 385px;
  z-index: 3;
  opacity: 0.9;
}
#pic .pic4 {
  top: 0px;
  left: 385px;
  z-index: 4;
  opacity: 1;
}
#pic .pic5 {
  top: 13px;
  left: 385px;
  z-index: 3;
  opacity: 0.9;
}
#pic .pic6 {
  top: 13px;
  left: 385px;
  z-index: 2;
  opacity: 0.9;
}
#pic .pic7 {
  top: 13px;
  left: 385px;
  z-index: 1;
  opacity: 0.9;
}
#pic .pic4 a {
  height: 471px;
  width: 295px;
}
#pic .pic1 a,
#pic .pic3 a,
#pic .pic2 a,
#pic .pic5 a,
#pic .pic6 a,
#pic .pic7 a {
  height: 420px;
  width: 240px;
}
#pic .pic4 img {
  width: 295px;
}
#pic .pic1 img,
#pic .pic2 img,
#pic .pic3 img,
#pic .pic5 img,
#pic .pic6 img,
#pic .pic7 img {
  display: block;
  width: 240px;
  min-height: 100%;
  height: 100%;
}
#pic span {
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: 140px;
  z-index: 30;
  background: url(../images/next.png) no-repeat center;
  border-radius: 100%;
  transition: all 0.2s ease-out;
}
#pic:hover span {
  opacity: 1;
}
#pic span.prev {
  left: 15px;
  transform: rotate(180deg);
}
#pic span.next {
  right: 15px;
  background-image: url(../images/next.png);
}

.box123 .container {
  padding: 42px 0;
}
.city li {
  float: left;
  width: 134px;
  height: 51px;
  background: linear-gradient(50deg, #840212, #d60b34);
  box-shadow: 0px 8px 6px 0px rgba(199, 44, 31, 0.35);
  border-radius: 4px;
  margin: 0 8px 19px;
  line-height: 51px;
  text-align: center;
  font-size: 24px;
}
.city li a {
  display: block;
  color: #f9f8f3;
  letter-spacing: 5px;
}
.city li:hover {
  background: #e8382a;
}
.nav-fl {
  display: none;
  position: fixed;
  top: 200px;
  left: 5px;
  width: 112px;
  background: linear-gradient(50deg, #840212, #d60b34);
  box-sizing: border-box;
}
.close {
  position: absolute;
  right: 0;
  top: -25px;
  width: 18px;
  height: 18px;
  background: url('../images/close.png') no-repeat center;
}
.nav-fl li,
.nav-fr li {
  height: 53px;
  line-height: 53px;
  text-align: center;
  font-size: 16px;
  /* padding: 0 10px; */
}
.nav-fl li:hover {
  background: #fb9819;
}
.nav-fr li:last-child a,
.nav-fl li:last-child a {
  border-bottom: none;
}
.nav-fl li a,
.nav-fr li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fdf9f9;
}
.toTop {
  cursor: pointer;
}
.toTop img {
  display: block;
  margin: auto;
}
.nav-fr {
  display: none;
  position: fixed;
  top: 220px;
  right: 5px;
  width: 112px;
  background: linear-gradient(50deg, #840212, #d60b34);
  box-sizing: border-box;
  padding-bottom: 36px;
}
.nav-fr li:hover a {
  color: #f5ab0c;
}
.click-zx {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  margin: auto;
  width: 94px;
  height: 30px;
  background: linear-gradient(121deg, #f5740c, #fb9819);
  border-radius: 15px;
  line-height: 30px;
  text-align: center;
}
.click-zx a {
  display: block;
  color: #fdf9f9;
}

.box8 .container {
  padding: 41px 0 55px;
}
.box8 .title {
  background: url('../images/title_bg6.png') no-repeat center;
  padding-left: 0;
}
.box8 .title-word {
  width: 315px;
}

.box12 {

/* padding: 40px 0; */
}
.box12 .title {
  background: url('../images/title_bg5.png') no-repeat center;
  padding-left: 6px;
}
.box12-top {
  box-sizing: border-box;
  padding: 50px 30px;
}
.box12-top ul {
  border-bottom: 5px solid #fdb32b;
  height: 80px;
  position: relative;
}
.box12-top ul li {
  float: left;
  width: 20%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
}
.box12-top ul li::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #fd651f;
  border: 5px solid #fbd193;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -13px;
  margin: auto;
}
.box12-word p {
  color: #000;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
.box12-li1 {
  left: 0;
}
.box12-li2 {
  left: 20%;
}
.box12-li3 {
  left: 40%;
}
.box12-li4 {
  right: 20%;
}
.box12-li5 {
  right: 0;
}
.box12-title {
  margin: 47px 0 35px;
  text-align: center;
  font-size: 30px;
  color: #e33919;
  font-weight: 600;
}
.box12-swiper {
  position: relative;
}
.img-box {
  width: 292px;
  height: 229px;
  background: #ffffff;
}
.img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  width: 24px;
  height: 47px;
}
.swiper-button-prev {
  background: url("../images/prev.png") no-repeat center;
  left: 0;
}
.swiper-button-next {
  background: url("../images/next.png") no-repeat center;
  right: 0;
}
.box13-content {
  padding: 188px 124px 88px;
}
  .box13-content {
  height: 689px;
  background: url("../images/box2_bg.png") no-repeat center;
  box-sizing: border-box;
  position: relative;
}

.box13-title {
  text-align: center;
  font-size: 22px;
  color: #000;
  margin-bottom: 20px;
}
.box13-center {
  height: 384px;
  background: url("../images/box3_center_bg.png") no-repeat -40px center;
  position: relative;
}
.box13-center li {
  position: absolute;
  display: flex;
  align-items: center;
  color: #d02817;
  font-size: 26px;
  font-weight: 600;
}
.box13-center li p {
  line-height: 30px;
}
.box13-center li img {
  display: block;
  margin-right: 20px;
}
.box13-li1 {
  top: 110px;
  left: 70px;
}
.box13-center li::before,
.box13-center li::after {
  content: "";
  display: block;
  position: absolute;
}
.box13-center li::before {
  width: 1px;
  background-color: rgb(237, 55, 36);
  left: 117px;
  top: 80px;
}
.box13-center li::after {
  width: 15px;
  height: 15px;
  border: 5px solid #f6a18f;
  border-radius: 50%;
  background-color: rgb(237, 55, 36);
  left: 105px;
}
.box13-center .box13-li1::before {
  height: 34px;
}
.box13-center .box13-li1::after {
  top: 108px;
}
.box13-li2 {
  top: 68px;
  left: 306px;
}
.box13-center .box13-li2::before {
  height: 65px;
}
.box13-center .box13-li2::after {
  top: 139px;
}
.box13-li3 {
  top: 30px;
  right: 190px;
}
.box13-center .box13-li3::before {
  height: 60px;
}
.box13-center .box13-li3::after {
  top: 125px;
}
.box13-li4 {
  bottom: 20px;
  left: 255px;
}
.box13-center .box13-li4::before {
  height: 40px;
  top: -35px;
}
.box13-center .box13-li4::after {
  top: -53px;
}
.box13-li5 {
  bottom: 98px;
  right: 150px;
}
.box13-center .box13-li5::before {
  height: 40px;
  top: -35px;
}
.box13-center .box13-li5::after {
  top: -53px;
}
.box14 {
  margin: 50px 0;
}
.box14-content {
  padding: 40px 151px 40px 157px;
  margin-top: 40px;
}
  .box14-content {
  height: 480px;
  background: url("../images/box2_bg.png") no-repeat center;
  box-sizing: border-box;
  position: relative;
}

.box14 .title,
.box15 .title {
      height: 57px;
    background: url(../images/title_bg.png) no-repeat center;
    text-align: center;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #f9f4f3;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 36px;
}
.box14 .box12-title {
  margin: 20px 0 34px;
}
.box14-swiper {
  position: relative;
}
.box14-img {
  width: 300px;
  height: 340px;
}
.box14-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.box14-plan {
  margin-top: 4px;
  width: 207px;
  height: 85px;
  background: rgba(251, 209, 147, 0.64);
  border-radius: 13px;
  text-align: center;
  box-sizing: border-box;
  padding: 18px 10px;
  color: #bb1518;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: none;
}
.box14-swiper .swiper-button-prev {
  left: -47px;
}
.box14-swiper .swiper-button-next {
  right: -47px;
}
.box15 {

  padding-top: 60px ;
}
.box15-content {
  height: 942px;
  /* background: url("../images/box5_bg.png") no-repeat center; */
  box-sizing: border-box;
  padding: 60px 120px 40px 120px;
}
.box15_top {
  display: flex;
  position: relative;
  justify-content: center;
}
.box15_top::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: url("../images/ul_before.png") no-repeat center;
}
.box15_top li {
  position: relative;
  text-align: center;
  width: 33%;
}
.box15_top li::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  bottom: -7px;
  width: 20px;
  height: 20px;
  background: #ef4224;
  border: 4px solid #fcd193;
  border-radius: 50%;
}
.box15_top li .li-title {
  line-height: 40px;
  font-size: 26px;
  color: #e33919;
  font-weight: 600;
}
.box15_top li p {
  font-size: 18px;
  color: #333;
  line-height: 22px;
  text-align: center;
}
.box5_top li img {
  display: block;
  margin: 15px auto 25px;
}
.box15 .box2-title {
  margin: 28px 0 27px;
}
.box15-swiper .swiper-container {
  padding-bottom: 58px;
}

.box16_list{
    position: relative;
    margin-bottom: 50px;
}
.box16_list::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 15px;
    /* background-image: url("../images/box6_border.png"); */
    background-size: 100%;
}
.box16_list li{
    float: left;
    width: 240px;
    height: 260px;
    box-sizing: border-box;
    padding-top: 30px;
}
.box16_list li:nth-child(odd){
    background: #f8f8f8;
}
.box16_list li:nth-child(even){
    background: #f2f2f2;
}
.box16_list_title{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.box16_list_title span{
    width:40px;
    line-height:44px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background:linear-gradient(90deg,rgba(237,201,148,1),rgba(186,151,94,1));
}
.box16_list_title p{
    line-height:44px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    padding: 0 30px;
    border-radius: 0 22px 22px 0;
    color: #fff;
    background:linear-gradient(90deg,rgba(198,53,42,1),rgba(132,25,16,1));
}
.box16_list li>p{
    line-height: 30px;
    padding: 0 30px;
    font-size: 18px;
    color: #333;
    box-sizing: border-box;
}





.teacher-box {
  width: 286px;
  height: 388px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 1);
  border: 5px solid;
  border-image: linear-gradient(90deg, #eb3323, #f76f23) 5 5;
  position: relative;
}
.teacher-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.teacher-detail {
  position: absolute;
  bottom: 0;
  height: 200px;
  background: url("../images/tea_detail.png") no-repeat center;
  box-sizing: border-box;
  padding: 35px 15px 24px;
}
.tea-name {
  font-size: 17px;
  color: #fff;
  margin-bottom: 10px;
  line-height: 21px;
}
.tea-name span {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 9px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  color: #eb3323;
  font-size: 14px;
  line-height: 21px;
  margin-left: 15px;
  margin-top: -1px;
}
.teacher-detail p {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 23px;
  height: 7px;
  background: #8f090f;
  border-radius: 5px;
}
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #8f090f;
  border-radius: 50%;
}






#pic01 {
  position: relative;
  overflow: hidden;
  height: 475px;
  width: 1100px;
  margin: auto;
}
#pic01 ul {
  width: 900px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -450px;
}
#pic01 li {
  position: absolute;
  background: #fff;
}
#pic01 .pic1 {
  top: 13px;
  left: 0;
  z-index: 3;
  opacity: 0.9;
}
#pic01 .pic2 {
  top: 13px;
  left: 180px;
  z-index: 3;
  opacity: 0.9;
}
#pic01 .pic3 {
  top: 13px;
  left: 385px;
  z-index: 3;
  opacity: 0.9;
}
#pic01 .pic4 {
  top: 0px;
  left: 385px;
  z-index: 4;
  opacity: 1;
}
#pic01 .pic5 {
  top: 13px;
  left: 385px;
  z-index: 3;
  opacity: 0.9;
}
#pic01 .pic6 {
  top: 13px;
  left: 385px;
  z-index: 2;
  opacity: 0.9;
}
#pic01 .pic7 {
  top: 13px;
  left: 385px;
  z-index: 1;
  opacity: 0.9;
}
#pic01 .pic4 a {
  height: 471px;
  width: 295px;
}
#pic01 .pic1 a,
#pic01 .pic3 a,
#pic01 .pic2 a,
#pic01 .pic5 a,
#pic01 .pic6 a,
#pic01 .pic7 a {
  height: 420px;
  width: 240px;
}
#pic01 .pic4 img {
  width: 295px;
}
#pic01 .pic1 img,
#pic01 .pic2 img,
#pic01 .pic3 img,
#pic01 .pic5 img,
#pic01 .pic6 img,
#pic01 .pic7 img {
  display: block;
  width: 240px;
  min-height: 100%;
  height: 100%;
}
#pic01 span {
  display: block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  position: absolute;
  top: 140px;
  z-index: 30;
  background: url(../images/next.png) no-repeat center;
  border-radius: 100%;
  transition: all 0.2s ease-out;
}
#pic01:hover span {
  opacity: 1;
}
#pic01 span.prev {
  left: 15px;
  transform: rotate(180deg);
}
#pic01 span.next {
  right: 15px;
  background-image: url(../images/next.png);
}

.box11-content {
  padding: 193px 143px 70px 147px;
}


.box11-top {
  box-sizing: border-box;
  padding: 0 30px;
}
.box11-top ul {
  border-bottom: 5px solid #fdb32b;
  height: 80px;
  position: relative;
}
.box11-top ul li {
  float: left;
  width: 20%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
}
.box11-top ul li::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #fd651f;
  border: 5px solid #fbd193;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -13px;
  margin: auto;
}
.box11-word p {
  color: #000;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
.box11-li1 {
  left: 0;
}
.box11-li2 {
  left: 20%;
}
.box11-li3 {
  left: 40%;
}
.box11-li4 {
  right: 20%;
}
.box11-li5 {
  right: 0;
}
.box11-title {
  margin: 47px 0 35px;
  text-align: center;
  font-size: 30px;
  color: #e33919;
  font-weight: 600;
}
.box9-swiper {
  position: relative;
}
.img-box {
  width: 390px;
  height: 229px;
  background: #ffffff;
}
.img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  width: 24px;
  height: 47px;
}
.swiper-button-prev {
  background: url("../images/prev.png") no-repeat center;
  left: 0;
}
.swiper-button-next {
  background: url("../images/next.png") no-repeat center;
  right: 0;
}





@media only all and (max-width: 1080px) {
  .banner_box {
    width: 100%;
    height: 15rem;
    background-size: 220% 96%;
  }
  .banner_box .container {
    padding-top: 1rem;
  }
  .txt1 {
    font-size: .8rem;
    letter-spacing: 0.2rem;
    margin-top: 1.5em;
  }
  .banner-ul {
    margin: 5rem auto 0.5rem;
    width: 100%;
  }
  .banner-ul li {
    width: 31%;
    height: 1.5rem;
    background-size: 100% 100%;
    margin-right: 2%;
    line-height: 1.4rem;
    padding-left: 0.5rem;
    font-size: 0.8rem;
  }
  .txt3 {
    width: 16rem;
    height: 1.5rem;
    background-size: 100% 100%;
    padding-left: 0.5rem;
    line-height: 1.4rem;
    font-size: 0.65rem;
  }
  .box {
    margin-top: -2px;
    background: url('../images/box_bg.png') no-repeat top center;
    background-size: auto 100%;
  }
  .box1 .container {
    padding: 1rem 0;
  }
  .box1-title {
    margin-bottom: 1.5rem;
  }
  .box1-title span {
    height: 2rem;
    line-height: 1.9rem;
    padding: 0 1rem;
    margin: 0 0.5rem;
    font-size: 1rem;
  }
  .box1-word {
    height: auto;
    background: none;
    padding: 1.5rem 0.5rem 1rem;
    border: 1px solid #d83220;
  }
  .box1-word h2 {
    top: 0.2rem;
    left: 0.5rem;
    font-size: 0.8rem;
  }
  .box1-word p {
    font-size: 0.7rem;
    line-height: 1rem;
  }
  .box1-ul {
    margin-top: 0.5rem;
    padding: 0;
  }
  .box1-ul li {
    width: 9rem;
    height: 9rem;
  }
  .box1-ul li:nth-child(2) {
    /*margin: 0 0 0 2%;*/
  }
  .box1-ul li h4,
  .box1-ul li h2 {
    font-size: 0.8rem;
  }
  .box1-ul li:nth-child(3) {
    /*margin-left: 25%;*/
  }
  .box1-ul li .detail {
    width: 100%;
    height: 100%;
    padding: 1rem 0.8rem;
  }
  .box1-ul li .detail p {
    font-size: 0.6rem;
    line-height: 0.8rem;
  }
  .box2-top {
    /* height: 3rem; */
    background-size: auto 100%;
    line-height: 3rem;
  }
  .box2-top h2 {
    font-size: 1rem;
    margin: .5rem 0;
  }
  .box-title {
    margin: 1rem 0.1rem;
    font-size: 0.6rem;
	  white-space:normal;
  }
  .box-title::before,
  .box-title::after {
    width: 2rem;
    height: 3rem;
    top: -1rem;
  }
  .box-title::before {
    background-size: 100%;
    left: 1rem;
  }
  .box-title::after {
    background-size: 100%;
    right: 1rem;
  }
  .title {
    height: 1.7rem;
    background-size: auto 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 0;
  }
  .title .num {
    width: 1rem;
    font-size: 0.8rem;
    margin-right: 0.5rem;
  }
  .title-word {
    width: 13.4rem;
  }
  .box2 .container {
    padding: 0.5rem 0 1rem;
  }
  .box2-table table thead tr {
    height: 1.5rem;
  }
  .box2-table table thead tr th {
    font-size: 0.6rem;
  }
  .box2-table table tbody td {
    border: 0.05rem solid rgba(169, 169, 169, 0.3);
    font-size: 0.6rem;
    height: 1.5rem;
    line-height: 0.8rem;
    padding: 0.2rem;
  }
  .textal {
    padding: 0 0.2rem;
  }
  .box2-table .zx {
    width: 3rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
  }
  .table-tips {
    font-size: 0.6rem;
    margin-top: 0.2rem;
  }
  .box3 .container {
    padding: .5rem 0;
  }
  .box3-content {
    height: 19rem;
  }
  .have {
    width: 80%;
    height: 4.5rem;
    border-radius: 0.25rem;
  }
  .have1,
  .have3 {
    padding: 0.4rem 1rem 0.5rem 0.5rem;
  }
  .have2,
  .have4 {
    padding: 0.5rem 0.4rem 0.5rem 1rem;
  }
  .have p {
    padding-left: 0.7rem;
    background-size: 0.5rem;
    font-size: 0.6rem;
    line-height: 0.8rem;
  }
  .have-icon {
    width: 3.5rem;
    height: 3.5rem;
    border: 0.2rem solid #d01214;
    font-size: 0.6rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .have-icon1 {
    right: -2.5rem;
  }
  .have-icon2 {
    left: -2.5rem;
  }
  .have1 {
    top: 0;
    left: 0;
  }
  .have2 {
    top: 5rem;
    right: 0;
  }
  .have3 {
    top: 10rem;
    left: 0;
  }
  .have4 {
    top: 15rem;
    right: 0;
  }
  .box3-ul {
    margin-top: 1rem;
  }
  .box3-ul li {
    width: 49%;
    height: 6rem;
    margin-right: 2%;
    margin-bottom: 0.5rem;
  }
  .box3-ul li:nth-child(2n) {
    margin-right: 0;
  }
  .have-head {
    width: 2.7rem;
    height: 1.3rem;
    line-height: 1.2rem;
    font-size: 0.75rem;
    border-radius: 0 0 0 1rem;
    padding-left: 0.5rem;
  }
  .box4 .title {
    background-size: auto 100%;
  }
  .box4 .title-word {
    width: 13rem;
  }
  .box4 .container {
    padding: 0.8rem 0 1rem;
  }
  .box4-content {
    width: 50%;
    height: 17rem;
    padding: 0.5rem;
  }
  .box4-content li {
    height: 5rem;
    margin-bottom: 0.4rem;
  }
  .li-fl {
    width: 4rem;
    height: 5rem;
  }
  .li-fr {
    width: 4rem;
    height: 5rem;
    padding: 0.4rem;
  }
  .li-fr h3 {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  .li-fr p {
    font-size: 0.6rem;
    line-height: 0.85rem;
  }
  .introduce1,
  .introduce2 {
    left: -4.5rem;
    width: 4.5rem;
  }
  .introduce1 {
    height: 3.5rem;
    background-size: 100% auto;
    top: 2rem;
    padding: 0.4rem 0.3rem 0 0.2rem;
  }
  .introduce h2 {
    font-size: 0.75rem;
    padding-left: 0.5rem;
    line-height: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .introduce p {
    font-size: 0.6rem;
    line-height: 0.75rem;
  }
  .introduce2 {
    height: 2rem;
    background-size: 100% auto;
    bottom: 2rem;
    padding: 0.5rem 0 0;
  }
  .introduce3 {
    width: 4.5rem;
    height: 6rem;
    background-size: 100% auto;
    right: -4.5rem;
    top: 2rem;
    padding: 0.4rem 0.5rem;
  }
  .introduce3 h2 {
    padding-left: 0;
    font-size: 0.7rem;
    text-align: center;
  }
  .box6 .title {
    background-size: auto 100%;
    padding-left: 0;
  }
  .box6 .title-word {
    width: 13rem;
  }
  .box6 .container {
    padding: 6rem 0 2rem;
  }
  .box6-content {
    width: 50%;
    height: 6rem;
    background-size: 100%;
  }
  .zl {
    width: 5rem;
    height: 4rem;
  }
  .zl1 {
    left: -1rem;
    bottom: 2rem;
  }
  .zl2 {
    left: -1rem;
    top: -5rem;
  }
  .zl3 {
    right: -1rem;
    top: -5rem;
  }
  .zl4 {
    right: -1rem;
    bottom: 2rem;
  }
  .receive {
    bottom: -1.5rem;
    left: 2rem;
    width: 5.5rem;
    height: 2rem;
    background-size: 100% 100%;
    line-height: 1.8rem;
    font-size: 0.75rem;
  }
  .receive:hover {
    transform: translateY(-0.2rem);
  }
  .box7 .container {
    padding: .5rem 0;
  }
  .box7 .title {
    background-size: auto 100%;
    padding-left: 0;
  }
  .box7 .title-word {
    width: 9rem;
  }

  #pic {
    height: 16.7rem;
    width: 16.5rem;
    margin: 1.5rem auto;
  }
  #pic ul {
    width: 15.2rem;
    height: 100%;
    left: 56%;
    margin-left: -8.5rem;
  }
  #pic .pic1 {
    top: 0.325rem;
    z-index: 2;
  }
  #pic .pic2 {
    top: 0;
    left: 2.6rem;

  }
  #pic .pic3 {
    top: 0.325rem;
    left: 4.25rem;
    z-index: 2;
  }
  #pic .pic4 {
    top: 0.325rem;
    left: 4.25rem;
    z-index: 2;
  }
  #pic .pic5 {
    top: 0.325rem;
    left: 4.25rem;
    z-index: 2;
  }
  #pic .pic6 {
    top: 0.325rem;
    left: 4.25rem;
    z-index: 2;
  }
  #pic .pic7 {
    top: 0.325rem;
    left: 4.25rem;
    z-index: 2;
  }
  #pic .pic2 a {
    height: 7.7rem;
    width: 10.975rem;

  }
  #pic .pic1 a,
  #pic .pic3 a,
  #pic .pic4 a,
  #pic .pic5 a {
    height: 7rem;
    width: 9.875rem;
  }
  #pic .pic2 img {
    width: 10.975rem;
  }
  #pic .pic1 img,
  #pic .pic3 img,
  #pic .pic4 img,
  #pic .pic5 img {
    width: 9.875rem;
  }
  #pic span {
    width: 1rem;
    height: 1rem;
    top: calc(50% - 0.5rem);
  }
  #pic span.prev {
    left: 0;
    background-size: 100%;
  }
  #pic span.next {
    right: 0;
    background-size: 100%;
  }

  .box123 .container {
    padding: 1rem 0;
  }
  .city li {
    width: 24%;
    height: 2rem;
    box-shadow: 0px 0.2rem 0.125rem 0px rgba(199, 44, 31, 0.35);
    border-radius: 0.1rem;
    margin: 0 0.5% 0.5rem;
    line-height: 2rem;
    font-size: 0.7rem;
  }
  .city li a {
    letter-spacing: 0.1rem;
  }



   .box12 {
    margin: .5rem 0;
  }
  .box12-content {
    padding: 2rem 0.5rem 1rem;
  }

  .box12-top {
    padding: 0 0.5rem;
  }
  .box12-top ul {
    border-bottom: 0.125rem solid #fdb32b;
    height: 2rem;
    margin-bottom: 3rem;
  }
  .box12-top ul li {
    float: left;
    width: 33%;
    height: 3rem;
    bottom: 0;
  }
  .box12-top ul li::after {
    width: 0.4rem;
    height: 0.4rem;
    border: 0.1rem solid #fbd193;
    border-radius: 50%;
    bottom: -0.4rem;
  }
  .box12-word p {
    font-size: 0.7rem;
    line-height: 0.9rem;
  }
  .box12-li1 {
    left: 0;
  }
  .box12-li2 {
    left: 20%;
    bottom: -3rem !important;
  }
  .box12-li3 {
    left: 35%;
  }
  .box12-li4 {
    right: 15%;
    bottom: -3rem !important;
  }
  .box12-li5 {
    right: 0;
  }
  .box12-top ul .box12-li4::after,
  .box12-top ul .box12-li2::after {
    top: -3.2rem;
  }
  .box12-title {
    margin: .5rem 0 0.5rem;
    font-size: 1rem;
  }
  .img-box {
    width: 99%;
    height: 7rem;
    box-sizing: border-box;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 0.7rem;
    height: 1.4rem;
    top: 57%;
  }
  .swiper-button-prev {
    background-size: 100%;
  }
  .swiper-button-next {
    background-size: 100%;
  }
  .box13-content {
    padding: 2rem 0.5rem 1rem;
  }
  .box13-title {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
  }
  .box13-center {
    height: 10rem;
    background-size: 100%;
    background-position: center;
  }
  .box13-center li {
    font-size: 0.7rem;
    line-height: 0.9rem;
  }
  .box13-center li p {
    line-height: 0.9rem;
  }
  .box13-center li img {
    width: 1.5rem;
    margin-right: 0.2rem;
  }
  .box13-li1 {
    top: 2.5rem;
    left: 0rem;
  }
  .box13-center li::before {
    left: 3rem;
    top: 2rem;
  }
  .box13-center li::after {
    width: 0.4rem;
    height: 0.4rem;
    border: 0.2rem solid #f6a18f;
    left: 2.6rem;
  }
  .box13-center .box13-li1::before {
    height: 1rem;
  }
  .box13-center .box13-li1::after {
    top: 3rem;
  }
  .box13-li2 {
    top: 0rem;
    left: 5rem;
  }
  .box13-center .box13-li2::before {
    height: 3rem;
  }
  .box13-center .box13-li2::after {
    top: 5rem;
  }
  .box13-li3 {
    top: 0rem;
    right: 1rem;
  }
  .box13-center .box13-li3::before {
    height: 1.5rem;
  }
  .box13-center .box13-li3::after {
    top: 3rem;
  }
  .box13-li4 {
    bottom: 0.5rem;
    left: 2rem;
  }
  .box13-center .box13-li4::before {
    height: 1.5rem;
    top: -1.5rem;
  }
  .box13-center .box13-li4::after {
    top: -2.2rem;
  }
  .box13-li5 {
    bottom: 2rem;
    right: 3rem;
  }
  .box13-center .box13-li5::before {
    height: 1.5rem;
    top: -1.5rem;
  }
  .box13-center .box13-li5::after {
    top: -2rem;
  }




  .box14 {
    margin: 1.5rem 0;
  }
  .box14-content {
    padding: 0.5rem 0.7rem 1rem;
    /* padding-top:.2rem; */
  }
.box3 {
  padding:.5rem 0;
}

  .box14 .title,
  .box15 .title {
	   width: 100%;
	   background-size: 100%;
	   height: 1.6rem;
	   background: url(../images/title_bg.png) no-repeat center;
	   text-align: center;
	   font-size: .75rem;
	   font-family: Microsoft YaHei;
	   font-weight: 400;
	   color: #f9f4f3;
	   line-height: 1.6rem;
	   box-sizing: border-box;
	   padding-left: 2rem;
}








  .box14 .box12-title {
    margin: 0.5rem 0 0.8rem;
  }
  .box14-img {
    width: 100%;
    height: 9rem;
  }
  .box14-plan {
    margin-top: 0.1rem;
    width: 100%;
    height: 2.5rem;
    border-radius: 0.4rem;
    padding: 0.5rem 0.2rem;
    font-size: 0.7rem;
    line-height: 0.9rem;
  }
  .box14-swiper .swiper-button-prev {
    left: -0.7rem;
  }
  .box14-swiper .swiper-button-next {
    right: -0.7rem;
  }
  .box15-content {
    padding: 1rem 0.5rem 1rem;
    height: 36rem;
  }
  .box15_top::before {
    height: 0.1rem;
    background-size: 100%;
  }
  .box15_top li {
    width: 33%;
  }
  .box15_top li::after {
    bottom: -0.3rem;
    width: 0.8rem;
    height: 0.8rem;
  }
  .box15-word {
    min-height: 3.5rem;
  }
  .box15_top li .li-title {
    line-height: 0.8rem;
    font-size: 0.6rem;
  }
  .box15_top li p {
    font-size: 0.5rem;
    line-height: 0.8rem;
  }
  .box15_top li img {
    width: 1.5rem;
    margin: 0.4rem auto 0.6rem;
  }
  .box15-swiper {
    margin-top: 1rem;
  }
  .box15-swiper .swiper-container {
    padding-bottom: 1.8rem;
  }
  .teacher-box {
    width: 8rem;
    height: 11rem;
    border: 0.1rem solid;
    border-image: linear-gradient(90deg, #eb3323, #f76f23) 5 5;
  }
  .teacher-detail {
    height: 6rem;
    background-size: 110% 100%;
    padding: 1rem 0.5rem 0.6rem;
    bottom: -2px;
    left: -1px;
    right: -1px;
  }
  .tea-name {
    font-size: 0.6rem;
    margin-bottom: 0.2rem;
    line-height: 0.7rem;
  }
  .tea-name span {
    padding: 0 0.4rem;
    border-radius: 0.5rem;
    font-size: 0.5rem;
    line-height: 0.7rem;
    margin-left: 0.2rem;
  }
  .teacher-detail p {
    font-size: 0.5rem;
    line-height: 0.7rem;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.7rem;
    height: 0.25rem;
    border-radius: 0.125rem;
  }
  .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.25rem;
  }
  .box14-content {
  height: 13rem;
  background: url("../images/box2_bg.png") no-repeat center;
  box-sizing: border-box;
  position: relative;
  margin-top: 0.2rem;
}

  .box16_list{
    position: relative;
    margin-bottom: 1rem;
}
.box16_list::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    /* bottom: -15px; */
    /* height: 15px; */
    /* background-image: url("../images/box6_border.png"); */
    background-size: 100%;
}
.box16_list li{
    float: left;
    width: 8.6rem;
    height: 9rem;
    box-sizing: border-box;
    padding-top: .5rem;
    padding-left: 0.4rem;
}
.box16_list li:nth-child(odd){
    background: #f8f8f8;
}
.box16_list li:nth-child(even){
    background: #f2f2f2;
}
.box16_list_title{
    display: flex;
    justify-content: flex-start;
    margin-bottom: .5rem;
}
.box16_list_title span{
    width: 2.0rem;
    line-height: 1.6rem;
    font-size: .08rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background:linear-gradient(90deg,rgba(237,201,148,1),rgba(186,151,94,1));
}
.box16_list_title p{
    line-height: 1.6rem;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    padding: 0 1.0rem;
    border-radius: 0 3rem 3rem 0;
    color: #fff;
    background:linear-gradient(90deg,rgba(198,53,42,1),rgba(132,25,16,1));
}
.box16_list li>p{
    line-height: 1.4rem;
    padding: 0 .5rem;
    font-size: 0.7rem;
    color: #333;
    box-sizing: border-box;
}





.teacher-box {
  width: 8.4rem;
  height: 12rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 1);
  border: .1rem;
  border-image: linear-gradient(90deg, #eb3323, #f76f23) 5 5;
  position: relative;
}
.teacher-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.teacher-detail {
  position: absolute;
  /* bottom: 0; */
  height: 7.5rem;
  /* background: url("../images/tea_detail.png") no-repeat center; */
  box-sizing: border-box;
  padding: .2rem;
}
.tea-name {
  font-size: .8rem;
  color: #fff;
  margin-bottom: .2rem;
  line-height: 1.5rem;
}
.tea-name span {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 9px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  color: #eb3323;
  font-size: 14px;
  line-height: 21px;
  margin-left: 15px;
  margin-top: -1px;
  max-width:93px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.teacher-detail p {
  font-size: .6rem;
  color: #fff;
  line-height: 1.0rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 23px;
  height: 7px;
  background: #8f090f;
  border-radius: 5px;
}
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #8f090f;
  border-radius: 50%;
}

.box7  {
  padding: 0rem;
}

.nav-fr {
  display: none;
}








}