body{color:#25374c!important;line-height: 1.7;}
ol, ul, li {  padding-inline-start: 0px;  list-style: none;}
a:hover{text-decoration: none;}
.ellipsis { text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap; }
.ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ellipsis4 { overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}

img {    max-width: 100%;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.header_bk {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    box-sizing: border-box;
}

.animation-delay-2{     -webkit-animation-delay:0.25s;         animation-delay:0.25s;    }
.animation-delay-5{          -webkit-animation-delay:0.5s;          animation-delay:0.5s;     }
.animated{ opacity: 0;}

.header{line-height:20px;color:#fff;background-color:#1d2848;padding-top: 5px;padding-bottom:20px;}
.header .logo{padding-top:18px;}
.btn-primary{background-color: #e47816;    border-color: #e47816;}
.header .menu {    text-align: center;   }
.menu ul li{margin-left:20px;  text-align: center; }
.menu ul li * { transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;    -o-transition: all 0.5s;}
.menu ul li span { display: block;   font-size: 15px;    padding:0 0 5px;   margin-top: 5px;    color: #fff;}
.menu ul li.active span{border-bottom:2px solid #de4d8c;  padding:0 0 5px;}
.menu ul li a:hover span, .menu ul li.active label, .menu ul li a:hover label{ color:#fff; }
.menu ul li em { display: block;   height: 8px;    width: 0px;    margin: 0 auto;    background: url(../images/icon1.png) no-repeat center center;}
.menu ul li a:hover em, .menu ul li.active em {    width: 100%;}
.menu ul li label {  transform: scale(0.6);   color: #fff;    opacity: 0.39;    filter: alpha(opacity=39);}

.menu_top{font-size:12px;text-align: right;}
.menu_top a{padding:0px 0px 8px 30px;color:#1d2848;display:inline-block;}
.menu_top a:hover{color:#de4d8c;}
.btn-down { background: transparent;    padding: 5px 50px;    color: #fff;    border: 1px solid #ffffff;    border-radius: 10px;}
.btn-down:hover{background:#de4d8c;transition:all 0.6s;color:#fff;border-color: #de4d8c;}

.banner{padding: 90px 0 0;}

.banner .inner{  color: #fff;}
.banner .inner h1{font-size:3rem;line-height:1.5;}
.btn-open{background:#54EAEA;border-radius:8px;border-color:#54EAEA; color:#1D2748;padding:8px 30px;font-size:1.2rem;transition:all 0.6s;}
.btn-open:hover{transition:all 0.6s;color: #165f5f;padding:8px 35px;}
.btn-open-line{background:transition;border-radius:8px;border-color:#54EAEA; color:#54EAEA;padding:8px 30px;font-size:1.2rem;transition:all 0.6s;}
.btn-open-line:hover{transition:all 0.6s;color: #165f5f; background:#54EAEA;padding:8px 35px;}
.btn-open-red{background:#e84e7b;border-radius:8px;border-color:#e84e7b; color:#fff;padding:8px 30px;font-size:1.2rem;transition:all 0.6s;}
.btn-open-red:hover{transition:all 0.6s;color: #fff;padding:8px 35px;}
.btn-open-line-red{background:transition;border-radius:8px;border-color:#fff; color:#fff;padding:8px 30px;font-size:1.2rem;transition:all 0.6s;}
.btn-open-line-red:hover{transition:all 0.6s;color: #fff; background:#e84e7b;border-color:#e84e7b; padding:8px 35px;}

.btn-secondary{background:#1d2848;color:#fff;padding:8px 30px;}
.btn-secondary:hover{background:#54EAEA;transition:all 0.6s;color: #1d2848;border-color:#54EAEA;padding:8px 35px;}

.c_blue{color:#6a7fe8;}
.banner_cont{padding-top:50px;}
.banner_img1{position:absolute;left:15px;top:70px;}
.banner_img2{position:absolute;right:-110px;top:88px;}
.text-warning {    color: #FF5382!important;}

.animenu_nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu_nav > li:hover > a {  color: #fff;}

.animenu_nav .nav-item{position:relative;padding:0 20px;}
.animenu_nav_child {font-size:14px;  min-width: 100%;padding: 0px 5px;  position: absolute;  top:40px;  left: -20%;  z-index: 1111;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;  visibility: hidden;  margin: 20px 0 0 0;  background-color: #fff; border-radius:10px;color:#1d2848; transition: margin .15s, opacity .15s;}
.animenu_nav_child li { padding:10px 5px;margin:0px!important;border-bottom:1px #f1f1f1  solid;}
.animenu_nav_child li:last-child{border:0;}
.animenu_nav_child li:hover{color:#de4d8c;cursor:pointer;transition: margin .15s, opacity .15s;}
.animenu_nav_child > li:last-child {  border: 0;}
.animenu_nav_child a {  padding: 10px;  width: 150px;  border-color: #373737;color: #1d2848;}
.animenu_nav_child a:hover {background-color: #0186ba; border-color: #0186ba;  color: #1d2848;transition: margin .15s, opacity .15s;}

.animenu_nav_child li.dropdown-item{color:#1d2848;}
.animenu_nav_child li.dropdown-item:focus, .animenu_nav_child li.dropdown-item:hover{background:inherit;color:#de4d8c;}
.animenu_nav_child li.dropdown-item a{color:#1d2848;}
.animenu_nav_child li.dropdown-item:focus a, .animenu_nav_child li.dropdown-item:hover a{background: inherit; color: #de4d8c;}

.phone_menu .dropdown .nav-link {padding:30px 1rem 0 0.5rem;float: right;}
.phone_menu .dropdown .nav-link .iconfont{font-size:32px;color:#fff;padding:10px;}
.phone_menu .dropdown .dropdown-item{line-height:24px;font-size:14px;}
.phone_menu .dropdown-menu {right: 0 !important; left: auto !important; min-width: 8rem; top: -15px!important;overflow-y: scroll;}
.phone_menu .dropdown-item.active, .dropdown-item:active{background-color: #f5f5f5;color:#e47816;}
.phone_menu .dropdown-menu.show{transform: translate3d(0px, 73px, 0px) !important; text-transform: uppercase;}
.phone_menu .login{float: right;    top: 25px;    position: relative;}
.phone_menu .btn-open{border:1px solid #de4d8c;border-radius:5px;padding:2px 10px;background:#de4d8c;color:#fff;font-size:14px;}
.phone_menu .dropdown-menu a{color:#333;}

/*底部*/
.footer_pb{padding-bottom:160px;}	
.footer{background-color:#1c2949;color: #e4e4e4;font-size:0.9rem;line-height:24px;padding-top:180px;padding-bottom:30px; z-index: 13;   position: relative;}
.footer .menu ul li span{color:#bac7ea;}
.footer-right{text-align:right;}
.footer-right h5,.footer_c,.footer_c a{color:#bac7ea;    vertical-align: middle;}
.footer .border-bottom{border-bottom:1px solid #414b65!important;}

.footer_btn{background:url(../images/footer_btn.png) no-repeat center;background-size: 100%;max-width:900px;min-height:348px;color:#1d2848;position:absolute;z-index:1111; top:-190px;}
.footer_btn_cont{padding:100px 30px 60px;}



/*底部end*/	

/*home内容*/
.home03_bg{background: url(../images/home_earth_bg.png) no-repeat center; background-color:#163b68;width:100%; height:1120px;background-size:cover;}
.home03_bg img{vertical-align: bottom;}
.btn-outline-secondary{color: #1d2748;    border-color: #1d2748;    padding: 8px 30px;}
.btn-outline-secondary:hover{color: #1D2748;  background-color:#54EAEA;  border-color: #54EAEA;    padding: 8px 30px;}
.home04_bg{background: url(../images/home_bg_02.jpg) no-repeat center; background-color:#163b68;width:100%; background-size:cover;}
.home04_border{    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border: 1px solid #6a80e8;    border-radius: 22px;    color: #6a80e8;max-width: 100%; }
.home04_img{position:relative;min-height:410px;}
.home04_img .img_01{position:absolute;top:50px;right:0px;}
.home04_img .img_02{position:absolute;top:250px;}
.home04_02 .home04_border{    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);position:relative;border: 1px solid #1d294a;    border-radius: 22px;    color: #1d294a;max-width: 100%; }
.home04_02 .home04_img{position:relative;min-height:410px;}
.home04_02 .home04_border i{position:absolute;top:-15px;right:-5px;font-size:32px;color:#ff5481;    background: #fff;}
.home05_bg{background:#000f42;min-height:800px; color:#fff;}
.home05_bg_img{background: url(../images/server_img.svg) no-repeat right center;min-height:810px;}
.home06_bg{background: url(../images/home06.jpeg) no-repeat center;min-height:510px;background-size:cover;}

.compliance_bg{background: url(../images/compliance_bg.jpg) no-repeat center; background-color:#163b68;width:100%;min-height:600px; background-size:cover;color:#fff;}
.contact_banner{background:url(../images/contact_banner_bg.jpg) no-repeat center; background-size: cover;  min-height:650px;}
.contact_banner_title{padding-top:130px;color:#fff;}
.contact_bg_02{background:url(../images/compliance_banner.svg) no-repeat center; background-size: cover;  min-height:650px;color:#fff;}

.contact_form{position:relative;margin-bottom:.8rem;}
.contact_form label{position:absolute;top:13px; left:20px;font-weight:700;}
.contact_form .form-control {    display: block;    width: 100%;    padding: .875rem .75rem .875rem 80px;    font-size: 1rem;    line-height: 1.5;
    color: #495057;    background-color: #f3f4f9;    background-clip: padding-box;    border: 1px solid #ffffff;}
.contact_form2 .form-control{ background-color: #f3f4f9;    background-clip: padding-box; padding:0.875rem ;   border: 1px solid #ffffff;}
.api_banner{background: url(../images/api_banner_bg.svg) no-repeat center; background-color:#fff;width:100%;min-height:800px; background-size:cover;color:#1d2848}
.api_banner .inner{color:#1d2848;}

.api_title{margin: 100px auto;		width:552px;	height:552px;	animation:a 1500s;		position: relative;}
.api_img2{		position: absolute;		top: 132px;		left: 470px;	animation:b 1500s;		transform-origin:center center;	}
.api_img3{		position: absolute;		top: 425px;		left: 410px;	animation:b 1500s;		transform-origin:center center;	}
.api_img4{		position: absolute;		top: 450px;		left: 70px;		animation:b 1500s;		transform-origin:center center;	}
.api_img5{		position: absolute;		top: -40px;		left: 254px;	animation:b 1500s;		transform-origin:center center;	}
.api_img6{		position: absolute;		top: 112px;		left: -18px;		animation:b 1500s;		transform-origin:center center;	}

	@keyframes a{
		form{transform: rotate(0deg)}
		to{transform: rotate(36000deg)}
	}
	@keyframes b{
		form{transform: rotate(0deg)}
		to{transform: rotate(-36000deg)}
	}
.api_banner .carousel{position:absolute;top:270px;left:42%;width:150px;}
.api_02{border-radius:50px;border:2px solid #46bfc7;padding:30px 30px;text-align:center;color:#46bfc7;width: 98%;    margin: 0 auto;}
.api_02:hover{width:100%;    transition: .15s;padding:50px 30px;}
.api_02_img{height:200px;line-height:200px;border-bottom:1px solid #46bfc7;margin-bottom:30px;padding-bottom:10px;}
.api_bg{background: url(../images/api_bg.jpg) no-repeat right center;min-height:1000px;background-size:cover;color:#1d2848;}
.api_step{background:#46bfc7;height:60px;width:60px;border-radius:15px;text-align:center;line-height:60px;font-size:24px;margin-right:15px;float:left;color:#fff;font-weight:70;}
.solutions_banner{background:url(../images/solutions_banner.jpg) no-repeat center; background-size: cover;  min-height:350px;}
.solutions_banner .contact_banner_title{padding-top:70px;color:#fff;}
.solut_two{
    background: #f7f9fb;
    padding: 80px 60px 60px 40px;
    box-sizing: border-box;
    margin: 30px 0;
    position: relative;}
.solut_two:after,  .solut_two:before{
    content: "";
    min-width: 800px;
    height: 100px;
    background: #fff;
    z-index: 11;
    -webkit-transform: rotate(-8deg) translateZ(0);
    transform: rotate(-8deg) translateZ(0);
    position: absolute;
    left: -28px;
}
.solut_two:before{top:-50px;}
.solut_one .solut_two:after,.solut_one .solut_two:before{ -webkit-transform: rotate(8deg) translateZ(0);}

.commerce_banner{background:url(../images/commerce_banner.jpg) no-repeat center; background-size: cover;  min-height:350px;}
.commerce_banner .contact_banner_title{padding-top:70px;color:#fff;}
.comm_02{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius:0 0 50px 50px; padding-bottom:10px;text-align:left;color:#1d2848;background:#fff;}
.comm_02_img{margin-bottom:30px;    overflow: hidden;}
.comm_02_img img { max-width:140%;   -webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s;}
.comm_02_img:hover img{    transform: scale(1.1);}

.comm_03{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 30px; padding:20px 0px;}

.business_banner{background:url(../images/bussiness_banner.svg) no-repeat center top; background-size: 100%;  min-height:445px;}
.business_banner_title{background:url(../images/bussiness_title_box.svg) no-repeat center; width:763px; height:255px;margin:220px auto 0;padding:70px 40px ;}
.business_banner_title .btn-secondary{margin-top:40px;}



/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity:.5;
	    -webkit-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -moz-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -o-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    -ms-animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 1 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: .5;
	    animation-timing-function: ease-out;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	100% { opacity: 1 }
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes bounceinL{
    0%{opacity:0;}
    100%{opacity:1;}
}


/* iPhone5/SE */
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.header .logo img{width:180px;}
	.banner_img2 {    position: absolute;  right:5%;   top:90px;    width:58%;}
	.banner_img1 {    position: absolute;    left:10%;   top: 70px;    width: 45%;}
	.header{border-bottom: 1px solid #263050;}
	.banner .inner h1 {    font-size: 2.4rem;}
	.banner_cont {    padding-top: 30px;    text-align: center;}
	.home03_bg{background: url("../images/home_earth_bg.png") no-repeat left center; background-color:#163b68;width:100%; height:1120px;background-size:cover;}
	.home05_bg_img{background:none;min-height:810px;}
	.home04_border .img{vertical-align:top;}
	.home04_border .home04_span{line-height: 24px;    display: inline-block;    width: 75%;    margin-top: 10px;}
	.home04_02 .pl-5{padding-left:0!important;}
	.home04_02 .ml-5{margin-left:0!important;}
	.footer{padding-top:80px;}
	.footer_btn{background: #55eae9;min-width:100%;min-height: auto;    top: -195px;}
	.footer_btn_cont {    padding: 20px 20px;}
	.footer_btn_cont h2{font-size:28px;}
	.footer-right {    text-align: left;}
	.footer .menu ul li {    margin-left: 0px;    text-align: center;}
	.footer .animenu_nav .nav-item{padding:0 10px;}
	.footer_pb {    padding-bottom: 220px;}
	.compliance_bg .text-right{text-align:center!important;}
	.compliance_bg h1{font-size:30px;}
	.compliance_bg h4{font-size:18px;}
	.contact_banner{min-height:350px;}
	.contact_banner_title{padding-top:50px;}
	.contact_form .text-right{text-align:center!important;}
	.solut_two{    padding: 20px;}
	.solut_two:after,  .solut_two:before{
		content: "";
		min-width: 0;
		height: 0;
		background: #fff;
		z-index: 11;
		-webkit-transform: rotate(-8deg) translateZ(0);
		transform: rotate(-8deg) translateZ(0);
		position: absolute;
		left: -28px;
	}
	.comm_03{text-align:center;}
	.commerce_banner .contact_banner_title{padding-top:0px;}
	.banner {    padding: 80px 0 0;}
	.api_title{margin: 100px auto;		width:252px;	height:252px;	animation:a 1500s;		position: relative;}
	.api_img2{		position: absolute;		top: 49px;    left: -5px; width:50px;	animation:b 1500s;		transform-origin:center center;	}
	.api_img3{		position: absolute;		top: -19px;    left: 125px;width:50px;	animation:b 1500s;		transform-origin:center center;	}
	.api_img4{		position: absolute;		top: 171px;    left: -5px;	width:50px;	animation:b 1500s;		transform-origin:center center;	}
	.api_img5{		position: absolute;		top: 97px;    left: 224px;width:50px;	animation:b 1500s;		transform-origin:center center;	}
	.api_img6{		position: absolute;		top: 219px;    left: 137px;width:50px;		animation:b 1500s;		transform-origin:center center;	}
	.api_banner .carousel{position:absolute;top:180px;left:40%;width:80px;}
	
	.business_banner {    background-size: cover;    min-height: 445px;}
	.business_banner_title {    width: 100%;    height: 332px;    margin: 220px auto 0;    padding: 50px 0;    background-size: cover;}
	}

	@media only screen and (min-width: 375px) and (max-width:768px) {
	
	}

	/* iphoneX */
	@media only screen and (width:375px) and (min-height:812px) {
	}

	/* iPad */
	@media only screen and (device-width: 768px) {
	}

	/* iPad Pro */
	@media only screen and (device-width: 1024px) {
	}