.shsc{

  font-family: Source Han Sans CN;

}



.ellipsis {

  text-wrap: nowrap;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1;

}



.ellipsis-multiline {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

}



.w100 {

  width: 100%;

}



.banner-container {

  height: 18.25rem;

  width: 100%;

  overflow: hidden;

}

.banner-container .swiper-slide{

  overflow: hidden;

}

.banner-container .swiper-slide .slide-inner{

  overflow: hidden;

}

.banner-container .swiper-slide {

  height: 100%;

  width: 100%;

}



.banner-container .swiper-slide .slide-inner {

  height: 100%;

  width: 100%;

}



.banner-container .swiper-slide .bg {

  height: 100%;

  width: 100%;

}



.banner-container .swiper-slide .txt {

  position: absolute;

  left: 0;

  top: 0;

  padding:2rem 2.75rem;

}



.banner-container .swiper-slide .txt .t1 {

  line-height: 1.8rem;

  margin-bottom: .25rem;

transform: translateY(20px);

opacity: 0;

visibility: hidden;

transition: all .6s;

}

.banner-container .swiper-slide-active .txt .t1{

transform: translateY(0px);

opacity: 1;

visibility: visible;

transition: all .5s;

}



.banner-container .swiper-slide .txt .en {

  /* line-height: .75rem; */

  line-height: .8rem;

  transform: translateY(20px);

opacity: 0;

visibility: hidden;

transition: all .6s;

}

.banner-container .swiper-slide-active .txt .en{

  transform: translateY(0px);

opacity: 1;

visibility: visible;

transition: all .4s;

}

.banner-container .swiper-slide video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.more {

  display: inline-flex;

  align-items: center;

}

.more:hover .circle{

  margin-right: .5rem;

}

.imgcover {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.circle {

  width: 1.125rem;

  height: 1.125rem;

  background: #ED7C02;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: .3rem;

  transition: all .3s;

}



.play .circle {

  margin-right: 0;

}



.line_2 {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: .2rem;

  height: 100%;

  background: #155F8C;

  border-radius: .05rem;

}



.home .t1 {

  color: #212121;

  padding-left: .925rem;

  line-height: 1;

  position: relative;

}



.home .tit-16 {

  line-height: .75rem;

}



.home-a {

  padding-top: 4rem;

}



.home-a .t1 {

  margin-bottom: 1.225rem;

}



.home-a .code {

  color: #E7E7E7;

}



.home-a .code span {

  /* font-size: 3.25rem; */

  font-size: 2.75rem;

  line-height: .8;

}



.home-a .code .tit-30 {

  line-height: 1;

  font-weight: 500;

}



.home-a-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: .75rem;

}



.home-a-right {

  max-width: 21.05rem;

}



.home-a-right .tit-16 {

  margin-bottom: 1.8rem;

  /* font-weight: 500; */

  font-weight: 450;



}



.home-a-right .tit-16.more {

  margin-bottom: 0;

}



.home-a-bottom {

  width: 42.5rem;

  height: 15.5rem;

  position: relative;

  border-radius: .2rem;

  overflow: hidden;

}

.home-a-bottom > img{

  transition: all .6s;

}



.home-a-bottom video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.home-a-bottom .play {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  cursor: pointer;

}





.home-a-bottom .play img {

  width: .6rem;

  height: .6rem;

  transition: all .6s;

}



.home-a-bottom img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.home-a-bg {

  width: 22.25rem;

  height: 18.25rem;

  right: 0;

  bottom: 0;

  z-index: -1;

}



.home-b {

  overflow: hidden;

  padding-top: 4.15rem;

}



.home-b-top {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  margin-bottom: 2rem;

}



.home-b-bottom {

  overflow: hidden;

}



.home-b-right {

  max-width: 21.5rem;

}

.home-b-right .tit-16{

  /* font-weight:500; */

  font-family: Source Han Sans CN;

}



.home-b-libox {

  display: flex;

  flex-wrap: wrap;

  /* height: 18.75rem; */

  justify-content: space-between;

  border-radius: .25rem;

  margin-bottom: .625rem;

  background: #F2F2F2;

  overflow: hidden;

}



.home-b-swiper {

  width: 100%;

  /* height: 100%; */

  height: 18.75rem;



  overflow: hidden;

}



.home-b-libox:nth-child(even) {

  flex-direction: row-reverse;

}



.home-b-libox:nth-child(even)>img {

  left: 0;

  height: 7rem;

}



.home-b-libox>img {

  right: 0;

  bottom: 0;

  z-index: 0;

  width: 10.25rem;

  height: 6.2rem;

}



.home-b-li-left {

  width: 21.25rem;

  height: 100%;

  z-index: 1;

  position: relative;

}



.home-b-li-left .swiper-slide .txt {

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 0 10%;

  margin: 0 auto 1.4rem;

  text-align: center;

  line-height: 1;

  font-weight: 500;

}



.home-b-li-left .swiper-slide {

  overflow: hidden;

  height: 100%;

}



.home-b-li-left .swiper-slide .image {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.home-b-li-left .swiper-slide .image img{

  transition: all .6s;

}



.home-b-li-left .swiper-slide .image::after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-image: url('../img/home-b-bg.png');

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.home-b-libox:nth-child(even) .home-b-li-left .swiper-slide .image::after {

  background-image: url('../img/home-b-bg4.png');

  height: 6.65rem;

  top: auto;

  bottom: 0;

}



.home-b-libox:nth-child(even) .home-b-li-left .swiper-slide .image::after {

  border-bottom-right-radius: .25rem;

  border-top-right-radius: .25rem;

}



.home-b-li-right {

  width: calc(100% - 21.25rem);

  padding: 2.675rem 3rem 2.65rem 3rem;

  z-index: 1;

  position: relative;

}



.home-b-li-right .t2 {

  line-height: 1;

  margin-bottom: .95rem;

}



.home-b-li-right .t3 {

  text-align: justify;

  /* margin-bottom: 3.3rem; */

  line-height: .75rem;

  /* max-height: 3.75rem; */

  /* overflow: auto; */

  font-weight: normal;

  /* padding-right: .1rem; */

}



/* .home-b-li-right .t3::-webkit-scrollbar {

  width: 2px;

  background-color: rgba(242, 242, 242, .5);

}



.home-b-li-right .t3::-webkit-scrollbar-thumb {

  background-color: rgba(237, 124, 2, 1);

} */



.home-b-li-right a.more {

  position: absolute;

  left: 3rem;

  bottom: 2.65rem;

}



.home-b-li-nav-box {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  margin-bottom: .875rem;

}



.home-b-li-nav {

  width: 4.925rem;

  height: 1.15rem;

  background: #FFFFFF;

  border-radius: .1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: .125rem;

  margin-bottom: .125rem;

  position: relative;

  z-index: 1;

  cursor: pointer;

  overflow: hidden;

  transition: all .3s;

  transition-delay: .2s;

}



.home-b-li-nav::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 100%;

  background: #155F8C;

  transition: all .6s;

  transition-delay: .1s;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

}



.home-b-li-nav.cur {

  color: #fff;

}



.home-b-li-nav.cur::after {

  width: 100%;

  opacity: 1;

  visibility: visible;

}



.home-b-li-nav:nth-child(3n) {

  margin-right: 0;

}







.home-c {

  width: 100%;

  overflow: hidden;

  padding-top: 2.5rem;

}



