@charset "UTF-8";

/*

 * @制作者: Code Zhuang

 * @创建时间: 2023-08-28 00:53:39

 * @上次修改者: Code Zhuang

 * @上次修改时间: 2023-08-28 00:53:39

 */



/* Animate.css动画演示 */

@import "../plugin/swiper/animate.min.css";



/* Swiper 7.4.1 */

@import "../plugin/swiper/swiper-bundle.min.css";



/* 字体图标 */

@import "../plugin/font/css/font-awesome.min.css";



/* 核心样式 */

@import "../css/core/bootstrap.min.css";



/* 公用样式 */

@import "../css/public.css";



.img {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.img::before {

  content: "";

  display: block;

}

.container-fluid {

  width: 100%;

  overflow: hidden;

  background-color: #fff;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



.title {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}

.title>h1 {

  line-height: 40px;

  padding: 0 60px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 30px;

  color: #053ab9;

  background: url(../images/title-left-icon.png) no-repeat left center, url(../images/title-right-icon.png) no-repeat right center;

}

.title>div {

  margin-top: 10px;

  line-height: 30px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 20px;

  color: #252424;

  letter-spacing: 8px;

  padding: 0 106px;

  background: url(../images/LeftLine.png) no-repeat left center, url(../images/RightLine.png) no-repeat right center;

}



@media (max-width: 991px) {

  .title>div {

    padding: 0px 75px;

  }



}

@media (max-width: 767px) {

  .title>h1 {

    line-height: 30px;

    padding: 0 35px;

    font-size: 20px;

    color: #053ab9;

    background: url(../images/title-left-icon.png) no-repeat left center, url(../images/title-right-icon.png) no-repeat right center;

    background-size: 20px 17px;

  }

  .title>div {

    margin-top: 0;

    line-height: 20px;

    font-size: 14px;

    letter-spacing: 0;

    padding: 0 20px;

    background: url(../images/LeftLine.png) no-repeat left center, url(../images/RightLine.png) no-repeat right center;

    background-size: auto 5px;

  }

}



/* 首页样式 */

/* banner大图 */

.banner {

  width: 100%;

  overflow: hidden;

}

.banner-swiper {

  width: 100%;

  height: 100%;

}

.banner-swiper .swiper-slide>a>img {

  width: 100%;

  display: block;

  height: auto;

}



/* 圆点 */

.banner-swiper .swiper-pagination {

  opacity: 1;

  bottom: 15px;

  display: flex;

  justify-content: center;

}

.banner-swiper .swiper-pagination-bullet {

  width: 50px;

  height: 4px;

  float: left;

  border-radius: 0;

  background: #fff;

  opacity: 0.5;

}

.banner-swiper>.swiper-pagination-bullets .swiper-pagination-bullet,

.banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 2px;

}

.banner-swiper .swiper-pagination-bullet-active {

  opacity: 1;

  background: #fff;

}



/* 箭头 */

.banner-swiper .banner-prev,

.banner-swiper .banner-next {

  width: 50px;

  left: 2%;

  top: 50%;

  position: absolute;

  z-index: 9;

  transform: translateY(-50%);

  outline: none;

  cursor: pointer;

}

.banner-swiper .banner-next {

  left: initial;

  right: 2%;

}

.banner-swiper .banner-prev::before,

.banner-swiper .banner-next::before {

  content: "";

  display: block;

  padding-top: 192.5532%;

}



@media (max-width: 1600px) {

  .banner-swiper .banner-prev,

  .banner-swiper .banner-next {

    width: 70px;

  }

}

@media (max-width: 1400px) {

  .banner-swiper .banner-prev,

  .banner-swiper .banner-next {

    width: 50px;

  }

}

@media (max-width: 1200px) {

  .banner-swiper .banner-prev,

  .banner-swiper .banner-next {

    width: 30px;

  }

}

@media (max-width: 991px) {

  .banner-swiper .banner-prev,

  .banner-swiper .banner-next {

    width: 20px;

  }

}

@media (max-width: 767px) {

  /* 圆点 */

  .banner-swiper .swiper-pagination {

    bottom: 10px;

  }

  .banner-swiper .swiper-pagination-bullet {

    width: 20px;

    height: 2px;

  }

  .banner-swiper .banner-prev,

  .banner-swiper .banner-next {

    width: 15px;

  }

}



.index-box {

  width: 100%;

  overflow: hidden;

  background: url(../images/index-bj1.jpg) no-repeat center top #fff;

}

/* 擘画数字中国 */

.plan {

  width: 100%;

  overflow: visible;

  padding-top: 50px;

}

.plan-list {

  display: flex;

  flex-wrap: wrap;

  margin-top: 80px;

}

.plan-list>li {

  width: 25%;

  float: left;

  position: relative;

  z-index: 0;

}

.plan-list>li>a {

  display: flex;

  flex-direction: column;

  align-items: center;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

}

.plan-list>li>a>h1 {

  display: block;

  overflow: hidden;

  text-align: center;

  line-height: 30px;

  font-size: 20px;

  color: #0c0c0c;

  position: relative;

}

.plan-list>li>a>h1>span {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-size: 26px;

  color: #053ab9;

  margin-bottom: 10px;

}

.plan-list>li>a .plan-img {

  width: 100%;

  margin-top: 30px;

}

.plan-list>li>a .plan-img>img {

  display: block;

  max-width: 100%;

  height: auto;

  margin: 0 auto;

  position: relative;

  bottom: 0;

}

.plan-list>li:hover {

  z-index: 5;

}

.plan-list>li>a:hover>h1 {

  transform: translateY(-50px);

}

.plan-list>li>a:hover .plan-img {

  transform: scale(1.3);

  bottom: 20px;

}



@media (max-width: 991px) {

  .plan {

    padding-top: 30px;

  }

  .plan-list {

    margin-top: 50px;

  }

  .plan-list>li>a>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .plan-list>li>a>h1>span {

    line-height: 40px;

    font-size: 20px;

    margin-bottom: 0;

  }

  .plan-list>li>a:hover>h1 {

    transform: translateY(-20px);

  }

  .plan-list>li>a:hover .plan-img {

    transform: scale(1.2);

    bottom: 0px;

  }



}

@media (max-width: 767px) {

  .plan {

    padding-top: 15px;

  }

  .plan-list {

    margin-top: 15px;

  }

  .plan-list>li {

    width: 50%;

  }

  .plan-list>li>a>h1 {

    line-height: 24px;

    font-size: 14px;

  }

  .plan-list>li>a>h1>span {

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 0;

  }

  .plan-list>li>a .plan-img {

    margin-top: 10px;

  }



  .plan-list>li>a:hover>h1 {

    transform: translateY(0);

  }

  .plan-list>li>a:hover .plan-img {

    transform: scale(1);

    bottom: 0;

  }

}



/* 聚焦行业高效赋能 */

.industry {

  width: 100%;

  overflow: hidden;

  padding-top: 50px;

}

.industry-content {

  display: block;

  overflow: hidden;

  margin-top: 50px;

  background: url(../images/industry-bj.jpg) no-repeat center center;

  background-size: cover;

  padding: 70px;

}

.industry-content>div {

  width: 100%;

  display: flex;

  position: relative;

}

.industry-list {

  display: flex;

  flex-wrap: wrap;

  width: calc(100% + 1px);

  margin-left: -1px;

  box-shadow: 0 0 90px rgba(0, 0, 0, 0.2, );

  position: relative;

}

.industry-list>li {

  width: calc(25% - 2px);

  margin: 0 1px;

}

.industry-list>li>a {

  width: 100%;

  float: left;

  overflow: hidden;

  position: relative;

}

.industry-list>li>a::before {

  content: "";

  display: block;

  padding-top: 187.78281%;

}

.industry-list>li>a .industry-hover {

  width: 100%;

  height: 100%;

  padding: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  position: absolute;

  inset: 0;

  z-index: 3;

}

.industry-list>li>a .industry-hover .industry-img {

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

  z-index: -1;

  opacity: 0;

}

.industry-list>li>a .industry-hover .industry-img::before {

  content: "";

  inset: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  background: url(../images/industry-img-hover.png) no-repeat center center;

  background-size: 100% 100%;

  z-index: 1;

}

.industry-list>li>a .industry-hover .industry-icon {

  width: 100%;

  max-width: 86px;

  border-radius: 50%;

  border: 1px solid #fff;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  margin-top: 0;

}

.industry-list>li>a .industry-hover .industry-icon::before {

  content: "";

  display: block;

  padding-top: 100%;

}

.industry-list>li>a .industry-hover>h1 {

  margin-top: 45px;

  line-height: 34px;

  font-size: 20px;

  color: #fff;

  font-family: "Source Han Sans CN", sans-serif !important;

  text-align: center;

}

.industry-list>li>a .industry-hover>h1>span {

  display: block;

  overflow: hidden;

}

.industry-list>li>a .industry-hover .industry-more {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 24px;

  margin-top: 75px;

}

.industry-list::before {

  content: "";

  width: 100%;

  height: 100%;

  background: url(../images/industry-bj-hover.png) no-repeat center center;

  background-size: 100% 100%;

  position: absolute;

  inset: 0;

  z-index: 2;

}

.industry-list::after {

  content: "";

  width: 100%;

  height: 100%;

  background: url(../images/industry-bj-hover2.png) no-repeat center center;

  background-size: 100% 100%;

  mix-blend-mode: screen;

  position: absolute;

  inset: 0;

  z-index: 2;

}

.industry-list>li>a:hover .industry-hover .industry-img {

  opacity: 1;

}

.industry-list>li>a:hover .industry-hover .industry-icon {

  margin-top: -170px;

}



@media (max-width: 1200px) {

  .industry-content {

    margin-top: 50px;

    padding: 40px;

  }

  .industry-list>li>a .industry-hover .industry-more {

    margin-top: 40px;

  }

  .industry-list>li>a:hover .industry-hover .industry-icon {

    margin-top: -100px;

  }

}

@media (max-width: 991px) {

  .industry {

    padding-top: 30px;

  }

  .industry-content {

    padding: 30px;

  }

  .industry-list>li>a .industry-hover>h1 {

    margin-top: 20px;

    line-height: 30px;

    font-size: 16px;

  }

  .industry-list>li>a .industry-hover .industry-more {

    margin-top: 20px;

  }

  .industry-list>li>a:hover .industry-hover .industry-icon {

    margin-top: -70px;

  }

}

@media (max-width: 767px) {

  .industry {

    padding-top: 15px;

  }

  .industry-content {

    margin-top: 10px;

    padding: 10px;

  }

  .industry-list>li {

    width: calc(50% - 2px);

    margin: 1px;

  }

  .industry-list>li>a::before {

    padding-top: 120%;

  }

  .industry-list>li>a .industry-hover {

    padding: 10px;

  }

  .industry-list>li>a .industry-hover .industry-icon {

    max-width: 60px;

  }

  .industry-list>li>a .industry-hover .industry-icon>img {

    height: 24px;

  }

  .industry-list>li>a .industry-hover>h1 {

    margin-top: 5px;

    line-height: 24px;

    font-size: 14px;

  }

  .industry-list>li>a .industry-hover .industry-more {

    margin-top: 5px;

    height: 10px;

  }

}





.index-box2 {

  width: 100%;

  overflow: hidden;

  background: #fff;

}

/* 新闻资讯 */

.news {

  width: 100%;

  overflow: hidden;

  padding-top: 50px;

  background: url(../images/index-bj2.jpg) no-repeat center center;

  background-size: cover;

}

.news-content {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 50px;

}

.news-left {

  width: 45.5%;

}

.news-left>a {

  width: 100%;

  height: 100%;

  float: left;

  display: flex;

  flex-direction: column;

}

.news-left>a .img {

  flex: 1;

}

.news-left>a .img::before {

  padding-top: 49.0426%;

}

.news-left>a .news-box {

  width: 100%;

  overflow: hidden;

  background-color: #fff;

  border: 1px solid #dcdcdc;

  border-top: none;

  padding: 15px;

}

.news-left>a .news-box>h1 {

  display: block;

  overflow: hidden;

  padding-bottom: 10px;

  line-height: 16px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 12px;

  color: #2a2a2a;

  border-bottom: 1px solid #dcdcdc;

}

.news-left>a .news-box>h1>span {

  display: block;

  overflow: hidden;

  line-height: 24px;

  font-size: 16px;

  color: #002376;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 5px;

}

.news-left>a .news-box .news-text {

  display: block;

  overflow: hidden;

  margin-top: 10px;

  height: 80px;

  line-height: 20px;

  font-size: 14px;

  color: #2a2a2a;

  font-family: "Source Han Sans CN", sans-serif !important;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.news-left>a .news-box .news-more {

  float: right;

  overflow: hidden;

  margin-top: 5px;

  width: 62px;

  height: 24px;

  line-height: 22px;

  display: block;

  background-color: #053ab9;

  border: 1px solid #053ab9;

  border-radius: 5px;

  text-align: center;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 12px;

  color: #fff;

}

.news-left>a:hover .img>img {

  transform: scale(1.1);

}

.news-left>a:hover .news-box .news-more {

  background-color: #fff;

  color: #053ab9;

}



.news-right {

  width: 54.5%;

  padding-left: 25px;

}

.news-right>li {

  display: block;

  overflow: hidden;

  margin-bottom: 10px;

}

.news-right>li:last-child {

  margin: 0;

}

.news-right>li>a {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  overflow: hidden;

  border: 1px solid #dcdcdc;

  background-color: #fff;

  padding: 15px;

}

.news-right>li>a .news-box {

  width: 100%;

  float: left;

  display: flex;

}

.news-right>li>a .news-box .news-time {

  width: 85px;

  padding-right: 15px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  line-height: 24px;

  text-align: center;

  font-size: 16px;

  color: #2a2a2a;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.news-right>li>a .news-box .news-time>span {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-size: 30px;

  color: #2b2b2b;

}

.news-right>li>a .news-box .news-texts {

  width: calc(100% - 85px);

  padding-left: 20px;

  border-left: 3px solid #053ab9;

}

.news-right>li>a .news-box .news-texts>h1 {

  display: block;

  overflow: hidden;

  line-height: 24px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 16px;

  color: #2a2a2a;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.news-right>li>a .news-box .news-texts>div {

  display: block;

  overflow: hidden;

  margin-top: 5px;

  height: 40px;

  line-height: 20px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 14px;

  color: #2a2a2a;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-right>li>a .news-more {

  float: right;

  overflow: hidden;

  margin-top: 0;

  width: 62px;

  height: 24px;

  line-height: 22px;

  display: block;

  background-color: #053ab9;

  border: 1px solid #053ab9;

  border-radius: 5px;

  text-align: center;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 12px;

  color: #fff;

}

.news-right>li>a:hover .news-box .news-texts>h1 {

  color: #053ab9;

}

.news-right>li>a:hover .news-more {

  background-color: #fff;

  color: #053ab9;

}



@media (max-width: 991px) {

  /*  .index-box2 {

    background: url(../images/index-bj2.jpg) no-repeat center top #fff;

    background-size: contain;

  }*/

  .news {

    padding-top: 30px;

  }

  .news-content {

    margin-top: 30px;

  }



  .news-left>a .news-box {

    padding: 15px;

  }

  .news-left>a .news-box>h1 {

    padding-bottom: 10px;

    line-height: 20px;

    font-size: 14px;

  }

  .news-left>a .news-box>h1>span {

    line-height: 30px;

    font-size: 16px;

    margin-bottom: 0;

  }

  .news-left>a .news-box .news-text {

    margin-top: 10px;

    height: 90px;

    line-height: 30px;

    font-size: 14px;

  }



  .news-right>li>a {

    padding: 15px;

  }

  .news-right>li>a .news-box .news-time {

    width: 90px;

    padding-right: 10px;

    line-height: 20px;

    font-size: 14px;

  }

  .news-right>li>a .news-box .news-time>span {

    line-height: 40px;

    font-size: 30px;

  }

  .news-right>li>a .news-box .news-texts {

    width: calc(100% - 90px);

  }

  .news-right>li>a .news-box .news-texts>h1 {

    margin-top: 5px;

    font-size: 16px;

  }

  .news-right>li>a .news-box .news-texts>div {

    height: 60px;

    line-height: 30px;

    font-size: 14px;

  }

  .news-right>li>a .news-more {

    margin-top: 10px;

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .news {

    padding-top: 15px;

  }

  .news-content {

    margin-top: 10px;

  }

  .news-left {

    width: 100%;

  }

  .news-left>a {

    flex-direction: row;

  }

  .news-left>a .img {

    width: 40%;

  }

  .news-left>a .news-box {

    width: 60%;

    padding: 5x;

    padding-left: 15px;

    border: 1px solid #dcdcdc;

  }

  .news-left>a .news-box>h1 {

    padding-bottom: 5px;

    line-height: 16px;

    font-size: 12px;

  }

  .news-left>a .news-box>h1>span {

    line-height: 24px;

    font-size: 16px;

    margin-bottom: 0;

  }

  .news-left>a .news-box .news-text {

    margin-top: 10px;

    height: 40px;

    line-height: 20px;

    font-size: 14px;

    -webkit-line-clamp: 2;

  }

  .news-left>a .news-box .news-more {

    margin-top: 5px;

    width: 80px;

    border-radius: 5px;

    font-size: 14px;

  }



  .news-right {

    width: 100%;

    padding: 10px 0 0 0;

  }

  .news-right>li {

    margin-bottom: 10px;

  }

  .news-right>li>a {

    padding: 10px;

  }

  .news-right>li>a .news-box .news-time {

    width: 60px;

    padding-right: 5px;

    line-height: 20px;

    font-size: 14px;

  }

  .news-right>li>a .news-box .news-time>span {

    line-height: 30px;

    font-size: 20px;

  }

  .news-right>li>a .news-box .news-texts {

    width: calc(100% - 60px);

    padding-left: 10px;

    border-left: 1px solid #053ab9;

  }

  .news-right>li>a .news-box .news-texts>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .news-right>li>a .news-box .news-texts>div {

    height: 40px;

    line-height: 20px;

    font-size: 14px;

  }

  .news-right>li>a .news-more {

    margin-top: 5px;

    width: 80px;

    border-radius: 5px;

    font-size: 14px;

  }

}



/* 资质证书 */

.certificate {

  width: 100%;

  overflow: hidden;

  background: url(../images/certificate-bj.png) no-repeat center bottom, url(../images/index-bj3.jpg) no-repeat center center;

  background-size: auto, cover;

  padding: 50px 0;

}

#certify {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 50px;

  overflow: hidden;

}

#certify .swiper {

  width: 100%;

}

#certify .swiper-slide {

  width: 100%;

  max-width: 470px;

  display: flex;

  padding: 25px;

}

