body,
button,
input,
select,
textarea {
  font-family: 'SourceHanSansCN', 'Microsoft Yahei', 'Hiragino Sans GB', tahoma,
    arial, '\5B8B\4F53';
  margin: 0;
}

.bg_cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.f-12 {
  font-size: 0.12rem;
}
.f-15 {
  font-size: 0.15rem;
}
.f-16 {
  font-size: 0.16rem;
}
.f-18 {
  font-size: 0.18rem;
}
.f-20 {
  font-size: 0.2rem;
}
.f-23 {
  font-size: 0.23rem;
}
.f-24 {
  font-size: 0.24rem;
}
.f-25 {
  font-size: 0.25rem;
}
.f-26 {
  font-size: 0.26rem;
}
.f-28 {
  font-size: 0.28rem;
}
.f-30 {
  font-size: 0.3rem;
}
.f-36 {
  font-size: 0.36rem;
}
.f-40 {
  font-size: 0.4rem;
}
.f-42 {
  font-size: 0.42rem;
}
.f-48 {
  font-size: 0.48rem;
}
.f-60 {
  font-size: 0.535rem;
}
.f-96 {
  font-size: 0.96rem;
}

.arial {
  font-family: 'Arial';
}
.song {
  font-family: '\5b8b\4f53';
}

.scaleimg {
  overflow: hidden;
  display: block;
}
.scaleimg .img-bg {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}
.scaleimg:hover .img-bg {
  transform: scale(1.02, 1.02);
  -webkit-transform: scale(1.02, 1.02);
}

.page-title {
  background: url(/static/images/qifan.png) no-repeat left top;
  color: #0a62b0;
  letter-spacing: 0.05rem;
  background-size: 3.45rem auto;
  padding-top: 0.26rem;
}
.page-more {
  padding-top: 0.44rem;
}
.page-more a {
  display: inline-block;
  padding: 0px 0.68rem 0px 0.32rem;
  position: relative;
  line-height: 2.7;
  background: #005bac;
  color: #fff;
  letter-spacing: 0.05rem;
}
.page-more a:before {
  position: absolute;
  content: '';
  width: 0.2rem;
  right: 0.28rem;
  top: 55%;
  height: 2px;
  background: #b4cfe7;
}
.page-more a:after {
  position: absolute;
  content: '';
  top: 55%;
  width: 0.12rem;
  height: 2px;
  right: 0.28rem;
  background: #b4cfe7;
  transform-origin: right center;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}
.page-more a:hover {
  background: #034885;
}

.page-subtit {
  color: #0a62b0;
  position: relative;
  padding: 0.11rem 5% 0.35rem 0;
  letter-spacing: 0.02rem;
}
.page-subtit:before {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 2.13rem;
  margin-left: -1.065rem;
  content: '';
  height: 1px;
  background: #0072bc;
}

/*涓婁笅灞呬腑*/
.v-m-c {
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}

/*宸﹀彸灞呬腑*/
.l-m-c {
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: 0;
}

