@charset "utf-8";
/*新闻列表*/
.newiBox {
  padding-bottom: 2.25rem;
}
.newiBox .list {
  margin-top: 1.2%;
}
.newiBox .list ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .newiBox .list ul {
    display: block;
  }
}
.newiBox .list li {
  margin-top: 4.8%;
  position: relative;
  z-index: 0;
  width: 46.7%;
  margin-right: 6.6%;
}
@media (max-width: 767px) {
  .newiBox .list li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.newiBox .list li .pic {
  display: block;
  cursor: pointer;
  padding-top: 70.6%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.newiBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.newiBox .list li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.newiBox .list li .txt {
  position: relative;
  z-index: 1;
  margin-top: -8.1%;
  margin-right: 15.3%;
  background-color: #fff;
  text-align: center;
  padding: 6.6% 0;
}
.newiBox .list li .line {
  height: 3px;
  width: 4.4em;
  background-color: #003686;
  margin: 4% auto 0;
}
.newiBox .list li .name {
  margin-top: 3.6%;
  text-align: left;
  padding: 0 10.8% 0 12.6%;
  color: #3e3a39;
  line-height: 1.7;
  max-height: 3.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .newiBox .list li .name {
    margin-top: 1rem;
  }
}
.newiBox .list li .intro {
  margin-top: 0.7em;
  text-align: left;
  padding: 0 10.8% 0 12.6%;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newiBox .list li .btnArr {
  position: absolute;
  top: 0;
  margin-top: 70.6%;
  right: 0;
  width: 15.3%;
  padding-top: 15.3%;
  background: #f7f8f8 url(../images/arr_8.png) center center no-repeat;
  background-size: 23% auto ;
}
.newiBox .list li .btnArr:hover {
  background-image: url(../images/arr_82.png);
}
.newiBox .list li:nth-child(2n) {
  margin-right: 0;
}
/*新闻详情*/
.detailBox {
  padding: 2.7% 0 2.5rem;
}
@media (max-width: 767px) {
  .detailBox {
    padding: 3rem 0;
  }
}
.detailBox .containers {
  overflow: visible;
}
.detailBox .con {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .detailBox .con {
    display: block;
  }
}
.detailBox .con .detailMain {
  width: 63.7%;
}
@media (max-width: 767px) {
  .detailBox .con .detailMain {
    width: 100%;
  }
}
.detailBox .con .side {
  width: 27.8%;
}
@media (max-width: 767px) {
  .detailBox .con .side {
    width: 100%;
  }
}
.detailBox .con .side .aboutBox {
  margin-top: 4em;
}
@media (max-width: 767px) {
  .detailBox .con .side .aboutBox {
    margin-top: 3em;
  }
}
.detailBox .con .side .aboutBox .title {
  color: #000;
  padding: 1em 0;
}
.detailBox .con .side .aboutBox .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6em 2.2%;
  border-top: 1px solid #ebebeb;
}
.detailBox .con .side .aboutBox .list li .pic {
  position: relative;
  z-index: 0;
  width: 8em;
  padding-top: 5.6em;
  display: block;
  cursor: pointer;
}
.detailBox .con .side .aboutBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.detailBox .con .side .aboutBox .list li .txt {
  flex: 1;
  margin-left: 7.9%;
}
.detailBox .con .side .aboutBox .list li .txt .name {
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.detailBox .con .side .aboutBox .list li .txt .name a {
  color: #444;
}
.detailBox .con .side .aboutBox .list li .txt .name a:hover {
  color: #003686;
}
.detailBox .con .side .aboutBox .list li .txt .date {
  margin-top: 0.8em;
  color: #777;
}
.detailBox .title {
  color: #000;
}
.detailBox .about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.8% 0 0;
}
.detailBox .date {
  color: #777;
}
.detailBox .content {
  border-top: 1px solid #ebebeb;
  margin-top: 4.3%;
  padding-top: 3.6%;
  margin-bottom: 7.8%;
  color: #666;
  line-height: 2.3;
}
.detailBox .content img {
  max-width: 100%;
  height: auto;
}
.detailBox .share {
  color: #b2b2b2;
}
.detailBox .share a {
  color: #b2b2b2;
  margin-left: 1em;
}
.detailBox .share a:hover {
  color: #002969;
}
.detailBox .aboutBot {
  margin-top: 4%;
  border-top: 1px solid #ebebeb;
  padding-top: 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .detailBox .aboutBot {
    display: block;
  }
}
.detailBox .aboutBot .pageTurn2 {
  flex: 1;
  margin-right: 0.5em;
}
.detailBox .aboutBot .btnBack {
  display: inline-block;
  background-color: #f7f7f7;
  line-height: 3.2;
  padding: 0 1.9em;
}
.detailBox .aboutBot .btnBack::after {
  display: inline-block;
  content: "";
  position: relative;
  top: -2px;
  width: 1em;
  height: 1em;
  margin-left: 1em;
  vertical-align: middle;
  background: url(../images/list.png) center center no-repeat;
  background-size: contain ;
}
@media (max-width: 767px) {
  .detailBox .aboutBot .btnBack {
    margin-top: 1rem;
  }
}
.pageTurn2 a {
  color: #3e3a39;
}
.pageTurn2 a:hover {
  color: #003686;
}
.pageTurn {
  margin-top: 1.35rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageTurn .btnPrev {
  padding-left: 1.6em;
  background: url(../images/arr3_left.png) 0.5em center no-repeat;
  background-size: auto 1em;
}
.pageTurn .btnNext {
  padding-right: 1.15em;
  margin-right: 0.6em;
  background: url(../images/arr3_right.png) right center no-repeat;
  background-size: auto 1em;
}
.pageTurn .line {
  width: 1.1em;
  height: 0.7em;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
}
.pageTurn3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*产品列表*/
.subPTab {
  margin-top: 3.2%;
}
@media (max-width: 767px) {
  .subPTab {
    margin-top: 1.5rem;
  }
}
.subPTab li {
  display: inline-block;
  margin-right: 3.8%;
  color: #888;
  cursor: pointer;
}
.subPTab li b {
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.2em;
  position: relative;
  z-index: 0;
  top: -1px;
  display: inline-block;
  border: 1px solid #d4d4d4;
  vertical-align: middle;
}
.subPTab li.cur {
  color: #000;
}
.subPTab li.cur b::after {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(../images/checked.png) no-repeat;
  background-size: contain ;
}
.proiBox {
  padding-bottom: 2.25rem;
}
.proiBox .list {
  margin-top: 1.2%;
}
.proiBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .proiBox .list ul {
    display: block;
  }
}
.proiBox .list li {
  margin-top: 5.2%;
  position: relative;
  z-index: 0;
  width: 31%;
  margin-right: 3.5%;
  text-align: center;
}
@media (max-width: 767px) {
  .proiBox .list li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.proiBox .list li .pic {
  display: block;
  cursor: pointer;
  padding-top: 42.5%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.proiBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.proiBox .list li .name {
  margin-top: 8.5%;
  color: #000;
  height: 1.5em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .proiBox .list li .name {
    margin-top: 1rem;
  }
}
.proiBox .list li .name a {
  color: #000;
}
.proiBox .list li .name a:hover {
  color: #002969;
}
.proiBox .list li .intro {
  margin-top: 0.4em;
  color: #888;
  height: 3em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.proiBox .list li:hover .pic img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.proiBox .list li:hover .name a {
  color: #002969;
}
.proiBox .list li:nth-child(3n) {
  margin-right: 0;
}
/*产品模块*/
.promBox {
  margin-top: 0.9rem;
}
@media (max-width: 767px) {
  .promBox {
    margin-top: 3rem;
  }
}
.promBox .list li {
  position: relative;
  z-index: 0;
  padding: 1.2rem 0 1.5rem;
}
.promBox .list li .containers {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .promBox .list li .containers {
    display: block;
    padding: 1.5rem 0;
  }
}
.promBox .list li .picbg {
  opacity: 0;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.promBox .list li .pic {
  width: 53.4%;
  padding-top: 22.7%;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .promBox .list li .pic {
    margin-top: 1.5rem;
    width: 100%;
    padding-top: 42%;
  }
}
.promBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.promBox .list li .txt {
  width: 30%;
  text-align: left;
}
@media (max-width: 767px) {
  .promBox .list li .txt {
    width: 100%;
  }
}
.promBox .list li .txt .name {
  color: #000;
  transition: all 0.5s;
}
.promBox .list li .txt .name .pics {
  margin-right: 0.3em;
  display: inline-block;
  vertical-align: middle;
  height: 1.19em;
  width: auto;
}
.promBox .list li .txt .name span {
  display: inline-block;
  vertical-align: middle;
}
.promBox .list li .txt .intro {
  margin-top: 0.45rem;
  color: #666;
  line-height: 1.8;
}
.promBox .list li .txt .btnGray {
  margin-top: 0.8rem;
}
.promBox .list li:hover {
  z-index: 1;
  -moz-box-shadow: 0 0.6em 2.6em rgba(28, 34, 102, 0.1);
  -webkit-box-shadow: 0 0.6em 2.6em rgba(28, 34, 102, 0.1);
  box-shadow: 0 0.6em 2.6em rgba(28, 34, 102, 0.1);
}
.promBox .list li:hover .picbg {
  opacity: 1;
}
.promBox .list li:hover .txt .name {
  color: #002969;
}
.promBox .list li:nth-child(2n+1) {
  background-color: #eaf3ff;
}
.promBox .list li:nth-child(2n) {
  background-color: #fff;
}
.promBox .list li:nth-child(2n) .containers {
  flex-direction: row-reverse;
}
.prom2Box .list li .pic {
  padding-top: 35.8%;
}
/*荣誉资质*/
.honorBox {
  padding: 0.6rem 0 1.63rem;
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  .honorBox {
    padding: 3rem 0;
  }
}
.honorBox .containers {
  overflow: visible;
}
.honorBox .list {
  margin-top: 1.3%;
}
.honorBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.honorBox .list li {
  margin-top: 1.7%;
  position: relative;
  z-index: 0;
  background-color: #fff;
  width: 23.8%;
  margin-right: 1.6%;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .honorBox .list li {
    width: 49.1%;
  }
  .honorBox .list li:nth-child(2n) {
    margin-right: 0;
  }
}
.honorBox .list li .lib {
  padding: 12%;
}
.honorBox .list li .pic {
  width: 84%;
  margin: 0 auto;
  padding-top: 72.8%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.honorBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.honorBox .list li .txt {
  margin-top: 12%;
  border-top: 1px solid #ddd;
}
.honorBox .list li .name {
  margin-top: 8%;
  text-align: center;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .honorBox .list li .name {
    margin-top: 1rem;
  }
}
.honorBox .list li:hover {
  transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  /* IE 9 */
  -webkit-transform: translate(0, -10px);
  /* Safari and Chrome */
  -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);
}
.honorBox .list li:hover .name {
  color: #002969;
  transition: all 0.5s;
}
.honorBox .list li:nth-child(4n) {
  margin-right: 0;
}
.honorBox .btnW {
  text-align: center;
}
.honorBox .btnW .btnBlue {
  margin-top: 1.06rem;
}
/*解决方案*/
.soluBox {
  margin-top: 0.9rem;
  padding-bottom: 2.1rem;
}
@media (max-width: 767px) {
  .soluBox {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
}
.soluBox .list li {
  padding: 0.67rem 0;
  border-bottom: 1px solid #b2b2b8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .soluBox .list li {
    display: block;
    padding: 1.5rem 0;
  }
}
.soluBox .list li .pic {
  width: 61.4%;
  padding-top: 37.1%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .soluBox .list li .pic {
    margin-top: 1.5rem;
    width: 100%;
    padding-top: 51.6%;
  }
}
.soluBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.soluBox .list li .pic:hover img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.soluBox .list li .txt {
  width: 27.6%;
  text-align: left;
}
@media (max-width: 767px) {
  .soluBox .list li .txt {
    width: 100%;
  }
}
.soluBox .list li .txt .name {
  color: #002969;
}
.soluBox .list li .txt .intro {
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.9;
}
.soluBox .list li .txt .btnGray {
  margin-top: 0.9rem;
}
.soluBox .btnW {
  text-align: center;
}
.soluBox .btnW .btnBlue {
  margin-top: 1.2rem;
}
/*发展历程*/
.hisBox {
  padding-bottom: 2.72rem;
}
@media (max-width: 767px) {
  .hisBox {
    padding-bottom: 3rem;
  }
}
.hisBox .listt .num {
  width: 8.2em;
  margin: 0 0 0 auto;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.hisBox .list {
  border-top: 1px solid #c7c7c7;
  margin-top: 1.9%;
}
.hisBox .list .lib {
  border-bottom: 1px solid #c7c7c7;
  padding: 0.6rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .hisBox .list .lib {
    display: block;
    padding: 1rem 0;
  }
}
.hisBox .list .lib .date {
  width: 7.9em;
  text-align: center;
  color: #000;
}
@media (max-width: 767px) {
  .hisBox .list .lib .date {
    text-align: left;
  }
}
.hisBox .list .lib .date b {
  display: block;
  color: #002969;
  font-size: 2.2em;
  font-weight: normal;
}
.hisBox .list .lib .date span {
  display: block;
  color: #000;
  font-size: 1.2em;
}
.hisBox .list .lib .txt {
  flex: 1;
  margin-right: 9em;
  margin-left: 14%;
  text-align: left;
}
.hisBox .list .lib .txt .pic img {
  margin-right: 1.5em;
}
.hisBox .list .lib .txt .name {
  margin-top: 0.7em;
}
@media (max-width: 767px) {
  .hisBox .list .lib .txt {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.hisBox .list .lib .num {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0c50bd;
  width: 8em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*人才招聘*/
.joinBox {
  padding-bottom: 3.1rem;
}
@media (max-width: 767px) {
  .joinBox {
    padding-bottom: 3rem;
  }
}
.joinBox .containers {
  overflow: visible;
}
.joinListT {
  margin-top: 0.6rem;
  overflow: hidden;
  -moz-border-top-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
.joinListT li {
  color: #002969;
  overflow: hidden;
}
.joinListT .info {
  position: relative;
  z-index: 0;
  cursor: pointer;
  background-color: #efefef;
  color: #002969;
  line-height: 1.5;
  transition: all 0.5s;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.joinListT li .col {
  flex: 1;
  width: 25%;
  padding: 0.9em 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=1);
  /* IE6-9 */
}
.joinListT li .tit {
  margin: 0 5% 0 32%;
  display: block;
}
.joinListT li .tit img {
  width: 1.2em;
  object-fit: contain;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
}
@media (max-width: 767px) {
  .joinListT li .tit img {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .joinListT li .tit {
    margin: 0 8% 0 8%;
    text-align: center;
  }
}
.joinList li {
  color: #333;
  overflow: hidden;
  transition: all 0.5s;
}
.joinList .info {
  position: relative;
  z-index: 0;
  cursor: pointer;
  background-color: #f3f4f5;
  color: #777;
  line-height: 1.5;
  transition: all 0.5s;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.joinList li:nth-child(2n) .info {
  background-color: #efefef;
}
.joinList li:nth-child(1) .info {
  background-color: #fbfbfb;
}
.joinList li.show {
  -moz-box-shadow: 0 0.7em 4.5em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.7em 4.5em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.7em 4.5em rgba(0, 0, 0, 0.1);
}
.joinList li .col {
  flex: 1;
  width: 25%;
  padding: 0.9em 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=1);
  /* IE6-9 */
}
.joinList li:hover .info,
.joinList li.show .info {
  background-color: #fff;
}
.joinList li:hover .info .col,
.joinList li.show .info .con {
  background: transparent;
}
.joinList li .tit {
  margin: 0 5% 0 32%;
  display: block;
}
@media (max-width: 767px) {
  .joinList li .tit {
    margin: 0 8% 0 8%;
    text-align: center;
  }
}
.joinList .info .btn {
  margin: 0 auto;
  display: block;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  line-height: 1;
  border: 1px solid #113672;
  background: url(../images/add.png) center center no-repeat;
  background-size: 0.75em auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.joinList li.show .info {
  z-index: 1;
}
.joinList li.show .info .btn {
  background-image: url(../images/arr_11.png);
}
.joinList .txt {
  display: none;
  line-height: 2;
  border-top: 1px solid #e2e2e2;
  padding: 2.3% 4.5% 4.3%;
  margin: 0 2.2%;
  position: relative;
  z-index: 3;
}
.joinList .txt .arrow {
  position: absolute;
  top: -1em;
  left: 4.5%;
  margin-left: 1.2em;
  width: 1.5em;
  height: 1em;
  background: url(../images/arr_12.png) center bottom no-repeat;
  background-size: contain ;
}
@media (max-width: 767px) {
  .joinList .txt .arrow {
    left: 0;
  }
}
.joinList .txt .txt_c {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .joinList .txt .txt_c {
    display: block;
  }
}
.joinList .txt .txt_1 {
  width: 41%;
}
@media (max-width: 767px) {
  .joinList .txt .txt_1 {
    width: 100%;
  }
}
.joinList .txt .txt_2 {
  width: 51%;
}
@media (max-width: 767px) {
  .joinList .txt .txt_2 {
    margin-top: 1.5rem;
    width: 100%;
  }
}
.joinList .txt h4 {
  padding-top: 2em;
  color: #303030;
}
.joinList .txt h4:first-child {
  padding-top: 0;
}
.joinList .txt .txtDetail {
  color: #777;
  line-height: 2.4;
  padding-top: 0.8em;
}
.joinList .txt .btnGray {
  line-height: 4.1;
  margin-top: 12.7%;
  padding: 0 4.3em;
}
@media (max-width: 767px) {
  .joinList .txt .btnGray {
    margin-top: 1.5em;
  }
}
/*申请职位*/
.appliedBox .con {
  margin: 4.4% 0 10%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .appliedBox .con {
    margin: 2rem 0 3rem;
  }
}
.appliedBox .con_s {
  width: 32%;
}
@media (max-width: 767px) {
  .appliedBox .con_s {
    width: 100%;
  }
}
.appliedBox dl {
  color: #888;
  padding-top: 1.1em;
  display: flex;
  justify-content: space-between;
  line-height: 3.3em;
}
.appliedBox dt {
  width: 7em;
  text-align: right;
}
.appliedBox dd {
  flex: 1;
}
.appliedBox .star {
  color: #ff002e;
}
.appliedBox .tip {
  color: #ff002e;
  line-height: 1.5;
  padding-top: 0.9em;
}
.appliedBox .inputW {
  border: 1px solid #bcbcbc;
  padding: 0 0.5em;
}
.appliedBox .input {
  width: 100%;
  display: block;
  line-height: 2.9em;
  height: 2.9em;
  outline-width: 0;
}
.appliedBox .textareaW {
  border: 0;
  display: block;
  margin-top: 10%;
  padding: 2.5% 5.3%;
  background-color: #f2f2f2;
}
.appliedBox .textarea {
  width: 100%;
  height: 9em;
}
.appliedBox .input::-webkit-input-placeholder,
.appliedBox .textarea::-webkit-input-placeholder {
  color: #888;
}
.appliedBox .input::-moz-placeholder,
.appliedBox .textarea::-moz-placeholder {
  color: #888;
}
.appliedBox .input:-ms-input-placeholder,
.appliedBox .textarea:-ms-input-placeholder {
  color: #888;
}
.appliedBox .btnBlue {
  margin-top: 6.7%;
  padding: 0 5.3em;
  line-height: 3.9;
}
.appliedBox .btnW {
  margin-top: 5.8em;
  border-bottom: 0;
  padding-right: 0;
  padding-left: 2.6em;
  display: flex;
  text-align: center;
}
@media (max-width: 767px) {
  .appliedBox .btnW {
    padding-left: 0;
    margin-top: 1.5rem;
  }
}
.appliedBox .btnW .btnGray3 {
  line-height: 3.7em;
  margin: 0 0.5em 0 0;
  padding: 0 1em;
  display: block;
  flex: 1;
  text-align: center;
}
.appliedBox .btnW .btnBlue {
  line-height: 3.7em;
  margin: 0 0 0 0.5em;
  padding: 0 1em;
  display: block;
  flex: 1;
  text-align: center;
}
.appliedBox .btnW .btnBlue:hover {
  background-color: #003686;
  color: #fff;
}
.appliedBox .radioW label {
  cursor: pointer;
  margin-right: 1em;
}
.appliedBox .radioW input {
  position: relative;
  top: 2px;
  background-color: initial;
  cursor: default;
  appearance: auto;
  box-sizing: border-box;
  margin: 3px 3px 0px 5px;
  padding: initial;
  border: initial;
}
.appliedBox .ver_dd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.appliedBox .ver_dd .verCode {
  margin-left: 0.6em;
  height: 3em;
  width: 6.1em;
  display: block;
  border: 1px solid #dcdcdc;
}
.appliedBox .ver_dd .verCode img {
  display: block;
  width: 100%;
  height: 100%;
}
.appliedBox .ver_dd .inputW {
  flex: 1;
}
.appliedBox .flie_dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.appliedBox .flie_dd .btnFile {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 6em;
  margin-right: 0.6em;
  line-height: 2.56em;
  height: 2.56em;
  border: 1px solid #c0c0c0;
  background-color: #f1f1f1;
  text-align: center;
  cursor: pointer;
}
.appliedBox .flie_dd .btnFile .inputFile {
  position: absolute;
  left: -1000px;
  top: 0;
}
.appliedBox .flie_dd .btnFile span {
  margin: 0 auto;
  display: block;
  width: 5em;
  height: 2.56em;
  overflow: hidden;
}
.appliedBox .flie_dd .tip {
  flex: 1;
  line-height: 1.2em;
  padding: 0;
}
.appliedBox .selectBox {
  margin-top: 0;
}
.appliedBox .selectBox .selBoxW {
  margin-right: 3px;
  display: block;
  width: 32.3%;
}
@media (max-width: 767px) {
  .appliedBox .selectBox .selBoxW {
    width: 100%;
  }
}
.appliedBox .selectBox .selBox .btn {
  padding: 0 1em 0 0.6em;
}
.appliedBox .selectBox .selBox .btn .arr {
  margin-top: -0.4em;
  width: 0.8em;
  height: 0.8em;
  right: 0.5em;
}
.appliedBox .selBox .dropDown li {
  padding: 0 0.5em;
}
.contactsBox {
  margin-top: 3%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contactsBox {
    display: block;
    margin-top: 1.5rem;
  }
}
.contactsBox .title {
  padding-left: 0.3em;
  color: #002969;
  margin-right: 0.6rem;
  margin-bottom: 0.8em;
}
.contactsBox .txt {
  margin-top: 0.3em;
  color: #555;
  flex: 1;
}
.contactsBox .txt li {
  display: inline-block;
  margin-right: 0.6rem;
  margin-bottom: 0.8em;
}
@media (max-width: 767px) {
  .contactsBox .txt li {
    display: block;
  }
}
.contactsBox .txt li img {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.6em;
}
.selectBox {
  margin-top: 0.78rem;
  display: flex;
  justify-content: flex-start;
  color: #777;
}
@media (max-width: 767px) {
  .selectBox {
    display: block;
    margin-top: 1.5rem;
  }
}
.selectBox .selBoxW {
  width: 10.5em;
  margin-right: 0.8em;
}
@media (max-width: 767px) {
  .selectBox .selBoxW {
    width: auto;
    margin-right: 0;
  }
}
.selectBox .selBox {
  background-color: #fff;
  border: 1px solid #bcbcbc;
}
@media (max-width: 767px) {
  .selectBox .selBox {
    margin-top: 0.5rem;
  }
}
.selectBox .selBox .btn {
  padding: 0 1.2em 0 1em;
  line-height: 2.9em;
}
.selectBox .selBox .dropDown {
  left: 0;
  top: 3em;
  right: 0;
  padding-bottom: 0.5em;
}
.selectBox .selBox .btn .arr {
  right: 0.9em;
  top: 50%;
  margin-top: -0.5em;
  width: 1em;
  height: 1em;
  background: url(../images/arr_13.png) center center no-repeat;
  background-size: contain;
}
.selBox {
  position: relative;
  z-index: 0;
  display: block;
  z-index: 10;
  width: 100%;
  text-align: left;
}
.selBox.show {
  z-index: 11;
}
.selBox .btn {
  position: relative;
  z-index: 0;
  cursor: pointer;
  padding: 0 1.5em 0 0;
}
.selBox .btn .txt {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.selBox .btn .arr {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4em;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background: url(../images/arrow3.png) center center no-repeat;
  background-size: contain;
}
.selBox .dropDown {
  position: absolute;
  left: -1em;
  top: 1.4em;
  right: -1em;
  background-color: #fff;
  display: none;
  line-height: 2;
  max-height: 16.8em;
  overflow-y: auto;
  -moz-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
}
.selBox .dropDown {
  padding-top: 0.8em;
}
.selBox .dropDown li {
  cursor: pointer;
  text-align: left;
  padding: 0 1em 0 1em;
  color: #999;
}
.selBox .dropDown li:hover {
  background-color: #fafafa;
}
.search2Box {
  position: relative;
  z-index: 0;
  width: 22em;
  background-color: #fff;
  border: 1px solid #bcbcbc;
}
@media (max-width: 767px) {
  .search2Box {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.search2Box .iw {
  padding: 0 3em 0 1em;
}
.search2Box .input {
  height: 2.9em;
  width: 100%;
  line-height: 2.9em;
  border: 0;
  outline-width: 0;
}
.search2Box .input::-webkit-input-placeholder {
  color: #777;
}
.search2Box .input::-moz-placeholder {
  color: #777;
}
.search2Box .input:-ms-input-placeholder {
  color: #777;
}
.search2Box .btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -0.75em;
  right: 0.8em;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/search2.png) center center no-repeat;
  background-size: contain;
}
/*业务 联系我们*/
.contBox {
  margin-top: 4%;
  padding-bottom: 20%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contBox {
    padding-bottom: 3rem;
    display: block;
  }
}
.contBox .infoBox {
  color: #000;
  width: 44.7%;
}
@media (max-width: 767px) {
  .contBox .infoBox {
    width: 100%;
  }
}
.contBox .infoBox dl {
  padding: 7.4% 0 6.4%;
  border-bottom: 1px solid #b2b2b8;
}
.contBox .infoBox dd {
  margin-top: 2.6%;
}
.contBox .infoBox dd .txt {
  color: #666;
  margin-top: 2.2%;
  line-height: 1.8;
}
.contBox .infoBox .qrcode {
  padding-bottom: 2%;
}
.contBox .infoBox .qrcode img {
  border: 1px solid #bdbdbd;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  margin: 0 auto 0 9%;
  display: block;
  width: 11.3em;
  height: auto;
  -moz-box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
  box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05);
}
.contBox .messBox {
  width: 44.3%;
  padding-top: 3.6%;
}
@media (max-width: 767px) {
  .contBox .messBox {
    width: 100%;
    margin-top: 3rem;
  }
}
.contBox .messBox .title {
  color: #000;
}
.contBox .messBox .red {
  color: #ff0000;
}
.contBox .messBox dl {
  border-bottom: 2px solid #efefef;
  padding: 6.8% 0.8em 0;
  color: #888;
  display: flex;
  justify-content: space-between;
  line-height: 3.3em;
}
.contBox .messBox dt {
  margin-right: 0.5em;
}
.contBox .messBox dd {
  flex: 1;
}
.contBox .messBox .input {
  width: 100%;
  line-height: 3.3em;
  height: 3.3em;
}
.contBox .messBox .textareaW {
  border: 0;
  display: block;
  margin-top: 10%;
  padding: 2.5% 5.3%;
  background-color: #f2f2f2;
}
.contBox .messBox .textarea {
  width: 100%;
  height: 9em;
}
.contBox .messBox .input::-webkit-input-placeholder,
.contBox .messBox .textarea::-webkit-input-placeholder {
  color: #888;
}
.contBox .messBox .input::-moz-placeholder,
.contBox .messBox .textarea::-moz-placeholder {
  color: #888;
}
.contBox .messBox .input:-ms-input-placeholder,
.contBox .messBox .textarea:-ms-input-placeholder {
  color: #888;
}
.contBox .messBox .btnBlue {
  margin-top: 6.7%;
  padding: 0 5.3em;
  line-height: 3.9;
}
.contBox .messBox .btnW {
  padding-top: 0;
  border-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
/*采购 联系我们*/
.contPBox {
  margin-top: 6.2%;
  padding-bottom: 2.57rem;
}
@media (max-width: 767px) {
  .contPBox {
    padding-bottom: 3rem;
    display: block;
  }
}
.contPBox .title {
  color: #000;
  width: 100%;
}
.contPBox form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.contPBox dl {
  width: 45.3%;
  border-bottom: 2px solid #efefef;
  padding: 2.8% 0.8em 0;
  color: #888;
  display: flex;
  justify-content: space-between;
  line-height: 3.3em;
}
@media (max-width: 767px) {
  .contPBox dl {
    width: 100%;
  }
}
.contPBox .red {
  color: #ff0000;
}
.contPBox dt {
  margin-right: 0.5em;
}
.contPBox dd {
  flex: 1;
}
.contPBox .input {
  width: 100%;
  line-height: 3.3em;
  height: 3.3em;
}
.contPBox .textareaW {
  width: 100%;
  padding: 1% 0.8em;
  border: 0;
  display: block;
  margin-top: 4.5%;
  background-color: #f2f2f2;
}
.contPBox .textarea {
  width: 100%;
  height: 9em;
}
.contPBox .input::-webkit-input-placeholder,
.contPBox .textarea::-webkit-input-placeholder {
  color: #888;
}
.contPBox .input::-moz-placeholder,
.contPBox .textarea::-moz-placeholder {
  color: #888;
}
.contPBox .input:-ms-input-placeholder,
.contPBox .textarea:-ms-input-placeholder {
  color: #888;
}
.contPBox .btnBlue {
  margin: 4.8% 0.8em 0;
  padding: 0 5.3em;
  line-height: 3.9;
}
@media (max-width: 767px) {
  .contPBox .btnBlue {
    padding: 0 3.8em;
  }
}
.contPBox .btnGray2 {
  margin: 4.8% 0.8em 0;
  padding: 0 5.3em;
  line-height: 3.9;
}
@media (max-width: 767px) {
  .contPBox .btnGray2 {
    padding: 0 3.8em;
  }
}
.contPBox .btnW {
  justify-content: center;
  border-bottom: 0;
  width: 100%;
  padding: 0;
}
/*方案详情*/
.bgGray {
  background-color: #F7F7F7;
}
.soluDBox {
  text-align: center;
  padding: 0 0 6%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .soluDBox {
    padding: 0 0 3rem;
  }
}
.soluDBox .title {
  margin-top: 3.6%;
  color: #000;
}
.soluDBox .title2 {
  margin-top: 5%;
  color: #000;
}
.soluDBox .txt {
  color: #666;
  margin: 2.7% 11% 0;
  line-height: 1.8;
}
.soluDBox .txt img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .soluDBox .txt {
    margin: 2.7% 0 0;
  }
}
.soluDBox .txt2 {
  color: #666;
  margin-top: 6%;
  line-height: 1.8;
}
.soluDBox .txt2 img {
  max-width: 100%;
  height: auto;
}
.soluDBox_0 {
  padding: 0 0 5.7%;
}
.swiper-solu-w {
  position: relative;
  z-index: 0;
  padding: 0 10%;
  margin-top: 2%;
}
.swiper-solu .pic {
  position: relative;
  z-index: 0;
  padding-top: 56%;
}
.swiper-solu .pic_c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.swiper-solu .pic img {
  max-width: 100%;
  height: 100%;
  width: auto;
  height: auto;
}
.swiper-solu-w .swiper-button-next,
.swiper-solu-w .swiper-button-prev {
  width: 2.4em;
  height: 3.6em;
  margin-top: -0.5em;
  background-size: contain ;
}
@media (max-width: 767px) {
  .swiper-solu-w .swiper-button-next,
  .swiper-solu-w .swiper-button-prev {
    width: 1.6em;
    height: 2.4em;
  }
}
.swiper-solu-w .swiper-button-next {
  right: 0;
  background-image: url(../images/arr14_right.png);
}
.swiper-solu-w .swiper-button-prev {
  left: 0;
  background-image: url(../images/arr14_left.png);
}
.swiper-solu-w .swiper-button-disabled {
  display: none;
}
/*方案优势*/
.advaBox {
  background-color: #f7f7f7;
  text-align: center;
  padding: 6.9% 0 9%;
}
@media (max-width: 767px) {
  .advaBox {
    padding: 3rem 0;
  }
}
.advaBox .title {
  color: #000;
}
.advaBox .list {
  margin-top: 8.3%;
}
.advaBox .list ul {
  flex-wrap: wrap ;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.advaBox .list li {
  width: 25%;
  transition: all 0.5s;
}
.advaBox .list .pic {
  width: 4.5em;
  height: 4.5em;
  display: inline-block;
  margin: 0 auto;
}
.advaBox .list .pic img {
  width: 100%;
  height: 100%;
  display: block;
}
.advaBox .list .name {
  margin-top: 6.8%;
  color: #353535;
}
.advaBox .list .intro {
  margin: 4.4% 10% 0;
  color: #666;
}
.advaBox .list li:hover {
  transform: translate(0, -6px);
  -ms-transform: translate(0, -6px);
  /* IE 9 */
  -webkit-transform: translate(0, -6px);
  /* Safari and Chrome */
}
.advaBox .list li:hover .name {
  color: #002969;
}
.advaBox .list li:hover .intro {
  color: #002969;
}
/*场景*/
.sceneBox .containers {
  overflow: visible;
}
.sceneBox .title {
  padding: 7% 0 0;
  color: #000;
  text-align: center;
}
@media (max-width: 767px) {
  .sceneBox .title {
    padding: 3rem 0 0;
  }
}
.sceneBox .list {
  padding: 0 0 7.6%;
}
@media (max-width: 767px) {
  .sceneBox .list {
    padding: 0 0 3rem;
  }
}
.sceneBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sceneBox .list ul {
    display: block;
  }
}
.sceneBox .list li {
  margin-top: 4.7%;
  width: 31%;
  margin-right: 3.5%;
}
@media (max-width: 767px) {
  .sceneBox .list li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.sceneBox .list li .pic {
  padding-top: 55%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.sceneBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sceneBox .list li .pic:hover {
  -moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.3);
}
.sceneBox .list li .name {
  margin-top: 8.1%;
}
@media (max-width: 767px) {
  .sceneBox .list li .name {
    margin-top: 1rem;
  }
}
.sceneBox .list li .intro {
  margin-top: 1.4%;
}
.sceneBox .list li:nth-child(3n) {
  margin-right: 0;
}
/*关于我们*/
.aboutBg {
  max-width: 1440px;
  margin: 0 auto;
  background: url(../images/about_bg.jpg) center bottom no-repeat;
  background-size: cover ;
}
.aboutBox .con {
  padding: 5% 0 7.8%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .aboutBox .con {
    padding: 3rem 0;
    display: block;
  }
}
.aboutBox .txt {
  width: 44.6%;
  text-align: left;
}
@media (max-width: 767px) {
  .aboutBox .txt {
    width: 100%;
  }
}
.aboutBox .txt .name {
  color: #000;
  letter-spacing: 0.1em;
}
.aboutBox .txt .name2 {
  color: #002969;
  margin-top: 1%;
}
.aboutBox .txt .intro {
  margin-top: 3.6%;
  color: #333;
  line-height: 2.2em;
}
.aboutBox .txt .intro p {
  margin-bottom: 1em;
}
.aboutBox .pic {
  width: 46.3%;
}
@media (max-width: 767px) {
  .aboutBox .pic {
    width: 100%;
    margin-top: 1rem;
  }
}
.aboutBox .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*价值观*/
.valBox {
  background-color: #f6f8fb;
}
.valBox .con {
  padding: 5.7% 0 8.5%;
}
@media (max-width: 767px) {
  .valBox .con {
    padding: 3rem 0;
  }
}
.valBox .title {
  color: #000;
  text-align: center;
}
.valBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .valBox .list ul {
    display: block;
  }
}
.valBox .list li {
  margin-top: 5.1%;
  position: relative;
  z-index: 0;
  width: 24%;
  margin-right: 1%;
}
@media (max-width: 991px) {
  .valBox .list li {
    width: 32%;
  }
  .valBox .list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .valBox .list li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.valBox .list li .pic {
  padding-top: 114.3%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.valBox .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.valBox .list li .liMask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+39,002969+100&0+39,0.5+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 39%, rgba(0, 41, 105, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 39%, rgba(0, 41, 105, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 41, 105, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80002969', GradientType=0);
  /* IE6-9 */
}
.valBox .list li .liMask2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all 2s;
  background-color: rgba(0, 41, 105, 0.5);
  transition: all 1s;
}
.valBox .list li .txt {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  color: #fff;
  text-align: center;
  transition: all 1s;
  margin-bottom: 11%;
}
.valBox .list li .name {
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .valBox .list li .name {
    margin-top: 1rem;
  }
}
.valBox .list li .intro {
  margin-top: 4%;
}
.valBox .list li:hover .liMask2 {
  height: 100%;
}
.valBox .list li:hover .txt {
  justify-content: center;
  bottom: 50%;
  margin-bottom: -2.4em;
}
.valBox .list li:nth-child(4n) {
  margin-right: 0;
}
/*获得的荣誉*/
.honorDBox {
  background: #012361 url(../images/honor_d_bg.jpg) center center no-repeat;
  background-size: cover;
}
.honorDBox .con {
  padding: 13% 0 6%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .honorDBox .con {
    padding: 3rem 0;
    display: block;
  }
}
.honorDBox .txt {
  width: 34.5%;
  text-align: left;
  color: #fff;
}
@media (max-width: 767px) {
  .honorDBox .txt {
    width: 100%;
  }
}
.honorDBox .txt .intro {
  margin-top: 7.9%;
  line-height: 2em;
}
.honorDBox .txt .intro p {
  margin-bottom: 1em;
}
.honorDBox .pic {
  width: 57%;
}
@media (max-width: 767px) {
  .honorDBox .pic {
    width: 100%;
    margin-top: 1rem;
  }
}
.honorDBox .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.honorDBox .pics {
  width: 57%;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .honorDBox .pics {
    width: 100%;
    margin-top: 1rem;
  }
}
.honorDBox .pics .pic_1 {
  position: relative;
  z-index: 3;
  width: 54%;
  padding-top: 40%;
  margin: 0 auto;
}
.honorDBox .pics .pic_2 {
  width: 48.6%;
  bottom: 0;
  margin-bottom: 1.2%;
  left: 0;
  padding-top: 32%;
  position: absolute;
}
.honorDBox .pics .pic_3 {
  width: 48.6%;
  bottom: 0;
  margin-bottom: 1.2%;
  right: 0;
  padding-top: 32%;
  position: absolute;
}
.honorDBox .pics img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*研发与创新*/
.deveBox {
  padding: 4.6% 0 0;
}
@media (max-width: 767px) {
  .deveBox {
    padding: 3rem 0 0;
  }
}
.deveBox .title {
  color: #000;
  text-align: center;
}
.deveBox .con {
  margin-top: 4.6%;
  color: #fff;
}
.deveBox .list {
  margin-top: 3.1%;
}
@media (max-width: 767px) {
  .deveBox .list {
    margin-top: 1.5rem;
  }
}
.deveBox .list ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 8.05rem;
}
@media (max-width: 767px) {
  .deveBox .list ul {
    height: auto;
    flex-direction: column;
  }
}
.deveBox .list li {
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  color: #fff;
  display: block;
  width: 9.2%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s;
  flex: 1 1 9.2%;
  background: center center no-repeat;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .deveBox .list li {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    border-left: 0;
    background-size: cover ;
  }
}
.deveBox .list li:first-child {
  border-left: 0;
}
@media (max-width: 767px) {
  .deveBox .list li:first-child {
    border-top: 0;
  }
}
.deveBox .list li .txt0 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.deveBox .list li .txt0 span {
  min-height: 8em;
  display: block;
  width: 1em;
  margin: 1.8em auto 1.8em;
  line-height: 1em;
}
@media (max-width: 767px) {
  .deveBox .list li .txt0 span {
    height: auto;
    width: 100%;
    min-height: initial;
    line-height: 1.5em;
    padding: 1rem 1rem;
    margin: 0 auto;
  }
}
.deveBox .list li .txt {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  margin-left: 2.6rem;
  width: 4.84rem;
  margin-right: auto;
}
@media (max-width: 767px) {
  .deveBox .list li .txt {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    width: auto;
    margin-right: auto;
  }
}
.deveBox .list li .txt .name {
  margin-top: 1.8em;
}
.deveBox .list li .txt .intro {
  margin-top: 4%;
  margin-bottom: 1.8em;
  line-height: 1.6;
  overflow: hidden;
  min-height: 8em;
}
.deveBox .list li.cur {
  flex: 1 1 44.8%;
}
.deveBox .list li.cur .txt0 {
  display: none;
}
.deveBox .list li.cur .txt {
  display: flex;
}
@media (max-width: 767px) {
  .deveBox .list li.cur .txt {
    margin-right: 8%;
  }
}
/*服务国家和地区*/
.serBox {
  padding: 7.3% 0 0;
}
@media (max-width: 767px) {
  .serBox {
    padding: 3rem 0 0;
  }
}
.serBox .title {
  color: #000;
  text-align: center;
}
@media (max-width: 767px) {
  .serBox .title {
    width: 9em;
    margin: 0 auto;
  }
}
.serBox .date {
  margin-top: 5.6%;
}
.serBox .date ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .serBox .date ul {
    flex-wrap: wrap;
  }
}
.serBox .date li {
  text-align: left;
  margin: 0 4.4%;
}
.serBox .date li .num {
  color: #002969;
  font-weight: bold;
}
.serBox .date li .txt {
  color: #666;
}
@media (max-width: 767px) {
  .serBox .date li {
    width: 41.2%;
    margin-top: 1rem;
  }
}
.serBox .date li .unit {
  font-size: 0.5em;
}
@media (max-width: 767px) {
  .serBox .date li:nth-child(1),
  .serBox .date li:nth-child(2) {
    margin-top: 0;
  }
}
.serBox .pic {
  position: relative;
  z-index: 0;
  margin-top: 8.3%;
  height: 4.7rem;
}
.serBox .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serBox .pic .map {
  position: relative;
  z-index: 0;
  top: -30px;
  opacity: 0;
  transition: all 0.5s;
}
.serBox .pic .dot {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 30px;
  opacity: 0;
  transition: all 1.2s;
  transition-delay: 0.4s;
}
.serBox .pic .dot img {
  height: auto;
}
.serBox .pic .line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 5px;
  opacity: 0;
  transition: all 1.2s;
  transition-delay: 0.4s;
}
.serBox .pic .line img {
  height: auto;
}
.serBox .pic.show .map {
  opacity: 1;
  top: 0;
}
.serBox .pic.show .dot {
  opacity: 1;
  top: 0;
}
.serBox .pic.show .line {
  opacity: 1;
  top: 0;
}
.serBox .serVideo {
  margin-top: 8.3%;
}
.serBox .serVideo video {
  width: 100%;
  height: 4.7rem;
  object-fit: cover;
  overflow: hidden;
}
/*合作伙伴*/
.partnerBox {
  background-color: #f6f8fb;
}
.partnerBox .con {
  padding: 8.5% 0 10.7%;
}
@media (max-width: 767px) {
  .partnerBox .con {
    padding: 3rem 0;
  }
}
.partnerBox .title {
  color: #000;
  text-align: center;
}
.partnerBox .list {
  margin-top: 4.7%;
}
.partnerBox .list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.partnerBox .list li {
  margin-top: 1.875%;
  position: relative;
  z-index: 0;
  width: 18.5%;
  margin-right: 1.875%;
}
.partnerBox .list li .pic {
  padding-top: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #fff;
}
.partnerBox .list li .pic img {
  position: absolute;
  left: 13.2%;
  top: 13.2%;
  width: 73.6%;
  height: 73.6%;
  object-fit: contain;
}
.partnerBox .list li:nth-child(5n) {
  margin-right: 0;
}
.partnerBox .btnW {
  text-align: center;
}
.partnerBox .btnBlue3 {
  margin-top: 5.9%;
}
/*法律声明*/
.legalBoxBg {
  background-color: #F5F5F5;
}
.legalBox {
  color: #5b5b5b;
  padding: 8% 0 16%;
}
@media (max-width: 767px) {
  .legalBox {
    padding: 3rem 0;
  }
}
.legalBox .line {
  margin-top: 3%;
  height: 0;
  border-bottom: 1px solid #cdcdcd;
}
@media (max-width: 767px) {
  .legalBox .line {
    margin-top: 1rem;
  }
}
.legalBox .title {
  color: #000;
  margin-top: 4.3%;
}
@media (max-width: 767px) {
  .legalBox .title {
    margin-top: 1rem;
  }
}
.legalBox .txt {
  line-height: 2.3;
  margin-top: 2.6%;
}
@media (max-width: 767px) {
  .legalBox .txt {
    margin-top: 1rem;
  }
}
.legalBox .txt:first-child {
  margin-top: 0;
}
.legalBox .list {
  line-height: 2.3;
  margin-top: 2.6%;
}
@media (max-width: 767px) {
  .legalBox .list {
    margin-top: 1rem;
  }
}
/*网站地图*/
.mapBox {
  padding: 7% 0;
}
@media (max-width: 767px) {
  .mapBox {
    padding: 3rem 0;
  }
}
.mapBox .title {
  color: #000;
  text-align: center;
}
.mapBox .mapList {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .mapBox .mapList {
    display: block;
  }
}
.mapBox .mapList dl {
  margin-top: 4%;
}
.mapBox .mapList dt {
  line-height: 1.4;
}
@media (max-width: 767px) {
  .mapBox .mapList dt {
    font-size: 1.3em;
  }
}
.mapBox .mapList dt a {
  color: #333;
}
.mapBox .mapList dd {
  margin-top: 0.8em;
  line-height: 2.6;
}
.mapBox .mapList dd a {
  color: #666;
}
.mapBox .mapList dt a:hover {
  color: #1a5fdb;
}
.mapBox .mapList dd a:hover {
  color: #1a5fdb;
}
#a1,
#a2,
#a3,
#a4,
#a5 {
  position: relative;
  top: -60px;
}
#a3 {
  top: -120px;
}
/*搜索*/
.searchTop {
  padding-top: 1.7rem;
  padding-bottom: 0.84rem;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .searchTop {
    padding-bottom: 1.5rem;
  }
}
.searchTop .title {
  color: #000;
}
.searchTop .con {
  margin-top: 1.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .searchTop .con {
    display: block;
  }
}
.searchTop .searchBox {
  position: relative;
  z-index: 0;
  width: 49.5%;
  border: 1px solid #737374;
}
@media (max-width: 767px) {
  .searchTop .searchBox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.searchTop .searchBox .iw {
  padding: 0 3em 0 1.5em;
}
.searchTop .searchBox .input {
  width: 100%;
  outline-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 3em;
  font-size: 1em;
}
.searchTop .searchBox .btn {
  cursor: pointer;
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  background: url(../images/search3.png) center center no-repeat;
  background-size: contain;
}
.searchTop .num {
  margin-top: 0.5rem;
}
.searchTop .num span {
  color: #003686;
}
.resultBox {
  padding: 3.4% 0 8.6%;
}
@media (max-width: 767px) {
  .resultBox {
    padding: 1.5rem 0;
  }
}
.resultBox .containers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .resultBox .containers {
    display: block;
  }
}
.resultBox .side {
  width: 15%;
}
@media (max-width: 767px) {
  .resultBox .side {
    width: 100%;
  }
}
.resultBox .side .cataBox .title {
  padding: 0.3em 0;
  border-bottom: 1px solid #9a9a9a;
  font-weight: bold;
  color: #000;
}
.resultBox .side .cataBox .list {
  margin-top: 0.9em;
}
.resultBox .side .cataBox .list li {
  margin-top: 0.6em;
  background: url(../images/dot_1.png) 0 0.4em no-repeat;
}
.resultBox .side .cataBox .list li a {
  color: #555;
  display: block;
  padding-left: 1.5em;
}
.resultBox .side .cataBox .list li a:hover {
  color: #003686;
}
.resultBox .side .cataBox .list li.cur {
  background-image: url(../images/dot_2.png);
}
.resultBox .con {
  width: 78%;
}
@media (max-width: 767px) {
  .resultBox .con {
    width: 100%;
  }
}
.resultBox .con .list li {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 4.4% 3.4% 4.4% 0;
  border-bottom: 1px solid #b2b2b2;
}
@media (max-width: 767px) {
  .resultBox .con .list li {
    display: block;
    padding: 1.5rem 0;
  }
}
.resultBox .con .list li .picb {
  width: 23.8em;
}
@media (max-width: 767px) {
  .resultBox .con .list li .picb {
    width: 100%;
  }
}
.resultBox .con .list li .picb .pic {
  position: relative;
  z-index: 0;
  padding-top: 70.8%;
  display: block;
  cursor: pointer;
}
.resultBox .con .list li .picb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.resultBox .con .list li .txt {
  flex: 1;
  margin-left: 10.6%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .resultBox .con .list li .txt {
    margin-left: 0;
    display: block;
  }
}
.resultBox .con .list li .txt .name {
  margin-top: 1.6%;
  line-height: 1.4em;
  max-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .resultBox .con .list li .txt .name {
    margin-top: 1rem;
  }
}
.resultBox .con .list li .txt .name a {
  color: #000;
}
.resultBox .con .list li .txt .name a:hover {
  color: #003686;
}
.resultBox .con .list li .txt .intro {
  margin-bottom: 1em;
  color: #666;
  overflow: hidden;
  height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
@media (max-width: 767px) {
  .resultBox .con .list li .txt .intro {
    margin-top: 0.5rem;
  }
}
.resultBox .con .list li .txt .btn {
  border: 1px solid #cdcdcd;
  display: inline-block;
  padding: 0.1em 4.4em 0;
  transition: all 0.5s;
  margin-top: 0.8em;
  margin-bottom: 1.6%;
  color: #000;
  line-height: 4em;
}
.resultBox .con .list li .btn:hover {
  border: 1px solid #003686;
  background-color: #003686;
  color: #fff;
}
.resultBox .con .listSolu li {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 4.4% 3.4% 4.4% 0;
  border-bottom: 1px solid #b2b2b2;
}
@media (max-width: 767px) {
  .resultBox .con .listSolu li {
    display: block;
    padding: 1.5rem 0;
  }
}
.resultBox .con .listSolu li .picb {
  width: 23.8em;
}
.resultBox .con .listSolu li .picb .pic {
  position: relative;
  z-index: 0;
  padding-top: 60.5%;
  display: block;
  cursor: pointer;
}
@media (max-width: 767px) {
  .resultBox .con .listSolu li .picb .pic {
    width: 100%;
  }
}
.resultBox .con .listSolu li .picb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.resultBox .con .listSolu li .txt {
  flex: 1;
  margin-left: 10.6%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .resultBox .con .listSolu li .txt {
    margin-left: 0;
    display: block;
  }
}
.resultBox .con .listSolu li .txt .name {
  margin-top: 1.6%;
  line-height: 1.4em;
  height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *white-space: nowrap;
}
@media (max-width: 767px) {
  .resultBox .con .listSolu li .txt .name {
    margin-top: 1rem;
  }
}
.resultBox .con .listSolu li .txt .name a {
  color: #000;
}
.resultBox .con .listSolu li .txt .name a:hover {
  color: #003686;
}
.resultBox .con .listSolu li .txt .intro {
  margin-bottom: 1em;
  color: #666;
  overflow: hidden;
  height: 3.4em;
  line-height: 1.7;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .resultBox .con .listSolu li .txt .intro {
    margin-top: 0.5rem;
  }
}
.resultBox .con .listSolu li .txt .btn {
  border: 1px solid #cdcdcd;
  display: inline-block;
  padding: 0.1em 4.4em 0;
  transition: all 0.5s;
  margin-top: 0.8em;
  margin-bottom: 1.6%;
  color: #000;
  line-height: 4em;
}
.resultBox .con .listSolu li .btn:hover {
  border: 1px solid #003686;
  background-color: #003686;
  color: #fff;
}
.resultBox .con .listPro {
  margin-top: 1.2%;
}
.resultBox .con .listPro ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .resultBox .con .listPro ul {
    display: block;
    margin-top: 1.5rem;
  }
}
.resultBox .con .listPro li {
  margin-top: 5.2%;
  position: relative;
  z-index: 0;
  width: 27%;
  margin-right: 9.5%;
  text-align: center;
}
.resultBox .con .listPro li:nth-child(1),
.resultBox .con .listPro li:nth-child(2),
.resultBox .con .listPro li:nth-child(3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .resultBox .con .listPro li:nth-child(1),
  .resultBox .con .listPro li:nth-child(2),
  .resultBox .con .listPro li:nth-child(3) {
    margin-top: 5.2%;
  }
}
@media (max-width: 767px) {
  .resultBox .con .listPro li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.resultBox .con .listPro li .pic {
  display: block;
  cursor: pointer;
  padding-top: 42.5%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.resultBox .con .listPro li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.resultBox .con .listPro li .name {
  margin-top: 8.5%;
  color: #000;
  height: 1.5em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .resultBox .con .listPro li .name {
    margin-top: 1rem;
  }
}
.resultBox .con .listPro li .name a {
  color: #000;
}
.resultBox .con .listPro li .name a:hover {
  color: #002969;
}
.resultBox .con .listPro li .intro {
  margin-top: 0.4em;
  color: #888;
  height: 3em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.resultBox .con .listPro li:hover .pic img {
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.resultBox .con .listPro li:hover .name a {
  color: #002969;
}
.resultBox .con .listPro li:nth-child(3n) {
  margin-right: 0;
}