@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
table,
tbody,
p,
th,
td,
em {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 12px;
	font-family: PingFang-SC-Regular, PingFang-SC;
}

html,
body {
	height: 100%;
}

img,
input,
button,
a,
select,
textarea {
	margin: 0;
	padding: 0;
	resize: none;
	border: none;
	outline: none;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
i,
b,
em {
	font-size: 100%;
	word-wrap: break-word;
	font-weight: normal;
	font-style: normal;
}

a:active,
a:focus {
	outline: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}

/* 修正IE6振动bug */
a {
	text-decoration: none;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}

BODY {
	background: #F2F8FF;
	background-size: cover;
	background-attachment: fixed !important;
	overflow-anchor: none !important
}

/* slide+导航 */
.slide-main {
	height: 530px;
}

header {
	position: absolute;
	z-index: 1001;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
}

.wrap {
	width: 100%;
	padding: 10px 0 0 0;
	top: -2.5px;
	position: relative;
}

.wrap-index {
	background-color: transparent;
}

.wrap-hover {
	background-color: #fff;
}

#nav {
	width: 1200px;
	padding: 0 15px;
	height: 85px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

.wrap .logo {
	overflow: hidden;
}

.wrap .logo a {
	display: block;
}

.wrap .logo a img {
	max-width: 100%;
}

.wrap .credit {
	width: 144px;
	height: 46px;
	background: #FF4D4F;
	border-radius: 3px;
	padding: 0 10px 3px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 30px;
}

.wrap .credit a span {
	font-size: 12px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: #FFFFFF;
}

.wrap .credit .credit-img {
	position: absolute;
	top: 70px;
	margin: 0 auto;
	z-index: 1;
}

.wrap ul.nav {
	display: flex;
	justify-content: flex-end;
	/* width: 760px; */
	padding-top: 5px;
	flex: 1;
}

.wrap li.nav-item {
	padding: 0 15px;
}

.wrap li.nav-item>a {
	display: block;
	text-align: center;
	height: 80px;
	font-size: 16px;
	position: relative;
	text-decoration: none;
	color: #fff;
	width: 68px;
	cursor: pointer;
}

.wrap li.nav-item>a>p {
	line-height: 40px;
	padding-top: 15px;
	white-space: nowrap;
}

.wrap-hover li.nav-item>a {
	color: #333333 !important;
}

.slide-main-data .wrap li.nav-item>a {
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	position: relative;
	text-decoration: none;
	color: #333333;
}

.wrap li.nav-item:hover>a,
li.nav-item.active>a {
	color: #fff;
	text-decoration: none;
}

.slide-main-data .wrap li.nav-item:hover>a,
.slide-main-data li.nav-item.active>a {
	color: #333333;
	text-decoration: none;
}

.wrap li.nav-item:hover>a::before,
li.nav-item.active>a::before {
	display: block;
}

.wrap .nav li.nav-item:hover>a>p {
	border-bottom: 5px solid #0073CF;
}

.wrap .nav .nav-item.active>a>p {
	border-bottom: 5px solid #0073CF;
}


.nav-scroll {
	background-color: #fff;
}

.nav-scroll .nav-item>a {
	color: #333333 !important;
}

.slide-main-index .nav-item>a {
	color: #333333 !important;
}

/* .logo-img2 {
	display: none;
} */

.nav-logo .logo-img2 {
	display: none;
	/* width: 387px; */
	height: 46px;
}

.nav-logo .logo-img {
	display: auto;
	height: 46px;
}

.nav-logo1 .logo-img {
	display: none;
	height: 46px;
}

.nav-logo1 .logo-img2 {
display: block;
	/* width: 387px; */
	height: 46px;
}

.nav-scroll .logo-img {
	display: none !important;
}

.nav-scroll .logo-img2 {
	display: block !important;
	/* width: 387px; */
	height: 46px;
}

.wrap .nav .subMenu {
	display: none;
	position: absolute;
	top: 95px;
	left: 50%;
	box-sizing: border-box;
	transform: translateX(-50%);
	margin: 0 auto;
	/* background: rgba(0, 0, 0, 0.51); */
	background: #FFFFFF;
	box-shadow: 0px 8px 8px 8px rgba(218, 218, 218, 0.5);
	width: 100%;
	z-index: 999;
	/* margin-top: 1px; */
}

.wrap .nav .subMenu .sub-wrap {
	padding-bottom: 41px;
	padding-top: 20px;
	width: 1200px;
	margin: 0 auto;
}

.wrap .nav .subMenu .sub-wrap .sub-wrap_1_title {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	margin-top: 30px;
}

.wrap .nav .subMenu .sub-wrap .sub-wrap_1_title p {
	height: 25px;
	font-size: 18px;
	font-family: PingFang-SC-Semibold, PingFang-SC;
	font-weight: 600;
	color: #3A49BA;
	line-height: 25px;
	margin-left: 10px;
}

.wrap .nav .subMenu .sub-wrap .sub-wrap_1_content {
	display: flex;
	flex-wrap: wrap;
}

.wrap .nav .subMenu .sub-wrap .sub-wrap_1_content_1 {
	min-width: 115px;
	height: 35px;
	background: #EFEFEF;
	border-radius: 1px;
	font-size: 16px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: #333333;
	line-height: 35px;
	text-align: center;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 0 15px;
	cursor: pointer;
}

#nav .nav-mini {
	display: none;
	flex: 1;
}

