.line1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
}

.line5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 5;
}

ul,
ol {
  list-style: none;
}

@font-face {
  font-family: 'OPPO Sans';
  src: url('/assets/new/font/oppo-m.ttf');
}

/* 产品解决方案 */
.newMain {
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.jjBox {
  width: 100%;
  padding: 1.6rem 0 1.2rem;
}

.jjBox.npb {
  padding-bottom: 0;
}

.center {
  width: 15rem;
  margin: 0 auto;
}

.jjPart1Box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.jjPart1Img {
  width: 7.4rem;
  display: block;
}

.jjPart1Right {
  width: 6rem;
}

.jjPart1Title {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.4rem;
  color: #222222;
}

.jjPart1Main {
  margin-top: 0.68rem;
  display: flex;
  justify-content: space-between;
}

.jjPart1Line {
  position: relative;
  width: 1px;
  height: 3.64rem;
  background-color: #d9d9d9;
}

.jjPart1Line > div {
  position: absolute;
  left: -1px;
  top: 0;
  background-color: #004d99;
  width: 2px;
  height: 33%;
  transition: all 0.6s;
}

.jjPart1Txt {
  width: 5.52rem;
}

.jjPart1Txt > div:last-child {
  margin-bottom: 0;
}

.jjPart1T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #222222;
  line-height: 0.3rem;
  margin-bottom: 0.72rem;
  transition: all 0.6s;
}

.jjPart1T1.active {
  font-weight: 600;
  font-size: 0.24rem;
}

.jjTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.4rem;
  color: #222222;
}

.jjPart2List {
  width: 100%;
  display: flex;
  margin-top: 0.7rem;
  flex-wrap: wrap;
}

.jjPart2List > li {
  width: 7.4rem;
  position: relative;
  margin-right: 0.19rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.jjPart2List > li > a {
  display: block;
}

.jjPart2List > li a > img {
  width: 100%;
  height: 7.6rem;
  object-fit: cover;
  display: block;
  transition: all 0.6s;
}

.jjPart2List > li:nth-child(2n) {
  margin-right: 0;
}

.jjPart2List > li:hover > a > img {
  transform: scale(1.1);
}

.jjPart2List > li:hover .jjPart2More > img {
  transform: rotate(-34deg);
}

.jjPart2List > li:hover .jjPart2More {
  opacity: 1;
}

.jjPart2Mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.56) 100%
  );
}

.jjPart2Bottom {
  position: absolute;
  width: 6.3rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.54rem;
}

.jjPart2Title {
  width: 100%;
  display: flex;
  align-items: center;
}
.jjPart2Title > img {
  width: 0.75rem;
  display: block;
  margin-right: 0.3rem;
  transition: all 0.6s;
}
.jjPart2Title > span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.24rem;
  color: #ffffff;
}

.jjPart2Line {
  width: 100%;
  height: 0.01rem;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  margin: 0.4rem auto;
}

.jjPart2LineC {
  width: 2.3rem;
  height: 0.02rem;
  background: #004d99;
}

.jjPart2Txt {
  width: 100%;
  font-weight: 400;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.34rem;
  opacity: 0.6;
}

.jjPart2More {
  display: flex;
  align-items: center;
  margin-top: 0.35rem;
  opacity: 0.6;
  transition: all 0.6s;
}
.jjPart2More > img {
  width: 0.36rem;
  transition: all 0.6s;
  display: block;
}

.jjPart2More > span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-left: 0.1rem;
  font-size: 0.16rem;
  color: #ffffff;
}

.jjPart3Box {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  overflow: hidden;
}

.jjPart3Bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-image: url(../img/newjjBg.png);
  background-size: cover;
  transform: scale(0.8);
}

.jjPart3Mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.jjPart3Line {
  width: 1px;
  height: 0;
  background-color: rgba(255, 255, 255, 0.3);
  left: 2.1rem;
  position: absolute;
  z-index: 10;
}

.jjPart3LineC {
  width: 2px;
  position: absolute;
  left: 0;
  bottom: 2.2rem;
  height: 1.46rem;
  background: #004d99;
  opacity: 0;
  transform: translateY(-5em);
}
.jjPart3TxtBox {
  position: absolute;
  bottom: 2.2rem;
  left: 2.82rem;
  z-index: 10;
  opacity: 0;
  transform: translateY(4rem);
}

