/*====================导航*********/
.pages{text-align: center;padding: 35px 0 10px 0;}
.pages>div>a,.pages>div>.current{display:inline-block!important;line-height:2.604166666666667vw!important;height:2.604166666666667vw!important;width:2.604166666666667vw;padding-top:0!important;text-align:center;font-size:16px;margin:0 0.3125vw 0 0;background:#fff;color:#000;transition: all 0.3s linear;}
.pages>div>.current,.pages>div>a:hover{color:rgb(255,255,255);background:#da0502;border: 1px solid #da0502;border-radius: 50px;}
.pages>div>l{font-size:0.8333333333333333vw;margin:0 1.5625vw 0 1.25vw;margin-bottom:4.166666666666667vw}
.pages>div>.first{color:#000;margin-right:15px;border:0px;}
.pages>div>.first:hover{color:#da0502;background:#fff;}
.pages>div>.end{margin-right:0;color:#000;margin-left:15px;border:0px;}
.pages>div>.end:hover{margin-right:0;background:#fff ;color:#da0502;}
.pages>div>.prev{background-size:100%;}

.m-service {
	display: none;
}

.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	height: 80px;
	padding: 0 30px;
	background: transparent;
	display: flex;
	align-items: center;
}

.header .cw {
	display: flex;
	justify-content: space-between;
}

/*左侧logo*/
.header .left a img {
	width: 160px;
	margin-top: 6px;
}

.header .left .img2 {
	display: none;
}

/*右侧*/
.header .nav {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
}

.header .navbar_nav li {
	float: left;
	position: relative;
	display: block;
}

.header .navbar_nav li:after {
	content: "";
	width: 0;
	height: 2px;
	background: #0078ff;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease 0s;
}

.header .navbar_nav li:hover:after {
	width: 100%;
}

.header .navbar_nav li a {
	text-decoration: none;
	height: 100%;
	padding: 0 24px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
	line-height: 46px;
}
.active a{color: #0078ff!important;font-weight:600;}

.header .navbar_nav li:hover a {
	color: #0078ff;
}

.header .navbar_nav li.dropdown {
	display: inherit;
	position: relative;
}

.header .navbar_nav li.dropdown .jt {
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	display: block;
}

.header .navbar_nav li.dropdown .dropdown_menu {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
	width: 120%;
	left: -10%;
}

.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	color: #666;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color: #fff;
	background: orange;
}

.navbar_nav .iconfont {
	font-size: 24px !important;
}

/*白色背景的头部*/
.header.on {
	background: #fff;
	border-bottom: 1px solid #efefef;
}

.header.on .left .img1 {
	display: none;
}

.header.on .left .img2 {
	display: block;
}

.header.on .navbar_nav li a {
	color: #333;
}

.header.on .navbar_nav li:hover a {
	color: 0078ff;
}

#navToggle {
	display: none;
}

.m_nav {
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
}

.m_nav.open {
	transform: translateX(0);
}

.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}

.m_nav .top .closed {
	font-size: 26px;
	color: #666;
	float: right;
	cursor: pointer;
}

.m_nav .logo {
	width: 100%;
	margin: 0 auto;
}

.m_nav .logo img {
	width: 42%;
	display: block;
	margin: 30px auto;
}

.m_nav .ul {
	margin-top: 30px;
}

.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}

.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}

.m_nav .ul li .dropdown_menu {
	display: none;
}

.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block;
}

.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}

.m_nav .ul li .dropdown_menu a:last-child {
	border: none;
}

@media screen and (max-width: 992px) {
	.header {
		padding: 0 10px;
	}

	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}

	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}

	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}

	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}

	.header #navToggle span:before {
		top: 8px;
	}

	.header #navToggle span:after {
		bottom: 10px;
	}

	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	.header #navToggle.open span {
		background: none;
	}

	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}

	.header .nav {
		display: none;
	}

	.banner img {
		height: 600px;
		object-fit: cover;
	}
}


/* banner */
.banner {
	position: relative;
}

.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background:#0073f4;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff; width:40px; height:40px; background:rgba(0,0,0,.5); border-top-left-radius:25%; border-bottom-right-radius:25%;}
.banner .swiper-button-prev{left:2.5%;}
.banner .swiper-button-next{right:2.5%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#0073f4;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:20px; color:#fff !important;}
.banner .swiper-pagination-bullet{width:52px; height:3px; border-radius:10px; margin:0 5px !important; opacity:.8;}
.banner .swiper-pagination{bottom:60px !important;}

.scroll {
	position: absolute;
	top: 124%;
	left: 12%;
	z-index: 999;
	color: #fff;
	font-size: 12px;
}

/* 鼠标滚动动画 */
.scroll-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2em;
	width: 1.2em;
	font-size: 22px;
	color: rgba(255, 255, 255, 0.5);
	border-radius: 2em;
	border: solid 2px;
	-webkit-transition: .4s;
	transition: .4s;
	margin-bottom: 10px;

}

