body {
	font-size: 14px;
	font-family: Microsoft Yahei;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #003893;
}

a:focus {
	text-decoration: none;
	color: inherit;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

table {
	border-collapse: collapse;
}

video {
	width: 100%;
	vertical-align: middle;
	background-color: #000;
}

input,
button,
textarea,
select {
	border: 0;
	outline: none;
}

/*公共样式勿删除*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.flex {
	display: flex;
	align-items: center;
}

.flex_item {
	flex: 1;
}

.menu_toggle {
	display: none;
	margin: 0;
	cursor: pointer;
	padding: 3px
}

.menu_toggle:hover div:first-child {
	transform: translateY(-2px)
}

.menu_toggle:hover div:last-child {
	transform: translateY(2px)
}

.menu_toggle div {
	display: block;
	width: 28px;
	height: 3px;
	border-radius: 3px;
	background-color: #949ea8;
	transition: all .3s;
	margin: 0;
	transform-origin: left center
}

.menu_toggle div:nth-child(2) {
	margin: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	transform-origin: center
}

.menu_toggle.active div:first-child {
	transform: rotate(45deg) translateX(1px) translateY(-3px)
}

.menu_toggle.active div:nth-child(2) {
	transform: scaleX(0)
}

.menu_toggle.active div:last-child {
	transform: rotate(-45deg) translateY(5.5px) translateX(-1px)
}

.menu_toggle_wrap .elementor-widget-container {
	display: flex
}

.header {
	padding: 10px 0;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	text-align: center;
	background: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}
.header .logo{
	width: 146px;
}
.header .nav{
	display: flex;
	font-size: 18px;
	float: right;
	padding-top: 30px;
}
.header .nav li{
	margin-right: 30px;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
}
.header .nav li.active{
	border-bottom: 2px solid #003893;
}
.header .nav li.active a{
	color: #003893;
}
.header .btn,
.solutions .more,
.client .e .left .btn{
	font-family: "Avenir Next", Avenir Next;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	line-height: 30px;
	letter-spacing: .14px;
	fill: #fff;
	color: #fff;
	background-color: #003893;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #003893;
	border-radius: 4px 4px 4px 4px;
	padding: 5px 25px;
	display: inline-block;
	transition: all .3s;
	position: relative;
	text-transform: uppercase;
}

.header .btn:after,
.solutions .more::after,.client .e .left .btn::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #003893;
	border-top: 1px solid #003893;
	transform-origin: center;
	transform: rotate(45deg) translateY(-50%);
	right: 20px;
	top: 50%;
	opacity: 0;
	transition: all .3s;
}

.header .btn>span,
.client .e .left .btn>span,
.solutions .more>span {
	transition: transform .5s;
	display: inline-block;
}

.header .btn:hover,
.client .e .left .btn:hover,
.solutions .more:hover {
	color: #003893;
	background-color: rgba(228, 63, 80, .19);
	border-color: #003893
}

.header .btn:hover::after,
.client .e .left .btn:hover::after,
.solutions .more:hover::after {
	opacity: 1;
}

.header .btn:hover>span,
.client .e .left .btn:hover>span,
.solutions .more:hover>span {
	transform: translateX(-5px)
}

.footer {
	color: #666;
}

.footer .hd {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}
.footer .hd .logo{
	margin-right: 50px;
}
.footer .hd .r {
	text-align: right;
}

.footer .hd .r .box {
	line-height: 30px;
	letter-spacing: 0.8px;
	color: #999;
	margin-top: 10px;
}
.footer .hd .r .box .flex{
	align-items: stretch;
}
.footer .hd .r .box b {
	color: #003893;
	font-size: 15px;
	width: 120px;

}

.footer .hd h4 {
	font-weight: bold;
	font-size: 16px;
}

.footer .hd li {
	margin-bottom: 15px;
}

.footer .bd {
	padding: 30px 0;
	font-size: 12px;
}

.footer .bd .logo {
	margin-bottom: 40px;
}

.footer .bd .link a {
	padding-left: 15px;
}

.footer .bd .flex_item a {
	color: #c36;
}

.homepage {
	margin-top: 97px;
}

.homepage .a {
	/*background:#003893;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 30px 0 30px;
	position: relative;
}

.homepage .a .bg {
	background-image: url(../image/Hero.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 1;
	mix-blend-mode: screen;
	/*background-position: calc(50% + 280px) calc(50% + 80px) !important;
	background-attachment: fixed;*/
	transition: background .3s, border-radius .3s, opacity .3s;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.homepage .a .bd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: calc(70vh - 97px);
}
.homepage .a .bd .ct{
	max-width: 50%;
	margin: 0 auto;
	text-align: center;
}
.homepage .a .bd .ct font{
	max-width: 100%;
}
.homepage .a .bd .ct .btn{
	margin: 30px 0 0 0;
}
.homepage .a .bd .container {
	position: relative;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	color: #fff;
	align-content: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.homepage .a .bd h3 {
	background-color: #f5f5F540;
	border-radius: 20px 20px 20px 20px;
	border-style: solid;
	border-width: 0;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 15px 25px;
	display: inline-block;
	font-family: "Avenir Next", Avenir Next;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3em;
	letter-spacing: 1px;
}

.homepage .a .bd h2 {
	font-size: 45px;
	font-weight: bold;
}

.homepage .a .bd p {
	font-size: 24px;
	max-width: 510px;
	line-height: 36px;
	margin: 20px 0 0 0;
}
.t_c{
	text-align: right;
}
.homepage .a .bd font {
	font-size: 18px;
	line-height: 30px;
	margin: 20px 0 0 0;
	display:block; overflow:hidden;
}

.homepage .a .bd .btn {
	font-family: "Avenir Next", Avenir Next;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	line-height: 30px;
	letter-spacing: .14px;
	fill: #fff;
	color: #fff;
	background-color: #00389300;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #fff;
	background: #c72b30;
	border-radius: 4px 4px 4px 4px;
	padding: 7px 25px;
	border: 2px solid #c72b30;
	border-radius: 5px;
	text-transform: uppercase;
	margin-top: 30px;
	position: relative;
	display: inline-block;
}
.text-center{
	text-align: center;
}

.homepage .a .btn::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #c72b30;
	border-top: 1px solid #c72b30;
	transform-origin: center;
	transform: rotate(45deg) translateY(-50%);
	right: 20px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;
	transition: all .3s;
}

.homepage .a .btn:hover::after {
	opacity: 1;
}

.homepage .a .btn span {
	transition: all .3s;
	display: inline-block;
}

.homepage .a .btn:hover {
	background: #fff;
	
}

.homepage .a .btn:hover span {
	transform: translateX(-5px);
	color: #c72b30;
}

.homepage .a .down {
	width: 90px;
	position: absolute;
	left: 50%;
	height: 90px;
	bottom: 30px;
	transform: translate(-50%, 0);
}

.homepage .b {
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #666;
	padding: 170px 0;
	letter-spacing: 1px;
}

.homepage .b p a {
	color: #c36;
}

.homepage .title {
	text-align: center;
}

.homepage .title h4,
.solutions h4 {
	color: #003893;
	font-size: 20px;
}

.homepage .title h2,
.solutions h2 {
	font-weight: bold;
	color: #011640;
	padding: 30px 0 50px;
	font-size: 40px;
	line-height:60px;
}

