@import url(./inner_sidebar.css);

/* ==========================================================================
   全局
   ========================================================================== */
.content {
  padding: 0;
  /* position: relative; */
  min-height: 300px;
}

.content img {
  max-width: 100%;
}

.sub-banner {
  height: 640px;
  position: relative;
}

/* .sub-banner::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 104, 183, 0.55);
} */

.sub-banner .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bgtitle1 {
  font-size: .48rem;
  color: #fff;
}

#globalnav.mini_top {
  background: #fff;
  border-color: rgba(0, 0, 0, .3);
}

@media only screen and (max-width:1536px) {
  .sub-banner {
    height: calc(640px / 1.25);
  }
}

@media only screen and (max-width:1440px) {
  .sub-banner {
    height: calc(640px * 0.75);
  }
}

@media only screen and (max-width:1366px) {
  .sub_nav .wrapper {
    max-width: 1280px;
  }
}

@media only screen and (max-width:1280px) {
  .sub-banner {
    height: calc(640px / 1.5);
  }
}

@media only screen and (max-width:1080px) {
  .sub_nav .wrapper {
    padding: 0 20px;
  }
}

@media only screen and (max-width:1024px) {
  .sub-banner {
    height: calc(640px / 1.875);
  }
}

@media only screen and (max-width:960px) {
  .sub-banner {
    height: calc(640px / 2);
  }
}

@media only screen and (max-width:768px) {
  .sub-banner {
    height: calc(640px / 2.5);
  }

  .wrapper {
    padding: 0 20px;
  }
}

.sub_nav .wrapper {
  position: relative;
}

.breadcrumb {
  color: rgb(119, 119, 119);
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  z-index: 99;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  transition: all .3s;
}

.breadcrumb img {
  margin-right: 10px;
}

.breadcrumb span {
  margin: 0 5px;
}

.breadcrumb a {
  color: #8E8E8E;
}

.breadcrumb a.sub_on {
  color: var(--primary);
}

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

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

@media only screen and (min-width:769px) {
  .sub_nav {
    position: sticky;
    top: 60px;
    z-index: 99;
  }
}

.sidenav li {
  transition: all .1s;
}

.sub_nav.subNav .sidenav li {
  line-height: 50px;
}

.sidenav li a {
  transition: all .3s;
}

.sub_nav.subNav .sidenav li.active a {
  font-size: 14px;
}

.sub_nav.subNav .breadcrumb {
  font-size: 14px;
}


@media only screen and (max-width:920px) {
  .sub_nav {
    top: 48px;
  }
}






/* ==========================================================================
   关于我们
   ========================================================================== */
.about_first {
  background: url(../images/about01.png) no-repeat 50% 0;
  background-size: cover;
  /* height: 9.6rem; */
  box-sizing: border-box;
  padding: 1.25rem 0 1.4rem;
}

.about_img {
  text-align: center;
}

.about_title {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 700;
  text-align: center;
  margin: .75rem 0 .25rem;
}

.about_intro {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  line-height: 175%;
  text-align: center;
  padding: 0 .8rem;
  font-weight: 300;
}

/* 2 */
.about_second {
  background: url(../images/about03.png) no-repeat center bottom;
  background-size: cover;
  box-sizing: border-box;
  padding: 1.7rem 0;
}

.subsidiary {
  height: 6.1rem;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
}

.subsidiary_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ssbg_item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .4s;
  overflow: hidden;
  opacity: 0;
}

.ssbg_item.act {
  opacity: 1;
}

.subsidiary_list {
  width: 100%;
  height: 100%;
  position: relative;
}

.subsidiary_list li {
  flex: 1;
}

.subsidiary_list li:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, .5);
}

.subsidiary_box {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 .1rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.subsidiary_name {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 700;
  text-align: center;
  line-height: 175%;
  transition: all .4s;
}

.subsidiary_info {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .18rem;
  font-weight: 400;
  line-height: 175%;
  margin-top: .35rem;
}

.subsidiary_box:hover {
  background: rgba(15, 104, 171, 0.8);
}

.subsidiary_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 .1rem;
  overflow: hidden;
  opacity: 0;
  transition: all .4s;
}

