*{-webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{min-height: 100vh;overflow-x: hidden;position: relative;}
.banner{width: 100vw;height: 100vh;color: #fff;overflow: hidden;min-height: 100vh;}
/* @supports (-webkit-touch-callout: none) {
    .banner {
      min-height: -webkit-fill-available;
    }
  } */
.banner img.img{width: 100%;height: 100%;}
.banner>.swiper-pagination{right: 50px!important;left: auto!important;width: 16px!important;top: 50%;}
.banner>.swiper-pagination .swiper-pagination-bullet{opacity: 1;position: relative;width: 15px;height: 20px;background:transparent url(../images/dots.png) no-repeat;border-radius: 0;margin: 24px 0 !important;outline: none;transition: all .3s;}
.banner>.swiper-pagination .swiper-pagination-bullet-active{background: url(../images/active.png) no-repeat;width: 15px;height: 20px;position: relative;}
.banner>.swiper-pagination .swiper-pagination-bullet-active::before{position: absolute;content: '';width: 34px;height: 1px;background-color: #fff;right: -48px;top: 50%;}
.banner h3{font-size: 36px;}
.banner h2{font-size: 48px;}
.banner h6{font-size: 24px;}
.banner p{font-size: 16px;}
.bannerTit{position: absolute;transform: translateY(-50%);top: 50%;}
.bannerTit1{left: 10%;opacity: 0;}
.bannerTit1 h2{margin: 20px 0;}
.bannerTit1 h6{margin-top: 20px;font-weight: 500;}
.banner .swiper-slide-active .bannerTit1{animation: fadeInLeft 2s linear 0s 1 both;z-index: 1;}
@keyframes fadeInLeft{
    0%{opacity:0;transform: translate(-10px,-50%);}
    50%{opacity:0;transform: translate(-10px,-50%);}
    100%{opacity:1;transform: translate(0px,-50%);}
}
/* .banner .swiper-slide-active .img1{animation: scaleBgs 12s infinite;} */

.banner .swiper-slide{position: relative;}
.banner>.swiper-wrapper>.swiper-slide::before{position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;}
.banner>.swiper-wrapper>.swiper-slide-active::before{ background-size: cover;animation: scaleBgs 12s infinite;}
.banner .swiper-slide-active:nth-of-type(1)::before{background: url(../images/banner1.jpg) no-repeat center center;}
.banner .swiper-slide-active:nth-of-type(2)::before{background: url(../images/banner2.jpg) no-repeat center center;}
.banner .swiper-slide-active:nth-of-type(3)::before{background: url(../images/banner3.jpg) no-repeat center center;}
.banner .swiper-slide-active:nth-of-type(4)::before{background: url(../images/banner4.jpg) no-repeat center center;z-index: -1;}
@keyframes scaleBgs {  
 0% {transform:scale(1);}
 100% { transform: scale(1.12); }
}

.bannerTit2{left: 15%;}
.bannerTit2 .txtL{position: relative;opacity: 0;}
.banner .swiper-slide-active .bannerTit2{z-index: 1;}
.banner .swiper-slide-active .bannerTit2 .txtL{animation: fadeInLefts 3s linear 0s 1 both;}
@keyframes fadeInLefts{
    0%{opacity:0;transform: translate(-20px,0);}
    50%{opacity:0;transform: translate(-20px,0);}
    100%{opacity:1;transform: translate(0px,0);}
}
.banner .swiper-slide-active .bannerTit2 .txtL img{animation: rotate 30s infinite 2s linear;}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.bannerTit2 dl{position: absolute;left: 0;top: 0;text-align: right;}
.bannerTit2 dl p{font-size: 16px;}
.bannerTit2 dd strong{font-size: 60px;font-family:'DIN-BLACK';}
.bannerTit2 dd sub{font-size: 40px;line-height: 1;}
.bannerTit2 .dl1{left: 24%;top: 21%;}
.bannerTit2 .dl2{left: 64%;top: 32%;}
.bannerTit2 .dl3{left: 44%;top: 70%;}
.bannerTit .flex{width: 100%;align-items: center;}
.txtR h2{margin-bottom: 30px;}
.txtR p{line-height: 2;}
.bannerTit2 .txtR{max-width: 574px;width: 50%;margin-left: 10%;opacity: 0;}
.banner .swiper-slide-active .bannerTit2 .txtR{animation: fadeInRight 3s linear 0s 1 both;}
@keyframes fadeInRight{
    0%{opacity:0;transform: translateX(10px);}
    50%{opacity:0;transform: translateX(10px);}
    100%{opacity:1;transform: translateX(0px);}
}
.bannerTit3 .txtL{opacity: 1;}
.bannerTit3 .txtR{ opacity: 1;margin-right: 4%;width: calc(100% - 920px - 4%);}
.bannerTit3{left: 10%;width: 80%;}
.banner .swiper-slide-active .bannerTit3{z-index: 1;}
.banner .swiper-slide-active .bannerTit3 .txtR{animation: fadeInLeft 3s linear 0s 1 both;}
.banner .swiper-slide-active .bannerTit3 .txtL{animation: fadeInRight 3s linear 0s 1 both;}
.banner .swiper-slide .bannerTit3 .txtL{position: relative;width: 903px!important;height: 450px; background: url(../images/mapIndex.png) no-repeat;background-size: 100%;}
.country{position: absolute;cursor: pointer;}
.country dt{position: absolute;display: block;color: #fff;width: 114px;height: 114px;line-height: 114px;text-align: center;}
.country .rotate{animation: rotate 20s infinite both linear;width: 114px;height: 114px;}
.country dl{position: absolute;bottom: 0;}
.country dl em,.country dl span{display: block;}
.country dl span,.country:hover dl em{display: none;}
.country:hover dl span{display: block;}
@keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/* .country .rotate{animation: rotate 20s infinite linear;width: 114px;height: 114px;background: url(../images/quanW.png) no-repeat;position: relative;   border: 1px solid red;  }
.country .rotate::before{content: '';animation: rotateN 10s infinite linear;width: 114px;height: 114px;background: url(../images/quanN.png) no-repeat;position: absolute;  border: 1px solid red;   }
@keyframes rotateN{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(-360deg)}
} */
.dian{position: absolute;z-index: 4;}
.dian span{display: flex;border-radius: 50%;background-color: #d0dcee;width: 16px;height: 16px;align-items: center;justify-content: center;transition: all .2s;}
.dian i{display: flex;border-radius: 50%;background-color: #fff;width: 8px;height: 8px;transition: all .2s;}
.country .line{z-index: 3;}
.country .maps{display: none;position: absolute;}
.country:hover .dian span{background-color: #0a3190;}
.country:hover .dian i{background-color: #2fa8e1;}
.country:hover .maps{display: none;}
/* 北美 */
.bm{height: 144px;width: 200px;top: 37.4%;left: 2%;}
.bm .dian{top: 0;right: 0;}
.bm .line{position: absolute;top: 10px;right: 6px;}
.bm .maps{top: -4.4%;right: -32.5%;}
/* 欧洲 */
.oz{width: 206px;height: 120px;top: 28%;left: 32%;}
.oz .dian{top: 12px;right: 0;}
.oz .line{position: absolute;top: 10px;right: 6px;}
.oz .maps{top: 8.4%;right: -4%;}
/* 中东 */
.zd{width: 114px;height: 154px;bottom: 20%;left: 58.3%;}
.zd .dian{top: 6px;left: -4px;}
.zd .line{position: absolute;top: 18px;left: 6px;right: 0;}
.zd .maps{top: 0;left: -14%;}
/* 中国 */
.zg{width: 124px;height: 166px;top: 8%;right: 21%;}
.zg dl{top: 0;bottom: auto;}
.zg .dian{bottom: 0;right: 0;}
.zg .line{position: absolute;bottom: 10px;right: 12px;}
.zg .maps{bottom: -45%;left: 14%;width: 200%;}
/* 东南亚 */
.dny{width: 190px;height: 114px;right: 1%;bottom: 31%;}
.dny dl{right: 0;}
.dny .dian{bottom: 12px;left: 0;}
.dny .line{position: absolute;bottom: 14px;left: 11px;}
.dny .maps{top: 76%;left: -10%;}
.bannerTit4{left: 5%;text-align: center;width: 90%;}
.bannerTit4 h2{font-size: 72px;}
.bannerTit4 h2 strong{color: #0a3190;font-family:'DIN-BLACK';}
@font-face{
    font-family:'DIN-BLACK' ;
    src:url(../font/DIN-BLACK.OTF);
}
.banner .swiper-slide-active .bannerTit4 h2{box-shadow: 0px 0px 30px 30px rgba(112, 134, 162, 0.8); border-radius:500px;display: inline-flex;background-color:#7085a3;animation: fade 1s ease-in-out 0s 1 both;}
@keyframes fade{
     0%{opacity:0;transform: translateY(0px);}
     50%{opacity:0;transform: translateY(0px);}
     80%{opacity:0;transform: translateY(16px);}
     100%{opacity:1;transform: translateY(0px);}
}

.swiper-slide:nth-of-type(4) img.img{position: absolute;z-index: -2;}
.home-cases{overflow:hidden;z-index: -1;width: 100%;height: calc(100% - 20vh);display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-around;margin-top: 6vh;position: relative;}
.home-cases .home-case{width:276px;white-space:nowrap;height:70px;-webkit-animation:60s rowleft linear infinite normal;animation:60s rowleft linear infinite normal}
.home-cases .home-case .home-case-logo{width:230px}
.home-cases .home-case .home-case-logo:nth-child(even){left:100%}
.home-cases .home-case:first-child{margin-top:60px}
.home-cases .home-case:nth-child(even){-webkit-animation:45s rowleft linear infinite normal;animation:45s rowleft linear infinite normal}
.home-cases .home-case:nth-child(even) .home-case-logo{-webkit-filter:blur(1px);filter:blur(1px)}
@keyframes rowleft{
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-1380px,0,0);transform:translate3d(-1380px,0,0)}
}
.indexArrow{position: absolute;bottom: 30px;z-index: 999;left: 50%;transform: translateX(-50%);pointer-events:none}
.rotates{animation: rotate 30s infinite both linear;}
.indexArrow .arrow{position: absolute;left: calc(50% - 8px);top: calc(42% - 13px);animation: pulse 2s infinite;}
@keyframes pulse {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, 10px);}
  100% {transform: translate(0, 0);} 
}
.snlogoApp{display: none;}


.footer{padding-bottom: 30px;color: rgba(255, 255, 255, .8);font-size: 14px;position: absolute;width: 100%;bottom: 0;left: 0;z-index: 9;}
.footer>.comWrapper.flex{justify-content:space-between;align-items: center;}
.footer .footTxt>img,.footer .footTxt span,.footer .footTxt a{display: inline-flex;}
.footer .footTxt>img{margin-right: 10px;}
.footer .footTxt span{margin-right: 40px;width: 200px;}
.footer .footTxt a{color: rgba(255, 255, 255, .8);}
.footer .footTxt i{display: inline-flex;}
.footer .footTxt a:hover{color: #fff;}

.footer a.code{position: relative;display: block;}
.footer a.code em{display: none;position: absolute;bottom: 20px;left: 0;}
.footer a.code:hover em{display: block;}

@media (max-width:1680px) and (min-width:1200px){

.bannerTit2,.bannerTit3{left: 10%;width: 80%;}
.bannerTit2 .txtL{width: 42%;}
.banner h3{font-size: 30px;}
.banner h2{font-size: 42px;}
.banner h6{font-size: 21px;}
.txtR h2{margin-bottom: 22px;}
.txtR p{line-height: 1.8;font-size: 14px;}
.bannerTit1 h6{margin-top:14px}
.bannerTit1 h2{margin: 14px 0;}
.bannerTit2 dd strong{font-size: 54px;}
.bannerTit3{left: 8%;width: 85%;}
.bannerTit3 .txtR{margin-right: 0;width: calc(100% - 860px);}
.bannerTit3 .txtL{transform: scale(.9);}
.bannerTit4 h2{font-size: 50px;}
.bannerTit3 .flex{justify-content:space-between}
.banner .swiper-slide .bannerTit3 .txtL{width: 880px!important;}
}

@media (max-width:1440px) and (min-width:1200px){
.banner h3{font-size: 24px;}
.bannerTit1 h2{font-size: 40px;}
.bannerTit1 img{width: 220px;}
.banner h6{font-size: 18px;}
.bannerTit3 .txtR{margin-top: 24vh;}
.bannerTit3 .txtL{animation: fadeInRight 3s linear 0s 1 both;}
.bannerTit2 .txtR p{font-size: 17px;}
.txtR h2{font-size: 38px;}
.bannerTit2 dd strong{font-size: 46px;}
.banner .swiper-slide-active .bannerTit2 .txtL img{animation: rotate 30s infinite 2s linear;}
@keyframes fadeInRight{
    0%{opacity:0;transform: translateX(10px) scale(.78);}
    50%{opacity:0;transform: translateX(10px) scale(.78);}
    100%{opacity:1;transform: translateX(0px) scale(.78);}
}
@keyframes rotate {
    0% {transform: rotate(0deg) scale(.9);}
    100% {transform: rotate(360deg) scale(.9);}
}

}
@media (max-width:1200px){
.comWrapper{padding: 0 10px;}
/* .banner{width: 100%!important; height: 100%!important;} */
/* .banner .swiper-slide {background-color: red;}
.banner img.img.app{object-fit: cover;border: 3px solid green;} */
/* @supports (-webkit-touch-callout: none) {
    .banner img.img.app {
      min-height: -webkit-fill-available;
    }
  } */
.banner>.swiper-pagination{right:16px!important;top: 50%;}
.banner>.swiper-pagination .swiper-pagination-bullet{margin:12px 0 !important}
.banner>.swiper-pagination .swiper-pagination-bullet-active::before{right:-40px}
.bannerTit{width: 86%;left: 5%;}
.indexArrow{/*bottom: 80px;*/bottom: 18%;}
.bannerTit .flex{flex-wrap: wrap;align-items: flex-start;}
.bannerTit .flex>div{width: 100%;}
.banner h3{font-size: 20px;}
.banner h2{font-size: 28px;}
.banner h6{font-size: 18px;}
.bannerTit1 h2{margin: 10px 0 0;}
.bannerTit1 h6{margin-top: 10px;}
.bannerTit1 img{width: 50%;}
.bannerTit2 .txtL{display: flex;margin-bottom: 40px;}
.bannerTit2 .txtL img{display: none;}
.bannerTit2 dl{position: relative;left: auto!important;top: auto!important;text-align: left;margin-right: 22px;}
.bannerTit2 dl:last-of-type{margin-right: 0;}
.bannerTit2 dl p{font-size: 12px;}
.txtR h2{margin-bottom: 10px;}
.txtR p{font-size: 15px;line-height: 1.6;}
.bannerTit2 .txtR{width: 92%!important;margin-left: 0;}
.bannerTit2 .txtR p{ text-align: justify;}
.bannerTit2 dd strong{font-size: 40px;line-height: 1;}
.bannerTit2 dd sub{font-size: 30px;}
.bannerTit3 .txtR{margin-right: 0;}
.bannerTit3 .txtL{width: 94%!important;}

.banner .swiper-slide .bannerTit3 .txtL{height: 250px;width: 100%;margin-top: 0px;}
.country{width: 114px;height: 114px;}
.country dt{display: flex;align-items: center;justify-content: center;line-height: initial;}
.country dt p{font-size: 12px;}
.country .rotate img{transform: scale(.38);}
.dian span{/* width: 10px;height: 10px; */display: none;}
.dian i{/* width: 6px;height: 6px; */display: none;}
.country .maps{display: none;}
.country .line{transform: scale(.6);display: none;}
.bm{top: 8%;left: 4%;}
.oz{top: 0;left: 40%;}
.zd{bottom: 36%;left: 44.3%;}
.zg{top: 8%;right: 5%;}
.dny{right: 0%;bottom: 26%;}

.home-cases{display: none;}
.snlogoApp{display: block;cursor: pointer;margin-top: 20px;padding-bottom: 50px;}
.snlogoApp .swiper-pagination-clickable .swiper-pagination-bullet{outline: none;}
.snlogoApp .swiper-pagination-bullet-active{background-color:#0a3190 ;}
.snlogoApp .swiper-slide{display: flex;flex-wrap: wrap;justify-content: space-between;}
.snlogoApp .swiper-slide img{border: 1px solid rgba(255, 255, 255, .4);width: 49%;margin-top: 2%;}

.footer {padding: 8px 0;background-color: rgba(0, 0, 0, .3);position: fixed;}
.footer p{text-align: center;opacity: .8;font-size: 12px;}
.footTxt{display: none;}

/* .head1200{position: fixed!important;} */
}