.homepage .c {
	background: linear-gradient(131deg, #003893, #581769, #181154);
	background-size: 600% 600%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	-o-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
	position: relative;
}

.homepage .c:after {
	content: "";
	display: block;
	width: 100%;
	height: 550px;
	background: url(../image/2020-08.png) center right/contain no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.homepage .c .swiper-container {
	height: 550px;
}

.homepage .c .swiper-slide {
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.homepage .c .swiper-slide p {
	font-size: 24px;
	margin-top:50px;
}

.homepage .c .swiper-slide h3 {
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 0.8px;
}

.homepage .c .swiper-slide h2 {
	font-weight: bold;
	font-size: 65px;
	margin-top: 20px;
	text-transform: uppercase;
}

.homepage .c .swiper-pagination {
	top: auto;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	right: auto;
}

.homepage .c .swiper-pagination-bullet {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px;
}

.homepage .c .swiper-pagination-bullet-active {
	background: #fff;
}

@-webkit-keyframes AnimationName {
	0% {
		background-position: 0% 51%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 51%
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 0% 51%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 51%
	}
}

@-o-keyframes AnimationName {
	0% {
		background-position: 0% 51%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 51%
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0% 51%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 51%
	}
}

.homepage .d {
	padding: 120px 0;
}

.homepage .d .bd img {
	height: 60px;
}

.homepage .d .bd ul {
	margin: -20px;
}

.homepage .d .bd li {
	float: left;
	width: 50%;
	padding: 20px;
}

.homepage .d .bd li dd {
	color: #4a4f54;
	line-height: 24px;
}

.homepage .d .bd li dt {
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0 15px;
}

.homepage .e {
	background: #4a4f54;
	font-size: 16px;
	height:500px;
	padding-top:100px;
}

.homepage .e .swiper-slide p {
	font-style: italic;
	line-height: 30px;
}
.homepage .e .swiper-container{
		height: 300px;
}
.homepage .e .swiper-container-vertical>.swiper-pagination-bullets{
	right: auto;
	left: 50%;
	top: auto;
	bottom: 0;
	transform: translate(-50%,0);
}
.homepage .e .swiper-slide {
	height: 300px;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.homepage .e .swiper-slide h3 {
	font-weight: bold;
	font-size:55px;
	text-transform: uppercase;
	margin: 30px 0 10px;
}

.homepage .e .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	background: none;
	opacity: 1;
	border: 1px solid #fff;
}

.homepage .e .swiper-pagination-bullet-active {
	background: #fff;
}

.homepage .f {
	padding: 60px 0 120px 0;
	background: #f5f5f5;
	position: relative;
}

.homepage .f .title {
	text-align: left;
}

.homepage .f .title h2 {
	padding: 0 0 15px 0;
}

.homepage .f p {
	line-height: 26px;
	color: #666;
	margin: 20px 0 30px;
}

.homepage .d .more {
	margin-bottom: 50px;
}

.homepage .f .btn,
.homepage .d .more,.client .e .left .btn1 {
	line-height: 30px;
	letter-spacing: .14px;
	color: #333;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-radius: 4px 4px 4px 4px;
	padding: 5px 25px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	transition: all .3s;
	text-transform: uppercase;
}

.homepage .f .btn::after,
.homepage .d .more::after,.client .e .left .btn1::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform-origin: center;
	transform: rotate(45deg) translateY(-50%);
	right: 20px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;
	transition: all .3s;
}

.homepage .f .btn:hover::after,
.homepage .d .more:hover::after,.client .e .left .btn1:hover::after {
	opacity: 1;
}

.homepage .f .btn span,
.homepage .d .more span,.client .e .left .btn1 span {
	transition: all .3s;
	display: inline-block;
}

.homepage .f .btn:hover,
.homepage .d .more:hover,.client .e .left .btn1:hover {
	background: #333;
}

.homepage .f .btn:hover span,
.homepage .d .more:hover span,.client .e .left .btn1:hover span {
	transform: translateX(-5px);
	color: #fff;
}

.homepage .f .pic {
	position: absolute;
	right: 50%;
	margin-right: -750px;
	width: 540px;
}

.homepage .g {
	position: relative;
}

.homepage .g::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(83, 21, 104, 0.3);
}

.homepage .g img {
	width: 100%;
	height: 600px;
	    object-fit: cover;
}

.homepage .g .box {
	position: absolute;
	color: #fff;
	z-index: 9;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.homepage .g .box p {
	font-size: 24px;
}

.homepage .g .box h2 {
	font-weight: bold;
	font-size: 40px;
	margin: 20px 0;
	letter-spacing: 2px;
}

.homepage .g .btn {
	line-height: 30px;
	letter-spacing: .14px;
	color: #333;
	background-color: #fff;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-radius: 4px 4px 4px 4px;
	padding: 5px 25px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	transition: all .3s;
	text-transform: uppercase;
}

.homepage .g .btn::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #003893;
	border-top: 1px solid #003893;
	transform-origin: center;
	transform: rotate(45deg) translateY(-50%);
	right: 20px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;
	transition: all .3s;
}

.homepage .g .btn:hover::after {
	opacity: 1;
}

.homepage .g .btn span {
	transition: all .3s;
	display: inline-block;
}

.homepage .g .btn:hover span {
	transform: translateX(-5px);
	color: #003893;
}

.homepage .h {
	background: #003893;
	text-align: center;
	color: #fff;
	padding: 140px 0;
}

.homepage .h p {
	font-weight: bold;
	line-height: 60px;
	font-size: 38px;
	padding: 50px 0;
}

.homepage .h .btn {
	line-height: 30px;
	letter-spacing: .14px;
	color: #003893;
	background-color: #fff;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-radius: 4px 4px 4px 4px;
	padding: 5px 25px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	transition: all .3s;
	text-transform: uppercase;
}

.homepage .h .btn::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid #003893;
	border-top: 1px solid #003893;
	transform-origin: center;
	transform: rotate(45deg) translateY(-50%);
	right: 20px;
	top: 50%;
	margin-top: -2px;
	opacity: 0;
	transition: all .3s;
}

.homepage .h .btn:hover::after {
	opacity: 1;
}

.homepage .h .btn span {
	transition: all .3s;
	display: inline-block;
}

.homepage .h .btn:hover span {

	transform: translateX(-5px)
}

.homepage .I {
	padding: 80px 0;
	background-color: #f5f5f5;
}

.homepage .I .bd ul {
	margin: -15px;
}

.homepage .I .bd li {
	float: left;
	width: 33.333%;
	padding: 15px;
}

.homepage .I .bd .box {
	background: #fff;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.homepage .I .bd span {
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: #531568;
	color: #fff;
	border-radius: 25px;
	font-size: 12px;
	padding: 3px 10px;
}

.homepage .I .bd dl {
	padding: 20px;
}

.homepage .I .bd dd {
	line-height: 22px;
	font-size: 12px;
	margin-top: 15px;
}

.homepage .I .bd dt {
	color: #531568;
	font-weight: bold;
	font-size: 15px;
	line-height: 26px;
}

.homepage .I .bd img {
	width: 100%;
}

body {
	overflow-x: hidden;
}

