.swiper-wrapper0 {
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.hSwiper {
  width: 100%;
  height: 7.8rem;
}

.hPagination {
  display: flex;
  justify-content: center;
}

.hPagination .swiper-pagination-bullet {
  width: 0.7rem;
  height: .03rem;
  background: #fff;
  margin: 0 .05rem !important;
  opacity: 1 !important;
}

.hPagination .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 0rem;
  height: .03rem;
  background: #C01920;
  transition: all .3s;
}

.hPagination .swiper-pagination-bullet-active::after {
  width: .2rem;
}

.hNew {
  /*padding: 2.06rem 0 2.67rem;*/
  padding: 1rem 0 2.67rem;
  position: relative;
  overflow: hidden;
}

.newSwiper {
  height: 5rem;
  overflow: visible !important;
}

.newP,
.newN {
  width: .55rem !important;
  height: .55rem !important;
      top: 7.65rem !important;
  margin: 0 !important;
  border: .01rem solid #00349C;
  border-radius: 50%;
  transition: all .3s;
}

.newP:hover,
.newN:hover {
  border: .01rem solid #C01920;
  background: #C01920;
}

.newN {
  right: 1.58rem !important;
}

.newP {
  left: auto !important;
  right: 2.39rem !important;
}

.newP::after,
.newN::after {
  font-size: .25rem !important;
  color: #00349C;
}

.newP:hover::after,
.newN:hover::after {
  color: #fff;
}

.comMore {
  width: fit-content;
  height: 0.5rem;
  background: #FFFFFF;
  border-radius: 1rem 1rem 1rem 1rem;
  border: 0.01rem solid #284FAD;
  display: flex;
  align-items: center;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 0.17rem;
  color: #284FAD;
  padding: 0 .09rem 0 .26rem;
  position: absolute;
}

.newMore {
  bottom: 1.48rem;
  left: 50%;
  transform: translateX(-50%);
}

.comMoreImg {
  width: .36rem;
  height: .36rem;
  margin-left: .37rem;
  flex-shrink: 0;
}

.comMoreImg img:last-child,
.comMore:hover .comMoreImg img:first-child {
  display: none;
}

.comMore:hover .comMoreImg img:last-child {
  display: block;
}

.newSwiper .swiper-slide {
  /* background: #FFFFFF; */
  /* box-shadow: 0rem 0.03rem 0.2rem 0.01rem rgba(0,0,0,0.08); */
  padding: 0 .1rem;
  box-sizing: border-box;
  width: 3.8rem;
}

.newItem {
  width: 3.8rem;
  height: 5rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.2rem 0.01rem rgba(0, 0, 0, 0.08);
  border-radius: .1rem;
  position: relative;
}

.newImg {
  width: 3.8rem;
  height: 2.2rem;
  position: relative;
  /*top: 0;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  border-radius: .1rem .1rem 0 0;
  z-index: 10;
}

.newText {
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0.1rem;
  bottom: 0;
  /* background-image: url(../img/home/newBack.png); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: .65rem .5rem;
  box-sizing: border-box;
}

.newSwiper.swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function linear !important
        -moz-transition-timing-function linear !important
        -ms-transition-timing-function linear !important
        -o-transition-timing-function linear !important
        transition-timing-function linear !important
        margin 0 auto !important
}
.newstitle{
    width: 100%;
    /*white-space: nowrap;*/
    /*text-overflow:ellipsis;*/
    /*overflow:hidden;*/
    font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.23rem;
  color: #333333;
  line-height: 0.35rem;
    margin-bottom: .15rem;
    height: 1rem;
}
.newTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.35rem;
  height: 0.5rem;
  margin-bottom: .1rem;
}

.newBtn {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  display: flex;
  align-items: center;
}

.newBtn img {
  width: .25rem !important;
  height: auto !important;
  margin-left: .09rem;
}

.newSwiper .swiper-slide:hover .newText {
  background-image: url(../img/home/newBack.png);
}
.newSwiper .swiper-slide:hover .newstitle,
.newSwiper .swiper-slide:hover .newTit,
.newSwiper .swiper-slide:hover .newBtn {
  color: #fff;
}