#nav .nav-mini .nav-drawer-btn {
	float: right;
	cursor: pointer;
}


/* @media screen and (max-width: 1400px) {
	#nav {
		width: auto;
	}

	#nav .nav {
		display: none;
	}

	#nav .nav-mini {
		display: inline;
	}

	#nav .nav-mini .drawer {
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
		height: 100vh;
		background-color: #fff;
		box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
		overflow: scroll;
		overflow-x: hidden;
	}
} */

#nav .nav-mini .drawer .drawer-close {
	padding-top: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: flex-end;
	height: 42px;
}

#nav .nav-mini .drawer .drawer-close img {
	display: none;
	cursor: pointer;
}

#nav .nav-mini .drawer .drawer-content {
	display: flex;
	flex-direction: column;
	margin-top: 15px;
}

.nav-mini .drawer .drawer-content .drawer-item {



}

.drawer-title {
	height: 45px;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-left: 20px;
	font-size: 15px;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	color: #3D3D3D;

}

.drawer-title:before {
	content: '';
	width: 4px;
	height: 18px;
	background: #FFFFFF;
	margin-right: 15px;
}
.drawer-title:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 5px 5px 0 5px;
	border-color: #CCCCCC transparent transparent transparent;
	border-style: solid;
	margin-left: 12px;
} 

.drawer-title.can-fold .is-active::after {
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent #fff transparent;
}


.drawer-item-ul {
	display: none;
	background: #FAFAFA;
	padding: 5px 0 5px 0;
	flex-direction: column;
	overflow: hidden;
	transition: max-height 1s ease;
	max-height: 0;

}

.drawer-item-li {
	font-size: 14px;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	height: 36px;
	cursor: pointer;
	padding-left: 40px;

}

.drawer-item-li.is-active {
	color: #2F69D2;
}

.drawer-item.is-active .drawer-title {
	background: #2F69D2;
	color: #fff;
}
.drawer-title {
	background: #2F69D2;
	color: #fff;
}

.nav-mini .drawer .drawer-content .drawer-item .jjfa {
	width: 190px;
}

.wrap .nav .subMenu .sub-wrap .sub-wrap_1_content_1 a {
	color: #333333 !important;
}

.wrap .nav .subMenu .sub-wrap .is-disabled {
	cursor: default;
	color: #999999 !important;
}

/* .wrap .nav .subMenu>ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
} */

/* .wrap .nav .subMenu>ul>li {
	float: left;
}

.wrap .nav .subMenu>ul>li>a {
	display: block;
	padding: 0 18px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.wrap .nav li.nav-item .subMenu>ul>li>a:hover {
	color: #0073CF;
	border: none;
}

.wrap .nav li.nav-item .subMenu>ul>li {
	border: none;
} */


.slide-main .item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 450px;
	left: 0;
	text-align: center;
}

.slide-main .item a {
	display: inline-block;
	width: 50px;
	height: 6px;
	margin-right: 11px;
	background: rgba(255, 255, 255, 1);
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	overflow: hidden;
}

.slide-main .item a.cur {
	background: rgba(255, 255, 255, 1);
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.slide-main .slide-box,
.slide {
	display: block;
	width: 100%;
	height: 564px;
	overflow: hidden;
}

.slide-main .slide-box {
	position: relative;
}

.slide {
	display: none;
	height: 524px;
	padding-top: 89px;
	background: #ff6900;
	position: relative;
	position: absolute;
	z-index: 8;
}

#bgstylea {
	background: url(../images/banner4.png) no-repeat top center;
	background-size: 100% 100%;
}

#bgstyleb {
	background: url(../images/banner3.png) no-repeat top center;
	background-size: 100% 100%;
}