.home-c-top {

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 4rem 2.75rem 4rem 2.75rem;

  display: flex;

  align-items: flex-start;

  z-index: 1;

  justify-content: space-between;

}



.home-c-right {

  max-width: 22.5rem;

}



.home-c-right .tit-16 {

  line-height: .75rem;

  margin-bottom: 1.2rem;

  margin-top: -0.125rem;

}

.home-c-right a.tit-16:hover{

  color: #fff;

}

.home-c-right a.tit-16:hover .circle{

  margin-right: .5rem;

}

.home-c-left .t1 {

  color: #fff;

}



.home-c-left .line_2 {

  background-color: #fff;

}



.home-c-bg {

  width: 100%;

  height: 18.75rem;

}



.home-c-bg .play {

  z-index: 1;

  top: 70%;

}



.home-d {

  display: flex;

  width: 100%;

  overflow: hidden;

  padding-top: 3.3rem;

  padding-bottom: 3.2rem;

}



.home-d-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.home-d-ulbox {

  display: flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: flex-start;

  margin-top: 1.25rem;

}



.home-d-li {

  /* width: 100%; */

  position: relative;

  padding-top: 1.05rem;

}



.home-d-li::after {

  position: absolute;

  left: 0;

  top: 0;

  content: '';

  width: 100%;

  height: .025rem;

  background: rgba(51, 51, 51, .1);

}

.home-d-li:nth-child(1):after{

  width: 86%;



}



.home-d-li .t2 {

  color: #155F8C;

  line-height: 1;

  padding-left: .75rem;

  margin-bottom: .375rem;

  font-weight: 600;



}



.home-d-li-li {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  width: 15.375rem;

  height: 3.425rem;

  background: #F4F4F4;

  border-radius: .2rem;

  padding: .4rem .35rem .25rem .35rem;

  margin-bottom: .25rem;

}



.home-d-li-li .image {

  width: 3.925rem;

  height: 2.775rem;

  overflow: hidden;

  border-radius: .2rem;

}



.home-d-li-li .image img {

  transition: all .6s;

}



.home-d-li-right {

  width: calc(100% - 3.925rem - .5rem);

  padding-top: .25rem;

}



.home-d-li-right .tit-18 {

  margin-bottom: .625rem;

  line-height: .6rem;

  transition: all .3s;

}



.home-d-li-right .time {

  color: #155F8C;

}



.gpred {

  color: #D82D2E;

  line-height: 1;

}



.investor-box .top .right.up .gpred {

  color: #D82D2E;

}



.investor-box .top .right.down .gpred {

  color: #090;

  line-height: 1;

}



.home-d-gp-top.down .gpred {

  color: #090;

  line-height: 1;

}



.home-d-gp {

  width: 13rem;

  padding: 1.05rem 1rem 1.5rem;

  background-color: auto;

  background: #F7F7F7;

  border-radius: .1rem;

  margin-left: .625rem;

}



.home-d-gp::after {

  display: none;

}



.home-d-gp-r .gp {

  line-height: 1;

}



.home-d-gp-r .cj {

  line-height: 1;

}



.home-d-gp-r .tit-22 {

  font-weight: 500;

}



.home-d-gp-r .time {

  color: #A8A8A8;

  line-height: 1;

  font-weight: 400;

}



.home-d-li.home-d-gp .t2 {

  padding-left: 0;

}



.home-d-gp-gpbox {

  padding-top: 0;

}



.home-d-gp-top {

  height: 4.925rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 1.15rem;

  border-bottom: 1px solid rgba(51, 51, 51, .1);

  padding-top: 1.2rem;

}



.home-d-gp-l {

  display: flex;

  align-items: flex-end;

}



.home-d-gp-l img {

  display: none;

}



.home-d-gp-top.up img.up {

  display: block;

}



.home-d-gp-top.down img.xia {

  display: block;

}



.home-d-gp-l .num {

  line-height: 1rem;

}



.home-d-gp-l span {

  margin-right: .625rem;

  margin-left: .3rem;

}



.home-d-gp-l span{

  margin-bottom: .1rem;

} 

.home-d-gp-l .img {

  width: .4rem;

  height: .45rem;

  margin-bottom: .1rem;

}



.home-d-gp-l .img img {

  width: 100%;

}



.home-d-gp-r {}



.home-d-gp-r .gp {

  font-weight: 600;

  margin-bottom: .325rem;

}



.home-d-gp-r .cj {

  display: flex;

  align-items: center;

  margin-bottom: 1rem;

}



.home-d-gp-r .cj .zr {

  margin-right: .25rem;

}



.home-d-gp-bottom {}



.home-d-gp-bottom .i {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: space-between;

  padding-top: .75rem;

}



.home-d-gp-bottom .i-num {

  width: calc((100% - 2.125rem) / 2);

  color: #A8A8A8;

  line-height: .9rem;

  display: flex;

  justify-content: space-between;

}



.home-d-gp-bottom .i-num span {

  display: inline-block;

  color: #000;

  font-weight: 500;

}



.home-d-li-zjgg {

  width: calc(100% - 13rem - 15.375rem - .625rem - .5rem);

  margin-left: .5rem;

}



.home-d-li-zjgg .home-d-li-right .tit-18 {

  width: 100%;

}



.home-d-li-ulbox {

  width: 100%;

}



.home-d-li-zjgg .home-d-li-li {

  width: 100%;

  background-color: #fff;

  margin: 0 auto;

  margin-bottom: .25rem;

  padding-left: .75rem;

  padding-right: .9rem;

  position: relative;

  padding-bottom: .625rem;

}



.home-d-li-zjgg .home-d-li-li::after {

  position: absolute;

  left: 0%;

  bottom: 0;

  width: 100%;

  content: '';

  border-bottom: 1px solid rgba(3, 3, 3, .1);

}



.home-d-li-zjgg .t2 {

  padding-left: .75rem;

}



.home-d-li-zjgg .time {

  color: #999;

  font-weight: normal;

  font-family: 'OPPOSans-M';

  font-size: .35rem;

  line-height: 1;

}



.home-d-li-zjgg .home-d-li-right {

  width: 100%;

  padding-right: 0;

}



.home-d-li-ulbox .home-d-li-li:last-child {

  margin-bottom: 0;

}



.about-a {

  padding-top: 2.45rem;

}



.about-a .about-a-bg {

  right: 1.5588rem;

  bottom: 5.8rem;

  width: 13.15rem;

  height: 12.9rem;

  z-index: -1;

}



.about .t1 {

  line-height: 1;

  padding-left: 1.025rem;

  color: #212121;



}



.about-a .t1 {

  margin-bottom: 1.25rem;

}



.about-a-left {

  max-width: 20rem;

}



.about-a .about-a-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.about-a-left .t2 {

  text-align: justify;

  line-height: normal;

}



.about-a-left .t2 .nb {

  font-size: 0;

  margin: .3rem 0;

  display: block;

  line-height: 1;

}



.about-a-right {

  margin-top: .25rem;

  overflow: hidden;

  width: 20rem;

  height: 13.9rem;

border-radius: .1rem;

overflow: hidden;

}



.about-a-right img {

  transition: all .6s;

  width: 100%;

height: 100%;

object-fit: cover;

}

.about-a-right:hover img{

  transform: scale(1.02);

}

.about-a-right .play {

  cursor: pointer;

}



