/* ==========================================================================
   全局
   ========================================================================== */
.content img {
  max-width: 100%;
}

:root {
  --font12: .12rem;
}

.news_details .nd_main a {
  color: #fff;
}

.news_details .nd_main a:hover {
  color: #e87329;
}

.content .ecology_list3 img {
  max-width: 70%;
}

.inner_banner {
  --bannerH: 580px;
  height: var(--bannerH);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1536px) {
  .inner_banner {
    height: calc(var(--bannerH) / 1.25);
  }
}

@media only screen and (max-width: 1440px) {
  .inner_banner {
    height: calc(var(--bannerH) * 0.75);
  }
}

@media only screen and (max-width: 1280px) {
  .inner_banner {
    height: calc(var(--bannerH) / 1.5);
  }
}

@media only screen and (max-width: 1024px) {
  .inner_banner {
    height: calc(var(--bannerH) / 1.875);
  }
}

@media only screen and (max-width: 960px) {
  .inner_banner {
    height: calc(var(--bannerH) / 2);
  }

  :root {
    --font12: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .inner_banner {
    min-height: calc(var(--bannerH) / 2.5);
  }
}

/* ==========================================================================
   内页导航栏
   ========================================================================== */
.inner_banner .wrapper {
  padding-top: 1rem;
  height: 100%;
  align-items: center;
  position: relative;
}

.inner_flex {
  width: 100%;
  justify-content: space-between;
}

.inner_h4 {
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  padding: 0.04rem 0.15rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
}

.inner_h1 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font56);
  font-weight: 700;
  line-height: 1;
  margin: 0.35rem 0 0.25rem;
}

.inner_h5 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  max-width: 1015px;
}

.subnav_list {
  flex-direction: column;
  gap: 0.25rem;
}

.subnav_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font14);
  font-weight: 400;
  min-width: 1.5rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 100px;
  transition: all 0.3s;
}

.fixed .subnav_link {
  border-color: rgb(210, 210, 210);
}

.subnav_link.active {
  background: #e87329;
  border-color: #e87329;
}

.subnav_link:hover {
  background: rgba(232, 115, 41, 1);
  border-color: #e87329;
  color: #fff;
  transform: translateY(-2px);
}

.breadcrumb {
  position: absolute;
  left: 20px;
  bottom: 0.35rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  color: #fff;
}

.breadcrumb span {
  margin: 0 0.05rem;
}

.breadcrumb a {
  color: #fff;
  transition: all 0.3s ease-out;
}

.breadcrumb a:hover {
  color: #e87329;
}

@media only screen and (max-width: 1600px) {
  .breadcrumb {
    bottom: 0.25rem;
  }
}

@media only screen and (max-width: 1280px) {
  .inner_h1 {
    --font56: 0.48rem;
  }
}

@media only screen and (max-width: 1024px) {
  .inner_h1 {
    --font56: 0.32rem;
  }

  .inner_h5 {
    --font24: 0.22rem;
    max-width: 750px;
  }

  .breadcrumb {
    bottom: 0.15rem;
  }

}

@media only screen and (max-width: 920px) {
  .inner_banner .wrapper {
    padding-top: 0;
  }

  .inner_h1 {
    --font56: 0.4rem;
    line-height: 1.5;
  }

  .sub_nav {
    flex-shrink: 0;
  }

  .inner_flex {
    gap: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .breadcrumb {
    bottom: 10px;
  }

  .inner_flex {
    flex-wrap: wrap;
  }

  /* .sub_nav {
    width: 100%;
    margin-top: 20px;
  }

  .subnav_list {
    flex-direction: row;
  } */

  .sub_nav {
    right: 5px;
    display: none;
  }

  .subnav_link {
    padding: 2px 10px;
  }
}

/* ==========================================================================
   关于我们
   ========================================================================== */
.inner_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font36);
  font-weight: 500;
  text-align: center;
}

.inner_sub_title {
  margin-top: 0.5rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  text-align: center;
}

.about01 {
  background: url(../images/aboutBg01.png) no-repeat;
  background-size: cover;
  background-position: bottom center;
  /*min-height: 10.11rem;*/
  padding: .8rem 0;
}

.about_list {
  gap: 0.45rem;
  justify-content: center;
  margin: 0.5rem 0;
}

.about_box {
  align-items: center;
  border-radius: 0.16rem;
  gap: 0.1rem;
  padding: 0.3rem 0.5rem;
  transition: all 0.35s;
}

.about_box:hover {
  box-shadow: 0px 0px 10px 0px rgba(232, 115, 41, 1);
}

.about_icon {
  width: 0.8rem;
  flex-shrink: 0;
}

.about_icon img {
  transition: all 1s;
}

.about_box:hover .about_icon img {
  transform: rotateY(360deg);
}

.about_desc {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
}

.about_intro {
  position: relative;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
  max-height: 1.7rem;
  overflow: hidden;
  transition: max-height 1s;
}

.about_intro.expanded {
  max-height: 2500px;
}

.about_intro::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.6rem;
  background: linear-gradient(to bottom, rgba(16, 20, 30, 0), rgba(16, 20, 30, 0.6) 50%);
}

.about_intro.expanded::before {
  display: none;
}

.about_intro p:not(:last-of-type) {
  margin-bottom: 0.1rem;
}

.view_all {
  margin: 0.5rem 0 0;
  min-width: 2.3rem;
  padding: 0.15rem 0.3rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  transition: all 0.35s;
}

.view_all:hover {
  transform: translateY(-10px);
  box-shadow: 0px 0px 10px rgba(232, 115, 41, 1);
}

.about02 {
  background: url(../images/aboutBg02.png) no-repeat;
  background-size: cover;
  background-position: center;
  /*min-height: 9.8rem;*/
  padding: .8rem 1rem 0;
  overflow: hidden;
}

.about_history {
  position: relative;
  min-height: 7rem;
  margin-top: .8rem;
  padding-top: 1.5rem;
}

.history_container {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.history_circle {
  position: relative;
  width: 27rem;
  height: 27rem;
  border-radius: 50%;
  transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.history_circle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(232, 115, 41, 1);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.year {
  position: absolute;
  font-size: 44px;
  font-weight: 300;
  color: rgba(232, 115, 41, 0.5);
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.year-dot {
  width: 15px;
  height: 15px;
  background: rgba(232, 115, 41, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.year.top-year {
  font-weight: 600;
  color: rgba(232, 115, 41, 1);
}

.year.top-year .year-dot {
  background: rgba(232, 115, 41, 1);
}

.historyPc_title {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 700;
  text-align: center;
}

.historyPc_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
  margin: 0.15rem 0 0.6rem;
}

.historyImg_list {
  gap: 0.45rem;
  justify-content: center;
}

.history_img {
  border-radius: 0.16rem;
  overflow: hidden;
}

.thumb_box {
  flex-direction: column;
  cursor: pointer;
}

.thumb_year {
  font-size: var(--font44);
  font-weight: 300;
  color: rgba(232, 115, 41, 0.5);
}

.thumb_dot {
  width: 8px;
  height: 8px;
  background: rgba(232, 115, 41, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.history_swiper .mySwiper4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  background: rgba(232, 115, 41, 0.5);
  width: 100%;
  height: 1px;
  z-index: -1;
}

.history_swiper .mySwiper4 .swiper-button-next:after,
.history_swiper .mySwiper4 .swiper-button-prev:after {
  font-size: var(--font36);
  color: var(--primary);
}

.history_swiper .mySwiper5 {
  margin-top: 20px;
}

.history_swiper .mySwiper4 .swiper-slide-active .thumb_year {
  color: rgba(232, 115, 41, 1);
  font-weight: 600;
}

.history_swiper .mySwiper4 .swiper-slide-active .thumb_dot {
  background: rgba(232, 115, 41, 1);
}

.history_swiper .mySwiper4 .swiper-button-next {
  right: 0;
}

.history_swiper .mySwiper4 .swiper-button-prev {
  left: 0;
}

.history_swiper {
  display: none;
}

@media only screen and (max-width: 960px) {
  .about02 {
    padding: 1rem 20px;
  }
}

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

  .history_list_pc,
  .history_container {
    display: none;
  }

  .about_history {
    padding-top: 0;
  }

  .history_swiper {
    display: block;
  }
}

.about03 {
  background: url(../images/aboutBg03.png) no-repeat;
  background-size: cover;
  background-position: center;
  /*min-height: 9.8rem;*/
  padding: .8rem 0;
}

.about03 .homeNum_list {
  margin: 0.5rem 0 1rem;
}

.honor_list {
  gap: 0.3rem;
  justify-content: center;
}

.honor_box {
  padding: 0.15rem 0.3rem;
  border-radius: 0.16rem;
  background: rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 500;
  transition: all 0.35s;
}

.honor_box:hover {
  transform: translateY(-10px);
}

@media only screen and (max-width: 768px) {
  .about_box {
    padding: 0.1rem 0.2rem;
  }
}

@media only screen and (max-width: 500px) {
  .about_desc {
    --font18: 12px;
  }

  .about_intro {
    max-height: 200px;
  }

  .about_intro::before {
    height: 60px;
  }
}

/* ==========================================================================
   新闻
   ========================================================================== */
.news {
  background: url(../images/innerbg.png) no-repeat top right;
  background-size: cover;
  padding: .8rem 0;
}

.news_navList {
  gap: 0.3rem 0.5rem;
  justify-content: center;
}

.news_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font36);
  font-weight: 400;
  cursor: pointer;
}

.news_link.active {
  font-weight: 700;
  color: rgba(232, 115, 41, 1);
}

.news_update {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
}

.news_update.active {
  color: rgba(232, 115, 41, 1);
  font-weight: 700;
}

.news_heading {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0.35rem;
  margin: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.news_column {
  gap: 0.3rem 0.6rem;
}

.news_scope {
  position: relative;
}

.news_scope::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.36rem;
  width: 100%;
  height: 1px;
  background: rgba(232, 115, 41, 1);
}

.news_search {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  padding: 0 0.1rem;
}

.news_input {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  /*background: url(../ico/search24_w.svg) no-repeat;*/
  background-size: 0.2rem auto;
  background-position: right center;
  padding: 0.05rem 0;
  border-bottom: 1px solid transparent;
  width: 200px;
  background: none;
  border-color: rgba(255, 255, 255, 0.5);
}

.news_input:focus {
  background: none;
  border-color: rgba(255, 255, 255, 0.5);
}

.news_date {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font16);
  font-weight: 400;
  margin-bottom: 0.08rem;
}

.news_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.news_list {
  gap: 0.48rem;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.news_list li {
  width: calc(33.33% - 0.32rem);
}

.news_area {
  padding: 0.3rem 0 0;
}

.news_box .pic {
  border-radius: 0.1rem;
}

.news_box:hover .news_title {
  color: #e87329;
}

@media only screen and (max-width: 500px) {
  .news_list li {
    width: calc(50% - 0.24rem);
  }

  .news_title {
    --font18: 12px;
  }

  .news_search,
  .news_input {
    font-size: 14px;
  }

  .news_scope::before {
    bottom: -5px;
  }

  .news_form {
    width: 100%;
    margin-top: 20px;
  }

  .news_input {
    flex: 1;
    background-size: 12px auto;
  }
}

/* ==========================================================================
     Pagination分页
     ========================================================================== */
#Lb_pager {
  margin: 0.8rem 0 0;
}

.pages {
  justify-content: center;
  gap: 8px;
}

#Lb_pager .pages a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid rgb(190, 190, 190);
  border-radius: 50%;
  transition: all.3s;
}

