@charset "utf-8";
*,body{margin: 0;padding: 0;text-decoration: none;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}
html{font-family:'Instrument Sans',Arial,sans-serif,system-ui,sans-serif;line-height:1.5}
body{font-family:inherit;line-height:inherit}
html, body {width: 100%;height: 100%;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
fieldset,img{border:0}
li,ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:""}abbr,acronym{border:0}
a{text-decoration:none;outline:none;background: transparent;}
a:link{color:#333; text-decoration:none;}
a:focus,a:hover{color:#23b8bc}
a:visited{color:#333}
input{outline: none;}
h1,h2,h3,h4,h5,h6,p,i,span,a,.img,img,li{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
@font-face {
	font-family: 'iconfont';  /* Project id 2784183 */
	src: url('//at.alicdn.com/t/c/font_2784183_u9saqxvwgzo.woff2?t=1764073191303') format('woff2'),
	url('//at.alicdn.com/t/c/font_2784183_u9saqxvwgzo.woff?t=1764073191303') format('woff'),
	url('//at.alicdn.com/t/c/font_2784183_u9saqxvwgzo.ttf?t=1764073191303') format('truetype');
}
:root {
	--color-1: #047a7d;
	--color-2: #02a1a5;
	--color-3: #23b8bc;
	--color-4: #00ffff;
}
::-webkit-scrollbar {width:6px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #f1f3f5;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: var(--color-1);/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #f1f3f5;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #f1f3f5;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
.flex-sb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}

.flex-ce{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-fs{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex-fe{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content:  flex-end;
}
.content{width:100%!important;padding: 0 100px!important;}
.pc{display: block!important;}
.mobile{display: none!important;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
	.content{padding: 0 100px!important;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
	.content{padding: 0 50px!important;}
}
@media (max-width: 991px) {
	.content{padding: 0 20px!important;}
	.pc{display:none!important;}
	.mobile{display:block!important;}
}
/*header初始*/
.header{
	width: 100%;
	height: 70px;
	z-index: 9999;
	position: fixed;
	top:0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	background-color:#0c121d
}
.subpage .header,.header.scroll-up{
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.header.scroll-down{
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.header .flex-sb{height:100%;align-items: center;width: 100%!important;padding: 0!important;}
.header .nav-logo {width: 20%;padding-left: 50px;}
.header .nav-logo img {width:200px;}
.header.scroll-down .nav-logo img {width:180px;}
.header ::-webkit-scrollbar {display: none;}
.header .nav-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	align-items:flex-end;
	height:100%;
	width: 65%;
}
.header .nav-list > li {
	position: relative;
	list-style: none;
	text-align: center;
	height: 100%;
}
.header .nav-list > li a {
	position: relative;
	padding: 0 30px;
	line-height:70px;
	display: block;
	color: #eee;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	height: 100%;text-transform: uppercase;
}
.subpage .header .nav-list > li a,.header.scroll-up .nav-list > li a{color: #495057;}
.header.scroll-up .nav-list > li a{padding: 0 30px;}
.header .nav-list > li:after,.header .nav-list > li a:after{content: '';width: 0;height: 3px;background-color:var(--color-3);position: absolute;top:0;left: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.header.scroll-down .nav-list > li a{padding: 0 40px;}
.header .nav-list > li a i{}
.header .nav-list > li:hover{color: var(--color-3);}
.header .nav-list > li:hover:after{width: 100%;}
.header .nav-list > li:hover a,.header .nav-list > li a:hover{color:var(--color-3);}
.header .nav-list > li a.cur{color:var(--color-3);}
.header .nav-list > li a.cur:after{width: 100%;}
.header .nav-list > li .menu {
	width: auto;min-width: 100%;
	position: absolute;
	white-space: nowrap;
	left: 0;
	display: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	box-shadow:0 10px 30px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);
	-moz-box-shadow:0 10px 30px rgba(0,0,0,0.1);
}
.header .nav-list > li{position: relative;}
.header .nav-list > li .menu li a {
	display: block;margin: 0;padding: 0 30px;text-align: left!important;
	height: auto;
	line-height: 50px;
	font-size: 14px;font-weight: 400;
	background-image: none;
	background-color:var(--color-3);color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.15);text-transform: capitalize;
}
.header .nav-list > li .menu li a.cur:after{display: none;}
.header .nav-list > li .menu li:last-child a{border-bottom: none;}
.header .nav-list > li .menu li a i{display: block;position: absolute;right: 10px;font-size: 0.88rem;top:1px;}
.header .nav-list > li .menu li:hover{background-color:rgba(0,0,0,0.45);}
.header .nav-list > li .menu li a:hover{color: #fff;background-color: transparent!important;}
.header .nav-list > li .menu li a:hover:after{width: 0;}
.header .nav-list > li:hover .menu {height: auto;display: block}
.menu-lang{width: 15%;padding-right: 50px;text-align: right;}
.menu-lang i{font-size: 2.5rem;display: inline-block}
.menu-lang .lang{text-transform: uppercase;font-size: 16px;font-weight: 400;color: #eee;position: relative;margin-right: 10px;padding-right: 10px;border-right: 1px solid #ddd;}
.menu-lang .lang:hover{color:var(--color-3)}
.menu-lang .lang:last-child{border-right: none;}
#navToggle{	display: none;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
	.header .nav-list > li a {font-size: 14px;}
	.header .nav-list > li .menu li a{font-size: 14px;line-height:40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
	.header .nav-logo {left:50px;top:5px;text-align: center;}
	.header .nav-list > li a{font-size: 13px;}
	.header .nav-list > li .menu li a{font-size: 13px;line-height:40px;}
	.menu-lang{right:50px;width:25%}
	.menu-lang i{font-size: 2rem;}
	.menu-lang .lang{font-size: 14px;margin-right:8px;padding-right:8px;}
}
@media (max-width: 992px) {
	.header {height:60px!important;box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08);z-index: 9999;}
	.header .container{width: 100%; padding: 0;}
	.header .nav-logo {width: 100%;left:0;top:10px;text-align: left}
	.header .nav-logo img {width:150px;position: relative;z-index: 1;left: -30px;}
	.menu-lang{display: none}
	.header .nav-list {display: none}
	#navToggle{display:block;position: absolute;right:16px;top:0;z-index: 999;}
	#navToggle i{font-size:2.5rem;color:var(--color-3)}
}
.foot-nav{width: 100%;height: 60px;border-top: 1px solid rgba(255,255,255,0.85);position: fixed;z-index: 999;bottom: 0;left: 0;background-color: rgba(255,255,255,0.75);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.foot-nav li{display: block;width: 25%;border-right: 1px solid #eee;text-align: center;font-size: 1.3rem;font-weight: 500}
.foot-nav li a i{font-size: 2.5rem;display: block;color: var(--color-3)}
.foot-nav li:last-child{border-right: none;}
.mobile-lang{width:100%;position:absolute;bottom: 0;left: 0;height: 50px;}
.mobile-lang li{width: 50%;display: inline-block;float: left;border-right: 1px solid #ddd;}
.mobile-lang li:last-child{border-right: none;}
.mobile-lang li a{font-size: 1.2rem;font-weight:500;color: #495057;display: block;text-align: center;}
.m_nav{
	position: fixed;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
	height: 100%;
	background-color:#fff;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
	padding: 5% 0 0 0;
}
.m_nav.open{transform: translateX(0);}
.m_nav .closed{
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 2rem;
	color: var(--color-2);
	position: absolute;right: 30px;top:30px;
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul{margin-top: 50px;}
.m_nav .ul li{
	margin: 0 10px;
	border-bottom: 1px solid #eee;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #495057;
	font-size:1.4rem;font-weight: 550;
	height: 80px;
	line-height: 80px;
	width: 100%;text-transform: uppercase;
}
.m_nav .ul li a i{color:#495057;font-size:1.6rem;margin-right:10px;font-weight:400;}
.m_nav .ul li .dropdown_menu{display: none;padding: 0 0 15px 0;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{
	display: block;
	font-size: 1rem;
	font-weight: 500;
	color: #495057;
	height:auto;
	line-height: 20px;
	box-sizing: border-box;
	padding: 10px 20px;text-transform: unset!important;
}
.m_nav .ul li .dropdown_menu a i{font-size: 1rem;margin-right:0;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
/*圆点*/
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, -20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/*banner背景动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

/*banner文字动画*/
@-webkit-keyframes Slick-FastSwipeIn {
	0% {
		-webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
		transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
	}
	100% {
		-webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
		transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
	}
}
@keyframes Slick-FastSwipeIn {
	0% {
		-webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
		transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
	}
	100% {
		-webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
		transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
	}
}
/* bounce-animate */
.bounce-animate {
	animation-name: float-bob;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	backface-visibility:hidden;}

@-webkit-keyframes float-bob {
	0% {
		-webkit-transform: translate3d(0px,-25px,0px);
		transform: translate3d(0px,-25px,0px); }
	50% {
		-webkit-transform: translate3d(0px,-10px,0px);
		transform: translate3d(0px,-10px,0px);}
	100% {
		-webkit-transform: translate3d(0px,-25px,0px);
		transform: translate3d(0px,-25px,0px); }
}