* {
  font-family: "微软雅黑", Arial;
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

li {
  list-style: none;
}

@media (max-width: 767.98px) {
  section#anli-area div.col-md-6:last-child {
    margin-top: 10px;
  }

  section#about-area div.col-md-6:last-child,
  section#product-area div.col-md-6:last-child {
    margin-top: 20px;
  }
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 70px 0 0;
  align-items: flex-start;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 107px);
  padding-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.Div-outer {
  width: 100%;
  height: 100%;
  min-height: calc(100vh);
}

.Div-inner {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  min-height: calc(100vh);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

a.brand-style {
  /* font-size: 20px;
  color: #ffffff !important;
  font-weight: bolder;
  padding: 0px; */
  font-size: 24px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  padding: 0px;
}

/* a.brand-style:hover {
  font-size: 20px !important;
} */

a.brand-style-ms {
  font-size: 20px;
  color: #333333 !important;
  font-weight: bolder;
  padding: 0px;
}

/* a.brand-style-ms:hover {
  font-size: 22px !important;
} */

a.menu-style {
  font-size: 16px;
  color: #333333 !important;
}

a.menu-style:hover {
  font-weight: bolder;
}

a.bd-toc-link {
  font-size: 18px;
  color: #333 !important;
}

a.bd-toc-link:hover {
  font-weight: bolder;
  color: #000 !important;
  text-decoration-line: none;
}

a.active {
  font-weight: bolder;
  color: #000 !important;
}

a.menu-style-side {
  font-size: 16px;
  color: #333 !important;
}

a.menu-style-side:hover {
  font-weight: bolder;
  color: #000 !important;
  text-decoration-line: none;
}

a.menu-style-side:focus {
  font-weight: bolder;
  color: #000 !important;
}

a.dropdown-item:hover {
  font-weight: bolder;
  color: #000 !important;
  text-decoration-line: none;
}

button.menu-btn-style {
  width: 45px;
  height: 30px;
  padding: 0px;
  outline: none;
}

button.menu-btn-style:hover {
  background-color: #ffffff;
}

span.menu-icon-style {
  width: 25px;
  height: 25px;
}

span.bd-icon-style {
  color: #007bff;
}

section#introduce-area,
section#need-area {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 107px);
  padding: 50px 0px;
}

section#yanshi-area {
  width: 100%;
  height: 100%;
}

section#introduce-area h2 {
  font-size: 32px;
  font-weight: bolder;
  margin-bottom: 20px;
}

section#introduce-area h3 {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 20px;
}

section#need-area {
  text-align: center;
}

section#need-area h1,
section#login-area h1 {
  font-size: 36px;
  font-weight: bolder;
  margin-bottom: 20px;
}

section#need-area h2,
section#login-area h2 {
  font-size: 28px;
  font-weight: bolder;
  margin-bottom: 20px;
}

section#introduce-area span.redbolder,
section#need-area span.redbolder {
  color: red;
  font-weight: bolder;
}

section#introduce-area span.bluebolder {
  color: blue;
  font-weight: bolder;
}

section#introduce-area span.icon-style {
  color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #48b6f8;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  margin-bottom: 5px;
  margin-right: 5px;
}

section#jc-student-area h3,
section#jc-teacher-area h3,
section#jc-course-area h3,
section#jc-room-area h3,
section#jc-time-area h3,
section#fb-xz-area h3,
section#fb-teach-area h3,
section#kb-student-area h3,
section#kb-teacher-area h3,
section#kb-room-area h3,
section#pk-sz-area h3 {
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bolder;
}

section#jc-student-area h4,
section#jc-teacher-area h4,
section#jc-course-area h4,
section#jc-room-area h4,
section#jc-time-area h4,
section#fb-xz-area h4,
section#fb-teach-area h4,
section#kb-student-area h4,
section#kb-teacher-area h4,
section#kb-room-area h4,
section#pk-sz-area h4 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bolder;
}

section#pk-sz-area h5 {
  font-size: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: bolder;
}

section#pk-sz-area h6 {
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-weight: bolder;
}

section#pic-area {
  width: 100%;
  height: 100%;
}

#carouselExampleCaptions img {
  width: 100%;
}

section#pic-area div.carousel-caption {
  color: #000000;
  height: 57%;
}

section#pic-area h2 {
  font-size: 34px;
  font-weight: bolder;
}

section#pic-area p {
  color: #ffffff;
  font-size: 18px;
}

section#pic-area h2>span {
  color: #ff0000;
}

section#pic-area h4 {
  font-weight: bolder;
  font-size: 16px;
}

section#pic-area p.xsp {
  color: #ffffff;
  font-size: 11px;
}

section#pic-area h4>span {
  color: #ff0000;
}

section#nav2pic-area {
  width: 100%;
  height: 100%;
  text-align: center;
}

section#product-area,
section#news-area {
  width: 100%;
  height: 100%;
  padding: 30px 0px;
  text-align: center;
  background-color: #fff;
}

section#product1-area,
section#product3-area {
  width: 100%;
  height: 100%;
  padding: 30px 0px;
  background-color: #f8f8f8;
}

section#product2-area {
  width: 100%;
  height: 100%;
  padding: 30px 0px;
  background-color: #e4e5e0;
}

section#product-area h2,
section#news-area h2 {
  font-size: 36px;
  font-weight: bolder;
  margin-bottom: 10px;
}

section#product-area span.icon-style,
section#news-area span.icon-style {
  color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #48b6f8;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  margin-bottom: 10px;
}

section#product-area a,
section#news-area a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #000000;
  text-decoration: none;
  padding: 20px 0px 10px 0px;
}

section#product-area a>h3,
section#news-area a>h3 {
  font-weight: bolder;
  margin-top: 20px;
}

section#product-area a>p,
section#news-area a>p {
  font-size: 16px;
}

section#product-area a:hover {
  background-color: #ebf1f7;
  box-shadow: 1px 1px 4px #cccccc;
}

section#news-area div.linestyle {
  width: 100%;
  height: 1px;
  border-top: solid #d4d2d2 1px;
  margin-top: 2px;
  margin-bottom: 2px;
}

section#news-area div.div-news {
  text-align: left;
  padding: 0.2rem 1rem;
}

section#news-area div.div-news:hover {
  background-color: #ebf1f7;
}

section#news-area h5 {
  font-size: 20px;
}

section#news-area p {
  font-size: 14px;
  margin-bottom: 2px;
  color: #888888;
}

section#anli-area span.bolder-style,
section#about-area span.bolder-style,
section#lianxi-area span.bolder-style {
  font-weight: bolder;
}

section#lianxi-area span.icon-style,
section#product1-area span.icon-style,
section#product2-area span.icon-style,
section#product3-area span.icon-style {
  margin-right: 10px;
}

section#anli-area,
section#about-area,
section#lianxi-area {
  width: 100%;
  height: 100%;
  /* padding: 40px 0px; */
  background-color: #ebf1f7;
}

section#anli-area {
  background-color: #4583c1;
  color: #fff;
}

section#anli-area div.wrap,
section#about-area div.wrap,
section#lianxi-area div.wrap,
section#hezuo-area div.wrap,
section#product1-area div.wrap,
section#product2-area div.wrap,
section#product3-area div.wrap {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

section#anli-area h2,
section#about-area h2 {
  font-weight: bolder;
  font-size: 36px;
}

section#about-area .news_title {
  padding: 1em 0;
}

section#about-area .news_title .news_titles {
  font-size: 38px;
  color: #525050;
  text-align: center;
  margin-bottom: 0.3em;
}

section#about-area .news_title .news_step {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 1em;
}

section#about-area .news_title .news_step .news_detail {
  border-left: 5px solid #82aee454;
  text-indent: 1em;
  font-size: 15px;
  color: #6cb9ec;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section#anli-area p,
section#about-area p {
  font-size: 16px;
}