#Lb_pager .pages a.pgcurrent {
  color: #fff;
  cursor: default;
  background-color: var(--primary);
  border-color: var(--primary);
}

#Lb_pager .pages a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--primary);
  border-color: var(--primary);
}

#Lb_pager .pages .pgempty {
  cursor: not-allowed;
}

@media only screen and (max-width: 1280px) {
  #Lb_pager .pages a {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}

#page_list {
  display: flex;
  justify-content: center;
  margin: 0.4rem 0 0;
}

#page_list .layui-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#page_list .layui-laypage-curr,
#page_list .layui-box a,
#page_list .layui-box .layui-laypage-spr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid rgb(190, 190, 190);
  border-radius: 50%;
  transition: all.3s;
}

#page_list .layui-box a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--primary);
  border-color: var(--primary);
}

#page_list .pages a.layui-laypage-prev,
#page_list .pages a.layui-laypage-next {
  color: #fff;
  cursor: default;
  background-color: var(--primary);
  border-color: var(--primary);
}

#page_list .layui-laypage .layui-laypage-curr .layui-laypage-em {
  border-radius: 50%;
}

@media only screen and (max-width: 1280px) {
  #page_list .layui-box a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
}

/* ==========================================================================
   新闻详情
   ========================================================================== */
.newsdet_flex {
  justify-content: space-between;
}

.nd_left {
  width: calc(100% - 4.8rem);
}

.nd_right {
  width: 3.6rem;
}

.nd_heading {
  padding: 0 0 0.2rem;
  text-align: center;
  border-bottom: 1px solid rgba(229, 232, 239, 1);
}

.nd_title {
  color: #fff;
  font-size: var(--font30);
  font-weight: 400;
}

.nd_date {
  margin-top: 0.05rem;
  color: #fff;
  font-size: var(--font16);
}

.nd_main {
  font-size: var(--font16);
  font-weight: 400;
  color: #fff;
  line-height: 2;
  padding: 0.5rem 0.3rem;
}

.nd_main img {
  margin: 0.4rem 0;
}

.nd_toolbar {
  border-top: 1px solid #e5e8ef;
  padding: 0.3rem 0.2rem;
  align-items: center;
  justify-content: space-between;
}

.tool_left {
  width: calc(100% - 2rem);
}

.tool_right {
  width: 2rem;
  justify-content: flex-end;
}

.tool_toggle {
  color: #fff;
  font-size: var(--font16);
  font-weight: 400;
  line-height: 2;
  align-items: center;
}

.tool_toggle span {
  flex-shrink: 0;
}

.tool_toggle a {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tool_toggle a:hover {
  color: var(--primary);
}

.back_btn {
  min-width: 1.58rem;
  min-height: 0.5rem;
  font-size: var(--font18);
  color: #fff;
  border-radius: 0.05rem;
  background: #e87329;
  transition: all 0.35s;
}

.back_btn:hover {
  color: #fff;
  transform: translateY(-5px);
}

/* ———————————————— 右边列表 ———————————————— */
.gdtj {
  border-radius: 0.08rem;
  background: var(--primary);
  height: 0.7rem;
  color: rgb(255, 255, 255);
  font-size: var(--font24);
  font-weight: 400;
}

.gdtj img {
  margin-right: 0.25rem;
}

.gdtj_list {
  margin: 0.3rem 0.3rem 0;
  border-left: 1px solid rgb(229, 232, 239);
  padding-bottom: 0.5rem;
}

.gdtj_list li {
  margin-bottom: 0.2rem;
}

.gdtj_date {
  color: var(--primary);
  font-size: var(--font16);
  line-height: 2;
  position: relative;
  padding-left: 0.3rem;
}

.gdtj_date::before {
  content: "";
  position: absolute;
  left: -0.03rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.03rem;
  height: 0.16rem;
  background: var(--primary);
}

.gdtj_title {
  color: #fff;
  font-size: var(--font16);
  padding-left: 0.3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.gdtj_box:hover .gdtj_title {
  color: var(--primary);
}

@media only screen and (max-width: 920px) {
  .nd_right {
    display: none;
  }

  .nd_left {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .back_btn {
    font-size: 12px;
  }

  .tool_left {
    width: 100%;
  }

  .tool_right {
    justify-content: left;
    margin-top: 10px;
  }
}

/* ==========================================================================
   遨博学院
   ========================================================================== */
.education01 {
  background: #10141e url(../images/eduBg01.png) no-repeat top center;
  background-size: 100% auto;
  padding: .8rem 0;
  /*min-height: 14.39rem;*/
}

.edu_heading {
  justify-content: space-between;
  align-items: center;
}

.edu_logo {
  width: 4.1rem;
}

.edu_intro {
  width: calc(100% - 4.96rem);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
}

.edu_project {
  margin-top: 0.8rem;
}

.edu_title {
  padding-left: 0.27rem;
  border-left: 0.05rem solid rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.eduject_list {
  gap: 0.3rem;
}

.eduject_list li {
  width: calc(33.33% - 0.2rem);
}

.eduject_box {
  border-radius: 0.16rem;
  border: 1px solid rgba(232, 115, 41, 1);
  background: rgba(0, 0, 0, 0.2);
  padding: .15rem .2rem;
  height: 100%;
  transition: all 0.35s;
}

.eduject_box:hover {
  transform: translateY(-0.08rem);
}

.eduject_h3 {
  font-size: var(--font16);
  font-weight: 600;
  line-height: 2;
  color: #E87329;
}

.eduject_h4 {
  font-size: var(--font16);
  font-weight: 400;
  line-height: 2;
  color: #fff;
}


.educooper_list {
  gap: 0.3rem .4rem;
}

.educooper_list li {
  width: calc(25% - 0.3rem);
}

.educooper_box {
  border: 1px solid rgba(232, 115, 41, 1);
  border-left: 0.05rem solid rgba(232, 115, 41, 1);
  border-radius: 0.16rem;
  backdrop-filter: blur(0.4rem);
  background: rgba(0, 0, 0, 0.01);
  padding: 0.3rem 0.4rem;
  height: 100%;
  transition: all 0.35s;
}

.educooper_box:hover {
  transform: translateY(-10px);
  box-shadow: 0px 0px 10px rgba(232, 115, 41, 1);
}

.educooper_head {
  justify-content: space-between;
  align-items: flex-end;
}

.educooper_num {
  flex-shrink: 0;
  width: 1rem;
}

.educooper_num img {
  width: 100%;
}

.educooper_area {
  margin-top: .2rem;
}

.educooper_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font22);
  font-weight: 500;
}

.educooper_h5 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.8;
}

.education02 {
  background: url(../images/eduBg02.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.training_tab {
  gap: 0.3rem 0.6rem;
  margin: 0.6rem 0 0.2rem;
  justify-content: center;
  align-items: center;
}

.education02 .training_tab {
  margin: 0.3rem 0 0.2rem;
}

.training_item {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  cursor: pointer;
}

.training_item.on {
  color: rgba(232, 115, 41, 1);
  font-weight: 700;
}

.training_item:hover {
  color: rgba(232, 115, 41, 1);
}

.education02 .training_part {
  margin-top: .6rem;
}

.training_box {
  transition: all 0.35s;
}

.training_box:hover {
  transform: translateY(-10px);
}

.training_box .pic {
  border-radius: .1rem;
}

.training_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
  margin-top: 0.15rem;
}

.training_swiper {
  position: relative;
  padding-bottom: .6rem;
}

.training_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background: rgba(232, 115, 41, 0.5);
  opacity: 1;
  margin: 0 0.1rem;
  transition: all 0.35s;
}

.training_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 0.75rem;
  border-radius: 30px;
  background: rgba(232, 115, 41, 1);
}

.course_flex {
  justify-content: space-between;
  align-items: center;
  margin: 0.9rem 0 0;
  gap: 0.2rem;
}

.course_left {
  align-items: center;
  row-gap: 0.3rem;
}

.course_area {
  margin-right: 0.1rem;
}

.course_line {
  width: 1.44rem;
}

.course_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
}

.course_title:first-child {
  margin-bottom: 0.18rem;
}

.course_list {
  width: 9.84rem;
  min-height: 0.6rem;
  background: url(../images/course02.png) no-repeat;
  background-size: 100% 100%;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 0.3rem 0.5rem;
}

.process_name {
  position: relative;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font20);
  font-weight: 400;
  padding-left: 0.6rem;
}

.process_name::before {
  content: attr(data-label);
  color: transparent;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 88.186%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
}

.course_right {
  align-items: center;
}

.course_ewm {
  width: 0.68rem;
  border-radius: 0.06rem;
  overflow: hidden;
}

.course_ewm img {
  width: 100%;
}

.course_more {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 175%;
  margin-left: 0.18rem;
}

.education03 {
  background: url(../images/education03.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.cooperCase_swiper {
  position: relative;
  margin: 0.4rem 0 0;
  padding: 0 1rem;
}

.cooper_prev,
.cooper_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.74rem;
  cursor: pointer;
  z-index: 1;
}

.cooper_prev {
  left: 0;
}

.cooper_next {
  right: 0;
}

.cooper_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  margin-top: 0.2rem;
}

