@charset "UTF-8";

/* html, body {
   background: #f5f5f5;
} */

.init, div.school-inner1, div.school-inner-11, div.school-modular4, div.school-inner4 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

/*  banner  */
div.school-index-banner {
  width: 100%;
  height: 448px;
  position: relative;
}

div.img-box {
  width: 100%;
  height: 448px;
  position: absolute;
}

div.img-box img {
  width: 100%;
  height: 100%;
}

ul.banner-list {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 10;
}

ul.banner-list li {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  margin-left: 10px;
  background: #fff;
}

ul.banner-list li.index {
  background: #FB5C5A;
}

div.school-banner-inner {
  /* width: 1200px; */
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: 300px;
  z-index: 999;
}

div.school-banner-inner .ul_list {
  margin-top: 20px;
}

div.school-banner-inner .ul_list li {
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  margin-top: 28px;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
}

div.school-banner-inner .ul_list li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}


div.school-banner-inner .ul_list li a.index {
  background: #FB5C5A;
}

div.school-banner-inner .login-register {
  width: 300px;
  height: 100%;
  background: #141821;
  background: rgba(0, 0, 0, 0.6);
  padding-top: 20px;
}

div.school-banner-inner .login-register .top {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 18px;
}

div.school-banner-inner .login-register .top .register {
  color: #fff;
}

div.school-banner-inner .login-register .top .login {
  color: #FB5C5A;
  cursor: pointer;
}

div.school-banner-inner .login-register div.login_ {
  width: 100%;
  height: 220px;
  text-align: center;
  margin-top: 20px;
}

div.school-banner-inner .login-register div.login_ img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 2px  solid #000;
}

div.school-banner-inner .login-register div.login_ .color_fff {
  color: #fff;
  margin-top: 20px;
}

div.school-banner-inner .login-register div.login_ ul.student-information {
  display: inline-block;
  margin-top: 22px;
}

div.school-banner-inner .login-register div.login_ ul.student-information li {
  width: 70px;
  float: left;
  border-right: 1px dashed #fff;
}

div.school-banner-inner .login-register div.login_ ul.student-information li a {
  text-align: center;
  font-size: 14px;
  display: block;
  color: #fff;
}

div.school-banner-inner .login-register div.login_ ul.student-information li a span {
  color: #DD282B;
}

div.school-banner-inner .login-register div.login_ ul.student-information li.last {
  border: 0;
}

div.school-banner-inner .login-register .ul_register {
  width: 100%;
  padding: 0 30px;
}

div.school-banner-inner .login-register .ul_register p {
  width: 100%;
  height: 20px;
  color: #FB5C5A;
  text-align: right;
  font-size: 12px;
  letter-spacing: 2px;
}

div.school-banner-inner .login-register .ul_register li.one {
  width: 100%;
  height: 40px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  margin-top: 10px;
  border-radius: 5px;
  color: #fff;
  line-height: 40px;
  padding-left: 16px;
}
div.school-banner-inner .login-register .ul_register li.login_one{
  margin-top: 70px;
}
div.school-banner-inner .login-register .ul_register li.login_li{
  margin-top: 20px;
}
div.school-banner-inner .login-register .ul_register li.one input {
  width:180px;
  height: 40px;
  line-height: 40px;
  background: 0;
  border:0;
  outline: none;
  overflow: hidden;
}
div.school-banner-inner .login-register .ul_register li input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 50px #141414 inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #fff;
}

div.school-banner-inner .login-register .ul_register li.as_password{
  text-align: right;
}

div.school-banner-inner .login-register .ul_register li.as_password a{
  color: #FB5C5A;
}

div.school-banner-inner .login-register .ul_register li.verification {
  width: 100%;
  height: 40px;
  margin-top: 20px;
}

div.school-banner-inner .login-register .ul_register li.verification .left {
  width: 60%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  line-height: 40px;
  padding-left: 16px;
  color: #fff;
}

div.school-banner-inner .login-register .ul_register li.verification .left input {
  width: 80px;
  height: 40px;
  line-height: 40px;
  background: 0;
  border: 0;
  outline: none;
}

div.school-banner-inner .login-register .ul_register li.verification .right .get_code {
  width: 80px;
  height: 40px;
  background: #FFA808;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
}

div.school-banner-inner .login-register .ul_register li.service_agreement {
  width: 100%;
  height: 40px;
  margin-top: 20px;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}

div.school-banner-inner .login-register .ul_register li.service_agreement span {
  color: #FB5C5A;
}

div.school-banner-inner .login-register .ul_register li.service_agreement img {
  cursor: pointer;
}

div.school-banner-inner .login-register .ul_register li.last {
  background: #FB5C5A;
  color: #fff;
  line-height: 40px;
  text-align: center;
  padding: 0;
  position: relative;
}
div.school-banner-inner .login-register .ul_register li.last #audition_course_div{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 11;
  background: #ccc;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 5px;
}
div.school-banner-inner .login-register .ul_register li.last{
  margin-top: 20px;
}

div.school-banner-inner .login-register .ul_register li.last a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  height: 100%;
}

div.school-banner-inner .login-register .ul_register li.last a.index {
  background: #ccc;
  border-radius: 3px;
}

div.school-banner-inner .login-register .ul_register li.get_into {
  margin-top: 30px;
}

/* 注册 登录 分割线 */
span.separate {
  margin: 0 5px;
}

/* 绝对是名师 */
div.school-index1 {
  width: 100%;
  height: 360px;
  padding-top: 70px;
}

div.school-inner1 {
  text-align: center;
}

div.school-inner1 ul.school-list1 {
  width: 100%;
  display: inline-block;
}