.subsidiary_box:hover .subsidiary_cover {
  opacity: 1;
}

.subsidiary_box:hover>.subsidiary_name {
  opacity: 0;
}


/* 3 */
.about_third {
  background: url(../images/about05.png) no-repeat 50% 0;
  background-size: cover;
  box-sizing: border-box;
  padding: 2.65rem 0;
}

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

.culture_left {
  width: 49%;
}

.culture_right {
  width: calc(51% - 1.5rem);
}

.culture_msg {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 300;
  line-height: 200%;
}

.culture_list {
  margin-left: -.5rem;
  margin-top: -0.8rem;
}

.culture_list li {
  width: calc(50% - .5rem);
  margin-left: .5rem;
  margin-top: .8rem;
}

.home_num {
  color: rgb(255, 255, 255);
  font-family: "Roboto";
  font-size: .62rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  margin-bottom: .1rem;
  white-space: nowrap;
}

.num_unit {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .16rem;
  font-weight: 400;
  margin-left: .12rem;
}

.num_title {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .18rem;
  font-weight: 300;
  line-height: 200%;
}


/* 4 */
.about_fourth {
  background: url(../images/about06.png) no-repeat center bottom;
  background-size: cover;
  box-sizing: border-box;
  padding: 2rem 0;
}

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

.honor_left {
  width: calc(100% - 7.4rem);
}

.honor_right {
  width: 6.4rem;
}

.num_list {
  margin-left: -.5rem;
}

.num_item {
  margin-left: .5rem;
}

.num_item .home_num {
  color: rgb(15, 104, 171);
  border-color: rgb(15, 104, 171);
}

.num_item .home_num .num_unit {
  color: rgb(15, 104, 171);
}

.num_item .num_title {
  color: rgb(85, 85, 85);
}

.honor_title {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .48rem;
  font-weight: 400;
  margin-bottom: .45rem;
}

.honor_list {
  margin-left: -.8rem;
  margin-bottom: .65rem;
}

.honor_name {
  margin-left: .8rem;
  color: rgb(119, 119, 119);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 400;
  line-height: 175%;
  position: relative;
  cursor: pointer;
}

.honor_name::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.05rem;
  width: 100%;
  height: 1px;
  background: rgb(15, 104, 171);
  transform: scale(0);
  transition: all .3s;
}

.honor_name.on {
  color: rgb(15, 104, 171);
}

.honor_name.on::before {
  transform: scale(1);
}

.honor_name:hover::before {
  transform: scale(1);
}

.honor_desc {
  color: rgb(15, 104, 171);
  font-family: 微软雅黑;
  font-size: .2rem;
  line-height: 200%;
  margin-bottom: .6rem;
}

.honor_frame {
  border-radius: .1rem;
  background: url(../images/honorbg.png) no-repeat center bottom;
  background-size: cover;
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: .7rem;
}

.honor_swiper {
  position: relative;
  padding-bottom: 1rem;
}

.honor_swiper .swiper-button-next:after,
.honor_swiper .swiper-button-prev:after {
  display: none;
}

.honor_swiper .swiper-button-next {
  width: .48rem;
  height: .48rem;
  background: url(../images/right.png) no-repeat center;
  background-size: contain;
  margin-top: 0;
  top: auto;
  bottom: 0;
  right: 0;
}

.honor_swiper .swiper-button-prev {
  width: .48rem;
  height: .48rem;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
  margin-top: 0;
  top: auto;
  bottom: 0;
  left: auto;
  right: .63rem;
}

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

@media only screen and (max-width: 768px) {
  .about_img img {
    max-width: 60%;
  }

  .culture_left {
    width: 100%;
  }

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

  .about_second,
  .about_third,
  .about_fourth {
    padding: 50px 0;
  }

  .honor_left {
    width: 100%;
  }

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

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

  .subsidiary_list {
    flex-direction: column;
  }

  .subsidiary_info {
    margin-top: 0;
    margin-left: 10px;
    display: none;
  }

  .subsidiary_list li:not(:last-of-type) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
  }
}










/* ==========================================================================
   新闻资讯
   ========================================================================== */
.news {
  background: linear-gradient(180.00deg, rgb(230, 235, 239), rgba(239, 243, 245, 0) 18.073%);
  padding-top: .8rem;
}