section#anli-area span.icon-style,
section#product1-area span.icon-style,
section#product3-area span.icon-style {
  color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #48b6f8;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  margin-right: 10px;
}

#anli-area .school_contain {
  width: 100%;
  margin-top: 1rem;
  box-sizing: border-box;
  overflow: hidden;
}

@keyframes school {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-60%);
  }

  /* 调整案例动画滚动显示 */
}

@keyframes school1 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-85%);
  }

  /* 调整案例动画滚动显示 */
}

@keyframes school2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-35%);
  }

  /* 调整案例动画滚动显示 */
}

.shouye_top_tag {
  position: absolute;
  bottom: -47px;
  width: 80%;
  height: 100px;
  display: flex;
  left: 10%;
  background-color: #ffffff;
  border-radius: 8px;
  /* max-width: 1200px !important; */
  /* min-width: 850px; */
  box-shadow: 0px 0px 6px 6px rgba(211, 206, 206, 0.5);
  padding: 15px;
}

.shouye_top_tag_item {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  /* border-radius: 8px; */
  /* margin-right: 1px; */

}

.lunbotu {
  /* bottom: -56px !important; */
  /* min-width: 1004px !important; */
  display: flex !important;
  margin-bottom: 0 !important;
  bottom: -47px !important;
  background-color: #E7EBEF !important;
  border-radius: 8px;
  max-width: 1200px !important;

  /* box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5); */
}

.shouye_main_box {
  width: 100%;
  background-image: url("../img/shouye.png");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: stretch;
  position: relative;
}

.shouye_top_content {
  width: 35%;
  height: inherit;
  margin-right: 40%;
  /* height: 100%; */
  /* width: 541px; */
  /* margin-top: 50px;
  margin-right: 37px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  color: #fff;
  text-align: center;
}

/* .shouye_top_title {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin: 8% 0 5% 0;
} */

/* .example_main_content_text {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  margin-bottom: 5%;
} */

/* .example_main_content_botton_box {
  width: 100%;
  height: 52px;
  display: none;
  margin-bottom: 15%;
} */
/* .shouye_top_content {
  width: 75%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 10;
  color: #fff;
  text-align: center;
  height: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
} */

.shouye_top_title {
  /* font-size: 52px;
  line-height: 60px; */
  color: #ffffff;
  margin: 8% 0 5% 0;
}

.shouye_top_text {
  /* width: 50%; */
  /* font-size: 20px;
  line-height: 36px; */
  color: #ffffff;
  text-align: left;
  margin-bottom: 5%;
}

.shouye_top_button {
  /* width: 176px;
  height: 50px; */
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 18px; */
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  margin-bottom: 15%;
  /* line-height: 21px; */
}

.shouye_top_content1 {
  width: 90%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 10;
  /* padding-top: 20px;
  padding-bottom: 20px; */
  color: #fff;
  text-align: center;
  /* background-color: #000000; */
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.shouye_top_title1 {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}

.shouye_top_text1 {
  width: 50%;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  text-align: left;
}

.shouye_top_button1 {
  width: 80px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}

.ruanzhu_box {
  width: 150%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  animation: school2 10s 1s infinite linear;
  flex-wrap: nowrap;
}

.ruanzhu_box:hover {
  animation-play-state: paused;
}

.ruanzhu_con {
  width: 20%;
  margin-right: 0.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-items: center; */
}

#anli-area .school_contain .school_yi1 {
  width: 600%;
  /* width: 300%; */
  /* margin-right: -200px; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: school1 48s 1s infinite linear;
  flex-wrap: nowrap;
}

#anli-area .school_contain .school_yi1:hover {
  animation-play-state: paused;
}

#anli-area .school_contain .school_yi {
  width: 300%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: school 24s 1s infinite linear;
  flex-wrap: nowrap;
}



/* #anli-area .school_contain .anli-box1:hover .img-fluid {
  z-index: 2;
}

#anli-area .school_contain .anli-box1:hover .school_name {
  z-index: 2;
} */

#anli-area .school_contain .anli-box1:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box2:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box3:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box4:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box5:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box6:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box7:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box8:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box9:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box10:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box11:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box12:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box13:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box14:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box15:hover .anli-empty-box {
  display: flex;
}

#anli-area .school_contain .anli-box16:hover .anli-empty-box {
  display: flex;
}

.anli-box1 {
  position: relative;
  overflow: hidden;
}

.anli-box2 {
  position: relative;
  overflow: hidden;
}

.anli-box3 {
  position: relative;
  overflow: hidden;
}

.anli-box4 {
  position: relative;
  overflow: hidden;
}

.anli-box5 {
  position: relative;
  overflow: hidden;
}

.anli-box6 {
  position: relative;
  overflow: hidden;
}

.anli-box7 {
  position: relative;
  overflow: hidden;
}

.anli-box8 {
  position: relative;
  overflow: hidden;
}

.anli-box9 {
  position: relative;
  overflow: hidden;
}

.anli-box10 {
  position: relative;
  overflow: hidden;
}

.anli-box11 {
  position: relative;
  overflow: hidden;
}

.anli-box12 {
  position: relative;
  overflow: hidden;
}

.anli-box13 {
  position: relative;
  overflow: hidden;
}

.anli-box14 {
  position: relative;
  overflow: hidden;
}

.anli-box15 {
  position: relative;
  overflow: hidden;
}

.anli-box16 {
  position: relative;
  overflow: hidden;
}

.anli-empty-box {
  /* z-index: -1; */
  width: 100%;
  height: 500px;
  /* background-color: #0085FF; */
  position: absolute;
  /* right: 0.5px; */
  background: linear-gradient(277deg, #108CFF 0%, #2398FF 23%, #44ACFF 64%, #89D5FF 100%);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05);
  /* border-radius: 8px 8px 8px 8px; */
  display: none;
  flex-direction: column;
  padding: 20px 16px 0 16px;
}

.school_name_text {
  font-size: 16px;
  font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
}

.school_shi {
  padding: 4px 12px;
  background-color: #e6f3fe;
  color: #0481F4;
  border-radius: 4px 4px 4px 4px;
  width: fit-content;
  margin-top: 15px;
}

#anli-area .school_content {
  /* padding: 5px 15px;
  text-align: justify;
  font-size: 14px;
  color: #666666; */
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 26px;
  margin-top: 24px;
}



#anli-area .school_contain .school_con {
  width: 11%;
  margin-right: 0.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-items: center; */
}

#anli-area .school_contain .school_con .school_name {
  width: 100%;
  height: 10.5em;
  text-align: center;
  /* font-size: 16px; */
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* text-align: justify; */
  font-size: 14px;
  color: #666666;
}

#anli-area .school_contain .school_con .school_name .school_title {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 30px;
  /* color: #000; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  width: 100%;
  text-align: center;
}


#anli-area .school_contain .school_con img {
  width: 100%;
}

section#about-area {
  background-color: #ffffff;
}

footer {
  font-size: 14px;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
}

footer p {
  margin: 0px;
  line-height: 37px;
}

#ruanzhu-area,
#hezuo-area,
#faming-area {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 0;
}

#ruanzhu-area h2,
#faming-area h2,
#hezuo-area h2 {
  font-weight: bold;
  font-size: 36px;
}

#ruanzhu-area .lunbo_con {
  width: 100%;
  /* height: 38vh; */
  overflow: hidden;
  position: relative;
  margin-top: 2%;
  padding-left: 15px;
  box-sizing: border-box;
}

@keyframes lunbo_con {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-47.5%);
  }

  /* 100% {transform:translateX(0)} */
}

#ruanzhu-area .ruanzhu_con {
  width: 270%;
  animation: lunbo_con 12s 2s infinite linear;
  display: flex;
  justify-content: flex-start;
}

#ruanzhu-area .ruanzhu_con:hover {
  animation-play-state: paused;
}

