body{color:#333;font-size:16px}
h1,h2{color:#333;font-weight:700;font-size:2em}
h3{color:#777;font-weight:500;font-size:1.15em;text-align: center;}
.anchor,.anchor:hover,.anchor:active,.anchor:visited{color:inherit;text-decoration:none;cursor: auto;}
.container:after,.container:before{display:none;content:" "}
.sTitle{position:relative;margin-bottom:15px;padding:0 0 15px;text-align:center;font-weight:600}
.sTitle span{margin-right:4px;margin-left:4px;color:#35d1fe}
.sTitle::before{bottom:0;width:60px}
.sTitle::after{bottom:-5px;width:30px}
.sTitle::after,.sTitle::before{position:absolute;left:50%;height:2px;background:#35d1fe;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.linkBtns{text-align: center;margin-top: 30px;}
.linkBtns .btn{ padding: 6px 65px;border: 0; background: linear-gradient(92.99deg, #57FFFF 0%, #25B1FF 100%);font-size: 18px; color: #fff; box-shadow: 1px 1px 15px rgb(0 0 0 / 10%); border-radius:30px; -webkit-border-radius:3 0px; -moz-border-radius:3 0px; -ms-border-radius:3 0px; -o-border-radius:3 0px; }

/*** banner ***/
.banner{position:relative;background: url(img/banner.png) no-repeat;aspect-ratio: 1920/700;     background: #44C2EB;background-size: 100%;padding:200px 0 150px 0;}
.banner .content{  margin:0 auto;width:1200px;}
.banner .btn{display:block;width: 15%;
    height: 10%;
    position: absolute;
    left: 11%;
    bottom: 24.5%;}

/*** 短信业务 ***/
.smsBusiness{padding:60px 0}
.smsBusiness .box{display:flex;margin-top:40px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}
.smsBusiness .box .item{width:calc(100% / 3 - 40px / 3);display:flex;flex-direction:column;box-shadow:2px 4px 10px rgba(0,0,0,.1);padding:20px 20px 20px 80px;border-radius:10px;gap:5px;position:relative}
.smsBusiness .box .item:hover{box-shadow:2px 4px 10px rgba(0,0,0,.45)}
.smsBusiness .box .item span:first-child{font-weight:700;font-size:22px}
.smsBusiness .box .item span:last-child{color:#777;font-size:16px}
.smsBusiness .box .item::after{position:absolute;left:20px;top:20px;display:block;content:'';width:48px;height:48px;background:url(img/business-icon.png) no-repeat;background-position:0 0}
.smsBusiness .box .item:nth-child(2)::after{background-position:0 -60px}
.smsBusiness .box .item:nth-child(3)::after{background-position:0 -120px}
.smsBusiness .box .item:nth-child(4)::after{background-position:0 -180px}
.smsBusiness .box .item:nth-child(5)::after{background-position:0 -240px}
.smsBusiness .box .item:nth-child(6)::after{background-position:0 -300px}

/*** 全球覆盖 ***/
.countrySearch{padding:60px 0;text-align:center;background-color:#f6f9fc}
.countrySearch .box{margin-top:40px}
.countrySearch .box .search{position:relative;margin:40px auto;width:70%}
.countrySearch .box .search a{position:absolute;right:20px;display:block;content:"";background:url(img/search.png) no-repeat 50%;background-size:contain;width:32px;height:100%}
.countrySearch .box .search input{border:1px solid #eee;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);border-radius:5px;padding:15px;width:100%}
.countrySearch .box .table{width:100%;border-radius:5px;background-color:#fff;overflow:hidden;box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.countrySearch .box .table .head{background-color:#333;color:#fff;font-size:18px;display:flex}
.countrySearch .box .table .head>span{padding:15px;font-size:18px;display:block;width:15%}
.countrySearch .box .table .head>span:last-child{width:25%}
.countrySearch .box .results {height:300px;overflow:auto;}
.countrySearch .box .results .item{display:flex;border-bottom:1px solid #eee;align-items:center}
.countrySearch .box .results .item>div{padding:15px;font-size:18px;width:15%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.countrySearch .box .results .item>div:last-child{width:25%;white-space:break-spaces;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.countrySearch .box .results .item:last-child{border-bottom:0}
.countrySearch .box .results .item .price{background:linear-gradient(90deg,#eacd90,#9a7245);background-clip:text;color:transparent}
.countrySearch .box .results .item .btn{background:linear-gradient(90deg,#2080db,#38b9fe);font-size:14px;padding:4px 10px;color:#fff;border:0;margin:0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.countrySearch .box .flex{display:flex;justify-content:space-evenly;margin-bottom:30px}
.countrySearch .box .flex .circle{color:#30a3ff;font-size:40px;font-weight:700}
.countrySearch .box .flex .desc{color:#999;font-size:22px}


/*** advantage ***/
.advantage{padding:60px 0}
.advantage .box{margin-top:40px;display:flex;border-radius:5px;overflow:hidden;box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.advantage .box .left{width:390px;padding:20px;color:#fff;position:relative;background:linear-gradient(156.68deg,#33daff,#0059cf)}
.advantage .box .left{ background:url(../img/l7.jpg) ; background-size:100% 100%}
.advantage .box .left:after222{display:block;content:"";position:absolute;right:20px;bottom:10px;width:173px;height:221px;background:url(img/advantage-bg.png) no-repeat}
.advantage .box .left .title{font-size:30px;white-space:pre-line;text-align:left;padding:10px 10px 20px;border-bottom:1px solid hsla(0,0%,100%,.5);margin-bottom:40px}
.advantage .box .left .t1,.advantage .box .left .t2,.advantage .box .left .t3,.advantage .box .left .t4{height:42px;line-height:42px;background:url(img/advantage-icon.png) no-repeat;background-position:0 0;padding-left:60px;margin-top:20px}
.advantage .box .left .t2{background-position:0 -60px}
.advantage .box .left .t3{background-position:0 -120px}
.advantage .box .left .t4{background-position:0 -180px}
.advantage .box .left .btn{border:1px solid #fff;color:#fff;padding:10px 50px;font-size:24px;margin:40px 0;cursor: pointer;}
.advantage .box .right{display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100% - 390px)}
.advantage .box .right .item{width:33.33333%;display:flex;flex-direction:column;align-items:center;gap:10px;border-right:1px solid #e3e3e3;padding:42px 20px 20px}
.advantage .box .right .item:hover{background-color: #f6f9fc;}
.advantage .box .right .item:first-child,.advantage .box .right .item:nth-child(2),.advantage .box .right .item:nth-child(3){border-bottom:1px solid #e3e3e3}
.advantage .box .right .item:nth-child(3),.advantage .box .right .item:nth-child(6){border-right:0}
.box .right .item .text1{text-align:center;font-weight:700;font-size:20px;margin-bottom:10px}
.box .right .item .text2{font-size:14px;color:#777;text-align:center;}

/*** applications ***/
.applications{padding:60px 0;background-color:#f6f9fc}
.applications .box{margin-top:40px;aspect-ratio: 1290/597;background:url(img/applicable-bg.jpg) no-repeat;background-size: 100% 100%;position:relative;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);border-radius:5px;overflow:hidden; height:600px;}
.applications .box .item{width:21.8%;padding:10px 20px}
.applications .box .item:first-child{padding:20px 20px 10px}
.applications .box .item:last-child{padding:10px 20px 20px}
.applications .box .item .title{color:#fff;line-height:48px;font-size:20px;border-radius:5px;padding:0 20px}
.applications .box .item.active .title{background:linear-gradient(92.92deg,#0b75d9,#53a5f2 239.72%)}
.applications .box .item .content{position:absolute;left:280px;right:0;top:0;bottom:0;width:calc(100% - 21.8%);display:flex;display:none}
.applications .box .item.active .content{display:flex}
.applications .box .item .content .left{width:72.2%;color:#fff;padding:50px 70px}
.applications .box .item .content .left h3{color:#fff;text-align:left;font-size:28px;text-shadow:0 4px 4px rgba(0,0,0,.25);margin-bottom:20px}
.applications .box .item .content .left div.h3{color:#fff;text-align:left;font-size:28px;text-shadow:0 4px 4px rgba(0,0,0,.25);margin-bottom:20px}
.applications .box .item .content .left .sub{font-size:18px;text-shadow:0 4px 4px rgba(0,0,0,.25);margin-bottom: 20px;}
.applications .box .item .content .left .icons{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:12%;border-bottom:1px solid hsla(0,0%,100%,.5);padding-bottom:20px}
.applications .box .item .content .left .icons span{display:block;text-align:center;width:66px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:13px;padding-top:20px;gap:10px}
.applications .box .item .content .left .icons span:before{display:block;content:"";width:42px;height:42px;background:url(img/applicable-icon-white.png) no-repeat;background-position:-5px 0}
.applications .box .item .content .left .icons span:nth-child(2):before{background-position:-5px -45px}
.applications .box .item .content .left .icons span:nth-child(3):before{background-position:-5px -95px}
.applications .box .item .content .left .icons span:nth-child(4):before{background-position:-5px -140px}
.applications .box .item .content .left .icons span:nth-child(5):before{background-position:-5px -185px}
.applications .box .item .content .left .icons span:nth-child(6):before{background-position:-5px -235px}
.applications .box .item .content .left .icons span:nth-child(7):before{background-position:-5px -280px}
.applications .box .item .content .left .btns{display:inline-block;padding:8px 50px;background:linear-gradient(90deg,#2080db,#38b9fe);border-radius:5px;margin-top:20px;font-size:20px}
.applications .box .item .content .right{width:calc(100% - 72.2%);padding:30px}
.applications .box .item .content .right h3{color:#fff;margin:10px 0 30px;font-size:20px}
.applications .box .item .content .right .icons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}
.applications .box .item .content .right .icons span{display:block;background-color:#fff;text-align:center;width:100px;height:100px;line-height:1.2;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:12px;padding-top:20px}
.applications .box .item .content .right .icons span:before{display:block;content:"";width:48px;height:48px;background:url(img/applicable-icon-blue.png) no-repeat;background-position:-5px 0}
.applications .box .item .content .right .icons span:nth-child(2):before{background-position:-5px -50px}
.applications .box .item .content .right .icons span:nth-child(3):before{background-position:-5px -100px}
.applications .box .item .content .right .icons span:nth-child(4):before{background-position:-5px -150px}
.applications .box .item .content .right .icons span:nth-child(5):before{background-position:-5px -200px}
.applications .box .item .content .right .icons span:nth-child(6):before{background-position:-5px -250px}
.applications .box .item .content .right .icons span:nth-child(7):before{background-position:-5px -300px}

/*** partners ***/
.service{padding:60px 0;text-align:center;}
.service .box{padding:50px 0 20px;display: flex;justify-content: space-around;}
.service .box .line{position:relative;width:calc(92% / 4)}
.service .box .line:first-child,.service .box .line:last-child{width:calc(92% / 4 + 4%)}
.service .box .line:before{position:absolute;display:block;top:calc(50% - 15px);left:0;right:0;content:'';height:1px;border-top:1px dashed rgba(153, 153, 153, 1);z-index:-1}
.service .box .line .circle{display:block;width:114px;height:114px;border-radius:50%;border: 0.79px solid rgba(153, 153, 153, 1);margin: 0 auto;}
.service .box .line .circle:before{background: rgba(217, 217, 217, 1);
;display:flex;width:100%;height:100%;border-radius:50%;content:'1';color:#fff;font-size:32px;align-items: center;
    justify-content: center;border:14px solid #fff;}
.service .box .line .text{line-height:30px;margin-top:5px;display:block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.service .box .line.active:before{border-top:1px dashed rgba(53, 209, 254, 1);}
.service .box .line.active .circle{border: 0.79px solid rgba(53, 209, 254, 1);}
.service .box .line.active .circle:before{background: linear-gradient(92.99deg, #57FFFF 0%, #25B1FF 100%);}

.service .box .line2 .circle:before{content:'2'}
.service .box .line3 .circle:before{content:'3'}
.service .box .line4 .circle:before{content:'4'}

/*** partners ***/
.partners{padding:60px 0;text-align:center;background-color: #F6F9FC;}
.partners .box{margin-top:40px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;gap: 20px;}
.partners .item{padding:8px;width: calc(100% / 5 - 80px / 5);text-align: center;}
.partners .item img{width:180px;border-radius: 5px;box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);max-width: 100%;}
.partners .item img:hover{box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.45);}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}
@media(max-width: 1200px) {
	.advantage .box .left{width:300px}
	.advantage .box .left .title{font-size:24px;margin-bottom:20px}
	.advantage .box .left:after{width:130px;height:166px;background-size:cover}
	.advantage .box .left .t1,.advantage .box .left .t2,.advantage .box .left .t3,.advantage .box .left .t4{padding-left:45px;height:36px;background-size:36px}
	.advantage .box .left .t2{background-position:0 -45px}
	.advantage .box .left .t3{background-position:0 -90px}
	.advantage .box .left .t4{background-position:0 -137px}
	.advantage .box .left .btn{padding:6px 30px;font-size:18px;margin:30px 0}
	.advantage .box .right{width:calc(100% - 300px)}

	.applications .box .item .title{line-height: 40px;font-size: 16px;}
	.applications .box .item .content{left: 21.8%;}
	.applications .box .item .content .left{padding: 30px 45px;}
	.applications .box .item .content .left h3{font-size: 22px;}
	.applications .box .item .content .left .sub{font-size: 14px;margin-bottom: 10px;}
	.applications .box .item .content .left .icons span{padding-top: 10px;gap:5px;font-size: 12px;}
	.applications .box .item .content .left .icons span:before{width: 32px;height: 32px;background-size: 294px 275px;background-position: -3px 0;}
	.applications .box .item .content .left .icons span:nth-child(2):before{background-position:-3px -37px}
	.applications .box .item .content .left .icons span:nth-child(3):before{background-position:-3px -74px}
	.applications .box .item .content .left .icons span:nth-child(4):before{background-position:-3px -111px}
	.applications .box .item .content .left .icons span:nth-child(5):before{background-position:-3px -147px}
	.applications .box .item .content .left .icons span:nth-child(6):before{background-position:-3px -185px}
	.applications .box .item .content .left .icons span:nth-child(7):before{background-position:-3px -222px}
	.applications .box .item .content .left .btns{padding:6px 40px;margin-top:15px;font-size:18px}
	.applications .box .item .content .right{padding: 25px;}
	.applications .box .item .content .right h3{margin: 0 0 20px;}
	.applications .box .item .content .right .icons span{width: calc(50% - 10px);aspect-ratio: 1/1;height: auto;padding-top: 5px;font-size: 11px;}
	.applications .box .item .content .right .icons span:before{width: 38px;height: 38px;background-size: 294px 275px;background-position: -3px 0;}
	.applications .box .item .content .right .icons span:nth-child(2):before{background-position:-3px -40px}
	.applications .box .item .content .right .icons span:nth-child(3):before{background-position:-3px -80px}
	.applications .box .item .content .right .icons span:nth-child(4):before{background-position:-3px -120px}
	.applications .box .item .content .right .icons span:nth-child(5):before{background-position:-3px -157px}
	.applications .box .item .content .right .icons span:nth-child(6):before{background-position:-3px -197px}
	.applications .box .item .content .right .icons span:nth-child(7):before{background-position:-3px -237px}
}
@media(max-width:992px) {
	h1,h2{font-size:26px}
	h3{font-size:18px}

	.smsBusiness .box{margin-top: 20px;}
	.smsBusiness .box .item{padding: 10px 10px 10px 55px;}
	.smsBusiness .box .item::after{left: 10px;top: 10px;width: 36px;height: 36px;background-size: 36px auto;}
	.smsBusiness .box .item:nth-child(2)::after{background-position: 0 -47px;}
	.smsBusiness .box .item:nth-child(3)::after{background-position:0 -93px}
	.smsBusiness .box .item:nth-child(4)::after{background-position:0 -143px}
	.smsBusiness .box .item:nth-child(5)::after{background-position:0 -188px}
	.smsBusiness .box .item:nth-child(6)::after{background-position:0 -236px}
	.smsBusiness .box .item span:first-child{font-size: 20px;line-height: 1.2;}
	.smsBusiness .box .item span:last-child{font-size: 14px;}

	.advantage .box .left{width:240px;padding:10px}
	.advantage .box .left .t1,.advantage .box .left .t2,.advantage .box .left .t3,.advantage .box .left .t4{padding-left:38px;font-size:14px;margin-top: 10px;}
	.advantage .box .right{width:calc(100% - 240px)}
	.advantage .box .right .item{padding:22px 10px 10px}
	.advantage .box .right .item .text1{font-size: 18px;}
	

	.applications .box{background-size: 100% 100%;aspect-ratio: auto;}
	.applications .box .item .content .left{padding: 15px 10px;}
	.applications .box .item .content .left h3{margin-bottom: 5px;}
	.applications .box .item .content .left .icons{column-gap: 5px;padding-bottom: 10px;}
	.applications .box .item .content .left .btns{margin-top: 10px;}
	.applications .box .item .content .left .sub{font-size: 13px;}
	.applications .box .item .content .right{padding: 15px 10px;}
	.applications .box .item .content .right .icons{gap: 5px;}
	.applications .box .item .content .right .icons span{width: calc(100% / 2 - 5px / 2);}
	
	.service .box .line .circle{width:80px;height:80px;}
	.service .box .line .circle:before{border: 8px solid #fff;}
	
    .partners .box{gap:5px}
    .partners .item{width:calc(20% - 4px)}
    
	.fadeInLeft.animated{animation:none !important}
	.fadeInRight.animated{animation:none !important}
	.fadeInUp.animated{animation:none !important}
}
@media(max-width:768px) {
	.wow{visibility:visible!important}
	h1,h2{font-size:22px}
	h3{font-size:16px}

	.smsBusiness .box{gap: 5px;}
	.smsBusiness .box .item{width: calc(50% - 5px);}
	.smsBusiness .box .item span:first-child{font-size: 18px;}

	.countrySearch .box{margin-top: 20px;}
	.countrySearch .box .search{margin: 20px auto;}
	.countrySearch .box .search input{padding: 8px 15px;}
	.countrySearch .box .search::before{width: 22px;}
	.countrySearch .box .table .head>span,
	.countrySearch .box .results .item>div{font-size: 14px;padding: 5px;}
	.countrySearch .box .results .item .btn{margin: 0;}

	.advantage .box{flex-direction: column;}
	.advantage .box .left{width: 100%;}
	.advantage .box .right{width: 100%;}
	.advantage .box .left .title{font-size: 18px;font-weight: bold;padding: 10px 10px;margin-bottom: 10px;}
	.advantage .box .left .btn{margin: 15px 0;padding: 4px 20px;}
	.advantage .box .right .item img {width: 64px;height: 64px;}
	.advantage .box .right .item .text1{margin-bottom: 0;}

	.applications .box{min-height:680px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;background-image:url(img/applicable-center-bg.png);background-size:cover}
	.applications .box .item{padding:10px 5px!important;width:16.66667%;background:rgba(0,0,0,.6)}
	.applications .box .item .title{padding:0 5px;text-align:center}
	.applications .box .item.active .content{display:flex;flex-direction:column;left:0;right:0;top:62px;width:100%;justify-content:space-between}
	.applications .box .item.active .content .right{background:rgba(0,0,0,.6)}
	.applications .box .item .content .left{width:100%}
	.applications .box .item .content .right{width:100%;min-height:242px}
	.applications .box .item .content .right .icons{justify-content:flex-start;gap:8px}
	.applications .box .item .content .right .icons span{width:calc(25% - 6px);font-size:12px;aspect-ratio:auto;padding:10px 0}
	
	.service .box .line .circle{width:60px;height:60px;}
	.service .box .line .circle:before{border: 6px solid #fff;font-size:24px;}
}
@media(max-width:567px){
	.banner{background-image: url(img/banner-m.png);aspect-ratio: 750/804;}

	.partners .item{width:calc(100% / 3 - 5px);padding: 4px;}
}


.fadeInLeft.animated{animation:fadeInLeft 1s;-webkit-animation:fadeInLeft 1s}
.fadeInRight.animated{animation:fadeInRight 1s;-webkit-animation:fadeInRight 1s}
.fadeInUp.animated{animation:fadeInUp .5s .5s ease both;-webkit-animation:fadeInUp .5s .5s ease both}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
	
    50% {
        opacity: 0.66;
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }
	
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes stickyMenu {
	0% {
		margin-top: -120px;
		opacity: 0;
	}
	50% {
		margin-top: -64px;
		opacity: 0;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}