.inner_title {
  padding: .8rem 0;
  text-align: center;
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .48rem;
  font-weight: 400;
}

.news_title {
  padding: .35rem .15rem .15rem;
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .2rem;
  font-weight: 400;
  line-height: 175%;
}

.news_box:hover .news_title {
  color: var(--primary);
}

.news_box .pic {
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.15);
  border-radius: .1rem;
}

.news_list {
  margin-left: -.4rem;
}

.news_list li {
  width: calc(33.33% - .4rem);
  margin-left: .4rem;
  margin-bottom: .4rem;
}

.mouse_box {
  margin: .2rem 0 .8rem;
}

.mouse_roll {
  box-sizing: border-box;
  border: 1px solid rgb(15, 104, 171);
  border-radius: 66px;
  width: 2.54rem;
  height: .62rem;
  color: rgb(0, 104, 183);
  font-family: 微软雅黑;
  font-size: .2rem;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}

.mouse_roll:after {
  content: '';
  display: block;
  position: absolute;
  top: -60px;
  left: -100px;
  background: var(--primary);
  width: 50px;
  height: 180px;
  opacity: 20%;
  transform: rotate(-45deg);
}

.mouse_roll:hover:after {
  left: 120%;
  transition: all 1s;
}

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











/* ==========================================================================
   新闻详情
   ========================================================================== */
.newsdetails {
  margin-top: .45rem;
}

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

.nd_right {
  float: right;
  width: 4.15rem;
  box-sizing: border-box;
  padding-top: .55rem;
}

.nd_area {
  border-bottom: 1px solid #e5e8ef;
  box-sizing: border-box;
  padding: 0 .2rem .39rem;
}

.nd_title {
  color: rgb(44, 40, 40);
  font-size: .36rem;
  font-weight: 600;
}

.nd_date {
  color: rgb(85, 85, 85);
  font-family: 思源黑体;
  font-size: .16rem;
  margin-bottom: .1rem;
}

.nd_main {
  font-size: .16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: .32rem;
  padding: .5rem .2rem;
  box-sizing: border-box;
}

.nd_main img {
  margin: .4rem 0;
}




.nd_toolbar {
  padding: .3rem 0;
  margin-left: -0.3rem;
}

.tool_left {
  width: calc(50% - .3rem);
  margin-left: .3rem;
  border: 1px solid rgb(243, 244, 247);
  padding: .4rem .3rem;
  box-sizing: border-box;
}

.tool_right {
  width: calc(50% - .3rem);
  margin-left: .3rem;
  border: 1px solid rgb(243, 244, 247);
  padding: .4rem .3rem;
  box-sizing: border-box;
}

.tool_toggle {
  color: rgb(85, 85, 85);
  font-family: 思源黑体;
  font-size: .16rem;
  margin-bottom: 5px;
}

.tool_title {
  color: rgb(0, 0, 0);
  font-family: 思源黑体;
  font-size: .16rem;
  line-height: 2;
}


/*  */
.gdtj {
  background: linear-gradient(180.00deg, rgba(0, 104, 183, 0.95), rgba(0, 104, 183, 0.85) 100%);
  height: .71rem;
  width: 100%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-size: .24rem;
  font-weight: 400;
}

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

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

.gdtj_date {
  color: rgb(85, 85, 85);
  font-size: .16rem;
  line-height: .32rem;
  position: relative;
  padding-left: .3rem;
}

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

.gdtj_title {
  color: rgb(0, 0, 0);
  font-size: .16rem;
  line-height: .32rem;
  padding-left: .3rem;
}

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


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

  .nd_left {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .nd_main {
    padding: 20px 10px;
  }
}

@media only screen and (max-width: 500px) {
  .nd_main {
    padding: 20px 0;
    font-size: 12px;
    line-height: 1.5;
  }

  .tool_left {
    width: 100%;
  }

  .tool_right {
    width: 100%;
    margin-top: 10px;
  }

  .tool_toggle {
    font-size: 12px;
  }

  .tool_title {
    font-size: 12px;
  }
}












/* ==========================================================================
   招贤纳士
   ========================================================================== */
