/* 首页、导航栏及底部样式 */

/* 导航栏 */
.nav_bar {
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 70px;
  padding: 9px 0;
  background-color: #fff;
  box-shadow: 0px 4px 10px 9px rgba(183, 195, 206, 0.25);
}
.nav_bar .nav_bar_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.nav_bar .nav_bar_wrap .logo_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav_bar .logo {
  width: 52px;
  height: 41px;
}
.nav_bar .nav_bar_wrap .logo_title > h1 {
  margin: 0 0 0 10px;
  font-weight: 500;
  font-size: 24px;
  color: #000000;
  line-height: 52px;
}
.nav_bar .nav_list {
  display: flex;
  align-items: center;
  height: 100%;
}
.nav_bar .nav_list .nav_item {
  position: relative;
  height: 100%;
  margin-left: 60px;
  line-height: 52px;
  font-weight: 500;
  font-size: 18px;
  color: #75777a;
  cursor: pointer;
}
/* 当屏幕宽度小于 1200px 时 */
@media (max-width: 1200px) {
  .nav_bar .nav_bar_wrap {
    padding: 0 30px;
  }
  .nav_bar .nav_bar_wrap .logo_title > h1 {
    display: none;
  }
  .nav_bar .nav_list .nav_item {
    margin-left: 20px;
  }
}
.nav_bar .nav_list .nav_item:nth-child(n + 2)::after {
  content: "";
  position: relative;
  top: -3px;
  left: 3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-right: 2px solid #75777a;
  border-bottom: 2px solid #75777a;
}
/* 业务领域 - 下拉菜单 */
.nav_bar .nav_list .nav_item:nth-child(3) .dropdown_item {
  width: 165px;
}
/* 企业服务 - 下拉菜单 */
.nav_bar .nav_list .nav_item:nth-child(4) .dropdown_item {
  width: 135px;
}
/* 关于我们 - 下拉菜单 */
.nav_bar .nav_list .nav_item:nth-child(5) .dropdown_item {
  width: 120px;
}
/* 选中的样式 */
.nav_bar .nav_list .nav_item_active {
  color: #3377e8;
  border-bottom: 3px solid #3377e8;
}
.nav_bar .nav_list .nav_item.nav_item_active::after {
  border-color: #3377e8;
}
/* hover的时候展开下拉菜单 */
.nav_bar .nav_list .nav_item:hover .dropdown_list {
  max-height: 500px;
}

.home,
.service_info,
.business,
.company_service,
.about_us {
  margin-top: 70px;
}

/* banner */
.slider {
  position: relative;
}
.slider .carousel-item {
  width: 100%;
  height: 536px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
}
.slider .carousel-one {
  background-image: url("/img/banner_1.png");
}
.slider .carousel-two {
  background-image: url("/img/banner_2.png");
}
.slider .carousel-three {
  background-image: url("/img/banner_3.png");
}
.slider .carousel-item .title,
.slider .carousel-item .slogan {
  font-weight: bold;
  font-size: 38px;
  color: #ffffff;
  line-height: 50px;
  letter-spacing: 16px;
}
.slider .carousel-item .title {
  margin-top: 190px;
}
.slider .carousel-item .slogan {
  margin-top: 10px;
  font-weight: 400;
  font-size: 32px;
}

/* 关于中盛 & 资产评估 & ESG咨询服务 */
.about_company {
  width: 100%;
  padding: 40px 0;
  background-color: #fff;
}
.about_company .content {
  display: flex;
  align-items: center;
  margin: 40px auto 0;
}
.about_company .content .company_desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 262px;
  margin-right: 60px;
}
.about_company .content .company_desc h2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 22px;
  color: #33373e;
  line-height: 32px;
}
.about_company .content .company_desc p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #75777a;
  line-height: 30px;
}
.about_company .content .company_desc button {
  width: 92px;
  height: 36px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background-color: #3377e8;
  border-radius: 2px;
}
.about_company .content > img {
  width: 463px;
  height: 262px;
}

/* 业务领域 */
.business_areas {
  width: 100%;
  height: 590px;
  padding: 40px 0;
  background-color: #f7fbff;
}
.business_areas .business_list {
  display: flex;
  justify-content: space-between;
  margin: 24px auto 40px;
}
.business_areas .business_list .business_item {
  padding: 20px 14px;
  text-align: center;
  cursor: pointer;
}
.business_areas .business_list .business_item > img {
  width: 40px;
  height: 40px;
}
.business_areas .business_list .business_item > h3 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #75777a;
  line-height: 32px;
}
.business_areas .business_list .business_item_active {
  background-color: #3377e8;
  border-radius: 2px;
}
.business_areas .business_list .business_item_active > h3 {
  color: #fff;
}
.business_areas .business_desc_list .business_desc_item {
  display: flex;
  height: 268px;
}
.business_areas .business_desc_list .business_desc_item > img {
  box-sizing: content-box;
  width: 510px;
  height: 188px;
  border: 40px solid transparent;
  border-right: 50px solid #dbe3ea;
  border-left: none;
}
.business_areas .business_desc_list .business_desc_item > .desc {
  position: relative;
  flex: 1;
  padding: 40px 50px 20px;
  font-weight: 400;
  font-size: 16px;
  color: #33373e;
  line-height: 32px;
  background-color: #fff;
  box-shadow: 0px 4px 18px 3px rgba(222, 233, 241, 0.48);
  border-radius: 2px;
}
.business_desc_item .desc > h3 {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 20px;
}
.business_desc_item .desc > p {
  font-size: 16px;
  color: #75777a;
}
.business_desc_item .desc .more_btn {
  position: absolute;
  bottom: 20px;
  right: 50px;
}
.business_desc_item .desc .more_btn > img {
  width: 35px;
  height: 8px;
}
.business_desc_item .desc .more_btn > button {
  margin-left: 8px;
  color: #33373e;
  background-color: transparent;
}
.business_desc_item .desc .more_btn > button:hover {
  color: #3377e8;
}