.scroll-icon:hover {
	background-color: rgba(255, 255, 255, 0.05);
	color: #fff;
}

.scroll-icon::after {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
	animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
	0% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px);
		opacity: 0;
	}

	30%,
	70% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		opacity: 0;
	}
}

@keyframes scroll-icon {
	0% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px);
		opacity: 0;
	}

	30%,
	70% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		opacity: 0;
	}
}

/* banner01 */
.banner-area {
	position: relative;
	z-index: 5;
	padding-top: 70px;
	overflow: hidden;
}

.banner-area .banner-shape-1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 68%;
	z-index: -1;
}

@media only screen and (min-width: 1400px) {
	.banner-area .banner-shape-1 {
		width: 63%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-area .banner-shape-1 {
		width: 75%;
	}
}

.banner-area .banner-shape-1 img {
	width: 100%;
}

.banner-area .banner-shape-1 .line {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	z-index: 1;
}

.banner-area .banner-shape-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	z-index: -1;
}

.banner-area .banner-shape-2 img {
	width: 100%;
}

.banner-area .banner-shape-3 {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 767px) {
	.banner-area .banner-shape-3 {
		width: 150px;
	}
}

.align-items-center {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}

.align-items-center .col-lg-5 {
	width: 50%;
}

.align-items-center .col-lg-7 {
	width: 50%;
}


.banner-content-wrapper .banner-content {
	margin-top: 50px;
}

.banner-content-wrapper .banner-content .title {
	font-size: 60px;
	font-weight: 800;
	color: #2e3d62;
	line-height: 80px;
}


.banner-content-wrapper .banner-content .download-btn {
	padding-top: 40px;
}

.banner-content-wrapper .banner-content .download-btn li {
	margin-top: 10px;
	display: inline-block;
	margin-right: 18px;
}

.banner-content-wrapper .banner-content .download-btn li:last-child {
	margin-right: 0;
}

.banner-content-wrapper .banner-content .download-btn li a {
	display: inline-block;
	line-height: 60px;
	padding: 0 40px;
	position: relative;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



.banner-content-wrapper .banner-content .download-btn li a i {
	font-size: 28px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}



.banner-content-wrapper .banner-content .download-btn li a .text-1 {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: block;
}

.banner-content-wrapper .banner-content .download-btn li a .text-2 {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.banner-content-wrapper .banner-content .download-btn li a.google-play {
	background-color: #ff8257;
}

.banner-content-wrapper .banner-content .download-btn li a.google-play:hover {
	background-color: #666e82;
}

.banner-content-wrapper .banner-content .download-btn li a.apple-store {
	background-color: #666e82;
}

.banner-content-wrapper .banner-content .download-btn li a.apple-store:hover {
	background-color: #ff8257;
}

.banner-content-wrapper .banner-image {
	margin-top: 50px;
}

.banner-content-wrapper .banner-image .image {
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	-webkit-animation: ImgBounce1 2s ease-in-out infinite alternate;
	-moz-animation: ImgBounce1 2s ease-in-out infinite alternate;
	-o-animation: ImgBounce1 2s ease-in-out infinite alternate;
	animation: ImgBounce1 2s ease-in-out infinite alternate;
}

@-webkit-keyframes ImgBounce1 {
	0% {
		-webkit-transform: translateY(0) rotate(15deg);
		-moz-transform: translateY(0) rotate(15deg);
		-ms-transform: translateY(0) rotate(15deg);
		-o-transform: translateY(0) rotate(15deg);
		transform: translateY(0) rotate(15deg);
	}

	100% {
		-webkit-transform: translateY(-20px) rotate(15deg);
		-moz-transform: translateY(-20px) rotate(15deg);
		-ms-transform: translateY(-20px) rotate(15deg);
		-o-transform: translateY(-20px) rotate(15deg);
		transform: translateY(-20px) rotate(15deg);
	}
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0) rotate(15deg);
		-moz-transform: translateY(0) rotate(15deg);
		-ms-transform: translateY(0) rotate(15deg);
		-o-transform: translateY(0) rotate(15deg);
		transform: translateY(0) rotate(15deg);
	}

	100% {
		-webkit-transform: translateY(-20px) rotate(15deg);
		-moz-transform: translateY(-20px) rotate(15deg);
		-ms-transform: translateY(-20px) rotate(15deg);
		-o-transform: translateY(-20px) rotate(15deg);
		transform: translateY(-20px) rotate(15deg);
	}
}