.job_list {
  margin-left: -.32rem;
  margin-top: .48rem;
}

.job_list li {
  margin-left: .32rem;
}

.job_link {
  border: 1px solid rgb(255, 255, 255);
  border-radius: 9px;
  width: 1.34rem;
  height: .41rem;
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .16rem;
  transition: all .3s;
}

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

.job_first {
  background: url(../images/job03.png) no-repeat center bottom;
  background-size: cover;
  box-sizing: border-box;
  padding: 0 0 1.9rem;
}

.join_swiper {
  padding: 0 .24rem;
  position: relative;
}

.mySwiper3 {
  border-radius: .2rem;
}

.join_swiper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .2rem;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: rgb(255, 255, 255);
  width: 100%;
  height: calc(100% - .52rem);
}

.join_swiper .swiper-button-next:after,
.join_swiper .swiper-button-prev:after {
  display: none;
}

.join_swiper .swiper-button-next,
.join_swiper .swiper-button-prev {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
  background: rgb(255, 255, 255);
  width: 1.78rem;
  height: .64rem;
  border-radius: .64rem;
  color: rgb(15, 104, 171);
  font-family: 微软雅黑;
  font-size: .2rem;
  font-weight: 700;
}

.join_swiper .swiper-button-prev i,
.join_swiper .swiper-button-next i {
  color: rgb(254, 166, 0);
}

.join_swiper .swiper-button-prev i {
  margin-right: .12rem;
}

.join_swiper .swiper-button-next i {
  margin-left: .12rem;
}

.join_swiper .swiper-button-prev {
  left: -0.89rem;
}

.join_swiper .swiper-button-next {
  right: -0.89rem;
}

.join_box {
  border-radius: .2rem;
  overflow: hidden;
}

.join_area {
  border-radius: .2rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90.00deg, rgb(15, 104, 171) 0%, rgba(15, 104, 171, 0) 100%);
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 1.9rem;
}

.join_title {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .36rem;
  font-weight: 400;
  margin-bottom: .2rem;
}

.join_desc {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 400;
}

.salary_left {
  width: 48.2%;
}

.salary_img .pic {
  border-radius: 0px .1rem 0px 0px;
}

.salary_right {
  width: 51.8%;
  background: linear-gradient(180.00deg, rgb(225, 234, 240), rgba(225, 234, 240, 0) 100%);
  background-repeat: no-repeat;
  background-size: .93rem 100%;
  background-position: right;
}

.salary_swiper .swiper-button-next:after,
.salary_swiper .swiper-button-prev:after {
  display: none;
}

.salary_swiper .swiper-button-next {
  width: .93rem;
  height: .93rem;
  background: rgb(0, 104, 183);
  margin-top: 0;
  top: auto;
  bottom: 0;
  right: 0;
}

.salary_swiper .swiper-button-prev {
  width: .93rem;
  height: .93rem;
  background: rgb(0, 104, 183);
  margin-top: 0;
  top: auto;
  bottom: 0;
  left: auto;
  right: .94rem;
}

.salary_title {
  font-family: 微软雅黑;
  font-size: .2rem;
  font-weight: 500;
  color: rgb(0, 104, 183);
}

.salary_info {
  color: rgb(85, 85, 85);
  font-family: 微软雅黑;
  font-size: .16rem;
  line-height: 175%;
}

.salary_list {
  margin-left: 1.2rem;
  position: relative;
}

.salary_list::before {
  content: "";
  position: absolute;
  left: 0;
  top: .3rem;
  border-left: 1px dashed rgb(15, 104, 171);
  height: calc(100% - .44rem);
}

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

.salary_module {
  height: 100%;
  align-items: center;
}

.salary_box {
  position: relative;
  padding-left: .8rem;
}

.salary_list li:not(:last-of-type) .salary_box::before {
  content: "";
  position: absolute;
  left: -0.19rem;
  top: 50%;
  transform: translateY(-50%);
  width: .24rem;
  height: .24rem;
  border: .07rem solid rgb(15, 104, 171);
  background: rgb(255, 255, 255);
  border-radius: 50%;
}