/*缁濆灞呬腑*/
.a-m-c {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.ellipsis-2 {
  overflow: hidden;
  max-height: 3em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  overflow: hidden;
  max-height: 4.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  overflow: hidden;
  max-height: 6em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  overflow: hidden;
  max-height: 7.5em;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.ellipsis-6 {
  overflow: hidden;
  max-height: 9em;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.app-banner {
  position: relative;
}
.app-banner .bn-video .swiper-slide .page-text {
  height: 10.69rem;
}
.app-banner .bn-video .swiper-slide video {
  position: absolute;
  left: 0px;
  object-fit: fill;
  width: 100%;
  height: 100%;
  background: transparent;
  background-size: cover;
  background-position: center center;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.app-banner img {
  width: 100%;
}
.app-banner .app-in-search {
  position: absolute;
  z-index: 5;
  line-height: 3.0714;
  left: 0px;
  bottom: -0.36rem;
  width: 100%;
  right: 0px;
}
.app-banner .app-search-wrap {
  max-width: 1320px;
  position: relative;
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.1);
  padding: 0.37rem 1.65rem 0.3rem 0.5rem;
  width: 90%;
  margin: 0px auto;
  background: #fff;
}
.app-banner .app-search-wrap .search-title {
  color: #0a62b0;
  padding-left: 0.46rem;
  background: url(/static/images/in-search01.png) no-repeat left center;
  background-size: 0.21rem 0.21rem;
  padding-right: 0.1rem;
}
.app-banner .app-search-wrap .search-put {
  background: rgba(235, 235, 235, 0.4);
  padding: 0px 0.1rem;
  border-radius: 0.3rem;
  max-width: 38.8%;
  flex: 1;
}
.app-banner .app-search-wrap .search-put input {
  background: none;
  border: none;
  width: 100%;
  text-align: center;
}
.app-banner .app-search-wrap .search-btn {
  background: #005bac;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  bottom: 0px;
  width: 1.2rem;
}
.app-banner .app-search-wrap .search-btn:before {
  position: absolute;
  content: '';
  width: 0.45rem;
  right: 0.35rem;
  top: 60%;
  height: 0.02rem;
  background: #fff;
}
.app-banner .app-search-wrap .search-btn:after {
  position: absolute;
  content: '';
  top: 60%;
  width: 0.26rem;
  height: 0.02rem;
  right: 0.35rem;
  background: #fff;
  transform-origin: right center;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}
.app-banner .app-search-wrap .search-btn:hover {
  background: #034885;
}
.app-banner .bn-pagination {
  right: 0.87rem;
  position: absolute;
  width: 0.24rem;
  top: 0px;
  bottom: 0px;
  height: 100%;
}
.app-banner .swiper-pagination {
  position: relative;
}
.app-banner .swiper-pagination-bullet {
  display: block;
  width: 100%;
  position: relative;
  width: 0.24rem;
  height: auto;
  padding-top: 0.91rem;
  opacity: 1;
  background: none;
  margin: 0.1rem 0px 0px;
}
.app-banner .swiper-pagination-bullet span {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 0.02rem solid #fff;
}
.app-banner .swiper-pagination-bullet i {
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -0.01rem;
  top: 0px;
  width: 0.02rem;
  background: #6e6d6c;
  height: 0.81rem;
}
.app-banner .swiper-pagination-bullet i:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  height: 0px;
  width: 100%;
}
.app-banner .swiper-pagination-bullet-active i:before {
  height: 100%;
  transition: 5s all;
  -webkit-transition: 5s all;
  -ms-transition: 5s all;
  -o-transition: 5s all;
}
.app-banner .swiper-pagination-bullet-active span {
  background: #fff;
}
.app-banner .swiper-pagination-bullet:first-child {
  padding-top: 0px;
}
.app-banner .swiper-pagination-bullet:first-child i {
  display: none;
}

.app-banner .mouse {
  width: 0.9rem;
  height: 0.9rem;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 2;
  bottom: 1.23rem;
  left: 50%;
  margin-left: -0.45rem;
  background: url(/static/images/mouse.png) no-repeat center center;
  background-size: 100% 100%;
}
.arrow {
  position: absolute;
  bottom: 8.86%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-left: -1%;
  animation-name: beat; /*鍔ㄧ敾鍚嶇О*/
  animation-duration: 2s; /*璁剧疆绉掓暟*/
  animation-timing-function: linear; /*閫熷害鏇茬嚎*/
  animation-iteration-count: infinite; /*鎾斁娆℃暟*/
  animation-direction: alternate; /*閫嗗悜鎾斁*/
  animation-play-state: running; /*姝ｅ湪杩愯*/
}

@keyframes beat {
  0% {
    bottom: 8.86%;
  }

  25% {
    bottom: 7.86%;
  }

  50% {
    bottom: 8.86%;
  }

  75% {
    bottom: 7.86%;
  }

  100% {
    bottom: 8.86%;
  }
}

@media screen and (max-width: 840px) {
  .app-banner .app-search-wrap .search-put {
    max-width: 100%;
    width: 100%;
    flex: none;
  }
}
@media screen and (max-width: 767px) {
  .app-banner .app-search-wrap .search-title {
    display: none;
  }
}

/****************涓婃捣璧峰竼鐢电紗********************/
.app-in-about {
  padding: 1.41rem 9.5833% 1.83rem 1.875%;
}
.app-in-about .page-img {
  width: 52.47%;
  padding: 0.52rem 0px 0px 0.76rem;
  margin-top: 0.4rem;
  position: relative;
}
.app-in-about .page-img:before {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0.52rem;
  background: #55b7ff;
  border-radius: 10px;
  content: '';
  right: 1.36rem;
}
.app-in-about .page-img img {
  width: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.app-in-about .page-text {
  width: 42.14%;
  color: #4b5562;
}
.app-in-about .page-text .page-con {
  line-height: 1.6521;
  padding: 0.32rem 0px;
  font-size: .16rem!important;
}

@media screen and (max-width: 980px) {
  .app-in-about {
    padding-right: 5%;
  }
  .app-in-about .page-text {
    width: 44%;
  }
}
@media screen and (max-width: 767px) {
  .app-in-about {
    padding: 0.8rem 5%;
  }
  .app-in-about .page-img {
    width: 100%;
  }
  .app-in-about .page-text {
    width: 100%;
    padding-top: 0.5rem;
  }
}

/****************浜у搧涓績****************/
.app-in-product {
  background: #f7f7f7;
  padding: 0.53rem 0px 0.62rem;
}
.app-in-product .page-title {
  background-position: center top;
}
.app-in-product .page-con {
  margin: 0.2rem;
  border: 1px solid #e4e4e4;
  background: url(/static/images/app-in-product-bg01.png) no-repeat right
    bottom #fff;
  background-size: 100% auto;
  border-radius: 0.1rem;
  padding: 0.08rem 0.08rem 0.74rem;
  position: relative;
}
.app-in-product .page-con .page-img {
  position: relative;
  height: 2.75rem;
}
.app-in-product .page-con .page-img img {
  max-width: 100%;
  max-height: 100%;
}
.app-in-product .page-con .pro-title {
  color: #0f66dc;
}
.app-in-product .page-con .pro-con {
  line-height: 1.875;
  width: 71%;
  margin: 0px auto;
  margin-top: 0.24rem;
  max-height: 3.75em;
  height: 3.75em;
  color: #8a8a8a;
}
.app-in-product .page-con .pro-more {
  position: absolute;
  display: none;
  left: 50%;
  margin-left: -0.39rem;
  bottom: -0.16rem;
}
.app-in-product .page-con .pro-more span {
  display: inline-block;
  background: #0f66dc;
  width: 0.78rem;
  height: 0.78rem;
  border-radius: 50%;
  position: relative;
}
.app-in-product .page-con .pro-more span:before {
  position: absolute;
  content: '';
  width: 0.21rem;
  right: 0.28rem;
  border-radius: 0.025rem;
  top: 50%;
  height: 0.05rem;
  background: #fff;
}
.app-in-product .page-con .pro-more span:after {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: 1px;
  width: 0.16rem;
  height: 0.05rem;
  border-radius: 0.025rem;
  right: 0.28rem;
  background: #fff;
  transform-origin: right center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.app-in-product .page-con .pro-more span i {
  position: absolute;
  top: 50%;
  width: 0.16rem;
  margin-top: -1px;
  height: 0.05rem;
  right: 0.28rem;
  border-radius: 0.025rem;
  background: #fff;
  transform-origin: right center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.app-in-product .swiper-slide-active .page-con {
  background: url(/static/images/app-in-product-bg01.png) no-repeat right
    bottom #f0f8ff;
  background-size: 100% auto;
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.1);
  border-color: transparent;
  margin: 0px 0.04rem;
  padding: 0.28rem 0.08rem 0.94rem;
}
.app-in-product .swiper-slide-active .page-con .pro-more {
  display: inline-block;
}
.app-in-product .pro-swiper {
  padding-bottom: 0.3rem;
  margin-top: 0.58rem;
}
.app-in-product .pro-bottom {
  position: relative;
  display: inline-block;
  margin: 0.9rem auto 0px;
  padding: 0px 1rem;
}
.app-in-product .swiper-pagination {
  position: relative;
}
.app-in-product .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0px 0.065rem;
  background: rgba(212, 216, 227, 0.25);
  opacity: 1;
}
.app-in-product .swiper-pagination-bullet-active {
  background: #323639;
}
.app-in-product .swiper-button-prev {
  left: 0px;
}
.app-in-product .swiper-button-next {
  right: 0px;
}
.app-in-product .swiper-button-prev,
.app-in-product .swiper-button-next {
  width: 0.6rem;
  height: 0.6rem;
  background: #fff;
  box-shadow: 0px 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin-top: -0.3rem;
}
.app-in-product .swiper-button-prev:hover,
.app-in-product .swiper-button-next:hover {
    background: #0f66dc;
}
.app-in-product .swiper-button-next:after,
.app-in-product .swiper-button-prev:after {
  color: #d4d8e3;
  font-size: 0.2rem;
  font-weight: bold;
}

@media screen and (max-width: 1260px) {
  .app-in-product .page-con .pro-con {
    max-height: 44px;
    height: 44px;
  }
}
@media screen and (max-width: 1260px) {
  .app-in-product .page-con .pro-con {
    width: 100%;
  }
}

/****************瀹炲姏璧峰竼********************/
.app-in-strength {
  padding: 1.74rem 0px 9.5833% 1.73rem;
}
.app-in-strength .page-subtit:before {
  left: 0px;
  margin-left: 0px;
  width: 1.89rem;
  background: #0a62b0;
}
.app-in-strength .page-text {
  width: 41%;
  color: #4b5562;
}
.app-in-strength .page-text .tab-con {
  color: #6c6c6c;
  padding-top: 1.06rem;
  padding-bottom: 0.58rem;
}
.app-in-strength .page-text .tab-con dl dt {
  color: #005bac;
  padding-bottom: 0.32rem;
}
.app-in-strength .page-img {
  width: 55.6%;
  margin-top: 0.16rem;
  border-radius: 10px;
  position: relative;
}
.app-in-strength .page-img img {
  width: 100%;
  border-radius: 10px;
}
.app-in-strength .page-img ul li {
  display: none;
}
.app-in-strength .page-img .img-btn {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  right: 0px;
  color: #fff;
}
.app-in-strength .page-img .img-btn span {
  display: block;
  float: left;
  width: 33.33%;
  cursor: pointer;
  color: #777680;
  line-height: 2.667;
  background: rgba(10, 4, 38, 0.9);
}
.app-in-strength .page-img .img-btn span.on {
  background: none;
  color: #fff;
}
.app-in-strength .page-img .img-btn span:first-child {
  border-radius: 0px 0px 0px 10px;
}
.app-in-strength .page-img .img-btn span:first-child + span + span {
  border-radius: 0px 0px 10px 0px;
}

@media screen and (max-width: 980px) {
  .app-in-strength {
    padding-left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .app-in-strength {
    padding: 0.8rem 5%;
  }
  .app-in-strength .page-text {
    width: 100%;
  }
  .app-in-strength .page-img {
    width: 100%;
  }
}

/****************甯傚満鏈嶅姟********************/
.app-in-market {
  background: #f7f7f7;
  padding-top: 0.36rem;
}
.app-in-market .page-title {
  background-position: center top;
}
.app-in-market .img-wrap {
  height: 7.96rem;
  margin-top: 0.47rem;
  position: relative;
}
.app-in-market .img-wrap ul li {
  position: absolute;
}
.app-in-market .img-wrap ul li .img-bg {
  position: absolute;
  background-position: center center;
  background-size: cover;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  right: 0px;
  bottom: 0px;
}
.app-in-market .img-wrap ul li:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  right: 0px;
  height: 50%;
  background: linear-gradient(transparent, #364c5f);
  opacity: 0.6;
  content: '';
}
.app-in-market .img-wrap ul li dl {
  position: absolute;
  z-index: 3;
  left: 0.44rem;
  right: 0.44rem;
  bottom: 0.5rem;
  color: #fff;
}
.app-in-market .img-wrap ul li.li01 {
  height: 4.22rem;
  width: 41.77%;
  left: 0px;
  top: 0px;
}
.app-in-market .img-wrap ul li.li01 dl {
  bottom: 0.56rem;
  color: #000;
}
.app-in-market .img-wrap ul li.li02 {
  height: 3.47rem;
  width: 30.833%;
  left: 42.55%;
  top: 0px;
}
.app-in-market .img-wrap ul li.li02 dl {
  left: 0.3rem;
}
.app-in-market .img-wrap ul li.li03 {
  height: 3.47rem;
  width: 25.78125%;
  right: 0px;
  top: 0px;
}
.app-in-market .img-wrap ul li.li03 dl {
  left: 0.3rem;
}
.app-in-market .img-wrap ul li.li04 {
  height: 3.64rem;
  width: 21.6145%;
  left: 0px;
  bottom: 0px;
}
.app-in-market .img-wrap ul li.li04 dl {
  bottom: 0.28rem;
}
.app-in-market .img-wrap ul li.li05 {
  height: 3.64rem;
  width: 19.6354%;
  left: 22.1354%;
  bottom: 0px;
}
.app-in-market .img-wrap ul li.li05 dl {
  height: 100%;
  top: 0px;
  background: rgba(11, 5, 15, 0.67);
  left: 0px;
  right: 0px;
  width: 100%;
}
.app-in-market .img-wrap ul li.li05 dl dt {
  padding-bottom: 0.4rem;
  padding-top: 0.6rem;
  position: relative;
}
.app-in-market .img-wrap ul li.li05 dl dt:before {
  position: absolute;
  content: '';
  width: 0.2rem;
  left: 50%;
  bottom: 0px;
  margin-left: -0.1rem;
  height: 2px;
  background: #fff;
}
.app-in-market .img-wrap ul li.li05 dl dt:after {
  position: absolute;
  content: '';
  bottom: 0px;
  width: 0.12rem;
  margin-left: -2px;
  height: 2px;
  left: 50%;
  background: #fff;
  transform-origin: right center;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}

.app-in-market .img-wrap ul li.li06 {
  height: 4.36rem;
  width: 57.6%;
  right: 0px;
  bottom: 0px;
}
.app-in-market .img-wrap ul li.li06 dl {
  bottom: 0.24rem;
  left: 0.3rem;
}

@media screen and (max-width: 767px) {
  .app-in-market .img-wrap {
    height: 11.9rem;
  }
  .app-in-market .img-wrap ul li.li01 {
    height: 2.9rem;
    width: 100%;
  }
  .app-in-market .img-wrap ul li.li02 {
    left: 0px;
    height: 2.9rem;
    width: 49.2%;
    top: 3rem;
  }
  .app-in-market .img-wrap ul li.li03 {
    top: 3rem;
    height: 2.9rem;
    width: 49.2%;
  }
  .app-in-market .img-wrap ul li.li04 {
    bottom: 3rem;
    width: 49.2%;
    height: 2.9rem;
  }
  .app-in-market .img-wrap ul li.li05 {
    bottom: 3rem;
    left: auto;
    right: 0px;
    width: 49.2%;
    height: 2.9rem;
  }
  .app-in-market .img-wrap ul li.li06 {
    width: 100%;
    height: 2.9rem;
  }
}

/****************鏂伴椈涓績********************/
.app-in-news {
  padding: 2.62rem 0px 1.98rem 8.33%;
  background-position: center bottom;
}
.app-in-news .page-subtit {
  padding: 0.16rem 0px 0.22rem;
}
.app-in-news .page-subtit:before {
  left: 0px;
  margin-left: 0px;
}
.app-in-news .page-more {
  padding-top: 1.33rem;
}
.app-in-news .news-wrap {
  overflow: hidden;
  width: 74.625%;
  padding: 0.2rem 0px;
  padding-right: 7.29%;
}
.app-in-news .news-wrap .news-swiper {
  overflow: visible;
}

.app-in-news .news-swiper .swiper-slide {
  font-size: 0.18rem;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.88, 0.8);
  height: 5.42rem;
}
.app-in-news .news-swiper .swiper-slide-active,
.app-in-news .news-swiper .swiper-slide-duplicate-active {
  transform: scale(1);
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.5);
}
.app-in-news .news-swiper .swiper-slide-active + .swiper-slide + .swiper-slide {
  margin-left: -0.24rem;
}
.app-in-news .news-swiper .swiper-slide .img-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.app-in-news .news-swiper .swiper-slide dl {
  position: absolute;
  text-align: left;
  left: 0.28rem;
  color: #fff;
  bottom: 0.24rem;
  right: 0.1rem;
  z-index: 3;
}
.app-in-news .news-swiper .swiper-slide dl dt span {
  display: inline-block;
  padding-bottom: 0.06rem;
  position: relative;
  border-bottom: 1px solid #fff;
  padding-right: 0.06rem;
}
.app-in-news .news-swiper .swiper-slide dl dd {
  margin-top: 0.1rem;
}
.app-in-news .news-swiper .swiper-slide:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  right: 0px;
  height: 50%;
  background: linear-gradient(transparent, #000);
  opacity: 0.6;
  content: '';
}

.app-in-news .swiper-button-prev {
  left: 0px;
}
.app-in-news .swiper-button-next {
  right: 0px;
}
.app-in-news .swiper-button-prev,
.app-in-news .swiper-button-next {
  width: 0.48rem;
  height: 0.48rem;
  background: #fff;
  box-shadow: 0px 0.05rem 0.05rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-top: -0.3rem;
}
.app-in-news .swiper-button-next:after,
.app-in-news .swiper-button-prev:after {
  color: #d4d8e3;
  font-size: 0.2rem;
  font-weight: bold;
}
.app-in-news .swiper-button-prev:hover,
.app-in-news .swiper-button-next:hover {
  background: #005bac;
}
.app-in-news .swiper-button-prev:before {
  position: absolute;
  content: '';
  width: 0.16rem;
  left: 50%;
  top: 50%;
  margin-left: -0.08rem;
  height: 0.03rem;
  background: #6ba0cf;
}
.app-in-news .swiper-button-prev:after {
  position: absolute;
  content: '';
  top: 50%;
  width: 0.1rem;
  margin-left: -0.16rem;
  height: 0.03rem;
  left: 50%;
  background: #6ba0cf;
  transform-origin: right center;
  transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
}
.app-in-news .swiper-button-next:before {
  position: absolute;
  content: '';
  width: 0.16rem;
  left: 50%;
  top: 50%;
  margin-left: -0.08rem;
  height: 0.03rem;
  background: #6ba0cf;
}
.app-in-news .swiper-button-next:after {
  position: absolute;
  content: '';
  top: 50%;
  width: 0.1rem;
  margin-left: -0.03rem;
  height: 0.03rem;
  left: 50%;
  background: #6ba0cf;
  transform-origin: right center;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}

@media screen and (max-width: 1260px) {
  .app-in-news .news-swiper .swiper-slide dl dd {
    height: 70px;
    max-height: 70px;
  }
}
@media screen and (max-width: 980px) {
  .app-in-news {
    padding-left: 5%;
  }
  .app-in-news .news-wrap {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .app-in-news {
    padding: 0.8rem 5%;
  }
  .app-in-news .page-more {
    padding-top: 0.8rem;
  }
  .app-in-news .news-wrap {
    width: 100%;
  }
}

/****************閿鍞綉缁?********************/
.app-in-sale {
  margin-top: 1.16rem;
  background: #005bac;
  padding: 0px 9.1667% 0px 12.03125%;
  color: #fff;
}
.app-in-sale .page-title {
  color: #fff;
  background: url(/static/images/qifan2.png) no-repeat left top;
  background-size: 3.45rem auto;
}
.app-in-sale .page-subtit {
  line-height: 1.3571;
  color: #fff;
  padding: 0.21rem 0px 0.44rem;
}
.app-in-sale .page-subtit:before {
  left: 0px;
  background: #fff;
  margin-left: 0px;
}
.app-in-sale .page-img {
  width: 43.8%;
  border: 0.24rem solid #fff;
  top: -1.4rem;
  border-radius: 0.12rem;
  position: relative;
}
.app-in-sale .page-img img {
  width: 100%;
  border-radius: 0.12rem;
}
.app-in-sale .page-text {
  width: 45.3%;
  padding: 0.68rem 0px;
}
.app-in-sale .page-text .page-con {
  line-height: 0.48rem;
  padding: 0.97rem 0px 0.25rem;
  letter-spacing: 0.03rem;
}
.app-in-sale .page-text .page-con span {
  font-size: 1.913em;
}
.app-in-sale .page-more a {
  border: 1px solid #fff;
}

@media screen and (max-width: 980px) {
  .app-in-sale {
    padding: 0px 5%;
  }
  .app-in-sale .page-text {
    width: 47.3%;
  }
}
@media screen and (max-width: 767px) {
  .app-in-sale .page-img {
    width: 100%;
  }
  .app-in-sale .page-text {
    width: 100%;
    padding-top: 0px;
    margin-top: -0.5rem;
  }
}

/****************鎶曡祫鑰呭叧绯?********************/
.app-in-investor {
  background-size: 100% auto;
  background-color: #f8f8f8;
  padding: 0.3rem 5.2% 0.88rem 5.833%;
  background-position: center bottom;
}
.app-in-investor .page-title {
  background-position: center top;
}
.app-in-investor .page-subtit {
  padding: 0px 0px 0.57rem;
  margin-bottom: 0.96rem;
}
.app-in-investor .page-shares {
  width: 38.15%;
  color: #fff;
  background: url(/static/images/page-shares-bg01.png) no-repeat center top
    #005bac;
  background-size: 100% auto;
  border-radius: 10px;
  padding: 0.43rem 0.38rem 0.4rem;
}
.app-in-investor .page-shares h2 {
  padding-left: 0.3rem;
  position: relative;
}
.app-in-investor .page-shares h2:before {
  position: absolute;
  left: 0px;
  width: 0.16rem;
  height: 0.16rem;
  background: #fff;
  top: 50%;
  border-radius: 50%;
  margin-top: -0.08rem;
  content: '';
}
.app-in-investor .page-shares .page-number {
  padding-top: 0.28rem;
}
.app-in-investor .page-shares .page-number span {
  display: inline-block;
  padding-right: 0.2rem;
  position: relative;
}
.app-in-investor .page-shares .page-number span i {
  position: absolute;
  right: 0.29rem;
  top: 60%;
  width: 0px;
  height: 0px;
  border: 0.2rem solid #fff;
  border-color: #fff transparent transparent transparent;
  display: inline-block;
  border-width: 0.18rem 0.09rem;
}
.app-in-investor .page-shares .page-number span:first-child {
  padding-right: 0.7rem;
}
.app-in-investor .page-shares .page-up span i {
  margin-top: -0.2rem;
  border-color: transparent transparent #fff transparent;
}

.app-in-investor .page-shares .page-label ul li {
  width: 50%;
  line-height: 1.4;
  padding-top: 0.29rem;
  padding-bottom: 0.2rem;
}
.app-in-investor .page-shares .page-label ul li p:first-child + p {
  opacity: 0.7;
}
.app-in-investor .page-shares .page-time {
  line-height: 2.05;
  padding-top: 0.35rem;
}
.app-in-investor .page-list {
  width: 60.05%;
}
.app-in-investor .page-list ul li {
  float: left;
  width: 50%;
  padding: 0.6rem 0.72rem 0.65rem;
  border-radius: 10px;
}
.app-in-investor .page-list ul li h2 {
  height: 3em;
}
.app-in-investor .page-list .page-time {
  color: #888;
  padding: 0.27rem 0px 0.46rem;
}
.app-in-investor .page-list .page-pdf span {
  display: inline-block;
  color: #fff;
  border-radius: 0.1rem;
  padding: 0px 0.2rem;
  min-width: 1.02rem;
  text-align: center;
  background: #005bac;
  line-height: 1.778;
}
.app-in-investor .page-list ul li:nth-child(2),
.app-in-investor .page-list ul li:nth-child(3) {
  background: rgba(0, 91, 172, 0.05);
}

@media screen and (max-width: 1140px) {
  .app-in-investor .page-shares .page-label ul li {
    padding-top: 0.1rem;
  }
}
@media screen and (max-width: 900px) {
  .app-in-investor .page-list ul li h2 {
    height: 34px;
    max-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .app-in-investor .page-shares {
    width: 100%;
  }
  .app-in-investor .page-list {
    width: 100%;
    padding-top: 0.3rem;
  }
  .app-in-investor .page-list ul li {
    padding: 0.3rem;
    width: 100%;
    margin-top: 0.2rem;
    background: rgba(0, 91, 172, 0.05);
  }
}
<!--0.00021910667419434-->