.about-a-right:hover .play img {

  transform: scale(1.1);

}



.about-a-bottom {

  padding-top: 2.65rem;

  padding-bottom: 2rem;

  overflow: hidden;

  padding: 2.65rem 1rem 2rem;

}



.about-a-bottom .swiper-slide {

  padding: 0 1.875rem;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 4.25rem;

}



.about-a-bottom .swiper-slide.img .imgs {

  margin-bottom: .5rem;

  width: 1.45rem;

  height: 1.45rem;

}



.about-a-bottom .swiper-slide.img .imgs img {

  width: 100%;

}



.about-a-bottom .swiper-slide.img .t3 {

  font-weight: 800;

  color: #155F8C;

}



.about-a-bottom .swiper-slide .num {

  line-height: 1;

  margin-bottom: .65rem;

  color: #155F8C;

  font-weight: 800;

  display: flex;

  align-items: flex-end;

  /*font-family: 'OPPOSans-H' !important;*/

}

.about-a-bottom .swiper-slide .num .ta{

  margin-bottom: .15rem;

}

.about-a-bottom .swiper-slide .num span {

  line-height: 1;

  display: inline-block;

  /*font-family: 'OPPOSans-B' !important;*/

  font-weight: 600;

  /*margin-bottom: .15rem;*/



}

@media (max-width:996px){

  .about-a-bottom .swiper-slide .num span {

    margin-bottom: .1rem;

    font-weight: 500;

  }

  

}



.about-a-bottom .swiper-slide .num span.nm {

  font-size: .8rem;

}



.about-a-bottom .swiper-slide .t3 {

  line-height: 1;

  font-family: unset !important;

  transition: all .3s;

}



.about-a-bottom .swiper-slide.img .t3 {

  font-family: 'OPPOSans-H' !important;

}



.about-a-bottom .swiper-slide:hover .t3 {

  color: #155F8C;

}



.about-a-bottom .swiper-slide::after {

  position: absolute;

  content: '';

  right: 0;

  top: 0;

  width: 1px;

  height: 100%;

  /* border: 1px dashed #999; */

  background-image: url(../img/lines.png);

}



.about-a-bottom .swiper-slide:last-child::after {

  display: none;

}



.about-a-bottom .swiper-slide.af::after {

  display: none;

}



.about-a-bottom .swiper-pagination {

  line-height: 1;

  top: 0;

  margin-top: 1.1rem;

}



.about-a-bottom .swiper-pagination-bullet {

  width: 8px;

  height: 8px;

  background: #155F8C;

  border-radius: .05rem;

  opacity: 1;

}



.about-a-bottom .swiper-pagination-bullet-active {

  background: #ED7C02;

  opacity: 1;

}



.about-b {

  width: 100%;

  position: relative;

  background-color: #f4f7f9;



  padding: 2.9rem 0 3.925rem;

}



.about-b-left {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



.about-b-top .t2 {

  max-width: 19.6rem;

}



.about-b-top {

  margin-bottom: 1.675rem;

}



.about-b-bottom {

  display: flex;

  align-items: stretch  ;

  justify-content: flex-start;

  width: 100%;

  height: 15.5rem;

  flex-wrap: wrap;

}



.about-b-bottom .about-b-li {

  margin-right: 1.175rem;

  width: calc((100% - 1.175rem * 3) / 4);

  overflow: hidden;

  background-color: #fff;

  position: relative;

  border-radius: .25rem;

}



.about-b-bottom .about-b-li .image {

  width: 100%;

  height: 8rem;

  position: relative;

  transition: all .6s;

  background-size: 100% 100%;



}

.about-b-bottom .about-b-li:hover .image{

  background-size: 106% 105%;

background-position: center;

background-repeat: no-repeat;



}

.about-b-bottom .about-b-li .image img {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}



.about-b-bottom .about-b-li>img {

  position: absolute;

  right: 0rem;

  bottom: 0;

  z-index: 0;

  z-index: 0;

}

.about-b-bottom .about-b-li:nth-child(1)>img {

  width: 4.5rem;

}

.about-b-bottom .about-b-li:nth-child(even)>img {

  bottom: auto;

  top: 2.75rem;

}



/* .about-b-bottom .about-b-li:nth-child(1){

    background-image:url('../img/li1.png') ;

  }*/

.about-b-bottom .about-b-li:nth-child(2)>img {

  right:  0rem;

  bottom: 0;

  width: 6.5rem;

}



.about-b-bottom .about-b-li:nth-child(3)>img {

  left: 0rem;

  width: 6.375rem;

}



.about-b-bottom .about-b-li:nth-child(4)>img {

  left: 0rem;

  width: 5.375rem;



}



.about-b-bottom .about-b-li:nth-child(even) {

  display: flex;

  flex-direction: column-reverse;

}



.about-b-bottom .about-b-li:nth-child(even) .image img {

  top: 0;

  transform: rotate(180deg);

}



.about-b-bottom .about-b-li:last-child {

  margin-right: 0;

}



.about-b-bottom .about-b-li .about-txt {

  padding: 1.65rem 1rem;

  position: relative;

  z-index: 1;

}

@media (min-width:996px){

  .about-b-bottom .about-b-li .about-txt {

height: calc(100% - 8rem);



  }

}



.about-b-bottom .about-b-li .about-txt .t4 {

  font-weight: 500;

  line-height: 1;

}



.about-b-bottom .about-b-li .t5 {

  line-height: .9rem;

  font-weight: 500;

  margin-top: .8rem;

}



.about-c {

  padding-top: 2.75rem;

  background:#fff;

  position: relative;

  z-index:3;

}



.about-c-bottom-box {

  width: 100%;

  /* padding: 1.8rem 3.75rem 1.3rem 3.75rem; */

  padding: 1.5rem 3rem 1.3rem 3rem;

}



.about-c-bottom {

  width: 100%;

  position: relative;

  overflow: hidden;

  padding-top: .5rem;

  z-index:4;

}



.about-c-bottom .swiper-slide .image {

  width: 100%;

  height: 12.25rem;

  padding:.5rem .56rem;

  background-image: url('../img/honor.png');

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  display: flex;

  align-items: center;

  position: relative;

  justify-content: center;

}



.about-c-bottom .swiper-slide .image img {

  margin: 0 auto;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.about-c-bottom-box .prev,

.about-c-bottom-box .next {

  width: 1.125rem;

  height: 1.125rem;

  background: #ED7C02;

  border-radius: 50%;

  position: absolute;

  top: 45.8%;

  cursor: pointer;

}



.about-c-bottom-box .next {

  right: 0;

  transform: translateY(-50%);

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}



.about-c-bottom-box .prev {

  left: 0%;

  transform: translateY(-50%);

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}



.about-c-bottom-box .prev svg {

  transform: rotate(-180deg);

}



.about-c-bottom-box .prev.disabled,

.about-c-bottom-box .next.disabled {

  background: #CCCCCC;

  pointer-events: none;

}



.about-c-bottom-box .swiper-button {

  width: .8rem;

  height: .8rem;

  top: 50%;

  margin-top: 0;

  background-size: .8rem .8rem;

  z-index: 1;

}



.about-c-bottom-box .prev .swiper-button {

  left: 50%;

  transform: translate(-50%, -50%) rotate(-180deg);

  background-image: url(../img/arrow.png);

}



.about-c-bottom-box .next .swiper-button {

  right: 50%;

  transform: translate(50%, -50%);

  background-image: url(../img/arrow.png);

}



.about-c-bottom-box .swiper-slide {

  padding-bottom: 2.55rem;

}



.about-c-bottom-box .swiper-slide-active .image{

  box-shadow: 0px 0px .25rem .05rem rgba(9, 9, 9, .2);

}

.about-c-bottom-box .swiper-slide .t2 {

  left: 0%;

  bottom: 0;

  text-align: center;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  transform: translateY(20px);

  max-width: 9.125rem;

  transition: all .6s;

}



.about-c-bottom-box .swiper-slide-active .t2 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

}



.about-c-bottom-box .swiper-slide.over {

  opacity: .7;

  filter: blur(10px);

}



.about-c-bottom-box .swiper-slide.over2 {

  position: relative;

}



.about-c-bottom-box .swiper-slide.over2::after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: calc(100% - 2.55rem);

  content: '';

  opacity: .7;

  filter: blur(1px);

  background-color: rgba(235, 235, 235, .8);

}



