.container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

/* ++++++++++ banner ++++++++++ */
.banner {
  width: 100vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  /* border: solid 1px black; */
}

#banner {
  width: 100%;
  /* border: solid 1px black; */
}

.banner-item {
  width: 100%;
  text-align: center;
}
.banner-item>img {
  /* width: 100%; */
  height: 100%;
}

/* .banner-carousel-1 {
  background: url(/static/images/banner1.jpg) top center no-repeat;
  background-size: 100%;
}

.banner-carousel-2 {
  background: url(/static/images/banner2.jpg) top center no-repeat;
  background-size: 100%;
}

.banner-carousel-3 {
  background: url(/static/images/banner3.jpg) top center no-repeat;
  background-size: 100%;
}

.banner-carousel-4 {
  background: url(/static/images/banner4.jpg) top center no-repeat;
  background-size: 100%;
}

.banner-carousel-5 {
  background: url(/static/images/banner5.jpg) top center no-repeat;
  background-size: 100%;
} */

/* ++++++++++ 关于我们 ++++++++++ */
.home-us {
  width: 100vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: 50px 0;
  /* border: solid 1px black; */
}

.us-container {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  /* border: solid 1px black; */
}

.us-title, .service-title, .news-title {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.us-title-cn, .service-title-cn, .news-title-cn {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.us-title-block, .us-title-cn-text, .service-title-block, .service-title-cn-text, .news-title-block, .news-title-cn-text {
  width: 160px;
  font-size: 36px;
  text-align: center;
  padding: 11px 0;
  border-bottom: solid 1px #aaa;
}

.us-title-cn-text, .service-title-cn-text, .news-title-cn-text {
  text-align: center;
  border-bottom: solid 5px #aaa;
}

.us-title-block, .service-title-block, .news-title-block {
  padding: 14px;
}

.us-title-en, .service-title-en, .news-title-en {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}

.us-img {
  width: 90%;
  max-width: 1280px;
}

.us-img>img {
  width: 100%;
}

.us-content {
  width: 90%;
  max-width: 1280px;
  margin: 40px 0 0;
  font-weight: 400;
  line-height: 3em;
}

.us-content-text {
  font-size: 16px;
  line-height: 28px;
  /* text-indent: 36px; */
  color: #666;
}

/* ++++++++++ 服务项目 ++++++++++ */
.home-service {
  width: 100vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 50px 0;
  background-color: #eee;
  padding-bottom: 50px;
  /* background: url(/static/images/login_ad.jpg) top center no-repeat; */
}

.service-container {
  width: 100%;
  /* max-width: 1280px; */
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  /* background-color: rgba(0, 0, 0, 0.7); */
}

/* .service-title-block, .service-title-cn-text {
  color: #fff;
  border-bottom: solid 1px #fff;
}

.service-title-cn-text {
  border-bottom: solid 5px #fff;
} */

.service-block {
  width: 90%;
  max-width: 1280px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.service-block-1,
.service-block-2 {
  width: 45vw;
  max-width: 49%;
  /* border: solid 1px black; */
}

.service-block-11,
.service-block-21,
.service-block-12,
.service-block-22 {
  width: 100%;
  /* border: solid 1px black; */
}

.service-block-right, .service-block-left {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #aaa;
}

.service-block-right {
  flex-flow: row-reverse nowrap;
}

.service-block-left {
  flex-flow: row nowrap;
}

.service-block-img {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 14.1428vw;
  max-height: 197.12px;
  /* border: solid 1px black; */
}

.service-block-text {
  width: 50%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  background-color: #214daa;
  font-size: 24px;
  height: 14.1428vw;
  max-height: 197.12px;
  /* padding: 2vw 0; */
}
.service-block-text:hover {
  color: #fff;
  font-size: 24px;
  /* background-color: red; */
}

.service-block-img>img {
  width: 100%;
  height: 100%;
}

/* ++++++++++ 新闻动态 ++++++++++ */
.home-news {
  width: 100vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: 50px 0;
  /* border: solid 1px black; */
}

.news-container {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  /* border: solid 1px black; */
}

.news-card {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  /* border: solid 1px black; */
}

.card-item {
  width: 410px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border-left: solid 1px #eee;
  padding: 20px 0;
  /* padding: 10px; */
  /* border: solid 1px black; */
}
.card-item-1 {
  border: solid 0#eee;
}

.card-item-container {
  width: 90%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  /* border: solid 1px black; */
}

.card-item-title {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}

.card-item-date {
  font-size: 14px;
  color: #999;
  line-height: 28px;
}

.card-item-img {
  width: 100%;
}

.card-item-img>img {
  width: 100%;
}

.card-item-content {
  font-size: 14px;
  color: #999;
  line-height: 1.6;
  padding: 10px 0;
}

.card-item-btn {
  font-size: 14px;
  color: #333;
  line-height: 28px;
  margin: 20px 0;
}

.news-card2 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  /* border: solid 1px black; */
}

.card2-block {
  width: 50vw;
  max-width: 640px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  /* border: solid 1px black; */
}

.block-header {
  margin: 2%;
  width: 96%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #ddd;
}

.header-span {
  margin: 10px 0;
}

.block-header-name {
  font-size: 20px;
  color: #b00;
  border-bottom: solid 3px #b00;
}

.block-header-more {
  font-size: 16px;
  color: #999;
}

.block-body {
  /* margin: 2% 0; */
  width: 96%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
}

.block-body-item {
  margin: 1% 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.body-item-title {
  font-size: 16px;
  color: #333;
}

.body-item-date {
  font-size: 16px;
  color: #999;
}








@media screen and (min-width: 992px) {
}

@media screen and (max-width: 991px) {
  .service-block-text {
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
  .us-img {
    width: 70%;
  }
  .us-title-cn-text, .service-title-cn-text, .news-title-cn-text, .us-title-block, .service-title-block, .news-title-block {
    font-size: 32px;
  }
  .us-title-en, .service-title-en, .news-title-en {
    font-size: 16px;
  }
  .service-block-1, .service-block-2 {
    width: 100%;
    max-width: 767px;
    /* border: solid 1px black; */
  }
  .service-block-text,
  .service-block-img {
    height: 28.2857vw;
    max-height: 394.24px;
    font-size: 24px;
  }
  .news-card {
    flex-flow: column nowrap;
  }
  .card-item {
    width: 100%;
    border-top: solid 1px#eee;
    border-left: solid 0px #eee;
  }
  .card-item-1 {
    border: solid 0#eee;
  }
  .card-item-container {
    width: 80%;
  }

  .card2-block {
    width: 98vw;
  }
}

@media screen and (min-width: 501px) {
}

@media screen and (max-width: 500px) {
  .us-title-cn-text, .service-title-cn-text, .news-title-cn-text, .us-title-block, .service-title-block, .news-title-block {
    font-size: 24px;
  }
  .us-title-en, .service-title-en, .news-title-en {
    font-size: 14px;
  }
  .service-block-text {
    font-size: 20px;
  }
}