#bgstylec {
	background: url(../images/banner1.jpg) no-repeat top center;
	background-size: 100% 100%;
}

.slide a {
	display: block;
	width: 100%;
	height: 490px;
	cursor: pointer;
}

.obj-a,
.obj-b,
.obj-c,
.obj-d,
.obj-e,
.obj-f {
	position: absolute;
	z-index: 9;
	left: 40%;
}

.obj-c {
	display: block;
	height: 551px;
	top: 223px;
	margin-left: -400px;
	height: 101px;
}

.obj-d {
	top: 1177px;
	height: 532px;
	top: 0px;
	margin-left: -100px;
}

.obj-e {
	width: 624px;
	height: 133px;
	margin-left: -460px;
	top: 223px;
	z-index: 12;
}

.obj-f {
	width: 1285px;
	height: 532px;
	top: 0px;
	margin-left: -100px;
}

.watch-code.code-show {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.8s linear 0s normal none;
	-moz-animation: scode 0.8s linear 0s normal none;
	animation: scode 0.8s linear 0s normal none;
}

@-webkit-keyframes scode {
	from {
		opacity: 0;
		-webkit-transform: scale(1, 0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform-origin: left bottom;
	}
}

@-moz-keyframes scode {
	from {
		opacity: 0;
		-moz-transform: scale(1, 0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-moz-transform: scale(1, 1);
		transform-origin: bottom bottom;
	}
}

@keyframes scode {
	from {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: left bottom;
	}
}

.banAnimate .obj-c,
.banAnimate .obj-e {
	display: block;
	animation-name: saAnic;
	-webkit-animation: saAnic 0.8s linear 0s normal none;
	-moz-animation: saAnic 0.8s linear 0s normal none;
	animation: saAnic 0.8s linear 0s normal none;
}

@-webkit-keyframes saAnic {
	from {
		opacity: 0;
		left: 20%;
	}

	to {
		opacity: 1;
		left: 40%;
	}
}

@-moz-keyframes saAnic {
	from {
		opacity: 0;
		left: 20%;
	}

	to {
		opacity: 1;
		left: 40%;
	}
}

@keyframes saAnic {
	from {
		opacity: 0;
		left: 20%;
	}

	to {
		opacity: 1;
		left: 40%;
	}
}

.banAnimate .obj-d,
.banAnimate .obj-f {
	display: block;
	animation-name: saAnid;
	-webkit-animation: saAnid 0.8s linear 0s normal none;
	-moz-animation: saAnid 0.8s linear 0s normal none;
	animation: saAnid 0.8s linear 0s normal none;
}

@-webkit-keyframes saAnid {
	from {
		opacity: 0;
		left: 70%;
	}

	to {
		opacity: 1;
		left: 60%;
	}
}

@-moz-keyframes saAnid {
	from {
		opacity: 0;
		left: 70%;
	}

	to {
		opacity: 1;
		left: 60%;
	}
}

@keyframes saAnid {
	from {
		opacity: 0;
		left: 70%;
	}

	to {
		opacity: 1;
		left: 60.%;
	}
}

.index_ability {
	height: 670px;
	width: 100%;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	position: relative;
	margin: 0 auto;
	background: #F9F9F9 url(../images/ability_1.png) no-repeat top center;
}

.index_abilityT {
	width: 1200PX;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 40px 0;
}

.index_abilityBwap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}

.index_abilitylistWap {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.index_abilityB {
	position: absolute;
	border: 1px solid #f4f4f4;
	background: #fff;
	top: 180px;
	width: 1200PX;
	margin: 0 auto;
	padding: 0px 10px;
}

.index_abilitylist {
	float: left;
	height: 195px;
	text-align: center;
	width: 46%;
	padding: 15px 20px 0;
	border-right: 1px solid #eee;
	overflow: hidden;
}

.index_abilitylist:nth-child(2) {
	border-right: none
}

.index_abilitylist:nth-child(4) {
	border-right: none
}

.index_abilitylist .index_abilitylistImg {
	height: 55px;
	position: relative;
}

.index_abilitylist .index_abilitylistImg img {
	height: 40px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	z-index: 2;
	position: absolute;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
}

.index_abilitylist .index_abilitylistImg img:hover {
	-webkit-transform: rotate(360deg) scale(1.1);
	-moz-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
	-o-transform: rotate(360deg) scale(1.1);

}

.index_abilitylist h3 {
	font-size: 16px;
	color: #333;
	margin: 10px 0;
	font-weight: 800;
}

.index_abilitylist p {
	color: #666;
	font-size: 14px;
	text-align: left;
	line-height: 25px;
}

.index_abilityX {
	width: 100%;
	border: 1PX solid #f4f4f4;
	margin-bottom: 10px;
}

.index_news {
	height: 410px;
	width: 100%;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	margin: 0 auto;
	background: url(../images/news_bj.png) no-repeat top center;
}

.index_newstitle {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 30px 0;
	text-align: center;
}

.index_newsContentwap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

.index_newsContent {
	width: 1030px;
	margin: 0 auto;
	height: 170px;
	overflow: hidden;
}

.newsL {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	left: -20px;
	top: 60px;
	background: #fff url(../images/newsL.png) no-repeat center center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.newsR {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	right: -20px;
	top: 60px;
	background: #fff url(../images/newsR.png) no-repeat center center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.index_newsListWap {
	width: 1030px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}

.index_newsList {
	width: 1030px;
	padding: 40px 0 0 0;
	overflow: hidden;
	float: left;
}

.index_newsListTu {
	float: left;
}

.index_newsListR {
	float: left;
	width: 900px;
	padding: 0 0 0 20px;
	height: 90px;
	overflow: hidden;
}

.index_newsListR h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}

.index_newsListR h4 span {
	float: right;
	color: #999;
	font-size: 14px;
}

.index_newsListR p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.index_newsB {
	width: 1200px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: center;
}

.index_newsB a {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	width: 150px;
	position: relative;
}

.index_newsB a:after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #d8d8d8;
	position: absolute;
	top: 5px;
	right: 5px
}