.cooper_box {
  flex-direction: column;
}

.cooper_box .pic {
  border-radius: 0.16rem;
}

.cooperCase_swiper .swiper-slide {
  width: 27vw;
  transition: all .3s;
}

@media only screen and (max-width: 1600px) {
  .cooperCase_swiper .swiper-slide {
    width: 29vw;
  }
}

@media only screen and (max-width: 1024px) {
  .educooper_box {
    padding: 0.15rem 0.25rem;
  }

  .cooperCase_swiper .swiper-slide {
    width: 5rem;
  }
}

@media only screen and (max-width: 920px) {
  .course_ewm {
    width: 65px;
  }
}

@media only screen and (max-width: 768px) {
  .educooper_list li {
    width: calc(50% - 0.2rem);
  }

  .course_list {
    width: auto;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 500px) {
  .edu_intro {
    width: 100%;
    margin-top: 20px;
  }

  .eduject_list li {
    width: 100% !important;
  }

  .educooper_list li {
    width: 100%;
  }

  .education02 {
    padding: 40px 0;
  }

  .course_list {
    row-gap: 20px;
    padding: 20px 0;
  }

  .course_list li {
    width: calc(50% - 30px);
  }

  .cooperCase_swiper .swiper-slide {
    width: 100%;
  }

  .cooperCase_swiper {
    padding: 0;
  }
}

/* ==========================================================================
   服务支持
   ========================================================================== */
.service01 {
  background: url(../images/sbg.webp) no-repeat;
  background-size: contain;
  background-color: #040F21;
  /*min-height: 9.8rem;*/
  padding: .8rem 0;
}

.service01 .inner_sub_title {
  max-width: 1015px;
  margin: 0.2rem auto 0;
}

.ecology_list {
  gap: 0.45rem;
  margin: 0.9rem 0;
}

.ecology_list li {
  width: calc(16.66% - 0.375rem);
}

.ecology_box {
  border-radius: 0.16rem;
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(0.64rem);
  background: rgba(0, 0, 0, 0.01);
  padding: 0.4rem 0.3rem;
  flex-direction: column;
  align-items: center;
}

.ecology_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  margin-top: 0.2rem;
}

.ecology_icon {
  width: 0.8rem;
  transition: all 0.6s;
}

.ecology_box:hover .ecology_icon {
  transform: rotateY(180deg);
}

.service_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  min-width: 2.3rem;
  padding: 0.15rem 0.3rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  transition: all 0.35s;
}

.service_link:hover {
  color: #fff;
  transform: translateY(-10px);
  box-shadow: 0 0 10px rgba(227, 109, 44, 1);
}

.service02 {
  background: url(../images/serBg02.png) no-repeat;
  background-size: cover;
  /*min-height: 11.5rem;*/
  padding: .8rem 0;
}

.partner_main {
  margin: 0.8rem 0;
}

.partner_marquee {
  overflow: hidden;
}

.partner_marquee:first-child {
  margin-bottom: 0.45rem;
}

.tempWrap {
  width: 100% !important;
}

.partner_item {
  width: 2.64rem !important;
  margin-left: 0.45rem;
}

.partner_item .pic {
  background: #fff;
  border-radius: 0.16rem;
}

.ecology_btn {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 768px) {
  .ecology_list li {
    width: calc(33.33% - 0.3rem);
  }
}

/* ==========================================================================
   侧边导航栏
   ========================================================================== */
.template_flex {
  justify-content: space-between;
}

.template_left {
  width: 3.9rem;
}

.template_right {
  width: calc(100% - 4.65rem);
}

.inner_menu {
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.2rem;
  background: var(--primary);
  display: none;
}

.siderbar_title {
  font-weight: 400;
  color: #fff;
  font-size: var(--font24);
}

/* 按钮 */
.menu_toggle {
  position: relative;
  top: auto;
  left: auto;
  cursor: pointer;
  box-sizing: content-box;
  font-size: 20px;
  padding-left: 26px;
  height: 25px;
  display: block;
}

.menu_toggle span {
  width: 25px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
}

.menu_toggle span,
.menu_toggle span::before,
.menu_toggle span::after {
  position: absolute;
  left: 0;
  height: 2px;
  background: #fff;
  transition: all 0.1s ease;
}

.menu_toggle span::before,
.menu_toggle span::after {
  content: "";
  width: 100%;
}

.menu_toggle span::before {
  top: -8px;
}

.menu_toggle span::after {
  bottom: -8px;
}

.menu_toggle.toggle-open span {
  background: transparent;
  transform: rotate(45deg);
}

.menu_toggle.toggle-open span::before {
  transform: translate3d(0, 8px, 0);
}

.menu_toggle.toggle-open span::after {
  transform: rotate(-90deg) translate3d(8px, 0, 0);
}

.menu_toggle:hover span,
.menu_toggle:hover span::before,
.menu_toggle:hover span::after {
  background: #fff;
}

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

  .template_right,
  .template_left {
    width: 100%;
  }

  .inner_menu {
    display: flex;
  }

  .submenu {
    display: none;
    margin-top: 0.1rem;
  }

  .template_right {
    margin-top: 0.3rem;
  }
}

/* 第一级 */
.first_item {
  position: relative;
  padding: 0.25rem 0.45rem;
  border-radius: 0.16rem;
  border: 0px solid transparent;
  background-clip: padding-box;
  margin-bottom: 0.2rem;
  transition: all 0.35s;
}

.first_item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.16rem;
  padding: 1px 0px 1px 0.03rem;
  background: linear-gradient(to right, rgba(232, 115, 41, 1), rgba(232, 115, 41, 0) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.first_item.selected {
  padding: 0.3rem 0.45rem;
  background: rgba(232, 115, 41, 1);
}

.first_item:hover {
  background: rgba(232, 115, 41, 1);
}

.first_item.selected::after {
  display: none;
}

.first_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
}

.first_title:hover {
  color: #fff;
}

/* 第二级 */
.second_menu {
  display: none;
  margin-top: 0.1rem;
}

.second_box {
  align-items: center;
  column-gap: 0.1rem;
}

.second_title {
  color: #fff;
  font-size: var(--font18);
  line-height: 1.8;
  font-weight: 400;
}

.second_title:hover {
  color: #fff;
}

.second_line {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, white, transparent);
  opacity: 0;
  transition: all 0.35s;
}

.second_item.selected .second_line {
  opacity: 1;
}

.second_box:hover .second_line {
  opacity: 1;
}

@media only screen and (max-width: 920px) {
  .first_item::after {
    display: none;
  }

  .first_item {
    padding: 0.1rem 0.2rem;
    border-radius: 0;
    margin-bottom: 0.1rem;
    border-bottom: 1px solid rgba(232, 115, 41, 0.6);
  }

  .first_item.selected {
    padding: 0.1rem 0.2rem;
    background: rgba(232, 115, 41, 1);
  }

  .second_line {
    max-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .second_title {
    --font18: 12px;
  }
}

/* ==========================================================================
   下载中心
   ========================================================================== */
.download {
  background: url(../images/innerbg.png) no-repeat top right;
  background-size: cover;
  padding: .8rem 0;
}

.down_heading {
  justify-content: space-between;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(232, 115, 41, 1);
}

.down_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
}

.down_list li {
  padding: 0.3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.down_box {
  justify-content: space-between;
  gap: 0.1rem;
}

.down_name {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 500;
}

.down_pdf {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-decoration: underline;
  flex-shrink: 0;
}

.down_box:hover .down_name {
  color: var(--primary);
}

.down_flex {
  align-items: center;
}

.down_note {
  font-size: var(--font18);
  color: #999999;
}

@media only screen and (max-width: 1280px) {
  .download {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 920px) {
  .download {
    padding: 0.4rem 0 0.8rem;
  }

  .template_flex {
    min-height: auto;
  }
}

@media only screen and (max-width: 500px) {
  .down_search {
    width: 100%;
    margin-top: 10px;
  }
}

/* ==========================================================================
   产品中心
   ========================================================================== */
.product01 {
  padding: .8rem 0;
  background: url(../images/proBg01.png) no-repeat;
  background-size: cover;
  background-position: center;
  /*min-height: 9.8rem;*/
}

.pro_flex {
  gap: 0.2rem 0.7rem;
  align-items: center;
}

.pro_left {
  width: 3.9rem;
}

.pro_right {
  width: calc(100% - 4.6rem);
}

/* .pro_box {
  border-radius: 0.16rem;
  backdrop-filter: blur(0.5rem);
  background: rgba(0, 0, 0, 0.01);
  padding: 0.5rem 0.45rem;
} */

.pro_msg {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.75;
  margin: .2rem 0 .5rem;
}

.pro_sign {
  width: 0.98rem;
}

.pro_sign img {
  width: 100%;
}

.pro_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 600;
}

.use_list {
  gap: 0.15rem;
}

.use_list li {
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font14);
  font-weight: 400;
  padding: 0.04rem 0.12rem;
}

.charac_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 600;
  position: relative;
  padding: 0.45rem 0;
}

.charac_h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.225rem;
  width: 1.77rem;
  height: 1px;
  background: linear-gradient(to right, rgba(232, 115, 41, 1), transparent);
}

.charac_list {
  gap: 0.3rem 0.35rem;
  margin-top: 0.2rem;
}

.charac_box {
  min-width: 0.96rem;
  align-items: center;
  flex-direction: column;
}

.pro_h5 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  text-align: center;
}

.pro_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  padding: 0.08rem 0.2rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  min-width: 1.46rem;
  column-gap: 0.12rem;
  transition: all 0.35s;
}

.pro_link:hover {
  color: #fff;
  box-shadow: 0 0 0.1rem rgba(232, 115, 41, 0.5);
  transform: translateY(-0.1rem);
}

.pro_icon {
  width: 0.3rem;
  margin-bottom: 0.05rem;
}

.pro_icon img {
  width: 100%;
}

.pro_more {
  margin-top: 0.45rem;
}

.pro_right .prodet_list2 {
  margin-top: 1rem;
  position: relative;
}

