@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.5rem; 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.56rem;}
.secondary_nav3_container{ position: absolute; left: 0; top: 0; width: 100%;}

.secondary_nav_content{ height: 0.56rem; 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;font-size: 0.18rem; width: 14.28%; float: left; cursor: pointer;background: rgba(26,43,60,1);}

.secondary_nav_container4 ul li{width: 25%;}
.secondary_nav_container3 ul li{width: 33.33%;}
.secondary_nav_container ul li a{ color: #fff; width: 100%;height:0.56rem;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(255,122,69,1);}

.nav_fold {
  display: none;
}

.two_nav_productfixed{ background: #1a2b3c; 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: #1a2b3c; font-size: 0.16rem;}
.two_nav_productfixed ul li.cur,.two_nav_productfixed ul li:hover{background: #ff7a45;}

.two_nav_productfixed ul li a{height: 0.45rem;}

.two_nav_productfixed .secondary_nav_content{height: 0.45rem;}


@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:11.5vw;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: 3.8vw;background: #f8fafe; }

.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: #333;height: 11vw; padding: 0 4%;}

.secondary_nav_container ul li:hover{background: #f3f3f3;}
.secondary_nav_container ul li.cur{background: rgba(0,81,164,1);}
.secondary_nav_container ul li.cur a{color: #fff;}

  .nav_fold {
    display: block;
    width: 100%;
    background: #f0f6ff;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 3vw 4vw;
  }

  .nav_fold h3 {
    font-size: 4.2vw;
    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: #0051a4;
  border: 2px solid #0051a4;
}

@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 #0051a4;
  }
}



/* 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.8rem; float: left; margin-right: 0.5rem;flex-shrink:0; position: relative;}
.news_list_left_img img{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;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: #0051a4;}

.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: #0051a4; 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 */
.blue_outside{ width: 100%; background: #e6effe; padding: 5.8% 0; box-sizing: border-box;}

.news_detail_top {
  background: url(../images/news_bg_logo.webp) no-repeat  #0051a4;
  background-position: calc(100% - 0.2rem) calc(100% + 0.4rem);
  border-radius: 0.3rem;
  color: #fff;
  box-sizing: border-box; padding: 0.7rem 0.8rem;
  color: #fff;
  background-size: 1.86rem;
  overflow:hidden;
}

.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 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:#fff; border-radius: 0.3rem; box-sizing: border-box; padding: 0.6rem 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;
}

.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: #ffffff;
  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: #0051a4;
  color: #fff;
}
.news_detail_page ul li:hover a {
  color: #fff;
}


@media screen and (max-width:800px) {

  .blue_outside{ padding: 8vw 0;}

  .news_detail_top h1 {
    font-size: 4.2vw;
    line-height: 1.4em;
    margin: 4vw 0 4vw;
  }

  .news_detail_top h5{ font-size: 3.6vw;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;
   background-size: 18vw;
   background-position: calc(100% - 3vw) calc(100% + 5vw);
  }



  .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.4vw;
    padding: 3vw;
    border-radius: 3vw;
  }
  .news_detail_page ul li:first-child {
    margin: 0;
  }

}

/* two bg*/
.contact_button_eject_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;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;

}
.open_contact_button {
  opacity: 1;
  z-index: 6;
}

/* video list */
.video_list_container ul li{ width: 47.8%;
    border-radius: 0.3rem;
    overflow: hidden;
    float: left;
    margin: 0 4.4% 0 0; position: relative;}

 .video_list_container ul li:nth-child(2n){ margin-right: 0;}
 .video_list_container ul li:nth-child(n+3){ margin-top: 4.4%;}

.video_list_img{ width: 100%; height: 0; padding-bottom: 63.63%; overflow: hidden; position: relative;}
.video_list_img img{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;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;}

.video_list_container ul li:hover .video_list_img 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;}

.video_list_bg{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../images/video_bg.webp) no-repeat center bottom; background-size: 100%;}

.video_list_word_content{ width: 100%; box-sizing: border-box; padding: 0 0.5rem; position: absolute; left: 0; bottom: 0.3rem;}

.circle_video{ position: absolute; right: 0.5rem; bottom: 0; width: 0.5rem; height: 0.5rem;background: url(../images/video_sanjiao.webp) no-repeat 0.2rem center #00d4ff;
    background-size: 0.14rem;
    border-radius: 50%;
    transition-duration: .8s;
    -ms-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;}

.circle_video:hover,.video_list_container ul li:hover .circle_video{background: url(../images/video_sanjiao.webp) no-repeat 0.2rem center #ff7a45;
    background-size: 0.14rem;}