.about-c-bottom-box .swiper-slide::before {

  content: '';

  content: '';

  position: absolute;

  position: absolute;

  left: 0;

  bottom: 1rem;

  width: 100%;

  height: calc(2.55rem - 1rem);

  opacity: .6;

  filter: blur(.75rem);

  box-shadow: inset 0px .5rem .5rem .1rem rgba(6, 6, 6, .2);

  ;

}



.sub-banner {

  height: 14.5rem;

}



.sub-banner .bg {

  width: 100%;

  height: 100%;

}



.dev-a {

  padding-top: 2.45rem;

  padding-bottom: 2.625rem;

}



.dev .t1 {

  position: relative;

  line-height: 1;

  font-size: 1.05rem;

  color: #212121;

  padding-left: 1.025rem;

}



.dev-a-top {

  margin-bottom: 2rem;

}



.dev-a-left {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.dev-a-left .t2 {

  max-width: 27.75rem;

  line-height: .55rem;

  text-align: justify;

}



.dev-a-left .t2 span {

  display: block;

  font-size: 0;

  margin: .5rem 0;

}



.dev-a .dev-a-bg {

  width: 100%;

  height: 21rem;

  left: 0;

  top: 0;

  z-index: -1;

}



.dev-li {

  width: 100%;

  height: 13.9rem;

  background: #F2F2F2;

  border-radius: .2rem;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  /* margin-bottom: .875rem; */

  margin-top: .875rem;

  overflow: hidden;

}

.dev-li:nth-child(even) {

  flex-direction: row-reverse;

}

.dev-li:first-child {

  margin-top: 0;

  

}

.dev-li:last-child {

  margin-bottom: 0;

  

}



.dev-li-img {

  width: 50%;

  height: 13.9rem;

  overflow: hidden;

}



.dev-li-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all .6s;

}



.dev-li-txt {

  width: 50%;

  padding: 2.375rem 2.5rem 2.375rem 2.25rem;

  position: relative;

  z-index: 1;

  height: 100%;



}



.dev-li-txt .t3 {

  line-height: 1;

  margin-bottom: .875rem;

  transition: all .3s;



}



.dev-li-txt .t4 {

  text-align: justify;

  z-index: 1;

  position: relative;

  line-height: .6rem;

  font-weight: 400;

}



.dev-li .img {

  right: 1.725rem;

  bottom: 1.275rem;

  z-index: -1;

}



.dev-li:nth-child(1) .img {

  bottom: 1.425rem;

  width: 9.5rem;

  height: 8.25rem;

}



.dev-li .img img {

  width: 100%;

}



.dev-li:nth-child(2) .img {

  width: 8.075rem;

  height: 7.875rem;

  right: 2.25rem;

}



.dev-li:nth-child(3) .img {

  width: 9.825rem;

  height: 9.35rem;

  right: 2.5rem;



}



.join .t1 {

  position: relative;

  line-height: 1;

  padding-left: 1.025rem;

  color: #212121;

}



.join-a {

  padding-bottom: 2rem;

  padding-top: 2.45rem;

}



.join-a-top {

  margin-bottom:1rem;

}



.join-a-left {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.join-a-left .t2{

  color: #333;

font-weight: bold;

line-height: .9rem;

}



.join-a-bottom {

  border-radius: .25rem;

  overflow: hidden;

  height: 18rem;

  width: 100%;

}



.join-a-bottom img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.join-a-bottom .txt {

  left: 0;

  top: 0;

  padding: 2.925rem 3rem;

}



.join-a-bottom .txt .t3 {

  line-height: 1;

  margin-bottom: 1.2rem;

}



.join-a-bottom .txt .t4 {

  line-height: 1.2;

  font-weight: 400;

}



.join-b {

  width: 100%;

  /* height: 27rem; */

  background: #fff;

  border-radius: .2rem;

  /* padding-top: 2.75rem; */

  /* padding-bottom: 2.45rem; */

}



.join-b-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  /* width: 22rem; */

  width: 100%;

  margin: 0 auto;

  border-radius: .025rem;

  /* border-bottom: .05rem solid rgba(51, 51, 51, .1); */

  margin-bottom: 1rem;

  padding-left: 1rem;

}

.join-b-top .t2{

width: 24.5rem;

}

.join-b-li-nav {

  margin-right: 2rem;

  padding: 0 .325rem 0 0;

  padding-bottom: 1.35rem;

  line-height: 1;

  cursor: pointer;

  position: relative;

  transition: all .6s;

}



/* .join-b-li-nav::after {

  content: '';

  width: 0%;

  height: .05rem;

  background: #155F8C;

  border-radius: .025rem;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom:-.05rem;

  opacity: 0;

  visibility: visible;

  transition: all .6s;

  transition-delay: .1s;

} */



.join-b-li-nav.cur {

  color: #155F8C;

}



.join-b-li-nav.cur::after {

  width: 100%;

  opacity: 1;

  visibility: visible;

}



@media (min-width:1024px) {

  .join-b-li-nav:hover {

    color: #155F8C;

  }



  .join-b-li-nav:hover::after {

    width: 100%;

    opacity: 1;

    visibility: visible;

  }

}



.join-b-li-nav:last-child {

  margin-right: 0;

}



.join-b-bottom .t2 {

  margin-bottom: 2.4rem;

}



.swiper-ajax {

  overflow: hidden;

  padding-bottom: 1.75rem;

}



.swiper-ajax .swiper-slide {

  display: flex;

  align-items: stretch;

  justify-content: flex-start;

  height: 13.25rem;

}



.swiper-ajax .swiper-scrollbar {

  left: 50%;

  transform: translateX(-50%);

  width: 11rem !important;

  margin: 0 auto 0;

  height: 2px;

  background: rgba(0, 0, 0, .1);

  z-index: 1;

}



.swiper-ajax .swiper-scrollbar .swiper-scrollbar-drag {

  background: #ED7C02;

}



.swiper-ajax .swiper-slide .li {

  margin-right: .75rem;

  width: 10rem;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-direction: column;

  position: relative;

}



.swiper-ajax .swiper-slide .li3 {

  margin-right: 0;

}



.swiper-ajax .swiper-slide .li2 .play {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  transform: translate(-50%, -50%);

  cursor: pointer;

  padding: .25rem;

}