.pro_right .prodet_list2::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.5rem;
  width: 1.77rem;
  height: 1px;
  background: linear-gradient(to right, rgba(232, 115, 41, 1), transparent);
}

.pro_right .prodet_list2 .prodet_h4 {
  color: rgba(232, 115, 41, 1);
}


.product02 {
  padding: 1.5rem 0 0.4rem;
  background: url(../images/proBg02.png) no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 9.8rem;
}

.flagship_swiper {
  position: relative;
  margin: 0.5rem 1rem 0;
  padding: 0 1.45rem;
}

.flagship_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 600;
  text-align: center;
}

.product03 {
  padding: 1.5rem 0 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 9.8rem;
  position: relative;
  z-index: 1;
}

.product03::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(16, 20, 30, 1) 1.266%, rgba(16, 20, 30, 0.9) 27.519%, rgba(16, 20, 30, 0.6) 62.599%, rgba(16, 20, 30, 0.85) 100%);
  z-index: -1;
}

.scene_list {
  justify-content: center;
  gap: 0.35rem;
  margin: 0.5rem 0 3.5rem;
  position: relative;
  z-index: 1;
}

.scene_select .layui-input {
  background: transparent;
  border: 1px solid rgba(232, 115, 41, 1);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  min-width: 3.58rem;
  height: 0.66rem;
  padding: 0 0.45rem;
}

.scene_select .layui-form-select .layui-edge {
  right: 0.35rem;
}

.scene_select .layui-form-select dl {
  top: 0.7rem;
  border-radius: 0.16rem;
}

.scene_select .layui-form-selectup dl {
  top: auto;
  bottom: 0.7rem;
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: #e87329 !important;
  box-shadow: 0 0 0 3px rgba(232, 115, 41, 0.08);
}

.layui-form-select dl dd.layui-this {
  color: #e87329;
}

.scene_swiper {
  margin: 0 2rem;
  padding: 0 1rem;
  position: relative;
}

.scene_box {
  flex-direction: column;
}

.scene_cn {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font42);
  font-weight: 600;
  text-align: center;
}

.scene_en {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font20);
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}

.scene_swiper .swiper-slide {
  filter: blur(0.04rem);
}

.scene_swiper .swiper-slide-active {
  filter: blur(0);
}

.scene_line {
  width: 100%;
  width: 1.75rem;
  height: 0.05rem;
  border-radius: 0.16rem;
  background: rgba(232, 115, 41, 0);
}

.scene_swiper .swiper-slide-active .scene_en {
  margin-bottom: 0.2rem;
}

.scene_swiper .swiper-slide-active .scene_line {
  background: rgba(232, 115, 41, 1);
}

.scene_swiper .swiper-wrapper {
  align-items: center;
}

@media only screen and (max-width: 1280px) {
  .scene_cn {
    --font42: 0.36rem;
  }
}

@media only screen and (max-width: 920px) {
  .pro_left {
    width: 100%;
  }

  .product01 {
    padding: 0.5rem 0;
  }

  .pro_right {
    width: 50%;
  }

  .flagship_title {
    margin-top: 0.2rem;
  }

  .flagship_swiper {
    padding: 0 1rem;
    margin: 1rem 0 0;
  }

  .scene_swiper {
    margin: 0;
  }
}

@media only screen and (max-width: 500px) {
  .pro_right {
    width: 100%;
  }

  .scene_list {
    margin: 0.5rem 0 1rem;
  }

  .pro_icon {
    width: 30px;
  }
}

/* ==========================================================================
   产品中心2 产品列表
   ========================================================================== */
.sub_product {
  background: url(../images/proList.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: .8rem 0;
}

.subPro_h3 {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font56);
  font-weight: 600;
}

.subPro_flex {
  justify-content: space-between;
}

.subPro_left {
  width: 3.9rem;
}

.subPro_right {
  width: calc(100% - 4.35rem);
}

.subPro_column .use_list {
  margin: 0.2rem 0 1.2rem;
}

.subPro_box .pic {
  z-index: 1;
  max-width: 360px;
  margin: 0 auto;
}

.subPro_area {
  position: relative;
  padding: 0.6rem 0 0.6rem 0.5rem;
  border-radius: 0.16rem;
  border: 0px solid transparent;
  background-clip: padding-box;
  margin-top: -0.65rem;
}

.subPro_area::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.16rem;
  padding: 1px 0px 1px 1px;
  background: linear-gradient(to right, rgba(232, 115, 41, 1), rgba(232, 115, 41, 0) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.subPro_name {
  position: relative;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 600;
}

.subPro_name::before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/rectangle.png) no-repeat;
  width: 0.26rem;
  height: 0.84rem;
  background-size: 0.26rem auto;
}

.subPro_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
  margin: 0.3rem 0;
  overflow: auto;
  height: calc(var(--font18) * 7);
}

.subPro_info::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}

.subPro_info::-webkit-scrollbar-track {
  display: none;
}

.subPro_info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}

.subPro_more {
  display: inline-block;
  padding: 0.08rem 0.35rem;
  min-width: 1.42rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  transition: all 0.35s;
}

.subPro_more:hover {
  box-shadow: 0 0 10px rgba(232, 115, 41, 0.5);
  transform: translateY(-0.05rem);
}

.pro_list {
  gap: 0.45rem;
}

.pro_list li {
  width: calc(33.33% - 0.3rem);
}

@media only screen and (max-width: 1560px) {
  .subPro_area {
    margin-top: -0.4rem;
  }
}

@media only screen and (max-width: 768px) {
  .pro_list li {
    width: calc(50% - 0.225rem);
  }
}

@media only screen and (max-width: 500px) {
  .sub_product {
    padding: 40px 0 80px;
  }

  .subPro_left {
    width: 100%;
  }

  .subPro_right {
    width: 100%;
    margin-top: 20px;
  }

  .subPro_more,
  .subPro_info {
    --font18: 12px;
  }

  .subPro_column .use_list {
    margin: 0.2rem 0;
  }
}

/* ==========================================================================
   行业应用
   ========================================================================== */
.apply01 {
  background: url(../images/appBg01.png) no-repeat center;
  background-size: cover;
  padding: 1rem 0;
  /* min-height: 9.8rem; */
}

.apply_flex {
  justify-content: space-between;
}

.apply_left {
  width: 3.9rem;
}

.apply_right {
  width: calc(100% - 4.25rem);
}

.apply_part {
  animation: floatVertical 2.5s ease-in-out infinite;
  display: inline-block;
  will-change: transform;
}

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

@keyframes floatVertical {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0px);
  }
}

.apply_img {
  position: relative;
}

.apply_img img {
  width: 100%;
}

.industry_link {
  position: absolute;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-radius: 100px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 1);
  padding: 0.08rem 0.22rem;
  transition: all 0.3s;
  cursor: pointer;
}

.industry_link:hover {
  background: rgba(232, 115, 41, 1);
  color: #fff;
}

.apply_item {
  position: relative;
  padding: 0.2rem 0.45rem;
  border-radius: 0.16rem;
  border: 0px solid transparent;
  background-clip: padding-box;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.65s;
}

.apply_item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.16rem;
  padding: 1px 0px 1px 0.03rem;
  background: linear-gradient(to right, rgba(232, 115, 41, 1), rgba(232, 115, 41, 0) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.apply_item:not(:last-of-type) {
  margin-bottom: 0.2rem;
}

.apply_item.selected {
  background: rgba(232, 115, 41, 1);
}

.apply_item:hover {
  background: rgba(232, 115, 41, 0.5);
}

.apply_item.selected::before {
  display: none;
}

.apply02 {
  background: url(../images/appBg02.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
  /* min-height: 9.8rem; */
}

.apply03 {
  background: url(../images/appBg03.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0 0.8rem;
  /*min-height: 9.8rem;*/
}

.apply03 .scene_list {
  margin: 0.5rem 0 0.4rem;
}

@media only screen and (max-width: 920px) {
  .apply_left {
    width: 100%;
  }

  .apply_right {
    width: 100%;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .apply01 {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 500px) {
  .industry_link {
    --font18: 12px;
    padding: 3px 10px;
    /* position: static; */
  }

  .industry_list {
    gap: 10px;
  }
}

/* ==========================================================================
   行业应用
   ========================================================================== */
.applyArea01 {
  background: url(../images/areaBg.png) no-repeat;
  background-size: cover;
  padding: .8rem 0;
}

.applyVideo_flex {
  justify-content: space-between;
  align-items: center;
}

.applyArea_heading {
  width: calc(31% - 1.3rem);
}

.apply_video {
  width: 69%;
}

.applyArea_title {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font48);
  font-weight: 600;
}

.applyArea_msg {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  line-height: 1.75;
  /*max-width: 10.25rem;*/
  margin-top: .2rem;
}

.apply_video {
  /* height: 42.3958vw; */
  /* margin: 0.8rem 0; */
  position: relative;
  overflow: hidden;
  border-radius: 0.16rem;
}

#videoPlayer {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.apply_video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out;
  display: none;
}

#playBtn {
  backface-visibility: hidden;
  background: url(../images/play.png) no-repeat;
  background-size: 1rem auto;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: scale(2);
  transition: all 0.25s ease-out;
  cursor: pointer;
}

/* .apply_video:hover::before {
  background: rgba(0, 0, 0, 0.5);
} */

.apply_video:hover #playBtn {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}

.applyArea_list {
  gap: 0.6rem 0.45rem;
}

.applyArea_list li {
  width: calc(25% - 0.3375rem);
}

.applyArea02 {
  background: url(../images/areaBg02.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.applyArea_h3 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font36);
  font-weight: 700;
}

.applyArea_flex {
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem 0.35rem;
}

.applyArea_part {
  gap: 0.35rem;
  justify-content: center;
}

.applyArea_part .scene_list {
  margin: 0;
}

.applyArea_btn {
  min-width: 1.64rem;
  height: 0.66rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  transition: all 0.35s;
}

.applyArea_btn:hover {
  transform: translateY(-5px);
}

@media only screen and (max-width: 920px) {
  .applyArea_list li {
    width: calc(33.33% - 0.3rem);
  }
}

@media only screen and (max-width: 768px) {
  .applyArea01 {
    padding: 0.8rem 0;
  }

  .applyArea02 {
    padding: 0.8rem 0;
  }
}

@media only screen and (max-width: 500px) {
  .applyArea_list li {
    width: calc(50% - 0.225rem);
  }
}

/* ==========================================================================
   产品详情
   ========================================================================== */
.prodet_list {
  gap: 0.2rem;
}

.prodet_list li {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 100px;
  padding: 0.05rem 0.15rem;
}

.prodet_list li:first-child {
  border-color: rgba(232, 115, 41, 1);
  background: rgba(232, 115, 41, 1);
}

.prodet_list2 {
  gap: 0.35rem;
  margin-top: 0.35rem;
}

.prodet_list2 li {
  transition: all 0.35s;
}

.prodet_list2 li:hover {
  transform: translateY(-10px);
}

.prodet_box {
  border-radius: 0.16rem;
  backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0.01);
  padding: 0.2rem 0.3rem;
}

.prodet_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  margin-bottom: 0.1rem;
}

