@charset "utf-8";
/* CSS Document */
.come-up .f40{
	color: #fff;
}
.come-up .f30{
	color: #fff;
}
.min-header-box {
  background: #fff;
}
.header_menu ul li {
  display: inline-block;
  position: relative;
}
.header_menu ul li > a {
  height: 100px;
  line-height: 100px;
  font-size: 0.8em;
  color: #333333;
  margin: 0 1em;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  display: inline-block;
  position: relative;
}
.header_menu ul li > a:after {
  content: '';
  display: block;
  width: 30px;
  height: 4px;
  background: #0a479d;
  border-radius: 50px;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  display: none;
}
.header_menu ul li:hover > a,
.header_menu ul li > a.actived {
  color: #333333;
}
.header_menu ul li:hover > a:after,
.header_menu ul li > a.actived:after {
  display: block;
}
.header_info .toggle_btn {
  font-size: 24px;
  color: #838694;
  cursor: pointer;
}
.header_menu {
  margin-left: 1.5em;
}
.offcanvas_menu {
  display: none;
}
.off_canvars_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  background: #000;
  top: 0;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.off_canvars_overlay.active {
  opacity: 0.5;
  visibility: visible;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.offcanvas_menu_wrapper {
  width: 170px;
  height: 100vh;
  background: #FFFFFF;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  padding: 50px 15px 30px;
  overflow: auto;
  margin-left: -300px;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.canvas_close {
  position: absolute;
  top: 10px;
  right: 13px;
}
.canvas_close a {
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  display: block;
  text-align: center;
  height: 32px;
  line-height: 30px;
  border: 1px solid #e6e6e6;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border-radius: 100%;
  color: #000000;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.offcanvas-social {
  margin-bottom: 30px;
}
.offcanvas-social ul li {
  display: inline-block;
}
.offcanvas-social ul li a {
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  color: #0a479d;
  border: 1px solid #e6e6e6;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border-radius: 50px;
  margin: 0 5px;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  display: inline-block;
}
.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
  top: 8px;
}
.offcanvas_main_menu li a {
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
  display: none;
}
.offcanvas_footer {
  margin-top: 50px;
  padding-bottom: 50px;
}
.offcanvas_footer i {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-right: 10px;
}
.banner {
  height: 570px;
}
.banner-form {
  background: #ffffff;
  border-top-left-radius: 30px;
  border-top-right-radius: 65px;
  border-bottom-left-radius: 65px;
  border-bottom-right-radius: 30px;
  position: relative;
  padding: 20px 35px 30px 35px;
}
.time-left {
  position: absolute;
  left: -110px;
  top: -58px;
}
.number-big {
  font-size: 42px;
}
.inputs {
  width: 150px;
  height: 34px;
}
.inputs input {
  border: 1px solid #eeeeee;
  padding: 0 10px;
  width: 150px;
  line-height: 34px;
  border-radius: 4px;
  font-size: 14px;
}
.inputs-one input {
  width: 100%;
  border: 1px solid #eeeeee;
  padding: 0 10px;
  line-height: 34px;
  height: 34px;
  border-radius: 4px;
  font-size: 14px;
}
.inputs-one textarea {
  width: 100%;
  height: 92px;
  border: 1px solid #eeeeee;
  padding: 10px;
  border-radius: 4px;
}
.form-btn {
  background: #de202a;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  margin-top: 20px;
}
.title-list {
  font-size: 38px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  position: relative;
}
.title-list::after {
  position: absolute;
  content: " ";
  display: block;
  width: 138px;
  height: 8px;
  background: #0a479d;
  border-radius: 20px;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
.vip-box {
  background: #f8f8f8;
  padding-top: 90px;
  padding-bottom: 65px;
}
.vip-item .imgbox {
  height: 190px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.vip-list,
.course-list {
  padding-top: 90px;
}
.vip-item {
  border-radius: 10px;
  margin-bottom: 45px;
}
.vip-item .fonts {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  padding: 0 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 62px;
  line-height: 62px;
  background: #FFFFFF;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.vip-item:hover .fonts {
  background: #0a479d;
  color: #FFFFFF;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.vip-s .swiper-button-next,
.vip-s .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 50%;
}
.vip-s .swiper-button-next:after,
.vip-s .swiper-button-prev:after {
  font-size: 25px;
  color: #333333;
  font-weight: bold;
}
.vip-s .swiper-button-next {
  right: -50px;
}
.vip-s .swiper-button-prev {
  left: -50px;
}
.vip-phone .swiper-button-next,
.vip-phone .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 50%;
}
.vip-phone .swiper-button-next:after,
.vip-phone .swiper-button-prev:after {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.vip-btn {
  background: #de202a;
  width: 230px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  color: #FFFFFF;
  cursor: pointer;
}
.test-box {
  background: #fffcf5;
  padding-top: 90px;
  padding-bottom: 90px;
}
.test-x {
  height: 552px;
  margin-top: 90px;
  border-radius: 8px;
}
.test-title {
  font-size: 56px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 30px;
}
.test-left {
  padding-top: 120px;
  padding-left: 70px;
}
.test-btn {
  width: 248px;
  height: 58px;
  background: #de202a;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 58px;
  box-shadow: 7px 0 16px rgba(51, 51, 51, 0.4);
  border-radius: 30px;
  margin-top: 80px;
  cursor: pointer;
}
.test-right {
  padding-right: 120px;
  padding-top: 35px;
}
.course-item {
  border-radius: 10px;
  margin-bottom: 50px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.course-item .imgbox {
  height: 240px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.fonts {
  height: 155px;
  background: #FFFFFF;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.course-a a {
  background: #f0f0f0;
  line-height: 1em;
  padding: 5px 15px;
  border-radius: 15px;
  margin-right: 8px;
  display: inline-block;
  margin-bottom: 13px;
  color: #333333;
  font-size: 15px;
}
.slide1 {
  padding-top: 125px;
  padding-left: 120px;
}
.result-title {
  font-size: 38px;
  color: #FFFFFF;
  font-weight: bold;
}
.counter {
  font-size: 48px;
  font-weight: bold;
  color: #FFFFFF;
}
.counter_item {
  width: 140px;
  margin-bottom: 58px;
}
.counter_item-r {
  margin-right: 140px;
}
.counter_list {
  margin-top: 118px;
}
.teacher-box {
  padding-top: 90px;
  padding-bottom: 70px;
}
.gallery-top .swiper-slide .imgbox {
  width: 82px;
  height: 82px;
  border-radius: 50%;
}
.gallery-box {
  padding-top: 90px;
}
.gallery-top-swiper {
  left: 50%;
  transform: translateX(-50%);
  top: 230px;
}
.gallery-top .swiper-slide-thumb-active .imgbox,
.gallery-top-two .swiper-slide-thumb-active .imgbox {
  border: 3px solid #157378;
  box-shadow: 4px 0 13px rgba(21, 115, 120, 0.3);
}
.gallery-top-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.gallery-top-swiper .swiper-pagination-bullet-active {
  background: #f05c28;
}
.gallery-btn {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 1em;
  padding: 15px 25px;
  background: #f15a25;
  border-radius: 30px;
  margin-top: 15px;
}
.student-item {
  height: 485px;
  border-radius: 10px;
  overflow: hidden;
}
.student-item .font-s {
  background: #FFFFFF;
  position: absolute;
  bottom: -141px;
  left: 0;
  right: 0;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.student-item:hover .font-s {
  bottom: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background: #0a479d;
}
.student-item:hover .font-s .f24 {
  color: #FFFFFF;
}
.hover-none {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.student-item:hover .hover-none {
  display: none;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.student-box .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.student-box .swiper-pagination-bullet-active {
  background: #f05c28;
}
.student-box .swiper-pagination-one {
  left: 50%;
  transform: translateX(-50%);
  top: 610px;
  position: absolute;
}
.information-box {
  background: #0a479d;
  padding-top: 90px;
  padding-bottom: 60px;
}
.title-list-one::after {
  background: #333333;
}
.information-item {
  background: #FFFFFF;
  padding: 35px 20px;
  border-radius: 8px;
  height: 473px;
}
.information-list {
  padding-top: 90px;
}
.information-img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.honor-box {
  padding-top: 90px;
}
.honor-content {
  padding-top: 90px;
}
.honor-content-left {
  border-radius: 10px;
  border-top-right-radius: 50px;
}
.honor-title {
  font-size: 38px;
  font-weight: bold;
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}
.pc-honor-img .imgs {
  border-radius: 8px;
  margin-bottom: 40px;
}
.honor-content-right {
  padding-top: 50px;
}
.vip-box-one {
  background: #FFFFFF;
}
.duty-box {
  padding-top: 50px;
  padding-bottom: 75px;
}
.duty-item {
  background: #f8f8f8;
  height: 412px;
  border-radius: 8px;
  padding: 15px 15px 20px 15px;
}
.duty-list {
  padding-top: 90px;
}
.footer {
  background: #f8f8f8;
}
.footer-top {
  border-bottom: 1px solid #ebebeb;
}
.footer-img {
  width: 22px;
  height: 22px;
  margin-top: 3px;
}
.footer-bottem a {
  font-size: 14px;
  margin: 0 15px;
}
.course-item:hover {
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.15);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.banner_new {
  height: 500px;
}
.neititle {
  text-align: center;
}
.newsitem {
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}
.newsitem .imgbox {
  width: 230px;
  height: 230px;
  display: inline-block;
}
.newsitem .textEll3 {
  height: 4.2em;
  font-size: 15px;
}
.xiayiye {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.xiayiye a {
  display: block;
  font-size: 14px;
  color: #333333;
  width: 48px;
  height: 48px;
  /* Center slide text vertically */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFFFFF;
  margin: 0 5px;
  border-radius: 4px;
}
.xiayiye a:first-child,
.xiayiye a:last-child {
  width: 94px;
}
.bianjicontent img {
  max-width: 100%;
}
.newbanner .zezao {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 2em;
  font-size: 15px;
  z-index: 1;
  color: #FFFFFF;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.tankbox {
  width: 430px;
  /* height: 382px; */
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  border-radius: 10px;
  margin: -191px 0 0 -215px;
  z-index: 999;
  padding-bottom: 30px;
}
.tankbox .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.tankbox select {
  width: 210px;
  border: 1px solid #eeeeee;
  height: 34px;
  padding: 0 10px;
  border-radius: 5px;
}
.tankbox .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.tankbox .gosbtn {
  width: 315px;
  height: 50px;
  background: #0a479d;
  display: block;
  border-radius: 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 50px;
}
.ceshibox {
  padding-bottom: 100px;
}
.ceshibox .leftimg img {
  border-radius: 8px;
  overflow: hidden;
}
.ceshibox .rigtbox {
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 0;
}
.curbox {
  width: 176px;
  height: 118px;
  background: #f9f9f9;
  margin: 12px 10px;
  float: left;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  /* Center slide text vertically */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* .curbox:after {
  content: '+ 立即测试';
  font-size: 18px;
  color: #fff;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  display: block;
  background: #f04b12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} */
.curbox:hover:after {
  top: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.answericon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.answericon span {
  width: 24px;
  height: 24px;
  display: block;
  /* Center slide text vertically */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #a0a0a0;
  border-radius: 100%;
  margin-right: 20px;
  font-size: 13px;
}
.answericon.actived {
  color: #de202a;
}
.answericon.actived span {
  background: #de202a;
  border: 1px solid #de202a;
  color: #FFFFFF;
}
.xiayibu {
  width: 170px;
  height: 50px;
  background: #0a479d;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  /* Center slide text vertically */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
}
.banners {
  height: 500px;
}
.title-course {
  padding-top: 90px;
  padding-bottom: 60px;
}
.course-list-item {
  margin-bottom: 60px;
}
.course-list-item .imgbox {
  height: 190px;
  border-radius: 6px;
}
.course-list-item .content {
  height: 75px;
}
.middle-school {
  background: #f8f8f8;
  padding-bottom: 90px;
}
.middle-school-one {
  background: #fff;
  padding-bottom: 90px;
}
.gallery-box-one,
.gallery-box-two,
.gallery-box-three {
  padding-top: 0px;
}
.gallery-item-one .imgbox {
  width: 640px;
  height: 300px;
  border-radius: 10px;
  /* box-shadow: 0 2px 21px rgba(0, 0, 0, 0.05); */
}
.gallery-thumbs-s,
.gallery-thumbs-one {
  padding-top: 85px;
}
.gallery-item-one-right .lh30 {
  height: 60px;
}
.school-go {
  padding-bottom: 20px;
}
.gallery-top-one .swiper-slide .imgbox,
.gallery-top-two .swiper-slide .imgbox {
  width: 82px;
  height: 82px;
  border-radius: 50%;
}
.gallery-top-one .swiper-slide-thumb-active .imgbox {
  border: 3px solid #157378;
  box-shadow: 4px 0 13px rgba(21, 115, 120, 0.3);
}
.student-list {
  padding-top: 80px;
  background: #f8f8f8;
}
.top-student-left {
  border-radius: 10px;
}
.top-student-left img {
  width: 440px;
  height: 475px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.top-student-left-bottom {
  width: 440px;
  height: 275px;
  background: #0a479d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 20px;
  padding-right: 30px;
  padding-top: 25px;
}
.top-student-left-bottom .items {
  width: 168px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.top-student-left-bottom .contens {
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.top-student-box,
.top-student-box-pt,
.top-student-box-sp {
  padding-top: 80px;
}
.top-student-right .student-label {
  width: 135px;
  height: 240px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 15px;
}
.student-label {
  width: 132px;
  margin-bottom: 14px;
}
.student-label img {
  width: 135px;
  height: 190px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.student-label .content {
  background: #FFFFFF;
  width: 135px;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  bottom: -60px;
  border-top-right-radius: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  padding-top: 10px;
  height: 130px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.student-label .content .content-s {
  font-size: 10px;
}
.student-label:hover .content {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  transform: translateY(-60px);
  background: #0a479d;
}
.student-label:hover .content .titles {
  color: #FFFFFF;
}
.student-label:hover .content .content-s.titles {
  display: none;
}
.top-student-top {
  height: 475px;
}
.top-student-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.good-student-box {
  width: 223px;
  height: 385px;
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 10px;
}
.good-student-box .good-student-box-top {
  height: 285px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.good-student-box .good-student-box-top img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 296px;
}
.good-student-box .content {
  background: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  padding: 15px;
  border-top-right-radius: 15px;
  bottom: -115px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.good-student-box:hover .content {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  transform: translateY(-114px);
  background: #0a479d;
}
.good-student-box:hover .content .titles {
  color: #FFFFFF;
}
.good-student-list {
  padding-top: 80px;
}
.mine-item {
  margin-top: 20px;
}
.mines {
  padding-top: 90px;
  padding-bottom: 90px;
}
.dutys {
  padding-top: 90px;
  padding-bottom: 152px;
}
.dutys-box {
  padding-top: 85px;
}
.dutys-left img {
  border-radius: 10px;
}
.dutys-more {
  margin-top: 50px;
  color: #333333;
  display: block;
}
.fonts-s {
  padding: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.vip-item-s:hover .fonts-s {
  background: #0a479d;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.vip-item-s:hover .fonts-s .cor3 {
  color: #FFFFFF;
}
.jiangzuo-item {
  height: 252px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.jiangzuo-bottom {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #FFFFFF;
}
.jiangzuo-item:hover .jiangzuo-bottom {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background: #0a479d;
}
.jiangzuo {
  padding-top: 70px;
}
.asid_share_box {
  position: fixed;
  right: 30px;
  bottom: 40px;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  z-index: 999;
}
.asid_share_box1 {
  position: fixed;
  right: 30px;
  bottom: 105px;
  border-radius: 100%;
  z-index: 999;
}
.goback-s {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  background: #de202a;
  justify-content: center;
}
.baby-girl {
  bottom: 0;
  left: -248px;
}

.small-school-left .items {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  margin-right: 15px;
  width: 125px;
  height: 85px;
  line-height: 85px;
  border: 1px solid #666666;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 30px;
}
.small-school-left .items:hover {
  background: #0a479d;
  color: #FFFFFF;
  border-color: #0a479d;
}
.small-school-right {
  height: 470px;
  width: 720px;
  border-top-right-radius: 30px;
}
.small-school-right-content {
  padding-left: 58px;
  padding-right: 58px;
}
.small-school-box {
  padding-bottom: 80px;
}
.small-school-right-phone {
  display: none;
}
.center-school-left .items {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  margin-right: 15px;
  margin-bottom: 20px;
  color: #FFFFFF;
  width: 125px;
  height: 84px;
  line-height: 84px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 15px;
}
.center-school-left .items:hover {
  background: #FFFFFF;
  color: #0a479d;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.center-school-left-s {
  padding-top: 60px;
  padding-left: 40px;
}
.center-school-right {
  background: #f8f8f8;
  height: 470px;
  flex: 1;
  border-top-right-radius: 20px;
}
.center-school-right-content {
  padding-left: 35px;
  padding-right: 35px;
}
.center-shool-box {
  padding-bottom: 60px;
}
.mineAbout {
  justify-content: center;
  border-radius: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: -145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding-left: 10px;
  position: absolute;
  width: 130px;
  height: 40px;
  font-size: 12px;
}
.mineAbout::after {
  display: block;
  position: relative;
  content: " ";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  right: -10px;
}
.mineAbout-box {
  display: none;
}
.asid_share_box1:hover .mineAbout-box {
  display: block;
}
.certificate-box {
  width: 630px;
  height: 1284px;
  margin: 0 auto;
}
.certificate-box .title {
  margin: 0 auto;
  padding-top: 45px;
}
.students-news {
  justify-content: center;
}
.certificate-center {
  width: 583px;
  height: 1037px;
  margin: 0 auto;
  margin-top: 40px;
}
.certificate-center-title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  position: relative;
  padding-top: 35px;
}
.certificate-center-title::after {
  position: absolute;
  display: block;
  content: " ";
  width: 192px;
  height: 10px;
  bottom: 10px;
  background: #8ab2f3;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.color-blue {
  color: #4a5684;
}
.circleChart-box {
  padding-left: 35px;
  padding-right: 35px;
}
.grade-title {
  font-size: 38px;
  font-weight: bold;
  color: #333333;
}
.grade-title::after {
  position: absolute;
  display: block;
  content: " ";
  background: #8ab2f3;
  width: 100%;
  height: 10px;
  left: 0;
  bottom: 10px;
  z-index: 2;
}
.grade-titles {
  z-index: 4;
}
.subject {
  border: 1px solid #4a5684;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 8px;
  color: #4a5684;
}
.subjects {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 4px;
}
.certificate-bottom {
  padding-left: 40px;
  padding-right: 25px;
  padding-top: 35px;
}
.certificate-box-phone {
  height: 720px;
}
.certificate-centers {
  height: 600px;
  margin: 0 30px;
  border-radius: 15px;
  margin-top: 20px;
}
.certificate-center-titles {
  font-size: 22px;
  font-weight: bold;
}
.certificate-center-titles::after {
  position: absolute;
  display: block;
  content: " ";
  background: #0a479d;
  width: 100%;
  height: 5px;
  bottom: 5px;
  z-index: 2;
}
.circleChart-box-one {
  padding: 0 20px;
}
.grade-titless {
  font-size: 20px;
}
.grade-titless::after {
  bottom: 5px;
  height: 5px;
}
.circleChart-box-one .mt40 {
  margin-top: 10px;
}
.certificate-bottom-one {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 10px;
}
.information-news {
  border-radius: 6px;
  background: #FFFFFF;
  margin-bottom: 30px;
}

.where-s {
  position: relative;
}
.phone-logo {
  height: 60px;
}
.gallery-item{background: rgba(0,0,0,0.39);width: 100%;height: 100%;border-radius: 8px;}
.good-student-box:hover .content .f15.titles{
  display: none;
}
.good-student-box .content .titles{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn{ display: inline-block; *display:inline; *zoom:1;text-decoration: none; position: relative; color:#333;}
@-webkit-keyframes anim-moema-1 {
  60% {
  -webkit-transform:scale3d(.8, .8, 1);
  transform:scale3d(.8, .8, 1)
  }
  85% {
  -webkit-transform:scale3d(1.1, 1.1, 1);
  transform:scale3d(1.1, 1.1, 1)
  }
  100% {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
  }
  }
  @keyframes anim-moema-1 {
  60% {
  -webkit-transform:scale3d(.8, .8, 1);
  transform:scale3d(.8, .8, 1)
  }
  85% {
  -webkit-transform:scale3d(1.1, 1.1, 1);
  transform:scale3d(1.1, 1.1, 1)
  }
  100% {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
  }
  }
  @-webkit-keyframes anim-moema-2 {
  to {
  opacity:0;
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
  }
  }
  @keyframes anim-moema-2 {
  to {
  opacity:0;
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
  }
  }

  @-webkit-keyframes criss-cross-left {
    0% {
     left:-20px
    }
    50% {
     left:50%;width:20px;height:20px;
    }
    100% {
     left:50%;width:375px;height:375px;
    }
   }
   @keyframes criss-cross-left {
    0% {
     left:-20px
    }
    50% {
     left:50%; width:20px;height:20px;
    }
    100% {
     left:50%;width:375px;height:375px;
    }
   }
   @-webkit-keyframes criss-cross-right {
    0% {
     right:-20px
    }
    50% {
     right:50%;width:20px;height:20px;
    }
    100% {
     right:50%;width:375px;height:375px;
    }
   }
   @keyframes criss-cross-right {
    0% {
     right:-20px
    }
    50% {
     right:50%;width:20px;height:20px;
    }
    100% {
     right:50%;width:375px;height:375px;
    }
   }


.vip-btn{ position:relative;display: block;; border-bottom:4px solid #de202a; background:#de202a; color: #fff; overflow: hidden;}
.vip-btn .bgsqr1{ position:absolute; background:#fff; opacity:0.2; *filter:alpha(opacity=20); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); left:0; top:0; right:0; height:100%;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.vip-btn:hover .bgsqr1{ height:0;}
.vip-btn span{ position:relative; z-index:1;}

.gallery-top  .imgbox{margin: 0 auto;}
.gallery-top-one .imgbox{margin: 0 auto;}
/* 
.inputss{border: 1px solid #eee;}
.inputss input{border: none;} */

.inputs-two{width: 162px;}

.banners {
  height: 570px;
}
.banners .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #eeeeee;
  opacity: 1;
}
.banners .swiper-pagination-bullet-active {
  width: 20px;
  height: 6px;
  background: #FFFFFF;
  border-radius: 4px;
}

.mine-bottem-img {
  padding-top: 70px;
}
.mine-bottem-img a{
  margin-right: 20px;
}


.header_info-phone  a{font-size: 1em;}
.header_info-phone  a>img{margin-right: 0.5em;}
.header_info-phone  a.cnbtn{font-size: 0.8em;}
.header_info-phone  a.enbtn{font-size: 0.8em;}
.header_info-phone  a.ml30{
  margin: 0 1em;
}
.header_info-phone  a.shuxian{
  font-size: 0.5em;
}
.wrapper {
  width: 600px;
}
.tagcloud {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tagcloud a {
  display: block;
  border-radius: 50%;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 0 15px 3px rgba(51, 51, 51, 0.1);
}
/* .tagcloud a:hover{
  color: #fff;
} */
.student-box-s {
  padding-top: 90px;
  padding-bottom: 90px;
}
.cultural {
  padding-top: 70px;
}
.cultural .item {
  width: 160px;
  height: 160px;
  background: #0a479d;
  border-radius: 50%;
  display: block;
  /* Center slide text vertically */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
}
.cultural .cultural-box-x .title {
  position: relative;
}
.cultural .cultural-box-x .title::after {
  display: block;
  content: " ";
  position: absolute;
  width: 68px;
  height: 3px;
  background: #0a479d;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.cultural-box-x {
  width: 190px;
}
.team-box-left img {
  height: 260px;
  width: 185px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.team-box-right {
  padding-left: 25px;
  padding-right: 25px;
}
.team-box-right .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 24px;
}

.come-up {
  height: 410px;
  border-radius: 20px;
  margin-top: 70px;
}
.come-up-btn {
  display: block;
  width: 250px;
  height: 55px;
  color: #0a479d;
  background: #FFFFFF;
  font-size: 24px;
  line-height: 55px;
  text-align: center;
  border-radius: 30px;
  margin-top: 60px;
}
.come-up-btn:hover {
  color: #0a479d;
}
.tanchuang {
  width: 550px;
  position: fixed;
  background: #FFFFFF;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.tanchuang .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.inputs-two {
  width: 162px;
}

.tanchuang .items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
  align-items:center;
  margin-bottom: 15px;
}
.tanchuang .items input{width: 130px;border: 1px solid #eee;height: 34px;line-height: 34px;padding: 0 10px;font-size: 13px;}

.tanchuang select {
  width: 270px;
  border: 1px solid #eeeeee;
  height: 34px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 13px;
}

.tanchuang .items-ss-one  input{
  width:100%;
  border: 1px solid #eee;height: 34px;line-height: 34px;padding: 0 10px;
  margin-top: 5px;
  font-size: 13px;
}
.tanchuang .items-sx input{width: 120px;}

.tanchuang .gosbtn {
  width: 210px;
  height: 40px;
  background: #0a479d;
  display: block;
  border-radius: 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 30px;
}
.word-en{color: #FFFFFF;}
.question_item{background: none !important;}