.jjPart3T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.48rem;
  color: #ffffff;
}

.jjPart3T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 0.3rem;
}

.jjPart4Box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.jjPart4Left {
  width: 8.59rem;
  overflow: hidden;
}

.jjPart4Left > img {
  width: 100%;
  display: block;
  transition: all 0.6s;
}

.jjPart4Right {
  width: 6.51rem;
  background: #061931;
  box-sizing: border-box;
  padding: 0.65rem 0.6rem 0;
}

.jjPart4Tip {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #ffffff;
}
.jjPart4Line {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  margin-top: 0.2rem;
}

.jjPart4LineC {
  width: 1.98rem;
  height: 2px;
  background-color: #1883ec;
  margin-top: -1px;
}

.jjPart4Title {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #ffffff;
  margin-top: 0.6rem;
}

.jjPar4Txt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-top: 0.25rem;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.3rem;
}

.jjPart4List {
  width: 100%;
  margin-top: 0.78rem;
  display: flex;
  justify-content: space-between;
}

.jjPart4List > li {
  width: 0.8rem;
}
.jjPart4List > li > img {
  width: 100%;
}

.jjPart4List > li > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #ffffff;
  text-align: center;
}

.jjPart4Right .jjPart2More {
  margin-top: 1.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
  /*margin-left: 0.1rem;*/
  font-size: 0.16rem;
  color: #ffffff;
}

.jjPart4Right .jjPart2More img{
    margin-right: 0.1rem;
}

.jjPart4Right > a {
  display: block;
}

.jjPart4Box:hover .jjPart4Left > img {
  transform: scale(1.1);
}

.jjPart4Box:hover .jjPart2More > img {
  transform: rotate(-34deg);
}

.jjPart4Box:hover .jjPart2More{
    opacity: 1;
}

/* 产品详情页 */

.xqPart1Box {
  width: 100%;
  height: 10.8rem;
  background-image: url(../img/newxqimg1.png);
  background-size: cover;
  position: relative;
}

.xqPart1Main {
  position: absolute;
  height: 100%;
  top: 0;
  right: 3rem;
  width: 4.5rem;
}

.xq-aos {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 4.5rem;
  padding: 0.84rem 0.4rem;
  box-sizing: border-box;
  background: #061931;
}

.xqPart1Main p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #ffffff;
  line-height: 0.6rem;
}

.xqTtitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
  text-align: center;
}

.xqPart2LTop {
  width: 13.04;
  margin: 0.65rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.xqPart2LTop > li {
  width: 3.08rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.xqPart2T1 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 0.22rem;
  color: #222222;
}

.xqPart2LTop > li:hover .xqPart2Border > img {
  transform: scale(1.1);
}

.xqPart2Border {
  width: 2.75rem;
  height: 2.75rem;
  background: #ffffff;
  border-radius: 0.9rem 0.9rem 0.9rem 0.9rem;
  border: 0.01rem solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.36rem;
}

.xqPart2Border > img {
  width: 1.68rem;
  display: block;
  transition: all 0.6s;
}

.xqPart2T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.2rem;
  color: #222222;
  margin-top: 0.52rem;
}

.xqPart2T2+.num{
    font-size: 0.4rem;
}

.xqPart2Num {
  font-family: OPPO Sans;
  margin-top: 0.2rem;
  font-weight: 600;
  font-size: 0.2rem;
  color: #004d99;
}

.xqPart2Num>span{
    font-family: Microsoft YaHei, Microsoft YaHei;
      font-weight: 600;
    font-size: 0.4rem;
}

.xqPart2Line {
  width: 15rem;
  height: 0rem;
  border: 0.01rem solid #e5e5e5;
  margin: 1rem auto;
}

.xqTitleC {
  text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.32rem;
  color: #222222;
  margin-top: 0.1rem;
}

.xqPart2Txt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin: 0.54rem auto 0;
  font-size: 0.2rem;
  color: #222222;
  line-height: 0.36rem;
  width: 10rem;
}

.xqPart2Bottom {
  width: 13.8rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.7rem;
}

.xqPart2Bottom > li {
  width: 2.4rem;
}

