body,html,div,h1,h2,h3,h4,h5,h6,p,span,a,img,button,input,textarea,ul,li,i,button {

	border: 0;

	padding: 0;

	margin: 0;

}

li {

	list-style: none;

}

a {

	text-decoration: none;

	color: #000;

}

a:hover,a:active {

	color: #000;

}

img {

	display: block;

}



.flex {

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	display: flex;

}



/* @font-face {

	font-family: 'PingFang Regular';

	src:url('../font/PingFang Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

} */



body {

	/*font-family: "微软雅黑";*/

	/*font-family: 'PingFangSC-Regular, sans-serif';*/

	font-family: '微软雅黑','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;

}

button {

	outline: none;

}

p {
	font-weight: bold;
}

.rel {

	position: relative;

}

.abs {

	position: absolute;

}

.fix {

	position: fixed;

}



.fl {

	float: left;

}

.fr {

	float: right;

}

.align {

	text-align: center;

}

.top-banner .swiper-pagination-bullet {

	background: #fe9c7e;

	width: 12px;

	height: 4px;

	border-radius: 2px;

	margin: 0 8px;

	opacity: 1;

}

.top-banner .swiper-pagination-bullet-active {

	width: 18px;

	/*background: #fff;*/

}

/*公用title*/

.title {

	padding: 80px 0 50px 0;

	text-align: center;

}

.title h3 {

	font-size: 26px;

	color: #3b426b;

	padding-bottom: 20px;

	font-weight: 500;

}

.title p {

	font-size: 18px;

	color: #5d6494;

}