/* banner02 */
.banner02 {
    width: 100%;
    height: 49vw!important;
	
	background: #fff url(../image/indexBanner02.jpg) no-repeat center;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.banner02-txt {
	width: 100%;
}

.banner02-txt img {
	width: 410px;
	margin-bottom: 40px;
}

.banner02-txt p {
	color: #fff;
	line-height: 40px;
	font-size: 26px;
	font-weight: lighter;
}

.banner02-txt a {
	display: block;
	margin-top: 50px;
	font-size: 18px;
	color: #ff0000;
}
.swiper-pagination-bullets{    bottom: 36px!important;}
/* banner03 */
.banner03 {
    height: 50vw!important;
	background-size: 100% ;
	background: #fff url(../image/banner03.jpg) no-repeat center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner03-h2,
.banner03-p {
	text-align: center;
}

.banner03-h2 {
	margin-bottom: 1rem;
	color: #f2f2f2;
	font: 700 3rem/3.5rem "Open Sans", sans-serif;
	letter-spacing: -0.5px;
}

.banner03-p {
	margin-bottom: 2rem;
	margin-top: 1rem;
	color: #f2f2f2;
	font: 400 1.25rem/2rem "Open Sans", sans-serif;
}

#RegistrationForm {
	width: 1000px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#RegistrationForm .form-group {
	width: 19%;
}

.form-control-input,
.form-control-select {
	width: 100%;
	height: 2.75rem;
	padding-left: 1rem;
	border: 1px solid #fff;
	border-radius: 6px;
	background-color: #fff;
	color: #405266;
	font: 400 15px/25px "Open Sans", sans-serif;
	-webkit-appearance: none;
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 2.75rem;
	border: 1px solid #e4103d;
	border-radius: 6px;
	background-color: #e4103d;
	color: #f2f2f2;
	font: 600 15px/25px "Open Sans", sans-serif;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.form-control-submit-button:hover {
	background-color: #fff;
	color: #e4103d;
	border: 1px solid #fff;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url(../image/down-arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	outline: none;
}

.banner03-txt {
	width: auto;
}

.banner03-item {
	width: 100%;
	animation: typing 5s steps(22), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	/* Safari 和 Chrome */
}

@keyframes typing {
	from {
		width: 0;
	}
}

@keyframes blink {
	50% {
		border-color: transparent;
	}
}

/* 服务范围 */
.margin-t {
	margin-top: 2vw;
}

.service .tit-l h2,
.service .tit-l h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 16px;
}


.tit-r ul li {
	float: right;
	font-size: 15px;
	font-weight: 600;
	margin-left: 54px;
}

