.header {
  width: 100%;
  height: 100px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.logo {
  background-image: url("../images/logo.png");
  height: 65px;
  background-repeat: no-repeat;
  background-position: left calc(50% + 6px);
  background-size: 100%;
  color: rgba(0,0,0,0);
}
.nav-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.nav-ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav-ul a > span {
  width: 40px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  display: block;
}
.nav-ul a {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
}

.crumbs-items {
  position: absolute;
  left: 0;
  top: 60px;
  background-color: white;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.crumbs-items a {
  height: 50px;
  text-decoration: none;
  cursor: pointer;
}
.crumbs-items a > span {
  width: 100%;
  height: 100%;
  text-decoration: none;
  line-height: 50px;
  display: block;
}
.bx-crumb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.bx-crumb > img {
  width: 30px;
  height: 20px;
}
.span-color {
  color: #464646;
}

.nav-ul-item-checked {
  color: #50cfc9;
  border-bottom: 2px solid #50cfc9;
}
.nav-ul-item-normal {
  color: #464646;
  border: 0;
}

/* 底部 */
.footer {
  width: 100%;
  height: 270px;
  background-color: #414141;
  margin-top: 94px;
}
/* .footer-container {
  height: 100%;
} */
.footer-items {
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.foot-logo {
  /* height: 222px; */
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.foot-log img {
  width: 154px;
  height: 111px;
}
.divider-foot {
  width: 1px;
  height: 81px;
  border: solid 1px #ffffff;
  opacity: 0.25;
}
.foot-service {
  /* height: 222px; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.foot-service-items {
  width: calc(100% - 1px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.foot-service-items-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 60px;
}
.foot-service-items-left > div,
.foot-service-item-right > div {
  margin-bottom: 15px;
}
.foot-service-items-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.foot-service-items a {
  height: 14px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}
.foot-company-info {
  /* height: 222px; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.foot-company-info-content {
  width: calc(100% - 1px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 35px;
}
.foot-company-title {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}
.foot-company-address {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.7;
}
.foot-contactus {
  width: 100%;
  /* height: 222px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 35px;
}
.foot-telno-title > img {
  vertical-align: text-bottom;
}
.foot-telno-title > span {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}
.foot-telno {
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  margin-top: 5px;
}
.foot-telbtn {
  width: 160px;
  height: 39px;
  background-color: #50cfc9;
  border-radius: 5px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
  text-align: center;
  line-height: 39px;
  margin-top: 5px;
}
.divider-foot-copyright {
  width: 100%;
  height: 1px;
  border: solid 1px #50cfc9;
  opacity: 0.31;
}
.copyright {
  width: 100%;
  height: 20px;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.6;
  text-align: center;
  margin-top: 5px;
}
.copyright > a {
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
}