div.school-inner1 ul.school-list1 li {
  float: left;
  margin: 0 29px;
  text-align: center;
  position: relative;
}
div.school-inner1 ul.school-list1 li.first{
  margin-left: 0;
}
div.school-inner1 ul.school-list1 li.last{
  margin-right: 0;
}
div.school-inner1 ul.school-list1 li .school_box_hover{
  width:256px;
  height: 150px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
div.school-inner1 ul.school-list1 li .school_img_mask_box{
  width:246px;
  height: 140px;
  position: absolute;
  top:150px;
  left:5px;
  background: #000;
  background: rgba(0,0,0,0.6);
}
div.school-inner1 ul.school-list1 li .school_img_mask{
  width:246px;
  height: 140px;
  position: absolute;
  top:150px;
  left:5px;
  color: #fff;
  z-index: 2;
  padding: 10px;
}
div.school-inner1 ul.school-list1 li .school_img_mask p{
  color: #fff;
  text-align: left;
}
div.school-inner1 ul.school-list1 li img {
  width:256px;
  height: 150px;
  box-sizing: border-box;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #ccc;
}

div.school-inner1 ul.school-list1 li h4 {
  font-size: 22px;
  margin-top: 20px;
  color: #333;
}

div.school-inner1 ul.school-list1 li p {
  margin-top: 12px;
  font-size: 14px;
  color: #999;
}

/* 在线一对一课程 */
div.school-index2 {
  width: 100%;
  height: 296px;
  background: url("../images/school-444.jpg") no-repeat center;
}

div.school-index2 a.left{
  display: block;
  width:50%;
  height: 100%;
  box-sizing: border-box;
}

div.school-index2 .right{
  display: block;
  width:50%;
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
}

div.school-box-11 {
  width: 100%;
  height: 658px;
  background: url(../images/school-51.jpg) no-repeat center;
}

div.school-inner-11 {
  padding-top: 86px;
}

div.school-inner-11 h4 {
  font-size: 30px;
  color: #FB5C5A;
  letter-spacing: 4px;
}

div.school-inner-11 .xian {
  width: 436px;
  height: 1px;
  background: #fff;
  margin-top: 10px;
}

div.school-inner-11 p {
  width: 575px;
  margin-top: 36px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

div.school-inner-11 h5 {
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
}

div.school-inner-11 h6 {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}

div.school-inner-11 .btn-a {
  display: block;
  margin-top: 20px;
  width: 140px;
  height: 30px;
  color: #fff;
  background: #FB5C5A;
  font-size: 14px;
  border-radius: 25px;
  line-height: 30px;
  text-align: center;
}

div.school-inner-11 .btn-a span {
  font-size: 12px;
}

ul.list-11 {
  width: 1150px;
  margin: 0 auto;
  margin-top: 100px;
  overflow: hidden;
}

ul.list-11 li {
  float: left;
  width: 230px;
  box-sizing: border-box;
  text-align: center;
}

ul.list-11 li h6 {
  display: block;
  color: #FB5C5A;
  font-size: 20px;
  margin-top: 10px;
}

ul.list-11 li span {
  color: #fff;
  font-size: 14px;
}

div.school-index3 {
  width: 100%;
}

div.school-index3 img {
  width: 100%;
  height: 100%;
  display: block;
}

/* 四对一的贴心服务  */
div.school-modular-box-4 {
  width: 100%;
  background: url(../images/school-1000.jpg) no-repeat center;
}

div.school-modular4 {
  height: 545px;
  position: relative;
}

div.school-modular4 div {
  position: absolute;
  padding: 4px 14px;
  border-radius: 5px;
  background: #ffffdb;
  top: 378px;
  left: 540px;
  color: #2E2E2E;
  cursor: pointer;
}

/*  超过50家国内大型媒体报道 */
div.school-index4 {
  width: 100%;
  height: auto;
  background: #F6F6F6;
  padding-bottom: 65px;
  text-align: center;
}

div.school-inner4 {
  text-align: center;
  position: relative;
}

div.school-inner4 div.school-position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

div.school-inner4 div.bg_left {
  background: url(../images/school-index-bg10.png) no-repeat 62px 200px;
}

div.school-inner4 div.bg_right {
  background: url(../images/school-index-bg11.png) no-repeat 1110px 280px;
}

div.school-inner4 .school-title {
  width: auto;
  height: 82px;
  line-height: 82px;
  display: inline-block;
  margin-top: 40px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  z-index: 2;
}

div.school-inner4 .school-title div {
  font-size: 26px;
  color: #333;
}

div.school-inner4 .school-title div span {
  color: #FB5C5A;
}

div.school-inner4 .school-describe {
  width: 940px;
  position: relative;
  z-index: 2;
  height: 82px;
  margin: 80px auto 10px;
  text-align: left;
  font-size: 14px;
}

div.school-inner4 .school-describe p {
  color: #666;
}

ul.school-trademark {
  overflow: hidden;
  width: 1200px;
  margin: 40px auto 0;
  position: relative;
  z-index: 2;
}

ul.school-trademark li {
  width: 180px;
  height: 82px;
  float: left;
  margin-left: 24px;
  margin-top: 10px;
  box-sizing: border-box;
}

ul.school-trademark li.first{
  margin-left: 0;
}

ul.school-trademark li img {
  width: 100%;
  height: 100%;
}

/* 合作机构背景 */
div.bg_color4 {
  background: #fff;
}

/* color */
.cb-FFA {
  background: #FFA808 !important;
}

/* 登录注册 */
div.box_body {
  height: 700px;
  background: url("../images/school-bg-login.png") no-repeat center;
  background-size: 100%;
}


/*优思家教提示*/

div.yousi_tutor_mask{
  width:100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
  filter:Alpha(opacity=40);
  background:#000000;/*实现IE背景透明*/
  background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0;/*实现FF背景透明，文字不透明*/
  z-index: 9999;
}
div.yousi_tutor{
  width:600px;
  height: auto;
  position: fixed;
  top:100px;
  left:50%;
  margin-left: -300px;
  background: #fff;
  z-index:99998;
  padding: 50px;
}
div.yousi_tutor p{
  width:100%;
  font-size: 14px;
  color: #666;
}

div.yousi_tutor p .yousi_tutor_a{
  text-decoration:underline;
  color: blue;
}

div.yousi_tutor_href{
  width:400px;
  margin:0 auto;
  margin-top: 40px;
  overflow: hidden;
}
div.yousi_tutor_href .yousi_tutor_href_first{
  display: inline-block;
  padding: 8px 40px;
  background: #FFA808;
  color: #fff;
  border-radius: 10px;
  float: left;
}

div.yousi_tutor_href .yousi_tutor_href_first span{
  margin-left: 10px;
}

div.yousi_tutor_href .yousi_tutor_href_last{
  display: inline-block;
  padding: 8px 40px;
  background: #FB5C5A;
  color: #fff;
  border-radius: 10px;
  float: right;
  cursor: pointer;
}

div.yousi_tutor_href .yousi_tutor_href_last span{
  margin-left: 10px;
}

/* 优思资讯 */

div.yousi_information_box{
  width: 374px;
  height: 394px;
  float: right;
  margin-top: 23px;
}

div.yousi_information_box .title{
  width: 100%;
  height: 52px;
  cursor: pointer;
}

div.yousi_information_box .title .left{
  width: 50%;
  height: 100%;
  line-height: 52px;
  text-align: center;
  background:  #ff504e;
  color: #fff;
  font-size: 18px; 
}

div.yousi_information_box .title .right{
  width: 50%;
  height: 100%;
  line-height: 52px;
  text-align: center;
  background:  #ff504e;
  color: #fff;
  font-size: 18px; 
}

div.yousi_information_box .title .index{
  background: #fff !important;
  color: #ff504e !important;
  border-top: 2px solid #ff504e;
  line-height: 50px;
}

div.yousi_information_box .box{
  width: 100%;
  height: 342px;
  background: #fff;
  padding: 6px 17px;
  box-sizing: border-box;
  overflow: hidden;
}


div.yousi_information_box .box ul{
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #434343; 
}

div.yousi_information_box .box ul li{
  line-height: 36px;
  border-bottom: 1px dashed  #e8e8e8;  
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;  
}

div.yousi_information_box .box ul li:hover{
  color: #ff504e;
}

/* 能提分的才是好学校 */

div.school_box_1{
  width: 100%;
  background: #fff;
}

div.school_box_bg{
  background: #f5f5f5;
  // height: 750px;
}

div.school_inner_1{
  width: 1200px;
  // height: 650px;
  margin: 0 auto;
}

div.school_one_1{
  height: 606px !important; 
}

div.school_inner_1 h4{
  font-size: 36px;
  color: #333333;
  text-align: center;
  padding-top: 40px;
  letter-spacing:6px;
}

div.school_inner_1 h4 span{
  color: #fb5c5a;
}

div.school_inner_1 p{
  text-align: center;
  font-size: 16px;
  color: #999999;
  margin-top: 26px;
  letter-spacing:5px;
}

div.school_inner_1 p span{
  color: #fb5c5a;
}

div.school_inner_teaching{
  width: 100%;
  height: 315px;
  margin-top: 58px;
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
}

div.school_inner_teaching1{
  height: 366px;
}

div.school_inner_teaching .left{
  width: 580px;
  height: 315px;
  background: #fff;
  border: 1px solid #dcdcdc;
}

div.school_inner_teaching .left .inner{
  width: 580px;
  height: 208px;
  background: #f36b85;
  padding: 0px 40px;
  margin-left: -1px;
  position: relative;
}

div.school_inner_teaching .left .inner img{
  position: absolute;
  top: -25px;
  right: 25px;
}

div.school_inner_teaching .left .box{
  width: 100%;
  height: 106px;
  box-sizing: border-box;
  padding: 20px 30px 0 30px;
}

div.school_inner_teaching .left .box span{
  display: block;
  color: #333333;
  margin-top: 10px;
  font-size: 17px;
  letter-spacing: 2px;
}

div.school_inner_teaching .right{
  width: 580px;
  height: 315px;
  border: 1px solid #dcdcdc;
  background: #fff;
}

div.school_inner_teaching .right .inner{
  width: 580px;
  height: 208px;
  background: #00b3d7;
  padding: 0px 40px;
  margin-left: -1px;
  position: relative;
}

div.school_inner_teaching .right .inner img{
  position: absolute;
  top: -30px;
  right: 25px;
}

div.school_inner_teaching .right .box{
  width: 100%;
  height: 106px;
  box-sizing: border-box;
  padding: 20px 30px 0 30px;
}

div.school_inner_teaching .right .box span{
  display: block;
  color: #333333;
  margin-top: 10px;
  font-size: 17px;
}

div.school_inner_teaching .inner h4{
  font-size: 39px;
  color: #fff;
  text-align: left;
  margin-top: 0;
}

div.school_inner_teaching .box i{
  color: #f36b85;
  font-style: normal;
  font-weight: 700;
} 

div.school_inner_teaching .box i.last{
  color: #00b3d7;
}


div.school_inner_teaching .inner p{
  font-size: 18px;
  color: #fff;
  text-align: left;
  margin-top: 14px;
}

div.yousi_btn_box{
  width: 100%;
  // height: 148px;
  text-align: center;
  box-sizing: border-box;
  padding: 65px;
}

div.yousi_btn_box{
  display: inline-block;
  width: 100%;
  height: 100%;
}

div.yousi_btn_box .yousi_btn{
  display: inline-block;
  width: 220px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #f35061;
  border-radius: 50px;
  text-align: center;
  font-size: 22px;
  color: #f35061;
  margin: 0 20px;
  cursor: pointer;
}

div.yousi_btn_box .yousi_btn a{
  display: block;
  width: 100%;
  height: 100%;
}


div.yousi_btn_box .yousi_btn_index{
  background: #fb5c5a;
  color: #fff;
}

div._btn_teach{
  width: 46px;
  height: 98px;
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  line-height: 98px;
  text-align: center;
  font-size: 20px;
  color: #de3134;
  position: absolute;
  top: 100px;
  cursor: pointer;
}

div._btn_teach:hover{
  border: 2px solid #ccc;
}

div.left_btn_teach{
   left: -80px;
}

div.right_btn_teach{
  right: -80px;
}


div.ys_teach_list{
  width: 221px;
  height: 360px;
  margin: 0 8px;
  overflow: hidden;
}

div.ys_teach_list_box_img{
  width: 100%;
  height: 255px;
}

div.ys_teach_list_box_img img{
  width: 100%;
  height: 100%;
}

div.ys_teach_list_box{
  width: 221px;
  height: 94px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 20px;
  background: #fff;
}

div.ys_teach_list_box_title span.name{
  color: #fb5c5a;
  font-size: 20px;
}

div.ys_teach_list_box_title span.education{
  color: #333;
}
div.ys_teach_list_box_box{
  color: #999999;
  margin-top: 12px;
}

/* 在线授课，让学习事半功倍 */

div.yousi_line_Study_box{
  width: 100%;
  height: 600px;
  background: url("../images/yousi_line_study1.jpg");
}

div.yousi_line_Study_inner{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

div.yousi_line_Study_inner h4{
  font-size: 32px;
  color: #fff;
  text-align: center;
  padding-top: 40px;
}

div.yousi_line_Study_inner p{
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 26px;
  line-height: 28px;
}

div.yousi_line_Study_img{
  width: 1000px;
  height: 430px;
  margin: 35px auto 0;
}

div.yousi_line_Study_img img{
  width: 100%;
  height: 100%;
}

/* 最高性价比的课外辅导方式 */

div.highest_cost_performance_box{
  width: 100%;
  height: 650px;
  background: #f5f5f5;
}

div.highest_cost_performance{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  background: #f5f5f5;
  position: relative;
}

div.highest_cost_performance h4{
  font-size: 32px;
  color: #333333;
  text-align: center;
  padding-top: 40px;
  letter-spacing: 6px;
}

div.highest_cost_performance_title{
  width: 499px;
  height: 42px;
  margin: 20px auto 0;
  text-align: center;
  background: #fb5c5a;
  font-size: 17px;
  line-height: 42px;
  color: #fff;
}

div.highest_cost_performance_title span.num{
  font-size: 45px;
  color: #f8d800;
  vertical-align: middle;
}

div.highest_cost_performance_title span.title_describe{
  letter-spacing: 3px;
}

div.highest_cost_performance_title img{
  width: 100%;
  height: 100%;
}

div.highest_cost_performance  img.highest_cost2{
  position: absolute;
  left: -30px;
  bottom: 0;
}

div.highest_cost_performance ul.list_box{
  margin-top: 94px;
  position: relative;
  z-index: 2;
}

div.highest_cost_performance ul.list_box li{
  overflow: hidden;
  margin-top: 30px; 
}

div.highest_cost_performance ul.list_box li .list-title{
  line-height: 54px;
  margin-left: 30px;
  font-size: 28px;
  color: #333333;
}

/* 好成绩，家长才放心 */

div.good_achievement_height{
  height: 850px;
}

div.good_achievement_teaching{
  height: 480px;
}

div.good_achievement_title{
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}

div.good_achievement_title .btn-title{
  width: 392px;
  height: 60px;
  line-height: 60px;
  font-size: 26px;
  text-align: center;
  border-left: 1px solid #f26355;
  border-top: 1px solid #f26355;
  border-right: 1px solid #f26355;
  float: left;
  margin-left: 7px;
  cursor: pointer;
}

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

div.good_achievement_title .index{
  background: #f26355;
  color: #fff;
}

table.yousi_table_title{
  width: 100%;
  height: 50px;
  text-align: center;
  border: 1px solid #e0e0e0;
  color: #5f5f5f;
}

div.good_achievement_box{
  width: 100%;
  height: 364px;
}

div.good_achievement_box .list{
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border: 1px solid #e1e1e1;
  border-top: 0;
  background: #FB5C5A;
}

div.good_achievement_box .list .name{
  width: 25%;
}

div.good_achievement_box .list .inner{
  width: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;  
}

div.good_achievement_box .list .time{
  width: 25%;
}

div.swiper-list-two-1,div.swiper-list-two-2,div.swiper-list-two-3{
  width: 100%;
  height: 100%;
}

/* 被认可，才更值得信赖 */

div.yousi_approval_box{
  width: 100%;
  background: #f5f5f5;
}

div.yousi_approval_inner{
  width: 1200px;
  height: 532px;
  margin: 0 auto;
  padding-top: 36px;
}

div.yousi_approval_inner h4{
  font-size: 34px;
  color: #333;
  text-align: center;
  letter-spacing: 6px;
}

div.yousi_approval_describe{
  font-size: 18px;
  color: #999999;
  text-align: center;
  margin-top: 30px;
  letter-spacing: 3px;
}

ul.yousi_approval_box{
  width: 100%;
  height: 300px;
  margin-top: 60px;  
}

ul.yousi_approval_box li{
  width: 287px;
  height: 300px;
  float: left;
  box-sizing: border-box;
  margin-left: 17px;
  border: 1px solid #e7e7e7;
}

ul.yousi_approval_box li img{
  margin-left: -1px;
}

ul.yousi_approval_box li:first-child{
  margin-left: 0;
}

ul.yousi_approval_box li .yousi_approval_list_describe{
  width: 100%;
  height: 98px;
  box-sizing: border-box;
  padding: 10px 24px;
  font-size: 17px;
  color: #333;
  line-height: 32px;
  background:#fff;
}

h4.yousi_h4_title{
  font-size: 34px;
  color: #333;
  text-align: center; 
  letter-spacing: 6px;

}

p.yousi_p_describe{
  font-size: 18px;
  color: #999999;
  text-align: center;
  margin-top: 30px; 
  letter-spacing: 3px; 
}

.yousi_bg_color{
  background: #fff !important;
  padding-top: 50px;
}

h4.yousi_brand_title{
  font-size: 50px;
  color: #333;
  text-align: center;
  margin: 0px 0 16px;
  letter-spacing: 6px;
}


ul.yousi_brand_box{
  width: 100%;
  height: 112px;
  margin-top: 30px;
}
span.yousi_brand{
  padding: 2px 4px;
  background: #000000;
  color: #fff;
  letter-spacing: 6px;  
}

ul.yousi_brand_box li{
  width: 272px;
  height: 100%;
  float: left;
  margin-left: 35px; 
}

ul.yousi_brand_box li img{
  /* width: 100%; */
  height: 100%;
}

ul.yousi_brand_box li:first-child{
  margin-left: 0;
}

div.swiper-list-one{
  height: 360px;
}

ul.hundred_school_list{
  width: 100%;
  height: 295px;
  overflow: hidden;
  text-align: center;
  margin-top: 80px;
  background: #f5f5f5;
  padding-top: 4px;  
}
ul.hundred_school_list li {
  display: inline-block;
  width: 236px;
  height: 93px;
}
ul.hundred_school_list li img{
  width: 100%;
  height: 100%;
}

div.school_comment_box{
  width: 100%;
  font-size: 18px;
}

div.school_comment_box .school_comment{
  width: 1240px;
  margin: 0 auto;
  border: 1px solid red;
}


.all{
  background-color: #fff;
}
.consult{
  position: fixed;
  right: 0;
  margin-right: 80px;
  top: 20%;
  height: 300px;
  font-size: 16px;
}
.vertical{
  width: 20px;
  padding: 2px;
  background-color: #e62318;
  color: #fff;
  font-size: 16px;
  margin-top: 5px;
  text-align: center;
}
.tel{
  transform: rotate(90deg);
  text-align: center;
  background-color: #e62318;
  font-size: 16px;
  color: #fff;
  padding: 2px 10px;
}
/*优思网校start*/
.network_school{
  background: #fff url(../images/yousi_new_index1.jpg) no-repeat center;
  margin: 0 auto;
  height: 846px;
  width: 100%; 
  min-width: 1200px;
  text-align: center;
}
.network_school_inner{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding-top: 100px;
}
.title1{
  font-size: 50px;
  color: #333;
  margin-bottom: 20px;
}
.en{
  display: inline-block;
  color: #fff;
  background-color: #000;
  margin:0 auto;
  padding: 2px 8px;
  letter-spacing: 6px;
  margin-bottom: 20px;
}
.network_school .xxmb{
  font-size: 60px;
  color: #000;
  margin-top: 140px;
}
.network_school .jiaoxue{
  color: #e62318;
  font-size: 80px;
}
.network_school .jiaoxue .jx{
  color: #272727;
}
.network_school .peidu{
  color: #272727;
  font-size: 48px;
}
/*优势start*/
.advantage{
/*  background: url(../image/pic_1.jpg) no-repeat;*/
  background-position: 0px -50px;
  margin: 0 auto;
  height: 670px;
  width: 100%;
  min-width: 1200px;
  text-align: center; 
  background: #fff;
}
.advantage_inner{
  width: 100%;
  height: 480px;
  margin: 0 auto;
  position: relative;
}
.advantage .advantage_l{
  background-color: #f5f5f5;
  width: 50%;
  height: 480px;
  float: left;
}
.advantage .advantage_l .picture{
  width: 920px;
  height: 480px;
}

.advantage .advantage_l .picture img{
  max-width: 100%;
  position: relative;
  top: 40px;
  right: -128px;
}

.advantage .box{
  width: 100%;
  overflow: hidden;
  margin-top: 65px;
  background: #f5f5f5;
  position: relative;
}
.yk_center{
  width: 150px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  z-index: 8;
}
.advantage .advantage_r{
  background-color: rgb(0,0,0);  
  background-color: rgba(0,0,0,0.5);
  width: 50%;
  height: 480px;
  float: left;
  color: #fff;
  text-align: left;
  position: relative;
  z-index: 3;
}

.advantage .advantage_r .list{
  width: 100%;
  height: 160px;
  padding-top: 22px;
  padding: 20px 100px 0 0;
}

.advantage .advantage_r .list a{
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 100;
}
.teamwork{
  font-size: 36px;
  margin-left: 100px;
  opacity: 0;
  transform: translateX(800px);  
}

.teamwork1{
  font-size: 20px;
  margin-left: 100px;
  margin-top: 10px;
  opacity: 0;
  transform: translateX(800px);    
}
.ys_data{
  margin: 0 auto;
  text-align: center;
  padding-bottom: 100px;
}
.ys_data_inner{
  width: 1240px;
  margin-top: 100px;
}
.data{
  font-size: 55px;
  color: #404040;
  margin-bottom: 50px;
}
.enroll_line{
  font-size: 48px;
  color: #151515;
}
/*优思大数据start*/
.ys_data_box{
  background: #fff;
}
.ys_data{
  margin: 0 auto;
  width: 1200px;
  padding-top: 100px; 
}
.yuan{
  width: 282px;
  height: 282px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
  line-height: 282px;
  font-size: 48px;
  text-align: center;
}
.yuan0{
  background: url(../images/yousi_index_yuan0.png) no-repeat center;
}
.yuan1{
  background: url(../images/yousi_index_yuan1.png) no-repeat center;
}
.yuan2{
  background: url(../images/yousi_index_yuan2.png) no-repeat center;
}
/*课程体系*/
.course_system{
  margin: 0 auto;
  text-align: center; 
  background: #fff;
  padding-top: 0px;
}
.course_system_all {
  width: 100%;
  min-width: 1200px;
}

.ys_good_edu {
  width: 100%;
  min-width: 1300px;
  height: 630px;
  margin-top: 50px;
  background: url('../images/index-pic-4.jpg') center no-repeat;
  background-size: cover;
}

.course_system_all img,
.ys_good_edu .good_edu_bg{
  width: 100%;
}

.wk_teacher_address {
  background: #fbfbfb;
  margin-top: 40px;
  height: 736px;
  background: url('../images/wk_dagongji_bg.png') center no-repeat;
}

.wk_teacher_address_wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  top: 84px;
  height: 569px;
  background: url('../images/wk_teacher_address.png') center no-repeat;
}

.wk_teacher_address_wrap i {
  position: absolute;
  font-weight: normal;
  color: #fe5b56;
  font-size: 24px;
  cursor: pointer;
  /* animation: jump 1.5s steps(4); */
}

@keyframes jump {
  25% {
    transform: translateY(-12px)
  }
  50% {
    transform: translateY(0px)
  }
  75% {
    transform: translateY(-12px)
  }
  100% {
    transform: translateY(0px)
  }
}

.wk_teacher_address_wrap .wang_one {
  top: 220px;
  right: 410px;
}

.wk_teacher_address_wrap .niu_two {
  top: 350px;
  right: 240px;
}

.wk_teacher_address_wrap .sun_three {
  top: 280px;
  right: 180px;
}

.wk_teacher_address_wrap .li_four {
  top: 430px;
  right: 340px;
}

.wk_teacher_address_wrap .zhou_five {
  top: 390px;
  right: 150px;
}

.wk_teacher_address_wrap .song_six {
  top: 300px;
  right: 270px;
}

.wk_teacher_address_wrap .qiu_seven {
  top: 390px;
  right: 260px;
}

.wk_teacher_address_wrap .tang_eight {
  top: 330px;
  right: 130px;
}

.wk_teacher_address_wrap .liu_nine {
  top: 480px;
  right: 255px;
}

.wk_teacher_address_wrap .zhang_ten {
  top: 365px;
  right: 350px;
}

.wk_teacher_address_wrap img {
  display: block;
  width: 100%;
}

.wk_teacher_address_wrap .wk_teacher_info {
  display: none;
  position: absolute;
  width: 446px;
  height: 368px;
  top: 140px;
  left: 670px;
  background: url('../images/wk_teacher_diannao.png') no-repeat;
}
.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie {
  width: 409px;
  height: 169px;
  background-color: #fe5b56;
  margin: 17px 18px 0;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie .wk_head_img {
  margin: 18px 0 0 17px;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie .wk_notice_right {
  overflow: hidden;
  padding-left: 28px;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie .wk_notice_right p {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 3px;
  margin-top: 36px;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie .wk_notice_right span {
  font-size: 22px;
  color: #ffffff;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_jianjie .wk_notice_right div {
  margin-top: 6px;
  width: 214px;
  height: 38px;
  background-color: #f7f7f7;
  border-radius: 10px;
  font-size: 20px;
  line-height: 38px;
  color: #fe5b56;
  text-align: center;
}

.wk_teacher_address_wrap .wk_teacher_info .wk_teacher_achievements {
  height: 75px;
  margin: 0 auto;
  color: #fe5b56;
  line-height: 34px;
  font-size: 20px;
  width: 313px;
}

.wk_ys_box_wrap {
  margin: 100px auto;
  width: 1200px;
  height: 653px;
  background: url('../images/wk_youxuan_img.png') no-repeat;
  position: relative;
}

.wk_ys_box_wrap>img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.wk_ys_box_wrap>.wk_ys_cy {
  margin-top: -200px;
  margin-left: -198px;
  animation: cyRotate 4s linear infinite;
}

@keyframes cyRotate {
  100% {
    transform: rotate(360deg)
  }
}

.wk_ys_box_wrap>.wk_ys_xy {
  margin-top: -171px;
  margin-left: -168px;
  animation: xyRotate 4s linear infinite;
}

@keyframes xyRotate {
  100% {
    transform: rotate(-360deg)
  }
}

.wk_ys_box_wrap>.wk_xiaoyuan_wrap {
  width: 59px;
  height: 59px;
  background-image: url('../images/wk_youxuan_xiaoyuan.png');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}

.wk_ys_box_wrap>.wk_xiaoyuan_wrap.active {
  background-image: url('../images/wk_youxuan_xiaoyuan_active.png');
}

.wk_ys_box_wrap .wk_xiaoyuan_one {
  left: 51px;
  top: 170px;
}

.wk_ys_box_wrap .wk_xiaoyuan_two {
  right: 235px;
  top: 169px;
}

.wk_ys_box_wrap .wk_xiaoyuan_three {
  left: 146px;
  top: 429px;
}
.wk_ys_box_wrap .wk_xiaoyuan_four {
  right: 204px;
  top: 424px;
}

.wk_ys_box_wrap .ys_text p {
  font-size: 40px;
  color: #333333;
  height: 70px;
}

.wk_ys_box_wrap .ys_text.one {
  width: 805px;
  height: 500px;
}

.wk_ys_box_wrap .ys_text.two {
  height: 500px;
}

.wk_ys_box_wrap .ys_text.three {
  width: 805px;
}

.wk_ys_box_wrap .ys_text div {
  width: 395px;
  padding-left: 71px;
  font-size: 18px;
  color: #666666;
  line-height: 36px;
}

.ys_good_edu .good_edu_bg {
  width: 100%;
   height: 100%;
   height: 630px;
}

.ys_good_edu table {
   position: absolute;
   bottom: 60px;
   left : 50%;
   margin-left: -600px;
   width: 1200px;
}

.ys_good_edu table td {
  padding-right: 55px;
  vertical-align: top;
   width: 25%;
}

.ys_good_edu table td p {
   font-size: 28px;
   color:white;
}

.ys_good_edu table td img {
    width: 230px;
    height: 230px;
}

.tag{
  text-align: left;
  width: 1200px;
  height: 668px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative; 
}
.nianji{
  width: 100%;
  height: 40px;
  text-align: center;
}
.tag .subject{
  width: 100%;
  height: 40px;
  margin-top: 35px;
  text-align: center;
}
.course{
  width: 105px;
  height: 40px;
  line-height: 40px;
  color: #c9c7c7;
  font-size: 20px;
  border: 2px solid #c9c7c7;
  padding: 2px 25px;
  margin: 0px 15px;
  border-radius: 3px;
  cursor: pointer;
}
.course.active{
  color: #e25b54;
  border: 2px solid #e25b54;
}
.text{
  width: 100%;
  position: absolute;
  color: #fff;
  font-size: 16px;
  bottom: 40px;
  padding: 10px;
}
.grade{
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 36px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  top: 20%;

}
/*名师start*/
.teacher{
  margin:0 auto;
  text-align: center;
}
.school{
  margin: 0 auto;
  text-align: center;
}
.swiper-container {
    width: 1200px;
    height: 300px;
    margin: 20px auto;
}

#wk_index_banner_swiper {
  width: 100%;
  height: 100%;
  margin: 0;
}

#wk_index_banner_swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

#wk_index_banner_swiper .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}

#wk_index_banner_swiper .swiper-active-switch {
  background: #fff;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* 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;
}
.append-buttons {
    text-align: center;
    margin-top: 20px;
}
.append-buttons a {
    display: inline-block;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}
/*.swiper-container image{
  width: 30%;
  float: left;
}*/
/*校方点评*/
.school{
  width: 100%;
  overflow: hidden;
}
.school_l{
  width: 536px;
  height: 265px;
  margin: 50px;
  float: left; 

}

.school_l , 
.school_r {
  position: relative;
}

.school_l .item_bg , 
.school_l .school_img , 
.school_r .item_bg ,
.school_r .school_img{
  position: absolute;
}

.school_l .school_img {
    top: 10px;
    right: 12px;
}

.school_r .school_img{
  top:10px;
  left:12px;
}

.school_r .school_img,
.school_l .school_img {
  width: 240px;
  height: 240px;
  z-index: 2;
}

.school_l .comment{
  position: absolute;
  left:0px;
  z-index: 2;
  padding-top: 20px;
  padding-left: 20px;
}

.school_r .comment{
  position: absolute;
  right:0px;
  z-index: 2;
  padding-top: 20px;
  padding-right: 20px;
}

.school_l .comment {
    font-size: 17px;
    width: 280px;
}

.school_r .comment {
    font-size: 17px;
    width: 280px;
    text-align: right
}

.school_l .comment .desc,
.school_r .comment .desc{
  line-height: 30px;
  height: 120px;
}

.school_l .comment .school_tag,
.school_r .comment .school_tag {
  margin-top: 20px;
  
}

.school_l .comment .school_tag{
  float:left;
}

.school_r .comment .school_tag{
  float:right;
}

.school_l .item_bg,
.school_r .item_bg{
    position: absolute;
    width: 100%;
    top:0px;
    left:0px;
    z-index: 1;
    height: 100%;
}

.school_r{
  // width: 536px;
  // height: 265px;
  // margin: 50px;
  // float: left; 
  width: 540px;
  height: 265px;
  float: right; 
  position: relative; 
  margin-top: 50px;
}
.sch_comment{
  background-color: #f5f5f5;
  width: 100%;
  margin-top: 50px;
}

.sch_comment_center{
  width: 1200px;
  margin:0 auto;
  color: #fff;
  text-align: left;
  margin-top: 20px;
  position: relative;
}
.school_tag{
  line-height: 22px;
  border-radius: 5px;
  color: #e85048;font-size: 16px;padding: 5px;background-color: #fff;
  display: block;
}
.renwu{
  font-size: 21px;margin-top: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;  
}
.aui-row{
  width: 1200px;
  height: 490px;
  margin: 0 auto;
  padding-top: 100px;
}

.aui-col-xs-4{
  display: inline-block;
  margin-left: 176px;
  font-size: 30px;
}
.aui-col-xs-4-first{
  margin-left: 0;
}

.aui-col-5{
  width: 240px;
  height: 0px;
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: 0px;
  background: #e3615a;
  border: 1px solid #fff;  
}
.aui-col-5-height{
  height: 20px !important;
}
.yousi_l5{
  right: 0px;
  background: #e3615a;
}
.yousi_l4{
  right: 240px;
  background: #e87772;
}
.yousi_l3{
  right: 480px;
  background: #ee948f;
}

.yousi_l2{
  right: 720px;
  background: #ee938f;
}

.yousi_l1{
  right: 960px;
  background: #ebaba7;
}

.aui-col-5-1{
  height: 314px;
  transition: all 2s;  
}
.aui-col-5-2{
  height: 404px;
  transition: all 2s;  
}
.aui-col-5-3{
  height: 515px;
  transition: all 2s;  
}
.aui-col-5-4{
  height: 610px;
  transition: all 2s;  
}
.aui-col-5-5{
  height: 702px;
  transition: all 2s;  
}



.aui-col-5 .aui-grid-label{
    width: 100%; 
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;    
}
.dianping_l{
  padding: 20px;
}

.yousi_data_icon{
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: -95px;
  z-index: 1;
}

.yousi_data_icon1{
  top: -77px;
}
.yousi_data_icon2{
  top: -60px;
}
.yousi_data_icon3{
  top: -117px;
}

div.the_teacher{
  width: 1200px;
  height: 630px;
  margin: 70px auto 60px;
  position: relative;
}
div.the_teacher .swiper-slide{
  height: 630px !important;
  background: #e8e8e8;
  border-radius: 5px;
  display: inline-block;
  position: relative;
}

.swiper-list-two-4{
  width: 1200px;
  height: 630px;
  margin: 0 !important;
}

.the_teacher_left_btn{
  position: absolute;
  top: 45%;
  left: -60px;
}
.the_teacher_right_btn{
  position: absolute;
  top: 45%;
  right: -60px;
}

.the_teacher_left_btn,.the_teacher_right_btn{
  cursor: pointer;
}

div.school_title{
  width: 100%;
  background: #fff;
  padding-bottom: 38px;
}

div.teacher_xinxi{
   width: 90%;
   height: 198px;
   background: rgba(255, 255, 255, 0.7);
   position: absolute;
   left: 50%;
   margin-left: -45%;
   bottom: 20px;
   text-align: left; 
   padding: 45px 10px;
   background: url('../images/teacher_xinxi.png') no-repeat center;
}

div.teacher_xinxi h4{
  font-size: 36px;

}

div.teacher_xinxi span{
  font-size: 24px;
  color: #333333;
}

div.teacher_xinxi p{
  margin-top: 10px;
}

div.teacher_xinxi .p1{
  font-size: 20px;
  color: #333;
}

div.teacher_xinxi .p1{
  font-size: 18px;
  color: #333;
}

div.curriculum_system_box{
  width: 100%;
  height: 390px;
  position: relative;
}

div.curriculum_system_box span{
  font-size: 63px;
  color: #df5650;
  display: block;
  position: absolute;
  z-index: 4;
  top: 144px;
  left: 138px;
}

div.curriculum_system_box #left{
  width: 382px;
  height: 382px;
  position: absolute;
  z-index: 2;
  text-align: center;
  line-height: 382px;
  top: 0;
  left: 10px;
  background: url('../images/yousi_curriculum1.png') no-repeat center ;
  transition: all 2s;
}

div.curriculum_system_box .bg0{
  background: url('../images/yousi_curriculum0.png') no-repeat center !important;
}

div.curriculum_system_box .bg1{
  background: url('../images/yousi_curriculum1.png') no-repeat center !important;
}

div.curriculum_system_box .bg2{
  background: url('../images/yousi_curriculum2.png') no-repeat center !important;
}

div.curriculum_system_box #left #btn1{
  width: 180px;
  height: 223px;
  position: absolute;
  top: 10px;
  left: 10px;
}

div.curriculum_system_box #left #btn2{
  width: 180px;
  height: 223px;
  position: absolute;
  top: 10px;
  left: 191px;
}
div.curriculum_system_box #left #btn3{
  width: 220px;
  height: 117px;
  position: absolute;
  top: 252px;
  left: 75px;
}