.footer {
	height: 340px;
	width: 100%;
	margin: 0 auto;
	background: #333;
}

.footer_top {
	padding: 25px 0 10px 0;
	width: 910px;
	margin: 0 auto;
	overflow: hidden;

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

.footer_top div {
	font-size: 14px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	/* color: #FFFFFF; */
}

.footer_top .footer-qrcode {
	width: 70px;
}

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

.footer_top .footer_top-content2 {
	margin-bottom: 5px;
}

.footer_top .footer_top-content img {
	height: 16px;
	margin-right: 8px;
}

.footer_top-logo {
	/* width: 230px; */
}

.footer_top-bottom {
	display: flex;
}

.footer-qrcode-content {
	margin-left: 8px;
	/* margin-top: 4px; */
	font-size: 13px !important;
	width: 15px;
	display: flex;
	align-items: center;
	line-height: 20px;
}

.footer_top-logo img {
	float: right;
	height: 38px;
	width: 390px;
}

.footer_top-email {
	/* width: 120px; */
}

.footer {
	height: auto;
	width: 100%;
	margin: 0 auto;
	background: #333;
	color: #CECECE;
	;
}

.footer_last {
	width: 1200px;
	margin: 0 auto;
}

.footer_top UL LI {
	float: left;
}

.footer_top .footer_topL li {
	margin-right: 30px;
}

.footer_topM {
	width: 300px;
	margin-right: 70px;
	float: left;
}

.footer_topM li {
	margin-bottom: 15px;
	font-size: 14px;
	padding-left: 25px;
}

.footer_topM li:first-child {
	background: url(../images/footer_logo3.png) no-repeat left center;
}

.footer_topM li:last-child {
	background: url(../images/footer_logo4.png) no-repeat left center;
}

.footer_topR {
	float: right;
}

.footer_topR li {
	width: 72px;
	text-align: center;
	margin-left: 33px;
}

.footer_topR li:first-child {
	margin-left: 0;
}

.footer_topR li img {
	width: 54px;
	margin-bottom: 10px;
}

.footer_topR li p {
	color: #bbb;
}

.footer_middle {
	width: 1200px;
	margin: 10px auto 30px auto;
}

.footer_middle .footer_middle-title {
	width: 64px;
	height: 22px;
	font-size: 16px;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 22px;
	margin: 0 auto 30px auto;
}

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

.footer_middle .footer_middle-ul li {
	font-size: 13px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: #CECECE;
	line-height: 16px;
}

.footer_Bot {
	width: 1040px;
	margin: 0 auto
}

.footer_Bot h3 {
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
}

.footer_Bot ul {
	padding: 0 0 15px 0;
	overflow: hidden;
}

.footer_Bot ul li {
	float: left;
	margin: 0 21px 20px 0;
}

.footer_Bot ul li a {
	color: #CECECE;
	text-decoration: none;
	font-size: 13px;
}

.footer_last {
	clear: both;
	/* background: url(../images/footer_last.png) no-repeat top center; */
	text-align: center;
	overflow: hidden;
}

.footer_last .footer_divider {
	width: 1200px;
	height: 1px;
	background: linear-gradient(90deg, #333333 0%, #E7E7E7 51%, #333333 100%);
	opacity: 0.33;
}

.footer_last ul {
	width: 650px;
	margin: 0 auto;
	padding: 25px 0 20px 0;
	overflow: hidden;
}

.footer_last ul li {
	float: left;
	color: #CECECE;
	margin-right: 30px;
}

.footer_last ul li img {
	width: 13px;
}

/*公司简介*/
.Inside_pageT {
	height: 350px;
	width: 100%;
	background: url(../images/about1.jpg) no-repeat top center;
}

/*.Inside_pageWap{ width: 100%; background: #F2F8FF; height: 100%;padding-bottom: 60px;height: 700PX;}*/
.Inside_pageContentWap {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

.Inside_pageContent {
	width: 1200px;
	overflow: hidden;
	position: relative;
	margin: -60px auto 60px;
	/* height: 584px; */
	/* padding-bottom: 30px; */
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.About_comtop {
	width: 100%;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	/* height: 695px; */
	padding: 14px 54px 120px 54px;
}

.About_comtop_L {
	width: 525px;
	/* padding: 0 30px 0 40px; */
}

.About_comtop_L h3 {
	font-size: 26px;
	padding: 40px 0 20px 0;
}

.About_comtop_L p {
	line-height: 36px;
	color: #333;
	overflow: hidden;
	font-size: 15px;
}

.About_comtop_L p a {
	display: inline-block;
	height: 32px;
	font-size: 12px;
	width: 100%;
	line-height: 32px;
	margin: 20px 30px 0 0;
	padding-left: 40px;
	background: #fff5f5 url(../images/about3.png) no-repeat 20px center;
	color: #8B162C;
}

.About_comtop_L li {
	line-height: 32px;
	font-size: 15px;
	padding-left: 27px;
}

.About_comtop_L li .about-label {
	display: inline-block;
	width: 80px !important;
	font-size: 15px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
}

.About_comtop_L li:first-child {
	background: url(../images/company-icon2.png) no-repeat left center;
}

.About_comtop_L li:nth-child(2) {
	background: url(../images/address-icon2.png) no-repeat left center;
}

.About_comtop_L li:nth-child(3) {
	background: url(../images/code-icon2.png) no-repeat left 13%;
}

.About_comtop_L li:nth-child(4) {
	background: url(../images/chat-icon2.png) no-repeat left center;
}

.About_comtop_L li:nth-child(5) {
	background: url(../images/phone-icon2.png) no-repeat left center;
}

.About_comtop_L li:nth-child(6) {
	background: url(../images/email-icon2.png) no-repeat left center;
}

.About_comtop_L li:nth-child(3) .about-label {
	vertical-align: top;
}

.About_comtop_L li:nth-child(3) img {
	padding-top: 6px;
	width: 70px;
}

.About_comtop_R {
	width: 40%;
}

.Inside_pageContentB {
	width: 1200PX;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

.About_combot {
	width: 1200px;
	clear: both;
}

.About_combot h2 {
	font-size: 26px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 50px;
}

.About_combot .logos {
	margin-top: 30px;
}

.About_combot .logos a {
	height: 86px;
	width: 220px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	display: block;
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	background-origin: padding-box;
}

.About_combot .logos>a:nth-child(5n) {
	margin-right: 0;
}

.About_combot .logos a img {
	height: 100%;
}

.About_combot .logos a:hover {
	-webkit-box-shadow: 0px 6px 12px 0px rgba(179, 179, 179, 0.3);
	-o-box-shadow: 0px 6px 12px 0px rgba(179, 179, 179, 0.3);
	-moz-box-shadow: 0px 6px 12px 0px rgba(179, 179, 179, 0.3);
	box-shadow: 0px 6px 12px 0px rgba(179, 179, 179, 0.3);
	position: relative;
	z-index: 2;
}

/* .About_combot li{width: 182px;cursor: pointer; height: 128px;overflow: hidden; background: #fff; float: left; margin:0 21px 21px 0;text-align: center;}
.About_combot li:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.About_combot li:nth-child(6),.About_combot li:nth-child(12),.About_combot li:nth-child(18){margin-right: 0;float: right;}
.About_combot li img{height: 40px; width: auto; margin: 20px auto;}
.About_combot li p{font-size: 14px; color: #333;} */


.Inside_pageRegion {
	background: url(../images/region1.png) no-repeat top center;
	height: 350px;
}

.Inside_pageRegion .Inside_pageContentWap {
	height: AUTO;
}

.Inside_pageContentRegion {
	height: 780px;
	overflow: hidden;
}

.chinamap {
	height: 707px;
	width: 913px;
	margin: 25px auto;
	position: relative;
}

.chinamap_top {
	position: absolute;
	color: #333;
	z-index: 2;
	text-align: center;
	top: 30px;
	left: 360px;
	width: 190px;
	font-size: 16px;
	line-height: 32px;
}

.chinamap_top span {
	color: #ff463c;
}

.point-area {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.point-area .point-dot {
	background-color: #6ad7e9;
	border: 1px solid rgba(0, 205, 236, 0.37);
}

.point-area .point {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	-o-background-clip: padding-box;
	-o-border-radius: 50%;
}

.point-area .point2-dot {
	background-color: #f34850;
	border: 1px solid rgba(0, 205, 236, 0.37);
}

.point-area .point2 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent;
	-o-background-clip: padding-box;
	-o-border-radius: 50%;
}

.point-area .point-shadow:after {
	-webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
	-moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
	box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
}

.point-area .point2-shadow:after {
	-webkit-box-shadow: inset 0 0 5em rgba(255, 136, 0, 0.37);
	-moz-box-shadow: inset 0 0 5em rgba(255, 136, 0, 0.37);
	box-shadow: inset 0 0 5em rgba(255, 136, 0, 0.37);
}

.point-area .point-white {
	background-color: #fff;
	border: 1px solid #00C1DE;
}

.point-area .point-dot {
	background-color: #6AD7E9;
	border: 1px solid rgba(0, 205, 236, 0.37);
	z-index: 10;
}

.point-area .point2-dot {
	background-color: #ff6600;
	border: 1px solid rgba(255, 136, 0, 0.37);
	z-index: 10;
}

.point-area .point-10 {
	width: 100%;
	height: 100%;
}

.point-area .point-10:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 225ms infinite;
	-moz-animation: ripple 4500ms ease-out 225ms infinite;
	-o-animation: ripple 4500ms ease-out 225ms infinite;
	animation: ripple 4500ms ease-out 225ms infinite;
}

.point-area .point2-10 {
	width: 100%;
	height: 100%;
}

.point-area .point2-10:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #ff6600;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 225ms infinite;
	-moz-animation: ripple 4500ms ease-out 225ms infinite;
	-o-animation: ripple 4500ms ease-out 225ms infinite;
	animation: ripple 4500ms ease-out 225ms infinite;
}

.point-area .point-20 {
	width: 100%;
	height: 100%;
}

.point-area .point-20:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 450ms infinite;
	-moz-animation: ripple 4500ms ease-out 450ms infinite;
	-o-animation: ripple 4500ms ease-out 450ms infinite;
	animation: ripple 4500ms ease-out 450ms infinite;
}

.point-area .point-30 {
	width: 100%;
	height: 100%;
}

.point-area .point-30:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 675ms infinite;
	-moz-animation: ripple 4500ms ease-out 675ms infinite;
	-o-animation: ripple 4500ms ease-out 675ms infinite;
	animation: ripple 4500ms ease-out 675ms infinite;
}

.point-area .point2-40 {
	width: 100%;
	height: 100%;
}

.point-area .point2-40:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #ff6600;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 900ms infinite;
	-moz-animation: ripple 4500ms ease-out 900ms infinite;
	-o-animation: ripple 4500ms ease-out 900ms infinite;
	animation: ripple 4500ms ease-out 900ms infinite;
}