.prodet_h3 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font26);
  font-weight: 600;
}

.prodet01 {
  background: linear-gradient(180deg, rgba(23, 27, 34, 1) 0%, rgba(37, 42, 51, 1) 100%);
  padding: .8rem 0;
}

.prodet_menu {
  justify-content: center;
  margin: 0.35rem 0 0;
  gap: 0.25rem;
}

.prodet_menu_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 100px;
  padding: 0.08rem 0.2rem;
  min-width: 1.85rem;
  transition: all 0.3s;
}

.prodet_menu_link:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.prodet02 {
  background: url(../images/prodetBg02.png) no-repeat;
  background-size: cover;
  padding: .5rem 0;
}

.param_tab {
  margin: 0.35rem 0 0.8rem;
  gap: 0.2rem;
  justify-content: center;
}

.param_item {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 0);
  min-width: 1.85rem;
  padding: 0.08rem 0.2rem;
  transition: all 0.3s;
  text-align: center;
  cursor: pointer;
}

.param_item.selected {
  background: rgba(232, 115, 41, 1);
}

.param_left {
  width: 45.36%;
}

.param_left .pic {
  border-radius: 0.16rem;
}

.param_right {
  width: 54.64%;
}

.param_table {
  padding: 0 0.45rem;
  overflow: auto;
  max-height: 24vw;
}

.param_table::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background-color: transparent;
}

.param_table::-webkit-scrollbar-track {
  display: none;
}

.param_table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}

.param_table table thead {
  border-top: 0.03rem solid rgba(232, 115, 41, 0.3);
}

.param_table table td,
.param_table table th {
  text-align: left;
  padding: 0.15rem 0.3rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-bottom: 1px solid rgba(232, 115, 41, 0.3);
  width: 50%;
}

.param_table table th {
  color: rgba(232, 115, 41, 1);
}


.param_table_details {
  padding: 0 0.45rem;
  overflow: auto;
  margin: auto;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
}

.param_table_details::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background-color: transparent;
}

.param_table_details::-webkit-scrollbar-track {
  display: none;
}

.param_table_details::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}

.param_table_details table thead {
  border-top: 0.03rem solid rgba(232, 115, 41, 0.3);
}

.param_table_details table td,
.param_table_details table th {
  text-align: left;
  padding: 0.15rem 0.3rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-bottom: 1px solid rgba(232, 115, 41, 0.3);
}

.param_table_details table th {
  color: rgba(232, 115, 41, 1);
}

.prodet03 {
  padding: .5rem 0 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  position: relative;
  z-index: 1;
}

.prodet03::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(16, 20, 30, 1) 1.266%, rgba(16, 20, 30, 0.9) 27.519%, rgba(16, 20, 30, 0.6) 62.599%, rgba(16, 20, 30, 0.85) 100%);
  z-index: -1;
}

.prodet04 {
  background: url(../images/appBg02.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;

}

.prodet05 {
  padding: .8rem 0 0.8rem;
  background: url(../images/prodetBg05.png) no-repeat;
  background-position: center;
  background-size: cover;

}

.prodet05 .flagship_swiper {
  margin: 0.4rem 1rem 0;
}

.prodet06 {
  background: url(../images/prodetBg06.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;

}

.red {
  color: rgba(255, 77, 79, 1);
}

.proForm_list {
  gap: 0.25rem 0.45rem;
}

.proForm_list li {
  width: calc(33.33% - 0.3rem);
}

/*
.proForm_list li:nth-child(2) {
  width: calc(66.66% - 0.15rem);
}
*/
.proForm_list li:last-child {
  width: 100%;
}

.proForm_label {
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font18);
  font-weight: 400;
  margin-bottom: 0.06rem;
}

.proForm_btn {
  margin-top: 0.45rem;
}

.proForm_submit {
  min-width: 1.64rem;
  height: 0.66rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  transition: all 0.35s;
}

.proForm_submit:hover {
  transform: translateY(-5px);
}

.prodet_form {
  margin-top: 0.8rem;
}

.proForm_box .layui-textarea,
.proForm_box .layui-input {
  background: rgba(16, 31, 55, 1);
  border-radius: .16rem;
  border-color: transparent;
  color: #fff;
}

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

@media only screen and (max-width: 920px) {
  .prodet05 .flagship_swiper {
    margin: 1rem 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .proForm_label {
    --font18: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .param_left {
    width: 100%;
  }

  .param_right {
    width: 100%;
    margin-top: 20px;
  }

  .param_table {
    max-height: 100%;
    padding: 0;
  }

  .param_table_details {
    max-height: 100%;
    padding: 0;
  }

  .proForm_list li {
    width: 100% !important;
  }
}

/* ==========================================================================
   联系我们
   ========================================================================== */
.contact {
  background: #040f21 url(../images/innerBg2.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.contact_flex {
  justify-content: space-between;
  padding: .8rem 0;
}

.contact_left {
  width: 48.81%;
}

.contact_right {
  width: calc(51.19% - 0.45rem);
  padding: 0.3rem 0.5rem;
}

.contact_list {
  gap: 0.45rem;
}

.contact_list li {
  width: calc(50% - 0.225rem);
}

.contact_list li:nth-child(3),
.contact_list li:nth-child(4) {
  width: 100%;
}

.contact_box {
  padding: 0.3rem 0;
  align-items: center;
  gap: 0.3rem;
}

.contact_icon {
  flex-shrink: 0;
  width: 0.8rem;
}

.contact_h5 {
  font-size: var(--font18);
  color: #fff;
}

.contact_h4 {
  font-size: var(--font24);
  color: #fff;
  margin-top: 0.1rem;
}

.contact_h6 {
  font-size: var(--font16);
  color: #fff;
  margin-top: 0.05rem;
}

.contact_tab {
  position: relative;
  padding: 0 0 0 1.1rem;
}

.contact_tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/contact05.svg) no-repeat;
  background-size: 0.8rem auto;
  width: 0.8rem;
  height: 0.8rem;
}

.contact_tab {
  gap: 0.3rem;
}

.contact_item {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  line-height: 1.75;
  font-weight: 400;
  cursor: pointer;
}

.contact_item:hover {
  color: rgba(232, 115, 41, 1);
}

.contact_item.selected {
  color: rgba(232, 115, 41, 1);
}

.map_main {
  margin-top: 0.1rem;
}

.map_box {
  margin-top: 0.3rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.map_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  line-height: 1.75;
  font-weight: 400;
  padding-left: 1.1rem;
}

.contact_us {
  padding-bottom: 1.5rem;
}

.contact_form {
  margin-top: 0.5rem;
}

.form_list {
  gap: 0.25rem 0.6rem;
}

.form_list li {
  width: calc(33.33% - 0.4rem);
}

.form_list2 {
  gap: 0.25rem 0.6rem;
  margin: 0.25rem 0;
}

.form_list2 li {
  width: calc(25% - 0.45rem);
}

.form_label {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}

.form_btn {
  margin-top: 0.6rem;
}

.form_box .layui-textarea,
.form_box .layui-input {
  background: rgba(16, 31, 55, 1);
  border-radius: .16rem;
  border-color: transparent;
  color: #fff;
}

@media only screen and (max-width: 1600px) {
  .contact_box {
    padding: 0.3rem 0;
    gap: 0.2rem;
  }

  .contact_right {
    width: calc(51.19% - 0.45rem);
    padding: 0.3rem 0;
  }
}

@media only screen and (max-width: 1280px) {
  .form_label {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .contact_left {
    width: 100%;
  }

  .contact_right {
    width: 100%;
  }

  .contact_list {
    gap: 0 0.2rem;
  }

  .contact_flex {
    padding: 0.8rem 0;
  }

  .form_list2 li {
    width: calc(50% - 0.3rem);
  }
}

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

  .form_list2 li,
  .form_list li {
    width: 100%;
  }
}

/* ==========================================================================
   招贤纳士
   ========================================================================== */
.career {
  background: #040f21 url(../images/innerBg3.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.benefit {
  padding: .8rem 0;
}

.benefit_list {
  gap: 0.45rem;
  margin: 0.5rem 0;
}

.benefit_list li {
  width: calc(33.33% - 0.3rem);
  transition: all 0.35s;
}

.benefit_list li:hover {
  box-shadow: 0px 0px 10px rgba(232, 115, 41, 1);
  transform: translateY(-10px);
}

.benefit_box {
  gap: 0.3rem;
  align-items: center;
  border-radius: 0.16rem;
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(0.64rem);
  background: rgba(0, 0, 0, 0.01);
  padding: 0.3rem 0.5rem;
  height: 100%;
}

.benefit_icon {
  width: 0.8rem;
  flex-shrink: 0;
}

.benefit_icon img {
  transition: all 1s;
}

.benefit_box:hover .benefit_icon img {
  transform: rotateY(360deg);
}

.benefit_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
}

.mailbox_link {
  padding: 0.15rem 0.35rem;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
}

.environment {
  padding-bottom: 1.5rem;
}

@media only screen and (max-width: 1600px) {
  .benefit_box {
    padding: 0.2rem;
  }
}