.xqPart2BottomCir {
  width: 100%;
  height: 2.4rem;
  background: #ffffff;
  border-radius: 0.9rem 0.9rem 0.9rem 0.9rem;
  border: 0.01rem solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xqPart2Bottom > li:hover .xqPart2BottomCir > img {
  transform: scale(1.07);
}

.xqPart2BottomCir > img {
  display: block;
  transition: all 0.6s;
}

.xqPart2Bottom > li:nth-child(1) .xqPart2BottomCir > img {
  width: 1.67rem;
}
.xqPart2Bottom > li:nth-child(2) .xqPart2BottomCir > img {
  width: 1.51rem;
}
.xqPart2Bottom > li:nth-child(3) .xqPart2BottomCir > img {
  width: 1.28rem;
}
.xqPart2Bottom > li:nth-child(4) .xqPart2BottomCir > img {
  width: 1.84rem;
}

.xqPart2BottomTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.22rem;
  color: #222222;
  text-align: center;
  margin-top: 0.32rem;
}

.jjBox.xqBg {
  height: 9.8rem;
  background-image: url(../img/newxqbg.png);
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 0;
}
.xqPart3Mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.xqPart3Mask + div {
  position: relative;
  z-index: 10;
  padding-top: 1.3rem;
}

.xqTtitle.white {
  color: #fff;
  background: none;
}

.xqPart3List {
  width: 12.3rem;
  margin: 0.8rem auto 0;
  display: flex;
  justify-content: space-between;
}

.xqPart3List > li {
  width: 1.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.xqPart3List > li:hover .xqPart3Icon {
  transform: translateY(0.15rem);
}

.xqPart3Icon {
  width: 1.04rem;
  display: block;
  transition: all 0.6s;
}

.xqPart3T1 {
  font-family: OPPO Sans;
  font-weight: bold;
  font-size: 0.39rem;
  color: #ffffff;
  margin-top: 0.3rem;
}

.xqPart3T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-top: 0.05rem;
  font-size: 0.2rem;
  color: #ffffff;
}

.xqsmall {
  font-weight: 400;
  font-size: 0.3rem;
}

.clipTop {
  animation: reveal2 1s linear forwards;
}

.clipRight {
  animation: reveal 1s linear forwards;
}
@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes reveal2 {
  from {
    clip-path: inset(0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.xqPart2LTop {
  clip-path: inset(0 0 100%);
}
.xqPart2Bottom,
.xqPart3List {
  clip-path: inset(0 100% 0 0);
}

/* 关于我们 */

.newBannerBtn {
  width: 1.6rem;
  height: 0.42rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.6);
  margin: 0.9rem auto 0;
  opacity: 0;
  transform: scale(0);
  overflow: hidden;
  transition: all 0.6s;
}

.newBannerBtn:hover > a::before {
  width: 100%;
  opacity: 1;
}

.newBannerBtn:hover {
  border: 0.01rem solid #004d99;
}

.newBannerBtn > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #004d99;
  border: 0.01rem solid #004d99;
  transition: all 0.6s;
  opacity: 0;
}

.newBannerBtn span {
  position: relative;
  z-index: 10;
}

.newBannerBtn > a {
  position: relative;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  display: flex;
}

.aboutBox {
  width: 13.6rem;
  margin: 0 auto;
}

.aboutBoxT1 {
  width: 12.7rem;
  margin: 0 auto;
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-indent: 2em;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.4rem;
}

.aboutBoxT1 strong{
    font-weight: 600;
}

.aboutBoxT1 + p {
  margin-top: 0.2rem;
}

.aboutPart1List {
  width: 100%;
  display: flex;
  margin: 1.2rem auto 0;
  justify-content: space-between;
}

.aboutPart1List > li {
  width: 2.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.aboutPart1Icon {
  width: 1rem;
  display: block;
  transition: all 0.6s;
}

.aboutPart1List > li:hover .aboutPart1Icon {
  transform: scale(1.1);
}

.aboutPart1Line {
  width: 100%;
  height: 0rem;
  border: 0.02rem solid #f1f1f1;
  margin: 0.2rem auto;
}

.aboutPart1T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #000000;
}

.aboutPart1T3 {
  font-size: 0.44rem;
  color: #004d99;
  margin-top: 0.22rem;
}
.aboutPart1T3 .num{
      font-family: OPPO Sans;
    font-size: 0.44rem;
}

.aboutPart1T3 > span:last-child {
      font-family: OPPO Sans;
  font-size: 0.16rem;
  color: #000000;
}

.aboutPart1T3 > span:last-child.jia {
  font-size: 0.44rem;
  color: #004d99;
}

.aboutBgBox {
  width: 100%;
  height: 8rem;
  background-image: url(/img/newaboutbg.png);
  background-size: cover;
  overflow: hidden;
}

.aboutPart2Txt {
  width: 12.7rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin: 1.6rem auto 0;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.28rem;
}

.aboutPart2List {
  width: 9.32rem;
  margin-left: 2.4rem;
  margin-top: 2.14rem;
  display: flex;
  justify-content: space-between;
}

.aboutPart2List > li {
  width: 2.14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aboutPart2Icon {
  width: 1rem;
  transition: all 0.6s;
}
.aboutPart2List > li:hover .aboutPart2Icon {
  transform: translateY(-0.15rem);
}

.aboutPart2Line {
  margin: 0.2rem auto;
  width: 100%;
  height: 0rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.aboutPart2T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #ffffff;
}

.aboutPart2T2 {
  font-family: Microsoft YaHei;
  font-size: 0.16rem;
  color: #ffffff;
  margin-top: 0.22rem;
}

.aboutPart2T2 > .num {
  font-size: 0.44rem;
}

.aboutTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
  text-align: center;
}

.aboutPart3Txt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.48rem;
  width: 12.78rem;
  margin: 0.3rem auto 0;
}