.mask {
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
	transition: all .3s;
}

.menu {
	height: 100vh;
	max-width: 450px;
	background: #fff;
	padding: 50px 50px 50px 100px;
	position: relative;
	overflow-y: auto;
}

.menu ul {
	margin-top: 80px;
}

.menu li {
	line-height: 61px;
	font-size: 24px;
	text-transform: uppercase;
}

.menu_close_btn {
	display: inline-block;
	cursor: pointer;
	position: relative;
	z-index: 9;
	position: absolute;
	right: 20px;
	top: 30px;
}

.menu_close_btn div {
	display: block;
	width: 28px;
	height: 3px;
	border-radius: 3px;
	background-color: #949ea8;
	transition: all .5s;
	margin: 0;

	transform-origin: center
}

.menu .share a {
	font-size: 24px;
	color: #333;
	display: inline-block;
	margin: 60px 20px 0 0;
}

.menu_close_btn div:first-child {
	transform: rotate(45deg)
}

.menu_close_btn div:last-child {
	transform: rotate(-45deg) translateY(-2px) translateX(2px)
}

.popup_form {
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	background: #fff;
}

.popup_form.on {
	display: flex;
}

.popup_form .slider {
	width: 500px;
	height: 100%;
	position: relative;
}

.popup_form .swiper-container {
	height: 100%;
}

.popup_form .swiper-container img {
	height: 100%;
	width: 100%;
}

.popup_form .swiper-slide::after {
	content: '';
	display: block;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
	height: 100%;
}

.popup_form .slider .box {
	z-index: 99;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	padding-bottom: 80px;
}


.popup_form .slider .box .logo img {
	width: 287px;
}

.popup_form .slider .box h3 {
	font-weight: bold;
	font-size: 50px;
	text-transform: uppercase;
}

.popup_form .slider .box h5 {
	font-size: 25px;
	padding: 15px 0;
}

.popup_form .slider .box h5::after {
	content: '';
	width: 140px;
	height: 5px;
	background-color: #003893;
	display: block;
	margin: 10px auto 50px;
}

.popup_form .bd {
	padding: 40px 138px 40px 100px;
	overflow: auto;
}

.popup_form .bd h2 {
	font-size: 60px;
	line-height: 82px;
	letter-spacing: 0.6px;
	color: #000000;
	margin-bottom: 10px;
}

.popup_form .bd p {
	color: rgba(65, 70, 62, 0.6);
	font-family: Avenir Next, sans-serif;
	font-weight: 500;
	font-size: 23px;
	line-height: 30px;
	letter-spacing: 0.7px;
	margin-bottom: 40px;
	width: 100%;
	max-width: 450px;
}

.popup_form .bd h4 {
	color: #000000;
	font-family: Avenir Next, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
}
.popup_form .bd li{
	float: left;
	width: 50%;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	line-height: 36px;
}
.popup_form .bd .form-control {
	border: 1px solid #949EA8;
	background-color: #FFFFFF;
	border-radius: 4px;
	position: relative;
	padding: 16px 70px 16px 20px;
	font-size: 20px;
	line-height: 30px;
	width: 100%;
	letter-spacing: 0.2px;
	cursor: default;
	z-index: 1;
	margin: 0 0 20px 0;
	height: 60px;
}

.popup_form .bd .btn {
	background-color: #003893;
	border: 2px solid #003893;
	padding: 12px 35px;
	color: #FFFFFF;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.14px;
	font-family: Avenir Next, sans-serif;
	font-weight: bold;
	position: relative;
	text-align: center;
	outline: none !important;
	width: 148px;
	display: block;
	margin: 0 auto;
}

.popup_form .bd .max {
	max-width: 494px;
}

.close_btn {
	color: #FFFFFF;
	display: inline-block;
	font-size: 45px;
	line-height: 0;
	position: absolute;
	left: 50px;
	top: 100px;
	cursor: pointer;
	z-index: 5;
}

.menu .header {
	position: static;
	text-align: left;
	box-shadow: none;
	padding-bottom: 0;
}

/**/
.homepage .a-1 {
	background-image: url(../image/3hero.jpg);
	text-align: center;
	font-size: 25px;
}