@media only screen and (max-width: 1280px) {
  .benefit {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 500px) {
  .benefit_list li {
    width: 100%;
  }
}

/* ==========================================================================
   售后服务
   ========================================================================== */
.after_sale01 {
  background: #040f21 url(../images/after01.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding: .8rem 0;
}

.afterSale_intro {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  line-height: 1.75;
}

.afterSale_list {
  gap: 0.45rem;
  margin: 0.8rem 0 1.4rem;
}

.afterSale_list li {
  width: calc(25% - 0.3375rem);
}

.afterSale_box {
  height: 100%;
  border-radius: 0.16rem;
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(0.64rem);
  background: rgba(0, 0, 0, 0.01);
  column-gap: 0.3rem;
  padding: 0.3rem 0.3rem;
  transition: all 0.3s;
}

.afterSale_box:hover {
  box-shadow: 0px 0px 10px 0px rgba(232, 115, 41, 1);
}

.afterSale_icon {
  width: 0.8rem;
  flex-shrink: 0;
}

.afterSale_icon img {
  width: 80%;
  transition: all 1s;
}

.afterSale_box:hover .afterSale_icon img {
  transform: rotateY(360deg);
}

.afterSale_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font20);
  font-weight: 600;
}

.afterSale_h5 {
  margin-top: 0.09rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.75;
}

.after_list {
  gap: 0.45rem;
  margin-top: 0.5rem;
}

.after_list li {
  width: calc(21% - 0.3375rem);
  transition: all 0.35s;
}

.after_list li:first-child {
  width: calc(37% - 0.3375rem);
}

.after_list li:hover {
  transform: translateY(-0.1rem);
}

.after_box {
  border-radius: 0.16rem;
  background: linear-gradient(180deg, rgba(49, 63, 86, 1) 0%, rgba(26, 40, 61, 1) 100%);
  padding: 0.5rem 0.2rem;
  height: 100%;
}

.after_h6 {
  text-align: center;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 500;
}

.after_h3 {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-size: 0.52rem;
  font-weight: 700;
}

.after_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 500;
  align-items: center;
  gap: 0.12rem;
  margin-top: 0.2rem;
}

.after_sale02 {
  background: url(../images/after02.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.consult_list {
  gap: 0.3rem 0.45rem;
  justify-content: center;
  margin: 0.8rem 0 0;
}

.consult_btn {
  min-width: 2.3rem;
  padding: 0.15rem 0.3rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
  line-height: 175%;
  text-align: center;
  transition: all 0.35s;
}

.consult_btn:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 10px rgba(227, 109, 44, 1);
}

@media only screen and (max-width: 1280px) {
  .after_h3 {
    font-size: var(--font42);
  }
}

@media only screen and (max-width: 768px) {
  .afterSale_list li {
    width: calc(50% - 0.225rem);
  }
}

@media only screen and (max-width: 500px) {
  .afterSale_list li {
    width: 100%;
  }

  .after_list li {
    width: 100% !important;
  }

  .after_sale01 {
    background-position: center;
    background-size: cover;
    padding: 1rem 0;
  }
}

/* ==========================================================================
   查找经销商
   ========================================================================== */
.shop_banner {
  min-height: 7.56rem;
  height: 7.56rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.shop_banner .wrapper {
  padding-top: 1rem;
  height: 100%;
  align-items: center;
  position: relative;
}

.shop_banner .inner_flex {
  gap: .3rem;
}

.dealer_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font56);
  line-height: 1;
  font-weight: 700;
}

.dealer_info {
  margin: 0.25rem 0;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
}

.dealer_h3 {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 600;
  line-height: 1.75;
}

.dealer_flex {
  width: 7.7rem;
  padding: 0 0.3rem;
  background: #fff;
  overflow: hidden;
  border-radius: 100px;
  justify-content: space-between;
}

.dealer_input {
  flex: 1;
  padding: 0 0.1rem;
  font-size: var(--font18);
}

.dealer_submit {
  flex-shrink: 0;
  width: 0.48rem;
  height: 0.48rem;
  background: url(../images/shop01.svg) no-repeat center;
  background-size: 60% auto;
}

.dealer {
  background: #232831 url(../images/grey.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding: .8rem 0;
}

.dealer_list {
  gap: 0.45rem;
  margin: 0.8rem 0 0;
}

.dealer_list li {
  width: calc(50% - 0.225rem);
}

.dealer_box {
  border: 1px solid rgba(232, 115, 41, 1);
  border-radius: 0.16rem;
  height: 100%;
  padding: 0.3rem 0.45rem;
  column-gap: 0.3rem;
  align-items: center;
}

.dealer_icon {
  width: 0.8rem;
  flex-shrink: 0;
}

.dealer_h5 {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 500;
  line-height: 1.75;
}

.dealer_h4 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font32);
  font-weight: 700;
}

@media only screen and (max-width: 920px) {
  .shop_banner .wrapper {
    padding-top: 0;
  }

  .dealer_flex {
    width: 6rem;
  }

  .shop_banner .inner_flex {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .dealer_submit {
    width: 32px;
    height: 32px;
  }

  .dealer {
    padding: 1rem 0;
  }

  .dealer_h4 {
    font-size: var(--font26);
  }
}

@media only screen and (max-width: 500px) {
  .dealer_right {
    margin: 20px 0 0;
    padding: 0 0 40px;
  }

  .dealer_flex {
    width: 100%;
  }

  .dealer_list li {
    width: 100%;
  }

  .dealer_info {
    --font18: 12px;
  }
}

/* ==========================================================================
   遨博生态列表
   ========================================================================== */
.ecology {
  background: #232831 url(../images/grey.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding: .8rem 0;
}

.ecology_intro {
  margin: 0 auto;
  max-width: 12rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
}

.ecology_nav {
  margin: 0.4rem 0;
  justify-content: center;
  gap: 0.3rem 0.5rem;
}

.ecology_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 400;
}

.ecology_link.active {
  color: rgba(232, 115, 41, 1);
  font-weight: 700;
}

.ecology_main {
  padding: 0.8rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.ecology_list2 {
  gap: 0.3rem 0.45rem;
  margin-bottom: 0.8rem;
}

.ecology_list2 li {
  width: calc(50% - 0.225rem);
}

.ecology_box2 .pic {
  border-radius: 0.1rem;
}

.ecology_cover {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.18rem 0.3rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.ecology_list3 {
  gap: 0.45rem;
}

.ecology_list3 li {
  width: calc(20% - 0.36rem);
}

.ecology_name {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  margin-top: 0.1rem;
}

.ecology_box3:hover .ecology_name {
  color: var(--primary);
}

@media only screen and (max-width: 768px) {
  .ecology_list3 li {
    width: calc(25% - 0.3375rem);
  }

  .ecology {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 500px) {
  .ecology_list2 li {
    width: 100%;
  }

  .ecology_list3 li {
    width: calc(50% - 0.225rem);
  }
}

/* ==========================================================================
   FAQ
   ========================================================================== */
.faq {
  background: #232831 url(../images/grey.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding: .8rem 0;
}

.faq .ecology_nav {
  margin: 0 0 0.4rem;
}

.faq_box {
  border: 1px solid rgba(232, 115, 41, 1);
  border-radius: 0.1rem;
  overflow: hidden;
}

.faq_ques {
  background: rgba(232, 115, 41, 1);
  padding: 0.15rem 0.25rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font20);
  font-weight: 400;
}

.faq_ques i {
  margin-right: 0.1rem;
}

.faq_answer {
  padding: 0.25rem 0.6rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 175%;
}

.faq_list li:not(:last-of-type) {
  margin-bottom: 0.35rem;
}

@media only screen and (max-width: 768px) {
  .faq {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 500px) {
  .faq_answer {
    padding: 0.25rem;
  }
}

.service_form {
  justify-content: center;
  margin-bottom: .4rem;
}

.service_post {
  overflow: hidden;
  border-radius: .08rem;
  background: #fff;
}

.service_input {
  width: 5rem;
  font-size: var(--font18);
  padding: 0 .1rem;
}

.service_search {
  width: .4rem;
  height: .4rem;
  background: url(../ico/search24_b.svg) no-repeat center;
  background-size: 24px auto;
}

@media only screen and (max-width:960px) {
  .service_search {
    background-size: 18px auto;
  }
}

@media only screen and (max-width: 500px) {
  .service_search {
    background-size: 16px auto;
  }
}

/* ==========================================================================
   培训视频
   ========================================================================== */
.ecology_nav li,
.news_navList li {
  cursor: pointer;
  position: relative;
}

.ecology_nav li>a:after,
.news_navList li>a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02rem;
  left: 0;
  bottom: -0.1rem;
  background: var(--primary);
  transform: scale(0);
  transition: 0.35s all;
}

.ecology_nav>li:hover>a:after,
.ecology_nav>li>a.active:after,
.news_navList>li:hover>a:after,
.news_navList>li>a.active:after {
  transform: scale(1);
}

.video_list {
  gap: 0.3rem 0.45rem;
  margin: 0.8rem 0 0;
}

.video_list li {
  width: calc(25% - 0.3375rem);
}

.video_list .ico {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.25rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 0;
  transform: scale(2);
  transition: all 0.25s ease-out;
}

.video_list .news_box:hover .ico {
  opacity: 1;
  transform: scale(1);
}

@media only screen and (max-width: 920px) {
  .video_list li {
    width: calc(33.33% - 0.3rem);
  }
}

@media only screen and (max-width: 500px) {
  .video_list li {
    width: calc(50% - 0.225rem);
  }
}


.product04 {
  background: url(../images/appBg02.png) no-repeat center;
  background-size: cover;
  padding: 0.8rem 0;
  /*min-height: 9.8rem;*/
}

.case_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: .64rem;
}

.case_play img {
  transition: all .35s;
}

.case_play:hover img {
  transform: scale(1.2);
}

@media only screen and (max-width: 768px) {
  .product04 {
    padding: 1rem 0;
  }
}






/* ==========================================================================
   改造
   ========================================================================== */
.subPro_left {
  width: 2.75rem;
}

.subPro_right {
  width: calc(100% - 3.6rem);
}

.subPro_intro {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font14);
  font-weight: 400;
  line-height: 175%;
}

.subPro_column .use_list {
  margin: .2rem 0;
}

.subPro_column .charac_h4 {
  padding: .45rem 0 .45rem;
}

.parameter {
  padding: .35rem;
  border-radius: .16rem;
  background: rgba(255, 255, 255, 1);
}

.para_tab {
  gap: .3rem .36rem;
}