#certify .swiper-slide>a {

  width: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);

}

#certify .swiper-slide>a::before {

  content: "";

  display: block;

  padding-top: 135%;

}

#certify .swiper-slide>a>img:hover {

  transform: scale(1.05);

}



.certify-pagination {

  width: 100%;

  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

}

.certify-pagination>div {

  position: relative;

}

.certify-pagination .prev-button,

.certify-pagination .next-button {

  width: 0;

  height: 0;

  border-top: 12px solid transparent;

  border-bottom: 12px solid transparent;

  cursor: pointer;

}

.certify-pagination .prev-button {

  border-right: 12px solid #858585;

}

.certify-pagination .next-button {

  border-left: 12px solid #858585;

}

.certify-pagination .prev-button:hover {

  border-right-color: var(--color-hover);

}

.certify-pagination .next-button:hover {

  border-left-color: var(--color-hover);

}



.certify-pagination .swiper-pagination {

  width: auto;

  bottom: 0;

  padding: 0 25px;

}

.certify-pagination .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 9px;

  background-color: #858585;

  border-radius: 50%;

  width: 8px;

  height: 8px;

  opacity: 1;

}

.certify-pagination .swiper-pagination-bullets .swiper-pagination-bullet-active {

  background-color: #7b97da;

}



@media (max-width: 1200px) {

  #certify .swiper-slide>a>img {

    max-width: 373px;

  }

}

@media (max-width: 991px) {

  .certificate {

    padding: 30px 0;

  }

  #certify {

    margin-top: 30px;

  }

  #certify .swiper-slide>a {

    padding: 15px;

  }

  #certify .swiper-slide>a>img {

    max-width: 303px;

  }



}

