body {
	background: #fff;
	font-size: 14px;

	margin: 0 auto;
	color: #333;
	position: relative;
	scroll-behavior: smooth;
	
}
a:link,
a:hover,
a:visited,
a:active {
	text-decoration: none;
	color: #333;
}
ul,
li {
	list-style: none;
	padding: 0;
}
h1,h2,h3,h4,h5,
p {
	margin: 0;
}
img{
	display: block;
	max-width: 100%;
}
@font-face {
	font-family: 'numfont';
	font-display: swap;
	src: url('../fonts/DINCond-Bold.otf') format('truetype');
}
@font-face {
	font-family: 'wavehaus';
	font-display: swap;
	src: url('../fonts/wavehaus.otf') format('truetype');
}
@font-face {
	font-family: 'ikaros';
	font-display: swap;
	src: url('../fonts/ikaros.otf') format('truetype');
}
@font-face {
	font-family: 'din';
	font-display: swap;
	src: url('../fonts/din.ttf') format('truetype');
}
.s_computer {
	min-width: 1000px;
}
.s_window {
	position: relative;
	margin: 0 auto;
	width: 95%;
}
.s_window_2 {
	position: relative;
	margin: 0 auto;
	width: 91%;
}
/* 商标标识 */
.s_company {
	position: fixed;
	left: 0;
	top: 22px;
	background-color: #fff;
	display: flex;
	align-items: center;
	z-index: 21;
	padding-left: 2.5%;
	height: 80px;
	transition: top .3s;
}
.s_company ._logo {
	height: 36px;
	overflow: hidden;
	padding-right: 32px;
	flex: 1;
	transition: padding-right .3s;
}
.s_company ._logo img{
	height: 36px;
}
.s_company ._logo h1{
	display: block;
	font-size: 12px;
}
.s_company ._code {
	background-color: #2ca6df;
	text-align: center;
	height: 80px;
	padding: 24px 18px 0;
	transition: background-color .3s;
}
.s_company ._code span{
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	white-space:nowrap;
}
/* 菜单导航 */
.s_nav{
	position: fixed;
	right: 2.5%;
	top: 36px;
	background-color: #fff;
	display: flex;
	align-items: center;
	z-index: 21;
	height: 50px;
	transition: top .3s;
}
.s_nav i{
	width: 18px;
	display: block;
}
.s_company a:focus,
.s_company a:active,
.s_nav a:focus,
.s_nav a:active,
.s_menu_top ._ul li a:focus,
.s_menu_top ._ul li a:active{
	outline: none !important;
	box-shadow: none !important;
}
.s_nav span{
	display: block;
}
.s_nav ._language{
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #7d7d7d;
	border-right: 1px solid #cccccc;
	padding: 0 16px;
}
.s_nav ._language span{
	margin-left: 5px;
}
.s_nav ._button{
	display: flex;
	align-items: center;
	padding: 0 16px;
}
.s_nav ._button span{
	margin-left: 8px;
}
.s_menu{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: flex;
	justify-content: flex-end;
}
.s_menu ._bg{
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.s_menu ul{
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fff;
	background: linear-gradient(95deg, transparent 300px, #fff 0);
	padding-right: 4%;
	padding-left: 345px;
	transform:translateX(100px);
	-webkit-transform:translateX(100px);
	transition: transform .6s;
	overflow-y: auto;
	z-index: 2;
}
.s_menu._active ul{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.s_menu ul ._close{
	display: flex;
	justify-content: flex-end;
	margin-top: 6vh;
	margin-bottom: 5vh;
}
.s_menu ul ._close i{
	display: block;
	width: 20px;
	transition: transform 1s;
}
.s_menu ul ._close:hover i{
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.s_menu ul li{
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform:translateY(40px);
	-webkit-transform:translateY(40px);
}
.s_menu ul li:nth-of-type(1){
	transition: transform .6s ease-in .2s,opacity .6s ease-in .2s;
}
.s_menu ul li:nth-of-type(2){
	transition: transform .6s ease-in .3s,opacity .6s ease-in .3s;
}
.s_menu ul li:nth-of-type(3){
	transition: transform .6s ease-in .4s,opacity .6s ease-in .4s;
}
.s_menu ul li:nth-of-type(4){
	transition: transform .6s ease-in .5s,opacity .6s ease-in .5s;
}
.s_menu ul li:nth-of-type(5){
	transition: transform .6s ease-in .6s,opacity .6s ease-in .6s;
}
.s_menu ul li:nth-of-type(6){
	transition: transform .6s ease-in .7s,opacity .6s ease-in .7s;
}
.s_menu._active ul li{
	opacity: 1;
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
.s_menu ul li a{
	color: #8d8d8d;
	transition: color .3s;
}
.s_menu ul li ._one{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 23px;
	margin-bottom: 2vh;
}
.s_menu ul li ._one i{
	margin-left: 0;
	opacity: 0;
	transition: opacity .3s,margin-left 1s,width .6s;
	width: 0;
	height: 15px;
	position: relative;
}
.s_menu ul li ._one img{
	opacity: 0;
}
.s_menu ul li._active ._one{
	color: #000;
	font-weight: 600;
}
.s_menu ul li._active ._one i{
	width: 15px;
	margin-left: 15px;
	opacity: 1;
}
.s_menu ul li._active ._one img{
	opacity: 1;
}
.s_menu ul li ._two{
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
	opacity: 0;
	margin-bottom: 4vh;
	transition: transform .3s,opacity .6s;
	transform:translateY(20px);
	-webkit-transform:translateY(20px);
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.s_menu ul li ._two+._two{
	margin-top: -3vh;
	height: 0;
	overflow: hidden;
}
.s_menu ul li._active ._two{
	opacity: 1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.s_menu ul li._active ._two+._two{
	height: 25px;
}
.s_menu ul li ._two a{
	display: block;
	margin-left: 25px;
	opacity: 0;
	transform:translateX(-40px);
	-webkit-transform:translateX(-40px);
}
.s_menu ul li ._two a:hover{
	color: #000;
}
.s_menu ul li ._two a:nth-of-type(6){
	transition: transform 1s ease-in .6s,opacity 1s ease-in .6s;
}
.s_menu ul li ._two a:nth-of-type(5){
	transition: transform 1s ease-in .7s,opacity 1s ease-in .6s;
}
.s_menu ul li ._two a:nth-of-type(4){
	transition: transform 1s ease-in .8s,opacity 1s ease-in .8s;
}
.s_menu ul li ._two a:nth-of-type(3){
	transition: transform 1s ease-in .9s,opacity 1s ease-in .9s;
}
.s_menu ul li ._two a:nth-of-type(2){
	transition: transform 1s ease-in 1s,opacity 1s ease-in 1s;
}
.s_menu ul li ._two a:nth-of-type(1){
	transition: transform 1s ease-in 1.1s,opacity 1s ease-in 1.1s;
}
.s_menu._active ul li ._two a{
	opacity: 1;
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
.s_menu_top{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 20;
	opacity: 0;
	transition: opacity .3s;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.s_menu_top._top{
	opacity: 1;
}
.s_menu_top ._close{
	display: none;
}
.s_menu_top ._ul{
	text-align: right;
	padding: 20px 220px 20px 290px;
	white-space:nowrap;
}
.s_menu_top ._ul li{
	display: inline-block;
	position: relative;
	padding:0 1.6vw;
	transition: margin-bottom .6s;
}
.s_menu_top ._ul li:hover{
	margin-bottom: 50px;
}
.s_menu_top ._ul li.is-current{
	background: transparent;
}
.s_menu_top ._ul li a{
	color: #5f5f5f;
	height: 58px;
	line-height: 58px;
}
.s_menu_top ._ul li ._one{
	font-size: 16px;
	text-align: center;
	transition: font-weight .3s;
}
.s_menu_top ._ul li:hover ._one{
	color: #2ca6df;
	font-weight: 600;
}
.s_menu_top ._ul li.is-current ._one,
.s_menu_top ._ul li.is-current:hover ._one{
	color: #2ca6df !important;
	font-weight: 700;
}
.s_menu_top ._ul li ._one>span{
	display: block;
	position: relative;
}
.s_menu_top ._ul li:nth-child(3) ._one>span::after{
    display: block;
    content:"NEW";
    height: 15px;
    padding: 0px 7px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: calc(100% - 10px);
    bottom: 75%;
    background: #ff7070;
    line-height: 15px;
    border-radius: 10px 10px 10px 3px;
}
.s_menu_top ._ul li ._one .s_spot{
	display: block;
	width: 0;
	height: 2px;
	background-color: #2ca6df;
	overflow: hidden;
	transition: width .3s;
}
.s_menu_top ._ul li ._one .s_spot span{
	display: none;
}
.s_menu_top ._ul li:hover ._one .s_spot{
	width: 100%;
}
.s_menu_top ._ul li.is-current ._one .s_spot,
.s_menu_top ._ul li.is-current:hover ._one .s_spot{
	width: 0;
}
.s_menu_top ._ul li ._two{
	position: absolute;
	bottom: -58px;
	left: 50%;
	width: auto;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	display: inline-block;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: height .3s,opacity .6s;
}
.s_menu_top ._ul li:hover ._two{
	opacity: 1;
	height: 58px;
}
.s_menu_top ._ul li:hover ._two+._two{
	display: none;
}
.s_menu_top ._ul li ._two a{
	display: inline-block;
	padding: 0 1vw;
	position: relative;
	transition: font-weight .3s;
}
.s_menu_top ._ul li ._two a:hover{
	font-weight: 600;
}
.s_menu_top ._ul li ._two a.is-current-sub{
	font-weight: 600;
}
.s_menu_top ._ul li ._two a.is-current-sub::after{
	content: "";
	position: absolute;
	left: 1vw;
	right: 1vw;
	bottom: 10px;
	height: 2px;
	background: #000;
}

.s_company._top {
    top: 12px;
}
.s_company._top ._logo {
	padding-right: 5px;
    border-right: 1px solid #e5e5e5;
}
.s_company._top ._code {
    background-color: #fff;
}
.s_company._top ._code span {
    color: #2ca6df;
}
.s_nav._top{
	top: 24px;
}

/* 通用底部 */
.s_footer{
	padding: 45px 0 30px;
	white-space:nowrap;
}
.s_footer ._head{
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
.s_footer ._head ._left{
	flex: 1;
}
.s_footer ._head ._logo{
	margin-bottom: 45px;
}
.s_footer ._head ._logo img{
	height: 32px;
}
.s_footer ._head ._menu{
	display: flex;
	align-items: center;
	flex: 1;
}
.s_footer ._head ._menu a{
	display: block;
	flex: 1;
}
.s_footer ._head ._menu a:last-of-type{
	margin-right: 5%;
}
.s_footer ._head ._right{
	display: flex;
	align-items: center;
}
.s_footer ._head ._info{
	display: block;
	text-align: right;
}
.s_footer ._head ._info a{
	display: block;
	margin-top: 10px;
}
.s_footer ._head ._info img{
	height: 15px;
	max-width: none;
	display: inline-block;
}
.s_footer ._head ._info a:last-of-type{
	margin-top: 18px;
}
.s_footer ._head ._info a:last-of-type img{
	height: 14px;
}
.s_footer ._head ._email{
	font-family: wavehaus;
	color: #999;
}
.s_footer ._head ._tel{
	font-family: din;
	font-size: 17px;
	color: #000;
}
.s_footer ._head ._qrcode{
	display: block;
	width: 106px;
	margin-left: 45px;
}
.s_footer ._bottom{
	border-top: 1px solid #d9d9d9;
	color: rgba(73,73,73,.8);
	padding-top: 30px;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.s_footer ._bottom a{
	color: rgba(73,73,73,.8);
}
.s_footer ._bottom ._left{
	flex: 1;
}
.s_footer ._bottom ._left a{
	margin-left: 1.5%;
}

/* 搜索栏目 */
.s_search{
	display: flex;
}
.s_search ._search{
	position: relative;
}
.s_search ._search ._button{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 23px 20px 23px 10px;
	background: transparent;
	border: 0;
}
.s_search ._search ._button img{
	width: 15px;
}
.form-control {
	height: 62px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.53846154;
	color: #9a9a9a;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.os-mac select.form-control {
	background-image: url(../img/icon/triangle.png);
	background-repeat: no-repeat;
	background-size: 10px 6px;
	background-position: right 15px top 27px;
	-moz-appearance: none;
}
.form-control::-webkit-input-placeholder {
	color: #b6b6b6;
}
.form-control::-ms-input-placeholder {
	color: #b6b6b6;
}
.form-control:focus,
.form-control.focus {
	border-color: rgba(45, 165, 220, .3);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(45, 165, 220, .3);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(45, 165, 220, .3);
}
/* 分页样式 */
.s_pager{
	display: block;
	text-align: center;
	padding: 2.5% 0;
}
.s_pager li{
	display: inline-block;
	padding: 5px;
}
.s_pager li a{
	color: #545454;
	display: block;
	border: 1px solid #dcdcdc;
	padding: 5px 14px;
	transition: background-color .3s;
}
.s_pager li a:hover{
	background-color: #efefef;
}
.s_pager li._active a{
	background-color: #2ca6df;
	border: 1px solid #2ca6df;
	color: #fff;
}
/*未做页面*/
.s_404{
	height: 100vh;
	background-color: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*点-波纹效果*/
.s_spot {
	position: relative;
}
.s_spot span{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #2ca6df;
	border-radius: 100%;
	opacity: 0;
	z-index: 1;
}
.s_spot span:nth-of-type(1){
	-webkit-animation: twinkle-enlarge-deep 6s 0s ease-out infinite;
	animation: twinkle-enlarge-deep 6s 0s ease-out infinite;
}
.s_spot span:nth-of-type(2){
	-webkit-animation: twinkle-enlarge-deep 6s 1.5s ease-out infinite;
	animation: twinkle-enlarge-deep 6s 1.5s ease-out infinite;
}
.s_spot span:nth-of-type(3){
	-webkit-animation: twinkle-enlarge-deep 6s 3s ease-out infinite;
	animation: twinkle-enlarge-deep 6s 3s ease-out infinite;
}
.s_spot span:nth-of-type(4){
	-webkit-animation: twinkle-enlarge-deep 6s 4.5s ease-out infinite;
	animation: twinkle-enlarge-deep 6s 4.5s ease-out infinite;
}
/*按钮-波纹效果*/
.s_flowButton{
	position: relative;
}
.s_flowButton ._flowButton{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
}
.s_flowButton ._flowButton + div{
	position: relative;
	z-index: 2;
}
.s_flowButton ._flowButton span{
	position:absolute;
	display: block;
	left: 0;
	right: 0;
	top: 40%;
	height: 200%;
	background-color: rgba(0,95,255,.3);
	border-radius:100%;
	opacity: 0;
}
.s_flowButton ._flowButton._red span{
	background-color: rgba(245,75,60,.8);
}
.s_flowButton:hover ._flowButton span:nth-of-type(1){
	-webkit-animation: twinkle-enlarge-deep 1s;
	animation: twinkle-enlarge-deep 1s;
}
.s_flowButton:hover ._flowButton span:nth-of-type(2){
	-webkit-animation: twinkle-enlarge-deep 1s .1s ease-out;
	animation: twinkle-enlarge-deep 1s .1s ease-out;
}
/*移动视觉差增加过渡*/
.s_follow .foll{
	transition: transform .02s;
}
/*banner载入过渡*/
.s_banner_zoom{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: transform 1s,background-position .1s;
}
.s_banner_zoom.s_banner_zoom_in{
	transform: scale(1);
	-webkit-transform: scale(1);
}

/** 响应样式 **/
@media screen and (max-width: 1440px) {
	.s_menu_top ._ul{
		padding: 20px 150px 20px 220px;
	}
	.s_menu_top ._ul li{
		padding: 0 1vw;
	}
	.s_menu_top ._ul li ._one{
		font-size: 15px;
	}
}
@media screen and (max-width: 1400px) {
	.s_menu_top ._ul li{
		padding:0 1vw;
	}
}
@media screen and (max-width: 1250px) {
	.s_menu_top ._ul li{
		padding:0 5px;
	}
}
@media screen and (max-width: 1150px) {
	.s_menu_top ._ul li{
		padding:0 3px;
	}
}
/** 附加样式 **/
.opacity_0 {
	opacity: 0;
}
span._blue {
	
}
span._orange {
	
}
span._green {
	
}
span._blue {
	
}
span._red {
	
}
span._purple {
	
}
font._green {
	
}
font._red {
	
}
.shadow_1 {
	-webkit-box-shadow: 2px 3px 30px rgba(20, 73, 206, .1);
	box-shadow: 2px 3px 30px rgba(20, 73, 206, .1);
}
.press {
	transition: box-shadow .3s,transform .3s;
	-webkit-transition: box-shadow .3s,transform .3s,;
}
.press:hover {
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, .15);
	box-shadow: 0 8px 10px rgba(0, 0, 0, .15);
}
.press_blue {
	transition: box-shadow .3s,transform .3s;
	-webkit-transition: box-shadow .3s,transform .3s,;
}
.press_blue:hover {
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 20px rgba(0, 125, 240, .15);
	box-shadow: 0 4px 20px rgba(0, 125, 240, .15);
}
.transit_03 {
	transition: all .3s !important;
	-webkit-transition: all .3s !important;
}
.transit_05 {
	transition: all .5s !important;
	-webkit-transition: all .5s !important;
}
.transit_1 {
	transition: all 1s !important;
	-webkit-transition: all 1s !important;
}

@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}
@keyframes bounce-down {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes twinkle-enlarge {
	0% {
		transform: scale(.8);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(.8);
	}
}

@-webkit-keyframes twinkle-enlarge {
	25% {
		-webkit-transform: scale(.8);
	}
	50% {
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(.8);
	}
}
@keyframes twinkle-enlarge-light {
	0% {
		transform: scale(.95);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(.95);
	}
}

@-webkit-keyframes twinkle-enlarge-light {
	25% {
		-webkit-transform: scale(.95);
	}
	50% {
		-webkit-transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(.95);
	}
}
@-webkit-keyframes twinkle-enlarge-deep {
	0% {
		-webkit-transform: scale(0.1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes twinkle-enlarge-deep {
	0% {
		transform: scale(0.1);
		opacity: 1;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}
@-webkit-keyframes transparent-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes transparent-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes width-in {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes width-in {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}	
/** 组件样式 **/
::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 6px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	width: 4px;
	height: 4px;
	background-color: #ccc;
}
.social-share [class*=" icon-"],.social-share [class^=icon-] {
	font-family: "socialshare" !important;
}
/*分享组件*/
.s_share .social-share .social-share-icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    transition: background 0.3s ease-out 0s;
}
.s_share .social-share .icon-wechat {
    color: #fff !important;
    border-color: #50b674 !important;
	background-color: #50b674 !important;
}
.s_share .social-share .icon-wechat:hover {
    color: #50b674 !important;
    border-color: #50b674 !important;
	background-color: #fff !important;
}
.s_share .social-share .icon-qq {
    color: #fff !important;
    border-color: #2fa5dd !important;
	background-color: #2fa5dd !important;
}
.s_share .social-share .icon-qq:hover {
    color: #2fa5dd !important;
    border-color: #2fa5dd !important;
	background-color: #fff !important;
}
.s_share .social-share .icon-weibo {
    color: #fff !important;
    border-color: #e95e5c !important;
	background-color: #e95e5c !important;
}
.s_share .social-share .icon-weibo:hover {
    color: #e95e5c !important;
    border-color: #e95e5c !important;
	background-color: #fff !important;
}