/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;padding: 0; margin: 0;}
html,body{ padding: 0; margin: 0; font-family:"MiSans","思源黑体","Source Han Sans CN","微软雅黑","Microsoft YaHei"; line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select,textarea {vertical-align: middle;padding: 0;border: 0 none;margin: 0;font-family: inherit;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;font-size: inherit}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
	color: inherit;
   opacity:  0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: inherit;
   opacity:  0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: inherit;
   opacity:  0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: inherit;
   opacity:  0.5;
}
sup{
	font-size: 0.5em;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
a{
	border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
	color: inherit;
}
svg *{
	stroke: inherit;
	fill: inherit;
}
h1,h2,h3,h4,h5,h6,b{
	font-weight: 500;
}
html.ie select::-ms-expand { display: none; }
html.ie input::-ms-clear { display: none; }

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot?#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2') format('woff2'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root{
	--theme-blue: #1458E4;
	--theme-cyan: #00C9FF;
}

.mobile{
	display: none;
}
.web{
	display: inline-block;
}
.bg{
	width: 100%;
}
html {
	font-size: calc(100vw * 16 / 1920);
	overflow:hidden;
}
body{
	position: relative;
	margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    background-color:var(--theme-blue);
}
.inner{
	max-width: 95%;
	margin: 0 auto;
}
.inner.w1800{
	width: 122.5em;
}
.inner.w1700{
	width: 106.25em;
}
.inner.w1680{
	width: 105em;
}
#wrap{
	min-height: 100%;
	margin: 0 auto;
}
.swiper-container{
	width: 100%;
}
.swiper-container.allvisible{
	overflow: visible !important;
}
.odometer{
	font-family: inherit;
}
.odometer.nopoint .odometer-formatting-mark{
	display: none;
}
.odometer .odometer-digit-spacer,.odometer .odometer-digit{
	vertical-align: top !important;
}

/*滚动框架*/
#smooth-wrapper{
	opacity:0;
	transition:opacity 1s;
}
.loaded #smooth-wrapper{
	opacity:1;
}

.team-card{
	position: relative;
}
.team-card .pixel-grid{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.team-card .pixel{
	position: absolute;
	background: #fff;
	display: none;
	mix-blend-mode: soft-light;
}


/*鼠标小尾巴*/
.mouseCursor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:51;
  pointer-events: none;
  border-radius: 50%;
  text-align: center;
}
.mouseCursor .cursor-word{

}
.mouseCursor .cursor-point{
	width:0.625em;
	height:0.625em;
	border-radius:50%;
	background-color:var(--theme-cyan);
	margin-left:-0.3125em;
	margin-top:-0.3125em;
}

/*floatside*/
#floatside{
	background-color:var(--theme-cyan);
	width:5em;
	border-radius:2.5em;
	position:fixed;
	right:2em;
	top:50%;
	z-index:1;
	transform:translate(0,-50%);
	padding:1.25em 0.9375em;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.5s;
}
#floatside.active{
	opacity:1;
	pointer-events:auto;
}
#floatside li{
	position:relative;
	margin-bottom:1.5em;
}
#floatside li:last-child{
	margin-bottom:0;
}
#floatside a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:3.125em;
	height:3.125em;
	border-radius:50%;
	fill:#fff;
	transition:background-color 0.5s,fill 0.5s;
}
#floatside a:hover{
	fill:var(--theme-blue);
	background-color:#fff;
}
#floatside svg{
	width:auto;
	height:1.375em;
}
#floatside .slide-box{
	position:absolute;
	right:100%;
	top:50%;
	transform:translate(0,-50%);
	margin-right:2em;
	opacity:0;
	transition:opacity 0.5s;
	pointer-events:none;
}
#floatside li:hover .slide-box{
	opacity:1;
	pointer-events:auto;
}
#floatside .slide-box p{
	background-color:#fff;
	border-radius:0.5em;
	padding:1em;
	white-space:nowrap;
	color:#000;
}
#floatside .slide-box img{
	width:6em;
}


/*banner*/
.banner .inner{
	border-bottom:1px solid rgba(255,255,255,0.25);
	padding:20.8% 0 3.5%;
}
.banner h1{
	font-size:9.375em;
	color:#fff;
	line-height:1.24;
}



/*loading*/
#loading{
	position:fixed;
	inset:0;
	background-color:var(--theme-cyan);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:51;
	transform:translateY(100%);
}
#loading h2{
	font-size:3.25em;
}


/*滚动sec*/
.sec-marquee{
	background-color:var(--theme-cyan);
	border-top-left-radius:3.125em;
	border-top-right-radius:3.125em;
	padding:3% 0;
	margin-top:-3.125em;
	position:relative;
}
.sec-marquee .marquee{
	width: 100%;
	height: 2.625em;
}
.sec-marquee img{
	width: auto;
	height: 2.625em;
	float: left;
	margin-right: 4em;
}