#ruanzhu-area .ruanzhu_con .ruanzhu_img {
  width: 7.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2%;
}

#ruanzhu-area .ruanzhu_con .ruanzhu_img img {
  width: 100%;
  box-shadow: 1px 1px 4px #cccccc;
}

#ruanzhu-area .ruanzhu_con .ruanzhu_text {
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-top: 4%;
  color: #838384;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#faming-area .faming_con {
  display: flex;
  justify-content: flex-start;
}

#hezuo-area .hezuo_name {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 0 0 0;
}

#hezuo-area .hezuo_miao {
  font-size: 16px;
  color: #666;
}

/* 产品中心 */
/* 成绩分析样式 */
section#score_analysis,
section#shengya_xuanke {
  width: 100%;
  height: 100%;
  padding: 4% 0px;
  background-color: #dce7f1bd;
}

section#score_analysis .score_title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 1.5%;
  color: #696969;
}

section#score_analysis .score_step {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 14px;
  padding: 0 35px;
  box-sizing: border-box;
  color: #6cb9ec;
}

section#score_analysis .score_step .score_detail {
  border-left: 5px solid #c7d4e4;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section#score_analysis .score_content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

section#score_analysis .score_content .score_img {
  width: 40%;
  min-width: 345px;
  margin-right: 2%;
  box-shadow: rgba(194, 186, 186, 0.3) 0px 0px 10px;
}

section#score_analysis .score_content .score_img img {
  width: 100%;
}

section#score_analysis .score_content .score_description {
  width: 55%;
  min-width: 345px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

section#score_analysis .score_content .score_description .score_one {
  display: flex;
  justify-content: space-evenly;
}

section#score_analysis .score_content .score_description .score_one .score_miao {
  width: 45%;
  margin: 10px;
  padding: 8px 5px;
  padding-top: 15px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgb(238, 235, 235);
  box-shadow: rgba(207, 199, 199, 0.3) 0px 0px 10px;
  box-sizing: border-box;
}

section#score_analysis .score_content .score_description .score_one .score_miao img {
  margin-bottom: 10px;
}

section#score_analysis .score_content .score_description .score_one .score_miao .miao_xiao {
  font-size: 13px;
  color: #838384;
  padding: 10px 20px;
  text-align: center;
}

/* 生涯选科 */
section#shengya_xuanke .shengya_xuanke_img {
  display: flex;
  justify-content: space-evenly;
}

section#shengya_xuanke .shengya_xuanke_img .sy_xk_container {
  width: 100%;
  overflow: hidden;
}

@keyframes sy_xk {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-87.5%);
  }

  /* 100% {transform:translateX(0)} */
}

section#shengya_xuanke .shengya_xuanke_img .sy_xk_container .sy_xk_yi {
  width: 300%;
  display: flex;
  justify-content: flex-start;
  animation: sy_xk 10s 1.5s infinite linear;
}

section#shengya_xuanke .shengya_xuanke_img .sy_xk_container .sy_xk_yi:hover {
  animation-play-state: paused;
}

section#shengya_xuanke .shengya_xuanke_img .sy_xk_container .sy_xk_yi img {
  width: 16%;
  height: 470px;
  margin-right: 1.5%;
}

section#shengya_xuanke .shengya_xuanke_img img {
  width: 42%;
  box-shadow: rgba(207, 199, 199, 0.3) 0px 0px 10px;
}

section#shengya_xuanke .sy_title {
  background-color: rgb(144, 200, 233);
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  width: 100%;
  padding: 2% 15px;
}

section#shengya_xuanke .sy_content {
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

section#shengya_xuanke .sy_content .sy_detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border: 1px solid #bfd0ded6;
  border-radius: 5px;
  box-shadow: rgba(207, 199, 199, 0.3) 0px 0px 10px;
}

section#shengya_xuanke .sy_content .sy_detail img {
  width: 30%;
  margin: 10px;
}

section#shengya_xuanke .sy_content .sy_detail .sy_gh {
  width: 66%;
  color: #756a6a;
  padding: 15px;
  padding-right: 25px;
  text-align: justify;
  box-sizing: border-box;
}

section#shengya_xuanke .sy_content .sy_detail .sy_gh .sy_gh_title {
  font-size: 24px;
  margin-bottom: 10px;
  color: #393939;
}

/* 走班排课 */
section#zouban_paike {
  width: 100%;
  height: 100%;
  padding-top: 3%;
}

section#zouban_paike .zp_title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 1%;
}

.ico_main {
  width: 30px;
  height: 30px;
  padding: 10px;
  border-radius: 50%;
  background-color: #666;
}

.text_ico {
  padding: 6px;
  color: #fff;
  background-color: #48b6f8;
  border-radius: 50%;
  margin-right: 1%;
}

section#zouban_paike .zp_title_xiao {
  font-size: 20px;
  text-align: center;
  color: rgb(160, 156, 156);
}

section#zouban_paike .zp_content {}

section#zouban_paike .zp_content .zp_bot_left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5%;
}

section#zouban_paike .zp_content .zp_bot_left .zp_left_img {
  width: 50%;
  min-width: 375px;
  border: 1px solid #c3dbeadb;
  border-radius: 5px;
  padding: 0;
  box-shadow: rgba(207, 199, 199, 0.767) 0px 0px 10px;
}

section#zouban_paike .zp_content .zp_bot_left .zp_left_img img {
  width: 100%;
  border-radius: 5px;
}

section#zouban_paike .zp_content .zp_bot_left .zp_left_miao {
  width: 45%;
  height: 320px;
  min-width: 375px;
  text-align: left;
  /* padding: 15px 0;
  padding-left: 30px; */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  color: rgb(73, 73, 73);
}

section#zouban_paike .zp_content .zp_bot_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section#zouban_paike .zp_content .zp_bot_right .zp_you {
  width: 30%;
  border: 1px solid #c3dbeadb;
  border-radius: 5px;
  box-shadow: rgba(207, 199, 199, 0.767) 0px 0px 10px;
  padding: 15px;
  padding-top: 30px;
  box-sizing: border-box;
}

section#zouban_paike .zp_content .zp_bot_right .zp_you img {
  width: 100%;
}

section#zouban_paike .zp_content .zp_bot_right .zp_you .you_title {
  font-size: 22px;
  text-align: center;
  font-weight: 400;
  color: #5696f5;
  margin-bottom: 12px;
}

section#zouban_paike .zp_content .zp_bot_right .zp_you .you_miao {
  color: rgb(150, 148, 148);
  font-size: 16px;
  text-align: justify;
  padding: 0 5%;
  margin-bottom: 5%;
}

.shiyongbutton {
  width: 100px;
  height: 36px;
  background: #0085FF;
  border-radius: 4px;
}

.shiyongbutton-text {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_lunbo {
  position: absolute;

  display: flex !important;
  /* margin-bottom: 0 !important;
  bottom: -47px !important; */
  background-color: #ffffff !important;
  border-radius: 8px;
  max-width: 1200px !important;
  height: 50px;
  top: -55px;
  /* height: 90px;
  top: -100px; */
}

.card_lunbotu_tuli {
  margin: 0 !important;
  height: 50px !important;
  /* min-width: 250px !important; */
  /* width: 300px !important;
  height: 94px !important; */
  width: auto !important;
  /* height: inherit !important; */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff !important;
  text-indent: unset !important;
  /* margin: 0 !important; */
  /* margin-right: 10px !important; */
}

.card_lunbo .active {
  border: 1px solid #0085FF;
}

.lunbotu {
  /* bottom: -56px !important; */
  /* min-width: 1004px !important; */
  display: flex !important;
  margin-bottom: 0 !important;
  bottom: -47px !important;
  background-color: #E7EBEF !important;
  border-radius: 8px;
  max-width: 1200px !important;
  /* box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5); */
}

.lunbotu-tuli {
  min-width: 250px !important;
  width: 300px !important;
  height: 94px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff !important;
  text-indent: unset !important;
  margin: 0 !important;
  /* background-image: url('img/home1_new.jpg');
  background-repeat: 100% 100%; */
}

.lunbotu-tuli-pic {
  width: 48px !important;
  height: 48px !important;
  margin-right: 18px;
}

.lunbotu-tuli-text {
  /* width: 108px;
  height: 28px; */
  /* font-size: 18px; */
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #333333;
  /* line-height: 28px; */
  font-size: 1rem;
}

.lunbotu-border1 {
  /* border-top: 12px solid #000000 !important;
  border-right: none !important;
  border-bottom: 12px solid #000000 !important;
  border-left: 12px solid #000000 !important; */

  /* box-sizing: content-box !important; */
  /* box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5); */
  margin-right: 1px !important;
  border-radius: 8px 0 0 8px;
  box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5);
}