.para_item {
  width: calc(25% - .27rem);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  color: rgba(153, 153, 153, 1);
  font-size: var(--font18);
  font-weight: 400;
  padding: .08rem .2rem;
  text-align: center;
  cursor: pointer;
  transition: all .3s;
}

.para_item:hover,
.para_item.selected {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(232, 115, 41, 1);
  background: rgba(232, 115, 41, 1);
}

.para_main {
  margin-top: .1rem;
}

.para_main .pic {
  margin: 5px 0;
  max-height: 2.3rem;
}

.model_swiper {
  padding-left: 1.45rem;
}

.para_top {
  position: relative;
}

.para_next,
.para_prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .48rem;
  height: .48rem;
  background-size: .48rem auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 10;
  transition: all .3s;
}

.para_next {
  background-image: url(../images/proPlay02.png);
  right: -0.24rem;
}

.para_next:hover {
  background-image: url(../images/proPlay02_next.png);
}

.para_prev {
  background-image: url(../images/proPlay01.png);
  left: -0.24rem;
}

.para_prev:hover {
  background-image: url(../images/proPlay01_prev.png);
}

.para_left {
  width: 1.45rem;
  position: relative;
}

.para_right {
  width: calc(100% - 1.45rem);
}

.para_list li {
  padding: .1rem .15rem;
  color: rgba(51, 51, 51, 1);
  font-size: var(--font14);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: .42rem;
}

.para_list li:first-child {
  background: rgba(232, 115, 41, 1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 600;
  position: relative;
}

.para_left .para_list li:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: .25rem;
  height: 100%;
  background: linear-gradient(90.00deg, rgba(174, 90, 37, 1) 0%, rgba(232, 115, 41, 1) 100%);
}

.para_list_li {
  font-weight: 600 !important;
  color: rgb(232 115 41) !important;
}

.para_list li:not(:first-of-type) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.para_right .para_list li {
  text-align: center;
}

@media only screen and (max-width: 920px) {
  .para_item {
    width: calc(50% - .18rem);
  }
}

@media only screen and (max-width: 500px) {
  .subPro_left {
    width: 100%;
  }

  .subPro_right {
    width: 100%;
  }

  .para_left {
    width: 2.5rem;
  }

  .para_right {
    width: calc(100% - 2.5rem);
  }

  .para_list li {
    height: 29px;
  }

  .model_swiper {
    padding-left: 2.5rem;
  }
}










/* ==========================================================================
   产教研
   ========================================================================== */
.education04 {
  background: url(../images/education04.png) no-repeat center;
  background-size: cover;
  padding: 0.8rem 0;
}

.solution_swiper {
  margin-top: .4rem;
  position: relative;
  padding-bottom: .4rem;
}

.solve_box .pic {
  border-radius: .16rem;
}

.solve_title {
  margin-top: .15rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  text-align: center;
}

.edu_page .swiper-pagination-bullets .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  border-radius: 50%;
  background: rgba(232, 115, 41, .5);
  opacity: 1;
  margin: 0 .1rem;
  transition: all .35s;
}

.edu_page .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: .75rem;
  border-radius: 30px;
  background: rgba(232, 115, 41, 1);
}