/*header*/
#header{
	position: fixed;
	top: 1.875em;
	left: 3.75em;
	right: 3.75em;
	z-index: 100;
	padding: 0.625em 0.75em;
	transition: transform 0.5s,color 0.5s,fill 0.5s;
	color: #fff;
	fill: #fff;
	border-radius: 0.9375em;
	backdrop-filter:blur(0.5em);
}
.loaded #header{
	background-color: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.25);
}
#header .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	max-width:none;
	width:100%;
}
#header .logo{
	width: 10.75em;
	margin-left:1.125em;
}
#header .logo .alt{
	fill:#fff;
}
.loaded #header .logo .alt{
	transition-delay:0.4s;
	fill:var(--theme-cyan);
}
#header .logo svg{
	position:relative;
	z-index:-1;
}
#header .logo .science,#header .logo .text{
	transition:transform 0.5s;
}
#header .logo .science{
	transform-origin:30% 50%;
}
#header.small .logo .science{
	/*transform:scale(0,1);*/
}
#header .logo .text{
	transform-origin:50% 50%;
}
#header.small .logo .text{
	/*transform:scale(1,0);*/
}
#header .right-part{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
}
#header .nav-box{
	position:relative;
	z-index:-1;
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
}
#header .nav-box li{
	margin-right:4.6875em;
	height:100%;
	position:relative;
}
#header .nav-box li:last-child{
	margin-right:0;
}
#header .nav-box li > a{
	transition:color 0.5s;
	font-size: 1.25em;
	display:block;
	height:100%;
	display:flex;
	align-items:center;
}
#header .nav-box li > a:hover{
	color:var(--theme-cyan);
}
#header .nav-box li.haschildren::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-1.5em;
	top:0;
	z-index:-1;
}
#header .nav-box .slide-box{
	background-color: rgba(0, 59, 97, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(0.3125em);
	border-radius: 0.625em;
	padding:1.875em 2.5em;
	position:absolute;
	left:-2.25em;
	top:100%;
	width:45em;
	margin-top:1.5em;
	transform-origin:left top;
	transition:transform 0.5s;
	pointer-events:none;
	transform:scale(0);
}
#header .nav-box li:hover .slide-box{
	transform:scale(1);
	pointer-events:auto;
}
#header .nav-box .slide-box .flex-box{
	border-bottom:1px solid rgba(255, 255, 255, 0.35);
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding-bottom:2em;
	position:relative;
}
#header .nav-box .slide-box.work .flex-box{
	margin-bottom:1.25em;
}
#header .nav-box .slide-box.service .flex-box{
	margin-bottom:1.875em;
}
#header .nav-box .slide-box .flex-box::after{
	display:block;
	content:"";
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	transform:scaleX(0);
	transition:transform 0.5s 0.3s;
	transform-origin:left center;
}
#header .nav-box li:hover .slide-box .flex-box::after{
	transform:scaleX(1);
}
#header .nav-box .slide-box h3{
	font-weight: bold;
	font-size: 1.375em;
	line-height: 1.32;
}
#header .nav-box .slide-box .more{
	font-size:0.75em;
	border:1px solid var(--theme-cyan);
	color:var(--theme-cyan);
	width:11.67em;
	height:3.33em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:1.665em;
	transition:color 0.5s,border-color 0.5s;
}
#header .nav-box .slide-box .more:hover{
	color:#fff;
	border-color:#fff;
}
#header .nav-box .slide-box h5{
	font-size: 0.875em;
	line-height: 1.36;
	font-weight: bold;
	margin-bottom:1.7em;
}
#header .nav-box .slide-box .son-box{
	display:flex;
	flex-direction:row;
}
#header .nav-box .slide-box.work .son-box{
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
}
#header .nav-box .slide-box.service .son-box{
	align-items:center;
	justify-content:space-between;
	padding-bottom:1.875em;
}
#header .nav-box .slide-box.work .son-box a{
	display:block;
	font-size:0.875em;
	border-radius:0.36em;
	border:1px solid rgba(255, 255, 255, 0.35);
	color:rgba(255, 255, 255, 0.75);
	line-height:1.36;
	padding:0.7em 1.36em;
	margin-bottom:1em;
	margin-right:0.5em;
	transition:color 0.5s,border-color 0.5s;
}
#header .nav-box .slide-box.work .son-box a:hover{
	color:var(--theme-cyan);
	border-color:var(--theme-cyan);
}
#header .nav-box .slide-box.service .son-box a{
	text-align:center;
}
#header .nav-box .slide-box.service .son-box .icon-box{
	width:5em;
	height:5em;
	display:flex;
	align-items:center;
	justify-content:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/header_icon_bgline.png);
	margin:0 auto 0.5em;
}
#header .nav-box .slide-box.service .son-box .icon-box svg{
	fill:#cecece;
	transition:fill 0.5s;
}
#header .nav-box .slide-box.service .son-box a:hover .icon-box svg{
	fill:var(--theme-cyan);
}
#header .nav-box .slide-box.service .son-box a:nth-child(1) .icon-box svg{
	width:60%;
}
#header .nav-box .slide-box.service .son-box a:nth-child(1) .icon-box svg{
	width:65%;
}
#header .nav-box .slide-box.service .son-box a:nth-child(1) .icon-box svg{
	width:66.25%;
}
#header .nav-box .slide-box.service .son-box a:nth-child(1) .icon-box svg{
	width:66.25%;
}
#header .nav-box .slide-box.service .son-box a p{
	font-size:0.875em;
	line-height:1.36;
	opacity:0.75;
}
#header .menu-box{
	border-radius:0.5em;
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
	background-color:#000;
	transition:border-color 0.5s;
	margin-left:5.3125em;
	padding:0.1875em;
	position:relative;
	background-color:#fff;
}
.loaded #header .menu-box{
	background-color:#fff;
}
#header .menu{
	width:4.625em;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