.newSwiper .swiper-slide:hover .newBtn img {
  filter: brightness(0) invert(1);
}

.hAbout {
  width: 100%;
  height: 8rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: end;
  border-bottom: 0.03rem solid rgba(192, 25, 32, 1);
}

.hAboutItem {
  height: 100%;
  flex: 1;
  border-right: 0.01rem solid #AEAEAE;
  transition: all .3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  padding: 0 .8rem;
  box-sizing: border-box;
}

.hAboutItem:last-child() {
  border: 0;
}

.hAboutItem:hover {
  height: calc(100% + .43rem);
  border-right: 0.01rem solid transparent;
  border-radius: .2rem .2rem 0 0;
  background: #284FAD;
}

.hAboutItemTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  text-align: center;
  margin-top: .95rem;
}

.numBox {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.5rem;
  color: #FFFFFF;
  margin-top: .8rem;
}

.hAboutItemTxt {
  height: .8rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-align: center;
  margin-top: .45rem;
}

.hAboutImg {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 1.85rem;
  transition: all .3s;
}

.hAboutItem:hover .hAboutImg {
  margin-top: 1.65rem;
  width: 1.72rem;
  height: 1.72rem;
}

.hProC {
  width: 100%;
  height: 10.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.19rem 0 1rem;
  box-sizing: border-box;
  position: relative;
}

.hProCtab {
  display: flex;
  height: 0.75rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgba(0, 0, 0, 0.06);
  border-radius: .05rem;
  justify-content: space-around;
}

.tabItem {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .1rem;
  position: relative;
  cursor: pointer;
}

.tabItem.active {
    font-size: .27rem;
  font-weight: bold;
  color: #00349C;
}

.tabItem::after {
  content: '';
  width: 0;
  height: 0.08rem;
  background: linear-gradient(90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  position: absolute;
  left: 0;
  bottom: -.04rem;
  transition: all .3s;
}

.tabItem.active::after {
  width: 100%;
}

.hProCList {
  margin-top: .72rem !important;
}

.hProCItem {
  display: none;
}

.hProCItem.active {
  display: flex;
}

.hProCItemL {
  background-image: url(../img/home/proBack.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 6.54rem;
  height: 6.54rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .91rem;
  flex-shrink: 0;
}

.hProCItemImg {
  width: 5.4rem;
  height: 5.4rem;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hProCItemImg img {
  width: 4.51rem;
  height: 4.51rem;
}

.hProCItemR {
  width: 100%;
}

.hProCItemRTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #00349C;
  margin-top: .49rem;
  margin-bottom: .41rem;
}

.hProCItemRTxt {
  /*height: 1rem;*/
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.35rem;
  margin-bottom: .6rem;
}

.proList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .7rem;
}

.proList a {
  width: 1.3rem;
  height: 0.4rem;
  background: #FFFFFF;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid rgba(112, 112, 112, 0.5);
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.15rem;
  color: #555555;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .15rem;
  margin-top: .15rem;
  box-sizing: border-box;
}

.proList a:nth-child(-n + 6) {
  margin-top: 0;
}

.proList a:nth-child(6n) {
  margin-right: 0;
}

.hProBtn {
  display: none;
  /*align-items: center;*/
  /*font-family: Microsoft YaHei, Microsoft YaHei;*/
  /*font-weight: bold;*/
  /*font-size: 0.16rem;*/
  /*color: #444444;*/
}

.hProBtn img {
  width: .14rem;
  height: .14rem;
  margin-left: .09rem;
}

.hProCMore {
  bottom: 1rem;
}

.hCase {
  padding: .85rem 0 1.23rem;
  position: relative;
}

.caseMore {
  right: 1.6rem;
  top: 1.06rem;
}

.hCaseBox {
  /* display: flex; */
  margin-top: .95rem !important;
}

.caseT,
.caseB {
  display: flex;
  margin-bottom: .2rem;
}

.caseItem {
  width: 4.55rem;
  height: 3.5rem;
  margin-right: .2rem;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  overflow: hidden;
  position: relative;
  transition: all .3s;
}

.caseItem.active,
.caseItem:hover {
  width: 6.5rem;
}

.caseItem:nth-child(3n) {
  margin-right: 0;
}

.caseItem img {
  object-fit: cover;
}

.caseText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .68rem .39rem .36rem .75rem;
  transition: all .3s;
}