.tit-r ul li span {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: linear-gradient(#3b82ff, #0078ff);
	border-radius: 50%;
	text-align: center;
	font-size: 28px;
	box-sizing: border-box;
	position: relative;
	margin-right: 10px;
}

.tit-r ul li span u {
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 50%;
	height: 50%;
	background: #fff;
	border-radius: 50%;
}

.service-line-num {
	writing-mode: tb-rl;
}

.service-b {
	width: 100% !important;
	height: 568px !important;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}

.service-main {
	display: flex;
	justify-content: space-between;
}

.service-b .line {
	width: 3px;
	height: 560px;
	background-color: #f8efef;
	position: relative;
	left: 0;
	left: 0;
}

.service-main-r {
	text-align: left;
	width: 22%;
	margin-right: 8%;
	padding-left: 5%;
}

.service-main-r-tit01 {
	font-size: 24px;
	color: #0078ff;
	font-weight: 600;
	margin: 32% 0 10% 0;
}

.service-main-r-tit02 {
	font-size: 36px;
	font-weight: 600;
	margin: 0 0 20% 0;
}

.service-main-r-tit03 img {
	width: 68px;
	opacity: .8;
	margin-bottom: 16%;
}

.service-main-r-tit04 {
	font-size: 14px;
	font-weight: 100;
	line-height: 24px;
	margin-bottom: 16%;
}

.jdt {
	position: absolute;
	left: 0 !important;
	top: 34% !important;
}

.jdt .swiper-pagination-bullet {
	width: 3px;
	height: 140px;
	border-radius: 0;
	margin: 0 !important;
	background-color: #0078ff;
}

/* 客户案例 */
.case-tit h2 {
	font-size: 60px;
}

.case-tit h3 {
	font-size: 30px;
	margin-top: 32px;
	font-weight: 500;
}

.case-main {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case-main li {
	width: 32%;
	margin-bottom: 36px;
}

.case-pic {
	border: 1px solid #eee;
}

.case-pic-tit {
	border: 1px solid #eee;
	padding: 0 24px;
}

.case-pic-tit h2 {
	font-size: 22px;
	display: inline-block;
	border-bottom: 1px solid #eee;
	height: 80px;
}

.case-pic-tit p {
	height: 60px;
	font-size: 14px;
	color: #666;
}

.case-pic-tit h2,
.case-pic-tit p {
	display: flex;
	align-items: center;
}

.case-pic-tit i {
	flex: 1;
	text-align: right;
	color: #b9b9b9;
	font-size: 20px;
}

/* 客户案例 图片动画 */
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	overflow: hidden;
	height: auto;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	color: #fff;
}

.grid figure h2 span {
	font-weight: 800;
	color: #fff;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-julia img {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	font-size: 1.5rem;
	position: relative;
	padding: 0.5em 0;
	opacity: 0;
	transition: all 0.6s;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255, 255, 255, 0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px, 0, 0);
	transform: translate3d(-600px, 0, 0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	background: rgba(47, 50, 56, .5);
}

figure.effect-julia:hover h2 {
	opacity: 1;
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.effect-julia:hover {
	background: rgba(0, 0, 0, .8);
}



/* 关于我们 */
.about {
	margin-top: 94px;
	background-image: linear-gradient(to right, #3b82ff, #0078ff);
}

/*关于我们 滚动*/
.container {
	width: 100% !important;
	margin: 0 auto;
	box-sizing: border-box;

}

.container .row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 12%;
	background-color: var(--color-b);
}

.about-en {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #fff;
	/* 空心文字 */
	opacity: .3 !important;
}


.box--1 span {
	font-size: 160px;
	font-weight: 600;
	color: #fff;
	opacity: .2;
	display: inline-block;
	text-align: center;
	width: 100%;
	-moz-animation: marquee 10s linear infinite;
	-webkit-animation: marquee 10s linear infinite;
	animation: marquee 10s linear infinite;
}

.box--1 span:nth-child(1) {
	position: absolute;
	left: -100%;
	-moz-animation: marquee 10s 6s linear infinite;
	-webkit-animation: marquee 10s 6s linear infinite;
	animation: marquee 10s 6s linear infinite;
}

.box--1 .line {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	background-color: var(--color);
}

@keyframes marquee {
	0% {
		left: 0;
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		left: 0;
		-moz-transform: translateX(80%);
		-ms-transform: translateX(80%);
		-webkit-transform: translateX(80%);
		transform: translateX(80%);
	}
}

.about-main {
	width: 93%;
	height: 866px;
	margin-top: -46px;
	background-color: #fff;
	box-shadow: #f6f3f3 12px 20px 23px;
	position: relative;
	top: 0;
	left: 7%;
	padding: 5% 8%;
}

.about-main h2 {
	width: 40%;
	font-size: 48px;
	line-height: 60px;
}

.about-main p {
	width: 42%;
	color: #666;
	line-height: 24px;
	margin-top: 56px;
}

.customer {
	margin-top: 70px;
}

.customer h3 {
	width: 350px;
	height: 56px;
	line-height: 56px;
	padding-left: 30px;
	color: #e90303;
	background-color: #fff;
	box-shadow: #f6f3f3 0 0 23px;
}

.customer-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 65%;
	height: 150px;
	padding: 2% 2%;
	box-shadow: #f6f3f3 0 0 23px;
	position: absolute;
	/*top: 52%;*/
	left: 8.6%;
	background-color: #fff;
	z-index: 999;
}

.customer-main img {
	width: 210px;
	height: auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: .4;
	transition: all .4s;
}

.customer-main img:hover {
	filter: none;
	cursor: pointer;
	opacity: 1;
}

.customer-main .fgx {
	display: inline-block;
	width: 1px;
	height: 100px;
	background-image: linear-gradient(to top, #fff, #fbc5c1, #fff);
}

.about-main .btn {
	margin-top: 14%;
	display: inline-block;
	padding: 0 36px;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	background-image: linear-gradient(to right, #3b82ff, #0078ff);
	transition: all 0.6s;
}

.about-main .btn:hover {
	background-image: linear-gradient(to right, #0078ff, #3b82ff);
}

.about-main-r {
	position: absolute;
	top: -8%;
	right: 7%;
	width: 35%;
}

/* 新闻中心 */
.news {
	margin-top:100px;
}

.news-main {
	margin-left: 8% !important;
	margin-top: 60px;
	overflow: hidden;
}

.news-main-single {
	width: 40% !important;
}

.news-pic {
	overflow: hidden;
}

.news-pic img {
	transition: all 0.6s;
}

.news-pic img:hover {
	transform: scale(1.1);
}

.news-text h4 {
	font-size: 18px;
	margin: 30px 0 12px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.news-text p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp:2;
}

.news-tit-r ul li {
	margin-left: 36px;
	font-weight: 500;
	color: #666;
}

.news-tit-r ul li:hover a {
	color: #0078ff;
}

.news-tit-r .current {
	color: #0078ff;
}

/* 优势 */
.adv {
	height: 667px;
	background-color: #01010d;
}

.adv-wrap {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 667px;
}

/* 计数器 */
.count {
	width: 50%;
}

.numCount {
	margin: 0 -10px;
}

.numCount ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.numCount li {
	width: 50%;
	margin-bottom: 86px;
	text-align: center;
}

.numCount li:nth-of-type(3),
.numCount li:nth-of-type(4) {
	margin-bottom: 0;
}

.numCount li .item {
	margin: 0 10px;
}

.numCount li .numU {
	line-height: 1.3;
}

.numCount li .numCX {
	font-size: 54px;
	color: #fff;
}

.numCount li .numU .unitC {
	font-size: 42px;
	line-height: 1.3;
	margin-left: 0.3em;
}

.numCount li .numU sup {
	vertical-align: top;
}

.numCount li .numU sub {
	vertical-align: baseline;
}

.indc,
.unitC {
	color: #fff;
	margin-top: 38px;
}

.indc {
	font-size: 22px;
}

@media (max-width:800px) {
	.numCount li .numCX {
		font-size: 36px;
	}
}

@media (max-width:640px) {
	.numCount li .numCX {
		font-size: 7vw;
	}
}

@media (max-width:480px) {
	.numCount {
		font-size: 0.5vw;
	}
}

/* 进度条 */
.bar-content {
	width: 600px;
	margin: 50px auto;
}

.bar-content h2 {
	font-size: 36px;
	color: #fff;
}

.bar-single>h3 {
	margin-bottom: 20px;
}

.bar-content h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.bar-single {
	margin-top: 50px !important;
}

.m-percent-include {
	width: calc(100% - 70px);
	background: #11244b;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.m-percent-include .m-no-percent {
	width: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
}

.m-bg-percent {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

.m-percent {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	padding-left: 2px;
}

/* 联系我们 */
.call {
	height: 290px;
	border-top: #3e434b solid 1px;
	background-color: #01010d;
	display: flex;
	justify-content: center;
	align-items: center;
}



.call01 {
	width: 180px;
	margin: 0 auto;
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
	transition: all 0.5s;
	position: relative;
	text-decoration: none;
}

.call:hover .call01 {
	letter-spacing: 6px;
}

.call:hover .call-wrap p {
	letter-spacing: 4px;
}

.hello {
	color: #fff;
	margin-right: 10px;
}

.call p {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	transition: all 0.5s;
}

.call01::after {
	--scale: 0;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 46px;
	height: 3px;
	background: #fff;
	-webkit-transform: scaleX(var(--scale));
	transform: scaleX(var(--scale));
	-webkit-transform-origin: var(--x) 50%;
	transform-origin: var(--x) 50%;
	transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}

.call:hover .call01::after {
	--scale: 1;
	letter-spacing: 4px;
}

/* 底部 */
footer {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5% 0 3% 0;
}

.foot-logo {
	width: 170px;
	position: relative;
}

.foot-logo::after {
	content: '';
	position: absolute;
	top: 106px;
	left: 0;
	width: 18px;
	height: 1px;
	background-color: #ff0000;
}

.message {
	margin-top: 118px;
}

.message span {
	display: inline-block;
	font-size: 15px;
	color: #999;
	margin-bottom: 16px;
}

.message a {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

.message a:hover {
	text-decoration: underline;
}

.dt-marginT {
	margin-top: 30px;
}

.foot-c dl dt {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 16px;
}

.foot-c dl dd a {
	display: block;
	font-size: 15px;
	color: #999;
	line-height: 30px;
}

.foot-c dl dd a:hover {
	text-decoration: underline;
}

.foot-c ul {
	margin-left: 140px;
}

.foot-c ul li {
	margin-bottom: 36px;
}

.foot-c ul li:nth-last-child(1) {
	margin-bottom: 0;
}

.foot-c ul li a {
	font-size: 15px;
	color: #333;
	font-weight: 600;
}

.foot-c ul li a:hover {
	text-decoration: underline;
}

.foot-l,
.foot-c,
.foot-r {
	width: 30%;
}

.terminus,
.copyright {
	font-size: 14px;
	color: #666;
	position: relative;
	text-align: right;
}

.terminus::after {
	content: '';
	position: absolute;
	top: 16px;
	right: 64px;
	width: 16px;
	height: 2px;
	background-color: #dbe1e1;
}

.terminus img {
	margin-left: 80px;
}

.code {
	width: 140px;
	margin: 40px 60px 40px 40px;
}

/* 响应式 */

@media (max-width:1600px) {
	.cw {
		max-width: 1440px;
	}

	.service-main-r {
		width: 25%;
		margin-right: 5%;
	}

	.jdt .swiper-pagination-bullet {
		height: 168px;
	}

	.about-main-r {
		width: 42%;
	}

	.customer-main {
		top: 56%;
	}

	.news {
		margin-top: 126px;
	}

	.about {
		height: 940px;
	}

	.about-main {
		height: 810px;
	}

	.customer-main {
		top: 50%;
	}

	.service-b {
		height: 560px !important;
	}

	.about-main .btn {
		margin-top: 15%;
	}

	.jdt .swiper-pagination-bullet {
		height: 140px;
	}

}

@media (max-width:1440px) {
	.banner02,.banner03 {
    height: 54vw!important;
	}
	
	.cw {
		max-width: 1200px;
	}

	.scroll {
		top: 90%;
	}

	.service-main-r {
		width: 30%;
	}

	.jdt .swiper-pagination-bullet {
		height: 115px;
	}

	.about-main .btn {
		margin-top: 22%;
	}

	.about-main-r {
		width: 46%;
	}

	.jdt {
		top: 42% !important;
	}

	.case {
		margin-top: 0;
	}

	.customer-main {
		top: 58%;
	}

	.about-main .btn {
		margin-top: 18%;
	}
}

@media (max-width:1280px) {
	.cw {
		max-width: 1024px;
	}

	.header .navbar_nav li a {
		padding: 0 14px;
	}

	.scroll {
		top: 82%;
	}

	.service-main-r {
		width: 42%;
	}

	.service-main-r-tit02 {
		font-size: 32px;
	}

	.service-main-r-tit01 {
		margin: 10% 0 5% 0;
	}

	.jdt .swiper-pagination-bullet {
		height: 88px;
	}

	.jdt {
		top: 40% !important;
	}

	.service-b {
		height: 440px !important;
	}

	.case-tit h2 {
		font-size: 42px;
	}

	.case-tit h3 {
		font-size: 24px;
	}

	.case-main {
		margin-top: 25px;
	}

	.case-pic-tit h2 {
		font-size: 18px;
	}

	.case-pic-tit h2 {
		height: 54px;
	}

	.case-pic-tit p {
		height: 40px;
	}

	.about-main h2 {
		font-size: 36px;
		line-height: 46px;
	}

	.customer-main {
		top: 52%;
	}

	.about-main p {
		margin-top: 48px;
	}

	.about-main .btn {
		margin-top: 18%;
	}

	.about {
		height: 790px;
	}

	.about-main {
		height: 698px;
	}


}

@media (max-width:980px) {
	.cw {
		width: 94%;
	}

	.count {
		width: 100%;
	}

	.case-main li {
		width: 100%;
	}

	.customer-main,
	.bar-content,
	.foot-c dl,
	.foot-c ul,
	.foot-r,
	.about-main-r,
	.service-adv-r,
	.service-process-r,
	.banner-shape-3,
	.banner-shape-2,
	.banner02,
	.banner03,
	.swiper-pagination,
	.swiper-button-next,
	.swiper-button-prev {
		display: none!important;
	}

	.banner .swiper-slide {
		overflow: hidden;
	}

	.banner-area .banner-shape-1 img {
		width: 100%;
	}

	.banner-shape-1 img {
		height: auto !important;
	}

	.align-items-center .col-lg-7 {
		width: 100%;
	}

	.banner-content-wrapper .image img {
		height: auto !important;
		width: 95%;
	}

	.align-items-center .col-lg-5 {
		width: 100%;
	}

	.banner-content-wrapper .banner-content .title {
		font-size: 38px;
		line-height: 50px;
	}

	.banner-content-wrapper .banner-content {
		margin-top: 110px;
		text-align: center;
	}

	.wow {
		margin-top: 30px;
		line-height: 24px;
	}

	.m-service {
		display: block;
	}

	.foot-l {
		width: 100%;
	}

	.about-main h2 {
		font-size: 32px;
		width: 100%;
		line-height: 38px;
	}

	.about-main p {
		width: 100%;
		margin-top: 30px;
	}

	.customer {
		margin-top: 0;
	}

	.about-main {
		height: auto;
		box-shadow: #f6f3f3 0 0 17px;
	}

	.box--1 span {
		font-size: 90px;
	}

	.about-en {
		-webkit-text-stroke: 1px #fff;
	}

	.about-main {
		margin-top: 24px;
	}

	.box {
		margin-top: 40px;
	}

	.about {
		height: auto;
		padding-bottom: 50px;
	}

	.tit-r ul li {
		margin-left: 14px;
	}

	.news-tit-r ul {
		margin-top: 30px !important;
	}

	.news-main-single {
		width: 80% !important;
	}

	.news-main {
		margin-top: 36px;
	}

	.adv {
		height: 578px;
	}

	.adv-wrap {
		height: 578px;
	}

	.about-main .btn {
		margin-top: 12%;
	}

	.service {
		display: none;
	}

	.m-service {
		padding: 60px 0;
		background-color: #f6f6f6;
		margin-bottom: 60px;
	}


	.m-service-tit {
		text-align: center;
		padding-bottom: 25px;
	}

	.m-service-tit h2 {
		font-size: 18px;
		color: #333333;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: 10px;
	}

	.m-service-tit p {
		color: #999;
		line-height: 24px;
		width: 86%;
		margin: 0 auto;
	}

	.service-container {
		height: 380px;
	}

	.service-slide ul {
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		flex-wrap: wrap;
		width: 85%;
		margin: 0 auto;
	}

	.service-slide ul li {
		width: 50%;
		text-align: center;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		padding: 20px 0;
	}

	.service-slide ul li:nth-child(2) {
		border-right: 0 solid #e5e5e5;
	}

	.service-slide ul li:nth-child(3) {
		border-bottom: 0 solid #e5e5e5;
	}

	.service-slide ul li:nth-child(4) {
		border-bottom: 0 solid #e5e5e5;
		border-right: 0 solid #e5e5e5;
	}

	.service-slide ul li p {
		color: #616161;
		font-size: 36px;
		font-weight: 500;
	}

	.service-slide ul li h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: 34px;
	}

	.foot-logo::after {
		top: 80px;
	}

	.message {
		margin-top: 68px;
	}

	.about,
	.news,
	.margin-t {
		margin-top: 40px;
	}

	.service-adv-l {
		width: 100% !important;
	}

	.service-process-l {
		width: 100% !important;
	}

}





/* 移动端导航 */
.header .navbar_nav li.dropdown {
	display: inherit;
	position: relative;
}

.header .navbar_nav li.dropdown .jt {
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	display: block;
}

.header .navbar_nav li.dropdown .dropdown_menu {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
	width: 100%;
	left: 0;
}

.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size: 16px;
	color: #333 !important;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 1px;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	color: #666;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color: #fff !important;
	background-image: linear-gradient(to bottom right, #ad0808, #d91c24);
}

/*白色背景的头部*/
.header.on {
	background: #fff;
	border-bottom: 1px solid #ccc;
}

.header.on .left .img1 {
	display: none;
}

.header.on .left .img2 {
	display: block;
}

.header.on .navbar_nav li a {
	color: #333;
}

.header.on .navbar_nav li:hover a {
	color: 0078ff;
}

#navToggle {
	display: none;
}

.m_nav {
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
}

.m_nav.open {
	transform: translateX(0);
}

.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}

.m_nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
}

.m_nav .logo {
	width: 100%;
	margin: 0 auto;
}

.m_nav .logo img {
	display: block;
}

.m_nav .ul {
	margin-top: 30px;
}

.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}

.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}

