header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99
}
header.black nav li a {
	color: #333
}
.btn_2 {
	display: inline-block;
	width: 156px;
	height: 42px;
	border: 2px solid #004098;
	line-height: 42px;
	font-size: 14px;
	color: #004098;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	text-align: center
}
.btn_2 i, .btn_2 span {
	position: relative;
	z-index: 55
}
.btn_2 span {
	left: -12px;
	top: -3px
}
.btn_2 i {
	left: 28px;
	color: #004098;
	font-size: 24px;
	top: 2px
}
.btn_2::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #004098;
	right: 100%;
	-webkit-transform: skew(0);
	-ms-transform: skew(0);
	transform: skew(0);
	z-index: 24;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.btn_2:hover i {
	color: #fff
}
.btn_2:hover::after {
	-webkit-transform: skew(0)!important;
	-ms-transform: skew(0)!important;
	transform: skew(0)!important;
	right: 0!important
}
.banner_container {
	position: relative
}
.banner_container .news {
	position: absolute;
	width: 100%;
	bottom: 20px;
	z-index: 99;
	height: 145px
}
.banner_container .news>div {
	height: 100%
}
.banner_container .news>div>.news_container {
	height: 100px;
	background-color: rgba(255,255,255,.9);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}
.banner_container .news>div>.news_container .swiper-container {
	margin: 0 20px
}
.banner_container .news>div>.news_container div {
	height: 100%
}
.banner_container .news>div>.news_container div .swiper-slide a {
	display: block;
	position: relative;
	height: 100%;
	margin-right: 30px
}
.banner_container .news>div>.news_container div .swiper-slide a:hover p span {
	left: 0
}
.banner_container .news>div>.news_container div .swiper-slide a h4 {
	width: 250px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	position: absolute;
	left: 0;
	top: 26px
}
.banner_container .news>div>.news_container div .swiper-slide a p {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 14px;
	color: #999;
	overflow: hidden;
	width: 85px;
	text-align: center;
	white-space: nowrap
}
.banner_container .news>div>.news_container div .swiper-slide a p span {
	display: inline-block;
	width: 160px;
	text-align: center;
	position: relative;
	left: -80px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.banner_container .news>div>.news_container div .swiper-slide a p span time {
	display: inline-block;
	width: 80px;
	text-align: center
}
.banner_container .news>div>.news_container div .swiper-slide a p span time:first-child i {
	font-size: 24px;
	color: #004098;
	position: relative;
	top: 2px
}
.banner_container .news>div .banner_control {
	position: relative;
	height: 45px
}
.banner_container .news>div .banner_control .num {
	position: absolute;
	z-index: 999;
	bottom: 14px;
	height: 45px;
	left: 0;
	border-bottom: 1px solid #fff
}
.banner_container .news>div .banner_control .num span {
	cursor: pointer;
	width: 50px;
	font-size: 16px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	color: #fff;
	position: relative;
	display: inline-block;
	height: 100%;
	line-height: 25px
}
.banner_container .news>div .banner_control .num span:first-child {
	text-align: left
}
.banner_container .news>div .banner_control .num span:last-child {
	text-align: right
}
.banner_container .news>div .banner_control .num span::after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0%;
	height: 5px;
	background-color: #fff;
	-webkit-transition: all 6s linear;
	-o-transition: all 6s linear;
	transition: all 6s linear
}
.banner .fxRollX.flyInNext, .banner .fxRollX.flyInNext .image {
	-o-transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	-webkit-transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner_container .news>div .banner_control .num .num_active {
	font-size: 24px
}
.banner_container .news>div .banner_control .num .num_active::after {
	-webkit-animation: line 6s linear;
	animation: line 6s linear
}
@-webkit-keyframes line {
0% {
width:0
}
100% {
width:100%
}
}
@keyframes line {
0% {
width:0
}
100% {
width:100%
}
}
.banner_container .news>div .banner_control .btn_1 {
	display: inline-block;
	width: 190px;
	height: 45px;
	line-height: 45px;
	position: relative;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #fff
}
.banner_container .news>div .banner_control .btn_1 i {
	font-size: 22px;
	position: relative;
	top: 2px;
	left: 20px
}
.banner_container .news>div .banner_control .btn_1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #004098;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg)
}
.banner, .title {
	position: relative
}
.banner {
	height: 100vh;
	width: 100%;
	overflow: hidden
}
.banner div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-color: #fff
}
.title h3::after, .title h3:before, .title p>span:before {
	background: #004098;
	content: ''
}
.banner .fxRollX {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	overflow: hidden;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: cubic-bezier(.62, .12, .52, .94);
	animation-timing-function: cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX .image {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: cubic-bezier(.62, .12, .52, .94);
	animation-timing-function: cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.active, .banner .fxRollX.active .image {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.banner .fxRollX.navInNext {
	z-index: 10;
	-webkit-animation-name: rollInXNext;
	animation-name: rollInXNext
}
.banner .fxRollX.navInNext .image {
	-webkit-animation-name: rollInXPrev;
	animation-name: rollInXPrev
}
.banner .fxRollX.navOutNext {
	z-index: 9;
	-webkit-animation-name: rollOutXNext;
	animation-name: rollOutXNext
}
.banner .fxRollX.navOutNext .image {
	-webkit-animation-name: rollOutXPrev;
	animation-name: rollOutXPrev
}
.banner .fxRollX.navInPrev {
	z-index: 10;
	-webkit-animation-name: rollInXPrev;
	animation-name: rollInXPrev
}
.banner .fxRollX.navInPrev .image {
	-webkit-animation-name: rollInXNext;
	animation-name: rollInXNext
}
.banner .fxRollX.navOutPrev {
	z-index: 9;
	-webkit-animation-name: rollOutXPrev;
	animation-name: rollOutXPrev
}
.banner .fxRollX.navOutPrev .image {
	-webkit-animation-name: rollOutXNext;
	animation-name: rollOutXNext
}
.banner .fxRollX.flyNext {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.banner .fxRollX.flyNext .image, .banner .fxRollX.flyPrev {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.banner .fxRollX.flyPrev .image {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.banner .fxRollX.flyInNext {
	transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.banner .fxRollX.flyInNext .image {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.flyOutNext, .banner .fxRollX.flyOutNext .image {
	-webkit-transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-o-transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.flyOutNext {
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.banner .fxRollX.flyOutNext .image {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.flyInPrev, .banner .fxRollX.flyInPrev .image {
	-webkit-transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-o-transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.flyInPrev {
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
.banner .fxRollX.flyInPrev .image {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.flyOutPrev {
	-webkit-transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-o-transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.banner .fxRollX.flyOutPrev .image {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	-o-transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94);
	transition: transform 1.2s cubic-bezier(.62, .12, .52, .94), opacity 1.2s cubic-bezier(.62, .12, .52, .94), -webkit-transform 1.2s cubic-bezier(.62, .12, .52, .94)
}
.banner .fxRollX.with-opacity {
	opacity: 0
}
.banner .fxRollX.with-opacity.active {
	opacity: 1
}
.banner .fxRollX.with-opacity.navInNext {
	z-index: 10;
	-webkit-animation-name: rollInXNextWithOpacity;
	animation-name: rollInXNextWithOpacity
}
.banner .fxRollX.with-opacity.navInNext .image {
	-webkit-animation-name: rollInXPrevWithOpacity;
	animation-name: rollInXPrevWithOpacity
}
.banner .fxRollX.with-opacity.navOutNext {
	z-index: 9;
	-webkit-animation-name: rollOutXNextWithOpacity;
	animation-name: rollOutXNextWithOpacity
}
.banner .fxRollX.with-opacity.navOutNext .image {
	-webkit-animation-name: rollOutXPrevWithOpacity;
	animation-name: rollOutXPrevWithOpacity
}
.banner .fxRollX.with-opacity.navInPrev {
	z-index: 10;
	-webkit-animation-name: rollInXPrevWithOpacity;
	animation-name: rollInXPrevWithOpacity
}
.banner .fxRollX.with-opacity.navInPrev .image {
	-webkit-animation-name: rollInXNextWithOpacity;
	animation-name: rollInXNextWithOpacity
}
.banner .fxRollX.with-opacity.navOutPrev {
	z-index: 9;
	-webkit-animation-name: rollOutXPrevWithOpacity;
	animation-name: rollOutXPrevWithOpacity
}
.banner .fxRollX.with-opacity.navOutPrev .image {
	-webkit-animation-name: rollOutXNextWithOpacity;
	animation-name: rollOutXNextWithOpacity
}
@-webkit-keyframes rollInXNext {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes rollInXNext {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes rollOutXNext {
from {
-webkit-transform:translateX(0);
transform:translateX(0)
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@keyframes rollOutXNext {
from {
-webkit-transform:translateX(0);
transform:translateX(0)
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes rollInXPrev {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes rollInXPrev {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes rollOutXPrev {
from {
-webkit-transform:translateX(0);
transform:translateX(0)
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@keyframes rollOutXPrev {
from {
-webkit-transform:translateX(0);
transform:translateX(0)
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@-webkit-keyframes rollInXNextWithOpacity {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes rollInXNextWithOpacity {
from {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes rollOutXNextWithOpacity {
from {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0;
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
}
}
@keyframes rollOutXNextWithOpacity {
from {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
}
@-webkit-keyframes rollInXPrevWithOpacity {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes rollInXPrevWithOpacity {
from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes rollOutXPrevWithOpacity {
from {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
}
@keyframes rollOutXPrevWithOpacity {
from {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
}
.title {
	padding-top: 100px
}
.title a {
	float: right;
	position: absolute;
	right: 0;
	bottom: 15px
}
.title h3 {
	position: relative;
	color: #333;
	font-size: 48px;
	line-height: 50px;
	padding-right: 20px;
	display: inline-block
}
.title h3::after {
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0;
	bottom: 5px
}
.title h3:before, .title p>span:before {
	width: 100%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	height: 100%;
	left: 0
}
.title p, .title p>span {
	position: relative
}
.title p {
	font-size: 18px;
	padding-top: 12px;
	color: #999;
	text-transform: uppercase
}
.title p>span:before {
	position: absolute;
	z-index: 213;
	bottom: 0;
	transition: all .5s ease
}
.title-white h3::after, .title-white h3::before, .title-white p span::before {
	background-color: #fff
}
.about, .page4 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.title-white h3 {
	color: #fff
}
.title-white p {
	color: #F4F7FA;
	opacity: .6
}
.white {
	color: #fff!important
}
.sub-title {
	font-size: 24px;
	line-height: 24px
}
.content {
	font-size: 14px;
	line-height: 24px;
	color: #666
}
.about {
	padding-bottom: 80px
}
.about .about_us {
	max-width: 764px;
	margin-top: 50px
}
.about .about_us p {
	margin-top: 20px
}
.about ul {
	width: 600px;
	margin-top: 70px;
	max-width: 600px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.about ul li {
	width: calc(50% - 3px);
	margin-bottom: clamp(30px,3.75vw,60px);
	position: relative
}
.about ul li:nth-of-type(2n) {
	border-left: 1px solid #fff
}
.about ul li:nth-of-type(2n) p, .about ul li:nth-of-type(2n) span {
	margin-left: clamp(20px,3.75vw,60px);
}
.about ul li span {
	position: relative;
	font-size: clamp(30px,3.75vw,60px);
	color: #F4F7FA;
	font-weight: 600;
	line-height: 1.2;
	top: clamp(-20px,1vw,-10px);
}
.about ul li span::before {
	position: absolute;
	content: '';
	right: -25px;
	top: 4px;
	color: #fff;
	font-size: 18px;
	width: 20px;
	height: 20px
}
.about ul li p {

}
.about ul li:nth-of-type(1) span::before {
	content: '件'
}
.about ul li:nth-of-type(2) span::before, .about ul li:nth-of-type(3) span::before {
	content: '%'
}
.about ul li:nth-of-type(4) span::before {
	content: '项'
}
.about .btn_container {
	margin-top: 45px
}
.innovate {
	min-height: 800px
}
.innovate>div {
	height: 100%;
	float: left
}
.innovate>div:first-child {
	width: calc(25% - 2px);
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}
.innovate>div:first-child>div {
	margin-left: 35px
}
.innovate>div:first-child>div .innovate_left {
	margin-top: 120px;
	margin-bottom: 100px
}
.innovate>div:first-child>div .innovate_left p:first-child {
	font-size: 140px;
	color: #004098;
	display: inline-block;
	position: relative;
	font-weight: 600;
	line-height: 140px
}
.innovate>div:first-child>div .innovate_left p:first-child span:last-child {
	font-size: 14px;
	background-color: #004098;
	color: #fff;
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 14px;
	right: -20px;
	text-align: center;
	line-height: 22px;
	font-weight: 500
}
.innovate>div:last-child .product ul li:hover h3 a, .productsAndSolutions .productsAndSolutionsContent>ul li:hover figcaption a, .productsAndSolutions .top_menu ul .top_menu_active p, .productsAndSolutions .top_menu ul li:hover p {
	color: #004098
}
.innovate>div:first-child>div .innovate_left .content {
	margin-top: 12.5px
}
.innovate>div:last-child {
	width: calc(75% - 1px);
	border-right: 1px solid #e5e5e5
}
.innovate>div:last-child .product_description {
	width: 100%;
	height: 210px;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}
.innovate>div:last-child .product_description .title_index {
	display: none
}
.innovate>div:last-child .product_description p {
	position: absolute;
	bottom: 45px;
	left: 40px;
	width: 818px
}
.innovate>div:last-child .product {
	height: 589px
}
.innovate>div:last-child .product ul {
	width: 100%;
	height: 100%
}
.innovate>div:last-child .product ul li {
	display: block;
	width: calc(100%/3 - 1px);
	height: 100%;
	border-left: 1px solid #e5e5e5;
	float: left;
	text-align: center
}
.innovate>div:last-child .product ul li:nth-of-type(1)>a img, .innovate>div:last-child .product ul li:nth-of-type(1)>h3 {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.innovate>div:last-child .product ul li:nth-of-type(2)>a img, .innovate>div:last-child .product ul li:nth-of-type(2)>h3 {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.innovate>div:last-child .product ul li:nth-of-type(3)>a img, .innovate>div:last-child .product ul li:nth-of-type(3)>h3 {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.innovate>div:last-child .product ul li:first-child {
	border-left: none
}
.innovate>div:last-child .product ul li>a {
	display: block;
	height: 459px;
	border-bottom: 1px solid #e5e5e5
}
.innovate>div:last-child .product ul li>a img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-20%) scale(.3);
	-ms-transform: translateY(-20%) scale(.3);
	transform: translateY(-20%) scale(.3);
	max-width: 100%;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.innovate>div:last-child .product ul li>h3 {
	height: calc(129px);
	overflow: hidden
}
.innovate>div:last-child .product ul li>h3 a {
	font-size: 18px;
	line-height: 24px;
	margin: 0 30px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	transform: translateY(-20%);
	display: block;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.productsAndSolutions {
	background-color: #F4F7FA;
	padding-bottom: 100px
}
.productsAndSolutions .top_menu {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 70px
}
.productsAndSolutions .top_menu>div {
	float: right;
	width: 600px
}
.productsAndSolutions .top_menu>div p {
	position: relative;
	top: 8px
}
.productsAndSolutions .top_menu ul {
	display: inline-block
}
.productsAndSolutions .top_menu ul li {
	float: left;
	margin-right: 75px;
	text-align: center;
	cursor: pointer
}
.productsAndSolutions .top_menu ul li:hover i {
	background-image: -webkit-linear-gradient(315deg, #004098, #3872c0);
	background-image: -o-linear-gradient(315deg, #004098, #3872c0);
	background-image: linear-gradient(135deg, #004098, #3872c0)
}
.productsAndSolutions .top_menu ul li p {
	min-width: 40px;
	text-align: center;
	line-height: 24px;
	font-size: 18px;
	padding-top: 10px
}
.productsAndSolutions .top_menu ul li i {
	font-size: 40px;
	-webkit-line-clamp: 2;
	background-image: -o-linear-gradient(315deg, #333, #999);
	background-image: linear-gradient(135deg, #333, #999);
	background-image: -webkit-linear-gradient(135deg, #333, #999);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.productsAndSolutions .top_menu ul .top_menu_active i {
	background-image: -webkit-linear-gradient(315deg, #004098, #3872c0);
	background-image: -o-linear-gradient(315deg, #004098, #3872c0);
	background-image: linear-gradient(135deg, #004098, #3872c0)
}
.productsAndSolutions .productsAndSolutionsContent {
	position: relative
}
.productsAndSolutions .productsAndSolutionsContent>ul {
	display: none;
	margin-top: 40px;
	overflow: auto
}
.productsAndSolutions .productsAndSolutionsContent>ul li {
	float: left;
	width: calc(100%/3 - 20px);
	margin-right: 30px;
	text-align: center;
	position: relative;
	overflow: hidden
}
.productsAndSolutions .productsAndSolutionsContent>ul li img {
	width: 100%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.productsAndSolutions .productsAndSolutionsContent>ul li:last-child {
	margin-right: 0
}
.productsAndSolutions .productsAndSolutionsContent>ul li figcaption {
	padding-top: 8px;
	font-size: 18px
}
.productsAndSolutions .productsAndSolutionsContent .content_active, .productsAndSolutions .productsAndSolutionsContent .content_bg {
	display: block
}
.productsAndSolutions .productsAndSolutionsContent .content_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin-top: 0;
	height: 100%
}
.productsAndSolutions .productsAndSolutionsContent .content_bg li {
	height: 100%;
	position: relative
}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(1)::after {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(2)::after {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.productsAndSolutions .productsAndSolutionsContent .content_bg li:nth-of-type(3)::after {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}
.productsAndSolutions .productsAndSolutionsContent .content_bg li::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 12;
	background-color: #004098;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.productsAndSolutions .productsAndSolutionsContent .active_bg li::after {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}
.page4 {
	padding-bottom: 70px;
	background-image: url(404.png)
}
.page4 .container #certify {
	margin-top: 70px;
	position: relative;
	width: 100%
}
	.page4 .container #certify .swiper-container {
		width: 100%
	}
.page4 .container #certify .swiper-pagination {
	width: 100%;
	bottom: 20px
}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px;
	width: 30px;
	height: 4px;
	background: #e5e5e5;
	border-radius: 0;
	opacity: 1
}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #004098;
	opacity: 1
}
.page4 .container #certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px
}
.page4 .container #certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px
}
.page4 .container #certify .swiper-container {
	padding-bottom: 60px
}
.page4 .container #certify .swiper-container .swiper-slide {
	width: 315px;
	height: 500px;
	background: #fff;
	text-align: center
}
.future, .future .future_content>div:last-child ul li {
	background-repeat: no-repeat;
	background-position: center
}
.page4 .container #certify .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 16px 35px 0 rgba(0,0,0,.2);
	box-shadow: 0 16px 35px 0 rgba(0,0,0,.2)
}
.page4 .container #certify .swiper-container .swiper-slide figcaption {
	line-height: 30px;
	padding-top: 20px
}
.page4 .container .logos {
	min-height: 300px;
	overflow: auto;
	margin-top: 40px
}
.page4 .container .logos>div:first-child {
	width: 100%
}
.page4 .container .logos>div:first-child>ul>li {
	width: 100%;
	overflow: auto;
	position: relative;
	overflow-x: hidden
}
.page4 .container .logos>div:first-child>ul>li>ul {
	width: 72%;
	float: right;
	height: 100%;
	position: absolute;
	right: 0;
	overflow: auto
}
.page4 .container .logos>div:first-child>ul>li>ul li {
	float: left;
	text-align: center;
	width: calc(16.66666667%);
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.page4 .container .logos>div:first-child>ul>li>ul li img {
	position: relative;
	width: 50%
}
.page4 .container .logos>div:first-child>ul>li>div {
	width: 28%;
	float: left
}
.page4 .container .logos>div:first-child>ul>li>div>img {
	width: 100%
}
.page4 .container .logos>div:first-child>ul>li:first-child {
	position: relative
}
.page4 .container .logos>div:first-child>ul>li:first-child>div img {
	border-right: 3px solid #fff;
	position: relative;
	z-index: 999
}
.future {
	background-image: url(../image/wl.jpg);
	background-size: cover;
	height: 574px
}
.future .title {
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 25px
}
.future .title>span {
	position: absolute;
	right: 0;
	bottom: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	opacity: .6
}
.future .future_content {
	width: 100%;
	position: relative;
	margin-top: 50px
}
.future .future_content>div:first-child {
	width: 380px;
	float: left
}
.future .future_content>div:first-child ul {
	overflow: auto
}
.future .future_content>div:first-child ul li {
	float: left;
	color: rgba(255,255,255,.3);
	position: relative;
	padding: 15px 0;
	margin-right: 40px;
	cursor: pointer
}
.future .future_content>div:first-child ul .future_content_menu_acitve, .future .future_content>div:first-child ul li:hover, .onshow .btn_2 span {
	color: #fff
}
.future .future_content>div:first-child ul li::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	height: 2px;
	width: 0;
	background-color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.future .future_content>div:first-child ul .future_content_menu_acitve:after, .future .future_content>div:first-child ul li:hover:after {
	width: 40px;
	margin-left: -20px
}
.future .future_content>div:first-child>div {
	clear: both;
	margin-top: 24px
}
.future .future_content>div:first-child>div p {
	display: none;
	opacity: .6;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	top: 30px
}
.future .future_content>div:first-child>div .future_content_acitve {
	display: block;
	top: 0!important;
	-webkit-animation: move .5s ease;
	animation: move .5s ease
}
.future .future_content>div:first-child>div .fadeOut {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	opacity: 0
}
@-webkit-keyframes move {
0% {
top:30px
}
100% {
top:0
}
}
@keyframes move {
0% {
top:30px
}
100% {
top:0
}
}
.future .future_content>div:last-child {
	width: 500px;
	float: right;
	height: 260px
}
.future .future_content>div:last-child ul {
	position: relative;
	height: 100%
}
.future .future_content>div:last-child ul::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 12;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.future .future_content>div:last-child ul li {
	width: 100%;
	height: 260px;
	display: none;
	position: relative;
	overflow: hidden;
	background-size: 0 0
}
.future .future_content>div:last-child ul li::after, .future .future_content>div:last-child ul li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background-image: inherit;
	background-repeat: no-repeat;
	background-size: 240% 120%;
	display: block
}
.future .future_content>div:last-child ul li::before {
	content: "";
	right: 50%;
	left: 0;
	z-index: 1;
	background-position: left center;
	-webkit-transform: translate3D(0, 100%, 0);
	-ms-transform: translate3D(0, 100%, 0);
	transform: translate3D(0, 100%, 0);
	-webkit-transition: background 1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1);
	-o-transition: transform 1s cubic-bezier(.645, .045, .355, 1), background 1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s;
	transition: background 1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1);
	transition: transform 1s cubic-bezier(.645, .045, .355, 1), background 1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s;
	transition: transform 1s cubic-bezier(.645, .045, .355, 1), background 1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1)
}
.future .future_content>div:last-child ul li::after {
	content: "";
	right: 0;
	left: 50%;
	z-index: 1;
	background-position: right center;
	-webkit-transform: translate3D(0, 100%, 0);
	-ms-transform: translate3D(0, 100%, 0);
	transform: translate3D(0, 100%, 0);
	-webkit-transition: background 1s cubic-bezier(.645, .045, .355, 1) .1s, opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1) .1s;
	-o-transition: transform 1s cubic-bezier(.645, .045, .355, 1) .1s, background 1s cubic-bezier(.645, .045, .355, 1) .1s, opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s;
	transition: background 1s cubic-bezier(.645, .045, .355, 1) .1s, opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1) .1s;
	transition: transform 1s cubic-bezier(.645, .045, .355, 1) .1s, background 1s cubic-bezier(.645, .045, .355, 1) .1s, opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s;
	transition: transform 1s cubic-bezier(.645, .045, .355, 1) .1s, background 1s cubic-bezier(.645, .045, .355, 1) .1s, opacity .1s cubic-bezier(.645, .045, .355, 1) 1.1s, -webkit-transform 1s cubic-bezier(.645, .045, .355, 1) .1s
}
.future .future_content>div:last-child ul li img {
	width: 100%;
	height: 260px;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.future .future_content>div:last-child ul .future_img_active {
	display: block
}
.future .future_content>div:last-child .img_active_bg::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}
.onshow .container .future_content>div:last-child ul .future_img_active::after, .onshow .container .future_content>div:last-child ul .future_img_active::before {
	-webkit-transform: translate3D(0, 0, 0);
	-ms-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0);
	background-size: 200% 100%
}
.onshow .container .future_content>div:last-child ul .future_img_active img {
	opacity: 1
}
.onshow.innovate>div:last-child .product ul li>a img {
	-webkit-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	opacity: 1
}
.onshow.innovate>div:last-child .product ul li>h3 a {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1
}
.onshow .btn_2::after {
	right: 40px;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg)
}
.onshow .title h3::before, .onshow .title p>span::before {
	left: 100%;
	width: 0
}