@charset "utf-8";

/*通用区域*/
::-webkit-scrollbar{
	width: 8px;
	height: 1px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb{
	border-radius: 50px;
	background: #02abf0;
}
::-webkit-scrollbar-track{
	border-radius: 50px;
	background: white;
}
::-ms-scrollbar{
	width: 8px;
	height: 1px;
	border-radius: 10px;
}
::-ms-scrollbar-thumb{
	border-radius: 50px;
	background: #02abf0;
}
::-ms-scrollbar-track{
	border-radius: 50px;
	background: white;
}
::-moz-scrollbar{
	width: 8px;
	height: 1px;
	border-radius: 10px;
}
::-moz-scrollbar-thumb{
	border-radius: 50px;
	background: #02abf0;
}
::-moz-scrollbar-track{
	border-radius: 50px;
	background: white;
}
.clear_mp {
	padding: 0;
	margin: 0;
}

.clear_m {
	margin: 0;
}

.clear_p {
	padding: 0;
}
.mbt{
	margin-bottom: 0;
	margin-top: auto;
}

body,
html {
	font-family: "微软雅黑", sans-serif;
	overflow-x: hidden;

}

body {
	overflow: hidden
}

html {
	overflow-y: scroll;
}

html {
	overflow: auto;
}

.col-1,
.col-2,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	margin: 0px;
	padding: 0px;
}


.centerwidth {
	max-width: 1400px;
	margin: 0 auto;
}

/*通用区域_end*/
/* 头部 */
.header {
	z-index: 11;
	padding-left: 100px;
	font-size: 18px;
	transition: all .5s ease;
}

.header span {
	font-size: 24px;
	color: white;
}

.title_phone {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav_boss {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav_boss a {
	padding:36px 25px;
	position: relative;
	text-decoration: none;
	color: white;
}

.nav_boss a::after {
	position: absolute;
	content: "";
	top: 95%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #3498db;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.5s;
}

.nav_boss a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}
#navbar img{
	position: absolute;
	right: 3%;
	top: 1%;
	
}
/* 头部_end */
/* swiper */
.swiper-slide img {
	width: 100%;
	height: auto;
	/* animation:mymove 5s infinite alternate;
	animation-timing-function: ease-in-out; /*动画的速度曲线*/
	*/
}

/* @keyframes mymove{          
	from{transform: scale(1.3);}
	to{transform: scale(1.0);}

  } */
.swiper-num {
	position: absolute;
	z-index: 10;
	bottom: 13%;
	left: 10%;
}

.swiper-num span {
	color: #FFFFFF;
}

.swiper-num .active {
	font-size: 28px;
}

.swiper-num .total {
	font-size: 22px;
	/* position: relative;
	bottom: 13px;
	left: 10px; */
}

.banner_text {
	z-index: 999;
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -600px;

}

.banner_text h3 {
	color: white;
	font-size: 48px;
}

.banner_text p {
	color: white;
	font-size: 16px;
}

.banner_text button {
	text-decoration: none;
	border-radius: 5px;
	color: white;
	background-color: #02abf0;
	width: 160px;
	height: 50px;
}

.bann-bg img {
	animation: xsk20 10s linear infinite alternate both;
	-webkit-animation: xsk20 10s linear infinite alternate both;
	-moz-animation: xsk20 10s linear infinite alternate both;
	-o-animation: xsk20 10s linear infinite alternate both;
}

@keyframes xsk20 {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
	}

	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		-moz-transform: scale(1.2);
	}
}

/* swiper_end */
/* 鼠标 */

.mouse {
	position: absolute;
	right: 10%;
	bottom: 10%;
	z-index: 10;
	border: 1px white solid;
	/* background: #4e5559 -ms-linear-gradient(#f7f7f7 0%, #ffffff 50%, #fdfdfd 50%, #fff 100%);
	background: #4e5559 -moz-linearlinear-gradient(#f7f7f7 0%, #ffffff 50%, #fdfdfd 50%, #fff 100%);
	background: #4e5559 -webkit-linearlinear-gradient(#f7f7f7 0%, #ffffff 50%, #fdfdfd 50%, #fff 100%);
	background: #ffffff linear-gradient(#f7f7f7 0%, #ffffff 50%, #fdfdfd 50%, #fff 100%); */
	width: 19px;
	height: 33px;
	background-size: 100% 100%;
	border-radius: 100px;
	background-size: 225%;
	-webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
	-moz-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
	animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}