.m_nav .ul li .dropdown_menu {
	display: none;
}

.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block;
}

.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}

.m_nav .ul li .dropdown_menu a:last-child {
	border: none;
}

@media screen and (max-width: 992px) {
	.header {

		padding: 0 10px;
	}

	.navbar_nav {
		display: none;
	}

	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}

	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}

	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}

	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}

	.header #navToggle span:before {
		top: 8px;
	}

	.header #navToggle span:after {
		bottom: 10px;
	}

	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	.header #navToggle.open span {
		background: none;
	}

	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}

	.header .nav {
		display: none;
	}

	.banner img {
		height: 600px;
		object-fit: cover;
	}
}


.Footer{width:100%; margin:auto; background:#ffffff; padding:60px 0 30px; overflow:hidden;}
.Footer_box{width:95%; max-width:1600px; margin:auto; display:flex; justify-content:space-between;}
.Footer_box_l{width:20%; float:right;}
.Footer_box_l .logo2{float:left;}
.Footer_box_l .logo2 img{height:65px; display:block;}
.Footer_box_l .desc{width:100%; float:left; margin-top:30px; font-size:16px; line-height:30px; color:#eee;}
.Footer_box_l .desc a{color:#eee;}
.Footer_box_l .desc a:hover{color:#0073f4; text-decoration:underline;}
.m20{margin-top:10px;}
.Footer_box_l .tub{width:100%; float:left; margin-top:30px;}
.Footer_box_l .tub ul{display:flex;}
.Footer_box_l .tub ul li{position:relative; margin-right:33px;}
.Footer_box_l .tub ul li a img{width:40px; transition: .4s;}
.Footer_box_l .tub ul li a:hover img{transform:rotate(360deg); cursor:pointer;}
.Footer_box_l .tub ul li p{position:absolute; left:50%; top:50px; width:120px; transform:translateX(-50%) scale(0); transition:0.4s; opacity:0; transform-origin:center top; border-radius:10px; background:#fff; padding:3px;}
.Footer_box_l .tub ul li p img{width:100%; border-radius:10px;}
.Footer_box_l .tub ul li p::before{content:''; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; top:-10px;
left:50%; transform:translateX(-50%);}
.Footer_box_l .tub ul li p::after{content:''; position:absolute; width:100%; height:18px; top:-18px; left:0;} 

.Footer_box_l .tub ul li:hover p{-webkit-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); opacity:1;}

.Footer_box_r{width:75%; float:left;}
.Footer_box_r ul{width:20%; float:left; min-height:180px;}
.Footer_box_r ul li{width:100%; float:left;}
.Footer_box_r ul li.foot_l_bt a,.foot_cont .foot_l_bt a{float:left; color:#000; font-size:22px; font-weight:bold; margin-bottom:20px;}
.Footer_box_r ul li a{line-height:30px; font-size:16px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Footer_box_r ul li a:hover,.foot_cont_wz a:hover,.foot_cont .foot_l_bt a:hover{color:#0073f4;}

.copyright{width:95%; max-width:1600px; margin:60px auto 0; border-top:1px solid rgba(0,0,0,.1); padding-top:30px; color:#999;}
.copyright_l{float:left; color:#999;}
.copyright_l a{font-size:16px; color:#999; line-height:36px;}
.copyright_l a:hover,.copyright_r a:hover{color:#0073f4;}
.copyright_r{float:right; text-align:left;}
.copyright_r .yqlj{float:left; margin-right:30px; line-height:36px;}
.copyright_r .yqlj a{margin:0 5px; color:#999;}
.copyright_r .yqlj a:hover{color:#0073f4;}
.copyright_r .link{width:200px; float:right; position:relative;}
.copyright_r .link p{width:200px; float:left; line-height:36px; border:1px solid #e9e9e9; color:#999; border-radius:6px; cursor:pointer; font-size:16px; padding-left:10px;}
.copyright_r .link p i{height:36px; line-height:30px; float:right; margin-right:10px; padding:0 10px 0 20px;}
.copyright_r .link p i img{width:9px; vertical-align:middle;}
.copyright_r .link dl{position:absolute; z-index:2; right:0; bottom:38px; width:200px; display:none; border-radius:6px;}
.copyright_r .link dd{border:#e9e9e9 solid 1px; border-bottom:none;}
.copyright_r .link dd a{display:block; height:34px; line-height:34px; padding-left:20px; background:#e9e9e9; color:#666; font-size:15px;}
.copyright_r .link dd a:hover{color:#fff; background:#0073f4;}