#header .menu a{
	display:block;
	width:1.25em;
	position:relative;
}
#header .menu div{
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	left: 0;
	top: 50%;
	margin-top: -1px;
	transition: transform 0.5s,opacity 0.5s,background-color 0.5s;
	background-color: #000;
}
.loaded #header .menu div{
	background-color: #000;
}
#header .menu div:nth-child(1){
	transform: translate(0,-0.375em);
}
#header .menu div:nth-child(3){
	transform: translate(0,0.375em);
}
#header.menuslide .menu div:nth-child(1){
	transform: translate(0,0) rotate(45deg);
}
#header.menuslide .menu div:nth-child(2){
	opacity: 0;
}
#header.menuslide .menu div:nth-child(3){
	transform: translate(0,0) rotate(-45deg);
}
#header .contact{
	display:block;
	font-weight:bold;
	color:#000;
	border-radius:0.5em;
	width:8.125em;
	height:3.4375em;
	line-height:3.4375;
	text-align:center;
	transition:color 0.5s;
	background-color:var(--theme-cyan);
	color:#fff;
}
.loaded #header .contact{
	color:#fff;
}
#header .slide-nav-box{
	position:absolute;
	right:-1em;
	top:-1.125em;
	z-index:-1;
	background-color:#003B61;
	border-radius:1.25em;
	padding:7.125em 2.375em;
	text-align:right;
	transform:scale(0);
	pointer-events:none;
	transition:transform 0.5s;
	transform-origin:right top;
}
#header.menuslide .slide-nav-box{
	transform:scale(1);
	pointer-events:auto;
}
#header .slide-nav-box a{
	display:block;
	border-bottom:1px solid rgba(0,208,255,0.4);
	transition:border-color 0.5s;
	padding:1em 0;
	color:rgba(255,255,255,0.35);
	padding-left:2.5em;
	white-space:nowrap;
}
#header .slide-nav-box a:first-child{
	border-top:1px solid rgba(0,208,255,0.4);
}
#header .slide-nav-box a.active{
	border-bottom-color:rgba(0,208,255,1);
}
#header .slide-nav-box a b{
	font-size:3.75em;
	color:var(--theme-cyan);
	margin-left:0.25em;
}


/*footer*/
#footer{
	overflow: hidden;
	background-color: var(--theme-blue);
	fill:#fff;
	color:#fff;
	padding:4.1% 0 3%;
}
#footer .part1{
	line-height:1.75;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	flex-direction:row;
}
#footer .part1 .totop{
	width:5em;
	height:5em;
	background-color:var(--theme-cyan);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
#footer .part1 .totop svg{
	fill:#fff;
	width:35%;
}
#footer .part2{
	border-top:1px solid rgba(255,255,255,0.25);
	border-bottom:1px solid rgba(255,255,255,0.25);	
	padding:5.5% 0 6.33%;
	margin:4.9% 0 2.33%;
}
#footer .part3{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
}
#footer .part3 p{
	opacity:0.6;
}
#footer .part3 p span{
	margin:0 1em;
}

@media only screen and (min-width:1025px){
	#header{
		pointer-events:none;
	}
	#header .logo,#header .menu-box,#header .nav-box{
		pointer-events:auto;
	}
	#header .slide-nav-box a:hover{
		border-bottom-color:rgba(0,208,255,1);
	}
}


@media only screen and (max-width:1024px){
	html { 
	    -webkit-text-size-adjust: 100%;
	    -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	    -o-text-size-adjust: 100%;
	    text-size-adjust: 100%;
		font-size: calc(100vw * 10 / 390);
	}
	.mobile{
		display: inline-block;
	}
	.web{
		display: none;
	}
	.mouseCursor{
		display: none;
	}
	.inner{
		max-width: 90%;
	}
	
	/*floatside*/
	#floatside{
		right:5%;
	}

	
	/*banner*/
	.banner .inner{
		padding:30% 0 10%;
	}
	.banner h1{
		font-size:3.25em;
	}



	/*loading*/
	#loading h2{
		font-size:3em;
	}


	/*滚动sec*/
	.sec-marquee{
		padding:5% 0;
	}

	/*header*/
	#header{
		left:2.5%;
		right:2.5%;
	}
	#header .logo{
		width:9em;
	}
	#header .nav-box{
		display:none;
	}
	#header .menu div:nth-child(1){
		transform: translate(0,-0.4375em);
	}
	#header .menu div:nth-child(3){
		transform: translate(0,0.4375em);
	}

	/*footer*/
	#footer{
		padding:5% 0 10%;
	}
	#footer .part2{
		padding:5% 0;
		margin:5% 0;
	}
}