@media (max-width: 767px) {

  .certificate {

    padding: 15px 0;

  }

  #certify {

    margin-top: 10px;

  }

  #certify .swiper-slide {

    width: 100%;

  }

  #certify .swiper-slide>a {

    padding: 5px;

  }

  #certify .swiper-slide>a>img {

    max-width: 100%;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  }

  .certify-pagination {

    margin-top: 10px;

  }

  .certify-pagination .swiper-pagination {

    padding: 0 10px;

  }

  .certify-pagination .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px;

    width: 10px;

    height: 10px;

  }

}



/* 环迈科技专家团队 */

.team {

  width: 100%;

  overflow: hidden;

  padding-top: 50px;

}

.advantage {

  width: 100%;

  overflow: hidden;

  background: url(../images/advantage-bj.jpg) no-repeat center center;

  background-size: cover;

  padding: 50px 0;

  margin-top: 50px;

}

.advantage-list {

  display: flex;

  flex-wrap: wrap;

}

.advantage-list>li {

  width: 20%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.advantage-list>li .advantage-icon {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 60px;

}

.advantage-list>li>h1 {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  line-height: 24px;

  text-align: center;

  font-size: 16px;

  color: #fff;

  font-family: "Source Han Sans CN", sans-serif !important;

}



.message {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.message::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

  z-index: 2;

}

.message::after {

  content: "";

  display: block;

  padding-top: 35%;

}

.message>#allmap {

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

}

.message-hover {

  width: 100%;

  overflow: hidden;

  height: 100%;

  background: url(../images/contact-bj.png) no-repeat center bottom;

  background-size: 100% auto;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 3;

  display: flex;

  align-items: flex-end;

  padding: 35px;

  padding-top: 0;

}

.message-form {

  width: calc(100% + 40px);

  margin-left: -20px;

  display: flex;

  flex-wrap: wrap;

}

.message-form>input,

.message-form>a {

  width: calc(15.3125% - 40px);

  margin: 20px;

  margin-bottom: 0;

  height: 52px;

  border: 1px solid #bababa;

  border-radius: 10px;

  padding: 0 16px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 16px;

  color: #8c8c8c;

}

.message-form>input:nth-child(2) {

  width: calc(20.9375% - 40px);

}

.message-form>input:nth-child(3) {

  width: calc(23.5417% - 40px);

}

.message-form>a {

  width: calc(12% - 40px);

  background-color: #fff;

  border: 2px solid #b7c4d9;

  position: relative;

  border-radius: 0;

  padding: 0;

}

.message-form>input:nth-child(5) {

  width: calc(13.125% - 40px);

}

.message-form>.submit {

  flex: 1;

  margin: 20px;

  margin-bottom: 0;

  height: 52px;

  border-radius: 10px;

  background-color: #053ab9;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 16px;

  color: #fff;

}

.layui-layer {

  transition: auto;

}

@media (max-width: 1600px) {

  .message-form>input,

  .message-form>a {

    font-size: 16px;

  }

  .message-form>.submit {

    font-size: 16px;

  }

}

@media (max-width: 1400px) {

  .message-form {

    width: calc(100% + 20px);

    margin-left: -10px;

  }

  .message-form>input,

  .message-form>a {

    width: calc(15.3125% - 20px);

    margin: 10px;

    margin-bottom: 0;

    font-size: 16px;

    height: 60px;

  }

  .message-form>input:nth-child(2) {

    width: calc(20.9375% - 20px);

  }

  .message-form>input:nth-child(3) {

    width: calc(23.5417% - 20px);

  }

  .message-form>a {

    width: calc(12% - 20px);

  }

  .message-form>input:nth-child(5) {

    width: calc(13.125% - 20px);

  }

  .message-form>button {

    height: 60px;

    font-size: 18px;

    margin: 10px;

    margin-bottom: 0;

  }

}

@media (max-width: 1200px) {

  .message-hover {

    min-height: 150px;

    padding: 20px;

    padding-top: 0;

  }

  .message-form {

    width: calc(100% + 10px);

    margin-left: -5px;

  }

  .message-form>input,

  .message-form>a {

    width: calc(15.3125% - 10px);

    margin: 5px;

    margin-bottom: 0;

    font-size: 16px;

    height: 50px;

  }

  .message-form>input:nth-child(2) {

    width: calc(20.9375% - 10px);

  }

  .message-form>input:nth-child(3) {

    width: calc(23.5417% - 10px);

  }

  .message-form>a {

    width: calc(12% - 10px);

  }

  .message-form>input:nth-child(5) {

    width: calc(13.125% - 10px);

  }

  .message-form>button {

    height: 50px;

    font-size: 16px;

    margin: 5px;

    margin-bottom: 0;

  }

}

@media (max-width: 991px) {

  .team {

    padding-top: 30px;

  }

  .advantage {

    padding: 30px 0;

    margin-top: 30px;

  }

  .message-hover {

    min-height: 120px;

  }

  .advantage-list>li>h1 {

    margin-top: 20px;

  }

  .message-form>input, .message-form>a {

    padding: 0 10px;

    font-size: 13px;

  }

}

@media (max-width: 767px) {

  .team {

    padding-top: 15px;

  }

  .advantage {

    padding: 15px 0;

    margin-top: 10px;

  }

  .advantage-list>li .advantage-icon {

    height: 40px;

  }

  .advantage-list>li>h1 {

    margin-top: 10px;

    font-size: 14px;

    line-height: 20px;

  }



  .message::before,

  .message::after {

    display: none;

  }

  .message>#allmap {

    height: 300px;

    position: relative;

  }



  .message-hover {

    position: relative;

    padding: 15px 20px;

    padding-top: 0;

  }

  .message-form {

    width: 100%;

    margin-left: 0;

    justify-content: space-between;

  }

  .message-form>input,

  .message-form>a {

    width: 100%;

    margin: 10px 0 0 0;

    height: 40px;

    line-height: 38px;

    padding: 0 15px;

    font-size: 14px;

    border-radius: 5px;

  }

  .message-form>input:nth-child(2),

  .message-form>input:nth-child(3) {

    width: 100%;

  }

  .message-form>a {

    width: 30%;

  }

  .message-form>input:nth-child(5) {

    width: 69%;

  }

  .message-form>button {

    height: 40px;

    margin-top: 10px;

  }

}

/* END-首页样式 */



/* 关于我们 */

.about-main {

  width: 100%;

  overflow: hidden;

}



.about-banner {

  width: 100%;

  min-height: 100vh;

  overflow: hidden;

  position: relative;

}

/*.about-banner::before{

  content: "";

  display: block;

  padding-top: 56.25%;

}

.about-banner>video{

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

  object-fit: cover;

}

.about-banner>img {

  width: 100%;

  display: block;

  height: auto;

}*/