/* 发展历程 */
.develop_history {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background-image: url(/img/earth_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.develop_history .history_list_wrap {
  margin: 50px auto 0;
  overflow: auto;
}
/* 左右移动按钮 */
.develop_history .history_list_wrap .scroll_btn {
  position: absolute;
  top: 215px;
  left: calc(50% - 580px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 5px 5px rgba(183, 195, 206, 0.25);
}
.develop_history .history_list_wrap .scroll_btn img {
  width: 15px;
  height: 15px;
}
/* 向右移动按钮 */
.develop_history .history_list_wrap .next_node {
  left: calc(50% + 580px - 40px);
}
/* 向左移动按钮 */
.develop_history .history_list_wrap .pre_node {
  transform: rotate(180deg);
}
.develop_history .history_list {
  position: relative;
  display: flex;
  /* 6*300，6个节点，每个300px宽 */
  width: 1800px;
}
.develop_history .history_list::before {
  content: "";
  position: absolute;
  top: 78px;
  /* 半个节点的宽度 */
  left: 150px;
  display: inline-block;
  /* 减去一个节点的宽度 */
  width: 1500px;
  height: 6px;
  background: linear-gradient(90deg, #24e5ff 0%, #1079ea 100%);
  box-shadow: 0px 6px 11px 0px rgba(137, 210, 246, 0.83);
}
.develop_history .history_list .history_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  text-align: center;
}
.develop_history .history_list .history_item .event {
  position: relative;
  height: 52px;
  padding: 10px;
  font-weight: 500;
  font-size: 20px;
  color: #3377e8;
  line-height: 28px;
  background-color: rgba(201, 231, 255, 0.2);
  border: 2px solid;
  border-image: linear-gradient(
      90deg,
      rgba(36, 229, 255, 1),
      rgba(16, 121, 234, 1)
    )
    2 2;
}
.develop_history .history_list .history_item .event::before {
  content: "";
  position: absolute;
  top: 66px;
  left: calc(50% - 14px);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  border: 5px solid #52abee;
  border-radius: 50%;
  box-shadow: 0px -2px 5px 0px rgba(99, 250, 255, 0.25);
}
.develop_history .history_list .history_item .time {
  display: inline-block;
  width: 140px;
  height: 32px;
  margin: 50px 0 15px;
  line-height: 32px;
  font-weight: 400;
  font-size: 20px;
  color: #33373e;
}
.develop_history .history_list .history_item > h4 {
  font-weight: 500;
  font-size: 16px;
  color: #33373e;
  line-height: 32px;
}
.develop_history .history_list .history_item > p {
  width: 183px;
  margin: 0;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #75777a;
}

/* 合作伙伴 */
.partners {
  width: 100%;
  padding: 40px 0;
  background-color: #f7fbff;
}
.partners .partners_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.partners .partners_list .partner_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 186px;
  height: 73px;
  margin-top: 30px;
  background-color: #fff;
  cursor: pointer;
}
.partners .partners_list .partner_item:hover {
  transform: scale(1.1);
}
.partners .partners_list .partner_item img {
  width: 75%;
  height: 70%;
}
/* 江苏资产管理有限公司 */
.partners .partners_list .partner_item:nth-child(6) img {
  width: 80%;
  height: 50%;
}
/* 无锡市环保集团 */
.partners .partners_list .partner_item:nth-child(7) img {
  width: 85%;
  height: 85%;
}
/* 无锡市水务集团 */
.partners .partners_list .partner_item:nth-child(8) img {
  height: 45%;
}
/* 道森股份 */
.partners .partners_list .partner_item:nth-child(31) img {
  width: 50%;
  height: 60%;
}

/* 底部 */
.footer .footer_contetn {
  display: flex;
  width: 100%;
  height: 367px;
  background-color: #2c3654;
}
.footer .footer_contetn .footer_left {
  display: flex;
  justify-content: space-between;
  flex: 1;
  height: 100%;
  padding: 50px 70px 0 120px;
}
.footer .footer_contetn .footer_left h4 {
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 32px;
}
.footer .footer_contetn .footer_left .list .item {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #bbbfc4;
  line-height: 32px;
  cursor: pointer;
}
.footer .footer_contetn .footer_right {
  width: 450px;
  height: 100%;
  padding: 50px 70px;
  border-left: 1px solid #515457;
}
.footer .footer_contetn .footer_right h4 {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 32px;
}
.footer .footer_contetn .footer_right p {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 16px;
  color: #bbbfc4;
  line-height: 32px;
}
.footer .friendship_link_wrap {
  height: 60px;
  background-color: #2c3654;
  border-top: 1px solid #515457;
}
.footer .friendship_link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.footer .friendship_link h4 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.footer .friendship_link .link_list {
  display: flex;
}
.footer .friendship_link .link_item {
  margin-left: 30px;
  cursor: pointer;
}
.footer .friendship_link .link_item > a {
  font-weight: 400;
  font-size: 16px;
  color: #bbbfc4;
  text-decoration-line: underline;
}
.footer .copy_right {
  height: 88px;
  padding: 16px;
  background-color: #343d58;
}
.footer .copy_right > p {
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #bbbfc4;
  line-height: 28px;
}