/*about-title-public*/
.about-title {
  width: 3.8rem;
  height: .8rem;
  background: #103c7d;
  padding: .22rem 0 .24rem .4rem;
  box-sizing: border-box;
  margin-bottom: .3rem; }
  .about-title .title-h4 {
    color: #fff;
    font-size: .32rem;
    font-weight: bold; }

.swiper-container img {
  width: 100%; }

.swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  background: #fff;
  opacity: 1;
  box-sizing: border-box;
  padding: 2px; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 4px; }

.swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
  border: 1px solid #fff;
  box-sizing: border-box;
  padding: 2px; }

.content .title {
  padding-bottom: .3rem; }

.content .about {
  background: #fff;
  padding: .56rem 0;
  margin-bottom: .2rem; }

.content .about .about-video img {
  width: 100%; }

.content .about .about-nav {
  margin-top: .56rem; }

.content .about .about-nav ul li {
  float: left;
  text-align: center;
  width: 25%;
  box-sizing: border-box; }

.content .about .about-nav ul li a .iconfont {
  font-size: .48rem; }

.content .about .about-nav ul li a {
  display: block;
  color: #666666; }

.content .about .about-nav ul .bright {
  border-right: solid 1px rgba(0, 0, 0, 0.1); }

.content .about .about-nav ul li a p {
  margin-top: .3rem; }

.content .programme {
  background: #094287;
  padding: .56rem 0 0 0; }

.content .programme .programme-item {
  background: #fff;
  padding: .34rem;
  width: 5.78rem;
  box-sizing: border-box;
  margin: 0 auto; }

.content .programme .programme-item img {
  width: 5.08rem;
  height: 3.26rem; }

.content .programme .swiper-container02 {
  padding-bottom: .56rem; }

.content .programme .programme-item .programme-item-h3 {
  font-size: .34rem;
  margin-bottom: .24rem; }

.content .programme .programme-item .programme-item-p {
  font-size: .24rem;
  margin-bottom: .4rem;
  color: #888; }

.content .programme .programme-item .programme-item-btn a {
  width: 1.6rem;
  height: .48rem;
  background-color: #022a68;
  border-radius: .24rem;
  display: block;
  text-align: center;
  line-height: .48rem;
  color: #fff;
  font-size: .18rem; }
.content .programme .swiper-container02 .swiper-slide-next{
  position:relative;
}
.content .programme .swiper-container02 .swiper-slide-next:after{
  content: ".";
  background:#84a1c3;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  left:.8rem;
}
.content .programme .swiper-container02 .swiper-slide-prev{
  position:relative;
}
.content .programme .swiper-container02 .swiper-slide-prev:after{
  content: ".";
  background:#84a1c3;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  left:-.8rem;
}
.content .programme .swiper-pagination-bullet {
  width: .36rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.26);
  border-radius: 0;
  opacity: 1; }

.content .programme .swiper-pagination-bullet-active {
  width: .54rem;
  height: 1px;
  background-color: #ffffff;
  border-radius: 0;
  opacity: 1; }

.content .programme .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: .1rem; }

.content .footer-nav {
  padding: .5rem 0 .3rem 0; }

.content .footer-nav ul li {
  float: left;
  margin-bottom: .2rem;
  position: relative;
  background-size: cover;
  border-radius:.1rem;
  width: 3.35rem;
  height: 1.8rem;
  box-sizing: border-box; }

.content .footer-nav ul li:nth-child(2n) {
  float: right; }