.title div {

	margin: 30px auto;

	background: linear-gradient(120deg,#2f6df7,#3bdae8);

	font-size: 16px;

	color: #fff;

	width: 126px;

	height: 45px;

	text-align: center;

	line-height: 45px;

	cursor: pointer;

	border-radius: 23px;

	transition: all .2s;

}

.title div:hover {

	box-shadow: 0 10px 14px 0 rgba(23,57,126,.15), 0 4px 8px 0 rgba(30,62,124,.15);

	margin-top: 28px;

	margin-bottom: 32px;

}

.none {

	display: none!important;

}

/*头部脚部*/

.header li {

	color: #3b426b;

	padding: 0 25px;

	line-height: 32px;

	font-size: 14px;

}

.header .top-li {

	line-height: 80px;

	color: #3b426b;

}

.header .top-li.active {
	/* color: #fb6638; */
	color: #345eff;
}

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

.head-menu {
	position: relative;

}

.header {
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:0 6%;
	background:#fff;
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:998;
	height:64px;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
}


.header li:hover {
	color: #345eff;

}

.header li:hover .top-li {
	color: #345eff;

}

.header li:hover .submenu {
	display: flex;
	flex-wrap: wrap;
}

.header li .submenu {
	position: absolute;
	top: 80px;
	left: 0;
	width: 600px;

	background: #fff;

	font-size: 12px;

	padding: 34px 20px 14px 20px;

	z-index: 99;

	border-radius: 4px;

	box-shadow: 0 0 24px rgba(0,0,0,0.1);

	display: none;

}

.header li .submenu li {

	width: 200px;

	box-sizing: border-box;

	padding: 0 0 20px 0;

}

.header li .submenu .head-subtit {

	color: #7d88a2;

	font-size: 12px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	max-width: 180px;

}

.header li .submenu .head-tit {

	font-size: 14px;

	color: #3b426b;

	padding-bottom: 20px;

	position: relative;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	max-width: 180px;

}

.header li .submenu .head-tit:after {

	content: '';

	position: absolute;

	bottom: 16px;

	left: 0;

	width: 36px;

	height: 2px;

	background: #345eff;

}

.loginBtn {

	align-items: center;

}

.loginBtn div {

	width: 76px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	border-radius: 4px;

	font-size: 14px;

	box-sizing: border-box;

	margin-left: 12px;

}

.login {

	/* background: #fb6638; */

	background: linear-gradient(-45deg, #28a7ff, #345eff);

	color: #fff;

}

.login:hover {

	/* background: #f0501f; */

	background: linear-gradient(-45deg, #28a7ff, #345eff);

}

.register {

	/* color: #fb6638;

	border: 1px solid #fb6638; */

	color: #2f6df7;

	border: 1px solid #345eff;

}

.register:hover {

	/* background: #fb6638; */

	background: linear-gradient(-45deg, #28a7ff, #345eff);

	color: #fff;

}

/*footer*/

.footer {

	background: #1c1c25;

	width: 100%;

}

.footer .marginauto {

	padding: 74px 78px 30px 40px;

	color: #fff;

	font-size: 14px;

}

.footer .footer-tit {

	padding-bottom: 4px;

}

.footer a p {

	color: #5f5f5f;

	padding-top: 16px;

}

.footer-item {

	padding-right: 120px;

}

.footer-img img {

	width: 130px;

	height: 130px;

}

.footer-img {

	margin-left: 52px;

}

#chat {

	position: fixed;

	right: 0;

	top: 60%;

	padding-left: 60px;

	z-index: 10;

}

.chat-one {

	position: fixed;

	right: 110px;

	top: 50%;

	width: 200px;

	height: 444px;

	background: #fff;

	text-align: center;

	display: flex;

	flex-direction: column;

	box-shadow: 0 0 24px rgba(218,217,231,.6);

	display: none;

}

.chat-one p,.chat-one a p {

	font-size: 14px;

	color: #3b426b;

}

.chat-one .bor-b {

	position: relative;

}

.chat-one .bor-b:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 16px;

	right: 16px;

	height: 1px;

	background: #f7f7f7;

	display: block;

}

.chat-one .chat-tit {

	line-height: 66px;

	font-size: 16px;

	color: #3b426b;

}

.chat-name {

	line-height: 54px;

}

.chat-one img {

	padding-bottom: 14px;

	width: 126px;

	height: 126px;

	margin: 0 auto;

}

.chat-one .chat-tel {

	padding: 20px 0 10px 0;

}

.chat-one .chat-mobile {

	color: #fb6638;

	font-weight: 500;

	flex: 1;

	font-size: 16px;

}

.backtop {

	line-height: 56px;

}

.chat-name .iconfont {

	color: #fb6638;

	vertical-align: middle;

}



.top-banner {

	/*background-color: #fd6b3e;*/

	color: #fff;

	width: 100%;

	height: 480px;
	

	background-size: 100% 100%;

	background-repeat: no-repeat;

}

.top-banner .swiper-container {

	height: 100%;

}

.bannerItem {

	align-items: center;

	height: 480px;

}

.bannerItem img {

	margin-left: 100px;

}

.top-banner .swiper-wrapper {

	margin-left: 40px;

}

.bannerItem h2 {

	font-size: 30px;

	margin: 50px 20px 28px 0;

	font-weight: 500;

}

.bannerItem p {

	font-size: 18px;

	width: 500px;

	line-height: 36px;

	margin-bottom: 30px;

}

.copyright {

	font-size: 12px;

	color: #5f5f5f!important;

	text-align: center;

	line-height: 80px;

	border-top: 1px solid #252525;

	padding: 0!important;

}



.video-de {

	justify-content: center;

	text-align: center;

}

.video-de p {

	padding-top: 20px;

	color: #7D88A2;

	font-size: 14px;

}

.video-de video {

	width: 326px;

	margin: 0 40px;

	height: 580px;

	border-radius: 6px;

	box-shadow: 2px 0px 20px #eee;

}



/** 分页 Pager **/

.es-pager {

	position: relative;

	display: inline-block;

	margin: 0;

	margin-top: 10px;

	padding: 0; }

.es-pager li {

	float: left;

	margin-left: 6px;

	font-size: 12px;

	color: #7D88A2;

	list-style: none;

	line-height: 30px;

	height: 30px;

	border-radius: 4px;

	width: 30px;

	text-align: center;

	border: 1px solid #ccc;

}

.es-pager li a {

	display: inline-block;

	color: #7D88A2;

	text-decoration: none;

	width: 100%; }

.es-pager li a span {

	font-size: 14px;

	vertical-align: middle; }

.es-pager li:hover:not(.splitter):not(.active):not(.record-info):not(.page-info) {

	background: #fb6638;

	border: 1px solid #fb6638;

}

.es-pager li:hover:not(.splitter):not(.active):not(.record-info):not(.page-info) a {

	color: #fff; }

.es-pager li:active:not(.page-info):not(.record-info), .es-pager li.active {

	background: #fb6638;

	border: 1px solid #fb6638;

}

.es-pager li:active:not(.page-info):not(.record-info) a, .es-pager li.active a {

	color: #7D88A2; }

.es-pager li.active a {

	color: #fff; }

.es-pager.round li:first-child {

	border-bottom-right-radius: 4px;

	border-top-right-radius: 4px; }

.es-pager.round li:last-child {

	border-bottom-left-radius: 4px;

	border-top-left-radius: 4px; }

.es-pager .splitter, .es-pager .record-info, .es-pager .page-info {

	padding: 0 8px;

	line-height: 30px;

	border: none;

	width: auto; }

.es-pager .pager-info {

	height: 30px;

	line-height: 30px; }

.es-pager select, .es-pager input {

	outline: none; }

.es-pager .currentpage {

	width: 30px;

	height: 30px;

	margin: 1px;

	margin-left: 8px;

	padding: 0 5px;

	text-align: center;

	border: 1px solid #f2f2f2;

	border-radius: 4px;

	color: #7D88A2;

}

.es-pager .pagecount {

	float: left;

	height: 30px;

	line-height: 30px;

	padding: 0 5px; }

.es-pager .pagesize {

	border: none; }

.es-pager.success li:active:not(.page-info):not(.record-info), .es-pager.success li.active {

	background-color: #54c952; }

.es-pager.warning li:active:not(.page-info):not(.record-info), .es-pager.warning li.active {

	background-color: #ff6e1e; }

.es-pager.danger li:active:not(.page-info):not(.record-info), .es-pager.danger li.active {

	background-color: #fc5768; }