.mouse:before,
.mouse:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.mouse:before {
	width: 34px;
	height: 58px;
	/* background-color: #516580; */
	border-radius: 100px;
}

.mouse:after {
	background-color: #ffffff;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	-webkit-animation: trackBallSlide 5s linear infinite;
	animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
	0% {
		background-position: 0% 100%;
	}

	20% {
		background-position: 0% 0%;
	}

	21% {
		/* background-color: #4e5559; */
	}

	29.99% {
		/* background-color: #ffffff; */
		background-position: 0% 0%;
	}

	30% {
		/* background-color: #4e5559; */
		background-position: 0% 100%;
	}

	50% {
		background-position: 0% 0%;
	}

	51% {
		/* background-color: #4e5559; */
	}

	59.99% {
		/* background-color: #ffffff; */
		background-position: 0% 0%;
	}

	60% {
		/* background-color: #4e5559; */
		background-position: 0% 100%;
	}

	80% {
		background-position: 0% 0%;
	}

	81% {
		/* background-color: #4e5559; */
	}

	89.99%,
	100% {
		/* background-color: #ffffff; */
	}
}

@keyframes colorSlide {
	0% {
		background-position: 0% 100%;
	}

	20% {
		background-position: 0% 0%;
	}

	21% {
		/* background-color: #4e5559; */
	}

	29.99% {
		/* background-color: #ffffff; */
		background-position: 0% 0%;
	}

	30% {
		/* background-color: #4e5559; */
		background-position: 0% 100%;
	}

	50% {
		background-position: 0% 0%;
	}

	51% {
		/* background-color: #4e5559; */
	}

	59.99% {
		/* background-color: #ffffff; */
		background-position: 0% 0%;
	}

	60% {
		/* background-color: #4e5559; */
		background-position: 0% 100%;
	}

	80% {
		background-position: 0% 0%;
	}

	81% {
		/* background-color: #4e5559; */
	}

	89.99%,
	100% {
		/* background-color: #ffffff; */
	}
}

@-webkit- keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-5px);
		transform: scale(1) translateY(-5px);
	}

	6% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	14% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	28%,
	29.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	36% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	44% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	58%,
	59.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	66% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	74% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	88%,
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}
}

@keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-5px);
		transform: scale(1) translateY(-5px);
	}

	6% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	14% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	28%,
	29.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	36% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	44% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	58%,
	59.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	66% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	74% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	88%,
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}
}
@-moz- keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-5px);
		transform: scale(1) translateY(-5px);
	}

	6% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	14% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	28%,
	29.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	36% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	44% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	58%,
	59.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	66% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	74% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	88%,
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}
}
@-o- keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-5px);
		transform: scale(1) translateY(-5px);
	}

	6% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	14% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	28%,
	29.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	36% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	44% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	58%,
	59.99% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}

	66% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(2px);
		transform: scale(0.9) translateY(2px);
	}

	74% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(20px);
		transform: scale(0.4) translateY(20px);
	}

	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-10px);
		transform: scale(0.4) translateY(-10px);
	}

	88%,
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-10px);
		transform: scale(1) translateY(-10px);
	}
}