.swiper-ajax .swiper-slide .li2 .play .circle {

  z-index: 1;

}



.swiper-ajax .swiper-slide .li2 .play:hover img {

  transform: scale(1.1);

}



.swiper-ajax .swiper-slide .li2 .play img {

  width: 50%;

  height: 50%;

  transition: all .6s;

}



.swiper-ajax .swiper-slide .li2 {

  width: calc(100% - 10rem * 2 - 1.5rem);

}



.swiper-ajax .swiper-slide .li .image {

  border-radius: .2rem;

  overflow: hidden;

  width: 100%;

  height: calc((100% - .75rem) / 2 );

}



.swiper-ajax .swiper-slide .li .image:nth-child(1) {

  margin-bottom: .75rem;

}



.swiper-ajax .swiper-slide .li2 .image {

  height: 100%;

}



.swiper-ajax .swiper-slide .li2 .image:nth-child(1) {

  margin-bottom: 0;

}



.swiper-ajax .swiper-slide .li .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.swiper-ajax .swiper-slide .li .play .circle img {

  width: .6rem;

  height: .6rem;

}



.join-c {

  /* padding: 2.25rem 0 2.65rem; */

  padding: 1.5rem 0 2.65rem;

}



.join-c-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  height: 16rem;

  width: 100%;

}



.join-c-li {

  width: 100%;

  height: 100%;

  position: relative;

  border-radius: .25rem;

  overflow: hidden;

  

}



.join-c-li::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0%;

  transition: all .6s;

  z-index: 0;

  background-image: linear-gradient(to top, rgba(21, 95, 140, .8) 7%, rgba(21, 95, 140, 0) 70%, transparent 23%);

}



.join-c-li:hover::after {

  height: 100%;

  opacity: 1;

  visibility: visible;

}



.join-c-txt {

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding-top: 3.6rem;

  padding: 3.6rem 3rem;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  z-index: 1;

}



.join-c-txt .t2 {

  line-height: 1;

  margin-bottom: .45rem;

}



.join-c-txt .t3 {

  line-height: 1;

  margin-bottom: 2rem;

}



.join-c-txt .more:hover {

  color: #fff;

}

.join-c .t1{

  color: #155F8C;

  padding-left: 1rem;

margin-bottom: 1rem;

}

.rec .t1 {

  line-height: 1;

  padding-left: 1.025rem;

  color: #212121;

}



.rec-a-left .t2 .li {

  color: #155F8C;

  line-height: .9rem;

}



.rec-a {

  padding-top: 2.45rem;

}



.rec-a-bottom {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  margin-top: .875rem;

  padding-bottom: .625rem;

  border-bottom: 1px solid rgba(0, 0, 0, .1);

}

.rec-a-bottom .t3{

  display: flex;

  align-items: stretch;

  max-width: 45%;

}

.rec-a-bottom .t3 span{

  display: block;

  white-space: nowrap;

  text-wrap: nowrap;

 }

.rec-a-bottom .t2{

  font-weight: 400;

}

.rec-nav{

padding-top: .625rem;

}



.rec-nav .li{

  display: flex;

  align-items: stretch;

  justify-content: flex-start;

/* flex-wrap: wrap; */

margin-bottom: .5rem;

}

.rec-nav .li .t2{

  margin-right: 1rem;

  text-wrap: nowrap;

  white-space: nowrap;

}

.rec-nav .li .spans{

display: flex;

align-items: center;

flex-wrap: wrap;

}

.rec-nav .li .spans .span{

  margin-right:1.25rem ;

transition: all .6s;

cursor: pointer;

}

.rec-nav .li .spans .span:hover,

.rec-nav .li .spans .span.cur{

  color: rgb( 21, 95, 140 );



}

.rec-b {

  width: 100%;

  overflow: hidden;

  position: relative;

  padding-bottom: 2.25rem;

  /* padding-top: 1.175rem; */

  padding-top: .85rem;

}



.rec-b-ajax {

  width: 100%;

}