.point-area .point-40 {
	width: 100%;
	height: 100%;
}

.point-area .point-40:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 900ms infinite;
	-moz-animation: ripple 4500ms ease-out 900ms infinite;
	-o-animation: ripple 4500ms ease-out 900ms infinite;
	animation: ripple 4500ms ease-out 900ms infinite;
}

.point-area .point-50 {
	width: 100%;
	height: 100%;
}

.point-area .point-50:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 1125ms infinite;
	-moz-animation: ripple 4500ms ease-out 1125ms infinite;
	-o-animation: ripple 4500ms ease-out 1125ms infinite;
	animation: ripple 4500ms ease-out 1125ms infinite;
}

.point-area .point-60 {
	width: 100%;
	height: 100%;
}

.point-area .point-60:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 1350ms infinite;
	-moz-animation: ripple 4500ms ease-out 1350ms infinite;
	-o-animation: ripple 4500ms ease-out 1350ms infinite;
	animation: ripple 4500ms ease-out 1350ms infinite;
}

.point-area .point-70 {
	width: 100%;
	height: 100%;
}

.point-area .point-70:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 1575ms infinite;
	-moz-animation: ripple 4500ms ease-out 1575ms infinite;
	-o-animation: ripple 4500ms ease-out 1575ms infinite;
	animation: ripple 4500ms ease-out 1575ms infinite;
}