.content .footer-nav ul li .nav-mask {
  width: 3.35rem;
  height: 1.8rem;
  position: absolute;
  z-index: 2;
  left: 0;
  border-radius:.1rem;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.content .footer-nav ul li a {
  font-size: .3rem;
  display: block;
  color: #fff;
  width: 3.35rem;
  height: 1.8rem;
  z-index: 999;
  position: absolute;
  padding-top: .3rem;
  padding-left: .24rem;
  left: 0;
  top: 0; }

.content .footer-nav ul li .footer-nav-h3 span {
  font-size: .22rem;
  display: inline-block;
  margin-left: .14rem; }

/*swiper-container*/
.swiper-container, .swiper-container01, .swiper-container02, .swiper-container03, .swiper-container04 {
  overflow: hidden; }

/*banner-public*/
.content .banner img {
  width: 100%; }

/*content-nav-pub*/
.content-nav {
  position: relative; }
  .content-nav i {
    width: 1px;
    height: .28rem;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    top: 50%;
    display: block;
    transform: translateY(-50%); }
  .content-nav .nav-space-left {
    left: 2.4rem; }
  .content-nav .nav-space-right {
    right: 2.5rem; }
  .content-nav ul {
    border-bottom: 1px solid #ccc; }
    .content-nav ul li {
      float: left;
      width: 33.3%;
      text-align: center; }
      .content-nav ul li .content-nav-cur {
        border-bottom: 2px solid #022a68;
        font-weight:bold;
      }
      .content-nav ul li a {
        display: inline-block;
        text-align: center;
        font-size: .3rem;
        color: #444;
        padding: .3rem 0; }

/*title-h3-pub*/
.content .title .title-h3 {
  text-align: center;
  font-size: .38rem;
  font-weight: bold;
  margin-bottom: .22rem;
  color: #d49b3f; }
  .content .title .title-h3 span {
    color: #022a68; }
  .content .title .title-h3 i {
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    border: 1px solid #d49b3f;
    color: #d49b3f;
    font-size: .22rem;
    text-align: center;
    line-height: .18rem;
    vertical-align: top; }
.content .title .title-p {
  width: .44rem;
  height: 2px;
  background-color: #022a68;
  margin: 0 auto; }

/*pages-pub*/
.pages a {
  display: inline-block;
  vertical-align: top;
  font-size: .3rem;
  line-height: .56rem;
  color: #666666; }
.pages ul {
  display: inline-block;
  margin-top: 0; }
  .pages ul .pagecur {
    background: #022a68; }
    .pages ul .pagecur a {
      color: #fff !important;}
  .pages ul li {
    float: left;
    width: .56rem;
    height: .56rem;
    border: 1px solid #ccc;
    text-align: center;
    line-height: .56rem;
    margin: 0 .06rem; }
    .pages ul li a {
      font-size: .3rem;
      color: #666666;
      display: block; }
.pages span {
  vertical-align: top;
  font-size: .3rem;
  line-height: .56rem;
  color: #666666; }

/*productcenter-runway*/
.productcenter-runway .content {
  padding-bottom: .8rem;
  background: #fff; }
.productcenter-runway .content .content-nav .swiper-container-cur{
  border-bottom:1px solid #dcdcdc;
  overflow:hidden;
}
.productcenter-runway .content .content-nav ul{
  border-bottom:none;
}
.productcenter-runway .content .content-nav ul li{
  position:relative;
}
.productcenter-runway .content .content-nav ul li:not(:last-child)::after{
  display:inline-block;
  content: "";
  height:.4rem;
  width:2px;
  position:absolute;
  background:#ccc;
  right:0;
  top:50%;
  margin-top:-.2rem;
}
  .productcenter-runway .content .content-des {
    padding: .5rem 0 1rem 0; }
    .productcenter-runway .content .content-des .des-h4 i {
      display: inline-block;
      width: .2rem;
      height: .2rem;
      border-radius: 50%;
      color: #0b733a;
      font-size: .2rem;
      border: 1px solid #0b733a;
      text-align: center;
      line-height: .2rem;
      vertical-align: top;
      margin: 0 .05rem; }
    .productcenter-runway .content .content-des .product-item ul {
      margin-top: .7rem; }
      .productcenter-runway .content .content-des .product-item ul li {
        width: 50%;
        margin-bottom: 1rem; }
        .productcenter-runway .content .content-des .product-item ul li a {
          display: block;
          text-align: center; }
          .productcenter-runway .content .content-des .product-item ul li a img {
            width: 2.1rem;
            height: 1.6rem;
            display: inline-block; }
          .productcenter-runway .content .content-des .product-item ul li a .item-h4 {
            font-size: .3rem;
            color: #333;
            margin: .4rem 0 .16rem 0; }
          .productcenter-runway .content .content-des .product-item ul li a .item-p {
            font-size: .2rem;
            color: #888888; }
  .productcenter-runway .content .about-case {
    background: #fff; }
    .productcenter-runway .content .about-case ul li:nth-child(2n+1) {
      margin-right: .32rem; }
    .productcenter-runway .content .about-case ul li {
      float: left;
      width: 3.28rem;
      background: #f5f5f5; }
      .productcenter-runway .content .about-case ul li a img {
        width: 100%; }
      .productcenter-runway .content .about-case ul li a .case-h4 {
        font-size: .32rem;
        color: #333;
        margin: .5rem .4rem .2rem 0;
        text-align: right;
        font-weight: bold; }
      .productcenter-runway .content .about-case ul li a .case-p {
        font-size: .24rem;
        color: #888;
        margin: 0 .4rem .5rem 0;
        text-align: right;
        line-height: .5rem; }

/*solution-runway*/
.solution-runway .content {
  background: #fff; }
.solution-runway .content .content-nav .swiper-container-cur{
  border-bottom:1px solid #dcdcdc;
  overflow:hidden;
}
.solution-runway .content .content-nav ul{
  border-bottom:none;
}
.solution-runway .content .content-nav ul li{
  position:relative;
}
.solution-runway .content .content-nav ul li:not(:last-child)::after{
  display:inline-block;
  content: "";
  height:.4rem;
  width:2px;
  position:absolute;
  background:#ccc;
  right:0;
  top:50%;
  margin-top:-.2rem;
}
  .solution-runway .content .brief {
    padding: .7rem 0 .8rem 0; }
    .solution-runway .content .brief .title .title-h3 {
      text-align: left; }
    .solution-runway .content .brief .brief-p {
      width: 3.08rem;
      font-size: .28rem;
      color: #444;
      line-height: .48rem; }
    .solution-runway .content .brief img {
      display: block;
      width: 3.4rem;
      margin-top: .2rem; }
  .solution-runway .content .advantage {
    padding-top: .64rem;
    background: #0365b1; }
    .solution-runway .content .advantage ul li {
      float: left;
      width: 50%;
      color: #fff;
      height: 5.9rem; }
      .solution-runway .content .advantage ul li img {
        width: 2.2rem;
        height: 2.2rem;
        display: block;
        margin: 0 auto; }
      .solution-runway .content .advantage ul li .advantage-h4 {
        text-align: center;
        font-size: .34rem;
        line-height: 1rem; }
      .solution-runway .content .advantage ul li .advantage-p {
        text-align: center;
        font-size: .22rem;
        line-height: .32rem; }
  .solution-runway .content .solution {
    padding: .64rem 0 .7rem 0; }
    .solution-runway .content .solution ul {
      margin-bottom: .3rem; }
      .solution-runway .content .solution ul .navcur {
        background: #022a68;
        color: #fff; }
      .solution-runway .content .solution ul li {
        float: left;
        padding-top: .4rem;
        width: 24%;
        text-align: center;
        height: 1.2rem;
        background: #f0f0f0;
        line-height: .4rem;
        font-size: .28rem;
        margin-right: .06rem; }
    .solution-runway .content .solution .con div img {
      width: 100%; }
  .solution-runway .content .product {
    padding: .64rem 0 .7rem 0;
    background-color: #e9e9e9;
    margin-top: .9rem; }
    .solution-runway .content .product .swiper-button-prev, .solution-runway .content .product .swiper-button-next {
      top: 95%;
      width: 2rem;
      height: .7rem;
      background: #022a68;
      text-align: center;
      font-size: .6rem;
      line-height: .6rem;
      color: #fff; }
    .solution-runway .content .product .swiper-button-next {
      left: 56%; }
    .solution-runway .content .product .swiper-button-prev {
      left: 1.5rem; }
    .solution-runway .content .product .swiper-container {
      margin-top: .3rem;
      position: relative; }
      .solution-runway .content .product .swiper-container .swiper-wrapper a {
        width: 49%;
        margin-bottom: 1rem;
        display: block;
        text-align: center;
        background: #fff;
        padding-top: .8rem; }
        .solution-runway .content .product .swiper-container .swiper-wrapper a img {
          width: 2.1rem;
          height: 1.6rem;
          display: inline-block; }
        .solution-runway .content .product .swiper-container .swiper-wrapper a .item-h4 {
          font-size: .3rem;
          color: #333;
          margin: .4rem 0 .16rem 0; }
        .solution-runway .content .product .swiper-container .swiper-wrapper a .item-p {
          font-size: .2rem;
          color: #888888; }
  .solution-runway .content .material {
    padding: .6rem 0 .8rem 0; }
    .solution-runway .content .material .material-p {
      width: 3.08rem;
      font-size: .28rem;
      color: #333;
      line-height: .48rem; }
    .solution-runway .content .material .material-img img {
      width: 3.5rem;
      height: 4rem; }
  .solution-runway .content .case {
    padding-top: .6rem;
    background: #0365b1; }
    .solution-runway .content .case .swiper-container02 {
      padding: .2rem 0 1.6rem 0;
      position: relative; }
    .solution-runway .content .case ul li:nth-child(2n+1) {
      margin-right: .32rem; }
    .solution-runway .content .case ul li {
      float: left;
      width: 3.28rem;
      background: #f5f5f5; }
      .solution-runway .content .case ul li a img {
        width: 100%; }
      .solution-runway .content .case ul li a .case-h4 {
        font-size: .32rem;
        color: #333;
        margin: .5rem .4rem .2rem 0;
        text-align: right;
        font-weight: bold; }
      .solution-runway .content .case ul li a .case-p {
        font-size: .24rem;
        color: #888;
        margin: 0 .4rem .5rem 0;
        text-align: right;
        line-height: .5rem; }
    .solution-runway .content .case .swiper-button-prev, .solution-runway .content .case .swiper-button-next {
      top: 90%;
      width: 2rem;
      height: .7rem;
      background: #022a68;
      text-align: center;
      font-size: .6rem;
      line-height: .6rem;
      color: #fff; }
    .solution-runway .content .case .swiper-button-disabled {
      background: #fff;
      opacity: 1;
      color: #022a68; }
    .solution-runway .content .case .swiper-button-next {
      left: 52%; }
    .solution-runway .content .case .swiper-button-prev {
      left: 1.5rem; }
  .solution-runway .content .procedure {
    padding-top: .6rem;
    margin-bottom: .6rem; }
    .solution-runway .content .procedure ul li:nth-child(3n+1) {
      margin-left: 0; }
    .solution-runway .content .procedure ul li {
      float: left;
      margin-left: .15rem;
      width: 2.2rem;
      background: #f2f2f2; }
      .solution-runway .content .procedure ul li img {
        width: 100%; }
      .solution-runway .content .procedure ul li .procedure-p {
        font-size: .26rem;
        color: #333;
        line-height: .7rem; }
  .solution-runway .content .support {
    padding-top: .64rem;
    background-color: #f5f5f5; }
    .solution-runway .content .support ul {
      padding: .6rem 0 .2rem 0; }
      .solution-runway .content .support ul li:nth-child(3n+1) {
        margin-left: 0; }
      .solution-runway .content .support ul li {
        float: left;
        width: 1.5rem;
        margin-left: 1.2rem;
        margin-bottom: .6rem; }
        .solution-runway .content .support ul li a {
          display: block; }
          .solution-runway .content .support ul li a .suportcur {
            background: #022a68;
            color: #fff; }
          .solution-runway .content .support ul li a i {
            display: block;
            font-size: .6rem;
            color: #ccc;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            border: 1px solid #bdbdbd;
            text-align: center;
            line-height: 1.5rem; }
          .solution-runway .content .support ul li a .support-p {
            text-align: center;
            font-size: .28rem;
            color: #444;
            line-height: .44rem;
            margin-top: .3rem; }
.solution-runway .content .customer-details {
  padding: 0 0 .7rem 0;
  width: 6.3rem;
  z-index: 12;
  background: #fff;
  max-height:10rem;
  overflow-y:scroll;
  position: absolute; }
.solution-runway .content .customer-details .close {
  right: .2rem;
  top: .2rem;
  display: block;
  position: absolute;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  text-align: center;
  line-height: .4rem;
  background:#dcdcdc;
  color: #fff; }
.solution-runway .content .customer-details .customer-title{
  padding-top:.5rem;
  padding-bottom:.2rem;
  text-align: center;
}
.solution-runway .content .customer-details .customer-title span{
  font-size:.64rem;
  color: rgba(102, 102, 102, 0.6);
}
.solution-runway .content .customer-details .customer-title .title-h4 {
  font-size: .36rem;
  line-height:.8rem;
  color:#333;}
.solution-runway .content .customer-details .details-des .des-h5{
  font-size:.26rem;
  color:#022a68;
  line-height:.56rem;
  margin-top:.4rem;
  font-weight:bold;
}
.solution-runway .content .customer-details .details-des .des-p{
  font-size:.26rem;
  color:#444;
  line-height:.42rem;
}
.solution-runway .content .mask {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }
/*productcenter-details*/
.productcenter-details {
  padding-bottom: .5rem;
  background: #fff; }
  .productcenter-details .content .product {
    padding-top: .3rem; }
    .productcenter-details .content .product .title {
      color: #fff;
      background: #103c7d;
      padding: .26rem 0 .26rem .4rem; }
      .productcenter-details .content .product .title .title-h3 {
        font-size: .34rem;
        font-weight: bold; }
      .productcenter-details .content .product .title .title-h4 {
        font-size: .24rem; }
    .productcenter-details .content .product .swiper-container {
      margin-bottom: .3rem; }
      .productcenter-details .content .product .swiper-container .swiper-wrapper {
        padding: .7rem 0; }
        .productcenter-details .content .product .swiper-container .swiper-wrapper a {
          display: block; }
          .productcenter-details .content .product .swiper-container .swiper-wrapper a img {
            width: 50%;
            display: block;
            margin: 0 auto; }
      .productcenter-details .content .product .swiper-container .swiper-pagination-bullet {
        background: #ccc;
        opacity: 1;
        box-sizing: border-box;
        padding: 2px; }
      .productcenter-details .content .product .swiper-container .swiper-pagination-bullet-active {
        background: #000;
        opacity: 1; }
    .productcenter-details .content .product .productcenter-details-h5 {
      font-size: .3rem;
      color: #444;
      line-height: .64rem; }
    .productcenter-details .content .product .consultation-btn {
      width: 3.4rem;
      height: .76rem;
      color: #fff;
      background: #022a68;
      text-align: center;
      line-height: .76rem;
      border-radius: .38rem;
      display: block;
      margin-bottom: .7rem;
      margin-top: .4rem; }
  .productcenter-details .content .pub .title1 {
    padding: .5rem 0 .2rem 0;
    border-bottom: 1px solid #dcdcdc; }
    .productcenter-details .content .pub .title1 .title-h3 {
      font-size: .36rem;
      font-weight: bold; }
  .productcenter-details .content .pub .des-p {
    font-size: .3rem;
    line-height: .4rem;
    color: #666;
    margin-top: .3rem;
    margin-bottom: .1rem; }
  .productcenter-details .content .about-product {
    margin-top: .9rem; }
    .productcenter-details .content .about-product .swiper-button-prev, .productcenter-details .content .about-product .swiper-button-next {
      top: 95%;
      width: 2rem;
      height: .7rem;
      background: #022a68;
      text-align: center;
      font-size: .6rem;
      line-height: .7rem;
      color: #fff; }
    .productcenter-details .content .about-product .swiper-button-next {
      left: 56%; }
    .productcenter-details .content .about-product .swiper-button-prev {
      left: 1.5rem; }
    .productcenter-details .content .about-product .swiper-container02 {
      margin-top: 1rem;
      position: relative; }
      .productcenter-details .content .about-product .swiper-container02 .swiper-wrapper a {
        width: 50%;
        margin-bottom: 1rem;
        display: block;
        text-align: center; }
        .productcenter-details .content .about-product .swiper-container02 .swiper-wrapper a img {
          width: 2.1rem;
          height: 1.6rem;
          display: inline-block; }
        .productcenter-details .content .about-product .swiper-container02 .swiper-wrapper a .item-h4 {
          font-size: .3rem;
          color: #333;
          margin: .4rem 0 .16rem 0; }
        .productcenter-details .content .about-product .swiper-container02 .swiper-wrapper a .item-p {
          font-size: .2rem;
          color: #888888; }

/*aboutcompany*/
.aboutcompany .content .swiper-pub {
  position: relative;
  padding: .46rem 0 1rem 0; }
  .aboutcompany .content .swiper-pub .swiper-wrapper img {
    width: 100%; }
  .aboutcompany .content .swiper-pub .swiper-button-prev, .aboutcompany .content .swiper-pub .swiper-button-next {
    width: .6rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border: 1px solid #022a68;
    border-radius: 50%;
    font-size: .32rem;
    background-image: none;
    top: 93%;
    left: 50%;
    color: #fff;
    background-color: #022a68; }
  .aboutcompany .content .swiper-pub .swiper-button-prev {
    left: 40%; }
  .aboutcompany .content .swiper-pub .swiper-button-disabled {
    background: none;
    color: #022a68; }
.aboutcompany .content .pubtitle .title-h3 {
  font-size: .36rem;
  color: #bcbcbc;
  text-align: center; }
.aboutcompany .content .pubtitle .title-h4 {
  font-size: .36rem;
  color: #022a68;
  text-align: center;
  position: relative; }
  .aboutcompany .content .pubtitle .title-h4 span {
    display: inline-block;
    width: .28rem;
    height: 1px;
    position: absolute;
    top: 50%;
    background-color: #b7b7b7; }
  .aboutcompany .content .pubtitle .title-h4 .left {
    left: 35%; }
.aboutcompany .content .nav {
  padding: .5rem 0;
  background: #fff; }
  .aboutcompany .content .nav ul {
    font-size: 0;
    text-align: center; }
    .aboutcompany .content .nav ul .navcur span {
      background: #035cac; }
    .aboutcompany .content .nav ul li {
      display: inline-block;
      margin: .48rem .5rem 0 .5rem; }
      .aboutcompany .content .nav ul li span {
        display: block;
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 50%;
        background-color: #c8c8c8;
        text-align: center;
        line-height: 1.3rem; }
      .aboutcompany .content .nav ul li .iconfont {
        font-size: .5rem;
        color: #fff; }
      .aboutcompany .content .nav ul li .nav-p {
        text-align: center;
        font-size: .28rem;
        margin-top: .24rem; }
.aboutcompany .content .nav-content em {
  display: inline-block;
  border-width: .1rem;
  border-style: solid;
  border-color: #c9c9c9 transparent transparent transparent;
  transform: rotate(180deg);
  position: absolute;
  top: -.2rem; }
.aboutcompany .content .nav-content .introduction {
  padding: .5rem 0;
  background: #f5f5f5;
  position: relative;
  text-align: center; }
  .aboutcompany .content .nav-content .introduction em {
    left: 1.3rem; }
  .aboutcompany .content .nav-content .introduction #intro{
    font-size: .28rem;
    color: #444;
    line-height: .5rem;
    text-align: left;
    margin-bottom: .5rem;
  }
.aboutcompany .content .nav-content .introduction .introduction-p{
  height:3.5rem;
  overflow:hidden;
}
  .aboutcompany .content .nav-content .introduction i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border: 1px solid #022a68;
    border-radius: 50%;
    font-size: .32rem;
    color: #022a68; }
  .aboutcompany .content .nav-content .introduction .spancur {
    background: #022a68;
    color: #fff; }
.aboutcompany .content .nav-content .culture {
  padding: .5rem 0;
  background: #f5f5f5;
  position: relative; }
  .aboutcompany .content .nav-content .culture em {
    left: 50%;
    transform: translateX(-50%) rotate(180deg); }
  .aboutcompany .content .nav-content .culture ul li {
    float: left;
    position:relative;
    overflow:hidden;
    height:1.8rem;
    width: 2.2rem;
    margin:0 .14rem;
    box-sizing:border-box;
    padding-top:.3rem;
  }
    .aboutcompany .content .nav-content .culture ul li img {
      width: 100%; }
.aboutcompany .content .nav-content .culture ul li .tit{
  width:100%;
  position:absolute;
  left:0;
  top:1.3rem;
  height:100%;
  background:url("../images/zb.png");
  background-size:cover;
  transition: top .5s;
}
/*.aboutcompany .content .nav-content .culture ul li .tit .close{*/
  /*display:inline-block;*/
  /*width:.3rem;*/
  /*height:.3rem;*/
  /*color:#000;*/
  /*border: 1px solid #000;*/
  /*border-radius:50%;*/
  /*font-size:.2rem;*/
  /*text-align: center;*/
  /*line-height:.3rem;*/
  /*position:absolute;*/
  /*right:-.15rem;*/
  /*top:-.15rem;*/
/*}*/
.aboutcompany .content .nav-content .culture ul li .titshow{
  top:.3rem !important;
}
.aboutcompany .content .nav-content .culture ul li .titshow::after{

}
.aboutcompany .content .nav-content .culture ul li .tit i{
  display:block;
  text-align: center;
  margin:0 auto;
  width:.2rem;
  height: 2px;
  background:#fff;
}
    .aboutcompany .content .nav-content .culture ul li .tit .culture-h {
      text-align: center;
      font-size: .26rem;
      height:.5rem;
      line-height:.5rem;
      color: #fff; }
.aboutcompany .content .nav-content .culture ul li .tit .culture-p{
  padding:.2rem;
  color:#fff;
  font-size:.24rem;
  text-align: center;
}
.aboutcompany .content .nav-content .course {
  padding: .5rem 0;
  position: relative;
  background: #ffffff; }
  .aboutcompany .content .nav-content .course em {
    right: 1.3rem; }
  .aboutcompany .content .nav-content .course .swiper-button-prev, .aboutcompany .content .nav-content .course .swiper-button-next {
    background-color: rgba(0, 0, 0, 0.5);
    top: 25%;
    color: #fff;
    width: .4rem;
    height: .8rem;
    background-image: none; }
    .aboutcompany .content .nav-content .course .swiper-button-prev .iconfont, .aboutcompany .content .nav-content .course .swiper-button-next .iconfont {
      line-height: .8rem;
      font-size: .4rem; }
  .aboutcompany .content .nav-content .course .swiper-button-prev {
    left: .3rem; }
  .aboutcompany .content .nav-content .course .swiper-button-next {
    right: .3rem; }
  .aboutcompany .content .nav-content .course img {
    width: 100%; }
  .aboutcompany .content .nav-content .course .time {
    padding: .36rem 0 .3rem 0;
    font-size: .46rem;
    color: #1b3c85;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc; }
    .aboutcompany .content .nav-content .course .time span {
      font-size: .22rem;
      vertical-align: top;
      margin-left: .06rem;
      display: inline-block; }
  .aboutcompany .content .nav-content .course .course-p {
    font-size: .28rem;
    color: #666;
    line-height: .4rem;
    margin: .2rem 0; }
    .aboutcompany .content .nav-content .course .course-p i {
      display: inline-block;
      border-width: .1rem;
      border-style: solid;
      border-color: red transparent transparent transparent;
      transform: rotate(-90deg); }
.aboutcompany .content .brand {
  padding: .5rem 0; }
  .aboutcompany .content .brand img {
    width: 100%; }
  .aboutcompany .content .brand .brand-p {
    font-size: .28rem;
    color: #444;
    line-height: .54rem;
    padding: .7rem 0; }
  .aboutcompany .content .brand .brand-img {
    text-align: center; }
    .aboutcompany .content .brand .brand-img img {
      width: 2.6rem;
      height: .6rem;
      display: inline-block; }
.aboutcompany .content .team {
  background: #fff;
  padding: .5rem 0; }
.aboutcompany .content .team .swiper-container02 .layout01{
    margin: 0 1rem;
}
.aboutcompany .content .team .swiper-container02 .swiper-slide-prev{
  position:relative;
}
.aboutcompany .content .team .swiper-container02 .swiper-slide-prev:after{
  content: ".";
  background:#447671;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  opacity:.5;
  left:-1rem;
}
.aboutcompany .content .team .swiper-container02 .swiper-slide-next{
  position:relative;
}
.aboutcompany .content .team .swiper-container02 .swiper-slide-next:after{
  content: ".";
  background:#447671;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  opacity:.5;
  left:1rem;
}
.aboutcompany .content .witness {
  background: #f5f5f5;
  padding: .5rem 0; }
  .aboutcompany .content .witness .swiper-container03 .swiper-slide {
    text-align: center; }
    .aboutcompany .content .witness .swiper-container03 .swiper-slide img {
      width: 3.36rem;
      height: 2.08rem;
      display: inline-block; }
.aboutcompany .content .partner {
  background: #fff;
  padding: .5rem 0; }
  .aboutcompany .content .partner .swiper-container04 .swiper-slide {
    text-align: center; }
    .aboutcompany .content .partner .swiper-container04 .swiper-slide img {
      width: 2.2rem;
      height: 1.2rem;
      display: inline-block;
      border: 1px solid #ccc;
      box-sizing: border-box;
      margin-left: .06rem;
      margin-bottom: .06rem; }
    .aboutcompany .content .partner .swiper-container04 .swiper-slide img:nth-child(3n+1) {
      margin-left: 0; }

/*honor*/
.honor .content {
  background: #fff;
  position: relative;
  padding-bottom: .6rem; }
  .honor .content .swiper-container {
    padding: .45rem 0; }
    .honor .content .swiper-container ul {
      margin: 0 auto;
      width: 6.6rem; }
      .honor .content .swiper-container ul li:nth-child(1) {
        margin-left: .1rem; }
      .honor .content .swiper-container ul li {
        float: left;
        width: 2rem;
        margin-left: .15rem;
        height: 1.15rem;
        text-align: center;
        line-height: 1.15rem;
        border: 1px solid #ccc; }
        .honor .content .swiper-container ul li img {
          width: 1.02rem;
          height: .6rem;
          display: inline-block; }
    .honor .content .swiper-container .swiper-button-prev {
      left: .2rem; }
    .honor .content .swiper-container .swiper-button-next {
      right: .07rem; }
    .honor .content .swiper-container .swiper-button-next, .honor .content .swiper-container .swiper-button-prev {
      top: 55%;
      background: none; }
      .honor .content .swiper-container .swiper-button-next i, .honor .content .swiper-container .swiper-button-prev i {
        font-size: .5rem;
        color: #022a68; }
  .honor .content .honor-item ul li:nth-child(2n+1) {
    margin-right: .3rem; }
  .honor .content .honor-item ul .itemcur .honor-name {
    background: #022a68;
    color: #fff; }
  .honor .content .honor-item ul li {
    width: 3.3rem;
    border: 1px solid #cccccc;
    text-align: center;
    float: left;
    box-sizing: border-box;
    margin-bottom: .4rem; }
    .honor .content .honor-item ul li img {
      width: 1.88rem;
      height: 2.72rem;
      display: inline-block;
      margin: .32rem 0; }
    .honor .content .honor-item ul li .honor-name {
      font-size: .28rem;
      color: #000;
      background: #f8f8f8;
      line-height: .66rem;
      padding-left: .24rem;
      text-align: left; }
    .honor .content .honor-item ul li .seemore {
      display: block;
      height: .66rem;
      line-height: .66rem;
      font-size: .24rem;
      color: #999;
      padding-left: .24rem;
      text-align: left; }
  .honor .content .honor-details {
    padding: .5rem 0 .7rem 0;
    width: 6.3rem;
    z-index: 3;
    background: #fff;
    position: absolute; }
    .honor .content .honor-details .close {
      right: .2rem;
      top: .2rem;
      display: block;
      position: absolute;
      width: .52rem;
      height: .52rem;
      border-radius: 50%;
      border: 1px solid #ccc;
      text-align: center;
      line-height: .52rem;
      color: #ccc; }
    .honor .content .honor-details .details-title .title-h4 {
      font-size: .36rem;
      color: #333; }
    .honor .content .honor-details .details-title .type {
      font-size: .2rem;
      color: #999;
      line-height: .3rem; }
    .honor .content .honor-details .details-img {
      text-align: center;
      margin: .28rem 0;
      width: 100%;
      padding: .2rem 0;
      border: 1px solid #dcdcdc; }
      .honor .content .honor-details .details-img img {
        width: 3.2rem;
        height: 4.6rem;
        display: inline-block; }
    .honor .content .honor-details .details-p {
      font-size: .3rem;
      color: #666;
      line-height: .52rem; }
  .honor .content .mask {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }

/*educationalsystem*/
.educationalsystem .content {
  background: #fff;
  padding-bottom: .4rem; }
  .educationalsystem .content .about-case {
    margin-bottom: .3rem; }
    .educationalsystem .content .about-case ul li:nth-child(2n+1) {
      margin-right: .32rem; }
    .educationalsystem .content .about-case ul li {
      margin-top: .3rem;
      float: left;
      width: 3.28rem;
      background: #f5f5f5; }
      .educationalsystem .content .about-case ul li a img {
        width: 100%; }
      .educationalsystem .content .about-case ul li a .case-h4 {
        font-size: .32rem;
        color: #333;
        margin: .5rem .4rem .2rem 0;
        text-align: right;
        font-weight: bold; }
      .educationalsystem .content .about-case ul li a .case-p {
        font-size: .24rem;
        color: #888;
        margin: 0 .4rem .5rem 0;
        text-align: right;
        line-height: .5rem; }

/*consultcenter-dynamic*/
.consultcenter-dynamic .content {
  background: #fff;
  padding-bottom: .4rem; }
  .consultcenter-dynamic .content .con ul li {
    padding: .4rem 0;
    border-bottom: 1px solid #ccc; }
  .consultcenter-dynamic .content .con ul img {
    width: 2.38rem;
    height: 1.68rem; }
  .consultcenter-dynamic .content .con ul .fr {
    margin-left: .32rem; }
    .consultcenter-dynamic .content .con ul .fr .news-title {
      font-size: .3rem;
      color: #000;
      width: 4.2rem; }
    .consultcenter-dynamic .content .con ul .fr .news-time {
      font-size: .22rem;
      color: rgba(136, 136, 136, 0.8);
      margin-top: .58rem; }

/*consultcenter-dynamicdetails*/
.consultcenter-dynamicdetails .content {
  background-color: #fff; }
  .consultcenter-dynamicdetails .content .con {
    padding-top: .5rem;
    padding-bottom: .7rem;
    border-bottom: 1px dashed #000; }
    .consultcenter-dynamicdetails .content .con .new-h3 {
      font-size: .34rem;
      line-height: .44rem; }
    .consultcenter-dynamicdetails .content .con .new-time {
      font-size: .22rem;
      color: #888888;
      margin-top: .3rem;
      margin-bottom: .4rem;
      display: block; }
    .consultcenter-dynamicdetails .content .con img {
      width: 100%; }
    .consultcenter-dynamicdetails .content .con .newdetails-p {
      font-size: .3rem;
      line-height: .5rem;
      color: #666; }
    .consultcenter-dynamicdetails .content .con .newcontent-h4 {
      font-size: .3rem;
      color: #666;
      font-weight: bold; }
    .consultcenter-dynamicdetails .content .con .newdetails-h5 {
      font-size: .3rem;
      color: #022a68;
      text-indent: .6rem; }
  .consultcenter-dynamicdetails .content .link {
    padding-top: .4rem;
    padding-bottom: .7rem; }
    .consultcenter-dynamicdetails .content .link a {
      display: block;
      font-size: .28rem;
      color: #666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 6.7rem;
      line-height: .56rem; }
    .consultcenter-dynamicdetails .content .link .return {
      width: 2.6rem;
      height: .7rem;
      background: #022a68;
      text-align: center;
      line-height: .7rem;
      color: #fff;
      margin-top: .3rem; }

/*contact*/
.contact .content {
  background: #fff; }
  .contact .content .contact-way {
    padding-top: .5rem; }
    .contact .content .contact-way img {
      width: 100%;
      margin-bottom: .46rem; }
    .contact .content .contact-way .company-name {
      font-size: .32rem;
      color: #022a68;
      font-weight: bold; }
    .contact .content .contact-way ul li {
      line-height: .6rem;
      font-size: .26rem; }
      .contact .content .contact-way ul li i {
        display: inline-block;
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        text-align: center;
        line-height: .4rem;
        background: #b9b9b9;
        font-size: .2rem;
        color: #fff; }
      .contact .content .contact-way ul li span {
        color: #666; }
      .contact .content .contact-way ul li .contact-p {
        display: inline-block;
        text-align: justify;
        margin: 0 .1rem 0 .18rem; }
    .contact .content .contact-way .regional-head {
      padding-bottom: .8rem; }
      .contact .content .contact-way .regional-head table {
        margin-top: .7rem; }
        .contact .content .contact-way .regional-head table th {
          background: #022a68;
          text-align: center;
          height: .7rem;
          line-height: .7rem;
          color: #fff;
          width: 33.3%;
          border: 1px solid #bcbcbc; }
        .contact .content .contact-way .regional-head table tr:nth-child(2n) {
          background: #f5f5f5; }
        .contact .content .contact-way .regional-head table td {
          width: 33.3%;
          text-align: center;
          height: .7rem;
          font-size: .26rem;
          border: 1px solid #bcbcbc; }
  .contact .content .recruit table {
    width: 100%; }
    .contact .content .recruit table th {
      background: #f5f5f5;
      height: .7rem;
      text-align: center;
      width: 33.3%;
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc; }
    .contact .content .recruit table td {
      height: .7rem;
      text-align: center;
      width: 33.3%;
      border-bottom: 1px solid #dcdcdc; }
  .contact .content .recruit .changepage {
    padding: .6rem 0;
    text-align: center; }
    .contact .content .recruit .changepage .pagecur {
      background: #022a68;
      color: #fff; }
    .contact .content .recruit .changepage a {
      display: inline-block;
      width: 2.6rem;
      height: .74rem;
      border: 1px solid #bcbcbc;
      text-align: center;
      line-height: .74rem;
      color: #bcbcbc;
      margin-left: .2rem; }
  .contact .content .customer-service {
    padding-top: .7rem;
    padding-bottom: .4rem;
    background: #e9e9e9; }
    .contact .content .customer-service ul li:not(:nth-child(3n+1)) {
      margin-left: .3rem; }
    .contact .content .customer-service ul li {
      padding-top: .5rem;
      padding-bottom: .5rem;
      box-sizing: border-box;
      text-align: center;
      float: left;
      width: 2.1rem;
      height: 2.1rem;
      color: #fff;
      margin-bottom: .3rem; }
      .contact .content .customer-service ul li i {
        display: block;
        font-size: .58rem;
        margin-bottom: .1rem; }
  .contact .content .mask {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  .contact .content .recruit-details {
    padding: 0 0 .7rem 0;
    width: 6.3rem;
    z-index: 3;
    background: #fff;
    position: absolute; }
    .contact .content .recruit-details .close {
      right: .2rem;
      top: .2rem;
      display: block;
      position: absolute;
      width: .4rem;
      height: .4rem;
      border-radius: 50%;
      border: 1px solid #ccc;
      text-align: center;
      line-height: .4rem;
      background:#dcdcdc;
      color: #fff; }
   .contact .content .recruit-details .recruit-title{
     padding-top:.7rem;
     padding-bottom:.4rem;
     border-bottom:1px solid #ccc;
}
    .contact .content .recruit-details .recruit-title .title-h4 {
      font-size: .36rem;
      color: #002767; }
.contact .content .recruit-details .details-des .details-h5{
  font-size:.28rem;
  font-weight:bold;
  color:#444;
  line-height:1rem;
}
.contact .content .recruit-details .details-des ul li{
  font-size:.26rem;
  color:#444;
  line-height:.42rem;
}

.contact .content .customer-details {
  padding: 0 0 .7rem 0;
  width: 6.3rem;
  z-index: 3;
  background: #fff;
  max-height:10rem;
  overflow-y:scroll;
  position: absolute; }
.contact .content .customer-details .close {
  right: .2rem;
  top: .2rem;
  display: block;
  position: absolute;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  text-align: center;
  line-height: .4rem;
  background:#dcdcdc;
  color: #fff; }
.contact .content .customer-details .customer-title{
  padding-top:.5rem;
  padding-bottom:.2rem;
  text-align: center;
}
.contact .content .customer-details .customer-title span{
  font-size:.64rem;
  color: rgba(102, 102, 102, 0.6);
}
.contact .content .customer-details .customer-title .title-h4 {
  font-size: .36rem;
  line-height:.8rem;
  color:#333;}
.contact .content .customer-details .details-des .des-h5{
  font-size:.26rem;
  color:#022a68;
  line-height:.56rem;
  margin-top:.4rem;
  font-weight:bold;
}
.contact .content .customer-details .details-des .des-p{
  font-size:.26rem;
  color:#444;
  line-height:.42rem;
}

/*productionbase*/
.production-base .content {
  padding-bottom: .68rem;
  background: #fff; }
  .production-base .content .swiper-pub {
    position: relative;
    padding: .46rem 0 1rem 0; }
    .production-base .content .swiper-pub .swiper-wrapper img {
      width: 100%; }
    .production-base .content .swiper-pub .swiper-button-prev, .production-base .content .swiper-pub .swiper-button-next {
      width: .6rem;
      height: .6rem;
      text-align: center;
      line-height: .6rem;
      border: 1px solid #022a68;
      border-radius: 50%;
      font-size: .32rem;
      background-image: none;
      top: 94%;
      left: 50%;
      color: #fff;
      background-color: #022a68; }
    .production-base .content .swiper-pub .swiper-button-prev {
      left: 40%; }
    .production-base .content .swiper-pub .swiper-button-disabled {
      background: none;
      color: #022a68; }
  .production-base .content .base-title {
    position: relative;
    padding-top: .5rem;
    padding-bottom: .58rem;
    text-align: center;
    font-size: .36rem;
    color: #022a68; }
    .production-base .content .base-title span {
      display: block;
      position: absolute;
      width: .5rem;
      height: 2px;
      background-color: #ccc;
      left: 50%;
      top: 1.2rem;
      transform: translateX(-50%); }
  .production-base .content .base-introduction img {
    width: 100%; }
  .production-base .content .base-introduction .instr-h4 {
    font-size: .36rem;
    color: #333; }
  .production-base .content .base-introduction .instr-p {
    font-size: .28rem;
    color: #555;
    line-height: .48rem; }
  .production-base .content .plant {
    background: #f5f5f5;
    padding-bottom: .4rem; }
    .production-base .content .plant .swiper-container .swiper-slide ul li:nth-child(1) {
      margin-right: .2rem; }
    .production-base .content .plant .swiper-container .swiper-slide ul li {
      float: left;
      width: 3.35rem; }
      .production-base .content .plant .swiper-container .swiper-slide ul li .des {
        width: 3.35rem;
        height: .7rem;
        text-align: center;
        line-height: .7rem;
        background-color: #3d4550;
        color: #fff; }
      .production-base .content .plant .swiper-container .swiper-slide ul li img {
        width: 100%; }
  .production-base .content .equipment {
    padding-bottom: .6rem; }
.production-base .content .equipment .swiper-container02 .layout01{
    margin: 0 1rem;
}
.production-base .content .equipment .swiper-container02 .swiper-slide-prev{
  position:relative;
}
.production-base .content .equipment .swiper-container02 .swiper-slide-prev:after{
  content: ".";
  background:#447671;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  opacity:.5;
  left:-1rem;
}
.production-base .content .equipment .swiper-container02 .swiper-slide-next{
  position:relative;
}
.production-base .content .equipment .swiper-container02 .swiper-slide-next:after{
  content: ".";
  background:#447671;
  width:100%;
  position:absolute;
  z-index:9999;
  height:100%;
  top:0;
  opacity:.5;
  left:1rem;
}
  .production-base .content .research-centres .research-centres-p {
    font-size: .24rem;
    color: #666;
    line-height: .4rem;
    text-align: center; }
  .production-base .content .research-centres ul li:not(:first-child) {
    margin-left: .5rem; }
  .production-base .content .research-centres ul li {
    float: left;
    text-align: center;
    margin-top: .74rem;
    margin-bottom: 1rem; }
    .production-base .content .research-centres ul li img {
      width: 1.4rem;
      display: inline-block;
      margin-bottom: .2rem; }
  .production-base .content .distribution .distribution-p {
    font-size: .26rem;
    color: #666;
    line-height: .5rem; }
  .production-base .content .distribution img {
    width: 4.23rem;
    height: 2.88rem;
    display: block;
    margin: 0 auto; }


    .consultcenter-dynamic .content .content-nav .swiper-container-cur{
      border-bottom:1px solid #dcdcdc;
      overflow:hidden;
    }
    .consultcenter-dynamic .content .content-nav ul{
      border-bottom:none;
    }
    .consultcenter-dynamic .content .content-nav ul li{
      position:relative;
    }
    .consultcenter-dynamic .content .content-nav ul li:not(:last-child)::after{
      display:inline-block;
      content: "";
      height:.4rem;
      width:2px;
      position:absolute;
      background:#ccc;
      right:0;
      top:50%;
      margin-top:-.2rem;
    }


/*# sourceMappingURL=output.css.map */