.lunbotu-border2 {
  /* border-top: 12px solid #000000 !important;
  border-right: none !important;
  border-bottom: 12px solid #000000 !important;
  border-left: none !important; */
  box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5);
  margin-right: 1px !important;
}

.lunbotu-border3 {
  /* border-top: 12px solid #000000 !important;
  border-right: none !important;
  border-bottom: 12px solid #000000 !important;
  border-left: none !important; */
  box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5);

  margin-right: 1px !important;
}

.lunbotu-border4 {
  /* border-top: 12px solid #000000 !important;
  border-right: 12px solid #000000 !important;
  border-bottom: 12px solid #000000 !important;
  border-left: none !important; */
  box-shadow: 0px 0px 6px 6px rgb(252, 250, 250, 0.5);
  border-radius: 0 8px 8px 0;
}

.shouye-text1 {
  font-weight: bold;
  color: #333333;
  font-size: 20px;
  line-height: 26px;
}


.shouye-text2 {
  color: #333333;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
}

.shouye-text3 {
  /* margin-top: 10px; */
  font-size: 12px;
  line-height: 16px;
  color: #646566;
}

.shouye-img1 {
  width: 100%;
  transform: scale(1.25);
  /* height: 100%;
  background-image: url("../img/Group427319856.png"); */
}

.shiyong-btn {
  background-color: #007bff;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  padding: 5px 10px;
  font-size: 14px;
}

.shouye-icon-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}

.shouye-icon-item {
  width: 40px;
  height: 50px;
  /* width: 80px;
  height: 125px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shouye-icon-item-img {
  width: 18px;
  height: 18px;
  /* width: 44px;
  height: 44px; */
  background-repeat: round;
}

.shouye-icon-item-text {
  margin-top: 6px;
  font-size: 12px;
  line-height: 14px;
  /* margin-top: 10px;
  font-size: 16px;
  line-height: 19px; */
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
}

.shouye-icon-item-img1 {
  background-image: url("../img/shouye-icon1.png");
}

.shouye-icon-item-img2 {
  background-image: url("../img/shouye-icon2.png");
}

.shouye-icon-item-img3 {
  background-image: url("../img/shouye-icon3.png");
}

.shouye-icon-item-img4 {
  background-image: url("../img/shouye-icon4.png");
}

.shouye-icon-item-img5 {
  background-image: url("../img/shouye-icon5.png");
}

.shouye-icon-item-img6 {
  background-image: url("../img/shouye-icon6.png");
}

.shouye-icon-item-img7 {
  background-image: url("../img/shouye-icon7.png");
}

.shouye-icon-item-img8 {
  background-image: url("../img/shouye-icon8.png");
}

.shouye-icon-item-img9 {
  background-image: url("../img/shouye-icon9.png");
}

.shouye-icon-item-img10 {
  background-image: url("../img/shouye-icon10.png");
}


.chanpin-img {
  width: 100%;
  /* transform: scale(1.25); */
}

.chanpin-text1 {
  font-weight: bold;
  color: #333333;
  font-size: 20px;
  margin-bottom: 16px;
  /* line-height: 37px; */
}

.chanpin-text2 {
  color: #646566;
  font-size: 14px;
  margin-bottom: 4px;
}

.chanpin-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
}

.chanpin-info-item {
  width: 212px;
  height: 132px;
  background: #F7F8FB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}

.chanpin-info-item-img {
  width: 40px;
  height: 40px;
  background-repeat: round;
  margin-bottom: 12px;
}

.chanpin-info-item-img1-1 {
  background-image: url("../img/cp1-1.png");
}

.chanpin-info-item-img1-2 {
  background-image: url("../img/cp1-2.png");
}

.chanpin-info-item-img1-3 {
  background-image: url("../img/cp1-3.png");
}

.chanpin-info-item-img1-4 {
  background-image: url("../img/cp1-4.png");
}

.chanpin-info-item-img2-1 {
  background-image: url("../img/cp2-1.png");
}

.chanpin-info-item-img2-2 {
  background-image: url("../img/cp2-2.png");
}

.chanpin-info-item-img3-1 {
  background-image: url("../img/cp3-1.png");
}

.chanpin-info-item-img3-2 {
  background-image: url("../img/cp3-2.png");
}

.chanpin-info-item-img3-3 {
  background-image: url("../img/cp3-3.png");
}

.chanpin-info-item-img3-4 {
  background-image: url("../img/cp3-4.png");
}

.chanpin-info-item-img4-1 {
  background-image: url("../img/cp4-1.png");
}

.chanpin-info-item-img4-2 {
  background-image: url("../img/cp4-2.png");
}

.chanpin-info-item-img4-3 {
  background-image: url("../img/cp4-3.png");
}

.chanpin-info-item-img4-4 {
  background-image: url("../img/cp4-4.png");
}

.chanpin-info-item-img6-1 {
  background-image: url("../img/cp6-1.png");
}

.chanpin-info-item-img6-2 {
  background-image: url("../img/cp6-2.png");
}

.chanpin-info-item-img8-1 {
  background-image: url("../img/cp8-1.png");
}

.chanpin-info-item-img8-2 {
  background-image: url("../img/cp8-2.png");
}

.chanpin-info-item-img9-1 {
  background-image: url("../img/cp9-1.png");
}

.chanpin-info-item-img9-2 {
  background-image: url("../img/cp9-2.png");
}

.chanpin-info-item-text1 {
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}

.chanpin-info-item-text2 {
  font-size: 14px;
  color: #8A8B8E;
  line-height: 24px;
}

.img-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fuwu_zhichi {
  width: 100%;
  /* height: 225px; */
}

.fuwu_zhichi_title {
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  color: #333333;
  font-size: 20px;
  line-height: 26px;
  margin: 20px 0 16px 0;
}

.fuwu_zhichi_text {
  width: 100%;
  text-align: center;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #8A8B8E;
  font-size: 14px;
  line-height: 18px;
}


.lianxi_shiyong {
  width: 100%;
  height: 120px;
  background-color: #007bff;
}

.lianxi_shiyong_text {
  width: 100%;
  font-size: 20px;
  text-align: center;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  margin: 20px 0 10px 0;
}

.lianxi_shiyong_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.lianxi_shiyong_button1 {
  width: 100px;
  height: 30px;
  border: 1px solid #FFFFFF;
  /* font-size: 16px;
  line-height: 20px; */
  margin-right: 16px;
  /* width: 162px;
  height: 52px; */
  border-radius: 6px 6px 6px 6px;
  opacity: 1;
  /* border: 2px solid #FFFFFF; */
  background-color: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 18px; */
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #FFFFFF;
  /* line-height: 21px;
  margin-right: 16px; */
}

.lianxi_shiyong_button1_img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  /* width: 16px;
  height: 16px; */
  background-image: url("../img/Phone-call.png");
  /* margin-right: 10px; */
  background-size: contain;
}

