/*首页*/
.earth{position: absolute;left: 0;top: 1.2rem;width: 100%;height: 7.14rem;background: rgb(230, 232, 231);}
.earth .info-div{white-space: nowrap;background-color: #fff;border-radius: 90rem;padding: 0.5em 1em;box-shadow: 0 0 10px rgba(0,0,0,.2);position: relative; transform: translate(-50%,-50%); cursor: pointer;}
.earth .info-div:hover{z-index: 100 !important;}
.banner{position: relative;}
.banner_bg{position: absolute; lefT:0; bottom:-2px; z-index: 10; width: 100%; height: 47px; background: url(/static/images/bannerbg.png) center bottom no-repeat; background-size: 100%;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);max-height: 100vh;object-fit: cover;}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1);}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.banner .txt{color: #262b3a; position: absolute; z-index: 2;width: 100%;text-align: center;top: 35%;}
.banner .txt h2{ font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.2;}
.banner .txt h2 img{width: 46%;display: inline-block!important;}
.banner_link{display: inline-block;height: 0.5rem;line-height: 0.5rem;background: #fff;color: #160403;text-align: center;text-transform: uppercase;
border-radius: 30px;margin-left: auto;margin-right: auto;padding: 0 0.4rem;margin-top: 0.3rem;position: relative;overflow: hidden;}
.banner_link span{position: relative;z-index: 3;transition: all .5s;}
.banner_link i{font-size: 18px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.banner_link:after{position: absolute;content: "";display: block;height: 100%;left: 0;top: 0;width: 0;background: #005bac;transition: all .5s;}
.banner .swiper-pagination{bottom:0.4rem;display: flex;align-items: center;justify-content: center;}
.banner .swiper-pagination span{background: none;position: relative;}
.banner .swiper-pagination-bullet{opacity: 1;line-height: 1; background: #fff; width:0.25rem; height:0.25rem;margin: 0 2px !important;}
.banner .swiper-pagination-bullet i{color: #fff;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 0.1rem;height: 0.1rem; background: #fff;border-radius: 50%}
.banner .swiper-pagination-bullet i:before{display: none;}
.banner .swiper-pagination-bullet-active{background: none !important;box-shadow: none;}
.banner .swiper-pagination-bullet-active i{width: 100%;height: 100%;background: url(../images/pubicon.png) no-repeat;background-size: 100% 100%}

.tit{text-align: center; margin-bottom: 0.7rem;}
.tit span{ display: block;}

.banner .down{
   border: none !important;
   overflow: visible;
   text-align: center;
   opacity: 1;
   height: auto;
   animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
   color: #fff;
   line-height: 0;
   position: absolute;
   bottom: 0.4rem;
   left: 0;
   z-index: 101;
   display: none;
   width: 100%;
   cursor: pointer;
}
.banner .down i{margin-right: 0.1rem;}


@keyframes nudgeMouse {
   0% {
      transform: translateY(0);
   }

   45% {
      transform: translateY(-8px);
   }

   100%,
   65% {
      transform: translateY(0);
   }
}

@keyframes mouse-scroll-btn-roll-out {
   0% {
      stroke-dashoffset: 0;
   }

   100% {
      stroke-dashoffset: -120;
   }
}

@keyframes trackBallSlide {
   0% {
      opacity: 1;
      transform: scaleY(1) translateY(-10px);
   }

   45% {
      opacity: 0;
      transform: scaleY(.5) translateY(13px);
   }
}
@media only screen and (min-width:1025px) {
   .banner_link:hover span{color: #fff;}
   .banner_link:hover:after{width: 100%;}
}
@media only screen and (max-width:1024px) {
   .banner_link{height: 40px;line-height: 40px;}
   .banner .swiper-pagination-bullet{width: 20px;height: 20px}
   .banner .swiper-pagination-bullet i{width: 10px;height: 10px}
   .banner .swiper-pagination-bullet-active i{width: 100%;height: 100%}
}
@media only screen and (max-width:767px) {
   .banner .swiper-slide{height: 300px;}
   .banner .swiper-slide img{display: none;}
   .banner .down{bottom: 30px;}
   .banner_link{padding: 0px 20px;line-height: 30px;height: 30px;margin-top: 10px;}
}
/*index01*/
.index01{padding: 1.9rem 0 1.2rem;box-sizing: border-box;font-weight: bold;}
.index01-text{text-align: center;}
.index01-list{margin-top: 0.6rem;}
.index01-list ul{text-align: center;}
.index01-list li{display: inline-block;padding: 0 0.5rem;}
.index01-list dl{position: relative; border: 1px solid #000;border-radius: 100%;width: 2.45rem;height: 2.45rem;font-weight: bold;transition: all .5s;}
.index01-list dl::after{
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%) rotate(90deg);
   width: 120%;
   height: 120%;
   z-index: -1;
   background: url('../../upload/static/images/ks/lt.png') center center;
   background-size: contain;
   transition: 0.5s;
   opacity: 0;
}
.index01-list dd{margin-top: 0.6rem;}
.index01-list dd span{display: inline-block;}
.index01-list dd em{display: inline-block;vertical-align: baseline;margin-left: 5px;}
.index01-list dt p{line-height: 1.2em;max-height: 2.4em;overflow: hidden;}
.index01-link{text-align: center;overflow: hidden;width: 100%;}
.index01-link .banner_link{background: #005bac;color: #fff;margin-top: 1rem;transition: all .5s;}


.index02{margin-bottom: 0.9rem;overflow: hidden;}
.index02-list ul{margin-left: -0.6rem;margin-right: -0.6rem;height: 100%;}
.index02-list li{float: left;width: 50%;padding: 0 0.6rem;height: 100%;transition: all 1s;}
.index02-list dl{position: relative;border-radius: 25px;transition: all 1s;height: 100%;overflow: hidden;}
.index02-list dd{overflow: hidden;height: 100%;border-radius: 25px;text-align: center;display: flex;align-items: center;justify-content: center;    background: rgb(230, 232, 231);}
.index02-list dd img{width: auto;transition: all 1s;max-width: inherit;height: 100%;}
.index02-list dt{position: absolute;top: 0.6rem;left: 0.55rem;color: #2a2a2a;max-width: calc(100% - 1.2rem);}
.index02-list dt p{font-weight: bold;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index02-list dt>span{display: block;margin-top: 5px;line-height:1.5em;max-height: 3em;overflow: hidden;}
.index02-list li:nth-child(2n){}
.index02-list li:nth-child(2n) dt{left: auto;right: 0.6rem;color: #fff;}
/*.index02-list ul.on li{width: 40%;}*/
/*.index02-list ul.on li.on{width: 60%;}*/
/*.index02-list ul.on li.on img{transform: scale(1.4);}*/
.index03-list .swiper-button-next,.index03-list .swiper-button-prev {
   background-image: url('/static/images/next.png');
   transition: .5s;
   left: 0.5rem;
   width:.4rem;
   height:.44rem;
}
.index03-list .swiper-button-next{
   right: 0.5rem;
   left: auto;
}
.index03-list .swiper-button-prev{
   transform: rotate(180deg);
}
.index03-con{background: #005bac;padding: 0.8rem 0;box-sizing: border-box;overflow: hidden;border-radius: 20px;}
.index03-con h2{color: #fff;padding-left: 0.57rem;box-sizing: border-box;padding: 0 1.9rem;}
.index03-list{margin-top: 0.2rem;position: relative;padding: 0 1.3rem; visibility: hidden;}
.index03-list.curr{visibility: visible;}
.index03-list li{float: left;width:4.65rem;padding: 0 0rem;margin-right: 0.3rem}
.index03-list dl{background: #fff;border-radius: 20px;overflow: hidden;padding: 0.6rem 0.4rem;box-sizing: border-box;transition: all .5s;position: relative;}
.index03-list ul{display: flex;}
.index03-list dl::before{
   content: '\e609';
   font-family: 'iconfont';
   z-index: 1;
   position: absolute;
   left: -1.5em;
   bottom: 0.5em;
   color: #005bac;
   font-size: 2em;
   line-height: 1;
   padding: 0 0.25em;
   transition: 0.8s linear;
}
.index03-list dd span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.index03-list dd a{margin-top: 0.3rem;line-height: 1.5;height: 4.5em;font-weight: bold;display: block;overflow: hidden;}
.index03-list dd p{line-height: 1.5;height: 4.5em;overflow: hidden;margin-top: 0.3rem;}
.index03-list dt a{margin-top: 0.6rem;line-height: 30px;display: block;color: #005bac;font-weight: bold;}
.index03-list dt a i{margin-left: 5px;}

.index05{padding: 1rem 0;box-sizing: border-box;overflow: hidden;}
.index05 h2{font-weight: bold;padding-left: 0.58rem;box-sizing: border-box;}
.index05-con{margin-top: 0.5rem;overflow: hidden;position: relative;}
.index05-ll{float: left;width: 45%;position: relative;}
.index05-ll dl{overflow: hidden;border-radius: 45px;}
.index05-ll dd{overflow: hidden;}
.index05-ll dt{position: absolute;color: #fff;left: 0.58rem;bottom: 0.5rem;max-width: calc(100% - 1.16rem);transition: all .5s;}
.index05-ll dt p{line-height: 1.1;max-height:4.4em;overflow: hidden;}
.index05-ll dt p sup{display: inline-block;vertical-align: top;margin-top: -3px;font-size: 0.36rem;margin-left: 5px;}
.index05-ll dt span{line-height: 1.4;max-height: 2.8em;overflow: hidden;display: block;margin-top: 0.1rem;}
.index05-rr{float: right;width: 49.3%;padding: 0.5rem 0.28rem;box-sizing: border-box;position: absolute;right: 0;top: 0;height: 100%;height: 100%;}
.index05-rr ul{border-top: 0.02rem solid #000000;}
.index05-rr ul li{border-bottom: 0.01rem solid #d3d3d3;transition: all .5s;}
.index05-rr ul li a{display: block;padding: 0.3rem 0;box-sizing: border-box;font-weight: bold;transition: all .5s;}
.index05-rr ul li a p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index05-rr ul li a span{color: #005bac;display: block;transition: all 1s;height: 0;opacity: 0;overflow: hidden;transform: translateY(20px);}
.index05-rr ul li a i{color: #111111;font-size: 16px;display: inline-block;vertical-align: middle;margin-top: -2px;margin-left: 5px;}
.index05-rr ul li:last-child{border-bottom: 0;}
.index05-rr ul li.on a span{height: auto;opacity: 1;margin-top: 5px;transform: translateY(0px);}

.index06{margin-bottom: 1.4rem;overflow: hidden;}
.index06-list li{width: 36.5%;height: 100%;float: left;overflow: hidden;transition: all .8s;}
.index06-list li dl{border-radius: 20px;overflow: hidden;position: relative;}
.index06-list li dl,.index06-list li dd{height: 100%;}
.index06-list li dd{position: relative;border-radius: 20px;overflow: hidden;}
.index06-list li dd img{height: 100%;width: auto;max-width: inherit;transition: all .8s;}
.index06-list li dt{color: #fff;}
.index06-list li dt p{line-height: 1.1;}
.index06-list li dt .banner_link{background: #005bac;color: #fff;}
.index06-list li dt .banner_link:after{background: #fff;}
.index06-list li:last-child{float: right;}
.index06-list li:last-child dd img{position: absolute;right: 0;top: 0;}
.index06-list li.on{width: 59.4%;}
.index06-list li.on dd img{transform: scale(1.3);}
.index04{margin-top: 1.3rem;position: relative;}
.index04>img{width: 100%;}
.index04 .indexwrap{position: relative;z-index: 3;top: 0;}
.index04 h2{position: absolute;top: 0;padding-left: 0.58rem;z-index: 3;}

.index04_new{margin-top: 1rem;}
.index04_new .video_box{position: relative;}
.index04_new .video_box video{vertical-align: top;}
.index04_new .indexwrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.index04_logo_box{background: rgba(0,0,0,.6);width: 4.32rem;border-radius: 20px;color: #fff;padding: .4rem;}
.index04_logo_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-top: .2rem;}
.index04_logo_box ul li{width: 50%;margin-top: .5rem; text-align: center;}
.index04_logo_box li img{transition:all .3s; max-width: 90%}
.index04_logo_box li:hover img{transform:scale(1.2)}
.logoList01 li{position: absolute;z-index: 4;cursor: pointer;transition: all .5s;}
.logoList01 li p{position: relative;height: 0.5rem;background: #000000;display: flex;align-items: center;padding: 0 0.3rem;box-sizing: border-box;border-radius: 30px;min-width: 1.65rem;justify-content: center;}
.logoList01 li p img{max-height: 0.28rem;display: inline-block;}
.logoList01 .li01{left: 20%;top: 38.5%;}
.logoList01 .li07{left: 32.7%;top: 50.2%;}
.logoList01 .li04{left: 40%;top: 28.4%;}
.logoList01 .li03{left: 47.6%;top: 42.9%;}
.logoList01 .li05{left: 67.3%;top: 48%;}
.logoList01 .li06{left: 73.9%;top: 36.3%;}
.logoList01 .li02{left: 56.7%;top: 30.2%;}

.logoMadl{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000000000;display: none;}
.logoMadl .blank{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);cursor: pointer;}
.logoMadl-close{position: absolute;right: 0.15rem;top: 0.2rem;width: 0.4rem;height: 0.4rem;text-align: center;cursor: pointer;}
.logoMadl-con{position: relative;width: 600px;max-width: 60%;top: 30%;background: #fff;z-index: 3;margin:  0 auto;text-align: center;
padding: 0.7rem;box-sizing: border-box;}
.logoMadl-img{padding: 0.2rem 0.4rem;background: #000;display: inline-block;width: 3rem;box-sizing: border-box;font-size: 0;}
.logoMadl-con-div p{margin-top: 0.3rem; text-align: left;}
.logo_wall{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 5;}
.logo_wall-div{width: 47%;margin: 0 auto;border: 1px solid #a7bbc5;border-radius: 50px;padding: 9px;box-sizing: border-box;overflow: hidden;}
.logo_wall-div dl{display: flex;justify-content: space-between;align-items: center;}
.logo_wall-div dd{float: left;width: 47.7%;background: #005bac;border-radius: 50px;}
.logo_wall-div dd li{float: left;width: 33.3%;padding: 0.2rem 0;}
.logo_wall-div dd li img{border-right: 1px solid rgba(255,255,255,.16);}
.logo_wall-div dd li:last-child img{border-right: 0;}
.logo_wall-div dt{float: right;width: 44.4%;}
.logo_wall-item{float: right;width: 50%;font-weight: bold;}
.logo_wall-item p{line-height: 1.2;margin-top: 3px;}
.logo_wall-item p i{margin-left: 5px;}

@media only screen and (min-width:1025px){
   .index01-list dl:hover{background: #005bac;border-color: #fa9b01;color: #fff;}
   .index01-list dl:hover::after{opacity: 1;transform: translate(-50%,-50%) rotate(95deg);}
   .index01-link .banner_link:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
   .index01-link .banner_link:hover span{color: #005bac;}
   /*.index02-list dl:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}*/
   .index03-list dt a:hover{color: #000!important;}
   /*.index03-list dl:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);transform: translateY(-10px);}*/
   .index05-ll dl:hover dt{transform: translateY(-20px);}
   /*.index05-rr ul li:hover{border-color: #000;}*/
   /*.index05-rr ul li:hover a span{height: auto;opacity: 1;}*/
   .index06-list li dt .banner_link:hover span{color: #000;}
   .logoList01 li:hover{margin-top: -8px;}
   .index03-list .swiper-button-next:not(.swiper-button-disabled):hover,
   .index03-list .swiper-button-prev:not(.swiper-button-disabled):hover{
      background-image: url('/static/images/next_hover.png');
   }
   .index03-list dl:hover::before{
      left: calc(100% - 2em);
      transform: rotate(1230deg) scale(1);
      opacity: 1;
   }
       .index01-link .banner_link:hover{background: #fff;}
       .index01-link .banner_link:hover span{color: #005bac;}
       .index01-link .banner_link:after{background: #fff;}
}
@media only screen and (max-width:1024px) {
   .index03-list .swiper-button-next,.index03-list .swiper-button-prev {
      left: 0rem;
   }
   .index03-list .swiper-button-next{
      right: 0rem;
      left: auto;
   }
   .index01-list dl{width: 160px;height: 160px;flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        flex-direction: column-reverse;
        padding-top: 0;}
        .index01-list dd{margin-top: 0}
   .banner_link{padding: 0 20px;}
   .index02-list dd img{width: 100%;height: 100%;}
   .index03-con{padding: 30px 20px;}
   .logo_wall-div{width: 75%;padding: 7px;}
   .logo_wall-div dd li{padding: 20px 0;}
   .index05-ll{width: 100%;}
   .index05-rr{padding: 0;width: 100%;margin-top: 50px;position: static;}
   .index05-rr ul li a span{opacity: 1;height: auto;transform: none;}
   .index06-list ul{height: auto!important;}
   .index06-list li{width: 48%!important;margin-right: 4%;}
   .index06-list li:last-child{margin-right: 0;}
   .index06-list li dd img{width: 100%!important;height: 100% !important;transform: scale(1)!important;}
   .index06-list li:last-child dd img{position: static;}
   
   .index01-list dd span{font-size: 28px}
   .index01-list dd em{font-size: 16px}
   .index01-list dt p{font-size: 18px}
}
@media only screen and (max-width:767px) {
   .earth{position: relative;height: 20rem;}
   .index01{padding: 30px 0;}
   .index01-text{text-align: left;font-weight: normal;}
   .index01-list{padding: 0 ;}
   .index01-list li{float: left;width: 33.33%;text-align: center;margin: 10px 0;padding: 0 4px;}
   .index01-list dl{margin: 0 auto;width: 100%;height: 100%;}
   .index01-list dd{margin-top: 23px;}
   .index02-list{height: auto!important;}
   .index02-list li{width: 100%;margin: 10px 0;}
   .index02-list dt{top: 30px;left: 20px;max-width: calc(100% - 40px);}
   .index02-list li:nth-child(2n) dt{right: 20px;}
   .index03-list li{width: 100%;margin: 10px 0;}
   .index03-list dl{padding: 20px;}
   .logoList01 li p{height: 20px;min-width: 60px;}
   .logoList01 li p img{max-height: 10px;}
   .logo_wall{bottom: -30px;}
   .logo_wall-div{width: 94%;}
   .logo_wall-div dd{width: 45%;}
   .logo_wall-div dd li{padding: 10px 0;display: flex;align-items: center;}
   .logo_wall-div dt{width: 50%;}
   .logo_wall-item span{font-size: 12px;}
   .logo_wall-item p{font-size: 12px;margin-top: 0;}
   .logo_wall-item p i{font-size: 12px;}
   .logoMadl-con{max-width: 85%;padding: 40px 20px;}
   .logoMadl-close{width: 40px;height: 40px;right: 0px;top:0px;line-height: 40px;}
   .logoMadl-img{padding: 10px 20px;width: auto;}
   .logoMadl-img img{width: 100px;}
   .logoMadl-con-div p{margin-top: 20px;}
   .index05{padding: 60px 0 20px;}
   .index05-ll dl{border-radius: 25px;}
   .index05-ll dt{left: 20px;bottom: 20px;max-width: calc(100% - 40px);}
   .index05-ll dt span{margin-top: 10px;}
   .index05-rr{margin-top: 30px;}
   .index05-rr ul li a{padding: 10px 0;}
   .index06-list ul{height: auto!important;}
   .index06-list li{width: 100%!important;margin: 10px 0;}
.index03-list li{width: 100%;margin: 0}

}
@media only screen and (max-width:520px) {
   .index01-list dd span{font-size: 20px}
   .index01-list dd em{font-size: 14px}
   .index01-list dt p{font-size: 14px}
}

/*首页end*/

/*改字号*/
.index02-list dt>span{font-size: 0.22rem}

@media only screen and (max-width:1024px) {
   .index02-list dt>span{font-size: 16px}
}

/*居中*/
@media only screen and (max-width:767px) {
    .index01-list dl{flex-wrap: wrap;justify-content: center;align-content: center;flex-direction: column;padding-top: 0;display: flex;}
    .index01-list dd{margin-top: 0}
    .index04_new .indexwrap{position: static;transform: none;max-width: 100%;border-radius: 0;width:100%;}
    .index04_new .indexwrap .index04_logo_box{width: 100%;border-radius: 0;padding: 20px;background: #005bac;}
    .index04_new .indexwrap .index04_logo_box ul{align-items: baseline;}
    .index04_new .indexwrap .index04_logo_box li{width: 33.333%;margin-top: 20px;}
    .index04_logo_box ul li{text-align: left;}
}
@media screen and (max-width: 480px) {
  .index04_new .indexwrap .index04_logo_box li{width: 50%;}
}


/*居左0829*/
.index01-text{text-align: left;}
.index01-text p{text-indent: 2em}