div.curriculum_system_box .right{
  width: 796px;
  height: 303px;
  background: url('../images/curriculum_system_box_right.png') no-repeat left top;
  position: absolute;
  z-index: 1;
  left: 385px;
  top: 64px;
  overflow: hidden;  
}
div.curriculum_system_box .right .subject_type{
  width: 200px;
  height: 60px;
  line-height: 60px;
  color: #df5650;
  font-size: 36px;
  position: absolute;
  top: 0px;
  left: 35px;
  text-align: center;
}
div.curriculum_system_box .right .subject_box{
  width: 545px;
  height: 292px;
  position: absolute;
  top: 5px;
  left: 245px;
  padding-left: 50px;
}

div.curriculum_system_box .right .subject_box li{
  width: 100%;
  height: 64px;
  font-size: 22px;
  color: #353535;
  position: relative;
  margin-top: 25px;
}

div.curriculum_system_box .right .subject_box li:before{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -30px;
  width: 16px;
  height: 16px;
  border: 2px solid  #df5852;
  border-radius: 50%;
}

.lineright{
  animation: lineright 2s forwards;
}

[v-cloak]{
  display: none;
}

img.teacher_img{
  width: 300px;
  height: 550px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -150px;
}

div.curriculum_system_box .animation0{
  transform: rotate(140deg);
}
div.curriculum_system_box .animation1{
  transform: rotate(0deg);  
}
div.curriculum_system_box .animation2{
  transform: rotate(260deg);
}

