@charset "utf-8";

/* CSS Document */

.main-header,

.main-header-one {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

  background: #FFFFFF;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.main-header-h {

  height: 66px;

}

.header_menu ul li {

  display: inline-block;

  position: relative;

}

.header_menu ul li > a {

  height: 100px;

  line-height: 100px;

  font-size: 16px;

  color: #666666;

  margin: 0 15px;

  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: 26px;

  height: 6px;

  background: #3874f6;

  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 {

  font-weight: 600;

  color: #333333;

}

.header_menu ul li:hover > a:after,

.header_menu ul li > a.actived:after {

  display: block;

}

.header_info .searchbox {

  background: #f5f5f5;

  border-radius: 5px;

  /* 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;

}

.header_info .searchbox i {

  font-size: 20px;

  color: #999;

}

.header_info .searchbox input {

  border: 0 !important;

  background: #f5f5f5;

}

.header_info .loginimg {

  width: 44px;

  height: 44px;

  border-radius: 100%;

}

.header_info .toggle_btn {

  font-size: 24px;

  color: #838694;

  cursor: pointer;

}

.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: 290px;

  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: #3874f6;

  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: 422px;

}

.banner .swiper-slide {

  border-radius: 10px;

}

.citylist_item a {

  font-size: 16px;

  color: #666666;

  display: inline-block;

  margin-right: 13px;

  line-height: 1em;

  margin-bottom: 10px;

  padding: 5px 10px;

}

.citylist_item a:hover {

  color: #3874f6;

}

.citylist_item {

  padding-left: 45px;

  position: relative;

  line-height: 1em;

  margin-bottom: -30px;

}

.citylist_box {

  padding-bottom: 37px;

  padding-top: 15px;

  border-bottom: 2px solid #e2ebfe;

}

.citylist_box .leftimg {

  width: 202px;

  display: inline-block;

  position: relative;

  padding-left: 30px;

}

.citylist_box .leftimg:after {

  position: absolute;

  content: '';

  display: block;

  width: 1px;

  height: 100%;

  background: #e6e6e6;

  right: 0;

  bottom: 0;

}

.citylist_box .leftimg-s {

  padding-left: 0;

}

.homes_title {

  font-size: 26px;

  font-weight: bold;

  display: inline-block;

  padding: 0 40px;

  line-height: 1.2em;

  background: url(../img/png/pic3.png) center left no-repeat, url(../img/png/pic4.png) center right no-repeat;

}

.more {

  font-size: 14px;

  color: #999999;

}

.homenews_box {

  margin-top: 10px;

}

.newslist {

  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: 20px 0;

  border-top: 1px solid #e6e6e6;

}

.newslist:nth-child(2) {

  border: 0 !important;

}

.newslist .imgbox {

  width: 144px;

  height: 96px;

  border-radius: 5px;

}

.newslist .fonts {

  flex: 1;

  min-width: 0;

  padding-left: 15px;

}

.newslist .fonts .cons {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  font-size: 13px;

  color: #999;

  margin-bottom: 15px;

}

.fonts .time {

  font-size: 12px;

  color: #b2b2b2;

}

.dage1 {

  font-size: 12px;

  color: #999999;

  padding: 0 5px;

  height: 20px;

  background: #f5f5f5;

  margin-right: 8px;

}



.dage1.active {

    color: #fff;

    background-color: #4c81f6;

}



.select_list {

  width: 96px;

  height: 30px;

  line-height: 28px;

  border-radius: 50px;

  color: #FFFFFF;

  font-size: 13px;

  border: 1px solid #e6e6e6;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  display: none;

  text-align: center;

  margin-left: 30px;

  margin-right: 20px;

}

/* .newslist:hover{background: @cor1; .borR(10px);}

.newslist:hover .imgbox{ .shij2; .dn;}

.newslist:hover .select_list{.dk;}

.newslist:hover .fonts{.pl20;}

.newslist:hover .fonts .title{.cor1; .fb;}

.newslist:hover .fonts .cons{.cor1;opacity: .7;}

.newslist:hover .fonts .dage1{.bag(#5e8ef6); color: rgba(255,255,255,0.6);} */

.phone-newslist{

  display: none;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.phone-newslist .henglineleft {
  padding-top: 5px !important;
}

.dengji {

  line-height: 1em;

  color: #0091db;

  font-size: 14px;

  margin: 20px 0;

}

.dengji i {

  width: 22px;

  height: 22px;

  color: #FFFFFF;

  font-family: 'shuzicu';

  /* 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;

  color: #ff6800;

  font-size: 16px;

  font-style: oblique;

  margin-right: 20px;

  border-radius: 4px;

}

.dengji:nth-child(1),

.dengji:nth-child(2),

.dengji:nth-child(3) {

  color: #ff6800;

}

.dengji:nth-child(1) i,

.dengji:nth-child(2) i,

.dengji:nth-child(3) i {

  background: #ff6800;

  color: #FFFFFF;

}

.yinying {

  box-shadow: 0 0 20px rgba(205, 208, 213, 0.4);

}

.yinying-one {

  border-radius: 8px;

}

.coursebox {

  margin-bottom: 30px;

}

.coursebox .imgbox {

  background: url(../img/png/pic5.png) center / cover;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.coursebox .imgbox .title {

  font-size: 24px;

  font-weight: bold;

  color: #FFFFFF;

  margin-bottom: 10px;

}

.coursebox .imgbox .desc {

  font-size: 14px;

  color: #FFFFFF;

}

.coursebox .fonts {

  height: 115px;

  border: 1px solid #e6e6e6;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  border-top: 0;

  padding: 0 15px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.coursebox .fonts .title {

  font-size: 16px;

  color: #333333;

  height: 68px;

}

.home_titlebox {

  margin-top: 10px;

  margin-bottom: 30px;

  text-align: center;

}

.home_btns {

  width: 180px;

  border: 1px solid #e6e6e6;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  font-size: 14px;

  color: #b2b2b2;

  border-radius: 50px;

  height: 45px;

  line-height: 43px;

  text-align: center;

  cursor: pointer;

  display: inline-block;

  margin-top: 35px;

}

.shengbenbox .yinying {

  border-radius: 8px;

  overflow: hidden;

  position: relative;

}

.shengbenbox .imgbox {

  height: 158px;

}

.shengbenbox .fonts {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 100%;

  background: rgba(56, 116, 246, 0.9);

  padding: 35px 15px 0 20px;

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5);

  -ms-transform: scale(1.5);

  -o-transform: scale(1.5);

  transform: scale(1.5);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  opacity: 0;

}

.line {

  width: 26px;

  height: 4px;

  border-radius: 50px;

  background: #FFFFFF;

}

.shengbenbox .yinying:hover .fonts {

  bottom: 0;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  opacity: 1;

}

.teacherbox {

  height: 280px;

}

.teacherbox:hover {

  box-shadow: 0 0 20px rgba(205, 208, 213, 0.4);

  border-radius: 10px;

}

.teacherbox img {

  padding-top: 45px;

  margin: 0 auto;

  margin-bottom: 30px;

}

.aboutus .leftbox .pr {

  margin-bottom: 5px;

}

.aboutus .leftbox .fonts {

  position: absolute;

  left: 50%;

  top: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  font-size: 16px;

  color: #FFFFFF;

}

.aboutus .linebox {

  width: 50px;

  height: 1px;

  background: #e6e6e6;

  margin-top: 25px;

  margin-bottom: 22px;

}

.aboutus .rightbox {

  flex: 1;

  min-width: 0;

  margin-left: 10px;

  padding: 40px 30px;

  background: url(../img/png/pic19.png);

  position: relative;

}

.aboutus .rightbox .imgbox {

  width: 225px;

  height: 150px;

  margin-right: 4px;

}

.homebottom {

  padding: 0 97px;

}

.homebottom_banner {

  /*margin-bottom: 80px;*/

}

.homebottom_banner .swiper-slide {

  width: 285px;

  border: 1px solid #f4f5f7;

  border-radius: 8px;

  padding: 30px 20px 10px;

}

.homebottom_banner .swiper-slide:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.homebottom .swiper-button-prev,

.homebottom .swiper-button-next {

  width: 41px;

  height: 41px;

  border-radius: 100%;

  background: #3874f6;

}

.homebottom .swiper-button-prev img,

.homebottom .swiper-button-next img {

  width: 20px;

}

.homebottom .swiper-button-prev {

  left: 0;

}

.homebottom .swiper-button-next {

  right: 0;

}

.homebottom .swiper-button-prev:after,

.homebottom .swiper-button-next:after {

  display: none;

}

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

  opacity: 1;

  background: #cccccc;

}

.footerbox {

  background: #1f1f24;

}

.footertop {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -moz-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.footertop dl {

  margin-right: 50px;

}

.footer_contact .leftbox {

  width: 230px;

  padding-left: 40px;

}

.footer_contact .rightbox {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

}

.footer_contact .imgboxicon {

  width: 50px;

  height: 50px;

  border: 1px solid #383841;

  border-radius: 100%;

  /* 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-right: 40px;

}

.footer_info {

  border-top: 1px solid #313135;

  padding: 20px 0;

}

.footer_info .link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  font-size: 14px;

  color: #cccccc;

  margin-top: 10px;

  margin-bottom: 10px;

}

.footer_info .link a {

  font-size: 14px;

  color: #cccccc;

  position: relative;

  padding-right: 15px;

  margin-right: 10px;

  display: inline-block;

  margin-bottom: 5px;

}

.footer_info .link a:after {

  content: '';

  display: block;

  width: 1px;

  height: 10px;

  background: #4c4c50;

  position: absolute;

  right: 0;

  bottom: 4px;

}

.footer_info .link a:last-child::after {

  display: none;

}

.loginbox {

  width: 422px;

  height: 490px;

  background: #FFFFFF;

  position: fixed;

  z-index: 9999;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  left: 50%;

  top: 50%;

  border-radius: 10px;

  overflow: hidden;

  display: none;

}

.loginbox .title {

  border-bottom: 1px solid #e6e6e6;

  height: 87px;

  line-height: 110px;

  font-size: 24px;

  color: #333333;

  text-align: center;

  position: relative;

}

.loginbox .title:after {

  content: '';

  display: block;

  background: #3874f6;

  border-radius: 50px;

  width: 37px;

  height: 6px;

  position: absolute;

  bottom: -2px;

  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;

}

.loginbox .title .close {

  position: absolute;

  right: 14px;

  top: 14px;

  cursor: pointer;

}

.loginbox .content {

  padding: 48px 50px 0;

  height: 340px;

}

.inputform {

  background: #f7f8fa;

  border-radius: 50px;

  overflow: hidden;

  /* 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-bottom: 23px;

  position: relative;

  height: 45px;

  line-height: 45px;

}

.inputform input {

  flex: 1;

  min-width: 0;

  background: transparent;

  border: 0 !important;

  padding: 0 20px;

  font-size: 15px;

}

.inputform .sendcode {

  padding: 0 20px;

  position: relative;

}

.inputform .sendcode:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 50%;

  width: 1px;

  height: 20px;

  background: #ebeced;

  transform: translate(0, 0);

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.loginbox .tips {

  height: 62px;

  line-height: 62px;

  text-align: center;

  font-size: 14px;

  color: #999999;

  background: #f4f6fa;

}

.where-teacher {

  padding-top: 122px;

}

.citylist_item a.active {

  background-color: #3874f6;

  color: #fff;

  border-radius: 15px;

}

.left-menu {

  border-radius: 8px;

  background: #3874f6;

}

.left-menu-item {

  line-height: 1em;

}

.left-menu-item a {

  color: #FFFFFF;

}

.center-c {
  height: 405px;
  width: 990px;
  border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 700px) {
  .center-c {
    height: 405px;
    width: 990px;
    border-radius: 10px;
  }
}


.right-menu {

  border: 1px solid #ededed;

  border-radius: 10px;

}

.right-menu-top-t {

  padding-top: 20px;

}

.right-menu-top-zc {

  padding-top: 20px;

}

.right-menu-top-zc .btn {

  padding: 5px 22px;

  border-radius: 20px;

  background: #3874f6;

  border: 1px solid #3874f6;

}

.right-menu-top-zc .btns {

  background-color: #fff;

}

.right-menu-center-title {

  padding: 0 15px;

  padding-bottom: 12px;

  position: relative;

}

.right-menu-center {

  padding-top: 25px;

}

.right-menu-center-title:after {

  position: absolute;

  display: block;

  content: "";

  width: 25px;

  height: 3px;

  bottom: 0;

  left: 15px;

  background: #ff6800;

}

.right-menu-center-con {

  padding: 0 15px;

}

.right-menu-top .img-x {

  width: 46px;

  height: 46px;

}

.dengji-one {

  line-height: 1em;

  color: #0091db;

  font-size: 14px;

  margin: 17px 0;

}

.dengji-one i {

  width: 18px;

  height: 18px;

  color: #FFFFFF;

  font-family: 'shuzicu';

  /* 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;

  color: #ff6800;

  font-size: 16px;

  font-style: oblique;

  margin-right: 8px;

  border-radius: 4px;

}

.dengji-one:nth-child(1),

.dengji-one:nth-child(2),

.dengji-one:nth-child(3) {

  color: #ff6800;

}

.dengji-one:nth-child(1) i,

.dengji-one:nth-child(2) i,

.dengji-one:nth-child(3) i {

  background: #ff6800;

  color: #FFFFFF;

}

.left-bx {

  border-radius: 8px;

  border: 1px solid #6183e5;

  padding: 18px 0;

}

.left-bx.left-bx-bg-one {

  border-color: #5faeff;

}

.left-bx.left-bx-bg-two {

  border-color: #64d8c9;

}

.left-bx.left-bx-bg-three {

  border-color: #ff8e63;

}

.left-bx.left-bx-bg-four {

  border-color: #feba3f;

}

.content-left-title:after {

  position: absolute;

  display: block;

  content: "";

  width: 5px;

  height: 20px;

  left: 0;

  top: 10px;

  background: #3874f6;

  border-radius: 20px;

}

.content-left-title {

  padding-bottom: 24px;

}

.content-left-box .content-left-bot {

  height: 310px;

  background: #dfe6fa;

  border-radius: 8px;

  margin-top: 3px;

}

.content-left-bot .content-left-bot-mid {

  background: #6183e5;

  border-radius: 8px;

}

.content-left-box .bot-one {

  background: #dfefff;

}

.content-left-box .bot-two {

  background: #e0f7f4;

}

.content-left-box .bot-three {

  background: #ffe8e0;

}

.content-left-box .bot-four {

  background: #fff1d9;

}

.content-left-bot .bot-mid-one {

  background: #5faeff;

}

.content-left-bot .bot-mid-two {

  background: #64d8c9;

}

.content-left-bot .bot-mid-three {

  background: #ff8e63;

}

.content-left-bot .bot-mid-four {

  background: #feba3f;

}

.content-left-bot-mid .item {

  padding: 8px 0;

}

.content-left-bot-mid .wangzhi {

  text-decoration: underline;

}

.content-left-box .baoming {

  border: 1px solid #ff0014;

  text-align: center;

  padding: 5px 15px;

  color: #fb3f48;

  border-radius: 20px;

}

.content-left-bot .xueke {

  background: #f17038;

  text-align: center;

  border-radius: 8px;

}

.content-right-con a {

  background: #dbefff;

  background-image: linear-gradient(to right,#e0daed,#dfedfd);

  margin-bottom: 10px;

  display: inline-block;

  border-radius: 20px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  color: #4d4d4d;

}

.content-right-con a.active {

  color: #3874f6;

}

.content-right-con a:hover {

  color: #3874f6;

}

.seek-top-right a {

  padding: 0 20px;

  position: relative;

  font-size: 16px;

}

.seek-top-right a.active {

  color: #3874f6;

}

.seek-top-right a:after {

  display: block;

  content: "";

  position: absolute;

  width: 1px;

  height: 16px;

  left: 0;

  top: 4px;

  background: #ededed;

}

.seek-top-right a:first-child:after {

  display: none;

}

.seek-top-right a:last-child {

  padding-right: 0;

}

.seek-content .seek-content-left {

  border-radius: 10px;

}

.seek-content-left .swiper-pagination {

  width: auto;

  right: 10px;

  left: auto;

  bottom: 15px;

}

.seek-content-left-bt {

  position: absolute;

  bottom: 0;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

  background: rgba(0, 0, 0, 0.5);

  width: 100%;

  padding: 15px;

}

.seek-content-center .imgs-box {

  width: 144px;

  height: 96px;

  border-radius: 10px;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.seek-center-bottom .item {

  padding: 15px 0;

  border-bottom: 1px dashed #e6e6e6;

}

.seek-center-bottom .item:hover {

  color: #3874f6;

}

.seek-center-bottom .item:last-child {

  border: none;

}

.teachersbox {

  margin-bottom: 30px;

  position: relative;

}

.teachersbox .imgbox {

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.teachersbox .fonts {

  height: 210px;

  border: 1px solid #e6e6e6;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  border-top: 0;

  padding: 0 15px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.teachersbox .fonts .xian {

  width: 20px;

  height: 2px;

  background: #e6e6e6;

  margin: 15px 0 20px 0;

}

.teachersbox .fonts .btns {

  width: 80px;

  height: 30px;

  line-height: 30px;

  background: #3874f6;

  text-align: center;

  border-radius: 20px;

  color: #FFFFFF;

  cursor: pointer;

  margin-top: 10px;

}

.zhenti-top {

  margin-right: 20px;

}

.header-fen ul li > a {

  margin: 0 18px;

  font-size: 15px;

}

.header_info .searchbox-one {

  width: 210px;

  height: 36px;

}

.header_info .loginimg-one {

  width: 35px;

  height: 35px;

}

.flow-box .flow-item {

  width: 165px;

  height: 120px;

  background: url(../img/jpg/m-pic10.jpg) center / cover;

  border-radius: 10px;

  margin-right: 2px;

}

.flow-box .flow-item .title {

  font-style: italic;

  color: #3874f6;

  font-weight: bold;

}

.flow-item .jiao {

  transform: translateY(-50%);

  top: 50%;

  right: -20px;

  width: 0;

  height: 0;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  border-left: 20px solid #d2e0f8;

  z-index: 3;

}

.flow-item .jiao-one {

  transform: translateY(-50%);

  top: 50%;

  left: 0px;

  width: 0;

  height: 0;

  border-top: 22px solid transparent;

  border-bottom: 22px solid transparent;

  border-left: 22px solid #fff;

  z-index: 2;

}

.footer-t {

  border: none;

  padding-left: 15px;

}

.footer-tops {

  border-bottom: 1px solid #313135;

}

.imgboxicon-on {

  margin-right: 40px;

  padding: 10px 10px;

  border: 1px solid #34343d;

  border-radius: 100%;

}

.setuser_box {

  width: 730px;

  padding-top: 90px;

}

.userimgbox {

  width: 150px;

  height: 150px;

  border-radius: 100%;

  position: relative;

}

.userimgbox .filebtn {

  position: absolute;

  right: 0;

  bottom: 0;

  border-radius: 100%;

  background: #3874f6;

  width: 46px;

  height: 46px;

  /* 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;

}

.userimgbox .filebtn input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  cursor: pointer;

  width: 100%;

  height: 100%;

}

.formitems {

  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;

  height: 90px;

}

.formitems .bastxt {

  width: 113px;

  font-size: 16px;

  color: #999999;

}

.linetitle {

  position: relative;

  line-height: 1em;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -o-align-items: center;

  align-items: center;

}

.linetitle:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 50%;

  width: 6px;

  height: 20px;

  border-radius: 50px;

  background: #3874f6;

  transform: translate(0, 0);

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.linetitles:after {

  top: 65%;

}

.linetitle-s img {

  margin-top: 3px;

}

.noticelist .imgbox {

  width: 135px;

  height: 90px;

  border-radius: 10px;

}

.badge {

  padding: 0 5px;

  height: 22px;

  line-height: 22px;

  font-size: 12px;

  color: #666666;

  background: #f5f5f5;

  font-weight: 100;

}

.dialog {

  width: 860px;

  height: 500px;

  background: #FFFFFF;

  position: fixed;

  z-index: 9999;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  left: 50%;

  top: 50%;

  border-radius: 10px;

  overflow: hidden;

}

.dialog .close {

  position: absolute;

  right: 14px;

  top: 14px;

  cursor: pointer;

}

.enroll_dialog .content {

  padding: 0 50px;

  padding-top: 45px;

}

.dialog .title {

  padding: 0 45px;

}

.labelform {

  width: 98px;

  display: inline-block;

  text-align: right;

}

.labelform-w {
  width: 72px;
}

.enroll_dialog .inputform {

  width: 300px;

}

.inputform-w {
   width: 150px !important;
}

.enroll_dialog .inputlong {

  width: 385px;

}

.check {

  height: 20px;

  line-height: 20px;

  position: relative;

  cursor: pointer;

}

.check label {

  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;

}

.check .option {

  width: 20px;

  height: 20px;

  background: url(../img/png/pic32.png) no-repeat;

}

.check input[type="checkbox"] {

  display: inline-block;

  opacity: 0;

  height: 100%;

}

.check input[type="checkbox"]:checked + div {

  background: url(../img/png/pic32-2.png) no-repeat;

}

.xiayiye {

  padding: 30px 0 65px;

  text-align: center;

  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;

}

.xiayiye a {

  border: 1px solid #ededed;

  height: 36px;

  line-height: 34px;

  padding: 0 12.5px;

  display: inline-block;

  margin: 0 5px;

  font-size: 14px;

  color: #666666;

  border-radius: 5px;

}

.xiayiye a:hover {

  background: #3874f6;

  color: #FFFFFF;

}

.xiayiye a.active {

  background: #3874f6;

  color: #FFFFFF;

}

.xiayiye input {

  width: 52px;

  height: 36px;

  border: 1px solid #ededed;

  margin: 0 10px;

}

.xiayiye button {

  height: 36px;

  line-height: 36px;

  background: #f4f5f7;

  border: 0 !important;

  font-size: 14px;

  color: #666666;

  padding: 0 10px;

}

.paixu {

  margin: 0 28px;

  font-size: 15px;

  color: #666666;

  position: relative;

  line-height: 1em;

  display: inline-block;

}

.paixu:after {

  content: '';

  display: block;

  width: 1px;

  height: 14px;

  background: #e6e6e6;

  position: absolute;

  right: -28px;

  top: 0;

}

.paixu:last-child:after {

  display: none;

}

.paixu:first-child {

  margin-left: 0px;

}

.paixu.actived {

  color: #3874f6;

  font-weight: bold;

}

.address {

  margin: 0 1.5rem;

}

.detail_left_img .imgbox {

  width: 100%;

  height: 212px;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.detail_right_info {

  flex: 1;

}

.detail_right_info .title {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  line-height: 1em;

  margin-bottom: 20px;

}

.detail_right_info .desc {

  font-size: 18px;

  color: #666666;

  line-height: 28px;

}

.detail_right_info .kbtn {

  width: 150px;

  height: 40px;

  line-height: 40px;

}

.detailinfo_cons {

  width: 860px;

}

.tabs {

  background: #f8f8f8;

  border-bottom: 1px solid #e6e6e6;

}

.tabs a {

  height: 55px;

  line-height: 55px;

  padding: 0 25px;

  font-size: 16px;

  color: #666666;

}

.tabs a.actived {

  color: #3874f6;

  position: relative;

}

.tabs a.actived:after {

  content: '';

  display: block;

  width: 26px;

  height: 4px;

  position: absolute;

  background: #3874f6;

  bottom: -12px;

  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;

  border-radius: 50px;

}

.contentbox {

  padding: 0 15px;

}

.detail {

  margin-top: 70px;

  margin-bottom: 40px;

}

.detail_recombox {

  width: 290px;

}

.trophy {

  position: absolute;

  right: -17px;

  top: -22px;

}

.teacher_list_item {

  margin-bottom: 30px;

}

.teacher_list_item .pr {

  border-radius: 8px;

}

.teacher_list_item .imgbox {

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.teacher_list_item .title {

  width: 100%;

  height: 88px;

  border: 1px solid #e6e6e6;

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  border-top: 0;

  padding: 0 20px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.teacher_list_item .fonts {

  position: absolute;

  left: 0;

  bottom: 0;

  top: 0;

  right: 0;

  background: rgba(56, 116, 246, 0.9);

  padding: 20px 15px 0 20px;

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5);

  -ms-transform: scale(1.5);

  -o-transform: scale(1.5);

  transform: scale(1.5);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  opacity: 0;

}

.selectxq {

  border: 1px solid #a6c1fb;

  height: 32px;

  line-height: 30px;

  font-size: 13px;

  color: #FFFFFF;

  display: inline-block;

  padding: 0 15px;

  border-radius: 50px;

}

.teacher_list_item:hover .fonts {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

  opacity: 1;

}

.teacher_detail {

  margin-bottom: 30px;

}

.teacher_detail .imgbox {

  height: 310px;

}

.teacher_detail .fonts {

  height: 130px;

  background: url(../img/png/pic36.png) center / cover;

  padding-top: 18px;

  display: flex;

  flex-direction: column;

  align-content: center;

  justify-content: center;

}

.teacher_detail .fonts .desc {

  line-height: 1em;

  padding: 10px 30px;

  border: 1px solid #9cbafb;

  border-radius: 50px;

  /* 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;

  color: #FFFFFF;

}

.detail_notice .imgbox {

  width: 90px;

  height: 60px;

  border-radius: 5px;

}

.list-box {

  background: #f8f8f8;

}

.list-box .borR15 {

  border-radius: 15px;

}

.list-box .items {

  margin: 7px 20px 7px 0;

}

.seek-two-left .seek-two-left-c {

  background: #3874f6;

  border-radius: 6px;

}

.seek-two-left-c .seek-two-left-l {

  color: #d1dcfc;

}

.seek-two-left-c .seek-two-left-r {

  padding: 5px 10px;

  border: 1px solid #fff;

  border-radius: 20px;

  cursor: pointer;

}

.seek-two-left-l .seek-two-left-bt .buts {

  background: #5e8ef6;

  color: #c3d2fb;

  padding: 0 5px;

  border-radius: 5px;

}

.seek-two-left-l .seek-two-left-bt .time {

  color: #c3d2fb;

}

.student_list_item .imgbox {

  width: 100%;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.prev-s:after {

  position: absolute;

  display: block;

  content: "";

  width: 1px;

  height: 16px;

  right: 0;

  top: 6px;

  background: #e6e6e6;

}

.pages-content .times {

  padding-right: 10px;

  position: relative;

}

.pages-content .times:after,

.pages-content .where-s:after {

  position: absolute;

  width: 1px;

  height: 12px;

  display: block;

  content: " ";

  background: #e6e6e6;

  top: 1px;

  right: 0;

}

.pages-content .where-s {

  padding: 0 10px;

}

.pages-content {

  display: flex;

  flex-wrap: wrap;

}

.tab-one {

  background: #FFFFFF;

  border: none;

}

.tab-one a {

  padding: 0;

  margin-right: 40px;

}

.tab-one a.actived:after {

  bottom: -16px;

}

.student-best {

  border: 1px solid #e6e6e6;

  border-radius: 8px;

}

.student-best .best-img-box {

  width: 90px;

  height: 90px;

  border-radius: 8px;

}

.student-best .xian {

  width: 20px;

  height: 2px;

  background: #e6e6e6;

}

.student-best .mark-box .student-mark {

  background: #3874f6;

  color: #FFFFFF;

  border-top-right-radius: 15px;

  border-bottom-right-radius: 15px;

  padding-left: 20px;

  padding-right: 10px;

}

.student-best .mark-box {

  margin-left: -15px;

}

.student-best .hat {

  right: -20px;

  top: -15px;

}

.swiper4 .swiper-slide {

  width: 270px;

}

.swiper-pagination-on {

  right: 15px;

  top: 26px;

}

.swiper-pagination-on .swiper-pagination-bullet {

  margin: 0 4px;

}

.student-about .imgbox {

  height: 158px !important;

}

.bofang {

  position: absolute;

  right: 10px;

  bottom: 10px;

  cursor: pointer;

}

.student-about .title {

  height: 60px;

  line-height: 60px;

  padding: 0 15px;

}

.company-about-item {

  padding: 25px 20px 25px 25px;

  border-bottom: 1px solid #e6e6e6;

  cursor: pointer;

}

.company-about-item:last-child {

  border-bottom: none;

}

.company-about-left .items:hover {

  background: #f3f5f8;

  border-left: 4px solid #e0e2e5;

}

.timeLine {

  margin: 20px auto 0;

  overflow: hidden;

  position: relative;

}

.timeLine li {

  background: url(../img/png/m-pic22.png) repeat-y 11.5px 0;

  padding-bottom: 60px;

  zoom: 1;

  display: flex;

}

.timeLine li:after {

  content: " ";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.timeLine li:last-child {

  background: none !important;

}

.timeLine li .con {

  background: url(../img/jpg/m-pic7.jpg) no-repeat 0 0;

  width: 100%;

  display: inline-block;

  padding-left: 60px;

}

.timeLine li .con img {

  max-width: 100%;

}

.zhaopin-box {

  background: #f7f7f7;

  border-radius: 8px;

}

.zhankai {

  background: url(../img/png/m-pic23.png) center / cover;

  width: 18px;

  height: 8px;

}

.guanbi {

  background: url(../img/png/m-pic24.png) center / cover;

  width: 18px;

  height: 8px;

}

.zhaopin-bt {

  background: #f5f8ff;

  padding: 35px 30px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.zhaopin-box.acitves {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  background: #3874f6;

}

.zhaopin-box.acitves .f18 {

  color: #FFFFFF;

}

.zhaopin-box.acitves .open-con-one {

  color: #FFFFFF;

}

.zhaopin-box.acitves .fa-chevron-down {

  color: #FFFFFF;

}

.fa-chevron-down.xz {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.rongyu img {

  width: 100%;

}

.swiper5 {

  height: 232px;

}

.swiper5 .swiper-wrapper {

  align-items: flex-end;

}

.button-prev {

  position: absolute;

  width: 45px;

  height: 45px;

  z-index: 10;

  top: 50%;

  left: -56px;

}

.button-next {

  position: absolute;

  width: 45px;

  height: 45px;

  z-index: 10;

  top: 50%;

  right: -56px;

}

.fenxiangs {

  background: #f3f5f8;

  color: #9598a2;

  padding: 4px 10px;

  border-radius: 8px;

}

.fenxiangs img {

  margin-left: 10px;

}

.footer-bottems {

  z-index: 3;

  background: #FFFFFF;

  position: fixed;

  bottom: 0;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  right: 0;

  left: 0;

  margin: 0 auto;

}

.zhekou {

  color: #b3b5bc;

}

.gou-btn {

  background: #3874f6;

  padding: 10px 30px;

  border-radius: 20px;

}

.video-title a.actived {

  font-size: 24px;

  color: #3874f6;

}

.video-title a {

  margin-right: 50px;

}

.title-con {

  height: 92px;

  padding: 10px;

  border: 1px solid #e6e6e6;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.times-one {

  background: rgba(0, 0, 0, 0.5);

  border-radius: 20px;

  padding: 0 10px;

  left: 10px;

  bottom: 8px;

}

.times-two {

  background: rgba(0, 0, 0, 0.5);

  border-radius: 20px;

  padding: 0 10px;

}

.bofang-number:after {

  position: absolute;

  content: "";

  display: block;

  background: #262626;

  width: 1px;

  height: 25px;

  right: 0;

  top: 0px;

}

.video-boxs .video-right {

  background: #1a1a1a;

  padding: 10px 20px 10px 20px;

  border-top-right-radius: 10px;

  border-bottom-right-radius: 10px;

}

.video-right .imgbox {

  height: 115px;

  border-radius: 10px;

  width: 240px;

  margin-top: 10;

  margin-bottom: 20px;

}

.video-right-bt {

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  bottom: 0;

  padding: 0 10px;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

}

.chakan {

  background: #3874f6;

  padding: 10px 0;

  border-radius: 8px;

  text-align: center;

}

.shaixuan .actives {

  background: #3874f6;

  color: #FFFFFF;

}

.shaixuan .actives:after {

  width: 0;

  height: 0;

  border-top: 5px solid #3874f6;

  border-right: 5px solid transparent;

  border-left: 5px solid transparent;

  z-index: 2;

  position: absolute;

  display: block;

  content: " ";

  bottom: -5px;

  left: 50%;

  transform: translateX(-50%);

}

.teach-wh {

  border-radius: 10px;

}

.teach-wh .img-box img {

  width: 100%;

}

.teach-wh-one .img-box-one img {

  width: 100%;

}

.teach-wh .teach-wh-right {

  border: 1px solid #e6e6e6;

  padding-left: 30px;

  padding-right: 25px;

}

.teach-wh-right .itme {

  background: #e7f0f9;

  line-height: 1em;

  padding: 10px;

  border-radius: 8px;

}

.teach-right-btn {

  border: 1px solid #3874f6;

  border-radius: 50%;

  width: 44px;

  height: 44px;

}

.teach-wh:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.teach-wh:hover .teach-wh-right-title {

  color: #3874f6;

}

.teach-wh:hover .teach-right-btn {

  background: #3874f6;

}

.teach-wh:hover .teach-right-btn .fa-chevron-right {

  color: #FFFFFF;

}

.teach-wh-right-one {

  border: none !important;

}

.linetitle-s:after {

  height: 18px;

}

.map-box-img img {

  width: 100%;

  border-radius: 10px;

  height: 400px;

}

.map-box-img {

  height: 400px;

}

.fen-school-right {

  display: flex;

  align-items: flex-end;

  border-radius: 10px;

}

.fen-school-right img {

  width: 100%;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

}

.system-box-one {

  width: 200px;

  margin-right: 2px;

}

.system-box-two {

  width: 392px;

  margin-right: 2px;

}

.system-box-three {

  width: 300px;

  margin-right: 2px;

}

.system-box-bt {

  height: 436px;

}

.system-box-bt .system-box-bt-top {

  height: 180px;

  margin-top: 2px;

  background: #6082e5;

  border-radius: 8px;

  padding: 30px;

}

.system-box-bt .system-box-bt-center {

  height: 140px;

  margin-top: 2px;

  background: #6082e5;

  border-radius: 8px;

  padding: 30px;

}

.system-box-bt .system-box-bt-fot {

  height: 110px;

  margin-top: 2px;

  background: #6082e5;

  border-radius: 8px;

  padding: 30px;

}

.system-bt-one {

  background: #5faeff !important;

}

.system-box-bt-two {

  background: #ff8f63;

  border-radius: 8px;

  margin-top: 2px;

}

.system-box-bt-two-top {

  line-height: 1em;

  padding: 20px 98px;

  border-radius: 8px;

  background: #ff7a4c;

}

.system-box-bt-three {

  background: #ffbb3b;

  border-radius: 8px;

  margin-top: 2px;

  padding: 30px;

}

.jiao-four {

  transform: translateY(-50%);

  top: 50%;

  right: -9px;

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 10px solid #6082e5;

  z-index: 3;

}

.jiao-five {

  transform: translateY(-50%);

  top: 50%;

  left: 0;

  width: 0;

  height: 0;

  border-top: 11px solid transparent;

  border-bottom: 11px solid transparent;

  border-left: 11px solid #fff;

  z-index: 2;

}

.system-box-bt .item {

  background: #539cfc;

  color: #FFFFFF;

  border-radius: 6px;

  padding: 0 10px;

  margin: 0 10px;

  height: 25px;

}

.two-sao {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

}

.piaofu-bt {

  background: #f7f9ff;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

}

.asid_share {

  position: fixed;

  right: 20px;

  z-index: 997;

  top: 30%;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 35px;

}

.asid_share_box {

  width: 70px;

  height: 70px;

  background: #FFFFFF;

}

.asid_share_box:first-child {

  border-top-right-radius: 35px;

  border-top-left-radius: 35px;

}

.asid_share_box:last-child {

  display: none;

  border-bottom-right-radius: 35px;

  border-bottom-left-radius: 35px;

}

.asid_share_box .boxx {

  display: none;

}

.asid_share_box .fonts {

  font-size: 12px;

  color: #999999;

  margin-top: 5px;

}

.asid_share_box .cuserbox {

  background: #3874f6;

  position: absolute;

  right: 0;

  z-index: 1;

  height: 70px;

  top: 0;

  width: 280px;

  border-bottom-left-radius: 35px;

  border-top-left-radius: 35px;

  border-top-right-radius: 35px;

}

.asid_share_box .saomabox {

  background: #3874f6;

  position: absolute;

  right: 70px;

  z-index: 1;

  height: 70px;

  top: 0;

  width: 188px;

  height: 220px;

  padding-top: 20px;

}

.asid_share_box .saomabox img {

  width: 152px;

  height: 152px;

  margin: 0 auto;

}

.asid_share_box .yijianbox {

  background: #FFFFFF;

  position: absolute;

  right: 70px;

  z-index: 1;

  height: 70px;

  top: 0;

  width: 448px;

  height: 280px;

  padding-top: 20px;

  padding-left: 20px;

  padding-right: 20px;

}

.asid_share_box .adid_icon-one {

  width: 14px;

  height: 18px;

}

.asid_share_box .adid_icon-two {

  width: 17px;

  height: 17px;

}

.asid_share_box .adid_icon-three {

  width: 17px;

  height: 17px;

}

.asid_share_box .adid_icon-four {

  width: 19px;

  height: 15px;

}

.asid_share_box .adid_icon-five {

  width: 13px;

  height: 16px;

}

.asid_share_box .adid_icon_1 {

  background: url(../img/png/pic87.png) bottom right;

}

.asid_share_box:hover .cuserbox {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -o-align-items: center;

  align-items: center;

}

.asid_share_box:hover .adid_icon_1 {

  background: url(../img/png/pic87.png) top right;

}

.asid_share_box .adid_icon_2 {

  background: url(../img/png/m-pic43.png) bottom right;

}

.asid_share_box:hover .adid_icon_2 {

  background: url(../img/png/m-pic43.png) top right;

}

.asid_share_box .adid_icon_3 {

  background: url(../img/png/m-pic39.png) bottom right;

}

.asid_share_box:hover .adid_icon_3 {

  background: url(../img/png/m-pic39.png) top right;

}

.asid_share_box .adid_icon_4 {

  background: url(../img/png/m-pic38.png) bottom right;

}

.asid_share_box:hover .adid_icon_4 {

  background: url(../img/png/m-pic38.png) top right;

}

.asid_share_box .adid_icon_5 {

  background: url(../img/png/m-pic41.png) bottom right;

}

.asid_share_box:hover .adid_icon_5 {

  background: url(../img/png/m-pic41.png) top right;

}

.asid_share_box .adid_icon_6 {

  background: url(../img/png/m-pic40.png) bottom right;

}

.asid_share_box:hover .adid_icon_6 {

  background: url(../img/png/m-pic40.png) top right;

}

.asid_share_box .adid_icon_7 {

  background: url(../img/png/kefu-c.png) bottom right;

}

.asid_share_box:hover .adid_icon_7 {

  background: url(../img/png/kefu-c.png) top right;

}

.asid_share_box:hover .saomabox,

.asid_share_box:hover .yijianbox {

  display: block;

}

.detail_left_img-bt {

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.guang-gao-index {

  width: 100%;

  height: 70px;

  background: url(../img/png/m-pic45.png) center / cover;

  cursor: pointer;

}

.guang-gao-index .guang-gao-img {

  height: 70px;

  width: 100%;

}

.guang-gao-close {

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

.swiper-word {

  height: 30px;

}

.where-many a {

  display: inline-block;

  color: #333;

  width: 32%;

  text-align: center;

  margin-bottom: 10px;

  padding: 2.5px 0;

}

.where-many {

  background: #fff;

  position: absolute;

  z-index: 999;

  width: 100%;

  top: 60px;

  padding: 15px 15px;

  border-radius: 4px;

}

.where-ds.open img {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.list-ca-chevron.open img {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: 0.35s;

  -moz-transition: 0.35s;

  -ms-transition: 0.35s;

  -o-transition: 0.35s;

  transition: 0.35s;

}

.coursebox-bg {

  background: url(../img/jpg/m-pic23.jpg) center / cover;

  height: 245px;

  border-radius: 8px;

}

.coursebox-bg-one {

  background: url(../img/jpg/m-pic24.jpg) center / cover;

  height: 245px;

  border-radius: 8px;

}

.coursebox-bg-two {

  background: url(../img/jpg/m-cl2.jpg) center / cover;

  height: 245px;

  border-radius: 8px;

}

.coursebox-bg-three {

  background: url(../img/jpg/m-cl1.jpg) center / cover;

  height: 245px;

  border-radius: 8px;

}

.coursebox-bg-box {

  padding: 30px;

}

.coursebox-bg-box .btns {

  border: 1px solid #fff;

  width: 115px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 20px;

}

.center-c .swiper-slide {

  width: 780px;

}

.coursebox-bg-box-one {

  padding-bottom: 0;

}

.bottem-s {

  width: 100%;

  display: block;

  height: 50px;

  line-height: 50px;

  margin-top: 40px;

  padding-left: 10px;

  padding-right: 10px;

}

.tuijian-box a {

  color: #333333;

}

a.textEll{

  display: block;

}



.student-imgs img{display: inline-block;}



.cagory{border: 1px solid #E6E6E6;border-radius: 20px;width: 32%;text-align: center;margin-bottom: 10px;padding: 2.5px 0;margin-right: 5px;}

.cagory:nth-child(3n){margin-right: 0;}



.cagory.active{background: #3874f6;color: #fff;border-color:#3874f6;}



.weui-btn_primary{background: #3874f6 ! important;}

.new_tiitle_box_right .f30{

	font-size: 20px;

	font-weight: bold;

	display: inline-block;

	padding: 0 40px;

	line-height: 1.2em;

	background: url(../img/png/pic3.png) center left no-repeat, url(../img/png/pic4.png) center right no-repeat;

}

.seek-two-right .f18{

	display: inline-block;

	padding: 0 40px;

	line-height: 1.2em;

	background: url(../img/png/pic3.png) center left no-repeat, url(../img/png/pic4.png) center right no-repeat;

	border-bottom: none;

}

.seek-two-right .f18::after{

  display: none;

}

.content_all.f18{

	font-size: 16px;

}

.banner .swiper-pagination-bullet{background: #fff;}
.top_top a {font-size: 14px;}
.top_top img{width: 20px;}
.pr5{padding-right: 5px;}

.img-wrap{
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  background: #e8e8e8;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 144px;
}
.img-wrap img{
  width: 144px;height: 96px;
  max-width: 100%;
  vertical-align: middle;
  -webkit-transition: all .5s ease-out .1s;
  -moz-transition: all .5s ease-out .1s;
  transition: all .5s ease-out .1s;
}
.img-wrap:hover img{
  -webkit-transform: matrix(1.04,0,0,1.04,0,0);
  -moz-transform: matrix(1.04,0,0,1.04,0,0);
  transform: matrix(1.04,0,0,1.04,0,0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.img-wrap_s{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  /* display: inline-block; */
  cursor: pointer;
  text-align: center;
  background: #e8e8e8;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
}
.img-wrap_s img{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;height: 8.125rem;
  max-width: 100%;
  vertical-align: middle;
  -webkit-transition: all .5s ease-out .1s;
  -moz-transition: all .5s ease-out .1s;
  transition: all .5s ease-out .1s;
}
.img-wrap_s:hover img{

  -webkit-transform: matrix(1.04,0,0,1.04,0,0);
  -moz-transform: matrix(1.04,0,0,1.04,0,0);
  transform: matrix(1.04,0,0,1.04,0,0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.img-wrap_test{
  width: 135px;
}
.img-wrap_test img{
  width: 135px;
  height: 90px;
}
.img-wrap_notice{
  width: 90px;
  border-radius: 8px;
}
.img-wrap_notice img{
  width: 90px;
  height: 60px;
  border-radius: 8px;
}
.clearfixs{
  width: 380px;
}
.clearfixs li{
  width: 175px;
  height: 50px;
  border-radius: 4px;
  margin-bottom: 18px;
  text-align: center;
  line-height: 50px;
  width: 48.5%;
  height: 50px;
  background-color: #58d382;
  border-radius: 4px;
  position: relative;
  /* 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; */

}
.clearfixs li a{
  /* 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; */
  display: block;
  color: #fff;
  font-size: 14px;
}
.clearfixs  li img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16%;
}
.clearfixs li span {
  margin-left: 20%;
}
.clearfixs .li_two {
  background-color: #46b0fe;
}
.clearfixs .li_three {
  background-color: #7b8aea;
}
.clearfixs .li_four {
  background-color: #899edd;
}
.clearfixs .li_five {
  background-color: #bf85fe;
}
.clearfixs .li_six {
  background-color: #d839f9;
}


.guanggao_s{width: 240px;;height: 128px;border-radius: 4px;margin-left: 30px;margin-top: 70px;}
/* .clearfixs .li_seven {
  background-color: #7b8aea;
} */

.real_lables a{
  padding: 0 16px;margin-right: 10px;margin-bottom: 5px;font-size: 16px;border-radius: 21px;
  background: #F8FAFC;display: block;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.real_lables a:hover, .real_lables a.ons {
  background: #0091db;
  color: #fff;
  cursor: pointer !important;
}
.seek-content-center_phone{width: 100% !important;}
.code_show{position: absolute;top:30px;left: 0;z-index: 9999;display: none;}
.menubox .menuitem a{
  font-size: 16px;
}
.code_show_hover{
  transition: none !important;
}
.code_show_hover:hover .code_show{
  display: block;
  z-index: 9999;
  transition: 0 !important;
}
.leftimg img{margin-right: 45px;}
.pc_test_show{margin-top: 0 !important;}

.school_list_item{width: 100%;
  height: 202px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #3874f6;
  padding: 18px 40px 34px 27px;
  box-sizing: border-box;
  margin-top: 30px;

}

  .school_img{width: 104px;margin-top: 20px;border-radius: 50%;height: 104px;}

  .details h6 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #3874f6;
}

.details p {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.details p span {
  margin-right: 10px;
}
.details p b {
  display: inline-block;
  font-size: 16px;
  color: rgb(245,152,96);
  padding: 2px 8px;
  /* border: 1px solid #3874f6; */
  font-weight: 400;
  border-radius: 6px;
  margin: 5px 0;
  margin-right: 5px;
  background: rgba(245,152,96,0.1)
}
.school_list_item a {
  width: 128px;
  padding: 10px 0;
  /* height: 40px; */
  background-color: #3874f6;
  border-radius: 6px;
  border: solid 1px #3874f6;
  font-size: 16px;
  /* line-height: 40px; */
  color: #ffffff;
  text-align: center;
  display: block;
  margin-top: 10px;
}
.school_where{
  width: 28px;
}
.school_banner{height: 400px;}
.school_banner_title{font-size: 48px;color: #fff;}
.school_banner_title_one{font-size: 40px;color: #fff;margin-top: 20px;}
.screenBox dl {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.screenBox dl dt {
  color: #888;
  font-size: 14px;
  line-height: 56px;
  float: left;
  width: 14%;
  text-align: center;
  border-right: 1px solid #dcdcdc;
}
.screenBox dl dd {
  position: relative;
  float: left;
  margin-bottom: 16px;
  width: 85%;
}
.screenBox dl dd a.selected {
  background-color: #3874f6;
  border-radius: 6px;
  color: #fff;
}
.screenBox dl dd a {
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  display: inline-block;
  padding: 0 14px;
  height: 29px;
  margin-left: 20px;
  text-align: center;
  margin-top: 5px;
  transition: all 0.3s ease-in-out;
}
.screenBox dl dd a:hover {
  background-color: #3874f6;
  border-radius: 6px;
  color: #fff;
}
.list_cap_box{
  width: 100%;
  position: relative;
}
.list_cap_img {
  position: absolute;
}
.list_cap_img img {
  width: 100%;
  height: 563px;
}
.list_caption {
  /* padding-left: 15%; */
  height: 570px;
}
.list_caption dl dd {
  color: #fff;
  position: relative;
}
.list_caption dl dd:nth-child(2) span {
  color: #ffe400;
}
.list_caption dl dd:nth-child(4) p {
  display: inline-block;
  margin-right: 100px;
}
.list_caption dl dd:nth-child(4) p b {
  display: block;
}
.list_caption dl dd:nth-child(4) p span {
  font-size: 60px;
  color: #ffe400;
  display: inline-block;
}
.list_caption dl dd:first-child {
  font-size: 48px;
  color: #ffe400;
  line-height: 42px;
  padding-top: 26px;
}
.list_caption dl dd:nth-child(2) {
  font-size: 48px;
  font-weight: 700;
  width: 600px;
}
.list_caption dl dd:nth-child(3) {
  font-size: 22px;
  font-weight: 100;
}
.list_caption dl dd:nth-child(4) {
  font-size: 18px;
  font-weight: 700;
  margin-top: 25px;
}
.list_caption dl dd {
  color: #fff;
  position: relative;
}
.list_caption dl dd:nth-child(6) {
  font-size: 20px;
  font-weight: 100;
  line-height: 14px;
  color: #ffffff;
  margin-top: 15px;
}
.list_caption dl dd:nth-child(5) span {
  width: 79px;
  height: 30px;
  border-radius: 7px;
  border: dashed 1px #fef55e;
  font-size: 16px;
  font-weight: 100;
  line-height: 14px;
  color: #ffe400;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  margin-right: 25px;
}
.list_caption dl dd:nth-child(5) span {
  width: 79px;
  height: 30px;
  border-radius: 7px;
  border: dashed 1px #fef55e;
  font-size: 16px;
  font-weight: 100;
  line-height: 14px;
  color: #ffe400;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  margin-right: 25px;
}
.list_caption dl dd:nth-child(7) a {
  width: 158px;
  height: 46px;
  background-color: #ffe400;
  border-radius: 7px;
  font-size: 22px;
  line-height: 46px;
  color: #3874f6;
  display: inline-block;
  margin-right: 48px;
  text-align: center;
  margin-top: 26px;
  transition: all .3s ease-in-out;
}
.list_caption dl dd:nth-child(7) a {
  width: 158px;
  height: 46px;
  background-color: #ffe400;
  border-radius: 7px;
  font-size: 22px;
  line-height: 46px;
  color: #3874f6;
  display: inline-block;
  margin-right: 48px;
  text-align: center;
  margin-top: 26px;
  transition: all .3s ease-in-out;
}
.list_caption dl dd:nth-child(7) a:hover {
  background-color: #3874f6;
  color: #ffe400;
}

.list_code {
  display: none;
  width: 160px;
  padding-right: 10px;
  position: absolute;
  left: 208px;
  top: 82px;
  z-index: 99;
}
.zgzf_ycxf_ewmn {
  width: 158px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 5px #f4f4f4;
  background: #fff;
}
.list_code em {
  display: block;
  width: 11px;
  height: 17px;
  background: url(../img/jpg/index_ycxf_05.png) no-repeat center;
  position: absolute;
  top: -13px;
  left: 75px;
  transform: rotate(
270deg);
}
.zgzf_ycxf_ewmn img {
  display: block;
  width: 140px;
  height: 140px;
  margin: 10px auto;
}
/* .list_on:hover .list_code{
  display: block;
} */

.list_wrap {
  width: 100%;
  background: url(../img/jpg/yx_mbg.jpg) no-repeat top center;
}

.qq_list_item{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}

.add_qq{padding: 5px 10px;display: block;border-radius: 8px;color: #3874f6;}
.add_qq:hover{background: #3874f6;color: #fff;}

.school_item_footer{display: flex;flex-direction: column;align-items: flex-end;}
.school_detail_item{padding: 1.09rem 0.937rem;box-shadow:0 0 0.75rem rgb(57, 117,246,0.2) ;margin-top: 0.937rem;border-radius: 8px;}


.address_ss{font-size: 14px;color: #fff;margin-left: 0.156rem;}
.address_topx{margin-top: 1.25rem;}
.address_tit_img{width: 21.4rem;margin:0 auto;margin-top: 0.93rem;}
.address_tit_img_l{width: 16.4rem;margin:0 auto;margin-top: 0.93rem;}
.inquire_box{background: #3874f6;text-align: center;color: #fff;font-size: 1.06rem;border-radius: 8px;line-height: 1em;padding: 0.75rem 0;}
.shaixuanBox_o{padding-bottom: 1.25rem !important;}
.school_ite div{font-size: 1.125rem;color: #00449a;}
.school_ite img{width: 0.84rem;}
.address_tit_img_one{width: 20rem;margin: 0 auto;margin-top: 0.925rem;}
.address_tit_img_two{width: 11.4rem;margin-top: 0.93rem;margin-left: 5.1rem;}
.inquire_box_title{font-size: 0.625rem;margin-top: 0.687rem;color: #999;}


.masks{
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  /* width: 100%; */
  z-index: 99999;
  top: 0;
  left: 0;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}
.dialog-root.slipUp {
  bottom: 0;
  opacity: 1;
  -webkit-animation-name: dialogSlipToUp;
  -moz-animation-name: dialogSlipToUp;
  -o-animation-name: dialogSlipToUp;
  animation-name: dialogSlipToUp;
}
.dialog-root {
  position: fixed;
  z-index: 2000;
  left: 0;
  width: 100%;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-perspective: 100px;
  -moz-perspective: 100px;
  perspective: 100px;
}
.masks.slipUp {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.masks {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}
.masks.slipBottom {
  opacity: 0;
  visibility: hidden;
  animation: fadeOut 1000ms;
}
.dialog-wrapper.slipUp {
  -webkit-animation-name: contentSlipToUp;
  -moz-animation-name: contentSlipToUp;
  -o-animation-name: contentSlipToUp;
  animation-name: contentSlipToUp;
}
.dialog-wrapper {
  background: #fff;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.53333333rem;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}
.dialog-root.slipBottom {
  bottom: -100%;
  opacity: 0.3;
  animation: dialogSlipToBottom 1000ms;
}

.map_x{font-size: 1rem;padding-top: 1.4rem;text-align: center;padding-bottom: 1.87rem;}

.map_x_xxx_item{font-size: 0.875rem;padding: 0.625rem 0.937rem;background: #f5f5f5;line-height: 1em;border-radius: 8px;margin-right: 0.781rem;margin-bottom: 0.781rem;}

.map_x_xxx_item.active{background: #ebf1fe;color: #3874f6;}
.map_x_xxx{max-height: 11rem;overflow-y: auto;}
.school_detail_item_content img{width: 100%;}

.data .tab {
  margin-top: 20px;
  width: 100%;
  /*border: none;*/
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
}
.data table {
  border-collapse: collapse;
  border-spacing: 0;
}
.data .tab th {
  background-color: #dcedf5;
  line-height: 30px;
  font-size: 16px;
  color: #646566;
  margin: 0 auto;
  text-align: center;
  border: none;
}
.data .tab td {
  background-color: #fff;
  line-height: 30px;
  font-size: 14px;
  color: #646566;
  text-align: center;
  border: 1px solid #f2f6fc;
}
.data table td {
  white-space: normal !important;
}
.data .tab td a:hover{
  color: #3874f6;
  text-decoration: underline;
}
select {
  -webkit-appearance: none !important;
}
.inquire_box{
  background: linear-gradient(
  -45deg, #2284fb 50%, #0a0e92 60%, #2e59d4 70%);
    background-size: 600% 100%;
    -webkit-animation: shine 20s infinite;
    animation: shine 20s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.relevant_x{margin-top: 30px;}
.relevant_x img{
  width: 20px;
  height: 20px;
  margin-right: 10px;

}

/* button{
  display: block;
  position: relative;
  top: 0;
  border: 0;
  cursor: pointer;
  background: #9ccc65;
  color: white;
  border-radius: 3px;
  line-height: 1;
  font-size: 20px;
  padding: 15px 25px;
  outline: 0;
  margin: 20px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
button.shiny {
  background: #007eaf;
  background: linear-gradient(
-45deg, #2284fb 50%, #0a0e92 60%, #2e59d4 70%);
  background-size: 600% 100%;
  -webkit-animation: shine 20s infinite;
  animation: shine 20s infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
} */
.polling_box_item{
  margin-right: 10px;
}
.polling_box_item:last-child{
  margin-left: 10px;
  margin-right: 0;
}
.menubox{

  left: 0;
  top:0;
  width: 180px;
  height: 405px;
  background: #39364d;
  z-index: 2;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.menubox .menuitem {
  height: 67.5px;
  line-height: 67.5px;
  position: relative;
  overflow: hidden;
}
.menubox .erji a{
  font-size: 14px;
}
.menubox .erji {
  position: absolute;
  left: 180px;
  border: 1px solid #f4f5f7;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  top: 0;
  height: 405px;
  background: #FFFFFF;
  padding-left: 30px;
  width: 460px;
  display: none;
  overflow-y: auto;
}
.menubox .erji img{
  height: 28px;
  margin-right: 10px;
}
.menubox .linetitle {
  /* border-bottom: 1px solid #f4f5f7; */
  font-size: 16px;
  color: #333333;
  height: 48px;
  line-height: 48px;
  margin-top: 15px;
  position: relative;
  padding-left: 12px;
  font-weight: 100;
}
.menubox .menuitem .jiantou {
  width: 7px;
  height: 10px;
  background: url(../img/png/pic80.png) left top;
  display: block;
}
.menubox .item:hover .menuitem .jiantou {
  background: url(../img/png/pic80.png) right top;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -ms-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}
.menubox .item:hover .erji {
  display: block;
}
.menubox .item:hover .menuitem  a{
  color: #fff;
}
.menubox .item:hover  .menuitem{
  background: rgba(255, 255, 255, 0.1);
}
@-webkit-keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}


.second select {
  width: 100%;
  height: auto !important;
  margin: 0px;
  outline: none;
  border: 1px solid #999 !important;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff !important;
  border-radius: 0 !important;
}
.second input {
  width: 100%;
  /* top: 9px;   */
  outline: none;
  border: 0pt;
  /* position: absolute;   */
  line-height: 2.62rem;
  /* left: 8px;   */
  height: 2.62rem;
  /* border: 1px solid #999; */
  margin-left: 0.3rem;
  color: #999;

}
.second ul {
  position: absolute;
  top: 27px;
  border: 1px solid #999;
  left: 8px;
  width: 125px;
  line-height: 16px;
}
.blue {
  background:#1e91ff;
}
.second{margin-right: 0.93rem;}

.second_xx{margin-bottom: 1.06rem;border-bottom: 1px solid #eeeeee;}

.crumbs {
  position: relative;
  top: -12px;
  left: 0;
  background: #fff;
  padding: 0px 10px;
  z-index: 20;
  /*width: 356px*/
}

.crumbs-w{
  /*width: 100%;*/
}

.school_banner_img{
  width: 450px;
}