@-webkit-keyframes nudgeMouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	30% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	80% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes nudgeMouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	30% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	80% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes nudgeText {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	30% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	80% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes nudgeText {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	30% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	80% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes colorText {
	21% {
		color: #4e5559;
	}

	30% {
		color: #ffffff;
	}

	51% {
		color: #4e5559;
	}

	60% {
		color: #ffffff;
	}

	81% {
		color: #4e5559;
	}

	90% {
		color: #ffffff;
	}
}

@keyframes colorText {
	21% {
		color: #4e5559;
	}

	30% {
		color: #ffffff;
	}

	51% {
		color: #4e5559;
	}

	60% {
		color: #ffffff;
	}

	81% {
		color: #4e5559;
	}

	90% {
		color: #ffffff;
	}
}

/* 鼠标_end */
/* 公司简介 */
.jianjie {
	padding-top: 90px;
}

.jianjie .col-md-4 img:nth-child(2) {
	position: absolute;
	top: 120px;
	left: 60px;

}

.jianjie .col-md-4 img:nth-child(1) {
	z-index: 10;
	position: relative;
}

.jianjie .col-md-8 span {
	font-size: 18px;
	color: #666666;
}

.jianjie .col-md-8 {
	padding-left: 140px;
}

.jianjie .col-md-8 .jianjie_title {
	font-size: 30px;
	color: black;
	font-weight: 700;
}

.jianjie .col-md-8 p {
	font-size: 16px;
	color: #666666;

}

.jianjie .col-md-8 button {
	text-decoration: none;
	border-radius: 5px;
	color: white;
	background-color: #02abf0;
	width: 160px;
	height: 50px;

}

.jianjie .col-md-8 .jianjie_bg {
	background: url(../img/jianjie_bg.jpg)no-repeat;
	width: 1040px;
}

.jianjie_bg {
	padding-top: 84px;
	padding-bottom: 84px;
}

.jianjie_bg a .hanzi {
	font-size: 24px;
	color: white;
}

.jianjie_bg a {
	text-align: center;
	padding-right: 70px;
	padding-left: 70px;
	display: inline-block;
	text-decoration: none;
	font-size: 24px;
	color: white;
}
.cv:hover img{
	animation: flipInX 1s  ;
	-webkit-animation: flipInX 1s  ;
	-moz-animation: flipInX 1s  ;
	-o-animation: flipInX 1s  ;
	-ms-animation: flipInX 1s  ;
	
}
@keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@ -webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		--webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-moz-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-moz-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-moz--transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-moz-transform: perspective(400px);
		transform: perspective(400px)
	}
}
@-ms-keyframes flipInX {
	0% {
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-ms--transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}
/* 公司简介_end */
/* 产品中心 */
#products{
	background: url(../img/pro_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.pro p {
	font-size: 24px;
	color: #000000;
}

.pro span {
	font-size: 40px;
	color: #000000;
	font-weight: 700;
}

.pro .ml-2 {
	font-size: 40px;
	color: #02abf0;
}

.pro .col-md-6 a {
	text-decoration: none;
	font-size: 18px;
	color: #000000;
}

.pro_list .row .col-md-3 .bbg {
	background-color: white;
	box-shadow: darkgrey 0px 0px 10px 0px;
	-webkit-box-shadow: darkgrey 0px 0px 10px 0px;
	-o-box-shadow: darkgrey 0px 0px 10px 0px;
	-moz-box-shadow: darkgrey 0px 0px 10px 0px;
	-ms-box-shadow: darkgrey 0px 0px 10px 0px;
	width: 440px;
	transition: all 0.5s ease;
}
.pro_list .row .col-md-3 .bbg:hover {
	background-color: #02abf0;
	
}
.pro_list .row .col-md-3 .bbg:hover a p{
	color: white;
	
}

.pro_list .row .col-md-3 a {
	text-decoration: none;
}

.pro_list .row .col-md-3 {
	padding-right: 20px;
	padding-left: 20px;
}

.pro_list .row .col-md-3 p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	display: inline-block;
}

.pro_list .row .col-md-3 .pro_lin {
	position: relative;
	left: 53%;
}

/* 产品中心_end*/
/* 新闻资讯 */
.news_list .col-md-6:nth-child(3){
	margin-top: 20px;
}
.news_list .col-md-6:nth-child(4){
	margin-top: 20px;
}
.news_shadow{
	box-shadow: #efe9e9 0px 0px 10px 0px;
	-webkit-box-shadow: #efe9e9 0px 0px 10px 0px;
	-ms-box-shadow: #efe9e9 0px 0px 10px 0px;
	-moz-box-shadow: #efe9e9 0px 0px 10px 0px;
	-o-box-shadow: #efe9e9 0px 0px 10px 0px;
}
.news_shadow a{
	font-size: 18px;
	text-decoration: none;
	transition: all 0.5s ease;
}
.news_shadow:hover a{
	color: #0382c7;
}

.news_shadow p{
	font-size: 14px;
	color: #666666;
}


.news_shadow:hover a img{
	position:relative;
	animation: mymoveed 2s alternate both infinite;
	-webkit-animation: mymoveed 2s alternate both infinite;
	-moz-animation: mymoveed 2s alternate both infinite;
	-o-animation: mymoveed 2s alternate both infinite;
	-ms-animation: mymoveed 2s alternate both infinite;
}
@keyframes mymoveed
{
from {left:0px;}
to {left:200px;}
}

@-webkit-keyframes mymoveed
{
from {left:0px;}
to {left:200px;}
}
@-moz-keyframes mymoveed 
{
from {left:0px;}
to {left:200px;}
}
/* 新闻资讯_end */
/* 案例中心 */
.bottom_text{
	width: 100%;
	    height: 60px;
	    background-color: #00000087;
	    font-size: 18px;
	    color: white;
	    position: absolute;
	    bottom: 0px;
	    line-height: 60px;
	    text-align: center;
		transition: all .5s ease;
}
.white_lined{
	height: 2px;
	width: 50px;
	background-color: white;
}
.bottom_text a{
	text-decoration: none;
	color: white;
}
.case_box{
	transition: all .5s ease;
}
.case_box:hover .bottom_text{
	height: 100%;
	text-align: left;
	transition: all .5s ease;
	padding-top: 50px;
	padding-left: 40px;
}
.swiper-container2 .swiper-slide{
	transition: all .5s ease;
}
.swiper-container2 .swiper-slide:hover .case_bg{
	display: block;
	transition: all .5s ease;
	
}
.case_bg{
	display: none;
	position: absolute;
	transition: all .5s ease;
	background-color: #00000087;
	width: 100%;
	height: 100%;
	top: 0;
	padding-top: 90px;
	padding-left: 45px;
}
.case_bg a{
	transition: all .5s ease;
	text-decoration: none;
	color: white;
	font-size: 18px;
}
.case_bg img{
	transition: all .5s ease;
	width: 41px;
	height: 41px;
	margin-top: 60px;
}
/* 案例中心_end */
/* footer */
.footer .col-md-3 p{
	
	margin-bottom: 5px;
	font-size: 16px;
	color: #d7d7d7;
}
.footer_info{
	position: relative;
	left: 40px;
}
.footer ul li a{
	text-decoration: none;
	font-size: 16px;
	color: #d7d7d7;
	transition: all .5s ease;
}
.footer ul li a:hover{
	color: #02abf0;
}
.footer ul li{
	list-style: none;
	margin-bottom: 10px;
}
hr{
	border-top: 1px solid #6e6e6e;
}
.site_info span{
	font-size: 16px;
	color: #929292;
}
.site_info a{
	transition: all .5s ease;
	text-decoration: none;
	font-size: 16px;
	color: #929292;
}
.site_info a:hover{
	color:#02abf0;
}

/* footer_end */
/** page structure **/
#content {
    max-width: 1000px;
    background: #fff;
    padding: 25px 65px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

header {
    display: block;
    
    height: 62px;
    background: #ffffff;
    padding: 15px 10px;
    
}

#navbar {
    max-width: 1000px;
    margin: 0 auto;
}