.lianxi_shiyong_button2 {
  width: 100px;
  height: 30px;
  /* font-size: 16px;
  line-height: 20px; */
  /* width: 176px;
  height: 50px; */
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  /* font-size: 18px; */
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #000000;
  /* line-height: 21px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom_content {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bottom_content_item {
  width: 125px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bottom_content_item_img1 {
  width: 48px;
  height: 48px;
  background-image: url("../img/bottom_content1.png");
  background-size: contain;
  margin-bottom: 8px;
}

.bottom_content_item_img2 {
  width: 48px;
  height: 48px;
  background-image: url("../img/bottom_content2.png");
  background-size: contain;
  margin-bottom: 8px;
}

.bottom_content_item_img3 {
  width: 48px;
  height: 48px;
  background-image: url("../img/bottom_content3.png");
  background-size: contain;
  margin-bottom: 8px;
}

.bottom_content_item_title {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin-bottom: 8px;
}

.bottom_content_item_text {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #646566;
  line-height: 16px;
}

.foot_bottom_text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  color: #000000;
  background-color: #ffffff;
}

.foot_box {
  /* width: 100%; */
  width: 100vw;
  display: none;
  justify-content: space-between;
  /* justify-content: flex-start;
  flex-wrap: wrap; */
  /* align-items: center; */
  padding: 44px 10%;
}

.foot_chanpin {
  width: 172px;
  /* height: 165px; */
  /* margin-right: 66px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.foot_chanpin_title {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  margin-bottom: 26px;
}

.foot_chanpin_text {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #899099;
}

.foot_chanpin_text1 {
  width: 50%;
  text-align: left;
}

.foot_anli {
  width: 86px;
  /* height: 165px; */
  /* margin-right: 66px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.foot_anli_title {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  margin-bottom: 26px;
}

.foot_anli_text {
  /* text-align: left; */
  font-size: 14px;
  line-height: 24px;
  color: #899099;
  margin-bottom: 8px;
}

.foot_lianxi {
  width: 220px;
  /* width: 292px;
  margin-right: 66px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.foot_lianxi_text {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #899099;
}

.foot_lianxi_text_img1 {
  width: 13.62px;
  height: 13.62px;
  background-image: url("../img/foot_lianxi1.png");
  background-size: contain;
  margin-right: 11px;
}

.foot_lianxi_text_img2 {
  width: 13.62px;
  height: 13.62px;
  background-image: url("../img/foot_lianxi2.png");
  background-size: contain;
  margin-right: 11px;
}

.foot_lianxi_text_img3 {
  width: 13.62px;
  height: 13.62px;
  background-image: url("../img/foot_lianxi3.png");
  background-size: contain;
  margin-right: 11px;
}

.foot_kefu {
  width: 136px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.foot_kefu_img {
  border: 8px solid #ffffff;
  border-radius: 4px;
  width: 120px;
  height: 120px;
  background-image: url("../img/kefu_erweima.png");
  background-size: contain;
  margin-bottom: 8px;
}

.foot_kefu_text {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #899099;
}

.flow-box {
  width: 88px;
  height: 248px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 50%;
  transform: translateY(50%);
  right: 16px;
  z-index: 999;
}

.flow-item {
  width: 88px;
  height: 184px;
  background: #FFFFFF;
  box-shadow: 0px 3px 13px 0px rgba(50, 50, 51, 0.05);
  border-radius: 44px 44px 44px 44px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flow-item-text {
  font-size: 12px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #646566;
  line-height: 14px;
  margin-top: 8px;
}

.flow-item-img1 {
  width: 32px;
  height: 32px;
  background-image: url("../img/Phone-telephone.png");
  background-size: contain;
}

.flow-item-img2 {
  width: 32px;
  height: 32px;
  background-image: url("../img/Wechat.png");
  background-size: contain;
  margin-top: 25px;
}


.flow-top-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url("../img/Arrow-circle-up.png");
  background-size: contain;
}



.example_box1 {
  width: 100%;
  /* height: 218px; */
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 45px; */
  /* margin-bottom: 91px; */
}