[animation3]{
  animation: rotate 12s infinite ;
}
@keyframes rotate{
  0%{
    transform: rotate(0deg); 
  }
  10%{
    transform: rotate(0deg); 
  }
  35%{
    transform: rotate(-140deg); 
  }
  45%{
    transform: rotate(-140deg);
  }  
  65%{
    transform: rotate(-260deg);
  }
  75%{
    transform: rotate(-260deg);
  }
  100%{
    transform: rotate(-360deg);
  }
}

@keyframes lineright{
  0%{
    opacity: 0;
    transform: translateX(800px);
  }
  100%{
    opacity: 1;
    transform: translateX(0px);
  }
}

.ys_title_bottom {
    margin-bottom: 60px;
}

.ys_y_title {
    text-align: center;
}

.ys_y_title h2 {
   font-size: 50px;
   margin: 50px 0px 20px 0px;
   color:#333333;
}

.ys_y_title p {
   color:#666666;
   font-size: 24px;
}

.ys_good_edu {
   position: relative
}

.ys_good_edu .ys_y_title {
  position: absolute;
  
  top : 0px;
  left : 50%;
  margin-left: -125px;
}

.ys_good_edu .ys_y_title  h2,
.ys_good_edu .ys_y_title  p
 {
  color:white!important;
}