.rec-b-ul {

  width: 100%;



  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.rec-b-lis{

  width: 100%;

  height: 3rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-top: 1px solid rgba(0, 0, 0, .1);

}

.rec-b-lis:hover .t3{

  color: #155F8C;

}



.rec-b-lis .t3{

  margin-bottom: .25rem;

  transition: all .6s;

}

.rec-b-lis .lis_b{

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.rec-b-lis .lis_b .line{

  margin: 0 .5rem;

}

.rec-b-lis .lis_b .line,

.rec-b-lis .lis_b span{

  font-weight: 500;

  color: rgba(51, 51, 51, .5);

}

.rec-b-lis .lis_b span.cur{

  color: #155F8C;

}

.rec-b-lis .lis_r{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.rec-b-lis .lis_r .line{

  margin: 0 .25rem;

}

.rec-b-lis .lis_r .tt{

  margin-left: .25rem;

}

.rec-b-lis .lis_r  span.cur{

  color: #155F8C;

}

.rec-b-ul {

  margin-bottom: .925rem;

}



.con {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding-top: 2.45rem;

  padding-bottom: 4.6rem;

}



.con .t1 {

  line-height: 1;

  padding-left: 1.025rem;

  color: #212121;

}



.con-top {

  margin-bottom: 1.05rem;

}



.con .con-bottom {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  height: 15.5rem;

}



.con-left {

  height: 100%;

  width: 24rem;

  border-radius: .2rem;

  overflow: hidden;

}



.con-left>img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: none;

}



.con-left .add-icon {

    top: 52%;

    right: 45%;

}

.con-left .add-icon::after{

  position: absolute;

  left: 50%;

  bottom: -36%;

  transform: translateX(-50%);

  content: '';

  width: 1rem;

  height: .25rem;

  border-radius: 50%;

  background-color: rgba(21, 95, 140, .5);

}

.con-left .add-icon img{

  width: 100%;

  top: 0px;

  position: relative;

  animation: updown 1.5s  linear   infinite  ;

}

@keyframes updown {

  0%{

    top: 0px;

  }

  50%{

  top: -.25rem;

  }

  100%{

    top: 0rem;



  }

 

}



.con-right {

  width: calc(100% - 24rem - 2.5rem);

}





.con-right .con-li {

  width: 100%;

  padding-top: .75rem;

  border-top: 2px solid rgba(3, 3, 3, .1);

  position: relative;

  transition: all .3s;

}



.con-right .con-li-show {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  position: relative;

  margin-bottom: .75rem;

  cursor: pointer;

}



.con-right .con-li .t2 {

  line-height: 1;

  color: rgba(0, 0, 0, .5);

  transition: all .3s;

}



.con-right .con-li .span {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: .55rem;

  height: .55rem;

  align-self: flex-start;

  margin-right: 1rem;

}



.con-right .con-li .span .line {

  position: absolute;

  top: 0%;

  transition: all .3s;

  opacity: 1;

  visibility: visible;

}



.con-right .con-li .span .line1 {

  width: .5rem;

  height: .05rem;

  background: rgba(3, 3, 3, .1);

  left: 00%;

  top: 100%;

}



.con-right .con-li .span .line2 {

  width: .05rem;

  height: .5rem;

  top: 60%;

  right: 50%;

  background: rgba(3, 3, 3, .1);

}



.con-right .con-li.cur {

  border-top-color: #333;

}



.con-right .con-li.cur .t2 {

  color: #333;

}



.con-right .con-li.cur .span .line1 {

  background: rgba(3, 3, 3, 1);

}



.con-right .con-li.cur .span .line2 {

  opacity: 0;

  visibility: hidden;

}



.con-right .con-li-li {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  margin-bottom: .6rem;

}



.con-right .con-li-li:last-child {

  margin-bottom: 0;

}



.con-right .con-li-li-l {

  line-height: 1.5;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.con-right .con-li-li-l .img {

  width: .375rem;

  height: .375rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



.con-right .con-li-li-l span {

  display: block;

  margin-left: .225rem;

  line-height: 1.5;

  color: rgba(3, 3, 3, .5);

}



.con-right .con-li-li>span {

  font-weight: 500;

  margin-left: .45rem;

}



.con-li-hide {

  padding-top: .175rem;

  padding-bottom: 2rem;

  display: none;

}



.news {

  width: 100%;

  position: relative;

  overflow: hidden;

  /* padding-top: 3.5rem; */

  padding-top: 1rem;

}



.news .t1 {

  padding-left: 1.025rem;

  line-height: 1;

  color: #212121;

}



.news-a-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 2.5rem;

  margin-bottom: 1.25rem;

}



.news-a-right {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.news-b {

  padding-bottom: 3.7rem;

}



.pagebox .page {

  padding-top: .75rem;

}



.news-b-ul {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

}



.news-b-li {

  width: calc((100% - 2.75rem) / 3);

  margin-right: 1.375rem;

  height: 14.5rem;

  background: #F8F8F8;

  border-radius: .2rem;

  margin-bottom: 1.25rem;

  overflow: hidden;

  display: inline-block;

}



.news-b-li:nth-child(3n) {

  margin-right: 0;

}



.news-b-li-img {

  width: 100%;

  height: 9rem;

  overflow: hidden;

}

.news-b-li-img img{

  transition: all .6s;



}

.news-b-li-txt {

  padding: 1.175rem 1.55rem 1.2rem 1.35rem;

}



.news-b-li-txt .time {

  line-height: 1;

  margin-bottom: .5rem;

}



.news-b-li-txt .t3 {

  line-height: .75rem;

  margin-bottom: .5rem;

  transition: all .3s;

  font-weight: 500;

}



.news-b-li-txt .detail {

  color: #0D5788;

}



.news-b-li:hover .t3 {

  color: #0D5788;

}



.news-b-li:hover .news-b-li-img  img{

  transform: scale(1.02);

}

.news-a-nav {

  margin-right: .35rem;

  width: 5.5rem;

  height: 1.25rem;

  background: #F2F2F2;

  border-radius: .1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all .3s;

  cursor: pointer;

  font-weight: 400;

}



.news-a-nav:last-child {

  margin-right: 0;

}



.news-a-nav.cur {

  background-color: #0D5788;

}



.news-a-nav .tit-18 {

  transition: all .3s;

}



.news-a-nav.cur .tit-18 {

  color: #fff;

}



.info_top {

  padding-top: .575rem;

  height: 6.25rem;

  background: #F8F8F8;

}



.info_top .w1700 {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.info_top a {

  line-height: 1;

  color: #666;

  font-size: .35rem;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-weight: 4000;

}



.info_top a:hover,

.info_top a.cur {

  color: #0D5788;

  font-weight: 550;

}



.info_top span {

  font-size: .35rem;

  line-height: 1;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.info_top .w1700:nth-child(2) {

  justify-content: center;

  flex-direction: column;

  margin-top: 1.25rem;

}



.info_top .w1700:nth-child(2) .tit {

  line-height: 1.5;

}



.info_top .w1700:nth-child(2) .img {

  margin-right: .225rem;

  width: .45rem;

  height: .45rem;

}



.info_top .w1700 .time {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  line-height: 1;

  font-weight: 500;

  margin-top: .5rem;

}



.info_top .w1700 .time span {

  justify-content: center;

  font-size: .4rem;

  font-weight: 500;

}



.info_box {

  padding-top: 1.875rem;

  padding-bottom: 4.15rem;

}



.content_div {

  padding: 0 6.875rem 2.75rem;

  border-bottom: 1px solid rgba(0, 0, 0, .15);

  margin-bottom: 1rem;

}



.page_div {

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

}

.page_div a{

  opacity:.5;

}

.prev_a span {

  margin-left: .35rem;

}



.next_a span {

  margin-right: .35rem;

}



.page_div img {

  width: .65rem;

  height: .55rem;

}



.page_div a {

  color: #333;

  transition: all .3s;

  font-size: .4rem;

  opacity: .5;

  font-weight: 400;

}



.page_div .return_a {

  position: absolute;

  left: 50%;

  opacity: 1;

  transform: translateX(-50%);

}



.page_div a:hover {

  color: #0D5788;

  opacity: 1;

}



.info_top .w1700 .welcome img {

  margin-bottom: .075rem;

  margin-right: .2rem;

}



.info_top .w1700:nth-child(1) span {

  margin: 0 .1rem;

  font-weight: 500;

}



.opr {

  padding-top: 2.2rem;

}



.opr .t1 {

  padding-left: 1.025rem;

  line-height: 1;

  color: #212121;



}



.opr-a-bot {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-top: .8rem;

}



.opr-a-nav {

  width: 8.75rem;

  height: 100%;

  position: relative;

}



.opr-a-nav-box {

  width: 8.75rem;

}



.opr-a-nav-box.fixed {

  position: fixed;

  left: 2.75rem;

  top: 2.625rem;

  z-index: 5;

}

.opr-a-nav-box.bottom{

  position: absolute;

  bottom:0;

  left: 0;

}

.device .opr-a-nav-box.bottom{

  bottom: 0;

}

.opr-a-nav .li {

  width: 100%;

  height: auto;

  background: #F2F2F2;

  border-radius: .2rem;

  margin-bottom: .25rem;

}



.opr-a-nav .lishow {

  width: 100%;

  height: 1.95rem;

  background: #155F8C;

  border-radius: .2rem;

  padding: 0 .9rem 0  1rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  cursor: pointer;

}



.opr-a-nav .lishow .por {

  width: .625rem;

  height: .625rem;

  border-radius: 50%;

  display: flex;

  align-items: center;

  font-weight: normal;

  justify-content: center;

  transition: all .6s;

  border: 1px solid rgba(255, 255, 255, 1);

}



.opr-a-nav .lishow .por .line {

  width: .025rem;

  height: .3rem;

  left: 50%;

  transform: translateX(-50%);

  background-color: #fff;

  transition: all .3s;

}



.opr-a-nav .lishow .por .line2 {

  width: .3rem;

  height: .025rem;

  left: 50%;

  transform: translateX(-50%);

  background-color: #fff;

}



.opr-a-nav .lishow.active .por {

  background: #ED7C02;

  border-color: #ED7C02;

}



.opr-a-nav .lishow.active .por .line {

  opacity: 0;

  transition-delay: .1s;

}



.opr-a-nav .lihide {

  padding: .675rem 1rem 0 1rem;

  display: none;

  font-weight: 500;

}



.opr-a-nav .lihide .lih-li {

  width: 100%;

  padding-bottom: .775rem;

  line-height: 1;

  display: flex;

  align-items: center;

  justify-content: space-between;

  cursor: pointer;

}



.opr-a-nav .lihide .lih-li .icon {

  width: .45rem;

  height: .45rem;

  background-image: url(../img/arr1.png);

  background-size: .45rem .45rem;

  background-position: center;

  background-repeat: no-repeat;

  transition: all .3s;

}



.opr-a-nav .lihide .lih-li:hover {

  color: #0D5788;

}



.opr-a-nav .lihide .lih-li.cur {

  color: #0D5788;

}



.opr-a-nav .lihide .lih-li.cur .icon,

.opr-a-nav .lihide .lih-li:hover .icon {

  background-image: url(../img/arr2.png);

  background-size: .45rem .45rem;

  background-position: center;

  background-repeat: no-repeat;

}



.opr-a-box {

  width: calc(100% - 8.75rem - 1.1445rem);

}



.opr-a-box .opr-a-box-t1 {

  color: #0D5788;

  line-height: 1;

  margin-bottom: .6rem;



}



.opr-a-box .opr-a-box-t2 {

  text-align: justify;

  line-height: .7rem;

  color: #333 !important;

  margin-bottom: 1.175rem;

}



.opr-a-box .opr-a-box-img {

  margin-bottom: 1.6rem;

  width: 100%;

  height: 14rem;

  border-radius: .2rem;

  overflow: hidden;

  

}

.opr-a-box .opr-a-box-img > img{

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.opr-a-box .opr-a-box-img:last-child{

  margin-right: 0;

}



.opr-a-box .opr-a-box-img img{

  transition: all .6s;



}

.opr-a-box .opr-a-box-img .play {

  cursor: pointer;

}







.opr-a-box .opr-a-box-img:hover .play img {

  transform: scale(1.1);

}



.opr-a-box .opr-a-box-box-t11 {

  line-height: 1;

  margin-bottom: .25rem;

}



.opr-a-box-ul {

  margin-top: .75rem;

  display: flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: flex-start;

  /* margin-bottom: 1.75rem; */

}

.opr-a {padding-bottom: 1.75rem;}

.device .opr-a{

  padding-bottom: 0;

}

.opr-a-box-li {

  width: calc((100% - 3.25rem) / 3);

  margin-right: 1.625rem;

  padding-top: .65rem;

  border-top: .1rem solid rgba(3, 3, 3, .1);

  position: relative;

  padding-bottom: 1.175rem;

}



.opr-a-box-li::after {

  content: '';

  position: absolute;

  left: 0;

  top: -0.1rem;

  width: 0;

  height: .1rem;

  background: #0D5788;

  transition: all .6s;

  opacity: 0;

  visibility: hidden;

}



.opr-a-box-li:hover::after {

  width: 3rem;

  opacity: 1;

  visibility: visible;

}



.opr-a-box-li:nth-child(3n) {

  margin-right: 0;

}



.opr-a-box-li-txt {

  line-height: .7rem;

  padding-left: 1.275rem;

}



.opr-a-box-li-txt-lis {

  display: flex;

  align-items: stretch;

}



.opr-a-box-li-txt span.tit-16 {

  margin-right: .15rem;

}



.opr-a-box-li-top {

  padding-left: .125rem;

  margin-bottom: .6rem;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.opr-a-box-li-top .box-li-span {

  line-height: 1;

}



.opr-a-box-li .box-li-icon {

  width: .7rem;

  height: .7rem;

  margin-right: .45rem;

}

.device .opr-a-box-li .box-li-icon{

  width:auto;

  height: auto;

}

.device .opr-a-nav .lihide .lih-li {

  display: block;

  padding-bottom: .875rem;

}



.device .lih-li-show {

  display: flex;

  align-items: center;

  font-weight: 600;

  justify-content: space-between;

}



.device .lih-li-hide {

  display: none;

  margin-top: .875rem;

  font-weight: 500;

}



.device .lih-li-li {

  margin-bottom: .875rem;

  padding-left: .475rem;

  font-size: .35rem;

  position: relative;

}



.device .lih-li-li::after {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: .25rem;

  height: .05rem;

  background-color: rgba(6, 6, 6, .25);

  transition: all .3s;

}



.device .lih-li-li:last-child {

  margin-bottom: 0;

}



.device .lih-li-show .icon {

  transform: rotate(90deg);

}



.device .opr-a-nav .lih-li {

  cursor: auto;

}



.device .opr-a-nav .lih-li:hover {

  color: #666;

}



.device .opr-a-nav .lih-li-show:hover {

  color: #0D5788;

}



.device .opr-a-nav .lih-li-li.cur,

.device .opr-a-nav .lih-li-li:hover {

  color: #0D5788;

}



.device .opr-a-nav .lih-li-li.cur::after,

.device .lih-li-li:hover::after {

  background-color: #0D5788;

}



.device .opr-a-nav .lih-li-li,

.device .opr-a-nav .lih-li-show {

  cursor: pointer;

}



.device .opr-a-nav .lih-li-show.active {

  color: #0D5788;

}



.device .opr-a-nav .lih-li-show.active .icon {

  transform: rotate(-90deg);

  background-image: url(../img/arr2.png);

  background-size: .45rem .45rem;

  background-position: center;

  background-repeat: no-repeat;

}



.dev-swiper {

  overflow: hidden;

  width: 100%;

}



.dev-swiper .swiper-slide {

  position: relative;

}



.dev-swiper .swiper-slide .play {

  cursor: pointer;

}



.dev-swiper .swiper-slide:hover .play img {

  transform: scale(1.1);

}



.dev-swiper .swiper-slide .image {

  border-radius: .2rem;

  overflow: hidden;

  width: 100%;

  height: 10.5rem;

  margin-bottom: .5rem;

  overflow: hidden;

}



.dev-swiper .swiper-slide .image img {

  transition: all .6s;

}



.dev-swiper .swiper-slide .slide-txt {

  padding-left: .375rem;

  position: relative;

  transition: all .6s;

  text-align: center;

}



.dev-swiper .swiper-slide .slide-txt::after {

  position: absolute;

  content: '';

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: .125rem;

  height: .125rem;

  background: #333333;

  border-radius: 50%;

  transition: all .6s;

  display: none;

}



.dev-swiper .swiper-slide:hover .slide-txt {

  color: #0D5788;

}



.dev-swiper .swiper-slide:hover .slide-txt::after {

  background-color: #0D5788;

}



.dev-swiper .swiper-slide:hover img {

  transform: scale(1.05);

}



.device {

  padding-bottom: 2.625rem;

}



.device .opr-a-box-ul {

  padding-bottom: 1.25rem;

}



.opr-a-box-an {

  width: 100%;

  padding-top: .95rem;

  border-top: 1px solid rgba(0, 0, 0, .1);

}



.opr-a-box-an .t1 {

  padding-left: .475rem;

  line-height: 1;

  margin-bottom: .75rem;

  color: #333;

}



.opr-a-box-an .t1 .line_2 {

  width: 4px;

  height: 20px;

  background: #0D5788;

  border-radius: 2px;

}



.opr-a-box-an .swiper-pagination {

  margin-top: 1.35rem;

  position: relative;

  bottom: 0;

  line-height: 1;

}



.opr-a-box-an .swiper-pagination .swiper-pagination-bullet {

  width: .25rem;

  height: .25rem;

  margin: 0 .3rem;

  background: #155F8C;

  opacity: 1;

}



.opr-a-box-an .swiper-pagination .swiper-pagination-bullet-active {

  background: #ED7C02;

}



.investor {

  padding-top: .9rem;

  width: 100%;

  overflow: hidden;

}



.investor .t1 {

  line-height: 1;

  padding-left: 1.025rem;

  color: #212121;



}



.investor-a-top {

  padding-top: 2.55rem;  

}



.investor .investor-left {

  margin-bottom: 1.125rem;

}



.investor-a-bottom {

  width: 100%;

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  border: 1px solid #DFE1E3;

  border-left: transparent;

  border-right: transparent;

}



.investor-a-left {

  width: 21.25rem;

  padding-top: 1.5rem;

  border-right: 1px solid #DFE1E3;

  padding-bottom: 0;

}



.investor-a-right {

  width: calc(100% - 21.25rem - 1.7rem);

  padding-top: .7rem;

  padding-bottom: .125rem;

  padding-right: 1.2rem;

}



.investor-a-right .ultab {

  display: flex;

  align-items: center;

  justify-content: center;

}



.investor-a-right .ultab .li-item {

  display: block;

  text-align: center;

  color: #333;

  font-size: .4rem;

  width: 25%;

  height: .95rem;

  line-height: .95rem;

  border: 1px solid #eaeaea;



  transition: all .3s;

  cursor: pointer;

}



.investor-a-right .ultab .li-item:nth-child(2) {

  margin: 0 1rem;

}



.investor-a-right .ultab .li-item:nth-child(1) {

  border-left: 1px solid #eaeaea;

}



.investor-a-right .ultab .li-item.cur,

.investor-a-right .ultab .li-item:hover {

  background-color: #0D5788;

  color: #fff;

  border-color: #0D5788;

}



.investor-a-right .gpimg {

  margin-top: 1rem;

  max-height: 10rem;

  overflow: auto;

}



.investor-a-right .gpimg::-webkit-scrollbar {

  width: 4px;

}



.investor-a-right .gpimg::-webkit-scrollbar-thumb {

  background-color: #ED7C02;

}



.investor-a-right img {

  width: 100%;

}



.investor-b {

  padding-bottom: 3.7rem;

  padding-top: 2rem;

  margin-top: 2.25rem;

}



.investor-box {

  width: 100%;

}



.investor-box .top {

  display: flex;

  width: 100%;

  padding-left: 2.45rem;

  padding-bottom: 1.15rem;

  border-bottom: 1px solid rgba(0, 0, 0, .2);

}



.investor-box .top .left {

  margin-right: 5.35rem;

}



.investor-box .top .left .gp {

  margin-bottom: .45rem;

  line-height: 1;

  

}

.investor-box .top .left .gpd{

  font-family:"OPPOSans-B";

}

.investor-box .top .right .zw {

  margin-bottom: .3rem;

  line-height: 1;

  color: #A8A8A8;

}



.investor-box .top .right .jgb {

  margin-bottom: .575rem;

  display: flex;

  align-items: flex-end;

  justify-content: flex-start;

}



.investor-box .top .right .jg .img {

  width: .4rem;

  height: .45rem;

}



.investor-box .top .right .jgb .img img {

  display: none;

  width: 100%;

}



.investor-box .top .right.up img.up {

  display: block;

}



.investor-box .top .right.down .jgb .img img.xia {

  display: block;

}



.investor-box .top .right .jg {

  line-height: 1;

  margin-right: .175rem;

}



.investor-box .top .right span {

  margin-right: .9rem;

}



.investor-box .jgb span {

  margin-bottom: .05rem;

}



.investor-box .jgb img {

  margin-bottom: .05rem;

}



.investor-box .top .right .cj {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  line-height: 1;

  margin-bottom: 1.075rem;

  font-size: .4rem;

}



.investor-box .top .right .cj .zr {

  margin-right: .4rem;

}



.investor-box .top .right .time {

  line-height: 1;

  font-weight: 400;

  font-size: .35rem;

  color: #A8A8A8;

}



.investor-box .bottom {

  padding-left: 2.45rem;

  padding-right: 4.25rem;

  padding-bottom: 1.6rem;

  padding-top: 1.375rem;

}



.investor-box .bottom .i {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: space-between;

}



.investor-box .bottom .i .i-num {

  width: calc((100% - 4.3rem) / 2);

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #A8A8A8;

  font-weight: 400;

  line-height: .9rem;

}



.investor-box .bottom .i .i-num:nth-child(odd) {

  margin-right: 4.3rem;

}



.investor-box .bottom .i .i-num span {

  color: #333333;

  font-weight: 500;

  display: block;

}



.investor-b .investor-b-top {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



.investor-b .investor-b-bottom {

  padding-top: 1.125rem;

}



.investor-b .investor-b-bottom .investor-b-ajax {

  margin-bottom: 1.4rem;

}



.investor-b .investor-b-bottom .li {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: .8rem 1.125rem .8rem 1.3rem;

  border-radius: .025rem;

  transition: all .3s;

  border-bottom: 1px solid rgba(3, 3, 3, .1);

}



.investor-b .investor-b-bottom .li:hover {

  background-color: rgba(3, 3, 3, .1);

  color: #155F8C;

  border-bottom-color: transparent;

}



.investor-b .investor-b-bottom .li span {

  left: .8rem;

  top:50%;

  transform: translateY(-50%);

  width: .25rem;

  height: .25rem;

  border-radius: 50%;

  background-color: #fff;

  border: .075rem solid #0D5788;

}



.investor-b .investor-b-bottom .li .icon {

  right: 1.125rem;

  top: 50%;

  width: .425rem;

  height: .425rem;

  transform: translateY(-50%);

}



.home-d-li-li:hover .home-d-li-right .tit-18 {

  color: #155F8C;

}



.home-d-li-li:hover .imgcover {

  transform: scale(1.1);

}



.play .circle img {

  width: .6rem;

  height: .6rem;

  margin: 0 auto;

}



.swiper-pagination {

  z-index: 1;

}



.circle svg {

  width: .8rem;

  height: .8rem;

}





@media(min-width:1024px) {

  .home-b-li-nav:hover::after {

    width: 100%;

    opacity: 1;

    visibility: visible;

  }



  .home-b-li-nav:hover {

    color: #fff;

  }

  .home-a-bottom:hover > img{

    transform: scale(1.02);

    }

  .home-a-bottom .play:hover img {

    transform: scale(1.1);

  }

  .home-b-libox .swiper-slide:hover .image img{

    transform: scale(1.02);

  }

  .opr-a-box .opr-a-box-img:hover > img{

    transform: scale(1.02);



  }

.dev-li:hover  .dev-li-img  img{

  transform: scale(1.02);

}

.dev-li:hover .dev-li-txt .t3{

  color: #155F8C;

}



 }

 ::-webkit-scrollbar{

  width: 4px !important; 

 }

 ::-webkit-scrollbar-thumb{

  background-color: #ED7C02 !important;

 }



 html, body {

  scroll-behavior: smooth;

}



.opr-a-box-list{

  display: flex;

  align-items: flex-start;

  width: 100%;

  justify-content: space-between;

  flex-wrap: wrap;
}




@media(min-width:996px){
  .opr-a-box-list{
margin: 0 auto;
width: 84%;
  }
  
  .opr-a-box .opr-a-box-img{
    height: auto;
  }
  .dev-swiper{
    width: 84%;
    margin: 0 auto;
  }
}
/* .opr-a-box-list{} */