.salary_list li:last-child .salary_box::before {
  content: "";
  position: absolute;
  left: -0.07rem;
  top: 50%;
  transform: translateY(-50%);
  width: .14rem;
  height: .14rem;
  background: rgb(15, 104, 171);
  border-radius: 50%;
}

@media only screen and (max-width: 1280px) {
  .salary_list li:not(:last-of-type) {
    margin-bottom: .4rem;
  }
}

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

  .salary_left {
    width: 100%;
  }

  .salary_right {
    width: 100%;
    margin: 20px 0;
  }
}

@media only screen and (max-width: 500px) {
  .job_first .wrapper {
    padding: 0 10px;
  }

  .join_area {
    padding: 0 20px;
  }

  .join_swiper .swiper-button-next {
    top: auto;
    bottom: -50px;
    right: 50px;
  }

  .join_swiper .swiper-button-prev {
    top: auto;
    bottom: -50px;
    left: 50px;
  }

  .salary_list {
    margin-left: 20px;
  }

  .job_list {
    justify-content: center;
  }

  .job_link {
    width: 100px;
    height: 24px;
    font-size: 12px;
  }

  .job_list li {
    margin-bottom: 12px;
  }

  .salary_swiper .swiper-button-prev {
    right: .95rem;
  }

  .salary_info {
    font-size: 12px;
  }
}









/* ==========================================================================
   职位类别
   ========================================================================== */
.bgtitle2 {
  font-size: .2rem;
  color: #fff;
  margin: .1rem 0 .7rem;
}

.form_left {
  width: 1.85rem;
}

.form_right {
  width: 4.58rem;
  margin-left: .22rem;
}


.form_module .layui-form-select .layui-edge {
  border-top-color: #000;
}


.form_module .layui-form-select dl dd.layui-this {
  background-color: var(--primary);
}

.form_module .layui-input-block {
  margin-left: 0
}

.form_module .layui-input {
  height: .5rem;
  border-radius: .6rem;
  padding-left: .2rem;
  border: none;
  font-size: .18rem;
}

.form_module .layui-form-item {
  margin-bottom: 0;
}

.form_module .layui-form-select dl {
  top: .54rem;
}

.form_module .layui-form-selectup dl {
  top: auto;
  bottom: .54rem;
}

.cate_search {
  background: #fff;
  border-radius: .6rem;
  padding: 0 .1rem 0 .4rem;
  overflow: hidden;
}

.search_input {
  float: left;
  border: none;
  width: calc(100% - .5rem);
  height: .5rem;
  line-height: .5rem;
  background: #fff;
  font-size: .18rem;
}

.search_btn {
  float: right;
  border: none;
  width: .5rem;
  height: .5rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: url(../ico/btn_ser.png) no-repeat center;
  background-size: contain;
}

.job_category {
  background: linear-gradient(180.00deg, rgb(230, 235, 239) 0%, rgba(239, 243, 245, 0) 13.49%);
  padding: 1rem 0;
}

.cate_head {
  padding: 0 .4rem;
  align-items: center;
  justify-content: space-between;
}

.cate_title {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .48rem;
  font-weight: 400;
}

.cate_back {
  color: rgb(15, 104, 171);
  font-family: 微软雅黑;
  font-size: .2rem;
  font-weight: 400;
}

.cate_back:hover {
  text-decoration: underline;
  color: var(--primary);
}

.cate_back img {
  margin-right: .1rem;
}

.cate_list {
  margin-top: .5rem;
  margin-left: -0.3rem;
}

.cate_list li {
  width: calc(33.33% - .3rem);
  margin-left: .3rem;
  margin-bottom: .3rem;
}

.cate_box {
  border-radius: .1rem;
  background: rgb(243, 245, 248);
  justify-content: space-between;
  align-items: center;
  padding: 0 .4rem;
  height: 100%;
}

.cate_name {
  color: rgb(15, 104, 171);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 400;
}

.cate_num {
  color: rgb(119, 119, 119);
  font-family: 微软雅黑;
  font-size: .16rem;
  font-weight: 400;
  margin-top: .05rem
}

.cate_img {
  transition: all 1s;
}