.aboutpart3Ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
}

.aboutpart3Ul > li {
  width: 2.9rem;
  height: 4rem;
  background-image: url(/img/newaboutbg2.png);
  background-size: cover;
  
  transition: all 0.6s;
}

.aboutpart3Ul > li > a{
    width: 100%;
    height: 100%;
    padding: 1.5rem 0.45rem;
    box-sizing: border-box;
    display: block;
}

.aboutpart3Ul > li:hover {
  transform: scale(1.1);
}

.newAboutPart3year {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #ffffff;
}

.newAboutPart3t2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}

.newAboutPart3t3 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  opacity: 0.8;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: #ffffff;
}

/* 新能源解决方案 */

.newXnyTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.newXnyTitleIcon {
  width: 1.04rem;
  display: block;
}

.newXnyTitle > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.24rem;
  color: #222222;
  margin-top: 0.2rem;
}

.newXnyPart1List {
  width: 12.08rem;
  margin: 0.67rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newXnyPart1Cir {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;
  border: 0.01rem solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.newXnyPart1Cir > img {
  width: 0.79rem;
}

.newXnyPart1T1 {
  text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #004d99;
  margin-top: 0.2rem;
}

.newXnyPart1T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  color: #222222;
  line-height: 0.24rem;
  margin-top: 0.2rem;
  width: 2.2rem;
  text-align: center;
}

.newXnyPart1Arr {
  width: 1.14rem;
  display: block;
  margin-right: 0.1rem;
}

.newXnyPart1Center {
  width: 10.16rem;
  margin: 0.7rem auto 0;
  display: flex;
  justify-content: space-between;
}

.newXnyPart1Center > li {
  width: 1.2rem;
}

.newXnyPart1Icon {
  width: 1.2rem;
  display: block;
}

.newXnyPart1Center > li > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  color: #222222;
  text-align: center;
  margin-top: 0.24rem;
}

.newXnyPart1Bottom {
  width: 15rem;
  margin: 0 auto;
}

.newXnyPart1Bottom > li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.8rem;
}

.newXnyPart1Bottom > li > img {
  width: 7.4rem;
  height: 7.6rem;
  object-fit: cover;
  display: block;
}

.newXnyPart1Right {
  width: 6rem;
}

.newXnyPart1T3 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
}

.newXnyPart1T4 {
  width: 100%;
  margin-top: 0.55rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.2rem;
  color: #222222;
  line-height: 0.34rem;
}

/* 复用样式 */

.indexsec1 {
  background: #ffffff;
  position: relative;
  background-size: contain;
}

.my_video {
  width: 100%;
  max-width: 19.2rem;
  height: 7.25rem;
  position: relative;
}