.caseText:hover {
  background: linear-gradient(91deg, #284FAD 0%, #1E9DDF 100%);
}

.caseTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.28rem;
  color: #FFFFFF;
  margin-bottom: .31rem;
}

.caseTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.3rem;
  opacity: 0;
  transition: all .3s;
}

.caseText:hover .caseTxt {
  opacity: 1;
}

.caseBtn {
display: none !important;
  width: 0.78rem;
  height: 0.39rem;
  background: rgba(255, 255, 255, .5);
  backdrop-filter: blur(.2rem);
  border: 0.01rem solid #FFFFFF;
  box-sizing: border-box;
  border-radius: .05rem;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .35rem;
}

.caseBtn img {
  width: .46rem;
  filter: brightness(0) invert(1);
}

.hWorldT {
  width: 100%;
  height: 1.8rem;
  background: linear-gradient(90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.6rem 0.6rem 0rem 0rem;
  position: relative;
}

.hWorldText {
  position: absolute;
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.53rem;
  color: #FFFFFF;
  opacity: .3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.hWorldTit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #FFFFFF;
}

.hWorldB {
  width: 100%;
  height: 8.8rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hWorldBox {
  padding: 1.21rem 0 1.17rem;
  display: flex;
}

.hWorldItem {
  width: calc(100% / 3);
  height: 6.42rem;
  border-left: 0.01rem solid #A1A1A1;
  padding-left: .33rem;
  padding-right: .86rem;
  box-sizing: border-box;
  transition: all .3s;
  position: relative;
}

.hWorldItem::after {
  content: '';
  width: .02rem;
  height: 2.41rem;
  background: #888888;
  position: absolute;
  left: -.01rem;
  top: .89rem;
  transition: all .3s;
}

.hWorldItem:hover::after {
  background: #C01920;
}

.hWorldItem:hover {
  flex: none;
  flex-shrink: 0;
  width: 6.07rem;
}

.hWorldItemTit {
  display: flex;
  align-items: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.3rem;
  color: #333333;
  margin-bottom: .52rem;
}

.hWorldIcon {
  width: .65rem;
  margin-right: .25rem;
  flex-shrink: 0;
}

.hWorldIcon img:last-child,
.hWorldItem:hover .hWorldIcon img:first-child {
  display: none;
}

.hWorldItem:hover .hWorldIcon img:last-child {
  display: block;
}

.hWorldItemTxt {
  height: 1rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.35rem;
  margin-bottom: .51rem;
}

.hWorldImg {
  width: 100%;
  height: 2.77rem;
  transition: all .3s;
}

.hWorldItem:hover .hWorldImg {
  height: 3.21rem;
}

.hPro {
  height: 9.8rem;
  overflow: hidden;
  position: relative;
}

.hPro .commmonTitle {
  margin-top: .9rem;
}

.hProBox {
  width: 14.5rem;
  height: 14.5rem;
  /* margin: 1.03rem auto 0; */
  background: rgba(30, 157, 223, .04);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -7.5rem;
  transform: translateX(-50%);
}

.hProBox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 14.5rem;
  height: 14.5rem;
  border: 0.01rem dashed rgba(57, 132, 229, 0.5);
  border-radius: 50%;
  box-sizing: border-box;
  clip: rect(0rem 0rem 15rem 0rem);
}

.hProBoxActive::before {
  animation: hPro1 4s linear forwards;
}

.hProBox_small {
  width: 10.8rem;
  height: 10.8rem;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  bottom: -5.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(30, 157, 223, .1);
}

.hProBox_small::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 10.8rem;
  height: 10.8rem;
  border: 0.03rem dashed rgba(57, 132, 229, 0.5);
  border-radius: 50%;
  box-sizing: border-box;
}