.cate_box:hover .cate_img {
  transform: rotateY(360deg);
}

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

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

  .cate_img {
    width: 100px;
  }

  .cate_name {
    font-size: 14px;
  }

  .cate_num {
    font-size: 12px;
  }

  .form_left,
  .form_right {
    width: 100%;
  }

  .form_right {
    margin-left: 0;
    margin-top: 10px;
  }

  .search_input {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: calc(100% - 30px);
  }

  .search_btn {
    width: 30px;
    height: 30px;
  }

  .form_module .layui-input {
    font-size: 12px;
    height: 30px;
  }

  .cate_back {
    font-size: 12px;
  }
}









/* ==========================================================================
   工作详情
   ========================================================================== */
.cate_link {
  margin-left: auto;
}

.cate_link .cate_back {
  margin-left: .6rem;
}


.job_main {
  margin-top: .6rem;
}

.job_list2 {
  width: 100%;
  height: .55rem;
  align-items: center;
  padding: 0 .45rem;
  background: rgb(20, 97, 156);
  box-sizing: border-box;
}

.job_list2 li {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: 14px;
  font-weight: 400;
}

.job_list2 li:nth-child(1) {
  width: 50%;
}

.job_list2 li:nth-child(2) {
  width: 20%;
  text-align: center;
}

.job_list2 li:nth-child(3) {
  width: 15%;
  text-align: center;
}

.job_list2 li:nth-child(4) {
  width: 15%;
  text-align: center;
}

.caree_item {
  margin-top: .22rem;
}

.caree_box {
  align-items: center;
  width: 100%;
  height: .74rem;
  cursor: pointer;
  padding: 0 .45rem;
  background: rgb(243, 245, 248);
  box-sizing: border-box;
}

.caree_box.on {
  background: transparent;
}

.job_name {
  width: 50%;
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .18rem;
  font-weight: 500;
  align-items: center;
}

.job_date {
  width: 20%;
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .18rem;
  font-weight: 500;
  text-align: center;
}

.job_num {
  width: 15%;
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .18rem;
  font-weight: 500;
  text-align: center;
}

.fsjl_box {
  width: 15%;
}

.job_fsjl {
  margin: 0 auto;
  width: 1.14rem;
  height: .35rem;
  border-radius: .33rem;
  background: rgb(20, 97, 156);
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .16rem;
  font-weight: 400;
}

.caree_box em {
  margin-right: .1rem;
  width: 20px;
  height: 20px;
  background: url(../images/drop01.svg) center no-repeat;
  background-size: contain;
}

.caree_box.on em {
  background: url(../images/drop02.svg) center no-repeat;
  background-size: contain;
}

.careerMenu .nwms {
  padding: 0 .45rem .25rem;
  display: none;
  box-sizing: border-box;
  border-bottom: 1px solid rgb(196, 196, 196);
}

.careerMenu .nwms .warp {
  border-radius: .11rem;
  background: rgb(240, 243, 245);
  padding: .25rem .4rem;
  box-sizing: border-box;
}

.careerMenu .nwms .warp {
  font-size: .14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 2;
}

.demand {
  font-size: .16rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  line-height: 2;
}

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

  .jd_head {
    flex-direction: column;
    align-items: flex-start;
  }

  .cate_link {
    margin-top: 20px;
    margin-left: -.6rem;
  }

  .job_list2 li {
    font-size: 12px;
  }

  .job_list2 {
    padding: 0 10px;
  }

  .job_list2 li:nth-child(2),
  .job_list2 li:nth-child(3) {
    display: none;
  }

  .job_list2 li:nth-child(1) {
    width: 70%;
  }

  .job_list2 li:nth-child(4) {
    width: 30%;
  }

  .caree_box {
    padding: 0 10px;
  }

  .job_date,
  .job_num {
    display: none;
  }

  .fsjl_box {
    width: 30%;
  }

  .job_name {
    width: 70%;
    font-size: 12px;
  }

  .careerMenu .nwms .warp {
    font-size: 12px;
  }

  .demand {
    font-size: 14px;
  }
}









/* ==========================================================================
   联系我们
   ========================================================================== */

.contact {
  background: linear-gradient(180.00deg, rgb(230, 235, 239) 0%, rgba(239, 243, 245, 0) 13.49%);
}

.contact_main {
  margin-left: -0.5rem;
  margin-bottom: 1rem;
}