.achieve_data_box .data_view{
  width: 1220px;
  padding-bottom: 80px;
  margin: auto;
}

.achieve_data_box .data_item {
  width: 390px;
  height: 290px;
  margin-right: 15px;
}

.achieve_data_box .data_item_inner{
  width: 390px;
  height: 290px;
  position: relative;
}

.achieve_data_box .data_item .box{
  width: 262px;
  height: 262px;
  margin: 0 auto;
  position: relative;
}

.achieve_data_box .data_item .box span{
  display: block;
  width: 130px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -65px;
  font-size: 36px;
}

.achieve_data_box  .item1 .box span,
.achieve_data_box  .item1 p.desc,
.achieve_data_box  .item1 .box i{
   color:#0caf00;
}

.achieve_data_box  .item2 .box span,
.achieve_data_box  .item2 p.desc,
.achieve_data_box  .item2 .box i{
  color:#0090d2;
}

.achieve_data_box  .item3 .box span,
.achieve_data_box  .item3 p.desc,
.achieve_data_box  .item3 .box i{
  color:#ff8200;
}

.achieve_data_box .data_item .box i{
  font-style: normal;
  font-size: 36px;
}
.achieve_data_box .data_item .box img{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: dataRotate 4s infinite linear;
}

@keyframes dataRotate {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.achieve_data_box .data_item .box p{
  width: 390px;
  position: absolute;
  top: -40px;
  left: 0;
}

.achieve_data_box .data_item img {
  width: 100%;
}

.achieve_data_box .data_item p.number{
  
  font-size: 36px;
}

.achieve_data_box .data_item p.high{
  color:#3f97d5;
}

.achieve_data_box .data_item p.key{
  color:#e49d3f;
}

.achieve_data_box .data_item p.important{
  color:#f35656;
}


.achieve_data_box .data_item p.desc{
  font-size: 30px;
}


.ys_comment {
    /* background: #f7f7f7; */
    padding-top:30px;
    padding-bottom: 50px;
    margin-bottom: 70px;
    margin-top: 40px;
    background: url('../images/wk_youpin_bg.jpg') center no-repeat;
    background-size: cover;
}

.ys_comment .comment_box {
    width: 1360px;
    margin: 0 auto;
    padding-top: 30px;
}

.ys_comment .comment_box .comment_col {
   width:670px;
   height: 250px;
   background: white;
   border-radius: 10px;
}

.ys_comment .comment_box .comment_col img {
   width: 260px;
   height: 250px;
}

.ys_comment .comment_box .comment_col .comment_text {
    color:#999999;
    padding: 20px;
    width: 380px;
    height: 250px;
    font-size: 18px;
    position: relative;
}

.ys_comment .comment_box .comment_col .comment_text p {
   text-align: left;
   display: block;
}

.ys_comment .comment_box .comment_col .comment_text p.school {
    position: absolute;
    bottom : 80px;
    left : 20px;
}

.ys_comment .comment_box .comment_col {
   margin-bottom: 20px;
}

.ys_comment .comment_box .comment_col .comment_text p.btn {
  position: absolute;
  bottom : 20px;
  left : 20px;
  display: block;
  padding: 5px 10px;
  border : 1px solid #999999;
  border-radius: 8px;
}


.the_teacher .swiper-container .swiper-wrapper .swiper-slide{
    height: 630px!important;
    
    background: url("../images/index-wechat-mobile.png") no-repeat center;
    transform: scale(0.85);
}

.the_teacher .swiper-container .swiper-wrapper .swiper-slide img {
   margin-top: 80px;
   width: 270px;
   height: 480px;
}

.ys_guide {
   margin: 75px 0px auto;
}

.ys_title_data {
   margin: 70px 0px!important;
}

.ys_title_data h3 {
  font-size: 40px;
}

.wk_ys_step_wrap {
  width: 1200px;
  margin: 0 auto 100px;
}

.wk_ys_step_wrap li {
  width: 25%;
}

.wk_ys_step_wrap li div {
  width: 272px;
  height: 275px;
  border: 2px solid #fe5b56;
  border-radius: 5px;
}

.wk_ys_step_wrap li div u {
  margin-left: 17px;
  font-size: 48px;
  text-decoration: none;
  display: inline-block;
  padding: 17px 10px;
  border-bottom: 2px solid #f83d30;
  color: #f83d30;
}

.wk_ys_step_wrap li div span {
  font-size: 30px;
  color: #999;
}

.wk_ys_step_wrap li div p {
  padding: 30px 14px 0;
  font-size: 24px;
  color: #999999;
  text-align: center;
}

.ys_comment .ys_y_title h2 {
  color: #fff;
}

.ys_comment .ys_y_title p {
  color: #fff;
}
.wk_now_phone {
  transform: scale(1) !important;
}