.hProBox_smallActive::before {
  animation: hPro2 3s linear forwards;
}

@keyframes hPro1 {
  0% {
    clip: rect(0rem 0rem 15rem 0rem);
  }

  100% {
    clip: rect(0rem 15rem 15rem 0rem);
  }
}

@keyframes hPro2 {
  0% {
    clip: rect(0rem 0rem 11rem 0rem);
  }

  100% {
    clip: rect(0rem 11rem 11rem 0rem);
  }
}

.hProItem {
  position: absolute;
  transform: translateY(-100%);
  opacity: 0;
}
.hProItem .activeafter::after{
    background:#C01920;
}
.hProNumber {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.5rem;
  color: rgba(142, 142, 142, 0.3);
}

.hProTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.25rem;
  color: #333333;
  position: relative;
  white-space: nowrap;
}

.hProTit::after {
  content: '';
  width: 0.15rem;
  height: 0.15rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.03rem solid #C01920;
  position: absolute;
  border-radius: 50%;
  left: -.24rem;
  top: .09rem;
}

.hProItem:nth-child(1) {
     left: -1.9%;
    top: 29.79%;
  animation: hPro 1s forwards;
}

.hProItemActive:nth-child(1) {
  animation: hPro 0.5s forwards;
}

.hProItem:nth-child(2) {
     left: 8.67%;
    top: 13.53%;
}

.hProItemActive:nth-child(2) {
  animation: hPro 0.5s 0.5s forwards;
}

.hProItem:nth-child(3) {
    left: 31.93%;
    top: -3.13%;
}

.hProItemActive:nth-child(3) {
  animation: hPro 0.5s 1s forwards;
}

.hProItem:nth-child(4) {
    left: 61.58%;
    top: -3.58%;
}

.hProItemActive:nth-child(4) {
  animation: hPro 0.5s 1.5s forwards;
}

.hProItem:nth-child(5) {
    left: 90%;
    top: 13.87%;
}

.hProItemActive:nth-child(5) {
  animation: hPro 0.5s 2s forwards;
}

.hProItem:nth-child(6) {
    left: 94.3%;
    top: 30.53%;
}

.hProItemActive:nth-child(6) {
  animation: hPro 0.5s 2.5s forwards;
}

.hProItem:nth-child(7) {
  left: 93.33%;
  top: 29.79%;
}

.hProItemActive:nth-child(7) {
  animation: hPro 0.5s 3s forwards;
}

.smallItem {
  width: 1.04rem;
  height: 1.04rem;
  display: flex;
  cursor: pointer;
  position: absolute;
  transform: translateY(-100%);
  opacity: 0;
}

.smallItem img:last-child,
.smallItem:hover img:first-child {
  display: none;
}

.smallItem:hover img:last-child {
  display: block;
}
.smallItem:hover .hProTit::after{
           background: #C01920 !important;
}
.smallItem:nth-child(1) {
     left: -1.67%;
    top: 28.92%;
}

.smallItemActive:nth-child(1) {
  animation: hPro 0.5s forwards;
}

.smallItem:nth-child(2) {
    left: 10.91%;
    top: 8.82%;
}

.smallItemActive:nth-child(2) {
  animation: hPro 0.5s 0.5s forwards;
}

.smallItem:nth-child(3) {
    left: 33.64%;
    top: -3%;
}
.smallItemActive:nth-child(3) {
  animation: hPro 0.5s 1s forwards;
}

.smallItem:nth-child(4) {
    left: 59.94%;
    top: -2.73%;
}

.smallItemActive:nth-child(4) {
  animation: hPro 0.5s 1.5s forwards;
}

.smallItem:nth-child(5) {
    left: 81.91%;
    top: 10%;
}

.smallItemActive:nth-child(5) {
  animation: hPro 0.5s 2s forwards;
}