.menubtn {

    position: relative;
    z-index: 101;
    color: #274a61;
    text-decoration: none;
    font-size: 0em;
    line-height: 0em;
    top: -3px;
    padding: 15px;
    background-image: url('../img/hamburger.png');
    background-position: 50% 50%;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.menubtn:hover,
.openmenu .menubtn {
    color: #bdd43e;
    background-image: url('../img/hamburger-active.png');
}
/** toggle menu **/
body.openmenu {
    position: fixed;
    overflow: hidden;
}

#pgcontainer {
   
    margin: 0;
}

.overlay {
    position: fixed;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    right: 0;
    left: 0;
}

.openmenu .overlay {
    top: 0;
}


#hamburgermenu {
    height: 100%;
    width: 0;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    overflow: hidden;
    -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
}

#hamburgermenu ul {
    margin-top: 45px;
    z-index: 101;
    overflow-y: auto;
    overflow-x: hidden;
	padding-left: 0;
}

#hamburgermenu ul li {
    display: block;
}

#hamburgermenu ul li a {
    display: block;
    
    padding: 18px 8px;
    color: #02abf0;
    font-size: 14px;
    
    text-decoration: none;
    text-align: center;
}

#hamburgermenu li a:hover {
    color: #fff;
    background: #007bff;
}
@media screen and ( max-width: 768px )  {
	.pro_list .row .col-md-3 .bbg{
		width: auto;
	}
	.newsleft_img{
		padding-right: 0;
	}
	.news_list .col-md-6:nth-child(1){
		margin-top: 20px;
	}
	.news_list .col-md-6:nth-child(2){
		margin-top: 20px;
	}
	.swiper-container2 .swiper-slide{
		width: 72%;
	}
	.pl_13{
		padding-left: 0;
	}
	/* .chuangxin{
		margin-top: 20px;
	} */
	.banner_text h3{
		font-size: 24px;
	}
	.banner_text button{
		display: none;
	}
	.jianjie .col-md-8 {
		padding-left: 0;
	}
	
}
@media screen and ( min-width: 768px )  {
	.pro_list .row .col-md-3 .bbg{
		width: 440px;
	}
	.newsleft_img{
		padding-right: 48px;
	}
	.news_list .col-md-6:nth-child(1){
		margin-top: 0;
	}
	.news_list .col-md-6:nth-child(2){
		margin-top: 0;
	}
	.swiper-container2 .swiper-slide{
		width: 546px;
	}
	.pl_13{
		padding-left: 13%;
	}
	.banner_text button{
		display: inline-block;
	}
}
.nei_topPic{
	position: relative;
}
.nei_topPic .nei_top_Text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
}
.nei_topPic img{
	width: 100%;
}
.nei_topPic .nei_top_Text h1{
	font-size: 48px;
	color: #FFFFFF;
}
.nei_topPic .nei_top_Text h5{
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 40px;
}
@media screen and ( min-width: 768px ){
	
}
@media screen and ( max-width: 768px ){
	.nei_topPic .nei_top_Text{
		top: 30%;
	}
	.nei_topPic .nei_top_Text h1{
		font-size: 24px;
	}
}
/* nei_nav */
.nei_nav{
	background-color: #f0f0f0;
}
.nei_navLeft{
	padding: 30px 20px;
}
.nei_navLeft a{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	padding: 0 20px;
	border-right: 1px solid #c3c3c3;
	transition: all .5s ease;
}
.nei_navLeft a:hover{
	color: #02abf0;
}
.nei_navRight{
	padding: 30px 20px;
}
.nei_navRight span{
	color: #666666;
}
.nei_navRight a{
	text-decoration: none;
	color: #666666;
	transition: all .5s ease;
}
.nei_navRight a:hover{
	
	color: #02abf0;
}
.new_list{
	padding: 28px 0;
	border-bottom: 1px solid #f0f0f0;
	transition: all .5s ease;
}
.new_list a{
	transition: all .5s ease;
	text-decoration: none;
	color: #000000;
}
.new_list .news_month{
	font-size: 36px;
	transition: all .5s ease;
}
.new_list .news_year{
	transition: all .5s ease;
}
.new_list .news_icon{
	padding-top: 20px;
	transition: all .5s ease;
}
.news_listTitle{
	font-size: 18px;
	color: #333333;
	transition: all .5s ease;
}
.news_listContent{
	font-size: 14px;
	color: #666666;
	padding-top: 26px;
	box-sizing: border-box;
}
.newsList_center{
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.newsList_left{
	display: flex;
	flex-flow: column;
	justify-content: center;
}

/* nei_nav_end */
/* 分页 */
.page-num{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	background-color: white;
	border: 1px solid gainsboro;
	transition: all .5s ease;
	display: inline-block;
	margin: 0 5px;
	color:black;
	text-decoration:none;
}
.page-num:hover{
	background-color: #02abf0;
	color:white;
	text-decoration:none;
}
.page-num:hover a{
	color: white;
}
.page-num a{
	color: #000000;
	text-decoration: none;
	transition: all .5s ease;
}
.page-num-current{
		background-color: #02abf0;
	color:white;
}
.nav_page{
	padding-top: 60px;
	padding-bottom: 90px;
}
/* 分页_end */
/* 售后服务 */
.shouhou_up{
	padding: 60px 0 50px;
}
.shouhou-up_text{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.shouhou_up .shouhou-up_text h1{
	font-size: 32px;
	color: #333333;
}
.shouhou_up .shouhou-up_text p{
	color: #333333;
}
.shouhou_model{
	
	padding:60px 45px 100px;
	-webkit-box-shadow: 0 0 15px #e4e0e0;
	-moz-box-shadow: 0 0 15px #e4e0e0;
	-ms-box-shadow: 0 0 15px #e4e0e0;
	-o-box-shadow: 0 0 15px #e4e0e0;
	box-shadow: 0 0 15px #e4e0e0;
	height: 463px;
}
.shouhou_model h1{
	font-size: 28px;
	font-weight: 700;
	margin-top: 30px;
}
.shouhou_model h5{
	color: #666666;
	font-size: 16px;
	margin-top: 12px;
	line-height: inherit;
}
.nei_padd{
	padding: 20px;
}
@media screen and ( min-width: 768px ){
	
}
@media screen and ( max-width: 768px ){
	.shouhou_model{
		margin-top: 20px;
	}
}
/* 售后服务_end */
/* 联系我们 */
.map_left{
	background-color: #17b6f6;
	padding: 130px 0 100px 80px;
	color: white;
}
.map_left h1{
	margin-bottom: 40px;
	font-size: 30px;
}
.map_left div{
	font-size: 16px;
	line-height: 28px;
}
.message_text{
	padding: 90px 0 80px 0;
	font-size: 30px;
}
.nei_message{
	padding-bottom: 85px;
}
.nei_message input{
	height: 54px;
	border:none;
}
.nei_message textarea{
	border:none;
}
.tijiao button{
	width: 100%;
	background-color: #02abf0;
}
.tijiao button:hover{
	background-color: #02abf0;
}
.tijiao button:active{
	background-color: #02abf0;
}
.tijiao button:focus{
	background-color: #02abf0;
}
/* 联系我们_end */
/* 关于我们 */
.about_title{
	font-size: 30px;
	color: #333333;
	padding: 60px 0;
}
.about_num text{
	color: #02abf0;
	padding-left: 10px;
}
.about_num .counter{
	color: #02abf0;
	font-size: 48px;
	font-weight: 700;
}
.about_content{
	color: #666666;
}
.about_rightext{
	padding: 64px 55px 87px 57px;
	background-color: #f0f0f0;
	color: #666666;
}
.about_linian{
	padding-top: 60px;
	padding-bottom: 90px;
}
.corporate_culture{
	background: url(../nei_img/learn_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding-bottom: 64px;
}
.culture_title{
	font-size: 30px;
	color: #FFFFFF;
	padding: 90px 0 30px;
	box-sizing: border-box;
}
.corporate_culture p{
	color: #FFFFFF;
	padding-bottom: 50px;
}
.culture_model{
	padding: 100px 0;
	background-color: #f0f0f0;
	height: 260px;
	width: 350px;
}
.culture_model h3{
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
	
}
.culture_model h5{
	font-size: 16px;
	color: #666666;
}
.licheng{
	padding: 85px 0;
	position: relative;
}
.cloum_line{
	height: 70%;
	position: absolute;
	
	width: 1px;
	background-color: #bdbdbd;
	left: 50%;
	top: 190px;
}
.licheng_title{
	font-size: 30px;
	color: #666666;
}
.licheng_model{
	padding: 25px;
	border: 1px #bdbdbd solid;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	position: relative;
	left: -30px;
}
.licheng .licheng_time{
	font-size: 24px;
	color: #666666;
}
.licheng p{
	font-size: 16px;
	color: #666666;
}
.licheng_line{
	width: 25px;
	height: 1px;
	background-color:#bdbdbd;
	position: relative;
	top: 40px;
	left: -30px;
}
.licheng_cirl{
	width: 20px;
	height: 20px;
	position: relative;
	top: 30px;
	left: -35px;
}
.licheng_lineright{
	width: 25px;
	height: 1px;
	background-color:#bdbdbd;
	position: relative;
	top: 40px;
	left: 15px;

}
.licheng_cirlright{
	width: 20px;
	height: 20px;
	position: relative;
	top: 52px;
	z-index: 9;

}
.licheng_modelRight{
	padding: 25px;
	border: 1px #bdbdbd solid;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	position: relative;
	top: -80px;
	left: 30px;
}
.yuanquan{
	position: absolute;
	left: -40px;
	top: -30px;
}
.licheng_more button{
	width: 150px;
	height: 40px;
	background-color: #02abf0;
	color: white;
}
.nei_honer{
	background: url(../nei_img/honer_background.jpg);
	background-repeat: no-repeat;
	height: auto
}
.honer_model{
	padding: 45px 45px 25px 45px;
	background-color: #FFFFFF;
}
.honer_text{
	text-align: center;
	color: #666666;
	margin-top: 25px;
}
/* 关于我们_end */
/* 案例中心 */
.case_content{
	background-color: #FFFFFF;
	padding-top: 30px;
}
.case_center{
	padding-top: 50px;
	
}
.case_center a{
	text-decoration: none;
	color: #666666;
}
.case_center .case_text:hover{
	color: #02abf0;
	transition: all .5s ease;
}
.case_text{
	text-align: center;
	margin-top: 25px;
	transition: all .5s ease;
}
/* 案例中心_end */
/* 产品中心 */
.pro_fenlei{
	
	padding-top: 60px;
	background-color: #FFFFFF;
}
.pro_fenlei a{
	color: #666666;
	text-decoration: none;
	transition: all .5s ease;
}
.pro_fenlei a h5{
	margin-top: 30px;
	font-size: 18px;
}
.pro_fenlei a p{
	margin-top: 55px;
	font-size: 14px;
}
.pro_fenlei a h2{
	text-decoration: none;
	font-size: 36px;
	font-weight: 700;
	white-space: nowrap;
}
.pro_model{
	display: flex;
	background-color: #eaeaea;
	justify-content: space-between;
	padding: 40px 35px 30px 35px;
}
.pro_font{
	font-size: 36px;
	color: #666666;
	padding-top: 80px;
}
.pro_input{
	padding-top:40px ;
	padding-bottom: 35px;
}
.pro_input form{
	position: relative;
}
.pro_input input{
	height: 60px;
	border-radius: 50px;
	width: 660px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
.pro_keyword{
	margin-top: 90px;
	color: #02abf0;
	display: flex;
	justify-content: center;
	transition: all .5s ease;
}
.pro_keyword a:hover{
	color: #02abf0;
	transition: all .5s ease;
}
.pro_list{
	background-color: white;
	margin-top: 20px;
	box-shadow: 0 0 15px #e4e0e0;
	-moz-box-shadow: 0 0 15px #e4e0e0;
	-ms-box-shadow: 0 0 15px #e4e0e0;
	-webkit-box-shadow: 0 0 15px #e4e0e0;
	-o-box-shadow: 0 0 15px #e4e0e0;
}
.p_10{
	padding: 10;
}
.pro_list a{
	text-decoration: none;
	transition: all .5s ease;
}

.pro_text2{
	padding: 20px;
}
.pro_text2 p{
	color: #666666;
	font-size: 14px;
}
.pro_text2 h5{
	font-size: 18px;
	color: #000000;
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}
.pro_link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
@media screen and ( max-width: 768px ){
	.pro_input input{
		width: 100%;
	}
	.p_10{
		padding: 10px;
	}
	.pro_pic img{
		width: 100%;
	}
	.pro_model{
		margin-top: 20px;
	}
	.honer_model{
		text-align: center;
		margin: 5px;
	}
}
@media screen and ( min-width: 768px ){
	.p_10{
		padding: 20px;
	}
	.honer_model{
		margin: 10px;
		text-align: center;
	}
}
/* 产品中心_end */
/* 产品详情 */
.content_right{
	padding: 60px;
	height: auto;
	background-color: #f6f6f6;
}
.content_right h1{
	color: #333333;
	font-size: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9d9d9 ;
}
.content_right p{
	
	color: #333333;
	margin-bottom: 100px;
}
.contentrightbo{
	padding-top: 30px;
	display: flex;
	border-top:1px solid #d9d9d9;
}
.contentrightbo h6{
	color: #333333;
}
.contentrightbo span{
	color: #02abf0;
	font-size: 18px;
}
.contentrightbo a{
	width: 200px;
	height: 50px;
	background-color: #02abf0;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	margin-left: 65px;
	text-decoration: none;
}
.swiper-container3{
	overflow: hidden;
}
.pro_contit{
	color: #02abf0;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 3px solid #02abf0;
}
.pro_xiangqing .col-md-12{
	border-top: 1px solid #eeeeee;
}
.pro_conpage{
	margin-top: 50px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #666666;
}
.pro_conpage a{
	text-decoration: none;
	color: #666666;
	transition: all .5s ease;
}
.pro_conpage a:hover{
	color: #02abf0;
}
.xgal_t{
	border-bottom: 1px solid #02abf0;
}
.xgal_t .xgal{
	background-color: #02abf0;
	width: 180px;
	height: 50px;
	color: white;
	text-align: center;
	line-height: 50px;
	margin-top: 60px;
}
.xgan_model{
	padding-bottom: 90px;
}
@media screen and ( max-width: 768px ){
	.contentrightbo a{
		margin-left: auto;
	}
	.map_left{
		padding:15px;
	}
	.about_rightext{
		padding:15px;
	}
	.case_center{
		padding: 20px;
	}
	.content_right{
	padding: 15px;
}
}
@media screen and ( min-width: 768px ){
	
}
/* 产品详情_end */