.homepage .a-1 .elementor-background-overlay {
	background-color: transparent;
	background-image: linear-gradient(180deg, #531568 0, #003893 100%);
	opacity: .39;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	mix-blend-mode: multiply;
	transition: background .3s, border-radius .3s, opacity .3s;
}

.homepage .a-1 .bd {
	min-height: 60vh;
}
.homepage .a-1 dl{
	width:80%; margin:0 auto;
}
.homepage .a-1 dd {
	font-size: 60px;
	font-weight: bold;
	
}
.homepage .a-1 dt{
	margin-top: 30px;
}
.homepage .g .box-bd {
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 60px 120px 60px 120px;
	width: 976px;
	background-color: #fff;
	color: #333;
}

.homepage .g .box-bd::before {
	content: '';
	position: absolute;
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	top: -15px;
	left: -15px;
	pointer-events: none;
	border: 3px solid #fff;
	z-index: 0;
}

.homepage .g .box-bd dl {
	position: relative;
	z-index: 3;
}

.homepage .g .box-bd dd {
	font-size: 18px;
	line-height: 32px;
	margin: 30px 0;
	color: #666;
}

.homepage .g .box-bd dt {
	font-weight: bold;
	font-size: 40px;
}

.solutions .homepage {
	margin: 0;
}

.tabtitle_inner {
	text-align: center;
	background-color: #f5f5f5;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 0;
	z-index: 11;
	position: sticky;
	top: 97px;
	
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.tabtitle_inner .flex{
	display: block;
}
.tabtitle_inner .flex_item{
	display: inline-block;
	margin: 0 25px;
}
.tabtitle_inner .flex_item a {
	display: inline-block;
	position: relative;
	padding: 20px 0;
}

.tabtitle_inner a::after {
	position: absolute;
	content: "";
	left: 50%;
	right: 0;
	width: 0;
	height: 0;
	background: #003893;
	border-radius: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	/* transition: all 0.3s; */
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
	-o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
	transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.tabtitle_inner .on a::after {
	opacity: 1;
	visibility: visible;
	height: 5px;
	left: 0;
	width: 100%;
}

.solutions .part1 {
	background-color: #dee5ed;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 50px 0 0 0;
	z-index: 1;
}

.solutions .part1 .bd {
	display: flex;
}

.solutions .part1 h2 {
	padding: 0 0 10px 0;
}

.solutions .part1 .title {
	padding-bottom: 30px;
}

.solutions .part1 p {
	color: #666;
	line-height: 26px;
	margin-top: 20px;
}

.solutions .part1 .pic {
	margin-left: -300px;
	max-width: 900px;
}

.solutions .part1 .r {
	padding: 217px 0 187px 80px;
}

.solutions .part1 .box {
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 80px 40px 80px 40px;
	background-color: #fff;
	border-radius: 24px 24px 0 0;
	margin: 20px auto 0;
	max-width: 438px;
	position: relative;
	z-index: 9;
}

.solutions .part1 .box .flex {
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	text-transform: uppercase;
}

.solutions .part1 .box .flex span {
	font-size: 40px;
	color: #003893;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;

}

.solutions .part1 svg {
	width: 1em;
	height: 1em;
	position: relative;
	display: block;
}

.solutions .part1 li span {
	font-size: 25px;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

.solutions .part1 ul {
	margin: 30px 0;
}

.solutions .part1 li {
	font-size: 18px;
	margin-top: 30px;
}

.solutions .more {
	margin-top: 30px;
}

.solutions .part2 {
	background-color: #fff;
}

.solutions .part2 .box {
	margin-top: -70px;
}

.solutions .part2 .rr {
	position: relative;
}

.solutions .part2 .rr::before,
.solutions .part2 .rr::after {
	content: '';
	width: 641px;
	height: 641px;
	border: 3px solid #003893;
	border-radius: 50%;
	position: absolute;
	left: -80px;
	top: -150px;
}

.solutions .part2 .rr:before {
	border-color: #949ea8;
	top: -230px;
	left: -70px;
}

.solutions .part2 img {
	position: relative;
	z-index: 9;
	border-radius: 30px;
}

.solutions .part3 {
	background-color: #f5f5f5;
	padding-top: 100px;
}

.solutions .part3 img {
	width: 461px;
}

.solutions .part3 .box {
	margin-top: -200px;
}

.solutions .part4 {
	background-color: #fff;
	padding: 120px 0 0 0;
	margin-bottom: 60px;
}

.solutions .part4 .rrr {
	position: relative;
}

.solutions .part4 .rrr .box {
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 50px 40px 40px 40px;
	border-radius: 24px 0 0 24px;
	max-width: 467px;
	margin: -320px 0 0 0;
	float: right;
}

.solutions .part4 .add {
	position: absolute;
	top: -137px;
	left: 40%;
	width: 260px;
}

.solutions .part4 .add svg {
	width: ;
}

.solutions .part4 .left {
	position: relative;
}

.solutions .part4 .left .line1 {
	left: 26px;
	bottom: 120px;
	z-index: 10;
	position: absolute;
	height: 3px;
	background-color: #003893;
	width: calc(100% + 54px) !important;
}

.solutions .part4 .left .line1::after {
	content: '';
	width: 20px;
	height: 20px;
	border: 3px solid #003893;
	border-radius: 50%;
	position: absolute;
	left: -26px;
	top: 50%;
	transform: translateY(-50%);
}

.solutions .part4 .left .line2 {
	transform-origin: center;
	z-index: 10;
	position: absolute;
	bottom: 120px;
	right: -80px;
	width: 3px !important;
	height: calc(100% - 80px);
	background: #003893;
}

.solutions .part4 .left .line3 {
	position: absolute;
	top: -40px;
	right: -230px;
	width: 150px;
	height: 3px;
	background-color: #003893;
}

.solutions .part4 .left .line3::after {
	content: '';
	width: 20px;
	height: 20px;
	border: 3px solid #003893;
	border-radius: 50%;
	position: absolute;
	right: -26px;
	top: 50%;
	transform: translateY(-50%);
}

/**/
.homepage .d-1 .title h2 {
	padding: 0;
}

.homepage .d-1 .title h4 {
	color: #666;
	padding: 30px 0 60px;
}

.homepage .d-1 .ft {
	text-align: center;
	line-height: 30px;
	color: #666;
	margin-top: 90px;
}

.homepage .d-1 .ft p {
	margin-bottom: 50px;
}

.homepage .d-1 .ft a {
	display: inline-block;
	font-weight: bold;
	padding: 0 20px;
	color: #003893;
}

.homepage .e-1 {
	height: 400px;
	padding-top: 50px;
}

.career .a {
	padding: 100px 0;
}

.career .a .flex_item {
	position: relative;
}

.career .a .flex_item img {
	width: 100%;
	max-width: 100%;
	height: 650px;
	object-fit: cover;
}

.career .a .flex_item::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;

}

.career .a .flex_item .box {
	position: absolute;
	width: 100%;
	left: 0;
	font-weight: bold;
	bottom: 0;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 80px;
}

.career .a .flex_item .box i {
	font-size: 50px;
	margin-bottom: 15px;
}

.career .a .flex_item:hover::before {
	opacity: 1;
}

.career .b {
	background-color: #f5f5f5;
	padding: 70px 0;
}

.career .b .title {
	text-align: center;
}

.career .b .title h4 {
	color: #003893;
	font-size: 20px;
}

.career .b .title h2 {
	font-weight: bold;
	color: #011640;
	padding: 10px 0 50px;
	font-size: 40px;
}

.career .b h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.career .b .flex_item {
	padding: 0 20px;
}

.career .b select {
	border: 1px solid #949EA8;
	background-color: #FFFFFF;
	border-radius: 4px;
	position: relative;
	padding: 16px 70px 16px 20px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.2px;
	cursor: default;
	z-index: 1;
	width: 100%;
}

.career .c {
	margin: 70px 0 100px;
}

.career .c .flex {
	padding: 25px;
	border-bottom: 1px solid #D5D1C5;
	font-size: 16px;
	position: relative;
	color: #666;
}

.career .c .flex .w {
	width: 20%;
}

.career .c .flex_item a {
	font-weight: bold;
}

.career .c i {
	font-size: 22px;
	color: #003893;
}
/**/
.resources .a{
	background: url(../image/5_02.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
	padding: 100px 0;
	font-size: 16px;
}
.resources .a dt{
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 15px;
}
.resources .b{
	padding: 40px 0;
}
.resources .b .left{
	float: left;
	width: 33.333%;
	padding-right: 100px;
}

.resources .b .left dt{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.resources .b .left dd p{
	line-height: 24px;
	margin-bottom: 30px;
}
.resources .b .left dd a{
	color: #666;
}
.resources .b .left .share{
	margin-bottom: 40px;
}
.resources .b .left .share a{
	display: inline-block;
	margin-right: 20px;
	font-size:18px;
}
.resources .b .right{
	float: left;
	width: 66.667%;
}
.resources .b .right li{
	float: left;
	width: 50%;
	padding: 15px;
}
.resources .b .right li .box{
	box-shadow:  0 0 20px rgba(0,0,0,0.1);
	background-color: #fff;
}
.resources .b .right li .box img{
	width: 100%;
	height: 166px;
	object-fit: cover;
}
.resources .b .right li .box .pic{
	display: block;
	position: relative;
}
.resources .b .right li .box .pic span{
	position: absolute;
	right: 0;
	    top: 0;
	    background: #531568;
	    color: #fff;
	    font-size: 12px;
	    padding: .6em 1.2em;
		display: inline-block;
		font-weight: bold;
		text-transform: uppercase;
	    line-height: 1;
	    margin: 20px;
	    border-radius: 5px;
}
.resources .b .right li dl{
	padding: 30px 30px 0;
	height: 300px;
	border-bottom: 1px solid #eee;
}
.resources .b .right li dd{
	line-height: 28px;
	color: #666;
}
.resources .b .right li dt{
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 10px;
}
.resources .b .right li .ft{
	padding: 15px 30px;
	color: #666;
}
/**/
.resources .a p{
	margin-bottom: 15px;
}
.resources .share_item{
	text-align: right;
	position: sticky;
	margin-top: -76px;
	top: 114px;
	z-index: 99;
	margin-bottom: 30px;
}
.resources .share_item .box{
	display: inline-block;
	width: 26%;
	text-align: center;
	line-height: 95px;
	background-color: #531568;
}
.resources .share_item .box a{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 0 15px;
}
.resources .c{
	width: 74%;
}
.resources .c img{
	width: 100%;
}
.resources .c .bd{
	padding: 50px;
}
.resources .c .bd p{
	line-height: 24px;
	color: #666;
	margin-top: 20px;
}
.resources .c .bd h3{
	font-size: 18px;
	margin-top: 30px;
}
.resources .c .bd h1{
	font-size: 24px;
}
.resources .c .bd ul{
	line-height: 36px;
	font-weight: bold;
	margin-top: 30px;
}
.resources .c .ft{
	text-align: right;
	text-transform: uppercase;
}
.resources .c .ft i{
	color: #003893;
}
.resources .d{
	position: relative;
	z-index: 99;
	background-color: #f5f5f5;
	margin-top: 50px;
	padding: 80px 0;
}
.resources .d .right{
	float: none;
	width: 100%;
}
.resources .d .right li{
	width: 33.333%;
}
.resources .d .title,.resources .d .more{
	text-align: center;
}
.resources .d .title h2{
	font-size: 26px;
	margin: 15px 0 40px;
}
.resources .d .title h4{
	font-size: 16px;
	color: #003893;
}
.resources .d .more{
	font-size: 26px;
	margin-top: 20px;
}
.resources .d .more a:last-child{
	display: inline-block;
	margin-left: 15px;
	color: #003893;
}
.resources .d .right li .box .pic span{
	background: #003893;
}
/**/
.information{
	margin-top: 114px;
	background: #F5F5F5;
}
.information .left{
	width: 39%;
	float: left;
}
.information .left h2{
	font-size: 60px;
	    font-weight: normal;
	    line-height: 82px;
	    letter-spacing: 0.6px;
		color: #666;
		margin: 50px 0;
}
.information .left li {
	cursor: pointer;
	display: block;
	font-size: 24px;
	position: relative;
	    padding: 20px 0;
		color: #949EA8;
}
.information .left li.on{
	color: #333;
}
.information .tabcontent{
	width: 61%;
	float: left;
	padding: 60px;
	    height: 100vh;
	    overflow-y: auto;
		background-color: #fff;
}
.information .tabcontent p{
	color: #4a4f54;
	line-height: 24px;
	margin-bottom: 25px;
}
.information .tabcontent p b{
	color: #000;
}
.information .tabcontent h4{
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
}
/**/
.homepage .a-2 {
    background-image: url(../image/5_02.jpg);
    text-align: center;
    font-size: 25px;
}


/**/
.homepage .a-3 {
	background-image: url(../image/2Hero.jpg);
	text-align: center;
	font-size:18px;
}
.solutions .part1-1{
	background: none;
}
.solutions .part1-1 img{
	width: 840px;
	margin-right: -300px;
	max-width: 100vw;
	margin-top: -150px;
}
.quality .a .bd{
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	position: relative;
}
.quality .a .bd .line{
	position: relative;
	margin: 50px 0 40px;
}
.quality .a .bd .line i{
	background: url(../image/i8.png) center no-repeat;
	display: block;
	margin: 0 auto;
	width: 45px;
	height: 45px;
	position: relative;
	z-index: 3;
}
.quality .a .bd .swiper-slide-thumb-active .line i{
	background: url(../image/i9.png) center no-repeat;
}
.quality .a .bd .line::before{
	content: '';
	display: block;
	right: 0;
	position: absolute;
	left: 0;
	height: 5px;
	background: #d5d1c5;
	top: 50%;
	transform: translate(0,-50%);
}
.quality .a .bd img{
	filter: grayscale(100%);
	opacity: 0.6;
}
.quality .a .bd .swiper-slide:first-child .line::before{
	left: 50%;
}
.quality .a .bd .swiper-slide:last-child .line::before{
	right: 50%;
}
.quality .a .bd .swiper-slide-thumb-active img{
	filter: grayscale(0);
	opacity: 1;
}
.quality .a .bd .swiper-slide-thumb-active .line::before{
	background: #003893;
}
.quality .a .swiper-button-next,.quality .a  .swiper-button-prev{
	color: #666;
	margin-top:-250px;
	
}
.quality .a .swiper-button-next:after,.quality .a  .swiper-button-prev:after{
	font-size: 24px;
}
.quality .a .hd{
	display: flex;
	font-weight: bold;
	line-height: 36px;
	font-size: 20px;
	margin: 100px ;
}
.quality .b .gallery-thumbs1{
	height: 549px;
	padding-bottom: 40px;
	text-align: center;
}
.quality .b .gallery-thumbs1 .swiper-slide{
	height: calc((100% ) / 3);
}
.quality .b .gallery-thumbs1 img{
	max-height: 165px;
	    max-width: 165px;
	    width: 100%;
	    -o-object-fit: contain;
		cursor: pointer;
	    object-fit: contain;
}
.quality .b {
	background-color: #f5f5f5;
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
	    margin-bottom: 0;
	    padding: 100px 0 70px;
}
.quality .title{
	text-align: center;
	padding-bottom: 50px;
}
.quality .title h2{
	font-weight: bold;
	    color: #011640;
	    padding: 0 0 15px ;
	    font-size: 40px;
}
.quality .title h4{
	color: #003893;
	    font-size: 20px;
}
.lefttop{
	height: 100vh;
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 538px;
	    max-width: 100%;
	    background-color: #FFFFFF;
	    z-index: 15;
	    border-right: 1px solid #D5D1C5;
	    padding: 70px 50px 82px 100px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    overflow-y: auto;
		z-index: 999;
	opacity: 0;
	visibility: hidden;
}
.lefttop.on{
	opacity: 1;
	visibility: visible;
}
.lefttop p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}
.lefttop .flex1 img{
	width: 110px;
	height: 165px;
	margin-right: 15px;
}
.lefttop .flex1 h5{
	font-size: 22px;
}
.lefttop .flex1 h4{
	font-weight: bold;
	margin: 10px 0;
}
.lefttop .flex2{
	font-weight: bold;
	margin-top: 50px;
}
.lefttop .flex2 img{
	margin-right: 15px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}
.lefttop .swiper-pagination{
	position: static;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 50px;
}
.lefttop .swiper-button-next,.lefttop  .swiper-button-prev{
	color: #999;
	top:70px;
	margin: 0;
}
.lefttop .swiper-button-next:after,.lefttop  .swiper-button-prev:after{
	font-size: 24px;
}
.lefttop .swiper-button-next{
	right: 50px;
}
.lefttop  .swiper-button-prev{
	left: auto;
	right: 100px;
}
.lefttop .close{
	color: #ccc;
	font-size: 30px;
	position: absolute;
	left: 100px;
	z-index: 99;
	top: 70px;
	cursor: pointer;
}
.lefttop .btn{
	position: absolute;
	left: 100px;
	bottom: 50px;
	right: 50px;
	line-height: 30px;
	    font-weight: bold;
	    text-align: center;
	    font-family: Avenir Next, sans-serif;
	    color: #FFFFFF;
	    display: block;
	    padding: 7px 15px;
	    border: 2px solid #003893;
	    background-color: #003893;
	    border-radius: 4px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
		
}
.quality .solutions .part3{
/*	background: #fff;*/
}
.quality .solutions .part3 .xx{
	padding-left: 50px;
}
.quality .solutions video{
	margin-top: 60px;
}
/**/
.client .title{
	text-align: center;
}
.client .title h2{
	font-weight: bold;
	color: #011640;
	padding: 0 0 10px 0;
	font-size: 40px;
}
.client .title h4{
	color: #003893;
	    font-size: 20px;
}
.client .part2{
	background-color: #f5f5f5;
	padding: 100px 0;
}
.client .part2 .title{
	text-align: left;
}
.client .part2 img{
	width: 670px;
	    height: 650px;
	    object-fit: cover;
	    border-radius: 24px 24px 24px 24px;
}
.solutions .part1 p b{
	color: #000;
}
.client .b-1 .hd,.client .b-1 .bd{
	padding: 80px 0;
}
.client .b-1 .bd{
	background-image: linear-gradient(to bottom, #501462 , #a11f61);
}
.client .b-1 ul{
	padding: 30px 0;
}
.client .b-1 li{
	float: left;
	width: 50%;
	padding:0 30px;
	line-height: 26px;
}
.client .b-1 li p{
	color: #666;
	min-height: 78px;
}
.client .b-1 li h4{
	font-size: 24px;
	margin: 30px 0 15px;
}
.client .b-1 .bd{
	color: #fff;
}
.client .b-1 .bd li p{
	min-height: 104px;
	color: #fff;
}
.client .b-1 .bd .title h2,.client .b-1 .bd .title h4{
	color: #fff;
}
.client .c .left{
	float: left;
	width: 45%;
	padding-right: 50px;
	padding-top: 150px;
}
.client .c .left .title{
	text-align: left;
}
.client .c .left p{
	color: #666;
	    line-height: 26px;
	    margin-top: 20px;
}
.client .c .left p b{
	color: #000;
}

.client .c .right{
	float: left;
	width: 55%;
}
.client .c .quality .b .gallery-thumbs1 img{
	width: 100%;
	max-width: 100%;
	max-height: inherit;
	    -o-object-fit: cover;
	    object-fit: cover;
		height: 100%;
}
.client .c .quality .b .gallery-thumbs1 .swiper-slide{
	height: calc((100% ) / 5);
}
.client .c .quality .b .gallery-thumbs1{
	height: 1030px;
	padding: 0 0 60px 0;
}
.client .c .quality .b{
	padding: 0;
	background: none;
}
.client .d{
	background-color: #f5f5f5;
	padding: 130px 0 100px;
	font-size: 16px;
	line-height: 36px;
}
.client .d .bd {
	text-align: center;
	margin-top: 80px;
}
.client .d .bd img{
	display: block;
	    margin: 30px auto 0 auto;
	    width: 300px;
	    max-width: 100%;
}
.client .d .bd dt{
	font-size: 22px;
	font-weight: bold;
	margin: 80px 0 20px;
}
.client .d .swiper-button-next,.client .d  .swiper-button-prev{
	color: #ccc;
}
.client .d .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #333;
}
.client .d p{
	margin-top: 50px;
}
.client .d .title{
	position: relative;
	text-align: left;
}
.client .d .title::before{
	content: '20+';
	    position: absolute;
	    left: 0;
	    top: -55px;
	    color: #003893;
	    font-size: 40px;
		font-weight: bold;
}
.client .d .title::after{
	content: '';
	    position: absolute;
	    width: 70px;
	    height: 8px;
	    background-color: #003893;
	    border-radius: 10px;
	    transform-origin: center;
	    transform: rotate(-45deg);
	    left: -15px;
	    bottom: 30px;
}
.client .e {
	padding-top: 100px;
}
.client .e .left{
	float: left;
	width: 40%;
}
.client .e .left .title{
	text-align: left;
	margin-bottom: 60px;
}
.client .e .left .btn1{
	margin-top: 30px;
}
.client .e .right{
	float: left;
	width: 60%;
}
.client .e .right dl{
	margin-bottom: 20px;
	    transition: all .5s;
	    border: 1px solid #949ea8!important;
	    border-radius: 4px;
}
.client .e .right dl.on dt i{
	transform: rotate(180deg);
}
.client .e .right dt{
	padding: 20px 50px 20px 20px;
	position: relative;
	font-size: 20px;
	cursor: pointer;
}
.client .e .right dt i{
	position: absolute;
	    right: 20px;
	    line-height: 0;
	    top: 35px;
	    transform-origin: center;
	    transform: none;
	    transition: all .3s;
}
.client .e .right dd{
	padding: 20px 20px 20px 20px;
	color: #666;
	display: none;
	line-height: 24px;
}
.client .e .right p{
	margin-bottom: 10px;
}
.client .e .right ol{
	padding-left: 15px;
}
/**/
.job .a{
	padding: 15px 0;
}
.job .b .hd {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}
.job .b .hd .flex span{
	color: #DB2A3A;
}
.job .b .hd .flex b{
	font-size: 20px;
}
.job .b .hd p{
	width: 185px;
	text-align: center;
	padding: 15px 0;
	color: #666;
}
.job .b .hd .login{
	display: block;
	width: 185px;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	background-color: #0073b1;
}
.job .b .bd{
	padding: 25px 30px 30px 30px;
	    background-color: #FAFAFA;
	    max-width: 550px;
		font-size: 12px;
}
.job .b .bd .box {
	border-bottom: 1px solid #ddd;
	padding: 20px 0 5px;
}
.job .b .bd .box .flex{
	line-height: 30px;
	    margin-bottom: 15px;
}
.job .b .bd .box input{
	padding: 5px;
	    border: solid 1px #DDD;
	    font-size: 13px;
	    border-radius: 3px;
	    font-family: inherit;
		width: 100%;
}
.job .b .bd .box .flex>span{
	display: block;
	width: 105px;
	    text-align: right;
	    margin-right: 10px;
}
.job .b .bd .box .flex>span a,.job .b .bd .box h4 a{
	color: #DB2A3A;
}
.job .b .bd .box .flex_item>a{
	color: #2975CA;
}
.job .b .ft{
	text-align: right;
	padding: 30px 0 0;
}
.job .b .ft button{
	background: #2975CA;
	    font-weight: normal;
	    padding: 12px 20px 14px 20px;
	    font-size: 14px;
	    line-height: 17px;
		color: #fff;
	    border-radius: 3px;
	    transition: background 0.15s ease 0s, border-color 0.15s ease 0s;
	    -webkit-appearance: none;
}
.job .c{
	height: 100px;
	    padding-top: 20px;
	    clear: both;
	    font-size: 12px;
		line-height: 30px;
	    border-top: solid 1px #ccc;
	    background-color: #eee;
	    text-align: center;
}
.job .c img{
	width: 100px;
}
.containtus .flex{
	margin: 50px -20px;
}
.containtus img{
	width: 100%;
	margin-bottom: 15px;
}
.containtus .flex{
	line-height: 36px;
	font-size: 16px;
	align-items: stretch;
}
.containtus .flex_item{
	padding: 0 20px;
}
.job .pic{
	display: block;
	width: 500px;
	margin:20px auto;
	max-width: 100%;
}
.job .bd{
	line-height: 30px;
	font-size: 16px;
	padding-top: 30px;
}
.job .bd p{
	margin-top: 20px;
}
.job .bd dt{
	font-size: 24px;
	font-weight: bold;
}
.job .bd dd{
	color: #999;
}
@media (min-width:951px) and (max-width:1366px) {
	.container {
		width: 900px;
		max-width: 900px;
	}
	
}
@media (min-width:769px) and (max-width:950px) {
	.container {
		padding: 0 15px;
	}

	.header .btn {
		display: none;
	}

	.homepage .title h2,
	.homepage .g .box h2,
	.homepage .h p {
		font-size: 30px;
	}

	.homepage .d .bd li {
		width: 50%;
	}

	.homepage .f .pic {
		width: 523px;
		top: 100px;
		margin-right: -550px;
	}

	.homepage .g .box h2 {
		letter-spacing: 0;
	}

	.homepage .h img {
		width: 164px;
		height: auto;
	}

	.homepage .I .bd li {
		width: 50%;
	}


}

.hidden {
	display: none;
}

@media (max-width:768px) {
	.container {
		padding: 0 15px;
	}

	.hidden-xs {
		display: none;
	}

	.visible-xs {
		display: block;
	}

	.header .btn {
		display: none;
	}

	.header .left {
		min-width: auto;
	}

	.header .logo {
		width: 64px;
	}

	.header {
		padding: 20px 0;
	}

	.homepage {
		margin-top: 73px;
	}

	.homepage .a .bd h3 {
		font-size: 14px;
		padding: 10px;
	}

	.homepage .a .bd h2 {
		font-size: 24px;
		margin: 0;
	}

	.homepage .a .bd p {
		line-height: 28px;
		font-size: 16px;
		margin: 15px 0 0;
	}
	.homepage .a .bd font{
		margin: 15px 0 0;
	}

	.homepage .a .bd .btn {
		margin-top: 20px;
	}

	.homepage .b {
		padding: 60px 0;
		line-height: 22px;
		font-size: 12px;
	}

	.homepage .title h4,
	.homepage .e {
		font-size: 14px;
	}

	.homepage .title h2 {
		line-height: 36px;
		font-size: 24px;
		padding: 15px 0;
	}

	.homepage .c .swiper-container,
	.homepage .c:after {
		height: 420px;
	}

	.homepage .c .swiper-slide h3 {
		font-size: 20px;
	}

	.homepage .c .swiper-slide h2 {
		font-size: 36px;
	}

	.homepage .c .swiper-slide p {
		font-size: 16px;
	}

	.homepage .d {
		padding: 50px 0;
	}

	.homepage .d .bd li {
		width: 100%;
		text-align: center;
	}

	.homepage .e {
		height: 400px;
		padding-top: 50px;
	}

	.homepage .f {
		padding: 30px 0;
	}

	.homepage .f .pic {
		position: static;
		margin: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.homepage .g .box h2 {
		font-size: 24px;
		letter-spacing: 0;
	}

	.homepage .g .box p {
		font-size: 16px;
	}

	.homepage .g .box {
		width: 60%;
	}

	.homepage .h img {
		width: 124px;
		height: auto;
	}

	.homepage .h p {
		font-size: 24px;
		line-height: 40px;
	}

	.homepage .h {
		padding: 80px 0;
	}

	.homepage .I .bd li {
		width: 100%;
	}

	.footer .hd>.flex {
		display: block;
	}

	.footer .hd .r {
		text-align: left;
	}

	.footer .hd h4 {
		margin-top: 15px;
	}

	.footer .hd li {
		margin-bottom: 8px;
		font-size: 13px;
	}

	.footer .hd .r .box {
		margin-top: 15px;
	}

	.footer .bd .logo {
		display: block;
		margin: 0 auto 20px;
	}

	.footer .bd .flex {
		display: block;
	}

	.footer .bd .flex_item {
		padding: 0 0 15px 0;
	}

	.footer .bd .link a {
		padding: 0 5px;
	}

	.homepage {
		overflow-x: hidden;
	}

	.menu {
		padding: 30px 30px 30px 50px;
	}

	.menu li {
		font-size: 16px;
		line-height: 40px;
	}

	.menu ul {
		margin-top: 50px;
	}

	.menu .header .btn {
		display: inline-block;
	}

	.popup_form .bd {
		padding: 30px;
	}

	.popup_form.on {
		display: block;
	}

	.popup_form .slider {
		width: 100%;
		height: 400px;
	}

	.popup_form .slider .box .logo img {
		width: 175px;
	}

	.popup_form .slider .box {
		padding-bottom: 40px;
	}

	.close_btn {
		top: 40px;
		left: 20px;
	}

	.popup_form .slider .box h3 {
		font-size: 30px;
	}

	.popup_form .swiper-slide::after {
		background: rgba(0, 0, 0, 0.5);
	}

	.popup_form {
		overflow-y: scroll;
	}

	.popup_form .bd p {
		font-size: 16px;
	}

	.homepage .a-1 dd {
		font-size: 30px;
	}

	.homepage .a-1 {
		font-size: 18px;
	}

	.tabtitle_inner .flex {
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
	}

	.tabtitle_inner .flex .flex_item {
		display: inline-block;
		margin:0 20px 0 0;
		font-size: 14px;
	}

	.tabtitle_inner {
		top: 73px;
	}

	.solutions .part1 .pic {
		margin: 0 0 60px 0;
		max-width: 100%;
	}

	.solutions .part1 .bd {
		display: block;
	}

	.solutions .part1 .r {
		padding: 0;
	}

	.solutions .part2 .rr::before,
	.solutions .part2 .rr::after,
	.solutions .part4 .left .line1,
	.solutions .part4 .left .line2,
	.solutions .part4 .left .line3,
	.solutions .part4 .left .line4 {
		display: none;
	}

	.homepage .g .box {
		width: 80%;
		padding: 20px;
	}

	.homepage .g .box-bd dd {
		font-size: 14px;
		line-height: 24px;
		margin: 15px 0;
	}

	.homepage .g .box-bd dt,
	.solutions .part1 h2 {
		font-size: 24px;
	}

	.solutions .part1 .box,
	.solutions .part4 .rrr .box {
		border-radius: 20px 20px 0 0;
		margin: -30px 0 0;
		float: none;
	}

	.solutions .part4 {
		margin: 0;
		padding: 0;
	}

	.solutions .part4 .add {
		width: 100px;
		left: 70%;
		top: -50px;
		font-size: 100px;
	}

	.solutions .part4 .left {
		padding: 60px 0;
	}

	.solutions .part1 p br {
		display: none;
	}

	.homepage .title h4,
	.solutions h4 {
		font-size: 16px;
	}

	.solutions .part1 .title {
		padding: 0;
	}

	.solutions .part1 .m_pd {
		padding: 0 0 40px;
	}

	.solutions .part3 {
		padding-top: 40px;
	}

	.solutions .part1 li {
		margin-top: 15px;
	}

	.homepage .d-1 .ft {
		margin-top: 30px;
	}

	.homepage .e-1 .swiper-slide p {
		line-height: 22px;
	}

	.homepage .e-1 .swiper-slide p br {
		display: none;
	}

	.career .a .flex {
		display: block;
	}

	.career .a .flex_item img {
		height: 300px;
	}

	.career .a {
		padding: 30px 0;
	}

	.career .b .flex {
		display: block;
	}

	.career .b .title h4,.resources .d .title h4 {
		font-size: 14px;
	}

	.career .b .title h2 {
		line-height: 36px;
		font-size: 24px;
		padding: 15px 0 0;
	}

	.career .b h3 {
		margin-top: 20px;
	}

	.career .b {
		padding: 40px 0;
	}

	.career .c {
		margin: 10px 0;
	}

	.career .c .flex {
		display: block;
		line-height: 30px;
	}

	.career .c .flex>a {
		position: absolute;
		right: 25px;
		top: 25px;
	}
	.resources .b .left{
		display: none;
	}
	.resources .b .right{
		width: 100%;
		float: none;
	}
	.resources .b .right li{
		width: 100%;
	}
	.resources .c{
		width: 100%;
	}
	.resources .share_item .box{
		width: 100%;
	}
	.resources .share_item{
		position: static;
		margin: 15px 0 0;
	}
	.resources .d{
		padding: 40px 0;
		margin: 0;
	}
	.resources .d .more{
		font-size: 16px;
	}
	.resources .d .title h2{
		font-size: 20px;
		margin: 10px 0 20px;
	}
	.information .left,.information .tabcontent{
		float: none;
		width: 100%;
	}
	.information .tabcontent{
		padding: 20px;
	}
	.information .left li{
		font-size: 16px;
		padding: 10px 0;
	}
	.information{
		margin-top: 73px;
		padding-bottom: 20px;
	}
	.information .left {
		padding: 30px 0;
	}
	.information .left h2{
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 26px;
		line-height: 40px;
	}
	.information .tabcontent{
		height: auto;
	}
	.quality .solutions .part3 .xx{
		padding: 0;
	}
	.quality .title h4{
		font-size: 16px;
	}
	.title h4 br{
		display: none;
	}
	.quality .b .gallery-thumbs1 .swiper-slide{
		height: calc((100% ) / 3);
	}
	.quality .title h2,.client .title h2{
		line-height: 36px;
		    font-size: 24px;
		    padding: 15px 0;
	}
	.quality .a .hd{
		margin:50px 0;
		display: block;
	}
	.quality .a .hd img{
		margin-top: 40px;
	}
	.quality .a .bd .line{
		margin: 20px 0;
	}
	.quality .a .bd img{
		width: 60px;
	}
	.quality .a .bd{
		font-size: 14px;
	}
	.quality .a .swiper-button-next, .quality .a .swiper-button-prev{
		margin-top: -237px;
	}
	.quality .b{
		padding: 50px 0;
	}
	.solutions .part1-1 img{
		margin: 0;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.solutions .part1-1{
		padding: 0;
	}
	.client .b-1 li{
		width: 100%;
	}
	.client .b-1 .hd, .client .b-1 .bd{
		padding: 40px 0;
	}
	.client .c .left,.client .c .right,.client .e .left,.client .e .right{
		float: none;
		width: 100%;
	}
	.client .c .quality .b .gallery-thumbs1{
		height: 400PX;
	}
	.client .c .quality .b .gallery-thumbs1 .swiper-slide {
	    height: calc((100% ) / 3);
	}
	.client .c .left,.client .part2{
		padding: 30PX 0;
	}
	.client .e .right dt,.client .d{
		font-size: 14px;
	}
	.client .e{
		padding-top: 30px;
	}
	.client .e .left .title{
		margin-bottom: 15px;
	}
	.client .e .left .btn1{
		margin: 15px 0;
	}
	.client .d .bd,.client .d .bd dt{
		margin-top: 30px;
	}
	.client .d p{
		margin-top: 20px;
	}
	.client .d{
		padding: 70px 0 30px;
	}
	.client .d .title::before{
		font-size: 24px;
		top: -35px;
	}
	.client .b-1 ul,.solutions .part1 .m_pd{
		padding: 0;
	}
	.client .b-1 li h4{
		font-size: 18px;
	}
	.lefttop{
		width: 100%;
		padding: 20px;
	}
	.lefttop .close{
		left: 20px;
		top: 20px;
	}
	.lefttop .swiper-button-next, .lefttop .swiper-button-prev{
		top: 20px;
	}
	.lefttop .btn{
		position: static;
		margin-top: 15px;
	}
	.lefttop p{
		font-size: 14px;
	}
	.job .b .bd .box .flex{
		display: block;
	}
	.job .b .bd .box .flex>span{
		text-align: left;
	}
	.popup_form .bd li{
		width: 100%;
	}
	.popup_form .bd h2{
		font-size: 30px;
	}



}


.languages {
	position: relative;
	margin-left: 30px;
}

.languages .lang_list {
	padding: 10px 0;
	background-color: #FFFFFF;
	border-radius: 7px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border: 0.5px solid #949EA8;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	right: -11px;
	top: 45px;
	cursor: default;
}

.languages div.current_lang {
	padding: 0 25px 15px 10px;
	margin-bottom: -15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	cursor: default;
}

.languages .current_lang:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-right: 2px solid #4A4F54;
	border-bottom: 2px solid #4A4F54;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
	right: 2px;
}

.languages .current_lang:hover+.lang_list,
.languages .lang_list:hover {
	opacity: 1;
	visibility: visible;
}

.languages .lang_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.languages .lang_list ul li {
	display: block;
	text-align: left;
}

.languages .lang_list ul li a,
.languages .current_lang {
	padding: 5px 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 22px;
	letter-spacing: 0.48px;
	color: #41463E;
	font-family: Avenir Next, sans-serif;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.languages .lang_list ul li a:hover {
	text-shadow: 0.5px 0 #41463E, -0.5px 0 #41463E;
}

.languages .lang_list ul li a span {
	/*display: block;*/
}

.languages .lang_list ul li img,
.languages .current_lang img {
	width: 30px;
	/*display: block;*/
	margin-right: 6px;
	border-radius: 50%;
	max-width: 100%;
}

@media (max-width: 950px) {
	.languages {
		margin-left: 0;
	}
}

@media (max-width: 766px) {
	.languages div.current_lang {
		padding: 0 10px 15px 10px;
	}

	.languages div.current_lang span {
		display: none;
	}

	.languages div.current_lang:after {
		content: none;
	}

	.languages .lang_list {
		top: 40px;
	}
	.containtus .flex{
		display: block;
		font-size: 14px;
		line-height: 22px;
		margin: 20px -15px;
	}
	.containtus img{
		margin: 20px 0 8px;
	}
	.header .nav{
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		font-size: 14px;
		line-height: 30px;
		padding: 10px 0;
		background: #fff;
		z-index: 99;
	}
	.homepage .a .bg{
		
		background-size: cover;
	}
	.homepage .a .bd{
		padding: 30px 0;
	}
	.menu_toggle{
		display: block;
		position: absolute;
		right: 15px;
		top: 5px;
	}
	.t_c{
		text-align: left;
		padding-bottom: 15px;
	}
	.homepage .a .bd .ct{
		max-width: 100%;
	}
	.homepage .a .bd font{
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width: 400px) {
	.languages div.current_lang {
		padding: 0;
	}
	
	
	


}