.education05 {
  background: url(../images/education05.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.education05 .inner_sub_title {
  font-size: var(--font18);
}

.education06 {
  background: url(../images/education06.png) no-repeat center;
  background-size: cover;
  padding: .8rem 0;
}

.base_page {
  padding: .5rem;
}

.base_h1 {
  font-size: var(--font36);
  font-weight: 600;
  margin-bottom: .3rem;
  padding-bottom: .1rem;
  text-align: center;
  border-bottom: 1px solid rgb(48 47 47 / 10%);
}

.base_con {
  font-size: var(--font18);
  line-height: 2;
}

.base_con img {
  border-radius: .05rem;
  margin-bottom: .1rem;
  margin-top: .1rem;
  max-width: 100%;
  height: auto;
}

.base_page table td {
  font-size: var(--font18);
  font-weight: 400;
  border: 1px solid rgb(49, 49, 49);
}





/* ==========================================================================
   遨博研究院新增
   ========================================================================== */
.knowledge01 {
  padding: 1rem 0 .8rem;
  background-image: url(/static/images/knowledge01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.strength_swiper {
  margin-top: .8rem;
  padding: 0 .4rem;
}

.swiper_page {
  position: relative;
}

.swiper_page .cooper_prev,
.swiper_page .cooper_next {
  width: 0.5rem;
}

.swiper_page .cooper_prev {
  left: -0.2rem;
}

.swiper_page .cooper_next {
  right: -0.2rem;
}

.swiper_page .swiper-pagination-bullets .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  border-radius: 50%;
  background: rgba(232, 115, 41, .5);
  opacity: 1;
  margin: 0 .1rem;
  transition: all .35s;
}

.swiper_page .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: .75rem;
  border-radius: 30px;
  background: rgba(232, 115, 41, 1);
}

.strength_box .pic {
  border-radius: .16rem;
  backdrop-filter: blur(.15rem);
  background: rgba(173, 179, 196, 0.13);
}

.strength_box .pic .upimg3 {
  max-width: 90%;
  max-height: 90%;
}

.strength_title {
  margin-top: .15rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  text-align: center;
}

.knowledge02 {
  padding: 1rem 0;
  background-image: url(/static/images/knowledge02.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.knowledge_title {
  margin-top: .2rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 500;
  text-align: center;
}

.property_list {
  margin: .8rem 0 0;
}

.knowledge03 {
  padding: 1rem 0;
  background-image: url(/static/images/knowledge03.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.formulate_list li {
  width: calc(50% - .3375rem);
}

.formulate_list .homeNum_box {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  background: rgba(32, 42, 58, 1);
}

.standard {
  margin-top: .8rem;
}

.standard_title {
  padding: .1rem .45rem;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font18);
  font-weight: 600;
  border-bottom: 1px solid rgba(232, 115, 41, 0.5);
}

.standard_list {
  padding: 0 .45rem;
  gap: 0 .36rem;
  border-bottom: 1px solid rgba(232, 115, 41, 0.2);
}

.standard_list li {
  width: calc(33.33% - .24rem);
  padding: .1rem 0;
}

.standard_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
}


.knowledge04 {
  padding: 1rem 0;
  background-image: url(/static/images/knowledge04.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.scientific_list {
  margin: .8rem 0;
}

.scientific_list li {
  width: calc(25% - .3375rem);
}

.scientific_box .pic {
  border-radius: .16rem;
}

.scientific_title {
  margin: .15rem 0 0;
  padding: 0 .15rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .standard_list li {
    width: calc(50% - .18rem);
  }
}

@media only screen and (max-width: 500px) {
  .formulate_list li {
    width: calc(50% - .225rem) !important;
  }

  .standard_list li {
    width: 100%;
  }

  .knowledge_title {
    --font18: 12px;
  }

  .scientific_list li {
    width: calc(50% - .225rem) !important;
  }
}






/* ==========================================================================
   整站智和详情
   ========================================================================== */
.zhihe01 {
  padding: 1rem 0;
  background-image: url(/static/images/zhihe01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.robot_list {
  margin: .4rem 0 .8rem;
  gap: .2rem .4rem;
  justify-content: center;
}

.robot_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  padding: .08rem .2rem;
}

.robot_link.on {
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  color: #fff;
}

.robotChar_list {
  gap: .35rem;
}

.robotChar_list li {
  width: calc(25% - .2625rem);
}

.robotChar_box {
  padding: .3rem .25rem;
  border-radius: .16rem;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.38);
  background: linear-gradient(180.00deg, rgba(49, 63, 86, 0.01) 0%, rgba(26, 40, 61, 0.01) 100%);
  gap: .2rem;
  height: 100%;
  transition: all .4s;
}

.robotChar_box:hover {
  box-shadow: 0px 0px 10px 0px rgba(232, 115, 41, 1);
}

.robotChar_icon img {
  transition: all .8s;
}

.robotChar_box:hover .robotChar_icon img {
  transform: rotateY(360deg);
}

.robotChar_icon {
  width: .64rem;
  height: .64rem;
  padding: .12rem;
  border-radius: 50%;
  background: rgba(232, 115, 41, 1);
  flex-shrink: 0;
}

.robotChar_h5 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 600;
  line-height: 2;
}

.robotChar_h6 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 500;
  line-height: 2;
}


.robot_flex {
  margin-top: .8rem;
  gap: .4rem;
}

.robot_left {
  width: 46%;
}

.robot_right {
  width: calc(54% - .4rem);
}

.original_swiper {
  padding: 0 1.15rem;
  position: relative;
}

.thumb_swiper {
  margin-top: .4rem;
}

.thumb_swiper .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
}

.thumb_swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.robot_info {
  padding: 0 .4rem;
  color: #fff;
  font-size: var(--font18);
  font-weight: 400;
  line-height: 2;
  max-height: 36.4583vw;
  overflow-y: auto;
}

.robot_info::-webkit-scrollbar {
  width: .1rem;
  background-color: transparent;
}

.robot_info::-webkit-scrollbar-track {
  display: none;
}

.robot_info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}


.zhihe02 {
  padding: 1rem 0;
  background-image: url(/static/images/zhihe02.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.robot_table {
  margin-top: .8rem;
  overflow: auto;
  scrollbar-width: thin;
  padding: .35rem;
  border-radius: .16rem;
  background: rgba(255, 255, 255, 1);
}

.robot_table table {
  min-width: 700px;
}

.robot_table table tr th {
  text-align: left;
  color: rgba(232, 115, 41, 1);
  font-size: var(--font18);
  font-weight: 600;
  padding: .1rem;
}

.robot_table table tr th:first-child,
.robot_table table tr td:first-child {
  /* text-align: center; */
}

.robot_table table tr th,
.robot_table table tr td {
  /* border-bottom: 1px solid rgba(232, 115, 41, 0.2); */
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.robot_table table tr td {
  padding: .07rem .1rem;
  /* color: rgba(255, 255, 255, 1); */
  font-size: var(--font18);
  font-weight: 400;
}

.robot_table table tr th,
.robot_table table tr:first-child {
  background: rgba(232, 115, 41, 1);
  color: #fff;
}


.zhihe03 {
  padding: 1rem 0;
  background-image: url(/static/images/zhihe03.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.zhiheCase_swiper {
  position: relative;
  margin: .8rem 0 0;
  padding: 0 1rem;
}

.zhiheCase_swiper .swiper-slide {
  transition: all .3s;
}

.zhiheCase_swiper .swiper-slide .cooper_box {
  transform: scale(0.85);
  transition: all .5s;
}

.zhiheCase_swiper .swiper-slide-active .cooper_box {
  transform: scale(1);
}

.zhihe04 {
  padding: 1rem 0;
  background-image: url(/static/images/zhihe04.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
  .robotChar_list li {
    width: calc(50% - .175rem);
  }
}

@media only screen and (max-width: 500px) {
  .robotChar_list li {
    width: 100%;
  }

  .robotChar_icon {
    width: 40px;
    height: 40px;
  }

  .robot_left {
    width: 100%;
  }

  .robot_right {
    width: 100%;
  }
}









/* ==========================================================================
   
   ========================================================================== */
.core_team {
  padding: .9rem 0 .5rem;
  background-image: url(../images/hexinbg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.team_flex {
  gap: .3rem .4rem;
  justify-content: center;
  align-items: center;
  margin: .75rem 0 0;
}

.team_center {
  width: 5.9rem;
}

.team_title {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 700;
  align-items: baseline;
  column-gap: .2rem;
}

.zhiwei {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
}

.team_info {
  margin: .2rem 0 0;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  line-height: 2;
}

.team_left .team_info {
  text-align: right;
}

.team_left .team_title {
  justify-content: end;
}

.team_left {
  width: 3.8rem;
}

.team_right {
  width: 3.8rem;
}

@media only screen and (max-width: 1077px) {
  .team_center {
    width: 5rem;
  }
}


@media only screen and (max-width: 910px) {
  .team_center {
    width: 4.2rem;
  }

  .team_right {
    width: 2.8rem;
  }
}

@media only screen and (max-width: 768px) {
  .team_center {
    width: 3.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .team_center {
    width: 100%;
  }

  .team_left {
    width: 100%;
  }

  .team_right {
    width: 100%;
  }

  .team_left .team_info {
    text-align: left;
  }

  .team_left .team_title {
    justify-content: start;
  }
}




.qualific_center {
  width: 4.74rem;
}

.qualific_left {
  width: calc(50% - 2.37rem);
  flex-direction: column;
  align-items: flex-end;
  gap: .36rem;
  justify-content: center;
}

.qualific_right {
  width: calc(50% - 2.37rem);
  flex-direction: column;
  justify-content: center;
  gap: .36rem;
}

.qualific_name {
  border: .02rem solid rgba(232, 115, 41, 1);
  border-radius: .13rem;
  backdrop-filter: blur(.1rem);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 500;
  padding: .1rem .2rem;
  transition: all .35s;
}

.qualific_name:hover {
  transform: translateY(-6px);
  box-shadow: 0px 0px 10px 0px rgba(232, 115, 41, 0.5);
}

.qualific_box {
  gap: .3rem;
}

.qualific_left .qualific_box:nth-child(2),
.qualific_left .qualific_box:nth-child(3) {
  padding-right: .3rem;
}

.qualific_right .qualific_box:nth-child(2),
.qualific_right .qualific_box:nth-child(3) {
  padding-left: .3rem;
}

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

  .qualific_left,
  .qualific_center,
  .qualific_right {
    width: 100%;
    align-items: center;
  }

  .qualific_left .qualific_box:nth-child(2),
  .qualific_left .qualific_box:nth-child(3) {
    padding-right: 0;
  }

  .qualific_right .qualific_box:nth-child(2),
  .qualific_right .qualific_box:nth-child(3) {
    padding-left: 0;
  }

  .qualific_name {
    --font18: 12px;
  }
}








/* ==========================================================================
   
   ========================================================================== */
.curriculum {
  background-image: url(../images/curri_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 0;
}

.curri_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: .35rem;
}

.curri_link {
  padding: .04rem .22rem;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  transition: all .35s;
}

.curri_link:hover {
  color: #FFF;
  transform: translateY(-5px);
  box-shadow: 0 0 .1rem rgba(232, 115, 41, 1);
}


.curri_list {
  gap: .2rem .32rem;
  margin: .5rem 0;
}

.curri_list li {
  width: calc(25% - .24rem);
}

.curri_box {
  border: 1px solid rgba(232, 115, 41, 1);
  border-radius: .16rem;
  background: rgba(0, 0, 0, 0.2);
  padding: .3rem;
  height: 100%;
}

.curri_h4 {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 600;
}

.curri_h5 {
  margin: .1rem 0 .2rem;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  padding: 0 .5rem;
}


.teach_list {
  gap: .4rem;
}

.teach_list li {
  width: calc(20% - .32rem);
}

.teach_box {
  border-radius: .13rem;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(.19rem);
  background: rgba(255, 255, 255, 0.05);
  flex-direction: column;
  padding: .4rem 0;
  height: 100%;
}

.teach_counter {
  align-items: baseline;
}

.teach_num {
  font-size: .96rem;
  line-height: 1;
  font-weight: 400;
  color: #E87329;
}

.teach_unit {
  font-size: var(--font18);
  font-weight: 400;
  color: #E87329;
  margin-left: .05rem;
}

.teach_h4 {
  font-size: var(--font24);
  font-weight: 400;
  color: #fff;
  margin-top: .2rem;
}

.teach_flex {
  justify-content: space-between;
  align-items: flex-end;
  margin: .55rem 0 0;
}

.teach_left {
  width: 6.1rem;
}

.teach_right {
  width: calc(100% - 6.4rem);
}

.teach_right img {
  width: 100%;
}

.teach_info {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  line-height: 1.75;
}

@media only screen and (max-width: 1280px) {
  .curri_h5 {
    padding: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .teach_num {
    font-size: var(--font72)
  }
}


@media only screen and (max-width: 500px) {
  .curri_info {
    --font18: 12px;
    line-height: 1.5;
  }

  .curri_list li {
    width: 100%;
  }

  .teach_list li {
    width: calc(50% - .2rem);
  }

  .teach_list li:last-child {
    width: 100%;
  }

  .teach_left {
    width: 100%;
  }

  .teach_right {
    width: 100%;
    margin-top: 20px;
  }

  .teach_info {
    --font18: 12px;
  }
}



.compet_list {
  gap: .4rem;
  margin: .8rem 0 0;
}

.compet_list li {
  width: calc(50% - .2rem);
}

.compet_box {
  position: relative;
  overflow: hidden;
  border-radius: .16rem;
}

.compet_box .pic::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180.00deg, rgba(0, 0, 0, 0) 54.437%, rgba(0, 0, 0, 1) 100%);
}

.compet_title {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  min-height: .65rem;
}

@media only screen and (max-width: 500px) {
  .compet_list li {
    width: 100%;
  }
}




.phone_list {
  margin: .5rem 0 0;
  padding: .3rem .55rem;
  border: 1px solid rgba(49, 63, 86, 1);
  border-radius: .16rem;
}

.phone_list li {
  width: 50%;
  padding: .25rem 0;
  border-bottom: 1px solid rgba(48, 62, 84, 1);
}

.phone_list li:nth-last-child(-n+2) {
  border-bottom: 1px solid rgba(48, 62, 84, 0);
}

.phone_box {
  align-items: center;
  justify-content: space-between;
}

.phone_h4 {
  color: rgba(232, 115, 41, 1);
  font-size: var(--font24);
  font-weight: 500;
}

.phone_h5 {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  margin: .05rem 0 0;
}

.phone_right {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font24);
  font-weight: 500;
  width: 2.8rem;
}

.phone_list li:nth-child(2) .phone_right {
  width: 4rem;
}

@media only screen and (max-width: 500px) {
  .phone_list li {
    width: 100%;
  }

  .phone_list li:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(48, 62, 84, 1);
  }

  .phone_list li:last-child {
    border-bottom: 1px solid rgba(48, 62, 84, 0);
  }
}

.character_list {
  margin: .6rem 0 0;
  justify-content: center;
}

.character_list li {
  width: 22%;
}

.character_list .homeNum_box {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(.08rem);
  background: rgba(255, 255, 255, 0.03);
  padding: .3rem .2rem;
}

.character_list .home_number {
  font-size: .6rem;
}

@media only screen and (max-width: 500px) {
  .character_list li {
    width: calc(50% - .225rem);
  }

  .character_list li:last-child {
    width: 100%;
  }
}

.li_jszc .contact_h4 {
  display: flex;
  flex-wrap: wrap;
  gap: .1rem;
}

.li_jszc .contact_h4 a {
  padding: 1px .15rem;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  font-size: var(--font22);
  color: #fff;
  transition: all .35s;
}

.li_jszc .contact_h4 a:hover {
  transform: translateY(-0.05rem);
  box-shadow: 0 0 10px rgba(232, 115, 41, 1);
}



.cooper_desc {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font16);
  font-weight: 400;
  text-align: center;
  margin-top: 0.2rem;
  display: none;
}

.cooperCase_swiper .swiper-slide-active .cooper_desc {
  display: block;
}

.historyPc_box img {
  max-width: 5rem;
  max-height: 2.5rem;
}




.job_content {
  margin: .65rem 0 0;
}

.job_flex {
  gap: .12rem;
  border-bottom: 1px solid rgba(232, 115, 41, 0.2);
}

.job_title {
  width: calc(33.33% - .08rem);
  color: rgba(232, 115, 41, 1);
  font-size: var(--font18);
  font-weight: 600;
  text-align: center;
  padding: .15rem 0;
}

.job_list li {
  border-bottom: 1px solid rgba(232, 115, 41, 0.2);
}

.job_box {
  gap: .12rem;
}

.job_h4 {
  width: calc(33.33% - .08rem);
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  text-align: center;
  padding: .15rem 0;
}

.job_link {
  color: rgba(255, 255, 255, 1);
  font-size: var(--font18);
  font-weight: 400;
  border-radius: 100px;
  background: rgba(232, 115, 41, 1);
  padding: .04rem .24rem;
  transition: all .35s;
}

.job_link:hover {
  color: #FFF;
  transform: translateY(-0.05rem);
  box-shadow: 0 0 .1rem rgba(232, 115, 41, 1);
}

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

  .job_title,
  .job_h4,
  .job_link {
    --font18: 12px;
  }
}