@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1;
  }
  60% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1;
  }
  60% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

body {
  margin: 0 auto;
  overflow-x: hidden;
  height: 100%;
  min-width: 320px;
  max-width: 480px;
}

body .box1 {
  width: 100%;
  height: 15.5rem;
  background: url(../images/banner.jpg) no-repeat;
  background-size: 100%;
}

body .box2 {
  width: 100%;
  height: 11.7rem;
  background: url(../images/bg1.jpg) center no-repeat;
  background-size: 100%;
  padding-top: 1.25rem;
}

body .box2 .video-box {
  margin: 0 auto;
  width: 16.55rem;
  height: 9.5rem;
  padding: 0.375rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0.075rem 0.4rem 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0px 0.075rem 0.4rem 0 rgba(0, 0, 0, 0.24);
}

body .box2 .video-box .player {
  width: 16.55rem;
  height: 9.5rem;
  border: solid 0.45rem #33353c;
}

body .box3 {
  width: 100%;
  height: 32.325rem;
  background: url(../images/bg2.jpg) center no-repeat;
  background-size: 100%;
  padding-top: 1.25rem;
}

body .box3 .title {
  width: 17.3rem;
  height: 1.675rem;
  display: block;
  margin: 0 auto;
}

body .box3 .content {
  width: 17.25rem;
  height: 15rem;
  margin: 1.125rem auto 0;
}

body .box3 .content p {
  width: 15.25rem;
  margin: 0 auto;
  font-size: 0.55rem;
  line-height: 0.75rem;
  color: #000000;
}

body .box3 .content p span {
  color: #434343;
}

body .box3 .content .table {
  width: 16.85rem;
  height: 9.675rem;
  display: block;
  margin: 0.25rem auto;
}

body .box3 a {
  width: 10.1rem;
  height: 1.1rem;
  display: block;
  margin: 0 auto 0.5rem;
}

body .box3 a img {
  width: 100%;
  height: 100%;
}

body .box3 .title2 {
  width: 16.9rem;
  height: 1.675rem;
  display: block;
  margin: 1.85rem auto 0.5rem;
}