.contact_module {
  width: calc(50% - .5rem);
  margin-left: .5rem;
}

.contact_box {
  box-sizing: border-box;
  border: 1px solid rgb(229, 238, 243);
  border-radius: .1rem;
  background: linear-gradient(0.00deg, rgb(243, 245, 248) 0%, rgba(243, 245, 248, 0) 62.595%);
  padding: .1rem .1rem .5rem;
  height: calc(100% - .96rem);
}

.contact_title {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 700;
  margin-bottom: .6rem;
  padding-left: .1rem;
}

.map_box {
  position: relative;
  margin-bottom: .75rem;
}

.contact_img img {
  width: .2rem;
}

.ckdt_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.2rem;
  border-radius: .27rem;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: rgb(255, 255, 255);
  width: 1.14rem;
  height: .4rem;
  color: rgb(51, 51, 51);
  font-family: 微软雅黑;
  font-size: .16rem;
}

.contact_area {
  margin-bottom: .2rem;
  box-sizing: border-box;
  padding: 0 .6rem;
  align-items: flex-start;
}

.contact_img {
  align-items: center;
}

.contact_txt {
  color: rgb(51, 51, 51);
  font-family: 微软雅黑;
  font-size: .2rem;
  line-height: .36rem;
  flex: 1;
}

.contact_bold {
  color: rgb(0, 85, 150);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 700;
  margin: 0 .2rem;
  flex-shrink: 0;
}

.charge_list {
  margin-left: -0.5rem;
}

.charge_list li {
  margin-left: .5rem;
  width: calc(50% - .5rem);
  margin-bottom: .5rem;
}

.charge_box {
  box-sizing: border-box;
  border: 1px solid rgb(229, 238, 243);
  border-radius: .1rem;
  background: linear-gradient(0.00deg, rgb(243, 245, 248) 0%, rgba(243, 245, 248, 0) 62.595%);
  padding: .5rem 0;
}

.charge_box .contact_area {
  margin-bottom: 0;
}

.charge_box .contact_area .contact_bold {
  margin: 0 .5rem 0 .2rem;
}

.charge {
  margin-bottom: .5rem;
}

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

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

  .map_box img {
    width: 100%;
  }

  .ckdt_btn {
    width: 114px;
    height: 40px;
    font-size: 16px;
    border-radius: 40px;
    bottom: -20px;
  }

  .contact_img img {
    width: 20px;
  }

  .contact_bold {
    font-size: 16px;
  }

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

@media only screen and (max-width: 500px) {
  .ckdt_btn {
    width: 80px;
    height: 30px;
    font-size: 12px;
    bottom: -15px;
  }

  .contact_area {
    padding: 0 10px;
  }

  .contact_bold {
    font-size: 14px;
  }

  .contact_txt {
    line-height: 21px;
  }
}








/* ==========================================================================
   服务与支持
   ========================================================================== */
.bgtitle3 {
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .24rem;
  font-weight: 700;
  margin-top: .2rem;
}

.service {
  background: url(../images/service01.png) no-repeat 50% 0;
  background-size: cover;
  padding: 1.6rem 0 2.2rem;
}

.service_title {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .48rem;
  font-weight: 400;
  text-align: center;
}

.service_main {
  margin-top: .7rem;
  justify-content: flex-end;
}

.service_module {
  width: 7.34rem;
}

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

.service_list {
  margin-left: -.2rem;
}

.service_list li {
  width: calc(50% - .2rem);
  margin-left: .2rem;
}

.service_module .layui-form-label {
  float: none;
  text-align: left;
  padding: 9px 0;
}

.service_module .layui-input-block {
  margin-left: 0;
}

.button_box {
  margin-top: .45rem;
}

.yzm_input {
  border: 1px solid rgb(228, 230, 235);
  border-radius: .08rem;
  width: 2.08rem;
  height: .53rem;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
}

.tjfk_btn {
  width: 2.08rem;
  height: .53rem;
  border-radius: .08rem;
  background: rgb(0, 104, 183);
  border: 0;
  outline: none;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 500;
}

.tjfk_btn:active {
  background: rgba(0, 104, 183, .8);
}