.chanpin_main_box {
  /* width: 100%;
  background-image: url("../img/jiameng_background.png");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: stretch; */
  width: 100%;
  background: linear-gradient(34deg, #108CFF 0%, #89D5FF 100%);
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.guanyu_main_box {
  width: 100%;
  background-image: url("../img/guanyu_background.png");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: stretch;
}



.hezuo_main_box {
  width: 100%;
  background-image: url("../img/jiameng_background.png");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.example_item_box {
  /* width: 32%; */
  height: 370px;
  background-color: #007bff;
}

.example_item_main_box {
  width: 100%;
  display: grid;
  grid-row-gap: 2%;
  grid-column-gap: 2%;
  grid-template-columns: 32% 32% 32%;
}

.example-text1 {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  line-height: 26px;
}

.example-text2 {
  font-size: 14px;
  color: #646566;
  line-height: 16px;
  margin-top: 8px;
}

.example_main_box {
  width: 100%;
  background: linear-gradient(34deg, #108CFF 0%, #89D5FF 100%);
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.example_main_content {
  width: 35%;
  height: inherit;
  margin-right: 40%;
  /* height: 100%; */
  /* width: 541px; */
  /* margin-top: 50px;
  margin-right: 37px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}

.example_main_content_title {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin: 8% 0 5% 0;
  /* margin-bottom: 36px; */
}

.example_main_content_text {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  margin-bottom: 5%;
  /* margin-bottom: 48px; */
}

.example_main_content_botton_box {
  width: 100%;
  height: 52px;
  display: none;
  margin-bottom: 15%;
}

.example_main_content_botton_box1 {
  width: 176px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #D5D9DB;
  margin-right: 16px;
  font-size: 18px;
  line-height: 21px;

}



.hezuo_fangshi_title_box_open {
  width: 100%;
  /* height: 40%; */
  display: none;
  /* display: flex; */
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  /* font-size: 22px;
  font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI-Regular;
  font-weight: 400;
  color: #0085FF;
  line-height: 28px; */
  color: #ffffff;
  background-color: #0085FF;
  /* border: 0.1px solid #f3f4f8; */
  padding: 5%;
}

.hezuo_jiameng_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5%;
}

.hezuo_jiameng_item {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F7F8FB;
  padding: 3% 0;
}

.hezuo_jiameng_item_title {
  font-size: 14px;
  font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI-Bold;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 3%;
}

.hezuo_jiameng_item_text {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #8A8B8E;
  line-height: 24px;
}

.hezuo_linian_title {
  width: 100%;
  font-size: 20px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: bold;
  color: #333333;
  line-height: 28px;
}

.jiameng_margin4 {
  margin-bottom: 5%;
}

.hezuo_linian_text {
  width: 100%;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #646566;
  line-height: 20px;

}

.hezuo_linian_button {
  width: 90px;
  height: 30px;
  font-size: 14px;
  background: #0085FF;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.hezuo_fangshi_title_box_open_1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 2%;
}

.hezuo_fangshi_title_box_open_2 {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 2%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hezuo_fangshi_title_box_open_3 {
  font-size: 12px;
  line-height: 16px;
  padding-top: 2%;
}

.hezuo_fangshi_title_box {
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  background-color: #E7EBEF;
  /* border: 0.1px solid #f3f4f8; */
  border: 0.1px solid #d9dbde;
}

.chanpin_box1 {
  width: 100%;
  /* height: 144px; */
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.chanpin_box1_img {
  width: 75%;
  margin-bottom: 10px;
}

.chanpin_main_content {
  width: 35%;
  height: inherit;
  margin-left: 10%;
  /* height: 100%; */
  /* width: 541px; */
  /* margin-top: 50px;
  margin-right: 37px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}

.chanpin_main_content_title {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  /* margin-bottom: 36px; */
}

.chanpin_main_content_text {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  /* margin-bottom: 48px; */
}

.chanpin_main_content_botton_box {
  width: 100%;
  height: 52px;
  display: none;
}

.guanyu_main_content_botton_box1 {
  width: 176px;
  height: 50px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  background-color: #ffffff;
  /* border: 2px solid #FFFFFF; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.chanpin_main_content_botton_box1 {
  width: 176px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #D5D9DB;
  margin-right: 16px;
}

.chanpin_main_content_botton_box2 {
  width: 176px;
  height: 50px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 2px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chanpin_main_content_botton_box1_img {
  width: 20px;
  height: 20px;
  background-image: url("../img/chanpinPlay.png");
  background-size: contain;
  margin-right: 10px;
}

.chanpin_main_img {
  width: 712px;
  height: 496px;
  background-image: url("../img/chanpin_main_img.png");
  background-size: contain;
}

.guanyu_pic_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.guanyu_pic {
  width: 33%;
}

.guanyu_pic1 {
  width: 50%;
  margin-right: 12px;
}

.guanyu_pic2 {
  width: 25%;
  margin-right: 12px;
  border-radius: 8px;
}

.guanyu_pic3 {
  width: 25%;
  border-radius: 8px;
}

.guanyu_jieshao {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.guanyu_jieshao_content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.guanyu_jieshao_content_title {
  width: 100%;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 12px;
}

.guanyu_jieshao_content_text {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}

.guanyu_lianxi_main_box {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.guanyu_lianxi_box {
  width: 100%;
  background-color: #F7F8FB;
  border-radius: 8px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 2% 3%;
  margin-bottom: 16px;
  overflow: hidden;
}

.guanyu_lianxi_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.guanyu_lianxi_title {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}

.guanyu_lianxi_text {
  font-size: 16px;
  font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI-Bold;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}

.guanyu_zhuzuo_main_box {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.guanyu_zhuzuo_box {
  /* width: 24%; */
  background-color: #F7F8FB;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  padding: 2%;
}

.guanyu_zhuzuo_box1 {
  width: 75%;
  background-color: #F7F8FB;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.guanyu_zhuzuo_anniu {
  width: 200px;
  height: 50px;
  background: linear-gradient(34deg, #108CFF 0%, #89D5FF 100%);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei-Bold;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}

.guanyu_zhuzuo_title {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  text-align: center;
}

.guanyu_zhuanli_main_box {
  /* width: 100%;
  display: flex;
  align-items: center; */
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.guanyu_zhuanli_title {
  font-size: 16px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 16px;
  text-align: center;
}

.guanyu_zhuanli_box {
  width: 24%;
  background-color: #F7F8FB;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  padding: 2%;
}

.guanyu_hezuo_main_box {
  /* width: 100%;
  display: flex;
  align-items: center; */
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.guanyu_hezuo_box {
  width: 32%;
  background-color: #F7F8FB;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  padding: 2%;
}

.guanyu_hezuo_title {
  font-size: 16px;
  font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI-Bold;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin: 16px 0 12px 0;
}

.guanyu_hezuo_text {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #8A8B8E;
  line-height: 24px;
}



.shouye_margin1 {
  margin-top: 30px;
}

.shouye_margin2 {
  margin-top: 20px;
}

.shouye_margin3 {
  margin-top: 44px;
  margin-bottom: 110px;
}

.shouye_margin4 {
  margin-top: 44px;
}

.shouye_margin5 {
  margin-top: 20px;
}

.exam_margin1 {
  margin: 20px 0;
}

.jiameng_margin1 {
  margin-top: 20px;
}

.jiameng_margin2 {
  margin: 0;
}

.jiameng_margin3 {
  margin-top: 0;
}

.jiameng_margin5 {
  margin: 10px 12px 10px 24px;
}

.guanyu_img {
  width: 20%;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .foot_bottom_text {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 0;
  }

  .guanyu_jieshao_content_text {
    font-size: 14px;
    line-height: 16px;
  }

  .guanyu_jieshao_content_title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 12px;
  }

  .guanyu_jieshao {
    flex-direction: column;
  }

  .jiameng_margin5 {
    margin: 10px 12px 10px 24px;
  }

  .hezuo_fangshi_title_box {
    font-size: 16px;
  }

  .hezuo_linian_button {
    width: 90px;
    height: 30px;
    font-size: 14px;
  }

  .hezuo_linian_title {
    font-size: 20px;
  }

  .jiameng_margin4 {
    margin-bottom: 5%;
  }

  .hezuo_linian_text {
    font-size: 14px;
    line-height: 20px;

  }

  .jiameng_margin3 {
    margin-top: 0;
  }

  .jiameng_margin2 {
    margin: 0;
  }

  .jiameng_margin1 {
    margin-top: 20px;
  }

  .example_box1 {
    height: 218px;
    flex-direction: row;
  }

  .example-text1 {
    font-size: 20px;
    line-height: 26px;
  }

  .example-text2 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px;
  }

  .exam_margin1 {
    margin: 20px 0 0 0;
  }

  .chanpin_box1 {
    height: 144px;
    flex-direction: row;
  }

  .chanpin_box1_img {
    width: 32%;
    margin-bottom: 0;
  }

  .bottom_content {
    height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .bottom_content_item {
    width: 125px;
  }

  .bottom_content_item_img1 {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img2 {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img3 {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
  }

  .bottom_content_item_title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .bottom_content_item_text {
    font-size: 14px;
    line-height: 16px;
  }

  .chanpin-text2 {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .chanpin-text1 {
    font-size: 20px;
    margin-bottom: 16px;
    /* line-height: 37px; */
  }

  .shiyong-btn {
    line-height: 18px;
    padding: 5px 10px;
    font-size: 14px;
  }

  .shouye-text3 {
    font-size: 12px;
    line-height: 16px;
  }

  .shouye_margin1 {
    margin-top: 30px;
  }

  .shouye-text2 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .shouye-text1 {
    font-size: 20px;
    line-height: 26px;
  }

  .card_lunbo {
    height: 60px;
    top: -60px;
  }

  .card_lunbotu_tuli {
    margin: 0 !important;
    height: 60px !important;
  }

  .shouye-icon-item {
    width: 40px;
    height: 60px;
  }

  .shouye-icon-item-img {
    width: 24px;
    height: 24px;
  }

  .shouye-icon-item-text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  /* .shouye_margin1 {
    margin-top: 20px;
  } */

  .shouye_margin2 {
    margin-top: 20px;
  }

  /* .shouye_margin3 {
    margin-top: 20px;
    margin-bottom: 80px;
  } */

  /* .shouye_margin4 {
    margin-top: 20px;
  } */
  .fuwu_zhichi_text {
    font-size: 14px;
    line-height: 18px;
  }

  .fuwu_zhichi_title {
    font-size: 20px;
    line-height: 26px;
    margin: 20px 0 16px 0;
  }

  .lianxi_shiyong {
    height: 160px;
  }

  .lianxi_shiyong_text {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    margin: 30px 0 20px 0;
  }

  .lianxi_shiyong_button_box {
    font-size: 16px;
    line-height: 20px;
  }

  .lianxi_shiyong_button1 {
    width: 140px;
    height: 40px;
    border: 1px solid #FFFFFF;
    margin-right: 16px;
  }

  .lianxi_shiyong_button1_img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  .lianxi_shiyong_button2 {
    width: 140px;
    height: 40px;
  }

  .shouye_top_title {
    font-size: 34px !important;
    line-height: 44px !important;
  }

  .shouye_top_text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .shouye_top_button {
    width: 100px !important;
    height: 30px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .guanyu_zhuzuo_title {
    font-size: 16px !important;
  }

  .chanpin_main_content_title {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .chanpin_main_content_text {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .example_main_content_title {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .example_main_content_text {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .chanpin_main_content_botton_box {
    display: flex !important;
  }

  .example_main_content_botton_box {
    display: flex !important;
  }

  .hezuo_fangshi_title_box_open_1 {
    font-size: 18px !important;
    line-height: 20px !important;
  }

  .hezuo_fangshi_title_box_open_2 {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .hezuo_fangshi_title_box_open_3 {
    font-size: 12px !important;
    line-height: 20px !important;
  }
}

@media (min-width: 768px) {
  .foot_bottom_text {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 0;
  }

  .guanyu_jieshao_content {
    margin-left: 105px;
  }

  .guanyu_jieshao_content_title {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 24px;
  }

  .guanyu_jieshao_content_text {
    font-size: 16px;
    line-height: 28px;
  }

  .guanyu_jieshao {
    flex-direction: row;
  }

  .jiameng_margin5 {
    margin: 0 12px 0 24px;
  }

  .hezuo_fangshi_title_box {
    font-size: 22px;
  }

  .hezuo_linian_button {
    width: 176px;
    height: 50px;
    font-size: 16px;
  }

  .hezuo_linian_title {
    font-size: 20px;
  }

  .jiameng_margin4 {
    margin-bottom: 10%;
  }

  .hezuo_linian_text {
    font-size: 14px;
    line-height: 20px;
  }

  .jiameng_margin3 {
    margin-top: 10px;
  }

  .jiameng_margin2 {
    margin: 15px 0;
  }

  .jiameng_margin1 {
    margin-top: 30px;
  }

  .example_box1 {
    height: 218px;
    flex-direction: row;
    /* margin-top: 45px; */
    /* margin-bottom: 91px; */
  }

  .example-text1 {
    font-size: 30px;
    color: #333333;
    line-height: 38px;
  }

  .example-text2 {
    font-size: 16px;
    color: #646566;
    line-height: 20px;
    margin-top: 10px;
  }

  .exam_margin1 {
    margin: 30px 0 0 0;
  }

  .chanpin_box1 {
    height: 144px;
    flex-direction: row;
  }

  .chanpin_box1_img {
    width: 32%;
    margin-bottom: 0;
  }

  .bottom_content {
    height: 240px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .bottom_content_item {
    width: 200px;
  }

  .bottom_content_item_img1 {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img2 {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img3 {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
  }

  .bottom_content_item_title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .bottom_content_item_text {
    font-size: 14px;
    line-height: 24px;
  }

  .fuwu_zhichi_text {
    font-size: 16px;
    line-height: 21px;
  }

  .fuwu_zhichi_title {
    font-size: 28px;
    line-height: 38px;
    margin: 20px 0 16px 0;
  }

  .chanpin-text2 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .chanpin-text1 {
    font-size: 26px;
    margin-bottom: 20px;
    /* line-height: 37px; */
  }

  .shiyong-btn {
    line-height: 21px;
    padding: 10px 25px;
    font-size: 16px;
  }

  .shouye-text3 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .shouye_margin1 {
    margin-top: 64px;
  }

  .shouye-text2 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .shouye-text1 {
    font-size: 28px;
    line-height: 34px;
  }

  .card_lunbo {
    height: 90px;
    top: -90px;
  }

  .card_lunbotu_tuli {
    margin: 0 !important;
    height: 80px !important;
    margin-right: 10px !important;
  }

  .shouye-icon-item {
    width: 60px;
    height: 80px;
  }

  .shouye-icon-item-img {
    width: 36px;
    height: 36px;
  }

  .shouye-icon-item-text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  /* .shouye_margin1 {
    margin-top: 64px;
  } */

  .shouye_margin2 {
    margin-top: 30px;
  }

  /* .shouye_margin3 {
    margin-top: 44px;
    margin-bottom: 110px;
  } */

  /* .shouye_margin4 {
    margin-top: 44px;
  } */

  .lianxi_shiyong {
    height: 180px;
  }

  .lianxi_shiyong_text {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    margin: 30px 0 20px 0;
  }

  .lianxi_shiyong_button_box {
    font-size: 16px;
    line-height: 20px;
  }

  .lianxi_shiyong_button1 {
    width: 140px;
    height: 40px;
    border: 1px solid #FFFFFF;
    margin-right: 16px;
  }

  .lianxi_shiyong_button1_img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  .lianxi_shiyong_button2 {
    width: 140px;
    height: 40px;
  }

  .shouye_top_title {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .shouye_top_text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .shouye_top_button {
    width: 120px !important;
    height: 40px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .guanyu_zhuzuo_title {
    font-size: 16px !important;
  }

  .chanpin_main_content_title {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .chanpin_main_content_text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .example_main_content_title {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .example_main_content_text {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .chanpin_main_content_botton_box {
    display: flex !important;
  }

  .example_main_content_botton_box {
    display: flex !important;
  }

  .hezuo_fangshi_title_box_open_1 {
    font-size: 18px !important;
    line-height: 20px !important;
  }

  .hezuo_fangshi_title_box_open_2 {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .hezuo_fangshi_title_box_open_3 {
    font-size: 12px !important;
    line-height: 20px !important;
  }
}

@media (min-width: 992px) {
  .foot_bottom_text {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 0;
  }

  .guanyu_jieshao_content {
    margin-left: 105px;
  }

  .guanyu_jieshao_content_title {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 24px;
  }

  .guanyu_jieshao_content_text {
    font-size: 16px;
    line-height: 28px;
  }

  .guanyu_jieshao {
    flex-direction: row;
  }

  .jiameng_margin5 {
    margin: 0 12px 0 24px;
  }

  .hezuo_fangshi_title_box {
    font-size: 22px;
  }

  .hezuo_linian_button {
    width: 176px;
    height: 50px;
    font-size: 16px;
  }

  .hezuo_linian_title {
    font-size: 22px;
  }

  .jiameng_margin4 {
    margin-bottom: 10%;
  }

  .hezuo_linian_text {
    font-size: 16px;
    line-height: 28px;
  }

  .jiameng_margin3 {
    margin-top: 20px;
  }

  .jiameng_margin2 {
    margin: 30px 0;
  }

  .jiameng_margin1 {
    margin-top: 44px;
  }

  .example_box1 {
    height: 218px;
    flex-direction: row;
  }

  .example-text1 {
    font-size: 40px;
    color: #333333;
    line-height: 46px;
  }

  .example-text2 {
    font-size: 18px;
    color: #646566;
    line-height: 24px;
    margin-top: 16px;
  }

  .exam_margin1 {
    margin: 45px 0 40px 0;
  }

  .chanpin_box1 {
    height: 144px;
    flex-direction: row;
    margin-top: 45px;
  }

  .chanpin_box1_img {
    width: 32%;
    margin-bottom: 0;
  }

  .bottom_content {
    height: 292px;
    margin-top: 44px;
    margin-bottom: 44px;
  }

  .bottom_content_item {
    width: 389px;
  }

  .bottom_content_item_img1 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img2 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img3 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
  }

  .bottom_content_item_text {
    font-size: 14px;
    line-height: 24px;
  }

  .fuwu_zhichi_text {
    font-size: 18px;
    line-height: 21px;
  }

  .fuwu_zhichi_title {
    font-size: 40px;
    line-height: 47px;
    margin: 20px 0 16px 0;
  }

  .chanpin-text2 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .chanpin-text1 {
    font-size: 32px;
    margin-bottom: 24px;
    /* line-height: 37px; */
  }

  .shiyong-btn {
    line-height: 21px;
    padding: 14px 52px;
    font-size: 18px;
  }

  .shouye-text3 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
  }

  .shouye_margin1 {
    margin-top: 64px;
  }

  .shouye-text2 {
    margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
  }

  .shouye-text1 {
    font-size: 36px;
    line-height: 40px;
  }

  .foot_box {
    display: flex;
  }

  .flow-box {
    display: flex;
  }

  .card_lunbo {
    height: 100px;
    top: -100px;
  }

  .card_lunbotu_tuli {
    margin: 0 !important;
    height: inherit !important;
    margin-right: 10px !important;
  }

  .shouye-icon-item {
    width: 80px;
    height: 100px;
  }

  .shouye-icon-item-img {
    width: 44px;
    height: 44px;
  }

  .shouye-icon-item-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 19px;
  }

  /* .shouye_margin1 {
    margin-top: 64px;
  } */

  .shouye_margin2 {
    margin-top: 48px;
  }

  /* .shouye_margin3 {
    margin-top: 44px;
    margin-bottom: 110px;
  } */

  /* .shouye_margin4 {
    margin-top: 44px;
  } */

  .lianxi_shiyong {
    height: 225px;
  }

  .lianxi_shiyong_text {
    width: 100%;
    font-size: 40px;
    line-height: 47px;
    margin: 44px 0 32px 0;
  }

  .lianxi_shiyong_button_box {
    font-size: 18px;
    line-height: 21px;
  }

  .lianxi_shiyong_button1 {
    width: 162px;
    height: 52px;
    border: 2px solid #FFFFFF;
    margin-right: 16px;
  }

  .lianxi_shiyong_button1_img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }

  .lianxi_shiyong_button2 {
    width: 176px;
    height: 50px;
  }

  .shouye_top_title {
    font-size: 52px !important;
    line-height: 60px !important;
  }

  .shouye_top_text {
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .shouye_top_button {
    width: 176px !important;
    height: 50px !important;
    font-size: 18px !important;
    line-height: 21px !important;
  }

  .guanyu_zhuzuo_title {
    font-size: 16px !important;
  }

  .chanpin_main_content_title {
    font-size: 42px !important;
    line-height: 50px !important;
  }

  .chanpin_main_content_text {
    font-size: 18px !important;
    line-height: 30px !important;
  }

  .example_main_content_title {
    font-size: 42px !important;
    line-height: 50px !important;
  }

  .example_main_content_text {
    font-size: 18px !important;
    line-height: 30px !important;
  }

  .chanpin_main_content_botton_box {
    display: flex !important;
  }

  .example_main_content_botton_box {
    display: flex !important;
  }

  .hezuo_fangshi_title_box_open_1 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .hezuo_fangshi_title_box_open_2 {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hezuo_fangshi_title_box_open_3 {
    font-size: 14px !important;
    line-height: 24px !important;
  }
}

@media (min-width: 1200px) {
  .foot_bottom_text {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 0;
  }

  .guanyu_jieshao_content {
    margin-left: 105px;
  }

  .guanyu_jieshao_content_title {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 24px;
  }

  .guanyu_jieshao_content_text {
    font-size: 16px;
    line-height: 28px;
  }

  .guanyu_jieshao {
    flex-direction: row;
  }

  .jiameng_margin5 {
    margin: 0 12px 0 24px;
  }

  .hezuo_fangshi_title_box {
    font-size: 22px;
  }

  .hezuo_linian_button {
    width: 176px;
    height: 50px;
    font-size: 16px;
  }

  .hezuo_linian_title {
    font-size: 22px;
  }

  .jiameng_margin4 {
    margin-bottom: 10%;
  }

  .hezuo_linian_text {
    font-size: 16px;
    line-height: 28px;
  }

  .jiameng_margin3 {
    margin-top: 20px;
  }

  .jiameng_margin2 {
    margin: 30px 0;
  }

  .jiameng_margin1 {
    margin-top: 44px;
  }

  .example_box1 {
    height: 218px;
    flex-direction: row;
  }

  .example-text1 {
    font-size: 40px;
    color: #333333;
    line-height: 46px;
  }

  .example-text2 {
    font-size: 18px;
    color: #646566;
    line-height: 24px;
    margin-top: 16px;
  }

  .exam_margin1 {
    margin: 45px 0 40px 0;
  }

  .chanpin_box1 {
    height: 144px;
    flex-direction: row;
    margin-top: 45px;
  }

  .chanpin_box1_img {
    width: 32%;
    margin-bottom: 0;
  }

  .bottom_content {
    height: 292px;
    margin-top: 44px;
    margin-bottom: 44px;
  }

  .bottom_content_item {
    width: 389px;
  }

  .bottom_content_item_img1 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img2 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_img3 {
    width: 72px;
    height: 72px;
    margin-bottom: 8px;
  }

  .bottom_content_item_title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
  }

  .bottom_content_item_text {
    font-size: 14px;
    line-height: 24px;
  }

  .fuwu_zhichi_text {
    font-size: 18px;
    line-height: 21px;
  }

  .fuwu_zhichi_title {
    font-size: 40px;
    line-height: 47px;
    margin: 20px 0 16px 0;
  }

  .chanpin-text2 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .chanpin-text1 {
    font-size: 32px;
    margin-bottom: 24px;
    /* line-height: 37px; */
  }

  .shiyong-btn {
    line-height: 21px;
    padding: 14px 52px;
    font-size: 18px;
  }

  .shouye-text3 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
  }

  .shouye_margin1 {
    margin-top: 64px;
  }

  .shouye-text2 {
    margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
  }

  .shouye-text1 {
    font-size: 40px;
    line-height: 46px;
  }

  .flow-box {
    display: flex;
  }

  .foot_box {
    display: flex;
  }

  .card_lunbo {
    height: 100px;
    top: -100px;
  }

  .card_lunbotu_tuli {
    margin: 0 !important;
    height: inherit !important;
    margin-right: 10px !important;
  }

  .shouye-icon-item {
    width: 80px;
    height: 100px;
  }

  .shouye-icon-item-img {
    width: 44px;
    height: 44px;
  }

  .shouye-icon-item-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 19px;
  }

  /* .shouye_margin1 {
    margin-top: 64px;
  } */

  .shouye_margin2 {
    margin-top: 48px;
  }

  /* .shouye_margin3 {
    margin-top: 44px;
    margin-bottom: 110px;
  } */

  /* .shouye_margin4 {
    margin-top: 44px;
  } */

  .lianxi_shiyong {
    height: 225px;
  }

  .lianxi_shiyong_text {
    width: 100%;
    font-size: 40px;
    line-height: 47px;
    margin: 44px 0 32px 0;
  }

  .lianxi_shiyong_button_box {
    font-size: 18px;
    line-height: 21px;
  }

  .lianxi_shiyong_button1 {
    width: 162px;
    height: 52px;
    border: 2px solid #FFFFFF;
    margin-right: 16px;
  }

  .lianxi_shiyong_button1_img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }

  .lianxi_shiyong_button2 {
    width: 176px;
    height: 50px;
  }

  .shouye_top_title {
    font-size: 52px !important;
    line-height: 60px !important;
  }

  .shouye_top_text {
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .shouye_top_button {
    width: 176px !important;
    height: 50px !important;
    font-size: 18px !important;
    line-height: 21px !important;
  }

  .guanyu_zhuzuo_title {
    font-size: 16px !important;
  }

  .chanpin_main_content_title {
    font-size: 52px !important;
    line-height: 60px !important;
  }

  .chanpin_main_content_text {
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .example_main_content_title {
    font-size: 52px !important;
    line-height: 60px !important;
  }

  .example_main_content_text {
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .chanpin_main_content_botton_box {
    display: flex !important;
  }

  .example_main_content_botton_box {
    display: flex !important;
  }

  .hezuo_fangshi_title_box_open_1 {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .hezuo_fangshi_title_box_open_2 {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .hezuo_fangshi_title_box_open_3 {
    font-size: 16px !important;
    line-height: 28px !important;
  }
}

.new-d-none {
  display: none !important;
}

.new-d-block {
  display: flex !important;
}

@media (min-width: 768px) {
  .new-d-md-none {
    display: none !important;
  }

  .new-d-md-block {
    display: flex !important;
  }

  /* .foot_box {
    justify-content: center !important;
  } */
}