.video_list_word_content h3{width: calc(100% - 1rem); font-weight: normal; font-size: 0.2rem; color: #fff; line-height: 1.5em; margin-bottom: 0.08rem;}



.video_container{ width: 9rem; box-sizing: border-box; border-radius: 0.3rem; background: #0051a4; position: relative; padding: 0.5rem;}
.video_container h4{ font-size: 0.24rem; text-align: center; line-height: 1.5em; color: #fff; font-weight: normal;}
.video_container video{ margin-top: 0.3rem; border-radius: 0.3rem;}
.video_container h6{ width: 0.35rem; height: 0.35rem; background: url(../images/top_cha2.webp) no-repeat center center; background-size: 100%; position: absolute;right: 0.2rem; top: 0.2rem;}

@media screen and (max-width:1024px) {
.video_container{ width: 80%;}
}

@media screen and (max-width:800px) {
.video_list_container ul li{ width: 100%; border-radius: 3vw; float: none; margin: 0;}
.video_list_container ul li:nth-child(n+2){ margin-top: 6vw;}

.circle_video{ width: 7vw; height: 7vw;background: url(../images/video_sanjiao.webp) no-repeat 2.7vw center #00d4ff;    background-size: 2.2vw; right: 4vw; }

.circle_video:hover,.video_list_container ul li:hover .circle_video{background: url(../images/video_sanjiao.webp) no-repeat 2.7vw center #ff7a45;
    background-size: 2.2vw;}

.video_list_word_content h3{width: calc(100% - 12vw); font-size: 4vw; margin-bottom: 0;}

.video_list_word_content{ padding: 0 5vw; bottom: 5vw;}

.video_container{ width: 90%; border-radius: 3vw;padding: 6vh 2vh 2vh;}

.video_container video{ margin-top: 2vh; border-radius: 3vw;}

.video_container h4{ font-size: 3.6vw;}
.video_container h6{ width: 5vw; height: 5vw; right: 2vh; top: 2vh;}

}


/* case list */
.case_list_container ul li{ width: 100%; border-radius: 0.3rem; overflow: hidden;}
.case_list_container ul li a{ display: block; width: 100%; height: 100%;display: flex;display: -webkit-flex;display: -ms-flex; justify-content: space-between;flex-direction:row-reverse; flex-wrap: wrap; background: #f0f6ff;    transition-duration: .8s;-ms-transition-duration: .8s;-moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.case_list_right_content{ width: 58%; height: 0; padding-bottom: 36.25%; position: relative; overflow: hidden;}


.case_list_right_content img{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;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;
}

.case_list_container ul li:hover .case_list_right_content img,.correlation_solution_word_content:hover .case_list_right_content img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);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;}

.case_list_left_content{ width: 42%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; background: url(../images/news_bg_logo.webp) no-repeat; background-position: calc(100% + 0.1rem) calc(100% + 0.3rem); background-size: 1.86rem;}

.case_list_left_word{ width: 73%;}

.case_list_left_word h3{ font-size: 0.26rem; color: #333333; line-height: 1.5em; margin-bottom: 0.25rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.case_list_left_word .index_word_content{ margin-bottom: 0.6rem;}
.case_list_left_word .index_word_content p{ color: #777777;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.case_list_container ul li:hover a,.correlation_solution_word_content:hover a{ background: #0051a4;}

.case_list_container ul li:hover .case_list_left_word h3,.case_list_container ul li:hover .index_word_content p,.correlation_solution_word_content:hover .case_list_left_word h3,.correlation_solution_word_content:hover .index_word_content p{ color: #fff;}

.case_list_container ul li:hover h6.circle_more,.correlation_solution_word_content:hover h6.circle_more{background: url(../images/jiantou.webp) no-repeat center center #ff7a45; background-size: 0.27rem;}
.case_list_container ul li:nth-child(n+2){ margin-top: 5%;}

@media screen and (max-width:1300px) {
.case_list_left_content{background-size: 10vw;background-position: calc(100% + 0.5vw) calc(100% + 2vw);}
}

@media screen and (max-width:1024px) {
.case_list_left_word .index_word_content{ margin-bottom: 0.3rem;}
.case_list_left_word h3{ margin-bottom: 0.15rem;}
.case_list_left_word .index_word_content p{-webkit-line-clamp: 2;}
}

@media screen and (max-width:800px) {
.case_list_right_content{ width: 100%; padding-bottom: 62.5%;}

.case_list_left_content{ width: 100%; display: block;}
.case_list_left_word{ width: 100%; box-sizing: border-box; padding: 6vw 5vw;}

.case_list_left_word h3{ font-size: 4.2vw; margin-bottom: 2vw;}
.case_list_left_word .index_word_content{ margin-bottom: 3vw;}
.case_list_container ul li{ border-radius: 3vw;}

.case_list_left_content {
    background-size: 12vw;
}
.case_list_container ul li:nth-child(n+2){ margin-top: 6vw;}

.case_list_container ul li:hover h6.circle_more,.correlation_solution_word_content:hover h6.circle_more{background-size: 3.5vw;}


}

/* download */

.download_contaner ul{ display: -webkit-flex;
  display: flex;
  justify-content: space-between;flex-wrap: wrap;}

.download_contaner ul li{width: 47.8%;
    border-radius: 0.3rem;
    overflow: hidden;
    float: left;
    margin: 0 4.4% 0 0; border-radius: 0.2rem; background: url(../images/download_bg.webp) no-repeat center center; background-size:cover; box-sizing: border-box; padding: 0.35rem 0.4rem;display: -webkit-flex;
  display: flex;
  justify-content: space-between;align-items: center;}
.download_contaner ul li:nth-child(2n){ margin-right: 0;}
.download_contaner ul li:nth-child(n+3){ margin-top: 4%;}
.download_left_content{ width: calc(100% - 0.8rem);}
.download_logo{ width: 0.88rem; margin-bottom: 0.25rem;}
.download_logo img{display: block; width: 100%; height: auto;}
.download_left_content h3{ font-weight: normal; font-size: 0.22rem; color: #333333; line-height: 1.5em;}
.download_left_content p{ font-size: 0.15rem; color: #777777; line-height: 1.5em; margin-top: 0.1rem;}



h6.circle_download{ width: 0.5rem; height: 0.5rem;  background: url(../images/download_icon.webp) no-repeat center center #0051a4; background-size: 0.24rem; border-radius: 50%;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

h6.circle_download:hover{background: url(../images/download_icon.webp) no-repeat center center #ff7a45; background-size: 0.24rem;}


@media screen and (max-width:800px) {
.download_contaner ul li{ width: 100%; margin: 0; padding: 5vw; border-radius: 2vw;}
.download_contaner ul li:nth-child(n+2){ margin-top: 6vw;}

.download_logo{ width: 13vw; margin-bottom: 3vw;}
.download_left_content h3{ font-size: 4vw;}
.download_left_content p{ font-size: 3.2vw; margin-top: 1vw;}

h6.circle_download{ width: 8vw; height: 8vw;background-size: 3.5vw; }

h6.circle_download:hover{background-size: 3.5vw;}
.download_left_content {
    width: calc(100% - 12vw);
}

  }




/* contact*/
.contact_container{ background: #e6effe; padding: 5.8% 0; box-sizing: border-box;}
.contact_top_content{ border-radius: 0.3rem; background: #fff; box-sizing: border-box; padding: 0.5rem 0.5rem 0.7rem;}

.contact_map_content{ border-radius: 0.3rem; overflow: hidden; border: 0.02rem solid #0051a4;}
.contact_map_content img{display: block; width: 100%; height: auto;}
.contact_map{ height: 3.8rem!important;}


.contact_bottom_container{ display: -webkit-flex;
  display: flex;
  justify-content: space-between;align-items: center; margin-top: 0.45rem;}


.contact_left_content{ width: 56%; box-sizing: border-box; padding: 0 0.3rem 0;}

.contact_left_content h3{ font-size: 0.32rem; line-height: 1.5em; color: #0051a4; margin-bottom: 0.35rem;}


.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.25rem;}
.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: 44%; box-sizing: border-box; padding-right: 0.3rem;}
.contact_right_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;justify-content: flex-end;}

.contact_right_content ul li{ width: 1.6rem; background: #f0f6ff; box-sizing: border-box; padding: 0.1rem 0.1rem 0.12rem;}
.contact_right_content ul li:nth-child(n+2){ margin-left: 0.2rem;}
.contact_erweima_content{ width: 100%; height: 0; padding-bottom: 100%;overflow: hidden; background: #fff;}
.contact_erweima_content img{display: block; width: 100%; height: auto;}
.contact_right_content ul li p{ font-size: 0.14rem; color: #000; line-height: 1.5em; text-align: center; margin-top: 0.08rem;}
.contact_right_content ul li p a{color: #000;}


@media screen and (max-width:1024px) {
  .contact_top_content {
      padding: 0.3rem 0.3rem 0.5rem;
  }
}

@media screen and (max-width:800px) {
.contact_container{ padding: 8vw 0;}
.contact_top_content{ padding: 4vw; border-radius: 3vw; display:block;}
.contact_map_content{ border-radius: 3vw;}
.contact_map{ height: 50vw!important;}
.contact_bottom_container{   flex-wrap: wrap;
   justify-content: flex-start; margin-top: 3vw;}


.contact_left_content{ width: 100%; padding: 2vw;}
.contact_left_content h3{ font-size: 4.4vw;margin-bottom: 4vw;}

.contact_left_word h6{ font-size: 3.2vw;}
.contact_left_word p{ font-size: 3.5vw;}
.contact_left_icon{ width: 10vw;}
.contact_left_word {
    width: calc(100% - 12vw);
}

.contact_left_bottom ul li{ margin-top: 4vw;}
.contact_right_content{ width: 100%; box-sizing: border-box; padding: 2vw; margin-top: 3vw;}

.contact_right_content ul li{ width: 30%; margin: 0 5% 0 0!important;    padding: 1.5vw;}
.contact_right_content ul li:nth-child(3n){ margin-right: 0!important;}

.contact_right_content ul li p{ font-size: 3.4vw; margin-top: 1vw;}

}


/* contact bottom */
.contact_bottom_list_container ul li{ width: 100%; box-sizing: border-box; padding: 0.5rem; background: url(../images/contact_bg.webp) no-repeat center center #fff; background-size: cover; border-radius: 0.3rem; overflow:hidden;  display: -webkit-flex;
  display: flex;
  justify-content: space-between;align-items: center; margin-top: 4.5%;}

.contact_bottom_img{ width: 50%; border-radius: 0.3rem; overflow: hidden;}
.contact_bottom_img img{display:block; width: 100%; height: auto;}


.contact_bottom_word{ width: 50%; box-sizing: border-box; padding-left: 0.65rem;}
.contact_bottom_word h3{ font-size: 0.32rem; color: #0051a4; color: #0051a4; margin-bottom: 0.4rem;}
.contact_bottom_word p{ color: #333333; font-size: 0.18rem; line-height: 1.5em; margin-top: 0.18rem;}
.contact_bottom_word p a{color: #333333; }
.contact_bottom_word p span{ font-weight: bold; color: #0051a4;}

@media screen and (max-width:1024px) {
.contact_bottom_list_container ul li { padding: 0.3rem;}
.contact_bottom_word{padding-left: 0.45rem;}
.contact_bottom_word p{ margin-top: 0.1rem;}
.contact_bottom_word h3{ margin-bottom: 0.3rem;}
}

@media screen and (max-width:800px) {
.contact_bottom_list_container ul li{   flex-wrap: wrap;
   justify-content: flex-start; margin-top: 6vw; border-radius: 3vw; padding: 4vw; background: #fff;}
.contact_bottom_img{ width: 100%; border-radius: 3vw;}

.contact_bottom_word{ width: 100%; padding: 5vw 2vw 2vw;}

.contact_bottom_word p{font-size: 3.5vw;margin-top: 2vw;}
.contact_bottom_word h3{ font-size: 4.4vw; margin-bottom: 4vw;}

}

/* 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(5){ width: 100%; height: 2rem; border-radius: 0.4rem;}
.base_form:nth-child(5) 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(6){ width: 100%; background: none; padding: 0; height: auto;}
.base_form:nth-child(6) 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(6) img{ height: 0.4rem!important; width:0.94rem;}

.base_form:nth-child(6) .small,.base_form:nth-child(6) 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: #ff7a45;
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: #00d4ff;}


.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: 86%;}
}
@media screen and (max-width:800px) {
.students_resdervation_content{ width: 92%;}

.students_resdervation_container{padding: 8vw 0;}

.base_form{ width: 100%;height: 11vw; padding: 0 5vw; margin-top: 0; margin-right: 0;}
.base_form:nth-child(n+2){ margin-top: 3vw;}
.form_word_content .small, .form_word_content small{ line-height: 11vw;right: 13vw; font-size: 3.5vw;}
.base_form input {  width: 100%; font-size: 3.5vw}

.base_form:nth-child(5) {
    width: 100%;
    height: 40vw;
    border-radius: 4vw;
}
.base_form:nth-child(5) 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;}
}

/* product list */
.product_list_container ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;   flex-wrap: wrap;
   justify-content: flex-start;}
.product_list_container ul li{ width: 31%;
    border-radius: 0.3rem;
    margin: 0 3.5% 0 0;
    ransition-duration: .8s;
    -ms-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    overflow: hidden; position: relative;}
.product_list_container ul li:nth-child(n+4){ margin-top: 3.5%;}

.product_list_container ul li a{ display: block; width: 100%; height: 100%; box-sizing: border-box;padding: 0.25rem 0.25rem 1.1rem;background: #f0f6ff;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.product_list_container ul li:nth-child(3n){ margin-right: 0;}

.product_list_img{ border-radius: 0.3rem; overflow: hidden; height: 0; padding-bottom: 100%; background: #fff;}
.product_list_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;}
.product_list_container ul li:hover .product_list_img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}

.product_list_container ul li p{ font-size: 0.22rem; color: #333333; line-height: 1.5em; text-align: center; margin-top: 0.25rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

h6.product_circle{ bottom: 0.35rem; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%); background-color: #0051a4;}

.product_list_container ul li a:hover{ background: #0051a4;}

.product_list_container ul li a:hover h6.product_circle{background-color: #ff7a45;}

.product_list_container ul li a:hover p{ color: #fff;}

@media screen and (max-width:800px) {
.product_list_container ul li{ width: 48%; margin: 0 4% 0 0; border-radius: 3vw;}
.product_list_container ul li:nth-child(3n){ margin-right: 4%;}
.product_list_container ul li:nth-child(2n){ margin-right: 0;}
.product_list_container ul li:nth-child(n+3){ margin-top: 4%;}

.product_list_img{ border-radius: 3vw;}
.product_list_container ul li a{ padding: 2vw 2vw 12vw}

.product_list_container ul li p{ font-size: 3.5vw; margin-top: 3vw;}

h6.product_circle { bottom: 3vw;}

}


/* product detail */


/* product_top */
.product_detail_container{ overflow:hidden;}
.product_detail_top_content{ position: relative;}
/* left */
.product_detail_left_content{ width: 50%; float: left; }
.product_detail_left2{ width: 100%; height: 100%; float: right;background: #f9f9f9;padding: 0.9rem 0 0.9rem 600px;}

.product_detail_picture{ width:87%; float: left; border-radius: 0.3rem; border: 0.05rem solid #bcd6ec;}
.product_detail_picture .swiper-slide img{display:block; width: 100%; height:auto;}

.ser_page_content10{text-align: center;
position: absolute;
left: 0;
z-index: 2;
width: 100%;
bottom: 0.3rem;
}
.service_page {
width: auto !important;
background: rgba(255, 255, 255, 0.7);
left: 0 !important;
transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-webkit-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
-moz-transform: translateX(0) !important;
padding: 0.13rem 0.1rem;
border-radius: 0.4rem;
display: inline-block;
margin: 0 auto;
position: static!important;
}

.service_page .swiper-pagination-bullet {
width: 0.25rem;
height: 0.25rem;
margin: 0 0.12rem !important;
background: #0051a4;
opacity: 0.3;
}

.service_page .swiper-pagination-bullet-active {
background: #0051a4;
opacity: 1;
}

.swiper-container-horizontal>.service_page {
bottom: 0.5rem !important;
}

/* right */
.product_detail_right_content{ width: 50%; position: absolute; height: calc(100% - 2.6rem);right: 0; }
.product_detail_right2{ width: 100%; height: 100%; float: left;padding: 1.3rem 600px 1.3rem 0;background:url(../images/product_logo_bg.webp) no-repeat #f0f6ff; background-position:calc(100% - 330px) calc(100% + 0.4rem) ;position: relative; background-size: 2.78rem;}
.product_detai_top_word{ width: 89%; float: right; position:relative; height: 100%;}

.product_detai_top_word h3{ color: #333333; font-size: 0.4rem; line-height: 1.5em;}
.product_detai_top_word h4{ width: 0.4rem; height: 0.04rem; background: #0051a4; margin: 0.28rem 0;}


.product_top_word{ display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;overflow: hidden;}
.product_top_word p{ margin-top: 0; color: #535353;}


.product_download_list{ width: 100%;position: absolute; bottom: 1.4rem;}
.product_download_list ul li a{ width: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; justify-content: space-between; }


.product_download_list ul li i{ width: 0.32rem; display: block;}
.product_download_list ul li i img{display: block; width: 100%; height:auto;}

.product_download_list ul li h5{font-size: 0.18rem; color: #0051a4; line-height: 1.5em; font-weight: normal;width: calc(100% - 0.5rem);}

.product_download_list ul li:nth-child(n+2){ margin-top: 5%;}




.product_detai_top_word h6.contact{ width: 1.8rem; height: 0.55rem; border-radius: 0.5rem; background: #0051a4; font-size: 0.18rem; lline-height: 1.5em;color: #fff; font-weight: normal;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;  cursor: pointer;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:absolute;bottom: 0;}

.product_detai_top_word h6.contact i{ width: 0.29rem; display: block; margin-right: 0.12rem;}
.product_detai_top_word h6.contact i img{display: block; width: 100%; height:auto;}

.product_detai_top_word h6.contact:hover{ background: #ff7a45;}


@media screen and (max-width:1920px) {
.product_detail_right2{ background-position:36vw calc(100% + 0.4rem) ; background-size: 2.78rem;}

}


@media screen and (max-width:1450px) {
.product_download_list { bottom: 1rem;}
}

@media screen and (max-width:1300px) {
.ser_page_content10{bottom: 0.2rem;}
.product_detail_right2{ background-size: 15vw;}
}

@media screen and (max-width:1200px) {
.product_detail_right_content{height: calc(100% - 2rem);}
.product_detail_right2 {padding: 1rem 600px 1rem 0;}
.product_detai_top_word h4{margin: 0.2rem 0;}
}

@media screen and (max-width:1024px) {

.product_detai_top_word h3{ font-size: 0.36rem;}
.product_top_word{    -webkit-line-clamp: 4;}
.product_detai_top_word h4 {
    margin: 0.1rem 0;
}
.product_download_list{bottom: 0.9rem;}

}


@media screen and (max-width:800px) {

  .product_detail_container{ margin-top: 0;}
  .product_detail_top_content{ width: 100%!important;}
  .product_detail_left_content{ width: 100%; float: none;}
  .product_detail_picture{ width: 100%; border-radius: 3vw;box-sizing: border-box;}
  .product_detail_left2{ float: none; padding: 8vw 4%; box-sizing: border-box;}

  .ser_page_content10{bottom: 3vw;}
  .service_page {
    padding: 1.3vw 2vw;
  }
.service_page .swiper-pagination-bullet {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 1vw !important;
   }
.swiper-container-horizontal>.service_page {
  bottom: 0 !important;
   }

.product_detail_right_content{ width: 100%; position: static; right: auto; height: auto;}
.product_detail_right2{ float: none; padding: 8vw 4%; box-sizing: border-box;}
.product_detai_top_word{ width: 100%; float: none;}

.product_detai_top_word h3{ font-size: 5vw;}
.product_detai_top_word h4{ width: 9vw;
    height: 0.04rem;margin: 4vw 0;}


.product_detai_top_word h6.contact{
position: static; bottom: 0; width: 30vw;
  height: 9vw;
  font-size: 3.5vw; margin-top: 6vw; line-height: 9vw;}
.product_detai_top_word h6.contact i{ width: 5.2vw;margin-right: 2vw;}


.product_top_word{-webkit-line-clamp: 50;}

.product_download_list{ position: static; bottom: 0; margin-top: 6vw;}
.product_download_list ul li:nth-child(n+2){ margin-top: 6vw;}
.product_download_list ul li i{ width: 5vw;}
.product_download_list ul li h5{ font-size: 3.5vw;width: calc(100% - 7vw);}

.product_detail_right2{ background-size: 24vw;    background-position: calc(100% + 2vw) calc(100% + 2vw);}

}

/* product detail word */

/* product nav */

.product_detail_nav_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center; }
.product_detail_nav_content ul li{ font-size: 0.2rem; color: #444444; line-height: 1.5em; text-align: center; border-radius: 0.5rem; padding: 0.12rem 0.5rem; box-sizing: border-box; background: #e8e8e8; cursor: pointer; margin: 0 0.13rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.product_detail_nav_content ul li.cur{ background: #0051a4; color: #fff;}

@media screen and (max-width:800px) {
.product_detail_nav_content ul li{ font-size: 3.5vw; padding: 0; width: 28vw;height: 9vw;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; padding: 0 2vw; line-height: 1.2em;}
}


/* detail */
.product_detail_word{ margin-top: 4.3%;}

.product_word_container{display: -webkit-flex;
  display: flex;
  justify-content: space-between; border-radius: 0.3rem; overflow: hidden;background: #f0f6ff;}

.product_word_img{ width: 50%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; }
.product_word_img img{ display: block; min-width:100%;min-height:100%;object-fit: cover;}

.product_right_word_container{ width: 50%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; background: #f0f6ff;}

.product_right_word_content{ width: 100%; box-sizing: border-box; padding: 0.2rem 0.8rem;}

.product_right_word_content img{ max-width: 100%; height: auto;}

.product_right_word_content p.add_circle{ font-size: 0.16rem; color: #535353; line-height: 2em; background: url(../images/product_circle.webp) no-repeat left 0.12rem; background-size: 0.09rem; padding-left:0.23rem;}

.product_right_word_content_single{ padding: 0;}

@media screen and (max-width:1200px) {
.product_right_word_content{padding: 0.2rem 0.5rem;}

}

@media screen and (max-width:800px) {

.product_word_container{border-radius: 3vw; overflow: hidden;background:#f0f6ff; flex-wrap: wrap;
   justify-content: flex-start;}
.product_word_img{ width: 100%;}
.product_right_word_container{ width: 100%;}

.product_detail_word{ margin-top: 6vw;}

.product_right_word_content{/*padding: 5vw;*/ padding: 0;}

.product_right_word_content p.add_circle{ font-size: 3.5vw;    background: url(../images/product_circle.webp) no-repeat left 2.5vw;
    background-size: 1.6vw;
    padding-left: 4vw;}
}

/* product parameter */

.product_parameter_container{ padding: 5.8% 0; box-sizing: border-box; background: #f0f6ff;}

.product_parameter_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; justify-content: space-between;}

.product_parameter_left_content{ width: 50%;background: linear-gradient(to right, #0051a4, #8bc4fe); border-radius: 0.3rem; box-sizing: border-box; padding: 5% 0.4rem;}

.product_parameter_list{ margin-top: 0.35rem;}
.product_parameter_list p{ color: #fff; font-size: 0.16rem; line-height: 1.5em; padding: 0.14rem 0.1rem; box-sizing: border-box;display: flex;
    display: -webkit-flex;
    display: -ms-flex; border-bottom: 1px solid rgba(221,221,222,0.3);}

.product_parameter_list p strong{ display: block;width: 2.05rem; box-sizing: border-box; padding-right: 0.2rem; font-weight: normal;}
.product_parameter_list p em{display: block;width: calc(100% - 2.05rem);font-style: normal; }

.product_parameter_right_content{ max-width: 39%; max-height: 100%;}
.product_parameter_right_content img{display: block; max-width: 100%; height: auto;float: right;}

@media screen and (max-width:1024px) {
.product_parameter_list p strong{ width: 17vw; padding-right: 2vw;}
.product_parameter_list p em{ width: 19vw;}
}

@media screen and (max-width:800px) {
.product_parameter_container{ padding: 8vw 0;}
.product_parameter_content{   flex-wrap: wrap;
   justify-content: flex-start;}
.product_parameter_left_content{ border-radius: 3vw; width: 100%; padding: 6vw 5vw;}
.product_parameter_list{ margin-top: 6vw;}
.product_parameter_list p{ font-size: 3.5vw;padding: 2vw 1.5vw; line-height: 1.65em;}
.product_parameter_list p strong{ width: 26vw; padding-right: 4vw;}
.product_parameter_list p em{width: calc(100% - 26vw);}

.product_parameter_right_content{ display: none;}

}

/* application */
.application_list_container{ position:relative;}

.application_list {
    width: calc(100% - 2.1rem);
    margin: 0 auto;
}

.application_img_list_total{ width:100%; position: relative; border-radius: 0.3rem; overflow: hidden;}

.application_img_content{ width: 100%; height: 0; padding-bottom: 62.5%; overflow: hidden; position: relative;}
.application_img_content img{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;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;}

.application_img_content:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}

.application_img_list_total h4{ font-weight: normal; font-size: 0.2rem; color: #fff; line-height: 1.5em; text-align: center; background: rgba(0,81,164,1);width: 100%; height: 0.7rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;  box-sizing: border-box; padding: 0 0.2rem;}

@media screen and (max-width:800px) {
.application_list{ width: 100%;}
.application_img_list_total{ border-radius: 3vw;}
.application_img_list_total h4{ font-size: 4.2vw;padding: 0 2vw;
    height: 14vw; line-height: 1.3em;}
.application_list_container{ padding-bottom: 16vw;}
}

/* solution */
/* advantage */

.solution_advantage_word{ margin-top: 0.45rem;}

.solution_advantage_word img{ margin: 0.3rem 0; max-width: 100%; height: auto;}

.solution_advantage_word .pc_solution{display: block;}
.solution_advantage_word .m_solution{display: none;}

.solution_part_container{ margin-top: 7%;}

@media screen and (max-width:800px) {
.solution_part_container{ margin-top: 8vw;}
.solution_advantage_word{ margin-top: 6vw;}
.solution_advantage_word img{ margin: 3.5vw 0;}
.solution_advantage_word .pc_solution{display:none;}
.solution_advantage_word .m_solution{display:block;}

}


/* solution product */

.solution_in_container{ width: 100%; height: 3.7rem; background:#f0f6ff; border-radius: 0.3rem; overflow: hidden;}

.solution_in_container a{display: block;box-sizing: border-box; padding: 0.4rem 0 0.5rem 0.4rem; width: 100%; height: 100%;}

.solution_in_container .index_product_left_word{ margin-top: 0.25rem;}
.solution_in_container:hover .index_product_right_content img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}

.solution_in_container .index_product_right_content img{border-radius: 0.2rem;}

.solution_in_container:hover h6.circle_more{ background: url(../images/jiantou.webp) no-repeat center center #ff7a45; background-size: 0.27rem;}

.solution_in_container:hover .index_product_left_content h3{ color: #0051a4;}

.solution_in_container:hover .index_product_left_content h5{color: #0051a4;}

.solution_product_list_container{ position: relative;}

.solution_product_list{    width: calc(100% - 2.1rem);
    margin: 0 auto;}

@media screen and (max-width:1024px) {
.solution_in_container .index_product_left_content .index_word_content p{ display: none;}

.solution_in_container{height: 3.5rem;}

.solution_in_container .index_product_left_word{ margin-top: 0.2rem;}
.solution_in_container .index_product_total{   flex-wrap: wrap;
   justify-content: flex-start;}

.solution_in_container .index_product_left_content{ width: 100%; height: auto;}
.solution_in_container .index_product_total{ height: auto;}
.solution_in_container .index_product_left_content h6.circle_more{ display: none;}
.solution_in_container a{ padding: 0.3rem;}

.solution_in_container .index_product_right_content{ width: 100%; margin-top: 1.5vw;}

.solution_in_container .index_product_right_content img{ height: 16vw;}

.solution_in_container .index_product_left_content h3{ text-align: center;}

}

@media screen and (max-width:800px) {
.solution_in_container{width: 100%; height: 55vw; border-radius: 3vw;}
.solution_product_list{ width:100%; margin: 0 auto;}

.solution_in_container a {
    padding: 5vw 0 5vw 5vw;
}

.solution_in_container .index_product_total{justify-content: space-between;flex-wrap: nowrap; height: 100%;}
.solution_in_container .index_product_left_content h6.circle_more{display: block;}

.solution_in_container .index_product_left_content{ width: 45%; height: 100%;}

.solution_in_container .index_product_right_content{padding: 0 3vw;
    width: 53%; margin-top: 0;}

.solution_in_container .index_product_left_word{ margin-top: 4vw;}

.solution_in_container .index_product_left_content .index_word_content p{display: -webkit-box;}

.solution_in_container .index_product_right_content img{ height: auto;max-width: 95%;border-radius: 3vw;}

.solution_product_list_container{ padding-bottom: 16vw;}

.solution_in_container .index_product_left_content h6.circle_more{background-size: 3.5vw;}


.solution_in_container .index_product_left_content h3{ text-align:left;}

}

/* other solution*/

.correlation_solution_container{ position: relative;}
.correlation_solution_content{ width: calc(100% - 2.1rem);
    margin: 0 auto;}

.correlation_solution_word_content{width: 100%;
    border-radius: 0.3rem;
    overflow: hidden;}

.correlation_solution_word_content a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        background: #f0f6ff;
        transition-duration: .8s;
        -ms-transition-duration: .8s;
        -moz-transition-duration: .8s;
        -webkit-transition-duration: .8s;
    }

.correlation_solution_word_content .case_list_left_word .index_word_content{ margin-bottom: 0.4rem;}

.correlation_solution_word_content .case_list_left_word h3{ margin-bottom: 0.4rem;font-size:0.24rem;}

.correlation_solution_word_content .case_list_left_word .index_word_content p{-webkit-line-clamp: 2;}

@media screen and (max-width:1024px) {
.correlation_solution_word_content .case_list_left_word .index_word_content{display: none;}
.correlation_solution_word_content .case_list_left_word h3{ margin-bottom: 0.25rem; font-size:0.22rem;}
}

@media screen and (max-width:800px) {
.correlation_solution_content{ width: 100%;}
.correlation_solution_word_content{ border-radius: 3vw;}
.correlation_solution_word_content .case_list_left_word h3{ margin-bottom: 4vw;font-size: 4vw;}
.correlation_solution_container{ padding-bottom: 16vw;}
}


/* 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;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}

.open_contact_button {
opacity: 1;
z-index: 8;
}

.eject_form_content{ width: 9rem; background: #0051a4; box-sizing: border-box; padding: 0.5rem; border-radius: 0.3rem; position: relative;}

.eject_contact_content{ background: #fff;border-radius: 0.3rem; margin-top: 0.3rem; box-sizing: border-box; padding: 0.4rem;}
.eject_contact_content  h3{font-size: 0.28rem; text-align: center; line-height: 1.5em; color: #000;}

.contact_tel_word{ width: 100%; margin-top: 0.3rem;}
.contact_tel_word ul{ width: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}

.contact_tel_word ul li{ min-width:22%; margin: 0 4% 0 0; background: #0051a4; border-radius: 0.15rem; padding: 0.1rem; box-sizing: border-box;}
.contact_tel_word ul li:last-child{ margin-right: 0;}
.contact_tel_word_img{ background: #fff; border-radius: 0.3rem; overflow: hidden; border-radius: 0.15rem;}
.contact_tel_word_img img{display: block; width: 100%; height: auto;}

.contact_tel_word ul li p{ text-align: center; color: #fff; font-size: 0.16rem; margin: 0.1rem 0 0.05rem;}


.eject_form_content h6{ width: 0.35rem; position: absolute; right: 0.5rem; top: 0.2rem; display: block; cursor: pointer;}
.eject_form_content h6 img{display: block; width: 100%; height: auto;}


@media screen and (max-width:1024px) {
.eject_form_content{ width: 80%;}
}

@media screen and (max-width:800px) {
.eject_form_content{padding: 4vh 2vh 2vh;width: 90%; border-radius: 3vw;}

.eject_form_content h6{ width: 5vw; top: 2vh;right: 2vh;}
.eject_contact_content h3{    font-size: 4vw;}
.eject_contact_content{ padding: 2.5vh 2vh 2vh; border-radius: 3vw;}
.contact_tel_word ul li {
    min-width: 30%;
    margin: 0 5% 0 0;
    border-radius: 1vw;
    padding: 1vw;
}
.contact_tel_word_img{ border-radius: 1vw;}
.contact_tel_word ul li p{ font-size: 3.2vw;margin: 0.7vh 0 0.5vh;}
.contact_tel_word{ margin-top: 2vh;}

}


/* xueli  555555555*/
.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 55555555*/
.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 5555555555*/

.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 55555555*/
.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 55555*/
.career_advantage_word{ width: 4.9rem;}
@media screen and (max-width:800px) {
.career_advantage_word{ width: 55vw;}
}

/* career educational list5555555*/

.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 555555*/
.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 5555555*/
.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 555555*/
.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 555555*/
.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 555555*/
.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 5555555*/
.kaogong_advantage_word{ width: 5.8rem;}

@media screen and (max-width:800px) {
.kaogong_advantage_container{height: 90vw;}
.kaogong_advantage_word{ width: 70vw;}
}

/* kaogong list 5555555*/
.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 55555*/
.chanjiao_mag{ margin-top: 0.4rem;}

@media screen and (max-width:800px) {

.chanjiao_mag{ margin-top: 5vw;}
}

/*chanjiao characteristic55555*/
.chanjiao_character_word img{ display: block; max-width: 100%; height:auto; margin: 0 auto;}

/* hot course 55555*/
.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/about_top_bg.webp) no-repeat center bottom; padding-bottom: 5.8%; box-sizing: border-box; background-size: cover;}

.inside_about_top{ position: relative;}
.inside_about_top_left{ width: 55%; }
.inside_about_top_left h3{ color: #0051a4; font-size: 0.34rem; line-height: 1.5em;}

.inside_about_top_right{ width: 3.5rem; position: absolute; right: 0; bottom: 0.1rem;}

.inside_about_top_right ul li{ width: 100%; height: 0.5rem; background: #f0f6ff; border-radius: 0.5rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; box-sizing: border-box; padding: 0 0.3rem;}

.inside_about_top_right ul li:nth-child(n+2){ margin-top: 0.14rem;}

.inside_about_top_right ul li i{display: block; width: 0.3rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}
.inside_about_top_right ul li i img{display: block; max-width: 100%; height: auto;}
.inside_about_top_right ul li h4{ font-size: 0.18rem; color: #000000; line-height: 1.5em; font-weight: normal; margin-left: 0.1rem; width: 60%;}
.inside_about_top_right ul li h6{ font-size: 0.22rem; color: #0051a4; line-height: 1.5em;}

.about_company_list ul li{ width: 31%; border-radius: 0.3rem; margin: 0 3.5% 0 0; float: left;ransition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s; position: relative; overflow: hidden;}

.about_company_list ul li:nth-child(3n){ margin-right: 0;}

.about_company_img{ width: 100%; border-radius: 0.3rem; overflow: hidden;}
.about_company_img img{display: block; width: 100%; height:auto;}

.about_company_bg{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../images/about_company_bg.webp) no-repeat center bottom; background-size: 100%;}

.about_company_bg h3{ width: 100%; box-sizing: border-box; padding: 0 0.2rem; color: #fff; font-size: 0.2rem; line-height: 1.5em; text-align: center; position: absolute;left: 0; bottom:0.25rem;}


@media screen and (max-width:1024px) {
.inside_about_top_right{ width: 3.2rem;}

}


@media screen and (max-width:800px) {
.inside_about_top_left{float: none; width: 100%;}
.inside_about_top_left h3{ font-size: 6.3vw;}

.about_company_list ul li{ width: 100%; border-radius: 3vw; margin: 0;}
.about_company_bg h3{ padding: 0 4vw; font-size: 4.2vw; bottom: 5vw;}
.about_company_list ul li:nth-child(n+2){ margin-top: 5vw;}

.inside_about_top_right{ position: static; bottom: 0; width: 100%; margin-top: 4vw;}
.inside_about_top_right ul li{ height: 10vw; border-radius: 10vw; padding: 0 6vw;}
.inside_about_top_right ul li i{ width: 6vw;}

.inside_about_top_right ul li h4{ font-size: 3.4vw; width: 62%;margin-left: 2.5vw;}
.inside_about_top_right ul li h6{ font-size: 4.2vw;}
.inside_about_top_right ul li:nth-child(n+2){ margin-top: 2vw;}

.about_outside_top_container{ padding-bottom: 10vw;}
}

/* about bottom */

.about_subsidiary_content{display: -webkit-flex;
  display: flex;justify-content: space-between;}
.about_subsidiary_left{ width: 3.6rem;}
.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: #0051a4; 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% - 3.9rem);}
}

@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 h4{ font-size: 6.5vw;}
.about_subsidiary_num_list ul li h4 span{ font-size: 3.5vw;margin-left: 0.6vw;}
.about_subsidiary_num_list ul li p{ font-size: 3.5vw; margin-top: 2vw;}

}

/* about service */
.about_bottom_outside{ width: 100%; padding-bottom: 5.8%; background:url(../images/about_bottom_bg.webp) no-repeat center center; background-size: cover; overflow:hidden;}
.about_service_list_content ul li{ width: 100%;  display: -webkit-flex;
  display: flex;
  justify-content: space-between; background: #fff;}

.about_service_list_content ul li:nth-child(even){flex-direction:row-reverse;}

.about_service_img{ width: 50%; height: 4.3rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; }
.about_service_img img{display: block; min-width: 100%; min-height: 100%; object-fit: cover;}

.about_service_right_content{ width: 50%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.about_service_right_word{ padding: 0 0.7rem; box-sizing: border-box; width: 100%;}
.about_service_right_word h3{ font-size: 0.24rem; color: #333333; line-height: 1.1em; font-weight: normal; border-left: 0.1rem solid #0051a4; box-sizing: border-box; padding-left: 0.16rem; margin-bottom: 0.35rem;}

.about_service_right_word .index_word_content p{ line-height: 1.75em;}

@media screen and (max-width:1024px) {
.about_service_right_word{padding: 0 0.4rem;}
.about_service_right_word h3{margin-bottom: 0.25rem;}

}

@media screen and (max-width:800px) {
.about_service_img{ width: 100%; height:auto;}
.about_service_img img{min-width: auto; min-height: auto; width: 100%; height: auto;}

.about_service_list_content ul li{   flex-wrap: wrap;
   justify-content: flex-start; border-radius: 3vw; overflow: hidden;}

.about_service_right_content{ width: 100%;    align-items: flex-start;
    justify-content: flex-start;}

.about_service_right_word{ padding: 7vw 6vw;}
.about_service_right_word .index_word_content p{ line-height: 1.6em;}

.about_service_right_word h3{    font-size: 4.2vw;
    border-left: 1.5vw solid #0051a4;
    padding-left: 2vw;margin-bottom: 4vw;}

.about_service_list_content ul li:nth-child(n+2){ margin-top: 6vw;}
.about_bottom_outside{ padding-bottom: 8vw;}

}


/* about honor */

.about_honor_list_container{ position: relative; width: 90%; margin-left: auto; margin-right: auto;}

.about_honor_list{width: calc(100% - 2.5rem); margin: 0 auto; padding: 3.2% 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 #0051a4; overflow: hidden; background: #0051a4; height: 0; padding-bottom: 136%; position: relative;}
.about_honor_list .about_honor_img img{display: block;position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.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:1024px) {
.about_honor_list_container{ width: 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 #0051a4; }

.about_honor_list .swiper-slide-active, .about_honor_list .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.4, 1.4) !important;
  transform: scale(1.4, 1.4) !important;
}

.about_honor_list_container{ padding-bottom: 15vw;}
.about-honor-next, .about-honor-prev{ top: auto; bottom: 0; margin-top: 0;width: 10vw; height: 10.5vw;}

.about-honor-next{ right: 50%; margin-right: -12vw;}
.about-honor-prev{ left: 50%; margin-left: -12vw;}
}

/* about honor2 */
.top_honor_list_container{ position: relative; width: 90%; margin-left: auto; margin-right: auto;}
.top_honor_list_content{width: calc(100% - 2.5rem); margin: 0 auto;}
.top_honor_img_content{ border-radius: 0.3rem; box-sizing: border-box; border: 0.06rem solid #0051a4; overflow: hidden; background: #0051a4;}
.top_honor_img_content img{display: block; width: 100%; height: auto;}

@media screen and (max-width:1024px) {
.top_honor_list_container{ width: 100%;}
}

@media screen and (max-width:800px) {
.top_honor_list_container{padding-bottom: 16vw;}
.top_honor_list_content{ width: 100%; }
.top_honor_img_content{ border-radius: 3vw;border: 0.8vw solid #0051a4; }
}


/* honor list */
.honor_content{ width: 100%;}

.honor_bottom_list ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;flex-wrap: wrap;
   justify-content: flex-start;}
.honor_bottom_list ul li{ width: 17.5%; margin-right: 3.125%}
.honor_bottom_list ul li:nth-child(5n){ margin-right: 0;}
.honor_bottom_list ul li:nth-child(n+6){ margin-top: 3%;}

.honor_bottom_img{ box-sizing: border-box; width: 100%; height: 0; padding-bottom: 134%; overflow: hidden;border-radius: 0.3rem; border: 0.06rem solid #0051a4; background: #fff;}
.honor_bottom_img img{ display: block; width: 100%; height: auto;}

.honor_bottom_list ul li p{text-align: center; box-sizing: border-box; padding: 0 0.1rem; font-size: 0.16rem; color: #333333; line-height: 1.5em; margin-top: 0.15rem;}

/* 模态框样式 */
.modal {
           display: none;
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-color: rgba(0, 0, 0, 0.9);
           z-index: 10;
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .modal.active {
           opacity: 1;
       }

       .modal-content {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           max-width: 90%;
           max-height: 90%;
           text-align: center;
       }

       .modal-image {
           max-width: 100%;
           max-height: 80vh;
           border-radius: 4px;
       }

       .modal-caption {
           color: white;
           margin-top: 15px;
           font-size: 18px;
       }

       .modal .close {
           position: absolute;
           top: 20px;
           right: 30px;
           color: white;
           font-size: 40px;
           font-weight: bold;
           cursor: pointer;
           transition: color 0.3s;
       }

       .modal .close:hover {
           color: #0051a4;
       }

       .modal .nav-btn {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           color: white;
           font-size: 30px;
           font-weight: bold;
           padding: 15px;
           cursor: pointer;
           user-select: none;
           transition: background-color 0.3s;
       }

       .modal .nav-btn:hover {
           background-color: rgba(255, 255, 255, 0.2);
       }

       .modal .prev {
           left: 0;
           border-radius: 0 5px 5px 0;
       }

      .modal .next {
           right: 0;
           border-radius: 5px 0 0 5px;
       }


@media screen and (max-width:800px) {
.modal .close {     font-size: 30px;
                top: 10px;
                right: 15px;}
.nav-btn {
              font-size: 24px;
              padding: 10px;
          }

.modal-content{ width: 65%;}

.honor_bottom_list ul li{ width: 30%; margin: 0 5% 0 0;}
.honor_bottom_list ul li:nth-child(5n){ margin-right: 5%;}
.honor_bottom_list ul li:nth-child(3n){ margin-right: 0;}
.honor_bottom_list ul li:nth-child(n+4){ margin-top: 3%;}
.honor_bottom_img{ border-radius: 3vw;border: 0.8vw solid #0051a4; }
.honor_bottom_list ul li p{ padding: 0 1vw; font-size: 3.2vw; margin-top: 1.5vw;}
.index_icon_title h3 i{width: 7vw;height: 9vw;}
.index_icon_title h3 span{margin: 0.7vw 0 0 2.5vw;}

}



/* develop 555555555*/

.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 555555*/

.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 5555*/
.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 55555*/
.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;}

}




/* 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: linear-gradient(to bottom right, #0051a4, #59b869);
  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;}
}