@charset "utf-8";
/* CSS Document */
/*banner*/

.ins_banner {
  position: relative;
  z-index: 100;
}
.ins_banner .pic {
  position: relative;
  z-index: 0;
  padding-top: 37.5%;
  overflow: hidden;
}
.ins_banner .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-animation: breatheBg 8s ease-in-out infinite alternate;
  -webkit-animation: breatheBg 8s ease-in-out infinite alternate;
  -o-animation: breatheBg 8s ease-in-out infinite alternate;
}

@keyframes breatheBg {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@-moz-keyframes breatheBg {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@-webkit-keyframes breatheBg {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@-o-keyframes breatheBg {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.ins_banner .pic::after {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-image: linear-gradient(to bottom, rgba(16, 38, 59, 1), rgba(16, 38, 59, 0.2));
}

.ins_banner .mapPic::after {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-image: radial-gradient(rgba(16, 38, 59, 0) 1%, rgba(16, 38, 59, 0.5) 40%, rgba(16, 38, 59, 1));
}

.ins_banner .txtb {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 5em;
  bottom: 5em;
  color: #fff;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ins_banner .txtb .txt {
  text-align: center;
}
.ins_banner .txtb .txtL {
  text-align: left;
}
.ins_banner .txtb .name {
  font-weight: bold;
}
.ins_banner .txtb .txt .intro {
  font-weight: lighter;
  margin-top: 0.4em;
  overflow: hidden;
  color: rgba(255, 255, 255, 1);
}
.ins_banner .txtb .txt .btnBlue {
  margin-top: 5em;
}

#i_banner .swiper-slide-active .txtb .txt {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.ins_banner .txtb .add {
  position: relative;
  z-index: 0;
  margin-top: 7.5em;
  display: inline-block;
  color: #fff;
  background-color: #00376f;
  width: 14.5em;
  font-weight: bold;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.ins_banner .txtb .add .addP {
  padding: 0.9em 1.2em;
}
.ins_banner .txtb .add::before {
  position: absolute;
  top: -3em;
  left: 50%;
  margin-left: -1.1em;
  display: block;
  content: "";
  width: 2.2em;
  height: 2.2em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #00376f;
}
.ins_banner .txtb .add::after {
  position: absolute;
  top: -0.4em;
  left: 50%;
  margin-left: -0.45em;
  content: "";
  display: block;
  width: 0.9em;
  height: 0.9em;
  background-color: #00376f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.ins_banner .txtBot {
  position: absolute;
  z-index: 3;
  bottom: 0;
  margin-bottom: 8.3em;
  left: 0;
  width: 100%;
}
.ins_banner .txtBot2 {
  margin-bottom: 5em;
}
.ins_banner .position {
  color: #fff;
}
.ins_banner .position a {
  color: #fff;
}

@media only screen and (max-width: 828px) {
  .ins_banner .pic {
    position: relative;
    z-index: 0;
    padding-top: 50%;
  }
  .cont_banner .pic {
    padding-top: 100%;
  }
  .ins_banner .txtBot {
    margin-bottom: 1em;
  }
  .cont_banner .txtBot {
    margin-bottom: 2em;
  }

  .ins_banner_2 .pic {
    padding-top: 100%;
  }
}

.newIBox {
  padding-bottom: 12em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.newIBox .conL {
  margin-top: 5em;
  width: 160px;
}
.newIBox .conR {
  margin-top: 2.2em;
  flex: 1;
  margin-left: 3.47%;
}

@media only screen and (max-width: 828px) {
  .newIBox {
    display: block;
    overflow: hidden;
  }
  .newIBox .conL {
    width: 100%;
  }
  .newIBox .conR {
    margin-left: auto;
  }
}

.newIBox .tit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newIBox .tit .name {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.newIBox .tit .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.newIBox .conL .tab {
  margin-top: 1.5em;
  text-align: left;
}
.newIBox .conL .tab li {
  line-height: 2.4em;
  cursor: pointer;
  margin-bottom: 0.8em;
  border: 1px solid transparent;
}
.newIBox .conL .tab li a,
.newIBox .conL .tab li .name {
  padding: 0.1em 1.1em 0;
  display: block;
  cursor: pointer;
}
.newIBox .conL .tab li.cur {
  position: relative;
  z-index: 0;
  border: 1px solid #00376f;
  color: #00376f;
  font-weight: bold;
  background-color: #fff;
}
.newIBox .conL .tab li.cur a,
.newIBox .conL .tab li.cur .name {
  color: #00376f;
}
.newIBox .conL .tab li.cur a::after,
.newIBox .conL .tab li.cur .name::after {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
  background: url(../images/arrow_6.svg) center center no-repeat;
  background-size: contain;
}

.newIBox .picList ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.newIBox .picList li {
  width: 31.6%;
  margin-right: 2.6%;
  margin-top: 1.75em;
}
.newIBox .picList li:nth-child(3n) {
  margin-right: 0;
}
.newIBox .picList .item {
  padding: 11.1% 8.6% 8%;
  margin: 2.6em 0 2.6em;
  background-color: #fff;
  -moz-border-top-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-border-bottom-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  border-bottom-right-radius: 1em;
  color: #000;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.newIBox .picList .item .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 62.4%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.newIBox .picList .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newIBox .picList .item .txtb {
  text-align: left;
}
.newIBox .picList .item .date {
  margin-top: 2em;
}
.newIBox .picList .item .name {
  margin-top: 0.7em;
  height: 3em;
  line-height: 1.5em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newIBox .picList .item .intro {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.8em;
  height: 4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.newIBox .picList .item a.btnArrow {
  width: 1.6em;
  height: 1em;
  cursor: pointer;
  display: inline-block;
  background: url(../images/arrow_4_gray.svg) center center no-repeat;
  background-size: contain;
}

.newIBox .picList .item:hover {
  margin: 0 auto;
  color: #fff;
  background-color: #004990;
}
.newIBox .picList .item:hover a.btnArrow {
  background-image: url(../images/arrow_4_white.svg);
}
.newIBox .picList .item:hover a {
  color: #fff;
}
.newIBox .picList .item:hover .intro {
  margin-top: 1.4em;
  margin-bottom: 3em;
  height: 5.4em;
}

@media only screen and (max-width: 828px) {
  .newIBox .picList ul {
    display: block;
  }
  .newIBox .picList li {
    width: 100%;
    margin-right: auto;
  }
}

.newIBox .list {
  margin-top: 6.8em;
}
.newIBox .list li {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  line-height: 1.8;
  padding: 2.6em 3em 1.4em;
  margin-top: 2em;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}

@media only screen and (max-width: 828px) {
  .newIBox .list li {
    padding: 1.5em;
  }
}

.newIBox .list li .txtb {
  flex: 1;
  margin-left: 1em;
}
.newIBox .list li .dd {
  line-height: 1.2;
  color: #004990;
  font-weight: bold;
}
.newIBox .list li .name {
  margin-top: 1.2em;
  font-weight: bold;
  height: 1.8em;
  overflow: hidden;
}
.newIBox .list li .yymm {
  padding-bottom: 0.4em;
  border-bottom: 1px solid #eaedf1;
}
.newIBox .list li .intro {
  margin-top: 0.7em;
  height: 3.6em;
  overflow: hidden;
}
.newIBox .list li .btnW {
  margin-top: 1em;
  text-align: right;
}

.newIBox .list li:hover {
  color: #fff;
  background-color: #004990;
}
.newIBox .list li:hover .dd {
  color: #fff;
}
.newIBox .list li:hover .name a {
  color: #fff;
}
.newIBox .list li:hover .yymm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.newIBox .list li:hover .btnBlue2 {
  border: 1px solid transparent;
  color: #fff;
}
.newIBox .list li:hover .btnBlue2::after {
  background-image: url(../images/arrow_3.svg);
}
.newIBox .list li:hover .btnBlue2:hover {
  color: #fff;
}

/*产品详情*/

.proDeBox {
  text-align: left;
  padding: 1.1em 0 6.9em;
}
.proDeBox .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proDeBox .title {
  padding-bottom: 0.8em;
  line-height: 1.8;
  font-weight: bold;
}
.proDeBox .tit .btnBlue {
  padding: 0.65em 1.4em 0.55em;
}

.swiper-pro {
  margin-top: 1.5em;
}
.swiper-pro .pic {
  position: relative;
  z-index: 0;
  padding-top: 50%;
}
.swiper-pro .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.swiper-pro .pic:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.swiper-pro-w {
  position: relative;
  z-index: 0;
}
.swiper-pro-w .btnNext,
.swiper-pro-w .btnPrev {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -1.125em;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.png) center center no-repeat;
  background-size: contain;
}
.swiper-pro-w .btnPrev {
  left: -5em;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.swiper-pro-w .btnNext {
  right: -5em;
}

.swiper-pro-w .btnNext:hover,
.swiper-pro-w .btnPrev:hover {
  background-image: url(../images/arrow_5_on.svg);
}

.swiper-pro-w .swiper-button-disabled,
.swiper-pro-w .swiper-button-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.proDeCon .tit_2 {
  margin-top: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #004990;
  line-height: 2.9em;
  padding: 0.1em 1.25em 0;
}

.proDeCon .tit_3 {
  margin-top: 2.2em;
  font-weight: bold;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.advaList ul {
  margin-top: 1em;
}
.advaList li {
  position: relative;
  z-index: 0;
  padding: 0.6em 0 0.6em 1.9em;
}
.advaList li .dot {
  position: absolute;
  left: 0;
  top: 0.7em;
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border: 0.3em solid #c0d3e6;
  background-color: #004990;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.advaList li .dot .circle_1,
.advaList li .dot .circle_2,
.advaList li .dot .circle_3 {
  width: 1.1em;
  height: 1.1em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.55em;
  margin-top: -0.55em;
  -ms-transform: scale(0, 0); /* IE 9 */
  -webkit-transform: scale(0, 0); /* Safari */
  transform: scale(0, 0); /* 标准语法 */
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -moz-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -webkit-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: anim_1 3s;
  -moz-animation: anim_1 3s; /* Firefox */
  -webkit-animation: anim_1 3s; /* Safari and Chrome */
  -o-animation: anim_1 3s; /* Opera */

  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;

  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  -o-animation-delay: 0;
}
.advaList li .dot .circle_2 {
  animation-delay: 0.66s;
  -moz-animation-delay: 0.66s;
  -webkit-animation-delay: 0.66s;
  -o-animation-delay: 0.66s;
}
.advaList li .dot .circle_3 {
  animation-delay: 1.32s;
  -moz-animation-delay: 1.32s;
  -webkit-animation-delay: 1.32s;
  -o-animation-delay: 1.32s;
}
.advaList li .t_1 {
  font-weight: bold;
}
.advaList li .t_2 {
  margin-top: 0.2em;
  color: #546272;
}

.procList {
  margin-right: -0.5em;
}
.procList ul {
  margin-top: 0.2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.procList li {
  margin-top: 1.2em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.procList li .name {
  margin-right: 0.6em;
  padding: 0.1em 1.5em 0;
  line-height: 3;
  background-color: #e8edf5;
}
.procList li::after {
  margin-right: 0.5em;
  display: block;
  content: "";
  height: 0.8em;
  width: 1.2em;
  background: url(../images/arrow_7.svg) center center no-repeat;
  background-size: contain;
}

.procList li:last-child::after {
  margin-right: 0.5em;
  display: block;
  content: "";
  height: 0.8em;
  width: 1.2em;
  background: url(../images/arrow_71.svg) center center no-repeat;
  background-size: contain;
}

.proDeCon .btnNPW {
  text-align: left;
  line-height: 2.25em;
  height: 2.25em;
}
.proDeCon .btnNext,
.proDeCon .btnPrev {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.png) center center no-repeat;
  background-size: contain;
}
.proDeCon .btnPrev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.proDeCon .btnNext:hover,
.proDeCon .btnPrev:hover {
  background-image: url(../images/arrow_5_on.svg);
}

.proDeCon .swiper-button-disabled,
.proDeCon .swiper-button-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.swiper-about-pic-w {
  margin: 0 auto 0 0;
}
.swiper-about-pic {
  margin-top: 2.2em;
}
.swiper-about-pic .swiper-slide {
  width: 28em;
}
.swiper-about-pic .item {
  margin-right: 2em;
}
.swiper-about-pic .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 67%;
}
.swiper-about-pic .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.swiper-about-pic .pic:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

/*加入我们*/
/*工作环境*/
.enviBox {
  padding: 6em 0 0;
}
.enviBox .tit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.enviBox .tit .name {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.enviBox .tit .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.swiper-envi-w {
  margin: 0 auto 0 0;
}
.swiper-envi {
  margin-top: 4em;
}
.swiper-envi .swiper-slide {
  width: 28.1em;
}
.swiper-envi .item {
  padding: 0.4em;
  margin: 0 1.7em 0 0.3em;
  background-color: #fff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.swiper-envi .item .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 66%;
}
.swiper-envi .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.swiper-envi .item:hover .pic img {
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.enviBox .btnNPW {
  text-align: left;
  line-height: 2.25em;
  height: 2.25em;
}
.enviBox .btnNext,
.enviBox .btnPrev {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size: contain;
}
.enviBox .btnPrev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.enviBox .btnNext:hover,
.enviBox .btnPrev:hover {
  background-image: url(../images/arrow_5_on.svg);
}

/*弹出框*/
.enviPopup {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.85);
}
.enviPopup .enviCon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-envi-p {
  width: 80%;
}
.swiper-envi-p .swiper-slide {
}
.swiper-envi-p .item {
  background-color: #fff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.swiper-envi-p .item .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 66%;
}
.swiper-envi-p .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enviPopup .close {
  top: 5%;
  right: 2%;
  position: absolute;
  cursor: pointer;
  display: block;
  width: 5.3em;
  height: 5.3em;
  margin-right: -1.4em;
  background: url(../images/close.svg) center center no-repeat;
  background-size: contain;
}
.enviPopup .btnNext,
.enviPopup .btnPrev {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 3em;
  height: 3em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size: contain;
}
.enviPopup .btnNext {
  top: 50%;
  margin-top: -1.5em;
  right: 2%;
}
.enviPopup .btnPrev {
  top: 50%;
  margin-top: -1.5em;
  left: 2%;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.enviPopup .btnNext:hover,
.enviPopup .btnPrev:hover {
  background-image: url(../images/arrow_5_on.svg);
}

/*选择我们*/
.chooseBox {
  padding: 6em 0 0;
}
.chooseBox .tit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chooseBox .tit .name {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.chooseBox .tit .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.chooseBox .list ul {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.chooseBox .list li {
  width: 48.9%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  margin-top: 2.2em;
  background-color: #fff;
  text-align: left;
}
.chooseBox .list li .item {
  padding: 2.1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 828px) {
  .chooseBox .list li {
    width: 100%;
  }
}
.chooseBox .list .picb {
  width: 13em;
}
.chooseBox .list .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.chooseBox .list .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.chooseBox .list li:hover .pic img {
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.chooseBox .list li .txtb {
  flex: 1;
  margin-left: 2.5em;
}
.chooseBox .list li .name {
  font-weight: bold;
  height: 1.5em;
  overflow: hidden;
}
.chooseBox .list li .intro {
  margin-top: 1em;
  line-height: 1.7em;
  height: 5.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*招聘*/
.joinIBox {
  padding: 6em 0;
}
.joinIBox .conL {
  margin-top: 1em;
}
.joinIBox .conR {
  margin-top: 0.7em;
}

.joinIBox .conJ {
  display: none;
}
.joinIBox .conJ.show {
  display: block;
}

.joinIBox .joinList dl {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  padding: 2.6em 3em 2em;
  margin-top: 2em;
  background-color: #fff;
  text-align: left;
}
.joinIBox .joinList dl:hover {
  color: #fff;
  background-color: #004990;
}

.joinIBox .joinList dl dt {
  padding-bottom: 1em;
  border-bottom: 1px solid #d6dbe3;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.joinIBox .joinList dl dt .name {
  margin-right: 1em;
  font-weight: bold;
}
.joinIBox .joinList dl dt .salary {
  color: #ff6b21;
  font-weight: bold;
}
.joinIBox .joinList dl dd {
  padding: 1em 0 0;
}
.joinIBox .joinList dl .about span {
  padding: 0.1em 1.6em 0;
  margin-right: 0.8em;
  margin-top: 0.8em;
  background-color: #e6edf5;
  line-height: 1.9;
  display: inline-block;
}
.joinIBox .joinList .btnW {
  text-align: right;
}
.joinIBox .joinList .btnBlue2 {
  background-color: transparent;
  padding: 0;
}
.joinIBox .joinList .txt {
  height: 0;
  margin-top: 1.4em;
  overflow: hidden;
}

.joinIBox .joinList dl.show .txt {
  height: auto;
}

.joinIBox .joinList dl:hover .about span {
  color: #000;
}
.joinIBox .joinList dl:hover .btnBlue2 {
  color: #fff;
}
.joinIBox .joinList dl:hover .btnBlue2::after {
  background-image: url(../images/arrow_3.svg);
}

@media only screen and (max-width: 480px) {
  .joinIBox .joinList dl {
    padding: 2.1em;
  }
}

/*联系我们*/
.contIBox {
  position: relative;
  z-index: 100;
  margin-top: -6.68em;
  margin-bottom: 10em;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  text-align: left;
  -moz-box-shadow: 0.5em 0.5em 1.2em rgba(55, 99, 170, 0.1);
  -webkit-box-shadow: 0.5em 0.5em 1.2em rgba(55, 99, 170, 0.1);
  box-shadow: 0.5em 0.5em 1.2em rgba(55, 99, 170, 0.1);
}
.contIBox .conL {
  width: 33.5%;
  background-color: #00376f;
  color: #fff;
}
.contIBox .conR {
  flex: 1;
}

@media only screen and (max-width: 828px) {
  .contIBox {
    margin-top: -1em;
    display: block;
  }
  .contIBox .conL {
    width: 100%;
  }
}

.addBox {
  padding: 12.4%;
}
.addBox .tit {
  margin-bottom: 1.6em;
  font-weight: bold;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.addBox .tit::after {
  content: "";
  display: block;
  margin: 0.9em auto 0 0;
  background-color: #fff;
  width: 1em;
  height: 0.2em;
}
.addBox dl {
  padding: 0.7em 0 0.6em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.addBox dl dt img {
  display: block;
  margin-top: 0.2em;
  width: 1.57em;
  height: 1.57em;
  object-fit: contain;
}
.addBox dl dd {
  flex: 1;
  margin-left: 1em;
  line-height: 2.1em;
}
.addBox dl dd .t_1 {
  font-weight: bold;
}

.contIBox .cont {
  padding: 6.8% 8.1%;
}
.contIBox .cont .tit {
  margin-bottom: 0.7em;
  font-weight: bold;
  border-bottom: 1px solid #dfe6ec;
  color: #00376f;
}
.contIBox .cont .tit::after {
  content: "";
  display: block;
  margin: 0.9em auto 0 0;
  background-color: #00376f;
  width: 1em;
  height: 0.2em;
}
.contIBox .cont .form {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.contIBox .cont .form form {
  width: 100%;
  padding: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.contIBox .cont .form form .red {
  color: #ed2b1d;
}
.contIBox .cont .form dl {
  width: 100%;
  margin-top: 2.2em;
}
.contIBox .cont .form dl.dl_2 {
  width: 48.1%;
}
.contIBox .cont .form dd {
  margin-top: 0.8em;
}

.contIBox .cont .form .iW {
  border: 1px solid #e6ebef;
  padding: 0 1em;
}
.contIBox .cont .form .iW .input {
  font-size: 1em;
  line-height: 3.2em;
  height: 3.2em;
  border: 0;
  margin: 0;
  padding: 0;
  outline-width: 0;
  width: 100%;
  color: #000;
}

.contIBox .cont .form .tW {
  border: 1px solid #e6ebef;
  padding: 0.8em 1em;
}

.contIBox .cont .form .tW .textarea {
  font-size: 1em;
  display: block;
  line-height: 1.3em;
  height: 9.1em;
  border: 0;
  margin: 0;
  padding: 0;
  outline-width: 0;
  width: 100%;
  color: #000;
}
.contIBox .cont .form .txts {
  margin-top: 0.9em;
}
.contIBox .cont .form .txts a {
  color: #004890;
}
.contIBox .cont .form .txts a:hover {
  text-decoration: underline;
}
.contIBox .cont .form .txts input[type="checkbox"] {
  outline-width: 0;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.contIBox .cont .form .btnW {
  width: 100%;
  margin-top: 2em;
  text-align: right;
}
.contIBox .cont .form .btnW .btnBlue3 {
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 828px) {
  .contIBox .cont .form .btnW {
    margin-top: 2em;
  }
  .contIBox .cont .form .tW .textarea {
    height: 3.9em;
  }
  .contIBox .cont .form dl.dl_2 {
    width: 100%;
  }
}

.point {
  position: absolute;
  left: 0;
  top: -5.9em;
}

.proIBox {
  margin-top: 3.8em;
  padding-bottom: 6.2em;
}
.proIBox .tit {
  color: #235436;
  font-weight: bold;
  text-align: left;
}
.proIBox .list ul {
  margin-top: -3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.proIBox .list li {
  margin-top: 5%;
  margin-right: 3.125%;
  width: 31.25%;
  position: relative;
  z-index: 0;
  background: #f7f7f7 url(../images/li_bg.png) no-repeat;
  background-size: 100% 100%;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.proIBox .list li:nth-child(3n) {
  margin-right: 0;
}
.proIBox .list .picb {
  padding: 13.8% 11.6% 0;
}
.proIBox .list .picb .pic {
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 94%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.proIBox .list .picb:hover .pic {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.proIBox .list .picb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proIBox .list .txtb {
  margin: 1.5em 11.6% 0;
  padding-bottom: 10%;
  text-align: left;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.proIBox .list .txtb .name {
  flex: 1;
  margin-right: 1em;
}
.proIBox .list .txtb .name .en {
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
}
.proIBox .list .txtb .name .ch {
  margin-top: 0.1em;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
}

.proIBox .list .btnArrow3 {
  margin-bottom: 0.2em;
}

@media only screen and (max-width: 828px) {
  .proIBox .list ul {
    margin-top: 0;
  }
  .proIBox .list li {
    margin-top: 3%;
    margin-right: 3%;
    width: 48.5%;
  }
  .proIBox .list li:nth-child(3n) {
    margin-right: 3%;
  }
  .proIBox .list li:nth-child(2n) {
    margin-right: 0;
  }
  .proIBox .list .picb {
    padding: 8% 8% 0;
  }
  .proIBox .list .txtb {
    margin: 1.5em 8% 0;
    display: block;
  }
  .proIBox .list .txtb .name {
    margin-right: 0;
  }
  .proIBox .list .btnArrow3 {
    margin-top: 1em;
  }
}

.downIBox {
  margin-top: 3.8em;
  padding-bottom: 6.2em;
}
.downIBox .tit {
  color: #235436;
  font-weight: bold;
  text-align: left;
}
.downIBox .list ul {
  margin-top: 2.5em;
}
.downIBox .list li {
  margin-top: 0.87em;
  background: #f8f8f8;
  padding: 3.2% 3%;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.downIBox .list .date {
  font-weight: bold;
  margin-right: 1.3em;
  color: #3c7619;
  height: 1.5em;
  overflow: hidden;
}
.downIBox .list .name {
  height: 1.5em;
  overflow: hidden;
  text-align: left;
  color: #272727;
  flex: 1;
  margin-right: 1em;
}
.downIBox .list .name a {
  color: #272727;
}
.downIBox .list .name a:hover {
  color: #3c7619;
}

@media only screen and (max-width: 828px) {
  .downIBox .list .date {
    margin-right: 0.5em;
  }
  .downIBox .list .name {
    margin-right: 0.5em;
  }
  .downIBox .btnArrow4::after {
    margin-left: 0.5em;
    width: 2em;
    height: 2em;
  }
}

/*关于我们页面*/
.introBox {
  position: relative;
  z-index: 0;
  padding: 5em 0 0;
}
.introBox .tit {
  font-weight: bold;
  color: #235436;
}
.introBox .introCon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.introBox .introCon .txtb {
  margin-top: 3em;
  color: #333;
  width: 42.7%;
  margin-left: 3.3%;
  text-align: left;
}
.introBox .introCon .txtb .name {
  font-weight: bold;
}
.introBox .introCon .txtb .name2 {
  margin-top: 0.4em;
  font-weight: lighter;
}
.introBox .introCon .txtb .txt {
  margin-top: 0.8em;
  line-height: 1.8;
  font-weight: lighter;
}
.introBox .introCon .txtb .txt p {
  padding: 1em 0;
}
.introBox .introCon .picb {
  margin-top: 3em;
  color: #333;
  width: 49.3%;
  overflow: hidden;
  -moz-border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
  border-radius: 1.2em;
}
.introBox .introCon .picb .pic {
  position: relative;
  z-index: 0;
  padding-top: 57%;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.introBox .introCon .picb .pic:hover {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.introBox .introCon .picb .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videoAboutI .txtb {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 1em;
  bottom: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.videoAboutI .videoBox {
  overflow: hidden;
  background-color: ;
  -moz-border-radius: 1.3em;
  -webkit-border-radius: 1.3em;
  border-radius: 1.3em;
}
.videoAboutI .videoBox video {
  -moz-border-radius: 1.3em;
  -webkit-border-radius: 1.3em;
  border-radius: 1.3em;
}
.videoAboutI .videoBox .btnPlay {
  margin-top: -1em;
}

@media only screen and (max-width: 828px) {
  .introBox .introCon {
    display: block;
  }
  .introBox .introCon .txtb {
    width: 100%;
    margin-left: auto;
  }
  .introBox .introCon .picb {
    width: 100%;
  }

  .videoAboutI {
    margin-top: 3em;
    width: 100%;
  }
}

.valBox {
  padding: 4.3em 0 6.2em;
  color: #333;
}
.valBox .tit {
  color: #333;
}
.valBox .valList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.valBox .valList li {
  margin: 1.2em 0.8em 0;
}
.valBox .valList li .pics {
  width: 5.6em;
  height: 5.6em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/pics_bg.png) center center no-repeat;
  background-size: contain;
  margin: 0 auto 0.4em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.valBox .valList li .pics img {
  display: block;
  width: 2.5em;
  height: 2.5em;
  object-fit: contain;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.valBox .valList li .pics:hover img {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.valBox .name {
  width: 9em;
  margin: 0 auto;
  line-height: 1.2;
}

.cultBox {
  position: relative;
  z-index: 0;
  padding: 9.3em 0;
  color: #fff;
  background: url(../images/cult_bg.jpg) center center no-repeat;
  background-size: cover;
}
.cultBox .tit {
  font-weight: bold;
}

.cultBox .item {
  position: relative;
  z-index: 0;
  padding: 7em 0;
}
.cultBox .num {
  color: #235436;
  width: 3.1em;
  height: 3.1em;
  margin: 0 auto;
  line-height: 3.1em;
  font-weight: bold;
  background-color: #f7faf6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.cultBox .name {
  margin-top: 0.4em;
  font-weight: bold;
}
.cultBox .intro {
  margin-top: 0.6em;
  font-weight: lighter;
}

.cultBox .item .prevTxt {
  position: absolute;
  left: 7em;
  top: 50%;
  margin-top: -0.6em;
}
.cultBox .item .nextTxt {
  position: absolute;
  right: 7em;
  top: 50%;
  margin-top: -0.6em;
}

.swiper-cult-w {
  position: relative;
  z-index: 0;
}
.swiper-cult-w .btnNext,
.swiper-cult-w .btnPrev {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -1.75em;
  cursor: pointer;
  display: inline-block;
  width: 3.5em;
  height: 3.5em;
  border: 1px solid #235436;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff url(../images/arrow_4.png) center center no-repeat;
  background-size: 34% auto;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.swiper-cult-w .btnPrev {
  left: 0;
  right: auto;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.swiper-cult-w .btnNext {
  right: 0;
}
.swiper-cult-w .btnNext:hover,
.swiper-cult-w .btnPrev:hover {
  border: 1px solid #235436;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background-color: #235436;
  background-image: url(../images/arrow_5.png);
}
.swiper-cult-w .swiper-button-disabled {
  cursor: default;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
@media only screen and (max-width: 828px) {
  .swiper-cult-w .btnNext,
  .swiper-cult-w .btnPrev {
    width: 2em;
    height: 2em;
    margin-top: -1em;
  }
  .cultBox {
    padding: 5em 0 1em;
  }
  .cultBox .item .prevTxt {
    display: none;
  }
  .cultBox .item .nextTxt {
    display: none;
  }
}

/*合作公司*/
.partnerBox {
  position: relative;
  z-index: 0;
  padding: 6em 0 6.5em;
  background-color: #f8f8f8;
}
.partnerBox .tit {
  text-align: center;
}
.partnerBox .tit .name {
  font-weight: bold;
  color: #235436;
}
.partnerBox .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.partnerBox .list li {
  margin-top: 2.8%;
  width: 19.2%;
  margin-right: 1%;
}
.partnerBox .list li .picb {
  display: block;
  cursor: pointer;
  border: 1px solid #ecedf2;
  padding-top: 41%;
  background-color: #fff;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  z-index: 0;
}
.partnerBox .list li .picb:hover {
  border: 1px solid #235436;
}
.partnerBox .list li:nth-child(5n) {
  margin-right: 0;
}
.partnerBox .list li .picb .pic {
  display: block;
  position: absolute;
  width: 50%;
  height: 60%;
  left: 25%;
  top: 20%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.partnerBox .list li .picb:hover .pic {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.partnerBox .list li .picb .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper-partner .btnNPW {
  margin-top: 2.3em;
}
.swiper-partner .btnNext,
.swiper-partner .btnPrev {
  cursor: pointer;
  display: inline-block;
  width: 3.5em;
  height: 3.5em;
  margin: 0 0.5em;
  border: 1px solid #cfcfcf;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/arrow_6.png) center center no-repeat;
  background-size: 34% auto;
}
.swiper-partner .btnPrev {
  left: 5.2%;
  right: auto;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.swiper-partner .btnNext:hover,
.swiper-partner .btnPrev:hover {
  border: 1px solid #487f29;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background-image: url(../images/arrow_4.png);
}

@media only screen and (max-width: 828px) {
  .partnerBox {
    padding: 5em 0;
  }
  .partnerBox .list li {
    width: 48%;
    margin-right: 4%;
  }
  .partnerBox .list li:nth-child(5n) {
    margin-right: 4%;
  }
  .partnerBox .list li:nth-child(2n) {
    margin-right: 0;
  }

  .swiper-partner .btnNext,
  .swiper-partner .btnPrev {
    width: 2em;
    height: 2em;
  }
}

/*荣誉奖项*/
.honorBox {
  position: relative;
  z-index: 0;
  padding: 7.5em 0 9em;
}
.honorBox .tit {
  text-align: center;
}
.honorBox .tit .name {
  font-weight: bold;
  color: #235436;
}
.honorBox .swiper-honor-w {
  margin-top: 4%;
}
.honorBox .list ul {
  color: #333;
}
.honorBox .list li {
  padding: 6.9% 0;
  background-color: #f8f8f8;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.honorBox .list li .picb {
  display: block;
  width: 68.5%;
  margin: 0 auto;
}
.honorBox .list li:nth-child(3n) {
  margin-right: 0;
}
.honorBox .list li .picb .pic {
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.honorBox .list li .picb:hover .pic {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.honorBox .list li .picb .pic img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.honorBox .list li .name {
  margin-top: 1.9em;
}

.swiper-honor-w {
  position: relative;
  z-index: 0;
}

.honorBox .btnNext,
.honorBox .btnPrev {
  position: absolute;
  z-index: 2;
  right: -1.75em;
  top: 50%;
  margin-top: -1.75em;
  cursor: pointer;
  display: inline-block;
  width: 3.5em;
  height: 3.5em;
  border: 1px solid #487f29;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../images/arrow_4.png) center center no-repeat;
  background-size: 34% auto;
}
.honorBox .btnPrev {
  left: -1.75em;
  right: auto;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.honorBox .btnNext:hover,
.honorBox .btnPrev:hover {
  border: 1px solid #235436;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background-color: #235436;
  background-image: url(../images/arrow_5.png);
}

@media only screen and (max-width: 828px) {
  .honorBox {
    padding: 5em 0;
  }

  .honorBox .btnNext,
  .honorBox .btnPrev {
    width: 2em;
    height: 2em;
    right: 0;
  }
  .honorBox .btnPrev {
    left: 0;
  }
}

/*新闻详情*/
.newDeBox {
  text-align: left;
  padding: 1.5em 0 5.5em;
}
.newDeBox .title {
  line-height: 1.8;
  font-weight: bold;
}
.newDeBox .about {
  padding: 0.7em 0 1.1em;
  border-bottom: 1px solid #d6dbe3;
}

.newDeBox .content {
  min-height: 300px;
  line-height: 1.8;
  overflow: hidden;
  margin-top: 0.5em;
  padding: 0 0 1.7em;
  border-bottom: 1px solid #e3e8ef;
}
.newDeBox .content img {
  margin-top: 1em;
  max-width: 100%;
  height: auto;
}
.newDeBox .content p {
  margin-top: 1.2em;
}
.newDeBox .content h2 {
  margin-top: 1.5em;
}
.newDeBox .content h3 {
  margin-top: 1.5em;
}
.newDeBox .content ul {
  margin-top: 1.5em;
}
.newDeBox .content li {
  position: relative;
  z-index: 0;
  font-weight: bold;
  padding: 0.5em 0 0.4em 4em;
}
.newDeBox .content li::before {
  position: absolute;
  left: 2.1em;
  top: 0.7em;
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border: 0.3em solid #c0d3e6;
  background-color: #004990;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pageTurn {
  margin-top: 2em;
}
.pageTurn ul {
  color: #004990;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageTurn ul li {
  width: 48%;
  line-height: 1.8em;
  height: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pageTurn ul li a {
  color: #004990;
}
.pageTurn ul li a:hover {
  text-decoration: underline;
  color: #004990;
}

.pageTurn ul li:nth-child(2) {
  text-align: right;
}

@media only screen and (max-width: 600px) {
  .pageTurn ul {
    display: block;
  }
  .pageTurn ul li {
    width: 100%;
  }
  .pageTurn ul li:nth-child(2) {
    text-align: left;
  }
}

.lineIBox {
  padding: 6em 0 6em;
  background: url(../images/solution/line_bg.jpg) center 0 no-repeat;
  background-size: cover;
}
.lineIBox .tit {
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.lineIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}
.lineIBox .tab {
  margin-top: 1.3em;
  border-bottom: 1px solid #ccd7e2;
}
.lineIBox .tab ul {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
.lineIBox .tab ul li {
  cursor: pointer;
  flex: 1;
  padding: 1.1em 0 1em;
}

.lineIBox .tab ul li.cur,
.lineIBox .tab ul li:hover {
  position: relative;
  z-index: 0;
  color: #004990;
  font-weight: bold;
}
.lineIBox .tab ul li.cur::after,
.lineIBox .tab ul li:hover::after {
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  bottom: -1px;
  left: 50%;
  margin-left: -1.05em;
  background-color: #004990;
  width: 2.1em;
  height: 0.25em;
}

.lineIBox .conI {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.lineIBox .conI.show {
  z-index: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.lineIBox .conIZ {
  position: relative;
  z-index: 0;
  margin-top: 2.5em;
  height: 44.2em;
  border: 1px solid #e1e7ee;
  background-color: #fff;
  overflow: hidden;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

.lineIBox .conL {
  width: 23.4%;
  background: url(../images/solution/line_bg2.webp) left bottom no-repeat;
  background-size: cover;
  border-right: 1px solid #e1e7ee;
}
.lineIBox .conR {
  flex: 1;
  height: 44.2em;
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 828px) {
  .lineIBox .conI.show {
    display: block;
  }
  .lineIBox .conL {
    width: 100%;
  }
}

.lineIBox .conL .logoS {
  padding: 11.8% 13%;
  text-align: left;
  background: #0c4f8d url(../images/solution/logo_s_bg.png) center bottom no-repeat;
  background-size: cover;
}
.lineIBox .conL .logoS img {
  margin: 0 auto 0 0;
  height: auto;
  display: block;
  width: 8.25em;
}

.lineIBox .conL .tabS {
  padding: 1em 0;
}
.lineIBox .conL .tabS li {
  cursor: pointer;
  padding: 1em 13.6% 1em;
  text-align: left;
}
.lineIBox .conL .tabS li.cur {
  position: relative;
  z-index: 0;
  font-weight: bold;
  color: #004990;
}
.lineIBox .conL .tabS li.cur::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1em;
  width: 0.4em;
  height: 1.5em;
  background-color: #004990;
}
.lineIBox .conL .tabS li.cur::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/arrow_8.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 10%;
  margin-top: -0.5em;
}

.lineIBox .conIS {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 44.2em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.lineIBox .conIS.show {
  z-index: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.lineIBox .list {
  margin: 0 2em;
  padding: 1.1em 0;
}
.lineIBox .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  padding: 1.25em 2em 1.25em 1.25em;
}

.lineIBox .list li:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.lineIBox .list .picb {
  width: 10em;
}
.lineIBox .list .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 80%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.lineIBox .list .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.lineIBox .list li:hover .pic img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.lineIBox .list li .btnBlue14 {
  display: inline-block;
  cursor: pointer;
  color: #004990;
  line-height: 1.5;
  padding: 0.65em 1.5em 0.55em 1.2em;
  background-color: #fff;
  border: 1px solid #004990;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  font-weight: bold;
}

.lineIBox .list li .btnBlue14::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../images/arrow_8.svg) center center no-repeat;
  background-size: contain;
  margin-left: 1.5em;
  position: relative;
  z-index: 0;
  top: 0.15em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.lineIBox .list li .btnBlue14:hover {
  background-color: #fff;
  border: 1px solid #004990;
  color: #004990;
}
.lineIBox .list li .btnBlue14:hover::after {
  transform: translate(0.3em, 0);
  -ms-transform: translate(0.3em, 0); /* IE 9 */
  -webkit-transform: translate(0.3em, 0); /* Safari and Chrome */
}

.lineIBox .list li:hover .btnBlue14 {
  color: #fff;
  background-color: #004990;
}

.lineIBox .list li:hover .btnBlue14::after {
  background: url(../images/arrow_8_h.png) center center no-repeat;
}

.lineIBox .list .txtb {
  flex: 1;
  text-align: left;
  margin-left: 1.5em;
  margin-right: 1em;
}
.lineIBox .list .name {
  height: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.lineIBox .list .name a {
  color: #000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.lineIBox .list li:hover .name a {
  color: #004990;
}
.lineIBox .list li:hover .intro {
  color: #004990;
}

.lineIBox .list .intro {
  margin-top: 0.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

@media only screen and (max-width: 828px) {
  .lineIBox .list li {
    display: block;
    text-align: left;
  }
  .lineIBox .list .txtb {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
  }
  .lineIBox .list .btnBlue4 {
    margin-top: 0.7em;
  }
}

.equiIBox {
  padding: 7em 0 7em;
}
.equiIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.equiIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.equiIBox .equiCon {
  background: url(../images/solution/equi_bg.jpg) center 0 no-repeat;
  background-size: cover;
}

.equiIBox .tab {
  background-color: #f0f5fb;
}
.equiIBox .tab ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.equiIBox .tab li {
  cursor: pointer;
  flex: 1;
  padding: 2em 0 2em;
  color: #004990;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.equiIBox .tab li .pics img {
  margin: 0 auto;
  display: inline-block;
  width: 3.1em;
  height: 3.1em;
  transition: all 0.5s;
}

.equiIBox .tab li:hover .pics img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.equiIBox .tab li .pics img:nth-child(2) {
  display: none;
}
.equiIBox .tab li.cur {
  background-color: #004990;
  color: #fff;
}
.equiIBox .tab li.cur .pics img:nth-child(1) {
  display: none;
}
.equiIBox .tab li.cur .pics img:nth-child(2) {
  display: block;
}
.equiIBox .tab li .txts {
  margin-top: 1.1em;
}

.equiIBox .conEZ {
  margin-top: 5em;
}
.equiIBox .conE {
  display: none;
}
.equiIBox .conE.show {
  display: block;
}

.equiIBox .list {
  /*padding: 4.5% 5.3%;*/
  padding: 4.5% 1.3% 4.5% 5.3%;
}
.equiIBox .list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.equiIBox .list .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  /* object-fit: cover; */
  object-fit: contain;
}

.equiIBox .list li:hover .pic img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.equiIBox .list .txtb {
  text-align: left;
  width: 40%;
}
.equiIBox .list .name {
  height: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.equiIBox .list .name a {
  color: #000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.equiIBox .list .name a:hover {
  color: #004990;
}

.equiIBox .list .intro {
  margin-top: 1em;
  height: 7.2em;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.equiIBox .list .btnBlue4 {
  margin-top: 3em;
}

.equiIBox .list .picb {
  margin-right: 5%;
  width: 49.7%;
}
.equiIBox .list .pic {
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 61%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

@media only screen and (max-width: 828px) {
  .equiIBox .conEZ {
    margin-top: 2em;
  }
  .equiIBox .list li {
    display: block;
  }
  .equiIBox .list {
    padding: 2em;
  }
  .equiIBox .list .txtb {
    width: 100%;
  }
  .equiIBox .list .picb {
    margin-top: 2em;
    width: 100%;
    margin-right: auto;
  }
}

.digiIBox {
  padding: 7em 0 7em;
  background: url(../images/solution/digi_bg.jpg) center bottom no-repeat;
  background-size: cover;
}
.digiIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.digiIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}
.digiIBox .digiCon {
  overflow: hidden;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  position: relative;
  z-index: 0;
  margin-top: 4.2em;
}
.digiIBox .digiCon img {
  display: block;
  width: 100%;
  height: auto;
}
.digiIBox .digiCon .btnPlay {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 6.1em;
  height: 6.1em;
  left: 50%;
  top: 50%;
  margin-top: -3.05em;
  margin-left: -3.05em;
}
.digiIBox .digiCon .btnPlayBG {
  background: url(../images/solution/btn_play.svg) center center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 828px) {
  .digiIBox .digiCon {
    margin-top: 2em;
  }
}

.techIBox {
  padding: 4.7em 0 4.9em;
  background: url(../images/solution/tech_bg.jpg) center bottom no-repeat;
  background-size: cover;
}
.techIBox .tit {
  color: #fff;
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.techIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #fff;
  width: 0.4em;
  height: 0.09em;
}

.procIBox {
  padding: 7em 0 7em;
  background: url(../images/solution/proc_bg.jpg) center 0 no-repeat;
  background-size: cover;
}
.procIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.procIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.procIBox .list {
  margin-right: -4.8em;
}
.procIBox .list ul {
  margin-top: 0.2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.procIBox .list li {
  margin-top: 4.2em;
  width: 21.2em;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.procIBox .list li .lib {
  flex: 1;
  padding: 1.2em 1.5em 1.5em;
  text-align: left;
  background-color: #fff;
  border-top: 0.7em solid #004990;
  -moz-box-shadow: 0 0.6em 1em rgba(0, 73, 144, 0.08);
  -webkit-box-shadow: 0 0.6em 1em rgba(0, 73, 144, 0.08);
  box-shadow: 0 0.6em 1em rgba(0, 73, 144, 0.08);
}
.procIBox .list li .num {
  line-height: 1.4;
  color: #004990;
  font-weight: bold;
}
.procIBox .list li .name {
  line-height: 1.4;
  font-weight: bold;
  color: #004990;
}
.procIBox .list li .intro {
  margin-top: 0.8em;
  line-height: 2em;
}
.procIBox .list li .intro p {
}
.procIBox .list li::after {
  margin-right: 1.35em;
  margin-left: 1.35em;
  display: block;
  content: "";
  height: 100%;
  width: 2.1em;
  background: url(../images/arrow_9.svg) center center no-repeat;
  background-size: contain;
}

.procIBox .list li:nth-child(5)::after {
  background: url(../images/arrow_9111.svg) center center no-repeat;
}
.procIBox .list li:nth-child(9)::after {
  background: url(../images/arrow_9111.svg) center center no-repeat;
}

@media only screen and (max-width: 828px) {
  .procIBox .list li {
    margin-top: 2em;
    width: 18em;
  }
  .procIBox .list li::after {
    margin-right: 1em;
    margin-left: 1em;
  }
  .procIBox .list {
    margin-right: -2em;
    margin-top: 2em;
  }
  .procIBox .list li:nth-child(5)::after {
    background: url(../images/arrow_9.svg) center center no-repeat;
    background-size: contain;
  }
}

.swiper-tech-w {
  margin-top: 5.2em;
}
.swiper-tech {
  padding-bottom: 7.3em;
}
.swiper-tech .swiper-slide {
  width: 21em;
}
.swiper-tech .item {
  padding: 2.7em 2em 3em;
  margin: 0 2em 0 0;
  background-color: #fff;
  color: #000;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.swiper-tech .item .pic {
  overflow: hidden;
  display: block;
  margin: 0 auto 0 0;
  cursor: pointer;
  position: relative;
  z-index: 0;
  width: 3.4em;
  height: 3.4em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.swiper-tech .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.swiper-tech .item:hover .pic img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.swiper-tech .item .txtb {
  text-align: left;
}
.swiper-tech .item .name {
  margin-top: 1em;
  height: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.swiper-tech .item .intro {
  margin-top: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.swiper-tech .btnNPW {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  text-align: left;
}
.swiper-tech .btnNext,
.swiper-tech .btnPrev {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 1.25em 0 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size: contain;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.swiper-tech .btnPrev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.swiper-tech .btnNext:hover,
.swiper-tech .btnPrev:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.swiper-tech .swiper-button-disabled,
.swiper-tech .swiper-button-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

@media only screen and (max-width: 828px) {
  .swiper-tech-w {
    margin-top: 2em;
  }
  .swiper-tech {
    padding-bottom: 5em;
  }
}

/*关于我们*/

.aboutTab {
  position: absolute;
  z-index: 1000;
  left: 0;
  bottom: -2.9em;
  width: 100%;
  left: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-color: rgba(255, 255, 255, 1);
  -moz-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  -webkit-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
}

@media only screen and (max-width: 828px) {
  .aboutTab {
  position: absolute;
  z-index: 1000;
  left: 0;
  /*bottom: -2.9em;*/
  width: 100%;
  left: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-color: rgba(255, 255, 255, 1);
  -moz-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  -webkit-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
}
}

.aboutTab .con {
  padding: 1.3em 0;
}

.aboutTabFixed {
  position: fixed;
  bottom: auto;
  top: 5.25em;
  background-color: rgba(255, 255, 255, 1);
  -moz-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  -webkit-box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
  box-shadow: 0.5em 0.5em 1em rgba(0, 73, 144, 0.08);
}
.aboutTabFixedS {
  top: 0;
}
.aboutTabFixed .con {
  background-color: transparent;
  -moz-box-shadow: 0 0 0 rgba(0, 73, 144, 0.08);
  -webkit-box-shadow: 0 0 0 rgba(0, 73, 144, 0.08);
  box-shadow: 0 0 0 rgba(0, 73, 144, 0.08);
}
.aboutTab ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.aboutTab li {
  position: relative;
  z-index: 0;
  line-height: 1.5em;
  flex: 1;
  color: #262729;
  text-align: center;
  padding: 0.5em 0 0.5em;
}
.aboutTab li:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #eaedf1;
  display: block;
  content: "";
}
.aboutTab li a {
  display: block;
  color: #262729;
}
.aboutTab li.cur a,
.aboutTab li:hover a {
  position: relative;
  z-index: 0;
  color: #004990;
  font-weight: bold;
}
.aboutTab li.cur a::after,
.aboutTab li:hover a::after {
  content: "";
  display: block;
  width: 1.1em;
  height: 0.22em;
  margin-left: -0.55em;
  background-color: #004990;
  position: absolute;
  left: 50%;
  bottom: -0.22em;
}

@media only screen and (max-width: 828px) {
  .aboutTab li {
    font-size: 2.6vw;
  }
  .aboutTab li a {
    width: 4em;
    margin: 0 auto;
  }
}

.aboutIBox {
  position: relative;
  z-index: 0;
  padding: 7em 0 7em;
}
.aboutIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.aboutIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.aboutIBox .cultCon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aboutIBox .txtb {
  position: relative;
  z-index: 1;
  width: 53%;
  margin: 0 auto 0 0;
  text-align: left;
}
.aboutIBox .txtb .name {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.aboutIBox .txtb .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}
.aboutIBox .txtb .intro {
  margin-top: 2.5em;
  color: #333;
  line-height: 2;
}

.aboutIBox .txtList ul {
  margin-top: 2.7em;
}
.aboutIBox .txtList li {
  position: relative;
  z-index: 0;
  padding: 0.6em 0 0.6em 1.9em;
}
.aboutIBox .txtList li .dot {
  position: absolute;
  left: 0;
  top: 0.7em;
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border: 0.3em solid #c0d3e6;
  background-color: #004990;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.aboutIBox .txtList li .dot .circle_1,
.aboutIBox .txtList li .dot .circle_2,
.aboutIBox .txtList li .dot .circle_3 {
  width: 1.1em;
  height: 1.1em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.55em;
  margin-top: -0.55em;
  -ms-transform: scale(0, 0); /* IE 9 */
  -webkit-transform: scale(0, 0); /* Safari */
  transform: scale(0, 0); /* 标准语法 */
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -moz-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -webkit-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: anim_1 3s;
  -moz-animation: anim_1 3s; /* Firefox */
  -webkit-animation: anim_1 3s; /* Safari and Chrome */
  -o-animation: anim_1 3s; /* Opera */

  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;

  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  -o-animation-delay: 0;
}
.aboutIBox .txtList li .dot .circle_2 {
  animation-delay: 0.66s;
  -moz-animation-delay: 0.66s;
  -webkit-animation-delay: 0.66s;
  -o-animation-delay: 0.66s;
}
.aboutIBox .txtList li .dot .circle_3 {
  animation-delay: 1.32s;
  -moz-animation-delay: 1.32s;
  -webkit-animation-delay: 1.32s;
  -o-animation-delay: 1.32s;
}
.aboutIBox .txtList li .t_1 {
  font-weight: bold;
}
.aboutIBox .txtList li .t_2 {
  margin-top: 0.2em;
  color: #495869;
}

.aboutIBox .dataList {
  margin-top: 2.7em;
}
.aboutIBox .dataList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.aboutIBox .dataList li {
  flex: 1;
}
.aboutIBox .dataList li .t_1 span {
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.6em;
  font-style: italic;
  color: #004990;
}
.aboutIBox .dataList li .t_2 {
  font-weight: bold;
  margin-top: 0.3em;
}

.aboutIBox .picb {
  width: 45.8%;
}
.aboutIBox .pic img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 828px) {
  .aboutIBox .cultCon {
    display: block;
  }
  .aboutIBox .txtb {
    width: 100%;
  }
  .aboutIBox .dataList {
    margin-top: 3em;
  }
  .aboutIBox .txtb .btnBlue {
    margin-top: 3em;
  }
  .aboutIBox .picb {
    width: 100%;
    margin-top: 2em;
  }
}

/*企业文化*/
.cultIBox {
  position: relative;
  z-index: 0;
  padding: 7em 0 5.5em;
  background: url(../images/about/cult_bg.jpg) center bottom no-repeat;
  background-size: cover;
}
.cultIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.cultIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.cultIBox .list ul {
  padding: 3em 0 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.cultIBox .list li {
  width: 32%;
  margin-right: 1.5%;
  margin-top: 1.5%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-color: #fff;
}
.cultIBox .list li:nth-child(3n) {
  margin-right: 0;
}
.cultIBox .list li .lib {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13% 17.4% 8.7% 17.4%;
}
.cultIBox .list .pic {
  width: 4.5em;
  overflow: hidden;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding-top: 4.5em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.cultIBox .list .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.cultIBox .list .pic:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.cultIBox .list .txtb {
  flex: 1;
  text-align: left;
  margin-right: 1.5em;
}
.cultIBox .list .name {
  color: #00468e;
  height: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.cultIBox .list .name a {
  color: #00468e;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.cultIBox .list li:hover .name a {
  color: #fff;
}
.cultIBox .list .intro {
  margin-top: 0.5em;
  color: #606e7c;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

@media only screen and (max-width: 828px) {
  .cultIBox .list li {
    width: 48.5%;
    margin-right: 1.5%;
  }
  .cultIBox .list li .lib {
    padding: 1.5em;
  }
}
@media only screen and (max-width: 480px) {
  .cultIBox .list li {
    width: 100%;
    margin-right: 0;
  }
}

/*中骐科技的发展历程*/
.histIBox {
  padding: 6em 0 6.5em;
  position: relative;
  z-index: 0;
  background: #031d34 url(../images/about/hist_bg.webp) center center no-repeat;
  background-size: cover;
}
.histIBox .tit {
  color: #fff;
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.histIBox .tit .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #fff;
  width: 0.4em;
  height: 0.09em;
}

.histIBox .lineD {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 23em;
  background-color: rgba(255, 255, 255, 0.1);
  height: 1.2em;
}
@media only screen and (max-width: 828px) {
  .histIBox .lineD {
    top: 19.5em;
  }
}
.swiper-hist-w {
  position: relative;
  z-index: 0;
  margin: 0 auto 0 0;
}
.swiper-hist {
  margin-top: 4em;
}
.swiper-hist .swiper-slide {
  width: 17.5em;
}
.swiper-hist .item {
  margin-right: 3em;
}
.swiper-hist .item .year {
  width: 3em;
  font-weight: bold;
  color: #fff;
}

.swiper-hist .item .dot {
  position: relative;
  z-index: 0;
  margin: 2.3em auto 0;
  background-color: #fff;
  width: 1em;
  height: 1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.swiper-hist .item .dot::after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.swiper-hist .item .dot .circle_1,
.swiper-hist .item .dot .circle_2,
.swiper-hist .item .dot .circle_3 {
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.7em;
  margin-top: -0.7em;
  -ms-transform: scale(0, 0); /* IE 9 */
  -webkit-transform: scale(0, 0); /* Safari */
  transform: scale(0, 0); /* 标准语法 */
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -moz-box-shadow: inset 0 0 0.7em rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0 0.7em rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 0.7em rgba(255, 255, 255, 0.7);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: anim_1 2s;
  -moz-animation: anim_1 2s; /* Firefox */
  -webkit-animation: anim_1 2s; /* Safari and Chrome */
  -o-animation: anim_1 2s; /* Opera */

  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;

  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  -o-animation-delay: 0;
}
.swiper-hist .item .dot .circle_2 {
  animation-delay: 0.66s;
  -moz-animation-delay: 0.66s;
  -webkit-animation-delay: 0.66s;
  -o-animation-delay: 0.66s;
}
.swiper-hist .item .dot .circle_3 {
  animation-delay: 1.32s;
  -moz-animation-delay: 1.32s;
  -webkit-animation-delay: 1.32s;
  -o-animation-delay: 1.32s;
}

.swiper-hist .item .line {
  margin: 0 auto;
  margin-top: 0em;
  width: 2px;
  background-color: #fff;
  height: 1.5em;
}
.swiper-hist .item .txtb {
  border-left: 0.43em solid #004990;
  background-color: #fff;
  padding: 1.2em 1.6em 1.3em;
  text-align: left;
}
.swiper-hist .item .txtb .years {
  color: #004990;
  font-weight: bold;
}
.swiper-hist .item .txtb .intro {
  margin-top: 0.3em;
  line-height: 1.4em;
  overflow: hidden;
  /* height: 4.2em; */
}

.histIBox .btnNPW {
  text-align: left;
  line-height: 2.25em;
  height: 2.25em;
}
.histIBox .btnNext,
.histIBox .btnPrev {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size: contain;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.histIBox .btnPrev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.histIBox .btnNext:hover,
.histIBox .btnPrev:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.histIBox .swiper-button-disabled,
.histIBox .swiper-button-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*全球布局*/
.globalIBox {
  position: relative;
  z-index: 0;
  padding: 5em 0 5.5em;
  background: url(../images/about/global_bg.jpg) center center no-repeat;
  background-size: cover;
}
.globalIBox .tit {
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.globalIBox .tit::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #004990;
  width: 0.4em;
  height: 0.09em;
}

.globalIBox .txt {
  margin-top: 2.5em;
  color: #333;
  text-align: left;
  line-height: 1.8;
}
.globalIBox .txt p {
  padding: 0.5em 0 0.4em;
}
.globalIBox .txt .blue {
  font-weight: bold;
  color: #004990;
}
.globalIBox .worldMap {
  margin-top: 2.4em;
  position: relative;
  z-index: 0;
}
.globalIBox .worldMap img {
  display: block;
  width: 100%;
  height: auto;
}
.globalIBox .worldMap .item {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}
.globalIBox .worldMap .item .dot {
  position: relative;
  z-index: 0;
  cursor: pointer;
  width: 0.68em;
  height: 0.68em;
  background-color: #2256d1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.globalIBox .worldMap .item .dot .circle_1,
.globalIBox .worldMap .item .dot .circle_2,
.globalIBox .worldMap .item .dot .circle_3 {
  width: 2em;
  height: 2em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
  -ms-transform: scale(0, 0); /* IE 9 */
  -webkit-transform: scale(0, 0); /* Safari */
  transform: scale(0, 0); /* 标准语法 */
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -moz-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -webkit-box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  box-shadow: inset 0 0 0.7em rgba(34, 86, 209, 0.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation: anim_1 2s;
  -moz-animation: anim_1 2s; /* Firefox */
  -webkit-animation: anim_1 2s; /* Safari and Chrome */
  -o-animation: anim_1 2s; /* Opera */

  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;

  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  -o-animation-delay: 0;
}
.globalIBox .worldMap .item .dot .circle_2 {
  animation-delay: 0.66s;
  -moz-animation-delay: 0.66s;
  -webkit-animation-delay: 0.66s;
  -o-animation-delay: 0.66s;
}
.globalIBox .worldMap .item .dot .circle_3 {
  animation-delay: 1.32s;
  -moz-animation-delay: 1.32s;
  -webkit-animation-delay: 1.32s;
  -o-animation-delay: 1.32s;
}

@keyframes anim_1 {
  0% {
    -ms-transform: scale(0, 0); /* IE 9 */
    -webkit-transform: scale(0, 0); /* Safari */
    transform: scale(0, 0); /* 标准语法 */
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  99% {
    -ms-transform: scale(2, 2); /* IE 9 */
    -webkit-transform: scale(2, 2); /* Safari */
    transform: scale(2, 2); /* 标准语法 */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -ms-transform: scale(0, 0); /* IE 9 */
    -webkit-transform: scale(0, 0); /* Safari */
    transform: scale(0, 0); /* 标准语法 */
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
}

@-moz-keyframes anim_1 /* Firefox */ {
  0% {
    background: red;
  }
  25% {
    background: yellow;
  }
  50% {
    background: blue;
  }
  100% {
    background: green;
  }
}

@-webkit-keyframes anim_1 /* Safari and Chrome */ {
  0% {
    background: red;
  }
  25% {
    background: yellow;
  }
  50% {
    background: blue;
  }
  100% {
    background: green;
  }
}

@-o-keyframes anim_1 /* Opera */ {
  0% {
    background: red;
  }
  25% {
    background: yellow;
  }
  50% {
    background: blue;
  }
  100% {
    background: green;
  }
}

.globalIBox .worldMap .item .txts {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 10em;
  background-color: #fff;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
.globalIBox .worldMap .item:hover {
  z-index: 2;
}
.globalIBox .worldMap .item:hover .txts {
  display: block;
}
.globalIBox .worldMap .item .txts .txtc {
  padding: 1em .5em;
  text-align: center;
}

.globalIBox .worldMap .item_7 .txts,
.globalIBox .worldMap .item_8 .txts {
  left: auto;
  right: 0;
}

.globalIBox .worldMap .item_1 {
  left: 13.8%;
  margin-top: 9.1%;
}
.globalIBox .worldMap .item_2 {
  left: 23.8%;
  margin-top: 21.8%;
}
.globalIBox .worldMap .item_3 {
  left: 27.2%;
  margin-top: 8.8%;
}
.globalIBox .worldMap .item_4 {
  left: 45.1%;
  margin-top: 13.2%;
}
.globalIBox .worldMap .item_5 {
  left: 57%;
  margin-top: 8.3%;
}
.globalIBox .worldMap .item_6 {
  left: 70.1%;
  margin-top: 8.9%;
}
.globalIBox .worldMap .item_7 {
  left: 79.1%;
  margin-top: 8.3%;
}
.globalIBox .worldMap .item_8 {
  left: 79.2%;
  margin-top: 24%;
}

/*荣誉资质专利*/
.honorIBox {
  position: relative;
  z-index: 0;
  padding: 7em 0 7.5em;
  background: url(../images/about/honor_bg.png) center center no-repeat;
  background-size: cover;
}
/* .honorIBox::before { display: block; content: "";
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background-image: linear-gradient(to right,rgba(8,35,58,1) 0%, rgba(255,255,255,0) 40%,  rgba(255,255,255,0) 50%, rgba(255,255,255,0) 60%, rgba(8,35,58,1) 100%); 
  } */
.honorIBox .tit {
  color: #fff;
  text-align: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.honorIBox .tit .name::after {
  content: "";
  display: block;
  margin: 0.6em auto 0 0;
  background-color: #fff;
  width: 0.4em;
  height: 0.09em;
}
.swiper-honor {
  margin-top: 4.2em;
}
.swiper-honor .swiper-slide {
  width: 448px;
  height: 634px;
  background-color: #fff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.swiper-honor .swiper-slide-active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.swiper-honor .swiper-slide .pic {
  /*margin: 1.25em;
  width: 25.4em;*/
  height: auto;
}
.swiper-honor .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.swiper-honor .swiper-slide .pic:hover img {
  -ms-transform: scale(1.02, 1.02);
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}

.honorIBox .btnNPW {
  text-align: left;
  line-height: 2.25em;
  height: 2.25em;
}
.honorIBox .btnNext,
.honorIBox .btnPrev {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size: contain;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.honorIBox .btnPrev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.honorIBox .btnNext:hover,
.honorIBox .btnPrev:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.honorIBox .swiper-button-disabled,
.honorIBox .swiper-button-disabled:hover {
  background: transparent;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}


@media only screen and (max-width:828px) {
 /*荣誉资质专利*/
 .honorIBox { position: relative; z-index: 0; padding: 7em 0 7.5em; 
 background: url(../images/about/honor_bg.png) center center no-repeat;
 background-size:cover ;}
/* .honorIBox::before { display: block; content: "";
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background-image: linear-gradient(to right,rgba(8,35,58,1) 0%, rgba(255,255,255,0) 40%,  rgba(255,255,255,0) 50%, rgba(255,255,255,0) 60%, rgba(8,35,58,1) 100%); 
  } */
 .honorIBox .tit { color: #fff; text-align: left; width: 100%; font-weight: bold;
  letter-spacing: 0.05em; 
  display: flex; justify-content: space-between; align-items: flex-end;}
 .honorIBox .tit .name::after { content: ""; display: block; margin: 0.6em auto 0 0;
  background-color: #fff; width: 0.4em; height: 0.09em;}
  .swiper-honor { margin-top: 4.2em;}
.swiper-honor .swiper-slide {
        width: 24em;
        height: 31em;
        background-color: #fff;
    filter:alpha(opacity=100);-moz-opacity:1; opacity:1;
      }
.swiper-honor .swiper-slide-active {
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.swiper-honor .swiper-slide .pic { margin: 1.25em; width: 21.4em; height: 28.5em;}
.swiper-honor .swiper-slide .pic img { width: 100%; height: 100%;
   object-fit: cover; transition: all 0.5s;
}

.swiper-honor .swiper-slide .pic:hover  img  {
  -ms-transform: scale(1.02, 1.02);
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
 
.honorIBox .btnNPW {
text-align: left;  line-height: 2.25em; height: 2.25em;}
.honorIBox .btnNext,
.honorIBox .btnPrev { position: relative;
  cursor: pointer; display: inline-block;
  width:2.25em; height: 2.25em; margin:0 0 0 1.2em;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
  background:rgba(255,255,255,0.4) url(../images/arrow_5.svg) center center no-repeat;
  background-size:contain;
  filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;
} 
.honorIBox .btnPrev {
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.honorIBox .btnNext:hover,
.honorIBox .btnPrev:hover {
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

.honorIBox .swiper-button-disabled,
.honorIBox .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
  
}