body .box3 ul {
  width: 17.25rem;
  margin: 0.75rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .box3 ul li {
  width: 5.25rem;
  position: relative;
}

body .box3 ul li .picture {
  width: 5.425rem;
  height: 7.9rem;
}

body .box3 ul li p {
  position: absolute;
  bottom: 2.1rem;
  left: 1.55rem;
  font-size: 0.55rem;
  line-height: 0.65rem;
  color: #ffffff;
}

body .box4 {
  width: 100%;
  height: 12.9rem;
  background: url(../images/bg3.png) center no-repeat;
  background-size: 100%;
  padding-top: 4.725rem;
	position: relative;
	z-index: 999;
	margin-top: -1rem;
	margin-bottom: -3rem;
}

body .box4 h2 {
  text-align: center;
  font-size: 0.55rem;
  color: #2d2d2d;
  margin-top: -1.375rem;
}

body .box4 .btn-box {
  width: 17.2rem;
  height: 11.775rem;
  margin: 0 auto;
  position: relative;
}

body .box4 .btn-box .btn {
  position: absolute;
  width: 3.325rem;
  height: 3.325rem;
}

body .box4 .btn-box .btn1 {
  top: 6.3rem;
  left: 0.625rem;
}

body .box4 .btn-box .btn2 {
  top: 2.875rem;
  left: 2.625rem;
}

body .box4 .btn-box .btn3 {
  top: 0.625rem;
  left: 6rem;
}

body .box4 .btn-box .btn4 {
  top: 1.125rem;
  left: 10rem;
}

body .box4 .btn-box .btn5 {
  top: 4rem;
  left: 12.8rem;
}

body .box4 .btn-box .btn6 {
  top: 7.75rem;
  left: 13.25rem;
}

body .box4 ul {
  width: 17.25rem;
  margin: 0.5rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .box4 ul li {
  width: 5.4rem;
  height: 8.975rem;
}

body .box4 ul li .coup {
  width: 100%;
  height: 100%;
}

body .box4 ul li h3 {
  margin: -7rem 0 1.125rem 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffffff;
}

body .box4 ul li p {
  font-size: 0.5rem;
  line-height: 0.7rem;
  width: 4.05rem;
  color: #000000;
  position: relative;
  margin-bottom: 0.2rem;
  margin-left: 0.65rem;
}

body .box4 ul li p img {
  position: absolute;
  width: 0.475rem;
  height: 0.475rem;
  left: -0.625rem;
  top: 0.075rem;
}

body .box4 ul li:first-child p {
  margin-bottom: 0.8rem;
}

body .box5 {
  width: 100%;
  height: 15.6rem;
  background: url(../images/bg4.jpg) center no-repeat;
  background-size: 100%;
}

body .box6 {
  width: 100%;
  height: 19.9rem;
  background: url(../images/bg5.jpg) center no-repeat;
  background-size: 100%;
  padding-top:0rem;
	position: relative;
}

body .box6 .school_swiper {
  width: 17.25rem;
  height: 12.6rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0.2rem 0px rgba(144, 144, 144, 0.57);
          box-shadow: 0px 0px 0.2rem 0px rgba(144, 144, 144, 0.57);
}

body .box6 .school_swiper .swiper-slide-img li {
  height: 1.375rem;
  padding: 0.625rem 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: dashed 1px #aaaaaa;
  font-size: 0.55rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333333;
}

body .box6 .school_swiper .swiper-slide-img li div {
  width: 11.125rem;
}

body .box6 .school_swiper .swiper-slide-img li .yellow {
  color: #13707b;
}

body .box6 .school_swiper .swiper-slide-img li .course_btn {
  width: 2.625rem;
  height: 1.1rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f39800), to(#f39800)), -webkit-gradient(linear, left bottom, left top, from(#0b50ba), to(#cd63a9)), -webkit-gradient(linear, left top, left bottom, from(#eefe08), to(#eefe08));
  background-image: linear-gradient(#f39800, #f39800), linear-gradient(0deg, #0b50ba 0%, #cd63a9 100%), linear-gradient(#eefe08, #eefe08);
  background-blend-mode: normal, normal, normal;
  border-radius: 0.55rem;
  font-size: 0.5rem;
  line-height: 1.1rem;
  color: #ffffff;
  position: relative;
  padding-left: 1.15rem;
}

body .box6 .school_swiper .swiper-slide-img li .course_btn i {
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
}

body .box6 .school_swiper .school_pagination {
  margin-top: -1.25rem;
  text-align: center;
}

body .box6 .school_swiper .swiper-pagination-bullet {
  background-color: #2c2c2c;
}

body .box6 .school_swiper .swiper-pagination-bullet-active {
  background-color: #dda100;
}

body .box6 .btn {
  width: 7.125rem;
  height: 1.325rem;
  display: block;
  margin: 0.9rem auto 0.5rem;
}

body .box6 .btn img {
  width: 100%;
  height: 100%;
}

body .box7 {
  width: 100%;
  height: 16.95rem;
  background: url(../images/bg7.jpg) center no-repeat;
  background-size: 100%;
}

body .box7 .line {
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: #000000;
  width: 15.375rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 4.625rem;
}

body .box7 .swiper-container {
  width: 17.275rem;
  margin: 0.75rem auto;
}

body .box7 .swiper-container .reasonTwo_slide {
  width: 17.275rem;
  height: 7.875rem;
}

body .box7 .swiper-container .reasonTwo_slide img {
  width: 100%;
  height: 100%;
}

body .box7 .swiper-container .reasonTwo_pagination {
  text-align: center;
}

body .box7 .swiper-container .swiper-pagination-bullet {
  background-color: #2c2c2c;
}

body .box7 .swiper-container .swiper-pagination-bullet-active {
  background-color: #0c4f4b;
}

body .box9 {
  width: 100%;
  height: 19.25rem;
  background: url(../images/bg61.jpg) center no-repeat;
  background-size: 100%;
}

body .box9 h3 {
  font-size: 0.9rem;
  color: #000000;
  text-align: center;
  padding-top: 2.5rem;
}

body .box9 .line {
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: #000000;
  width: 16.175rem;
  padding: 0.375rem 0.55rem;
  border: dashed 0.05rem #dcdcdc;
  margin: 0.25rem auto;
}

body .box9 .line p:first-child {
  margin-bottom: 0.25rem;
}

body .box9 .ul2 {
  margin: 0.25rem auto 0.5rem;
  width: 17.5rem;
  height: 8.75rem;
}

body .box9 .ul2 h2 {
  margin-bottom: 0.25rem;
  height: 0.95rem;
  line-height: 0.95rem;
  font-size: 0.6rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border-bottom: 0.025rem dashed #dcdcdc;
  position: relative;
}

body .box9 .ul2 h2 img {
  position: absolute;
  width: 0.925rem;
  height: 0.575rem;
}

body .box9 .ul2 .ul2_left {
  float: left;
}

body .box9 .ul2 .ul2_left h2 img {
  top: 0.125rem;
  left: 0;
}

body .box9 .ul2 .ul2_left .item:first-child {
  margin-top: 0.2rem;
  margin-bottom: 2.2rem;
}

body .box9 .ul2 .ul2_left p {
  font-size: 0.5rem;
  line-height: 0.875rem;
  color: #000000;
  width: 5.5rem;
  height: 0.875rem;
  margin-bottom: 0.2rem;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 120, 0, 0)), to(#ffffff4d));
  background-image: linear-gradient(-90deg, rgba(255, 120, 0, 0), #ffffff4d 100%);
  border-radius: 0.425rem;
}

body .box9 .ul2 .ul2_left p img {
  width: 0.55rem;
  height: 0.55rem;
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

body .box9 .ul2 .ul2_right {
  float: left;
  margin-left: -1.25rem;
}

body .box9 .ul2 .ul2_right h2 {
  text-align: left;
}

body .box9 .ul2 .ul2_right h2 img {
  top: 0.125rem;
  right: 0;
}

body .box9 .ul2 .ul2_right .item:first-child {
  margin-top: 0.2rem;
  margin-bottom: 0.75rem;
}

body .box9 .ul2 .ul2_right .item:first-child h2 {
  padding-right: 1.05rem;
}

body .box9 .ul2 .ul2_right .item:last-child h2 {
  padding-right: 1.125rem;
  text-align: right;
  width: 4.25rem;
  float: right;
  position: relative;
}

body .box9 .ul2 .ul2_right .item:last-child h2 img {
  display: block;
  position: absolute;
  right: 0.05rem;
  top: 0.125rem;
}

body .box9 .ul2 .ul2_right .item:last-child p {
  clear: both;
  padding-right: 0.75rem;
  width: 5.75rem;
  position: relative;
}

body .box9 .ul2 .ul2_right .item:last-child img {
  display: block;
  position: absolute;
  right: 0.075rem;
  top: 0.075rem;
}

body .box9 .ul2 .ul2_right p {
  text-align: right;
  font-size: 0.5rem;
  line-height: 0.875rem;
  color: #000000;
  height: 0.875rem;
  margin-bottom: 0.2rem;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 120, 0, 0)), to(#ffffff4d));
  background-image: linear-gradient(90deg, rgba(255, 120, 0, 0), #ffffff4d 100%);
  border-radius: 0.425rem;
}

body .box9 .ul2 .ul2_right p img {
  width: 0.55rem;
  height: 0.55rem;
}

body .box9 .ul2 .ul2_right .item:first-child p {
  height: 1.05rem;
  line-height: 0.6rem;
  border-radius: 0.775rem;
  width: 5.75rem;
  position: relative;
  padding: 0.25rem 0.75rem 0.25rem 0;
}

body .box9 .ul2 .ul2_right .item:first-child p img {
  display: block;
  position: absolute;
  right: 0;
  top: 0.4rem;
}

body .box9 .ul2 .ul2_center {
  width: 7.675rem;
  height: 7.675rem;
  margin-left: -1rem;
  float: left;
  margin-top: 0.75rem;
}

body .box10 {
  width: 100%;
  height: 26.25rem;
  background: url(../images/bg8.jpg) center no-repeat;
  background-size: 100%;
}

body .box10 h3 {
  font-size: 0.5rem;
  color: #000000;
  text-align: center;
  padding-top: 2.875rem;
}

body .box10 .book_box {
  margin: 0.75rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 17.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body .box10 .book_box li {
  width: 8.325rem;
  height: 6.45rem;
  margin-bottom: 0.5rem;
  position: relative;
}

body .box10 .book_box li img {
  width: 100%;
  height: 100%;
}

body .box10 .book_box li h4 {
  font-size: 0.6rem;
  color: #fefbf8;
  position: absolute;
  top: 0.3rem;
  left: 45%;
}

body .box10 .book_box li:nth-child(4) h4 {
  left: 37%;
}

body .box10 .book_box li:nth-child(5) h4 {
  left: 33%;
}

body .box10 .book_box li:nth-child(6) h4 {
  left: 37%;
}

body .box11 {
  width: 100%;
  height: 25rem;
  background: url(../images/bg9.jpg) center no-repeat;
  background-size: 100%;
}

body .box11 h2 {
  font-size: 0.8rem;
  color: #000000;
  text-align: center;
}

body .box11 h2:first-child {
  padding-top: 5.2rem;
}

body .box11 .book-pic {
  width: 15.575rem;
  height: 6.65rem;
  display: block;
  margin: 0.75rem auto 1rem;
}

body .box12 {
  width: 100%;
  height: 32.975rem;
  background: url(../images/bg10.jpg) center no-repeat;
  background-size: 100%;
}

body .box12 .top-pic {
  display: block;
  margin: 0 auto;
  width: 16.125rem;
  height: 5.25rem;
  padding-top: 3.375rem;
}

body .box12 h3 {
  font-size: 0.6rem;
  color: #000000;
  line-height: 0.7rem;
  width: 16rem;
  margin: 0.375rem auto 0.2rem;
  font-weight: bold;
}

body .box12 h4 {
  font-size: 0.5rem;
  color: #2d2d2d;
  width: 16rem;
  line-height: 0.625rem;
  margin: 0 auto;
  padding-bottom: 0.3rem;
  border-bottom: 0.025rem solid #cccccc;
}

body .box12 ul {
  width: 16rem;
  margin: 0.45rem auto 0;
}

body .box12 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.325rem;
}

body .box12 ul li img {
  width: 3.825rem;
  height: 2.4rem;
}

body .box12 ul li .li-right {
  margin-left: 0.25rem;
}

body .box12 ul li .li-right h5 {
  font-size: 0.5rem;
  color: #2496a3;
  line-height: 0.6rem;
  margin-bottom: 0.25rem;
}

body .box12 ul li .li-right p {
  font-size: 0.5rem;
  color: #626262;
  line-height: 0.6rem;
}

body .box12 .bottom-box {
  width: 16rem;
  margin: 0.25rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .box12 .bottom-box .item img {
  width: 7.975rem;
  height: 5.875rem;
}

body .box12 .bottom-box .item h6 {
  width: 7.95rem;
  height: 1.65rem;
  background-color: #2496a3;
  font-size: 0.55rem;
  line-height: 0.6rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

body .box13 {
  width: 100%;
  height: 27.175rem;
  background: url(../images/bg11.jpg) center no-repeat;
  background-size: 100%;
	position: relative;
}

body .box13 ul {
  padding-top: 4.25rem;
  width: 16.25rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .box13 ul .li-item {
  width: 5.05rem;
  height: 9.175rem;
  background: url(../images/phone.png) center no-repeat;
  background-size: 100% 100%;
}

body .box13 ul .li-item .p2 {
  margin-top: 0.15rem;
  padding-top: 0.25rem;
  margin-bottom: 0.7rem;
}

body .box13 ul .li-item .code {
  width: 3.7rem;
  height: 3.7rem;
  display: block;
  margin: 0.125rem auto 0.25rem;
}

body .box13 ul .li-item h4 {
  text-align: center;
  font-size: 0.5rem;
  line-height: 1.25rem;
  color: #fff;
  margin: 0 auto 0.25rem;
}

body .box13 ul .li-item p {
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #000000;
  margin-left: 1.375rem;
  position: relative;
  margin-bottom: 0.375rem;
}

body .box13 ul .li-item p img {
  position: absolute;
  top: -0.275rem;
  left: -1.1rem;
  width: 1.15rem;
  height: 1.15rem;
}

body .box13 .books {
  position: absolute;
  margin: 5.75rem auto 0;
	margin-left: 1.8rem;
}

body .box13 .books .gift {
  width: 15.15rem;
  height: 6.45rem;
  display: block;
  margin: 0 auto;
}

body .box13 .books h2 {
  position: absolute;
  width: 9.75rem;
  font-size: 0.5rem;
  line-height: 0.55rem;
  color: #0c4f4b;
  top: 0.3rem;
  right: -0.5rem;
}

body .box13 #form2 {
  padding-top: 12.05rem;
  width: 17.275rem;
  height: 13.125rem;
}

body .box13 #form2 .form-item {
  margin: 0.25rem auto 0.5rem;
}

body .box13 #form2 .submit {
  width: 15.575rem;
  height: 2.25rem;
  line-height: 2.25rem;
  background-image: linear-gradient(#f39800, #f39800), linear-gradient(150deg, #f0ff00 0%, #ffdc00 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal, normal;
  -webkit-box-shadow: inset 0 0.075rem 0.125rem 0 rgba(255, 200, 118, 0.46);
          box-shadow: inset 0 0.075rem 0.125rem 0 rgba(255, 200, 118, 0.46);
  border-radius: 0.2rem;
  border: solid 0.05rem #ffea00;
  font-size: 1.05rem;
  color: #ffffff;
  margin: 0 auto;
  display: block;
}

body .box14 {
  width: 100%;
	margin-bottom: 2.5rem;
	margin-top: -1rem;
	position: relative;
	z-index: 999;
}

body .box14 img {
  display: block;
  margin: 0 auto;
  padding-top: 0.5rem;
  width: 17.35rem;
  height: 18.9rem;
}

body .box14 .choose_btn {
  margin: 1.25rem auto 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 17.35rem;
}

body .box14 .choose_btn .choose_btn_list {
  width: 7.75rem;
  height: 1.35rem;
  line-height: 1.35rem;
  background-color: #179283;
  border-radius: 0.125rem;
  font-size: 0.7rem;
  color: #ffffff;
  text-align: center;
}

body .box14 .choose_address {
  margin: 0 auto;
  width: 17.35rem;
  text-align: center;
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: rgba(0, 0, 0, 0.9);
}

body .form-container1 {
  padding-top: 3.95rem;
  margin: 0 auto;
  width: 15.875rem;
}

body .form-container1 .form-item {
  width: 15.8rem;
  height: 2.225rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: solid 1px #cebfad;
  margin-bottom: 0.45rem;
  line-height: 2.225rem;
  color: #000000;
}

body .form-container1 .form-item input {
  border: none;
  outline: none;
  margin-left: 1.75rem;
  font-size: 0.55rem;
}

body .form-container1 .form-item-name {
  background-image: url(../images/icon8.png);
  background-size: 0.95rem 0.95rem;
  background-repeat: no-repeat;
  background-position: 0.375rem 0.575rem;
}

body .form-container1 .form-item-phone {
  background-image: url(../images/icon9.png);
  background-size: 0.95rem 0.95rem;
  background-repeat: no-repeat;
  background-position: 0.375rem 0.575rem;
}

body .form-container1 .form-item-city {
  background-image: url(../images/icon10.png);
  background-size: 0.95rem 0.95rem;
  background-repeat: no-repeat;
  background-position: 0.375rem 0.575rem;
}

body .form-container1 .form-item-city .common-txt {
  margin-left: 1.75rem;
  display: block;
}

body .form-container1 .submit {
  width: 15.8rem;
  height: 2.25rem;
  background-image: linear-gradient(#f39800, #f39800), linear-gradient(150deg, #f0ff00 0%, #ffdc00 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal, normal;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(255, 200, 118, 0.46);
          box-shadow: inset 0px 3px 5px 0px rgba(255, 200, 118, 0.46);
  border-radius: 0.2rem;
  border: solid 0.05rem #ffea00;
  font-size: 1.05rem;
  color: #ffffff;
}

body .yellow {
  color: #fff000;
}

input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
}

/*# sourceMappingURL=map/index.css.map */


.box6 .kc-con{background: #fff; width: 97%;
   position: absolute; top:4rem; left:1.5%;}
.kc-con ul {
	overflow: hidden; margin: 0 auto;
	/*<!--margin-top: 35px-->*/
}
.kc-con ul li {
	float: left;
	width: 25%;
	height:1.2rem;
	line-height: 1.2rem;
	background: #fff;
	font-size: 0.0.6rem;
	color: #999;
	text-align: center;
	
	cursor: pointer
}

/*<!--<!--.kc-con ul li:hover {
	color: #fff;
   background:#6bc9d0;}-->-->*/
#nomar {
	margin-right: 0px;
}
.kc-con ul .active {
	background: #0c4f4b;
	color: #fff;
}

.w2 {
	width:26%;color:#b93e1f; padding: 0.1rem 0.1rem;
}
.w3 {
	width:18%;padding: 0.01rem 0.1rem;
}
.w4 {
	width: 42%;padding: 0.01rem 0.1rem;
}
.w5 {
	width: 14%;padding: 0.01rem 0.1rem;
}
.table{ width:100.1%; margin: 0 auto;}
.table td a {
    
    cursor: pointer;
     display: inline-block;
    padding: 2px 10px;
    background:#f39800;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    border-radius: 0.25rem;
}
.table .bj{background:#0c4f4b; width:100%; }
.table .bj1{ height:auto;  width:100%;}
.kc-con table tr th {
	font-size: 0.46rem;
	color: #fff;
	font-weight: normal;
	text-align: center;
	height: 1rem;
/*	line-height: 1.5rem;*/
	
}
.kc-con table tr td {
	font-size: 0.46rem;
	color: #333;
	text-align: center;
	/*line-height: 24px;*/
	border-left: 1px solid #eaeff3;
	border-right: 1px solid #eaeff3;
    }
.border-bot {
	border-bottom: 1px solid #eaeff3;
}
/*.tab-btn {
	display: block;
	width: 160px;
	height: 44px;
	line-height: 44px;
	border-radius: 25px;
	text-align: center;
	font-size: 18px;
	color: #e52a47;
	border: 2px solid #e52a47;
	margin: 0 auto;
}
.tab-btn2 {
	display: block;
	width: 160px;
	height: 44px;
	line-height: 44px;
	border-radius: 25px;
	text-align: center;
	font-size: 18px;
	color: #fc8902;
	border: 2px solid #fc8902;
	margin: 0 auto;
}
.tab-btn:hover {
	background: #e52a47;
	color: #fff
}
.tab-btn2:hover {
	background: #fc8902;
	color: #fff
}*/
.tab-color {
	background: #f2fafd;border: 1px solid #eaeff3;
}

body .box17 {
  width: 100%;
  height: 15.95rem;
  
}
body .box17 .yp {
 background-size: 100%;
  height: 15.95rem;
  width: 100%;
}

body .box16 {
  width: 100%;
  height: 15.95rem;
  
}
body .box16 .yp2 {
 background-size: 100%;
  height: 18.6rem;
  width: 100%;
}

.box5 .form-container1 .yzmcode{width: 64%; height:1.8rem; border-radius: 0.2rem; padding-left:0.2rem; font-size: 0.54rem; margin-bottom: 0.4rem;}
 .box5 .form-container1 .codetxt{width: 30%; height:1.8rem; border-radius: 0.2rem; background: #f0f0f0; color: #000; font-size: 0.56rem; margin-left:0.3rem;}
.box13 .form-container1 .yzmcode{width: 56%; height:1.8rem; border-radius: 0.2rem; padding-left:0.2rem; font-size: 0.54rem; margin-bottom: 0.4rem; margin-left: 0.8rem;}
 .box13 .form-container1 .codetxt{width: 30%; height:1.8rem; border-radius: 0.2rem; background: #f0f0f0; color: #000; font-size: 0.56rem; margin-left:0.3rem;}
/*btnav*/
.btnav{position: fixed; left: 0; bottom: 0; display: flex; flex-flow: row nowrap;   width: 100%; height:2rem;   z-index: 9999; box-shadow: 0 0 15px #b7babd;}
.btnav .btnav-item{ width: 30%;  text-align: center; line-height: 2rem; font-size: 0.7rem;  color: #707070; background: #fff; position: relative;}

.btnav .btnav-item a{
    color: #707070;
}
.btnav .btnav-item:nth-of-type(1):after{content: ''; height: 1rem; width: 0.025rem;  background: #dfdfdf;  position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%);}
.btnav .btnav-itemright{ width: 40%;  text-align: center; line-height: 2rem; font-size: 0.7rem; color: #fff;  background: linear-gradient(to right,#ffa302,#ff5700);  }
   src: url('iconfont.eot?t=1562142978897');
  src: url('iconfont.eot?t=1562142978897#iefix') format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASUAAsAAAAACPQAAARGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFNIRBATYCJAMQCwoABCAFhG0HQxuuB1FUTiJkPwcbx7GUUSRNYIxQtz8O+6/7FN3dOx6+xtr7u3uCaVKNDNWnk+humU6C2CjZo5dww7+nvbRjMuMNcqb0pHYHFS+pU08+fxZHKe1BTNxf8ATs/P+fY6bL5wPLb7O5ZCQlDnAUrQPqxryjid6By6nfMHZ5kdcJNBuSDdugxkwBXgp9XiDOFIwYeCWUSgUu1CXVgq1FPHFXTw/pJuDR+/34VxheJJVMj908aJYB8suIfZz7Gsx0EFjD6cF2kbEAKMRRoXEHPwgu4GuW490sAeqGPjFUH/XhcWPM3oqwjv/lEbJEVOnCVoRdDGW+SItC8EUxi0SPoVLC6DK7jho+AYhegB1YmiR5pTbAoxTHzw8fcKaanxY5nYn7XdHhK85UnSA2bQrdxOXs2xsSYg1ZZA21cRkch9kc4eGOHTuOhDoOhYZuupWx62F6iHVr+skOe/LRrY1y18au44QcV7IJrl6ctWOHw7EmavvtVHtYmB3fOMSq9JOU1SmyO+OWr0lzhEdXyFffZx9o98Fw4FMheARGACITQlpWy6BO3OkUPXw4BT94NwZ0r4TYciYac7laOE4I8kbbN+P4xpN9p1KIxTuiwR+BOPIgHlt9X71oO4b17yAIwNqK4xixeBuYNDqo9eeBjtlTGUZ1512OZ9Ng6spblqQY2CHLGCEYO53d8v3nEyySYAWTd4glVJHb23+JxS2U1fOurviRa9QVxSOPacFCatFXMqWxSb9EdCYrrTf/x13pOfHcWS2b9aMFDf4ws+CYaNHimAfB+ZGuBvFcnAya317KX6mfUKpQ3WDMwyn23C3bf8kCtv1utQ1ZQMkEQcxbw9uY9Iqf29++e7v9Z8X0NXsOGXKX3ef6MCUJjNU6tq7r4kGaQwuOSewTepFewj64tgjfm9C8eYiHaGg4D70Co7ZUTUFdOwPI/C2lRWvJkH9zp4YY53nOgvXjrp72C/QjLSfsWxPv8iEZDa4ANMoXMukR5Bd5RPi8N8OfZJq57drAOf7V/72Ih1Tz0rCIhxwNBTRnvWmWzPol1AV7fByFoytKkYRRzLSUwjff49/HPJo140eI0u3FEOK+xumEur4IkppByOomkAW7ABUtFqGqbhmazRPsbtHDgC9KE+YMAwid9kDS7hmyTreQBfscKvp9h6rO4EOzrQg+ssVUKPBGAxKbkAxK2qFCymppU2PC/cxJiDGrxYY4x8OLkMGo8MCC3Px0RIC0yDDECqOFKTSZaEgbWA2kwG1IrWahzsAqkdSUKzeZdJV5eXTRN+VKWQ3ArTNAxEwQGUiiHaQgxdKineomeObnJ0EYZmpihoqyMrUIYmCkGBwqkCu/AVIg1DYqu5R7jCwYhUxMaBDNgKUBUUCPqI0gC9IVT1JCpExyyTv4dSrloUp0U2Hu9GLNHW6BZvoXlEiRo0RF051ZohCzhQX5HkY5a25HbipEmwEAAAA=') format('woff2'),
  url('iconfont.woff?t=1562142978897') format('woff'),
  url('iconfont.ttf?t=1562142978897') format('truetype'),  
  url('iconfont.svg?t=1562142978897#iconfont') format('svg');  
}*/

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e640";
   }

.icon-homepage:before {
  content: "\e6d9";
}

.icon-ly:before {
  content: "\e646";
}

/*椤堕儴LOGO 鐢佃瘽*/
.nav_top{ 
	width:100%; 
	height:50px; 
	line-height:50px; 
	background: #585858; 
	position:relative;
	}
.nav_logo{ 
  position:absolute; 
  top:6px; 
  left:10px;
  }
.nav_phone{
	text-align:center; 
	font-weight:bold; 
	font-size:14px; 
	color:#fff; 
	font-family:"寰蒋闆呴粦";
	}
.nav_home{
	position:absolute; 
	top:4px; 
	right:20px;
	}
.nav_phone a{ color:#fff;}