.smallItem:nth-child(6) {
    left: 92%;
    top: 28.82%;
}

.smallItemActive:nth-child(6) {
  animation: hPro 0.5s 2.5s forwards;
}

.smallItem:nth-child(7) {
  left: 92%;
  top: 28.92%;
}

.smallItemActive:nth-child(7) {
  animation: hPro 0.5s 3s forwards;
}

@keyframes hPro {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.hProImg {
  width: 6.5rem;
  height: 3.88em;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.hProImgBox {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.hPro1,
.hPro3 {
  width: 1.86rem;
  height: 1.86rem;
}

.hPro2 {
  width: 2.2rem;
  height: 2.59rem;
  /*margin: 0 .27rem;*/
}
.zzzxbtn{
    top: 6.2rem;
     left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  width: fit-content;
  height: 0.5rem;
  display: flex;
  padding: 0 .08rem 0 .27rem;
  align-items: center;
  border: 0.01rem solid #284FAD;
  border-radius: .5rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.17rem;
  background: #FFFFFF;
    color: #284FAD;
}
.zzzxbtn:hover{
  color: #FFFFFF;
}

.zzzxbtn:hover .baibut{
    display: block !important;
}
.zzzxbtn:hover .lanbut{
    display: none;
}
.zzzxbtn img {
  width: .36rem;
  height: .36rem;
  margin-left: .71rem;
  flex-shrink: 0;
}
.hProMore {
  /*position: absolute;*/
  left: 50%;
  bottom: -0.49rem;
  transform: translateX(-50%);
  width: fit-content;
  height: 0.5rem;
  display: flex;
  padding: 0 .08rem 0 .27rem;
  align-items: center;
  
  border: 0.01rem solid #FFFFFF;
  border-radius: .5rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.17rem;
  background: #FFFFFF;
    color: #284FAD;
}

.hProMore:hover{
  color: #FFFFFF;
}
.baibut{
    display: none;
}
.hProMore:hover .baibut{
    display: block !important;
}
.hProMore:hover .lanbut{
    display: none;
}
.hProMore img {
  width: .36rem;
  height: .36rem;
  margin-left: .71rem;
  flex-shrink: 0;
}

.hFriend {
  overflow: hidden;
}

.hFriend .commmonTitle {
  margin-top: .9rem;
}

.hFriendBox {
  width: 100%;
  max-width: 19.2rem;
    margin: 0 auto;
  height: 7.08rem;
  margin: 0 auto;
  position: relative;
}

.hFriendItem {
  position: absolute;
  display: flex;
}

.hFriendItem:hover {
    cursor: pointer;
  /*animation: friend .5s;*/
  transform: scale(1.2);
    transition: transform 0.3s ease;
}

.smallFriend {
  width: 1.12rem;
  height: 1.12rem;
}

.centerFriend {
  width: 1.35rem;
  height: 1.35rem;
}

.bigFriend {
  width: 1.73rem;
  height: 1.73rem;
}

.smallFriend:nth-child(1) {
  top: 4.35rem;
  left: 1.84rem;
}

.smallFriend:nth-child(2) {
  top: 3rem;
  left: 3.12rem;
}

.smallFriend:nth-child(3) {
  top: 1.76rem;
  left: 9.24rem;
}

.smallFriend:nth-child(4) {
  top: 2.67rem;
  left: 11.43rem;
}

.smallFriend:nth-child(5) {
  top: 4.28rem;
  left: 13.42rem;
}

.smallFriend:nth-child(6) {
  top: 2.4rem;
  left: 13.62rem;
}

.smallFriend:nth-child(7) {
  top: .81rem;
  left: 14.73rem;
}

.centerFriend:nth-child(1) {
  top: 1.04rem;
  left: 1.6rem;
}

.centerFriend:nth-child(2) {
  top: 1.72rem;
  left: 4.37rem;
}

.centerFriend:nth-child(3) {
  top: 3.96rem;
  left: 5.25rem;
}

.centerFriend:nth-child(4) {
  top: 3.92rem;
  left: 10.27rem;
}

.bigFriend:nth-child(1) {
  top: 1.37rem;
  left: 6.42rem;
}

.bigFriend:nth-child(2) {
  top: 3.41rem;
  left: 7.59rem;
}

.bigFriend:nth-child(3) {
  top: 0.42rem;
  left: 11.2rem;
}

.bigFriend:nth-child(4) {
  top: 2.69rem;
  left: 15.87rem;
}

@keyframes friend {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-.1rem);
  }

  50% {
    transform: translateX(.1rem);
  }

  75% {
    transform: translateX(-.1rem);
  }

  100% {
    transform: translateX(.1rem);
  }
}



@media only screen and (max-width:1024px){
    .hSwiper{
        height: 2.8rem;
        margin-top: 1rem;
    }
    .hNew{
            padding: 1.06rem 0 1.67rem;
    }
    .hAboutItem{
                padding: 0 0.35rem 0.35rem 0.35rem;
    }
    .hProNumber{
        font-size: .4rem;
    }
    .hProTit{
            font-size: 0.21rem;
    }
    
    .hAbout{
        flex-wrap: wrap;
            height: 100%;
    }
    .numBox{
        font-size: 0.4rem;
    }
    .hProCtab{
            height: 1.2rem;
                flex-wrap: wrap;
    }
    .hProC{
        height: auto;
    }
    .hProCItem.active{
            flex-wrap: wrap;
    }
    .newMore{
        bottom: 0.48rem;
    }
    .caseMore {
    right: 0.2rem;
    top: 1.1rem;
    }
    .caseText{
        padding: 0.68rem 0.1rem 0.36rem 0.1rem;
    }
    .hWorldText{
            width: 100%;
    }
    .hProCItemL{
        margin: 0 auto;
    }
    .proList a{
        width: 1.7rem;
        margin-top: 0;
        margin-right: 0;
    }
    .hWorldItem{
        padding-left: 0.1rem;
    padding-right: 0.1rem;
        height: 5.42rem;
    }
    .hAboutItemTxt {
        height: 1rem;
            -webkit-line-clamp: 5;
    }
    .centerFriend:nth-child(1){
            left: 0.2rem;
                top: 0.04rem;
    }
    .centerFriend:nth-child(2) {
    top: 0.2rem;
    left: 2rem;
    }
    .bigFriend:nth-child(1) {
    top: 0.37rem;
    left: 5.42rem;
     }
     .centerFriend:nth-child(4) {
    top: 1.92rem;
    left: 4.27rem;
}
.bigFriend:nth-child(3) {
    top: 4.42rem;
    left: 3.2rem;
}
.bigFriend:nth-child(4) {
        top: 1.6rem;
    left: 0.27rem;
}
.smallFriend:nth-child(1) {
    top: 5.35rem;
    left: 1.84rem;
}
.smallFriend:nth-child(3) {
    top: 2.76rem;
    left: 6.24rem;
}
.smallFriend:nth-child(4) {
    top: 5.67rem;
    left: 5.43rem;
}
.smallFriend:nth-child(5) {
    top: 5.28rem;
    left: 0.42rem;
}
.smallFriend:nth-child(6) {
    top: 0.4rem;
    left: 3.9rem;
}
.smallFriend:nth-child(7) {
        top: 1.8rem;
    left: 2.73rem;
}
.bigFriend:nth-child(2) {
    top: 3.41rem;
    left: 0.59rem;
}
.hProBox_small::before{
    width: 4.8rem;
    height: 4.8rem;
}
.hProBox_small{
    width: 4.8rem;
    height: 4.8rem;
    bottom: 1.5rem;
}
.hProBox{
    width: 6rem;
    height: 6.5rem;
        bottom: 13%;
}
.hProTit{
        white-space: normal;
}
.hProBox::before{
    width: 6rem;
    height: 6.5rem;
}
.smallItem{
    width: 0.6rem;
    height: 0.6rem;
}
.hProMore{
    background: #e0f1fb;
    margin-top: 0.5rem;
}
}