@charset "utf-8";



.inside_container {
  width: 100%;
}


@media screen and (max-width:800px) {

  .top_mag_nav{ margin-top: 18vw;}
  .top_mag_nav2{ margin-top: 16vw;}

}

.outside_color_content {
  background: #e1ecf5;
  padding-bottom: 4%;
}

.outside_color_content2 {
  padding-bottom: 0;
}


@media screen and (max-width:800px) {
  .outside_color_content {
    padding-bottom: 8vw;
    overflow: hidden;
  }

  .outside_color_content2 {
    padding-bottom: 0;
  }
}

/*banner*/
.inside_banner_container{ position: relative;}

.inside_banner_top_content{ position: relative;}

.inside_banner_content {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
}

.inside_banner_content img {
  display: block;
 min-width: 100%;
  min-height: 100%;
object-fit: cover;
  -webkit-animation: animate 4s linear;
  -moz-animation: animate 4s linear;
  animation: animate 4s linear;
  height: auto;
}

.inside_banner_word_content{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); width: 100%;
  display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
      justify-content: center;
}

.banner_line{ width: 0.6rem; height: 2px; background: rgba(255,255,255,0.5);}

.inside_banner_word{ margin: 0 0.5rem;/*flex-shrink:0;*/}
.inside_banner_word h3{color: #ffffff; font-size: 0.6rem; line-height: 1.2em;text-align: center;}
.inside_banner_word p{  font-size: 0.15rem;
  line-height: 1.2em;
  color: #fff; display: table; margin: 0.2rem auto 0;}
.inside_banner_word p a{ color: #fff;}
.inside_banner_word p i {
    display: block;
    float: left;
    width: 0.22rem;
    margin: -0.01rem 0.08rem 0 0;
  }

.inside_banner_word p i img{ display: block; width: 100%; height: auto;}



@media screen and (max-width:1200px) {
.inside_banner_content{ height: 6rem;}

}



@media screen and (max-width:1024px) {
.inside_banner_container{ margin-top: 90px;}
.inside_banner_content{ height: auto;}
.inside_banner_content img {
  min-width: auto;
  min-height:auto;
object-fit:contain;
width: 100%; height: auto;
}

}
@media screen and (max-width:800px) {
.inside_banner_container{ margin-top: 13vw;}
.inside_banner_word p{display: none;}
.inside_banner_word h3{font-size: 6.5vw;}
.inside_banner_word {
    margin: 0 5vw;
}
.banner_line {
    width: 6vw;
    height: 2px;
}

}


/*secondary_nav_container*/

.secondary_nav_container{ position: absolute; left: 0; bottom: 0; width: 100%; background:transparent;}

.secondary_nav2_container{ position: relative; left: 0; top: 0; min-height: 0.8rem;}
.secondary_nav3_container{ position: absolute; left: 0; top: 0; width: 100%;}

.secondary_nav_content{ height: 0.8rem; overflow:hidden;}

.secondary_nav_container ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}

.secondary_nav_container ul li{ background: transparent;box-sizing: border-box; line-height: 1.3em;/*transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; */font-size: 0.22rem; width: 20%; float: left; cursor: pointer;background: rgba(0,0,0,0.5);}

.secondary_nav_container4 ul li{width: 25%;}
.secondary_nav_container3 ul li{width: 33.33%;}
.secondary_nav_container ul li a{ color: #fff; /*transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; */width: 100%;height:0.8rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; text-align: center; box-sizing: border-box; padding: 0 0.1rem;}
.secondary_nav_container ul li.cur,.secondary_nav_container ul li:hover{background: rgba(155,0,0,0.5);}

.nav_fold {
  display: none;
}

.two_nav_productfixed{ background: #eaeaea; z-index: 4;  left: 0;top: 1.1rem; position: fixed;}
.two_nav_productfixed .secondary_nav_content{border-radius: 0;}

.two_nav_productfixed ul li{background: #979797; font-size: 0.2rem;}
.two_nav_productfixed ul li.cur,.two_nav_productfixed ul li:hover{background: rgba(155,0,0,1);}

.two_nav_productfixed ul li a{height: 0.5rem;}

.two_nav_productfixed .secondary_nav_content{height: 0.5rem;}


@media screen and (max-width:1024px) {
.two_nav_productfixed{ top: 90px;}

}

@media screen and (max-width:800px) {

.secondary_nav_container{ position: static; margin-top: 0;}
.secondary_nav_content{ height: auto; overflow: inherit; width: 100%!important;}
.secondary_nav2_container{min-height:13.6vw;z-index: 4;}
.secondary_nav_container ul {display: none;}

.secondary_nav_container ul li,.secondary_nav_container4 ul li,.secondary_nav_container3 ul li{border-bottom: 1vw solid #fff; width: 100%;font-size: 4vw;background: #f3f3f3; }

.secondary_nav_container ul li:last-child,.secondary_nav_container4 ul li:last-child,.secondary_nav_container3 ul li:last-child{ border-bottom: none;}


.secondary_nav_container ul li a{ color: #444;height: 12vw; padding: 0 4%;}

.secondary_nav_container ul li:hover{background: #f3f3f3;}
.secondary_nav_container ul li.cur{background: rgba(155,0,0,1);}
.secondary_nav_container ul li.cur a{color: #fff;}

  .nav_fold {
    display: block;
    width: 100%;
    background: #e4e4e4;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 4vw 4%;
  }

  .nav_fold h3 {
    font-size: 4.4vw;
    line-height: 1.3em;
    color: #333;
    font-weight: normal;
  }

  .nav_fold h3 i {
    display: block;
    position: absolute;
    right: 4%;
    top: 0;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    height: 100%;
  }

  .nav_fold h3 i span {
    font-style: normal;
    text-align: center;
    display: block;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    background: url(../images/m_icon1.webp) no-repeat center center;
    background-size: 100%;
    width: 4.8vw;
    height: 100%;
  }

  .nav_fold h3 i span.daohang2 {
    display: none;
    background: url(../images/m_icon2.webp) no-repeat center center;
    background-size: 100%;
  }

  .nav_fold h3 i.nav_close {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
  }

  .nav_fold h3 i.nav_close span.daohang1 {
    display: none;
  }

  .nav_fold h3 i.nav_close span.daohang2 {
    display: block;
  }

  .two_nav_productfixed{top: 13vw; background: none;}

}



/* page +*/
.page_content {
  display: table;
  margin: 1rem auto 0;
}

.page_content h6 {
  font-weight: normal;
}

.page_content a {
  font-size: 0.2rem;
  line-height: 1em;
  width: 0.48rem;
  height: 0.48rem;
  border: 2px solid #e2e2e2;
  box-sizing: border-box;
  border-radius: 0.1rem;
  display: block;
  float: left;
  margin: 0 0.11rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  color: #bebebe;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.page_content a.page_fir {
  width: 0.68rem;
}

.page_content a:hover, .page_content a.cur {
  color: #fff;
  background: #9b0000;
  border: 2px solid #9b0000;
}

@media screen and (max-width:800px) {
  .page_content {
    margin-top: 8vw;
  }

  .page_content a {
    border-radius: 1vw;
    border: 2px solid #e2e2e2;
    font-size: 3.5vw;
    width: 7.6vw;
    height: 7.6vw;
    margin: 0 1.2vw;
  }

  .page_content a.page_fir {
    width: 9vw;
  }

  .page_content a:hover, .page_content a.cur {
    border: 2px solid #9b0000;
  }
}



/* news list */
.news_list_content_container ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
     align-items:center;justify-content: space-between;}

.news_list_content_container ul li:nth-child(n+2){ margin-top: 5%;}

.news_list_left_img{ width: 5rem; border-radius: 0.3rem; height: 0; overflow: hidden; padding-bottom: 2.78rem; float: left; margin-right: 0.5rem;flex-shrink:0;}
.news_list_left_img img{ display:block; width: 100%; height: auto;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.2s ease-out 0s;-webkit-transition: all 1.2s ease-out 0s; -moz-transition: all 1.2s ease-out 0s; -mo-transition: all 1.2s ease-out 0s;}
.news_list_left_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.news_list_right_word{ overflow: hidden;width: calc(100% - 5.5rem);}
.news_list_right_word h3{ font-weight: normal; font-size: 0.22rem; color: #000000; line-height: 1.5em;margin-bottom: 0.2rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
.news_list_right_word h3:hover{color: #9b0000;}

.news_list_right_word .index_word_content p{ line-height: 1.87em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}

.date_content{ margin-top: 0.55rem; float: left;}
.date_content h4{ font-weight:normal; font-size: 0.26rem; color: #9b0000; line-height: 1.2em; background: url(../images/news_date_icon.webp) no-repeat left center; background-size: 0.27rem; box-sizing: border-box; padding-left: 0.38rem;}
.date_content h4 span{ font-size: 0.15rem; color: #908f8f;line-height: 1.2em; margin-left: 0.06rem;}

.news_more{ float: right; margin-top: 0.5rem;}

@media screen and (max-width:1024px) {
.news_list_left_img{ width: 4rem;padding-bottom: 2.22rem;}

.news_list_right_word{width: calc(100% - 4.5rem);}
.date_content{ margin-top: 0.3rem;}
.news_more{ margin-top: 0.2rem;}

}


@media screen and (max-width:800px) {
.news_list_content_container ul li{   flex-wrap: wrap;
   justify-content: flex-start;}

.news_list_content_container ul li:nth-child(n+2) {
       margin-top: 8vw;
   }

.news_list_left_img{ width: 100%;padding-bottom: 55.55%; margin-right: 0; float:none; border-radius: 3vw;}
.news_list_right_word h3{ font-size: 4vw;-webkit-line-clamp: 10; line-height: 1.7em; margin-bottom: 0;}
.news_list_right_word{ margin-top: 3vw; width: 100%;}
.news_list_right_word .index_word_content{ display: none;}
.date_content h4{font-size: 5vw;padding-left: 6.5vw;background-size: 4.9vw;}
.date_content h4 span {
    font-size: 3vw;
    margin-left: 1vw;
}
.date_content{ margin-top: 4vw;}
.news_more{ margin-top: 2vw;}
}





/* news detail */

.news_detail_top {
  background: #9b0000;
  border-radius: 0.3rem;
  color: #fff;
  box-sizing: border-box; padding: 0.6rem 0.8rem;
  color: #fff;
}

.news_detail_top h5{ font-size: 0.2rem; color: #fff; font-weight: normal; border-left: 0.05rem solid #fff; padding-left: 0.08rem; line-height: 1em;}
.news_detail_top h1 {
  font-size: 0.3rem;
  color: #fff;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 0.3rem;
  margin-top: 0.4rem;
}

.news_source_content {
}

.news_source_content h6 {
  font-weight: normal;
  font-size: 0.14rem;
  line-height: 1.5em;
  float: left;
  margin-left: 0.35rem;
}

.news_source_content h6:first-child{ margin-left: 0;}
.news_source_content h6 i{ width: auto; display: block; height: 0.21rem; float: left; margin-right: 0.1rem;}
.news_source_content h6 i img{ display: block; width: auto; height: 100%;}



.news_detail_bottom_content{ margin-top: 0.5rem; background:#efefef; border-radius: 0.3rem; box-sizing: border-box; padding: 0.5rem 0.8rem;}
.news_detail_bottom_content p {
  font-size: 0.16rem;
  color: #666666;
  line-height: 2em;
  margin-top: 0.12rem;
  text-indent: 2em;
}

.news_detail_bottom_content h3{ font-weight: normal; font-size: 0.22rem; color: #666666; font-weight: normal; margin-top: 0.25rem;}

.news_detail_bottom_content img {
  max-width: 100%;
  height: auto;
  margin: 0.15rem 0 0.05rem;

}

.news_detail_bottom_content p img {
  margin-left: -2em;
}






.news_detail_page_container {
  width: 100%;
  margin-top: 0.5rem;

}

.news_detail_page ul li {
  width: 49%;
  float: left;
}

.news_detail_page ul li:first-child {
  margin-right: 2%;
}

.news_detail_page ul li{
  display: block;
  box-sizing: border-box;
  padding: 0.2rem;
  background: #efefef;
  color: #666666;
  font-size: 0.16rem;
  line-height: 1.3em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0.1rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.news_detail_page ul li a{color: #666666;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.news_detail_page ul li:hover {
  background: #9b0000;
  color: #fff;
}
.news_detail_page ul li:hover a {
  color: #fff;
}


@media screen and (max-width:800px) {

  .news_detail_top h1 {
    font-size: 4.2vw;
    line-height: 1.4em;
    margin: 4vw 0 4vw;
  }

  .news_detail_top h5{ font-size: 3.8vw;border-left: 1vw solid #fff;padding-left: 1.5vw;}

  .news_share_container {
    display: none;
  }

  .news_source_content h6 {
    margin: 0;
    font-size: 3.2vw; float:none;
  }

  .news_source_content h6:nth-child(n+2){ margin-top: 2vw;}

  .news_source_content h6 i {
    height: 4vw;
    margin-right: 1.5vw;margin-top: 0.5vw;
}

  .news_detail_top {
   padding: 6vw;
   border-radius: 3vw;
  }



  .news_source_content {
    display: block;
  }

  .news_detail_bottom_content{ margin-top: 6vw;border-radius: 3vw; padding: 4.5vw 6vw 6vw;}
  .news_detail_bottom_content p {
    font-size: 3.5vw;
    line-height: 1.65em;
    margin-top: 2vw;
  }


 .news_detail_page_container{ margin-top: 6vw;}
  .news_detail_page ul li {
    width: 100%;
    float: none;
    margin: 3vw auto 0;
    font-size: 3.5vw;
    padding: 3vw;
    border-radius: 3vw;
  }
  .news_detail_page ul li:first-child {
    margin: 0;
  }

}


/* contact */
.contact_container{ background: #edeeef; padding: 5.8% 0; box-sizing: border-box;}
.contact_content{ border-radius: 0.3rem; background: #fff; box-sizing: border-box; padding: 0.2rem; display: -webkit-flex;
  display: flex;
  justify-content: space-between;}


.contact_left_content{ width: 50%; box-sizing: border-box; padding: 0.4rem 0.65rem;display: -webkit-flex;
  display: flex;flex-direction: column;justify-content:space-between;}


.contact_left_bottom ul li{ width: 100%; overflow:hidden;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;justify-content: space-between; margin-top: 0.2rem;}
.contact_left_bottom ul li:first-child{ margin-top: 0;}
.contact_left_icon{ width: 0.59rem;}
.contact_left_icon img{ display: block; width: 100%; height: auto;}
.contact_left_word{ width: calc(100% - 0.8rem);}

.contact_left_word h6{ font-weight: normal; font-size: 0.16rem; color: #666666; line-height: 1.5em;}
.contact_left_word p{ font-size: 0.2rem; color: #333333; line-height: 1.5em;}




.contact_right_content{ width: 50%; border-radius: 0 0.3rem 0.3rem 0; overflow: hidden;}
#map{width:100%;height:7.4rem;}
.BMapLabel{ font-size: 17px!important; background: #9b0000!important; border: none!important; border-radius: 10px; padding: 8px 15px!important; color: #fff!important;}

@media screen and (max-width:1250px) {
  .contact_left_content {
      padding: 0.4rem 0.3rem;
  }

}

@media screen and (max-width:800px) {
.contact_container{ padding: 8vw 0;}
.contact_content{ padding: 4vw; border-radius: 3vw; display:block;}
.contact_left_content{ width: 100%; padding: 4vw;}
.contact_left_word h6{ font-size: 3.5vw;}
.contact_left_word p{ font-size: 3.8vw;}
.contact_left_icon{ width: 12vw;}
.contact_left_word {
    width: calc(100% - 15vw);
}
.contact_left_bottom{ margin-top: 2vw;}

.contact_right_content{ width: 100%; border-radius: 3vw; margin-top: 4vw;}
#map{width:100%;height:50vw;}

}




/* contact form */
.students_resdervation_container{ background: url(../images/form_bg.webp) no-repeat center center; background-size: cover; padding: 5.8% 0;}

.students_resdervation_content{ width: 1100px; margin: 0 auto;}


.base_form{ width: 47.5%; float: left; position: relative; margin: 0.3rem 5% 0 0; background: #fff; height: 0.68rem; box-sizing: border-box; padding: 0 0.3rem; border-radius: 0.6rem;
}
.base_form:nth-child(2n){ margin-right: 0;}

.form_word_content .small, .form_word_content small{
    font-size: 0.16rem;
    position: absolute;
    right: 0.6rem;
    line-height: 0.68rem;
  }

.text-danger{color: #dc3545!important;}

  .base_form input{
    border: none;
    background: none;
    outline: none;
    line-height: 1.5em;
    font-size: 0.2rem;
      color: #000;
    font-weight: normal;
    height: 100%;
    width: 100%;
    box-sizing: border-box;;

  }


  .base_form input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}
.base_form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
}
.base_form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
}
.base_form input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
    }

.base_form:nth-child(7){ width: 100%; height: 2rem; border-radius: 0.4rem;}
.base_form:nth-child(7) textarea
{
  width: 100%;
border: none;
background: none;
outline: none;
box-sizing: border-box;
height: 100%;
font-family:"Microsoft YaHei", "微软雅黑", "Arial";
color: #000;
font-size: 0.2rem;
line-height: 1.5em;
padding:0.2rem 0;
}

.base_form textarea::-webkit-input-placeholder{
          color:#000;
      }
.base_form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
          color:#000;
      }
.base_form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
          color:#000;
      }
.base_form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
          color:#000;
      }


.base_form h4{ font-weight: normal; font-size: 0.2rem; color: #fff; line-height: 1.3em; margin-bottom: 0.25rem;}


.base_form:nth-child(8){ width: 100%; background: none; padding: 0; height: auto;}
.base_form:nth-child(8) input{ height: 0.4rem; width: 1.3rem; border: none; box-sizing:border-box; border-bottom: 3px solid #fff; margin-right: 0.12rem; color: #fff; padding: 0 0.1rem; text-align: center; float: left;}
.base_form:nth-child(8) img{ height: 0.4rem!important; width:0.94rem;}

.base_form:nth-child(8) .small,.base_form:nth-child(8) small{ line-height: 1.2em; right: auto; left: 2.6rem; bottom: 0;}

 .base_form select{border:none; padding: 0;background:none;outline:none; width: 100%; box-sizing: border-box; font-size: 0.2rem; color: #000; height: 100%;appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;font-family:"Microsoft YaHei", "微软雅黑", "Arial";
     background: url(../images/form_icon.webp) no-repeat scroll transparent; background-position: right center; background-size: 0.18rem;}


.form_word_content button
{
border: none;
background: none;
outline: none;
width: 2.6rem;
height: 0.7rem;
line-height: 0.7rem;
text-align:center;
background: #9b0000;
border-radius: 0.6rem;
overflow: hidden;
font-size: 0.26rem;
color: #fff;
display: block;
margin: 0.6rem auto 0;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
cursor: pointer;
}
.form_word_content button:hover{    background: #bb1018;}


.sucess_content{ width: 100%; background: #fff; border-radius: 10px;box-sizing: border-box;
    padding: 0.6rem 0.1rem;}
p.text-primary{ font-size: 0.38rem;
    text-align: center;
    color: #333;}




@media screen and (max-width:1250px) {
.students_resdervation_content{ width: 89.5%;}
}
@media screen and (max-width:800px) {

.students_resdervation_container{padding: 8vw 0;}
.contact_form_container{padding: 8vw 0;}

.base_form{ width: 100%;height: 11vw; padding: 0 5vw; margin-top: 0;}
.base_form:nth-child(n+2){ margin-top: 3vw;}
.form_word_content .small, .form_word_content small{ line-height: 11vw;right: 13vw;}
.base_form input {  width: 100%; font-size: 3.5vw}

.base_form:nth-child(7) {
    width: 100%;
    height: 40vw;
    border-radius: 4vw;
}
.base_form:nth-child(7) textarea{ font-size: 3.5vw; line-height: 1.5em;
  padding: 4vw 0;}

.base_form select{font-size: 3.5vw;background-size: 3vw;}

.form_word_content button{    margin-top: 6vw;
    font-size: 4vw;
    width: 35vw;
    height: 10vw;
    line-height: 10vw;
    border-radius: 15vw;}
.contact_form_title{ margin-bottom: 6vw;}

.base_form h4{ font-size: 3.5vw; margin-bottom: 3vw;}
    .sucess_content{padding: 5vw 1vw; border-radius: 1vw;}
    p.text-primary{ font-size: 4vw; line-height: 1.4em;}
}

/* xueli  */
.educational_advantage{ margin-top: 0.4rem; width: 100%; height: 4rem; position: relative; border-radius: 0.3rem; overflow:hidden;}

.educational_img_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; width: 100%; height: 100%;}
.educational_img_content img{ display:block; min-width: 100%; min-height: 100%; object-fit: cover;}

.educational_advantage_word_content{ width: 100%; height: 100%; background: url(../images/word_bg.webp) no-repeat left center; background-size: cover; position: absolute; left: 0; top: 0;
  display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
}

.educational_advantage_word{ width: 4.2rem; margin-left: 1rem; color: #fff;}
.educational_advantage_word h4{ font-size: 0.36rem; line-height: 1.3em;}
.educational_advantage_word h6{ width: 0.5rem; height: 0.04rem; background: #fff; margin: 0.2rem 0 0.25rem;}
.educational_advantage_word p{ font-size: 0.2rem; line-height: 1.9em;}

@media screen and (max-width:800px) {
.educational_advantage{ margin-top: 4vw; border-radius: 3vw; height: 50vw;}
.educational_advantage_word {
    width: 55vw;
    margin-left: 8vw;
}
.educational_advantage_word p{ font-size: 3.5vw; line-height: 1.65em;}
.educational_advantage_word p br{display: none;}
.educational_advantage_word h4{ font-size: 4.4vw;}
.educational_advantage_word h6 {
    width: 7vw;
    height: 0.6vw;
    margin: 3vw 0;
}

}

/* popular school */
.popular_school_list ul li{ box-shadow: 0 0 0.2rem rgba(15,25,35,0.2); border-radius: 0.3rem; box-sizing: border-box; padding: 0.5rem 0.7rem 0.5rem 0.8rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between; }

.popular_school_list ul li:nth-child(n+2){ margin-top: 0.4rem;}

.popular_school_logo{ width: 1.85rem; min-width: 1.85rem;}
.popular_school_logo img{display:block; width: 100%; height: auto;}

.more_detail a{ display: block; width: 1.2rem; height: 0.4rem; border-radius: 0.6rem; background: #ad0202; color: #fff; line-height: 0.4rem; text-align: center; font-size: 0.16rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.more_detail a:hover{background: #dc0227;}

.popular_school_word_content{width: calc(100% - 4.7rem);}
.popular_school_word_content h4{ font-size: 0.28rem; color: #333333; line-height: 1.3em;}
.popular_school_word_content h4 span{ font-weight: normal; font-size: 0.18rem; color: #555555; line-height: 1.3em; margin-left: 0.25rem;}
.popular_school_word{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden; margin-top: 0.13rem;}
.popular_school_word p{ font-size: 0.15rem; color: #636363; line-height: 1.73em;}

.popular_school_parameter{ margin-top: 0.28rem;}
.popular_school_parameter h6{ width: 40%; float: left; font-size: 0.15rem; color: #ad0202; line-height: 1.5em; box-sizing: border-box; padding-right: 0.1rem;}
.popular_school_parameter h6 i{ font-style:normal;display: block; float: left;}
.popular_school_parameter h6 span{ font-weight: normal; color: #636363;display: -webkit-flex;
  display: flex;}
.popular_school_parameter h6:nth-child(even){ width: 60%;}
.popular_school_parameter h6:nth-child(n+3){ margin-top: 0.15rem;}


@media screen and (max-width:1200px) {
  .popular_school_logo {
      width: 1.5rem;
      min-width: 1.5rem;
  }
  .popular_school_word_content {
    width: calc(100% - 3.7rem);
}

}


@media screen and (max-width:950px) {
.popular_school_parameter h6{ float: none; width: 100%;}
.popular_school_parameter h6:nth-child(even){ width: 100%;}
.popular_school_parameter h6:nth-child(n+2){ margin-top: 0.15rem;}

}

@media screen and (max-width:800px) {
  .popular_school_list ul li{ box-shadow: 0 0 3vw rgba(15,25,35,0.2); border-radius: 3vw;  padding: 6vw;   flex-wrap: wrap;
   justify-content: flex-start;align-items: flex-start;}

  .popular_school_word_content{ width: 100%; margin-top: 4vw;}
  .popular_school_logo {
    width: 15vw;
    min-width: 15vw;
}

.popular_school_word_content h4{ font-size: 4.4vw;}
.popular_school_word_content h4 span{ font-size: 3.4vw; margin-left: 3vw;}
.popular_school_word{ margin-top: 2vw;-webkit-line-clamp: 3;}
.popular_school_word p{ font-size: 3.5vw; line-height: 1.65em;}

.popular_school_parameter h6{ font-size: 3.4vw;}

.popular_school_parameter h6:nth-child(n+2) {
    margin-top: 2vw;
}

.popular_school_parameter {
    margin-top: 5vw;
}

.more_detail a{    width: 22vw;
    height: 8vw;
    float: right;
    line-height: 8vw;
    font-size: 3.3vw; border-radius: 10vw;}

.more_detail{ margin-top: 6vw; width: 100%; text-align: right;}

.popular_school_list ul li:nth-child(n+2){ margin-top: 5vw;}

}


/* guide */

.guide_list_content ul li{width: 31%;
    border-radius: 0.3rem; float: left;
    background: #f9f9f9;
    margin: 0 3.5% 0 0;
    box-sizing: border-box;
    transition-duration: .8s;
    -ms-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    position: relative;
    overflow: hidden;}

.guide_list_content ul li:nth-child(3n){ margin-right: 0;}
.guide_img_content{ width: 100%; height: 0; padding-bottom: 55.55%; overflow: hidden;}

.guide_img_content img{ display:block; width: 100%; height: auto;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.2s ease-out 0s;-webkit-transition: all 1.2s ease-out 0s; -moz-transition: all 1.2s ease-out 0s; -mo-transition: all 1.2s ease-out 0s;}

.guide_list_content ul li:hover .guide_img_content img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.guide_word_content{ padding: 0.3rem 0.25rem 0.4rem; box-sizing: border-box;}
.guide_word_content h3{ font-weight: normal; font-size: 0.19rem; color: #000000; line-height: 1.78em; height: 3.56em; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.guide_word_content h6{ font-size: 0.15rem; font-weight: normal; color: #908f8f; margin-top: 0.35rem; float: left;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.guide_word_content h5{width: 1.2rem; height: 0.4rem; border-radius: 0.6rem; background: #ad0202; color: #fff; line-height: 0.4rem; text-align: center; font-size: 0.16rem; font-weight: normal; float: right;margin-top: 0.25rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}


.guide_list_content ul li:hover {
      background: #9b0000;
  }

.guide_list_content ul li:hover .guide_word_content h3,.guide_list_content ul li:hover .guide_word_content h6{
       color: #fff;
    }

.guide_list_content ul li:hover .guide_word_content h5{ background: #fff; color: #ad0202;}

@media screen and (max-width:800px) {

.guide_list_content ul li{ width: 100%; float: none; margin: 0; border-radius: 3vw;}

.guide_list_content ul li:hover {
      background: #f9f9f9;
  }

.guide_list_content ul li:hover .guide_word_content h5{ background: #ad0202; color: #fff;}

.guide_list_content ul li:hover .guide_word_content h3{
       color: #000000;
    }

.guide_list_content ul li:hover .guide_word_content h6{
           color: #908f8f;
        }


.guide_list_content ul li:nth-child(n+2){ margin-top: 5vw;}
.guide_word_content{ padding: 6vw;}
.guide_word_content h3{ font-size: 3.8vw; line-height: 1.67em; height: auto;-webkit-line-clamp: 12;}

.guide_word_content h5{    width: 22vw;
    height: 8vw;
    float: right;
    line-height: 8vw;
    font-size: 3.3vw; border-radius: 10vw; margin-top: 3vw; }

.guide_word_content h6{ font-size: 3.2vw;margin-top: 5vw;}

}

/* process */
.process_container{ background: #f6f9fe; padding: 5.8% 0;}

.left_title_content{ float: left;}
.process_img_content{ width: 71%; float: right; overflow: hidden;}
.process_img_content img{display: block; max-width: 100%; height: auto; float: right;}

@media screen and (max-width:1024px) {
.process_img_content{ width: 68%;}

}

@media screen and (max-width:800px) {
.process_container{ padding: 8vw 0;}
.left_title_content{ float: none;}
.process_img_content{ width: 100%; float: none; margin-top: 6vw;}

}

/* zhiyejiaoyu */
.career_advantage_word{ width: 4.9rem;}
@media screen and (max-width:800px) {
.career_advantage_word{ width: 55vw;}
}

/* career educational list*/

.hot_major_list_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;flex-wrap: wrap;}
.hot_major_list_content ul li{width: 47.8%; margin-right: 4.4%;
    border-radius: 0.3rem;overflow: hidden; background:url(../images/major_list_bg.webp) center top; background-size: cover; box-sizing: border-box; padding: 0.5rem 0.6rem;}

.hot_major_list_content ul li:nth-child(2n){ margin-right: 0;}
.hot_major_list_content ul li:last-child{ margin-right: 0;}

.hot_major_list_content ul li h3{ color: #333333; font-size: 0.28rem; line-height: 1.3em;}
.hot_major_word h6{ width: 100%; padding: 0;}
.hot_major_word h6:nth-child(even){ width: 100%;}
.hot_major_word h6:nth-child(n+3){ width: 50%;margin-top: 0;}
.hot_major_word h6:nth-child(n+2){ margin-top: 0.12rem;}
.hot_major_list_content ul li .more_detail{ margin-top: 0.3rem;}
.hot_major_list_content ul li:nth-child(n+3){ margin-top: 3.5%;}
@media screen and (max-width:800px) {
.hot_major_list_content ul li{ width: 100%; margin-right: 0; border-radius: 3vw; padding: 7vw 6vw;}
.hot_major_list_content ul li:nth-child(n+2){ margin-top: 5vw;}
.hot_major_list_content ul li h3{ font-size: 4.4vw;}
.hot_major_list_content ul li .more_detail {
    margin-top: 5vw;
}

}


/* career guide */
.career_guide_container {
      background: #f6f9fe;
      padding: 5.8% 0;
  }

.career_guide_container ul li{background: #fff;}

@media screen and (max-width:800px) {
.career_guide_container{ padding: 8vw 0;}

}

/* kaogong */
.kaogong_out_container{ padding-bottom: 5.8%; width: 100%; background: #fbfafa; overflow:hidden;}


.kaogong_title h3 i{ height: 0.71rem;display: block; float: left;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;margin: -0.04rem 0.2rem 0 0; width: 0.75rem;}
.kaogong_title h3 i img{ width: auto; max-height: 100%;}

@media screen and (max-width:800px) {
  .kaogong_title h3 i {
      height: 9vw;
      margin: -1vw 2vw 0 0;
      width: 10vw;
  }

  .kaogong_out_container{ padding-bottom: 8vw;}

}


/* crowd_list */
.crowd_container{ margin-top: 0.4rem;}
.crowd_container h3{ color: #333333; font-size: 0.36rem; line-height: 1.3em;}
.crowd_list_content{ margin-top: 0.4rem;}
.crowd_list_content ul {display: flex;
    display: -webkit-flex;
    display: -ms-flex;flex-wrap: wrap;}
.crowd_list_content ul li{ width: 23%; margin-right: 2.6666%; border-radius: 0.3rem; background: url(../images/shiyebian_list_bg.webp) no-repeat center top; background-size:cover; box-sizing:border-box; padding: 0.4rem 0.2rem; text-align: center;}
.crowd_list_content ul li:nth-child(4n){ margin-right: 0;}

.crowd_list_content ul li .index_word_content{ padding: 0 0.1rem; box-sizing: border-box;}
.crowd_list_content ul li h6{ font-size: 0.38rem; line-height: 1.3em; color: #ad0202;}
.crowd_list_content ul li h4{ font-size: 0.2rem; line-height: 1.5em; color: #333333; margin: 0.15rem 0 0.12rem;}

@media screen and (max-width:800px) {
.crowd_container h3{ font-size: 5.4vw;}
.crowd_container{ margin-top: 5vw;}
.crowd_list_content{ margin-top: 4vw;}

.crowd_list_content ul li{    width: 48%;
    margin: 0 4% 0 0; padding: 4vw; border-radius: 3vw;}

.crowd_list_content ul li:nth-child(4n){ margin-right: 4%;}
.crowd_list_content ul li:nth-child(2n){ margin-right: 0;}
.crowd_list_content ul li:nth-child(n+3){ margin-top: 4vw;}

.crowd_list_content ul li .index_word_content{ padding: 0;}

.crowd_list_content ul li h4{ font-size: 3.8vw; line-height: 1.3em;margin: 2vw 0 2vw;}

.crowd_list_content ul li h6{ font-size: 6vw;}

}

/* crowd advantage */
.crowd_advantage_word p{ font-size: 0.15rem; color: #fff;}
@media screen and (max-width:800px) {
.crowd_advantage_word p{ font-size: 3.5vw;}
.crowd_advantage{height: 70vw;}
.crowd_advantage_word{ width: 70vw; margin: 0 auto;}

}

/* member */
.crow_kaogong_list_content ul li{}

.crow_kaogong_list_content ul li {
    width: 31%;
    background: url(../images/gongwuyuan_list_bg.webp) no-repeat center top;
    margin: 0 3.5% 0 0; background-size: cover;
    box-sizing: border-box;
    overflow: hidden; padding: 0.5rem 0.4rem;
}
.crow_kaogong_list_content ul li:nth-child(4n){ margin-right: 3.5%;}
.crow_kaogong_list_content ul li:nth-child(3n){ margin-right: 0;}
.crow_kaogong_list_content ul li .index_word_content {
    padding: 0;
}

@media screen and (max-width:800px) {
.crow_kaogong_list_content ul li{width: 100%;
    margin: 0;
    padding: 5vw; margin-right: 0;}
.crow_kaogong_list_content ul li:nth-child(n+2){ margin-top: 4vw;}

}

/* kaogong_advantage */
.kaogong_advantage_word{ width: 5.8rem;}

@media screen and (max-width:800px) {
.kaogong_advantage_container{height: 90vw;}
.kaogong_advantage_word{ width: 70vw;}
}

/* kaogong list */
.kaogong_catalogue_list ul li{ position:relative; min-height: 3.2rem;}
.kaogong_catalogue_word{ margin-top: 0.45rem;}
.kaogong_catalogue_word h6{ width: 50%!important; float: left; margin-top: 0!important; padding-right: 0.1rem;}
.kaogong_catalogue_word h6:nth-child(n+3){ margin-top: 0.18rem!important;}
.kaogong_catalogue_list ul li .more_detail{ position: absolute; right: 0.6rem; top: 0.5rem; margin-top: 0; z-index: 2;}

@media screen and (max-width:800px) {
.kaogong_catalogue_list ul li .more_detail{ right: 6vw; top: 7vw;}
.kaogong_catalogue_list ul li{ min-height: auto;}
.kaogong_catalogue_word{ margin-top: 8vw;}
.kaogong_catalogue_word h6{ padding-right: 1vw;}
.kaogong_catalogue_word h6:nth-child(n+3) {
    margin-top: 2vw!important;
}

}

/* chanjiao */
.chanjiao_mag{ margin-top: 0.4rem;}

@media screen and (max-width:800px) {

.chanjiao_mag{ margin-top: 5vw;}
}

/*chanjiao characteristic*/
.chanjiao_character_word img{ display: block; max-width: 100%; height:auto; margin: 0 auto;}

/* hot course */
.inside_project_word{ padding: 0 0.5rem; bottom: 0.4rem;}
.inside_guide_word_content{ display:block; padding: 0; position: absolute; right: 0.5rem; bottom: 0;}
.inside_guide_word_content h5{ margin-top: 0;}
.inside_project_word h4{ margin-bottom: 0.08rem; width:calc(100% - 1.5rem);}
.inside_project_list_content{ overflow: hidden;}
.inside_project_list_content ul li{margin-top: 0;}
.inside_project_list_content ul li:nth-child(n+3){ margin-top: 3%;}

@media screen and (max-width:800px) {
.inside_project_list_content ul li:nth-child(n+2){ margin-top: 4vw;}
.inside_project_word{ padding: 0 6vw;bottom: 5vw;}
.inside_guide_word_content{ right: 6vw;}
.inside_project_word h4{margin-bottom: 1.2vw;
    width: calc(100% - 26vw); line-height: 1.5em;}
}

/* about*/
/* about top */
.about_outside_top_container{ width: 100%; background: url(../images/inside_about_bg.webp) no-repeat center bottom; padding-bottom: 4.7rem; box-sizing: border-box; }

.inside_about_top{ position: relative;}
.inside_about_top_left{ width: 55%; }
.inside_about_top_left h3{ color: #9b0000; font-size: 0.34rem; line-height: 1.5em;}

.inside_about_top_right{ width: 3.37rem; position: absolute; right: 0; bottom: 0.4rem;}
.inside_about_top_right img{display: block; width: 100%; height: auto;}


.inside_about_img{ border-radius: 1rem 1rem 0 0; overflow: hidden;}
.inside_about_img img{display: block; width: 100%; height: auto;}

@media screen and (max-width:1024px) {
.inside_about_top_right{ width: 3rem;}

}


@media screen and (max-width:800px) {
.inside_about_top_left{float: none; width: 100%;}
.inside_about_top_left h3{ font-size: 6.3vw;}

.inside_about_top_right{ display: none;}

.inside_about_img{border-radius: 3vw;}

.about_outside_top_container{ padding-bottom: 75vw;background-size: 290%;}
}

/* about bottom */

.about_subsidiary_content{display: -webkit-flex;
  display: flex;justify-content: space-between;}
.about_subsidiary_left{ width: 3.8rem;}
.about_subsidiary_right_content{ width: 57%;}

.about_subsidiary_num_list{ width: 100%; margin-top: 0.2rem;}
.about_subsidiary_num_list ul{display: -webkit-flex;
  display: flex; flex-wrap: wrap;}
.about_subsidiary_num_list ul li{ width: 50%; box-sizing: border-box; padding-right: 0.05rem; margin-top: 0.4rem;}
.about_subsidiary_num_list ul li h4{color: #ad0202; font-size: 0.56rem; line-height: 1em;}

.about_subsidiary_num_list ul li h4 span{ font-size: 0.18rem; font-weight: normal; margin-left: 0.08rem; color: #333333; line-height: 1em;}
.about_subsidiary_num_list ul li p{ line-height: 1.3em; color: #333333; font-size: 0.18rem; margin-top: 0.13rem;}

@media screen and (max-width:1024px) {
  .about_subsidiary_right_content{ width: calc(100% - 4rem);}
  .about_subsidiary_num_list ul li{ width: 60%;}
  .about_subsidiary_num_list ul li:nth-child(even){ width: 40%;}
}

@media screen and (max-width:800px) {
.about_subsidiary_content{flex-wrap: wrap;
   justify-content: flex-start;}
.about_subsidiary_left{ width: 100%;}
.about_subsidiary_right_content{ width: 100%; margin-top: 4vw;}

.about_subsidiary_num_list{ margin-top: 2vw;}
.about_subsidiary_num_list ul{justify-content: space-between;}
.about_subsidiary_num_list ul li{ width: 48.5%; padding: 0; margin-top: 6vw;}
.about_subsidiary_num_list ul li:nth-child(even){ width: 40%;}

.about_subsidiary_num_list ul li h4{ font-size: 6.5vw;}
.about_subsidiary_num_list ul li h4 span{ font-size: 3.5vw;margin-left: 0.6vw;color: #888888;}
.about_subsidiary_num_list ul li p{ font-size: 3.6vw; margin-top: 2vw;}

}

/* about manager */

.about_manager_container{ margin-top: -2.35rem;}
.about_manager_content{ border-radius: 0.3rem; background: #fff; box-shadow: 0 0 0.3rem rgba(15,25,35,0.35); display: -webkit-flex;
  display: flex;
  justify-content: space-between; overflow:hidden;}



.about_manager_img{ width: 38%; height: 4.5rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;overflow: hidden;}

.about_manager_img img{display: block; min-width: 100%; min-height: 100%; object-fit: cover;}

.about_manager_word_content{ width: 62%; box-sizing: border-box; padding: 0 9%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    /*justify-content: center;*/}

.about_manager_word h3{ font-size: 0.35rem; color: #333333; line-height: 1.3em; margin-bottom: 0.35rem;}

.about_manager_word p{ font-size: 0.18rem; color: #636363; line-height: 1.77em; background: url(../images/about_circle.webp) no-repeat left 0.11rem; box-sizing: border-box; padding-left: 0.23rem; margin-top: 0.13rem; background-size: 0.09rem;}

@media screen and (max-width:1024px) {
.about_manager_word_content{padding: 0 6%;}
.about_manager_word h3{ margin-bottom: 0.3rem;}
}

@media screen and (max-width:800px) {

.about_manager_content{flex-direction:column-reverse;flex-wrap: wrap; border-radius: 3vw;box-shadow: 0 0 3vw rgba(15,25,35,0.35); overflow:inherit;;}
.about_manager_img{     width: 30vw;
    height: 30vw;
    border-radius: 50%;
    margin: -15vw auto 0; border: 2vw solid #fff;}
.about_manager_word_content{ width: 100%; padding: 3vw 7vw 6vw;}

.about_manager_word h3 {
    margin-bottom: 4vw;
    font-size: 4.8vw; text-align: center;
}

.about_manager_word p {
    font-size: 3.5vw;
    background-position: left 1.6vw;
    padding-left: 4vw;
    margin-top: 1.5vw;
    background-size: 1.8vw;
    line-height: 1.65em;
}

.about_manager_container {
    margin-top: -48vw;
}

}

/* about honor */

.about_honor_list_container{ position: relative;}

.about_honor_list{width: calc(100% - 2.5rem); margin: 0 auto; padding: 2.5% 0;}

.about_honor_list .swiper-slide{  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.about_honor_img{ border-radius: 0.3rem; box-sizing: border-box; border: 0.06rem solid #ad0202; overflow: hidden; background: #ad0202;}
.about_honor_list .about_honor_img img{display: block; width: 100%; height: auto;}


.about_honor_list .swiper-slide-active, .about_honor_list .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.2, 1.2) !important;
  transform: scale(1.2, 1.2) !important;
  z-index: 2;
  overflow: visible;
}

.about-honor-next,.about-honor-prev{ width: 0.6rem; height: 0.6rem; position: absolute; top: 50%; margin-top: -0.3rem;}
.about-honor-next{ background: url(../images/honor_right.webp) no-repeat center center; right: 0; background-size: 100%;}
.about-honor-prev{background: url(../images/honor_left.webp) no-repeat center center; left: 0;background-size: 100%;}

@media screen and (max-width:800px) {
.about_honor_list{ width: 100%;padding: 9vw 0;}
.about_honor_img{ border-radius: 3vw;border: 0.8vw solid #ad0202; }

.about_honor_list .swiper-slide-active, .about_honor_list .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.8, 1.8) !important;
  transform: scale(1.8, 1.8) !important;
}

.about_honor_list_container{ padding-bottom: 15vw;}
.about-honor-next, .about-honor-prev{ top: auto; bottom: 0; margin-top: 0;width: 10vw; height: 10vw;}

.about-honor-next{ right: 50%; margin-right: -12vw;}
.about-honor-prev{ left: 50%; margin-left: -12vw;}


}


/* about teamwork */
.about_teamwork_container{ padding: 5.8% 0; box-sizing: border-box; background: #f6f9fe;}

@media screen and (max-width:800px) {
.about_teamwork_container{ padding: 8vw 0;}

}

/* develop */

.develop_container{ position: relative; overflow: hidden; }
.develop_img_content{ width: 100%; height: 100vh;background: url(../images/develop_bg.webp) no-repeat center top;  background-size: cover; position: absolute; left: 0 ;top: 0; z-index: 0;}

.develop_list_content{margin: 5.8% auto;z-index: 1; position: relative; z-index: 1;}
.productfixed{position:fixed; top: 0; right: 0; z-index: 1;}
.productbottom {
  top: auto !important;
  bottom: 0 !important;
}


.develop_circle_content{ width: 0.25rem;  margin: 0 auto;}
.develop_circle_content img{display: block; width: 100%; height: auto;}

.develop_circle_list_content{ position: relative; height: 100%; margin-top: 0.15rem; padding-top: 0.6rem;}
.develop_line{ background: #fd9f9f; height: 100%; width: 1px;    position: absolute; top: 0; left: 50%; margin-left: -0.05px; z-index: 0;}


.develop_circle_list_content ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center; box-sizing: border-box; padding-bottom: 1.2rem;}

.develop_year_content{ width: calc(50% - 3.5px); text-align: right; box-sizing: border-box; padding-right: 0.7rem;}
.develop_year_content h4{ font-size: 0.5rem; color: #9b0000; line-height: 1.1em;}


.develop_word_content{width: calc(50% + 3.5px);margin-top: 0.12rem;}

.develop_word_content p{ color: #333333; font-size: 0.18rem; line-height: 1.77em; background: url(../images/develop_red_circle.webp) no-repeat left 0.12rem; z-index: 2; position:relative; box-sizing: border-box; padding-left: 0.7rem;}
.develop_word_content p:nth-child(n+2){ margin-top: 0.3rem;}

@media screen and (max-width:800px) {
.develop_list_content{ margin: 8vw auto;}
.develop_year_content{padding-right: 7vw;}
.develop_year_content h4{    font-size: 8vw;}
.develop_word_content p{    font-size: 3.5vw;
    padding-left: 6vw;
    background-position: left 2vw; line-height: 1.65em;
}

.develop_word_content {
    margin-top: 2vw;
}
.develop_word_content p:nth-child(n+2) {
    margin-top: 6vw;
}

.develop_circle_list_content ul li{ padding-bottom: 18vw;}
.develop_circle_content{ width: 4vw;}
.develop_circle_list_content{margin-top: 4vw;
    padding-top: 13vw;}

}

/* recruit */

.join_list_content{ width: 100%;}

.join_list_top_content{ padding: 0.35rem 0.45rem; box-sizing: border-box; position: relative; background: transparent; overflow: hidden;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; border-bottom: 1px solid #afaeae; border-radius: 0 0 0 0; cursor: pointer;}

.join_list_top_content h3{ font-weight: normal; color: #333333; font-size: 0.2rem; line-height: 1.3em; float: left; width: 22%; float: left; box-sizing: border-box; padding-right: 0.1rem;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
.join_list_top_content h3:first-child{ width: 35%;}
.join_list_top_content h3:first-child+h3{ width: 23%;}
.join_list_top_content h3:first-child+h3+h3{ width: 17%;}
.join_list_icon{ width: 0.36rem; height: 0.36rem; background: url(../images/join_jiantou1.webp) no-repeat center center; position: absolute; right: 0.45rem; background-size: 100%; top: 50%;transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.join_list_bottom_content{ background: #f6f5f5; box-sizing: border-box; padding: 0.15rem 0.75rem 0.6rem; overflow: hidden; display: none;}
.join_list_bottom_content h4{font-size: 0.23rem; color: #333333; line-height: 1.5em; margin: 0.35rem 0 0.12rem;}
.join_list_bottom_content p{ font-size: 0.16rem; color: #636363; line-height: 2em;}
.mobile_join_list{display:none; }

.join_list_content ul li.cur .join_list_top_content{ background:#9b0000; border-radius: 0.3rem 0.3rem 0 0; border: none;}
.join_list_content ul li.cur .join_list_top_content h3{ color: #fff;}
.join_list_content ul li.cur .join_list_icon{background: url(../images/join_jiantou2.webp) no-repeat center center;background-size: 100%;}

.borderqu{ border: none;}

@media screen and (max-width:1024px) {

.join_list_top_content h3:first-child+h3,.join_list_top_content h3:first-child+h3+h3,.join_list_top_content h3{ width: 30%;}
.join_list_top_content h3:first-child{display: block; width: 90%;margin-bottom: 0.1rem;}

.join_list_top_content{padding: 0.25rem 0.45rem;}
.mobile_join_list{display:block; margin-top: 0.4rem; }

}

@media screen and (max-width:800px) {
.join_list_content{ width: 100%;}
.join_list_top_content h3{ font-size: 3.5vw; padding-right: 1vw;width: 100%!important; margin: 1.5vw 0 0 0!important;}
.join_list_top_content h3:first-child{ margin-top: 0!important;font-weight: bold;}
.join_list_top_content h3:nth-child(3){ width: 40%!important;}
.join_list_top_content h3:nth-child(4){ width: 60%!important;}


.join_list_icon{ width: 5vw; height: 5vw; right: 3vw;}
.join_list_top_content{ padding: 3vw 3vw;}
.join_list_bottom_content{ padding: 0 5vw 6vw;}
.join_list_content ul li.cur .join_list_top_content {
    border-radius: 3vw 3vw 0 0;
}
.join_list_bottom_content p{ font-size: 3.5vw; line-height: 1.67em;}
.join_list_bottom_content h4{ font-size: 3.8vw; margin-top: 4vw;}

}

/* assist learning */
.assist_container{ padding: 5.8% 0; box-sizing: border-box; background: #f6f6f6; }

.assist_container p{ font-size: 0.16rem; line-height: 2em; color: #636363; margin-top: 0.15rem;}
.assist_container p strong{ color: #000000;}

@media screen and (max-width:800px) {
.assist_container p{font-size: 3.5vw;
    line-height: 1.65em;
    margin-top: 1.5vw;}

.assist_container{ padding: 8vw 0;}

}

/* chanjiao detail */
.hot_project_container{ padding: 5.8% 0; box-sizing: border-box; background: #f6f6f6; }

.hot_project_detail_content p{ font-size: 0.16rem; line-height: 2em; color: #636363; margin-top: 0.15rem; text-indent: 2em;}

.hot_project_detail_content p strong{ color: #000000;}

.hot_project_detail_content h4{ font-size: 0.2rem; color: #000000; margin-top: 0.15rem; line-height: 2em;}

.hot_project_detail_content img{max-width: 100%; height: auto;}
.hot_project_detail_content p img{ margin-left: -2em;}

@media screen and (max-width:800px) {
.hot_project_container{ padding: 8vw 0;}
.hot_project_detail_content p{font-size: 3.5vw;
    line-height: 1.65em;
    margin-top: 1.5vw;}
.hot_project_detail_content h4{ font-size: 3.8vw;line-height: 1.65em;
margin-top: 1.5vw;}

}


/* open form */
.eject_form_container {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
}

.open_contact_button {
  opacity: 1;
  z-index: 4;
}

.eject_form_content{ width: 8.5rem; background: #9b0000; box-sizing: border-box; padding: 0.6rem 0.4rem 0.3rem; border-radius: 0.1rem; position: relative;}

.eject_contact_content{ background: #fff;border-radius: 0.1rem; margin-top: 0.2rem; box-sizing: border-box; padding: 0.5rem 0.5rem;}

.eject_contact_word_content{ margin-top: 0.3rem;}
.eject_contact_word_content p{font-size: 0.34rem;padding-left: 0.6rem; line-height: 1.4em; color: #333;}
.eject_contact_word_content p a{ color: #333;}

.eject_contact_word_content p.eject_email{ background: url(../images/footer_icon2.webp) no-repeat left center; background-size: 0.44rem;}

.eject_form_content h6{ width: 0.35rem; position: absolute; right: 0.4rem; top: 0.3rem; display: block; cursor: pointer;}
.eject_form_content h6 img{display: block; width: 100%; height: auto;}


@media screen and (max-width:800px) {
.eject_form_content{padding: 10vw 4vw 4vw;width: 90%;}

.eject_form_content h6{ width: 6vw; right: 4vw;}

.eject_contact_content{padding: 5vw;    margin-top: 4vw;}
.eject_contact_word_content p{font-size: 4.4vw;
    padding-left: 8vw;}

.eject_contact_word_content p.eject_email{background-size: 6vw;}
.eject_contact_word_content{ margin-top: 5vw;}
}



/* Search Result */
.product_nav_position{ height: 1.1rem;}
.result_list_container{ margin-top: 3.5%;}

.result_list_content ul li p{font-size: 0.2rem;
    color: #a4a4a4;
    margin-top: 0.1rem;}

.result_list_content ul li { background: #f5f4f4; border-radius:0.3rem; box-sizing: border-box; padding: 0.3rem;}
.result_list_content ul li:nth-child(n+2){ margin-top: 3%;}

@media screen and (max-width:1024px) {
.product_nav_position{ height: 90px;}
}

@media screen and (max-width:800px) {
.product_nav_position{ height: 13vw;}
.result_list_content ul li{ border-radius: 3vw; padding: 4vw;}
.result_list_content ul li p{font-size: 3.6vw; margin-top: 2vw;}
.result_list_container{ margin-top: 8vw;}
.result_list_content ul li:nth-child(n+2){ margin-top: 6vw;}

}


/* sitemap */
.sitemap_container{ margin-top: 3.5%;}
.sitemap_content{ width: 1000px; margin: 0 auto;}
.sitemap_content_list{margin-top: 3.5%;}
.sitemap_content_list dl{ margin-top: 0.2rem;border-bottom: 1px dotted #cbcbcb; padding-bottom: 0.2rem;}
.sitemap_content_list dl dt{ font-size: 0.26rem; line-height: 1.5em; font-weight: bold;}
.sitemap_content_list dl dt a{ color: #000;}
.sitemap_content_list dl dd{ font-size: 0.22rem; line-height: 1.6em; box-sizing: border-box; padding-left: 0.3rem; margin-top: 0.1rem;}
.sitemap_content_list dl dd a{color: #333;}
.sitemap_twree{ box-sizing: border-box; width: 100%; padding-left: 0.6rem;}

.sitemap_twree p{ font-size: 0.18rem; line-height: 1.6em; margin-top: 0.05rem; background:url(../images/teacher_circle.webp) no-repeat left 0.11rem; box-sizing: border-box; padding-left:0.18rem; background-size: 0.08rem;}
.sitemap_twree p a{ color: #6b6b6b;}


@media screen and (max-width:1200px) {
.sitemap_content{ width: 89.5%;}
}

@media screen and (max-width:800px) {
.sitemap_container{ margin-top: 8vw;}
.sitemap_content_list{ margin-top: 6vw;}
.sitemap_content_list dl{margin-top: 3vw;padding-bottom: 3vw;}
.sitemap_content_list dl dt{ font-size: 4.6vw;}
.sitemap_content_list dl dd{ font-size: 4vw;margin-top: 1.5vw;padding-left: 5vw;}
.sitemap_twree p{font-size: 3.6vw;
    margin-top: 1.5vw; background-size: 2vw;background-position: left 2vw; padding-left: 3vw;}
.sitemap_twree{ padding-left: 10vw;}
}


/* 404 */
.error_container{ width: 100%; height: 100vh;background: #9b0000;  background: linear-gradient(120deg, #9b0000, #ff4e00 80%, #ff9e6d);
  display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.error_container h3{ font-size: 1.2rem;  line-height: 1.1em;color: #fff; text-align: center;font-weight: normal;}

.error_container p{ text-align: center; font-size: 0.24rem; color:#fff; line-height: 1.5em; margin-top: 0.1rem;}

.error_container ul{ width: 6rem; margin: 0.4rem auto; font-size: 0; text-align: center;}

.error_container ul li{ font-size: 0.2rem;width: 1.4rem;margin:0.05rem; text-transform: uppercase; display: inline-block;*display:inline;*zoom:1;vertical-align: top; }
.error_container ul li a{ color: #fff; display: block;width: 100%; padding: 0.1rem 0; text-align: center;border: 1px solid rgba(255,255,255,0.6);  border-radius: 10px;}

@media screen and (max-width:800px) {

.error_content{ width: 92vw;}
.error_container h3{ font-size: 14vw;}
.error_container p{ font-size: 3.4vw; margin-top: 2vw;}
.error_container ul{ width: 100%; margin-top: 4vw;}
.error_container ul li{ width: 49%; margin: 2% 2% 0 0; font-size: 4vw;}
.error_container ul li:nth-child(2n){ margin-right: 0;}
.error_container ul li a{ padding: 2vw 0;}
}