#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_play {
  position: absolute;
  width: 1.44rem;
  height: 1.44rem;
  /* border: 0.01rem solid rgb(255,255,255,0.31); */
  top: 3.19rem;
  left: 50%;
  transform: translateX(-50%);
  /* border-radius: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.about_play_1 {
  width: 1.24rem;
  height: 1.24rem;
  /* border: 0.01rem solid #FFF9F9; */
  /* border-radius: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about_play_1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.01rem solid rgb(255, 255, 255, 0.31);
  animation: about_play1 3s linear infinite;
}

.about_play_2 {
  width: 1.02rem;
  height: 1.02rem;
  background: rgb(0, 0, 0, 0.59);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about_play_2 img {
  width: 0.3rem;
  height: 0.36rem;
}

.about_play_1::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.01rem solid #fff9f9;
  animation: about_play2 3s linear infinite;
}

@keyframes about_play1 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    border-color: rgb(255, 255, 255, 0.31);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
    border-color: #fff9f9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    border-color: rgb(255, 255, 255, 0.31);
  }
}

@keyframes about_play2 {
  0% {
    transform: translate(-50%, -50%) scale(1.2);
    border-color: #fff9f9;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    border-color: rgb(255, 255, 255, 0.31);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    border-color: #fff9f9;
  }
}

/* 复用样式结束 */

.newXnyPart3Title {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
}

.newXnyPart3List {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.newXnyPart3List > li {
  width: 4.8rem;
  margin-right: 0.28rem;
  margin-top: 0.72rem;
}

.newXnyPart3List > li:nth-child(3n) {
  margin-right: 0;
}

.newXnyPart3List > li:hover .newXnyPart3Img > img {
  transform: scale(1.1);
}

.newXnyPart3List > li:hover .newXnyPart3T1 {
  color: #004d99;
}

.newXnyPart3Img {
  width: 100%;
  height: 3.4rem;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  overflow: hidden;
}

.newXnyPart3Img > img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: all 0.6s;
}

.newXnyPart3Bottom {
  width: 100%;
  padding: 0.4rem 0.2rem 0 0.4rem;
}

.newXnyPart3T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.24rem;
  color: #222222;
  transition: all 0.6s;
}

.newXnyPart3Line {
  width: 100%;
  border-bottom: 0.01rem solid #d9d9d9;
  margin: 0.2rem auto 0.3rem;
}

.newXnyPart3LineC {
  width: 1.5rem;
  height: 0.02rem;
  background: #004d99;
  border-radius: 0rem 0rem 0rem 0rem;
}

.newXnyPart3T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #222222;
  line-height: 0.34rem;
}

/* 新闻详情 */
.newArticle {
  width: 14.4rem;
  margin: 0.8rem auto;
}

.newArticleTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.36rem;
  color: #222222;
  text-align: center;
}

.newArticleMsg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.54rem;
}

.newArticleTime {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #8d8d90;
}

.source {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #8d8d90;
}

.newArticleLine {
  width: 14.4rem;
  height: 0rem;
  border: 0.01rem solid #e5e5e5;
  margin: 0.2rem auto 0;
}

.newArticle>p{
     font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #2d3441;
  line-height: 0.4rem;
}

.newArticleTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.18rem;
  color: #2d3441;
  line-height: 0.4rem;
}

.mt35 {
  margin-bottom: 0.35rem;
}

.newArticleImg {
  width: 11.12rem;
  margin: 0.2rem auto;
  display: block;
}

.newArticleBtn {
  width: 14.4rem;
  display: flex;
  margin: 0.8rem auto 0.4rem;
}

.newArticleBtn > li {
  width: 50%;
  height: 0.77rem;
  background: #eeeeee;
  box-sizing: border-box;
  padding-left: 0.24rem;
  transition: all 0.6s;
}

.newArticleBtn > li:last-child {
  padding-right: 0.24rem;
}

.newArticleBtn > li:last-child a {
  justify-content: flex-end;
}

.newArticleBtn > li:last-child .newArticleArr img {
  transform: rotate(-180deg);
  margin-left: 0.1rem;
}

.newArticleBtn > li > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.newArticleArr {
  width: 0.06rem;
}

.newArticleArr > img {
  display: block;
  width: 100%;
}

.newArticleArr > img:last-child {
  display: none;
}

.newArticleBtn > li p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-left: 0.1rem;
  font-size: 0.14rem;
  color: #2d3441;
  transition: all 0.6s;
}

