
bac.homeSwiper {
  width: 100%;
  height: 10.08rem;
}

.homeSwiper .swiper-slide {
  position: relative;
}

.banText {
  position: absolute;
  top: 2.83rem;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: all .3s;
}

.banText.active {
  transform: translate(-50%, 0);
  opacity: 1;
}

.banTit {
  font-weight: 500;
  font-size: 0.51rem;
  color: #FFFFFF;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);
  text-align: center;
  margin-bottom: .13rem;
}

.banTit span {
  font-weight: 800;
}

.banTxt {
  max-width: 6.76rem;
  font-family: MiSans;
  font-weight: 400;
  font-size: 0.28rem;
  color: #FFFFFF;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);
  text-align: center;
}

.swiperRound {
  width: 14.02rem;
  height: 14.02rem;
  border: 0.01rem solid rgba(255, 255, 255, .5);
  position: absolute;
  top: 5.2rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 99;
}

.mouse{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.7);
    position: absolute;
    left: 50%;
    top: 4rem;
    transform: translateX(-50%);
}
.mouse img:nth-child(1){
    width: .38rem;
    height: .38rem;
    object-fit: contain;
}
.mouse img:nth-child(2){
    width: .3rem;
    height: .1rem;
    object-fit: contain;
}

.swiperRound .first {
  position: absolute;
  top: 3.8rem;
  left: .47rem;
  width: .27rem;
}

.swiperRound .last {
  position: absolute;
  top: 3.8rem;
  right: .47rem;
  width: .27rem;
  opacity: .5;
}

.dropItem {
  width: 0.24rem;
  height: 0.24rem;
  background: #FFFFFF;
  opacity: 0.5;
  position: absolute;
  border-radius: 50%;
}

.dropItem:nth-child(1) {
  top: .95rem;
  left: 3.15rem;
}

.dropItem:nth-child(2) {
  top: -.12rem;
  left: 50%;
  transform: translateX(-50%);
}

.dropItem:nth-child(3) {
  top: .95rem;
  right: 3.15rem;
}

.aircrafBox {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  border: 0.01rem solid rgba(255, 255, 255, 1);
  transform: rotate(0deg);
  -webkit-clip-path: polygon(0 26%, 100% 50%, 100% 100%, 0% 100%);
  clip-path: polygon(0 25%, 100% 50%, 100% 100%, 0% 100%);
}

.aircrafBox img {
  position: absolute;
  top: 3.5rem;
  left: .2rem;
  width: .92rem;
  transform: rotate(-20deg);
}

.homeAbout {
  width: 100%;
  min-height: 10.8rem;
  background-image: url(../img/back1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.63rem 0 1.09rem;
}

.aboutBox {
  display: flex;
  align-items: flex-start;
}

.aboutL {
  width: 8.25rem;
  margin-right: 0.25rem;
}
.aboutTxtCon{
  padding-right: 0.75rem;
}
.aboutTitEn {
  font-family: MiSans-Bold;
  font-weight: 800;
  font-size: .6rem;
  color: #244FB7;
  opacity: .04;
}

.aboutTitCn {
  font-weight: bold;
  font-size: 0.38rem;
  color: #000000;
  margin-bottom: .45rem;
  position: relative;
  width: fit-content;
}

.aboutTitCn::before {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  left: calc(100% + .08rem);
  transform: translateY(-50%) rotate(45deg);
  background: #244FB7;
  animation: light1 2s infinite;
  border-radius: .02rem;
}

.aboutTitCn::after {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  left: calc(100% + .2rem);
  transform: translateY(-50%) rotate(45deg);
  background: #D50000;
  animation: light2 2s infinite;
  border-radius: .02rem;
}

@keyframes light1 {
  0% {
    /* width: .15rem;
    height: .15rem; */
    transform: translateY(-50%) rotate(45deg) scale(1);
  }

  50% {
    /* width: .1rem;
    height: .1rem; */
    transform: translateY(-50%) rotate(45deg) scale(.8);
  }

  100% {
    /* width: .15rem;
    height: .15rem; */
    transform: translateY(-50%) rotate(45deg) scale(1);
  }
}

@keyframes light2 {
  0% {
    /* width: .1rem;
    height: .1rem; */
    transform: translateY(-50%) rotate(45deg) scale(.8);
  }

  50% {
    /* width: .15rem;
    height: .15rem; */
    transform: translateY(-50%) rotate(45deg) scale(1);
  }

  100% {
    /* width: .1rem;
    height: .1rem; */
    transform: translateY(-50%) rotate(45deg) scale(.8);
  }
}

.aboutTit {
  font-weight: bold;
  font-size: 0.25rem;
  color: #000000;
  margin-bottom: .2rem;
}

.aboutTxt {
  height: 1.4rem;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.35rem;
}

.aboutR {
  width: 7.5rem;
  height: 5.9rem;
  border-radius: .2rem .2rem 0 0;
  overflow: hidden;
}

.aboutR img {
  object-fit: cover;
}

.numBox {
  height: 2.2rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.08);
  border-radius: 0rem 0rem 0.8rem 0rem;
  padding: .45rem .96rem;
  display: flex;
}