.yzm_box img {
  width: 1rem;
}

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

  .tjfk_btn {
    font-size: 12px;
  }
}









/* ==========================================================================
   产品&研发
   ========================================================================== */
.pro_module {
  background-size: cover;
  padding: .85rem 0 1.25rem;
}

.pro_title {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: .48rem;
  font-weight: 400;
  text-align: center;
}

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

.pro_name {
  padding: .09rem .28rem;
  border-radius: 49px;
  box-sizing: border-box;
  border: 1px solid rgb(194, 203, 209);
  color: rgb(119, 119, 119);
  font-family: 微软雅黑;
  font-size: .16rem;
  font-weight: 400;
  cursor: pointer;
  transition: all .3s;
  margin-left: .2rem;
}

.pro_name.on {
  color: rgb(255, 255, 255);
  background: rgb(20, 97, 156);
  border-color: transparent;
}

.pro_name:hover {
  background: rgb(20, 97, 156);
  border-color: transparent;
  color: #fff;
}

.pro_left {
  width: 50%;
}

.pro_right {
  width: 50%;
  align-items: center;
  position: relative;
}

.pro_right::after {
  content: "";
  position: absolute;
  background: linear-gradient(270.00deg, rgb(243, 245, 248) 0%, rgba(243, 245, 248, 0) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0px 0px 1.17rem 0px;
}

.pro_right::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: .54rem;
  height: .54rem;
  background: url(../images/icon10.png) no-repeat center;
  background-size: contain;
}

.pro_box {
  box-sizing: border-box;
  padding: 0 .9rem;
  position: relative;
  z-index: 3;
}

.pro_msg {
  color: rgb(0, 0, 0);
  font-family: 微软雅黑;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: .1rem;
}

.pro_tag {
  display: inline-block;
  box-sizing: border-box;
  padding: .04rem .23rem;
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: .16rem;
  border-radius: 41px;
  background: rgb(20, 97, 156);
}

.pro_info {
  color: rgb(85, 85, 85);
  font-family: 微软雅黑;
  font-size: .16rem;
  line-height: 200%;
  margin-top: .4rem;
  overflow-y: auto;
  height: calc(.16rem * 8);
}

.pro_info::-webkit-scrollbar {
  width: 4px;
}

.pro_ckxq {
  margin-top: .3rem;
  color: rgb(20, 97, 156);
  font-family: 微软雅黑;
  font-size: .14rem;
  align-items: center;
}

.pro_ckxq img {
  margin-left: .15rem;
}

.pro_ckxq:hover img {
  animation: move .5s forwards;
}

.pro_module:nth-child(even) .pro_frame {
  flex-direction: row-reverse;
}

.pro_module:nth-child(even) .pro_right::after {
  background: linear-gradient(90.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0px 0px 0px 1.17rem;
}

.pro_module:nth-child(even) .pro_right::before {
  background: url(../images/icon11.png) no-repeat center;
  background-size: contain;
  right: auto;
  left: 0;
}

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

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

  .pro_info {
    font-size: 12px;
    height: calc(12px * 8);
  }

  .pro_ckxq {
    margin-bottom: .3rem;
    font-size: 12px;
  }

  .pro_name {
    font-size: 12px;
  }

  .pro_tag {
    font-size: 12px;
  }
}


.sidenav li.active img {
  display: none !important;
}

.sidenav li img {
  display: none !important;
}

.breadcrumb {
  display: none !important;
}

.about_first {
  background: initial;
  background-size: initial;
  box-sizing: border-box;
  padding: .5rem 0;
}

.about_title {
  color: var(--primary);
}

.about_intro {
  color: #000;
}

.about_img {
  display: none;
}

.about_second {
  padding: .5rem 0 1.7rem;
  display: none !important;
}


#globalnav.mini_top {
  border-color: rgba(0, 0, 0, .1);
}

.bg_form {
  position: relative;
  z-index: 100;
}

/*0430修改-岗位内容标准化*/

div.nwms.cf ol li {
  list-style: decimal !important;
  margin-left: 16px !important;
}

div.nwms.cf .warp h4:nth-child(1) {
  padding-top: 16px !important;
}



.upgrade_box,
.upgrade_box2 {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
}