@charset "UTF-8";

.page-more a {
  position: relative;
  display: inline-block;
  color: #fff;
  background: #004ea2;
  min-width: 1.6rem;
  padding: 0px 0.2rem;
  line-height: 3;
  text-align: center;
  overflow: hidden;
}
.page-more a span {
  position: relative;
  z-index: 2;
}
.page-more a::before {
  position: absolute;
  left: 0px;
  top:0px;
  height: 100%;
  width: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  content: "";
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-more a:hover::before {
  width: 100%;
}

.page-title span {
  position: relative;
}
.page-title span i {
  position: relative;
  z-index: 3;
}
.page-title span:before {
  position: absolute;
  content: "";
  width: 3em;
  left: 50%;
  bottom: -0.02rem;
  margin-left: -1.5em;
  height: 0.3em;
  background: #e5ebf2;
}


.page-main { margin-top:0px; } 

#fullpage .section {
  overflow:hidden;
}

/**************banner******************/
.swiper-banner {
  position: relative;
  overflow: hidden;
}
.swiper-banner video {
  position:absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: #000;
  object-fit: cover;
}
.swiper-banner .bg_container {height:100vh;transform:scale(1.25,1.25); -webkit-transform:scale(1.25,1.25); transition:4s all; -webkit-transition:4s all; }
.swiper-banner .page-text { position:absolute;z-index:3; top:0px; left:0px; width: 100%; color:#fff; bottom:0px; }
.swiper-banner .page-con {padding-left: 7.29%;line-height:1.4; }
.swiper-banner h5 { margin-top: 0.06rem; opacity: 0.5; filter:alpha(opacity=50); }
.swiper-banner .swiper-pagination { width: auto; left: auto; top:auto;right: auto; position: relative; }
.swiper-banner .swiper-pagination .swiper-pagination-bullet { position: relative;margin-top: 0.2rem; display: block; color: #fff; background: none; opacity: 1; width:2.2727em; height: 2.2727em;  line-height: 2.2727em; text-align: center; }
.swiper-banner .swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left:0.2727em;
  right: 0.2727em;
  top:0.2727em;
  bottom: 0.2727em;
  background: #b5b9bf;
  border-radius: 50%;
  display: none;
}
.swiper-banner .page-pagination {
  position: absolute;
  right: 0.74rem; 
  top:0px;
  bottom: 0px;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
  border:1px solid #fff;
  color: #20264b;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active::after {
  display: block;
}
.swiper-banner .swiper-pagination i {
  position: relative;
  z-index: 2;
}
.swiper-banner .li02 .page-con {
  padding-left: 0px;
}
.swiper-banner .li03 video {
  display: none;
}
.swiper-banner .swiper-slide-active .page-con { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active .bg_container { transform:scale(1,1); -webkit-transform:scale(1,1);}
.swiper-banner .swiper-slide-active.li02 .page-con { -webkit-animation-name: bnFadeTop;
  animation-name: bnFadeTop; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .page-img { overflow:hidden; position: relative; z-index: 3; }
.swiper-banner .page-more {
  padding-top:0.55rem;
}
.swiper-banner .swiper-button-next {
  width: 0.35rem;
  height: 0.78rem;
  background: url(/images/page-next.png) no-repeat center center/100% 100%;
  left: 50%;
  right: auto;
  margin-top: auto;
  top:auto;
  bottom: 0.87rem;
  margin-left: -0.39rem;
  animation:btnTopDown 1s linear 0s alternate infinite; /*animation: 动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向  动画起始或结束的状态*/
  -webkit-animation:btnTopDown 1s linear 0s alternate infinite;
}
.swiper-banner .swiper-button-next::after {
  display: none;
}
.swiper-banner .swiper-button-next a {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: transparent;
}
@-webkit-keyframes btnTopDown {
  0% {
    bottom: 0.87rem;
  }

  100% {
    bottom: 0.47rem;
  }
}
@keyframes btnTopDown {
  0% {
    bottom: 0.87rem;
  }

  100% {
    bottom: 0.47rem;
  }
}

@-webkit-keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0px, 0);
            transform: translate3d(-100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0px, 0);
            transform: translate3d(-100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-webkit-keyframes bnFadeTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 100px, 0);
            transform: translate3d(0px, 100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 100px, 0);
            transform: translate3d(0px, 100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@media only screen and (max-width:767px){
  .swiper-banner .bg_container {
    padding-bottom: 75%;
  }
  .swiper-banner .page-pagination {
    right: 0.4rem;
  }
  @-webkit-keyframes btnTopDown {
    0% {
      bottom: 0.57rem;
    }
  
    100% {
      bottom: 0.27rem;
    }
  }
  @keyframes btnTopDown {
    0% {
      bottom: 0.57rem;
    }
  
    100% {
      bottom: 0.27rem;
    }
  }
}


/* page-in-product  */
.sec-product {
  background-position: center top;
}
.page-in-product {
  padding: 1.51rem 0px 0px;
  width: 100%;
  height: 100vh;
}
.page-in-product .page-wrap {
  max-width: 90%;
}
.page-in-product .page-pro-tab-wrap {
  padding: 0px 8%;
  position: relative;
  overflow: hidden;
}
.page-in-product .page-pro-tab {
  overflow: hidden;
}
.page-in-product .page-pro-tab.on .swiper-wrapper {
  width: auto;
}
.page-in-product .page-pro-tab .swiper-slide {
 width: auto;
 cursor: pointer;
 letter-spacing: 0.05em;
 text-align: center;
 width: 16.66%
}
.page-in-product .page-pro-tab-wrap .swiper-button-disabled {
  display: none;
}
.page-in-product .page-pro-tab .swiper-slide::before {
  position: absolute;
  content: "";
  width: 2.5em;
  height: 0.4285em;
  background: #e3e8ec;
  left: 50%;
  bottom: 0px;
  margin-left: -1.25em;
  z-index: 2;
}
.page-in-product .page-pro-tab .swiper-slide span {
  display: inline-block;
  /* background: #fafafa; */
  padding: 0px 0.2rem;
  line-height: 1.43;
  margin: 0px;
  position: relative;
  color: #666;
}
.page-in-product .page-pro-tab .swiper-slide span i {
  position: relative;
  z-index: 3;
}
.page-in-product .page-pro-tab .swiper-slide.on span {
  /* font-size: 1.4285em; */
  font-weight: bold;
  background: none;
  color: #111;
}
.page-in-product .page-pro-tab .swiper-slide.on::before {
  background:#6291c3;
  /* width: 4.2857em;
  margin-left: -2.14285em; */
}
.page-in-product .page-pro-tabcon {
  padding-top: 0.78rem;
  letter-spacing: 0.1em;
  overflow: hidden;
  background-size:auto 100%;
}
.page-in-product .page-pro-detail {
  width: 79.556%;
  padding-left: 28px;
}
.page-in-product .page-pro-detail .page-text {
  width: 40.4%;
  padding-right: 2%;
}
.page-in-product .page-pro-detail .page-tit {
   color: #185796;
}
.page-in-product .page-pro-detail .page-subtit {
  color:#0a0f17;
  margin-top: 0.07rem;
}
.page-in-product .page-pro-detail .page-con {
  padding-top: 0.25rem;
  max-height: 286px;
  overflow: hidden;
}
.page-in-product .page-pro-detail .page-con p {
  color: #666;
  padding-left: 1.667em;
  background: url(/images/gou01.png) no-repeat left 0.25em/1em 1em;
  margin-top: 0.09rem;
}
.page-in-product .page-pro-detail .page-sec {
  display: none;
}
.page-in-product .page-pro-detail .page-more {
  padding-top: 0.56rem;
}
.page-in-product .page-pro-detail .page-more a {
  min-width: 1.7rem;
  line-height: 2.825;
  background: #1263b5;
}
.page-in-product .page-pro-detail .bg_container {
  height: 9.62rem;
  background-size:contain;
  background-position: center 34%;
}
.page-in-product .page-pro-detail .page-img {
  position: relative;
}
.page-in-product .page-pro-detail .page-img .page-play-btn {
  position: absolute;
  left: 50%;
  top:37%;
  width: 0.8rem;
  height: 0.8rem;
  background: url(/images/play-btn01.png) no-repeat center center/100% 100%;
  cursor: pointer;
}
.page-in-product  .pro-tabnav {
  position: relative;
  right:0px;
  width: 20.444%;
  height: 20.5em;
  overflow: hidden;
  padding-right: 0.1rem;
  top:-0.07rem;
}
.page-in-product  .pro-tabnav ul li {
  padding-right: 2.64em;
  text-align: right;
  color: #4c4c4c;
  letter-spacing: 0px;
  line-height: 1.1;
  cursor: pointer;
  width: 100%;
}
.page-in-product  .pro-tabnav ul li span {
  display: block;
  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 
}
.page-in-product  .pro-tabnav .page-tabnav-btn {
  position: absolute;
  top:0px;
  right: 0.1em;
  bottom: 0px;
  height: 100%;
  width: 1.667em;
  z-index: 5;
}
.page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-prev,
.page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-next {
  width: 1.667em;
  height: 1.667em;
  border-radius: 50%;
  left: auto;
  background: #004ea2;
  box-shadow: 0px 0.05rem 0.1rem rgba(0,0,0,0.1);
  margin-top: 0px;
  transform: rotate(90deg);
  color: #fff;
}
.page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-prev {
  top:0.24rem;
}
.page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-next {
  top:auto;
  right: 0px;
  bottom:0.1rem;
}
.page-in-product .swiper-button-prev:after,.page-in-product .swiper-button-next:after {
  font-size:0.8em;
  font-weight: bold;
}
.page-in-product   .pro-tabnav .page-tabnav-btn::before {
  position: absolute;
  content: "";
  top:1em;
  left: 50%;
  bottom: 0.5em;
  width:2px;
  margin-left: -1px;
  background: #e4e4e4;
}
.page-in-product   .pro-tabnav .page-tabnav-btn  .swiper-button-next.swiper-button-disabled,
.page-in-product   .pro-tabnav .page-tabnav-btn  .swiper-button-prev.swiper-button-disabled {
  background: #fff;
  opacity: 1;
  color: #666;
}
.page-in-product  .pro-tabnav ul li.on span {
  color:#185796;
  font-size: 1.25em;
  font-weight: bold;
}

@media only screen and (max-width:1920px){
  .page-in-product .page-wrap {
    max-width: 95%;
    max-width: 1496px;
  }
  .page-in-product .page-pro-detail .bg_container {
    height: 6.62rem;
  }
}

@media only screen and (max-width:1440px){
  .page-in-product .page-pro-detail {
    padding-left: 3px;
  }
  .page-in-product .page-pro-detail {
    width:76.556%;
  }
  .page-in-product .pro-tabnav {
    width: 23.444%;
  }
}
@media only screen and (max-width:1200px){
  .page-in-product .page-pro-tab-wrap {
    padding: 0px 1em;
  }
}

@media only screen and (max-width:1000px){
  .page-in-product .page-pro-detail {
    width:74.556%;
  }
  .page-in-product .pro-tabnav {
    width: 25.444%;
  }
  .page-in-product .page-pro-tab .swiper-slide span {
    padding: 0px;
  }
}
@media only screen and (max-width:900px){
  .page-in-product {
    padding: 0.7rem 0px;
    background: none!important;
  }
  .page-in-product .page-pro-detail .page-img {
    padding: 1rem;
    background: url(/images/upload/page-in-product-bg01.jpg) no-repeat 60% 70%/150% auto;
  }

  .page-in-product .page-pro-tab .swiper-wrapper {
    justify-content : space-between;
  }
  .page-in-product .page-pro-tab .swiper-slide {
    width: 25%;
  }
  .page-in-product .page-pro-detail {
    width: 100%;
  }
  .page-in-product .page-pro-tabcon {
    padding-top: 0.5rem;
  }
  .page-in-product .page-pro-detail .page-text {
    width: 100%;
    padding-top: 0.3rem;
  }
  .page-in-product .page-pro-detail .page-img {
    width: 100%;
    flex:none;
  }
  .page-in-product .pro-tabnav {
    width: 100%;
    height:6em;
    padding-right: 0px;
  }
  .page-in-product .page-seccon {
    -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse;  flex-direction:column-reverse;
  }
  .page-in-product .pro-tabnav ul li {
    width: auto;
    padding: 0px 0px 0px 0.7rem;
  }
  .page-in-product .pro-tabnav .page-tabnav-btn {
    width: 100%;
    top:auto;
    bottom: 0.1rem;
    height: 1.667em;
  }
  .page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-prev,
  .page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-next {
    transform: rotate(0deg);
  }
  .page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-prev {
    left: 0.1rem;
    top:auto;
  }

  .page-in-product  .pro-tabnav .page-tabnav-btn .swiper-button-next {
    right: 0px;
    top:auto;
  }
  .page-in-product .pro-tabnav .page-tabnav-btn::before {
    width: auto;
    height: 2px;
    top:auto;
    bottom: 0.8335em;
    left: 0.2rem;
    right: 0.2rem;
    margin-top: -1px;
    margin-left: auto;
  }

}  

@media only screen and (max-width:767px){
  .page-in-product .page-pro-detail .page-img {
    padding:0px 1rem;
    background: url(/images/upload/page-in-product-bg03.jpg) no-repeat 60% 86%/150% auto;
  }
  .page-in-product .page-pro-detail .bg_container {
    height:4.62rem;
  }
  .page-in-product {
    padding: 1rem 0px 0px;
  }
  .page-in-product .page-pro-detail .page-text {
    padding-top: 0px;
  }
  .page-in-product .page-pro-tabcon {
    padding-top: 0px;
  }
  .page-in-product .page-pro-tab .swiper-slide {
    width: 33.33%;
  }
  .page-in-product .swiper-button-prev {
    left: 0px;
  }
  .page-in-product .swiper-button-next {
    right: 0px;
  }
  .page-in-product {
    height: auto;
  }
  .page-in-product .page-pro-tabcon {
    background: none!important;
  }
  .page-in-product .page-pro-detail .page-con {
    max-height:2.1rem;
  }
}

@media only screen and (max-width:374px){
  .page-in-product .page-pro-detail .page-con {
    max-height:1.8rem;
  }

}  

/* page-in-solution */
.page-in-solution {
  padding: 0.77rem 0px 0px;
  width: 100%;
}
.page-in-solution .page-title span:before {
  background:rgba(255,255,255,0.5);
}
.page-in-solution .page-list {
  padding-left: 2.32rem;
}
.page-in-solution .page-list .page-img {
  position: relative;
}
.page-in-solution .page-list .page-img::before{
  position: absolute;
  content: "";
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  right: 0px;
  bottom: 0px;
  background: rgba(0,31,74,0.86);
  z-index: 2;
  opacity: 0;
  filter:alpha(opacity=0);
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-in-solution .page-list {
  padding-top: 0.5rem;
}
.page-in-solution .page-list .page-solution-swiper {
  padding-right: 6px;
  overflow: hidden;
}
.page-in-solution .page-list .bg_container {
  padding-bottom: 151.49%;
}
.page-in-solution .page-list ul li {
  position: relative;
}
.page-in-solution .page-list .page-con {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  right: 0px;
  height: 100%;
  bottom: 0px;
  z-index: 3;
  padding: 0.47rem 0.69rem 0px 0.69rem;
  color:#fff;
}
.page-in-solution .page-list .page-tit span {
  display: block;
  padding: 0.03rem 0px;
}
.page-in-solution .page-list .page-ico {
  height: 3.5em;
  margin-bottom: 0.3rem;
}
.page-in-solution .page-list .page-ico img {
  max-height: 100%;
}
.page-in-solution .page-list .page-more {
  position: absolute;
  left: 0.69rem;
  bottom: 0.81rem;
}
.page-in-solution .page-list .page-more em {
  display: inline-block;
  border:1px solid #fff;
  padding: 0px 0.22rem;
  line-height: 3;
  position: relative;
}
.page-in-solution .page-list .page-more em:before {
  position: absolute;
  content: "";
  left: 0px;
  top:0px;
  height: 100%;
  bottom: 0px;
  background: #1263b5;
  width: 0px;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-in-solution .page-list .page-more span {
  color: #fff;
  opacity: 0.6;
  filter:alpha(opacity=60);
  padding-right:32px;
  position: relative;
  z-index: 3;
}
.page-in-solution .page-list .page-more em i {
  position: absolute;
  width: 13px;
  right: 0.22rem;
  top:50%;
  margin-top: -5.5px;
  height: 11px;
  background: url(/images/jt03.png) no-repeat center center/100% 100%;
}
.page-in-solution .page-list .page-txt {
  position: absolute;
  left: 0.69rem;
  bottom: 1.73rem;
  right: 0.69rem;
  line-height: 2;
}
.page-in-solution .page-list .page-txt dl dt {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 0.76rem;
}
.page-in-solution .page-list .page-txt dl dt::before {
  position: absolute;
  content:'';
  left: 0px;
  width:100%;
  top:50%;
  height: 0.25em;
  background: #fff;
  margin-top: -0.125em;
}
.page-in-solution .page-list .page-txt dl dd {
  height: 0px;
  max-height: 8em;
}
.page-in-solution .page-list .page-txt dl dt::after {
  position: absolute;
  content:'';
  left:50%;
  height:100%;
  top:0px;
  width: 0.25em;
  background: #fff;
  margin-left: -0.125em;
}
.page-in-solution .page-list ul li {
  width:25%;
}
.page-in-solution .page-list ul li:hover .page-more em {
  border-color: #1263b5;
}
.page-in-solution .page-list ul li:hover .page-more em::before {
  width: 100%;
}
.page-in-solution .page-list ul li:hover .page-img::before {
  opacity: 1;
  filter:alpha(opacity=100);
}
.page-in-solution .page-list ul li:hover .page-txt dl dd {
  height:8em;
}
.page-in-solution .page-list ul li:hover .page-txt dl dt {
  margin-bottom: 0.23rem;
}
.page-in-solution .page-list ul li:hover .page-txt dl dt::after {
  display: none;
}
.page-in-solution .page-wrap {
  position: relative;
}
.page-in-solution .page-solution-ft {
  padding-right: 2rem;
  padding-top: 0.23rem;
}
.page-in-solution .swiper-pagination2 {
  line-height: 1.1;
  color: #888;
}
.page-in-solution .swiper-pagination2 span {
   color: #014691;
}
.page-in-solution .swiper-pagination2 i {
  padding-left: 0.45em;
  padding-top: 0.14rem;
}
.page-in-solution .swiper-pagination2 em {
  position: relative;
  top:-0.125em;
}
.page-in-solution .swiper-pagination {
  position: relative;
  height: 4px;
  background: none;
  margin-top: 0.16rem;
  width: 100%;
}
.page-in-solution .swiper-pagination:before {
  position: absolute;
  content: "";
  left: 0px;
  width: 100%;
  top:1px;
  height: 2px;
  background: #fff;
}
.page-in-solution .page-btn {
  position: absolute;
  right: 0.4rem;
  bottom: 0px;
  width: 6.25em;
}
.page-in-solution .swiper-button-next:after,.page-in-solution .swiper-button-prev:after {
  font-size: 1.125em;
  font-weight: bold;
  color: #666;
}
.page-in-solution .swiper-button-next,.page-in-solution  .swiper-button-prev {
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 50%;
}
.page-in-solution .swiper-button-next:hover,.page-in-solution .swiper-button-prev:hover {
  background: #004ea2;
}
.page-in-solution .swiper-button-next:hover:after,.page-in-solution .swiper-button-prev:hover:after {
  color: #fff;
}
.page-in-solution .swiper-button-next {
  right: 0px;
  left: auto;
}
.page-in-solution .swiper-button-prev {
  left: 0px;
  right: auto;
}
.page-in-solution .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #004ea2;
}

@media only screen and (max-width:1100px){
  .page-in-solution .page-list .page-txt dl dd {
    -webkit-line-clamp:3;
    max-height: 6em;
  }
  .page-in-solution .page-list ul li:hover .page-txt dl dd {
    height:6em;
  }
  .page-in-solution .page-solution-ft {
    padding-right:7em;
  }
}

@media only screen and (max-width:1000px){
  .page-in-solution .page-list .page-txt dl dd {
    -webkit-line-clamp:2;
    max-height: 4em;
  }
  .page-in-solution .page-list ul li:hover .page-txt dl dd {
    height:4em;
  }
  .page-in-solution .page-list .page-con {
    padding: 0.7rem 0.3rem;
  }
  .page-in-solution .page-list .page-txt {
    left: 0.3rem;
    bottom: 1.73rem;
    right: 0.3rem;
  }
  .page-in-solution .page-list .page-more {
    left: 0.3rem;
    bottom: 0.51rem;
  }
  .page-in-solution .page-list ul li:hover .page-txt dl dt {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width:767px){
  .page-in-solution {
    padding:0rem 0px 7vh;
  }
  .page-in-solution .page-title {
    display: none;
  }
  .page-in-solution .page-list {
    padding: 0px!important;
  }
  .page-in-solution .page-list .page-txt dl dt {
    display: none;
  }
  .page-in-solution .page-list .page-more em {
    line-height: 2.5;
  }
  .page-in-solution .page-list .page-txt {
    /* display: none; */
  }
  .page-in-solution .page-list .page-con {
    padding-top: 2rem;
  }
  .page-in-solution .page-list .page-solution-swiper {
    padding-right: 0px;
  }
  .page-in-solution .page-solution-ft {
    padding-top: 0.5rem;
  }
  .page-in-solution .page-list .page-txt dl dd {
    height: auto;
  }
  .page-in-solution .page-btn {
    right: 0.2rem;
  }
  .page-in-solution .page-list .bg_container {
    padding-bottom: 0%;
    height: 84vh;
  }
  .page-in-solution .page-tit {
    display: block;
  }
}

@media only screen and (max-width:380px){
  .page-in-solution .page-list .page-txt {
    bottom: 1.53rem;
   }
}  

@media only screen and (max-height:740px) and (min-width:768px){
  .page-in-solution .page-list .bg_container {
    padding-bottom: 140%;
  }
  .page-in-solution .page-list .page-txt dl dd {
    -webkit-line-clamp:2;
    max-height: 4em;
  }
  .page-in-solution .page-list ul li:hover .page-txt dl dd {
    height:4em;
  }
}


/* page-in-news  */
.page-in-news {
  padding: 0.66rem 0px 0px;
}
.page-in-news .page-list {
  padding-top: 0.48rem;
  color: #666;
}
.page-in-news .page-list-left {
  width: 51.389%;
}
.page-in-news .page-list-left .page-txt {
  margin-top: 0.07rem;
}
.page-in-news .page-list-left .page-time {
  margin-top: 0.15rem;
}
.page-in-news  .page-img {
  overflow: hidden;
}
.page-in-news .page-list-left .page-text {
  padding: 0.33rem 0.5rem;
  background:url(/images/page-in-news-txtbg01.jpg) no-repeat center center/cover;
}
.page-in-news .page-list-left:hover .page-text {
  background:url(/images/page-in-news-txtbg02.jpg) no-repeat center center/cover;
  color: #fff;
}
.page-in-news .page-list-left:hover a {
  color: #fff;
}
.page-in-news .page-list-left .bg_container {
  padding-bottom: 70%;
}
.page-in-news .page-list-right {
  width: 45.833%;
}
.page-in-news .page-list-right .page-img {
  width: 48.48%;
}
.page-in-news .page-list-right .bg_container {
  padding-bottom:56%;
}
.page-in-news .page-list-right .page-text {
  width: 48.03%;
  color: #333;
}
.page-in-news .page-list-right .page-sub {
  line-height: 1.3;
  margin-bottom: 0.11rem; 
}
.page-in-news .page-list-right .page-txt {
  opacity: .6;
  filter:alpha(opacity=60);
}
.page-in-news .page-list-right .page-time {
  padding-top: 0.12rem;
}
.page-in-news .page-list-right ul {
  align-content: space-between; 
  height: 100%;
}
.page-in-news .page-list-right ul li {
  position: relative;
  width: 100%;
}
.page-in-news .page-list-right .page-text2 {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  right: 0px;
  bottom: 0px;
  height: 100%;
  z-index: 2;
  background:url(/images/page-in-news-txtbg02.jpg) no-repeat center center/cover;
  color: #fff;
  padding: 0px 0.4rem;
  opacity: 0;
  filter:alpha(opacity=0);
}
.page-in-news .page-list-right .page-text2 .page-con {
  width:100%;
}
.page-in-news .page-list-right .page-text2 .page-sub {
  margin-bottom: 0.18rem;
}
.page-in-news .page-list-right ul li:hover  .page-text2 {
  opacity: 1;
  filter:alpha(opacity=100);
}
.page-in-news .page-more {
  padding-top: 0.3rem;
}
.page-in-news .page-more a {
  background: #f1f1f1;
  color: #1b1e23;
  min-width: 1.7rem;
  line-height: 3.125;
}
.page-in-news .page-more a:hover {
  color: #fff;
}
.page-in-news .page-more a:before {
  background: #004ea2;
}

@media only screen and (max-width:1920px){
  .page-in-news .page-list-left .bg_container {
    padding-bottom: 52.08%;
  }
}

@media only screen and (max-width:900px){
  .page-in-news .page-list-right .bg_container {
    padding-bottom: 68%;
  }
}
@media only screen and (max-width:767px){
  .page-in-news {
    padding: 1rem 0px 0px;
  }
  .page-in-news .page-list {
    padding-top: 0px;
  }
  .page-in-news .page-list-left .page-txt {
    opacity: 0.6;
    filter:alpha(opacity=60);
  }
  .page-in-news .page-list-left .page-sub {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    white-space:normal;
  }
  .page-in-news .page-title {
    display: none;
  }
  .page-in-news .page-list-left {
    width: 100%;
    padding-bottom: 0.3rem;
  }
  .page-in-news .page-list-left .page-text {
    width: 48.03%;
    padding: 0px;
    background: none;
  }
  .page-in-news .page-list-left .bg_container {
    padding-bottom: 66%;
  }
  .page-in-news .page-list-left a {
    display:-webkit-box;  
    display:-ms-box; 
    display:flex;
    justify-content:space-between;
  }
  .page-in-news .page-img {
    width: 48.48%;
  }
  .page-in-news .page-list-right {
    width: 100%;
  }
  .page-in-news .page-list-right ul li {
    margin-bottom: 0.3rem;
  }
  .page-in-news .page-list-right .bg_container {
    padding-bottom: 66%;
  }
}

@media only screen and (max-height:740px)and (min-width:768px){
  .page-in-news .page-list-left .bg_container {
    padding-bottom: 44%;
  }
  .page-in-news .page-list-right .bg_container {
    padding-bottom: 49%;
  }
}

/* page-in-about  */
.page-in-about {
  padding: 1.68rem 0px 1.43rem;
  width: 100%;
}
.page-in-about .page-img { width:47.91%; margin-left: 0.3rem; position: relative;}
.page-in-about .page-img img { width:100%; opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          animation-duration:1s;
          -webkit-animation-duration:1s; /* Safari 和 Chrome */
          animation-name:fadeOLeft;
          -webkit-animation-name:fadeOLeft; /* Safari 和 Chrome */
    }
.page-in-about .page-img ul li { position:absolute;width:0.32rem;height:0.32rem;  margin:-0.16rem 0px 0px -0.16rem;  }
.page-in-about .page-img ul li .page-circle { 
  width:100%; 
  height:100%;  
  position:relative; 
  opacity: 0;
  border-radius:50%; 
  -webkit-transition-delay:0.75s;
  transition-delay: 0.75s;
  animation-duration:1s;
  -webkit-animation-duration:1s; /* Safari 和 Chrome */
}
.page-in-about .page-img ul li .page-circle:before { position:absolute;box-sizing: border-box; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); bottom:0px; border:1px solid #1263b5; border-radius:50%; }
.page-in-about .page-img ul li .page-circle b { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; opacity:1;animation:line2 2s linear infinite;background:#1263b5; bottom:0px; border-radius:50%; }
.page-in-about .page-img ul li .page-circle b:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:1;animation:line1 2s linear infinite;background:#1263b5; bottom:0px; border-radius:50%; }

.page-in-about .page-img ul li .page-circle:after { position:absolute;box-sizing: border-box;  left:23%; top:23%; content:""; width:50%; height:50%; opacity:0.2; filter:alpha(opacity=20); border:1px solid #1263b5; border-radius:50%; }
.page-in-about .page-img ul li .page-circle span { position:absolute;box-sizing: border-box;  width:0.06rem; height:0.06rem; background:#1263b5;  opacity:0.2; filter:alpha(opacity=20);  border-radius:50%; left:50%; top:50%; margin:-0.03rem 0px 0px -0.03rem; }
.page-in-about .page-img ul li.on .page-circle span { width:0.1rem; height:0.1rem;  opacity:1; filter:alpha(opacity=100); margin:-0.05rem 0px 0px -0.05rem; }
.page-in-about .page-img ul li.on .page-circle:after { display: none; border-width:0.02rem;opacity:1; filter:alpha(opacity=100); }
.page-in-about .page-img ul li.on {width: 0.28rem; height: 0.28rem; margin: -0.14rem 0px 0px -0.14rem;}
.page-in-about .page-img ul li.on .page-circle:before {border-width: 2px; border-color: #005dcf; opacity:1; filter:alpha(opacity=100);}
.page-in-about .page-img .page-address { 
  position:absolute; 
  padding-bottom:0.1rem; 
  left:50%; 
  bottom:0.32rem; 
  margin-left:-6.125em;
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  animation-duration:1s;
  -webkit-animation-duration:1s; /* Safari 和 Chrome */
}
.page-in-about .page-img .page-address:before { position:absolute; left:50%; width:0px; height:0px; margin-left:-0.1rem; border:0.1rem solid rgba(18,99,181,0.9); bottom:-0.1rem; border-color:rgba(18,99,181,0.9) transparent transparent transparent; content:""; }
.page-in-about .page-img .page-address dl { color:#fff; padding:0.19rem 0.25rem 0.23rem 0.25rem; background:rgba(22,105,184,1) url(../images/page-in-about-titbg01.png) no-repeat center center/cover; width:12.25em; border-radius:0.2rem; }
.page-in-about .page-text {  width:41.667%; margin-right: 0.35rem; color: #666; }
.page-in-about .page-text h2 { 
  line-height:1.2; 
  color: #333; 
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  animation-duration:1s;
  -webkit-animation-duration:1s; /* Safari 和 Chrome */
}
.page-in-about .page-txt { 
  line-height:1.875; 
  max-height:5.625em; 
  margin-top:0.24rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  animation-duration:1s;
  -webkit-animation-duration:1s; /* Safari 和 Chrome */
}
.page-in-about .page-more { padding-top:0.74rem; overflow:hidden; }
.page-in-about .page-more a {
  border:0.02rem solid #999; 
  background: none; 
  color: #1b1e23; 
  line-height: 2.875; 
  min-width: 1.7rem; 
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  animation-duration:1s;
  -webkit-animation-duration:1s; /* Safari 和 Chrome */
}
.page-in-about .page-more a::before{
  background:#004ea2;
}
.page-in-about .page-more a:hover {
  color: #fff;
  border-color: #004ea2;
}

-webkit-@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}


@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}

-webkit-@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}

@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}


@-webkit-keyframes fadeILeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
}

@keyframes fadeOLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fadeOLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeILeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
}


@-webkit-keyframes fadeI {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeI {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fadeO {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeO {
  0% {opacity: 1;}
  100% {opacity: 0;}
}


@-webkit-keyframes fadeIUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeIUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-webkit-keyframes fadeIRt {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeIRt {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.active .page-in-about .page-img img {
  animation-name:fadeILeft;
  -webkit-animation-name:fadeILeft; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}

.active .page-in-about .page-img ul li .page-circle {
  -webkit-transition-delay:1.5s;
  transition-delay: 1.5s;
  animation-name:fadeI;
  -webkit-animation-name:fadeI; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}

.active .page-in-about .page-img .page-address {
  -webkit-transition-delay:2s;
  transition-delay: 2s;
  animation-name:fadeIUp;
  -webkit-animation-name:fadeIUp; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}
.active .page-in-about .page-txt {
  -webkit-transition-delay:2s;
  transition-delay: 2s;
  animation-name:fadeIUp;
  -webkit-animation-name:fadeIUp; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}

.active .page-in-about .page-text h2 {
  animation-name:fadeIRt;
  -webkit-animation-name:fadeIRt; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}
.active .page-in-about .page-more a {
  animation-name:fadeILeft;
  -webkit-animation-name:fadeILeft; /* Safari 和 Chrome */
  animation-fill-mode:forwards;
}


.page-in-about  .page-text .page-list  .page-num {
  color: #333;
  line-height: 1.1;
}
.page-in-about  .page-text .page-list  .page-num  span {
  line-height: 1.1;
}
.page-in-about  .page-text .page-list .page-tit {
  margin-top: -0.03rem;
}
.page-in-about  .page-text .page-list {
  overflow: hidden;
  margin-top: 0.28rem;
}
.page-in-about  .page-text .page-list ul {
  margin: 0px -0.41rem;
}
.page-in-about  .page-text .page-list ul li {
  position: relative;
  padding: 0px 0.4rem;
}
.page-in-about  .page-text .page-list ul li:before {
  position: absolute;
  content: "";
  top:0.14rem;
  left: 0px;
  width: 1px;
  background: #d4d9df;
  bottom: 0px;
}


@media only screen and (max-width:960px){
  .page-in-about .page-text .page-list ul {
    margin: 0px -0.21rem;
  }
  .page-in-about .page-text .page-list ul li {
    padding: 0px 0.2rem;
  }
}  

@media only screen and (max-width:860px){
  .page-in-about .page-text {
    width:46.667%;
    margin-right: 0px;
  }
}

@media only screen and (max-width:767px){
  .page-in-about {
    padding: 1rem 0px 0px 0.2rem;
  }
  .page-in-about .page-wrap {
    display: block;
  }
  .page-in-about .page-more {
    padding-top: 0.4rem;
  }
  .page-in-about .page-text {
    width:100%;
    margin-top: 0.5rem;
  }
  .page-in-about .page-img {
    width: 100%;
    margin-left: 0px;
  }  
  .page-in-about .page-img .page-address {
    margin-left: -5em;
  }
  .page-in-about .page-img .page-address dl {
    width: 10em;
  }

 .page-in-about .page-img img {
    animation-name:fadeILeft;
    -webkit-animation-name:fadeILeft; /* Safari 和 Chrome */
    animation-fill-mode:forwards;
  }
  
 .page-in-about .page-img ul li .page-circle {
    -webkit-transition-delay:1.5s;
    transition-delay: 1.5s;
    animation-name:fadeI;
    -webkit-animation-name:fadeI; /* Safari 和 Chrome */
    animation-fill-mode:forwards;
  }
  
.page-in-about .page-img .page-address {
    -webkit-transition-delay:2s;
    transition-delay: 2s;
    animation-name:fadeIUp;
    -webkit-animation-name:fadeIUp; /* Safari 和 Chrome */
    animation-fill-mode:forwards;
  }
.page-in-about .page-txt {
    -webkit-transition-delay:2s;
    transition-delay: 2s;
    animation-name:fadeIUp;
    -webkit-ani