.numItem {
  flex: 1;
  border-left: 0.01rem solid #DDDDDD;
  padding: .07rem .21rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.numItem::before {
  content: '';
  width: .02rem;
  height: .23rem;
  background-color: #244FB8;
  position: absolute;
  top: 0;
  left: 0;
}

.numTop {
  display: flex;
  align-items: flex-start;
  column-gap: .13rem;
}

.num {
  font-family: Poppins-bold;
  font-weight: 500;
  font-size: 0.79rem;
  color: #244FB7;
  line-height: 1;
}

.unit {
  font-weight: bold;
  font-size: 0.19rem;
  color: #244FB7;
  line-height: 2;
}

.numBottom {
  font-weight: 400;
  font-size: 0.19rem;
  color: #000000;
}

.homeInter {
  width: 100%;
  min-height: 10.8rem;
  position: relative;
  background: #666;
}

.interTit {
  font-weight: bold;
  font-size: 0.38rem;
  color: #FFFFFF;
  position: absolute;
  top: 1.42rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  column-gap: .09rem;
}

.interTit span {
  display: flex;
  align-items: center;
  margin-top: .2rem;
}

.interTit span:first-child::before {
  content: '';
  width: .15rem;
  height: .15rem;
  transform: rotate(45deg);
  background: rgba(255, 255, 255, .3);
  animation: light1 2s infinite;
  border-radius: .02rem;
}

.interTit span:first-child::after {
  content: '';
  width: .15rem;
  height: .15rem;
  transform: rotate(45deg);
  background: rgba(255, 255, 255, 1);
  animation: light2 2s infinite;
  border-radius: .02rem;
}

.interTit span:last-child::before {
  content: '';
  width: .15rem;
  height: .15rem;
  transform: rotate(45deg);
  background: rgba(255, 255, 255, 1);
  animation: light2 2s infinite;
  border-radius: .02rem;
}

.interTit span:last-child::after {
  content: '';
  width: .15rem;
  height: .15rem;
  transform: rotate(45deg);
  background: rgba(255, 255, 255, .3);
  animation: light1 2s infinite;
  border-radius: .02rem;
}

.interBack {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.interBack img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all .5s;
}

.interBack img.active {
  opacity: 1;
}

.interList {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}

.interItem {
  flex: 1;
  border-right: 0.01rem solid rgba(255, 255, 255, .16);
  position: relative;
}

.interItem:last-child {
  border: 0;
}

.interItem::after {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  background: linear-gradient(0deg, transparent, #fff, transparent);
  position: absolute;
  top: 50%;
  right: -1px;
}

.interItem::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #092974 100%);
  opacity: 0;
  transition: all .5s;
}

.interItem.active::before {
  opacity: 1;
}

.interItem:last-child::after {
  display: none;
}

.interItem:nth-child(1)::after {
  animation: inter 3.2s infinite alternate linear;
}

.interItem:nth-child(2)::after {
  animation: inter 3.5s infinite alternate linear;
}

.interItem:nth-child(3)::after {
  animation: inter 3s infinite alternate linear;
}

@keyframes inter {
  0% {
    top: 0px;
  }

  100% {
    top: calc(100% - 100px);
  }
}

.interDet {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 .65rem;
}

.interIcon {
  width: 0.71rem;
  height: .71rem;
  padding: .1rem;
  border: .01rem solid rgba(255, 255, 255, .3);
  border-radius: .1rem;
  position: relative;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.interIcon::before {
  content: '';
  width: .51rem;
  height: .51rem;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: .1rem;
}

.interIcon img {
  position: relative;
  z-index: 1;
  transform: rotate(-45deg);
  width: .4rem;
  height: .4rem;
}

.interLine {
  width: .01rem;
  height: .25rem;
  background: rgba(255, 255, 255, .5);
  margin-bottom: .08rem;
  transition: all .3s;
}

.interItem.active .interLine {
  height: .63rem;
  margin-bottom: .13rem;
}

.interItemTit {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: .2rem;
}

.noShow {
  display: none;
}

.interItemTxt {
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.3rem;
  text-align: center;
}

.interDet .comMore {
  background-color: #FFFFFF;
  color: #244FB7;
  margin: 0 auto;
  margin-top: .54rem;
}

.interDet .comMore:hover {
  color: #fff;
  background-color: #C90030;
}

.interDet .comMore .moreLine {
  background-color: #244FB7;
}

.interDet .comMore:hover .moreLine {
  background-color: #fff;
}

.interDet .comMore .moreLine .moreImg {
  background-color: #fff;
  border-color: #244FB7;
}

.interDet .comMore:hover .moreLine .moreImg {
  background-color: #C90030;
  border-color: #fff;
}

.homeServe {
  width: 100%;
  min-height: 10.8rem;
  background-image: url(../img/back2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.42rem;
  position: relative;
}

.serveTit {
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
  text-align: center;
}

.serveTxt {
  font-weight: 400;
  font-size: 0.18rem;
  color: #555555;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: .5rem;
  margin-bottom: 1.31rem;
}

.serveTxt span {
  position: relative;
  width: .25rem;
  height: .01rem;
  background: #5B7BC9;
}

.serveTxt span:first-child:before {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  left: calc(100%);
  transform: translateY(-50%) rotate(45deg);
  background: #244FB7;
  animation: light1 2s infinite;
  border-radius: .02rem;
}

.serveTxt span:first-child::after {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  left: calc(100% + .1rem);
  transform: translateY(-50%) rotate(45deg);
  background: #D50000;
  animation: light2 2s infinite;
  border-radius: .02rem;
}

.serveTxt span:last-child:before {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  right: calc(100%);
  transform: translateY(-50%) rotate(45deg);
  background: #244FB7;
  animation: light1 2s infinite;
  border-radius: .02rem;
}

.serveTxt span:last-child::after {
  content: '';
  width: .15rem;
  height: .15rem;
  position: absolute;
  top: 50%;
  right: calc(100% + .1rem);
  transform: translateY(-50%) rotate(45deg);
  background: #D50000;
  animation: light2 2s infinite;
  border-radius: .02rem;
}

.serveList {
  position: relative;
}

.serveItem {
  position: absolute;
  display: flex;
  align-items: center;
  column-gap: .09rem;
}

.serveItem:nth-child(1),
.serveItem:nth-child(2) {
  flex-direction: row-reverse;
}

.serveL {
  width: 1.08rem;
  height: 1.08rem;
  background: rgba(36, 79, 183, .2);
  background-clip: content-box;
  border: .09rem solid rgba(255, 255, 255, 0);
  transition: all .3s;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.serveItem:hover .serveL{
  background: rgba(213, 0, 0, .2);
  border-color: rgba(255, 255, 255, 1);
}

.serveIcon {
  width: 0.7rem;
  height: 0.7rem;
  background: #244FB7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.serveItem:hover .serveIcon{
  background: #D50000;
}

.serveIcon img{
  width: .35rem;
  height: .35rem;
}

.serveR {
  width: 2.4rem;
}

.serveItem .text1 {
  font-weight: bold;
  font-size: 0.25rem;
  color: #000000;
  margin-bottom: .1rem;
  transition: all .3s;
}

.serveItem .text2 {
  font-weight: 400;
  font-size: 0.18rem;
  color: #838383;
  transition: all .3s;
}

.serveItem:hover .text1,
.serveItem:hover .text2{
  color: #D50000;
}

.serveItem:nth-child(1) .text1,
.serveItem:nth-child(1) .text2,
.serveItem:nth-child(2) .text1,
.serveItem:nth-child(2) .text2 {
  text-align: right;
}

.serveItem:nth-child(1){
  top: 2.67rem;
  left: 0;
}

.serveItem:nth-child(2){
  top: 0rem;
  left: 2.37rem;
}

.serveItem:nth-child(3){
  top: 0rem;
  right: 2.37rem;
}

.serveItem:nth-child(4){
  top: 2.67rem;
  right: 0;
}

.homeServe2{
  width: 100%;
  min-height: 6rem;
  background: #001957;
  flex-direction: column;
  background-image: url('../img/homeServe2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

}
.homeServe2 .serve2Txt1{
  font-family: Microsoft YaHei-Light;
  font-weight: 400;
  font-size: 0.55rem;
  color: #FFFFFF;
  line-height: 0.78rem;
  text-align: center;
}

.homeServe2 .serve2Txt1 span{
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
}
.homeServe2 .serve2Txt2{
  font-family: MiSans, MiSans;
  font-weight: 300;
  font-size: 0.25rem;
  color: #FFFFFF;
  line-height: 0.38rem;
  text-align: center;
}
.homeServe2 .serve2Phone{
  width: 3.79rem;
  height: 0.74rem;
  background: #D50000;
  border-radius: 0.37rem;
  margin-top: 0.44rem;
  font-family: MiSans, MiSans;
  font-weight: bold;
  font-size: 0.26rem;
  color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}
.homeServe2 .serve2Phone img{
  width: 0.37rem;
  height: 0.38rem;
  margin-right: 0.06rem;
}

.homeNews{
  background: url(../img/homeNewsBg.png);
  background-size: 100% 100%;
  padding-top: 1.38rem;
  padding-bottom: 1.09rem;
}
.homeNewsBox1{
  padding-bottom: 0.92rem;
}
.homeNewsBox1 .aboutTitCn{
  margin-bottom: 0;
}
.homeNewsBox1 .comMore{
  margin-top: 0;
}
.homeNewsBox2 .homeNewsB{
  width: 5.09rem;
  height: 6.1rem;
  background: #FFFFFF;
  flex-direction: column;
}
.homeNewsBox2 .homeNewsB:hover .comMore{
    background-color: #C90030;
}
.homeNewsBox2 .homeNewsB:hover .comMore .moreLine .moreImg {
    background-color: #C90030;
    left: 100%;
    border-radius: 50%;
}
.homeNewsBox2 .newsImg{
  width: 100%;
  height: 3.09rem;
}
.homeNewsBox2 .homeNewsB1 .newsTxt{
  padding: 0.25rem 0.3rem ;
}
.homeNewsBox2 .homeNewsB1 .newDate{
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 0.2rem;
  color: #A0A0A0;
}
.homeNewsBox2 .homeNewsB1 .newTxt1{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 600;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.3rem;
  margin-top: 0.19rem;
  margin-bottom: 0.15rem;
  transition: all 0.6s;
}
.homeNewsBox2 .homeNewsB1 .newTxt1:hover{
  color: #244FB7;
}
.homeNewsBox2 .homeNewsB1 .newTxt2{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.25rem;
  margin-bottom: 0.37rem;
}
.homeNewsBox2 .homeNewsB1 .comMore{
  margin-top: 0;
}
.homeNewsBox2 .homeNewsB2{
  padding: 0.34rem 0.3rem;
}
.homeNewsBox2 .homeNewsB2 .newsTxt{
  margin-bottom: 0.45rem;
  border-bottom: 0.01rem solid #D8D8D8;
  padding-bottom: 0.14rem;
  transition: all 0.6s;
  cursor: pointer;
  flex-direction: column;
}
.homeNewsBox2 .homeNewsB2 .newDate{
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 0.16rem;
  color: #A0A0A0;
  transition: all 0.6s;
}
.homeNewsBox2 .homeNewsB2 .newTxt1{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 600;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.25rem;
  margin-top: 0.14rem;
  margin-bottom: 0.13rem;
  transition: all 0.6s;
}
.homeNewsBox2 .homeNewsB2 .newTxt2{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #555555;
  line-height: 0.2rem;
  transition: all 0.6s;
}
.homeNewsBox2 .homeNewsB2 .newsTxt:hover .newTxt1{
  color: #244FB7;
}
.homeNewsBox2 .homeNewsB2 .newsTxt:hover .newDate{
  color: #000000;
}
.homeNewsBox2 .homeNewsB2 .newsTxt:hover .newTxt2{
  color: #000000;
}
.interTit1{
  display: none;
}
@media only screen and (max-width: 1024px) {
 .homeNewsBox1{
  display: flex;
 } 
 .homeNewsBox2 .homeNewsB {
  width: 100%;
  height: auto;
  margin-bottom: .2rem;
}
.homeNewsBox2 .homeNewsB1 .newDate{
  font-size: 0.24rem;
}
.homeNewsBox2 .homeNewsB1 .newTxt1{
  font-size: 0.24rem;
}
.homeNewsBox2 .homeNewsB1 .newTxt2{
  font-size: 0.24rem;
  line-height: .4rem;
}
.homeNewsBox2 .homeNewsB2 .newDate{
  font-size: 0.24rem;
}
.homeNewsBox2 .homeNewsB2 .newTxt1{
  font-size: 0.24rem;
}
.homeNewsBox2 .homeNewsB2 .newTxt2{
  font-size: 0.24rem;
  line-height: .4rem;
}
.homeServe2 .serve2Txt1{
  font-size: .4rem;
}
.aboutBox{
  display: block;
}
.aboutL{
  width: 100%;
}
.aboutTxt{
  height: auto;
  font-size: 0.24rem;
}
.aboutTxtCon{
  padding-right: 0;
}
.aboutR{
  width: 100%;
  height: auto;
}
.numBox{
  height: auto;
  display: block;
  overflow: hidden;
}
.numItem{
  width: 50%;
  float: left;
  margin-bottom: .2rem;
}
.numBottom{
  font-size: 0.24rem;
}
.unit{
  font-size: 0.24rem;
}
.num{
  font-size: 0.5rem;
}
.swiper{
  padding-top: 1rem;
}
.serveTxt{font-size: 0.24rem;
margin-bottom: .6rem;}
.interList{
  display: block;
}
.serveItem .text2{
  font-size: 0.24rem;
}
.serveR{
  width: 80%;
}
.serveItem{
  position: static;
  margin-bottom: .3rem;
}
.homeServe {
  background-size: contain;

  background-position: bottom;
  padding-top: 1rem;
  min-height: 12rem;
}
.homeInter{
  min-height: 12rem;
}


.interTit1 {
  font-weight: bold;
  font-size: 0.38rem;
  color: #000;
  display: block;
  text-align: center;
  margin-bottom: .5rem;
}


.interTit{
  display: none;
}
.interItem{
  padding: .5rem 0;
}
.interItemTxt{
  font-size: 0.24rem;
}
.banText{
  top: 20%;
}
.banTit{
  font-size: 0.34rem;
}
.swiperRound{
  display: none;
}
.mouse{
  display: none;
}
.dropItem{
  display: none;
}
.aircrafBox{
  display: none;
}
.homeAbout {
  padding: .53rem 0 1.09rem;
}





}