.about-banner-hover {

  position: absolute;

  inset: 0;

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about-banner-hover>.container {

  width: 100%;

  color: #fff;

}

.about-banner-hover>.container>h1 {

  display: block;

  overflow: hidden;

  line-height: 60px;

  font-size: 50px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-weight: bold;

}

.about-banner-hover>.container>div {

  display: block;

  overflow: hidden;

  line-height: 30px;

}

.about-banner-hover>.container>div>p {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  font-size: 20px;

}

.about-banner-hover>h1 {

  position: absolute;

  left: 0;

  bottom: 0;

  line-height: 190px;

  padding: 0 35px;

  font-family: "Source Han Sans CN Heavy", sans-serif !important;

  font-size: 246px;

  color: rgba(255, 255, 255, 0.04);

}





@media (max-width: 1400px) {

  .about-banner-hover>h1 {

    line-height: 170px;

    font-size: 210px;

  }

}

@media (max-width: 1200px) {

  .about-banner-hover>.container>h1 {

    line-height: 50px;

    font-size: 40px;

  }

  .about-banner-hover>.container>div>p {

    margin-top: 15px;

    font-size: 18px;

  }



  .about-banner-hover>h1 {

    line-height: 130px;

    font-size: 170px;

  }

}

@media (max-width: 991px) {



  .about-banner-hover>.container>h1 {

    line-height: 40px;

    font-size: 30px;

  }

  .about-banner-hover>.container>div>p {

    margin-top: 10px;

    font-size: 16px;

  }



  .about-banner-hover>h1 {

    line-height: 90px;

    font-size: 120px;

  }



}

@media (max-width: 767px) {

  .about-banner {

    min-height: 30vh;

  }

  .about-banner-hover {

    padding-top: 40px;

  }

  .about-banner-hover>.container>h1 {

    line-height: 30px;

    font-size: 20px;

  }

  .about-banner-hover>.container>div {

    line-height: 20px;

    margin-top: 5px;

  }

  .about-banner-hover>.container>div>p {

    margin-top: 0;

    font-size: 14px;

  }



  .about-banner-hover>h1 {

    line-height: 30px;

    font-size: 40px;

    padding: 0 20px;

  }

}



/* 环迈简介 */

.about-company {

  width: 100%;

  min-height: 100vh;

  overflow: hidden;

  background: url(../images/about-bj1.jpg) no-repeat center bottom #fff;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 50px 0;

}

.about-company>.container {

  width: 100%;

}

.about-title {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about-title>div {

  display: flex;

  align-items: center;

  height: 70px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 70px;

  color: #f4f4f4;

  opacity: 0.67;

}

.about-title>h1 {

  margin-top: -40px;

  line-height: 40px;

  padding: 0 20px;

  position: relative;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-weight: bold;

  font-size: 30px;

  color: #053ab9;

  z-index: 2;

}

.about-title>h1::before,

.about-title>h1::after {

  content: "";

  width: 200px;

  height: 10px;

  background-repeat: no-repeat;

  position: absolute;

  bottom: 0;

}

.about-title>h1::before {

  right: 100%;

  background-image: url(../images/about-title-left.png);

  background-position: right center;

  background-size: auto 100%;

}

.about-title>h1::after {

  left: 100%;

  background-image: url(../images/about-title-right.png);

  background-position: left center;

  background-size: auto 100%;

}

.about-company-content {

  display: block;

  margin-top: 100px;

}

.about-company-left {

  width: calc(50% - 30px);

  float: left;

  background-color: #000;

  position: relative;

}

.about-company-left::before {

  content: "";

  width: 2000px;

  height: 50%;

  background-color: #053ab9;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.about-video {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 2;

  background-color: #000;

}

.about-video::before {

  content: "";

  display: block;

  padding-top: 56.25%;

}

.about-video>video {

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

  object-fit: cover;

}

.about-company-right {

  width: calc(50% - 30px);

  float: right;

}

.about-company-text {

  display: block;

  overflow: hidden;

  font-size: 16px;

  color: #0d0d0d;

  font-family: "Source Han Sans CN", sans-serif !important;

  line-height: 40px;

}



@media (max-width: 1200px) {

  .about-company-content {

    margin-top: 80px;

  }

  .about-company-left,

  .about-company-right {

    width: calc(50% - 20px);

  }

  .about-company-text {

    font-size: 14px;

    line-height: 32px;

  }

}

@media (max-width: 991px) {

  .about-company {

    padding: 30px 0;

    min-height: initial;

  }

  .about-company-content {

    margin-top: 50px;

  }

  .about-company-left {

    width: 100%;

  }

  .about-company-right {

    width: 100%;

    margin-top: 20px;

  }

}

@media (max-width: 767px) {

  .about-company {

    padding: 20px 0;

    background: url(../images/about-bj1.jpg) no-repeat center center #fff;

    display: flex;

  }

  .about-title>h1 {

    line-height: 30px;

    padding: 0 10px;

    font-size: 20px;

    margin-top: -15px;

  }

  .about-title>h1::before,

  .about-title>h1::after {

    width: 100px;

    height: 10px;

    background-size: auto 10px;

    bottom: 50%;

    transform: translateY(50%);

  }

  .about-title>div {

    height: 30px;

    font-size: 30px;

  }

  .about-company-content {

    margin-top: 10px;

  }

  .about-company-right {

    margin-top: 10px;

  }

  .about-company-text {

    font-size: 14px;

    line-height: 24px;

  }

}



/* 环迈使命 */

.mission {

  width: 100%;

  overflow: hidden;

  min-height: 100vh;

  background: url(../images/about-bj2.jpg) no-repeat center center;

  background-size: cover;

  position: relative;

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.mission-right {

  width: 50%;

  background: url(../images/about-mission-bj.png) no-repeat center center;

  background-size: 100% 100%;

  padding: 45px;

  color: #fff;

}

.mission-right>div {

  display: block;

  overflow: hidden;

  margin-bottom: 40px;

}

.mission-right>div:last-child {

  margin: 0;

}

.mission-right>div>h1 {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-size: 36px;

  color: #fff;

  font-weight: bold;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-weight: bold;

}

.mission-right>div>p {

  display: block;

  overflow: hidden;

  margin-top: 15px;

  line-height: 30px;

  font-size: 26px;

  color: #fff;

}



@media (max-width: 1200px) {

  .mission-right {

    padding: 40px;

  }

  .mission-right>div {

    margin-bottom: 30px;

  }

  .mission-right>div>h1 {

    font-size: 30px;

  }

  .mission-right>div>p {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .mission {

    min-height: 50vh;

  }

  .mission-right {

    padding: 20px;

  }

  .mission-right>div {

    margin-bottom: 20px;

  }

  .mission-right>div>h1 {

    font-size: 20px;

    line-height: 30px;

  }

  .mission-right>div>p {

    font-size: 16px;

    line-height: 24px;

    margin-top: 10px;

  }

}

@media (max-width: 767px) {

  .mission {

    min-height: 30vh;

  }

  .mission-right {

    width: 80%;

    padding: 15px;

  }

  .mission-right>div {

    margin-bottom: 10px;

  }

  .mission-right>div>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .mission-right>div>p {

    margin-top: 5px;

    line-height: 20px;

    font-size: 14px;

  }

}



/* 环迈价值观 */

.values {

  width: 100%;

  min-height: 100vh;

  overflow: hidden;

  padding: 50px 0;

  background: url(../images/about-bj3.jpg) no-repeat center bottom #fff;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;

}

.values>.container {

  width: 100%;

}

.values-list {

  width: calc(100% + 30px);

  margin-left: -15px;

  margin-top: 80px;

  display: flex;

  flex-wrap: wrap;

}

.values-list>li {

  width: calc(25% - 30px);

  margin: 20px 15px;

  background-color: #f6faff;

  border-radius: 20px;

  overflow: hidden;

  padding: 50px 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.values-list>li>img {

  display: block;

  max-width: 50%;

  height: auto;

}

.values-list>li>h1 {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  line-height: 60px;

  text-align: center;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 26px;

  color: #161515;

}

.values-list>li:hover {

  transform: scale(1.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



@media (max-width: 991px) {

  .values {

    padding: 40px 0;

    min-height: initial;

  }

  .values-list {

    margin-top: 20px;

  }

  .values-list>li {

    margin: 30px 15px;

    margin-bottom: 0;

    padding: 30px 20px;

  }

  .values-list>li>h1 {

    margin-top: 20px;

    line-height: 50px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .values {

    padding: 20px 0;

  }

  .values-list {

    margin-top: 0;

    width: calc(100% + 10px);

    margin-left: -5px;

  }

  .values-list>li {

    width: calc(25% - 10px);

    margin: 10px 5px;

    margin-bottom: 0;

    padding: 10px;

    border-radius: 5px;

  }

  .values-list>li>h1 {

    margin-top: 10px;

    line-height: 30px;

    font-size: 16px;

  }

}



/* END-关于我们 */



/* 产品及解决方案 */

.product-banner {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.product-banner>img {

  width: 100%;

  display: block;

  height: auto;

}

.product-banner-hover {

  width: 100%;

  overflow: hidden;

  padding: 25px 0;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.product-banner-hover>.container>h1 {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-family: "Source Han Sans CN Heavy", sans-serif !important;

  font-size: 30px;

  color: #fff;

  text-transform: uppercase;

}

.product-banner-hover>.container>h1>span {

  display: block;

  overflow: hidden;

  line-height: 60px;

  font-size: 50px;

}

.product-banner-hover>.container>div {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-size: 20px;

  font-family: "Source Han Sans CN", sans-serif !important;

  color: #fff;

  margin-top: 15px;

}

.product-banner-bj {

  background: url(../images/product-hover-bj.png) no-repeat left center;

  background-size: auto 100%;

}



@media (max-width: 1200px) {

  .product-banner-hover>.container>h1 {

    line-height: 30px;

    font-size: 20px;

  }

  .product-banner-hover>.container>h1>span {

    line-height: 40px;

    font-size: 30px;

  }

  .product-banner-hover>.container>div {

    line-height: 30px;

    font-size: 16px;

    margin-top: 10px;

  }

}

@media (max-width: 991px) {

  .product-banner-hover {

    margin-top: 40px;

  }

  .product-banner-hover>.container>h1 {

    font-size: 18px;

  }

  .product-banner-hover>.container>h1>span {

    line-height: 30px;

    font-size: 20px;

  }

  .product-banner-hover>.container>div {

    line-height: 24px;

    font-size: 14px;

    margin-top: 5px;

  }

}

@media (max-width: 767px) {

  .product-banner-hover {

    margin-top: 30px;

    padding: 10px 0;

  }

  .product-banner-hover>.container>h1 {

    font-size: 14px;

    line-height: 20px;

  }

  .product-banner-hover>.container>h1>span {

    line-height: 24px;

    font-size: 18px;

  }

  .product-banner-hover>.container>div {

    line-height: 16px;

    font-size: 12px;

  }

}



.place-title {

  width: 100%;

  overflow: hidden;

  border: 1px solid #e6e6e6;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.place-title>.container {

  display: flex;

  align-items: center;

  min-height: 50px;

  padding: 0;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 16px;

  color: #2f2f2f;

}

.place-title>.container>img {

  margin-right: 10px;

}



.product-nav {

  width: 100%;

  overflow: hidden;

  padding: 50px 0;

}

.product-nav ul {

  display: flex;

  flex-wrap: wrap;

}

.product-nav ul>li {

  width: 20%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.product-nav ul>li .product-nav-icon {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 70px;

}

.product-nav ul>li>h1 {

  display: block;

  overflow: hidden;

  margin-top: 10px;

  text-align: center;

  line-height: 30px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 20px;

}

.product-nav ul>li>h1>span {

  display: block;

  overflow: hidden;

}



.product-main {

  width: 100%;

  overflow: hidden;

  background: url(../images/product-bj1.jpg) no-repeat center top;

}

.product-title {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.product-title>h1 {

  font-family: "Source Han Sans CN", sans-serif !important;

  line-height: 40px;

  font-size: 30px;

  color: #053ab9;

}

.product-title>div {

  width: 78px;

  height: 10px;

  background-color: #f10909;

  margin: 10px auto;

}

.product-title>h6 {

  line-height: 30px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 20px;

  color: #6f6f70;

  text-transform: uppercase;

  letter-spacing: 15px;

  padding-left: 15px;

}



.explain {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin-top: 50px;

  display: flex;

  flex-wrap: wrap;

}

.explain-img {

  width: 50%;

  overflow: hidden;

}

.explain-img>img {

  display: block;

  max-width: 100%;

  height: auto;

}

.explain-left {

  width: 50%;

  overflow: hidden;

}

.explain-text {

  width: 100%;

  float: left;

  line-height: 40px;

  font-size: 20px;

  font-family: "Source Han Sans CN", sans-serif !important;

  color: #000;

}



.module {

  width: 100%;

  overflow: hidden;

}

.product-title>h2 {

  display: flex;

  align-items: flex-end;

  line-height: 40px;

  font-size: 30px;

  color: #053ab9;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.product-title>h2>span {

  line-height: 60px;

  font-size: 60px;

  font-style: oblique;

}

.product-title>h3 {

  display: flex;

  align-items: center;

  line-height: 30px;

  margin: 10px 0 0 0;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 20px;

  color: #000;

}

.product-title>h3>span {

  color: #053ab9;

  letter-spacing: 6px;

}

.module>img {

  width: 100%;

  display: block;

  height: auto;

  margin-top: 50px;

}



.product-bg {

  width: 100%;

  overflow: hidden;

  background: url(../images/product-bj2.jpg) no-repeat center center;

  padding: 50px 0;

}

.product-case-list {

  display: flex;

  flex-direction: column;

}

.product-case-list>li {

  width: 100%;

  margin-top: 50px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.product-case-list>li .product-case-left {

  width: calc(50% - 20px);

  position: relative;

  display: flex;

}

.product-case-list>li .product-case-left::before {

  content: "";

  width: 1920px;

  height: 30%;

  background-color: var(--color-main);

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.product-case-list>li .product-case-left::after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.1);

  position: absolute;

  left: -20px;

  top: 25px;

}

.product-case-list>li .product-case-img {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 2;

}

.product-case-list>li .product-case-img::before {

  content: "";

  display: block;

  padding-top: 56.25%;

}

.product-case-list>li .product-case-right {

  width: calc(50% - 20px);

  display: flex;

  flex-direction: column;

}

.product-case-list>li .product-case-right .product-case-box {

  width: 100%;

  overflow: hidden;

  margin-bottom: 20px;

}

.product-case-list>li .product-case-right .product-case-box:last-child {

  margin: 0;

}

.product-case-list>li .product-case-right .product-case-box>h1 {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 18px;

  color: #053ab9;

}

.product-case-list>li .product-case-right .product-case-box>div {

  display: block;

  overflow: hidden;

  margin-top: 10px;

  font-size: 14px;

  line-height: 24px;

  color: #3c3c3c;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.product-case-list>li:nth-child(even) {

  flex-direction: row-reverse;

}

.product-case-list>li:nth-child(even) .product-case-left::before {

  right: initial;

  left: 0;

}

.product-case-list>li:nth-child(even) .product-case-left::after {

  left: 20px;

}





.product-fw {

  width: 100%;

  overflow: hidden;

  padding-top: 70px;

}

.product-fw .swiper {

  width: 100%;

  overflow: hidden;

  margin-top: 40px;

}

.product-fw .swiper .swiper-slide {

  padding: 50px 0;

}

.product-fw .swiper .swiper-slide>a {

  width: 100%;

  float: left;

  overflow: hidden;

  position: relative;

}

.product-fw .swiper .swiper-slide>a::before {

  content: "";

  display: block;

  padding-top: 63.89381%;

}

.product-fw .swiper .swiper-slide>a>h1 {

  width: 100%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background-color: rgba(255, 255, 255, 0.8);

  overflow: hidden;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 20px;

  color: #333;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 0 15px;

}

.product-fw .swiper .swiper-slide-active>a {

  transform: scale(1.2);

  z-index: 5;

}

.product-fw .swiper .swiper-slide-active>a>h1 {

  background-color: rgba(24, 0, 214, 0.8);

  color: #fff;

}

.product-fw .prev-button,

.product-fw .next-button {

  width: 60px;

  height: 60px;

  background-color: rgba(255, 255, 255, 0.4);

  cursor: pointer;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

}

.product-fw .next-button {

  left: initial;

  right: 0;

}





.consult {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 360px;

  background: url(../images/message-bj.jpg) no-repeat center center;

  background-size: cover;

  padding: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

}

.consult>h1 {

  display: block;

  overflow: hidden;

  line-height: 44px;

  text-align: center;

  color: #fff;

  font-size: 36px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

}

.consult>a {

  width: 234px;

  height: 46px;

  margin-top: 40px;

  background-color: #053ab9;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  color: #fff;

  font-family: "Source Han Sans CN", sans-serif !important;

  border-radius: 25px;

}



@media (max-width: 991px) {

  .product-nav {

    padding: 30px 0;

  }

  .product-nav ul>li .product-nav-icon {

    height: 50px;

  }



  .explain {

    margin-top: 30px;

  }

  .explain-text {

    line-height: 30px;

    font-size: 16px;

  }

  .product-title>h2 {

    line-height: 40px;

    font-size: 30px;

  }

  .product-title>h2>span {

    line-height: 50px;

    font-size: 50px;

  }

  .product-title>h3 {

    line-height: 30px;

    font-size: 20px;

  }

  .module>img {

    margin-top: 40px;

  }



  .product-bg {

    padding: 30px 0;

  }





  .product-case-list>li {

    margin-top: 30px;

  }



  .product-case-list>li .product-case-left,

  .product-case-list>li .product-case-right {

    width: calc(50% - 10px);

  }

  .product-case-list>li .product-case-right .product-case-box {

    margin-bottom: 10px;

  }



  .product-fw {

    padding-top: 100px;

  }

  .product-fw .swiper .swiper-slide {

    padding: 30px 0;

  }

  .product-fw .swiper .swiper-slide>a>h1 {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }



  .consult {

    height: 300px;

  }

  .consult>h1 {

    line-height: 40px;

    font-size: 30px;

  }

  .consult>a {

    width: 200px;

    height: 40px;

    margin-top: 20px;

    font-size: 20px;

  }



}

@media (max-width: 767px) {

  .place-title>.container {

    font-size: 16px;

    line-height: 24px;

    min-height: 50px;

  }

  .place-title>.container>img {

    width: 20px;

    height: auto;

  }



  .product-nav {

    padding: 20px 0;

  }

  .product-nav ul>li .product-nav-icon {

    height: 30px;

  }

  .product-nav ul>li>h1 {

    margin-top: 10px;

    line-height: 20px;

    font-size: 14px;

  }





  .product-title>h1 {

    line-height: 30px;

    font-size: 20px;

  }

  .product-title>div {

    width: 50px;

    height: 2px;

    margin: 5px auto;

  }

  .product-title>h6 {

    line-height: 24px;

    font-size: 16px;

    letter-spacing: 4px;

    padding-left: 4px;

  }



  .explain {

    margin-top: 10px;

  }

  .explain-img {

    width: 100%;

    padding: 15px 0;

  }

  .explain-img>img {

    max-width: 100%;

  }

  .explain-left {

    width: 100%;

    position: relative;

  }

  .explain-text {

    width: 100%;

    line-height: 24px;

    font-size: 14px;

  }



  .product-title>h2 {

    line-height: 20px;

    font-size: 16px;

  }

  .product-title>h2>span {

    line-height: 30px;

    font-size: 24px;

  }

  .product-title>h3 {

    line-height: 20px;

    font-size: 12px;

    margin: 5px 0;

  }

  .product-title>h3>span {

    letter-spacing: 0;

  }

  .module>img {

    margin-top: 10px;

  }



  .product-bg {

    padding: 15px 0;

  }

  .product-case-list>li {

    margin-top: 15px;

  }

  .product-case-list>li .product-case-left,

  .product-case-list>li .product-case-right {

    width: 100%;

  }

  .product-case-list>li .product-case-left::after {

    display: none;

  }

  .product-case-list>li .product-case-right {

    margin-top: 10px;

  }

  .product-case-list>li .product-case-right .product-case-box>h1 {

    font-size: 18px;

  }

  .product-case-list>li .product-case-right .product-case-box>div {

    font-size: 14px;

    line-height: 22px;

  }

  .product-fw {

    padding-top: 20px;

  }

  .product-fw .swiper {

    margin-top: 15px;

  }

  .product-fw .swiper .swiper-slide {

    padding: 0;

  }

  .product-fw .swiper .swiper-slide>a::before {

    padding-top: 75%;

  }



  .product-fw .swiper .swiper-slide-active>a {

    transform: scale(1);

  }



  .product-fw .prev-button, .product-fw .next-button {

    width: 24px;

    height: 24px;

  }

  .product-fw .prev-button>img,

  .product-fw .next-button>img {

    width: 16px;

    height: auto;

  }

  .product-fw .swiper .swiper-slide>a>h1 {

    font-size: 14px;

  }



  .consult {

    height: 200px;

  }

  .consult>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .consult>a {

    width: 140px;

    height: 34px;

    margin-top: 10px;

    font-size: 14px;

  }



}



/* 区块链 */

.blockchain {

  width: 100%;

  overflow: hidden;

  background: url(../images/blockchain-bj.jpg) no-repeat center top;

  padding: 50px 0;

}

.blockchain-content {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-bottom: 50px;

}

.blockchain-left {

  width: calc(50% - 20px);

  padding-top: 50px;

  position: relative;

  z-index: 2;

}

.blockchain-left .blockchain-text {

  width: 100%;

  float: left;

  display: block;

  overflow: hidden;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 20px;

  color: #000;

  line-height: 40px;

}





.blockchain-img {

  width: calc(50% - 20px);

}

.blockchain-img>img {

  display: block;

  max-width: 100%;

  height: auto;

}



.blockchain-box {

  width: 100%;

  overflow: hidden;

}

.blockchain-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.blockchain-list>li {

  width: calc(50% - 10px);

  margin-top: 50px;

  display: flex;

  background-color: #faf9f9;

  border-radius: 10px;

  overflow: hidden;

}

.blockchain-list>li .blockchain-icon {

  width: 32%;

  overflow: hidden;

  position: relative;

  border-radius: 10px;

  background-color: #f5fcfd;

}

.blockchain-list>li .blockchain-icon::before {

  content: "";

  display: block;

  padding-top: 100%;

}

.blockchain-list>li .blockchain-icon::after {

  content: "";

  width: 0;

  height: 8px;

  background-color: #053ab9;

  overflow: hidden;

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 2;

  transform: translateX(-50%);

}

.blockchain-list>li .blockchain-box {

  width: 68%;

  float: left;

  padding: 10px 40px;

}

.blockchain-list>li .blockchain-box>h1 {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-size: 20px;

  color: #053ab9;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.blockchain-list>li .blockchain-box>div {

  display: block;

  overflow: hidden;

  min-height: 120px;

  line-height: 30px;

  font-size: 16px;

  color: #000;

  font-family: "Source Han Sans CN", sans-serif !important;

  margin-top: 20px;

}

.blockchain-list>li:hover .blockchain-icon::after {

  width: 100%;

}



@media (max-width: 991px) {

  .blockchain {

    padding: 30px 0;

  }

  .blockchain-left {

    padding-top: 30px;

  }

  .blockchain-left .blockchain-text {

    line-height: 30px;

    font-size: 16px;

  }

  .blockchain-list>li {

    margin-top: 30px;

    width: 100%;

  }

  .blockchain-list>li .blockchain-icon {

    width: 25%;

  }

  .blockchain-list>li .blockchain-box {

    width: 75%;

    padding: 10px 20px;

  }

  .blockchain-list>li .blockchain-box>div {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .blockchain {

    padding: 20px 0;

  }

  .blockchain-content {

    padding: 15px 0;

  }

  .blockchain-img {

    width: 100%;

  }

  .blockchain-left {

    width: 100%;

    padding: 0;

  }

  .blockchain-left .blockchain-text {

    line-height: 24px;

    font-size: 14px;

    margin: 0;

  }

  .blockchain-boxs {

    margin-top: 20px;

  }

  .blockchain-list>li {

    margin-top: 10px;

  }

  .blockchain-list>li .blockchain-icon {

    width: 25%;

  }

  .blockchain-list>li .blockchain-icon>img {

    width: 50%;

  }

  .blockchain-list>li .blockchain-box {

    width: 75%;

    padding: 10px;

    padding-left: 15px;

  }

  .blockchain-list>li .blockchain-box>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .blockchain-list>li .blockchain-box>div {

    min-height: 36px;

    font-size: 12px;

    line-height: 18px;

    margin-top: 5px;

  }

}



/* 碳中和 */

.carbon-main {

  width: 100%;

  overflow: hidden;

  background: url(../images/carbon-bj.jpg) no-repeat center top;

  padding: 50px 0;

}

.carbon-box {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

  position: relative;

  z-index: 2;

}

.carbon-text {

  width: 50%;

  float: left;

}

.carbon-text>p {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  line-height: 30px;

  font-size: 18px;

  color: #000;

  font-family: "Source Han Sans CN", sans-serif !important;

  position: relative;

  padding-left: 40px;

}

.carbon-text>p::before {

  content: "";

  width: 3px;

  background-color: #053ab9;

  position: absolute;

  left: 0;

  top: 6px;

  bottom: 6px;

}

.carbon-right {

  width: 100%;

  overflow: hidden;

  margin-top: -100px;

  display: flex;

  justify-content: flex-end;

}

.carbon-right>img {

  display: block;

  max-width: 1322px;

  width: 72%;

  height: auto;

}



.carbon-title {

  margin-top: 50px;

}

.carbon-box2 {

  width: 100%;

  overflow: hidden;

  margin-top: 25px;

}

.carbon-box2 .carbon-img {

  width: 50%;

  float: left;

}

.carbon-box2 .carbon-img>img {

  width: 100%;

  display: block;

  height: auto;

}

.carbon-box2 .carbon-right {

  width: 50%;

  padding-top: 100px;

  margin-top: 0;

  justify-content: flex-start;

  overflow: visible;

}

.carbon-box2 .carbon-right .carbon-text {

  width: 100%;

  float: left;

  max-width: 640px;

  padding: 0 20px;

}

.carbon-box2 .carbon-right .carbon-text>h1 {

  display: block;

  overflow: hidden;

  line-height: 42px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 32px;

  color: #161e6d;

  margin-bottom: 30px;

}



.carbon-box3 {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

}

.carbon-box3 .carbon-right {

  width: calc(50% - 6px);

  float: left;

  margin: 0;

}

.carbon-box3 .carbon-right .carbon-text {

  width: 100%;

  float: right;

  max-width: 640px;

  padding: 0 20px;

}

.carbon-box3 .carbon-right .carbon-text>h1 {

  display: block;

  overflow: hidden;

  line-height: 42px;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  font-size: 32px;

  color: #161e6d;

  margin-bottom: 30px;

}



.carbon-box3 .carbon-img {

  width: calc(50% + 6px);

  float: right;

  margin-top: -91px;

}

.carbon-box3 .carbon-img>img {

  width: 100%;

  display: block;

  height: auto;

}



.carbon-list {

  display: flex;

  flex-wrap: wrap;

  margin-top: 50px;

  width: calc(100% + 20px);

  margin-left: -10px;

}

.carbon-list>li {

  width: calc(20% - 20px);

  margin: 0 10px 20px 10px;

  background-color: #f2f5fb;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 20px;

  position: relative;

}

.carbon-list>li::after {

  content: "";

  width: 20px;

  height: 100%;

  background: url(../images/carbon-jiantou.png) no-repeat center center;

  background-size: 100% auto;

  position: absolute;

  left: 100%;

  top: 0;

  z-index: 5;

}

.carbon-list>li .carbon-icon {

  width: 100%;

  max-width: 120px;

  overflow: hidden;

  position: relative;

  border-radius: 50%;

  background-color: #fff;

}

.carbon-list>li .carbon-icon::before {

  content: "";

  display: block;

  padding-top: 100%;

}

.carbon-list>li>h1 {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  text-align: center;

  line-height: 30px;

  font-size: 20px;

  color: #161e30;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

}

.carbon-list>li:last-child::after {

  display: none;

}



@media (max-width: 1200px) {

  .carbon-right>img {

    width: 60%;

  }

  .carbon-box2 .carbon-right {

    padding-top: 50px;

  }

}

@media (max-width: 991px) {

  .carbon-main {

    padding: 30px 0;

  }

  .carbon-box {

    margin-top: 30px;

  }

  .carbon-text {

    width: 100%;

  }

  .carbon-title {

    margin-top: 30px;

  }

  .carbon-box2 .carbon-right {

    padding-top: 30px;

  }

  .carbon-box2 .carbon-right .carbon-text>h1 {

    line-height: 30px;

    font-size: 24px;

    margin-bottom: 10px;

  }

  .carbon-right {

    margin-top: 20px;

  }

  .carbon-right>img {

    width: 100%;

  }

  .carbon-box2 .carbon-img {

    width: 100%;

  }

  .carbon-box2 .carbon-right {

    width: 100%;

  }

  .carbon-box2 .carbon-right .carbon-text {

    max-width: 100%;

    margin-left: 0;

    padding: 0 20px;

  }

  .carbon-box3 {

    margin-top: 40px;

  }

  .carbon-box3 .carbon-right {

    width: 100%;

  }

  .carbon-box3 .carbon-img {

    width: 100%;

    margin-top: -90px;

  }

  .carbon-box3 .carbon-right .carbon-text {

    max-width: 100%;

  }



  .carbon-list {

    margin-top: 30px;

  }

  .carbon-list>li {

    padding: 15px;

  }

  .carbon-list>li .carbon-icon {

    max-width: 100px;

  }

  .carbon-list>li .carbon-icon>img {

    height: 40px;

  }

  .carbon-list>li>h1 {

    line-height: 26px;

    font-size: 18px;

    margin-top: 10px;

  }

}

@media (max-width: 767px) {

  .carbon-main {

    padding: 20px 0;

  }

  .carbon-box {

    margin-top: 15px;

  }

  .carbon-title {

    margin-top: 15px;

  }

  .carbon-box2 .carbon-right {

    padding-top: 15px;

  }



  .carbon-text>p {

    margin-top: 5px;

    line-height: 24px;

    font-size: 14px;

    padding-left: 15px;

  }

  .carbon-text>p::before {

    width: 2px;

    top: 5px;

    bottom: 5px;

  }

  .carbon-box2 .carbon-right .carbon-text>h1 {

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 10px;

  }

  .carbon-box3 {

    margin-top: 10px;

  }

  .carbon-box3 .carbon-right .carbon-text>h1 {

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 10px;

  }

  .carbon-list {

    margin-top: 20px;

    width: calc(100% + 10px);

    margin-left: -5px;

    justify-content: center;

  }

  .carbon-list>li {

    width: calc(calc(100% / 3) - 10px);

    margin: 0 5px 10px 5px;

    padding: 10px;

  }

  .carbon-list>li::after {
    width: 10px;
  }

  .carbon-list>li:nth-child(3)::after {
    display: none;
  }

  .carbon-list>li .carbon-icon {

    max-width: 70px;

  }

  .carbon-list>li .carbon-icon>img {

    height: 30px;

  }

  .carbon-list>li>h1 {

    line-height: 24px;

    font-size: 16px;

    margin-top: 5px;

  }

}



/* 智慧政务 */

.wisdom-main {

  width: 100%;

  overflow: hidden;

  /* background: url(../images/wisdom-bj1.jpg) no-repeat center top; */

  padding: 50px 0;

}



.wisdom-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.wisdom-list>li {

  width: calc(100% / 3);

  padding: 0 10x;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.wisdom-list>li .wisdom-icon {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 70px;

}

.wisdom-list>li>h1 {

  display: block;

  overflow: hidden;

  text-align: center;

  line-height: 24px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 16px;

  color: #000;

  margin-top: 10px;

}

.wisdom-list>li>h1>span {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-size: 20px;

  color: #053ab9;

  font-weight: bold;

  margin-bottom: 5px;

}



.wisdom-box {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

}

.wisdom-content {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 50px;

}

.wisdom-left {

  width: calc(50% - 20px);

}

.wisdom-text {

  width: 100%;

  float: right;

  margin-top: 50px;

  font-size: 20px;

  line-height: 40px;

  font-family: "Source Han Sans CN", sans-serif !important;

  color: #000;

}

.wisdom-right {

  width: calc(50% - 20px);

}

.wisdom-right>img {

  display: block;

  max-width: 100%;

  height: auto;

  float: right;

}



.wisdom-module {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

}

.wisdom-module .product-title>h2>span {

  display: flex;

  align-items: flex-start;

}

.wisdom-module .product-title>h2>span>em {

  font-size: 50px;

  line-height: 30px;

}

.wisdom-module .product-title>h3 {

  letter-spacing: 20px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  padding-left: 20px;

}



.wisdom-case {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

}

.wisdom-case-list {

  display: flex;

  flex-wrap: wrap;

  margin-top: 50px;

}

.wisdom-case-list>li {

  width: 25%;

  background: url(../images/wisdom-li-bj.png) no-repeat center center;

  background-size: 100% 100%;

  display: flex;

  flex-direction: column;

  padding: 40px;

  padding-top: 70px;

  margin-bottom: 50px;

}

.wisdom-case-list>li .wisdom-case-icon {

  width: 100px;

  overflow: hidden;

  position: relative;

}

.wisdom-case-list>li .wisdom-case-icon>img {

  filter: drop-shadow(0 100px #fff);

  transition: initial;

}

.wisdom-case-list>li .wisdom-case-icon::before {

  content: "";

  display: block;

  padding-top: 100%;

}

.wisdom-case-list>li>h1 {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-size: 20px;

  color: #161e6d;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  margin-top: 25px;

}

.wisdom-case-list>li .wisdom-case-text {

  display: block;

  overflow: hidden;

  margin-top: 20px;

  line-height: 30px;

  font-size: 16px;

  color: #000;

  min-height: 90px;

}



.wisdom-case-list>li:hover {

  background: url(../images/wisdom-li-hover.jpg) no-repeat center center;

  background-size: 100% 100%;

}

.wisdom-case-list>li:hover .wisdom-case-icon>img {

  transform: translateY(-100px);

}

.wisdom-case-list>li:hover>h1,

.wisdom-case-list>li:hover .wisdom-case-text {

  color: #fff;

}



.wisdom-product-fw {

  padding-top: 50px;

}





@media (max-width: 991px) {

  .wisdom-main {

    padding: 30px 0;

  }

  .wisdom-box {

    margin-top: 30px;

  }

  .wisdom-content {

    margin-top: 30px;

  }

  .wisdom-text {

    margin-top: 30px;

    font-size: 16px;

    line-height: 30px;

  }

  .wisdom-module {

    margin-top: 30px;

  }

  .wisdom-case {

    margin-top: 30px;

  }

  .module>img {

    margin-top: 30px;

  }

  .wisdom-case-list {

    margin-top: 20px;

  }

  .wisdom-case-list>li {

    width: calc(100% / 3);

    padding: 30px;

    padding-top: 50px;

    margin-bottom: 30px;

  }

  .wisdom-product-fw {

    padding-top: 30px;

  }

}

@media (max-width: 767px) {

  .wisdom-main {

    padding: 20px 0;

  }

  .wisdom-list>li .wisdom-icon {

    height: 40px;

  }

  .wisdom-list>li>h1 {

    line-height: 20px;

    font-size: 14px;

    margin-top: 5px;

  }

  .wisdom-list>li>h1>span {

    font-size: 16px;

    line-height: 24px;

    margin: 0;

  }

  .wisdom-box {

    margin-top: 15px;

  }

  .wisdom-content {

    margin-top: 10px;

    flex-wrap: wrap;

  }

  .wisdom-left {

    width: 100%;

  }

  .wisdom-text {

    width: 100%;

    margin-top: 0;

    padding: 0 20px;

    font-size: 14px;

    line-height: 24px;

  }

  .wisdom-right {

    width: 100%;

    padding: 0 20px;

    margin-top: 10px;

  }

  .wisdom-module .product-title>h3 {

    letter-spacing: 2px;

    padding-left: 2px;

  }

  .wisdom-module .product-title>h2>span>em {

    font-size: 20px;

    line-height: 10px;

  }



  .wisdom-module {

    margin-top: 15px;

  }

  .wisdom-case {

    margin-top: 20px;

  }

  .module>img {

    margin-top: 15px;

  }



  .wisdom-case-list {

    margin-top: 15px;

  }

  .wisdom-case-list>li {

    width: 50%;

    padding: 20px;

    margin-bottom: 10px;

  }

  .wisdom-case-list>li .wisdom-case-icon {

    width: 50px;

  }

  .wisdom-case-list>li .wisdom-case-icon>img {

    filter: drop-shadow(0 50px #fff);

  }

  .wisdom-case-list>li:hover .wisdom-case-icon>img {

    transform: translateY(-50px);

  }



  .wisdom-case-list>li>h1 {

    line-height: 24px;

    font-size: 16px;

    margin-top: 5px;

  }

  .wisdom-case-list>li .wisdom-case-text {

    margin-top: 5px;

    line-height: 20px;

    font-size: 14px;

    min-height: 80px;

  }



  .wisdom-product-fw {

    padding-top: 15px;

  }

}

/* END-产品及解决方案 */



/* 新闻动态 */

.info-nav {

  width: 100%;

  overflow: hidden;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.info-nav ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  padding: 20px 0;

}

.info-nav ul>li {

  float: left;

  margin: 0 70px;

}

.info-nav ul>li>a {

  display: block;

  overflow: hidden;

  line-height: 40px;

  padding-bottom: 0;

  position: relative;

  font-size: 20px;

  color: #000;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.info-nav ul>li>a::after {

  content: "";

  width: 0;

  height: 1px;

  background-color: #053ab9;

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

}

.info-nav ul>li.info-active>a,

.info-nav ul>li>a:hover {

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  color: #053ab9;

}

.info-nav ul>li.info-active>a::after,

.info-nav ul>li>a:hover::after {

  width: 100%;

}



.info-main {

  width: 100%;

  overflow: hidden;

  padding: 50px 0;

}

.info-main>.container {

  max-width: 960px;

}

.info-list {

  display: flex;

  flex-direction: column;

}

.info-list>li {

  width: 100%;

  margin-bottom: 30px;

}

.info-list>li>a {

  width: 100%;

  float: left;

  display: flex;

}

.info-list>li>a .info-img {

  width: 25%;

  overflow: hidden;

  position: relative;

}

.info-list>li>a .info-img::before {

  content: "";

  display: block;

  padding-top: 75%;

}

.info-list>li>a .info-content {

  width: 75%;

  padding: 15px 30px;

  position: relative;

  display: flex;

  justify-content: space-between;

}

.info-list>li>a .info-content::after {

  content: "";

  width: calc(100% - 80px);

  float: left;

  height: 3px;

  background-color: #f2f2f2;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

}

.info-list>li>a .info-content .info-left {

  width: 66.5%;

}

.info-list>li>a .info-content .info-left>h1 {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-size: 20px;

  color: #191919;

  font-family: "Source Han Sans CN", sans-serif !important;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.info-list>li>a .info-content .info-left .info-text {

  display: block;

  overflow: hidden;

  margin-top: 15px;

  height: 90px;

  line-height: 30px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 16px;

  color: #666;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.info-list>li>a .info-content .info-right {

  width: 20%;

  float: right;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

.info-list>li>a .info-content .info-right::before {

  content: "";

  width: 2px;

  height: 80px;

  background-color: #f2f2f2;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.info-list>li>a .info-content .info-right::after {

  content: "";

  width: 3px;

  height: 100%;

  border-radius: 3px;

  background-color: #053ab9;

  position: absolute;

  right: -30px;

  top: 0;

}

.info-list>li>a .info-content .info-right .info-time {

  width: 80%;

  overflow: hidden;

  line-height: 22px;

  font-size: 14px;

  color: #999;

  font-family: "Source Han Sans CN", sans-serif !important;

  padding-right: 30px;

  background: url(../images/info-jiantou.png) no-repeat right center;

  background-size: auto 30px;

}

.info-list>li>a .info-content .info-right .info-time>span {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-size: 20px;

  color: #053ab9;

  font-family: "Source Han Sans CN", sans-serif !important;

  margin-bottom: 5px;

}

.info-list>li>a:hover .info-img>img {

  transform: scale(1.1);

}

.info-list>li>a:hover .info-content .info-left>h1 {

  color: #053ab9;

}



.page {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin-top: 30px;

}

.page .active,

.page .total {

  min-width: 30px;

  border: 1px solid #ccc;

  padding: 6px 10px;

  font-size: 16px;

  line-height: 30px;

  line-height: 1;

  font-family: "Source Han Sans CN", sans-serif !important;

  margin: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  overflow: hidden;

}

.page .active {

  background: #2772a4;

  border: none;

  color: #fff;

}

.news-bottom>a:hover,

.news-bottom>a.actived {

  background-color: #053ab9;

  border-color: #053ab9;

  color: #fff;

}

.news-bottom>a>img {

  height: 20px;

}

.news-bottom>a:hover,

.news-bottom>a.actived {

  background-color: #053ab9;

  border-color: #053ab9;

  color: #fff;

}

.news-bottom>a:first-child,

.news-bottom>a:last-child {

  background: none !important;

  border-color: #ccc !important;

}

.news-bottom>a:first-child>img,

.news-bottom>a:last-child>img {

  filter: drop-shadow(60px 0 #053ab9);

  transition: initial;

}

.news-bottom>a:first-child:hover>img,

.news-bottom>a:last-child:hover>img {

  transform: translateX(-60px);

}





.info-details-main {

  width: 100%;

  overflow: hidden;

  margin-top: -100px;

  position: relative;

  z-index: 5;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.info-details-main>div {

  width: calc(100% - 40px);

  max-width: 960px;

  float: left;

  background-color: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  margin-bottom: 40px;

  padding: 40px;

}

.info-place {

  display: block;

  overflow: hidden;

  line-height: 34px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 20px;

  color: #000;

  padding-left: 25px;

  background: url(../images/info-place.png) no-repeat left center;

}

.info-place>span {

  color: #c21b1f;

}



.info-details {

  width: 100%;

  overflow: hidden;

  margin-top: 50px;

}

.info-details-title {

  display: block;

  overflow: hidden;

  line-height: 40px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 24px;

  color: #080808;

  text-align: center;

}

.info-details-time {

  display: block;

  overflow: hidden;

  margin-top: 10px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 18px;

  color: #999;

  line-height: 30px;

  text-align: center;

}

.info-details-content {

  display: block;

  overflow: hidden;

  margin-top: 30px;

  font-size: 16px;

  color: #000;

  line-height: 30px;

}

.info-details-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}



.info-details-bottom {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 50px;

}

.info-details-bottom>a {

  overflow: hidden;

  line-height: 24px;

  font-size: 18px;

  color: #080808;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  position: relative;

  max-width: 49%;

}

.info-details-bottom>a>span {

  display: block;

  overflow: hidden;

  line-height: 26px;

  font-size: 20px;

  color: #053ab9;

  margin-bottom: 10px;

}

.info-details-bottom>a>img {

  width: 31px;

  height: auto;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}



.info-details-bottom>a:first-child {

  padding-left: 50px;

}

.info-details-bottom>a:first-child>img {

  left: 0;

  filter: drop-shadow(50px 0 #eaeaea);

  margin-left: -50px;

  transition: initial;

}

.info-details-bottom>a:first-child:hover>img {

  filter: drop-shadow(0 0 #eaeaea);

  margin-left: 0;

}

.info-details-bottom>a:last-child {

  text-align: right;

  padding-right: 50px;

}

.info-details-bottom>a:last-child>img {

  right: 0;

  filter: drop-shadow(-50px 0 #eaeaea);

  margin-right: -50px;

  transition: initial;

}

.info-details-bottom>a:last-child:hover>img {

  filter: drop-shadow(0 0 #eaeaea);

  margin-right: 0;

}



.recommend {

  width: 100%;

  overflow: hidden;

}

.recommend-title {

  display: block;

  overflow: hidden;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 22px;

  line-height: 30px;

  color: #666;

  border-left: 12px solid #053ab9;

  padding-left: 12px;

}

.recommend-list {

  display: flex;

  flex-direction: column;

  margin: 50px auto 0 auto;

}

.recommend-list>li {

  width: 100%;

  float: left;

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid #e2e2e2;

}
.recommend-list>li>a {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}

.recommend-list>li .recommend-time {

  width: 165px;

  float: left;

  background-color: #053ab9;

  margin-right: 25px;

  border-radius: 20px;

  padding: 20px 5px;

  display: flex;

  flex-direction: column;

  align-items: center;

  color: #fff;

  line-height: 24px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 16px;

  box-shadow: 0 0 10px rgba(0, 22, 74, 0.45);

}

.recommend-list>li .recommend-img {
  width: 165px;
  overflow: hidden;
  position: relative;
}


.recommend-list>li .recommend-time>span {

  line-height: 30px;

  text-align: center;

  font-size: 20px;

}

.recommend-list>li .recommend-box {

  width: calc(100% - 165px);

  float: left;

  padding-left: 25px;

}

.recommend-list>li .recommend-box>h1 {

  display: block;

  overflow: hidden;

  line-height: 30px;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

  font-size: 20px;

  color: #080808;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.recommend-list>li .recommend-box>div {

  display: block;

  overflow: hidden;

  margin-top: 10px;

  height: 90px;

  line-height: 30px;

  font-size: 16px;

  color: #000;

  font-family: "Source Han Sans CN Regular", sans-serif !important;

}

.recommend-list>li>a:hover .recommend-box>h1 {

  color: var(--color-hover);

  font-family: "Source Han Sans CN Medium", sans-serif !important;

}

.recommend-list>li:last-child {

  margin: 0;

}



@media (max-width: 1200px) {

  .info-details-main {

    margin-top: -120px;

  }

}

@media (max-width: 991px) {

  .info-nav ul>li {

    margin: 0 20px;

  }

  .info-main {

    padding: 30px 0;

  }

  .info-list>li {

    margin-bottom: 30px;

  }

  .info-list>li>a .info-img {

    width: 30%;

  }

  .info-list>li>a .info-content {

    width: 70%;

    padding: 15px 30px;

    align-items: center;

  }

  .info-list>li>a .info-content .info-left {

    width: 100%;

  }

  .info-list>li>a .info-content .info-left>h1 {

    line-height: 30px;

    font-size: 22px;

  }

  .info-list>li>a .info-content .info-left .info-text {

    margin-top: 10px;

    height: 90px;

    line-height: 30px;

    font-size: 20px;

  }



  .news-bottom {

    margin-top: 30px;

  }



  .info-details-main {

    margin-top: -80px;

  }

  .info-details-main>div {

    padding: 30px 0;

  }

  .info-details-main>div:last-child {

    padding: 30px 0;

  }

  .recommend-list>li {

    padding-bottom: 30px;

    margin-bottom: 30px;

  }



  .recommend-list>li {

    margin-bottom: 30px;

  }



}

@media (max-width: 767px) {

  .info-nav ul {

    padding: 15px 0;

  }

  .info-nav ul>li>a {

    line-height: 30px;

    font-size: 18px;

  }

  .info-nav ul>li {

    margin: 0 10px;

  }

  .info-main {

    padding: 20px 0;

  }

  .info-list>li {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ccc;

  }

  .info-list>li>a .info-content {

    width: 70%;

    padding: 0 0 0 15px;

    align-items: center;

  }

  .info-list>li>a .info-content::after {

    display: none;

  }

  .info-list>li>a .info-content .info-left>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .info-list>li>a .info-content .info-left .info-text {

    margin-top: 5px;

    height: 72px;

    line-height: 24px;

    font-size: 14px;

  }



  .news-bottom {

    margin-top: 10px;

  }

  .news-bottom>a {

    min-width: 30px;

    padding: 5px;

    font-size: 14px;

    line-height: 20px;

    margin: 2px;

  }

  .news-bottom>a:first-child>img,

  .news-bottom>a:last-child>img {

    height: 20px;

    filter: drop-shadow(40px 0 #053ab9);

  }

  .news-bottom>a:first-child:hover>img,

  .news-bottom>a:last-child:hover>img {

    transform: translateX(-40px);

  }



  .info-details-main {

    padding: 0;

    margin: 20px 0;

  }

  .info-details-main>div {

    padding: 20px 0;

  }

  .info-place {

    line-height: 30px;

    font-size: 16px;

  }



  .info-details {

    margin-top: 15px;

  }

  .info-details-title {

    line-height: 24px;

    font-size: 16px;

  }

  .info-details-time {

    margin-top: 5px;

    font-size: 14px;

    line-height: 20px;

  }

  .info-details-content {

    margin-top: 10px;

    font-size: 14px;

    line-height: 24px;

  }

  .info-details-content>img {

    margin: 10px auto;

  }



  .info-details-bottom {

    margin-top: 10px;

  }

  .info-details-bottom>a {

    line-height: 20px;

    font-size: 14px;

    max-width: 100%;

    width: 100%;

  }

  .info-details-bottom>a>img {

    width: 15px;

    height: auto;

  }

  .info-details-bottom>a>span {

    line-height: 24px;

    font-size: 16px;

    margin-bottom: 5px;

  }

  .info-details-bottom>a:first-child {

    padding-left: 30px;

  }

  .info-details-bottom>a:last-child {

    padding-right: 30px;

  }



  .info-details-main>div {

    margin-bottom: 20px;

  }

  .info-details-main>div:last-child {

    padding: 20px 0;

    margin-bottom: 0;

  }



  .recommend-title {

    font-size: 20px;

    line-height: 30px;

    border-left: 5px solid #053ab9;

    padding-left: 10px;

  }

  .recommend-list {

    margin: 15px auto 0 auto;

  }

  .recommend-list>li {

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

  .recommend-list>li .recommend-time {

    width: 105px;

    margin-right: 15px;

    border-radius: 10px;

    padding: 15px 5px;

    line-height: 20px;

    font-size: 14px;

  }

  .recommend-list>li .recommend-time>span {

    line-height: 24px;

    font-size: 18px;

  }

  .recommend-list>li .recommend-img {
    width: 120px;
  }

  .recommend-list>li .recommend-box {

    width: calc(100% - 120px);

    padding-left: 15px;

  }

  .recommend-list>li .recommend-box>h1 {

    line-height: 24px;

    font-size: 16px;

  }

  .recommend-list>li .recommend-box>div {

    margin-top: 5px;

    height: 48px;

    line-height: 24px;

    font-size: 14px;

  }

}

/* END-新闻动态 */



/* 联系我们 */

.contact-banner {

  min-height: initial !important;

}

.contact-banner>img {

  width: 100%;

  display: block;

  height: auto;

}

.lxwm {

  width: 100%;

  overflow: hidden;

  padding: 50px 0;

}

.lxwm-left {

  width: calc(50% - 20px);

  float: left;

}

.lxwm-form {

  display: block;

  overflow: hidden;

}

.lxwm-form>label {

  width: 100%;

  float: left;

  margin-bottom: 10px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

.lxwm-form>label>h1 {

  width: 100%;

  line-height: 40px;

  font-size: 18px;

  color: #515862;

  font-family: "Source Han Sans CN", sans-serif !important;

}

.lxwm-form>label>h1>span {

  color: #ff0000;

  margin-left: 10px;

}

.lxwm-form>label>input {

  width: 100%;

  float: left;

  height: 42px;

  line-height: 40px;

  border: 1px solid #bccbec;

  padding: 0 15px;

  font-size: 16px;

  color: #000;

}

.lxwm-form>label>textarea {

  width: 100%;

  float: left;

  height: 300px;

  line-height: 24px;

  border: 1px solid #bccbec;

  padding: 15px;

  font-size: 20px;

  color: #000;

}

.lxwm-form .contact-yzm {

  margin-top: 0;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.lxwm-form .contact-yzm>a {

  width: 20%;

  height: 42px;

  border: 1px solid #d1d2d5;

  overflow: hidden;

  position: relative;

}

.lxwm-form .contact-yzm>a>img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}

.lxwm-form .contact-yzm>input {

  width: 78%;

  height: 42px;

  font-size: 16px;

  color: #000;

}

.lxwm-form>.submit {

  width: 120px;

  float: right;

  margin-top: 10px;

  height: 50px;

  background-color: var(--color-main);

  border-radius: 10px;

  font-family: "Source Han Sans CN", sans-serif !important;

  font-size: 20px;

  color: #fff;

}



.lxwm-right {

  width: calc(50% - 20px);

  float: right;

}

.lxwm-text {

  display: block;

  overflow: hidden;

}

.lxwm-text>p {

  display: block;

  margin-bottom: 15px;

  line-height: 30px;

  font-size: 18px;

  color: #131212;

  font-family: "Source Han Sans CN Medium", sans-serif !important;

  padding-left: 50px;

  position: relative;

}

.lxwm-text>p>img {

  width: 30px;

  height: auto;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.lxwm-map {

  width: 100%;

  overflow: hidden;

  display: block;

  height: 600px;

}



@media (max-width: 991px) {

  .lxwm {

    padding: 30px 0;

  }

}

@media (max-width: 767px) {

  .lxwm {

    padding: 20px 0;

  }

  .lxwm>.container {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column-reverse;

  }

  .lxwm-left,

  .lxwm-right {

    width: 100%;

  }

  .lxwm-text>p {

    margin-bottom: 5px;

    line-height: 24px;

    font-size: 14px;

    padding-left: 30px;

  }

  .lxwm-text>p>img {

    width: 20px;

  }

  .lxwm-map {

    height: 300px;

    margin-top: 10px;

  }

  .lxwm-form {

    margin-top: 15px;

  }

  .lxwm-form>label>h1 {

    line-height: 34px;

    font-size: 16px;

  }

  .lxwm-form>label>h1>span {

    margin-left: 5px;

  }

  .lxwm-form>label>input {

    height: 38px;

    line-height: 36px;

    font-size: 14px;

    padding: 0 10px;

  }

  .lxwm-form>label>textarea {

    height: 150px;

    line-height: 24px;

    padding: 10px;

    font-size: 14px;

  }

  .lxwm-form .contact-yzm {

    margin: 0;

  }

  .lxwm-form .contact-yzm>a {

    width: 30%;

    height: 34px;

  }

  .lxwm-form .contact-yzm>input {

    width: 68%;

    height: 34px;

    font-size: 14px;

  }

  .lxwm-form>button {

    width: 100%;

    margin-top: 10px;

    height: 40px;

    font-size: 16px;

  }

}

/* END-联系我们 */