.newArticleBtn > li:hover {
  background: #004d99;
}

.newArticleBtn > li:hover p {
  color: #fff;
}

.newArticleBtn > li:hover .newArticleArr > img:last-child {
  display: block;
}

.newArticleBtn > li:hover .newArticleArr > img:first-child {
  display: none;
}

/* 业绩展示 */

.newYjTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
  text-align: center;
}

.newYjPart1List {
  width: 11.42rem;
  margin: 0.7rem auto 0;
  display: flex;
  justify-content: space-between;
}

.newYjPart1List > li {
  width: 2.74rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newYjPart1Boder {
  width: 2.74rem;
  height: 2.74rem;
  background: #ffffff;
  border-radius: 1.1rem 1.1rem 1.1rem 1.1rem;
  border: 0.01rem solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newyjPart1Icon {
  width: 1.44rem;
}

.newYjPart1T1 {
  margin-top: 0.4rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #222222;
}

.newYjPart1T2 {
  font-family: OPPO Sans;
  font-size: 0.72rem;
  color: #004d99;
  margin-top: 0.2rem;
}

.newYjPart1T2 > span:first-child {
  font-size: 0.72rem;
  font-family: OPPO Sans;
  font-weight: 600;
}

.newYjPart1T2 > span:last-child {
  font-size: 0.4rem;
  font-family: OPPO Sans;
}
.mt16 {
  margin-top: 1.6rem;
}

.newYjLogoList {
  width: 15rem;
  margin: 0.65rem auto 0;
  display: flex;
  flex-wrap: wrap;
}

.newYjLogoList > li {
  width: 1.9rem;
  height: 1.16rem;
  margin-right: 0.28rem;
  border: 0.01rem solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.28rem;
}

.newYjLogoList > li:nth-child(7n) {
  margin-right: 0;
}

.newYjLogoList > li > img {
  width: 1.6rem;
}

.newYjAl {
  width: 14.9rem;
  margin: 1.61rem auto 0;
}

.newYjAlT1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #222222;
}

.newYjSwiper {
  width: 100%;
  height: 8rem;
  position: relative;
  overflow: hidden;
  margin-top: 0.6rem;
}

.newYjAlBox {
  width: 100%;
  position: relative;
}

.newYjAlBox > img {
  width: 100%;
  display: block;
}

.newYjAlLeft {
  box-sizing: border-box;
  position: absolute;
  left: 1rem;
  bottom: 1.2rem;
  width: 4.5rem;
  padding: 0.85rem 0.45rem;
  background: #061931;
}

.newYjAlLeft > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.36rem;
}
.swiper-container-vertical > .swiper-pagination-bullets.newYjPagination {
  width: 0.04rem;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 10;
}

.swiper-container-vertical > .swiper-pagination-bullets.newYjPagination > span {
  width: 100%;
  height: 0.2rem;
  margin: 0;
  background-color: #fff;
  display: block;
  margin: 0.1rem auto;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.newYjPagination
  > span.swiper-pagination-bullet-active {
  height: 0.4rem;
}

.jjBox.npt {
  padding-top: 0;
}

.newzrBox {
  width: 14rem;
  margin: 0.8rem auto;
  display: flex;
  flex-wrap: wrap;
}

.newzrBox > li {
  width: 4.5rem;
  height: 3.25rem;
  background: #ffffff;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.35rem;
  transition: all 0.6s;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.newzrBox > li:nth-child(3n) {
  margin-right: 0;
}

.newzrBox > li p {
  transition: all 0.6s;
}

.newzrBox > li:hover {
  background-color: #004d99;
}

.newzrBox > li:hover p {
  color: #fff;
}

.newzrBox > li > a {
  width: 100%;
  height: 100%;
}

.newzrTime {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #333;
}

.newZrTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.2rem;
  color: #000;
  line-height: 0.32rem;
  margin-top: 0.26rem;
}

.newZrDec {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #616161;
  line-height: 0.27rem;
  margin-top: 0.34rem;
}

.foot{
    position: relative;
}

.newCenterBox{
    width: 15rem;
    margin:0 auto;
}
.newCenterBox>p:first-child{
    width: 100%;
        text-align: center;
}
.newCenterBox>p:first-child>strong{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.4rem;
    color: #222222;
    text-align: center;
}