.point-area .point-80 {
	width: 100%;
	height: 100%;
}

.point-area .point-80:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 1800ms infinite;
	-moz-animation: ripple 4500ms ease-out 1800ms infinite;
	-o-animation: ripple 4500ms ease-out 1800ms infinite;
	animation: ripple 4500ms ease-out 1800ms infinite;
}

.point-area .point-90 {
	width: 100%;
	height: 100%;
}

.point-area .point-90:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 2025ms infinite;
	-moz-animation: ripple 4500ms ease-out 2025ms infinite;
	-o-animation: ripple 4500ms ease-out 2025ms infinite;
	animation: ripple 4500ms ease-out 2025ms infinite;
}

.point-area .point-100 {
	width: 100%;
	height: 100%;
}

.point-area .point-100:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4500ms ease-out 2250ms infinite;
	-moz-animation: ripple 4500ms ease-out 2250ms infinite;
	-o-animation: ripple 4500ms ease-out 2250ms infinite;
	animation: ripple 4500ms ease-out 2250ms infinite;
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes ripple {
	0% {
		opacity: 0;
		-moz-transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-moz-transform: scale(1)
	}
}

@-o-keyframes ripple {
	0% {
		opacity: 0;
		-o-transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-o-transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.Inside_pageContentRegionB {
	background: #fff;
	width: 49%;
	float: left;
	margin-bottom: 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.Inside_pageContentRegionB:last-child {
	float: right;
}

.Inside_pageContentRegionB p {
	padding: 20px 40px;
	border-bottom: 1px solid #ededed;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
}

.Inside_pageContentRegionBcity {
	width: 570px;
	float: right;
	margin: auto;
	height: 200px;
	overflow-y: auto;
}

.Inside_pageContentRegionBcity::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	background-color: #f9f9f9;
}

.Inside_pageContentRegionBcity::-webkit-scrollbar {
	width: 13px;
	background-color: #fff;
}

.Inside_pageContentRegionBcity::-webkit-scrollbar-thumb {
	background-color: #f1f1f1;
	border: 4px solid transparent;
	border-radius: 0px;
	background-clip: content-box;
}

.Inside_pageContentRegionBcity ul {
	padding: 30px 20px 0 10px;
	overflow: hidden;
	*overflow: hidden;
	_height: 1%;
}

.Inside_pageContentRegionBcity li {
	float: left;
	width: 75px;
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #555;
	cursor: pointer;
	display: inline;
	text-align: center;
}

.Inside_pageContentRegionBcity li dt {
	color: #333;
	font-size: 16px;
	margin-bottom: 5px;
}

.Inside_pageContentRegionBcity li dd {
	color: #5f5f5f;
	font-size: 14px;
	line-height: 28px;
}

.Inside_Course {
	background: url(../images/course.jpg) no-repeat top center;
	height: 350px;
}

.Inside_pageContentCou h3 {
	text-align: center;
	font-size: 16px;
	color: #333;
	padding: 30px 0 10px 0;
}

.Inside_pageContentCou select {
	border: 1px solid #CDCDCD;
	height: 25px;
	margin: 0 auto;
	width: 80px;
	display: block;
	border-radius: 4px;
	text-indent: 15px;
}

.timeyear {
	color: #b0b0b0;
	font-size: 18px;
	line-height: 20px;
}

.timeblock {
	height: 28px;
	margin-top: 22px;
	margin-left: 5px;
}

.timeblock span {
	display: block;
	height: 24px;
	width: 18px;
	background: url(../images/date.png) no-repeat 0 0;
	float: left;
}

.timeblock .numf {
	background-position: 0px -48px;
}

.timeblock .nums {
	background-position: 0px 0px;
}

.timeblock .numt {
	background-position: 0px -24px;
}

.timeblock .numfo {
	background-position: 0px -72px;
}

#About_courseid {
	width: 820px;
	overflow: auto;
	background: url(../images/vertical.png) no-repeat 405px 0px;
	margin: 0 auto 30px;
	min-height: 680px;
	padding-right: 10px;
}

.About_course .list {
	overflow: hidden;
	position: relative;
	padding-top: 50px;
}

/*.About_course:after{content:"";left: 588px;position: absolute;
width:10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  border: 3px solid #ccc; z-index: 10;}*/
.About_course .list li {
	vertical-align: bottom;
	overflow: hidden;
	position: relative;
}

.About_course .liwrap {
	min-height: 70px;
	margin-top: 10px;
}

.About_course .liright {
	position: absolute;
	top: 0;
	right: 0px;
	height: 55px;
	width: 370px;
}

.About_course .histt {
	height: 35px;
	line-height: 35px;
}

.About_course .hisct {
	font-size: 14px;
	margin-bottom: 15px;
	color: #333;
}

.About_course .point {
	width: 55px;
	height: 55px;
	position: absolute;
	top: -6px;
	left: 379px;
	overflow: hidden;
}

.About_course .point b {
	height: 12px;
	width: 12px;
	background: #fff;
	display: block;
	margin: 17px 0 0 19px;
	border-radius: 18px;
	border: 1px solid #0d1d45;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position: absolute;
	top: 0;
	left: 0;
}

.About_course .point b.cicle {
	height: 4px;
	width: 4px;
	background: #0d1d45;
	border-radius: 50%;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 9999;
}

/*.point b:hover{border:5px solid #0d1d45;height:16px;width:16px;top:-5px;left:-5px;}
*/
.About_course .thiscur .point b {
	border: 7px solid rgba(107, 195, 13, 0.6);
	margin: 12px 0px 0px 14px;
	border-radius: 52px;
}

.About_course .thiscur .histt {
	color: #000;
}

.About_course .histt {
	font-size: 24px;
	color: #747474;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #000;
}

.lirightwap {
	float: left;
	width: 360px;
}

.liright img {
	border-radius: 50%;
	width: 90px;
	float: right;
	height: 90px;
}

.About_course .lileft {
	left: 0
}

.About_course .lileft .lirightwap {
	float: right;
	text-align: right;
}

.About_course .lileft img {
	float: left;
}




.product_icity {
	background: url(../images/product_1bj.png) no-repeat top center;
	height: 350px;
}

.product_icity_navWap {
	width: 100%;
	height: 90px;
	background: #f9f9f9;
	margin-bottom: 40px;
}

.product_icity_navwk {
	position: relative;
	height: 120px;
	width: 1200px;
	margin: 0 auto;
}

.product_icity_nav {
	height: 120px;
	position: absolute;
	top: -60px;
	width: 1200px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.product_icity_nav li {
	width: 300px;
	text-align: center;
	float: left;
	padding: 15px 0;
}

.product_icity_nav li .product_icon {
	width: 55px;
	height: 55px;
	background: #3A49BA;
	border-radius: 50%;
	margin: 0 auto 15px
}

.product_icity_nav li .product_icon img {
	margin: 14px 0 0 0;
}

.product_icity_nav li a p {
	color: #333;
	font-size: 16px;
}

.product_icity_nav li:hover {
	background: #f5f6ff;
}

.product_icity_nav li.active {
	background: #f5f6ff;
}

.product_icity_nav li:hover a p {
	color: #3A49BA
}

.product_icity_nav li.active a p {
	color: #3A49BA
}

.toplist {
	width: 1200px;
	opacity: 1;
	margin: -90px auto 30px;
	background: #FFFFFF;
	padding: 0 20px 0 0;
	box-sizing: border-box;

	backdrop-filter: blur(10px);
	box-shadow: 0px 4px 10px 0px rgba(46, 105, 234, 0.13);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.toplist>div {
	display: flex;
	align-items: center;
}

.toplist>div.shensebg {
	background: #2E69EA;
	padding-right: 10px;
}

.toplist>div img {
	margin-top: 24px;
}

.toplist>div>div p {
	color: #333333;
	font-family: Source Han Sans CN;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.toplist>div>div p:last-child {
	font-weight: 300;
}

.toplist>div>div a {
	color: #2E69EA;
	font-size: 18px;
}

.toplist>div.shensebg>div p {
	color: #fff;
}


/*公司介绍*/
.gongsijieshao-T {
	height: 350px;
	width: 100%;
	background: url(../images/about1.jpg) no-repeat top center;
}
.inside-center-block {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

.inside-content-jieshao {
	width: 1200px;
	overflow: hidden;
	position: relative;
	margin: -60px auto 60px;
	/* height: 584px; */
	/* padding-bottom: 30px; */
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.about-customer-ins {
	padding: 14px 54px 120px 54px;
}

.about-customer-ins h3 {
	font-size: 26px;
	padding: 40px 0 20px 0;
}

.about-customer-ins p {
	line-height: 36px;
	color: #333;
	overflow: hidden;
	font-size: 15px;
	text-indent: 30px;
}