* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

@font-face {
	font-family: 'iconfont'; /* project id 812352 */
	src: url('../other/font_812352_2loxhm8kpt3.eot');
	src: url('../other/font_812352_2loxhm8kpt3.eot?#iefix') format('embedded-opentype'), url('../other/font_812352_2loxhm8kpt3.woff') format('woff'), url('../other/font_812352_2loxhm8kpt3.ttf') format('truetype'), url('../other/font_812352_2loxhm8kpt3.svg#iconfont') format('svg');
}



html {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	width: 100%;
	min-width: 1300px;
	position: absolute;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	top: 0;
	display: flex;
	flex-direction: column;
}
.ofH img:hover {
	transform: scale(1.05);
}
.wraps {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 90px;
}

.clearfloat:after {
	display: block;
	content: "";
	clear: both;
	overflow: hidden;
}

.clearfloat {
	*zoom: 1;
	display: flex;
}

	.clearfloat:before, .clearfloat:after {
		content: "";
		display: table;
		line-height: 0;
		visibility: hidden;
	}

	.clearfloat:after {
		clear: both;
	}

.topbox {
	position: absolute;
	width: 100%;
	min-width: 1300px;
	height: 116px;
	background-color: #fff;
	z-index: 600;
	left: 0;
	top: 0;
	border: 1px solid #eee;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

.head {
	width: 1300px;
	margin: auto;
	height: 116px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
	width: 250px;
	height: 60px;
	display: flex;
	align-items: center;
}

	.logo span {
		display: block;
		margin-top: 20px;
		margin-left: 17px;
		float: left;
		width: 201px;
		height: 23px;
		line-height: 23px;
		color: rgba(255, 255, 255, 1);
		font-size: 20px;
		text-align: left;
	}

	.logo em {
		display: block;
		float: left;
		margin-top: 12.39px;
		width: 30px;
		height: 36px;
		background: url(/template/default/images/logo.png)no-repeat;
		background-size: 100%;
	}

.nav {
	height: auto;
}

	.nav li {
		float: left;
		position: relative;
		margin: 0 15px;
		line-height: 60px;
		font-size: 17px;
		height:auto;
		display: flex;
		align-items: center;
	}

		.nav li > a {
			display: block;
			color: #000;
			font-weight: bold;
		}

		.nav li:after {
			transition: all .3s ease-in;
			display: block;
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 3px;
			width: 100%;
			background: none;
		}

		.nav li.active:after {
			background: -webkit-linear-gradient(left,#ff6a00,#ff6a00);
			background: -moz-linear-gradient(left,#ff6a00,#ff6a00);
			background: -ms-linear-gradient(left,#ff6a00,#ff6a00);
			background: -o-linear-gradient(left,#ff6a00,#ff6a00);
			background: linear-gradient(left,#ff6a00,#ff6a00);
		}

		.nav li:hover:after {
			background: -webkit-linear-gradient(left,#ff6a00,#ff6a00);
			background: -moz-linear-gradient(left,#ff6a00,#ff6a00);
			background: -ms-linear-gradient(left,#ff6a00,#ff6a00);
			background: -o-linear-gradient(left,#ff6a00,#ff6a00);
			background: linear-gradient(left,#ff6a00,#ff6a00);
		}

	.nav .active > a {
		color: #ff6a00;
	}

	.nav li:hover a {
		color: #ff6a00;
	}

.cpdllist {
	display: flex;
	flex-direction: column;
	border-right: 1px solid #eee;
	min-width: 200px;
}

.nav_down {
	display: none;
	position: fixed;
	line-height: 38px;
	padding: 10px 0;
	box-sizing: border-box;
	top: 80px;
	left: 0;
	width: 100%;
	border-radius: 10px;
	z-index: 999;
	height: auto;
}

.cpdl-box {
	display: flex;
	justify-content: center;
	padding: 0 10px;
}

.topcpwords {
	display: flex;
	flex-direction: column;
}

.nav_down a {
	color: #000;
	font-size: 16px;
	display: flex !important;
	align-items:flex-start !important;
	justify-content: flex-start;
	margin-bottom: 10px;
	color: #000;
	padding: 2px 10px;
	margin-right: 5px;
}

	.nav_down a img {
		width: 20px;
		height: auto;
		margin-right: 5px;
	}

	.nav_down a p {
		white-space: nowrap;
		line-height: 20px;
		opacity: .7;
		font-size: 14px;
	}

	.nav_down a span {
		white-space: nowrap;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
	}

.nav li:hover .nav_down a {
	color: #000;
	border: 0px solid #fff;
}



.nav li .nav_down a:hover {
	color: #ff6a00;
	background: #fdf6ec;
	border: 0px solid #f5dab1;
}

/*top*/

.banner {
	width: 100%;
	height: 480px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.bannerul li {
	height: 480px;
	position: relative;
	float: left;
	overflow: hidden;
}

.bannerul img {
	width: auto;
	display: block;
	z-index: 10;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.ban_text {
	width: 1300px;
	height: 100%;
	z-index: 100;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

	.ban_text h2 {
		left: 708px;
		margin-bottom: 10px;
		font-weight: 300;
		height: auto;
		line-height: 55px;
		color: rgba(255, 255, 255, 1);
		font-size: 46px;
		width: 1000px;
		font-weight: bold;
		margin-top: 130px;
	}

.ban_info {
	width: 461px;
	height: 60px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.ban_more a {
	display: block;
	width: 120px;
	height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #fff;
}

	.ban_more a:hover {
		background: #fff;
		color: #ff6a00;
		border: 1px solid #fff;
	}

.bannerul {
	width: 20000px;
	position: relative;
	z-index: 10;
}

.num {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 20;
	transform: translateX(-50%);
}

	.num li {
		position: relative;
		border-radius: 50%;
		float: left;
		margin-right: 10px;
		width: 16px;
		cursor: pointer;
		height: 16px;
	}

		.num li:after {
			display: block;
			content: "";
			width: 100%;
			height: 100%;
			border-radius: 50%;
			box-sizing: border-box;
			border: 2px solid rgba(255,255,255,0.5);
		}

		.num li.active:after {
			border: 2px solid /*transparent*/ rgba(255,255,255,0.5);
		}

		.num li.active svg {
			opacity: 1;
		}

		.num li svg {
			opacity: 0;
			position: absolute !important;
			left: -1px !important;
			top: -1px !important;
		}

/*banner*/





.pro_box {
	padding: 30px 0;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.pro_tit {
	margin: auto;
	margin-bottom: 5px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.pro_tit {
	font-size: 32px;
	font-weight: bold;
}

.pro_tit_p {
	font-size: 16px;
}

.pro_info {
	text-align: center;
	height: auto;
	line-height: 22px;
	opacity: 0.77;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
	width: 1300px;
	margin: 0 auto;
}

.pro_list {
	margin-top: 60px;
	width: 1300px;
	margin: 60px auto 0;
}

	.pro_list li {
		width: 25%;
	}

.pro_top {
	transition: all .3s ease-in;
	width: 100%;
	height: auto;
	margin: auto;
}

	.pro_top a {
		font-size: 25px;
		display: block;
		width: 100%;
		height: 100%;
		color: #cccccc;
		text-align: center;
		font-family: "iconfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
		display: flex;
		align-items: center;
		padding: 10px 0;
	}

.pro_list li.active a {
	color: #ff6a00;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.pro_top:hover a {
	color: #ff6a00;
}

.pro_top:hover {
	color: #ff6a00;
	background-size: 100%;
}

.pro_list li.active .pro_top {
	color: #ff6a00;
	background-size: 100%;
}

.pro_name {
	transition: all .3s ease-in;
	text-align: center;
	height: auto;
	line-height: 32px;
	color: rgba(153, 153, 153, 1);
	font-size: 16px;
	white-space: nowrap;
}

.pro_list li:hover .pro_name {
	color: #ff6a00;
}

.pro_list li.active .pro_name {
	color: #ff6a00;
}

.pro_list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*产业中心*/
.tmcbox {
	background: #F6F8FA;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 15px 0 0;
	box-sizing: border-box;
}

.tmc {
	display: none;
	width: 1300px;
	margin: auto;
}

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

.tmc_pic {
	width: 584px;
	float: left;
}

	.tmc_pic img {
		display: block;
		width: 100%;
	}

.tmc_text {
	width: 438px;
	float: right;
	padding: 0 0 30px 30px;
	display: flex;
	flex-direction: column;
}

.tmc_tit {
	margin-bottom: 10px;
	height: 37px;
	line-height: 37px;
	color: rgba(51, 51, 51, 1);
	font-size: 26px;
}

.tmc_info {
	width: 438px;
	line-height: 26px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.solut_box {
	width: 100%;
	height: 810px;
	position: relative;
	margin-bottom: 51px;
	overflow: hidden;
}

.solu_ban ul {
	position: absolute;
	width: 100%;
	height: 810px;
	z-index: 10;
}

.solu_ban li {
	display: none;
	position: relative;
	width: 100%;
	height: 810px;
	overflow: hidden;
}

	.solu_ban li img {
		height: 810px;
		width: auto;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}

.solu_ban .active {
	display: block;
}

.plan_box {
	width: 1300px;
	position: absolute;
	height: 810px;
	left: 50%;
	margin-left: -600px;
	top: 0;
	z-index: 200;
}

.sidebar {
	width: 236px;
	float: left;
	margin-top: 140px;
}

.prev {
	display: none;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	width: 100%;
	text-align: center;
	background: #1a1a1a;
}

	.prev.active {
		display: block;
	}

.next {
	display: none;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	width: 100%;
	text-align: center;
	background: #1a1a1a;
}

	.next.active {
		display: block;
	}

	.next img {
		opacity: 0.5;
		transition: all .3s ease-in;
	}

	.next:hover img {
		opacity: 1;
	}

.prev img {
	opacity: 0.5;
	transition: all .3s ease-in;
}

.prev:hover img {
	opacity: 1;
}

.slide_ban {
	height: 563px;
	overflow: hidden;
	width: 100%;
	background: #000000;
}

	.slide_ban li {
		transition: all .3s ease-in;
		height: 94px;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.slide_ban a {
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding-left: 25px;
	}

	.slide_ban li + li a {
		border-top: 1px solid #3a3a3a;
	}

	.slide_ban li.active {
		background: -webkit-linear-gradient(left,#00D7FF,#0B61FF);
		background: -moz-linear-gradient(left,#00D7FF,#0B61FF);
		background: -ms-linear-gradient(left,#00D7FF,#0B61FF);
		background: -o-linear-gradient(left,#00D7FF,#0B61FF);
		background: linear-gradient(left,#00D7FF,#0B61FF);
	}

		.slide_ban li.active a {
			border: none;
		}

	.slide_ban h2 {
		padding-top: 20px;
		margin-bottom: 13px;
		height: 22px;
		line-height: 22px;
		color: rgba(255, 255, 255, 1);
		font-size: 16px;
	}

	.slide_ban li.active a {
		padding-left: 40px;
	}

.slide_way {
	height: 20px;
	line-height: 20px;
	color: rgba(198, 198, 198, 1);
	font-size: 14px;
}

.slide_ban li.active .slide_way {
	color: #FFFFFF;
}



.blur_box {
	width: 920px;
	float: right;
}

.blut_top {
	width: 640px;
	text-align: center;
	margin-bottom: 95px;
}

	.blut_top h2 {
		margin-top: 52px;
		margin-bottom: 23px;
		text-align: center;
		height: 42px;
		line-height: 42px;
		color: rgba(255, 255, 255, 1);
		font-size: 30px;
	}

.blur_info {
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.blut_ban {
	width: 100%;
	padding-left: 36px;
	box-sizing: border-box;
}

.blut_name {
	height: 33px;
	margin-bottom: 27px;
	line-height: 33px;
	color: rgba(255, 255, 255, 1);
	font-size: 24px;
}

.blur_text {
	margin-bottom: 34px;
	height: 46px;
	line-height: 24px;
	color: #c6c6c6;
	font-size: 14px;
}

.blur_more a {
	display: block;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	width: 159px;
	height: 36px;
	border: 1px solid rgba(255, 255, 255, 1);
}

	.blur_more a:hover {
		background: #ff6a00;
	}

.blur_more {
	margin-bottom: 34px;
}

.point_tit {
	height: 20px;
	margin-bottom: 19px;
	line-height: 20px;
	color: rgba(198, 198, 198, 1);
	font-size: 14px;
}

.point {
	margin-bottom: 45px;
}

.char {
	display: table;
	float: left;
	margin-right: 30px;
	text-align: center;
	width: 152px;
	height: 48px;
	background-color: rgba(33, 33, 33, 1);
	border: 1px solid rgba(151, 151, 151, 1);
}

	.char p {
		display: table-cell;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: 0 11px;
		vertical-align: middle;
	}

	.char span {
		display: block;
		font-size: 12px;
		color: #FFFFFF;
	}

.typi a {
	vertical-align: middle;
	margin-right: 60px;
}

.blut_ban li {
	display: none;
}

	.blut_ban li.active {
		display: block;
	}

.blut_ban ul {
	height: 440px;
	overflow: hidden;
}

/*解决方案*/

.apply_box {
	width: 1198px;
	margin: auto;
}

.apply_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.apply_list {
	margin-top: 89px;
	margin-bottom: 93px;
}

	.apply_list ul {
		width: 1300px;
	}

.apply_pic {
	height: 200px;
}

.apply_list li img {
	transition: filter .2s ease-in;
	display: block;
	width: 404px;
	height: 200px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.apply_list li:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

.apply_list li.active img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

.apply_list li {
	overflow: hidden;
	transition: transform 0.3s;
	transform: translateZ(0); /*transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);*/
	display: inline-block;
	padding-bottom: 30px;
	box-sizing: border-box;
	background: #FFFFFF;
	width: 390px;
	position: relative;
	z-index: 10;
	top: 0;
	vertical-align: top;
	border-radius: 8px;
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
}

	.apply_list li.active { /*z-index: 100;width: 440px;top: -33px;*/
		z-index: 100;
		transform: scale(1.1);
		padding-bottom: 42px;
		box-shadow: 0 3px 28px 0 rgba(19,53,91,0.24);
	}

	.apply_list li:nth-child(3) .apply_pic img {
		float: right;
	}

	.apply_list li:nth-child(3) {
		right: 5px;
	}

	.apply_list li:nth-child(1) {
		left: 5px;
	}

/*.apply_list li.active .apply_pic{height: 240px;}*/

.app_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin-top: 36px;
	color: rgba(136, 136, 136, 1);
	font-size: 18px;
}

.apptext {
	width: 330px;
	margin: auto;
	padding: 0 37px;
	margin-top: 19px;
	height: 170px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

/*.apply_list li.active .app_name{height: 28px;line-height: 28px;margin-top: 34.92px; color: rgba(68, 68, 68, 1);font-size: 20px;}*/

/*.apply_list li.active .apptext{height: 175px;padding: 0 40.3px; width: 359px;height: 175px;line-height: 30px;color: rgba(102, 102, 102, 1);font-size: 16px;}*/

.apply_list li a {
	display: block;
}

.apply_list li:nth-child(3) .app_name {
	float: right;
	width: 100%;
}

.apply_list li:nth-child(3) .apptext {
	float: right;
}

/*应用案例*/

.friendbox {
	width: 100%;
	min-width: 1300px;
	overflow: hidden;
	padding: 30px 0;
	box-sizing: border-box;
	height: auto;
	background-color: #fff;
}

.fr_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.friend {
	width: 1300px;
	margin: 0 auto;
}

	.friend ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.friend li {
		width: 12%;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}

		.friend li a {
			overflow: hidden;
			display: table-cell;
			width: 100%;
			height: 100%;
			text-align: center;
			vertical-align: middle;
			display: flex;
			flex-direction: column;
			color: #999;
		}

			.friend li a:hover {
				color: #ff6a00;
			}


	.friend img {
		transition: all .3s ease-in;
		max-width: 90%;
		max-height: auto;
		display: block;
		margin: auto;
	}

	.friend li:hover img {
		transform: scale(1.2);
	}

/*合作伙伴*/

.footerbox {
	width: 100%;
	padding-top: 36px;
	box-sizing: border-box;
	height: auto;
	background-color: rgba(53, 54, 62, 1);
	display:flex;
	flex-direction:column;
}

.yqlj-box {
	width: 1300px;
	margin: 0 auto;
	font-size: 13px;
	text-align: center;
	color: #eee;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

	.yqlj-box a {
		margin-right: 10px;
		opacity: .8;
	}

		.yqlj-box a:hover {
			color: #ff6a00;
			opacity: .99;
		}

.footer {
	width: 1300px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom:20px;
}
.lxdh-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color:#fff;
}
.lxdh-box span{
	font-size:24px;
	font-weight:bold;
}

.hot_line {
	width: 342px;
	float: left;
}

.hot_tit {
	height: 26px;
	background: url(/template/default/images/hot.png)no-repeat;
	padding-left: 36px;
	background-size: 26px;
	background-position: 0;
	box-sizing: border-box;
	margin-bottom: 20px;
	line-height: 26px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.call {
	height: 30px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 22px;
}

.qqin {
	display: block;
	margin-top: 14px;
	width: 151px;
	height: 45px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 45px;
	text-align: center;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #00A1FF, #0680FF,#0B61FF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00A1FF, #0680FF,#0B61FF); /* 标准的语法 */
}

.fast_nav {
	width: auto;
	padding:0 20px 0 0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.fast_tit {
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.fast_list {
	height: auto;
	line-height: 28px;
	color: rgba(204, 204, 204, 1);
	font-size: 12px;
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	padding-top:10px;
}

	.fast_list p {
		width:auto;
		height: 30px;
		line-height: 30px;
		white-space: nowrap;
	}

	.fast_list a {
		color: rgba(204, 204, 204, 1);
		white-space: nowrap;
	}

		.fast_list a:hover {
			color: #ff6a00;
		}

.contus {
	width: 220px;
	float: left;
}

.code {
	width: 100px;
	float: right;
}

	.code img {
		display: block;
		width: 100%;
	}

.code_text {
	margin-top: 10px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	opacity: .8;
}

.copy {
	margin-top: 10px;
	text-align: left;
	padding: 5px;
	left: 0px;
	border-top: 1px solid rgba(216, 216, 216, 0.16);
	height: 37px;
	line-height: 27px;
	color: rgba(255, 255, 255, .8);
	font-size: 13px;
	margin:0 auto;
	width:1300px;
}
.mfty-box {
	width: 100%;
	height: auto;
	background: url(/template/default/images/gjpcpt/topbanner2.jpg) center 0 no-repeat;
}
.mfty {
	width: 1300px;
	margin: 0 auto;
	height: 100px;
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding: 15px 0;
	align-items: center;
}
.mfty i{
	font-size:20px;
	margin-right:10px;
}
	.mfty-box span {
		font-size: 30px;
		font-weight:bold;
	}
	.mfty-box p {
		font-size: 18px;
	}
.qyys li {
	display:flex;
	align-items:center;
}
.qyys-box {
	width: 100%;
	height: auto;
	color: #999;
}
.qyys {
	display: flex;
	justify-content: space-between;
	width: 1300px;
	margin: 0 auto;
	align-items:center;
	padding:20px 0;
}
.qyys i{
	font-size:30px;
	margin-right:20px;
}
/*首页*/
.pro_ban {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 20;
	height: 120px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pro_le {
	width: 570px;
	float: left;
	text-align: left;
}

.good_tit {
	height: 50px;
	line-height: 50px;
	color: rgba(255, 255, 255, 1);
	font-size: 36px;
}

.good_info {
	width: 569px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	opacity: .7;
	padding-bottom: 10px;
	display: flex;
}

	.good_info a {
		color: #fff;
		padding: 0 10px;
	}

.good_more a {
	display: block;
	width: fit-content;
	height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	padding: 0 20px;
	line-height: 36px;
	text-align: center;
	border-radius: 54px;
	border: 1px solid #fff;
}


	.good_more a:hover {
		background: #fff;
		color: #ff6a00;
	}
.good_more1 a {
	display: block;
	width: fit-content;
	height: 36px;
	font-size: 16px;
	color: #ff6a00;
	padding: 0 20px;
	line-height: 36px;
	text-align: center;
	border-radius: 54px;
	border: 1px solid #ff6a00;
	margin-top:10px;
}


	.good_more1 a:hover {
		background: #ff6a00;
		color: #fff;
	}

.pro_use {
	width: 1300px;
	margin: auto;
	position: relative;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.good_pic {
	width: 432px;
	float: right;
	height: 83px;
	position: relative;
	margin-top: 96px;
}

.good1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.good2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.good3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#good1 {
	margin: -123px 0 0 -23px;
	transition: .5s ease-out;
}

#good2 {
	margin: -147px 0 0 -199px;
	transition: .5s ease-out;
}

#good3 {
	margin: -88px 0 0 -188px;
	transition: .5s ease-out;
}

	#good1 img, #good2 img, #good3 img {
		transform: translate3d(0,0,0);
		transition: .3s;
	}

/*ban*/

.main {
	width: 100%;
	overflow: hidden;
}

.main-top {
	text-align: center;
	line-height: 64px;
	border-bottom: 1px solid #D8D8D8;
}

	.main-top span {
		display: inline-block;
		position: relative;
		border-bottom: 3px solid transparent;
		margin: 0 38px;
		cursor: pointer;
		color: rgba(102, 102, 102, 1);
		font-size: 16px;
	}

		.main-top span.active {
			border-bottom: 3px solid #ff6a00;
			color: #ff6a00;
		}

.firebox {
	padding-top: 51px;
	box-sizing: border-box;
	width: 100%;
	height: 688px;
	background-color: rgba(245, 245, 245, 1);
}

.fire_tit {
	text-align: center;
	margin-bottom: 23px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.fire_info {
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.fire_ban {
	margin: 37px auto 0;
	width: 1196px;
	overflow: hidden;
	height: 443px;
	background-color: rgba(255, 255, 255, 1);
}

.fir_cut {
	width: 280px;
	float: left;
	height: 443px;
	background: #3A3A3A;
}

	.fir_cut li {
		cursor: pointer;
		height: 147.6px;
		width: 100%;
		display: table;
	}

		.fir_cut li:nth-last-child(2) {
			background: #2b2b2b;
		}

		/*.fir_cut li:nth-last-child(2).active{background:-webkit-linear-gradient(left,#0D70FF,#0B61FF); background:-moz-linear-gradient(left,#0D70FF,#0B61FF); background:-ms-linear-gradient(left,#0D70FF,#0B61FF); background:-o-linear-gradient(left,#0D70FF,#0B61FF); background:linear-gradient(left,#0D70FF,#0B61FF);}*/

		.fir_cut li.active {
			background: -webkit-linear-gradient(left,#00D7FF,#0B61FF);
			background: -moz-linear-gradient(left,#00D7FF,#0B61FF);
			background: -ms-linear-gradient(left,#00D7FF,#0B61FF);
			background: -o-linear-gradient(left,#00D7FF,#0B61FF);
			background: linear-gradient(left,#00D7FF,#0B61FF);
		}

.fir_use {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.fir_pic {
	font-family: 'iconfont';
	font-size: 40px;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, 1);
}

.fire_name {
	height: 20px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
}

.fieline_box {
	padding-top: 52px;
	box-sizing: border-box;
	width: 824px;
	float: left;
	margin-left: 40px;
	height: 443px;
	overflow: hidden;
}

.deta_tit span {
	;
	padding-left: 11px;
	box-sizing: border-box;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: rgba(51, 51, 51, 1);
	font-size: 16px;
	border-left: 3px solid #ff6a00;
}

.deta_tit {
	margin-bottom: 20px;
}

.detail {
	height: 46px;
	margin-bottom: 44px;
	line-height: 24px;
	opacity: 0.88;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.fun_list li {
	text-align: center;
	float: left;
	box-sizing: border-box;
	line-height: 78px;
	width: 187px;
	height: 80px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(238, 238, 238, 1);
}

	.fun_list li + li {
		margin-left: 20px;
	}

	.fun_list li span {
		font-family: 'iconfont';
		line-height: 46px;
		text-align: center;
		vertical-align: middle;
		font-size: 21px;
		color: #FFFFFF;
		margin-right: 18px;
		display: inline-block;
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: -webkit-linear-gradient(top,#1060FE,#01C1E6);
		background: -moz-linear-gradient(top,#1060FE,#01C1E6);
		background: -ms-linear-gradient(top,#1060FE,#01C1E6);
		background: -o-linear-gradient(top,#1060FE,#01C1E6);
		background: linear-gradient(top,#1060FE,#01C1E6);
	}

	.fun_list li em {
		vertical-align: middle;
		color: rgba(102, 102, 102, 1);
		font-size: 14px;
	}

.firline {
	display: none;
}

	.firline.active {
		display: block;
	}



.I-title {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.terr_box {
	height: auto;
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	padding: 10px 0;
	background: #F6F8FA;
}

.aui-section-box {
	justify-content: center;
	align-items: center;
	display: flex;
}

.terr_list {
	padding: 10px 0;
}

	.terr_list ul {
		width: 1300px;
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}


	.terr_list li {
		cursor: default;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-right: 1%;
		width: 33%;
	}

		.terr_list li img {
			width: 80px;
			height: 80px;
			margin-right: 5px;
		}

.index-imgbox {
	width: 90px;
	height: 80px;
	overflow: hidden;
	display: flex;
}

.video-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}

.videob {
	position: relative;
	top: -235px;
	right: -420px;
	z-index: 99;
	width: 100px;
	height: 100px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-moz-transform: rotate(0deg); /* Firefox */
	-webkit-transform: rotate(0deg); /* Safari 和 Chrome */
	-o-transform: rotate(0deg); /* Opera */
}

	.videob:hover {
		position: relative;
		top: -235px;
		right: -420px;
		z-index: 99;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg); /* IE 9 */
		-moz-transform: rotate(45deg); /* Firefox */
		-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
		-o-transform: rotate(45deg); /* Opera */
	}

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

.terr_pic {
	transition: all .3s ease-in;
	font-family: 'iconfont';
	margin-bottom: 5px;
	font-size: 44px;
	color: #ff6a00;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.terr_name {
	transition: all .3s ease-in;
	height: auto;
	line-height: 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 5px;
	width: 251px;
}

	.terr_name:hover {
		color: #ff6a00;
	}

	.terr_name span {
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-bottom: 5px;
	}

	.terr_name p {
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-align: left;
		opacity: .8;
		max-width:100%;
	}

.put_item .err {
	color: #a40000;
	position: absolute;
	left: 0;
	font-size: 12px;
	display: none;
}

/*平台功能*/

.costbox {
	height: 607px;
	width: 100%;
	background: #F5F5F5;
	padding-top: 51px;
	box-sizing: border-box;
}

.cost_tit {
	text-align: center;
	margin-bottom: 60px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.cost {
	width: 1120px;
	margin: auto;
}

.cost_list {
	width: 400px;
	float: left;
	margin-top: 30px;
}

.cost_info {
	height: auto;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.cost_list li + li {
	margin-top: 8px;
}

.cost_name span {
	vertical-align: middle;
}

.cost_name em {
	vertical-align: middle;
	font-family: 'iconfont';
	margin-right: 7px;
	display: inline-block;
	width: 22px;
	color: rgba(4, 142, 246, 1);
	font-size: 16px;
}

.cost_name {
	line-height: 22px;
	color: rgba(4, 142, 246, 1);
	font-size: 16px;
	margin-bottom: 7px;
}

.cost_pic {
	width: 658px;
	float: right;
}

	.cost_pic img {
		display: block;
		width: 100%;
	}

/*平台价值*/

.stress_box {
	width: 700px;
	margin: auto;
	padding-top: 60px;
	box-sizing: border-box;
	height: 617px;
}

.str_tit {
	text-align: center;
	margin-bottom: 55px;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.stress {
	width: 700px;
	height: 380px;
	position: relative;
}

	.stress img {
		display: block;
		width: 100%;
	}

.str_le {
	text-align: left;
	position: absolute;
	background: url(/template/default/images/lebj.png)no-repeat;
	width: 310px;
	height: 56px;
	left: -231px;
	top: 74px;
}

.str_le2 {
	text-align: left;
	position: absolute;
	background: url(/template/default/images/lebj.png)no-repeat;
	width: 310px;
	height: 56px;
	left: -231px;
	top: 255px;
}

.str_rig2 {
	text-align: right;
	position: absolute;
	background: url(/template/default/images/rigbj.png)no-repeat;
	width: 310px;
	height: 56px;
	right: -231px;
	top: 255px;
}

.str_rig {
	text-align: right;
	position: absolute;
	background: url(/template/default/images/rigbj.png)no-repeat;
	width: 310px;
	height: 56px;
	right: -231px;
	top: 74px;
}

.str_le span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	left: 1394px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_le2 span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_rig span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

.str_rig2 span {
	line-height: 49px;
	display: inline-block;
	width: 174px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
}

/*TMC智慧消防云平台*/

.bud_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.bud1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.bud2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.bud3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#bud1 {
	margin: -123px 0 0 -37px;
	transition: .5s ease-out;
}

#bud2 {
	margin: -156px 0 0 -241px;
	transition: .5s ease-out;
}

#bud3 {
	margin: -88px 0 0 -188px;
	transition: .5s ease-out;
}

	#bud1 img, #bud2 img, #bud3 img {
		transform: translate3d(0,0,0);
		transition: .3s;
	}

.term_top {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

	.term_top img {
		margin: 0 auto;
	}

.term_tit {
	text-align: center;
	margin-bottom: 23px;
	height: auto;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
	font-weight: bold;
}

.term_top p {
	max-width: 800px;
	margin: 0 auto;
}

.term_info {
	text-align: center;
	margin-bottom: 46px;
	height: 22px;
	line-height: 22px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
	max-width: 1000px;
	margin: 0 auto;
}

.term_cut {
	text-align: center;
	border-bottom: 1px solid #E5F4FF;
	justify-content: center;
}

	.term_cut span {
		display: inline-block;
		cursor: pointer;
		margin: 0 133px 0 0;
		padding: 0 5px;
		line-height: 60px;
		border-bottom: 2px solid transparent;
		position: relative;
		color: rgba(102, 102, 102, 1);
		font-size: 16px;
		font-weight: bold;
		white-space: nowrap;
	}

		.term_cut span.active {
			color: #ff6a00;
			border-bottom: 2px solid #ff6a00;
		}

.truc_box {
	width: 100%;
	height: auto;
	margin: 55px auto 60px;
	display: flex;
	flex-direction: column;
}

.truc_text {
	width: 650px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
}

.role {
	height: auto;
	line-height: 30px;
}

	.role span {
		display: inline-block;
		line-height: 20px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
		font-size: 14px;
		vertical-align: middle;
		width: 70px;
		height: 28px;
		border-radius: 4px;
		background-color: rgba(68, 68, 68, 1);
	}

	.role em {
		vertical-align: middle;
		margin-left: 0;
		color: rgba(51, 51, 51, 1);
		font-size: 22px;
		font-weight: bold;
		display:flex;
		align-items:center;
	}

.role_info {
	margin-bottom: 20px;
	height: auto;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
max-width:1300px;
}

.role_list li {
	float: left;
	width: 56px;
	margin-right: 50px;
	text-align: center;
}

.role_tit {
	transition: all .3s ease-in;
	margin-bottom: 18px;
	text-align: center;
	font-family: 'iconfont';
	font-size: 36px;
	color: rgba(136, 136, 136, 1);
}

.role_name {
	transition: all .3s ease-in;
	left: 511px;
	height: 20px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

/*.role_list li:hover .role_tit{color: #ff6a00;}*/

.role_list li:hover .role_name {
	color: #ff6a00;
}

.truc_pic {
	width: 600px;
	height: auto;
	float: right;
}

	.truc_pic img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 20px;
	}

		.truc_pic img:hover {
			transform: scale(1.052);
		}

/*角色1*/

.presibox {
	width: 100%;
	padding-top: 55px;
	box-sizing: border-box;
	height: auto;
	display: flex;
	flex-direction: column;
}

.presi {
	width: 1300px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 0;
}

	.presi .truc_pic {
		float: left;
	}

	.presi .truc_text {
		float: right;
	}

	.presi .role_info {
		margin-bottom: 20px;
	}

/*角色2*/

.rout_box {
	margin: 0px auto;
	width: 100%;
	height: auto;
}

/*角色3*/

.esta_box {
	width: 100%;
	padding-top: 55px;
	box-sizing: border-box;
	height: 548px;
}

.esta {
	width: 1087px;
	margin: auto;
}

	.esta .truc_pic {
		float: left;
	}

	.esta .truc_text {
		float: right;
	}

/*角色4*/

.down_load {
	width: 1114px;
	margin: 45px auto 80px;
}

.down_tit {
	margin-bottom: 17px;
	height: 25px;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.down_way {
	transition: all .3s ease-in;
	float: left;
	box-sizing: border-box;
	width: 536px;
	height: 107px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(234, 234, 234, 1);
}

	.down_way + .down_way {
		margin-left: 42px;
	}

	.down_way:hover {
		box-shadow: 0px 1px 10px 4px rgba(15, 52, 93, 0.08);
	}

.down_ico {
	float: left;
	transition: all .3s ease-in;
	font-family: 'iconfont';
	font-size: 40px;
	color: #888888;
	width: 108px;
	height: 105px;
	text-align: center;
	line-height: 105px;
}

.down_way:hover .down_ico {
	color: #ff6a00;
}

.down_text {
	width: 230px;
	float: left;
}

	.down_text h1 {
		margin-top: 28px;
		margin-bottom: 4px;
		height: 25px;
		line-height: 25px;
		color: rgba(51, 51, 51, 1);
		font-size: 18px;
	}

.down_info {
	height: 20px;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.down_btn {
	overflow: hidden;
	float: right;
	margin-top: 36px;
	margin-right: 20px;
	width: 88px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-radius: 18px;
	background-color: rgba(4, 142, 246, 1);
}

	.down_btn a {
		display: block;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		font-size: 16px;
	}

		.down_btn a:hover {
			background: #00A1FF;
		}

/*TMC智慧消防移动端*/



.dire_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.dire1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.dire2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.dire3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#dire1 {
	margin: -89px 0 0 -10px;
	transition: .5s ease-out;
}

#dire2 {
	margin: -160px 0 0 -204px;
	transition: .5s ease-out;
}

#dire3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

	#dire1 img, #dire2 img, #dire3 img {
		transform: translate3d(0,0,0);
		transition: .3s;
	}

.term1 {
	margin: 55px auto 64px;
	width: 1140px;
	height: 321px;
}

.term3 {
	margin: 0 auto 64px;
	width: 1140px;
	height: 376px;
	padding-top: 55px;
	box-sizing: border-box;
}

.term_pic {
	width: 550px;
	height: 321px;
	float: right;
}

	.term_pic img {
		display: block;
		width: 100%;
		height: 100%;
	}

.term_text {
	width: 500px;
	float: left;
}

.dire_tit {
	margin-top: 63px;
	margin-bottom: 12px;
	height: 30px;
	line-height: 30px;
	color: rgba(51, 51, 51, 1);
	font-size: 22px;
}

.dire_text {
	height: 103px;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
}

.term2_box {
	width: 100%;
	height: 440px;
	background-color: rgba(245, 245, 245, 1);
}

.term2 {
	width: 1140px;
	height: 100%;
	padding-top: 60px;
	box-sizing: border-box;
	margin: auto;
}

	.term2 .term_text {
		float: right;
	}

	.term2 .term_pic {
		float: left;
	}

.term4_box {
	width: 100%;
	height: 440px;
	background-color: rgba(245, 245, 245, 1);
}

.term4 {
	width: 1140px;
	height: 100%;
	padding-top: 60px;
	box-sizing: border-box;
	margin: auto;
}

	.term4 .term_text {
		float: right;
	}

	.term4 .term_pic {
		float: left;
	}

.hard_info {
	margin-bottom: 20px;
	height: 64px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
}

/*TMC可视化指挥平台*/



.hard_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.hard1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.hard2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.hard3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#hard1 {
	margin: -69px 0 0 -21px;
	transition: .5s ease-out;
}

#hard2 {
	margin: -130px 0 0 -204px;
	transition: .5s ease-out;
}

#hard3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

	#hard1 img, #hard2 img, #hard3 img {
		transform: translate3d(0,0,0);
		transition: .3s;
	}

.hard_box {
	background: #F6F8FA;
	width: 100%;
	padding-bottom: 80px;
	box-sizing: border-box;
}

.hard_list {
	width: 1220px;
	margin: auto;
	padding-top: 20px;
	box-sizing: border-box;
	margin-bottom: 16px;
}

	.hard_list li {
		transition: all .3s ease-in;
		top: 0;
		margin: 20px 13px 20px 13px;
		position: relative;
		float: left;
		width: 380px;
		height: 243.83px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 20px 0px rgba(15, 52, 93, 0.09);
	}

		.hard_list li a {
			display: block;
			width: 100%;
			height: 100%;
		}

.ware_pic {
	vertical-align: middle;
	width: 100%;
	height: 195px;
	text-align: center;
	line-height: 195px;
}

	.ware_pic img {
		transition: all .3s ease-in;
		vertical-align: middle;
	}

.ware_name {
	transition: all .3s ease-in;
	text-align: center;
	line-height: 48px;
	color: #666666;
	height: 48px;
	background-color: rgba(246, 248, 250, 1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.hard_list li:hover .ware_name {
	color: #2676F9;
}

.hard_list li:hover img {
	transform: scale(1.05);
}

.hard_list li:hover {
	box-shadow: 0px 2px 20px 0px rgba(15, 52, 93, 0.5);
}

.page {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

	.page em {
		position: relative;
		transition: all .3s ease-in;
		cursor: pointer;
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		margin: 0 10px;
		text-align: center;
		vertical-align: middle;
	}

		.page em:after {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			content: "";
			width: 100%;
			height: 100%;
		}

	.page .pre_page:after {
		background: url(/template/default/images/page1.png)no-repeat;
		background-size: 9px;
		background-position: center;
	}

	.page .pre_page.active:after {
		background: url(/template/default/images/pageh1.png)no-repeat;
		background-size: 9px;
		background-position: center;
	}

	.page .nex_page:after {
		background: url(/template/default/images/page2.png)no-repeat;
		background-size: 9px;
		background-position: center;
	}

	.page .nex_page.active:after {
		background: url(/template/default/images/pageh2.png)no-repeat;
		background-size: 9px;
		background-position: center;
	}

	.page a {
		display: inline-block;
		margin: 0 10px;
		text-align: center;
		vertical-align: middle;
		width: 30px;
		height: 30px;
		border-radius: 2px;
	}

		.page a.active {
			background-color: rgba(38, 118, 249, 1);
			color: #FFFFFF;
		}

			.page a.active:hover {
				background-color: rgba(38, 118, 249, 1);
				color: #FFFFFF;
			}

		.page a:hover {
			background: #D8D8D8;
		}

	.page em:hover {
		background: #D8D8D8;
	}

	.page em.active {
		background-color: rgba(38, 118, 249, 1);
	}

/*硬件终端*/

.ware_box {
	width: 1005px;
	margin: auto;
}

.ware_tit {
	padding-left: 13px;
	box-sizing: border-box;
	border-left: 3px solid #ff6a00;
	height: 18px;
	line-height: 18px;
	margin-top: 11px;
	margin-bottom: 23px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.ware_te {
	float: left;
	width: 299px;
	height: 207px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 14px 0px rgba(15, 52, 93, 0.09);
}

.ware_tep {
	height: 157px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	line-height: 157px;
}

	.ware_tep img {
		vertical-align: middle;
	}

.hard_name {
	line-height: 48px;
	text-align: center;
	color: rgba(51, 51, 51, 1);
	font-size: 12px;
	width: 299px;
	height: 48px;
	background-color: rgba(246, 248, 250, 1);
}

.ware_info {
	float: right;
	width: 676px;
	height: 235px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
	text-align: left;
}

.ware_list li {
	float: left;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

	.ware_list li:nth-last-of-type(odd) {
		width: 465px;
		float: right;
	}

	.ware_list li:nth-last-of-type(even) {
		width: 482px
	}

.ware_num {
	width: 780px;
	margin-bottom: 70px;
}

	.ware_num img {
		display: block;
		width: 100%;
	}

/*硬件终端详情页*/

.hard_pic {
	width: 432px;
	float: right;
	height: 283px;
	position: relative;
	margin-top: 96px;
}

.solve1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.solve2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.solve3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#solve1 {
	margin: -69px 0 0 -21px;
	transition: .5s ease-out;
}

#solve2 {
	margin: -130px 0 0 -235px;
	transition: .5s ease-out;
}

#solve3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

	#solve1 img, #solve2 img, #solve3 img {
		transform: translate3d(0,0,0);
		transition: .3s;
	}

.systebox {
	margin: 52px auto 61px;
	width: 1167px;
}

.sys_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.solv_pic {
	width: 100%;
	height: 438px;
	position: relative;
	padding-top: 37px;
}

	.solv_pic img {
		display: block;
		width: 100%;
	}

.sys {
	position: absolute;
	transition: all .3s ease-in;
	opacity: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}

	.sys img {
		display: block;
		width: 100%;
	}

.sys1 {
	left: 139px;
	top: 192px;
}

.sys2 {
	left: 396px;
	top: 76px;
}

.sys3 {
	left: 396px;
	top: 288px;
}

.sys4 {
	left: 602px;
	top: 192px;
}

.sys5 {
	left: 793px;
	top: 38px;
}

.sys6 {
	left: 793px;
	top: 193px;
}

.sys7 {
	left: 793px;
	top: 348px;
}

.sys8 {
	left: 1029px;
	top: 192px;
}

.sys:hover {
	opacity: 1;
}

/*系统结构图*/

.char_box {
	width: 100%;
	background: #F6F8FA;
	padding: 53px 0 67px;
	box-sizing: border-box;
}

.sys_list {
	width: 1026px;
	margin: auto;
	margin-top: 54px;
}

	.sys_list li {
		float: left;
		width: 25%;
		text-align: center;
	}

		.sys_list li a {
			cursor: default;
			display: block;
			width: 140px;
			margin: auto;
		}

.tra_tit {
	transition: all .3s ease-in;
	color: #888888;
	font-family: 'iconfont';
	font-size: 37px;
	margin-bottom: 24px;
	height: 66px;
	line-height: 66px;
	text-align: center;
}

.tra_text {
	transition: all .3s ease-in;
	text-align: center;
	height: 56px;
	line-height: 28px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.sys_list li a:hover .tra_tit {
	color: #ff6a00;
}

.sys_list li a:hover .tra_text {
	color: #ff6a00;
}

.kern_box {
	width: 100%;
	height: 489px;
	background: url(/template/default/images/kernbj.png)no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 53px;
	box-sizing: border-box;
}

	.kern_box .sys_tit {
		color: #FFFFFF;
	}

.kern_list {
	width: 925px;
	margin: 44px auto 0;
}

	.kern_list li {
		cursor: pointer;
		opacity: 0.88;
		position: relative;
		transition: all 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
		top: 0;
		width: 268px;
		height: 280px;
		float: left;
		overflow: hidden;
		background: -webkit-linear-gradient(top,#2E3C4F,#1E1E31);
		background: -moz-linear-gradient(top,#2E3C4F,#1E1E31);
		background: -ms-linear-gradient(top,#2E3C4F,#1E1E31);
		background: -o-linear-gradient(top,#2E3C4F,#1E1E31);
		background: linear-gradient(top,#2E3C4F,#1E1E31);
	}

		.kern_list li + li {
			margin-left: 50px;
		}

		.kern_list li.active {
			background: -webkit-linear-gradient(top,#3C79C9,#50446E);
			background: -moz-linear-gradient(top,#3C79C9,#50446E);
			background: -ms-linear-gradient(top,#3C79C9,#50446E);
			background: -o-linear-gradient(top,#3C79C9,#50446E);
			background: linear-gradient(top,#3C79C9,#50446E);
		}

.kern_pic {
	transition: all .3s ease-in;
	margin-bottom: 24px;
	margin-top: 85px;
	font-family: 'iconfont';
	font-size: 39px;
	color: #FFFFFF;
	height: 48px;
	vertical-align: bottom;
	text-align: center;
}

.kern_list a {
	cursor: default;
	display: block;
	width: 100%;
	height: 100%;
}

.kern_list li.active .kern_pic {
	margin-top: 30px;
}

.kern_name {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.kern_line {
	width: 20px;
	height: 1px;
	background: #FFFFFF;
	margin: 0 auto 32px;
}

.kern_info {
	opacity: 0;
	transition: all .3s ease-in;
	margin: auto;
	text-align: center;
}

	.kern_info span {
		display: inline-block;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
		padding-left: 16px;
		box-sizing: border-box;
		height: 22px;
		line-height: 22px;
		color: rgba(255, 255, 255, 1);
		font-size: 16px;
	}

		.kern_info span:nth-last-of-type(even) {
			width: 117px;
		}

		.kern_info span:nth-last-of-type(odd) {
			width: 85px;
		}

		.kern_info span:after {
			display: block;
			content: "";
			position: absolute;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: #FFFFFF;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}

.kern_list li.active .kern_info {
	opacity: 1;
}

.app_use {
	padding-top: 53px;
	box-sizing: border-box;
	padding-bottom: 98px;
}

	.app_use .apply_list {
		margin-bottom: 0;
	}

.econ_box {
	width: 100%;
	box-sizing: border-box;
	padding-top: 53px;
	height: 474px;
	background-color: rgba(246, 248, 250, 1);
}

.econlist {
	width: 1300px;
	margin: 57px auto 0;
}

	.econlist ul {
		width: 1237px;
		margin-left: -37px;
	}

	.econlist li {
		transition: all .3s ease-in;
		top: 0;
		background: #FFFFFF;
		float: left;
		position: relative;
		width: 375px;
		height: 240px;
		margin-left: 37px;
	}

	.econlist a {
		display: block;
		width: 100%;
		height: 100%;
	}

.econ_pic {
	width: 100%;
	height: 180px;
	line-height: 180px;
	text-align: center;
}

	.econ_pic img {
		transition: all .3s ease-in;
		vertical-align: middle;
		transform: scale(0.6);
	}

.econ_name {
	transition: all .3s ease-in;
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #666666;
	background-color: rgba(246, 248, 250, 1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.econlist li:hover .econ_name {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	color: #ff6a00;
}

.econlist li:hover img {
	transform: scale(0.7);
}

/*电气火灾监控系统解决方案*/

.case1 {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
}

.case2 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.case3 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#case1 {
	margin: -108px 0 0 -8px;
	transition: .5s ease-out;
}

#case2 {
	margin: -135px 0 0 -201px;
	transition: .5s ease-out;
}

#case3 {
	margin: -80px 0 0 -178px;
	transition: .5s ease-out;
}

#case1 img, #solve2 img, #solve3 img {
	transform: translate3d(0,0,0);
	transition: .3s;
}

.case_box {
	background: #F6F8FA;
	padding-top: 45px;
	padding-bottom: 85px;
	box-sizing: border-box;
}

.case_list {
	width: 1300px;
	margin: 0 auto 20px;
}

	.case_list ul {
		width: 1300px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.case_list li {
		transition: all .3s ease-in;
		position: relative;
		top: 0;
		overflow: hidden;
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
		width: 304px;
		height: 324px;
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.02);
		padding-bottom:10px;
	}

	.case_list a {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

.case_pic {
	height: auto;
	width: 100%;
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
}

	.case_pic img {
		vertical-align: middle;
		width: 100%;
		max-height: 170px;
	}

.case_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.case_info {
	margin: 15px auto 35px;
	overflow: hidden;
	width: 224px;
	height: auto;
	line-height: 24px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.case_more {
	transition: all .3s ease-in;
	margin: auto;
	line-height: 36px;
	font-size: 14px;
	color: #ff6a00;
	text-align: center;
	width: 96px;
	height: 36px;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #ff6a00;
}

	.case_more:hover {
		background: #ff6a00;
		color: #FFFFFF;
	}

.case_list li:hover {
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.11);
	top: -10px;
}

/*应用案例*/

.partbox {
	width: 1205px;
	margin: 40px auto 80px;
}

.part_le {
	float: left;
	box-sizing: border-box;
	padding-bottom: 50px;
	box-sizing: border-box;
	width: 280px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(223, 223, 223, 1);
}

.part_logo {
	text-align: center;
	padding-top: 35px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.part_name {
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.part_cont {
	width: 232px;
	margin: auto;
}

.part_tit {
	margin-top: 42px;
	margin-bottom: 12px;
	height: 25px;
	line-height: 25px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.part_info {
	margin-bottom: 51px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

.party {
	line-height: 30px;
	color: rgba(4, 142, 246, 1);
	font-size: 14px;
}

	.party em {
		font-family: 'iconfont';
		display: inline-block;
		width: 20px;
		text-align: center;
		vertical-align: middle;
		font-size: 15px;
	}

	.party span {
		vertical-align: middle;
		margin-left: 10px;
	}

.backbox {
	width: 877px;
	float: right;
}

.back_pic {
	text-align: center;
}

	.back_pic img {
		max-width: 100%;
	}

.back_tit {
	box-sizing: border-box;
	padding-left: 13px;
	border-left: 3px solid #ff6a00;
	height: 18px;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 12px;
	color: rgba(68, 68, 68, 1);
	font-size: 18px;
}

.back_text {
	width: 877px;
	line-height: 30px;
	color: rgba(136, 136, 136, 1);
	font-size: 14px;
}

/*应用案例详情*/

.agent_ban {
	height: 480px;
	position: relative;
	z-index: 10;
	background: url(/template/default/images/agenban.png)no-repeat;
	background-size: cover;
	background-position: center;
}

.agent_top h2 {
	padding-top: 146px;
	text-align: center;
	margin-bottom: 15px;
	height: 59px;
	line-height: 59px;
	color: rgba(255, 255, 255, 1);
	font-size: 42px;
}

.agent_info {
	text-align: center;
	margin-bottom: 54px;
	height: 30px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
}

.agent_more a {
	display: block;
	margin: auto;
	width: 120px;
	height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: -webkit-linear-gradient(left, #00A1FF, #0680FF,#0B61FF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00A1FF, #0680FF,#0B61FF); /* 标准的语法 */
}

.doma_box {
	padding-top: 52px;
	box-sizing: border-box;
	width: 1300px;
	margin: 0 auto 59px;
}

.doma_tit {
	text-align: center;
	height: 42px;
	line-height: 42px;
	color: rgba(51, 51, 51, 1);
	font-size: 30px;
}

.doma_text {
	text-indent: 30px;
	margin-top: 22px;
	line-height: 36px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.supp_box {
	height: 753px;
	width: 100%;
	background: #F5F5F5;
	box-sizing: border-box;
	padding-top: 53px;
}

.supp_list {
	width: 1300px;
	margin: 44px auto 0;
}

	.supp_list ul {
		width: 1280px;
		margin-left: -80px;
	}

		.supp_list ul li {
			margin-bottom: 36px;
			float: left;
			margin-left: 80px;
			width: 560px;
			height: 102px;
			left: 360px;
			background-color: rgba(255, 255, 255, 1);
		}

	.supp_list a {
		display: block;
		cursor: default;
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		text-align: left;
		vertical-align: middle;
	}

.supp_tit {
	font-family: 'iconfont';
	font-size: 30px;
	color: #FFFFFF;
	width: 62px;
	height: 62px;
	background: #ff6a00;
	text-align: center;
	line-height: 62px;
	display: inline-block;
	vertical-align: middle;
}

.supp_name {
	transition: all .3s ease-in;
	width: 380px;
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.supp_list a:hover {
	box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
}

	.supp_list a:hover .supp_name {
		color: #ff6a00;
	}

.assoc_box {
	width: 1300px;
	margin: 0 auto 88px;
	padding-top: 53px;
	box-sizing: border-box;
}

.doma_list li {
	transition: all .3s ease-in;
	padding: 15px 32px 26px;
	box-sizing: border-box;
	float: left;
	width: 360px;
	height: 492.63px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 16px 0px rgba(19, 53, 91, 0.18);
}

	.doma_list li + li {
		margin-left: 60px;
	}

.doma_list {
	margin-top: 57px;
}

	.doma_list li:hover {
		transform: scale(1.05);
	}

	.doma_list a {
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}

.doma_pic {
	font-family: 'iconfont';
	font-size: 52px;
	color: #ff6a00;
	height: 98px;
	line-height: 98px;
	text-align: center;
}

.doma_name {
	transition: all .3s ease-in;
	text-align: center;
	margin-bottom: 35px;
	height: 25px;
	line-height: 25px;
	color: rgba(102, 102, 102, 1);
	font-size: 18px;
}

.doma_list li:hover .doma_name {
	color: #ff6a00;
}

/*.doma_tit{line-height: 32px;color: rgba(136, 136, 136, 1);font-size: 14px;}*/

.doma_info {
	margin-bottom: 7px;
	line-height: 32px;
	font-size: 14px;
	color: #888888;
}

.ass_list {
	margin-left: 23px;
	line-height: 30px;
	color: rgba(153, 153, 153, 1);
	font-size: 12px;
}

	.ass_list p {
		padding-left: 17px;
		box-sizing: border-box;
		position: relative;
	}

		.ass_list p:after {
			display: block;
			content: "";
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: #ff6a00;
			position: absolute;
			left: 0;
			top: 11px;
		}

.doma_use {
	height: 290px;
	overflow: hidden;
}

.putbox {
	padding-top: 55px;
	box-sizing: border-box;
	width: 100%;
	height: 579px;
	position: relative;
	background: url(/template/default/images/appbj.png)no-repeat;
	background-size: cover;
	background-position: center;
}

	.putbox:after {
		position: absolute;
		display: block;
		content: "";
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #FFFFFF;
		opacity: 0.18;
	}

	.putbox .doma_tit {
		color: #FFFFFF;
	}

.putin {
	width: 1003px;
	margin: auto;
}

	.putin li {
		float: left;
		width: 455px;
	}

		.putin li:nth-last-of-type(even) {
			float: left;
			width: 425px;
			float: right;
		}

.put_name {
	width: 90px;
	float: left;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.putin li:nth-last-of-type(even) .put_name {
	width: 60px;
}

.put_item {
	position: relative;
	float: left;
	width: 360px;
	height: 40px; /*overflow: hidden;*/
	line-height: 40px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(125, 125, 125, 1);
}

	.put_item input {
		display: block;
		width: 98%;
		color: #FFFFFF;
		font-size: 12px;
		padding-left: 11px;
		box-sizing: border-box;
		outline: none;
		border: none;
		line-height: 38px;
		height: 38px;
		background: transparent;
	}

.putin li {
	margin-top: 34px;
	margin-bottom: 13px;
	position: relative;
	z-index: 10;
}

.putin .apply_text {
	width: 100%;
}

	.putin .apply_text .put_item {
		width: 910px;
		height: 100px;
	}

.putin textarea {
	background: transparent;
	color: #FFFFFF;
	background: #595a61;
	font-size: 12px;
	resize: none;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}

	.putin textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color: rgba(255,255,255,0.48);
	}

.put_item input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: rgba(255,255,255,0.48);
}

.put_item input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(255,255,255,0.48);
}

.putin textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(255,255,255,0.48);
}

.put_item input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(255,255,255,0.48);
}

.putin textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(255,255,255,0.48);
}

.put_item input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(255,255,255,0.48);
}

.putin textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(255,255,255,0.48);
}

.city {
	display: none;
}

.put_item select {
	width: 360px;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 11px;
	box-sizing: border-box;
	outline: none;
	border: none;
	line-height: 38px;
	height: 38px;
	background: transparent;
}

.putin select option {
	background: #595a61;
}

.put_btn {
	margin: 17px auto 0;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-in;
	width: 180px;
	height: 48px;
	border-radius: 2px;
	background-color: rgba(4, 142, 246, 1);
}

	.put_btn:hover {
		background: #00A1FF;
	}

#province {
	display: none;
	border: 1px solid rgba(125, 125, 125, 1);
	position: absolute;
	height: 400px;
	overflow-y: hidden;
	left: -1px;
	top: 40px;
	width: 100%;
	background: #595a61;
}

	#province p {
		transition: all .3s ease-in;
		cursor: pointer;
		text-indent: 11px;
		display: block;
		height: 36px;
		line-break: 36px;
		font-size: 12px;
		color: rgba(255,255,255,0.48);
	}

		#province p:hover {
			color: #ff6a00;
			background: #64676F;
		}

.city_btn {
	transition: all .3s ease-in;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0.48;
	cursor: pointer;
	height: 100%;
	background: url(/template/default/images/down.png)no-repeat;
	background-size: 16px;
	background-position: 96%;
}

	.city_btn.active {
		background: url(/template/default/images/up.png) no-repeat;
		background-size: 16px;
		background-position: 96%;
	}















.putin li:first-child {
	z-index: 100;
}

/*招商代理*/

.about_ban {
	width: 100%;
	height: 480px;
	position: relative;
	z-index: 10;
	background: url(/template/default/images/about_ban.png)no-repeat;
	background-size: cover;
	background-position: center;
}

.complay_box {
	width: 1300px;
	margin: 53px auto 63px;
}

.commplay {
	margin-top: 34px;
}

.com_pic {
	width: 410px;
	float: left;
}

	.com_pic img {
		display: block;
		width: 100%;
	}

.com_text {
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: -10px;
	line-height: 36px;
	color: rgba(102, 102, 102, 1);
	font-size: 16px;
}

.lore_box {
	width: 100%;
	overflow: hidden;
	padding-top: 53px;
	box-sizing: border-box;
	height: 618.94px;
	background-color: rgba(245, 245, 245, 1);
}



.aboutlist {
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.abou_ban {
	width: 100%;
	overflow: hidden;
	height: auto;
}

	.abou_ban ul {
		width: 30000px;
	}

	.abou_ban li {
		width: 1230px;
		float: left;
		padding-bottom: 51px;
		padding-top: 46px;
	}

	.abou_ban div {
		background: #fff;
		margin: 0 15px;
		float: left;
		_display: inline;
		overflow: hidden;
		text-align: center;
		width: 380px;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}

		.abou_ban div a {
			display: block;
			border: 1px solid #fff;
			padding: 38px 0 46px;
		}

		.abou_ban div span {
			display: block;
			text-align: center;
		}

		.abou_ban div img {
			margin: 0 auto;
			display: block;
			width: 150px;
			height: 205px;
		}

		.abou_ban div p {
			margin-top: 34px;
			color: #333333;
			text-align: center;
			height: 25px;
			line-height: 25px;
			font-size: 18px;
		}

		.abou_ban div:hover {
			box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);
			transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
		}

			.abou_ban div:hover p {
				color: #ff6a00;
			}

.abo_num {
	height: 30px;
	width: 100%;
	background: #f4f4f4;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	padding-bottom: 40px;
}

	.abo_num span {
		display: inline-block;
		width: 12px;
		height: 12px;
		overflow: hidden;
		margin: 0 11px;
		text-indent: -999px;
		cursor: pointer;
		border-radius: 50px;
		border: 1px solid #cdcdcd;
		background: #fff;
	}

	.abo_num .on {
		border: 1px solid #ff6a00;
		background: #ff6a00;
	}

.team_box {
	width: 1300px;
	margin: 51px auto 93px;
}



.teamList {
	padding: 50px 0 0;
	width: 1300px;
	height: auto;
}

	.teamList li {
		float: left;
		width: 353px;
		padding: 38px 0 30px;
		height: auto;
		border: 1px solid #cccccc;
		margin: 0 22px;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}

		.teamList li .team_pic {
			margin: 0 auto;
			display: block;
			width: 170px;
			height: 170px;
			border-radius: 50%;
			overflow: hidden;
		}

		.teamList li img {
			margin: 0 auto;
			display: block;
			width: 170px;
			height: 170px;
		}

		.teamList li h2 {
			height: 36px;
			margin: 22px 0 18px;
			line-height: 36px;
			font-size: 20px;
			font-weight: bold;
			color: #333;
			text-align: center;
		}

		.teamList li p {
			padding: 0 40px;
			line-height: 24px;
			font-size: 14px;
			color: #666;
		}

		.teamList li:hover {
			transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			box-shadow: 0 0 8px rgba(120,120,120,0.4);
		}

			.teamList li:hover h2, .teamList li:hover p {
				color: #ff6a00;
			}

	.teamList a {
		display: block;
		cursor: default;
	}

/*关于我们*/

.contact {
	height: auto;
	position: fixed;
	right: 40px;
	bottom: 20px;
	z-index: 200;
}

.callbox {
	transition: all .3s ease-in;
	position: relative;
	margin-bottom: 5px;
	width: 48px;
	height: 48px;
	border-radius: 2px;
	background: #FFFFFF;
	border-radius: 50px;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

	.callbox:hover {
		background: rgba(92, 92, 92, 1);
	}

.wxbox {
	transition: all .3s ease-in;
	position: relative;
	margin-bottom: 22px;
	width: 48px;
	height: 48px;
	border-radius: 2px;
	background: #FFFFFF;
	border-radius: 50px;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

	.wxbox:hover {
		background: rgba(92, 92, 92, 1);
	}

.callbox span {
	transition: all .3s ease-in;
	font-family: 'iconfont';
	color: rgba(92, 92, 92, 1);
	font-size: 22px;
	text-align: center;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
}

.callbox:hover span {
	color: #FFFFFF;
}

.call_num {
	display: none;
	position: absolute;
	right: 54px;
	top: -2px;
	color: #666666;
	text-align: center;
	font-size: 18px;
	background: url(/template/default/images/call_bj.png);
	width: 180px;
	height: 60px;
	line-height: 60px;
}

.wxbox span {
	transition: all .3s ease-in;
	text-align: center;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	background: url(/template/default/images/wx1.png)no-repeat;
	background-size: 24px;
	background-position: center;
}

.wxbox:hover span {
	background: url(/template/default/images/wx.png)no-repeat;
	background-position: center;
	background-size: 24px;
}

.wxpic {
	display: none;
	margin-bottom: 53px;
	width: 120px;
	height: 116px;
	position: absolute;
	right: 54px;
	top: -7px;
}

	.wxpic img {
		display: block;
		width: 100%;
	}

.return span {
	transition: all .3s ease-in;
	text-align: center;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	background: url(/template/default/images/return.png)no-repeat;
	background-size: 18px;
	background-position: center;
}

.return {
	display: none;
	transition: all .3s ease-in;
	width: 46px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	line-height: 46px;
	height: 46px;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(230, 230, 230, 1);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

	.return:hover {
		background: rgba(92, 92, 92, 1);
	}

		.return:hover span {
			background: url(/template/default/images/return1.png)no-repeat;
			background-position: center;
			background-size: 18px;
		}

	.return img {
		width: 18px;
		vertical-align: middle;
	}

.terr_pic.jing {
	background: url(/template/default/images/jing.png)no-repeat;
	background-size: 44px;
	background-position: center;
}

/*.terr_list li:hover .terr_pic.jing{background: url(/template/default/images/jing2.png)no-repeat;background-size: 44px;background-position: center;}*/


.main-top.active {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	background: #FFFFFF;
	z-index: 300;
}

.term_cut.active {
	position: fixed;
	left: 0;
	top: 115px;
	width: 100%;
	background: #FFFFFF;
	z-index: 300;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

.copy a {
	color: #fff;
	margin-right: 10px;
	opacity: .8;
}

	.copy a:hover {
		color: #ff6a00;
		opacity: 1;
	}


.sycj_box {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	background: #F6F8FA;
	padding-top: 30px;
}

.sycj_box_box {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.qfwfw_box {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

	.qfwfw_box ul {
		width: 1300px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 30px;
	}

		.qfwfw_box ul li {
			width: 22%;
			margin: 10px 1.5%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			background: #fff;
			border-radius: 10px;
			overflow: hidden;
		}

			.qfwfw_box ul li:hover {
				transform: scale(1.05);
				box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
			}

.qfwfw_top {
	width: 100%;
	height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #fff;
	background-color: rgba(0,0,0,.3);
}

	.qfwfw_top:hover {
		color: #fff;
		background-color: rgba(0,0,0,.5);
	}

	.qfwfw_top span {
		font-size: 18px;
		font-weight: bold;
	}

	.qfwfw_top p {
		font-size: 14px;
		opacity: .8;
	}

.qfwfw_center {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}

	.qfwfw_center img {
		width: 120px;
		height: 120px;
	}

.qfwfw_bottom {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px 20px 10px;
}

.qfwfw_a {
	width: 80%;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #2979ff;
	color: #2979ff;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.qfwfw_a:hover {
		color: #fff;
		background: #2979ff;
		border: 1px solid #2979ff;
	}

.qfwfw_a1 {
	width: 80%;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #67C23A;
	color: #67C23A;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.qfwfw_a1:hover {
		color: #fff;
		background: #67C23A;
		border: 1px solid #67C23A;
	}

.qfwfw_a2 {
	width: 80%;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #67C23A;
	color: #67C23A;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.qfwfw_a2:hover {
		color: #fff;
		background: #67C23A;
		border: 1px solid #67C23A;
	}

.qfwfw_a3 {
	width: 80%;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #F56C6C;
	color: #F56C6C;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.qfwfw_a3:hover {
		color: #fff;
		background: #F56C6C;
		border: 1px solid #F56C6C;
	}

.tag a {
	display: inline-block;
	height: 20px;
	padding: 4px 12px;
	font-size: 12px;
	border-radius: 10px;
	background: #f2f7ff;
	font-family: PingFang SC, Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 200;
	text-align: left;
	color: #a1a8b3;
	line-height: 12px;
	box-sizing: border-box;
	cursor: pointer;
}

.cptd-box {
	width: 1300px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

	.cptd-box ul {
		width: 1300px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
		margin: 0 auto;
	}

		.cptd-box ul li {
			width: 21%;
			margin: 10px 2%;
			flex-direction: column;
			align-items: center;
			display: flex;
		}


			.cptd-box ul li span {
				font-size: 20px;
			}

			.cptd-box ul li p {
				font-size: 14px;
				color: #999;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}


.newsboxbox {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	background: #f5f7fa;
	padding-top: 30px;
}

.newsbox {
	display: flex;
	justify-content: space-between;
	width: 1300px;
	margin: 0 auto;
	height: auto;
	align-items: flex-start;
	padding-bottom: 20px;
}

.newslistleft {
	display: flex;
	flex-direction: column;
	width: 68%;
	height: auto;
	align-items: flex-start;
	overflow: hidden;
}

@media screen and (max-width: 1300px) {
	.newslistleft {
		display: flex;
		flex-direction: column;
		width: 96%;
		height: auto;
		align-items: flex-start;
		overflow: hidden;
		margin: 0 auto;
	}
}

.newslistright {
	display: flex;
	flex-direction: column;
	width: 30%;
	height: auto;
	align-items: flex-start;
	overflow: hidden;
}

@media screen and (max-width: 1300px) {
	.newslistright {
		display: none;
		flex-direction: column;
		width: 30%;
		height: auto;
		align-items: flex-start;
		overflow: hidden;
	}
}

.more a {
	text-decoration: none;
	color: #2979ff;
}

.kuaisuzhuce {
	display: flex;
	flex-direction: column;
	width: 70%;
	align-items: flex-start;
}

	.kuaisuzhuce a {
		margin-top: 20px;
		width: auto;
		border: none;
		height: 40px;
		border-radius: 5px;
		padding: 10px 50px;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		font-size: 20px;
		border: 1px solid #f7aa4a;
		background: #f7aa4a;
		color: #fff;
	}

		.kuaisuzhuce a:hover {
			background: #fff;
			color: #2979ff;
			border: 1px solid #fff;
		}

.indexnewslist_left {
	display: flex;
	flex-direction: column;
	width: 32%;
	margin: 0 .3%;
}

.indexnewslist_center {
	display: flex;
	flex-direction: column;
	width: 32%;
	margin: 0 .3%;
}

.indexnewslist_right {
	display: flex;
	flex-direction: column;
	width: 32%;
	margin: 0 .3%;
}

.indexnewslist_bt {
	font-size: 20px;
	line-height: 40px;
	text-align: left;
}

	.indexnewslist_bt a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 20px 10px 10px 10px;
		background: #fff;
		border-radius: 10px 10px 0 0;
		font-weight: bold;
	}

.news-wordsbox {
	background: #fff;
}

.iNews-wrap {
	display: flex;
	flex-direction: column;
}

	.iNews-wrap li {
		display: flex;
		flex-direction: column;
	}

		.iNews-wrap li a {
			display: flex;
			flex-direction: column;
			padding: 10px;
			background: #fff;
			border-radius: 0;
			overflow: hidden;
		}

			.iNews-wrap li a:hover {
				color: #ff6a00;
			}

			.iNews-wrap li a span {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				font-size: 16px;
				font-weight: bold;
			}

			.iNews-wrap li a p {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 14px;
				color: #666;
			}
			.iNews-wrap li a p:hover {
				
				color: #ff6a00;
			}

.cpms-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
}

.cpms1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	font-size: 16px;
	position: relative;
}

	.cpms1 img {
		width: 40px;
		height: 40px;
		margin: 10px 0;
	}

.cpms1-1 {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	width: 32%;
	margin: .5%;
	height: 485px;
	padding: 10px;
	color: #ff6a00;
	background: #ecf5ff;
}

.cpms1-1-1 {
	width: 92%;
	margin: 10px 0;
	padding: 5px 0;
	color: #666;
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.cpms1-1-1 span {
		color: #666;
	}

.cpms1-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 32%;
	margin: .5%;
	height: 485px;
	padding: 10px;
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0;
}

	.cpms1-2 p {
		width: 92%;
		margin: 10px 0;
		padding: 5px 0;
		color: #fff;
		line-height: 30px;
		background-color: #67c23a;
		border-color: #67c23a;
		border-radius: 5px;
		text-align: center;
	}

.cpms1-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 32%;
	margin: .5%;
	height: auto;
	padding: 10px;
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1;
}

	.cpms1-3 p {
		width: 92%;
		margin: 10px 0;
		padding: 5px 0;
		color: #fff;
		line-height: 30px;
		color: #fff;
		background-color: #e6a23c;
		border-color: #e6a23c;
		border-radius: 5px;
		text-align: center;
	}

.cpms1-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 32%;
	margin: .5%;
	height: auto;
	padding: 10px;
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4;
}

	.cpms1-4 p {
		width: 92%;
		margin: 10px 0;
		padding: 5px 0;
		color: #fff;
		line-height: 30px;
		color: #fff;
		background-color: #f56c6c;
		border-color: #f56c6c;
		border-radius: 5px;
		text-align: center;
	}

.cpms1-5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 13%;
	margin: .5%;
	height: 485px;
	padding: 10px;
	color: #ff6a00;
	background: #ecf5ff;
	border-color: #b3d8ff;
}

	.cpms1-5 p {
		width: 92%;
		margin: 10px 0;
		padding: 5px 0;
		color: #fff;
		line-height: 30px;
		color: #fff;
		background-color: #ff6a00;
		border-color: #ff6a00;
		border-radius: 5px;
		text-align: center;
	}

.cpms1-6 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 13%;
	margin: .5%;
	height: auto;
	padding: 10px;
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0;
}

.cpms1-7 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 13%;
	margin: .5%;
	height: auto;
	padding: 10px;
	color: #ff6a00;
	background: #ecf5ff;
	border-color: #b3d8ff;
}

.cpms2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1290px;
	font-size: 16px;
	color: #ff6a00;
	background: #ecf5ff;
	margin: 10px 4px;
	padding: 10px 30px;
}

	.cpms2 p {
		margin: 10px 0;
		padding: 5px 20px;
		color: #fff;
		line-height: 30px;
		background-color: #ff6a00;
		border-color: #ff6a00;
		border-radius: 5px;
	}

.cpms3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1290px;
	font-size: 16px;
	color: #67c23a;
	background: #f0f9eb;
	margin: 10px 4px;
	padding: 10px 30px;
}

	.cpms3 p {
		margin: 10px 0;
		padding: 5px 20px;
		color: #fff;
		line-height: 30px;
		background-color: #67c23a;
		border-color: #67c23a;
		border-radius: 5px;
	}


.cptd-box {
	width: 1300px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

	.cptd-box ul {
		width: 1300px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
		margin: 0 auto;
	}

		.cptd-box ul li {
			width: 21%;
			margin: 10px 2%;
			flex-direction: column;
			align-items: center;
			display: flex;
		}

			.cptd-box ul li img {
				width: 60px;
				height: auto;
				margin-bottom: 10px;
			}

			.cptd-box ul li span {
				font-size: 20px;
			}

			.cptd-box ul li p {
				font-size: 14px;
				color: #999;
			}



.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	padding: 5px 12px;
	margin: 0 5px;
	border-radius: 3px;
}

.pagination span {
	color: #333;
	font-size: 14px;
	padding: 5px 2px;
	margin: 0 5px;
	border-radius: 3px;
}

.pagination a:hover {
	color: #ff6a00;
	border: 1px solid #ff6a00;
}

.pagination a.page-num-current {
	color: #fff;
	background: #ff6a00;
	border: 1px solid #ff6a00;
}

.neirong-box {
	display: flex;
	justify-content: space-between;
	width: 1300px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.neirong-left {
	display: flex;
	flex-direction: column;
	width: 864px;
	height: auto;
}

.neirong-right {
	display: flex;
	flex-direction: column;
	width: 384px;
	height: auto;
}

.neirong-time {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

	.neirong-time img {
		width: 15px;
		height: 15px;
		margin-right: 5px;
	}

	.neirong-time p {
		display: flex;
		justify-content: flex-start;
		margin-right: 20px;
		font-size: 14px;
		color: #666;
	}

.neirong-biaoti {
	font-size: 35px;
	line-height: 50px;
	margin-top: 20px;
}

.neirong-content {
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

	.neirong-content p {
		font-size: 16px;
		line-height: 1.8;
	}

		.neirong-content p span a {
			color: #ff6a00 !important;
		}

		.neirong-content p a {
			color: #ff6a00 !important;
		}

	.neirong-content img {
		max-width: 100%;
		padding: 0;
		height: auto !important;
	}

.neirong-s {
	display: flex;
	flex-direction: column;
	color: #999;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

	.neirong-s a {
		color: #ff6a00;
	}

.neirong-tag {
	line-height: 40px;
	color: #999;
}

	.neirong-tag a {
		color: #909399;
		border: #e9e9eb 1px solid;
		font-size: 14px;
		padding: 1px 9px;
		margin-right: 10px;
		background: #f4f4f5;
	}

		.neirong-tag a:hover {
			color: #f56c6c;
			border: #fde2e2 1px solid;
			font-size: 14px;
			padding: 1px 9px;
			margin-right: 10px;
			background: #fef0f0;
		}

.shousuo-box {
	padding: 20px;
	background: #f4f7fa;
}

.shousuok {
	height: 65px;
	width: 70%;
	padding: 0 25px;
	background: unset;
}

.shousuo-botton {
	background: #fff;
	position: relative;
	right: 0;
}

	.shousuo-botton img {
		width: 30px;
		height: 30px;
	}

.shousuo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #fff;
	border-radius: 50px;
}

.tuijianlb-box {
	display: flex;
	flex-direction: column;
	margin: 30px 0;
	background: #f4f7fa;
	padding: 20px;
}

	.tuijianlb-box ul {
		display: flex;
		flex-direction: column;
	}

		.tuijianlb-box ul li {
			background: #fff;
			margin: 5px 0;
			padding: 10px;
		}

			.tuijianlb-box ul li:hover {
				background: #fef0f0;
				border: 1px solid #fde2e2;
				margin: 5px 0;
				padding: 10px;
				color: #f56c6c;
			}

			.tuijianlb-box ul li a {
				overflow: hidden;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

				.tuijianlb-box ul li a p {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.tuijianlb-box ul li a img {
					width: 15px;
					height: 15px;
				}

				.tuijianlb-box ul li a:hover {
					color: #ff6a00;
				}

.shousuo-box-big {
	width: 100%;
	background: #f4f7fa;
}

.shousuo-jg-box {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

	.shousuo-jg-box a {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 30px;
		align-items: center;
	}

	.shousuo-jg-box img {
		width: 220px;
		height: 115px;
		margin-right: 10px;
		border-radius: 10px;
	}

	.shousuo-jg-box span:hover {
		font-size: 18px;
		color: #ff6a00;
		text-decoration: underline;
	}

	.shousuo-jg-box span {
		text-decoration: underline;
		color: #2440b3;
		font-size: 18px;
	}

	.shousuo-jg-box p {
		font-size: 14px;
		color: #999;
	}

.mfty-botton {
	margin-left: 0px;
	color: #000;
	padding: 5px 15px;
	font-size: 14px;
	border: 1px solid #fff;
	white-space: nowrap;
}

.xccplist-bottom {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
}

.mfty-botton:hover {
	color: #fff;
	background: #ff6a00;
	border: 1px solid #ff6a00;
}

.mfty-botton1 {
	margin-left: 0px;
	border: 1px solid #ff6a00;
	color: #ff6a00;
	padding: 5px 15px;
	font-size: 14px;
	margin-right: 10px;
	white-space: nowrap;
}

	.mfty-botton1:hover {
		color: #fff;
		background: #ff6a00;
	}

.buy-botton {
	display: inline-block;
	width: fit-content !important;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ff6a00;
	color: #ff6a00;
	white-space: nowrap;
	flex-direction: unset !important;
	align-items: center;
	padding: 5px 20px;
}

	.buy-botton:hover {
		color: #fff !important;
		background: #ff6a00;
	}

.buy-botton1 {
	display: inline-block;
	width: fit-content !important;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
	text-decoration: none;
	background-color: #ff6a00;
	border: 1px solid #ff6a00;
	color: #fff;
	white-space: nowrap;
	flex-direction: unset !important;
	align-items: center;
	padding: 5px 20px;
}

	.buy-botton1:hover {
		color: #fff !important;
		background: red;
	}

.jiagelist-li {
	width: 46% !important;
	display: flex;
	margin: 0 2%;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.jiage-banbenbox {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.jiage-banben {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 50px;
}

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

.lianjie-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.jiage-much span {
	font-size: 24px;
	color: #ff6a00;
}

.jiage-much p {
	display: flex !important;
	padding: 10px 0;
}

.login-botton {
	margin-left: 10px;
	border: 1px solid #999;
	color: #999;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
}

	.login-botton:hover {
		color: #fff;
		background: #ff6a00;
		border: 1px solid #ff6a00;
	}

.top-right {
	width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 110px;
}

.xxgwords {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-bottom: 20px;
}

	.xxgwords p {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

		.xxgwords p img {
			margin-right: 5px;
			width: 15px;
			height: 15px;
		}

@import url("//unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css");

.el-row {
	margin-bottom: 0px;
	&:last-child

{
	margin-bottom: 0;
}

}

.el-col {
	border-radius: 4px;
}

.bg-purple-dark {
	background: unset;
}

.bg-purple {
	background: unset;
}

.bg-purple-lighut {
	background: #fff;
}

.grid-content {
	border-radius: 4px;
	min-height: 36px;
	padding: 3px 10px;
}

.row-bg {
	padding: 10px 0;
	background-color: #f9fafc;
}

.grid-content img {
	width: 15px;
	height: 15px;
	margin: 0 auto;
}

.liebiao1 {
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
}

.liebiaomc {
	position: absolute;
	right: 219px;
	top: 0px;
	width: 419px;
	height: 30px;
	display: flex;
	justify-content: space-between;
	z-index: 999;
	border: 1px solid red;
}

.el-collapse-item__content {
	position: relative;
	background: #f5f7fa;
}

.liebiaomct {
	width: 50%;
	display: flex;
	height: 25px;
	justify-content: center;
	align-items: center;
}

	.liebiaomct img {
		width: 15px;
		height: 15px;
	}

.el-collapse-item__content {
	font-size: 14px !important;
	padding: 25px 10px !important;
	line-height: 2 !important;
}

	.el-collapse-item__content a {
		color: #0680FF;
	}

.el-collapse-item__header {
	font-size: 16px !important;
	padding: 0 10px !important;
}

.el-col-12 {
	width: 50%;
}

.beizhu1 {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 10px;
	font-size: 12px;
}

.beizhumc {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	font-weight: bold;
}

.beizhu2 {
	width: 80px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 20px;
}

	.beizhu2 p {
		color: #999;
		padding-left: 5px;
		white-space: nowrap;
	}

.time {
	font-size: 13px;
	color: #999;
}

.bottom {
	margin-top: 13px;
	line-height: 12px;
}

.button {
	padding: 0;
	float: right;
}

.image {
	width: 100%;
	display: block;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both
}

.anli-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.anli-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 31%;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
	color: #000;
	background: #fff;
}

	.anli-list:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	}

	.anli-list span {
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.anli-list p {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-height: 22px;
	}

	.anli-list img {
		max-height: 200px;
	}

.anlisz-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1300px;
	margin: 0 auto;
}

.anlisz-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

	.anlisz-list span {
		color: #ff6a00;
		font-size: 52px;
		font-weight: bold;
	}

	.anlisz-list p {
		color: #000;
		font-size: 18px;
	}

.cplb-box {
	display: flex;
	width: 800px;
	justify-content: space-between;
}

.cplb-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 41%;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
	color: #000;
	background: #fff;
	padding: 0 0 20px 0;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

	.cplb-list p {
		font-size: 13px;
		color: #999;
		padding: 10px 0;
	}

.lantiao {
	width: 100%;
	height: 5px;
	display: block;
	background: #ff6a00;
	border-radius: 10px;
}

.cplogo {
	padding: 20px 0;
}

.cpwords {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 0 20px 0;
}

	.cpwords span {
		font-size: 20px;
		color: #000;
	}

	.cpwords p {
		font-size: 16px;
		color: #999;
	}

.yddbox {
	width: 1300px;
	height: auto;
	padding: 0;
	justify-content: flex-start;
}

.yddbox-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 50px;
}

	.yddbox-list span {
		font-size: 24px;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.yddbox-list p {
		font-size: 16px;
		padding-bottom: 10px;
	}

.dhsc-box {
	width: 1300px;
	margin: 0 auto;
	padding: 20px 0;
}

	.dhsc-box ul {
		width: 1300px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

		.dhsc-box ul li {
			width: 33%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 20px 0;
		}
			.dhsc-box ul li i:hover {
				transform: scale(1.05);
			}

			.dhsc-box ul li a {
				display: flex;
				flex-direction: column;
				width: 100%;
				justify-content: center;
			}

				.dhsc-box ul li a:hover {
					color: #ff6a00;
				}

			.dhsc-box ul li p {
				color: #666;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 26px;
				max-width:100%;
			}

			.dhsc-box ul li img {
				padding-bottom: 0;
				max-width: 300px;
			}

				.dhsc-box ul li img:hover {
					transform: scale(1.04);
				}

			.dhsc-box ul li span {
				font-weight: bold;
				font-size:16px;
			}

.dqwz {
	font-size: 13px;
	opacity: .8;
	color: #fff;
}

	.dqwz a {
		font-size: 16px;
		opacity: .8;
		color: #fff;
		padding: 0 10px;
	}

		.dqwz a:hover {
			opacity: 1;
			color: #fff;
			border: 1px solid #fff;
		}

.gnlblj a {
	font-size: 13px;
	color: #000;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 2px 5px;
	width: auto;
}

	.gnlblj a img {
		width: 20px;
		margin-right: 5px;
	}

.gnlblj {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: 0px solid #eee;
}

.xccplist-box {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.xccplist {
	width: 300px;
	margin: 0 2% 1% 0;
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #eee;
}

	.xccplist:hover {
		box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
		margin-top: -5px;
	}

.xccplist-top {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 10px 0;
	align-items: center;
}

	.xccplist-top img {
		width: auto;
		max-width: 88px;
		height: auto;
	}

	.xccplist-top span {
		margin-left: 10px;
		font-size: 14px;
		color: #999;
	}

.xccplist-center {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 10px 0;
	align-items: flex-start;
	flex-direction: column;
}

	.xccplist-center span {
		font-size: 24px;
		color: #000;
		font-weight: bold;
		text-align: left;
	}

	.xccplist-center p {
		font-size: 16px;
		color: #999;
		line-height: 26px;
		text-align: left;
	}

	.xccplist-center img {
		padding: 0;
		width: 100%;
		height: auto;
		border-radius: 20px;
		margin: 10px 0;
	}

.xccplist-center-tag {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

	.xccplist-center-tag p {
		color: #e6a23c;
		border: #f5dab1 1px solid;
		font-size: 11px;
		border-radius: 30px;
		padding: 1px 9px;
		margin-right: 10px;
		background: #fdf6ec;
	}

.cplb_box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.cplb_box_left {
	display: flex;
	flex-direction: column;
	width: 532px;
}

	.cplb_box_left ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

		.cplb_box_left ul li {
			display: flex;
			flex-direction: column;
			margin: 0 20px 20px 0;
		}

.cplb_box_left_div {
}

	.cplb_box_left_div img {
		width: 80px;
		height: 80px;
		border-radius: 10px;
	}

	.cplb_box_left_div h3 {
		font-size: 20px;
		font-weight: bold;
		color: #000;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.cplb_box_left_div span {
		font-size: 14px;
		color: #999;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.cplb_box_left_a {
	display: flex;
	justify-content: flex-start;
}

.cplb_a {
	display: inline-block;
	width: 116px;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	vertical-align: middle;
	text-decoration: none;
	background-color: #ff6a00;
	border: 1px solid #ff6a00;
	color: #fff;
}
	.cplb_a:hover {
		background-color: red;
		border: 1px solid red;
		color: #fff;
	}
	.cplb_a1:hover {
		background-color: #ff6a00;
		border: 1px solid #ff6a00;
		color: #fff;
	}

.cplb_a1 {
	display: inline-block;
	width: 116px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	border: 1px solid #181818;
	transition: all .2s ease;
	color: #181818;
}
.cplb_a2 {
	display: inline-block;
	width: auto;
	height:auto;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	background-color: #ff6a00;
	border: 1px solid #ff6a00;
	color: #fff;
	padding: 5px 20px;
}
	.cplb_a2:hover {
		color: #fff;
		background: red;
	}
	.cplb_a2 i {
		margin-right: 10px;
		font-size: 20px !important;
	}
.cplb_a3:hover {
	color: #fff;
	background-color: #ff6a00;
	border: 1px solid #ff6a00;
}
.cplb_a3 i {
	margin-right: 10px;
	font-size: 20px !important;
}
.cplb_a3 {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff;
	padding: 5px 20px;
}
	.cplb_a4:hover {
		color: #fff;
		background-color: #ff6a00;
		border: 1px solid #ff6a00;
	}

	.cplb_a4 i {
		margin-right: 10px;
		font-size: 20px !important;
	}

.cplb_a4 {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #999;
	color: #000;
	padding: 5px 20px;
}
.cplb_a5 {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #fff;
	color: #ff6a00;
	padding: 5px 0px;
}
.cpbq_list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

	.cpbq_list p {
		border: 1px solid #bbb;
		border-radius: 2px;
		font-size: 12px;
		color: #999;
		line-height: 18px;
		margin-right: 6px;
		padding: 0 6px;
		white-space: nowrap;
	}

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

	.cpbq_list1 p {
		float: left;
		margin: 0 5px 5px 0;
		padding: 0 8px;
		border: 1px solid #ff6a00;
		border-radius: 2px;
		font-size: 12px;
		color: #ff6a00;
		letter-spacing: 0;
		text-align: center;
		line-height: 18px;
		white-space: nowrap;
	}

.cplb_box_right {
	display: flex;
	flex-direction: column;
	width: 720px;
	margin-left: 30px;
}

	.cplb_box_right ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

		.cplb_box_right ul li {
			display: flex;
			justify-content: flex-start;
			margin: 0 15px 20px 5px;
			width: 200px;
			padding:10px;
		}
			.cplb_box_right ul li:hover {
				background: #fff;
				box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
			}

			.cplb_box_right ul li a {
			}

				.cplb_box_right ul li a img {
					width: 80px;
					height: 80px;
				}

				.cplb_box_right ul li a h3 {
					font-size: 16px;
					font-weight: bold;
					color: #000;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.cplb_box_right ul li a span {
					font-size: 14px;
					color: #999;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}



				.cplb_box_right ul li a p {
					border: 1px solid #bbb;
					border-radius: 2px;
					font-size: 12px;
					color: #999;
					line-height: 18px;
					margin-right: 6px;
					padding: 0 6px;
					white-space: nowrap;
				}



.yun-main-hd {
	padding-top: 0px;
	text-align: center
}

	.yun-main-hd .yun-main-title {
		line-height: 44px;
		font-size: 32px;
		color: #000;
	}

	.yun-main-hd .yun-main-des {
		margin-top: 10px;
		line-height: 36px;
		font-size: 18px;
		color: #666
	}

.yun-main-bd {
	padding-top: 30px
}

.w {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.yun-solution-slider {
	margin-top: 30px
}

.yun-solution-slider-content {
	position: relative
}

	.yun-solution-slider-content .yun-solution-wrap {
		position: relative;
		height: 454px;
		height: 457px\0;
	}

	.yun-solution-slider-content .yun-solution-item {
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 475px;
		color: #fff;
		background-size: cover !important;
		-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
		transition: all .2s cubic-bezier(.4, 0, .2, 1)
	}

		.yun-solution-slider-content .yun-solution-item.current {
			z-index: 2;
			opacity: 1;
			filter: alpha(opacity=100)
		}

	.yun-solution-slider-content .yun-solution-item-content {
		margin: 0 auto;
		padding-top: 130px;
		width: 91.66666666666667%;
		max-width: 1100px
	}

	.yun-solution-slider-content .yun-solution-text-wrap {
		float: left;
		padding-right: 40px;
		width: 790px
	}

		.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn {
			margin-top: 15px;
			display: inline-block;
			box-sizing: border-box;
			min-width: 70px;
			background: #fff;
			color: #03004c;
			text-align: center;
			padding: 0 30px;
			height: 36px;
			line-height: 36px;
			border-radius: 18px;
			font-size: 14px;
			opacity: .9;
			filter: alpha(opacity=90);
			-webkit-transition: all .25s ease;
			transition: all .25s ease
		}

			.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn:hover {
				opacity: 1;
				filter: alpha(opacity=100);
				box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3)
			}

	.yun-solution-slider-content .yun-solution-title {
		line-height: 44px;
		font-size: 24px;
		font-weight: 700;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

		.yun-solution-slider-content .yun-solution-title em {
			font-size: 28px
		}

	.yun-solution-slider-content .yun-solution-des {
		margin-top: 15px;
		max-height: 120px;
		line-height: 30px;
		overflow: hidden;
		font-size: 16px
	}

	.yun-solution-slider-content .yun-solution-logo-wrap {
		float: left;
		margin-left: 40px;
		width: 420px;
		max-height: 230px;
		overflow: hidden;
		font-size: 0
	}

		.yun-solution-slider-content .yun-solution-logo-wrap:after {
			content: "";
			width: 0;
			height: 100%;
			display: inline-block;
			vertical-align: middle
		}

	.yun-solution-slider-content .yun-solution-logo-list {
		display: inline-block
	}

		.yun-solution-slider-content .yun-solution-logo-list li {
			display: inline-block;
			margin-top: 40px;
			width: 33%;
			vertical-align: middle;
			text-align: left
		}

.yun-solution-list-wrap {
	position: relative;
	height:74px;
	overflow: hidden
}

	.yun-solution-list-wrap:hover .yun-solution-btn {
		display: block
	}

	.yun-solution-list-wrap .yun-solution-btn {
		display: none;
		position: absolute;
		top: 60px;
		width: 40px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		font-size: 40px;
		color: #ff6a00;
		opacity: .6;
		filter: alpha(opacity=60);
		-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
		transition: all .4s cubic-bezier(.4, 0, .2, 1)
	}

		.yun-solution-list-wrap .yun-solution-btn:hover {
			opacity: 1;
			filter: alpha(opacity=100)
		}

		.yun-solution-list-wrap .yun-solution-btn.disabled {
			display: none
		}

	.yun-solution-list-wrap .yun-solution-btn-prev {
		left: 0
	}

	.yun-solution-list-wrap .yun-solution-btn-next {
		right: 0
	}

.yun-solution-list {
	padding-top: 5px;
	text-align: center;
	font-size: 0
}

	.yun-solution-list .yun-solution-list-item {
		display: inline-block;
		vertical-align: top;
		width: 12.5%;
		text-align: center;
		font-size: 14px;
		cursor: pointer;
		color: #666;
	}
	.yun-solution-list .yun-solution-list-item:hover {
		color: #ff6a00;
	}

.yun-solution-list .img-wrap {
	margin: 0 auto;
	width: 30px;
	height: 50px;
	overflow: hidden;
}

	.yun-solution-list .yun-solution-text {
		line-height: 20px;
	}

.yun-arrow-wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 18px;
	overflow: hidden
}

	.yun-arrow-wrap .yun-arrow-item {
		display: table-cell;
		position: relative;
		width: auto;
		background-color: #fff
	}

	.yun-arrow-wrap .yun-arrow-triangle {
		width: 1200px;
		height: 17px;
		background-color: transparent
	}

		.yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {
			content: "";
			position: absolute;
			bottom: 0;
			width: 50%;
			box-sizing: border-box
		}

		.yun-arrow-wrap .yun-arrow-triangle:before {
			right: 50%;
			border-bottom: 18px solid #fff;
			border-right: 22px solid transparent
		}

		.yun-arrow-wrap .yun-arrow-triangle:after {
			left: 50%;
			border-bottom: 18px solid #fff;
			border-left: 22px solid transparent
		}

	.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {
		right: 94%;
	}

	.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {
		left: 6%;
		width: 94%
	}

	.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {
		right: 81%
	}

	.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {
		left: 19%;
		width: 81%
	}

	.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {
		right: 69%
	}

	.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {
		left: 31%;
		width: 69%
	}

	.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {
		right: 56%
	}

	.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {
		left: 44%;
		width: 56%
	}

	.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {
		right: 44%;
		width: 56%
	}

	.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {
		left: 56%
	}

	.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {
		right: 31%;
		width: 69%
	}

	.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {
		left: 69%
	}

	.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before {
		right: 19%;
		width: 81%
	}

	.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after {
		left: 81%
	}

	.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before {
		right: 6%;
		width: 94%
	}

	.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after {
		left: 94%
	}




:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

	.swiper-pointer-events.swiper-vertical {
		touch-action: pan-x
	}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto
}

	.swiper-autoheight .swiper-wrapper {
		align-items: flex-start;
		transition-property: transform,height
	}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

	.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
		transform-style: preserve-3d
	}

	.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 10
	}

	.swiper-3d .swiper-slide-shadow {
		background: rgba(0,0,0,.15)
	}

	.swiper-3d .swiper-slide-shadow-left {
		background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-3d .swiper-slide-shadow-right {
		background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-3d .swiper-slide-shadow-top {
		background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

	.swiper-3d .swiper-slide-shadow-bottom {
		background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
	}

.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

	.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
		display: none
	}

	.swiper-css-mode > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: start start
	}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

	.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
		opacity: .35;
		cursor: auto;
		pointer-events: none
	}

	.swiper-button-next:after, .swiper-button-prev:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		font-variant: initial;
		line-height: 1
	}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
		content: 'prev'
	}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
		content: 'next'
	}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10
}

	.swiper-pagination.swiper-pagination-hidden {
		opacity: 0
	}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		transform: scale(.33);
		position: relative
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
		transform: scale(1)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
		transform: scale(1)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
		transform: scale(.66)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
		transform: scale(.33)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
		transform: scale(.66)
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
		transform: scale(.33)
	}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color,#000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px,-50%,0)
}

	.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
		display: block
	}

	.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		top: 50%;
		transform: translateY(-50%);
		width: 8px
	}

		.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
			display: inline-block;
			transition: .2s transform,.2s top
		}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

	.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		transition: .2s transform,.2s left
	}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: var(--swiper-pagination-color,var(--swiper-theme-color));
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: scale(0);
		transform-origin: left top
	}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

	.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
		width: 4px;
		height: 100%;
		left: 0;
		top: 0
	}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

	.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain
	}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

	.swiper-fade .swiper-slide .swiper-slide {
		pointer-events: none
	}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

	.swiper-cube .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1;
		visibility: hidden;
		transform-origin: 0 0;
		width: 100%;
		height: 100%
	}

		.swiper-cube .swiper-slide .swiper-slide {
			pointer-events: none
		}

	.swiper-cube.swiper-rtl .swiper-slide {
		transform-origin: 100% 0
	}

	.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}

	.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
		pointer-events: auto;
		visibility: visible
	}

	.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.swiper-cube .swiper-cube-shadow {
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 100%;
		opacity: .6;
		z-index: 0
	}

		.swiper-cube .swiper-cube-shadow:before {
			content: '';
			background: #000;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			filter: blur(50px)
		}

.swiper-flip {
	overflow: visible
}

	.swiper-flip .swiper-slide {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 1
	}

		.swiper-flip .swiper-slide .swiper-slide {
			pointer-events: none
		}

	.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
		pointer-events: auto
	}

	.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
		z-index: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform,opacity,height
}

.swiper-cards {
	overflow: visible
}

	.swiper-cards .swiper-slide {
		transform-origin: center bottom;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		overflow: hidden
	}

.colorbg {
	display: flex;
	background: #f5f7fa;
	width: 100%;
	flex-direction: column;
	margin: 0 auto;
	padding: 50px 0;
	align-items: center;
	height: auto;
}

.fffbg {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 50px 0;
	background: #fff;
}

.goutub {
	color: #ff6a00;
}

.blue {
	color: #007aff;
	margin-right: 5px;
}

.greencololor {
	color: #3ebb50;
}

.cyancololor {
	color: #47b6bc;
}

.redcololor {
	color: red;
}

.width70 {
	width: 70px;
	height: auto;
}
.width130 {
	width: 130px;
	height: auto;
}

.width30 {
	width: 30px;
	height: auto;
}

.width50 {
	width: 50px;
	height: auto;
}

.size25 {
	font-size: 25px;
}

.width100 {
	width: 100px;
	height: auto;
}
.widthb100 {
	width: 100%;
	height: auto;
}

.width300 {
	width: 300px !important;
	height: auto;
}

.width100 {
	width: 100px;
	height: auto;
}

.width70 {
	width: 70px;
	height: auto;
}

.width200 {
	width: 200px;
	height: auto;
}

.width100f {
	width: 100%;
	height: auto;
}

.size50 {
	font-size: 50px !important;
	margin-bottom: 5px;
	line-height:50px;
}
.size30 {
	font-size: 30px !important;
	margin-bottom: 5px;
}

@font-face {
	font-family: 'iconfont'; /* project id 3183694 */
	src: url('');
	src: url('?#iefix') format('embedded-opentype'), url('/template/default/ttf/fontawesome-webfont.woff2') format('woff2'), url('/template/default/ttf/fontawesome-webfont.woff') format('woff'), url('/template/default/ttf/fontawesome-webfont.tff') format('truetype'), url('#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}

	.iconfont:hover {
		transform: scale(1.1);
	}


.icon-F0F2:before {
	content: "\F0F2";
}

.icon-F0F3:before {
	content: "\F0F3";
}

.icon-F058:before {
	content: "\F058";
}

.icon-F049:before {
	content: "\F049";
}

.icon-F015:before {
	content: "\F015";
}

.icon-F073:before {
	content: "\F073";
}

.icon-F12A:before {
	content: "\F12A";
}

.icon-F12E:before {
	content: "\F12E";
}

.icon-F130:before {
	content: "\F130";
}

.icon-F124:before {
	content: "\F124";
}

.icon-F126:before {
	content: "\F126";
}

.icon-F122:before {
	content: "\F122";
}

.icon-F09E:before {
	content: "\F09E";
}

.icon-F0C4:before {
	content: "\F0C4";
}

.icon-F129:before {
	content: "\F129";
}
/* 实心白色感叹号 */
.icon-a:before {
	content: "\F0A8";
}
/* 帮助 */
.icon-b:before {
	content: "\F016";
}
/*预览*/
.icon-c:before {
	content: "\F00A";
}
/*通知*/
.icon-d:before {
	content: "\F001";
}
/*设置*/
.icon-e:before {
	content: "\F044";
}
/*用户名*/
.icon-f:before {
	content: "\F07C";
}
/* 实心圆点 */
.icon-g:before {
	content: "\2022";
}
/* 博士帽 */
.icon-h:before {
	content: "\F0CB";
}
/*记事本+钢笔*/
.icon-i:before {
	content: "\F0CC";
}
/*耳麦客服*/
.icon-j:before {
	content: "\F0AC";
}
/*更新*/
.icon-k:before {
	content: "\F027";
}

/*眼睛（睁眼）*/
.icon-l:before {
	content: "\F05B";
}
/*眼睛（闭眼）*/
.icon-m:before {
	content: "\F05A";
}
/*订单查询*/
.icon-n:before {
	content: "\F0DE";
}
/*表单管理*/
.icon-p:before {
	content: "\F0E1";
}
/*添加员工*/
.icon-q:before {
	content: "\F0D0";
}

/*岗位管理*/
.icon-r:before {
	content: "\F0CE";
}

/*访客（脚板）*/
.icon-r:before {
	content: "\F0CE";
}

/*访客（脚板）*/
.icon-s:before {
	content: "\F084";
}

/*下单*/
.icon-t:before {
	content: "\F0A4";
}


/*咨询 耳麦*/
.icon-v:before {
	content: "\F06C";
}

/*电话*/
.icon-w:before {
	content: "\F026";
}

/*登录*/
.icon-x:before {
	content: "\F02D";
}

/*修改密码*/
.icon-y:before {
	content: "\F021";
}

/*退出登录*/
.icon-z:before {
	content: "\F022";
}

/*后台登录页配置*/
.icon-F01C:before {
	content: "\F01C";
}

/*后台主题风格*/
.icon-F01D:before {
	content: "\F01D";
}

/*漏斗*/
.icon-F0B0:before {
	content: "\F0B0";
}

/*阴影勾勾 */
.icon-F080:before {
	content: "\F080";
}

/*店铺管理 */
.icon-F0DB:before {
	content: "\F0DB";
}

/*素材中心 */
.icon-F00E:before {
	content: "\F00E";
}

/*全店装修 */
.icon-F076:before {
	content: "\F076";
}

/*微页面 */
.icon-F091:before {
	content: "\F091";
}

/*自定义模块*/
.icon-F090:before {
	content: "\F090";
}
/*店铺模板 */
.icon-F078:before {
	content: "\F078";
}

/*删除*/
.icon-F03C:before {
	content: "\F03C";
}

/*重命名*/
.icon-F025:before {
	content: "\F025";
}

/*打开*/
.icon-F0F1:before {
	content: "\F0F1";
}

/*预览*/
.icon-F023:before {
	content: "\F023";
}

/*编辑*/
.icon-F03D:before {
	content: "\F03D";
}

/**/
.icon-F081:before {
	content: "\F081";
}

/*箭头向上（有档线）*/
.icon-F00C:before {
	content: "\F00C";
}

/*箭头向下（有档线）*/
.icon-F010:before {
	content: "\F010";
}

/*箭头向上*/
.icon-F012:before {
	content: "\F012";
}

/*箭头向下*/
.icon-F013:before {
	content: "\F013";
}
/*电池电量*/
.icon-F240:before {
	content: "\F240";
}

/*上传*/
.icon-F024:before {
	content: "\F024";
}

/*空心问号*/
.icon-F00B:before {
	content: "\F00B";
}

/* 微页面组件图标 */
/* 标题 */
.icon-F000:before {
	content: "\F000";
}

/* 富文本 */
.icon-25FC:before {
	content: "\25FC";
}

/*图片/图文广告 */
.icon-F04B:before {
	content: "\F04B";
}

/*轮播图 */
.icon-205F:before {
	content: "\205F";
}

/*分割线 */
.icon-221E:before {
	content: "\221E";
}

/*表单 */
.icon-F006:before {
	content: "\F006";
}
/*左对齐（上左） */
.icon-F070:before {
	content: "\F070";
}

/*居中对齐 */
.icon-F071:before {
	content: "\F071";
}

/*右对齐 （上右） */
.icon-F072:before {
	content: "\F072";
}

/*左对齐（下左）  */
.icon-F0FD:before {
	content: "\F0FD";
}

/*右对齐 （下右） */
.icon-F0FE:before {
	content: "\F0FE";
}

/*居中对齐（下中） */
.icon-F100:before {
	content: "\F100";
}

/*摇一摇 */
.icon-F110:before {
	content: "\F110";
}

/*直角 */
.icon-F116:before {
	content: "\F116";
}

/*圆角 */
.icon-F117:before {
	content: "\F117";
}

/*无阴影 */
.icon-F115:before {
	content: "\F115";
}

/*阴影 */
.icon-F114:before {
	content: "\F114";
}

/*12号字体*/
.icon-F109:before {
	content: "\F109";
}

/*14号字体*/
.icon-F108:before {
	content: "\F108";
}

/*16号字体*/
.icon-F107:before {
	content: "\F107";
}

/*18号字体*/
.icon-F106:before {
	content: "\F106";
}

/*标准字体*/
.icon-F119:before {
	content: "\F119";
}

/*加粗字体*/
.icon-F118:before {
	content: "\F118";
}

/*虚线*/
.icon-F105:before {
	content: "\F105";
}

/*实线*/
.icon-F104:before {
	content: "\F104";
}

/*水平*/
.icon-F102:before {
	content: "\F102";
}

/*垂直*/
.icon-F101:before {
	content: "\F101";
}

/*图片样式一/积分商城-列表样式二*/
.icon-F111:before {
	content: "\F111";
}

/*图片样式二/积分商城-列表样式三*/
.icon-F112:before {
	content: "\F112";
}

/*图片样式三*/
.icon-F10D:before {
	content: "\F10D";
}

/*拖拽*/
.icon-F11C:before {
	content: "\F11C";
}

/*/积分商城-列表样式一*/
.icon-F113:before {
	content: "\F113";
}

/*12号字体*/
.icon-F109:before {
	content: "\F109";
}

/*13号字体*/
.icon-F108:before {
	content: "\F108";
}

/*14号字体*/
.icon-F107:before {
	content: "\F107";
}

/*16号字体*/
.icon-F106:before {
	content: "\F106";
}

/*WIFI*/
.icon-F1EB:before {
	content: "\F120";
}

/*电量*/
.icon-F241:before {
	content: "\F241";
}

/*抽奖刮刮卡*/
.icon-F10B:before {
	content: "\F10B";
}

/*抽奖游戏机*/
.icon-F10A:before {
	content: "\F10A";
}

/*公众号编辑文字*/
.icon-F000:before {
	content: "\F000";
}

/*支付文字*/
.icon-F086:before {
	content: "\F086";
}

.icon-F0C7:before {
	content: "\F0C7";
}

.icon-F056:before {
	content: "\F056";
}
/* 图标库 ///////////////////////////////////////////////////////////////////// */
.icon-00C6:before {
	content: "\00C6";
}

.icon-00D8:before {
	content: "\00D8";
}

.icon-2000:before {
	content: "\2000";
}

.icon-2001:before {
	content: "\2001";
}

.icon-2002:before {
	content: "\2002";
}

.icon-2003:before {
	content: "\2003";
}

.icon-2004:before {
	content: "\2004";
}

.icon-2005:before {
	content: "\2005";
}

.icon-2006:before {
	content: "\2006";
}

.icon-2007:before {
	content: "\2007";
}

.icon-2008:before {
	content: "\2008";
}

.icon-2009:before {
	content: "\2009";
}

.icon-F132:before {
	content: "\F132";
}

.icon-F133:before {
	content: "\F133";
}

.icon-F074:before {
	content: "\F074";
}

.icon-F045:before {
	content: "\F045";
}

.icon-F0C8:before {
	content: "\F0C8";
}

.icon-F135:before {
	content: "\F135";
}

.icon-F136:before {
	content: "\F136";
}

.icon-F137:before {
	content: "\F137";
}

.icon-F0C9:before {
	content: "\F0C9";
}

.icon-F139:before {
	content: "\F139";
}

.icon-F13A:before {
	content: "\F13A";
}

.icon-F079:before {
	content: "\F079";
}

.icon-F07A:before {
	content: "\F07A";
}

.icon-F07B:before {
	content: "\F07B";
}

.icon-F07C:before {
	content: "\F07C";
}

.icon-F082:before {
	content: "\F082";
}

.icon-F083:before {
	content: "\F083";
}

.icon-F085:before {
	content: "\F085";
}

.icon-F08A:before {
	content: "\F08A";
}

.icon-F085:before {
	content: "\F085";
}

.icon-F13C:before {
	content: "\F13C";
}

.icon-F13D:before {
	content: "\F13D";
}

.icon-F140:before {
	content: "\F140";
}

.icon-F08E:before {
	content: "\F08E";
}

.icon-F0A0:before {
	content: "\F0A0";
}

.icon-F0A1:before {
	content: "\F0A1";
}

.icon-F0A2:before {
	content: "\F0A2";
}

.icon-F0A3:before {
	content: "\F0A3";
}

.icon-F03A:before {
	content: "\F03A";
}

.icon-F0A6:before {
	content: "\F0A6";
}

.icon-F0A7:before {
	content: "\F0A7";
}

.icon-F0A8:before {
	content: "\F0A8";
}

.icon-F08B:before {
	content: "\F08B";
}

.icon-F08C:before {
	content: "\F08C";
}

.icon-F08D:before {
	content: "\F08D";
}

.icon-F0C2:before {
	content: "\F0C2";
}

.icon-F0C5:before {
	content: "\F0C5";
}

.icon-F0D3:before {
	content: "\F0D3";
}

.icon-F0B2:before {
	content: "\F0B2";
}

.icon-F0E0:before {
	content: "\F0E0";
}

.icon-F0E2:before {
	content: "\F0E2";
}

.icon-F0D1:before {
	content: "\F0D1";
}

.icon-F0D2:before {
	content: "\F0D2";
}

.icon-F0F4:before {
	content: "\F0F4";
}

.icon-F0A9:before {
	content: "\F0A9";
}

.icon-F0AC:before {
	content: "\F0AC";
}

.icon-F0AD:before {
	content: "\F0AD";
}

.icon-F037:before {
	content: "\F037";
}

.icon-F0A5:before {
	content: "\F0A5";
}

.icon-F01B:before {
	content: "\F01B";
}

.icon-F134:before {
	content: "\F134";
}

.icon-F103:before {
	content: "\F103";
}

.icon-F126:before {
	content: "\F126";
}

.icon-F127:before {
	content: "\F127";
}

.icon-F138:before {
	content: "\F138";
}

.icon-F0C7:before {
	content: "\F0C7";
}

.icon-F0C8:before {
	content: "\F0C8";
}

.icon-F0F5:before {
	content: "\F0F5";
}

.icon-F0F6:before {
	content: "\F0F6";
}

.icon-F0F7:before {
	content: "\F0F7";
}

.icon-F077:before {
	content: "\F077";
}

.icon-F0E4:before {
	content: "\F0E4";
}

.icon-F11D:before {
	content: "\F11D";
}

.icon-F11E:before {
	content: "\F11E";
}

.icon-F0E8:before {
	content: "\F0E8";
}

.icon-F0DA:before {
	content: "\F0DA";
}

.icon-F0EB:before {
	content: "\F0EB";
}

.icon-F0F8:before {
	content: "\F0F8";
}

.icon-F0CA:before {
	content: "\F0CA";
}

.icon-F0FC:before {
	content: "\F0FC";
}

.icon-F10C:before {
	content: "\F10C";
}

.icon-F089:before {
	content: "\F089";
}

.icon-F07D:before {
	content: "\F07D";
}

.icon-F07E:before {
	content: "\F07E";
}

.icon-F141:before {
	content: "\F141";
}

.icon-F142:before {
	content: "\F142";
}

.icon-F143:before {
	content: "\F143";
}

.icon-F0D4:before {
	content: "\F0D4";
}

.icon-F0D5:before {
	content: "\F0D5";
}

.icon-F0D7:before {
	content: "\F0D7";
}

.icon-F0D8:before {
	content: "\F0D8";
}

.icon-F092:before {
	content: "\F092";
}

.icon-F093:before {
	content: "\F093";
}

.icon-F088:before {
	content: "\F088";
}

.icon-F094:before {
	content: "\F094";
}

.icon-F095:before {
	content: "\F095";
}

.icon-F096:before {
	content: "\F096";
}

.icon-F097:before {
	content: "\F097";
}

.icon-F099:before {
	content: "\F099";
}

.icon-F09A:before {
	content: "\F09A";
}

.icon-F09C:before {
	content: "\F09C";
}

.icon-F09B:before {
	content: "\F09B";
}

.icon-F0C3:before {
	content: "\F0C3";
}

.icon-F0C0:before {
	content: "\F0C0";
}

.icon-F0DE:before {
	content: "\F0DE";
}

.icon-200A:before {
	content: "\200A";
}

.icon-202F:before {
	content: "\202F";
}

.icon-F001:before {
	content: "\F001";
}

.icon-F15c:before {
	content: "\F15c";
}

.icon-F002:before {
	content: "\F002";
}

.icon-F003:before {
	content: "\F003";
}

.icon-F004:before {
	content: "\F004";
}

.icon-F011:before {
	content: "\F011";
}

.icon-F005:before {
	content: "\F005";
}

.icon-F0E1:before {
	content: "\F0E1";
}

.icon-F0FA:before {
	content: "\F0FA";
}

.icon-221E:before {
	content: "\221E";
}

.icon-F0FB:before {
	content: "\F0FB";
}

.icon-F061:before {
	content: "\F061";
}

.icon-F026:before {
	content: "\F026";
}

.icon-F01E:before {
	content: "\F01E";
}

.icon-F029:before {
	content: "\F029";
}

.icon-F02A:before {
	content: "\F02A";
}

.icon-F02B:before {
	content: "\F02B";
}

.icon-F02D:before {
	content: "\F02D";
}

.icon-F02E:before {
	content: "\F02E";
}

.icon-F041:before {
	content: "\F041";
}

.icon-F017:before {
	content: "\F017";
}

.icon-F019:before {
	content: "\F019";
}

.icon-F018:before {
	content: "\F018";
}

.icon-F030:before {
	content: "\F030";
}

.icon-F034:before {
	content: "\F034";
}

.icon-F028:before {
	content: "\F028";
}

.icon-F043:before {
	content: "\F043";
}

.icon-F02C:before {
	content: "\F02C";
}

.icon-F05d:before {
	content: "\F05d";
}

.icon-F159:before {
	content: "\F159";
}

.icon-F042:before {
	content: "\F042";
}

.icon-F046:before {
	content: "\F046";
}

.icon-F04E:before {
	content: "\F04E";
}

.icon-F044:before {
	content: "\F044";
}
.icon-F04C:before {
	content: "\F04C";
}

.icon-F01A:before {
	content: "\F01A";
}

.icon-F02F:before {
	content: "\F02F";
}

.icon-F047:before {
	content: "\F047";
}

.icon-F031:before {
	content: "\F031";
}

.icon-F032:before {
	content: "\F032";
}

.icon-F033:before {
	content: "\F033";
}

.icon-F036:before {
	content: "\F036";
}

.icon-F06C:before {
	content: "\F06C";
}

.icon-F065:before {
	content: "\F065";
}

.icon-F051:before {
	content: "\F051";
}

.icon-F067:before {
	content: "\F067";
}

.icon-F05D:before {
	content: "\F05D";
}

.icon-F040:before {
	content: "\F040";
}

.icon-F06B:before {
	content: "\F06B";
}

.icon-F035:before {
	content: "\F035";
}

.icon-F048:before {
	content: "\F048";
}

.icon-F048:before {
	content: "\F048";
}

.icon-F059:before {
	content: "\F059";
}

.icon-F066:before {
	content: "\F066";
}

.icon-F062:before {
	content: "\F062";
}

.icon-F060:before {
	content: "\F060";
}

.icon-00C3:before {
	content: "\00C3";
}

.icon-F06E:before {
	content: "\F06E";
}

.icon-F155:before {
	content: "\F155";
}

.icon-F154:before {
	content: "\F154";
}


.icon-F153:before {
	content: "\F153";
}

.icon-F152:before {
	content: "\F152";
}

.icon-F151:before {
	content: "\F151";
}

.icon-F150:before {
	content: "\F150";
}

.icon-F14A:before {
	content: "\F14A";
}

.icon-F14B:before {
	content: "\F14B";
}

.icon-F14C:before {
	content: "\F14C";
}

.icon-F14D:before {
	content: "\F14D";
}

.icon-F14E:before {
	content: "\F14E";
}

.icon-F149:before {
	content: "\F149";
}

.icon-F160:before {
	content: "\F160";
}

.icon-F161:before {
	content: "\F161";
}

.icon-F162:before {
	content: "\F162";
}

.icon-F163:before {
	content: "\F163";
}



.icon-F173:before {
	content: "\F173";
}

.icon-F174:before {
	content: "\F174";
}

.icon-F165:before {
	content: "\F165";
}

.icon-F175:before {
	content: "\F175";
}

.icon-202f:before {
	content: "\202f";
}

.icon-F176:before {
	content: "\F176";
}

.icon-F177:before {
	content: "\F177";
}

.icon-F178:before {
	content: "\F178";
}

.icon-F179:before {
	content: "\F179";
}

.icon-F157:before {
	content: "\F157";
}

.icon-F007:before {
	content: "\F007";
}


.icon-F180:before {
	content: "\F180";
}

.icon-F181:before {
	content: "\F181";
}

.icon-F02A:before {
	content: "\F02A";
}

.icon-F182:before {
	content: "\F182";
}

.icon-F183:before {
	content: "\F183";
}

.icon-F184:before {
	content: "\F184";
}

.icon-F185:before {
	content: "\F185";
}



.icon-F186:before {
	content: "\F186";
}

.icon-F187:before {
	content: "\F187";
}

.icon-F188:before {
	content: "\F188";
}

.icon-F189:before {
	content: "\F189";
}


.icon-F190:before {
	content: "\F190";
}


.icon-F191:before {
	content: "\F191";
}

.icon-F192:before {
	content: "\F192";
}

.icon-F193:before {
	content: "\F193";
}

.icon-F194:before {
	content: "\F194";
}

.icon-F195:before {
	content: "\F195";
}

.icon-F196:before {
	content: "\F196";
}

.icon-F197:before {
	content: "\F197";
}

.icon-F198:before {
	content: "\F198";
}

.icon-F199:before {
	content: "\F199";
}

.icon-F200:before {
	content: "\F200";
}

.icon-F201:before {
	content: "\F201";
}

.icon-F202:before {
	content: "\F202";
}

.icon-F203:before {
	content: "\F203";
}


.icon-F204:before {
	content: "\F204";
}

.icon-F147:before {
	content: "\F147";
}


.icon-F205:before {
	content: "\F205";
}

.icon-F174:before {
	content: "\F174";
}


.icon-F206:before {
	content: "\F206";
}


.icon-F207:before {
	content: "\F207";
}

.icon-F164:before {
	content: "\F164";
}


.icon-F208:before {
	content: "\F208";
}

.icon-F00A:before {
	content: "\F00A";
}

.icon-F209:before {
	content: "\F209";
}


.icon-F210:before {
	content: "\F210";
}


.icon-F211:before {
	content: "\F211";
}


.icon-F212:before {
	content: "\F212";
}



.icon-F213:before {
	content: "\F213";
}

.icon-F075:before {
	content: "\F075";
}
.icon-F158:before {
	content: "\F158";
}

.icon-F069:before {
	content: "\F069";
}

.icon-F15A:before {
	content: "\F15A";
}

.icon-F208:before {
	content: "\F208";
}


.icon-F214:before {
	content: "\F214";
}

.icon-F215:before {
	content: "\F215";
}

.icon-F216:before {
	content: "\F216";
}

.icon-F217:before {
	content: "\F217";
}

.icon-F218:before {
	content: "\F218";
}

.icon-F219:before {
	content: "\F219";
}

.icon-F220:before {
	content: "\F220";
}

.icon-F221:before {
	content: "\F221";
}

.icon-F027:before {
	content: "\F027";
}

.icon-F222:before {
	content: "\F222";
}

.icon-F223:before {
	content: "\F223";
}

.icon-F224:before {
	content: "\F224";
}

.icon-F225:before {
	content: "\F225";
}

.icon-F226:before {
	content: "\F226";
}

.icon-F050:before {
	content: "\F050";
}

.icon-F227:before {
	content: "\F227";
}

.icon-F228:before {
	content: "\F228";
}

.icon-F229:before {
	content: "\F229";
}

.icon-F06A:before {
	content: "\F06A";
}

.icon-F230:before {
	content: "\F230";
}

.icon-F231:before {
	content: "\F231";
}

.icon-F232:before {
	content: "\F232";
}

.icon-F233:before {
	content: "\F233";
}

.icon-F234:before {
	content: "\F234";
}

.icon-F235:before {
	content: "\F235";
}

.icon-F236:before {
	content: "\F236";
}

.icon-F237:before {
	content: "\F237";
}

.icon-F238:before {
	content: "\F238";
}

.icon-F239:before {
	content: "\F239";
}

.icon-F240:before {
	content: "\F240";
}

.icon-F241:before {
	content: "\F241";
}

.icon-F242:before {
	content: "\F242";
}

.icon-F243:before {
	content: "\F243";
}

.icon-F244:before {
	content: "\F244";
}

.icon-F245:before {
	content: "\F245";
}

.icon-F246:before {
	content: "\F246";
}

.icon-F247:before {
	content: "\F247";
}

.icon-F249:before {
	content: "\F249";
}

.icon-F250:before {
	content: "\F250";
}

.icon-F251:before {
	content: "\F251";
}

.icon-F252:before {
	content: "\F252";
}

.icon-F253:before {
	content: "\F253";
}

.icon-F254:before {
	content: "\F254";
}

.icon-F255:before {
	content: "\F255";
}

.icon-F256:before {
	content: "\F256";
}

.icon-F257:before {
	content: "\F257";
}

.icon-F258:before {
	content: "\F258";
}

.icon-F259:before {
	content: "\F259";
}

.icon-F260:before {
	content: "\F260";
}

.icon-F261:before {
	content: "\F261";
}

.icon-F262:before {
	content: "\F262";
}

.icon-F263:before {
	content: "\F263";
}

.icon-F264:before {
	content: "\F264";
}

.icon-F265:before {
	content: "\F265";
}

.icon-F266:before {
	content: "\F266";
}

.icon-F267:before {
	content: "\F267";
}

.icon-F268:before {
	content: "\F268";
}

.icon-F269:before {
	content: "\F269";
}

.icon-F270:before {
	content: "\F270";
}

.icon-F271:before {
	content: "\F271";
}

.icon-F03E:before {
	content: "\F03E";
}

.icon-F03B:before {
	content: "\F03B";
}

.icon-F272:before {
	content: "\F272";
}

.icon-F273:before {
	content: "\F273";
}

.icon-F00D:before {
	content: "\F00D";
}

.icon-F274:before {
	content: "\F274";
}

.icon-F275:before {
	content: "\F275";
}

.icon-F276:before {
	content: "\F276";
}

.icon-F277:before {
	content: "\F277";
}

.icon-F278:before {
	content: "\F278";
}

.icon-F279:before {
	content: "\F279";
}

.icon-F279:before {
	content: "\F279";
}

.icon-F280:before {
	content: "\F280";
}

.icon-F281:before {
	content: "\F281";
}

.icon-F282:before {
	content: "\F282";
}

.icon-F283:before {
	content: "\F283";
}

.icon-F284:before {
	content: "\F284";
}

.icon-F285:before {
	content: "\F285";
}

.icon-F286:before {
	content: "\F286";
}

.icon-F287:before {
	content: "\F287";
}

.icon-F288:before {
	content: "\F288";
}

.icon-F289:before {
	content: "\F289";
}

.icon-F290:before {
	content: "\F290";
}

.icon-F291:before {
	content: "\F291";
}

.icon-F292:before {
	content: "\F292";
}

.icon-F292:before {
	content: "\F292";
}

.icon-F292:before {
	content: "\F292";
}

.icon-F293:before {
	content: "\F293";
}

.icon-F294:before {
	content: "\F294";
}

.icon-F295:before {
	content: "\F295";
}

.icon-F296:before {
	content: "\F296";
}

.icon-F297:before {
	content: "\F297";
}

.icon-F298:before {
	content: "\F298";
}

.icon-F299:before {
	content: "\F299";
}

.icon-F300:before {
	content: "\F300";
}

.icon-F301:before {
	content: "\F301";
}

.icon-F302:before {
	content: "\F32";
}

.icon-F303:before {
	content: "\F303";
}

.icon-F304:before {
	content: "\F304";
}

.icon-F0EA:before {
	content: "\F0EA";
}

.icon-F306:before {
	content: "\F306";
}

.icon-F305:before {
	content: "\F305";
}

.icon-F307:before {
	content: "\F307";
}

.icon-F308:before {
	content: "\F308";
}

.icon-F310:before {
	content: "\F310";
}

.icon-F311:before {
	content: "\F311";
}

.icon-F309:before {
	content: "\F309";
}

.icon-F312:before {
	content: "\F312";
}

.icon-F313:before {
	content: "\F313";
}

.icon-F314:before {
	content: "\F314";
}

.icon-F0F0:before {
	content: "\F0F0";
}

.icon-F035:before {
	content: "\F035";
}

.icon-F315:before {
	content: "\F315";
}

.icon-F316:before {
	content: "\F316";
}

.icon-F009:before {
	content: "\F009";
}

.icon-F317:before {
	content: "\F317";
}

.icon-F318:before {
	content: "\F318";
}

.icon-F319:before {
	content: "\F319";
}

.icon-F320:before {
	content: "\F320";
}

.icon-F321:before {
	content: "\F321";
}

.icon-F322:before {
	content: "\F322";
}

.icon-F320:before {
	content: "\F320";
}

.icon-F323:before {
	content: "\F323";
}

.icon-F324:before {
	content: "\F324";
}

.icon-F325:before {
	content: "\F325";
}

.icon-F326:before {
	content: "\F326";
}

.icon-F327:before {
	content: "\F327";
}

.icon-F328:before {
	content: "\F328";
}

.icon-F329:before {
	content: "\F329";
}

.icon-F331:before {
	content: "\F331";
}

.icon-F332:before {
	content: "\F32";
}

.icon-F333:before {
	content: "\F333";
}

.icon-F334:before {
	content: "\F34";
}

.icon-F335:before {
	content: "\F335";
}

.icon-F336:before {
	content: "\F336";
}

.icon-F337:before {
	content: "\F337";
}

.icon-F338:before {
	content: "\F338";
}

.icon-F339:before {
	content: "\F339";
}

.icon-F340:before {
	content: "\F340";
}

.icon-F341:before {
	content: "\F341";
}

.icon-F342:before {
	content: "\F342";
}

.icon-F343:before {
	content: "\F343";
}

.icon-F344:before {
	content: "\F344";
}

.icon-F345:before {
	content: "\F345";
}

.icon-F346:before {
	content: "\F346";
}

.icon-F347:before {
	content: "\F347";
}

.icon-F348:before {
	content: "\F348";
}

.icon-F349:before {
	content: "\F349";
}

.icon-F350:before {
	content: "\F350";
}

.icon-F350:before {
	content: "\F350";
}

.icon-F351:before {
	content: "\F351";
}

.icon-F352:before {
	content: "\F352";
}

.icon-F350:before {
	content: "\F350";
}

.icon-F353:before {
	content: "\F353";
}

.icon-F354:before {
	content: "\F354";
}

.icon-F355:before {
	content: "\F355";
}

.icon-F356:before {
	content: "\F356";
}
.icon-F357:before {
	content: "\F357";
}
.icon-F358:before {
	content: "\F358";
}
.icon-F359:before {
	content: "\F359";
}
.icon-F360:before {
	content: "\F360";
}
.icon-F361:before {
	content: "\F361";
}
.icon-F362:before {
	content: "\F362";
}
.icon-F363:before {
	content: "\F363";
}
.icon-F364:before {
	content: "\F364";
}
.icon-F365:before {
	content: "\F365";
}
.icon-F366:before {
	content: "\F366";
}
.icon-F367:before {
	content: "\F367";
}
.icon-F368:before {
	content: "\F368";
}
.icon-F369:before {
	content: "\F369";
}
.icon-F371:before {
	content: "\F371";
}
.icon-F370:before {
	content: "\F370";
}
.icon-F372:before {
	content: "\F372";
}
.icon-F373:before {
	content: "\F373";
}
.icon-F374:before {
	content: "\F374";
}
.icon-F375:before {
	content: "\F375";
}
.icon-F376:before {
	content: "\F375";
}
.icon-F377:before {
	content: "\F377";
}
.icon-F378:before {
	content: "\F378";
}
.icon-F379:before {
	content: "\F379";
}
.icon-F380:before {
	content: "\F380";
}
.icon-F381:before {
	content: "\F381";
}
.icon-F382:before {
	content: "\F382";
}
.icon-F383:before {
	content: "\F383";
}
.icon-F384:before {
	content: "\F384";
}
.icon-F385:before {
	content: "\F385";
}
.icon-F386:before {
	content: "\F386";
}
.icon-F387:before {
	content: "\F387";
}
.icon-F388:before {
	content: "\F388";
}
.icon-F389:before {
	content: "\F389";
}
.icon-F390:before {
	content: "\F390";
}
.icon-F391:before {
	content: "\F391";
}
.icon-F392:before {
	content: "\F392";
}
.icon-F393:before {
	content: "\F393";
}
.icon-F394:before {
	content: "\F394";
}
.icon-F395:before {
	content: "\F395";
}
.icon-F396:before {
	content: "\F396";
}
.icon-F397:before {
	content: "\F397";
}
.icon-F398:before {
	content: "\F398";
}
.icon-F399:before {
	content: "\F399";
}
.icon-F400:before {
	content: "\F400";
}
.center1300 {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 40px;
}

.tuzibox {
	width: 100%;
	background: #f4f8ff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 30px 0;
}

.pfff {
	text-align: center;
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.product-table {
	width: 1200px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product-table-title {
	display: flex;
	border: 1px solid #e2e2e2;
	border-right: 0px;
	width: 1200px;
}

.product-table-detail {
	width: 1200px;
	height: 41px;
	background: #e7e7e7;
	text-align: center;
	line-height: 40px;
	border-right: 1px solid #e2e2e2;
}

.product-table table {
	border-spacing: 0px;
	width: 1200px;
	height: 440px;
}

	.product-table table tbody::-webkit-scrollbar {
		display: none;
	}

	.product-table table tbody {
		display: block;
		overflow-y: scroll;
		height: 440px;
		width: 1201px;
	}

.product-table tr {
	/* display: flex; */
	border: 1px solid #e2e2e2;
	border-right: 0px;
}

.product-table td {
	width: 400px;
	height: 42px;
	background: #fff;
	text-align: center;
	line-height: 40px;
	/* border-right:1px solid #e2e2e2; */
	/* border-bottom: 0px; */
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
}

.product-table tr td:nth-child(2) {
	/* color: #ff874e; */
	/* background: #efefef; */
}

.product-table tr td:nth-child(3) {
	/* color: #45ba21; */
	/* background: #e7e7e7; */
}

.product-table a {
	width: 200px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	background: #ff874e;
	border-radius: 30px;
	color: white;
	font-size: 20px;
	margin-top: 44px;
}
/* function */
#subfunction {
	width: 100%;
	height: auto;
	overflow: hidden
}

.subfunctionBox {
	margin: 20px auto 0 auto;
	width: 1000px;
}

#subfunctionTab {
	float: left;
	width: 1000px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

#subfunction table {
	width: 100%;
	border-collapse: collapse
}

#subfunction table, th, td {
	border: 1px solid #eee;
	color: #fff;
	line-height: 50px;
}

#subfunction table, td {
	height: 30px;
	line-height: 30px
}

#subfunctionTab .subfunctionTab td {
	color: #000
}

#subfunction table td {
	text-align: center
}

.subtableHeadTitle {
	width: 1000px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #26a732;
	text-align: center
}

.functionDesTab td {
	color: #000;
	line-height: 40px;
}

.kb {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.kb1 {
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#subfunctionTab img {
	vertical-align: top
}

.morePos {
	position: relative;
	top: -30px;
	left: -200px
}

.morePos1 {
	position: relative;
	top: -50px;
	left: -200px
}

.black {
	color: #000
}

.action {
	margin: 20px auto 20px auto;
	width: 1000px;
	height: auto;
	float: left
}

.icoImg11 {
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/img01.gif) no-repeat
}

.action ul {
	margin: 10px;
}

.action li {
	font-weight: bold
}

#troubleBox {
	height: auto
}

.h2 {
	height: 49px;
	line-height: 49px;
	font-size: 25px;
	font-family: "微软雅黑";
	font-weight: normal
}

.bigPic1 {
	margin: 40px auto 20px auto;
	width: 903px;
	height: 296px;
	background: url(../images/img001.gif) no-repeat;
	font-size: 14px;
	color: #665f5f;
	line-height: 21px;
	position: relative
}

.trouble0 {
	width: 271px;
	height: 60px;
	float: left;
	position: relative;
	top: 15px;
	left: 46px;
	overflow: hidden
}

.trouble1 {
	width: 271px;
	height: 60px;
	float: left;
	position: relative;
	top: 15px;
	left: 295px;
	overflow: hidden
}

.trouble2 {
	width: 271px;
	height: 60px;
	float: left;
	position: relative;
	top: 110px;
	right: 495px;
	overflow: hidden
}

.trouble3 {
	width: 271px;
	height: 60px;
	float: left;
	position: relative;
	top: 55px;
	left: 564px;
	overflow: hidden
}

.trouble4 {
	width: 90px;
	height: 52px;
	float: left;
	position: relative;
	top: 40px;
	left: 105px
}

.trouble5 {
	width: 271px;
	height: 52px;
	float: left;
	position: relative;
	top: 158px;
	right: 315px
}

.trouble6 {
	width: 271px;
	height: 52px;
	float: left;
	position: relative;
	top: 160px;
	left: -70px
}

a.trouble4 {
	color: #0c6eae
}

#productDesBox {
	width: 100%;
	height: 1005px;
	overflow: hidden
}

.commTitle {
	width: 100%;
	height: 52px;
	background: url(../images/commbg.gif) repeat-x
}

.productContent {
	margin: 30px auto 40px auto;
	height: 955px;
	height: 916px;
	overflow: hidden
}

.productTab {
	float: left;
	width: 560px;
	height: 460px;
	background: url(../images/img02.jpg) no-repeat;
	position: relative
}

.top {
	width: 200px;
	height: 138px;
	position: relative;
	top: 70px;
	left: 70px;
	overflow: hidden
}

.bottom {
	position: relative;
	top: 110px;
	left: 70px;
	width: 150px;
	height: 50px;
	overflow: hidden
}

.productTxt {
	float: right;
	width: 351px;
	height: 362px;
	color: #665f5f;
	overflow: hidden
}

	.productTxt b {
		height: 30px;
		line-height: 30px
	}

	.productTxt dd {
		width: 351px;
		height: 172px;
		overflow: hidden
	}

		.productTxt dd p {
			text-align: center
		}

.top li, p.bottom {
	float: left;
	margin-bottom: 15px;
	color: #025d79
}

.square {
	margin: 10px 5px 0 0;
	float: left;
	width: 3px;
	height: 3px;
	background: #025d79;
	overflow: hidden
}

.line {
	margin: 10px 20px 0 40px;
	width: 5px;
	height: 285px;
	float: left;
	background: url(../images/line.gif) no-repeat;
	display: inline
}

.gjp_cm {
	width: 100%;
	color: #5a5141;
	float: left
}

	.gjp_cm p {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #cdcdcd;
	}

	.gjp_cm img {
		margin-top: 25px;
		margin-left: 70px;
		display: inline
	}

.marginR1 {
	margin-right: 150px;
	margin-top: 10px
}

.productImg {
	margin: 20px 0 auto 0
}

.gjp_cm span {
	margin: 30px 0 20px 180px;
	float: left;
	display: block;
	display: inline
}

.gjp_fz {
	width: 792px;
	height: 211px;
	background: url(../images/img03.gif) no-repeat;
	margin: 20px 0 0 90px;
}

.fza1 {
	width: 124px;
	height: 214px
}

.fza2 {
	width: 110px;
	height: 100px
}

.fza2_b {
	width: 108px;
	height: 98px;
	position: relative;
	background: url(../images/fza2.gif) no-repeat;
	left: 1px;
}

.fza3 {
	width: 110px;
	height: 100px;
	position: relative;
	top: 110px;
	left: -110px
}

.fza3_b {
	width: 108px;
	height: 111px;
	position: relative;
	top: 100px;
	left: -109px;
	background: url(../images/fza3.gif) no-repeat;
}

.fza4 {
	width: 110px;
	height: 130px;
	position: relative;
	top: 0;
	left: -110px
}

.fza5 {
	width: 110px;
	height: 70px;
	position: relative;
	top: 140px;
	left: -220px
}

.fza5_b {
	width: 109px;
	height: 73px;
	position: relative;
	top: 138px;
	left: -218px;
	background: url(../images/fza5.gif) no-repeat;
}

.fza6 {
	width: 100px;
	height: 60px;
	position: relative;
	top: 0;
	left: -215px
}

.fza6_b {
	width: 108px;
	height: 64px;
	position: relative;
	top: 0;
	left: -215px;
	background: url(../images/fza6.gif) no-repeat;
}

.fza7 {
	width: 100px;
	height: 60px;
	position: relative;
	top: 70px;
	left: -315px
}

.fza7_b {
	width: 108px;
	height: 70px;
	position: relative;
	top: 66px;
	left: -316px;
	background: url(../images/fza7.gif) no-repeat;
}

.fza8 {
	width: 100px;
	height: 60px;
	position: relative;
	top: 80px;
	left: -215px
}

.fza8_b {
	width: 108px;
	height: 73px;
	position: relative;
	top: 78px;
	left: -216px;
	background: url(../images/fza8.gif) no-repeat;
}

.fza9 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -60px;
	left: -205px
}

.fza9_b {
	width: 108px;
	height: 64px;
	position: relative;
	top: -60px;
	left: -205px;
	background: url(../images/fza9.gif) no-repeat;
}

.fza10 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -50px;
	left: 10px
}

.fza10_b {
	width: 108px;
	height: 70px;
	position: relative;
	top: -54px;
	left: 5px;
	background: url(../images/fza10.gif) no-repeat;
}

.fza11 {
	width: 100px;
	height: 60px;
	position: relative;
	top: 20px;
	left: -90px
}

.fza11_b {
	width: 108px;
	height: 73px;
	position: relative;
	top: 18px;
	left: -95px;
	background: url(../images/fza11.gif) no-repeat;
}

.fza12 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -120px;
	left: -80px
}

.fza12_b {
	width: 109px;
	height: 64px;
	position: relative;
	top: -120px;
	left: -84px;
	background: url(../images/fza12.gif) no-repeat;
}

.fza13 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -110px;
	left: 450px
}

.fza13_b {
	width: 109px;
	height: 70px;
	position: relative;
	top: -114px;
	left: 446px;
	background: url(../images/fza13.gif) no-repeat;
}

.fza14 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -40px;
	left: 350px
}

.fza14_b {
	width: 109px;
	height: 73px;
	position: relative;
	top: -42px;
	left: 346px;
	background: url(../images/fza14.gif) no-repeat;
}

.fza15 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -180px;
	left: 360px
}

.fza15_b {
	width: 110px;
	height: 64px;
	position: relative;
	top: -180px;
	left: 358px;
	background: url(../images/fza15.gif) no-repeat;
}

.fza16 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -110px;
	left: 260px
}

.fza16_b {
	width: 110px;
	height: 70px;
	position: relative;
	top: -114px;
	left: 258px;
	background: url(../images/fza16.gif) no-repeat;
}

.fza17 {
	width: 100px;
	height: 60px;
	position: relative;
	top: -40px;
	left: 160px
}

.fza17_b {
	width: 110px;
	height: 73px;
	position: relative;
	top: -42px;
	left: 158px;
	background: url(../images/fza17.gif) no-repeat;
}

a.why {
	width: 365px;
	display: block;
	text-align: right;
	display: inline;
	color: #3091e6;
	text-decoration: underline
}

a:hover.why {
	color: #255889;
	text-decoration: underline
}

#gjp_yy {
	margin-bottom: 50px;
	width: 100%;
	height: 325px;
	overflow: hidden
}

.gjp_yyContent {
	width: 1000px;
	height: 280px;
	overflow: hidden
}

	.gjp_yyContent dl {
		float: left;
		margin-top: 40px;
		width: 300px;
		height: 310px;
		margin-right: 30px
	}

		.gjp_yyContent dl img {
			vertical-align: middle;
			margin-right: 10px
		}

		.gjp_yyContent dl dt {
			color: #828282;
			margin-left: 20px
		}

		.gjp_yyContent dl .ddBg {
			margin: 20px 0 20px 0;
			width: 303px;
			height: 129px;
			background: url(../images/bg.gif) no-repeat
		}

		.gjp_yyContent dl .suport {
			color: #767676
		}

		.gjp_yyContent dl dd p {
			width: 250px;
			height: 100px;
			padding: 20px 0 0 30px
		}

#appValue {
	margin-bottom: 20px;
	width: 100%;
	height: 625px;
	overflow: hidden
}

.appValueBox {
	margin: 20px auto 0 auto;
	width: 1000px;
	height: 625px
}

#appValueList {
	float: left;
	width: 605px;
	height: 625px
}

	#appValueList dl {
		margin-bottom: 10px;
		float: left;
		width: 605px;
		height: 81px;
		background: #e5e4e4;
		color: #000;
		overflow: hidden
	}

		#appValueList dl dd {
			width: 505px;
			height: 70px;
			margin: 15px 0 0 10px;
			float: left
		}

			#appValueList dl dd p {
				padding-top: 5px;
				width: 530px;
				height: 42px;
				overflow: hidden
			}

			#appValueList dl dd a {
				color: #000
			}

				#appValueList dl dd a:hover {
					color: #665f5f;
					text-decoration: underline
				}

#appValueImg {
	width: 385px;
	height: 535px;
	background: #e5e4e4
}

.icoImg2 {
	float: left;
	width: 25px;
	height: 33px;
	background: url(../images/icoImg.gif) no-repeat -36px -66px;
	margin: 25px 0 0 15px;
	display: inline
}

.icoImg3 {
	float: left;
	width: 31px;
	height: 30px;
	background: url(../images/icoImg.gif) no-repeat 0 -40px;
	margin: 25px 0 0 15px;
	display: inline
}

.icoImg4 {
	float: left;
	width: 26px;
	height: 26px;
	background: url(../images/icoImg.gif) no-repeat -31px 0;
	margin: 25px 0 0 15px;
	display: inline
}

.icoImg5 {
	float: left;
	width: 35px;
	height: 25px;
	background: url(../images/icoImg.gif) no-repeat -62px 0;
	margin: 25px 0 0 10px;
	display: inline
}

.icoImg6 {
	float: left;
	width: 32px;
	height: 24px;
	background: url(../images/icoImg.gif) no-repeat -35px -36px;
	margin: 25px 0 0 15px;
	display: inline
}

.icoImg12 {
	float: left;
	width: 29px;
	height: 26px;
	background: url(../images/icoImg.gif) no-repeat 0 -72px;
	margin: 25px 0 0 15px;
	display: inline
}

.appImg {
	margin: 60px auto 0 auto;
	width: 368px;
	height: 364px
}

a.more {
	width: 365px;
	display: block;
	text-align: right;
	display: inline;
	color: #3091e6;
	margin: 40px 15px 0 0;
	text-decoration: underline
}

a:hover.more {
	color: #255889;
	text-decoration: underline
}

#function {
	width: 100%;
	height: 460px;
	overflow: hidden
}

.functionBox {
	margin: 20px auto 0 auto;
	width: 1000px;
	height: 400px
}

#functionTab {
	float: left;
	width: 605px;
	height: 385px
}

	#functionTab .functionDesTab img {
		vertical-align: top
	}

#function table {
	width: 100%;
	border-collapse: collapse
}

#function table, th, td {
	border: 1px solid #d1dad2;
	color: #fff;
	text-align: center
}

#function table, td {
	height: 30px;
	line-height: 30px
}

#functionTab .functionDesTab td {
	color: #000
}

.tableHeadTitle {
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: #da6186;
	text-align: center
}

.morePos {
	position: relative;
	top: -30px;
	left: -200px
}

.morePos1 {
	position: relative;
	top: -50px;
	left: -200px
}

#sreachBox {
	width: 385px;
	height: 339px;
}

.sreachBoxTab {
	padding: 20px 40px;
	width: 305px;
	height: 299px;
	background: #e5e4e4;
	text-align: center;
	color: #686868
}

.formTitle {
	margin-bottom: 30px; /*overflow: hidden; */
	color: #000;
	font-size: 16px
}

.icoImg10 {
	width: 21px;
	height: 21px;
	float: left;
	background: url(../images/icoImg001.gif) no-repeat;
	position: relative;
	left: 100px
}

.sreachLink {
	float: right;
	width: 385px;
	height: 30px
}

a.more1 {
	color: #3091e6;
	text-decoration: underline;
	font-weight: bold;
	margin: 10px 0 0 0
}

a:hover.more1 {
	color: #255889;
	text-decoration: underline
}

#soft {
	margin: 5px auto 10px auto;
	width: 100%;
	height: 288px;
	overflow: hidden
}

.softCompany ul {
	width: 1000px;
	height: 120px;
	overflow: hidden
}

.softCompany p {
	height: 35px;
	line-height: 35px;
	color: #404040;
	width: 1000px;
	white-space: nowrap;
	overflow: hidden
}

.softCompany li {
	float: left;
	width: 160px;
	height: 100px;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 20px;
	display: inline
}

	.softCompany li a {
		color: #8a8a8a
	}

		.softCompany li a:hover {
			color: #000;
			text-decoration: underline
		}

	.softCompany li img {
		margin-bottom: 5px;
		width: 160px;
		width: expression(document.body.clientWidth > 160? "160px":"auto" );
	}

	.softCompany li p {
		width: 160px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}


#consultBox {
	width: 774px;
	height: 295px;
	float: left
}

.consultTitle {
	float: left;
	width: 774px;
	height: 31px;
}

.consultTxt {
	width: 18%;
	text-align: center;
	float: left;
	line-height: 31px;
}

.marginT {
	margin-top: 3px;
}

.consultPoct {
	float: left;
	width: 1000px;
	overflow: hidden
}

.s ul {
	display: none;
	margin-left: 1px;
	display: inline;
	float: left;
	width: 980px;
	padding: 10px 10px 0 0;
	overflow: hidden
}

	.s ul.blocks {
		display: block;
		float: left;
		width: 1000px;
		overflow: hidden;
		margin-bottom: 20px
	}

.s .blocks1, .s .blocks2, .s .blocks3, .s .blocks4, .s .blocks5, .s .blocks6, .s .blocks7 {
	display: none;
	float: left;
	width: 1000px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 10px
}

.consultPoct .nav0 {
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 40px;
	line-height: 40px;
	background: #f4f4f4
}

.nav0 li {
	float: left;
	width: 57px;
	height: 31px;
	display: inline;
	text-align: center;
	line-height: 31px;
	cursor: pointer;
	margin-top: 5px
}

	.nav0 li a {
		font-size: 12px;
		margin-top: 0;
		color: #636363;
		width: 78px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		text-align: center
	}

		.nav0 li a:hover {
			color: #e00003
		}

	.nav0 li.hover {
		width: 78px;
		height: 30px;
		background: #49acea;
		color: #fff
	}



#footLinkBox {
	margin: 0 auto 20px auto;
	width: 100%;
	height: 40px;
	float: left;
	overflow: hidden
}

.footLink {
	margin: 0 auto 20px auto;
	width: 1000px;
	height: 40px;
	line-height: 40px;
	background: #f4f4f4
}

.footLinkL {
	float: left;
	width: 800px;
}

.footLinkR {
	float: right;
	width: 180px;
	padding-right: 20px;
	text-align: right
}

.footLinkL a {
	margin-top: 5px;
	color: #636363;
	width: 78px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center
}

	.footLinkL a:hover {
		width: 78px;
		height: 30px;
		background: #49acea;
		color: #fff
	}

#footer {
	float: left;
	width: 100%;
	height: 64px;
	float: left;
	background: url(../images/footerBg.gif) repeat-x;
	font-size: 12px
}

.footInforLink {
	margin: 20px auto 0 auto;
	width: 1000px;
}

.footInforLinkL {
	float: left;
	width: 400px
}

	.footInforLinkL a {
		color: #4d4d4d
	}

		.footInforLinkL a:hover {
			text-decoration: underline
		}

.footInforLinkR {
	width: 550px;
	float: right;
}


/* function */
#subfunction {
	width: 100%;
	height: auto;
	overflow: hidden
}

.subfunctionBox {
	margin: 20px auto 0 auto;
	width: 1000px;
}

#subfunctionTab {
	float: left;
	width: 1000px;
	height: auto
}

#subfunction table {
	width: 100%;
	border-collapse: collapse
}

#subfunction table, th, td {
	border: 1px solid #d1dad2;
	color: #fff
}

#subfunction table, td {
	height: 30px;
	line-height: 30px
}

#subfunctionTab .subfunctionTab td {
	color: #000
}

#subfunction table td {
	text-align: center
}

.subtableHeadTitle {
	width: 1000px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #26a732;
	text-align: center
}

.functionDesTab td {
	color: #000
}

.kb {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.kb1 {
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#subfunctionTab img {
	vertical-align: top
}

.morePos {
	position: relative;
	top: -30px;
	left: -200px
}

.morePos1 {
	position: relative;
	top: -50px;
	left: -200px
}

.black {
	color: #000
}

.action {
	margin: 20px auto 20px auto;
	width: 1000px;
	height: auto;
	float: left
}

.icoImg11 {
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/img01.gif) no-repeat
}

.action ul {
	margin: 10px;
}

.action li {
	font-weight: bold
}

/**选型结果样式**/
.xx_c {
	width: 305px;
	float: left;
	margin: 0;
	padding: 0;
}

.tit {
	width: 305px;
	height: 45px;
	background: url(../images/xx_title.gif) no-repeat left;
	color: #4780B7;
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
	text-align: left;
	text-indent: 20px;
	float: left;
}

	.tit a {
		color: #4780B7;
		font-size: 16px;
		font-weight: bold;
	}

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

.mid {
	width: 305px;
	height: auto;
	background: url(../images/xx_mid.gif) repeat-y;
	font-size: 12px;
	text-align: left;
	float: left;
}

	.mid p {
		padding: 10px 20px;
	}

.bott {
	width: 305px;
	height: 11px;
	background: url(../images/xx_bottom.gif) no-repeat;
	float: left;
}

.jianjie {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 70px;
}

	.jianjie:hover {
		color: #000;
		text-decoration: underline;
	}

.searBtn {
	margin: 15px auto 0 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	border: 0;
	background-color: transparent;
	width: 165px;
	height: 35px;
	background: #2EB956;
	display: block;
	line-height: 35px;
}

.searBtn2 {
	margin: 15px auto 0 70px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	border: 0;
	background-color: transparent;
	width: 165px;
	height: 35px;
	background: #2EB956;
	display: block;
	line-height: 35px;
}


/**漂浮**/
#KeFuDiv {
	display: block;
	position: fixed;
	_position: absolute;
	right: 0.5%;
	top: 382px;
	z-index: 9999;
	_left: expression(eval(document.documentElement.scrollRight));
	_top: expression(eval(document.documentElement.scrollTop+382))
}

	#KeFuDiv a {
		cursor: pointer;
	}

	#KeFuDiv img {
		border: 0;
	}

	#KeFuDiv .hidediv {
		width: 28px;
		height: 96px;
		display: none;
	}

	#KeFuDiv .kfbox {
		width: 136px;
	}


/**/
.product-system .container, .cooperation-system .container, .price-system .container {
	text-align: center;
}

.product-system .section, .cooperation-system .section, .price-system .section {
	position: relative;
}

	.product-system .section .container, .cooperation-system .section .container, .price-system .section .container {
		padding: 60px 0;
	}

/*****产品详情页******/
/*标题、描述*/
.product-system .sec-title, .price-system .sec-title {
	text-align: center;
	margin-bottom: 20px;
}

	.product-system .sec-title em, .product-system .sec-title p, .price-system .sec-title p {
		display: inline-block;
		vertical-align: middle;
	}

	.product-system .sec-title em {
		width: 100px;
		height: 1px;
	}

	.product-system .sec-title p, .price-system .sec-title p {
		font-size: 22px;
		margin: 0 20px;
	}

	.price-system .sec-title p {
		font-size: 30px;
	}

.product-system .sec-title-style1 em, .product-system .sec-title-style3 em {
	background: #fff;
}

.product-system .sec-title-style2 em, .price-system .sec-title-style2 em {
	background: #333;
}

.product-system .sec-title-style1 p, .product-system .sec-title-style2 p, .price-system .sec-title-style1 p, .price-system .sec-title-style2 p {
	color: #333;
}

.product-system .sec-title-style3 p, .price-system .sec-title-style3 p {
	color: #fff;
}

.product-system .sec-discrib {
	font-size: 16px;
	line-height: 1.8;
}
/*背景*/
.product-system .sec-a {
	background: url(../images/product/bg1.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-b {
	background: url(../images/product/bg2.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-c {
	background: url(../images/product/bg3.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-d {
	background: url(../images/product/bg4.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-e {
	background: url(../images/product/bg5.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-f {
	background: url(../images/product/bg6.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-g {
	background: url(../images/product/bg7.jpg) no-repeat center;
	background-size: cover;
}

.product-system .sec-h {
	background: url(../images/product/bg8.jpg) no-repeat center;
	background-size: cover;
}
/*第一屏*/
.product-system .sec-a {
	padding: 260px 0 190px;
	text-align: center;
}

	.product-system .sec-a .title {
		width: 950px;
		margin: auto;
	}

	.product-system .sec-a .act {
		margin-top: 40px;
	}

		.product-system .sec-a .act li {
			display: inline-block;
			vertical-align: middle;
			margin: 0 20px;
		}

			.product-system .sec-a .act li a {
				display: inline-block;
				width: 230px;
				height: 60px;
				text-align: center;
				line-height: 60px;
				font-size: 22px;
				-webkit-border-radius: 35px;
				-moz-border-radius: 35px;
				border-radius: 35px;
			}

				.product-system .sec-a .act li a.btn-yellow {
					background: #e9b120;
					color: #fff;
				}

				.product-system .sec-a .act li a.btn-orange {
					background: #f68f06;
					color: #fff;
				}
/*第三屏*/
.product-system .special-list {
	font-size: 0;
}

	.product-system .special-list li {
		display: inline-block;
		vertical-align: top;
		width: 33.3333%;
		padding: 0 50px;
	}

		.product-system .special-list li .speIcon {
			display: inline-block;
			vertical-align: middle;
			width: 170px;
			height: 170px;
		}

		.product-system .special-list li h3 {
			font-size: 18px;
			margin: 40px 0 20px 0;
			font-weight: 500;
		}

		.product-system .special-list li p {
			font-size: 14px;
			line-height: 1.8;
			color: #666;
		}
/*第四屏*/
.product-system .sec-d .pic {
	width: 1064px;
	margin: 30px auto;
}

.product-system .sec-d .act li, .product-system .sec-d .act li a {
	display: inline-block;
	vertical-align: middle;
}

.product-system .sec-d .act li {
	margin: 0 20px 20px;
}

	.product-system .sec-d .act li a {
		width: 180px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 18px;
		border: 1px solid #fab716;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

		.product-system .sec-d .act li a:hover {
			background: #fab716;
		}
/*第五屏*/
.product-system .sec-e .inline-wrapper {
	width: 1040px;
	margin: 50px auto 0;
	font-size: 0;
}

	.product-system .sec-e .inline-wrapper > div {
		display: inline-block;
		vertical-align: middle;
		width: 500px;
	}

	.product-system .sec-e .inline-wrapper .left {
		margin-right: 40px;
	}

		.product-system .sec-e .inline-wrapper .left li {
			margin: 30px 0;
		}

			.product-system .sec-e .inline-wrapper .left li i, .product-system .sec-e .inline-wrapper .left li .detail {
				display: inline-block;
				vertical-align: middle;
			}

			.product-system .sec-e .inline-wrapper .left li i {
				width: 50px;
				height: 50px;
				margin-right: 20px;
			}

				.product-system .sec-e .inline-wrapper .left li i.orderIcon1 {
					background: url(../images/product/icon4.png) no-repeat center;
					background-size: cover;
				}

				.product-system .sec-e .inline-wrapper .left li i.orderIcon2 {
					background: url(../images/product/icon5.png) no-repeat center;
					background-size: cover;
				}

				.product-system .sec-e .inline-wrapper .left li i.orderIcon3 {
					background: url(../images/product/icon6.png) no-repeat center;
					background-size: cover;
				}

			.product-system .sec-e .inline-wrapper .left li .detail {
				width: 344px;
				font-size: 14px;
				text-align: left;
				color: #fff;
				line-height: 1.6;
			}

				.product-system .sec-e .inline-wrapper .left li .detail .name {
					font-size: 16px;
					margin-bottom: 8px;
				}

	.product-system .sec-e .inline-wrapper .right {
		margin-top: 20px;
	}
/*第六屏*/
.product-system .sec-f .sec-title em {
	background: #666;
}

.product-system .sec-f .sec-discrib {
	color: #666;
}

.product-system .form-list {
	font-size: 0;
}

	.product-system .form-list li {
		display: inline-block;
		vertical-align: middle;
		width: 285px;
		height: 285px;
		background: #d3ebff;
		font-size: 18px;
		padding: 15px;
		margin: 70px 7px 20px;
	}

		.product-system .form-list li .pic {
			width: 255px;
			height: 210px;
			overflow: hidden;
		}

		.product-system .form-list li p {
			line-height: 3;
			letter-spacing: 10px;
			padding-left: 10px;
		}
/*第七屏*/
.product-system .clerk-list {
	font-size: 0;
	margin: 50px 0 20px;
}

	.product-system .clerk-list li {
		display: inline-block;
		vertical-align: top;
		width: 350px;
		margin: 20px 25px;
	}

		.product-system .clerk-list li i, .product-system .clerk-list li .detail {
			display: inline-block;
			vertical-align: middle;
			font-size: 14px;
		}

		.product-system .clerk-list li i {
			width: 78px;
			height: 78px;
			margin-right: 20px;
		}

			.product-system .clerk-list li i.clerkIcon1 {
				background: url(../images/product/icon7.png) no-repeat center;
				background-size: cover;
			}

			.product-system .clerk-list li i.clerkIcon2 {
				background: url(../images/product/icon8.png) no-repeat center;
				background-size: cover;
			}

			.product-system .clerk-list li i.clerkIcon3 {
				background: url(../images/product/icon9.png) no-repeat center;
				background-size: cover;
			}

			.product-system .clerk-list li i.clerkIcon4 {
				background: url(../images/product/icon10.png) no-repeat center;
				background-size: cover;
			}

			.product-system .clerk-list li i.clerkIcon5 {
				background: url(../images/product/icon11.png) no-repeat center;
				background-size: cover;
			}

			.product-system .clerk-list li i.clerkIcon6 {
				background: url(../images/product/icon12.png) no-repeat center;
				background-size: cover;
			}

		.product-system .clerk-list li .detail {
			width: 250px;
			text-align: left;
		}

			.product-system .clerk-list li .detail .name {
				font-size: 16px;
				margin-bottom: 20px;
			}

			.product-system .clerk-list li .detail .info {
				color: #666;
				line-height: 1.8;
			}
/*第八屏*/
.product-system .erp-cont {
	width: 1156px;
	margin: 100px auto 50px;
}

	.product-system .erp-cont .item {
		position: relative;
		padding-left: 50px;
		text-align: left;
		width: 650px;
	}

		.product-system .erp-cont .item .mt {
			font-size: 18px;
			margin-bottom: 10px;
			font-weight: 500;
		}

			.product-system .erp-cont .item .mt.color1 {
				color: #00b0f0;
			}

			.product-system .erp-cont .item .mt.color2 {
				color: #ed7d31;
			}

		.product-system .erp-cont .item p {
			font-size: 16px;
			line-height: 1.8;
			color: #fff;
		}

	.product-system .erp-cont .pic {
		margin: -100px 0 -130px 0;
	}
/*第九屏*/
.product-system .sec-i .payPic {
	margin: 50px 0 20px;
}
/*****产品详情页******/

/*****合作伙伴页******/
/*标题、咨询按钮*/
.cooperation-system .sec-title h2, .cooperation-system .sec-title h3 {
	letter-spacing: 5px;
	padding-left: 5px;
	line-height: 1.8;
}

.cooperation-system .sec-title h2 {
	font-size: 30px;
}

.cooperation-system .sec-title h3 {
	font-size: 26px;
}

.cooperation-system .btn-group {
	text-align: center;
	margin-top: 20px;
}

	.cooperation-system .btn-group .btn {
		display: inline-block;
		vertical-align: middle;
		width: 160px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 22px;
		background: url(../images/cooperation/btn-bg.png) no-repeat center;
		background-size: cover;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		color: #666;
	}

		.cooperation-system .btn-group .btn:hover {
			background: #e56b14;
			color: #fff;
		}
/*背景*/
.cooperation-system .sec-a {
	background: url(../images/cooperation/bg1.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-b {
	background: url(../images/cooperation/bg2.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-c {
	background: url(../images/cooperation/bg3.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-d {
	background: url(../images/cooperation/bg4.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-e {
	background: url(../images/cooperation/bg5.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-f {
	background: url(../images/cooperation/bg6.jpg) no-repeat center;
	background-size: cover;
}

.cooperation-system .sec-g {
	background: url(../images/cooperation/bg7.jpg) no-repeat center;
	background-size: cover;
}
/*第一屏*/
.cooperation-system .sec-a {
	padding: 150px 0 400px;
}

	.cooperation-system .sec-a .titlePic {
		width: 1106px;
		margin: 0 auto 20px;
	}

	.cooperation-system .sec-a .title-extend > p, .cooperation-system .sec-a .title-extend > a {
		display: inline-block;
		vertical-align: middle;
	}

	.cooperation-system .sec-a .title-extend > p {
		font-size: 40px;
		color: #fff;
		font-weight: 100;
	}

	.cooperation-system .sec-a .title-extend > a {
		width: 180px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 24px;
		background: #7a54d9;
		color: #fff;
		font-weight: 100;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		margin-left: 20px;
	}
/*第二屏*/
.cooperation-system .sec-b h3 {
	font-size: 36px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 5px;
	padding-left: 5px;
}
/*第三屏*/
.cooperation-system .item-list {
	font-size: 0;
	overflow: hidden;
}

	.cooperation-system .item-list li {
		float: left;
		font-size: 14px;
		width: 400px;
		height: 264px;
		margin: 0 0 14px 16px;
		color: #fff;
		padding: 50px 40px;
		text-align: left;
	}

		.cooperation-system .item-list li.color1 {
			background: url(../images/cooperation/icon-bg1.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .item-list li.color2 {
			background: url(../images/cooperation/icon-bg2.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .item-list li.color3 {
			background: url(../images/cooperation/icon-bg3.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .item-list li.big {
			width: 365px;
			height: 542px;
			margin: 0;
			padding: 80px 70px;
			text-align: center;
		}

		.cooperation-system .item-list li .title, .cooperation-system .item-list li .title i {
			display: inline-block;
			vertical-align: middle;
		}

		.cooperation-system .item-list li .title {
			font-size: 18px;
			padding: 0 10px 10px 0;
			border-bottom: 1px solid #d16a2b;
			margin-bottom: 20px;
		}

		.cooperation-system .item-list li.color3 .title {
			border-color: #4a0c84;
		}

		.cooperation-system .item-list li .title i {
			width: 30px;
			height: 30px;
			margin: -3px 15px 0 0;
		}

			.cooperation-system .item-list li .title i.icon2 {
				background: url(../images/cooperation/icon2.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .item-list li .title i.icon3 {
				background: url(../images/cooperation/icon3.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .item-list li .title i.icon4 {
				background: url(../images/cooperation/icon4.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .item-list li .title i.icon5 {
				background: url(../images/cooperation/icon5.png) no-repeat center;
				background-size: cover;
			}

		.cooperation-system .item-list li.big i {
			display: inline-block;
			vertical-align: middle;
			width: 50px;
			height: 50px;
			background: url(../images/cooperation/icon1.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .item-list li.big .name {
			font-size: 18px;
			margin: 20px 0 40px;
		}

		.cooperation-system .item-list li .info {
			line-height: 2;
		}

		.cooperation-system .item-list li.big .info {
			text-align: left;
		}
/*第四屏*/
.cooperation-system .do-list {
	font-size: 0;
	margin-top: 50px;
}

	.cooperation-system .do-list li {
		display: inline-block;
		vertical-align: top;
		width: 33.3333%;
		font-size: 14px;
		margin-bottom: 20px;
	}

		.cooperation-system .do-list li i, .cooperation-system .do-list li .detail {
			display: inline-block;
			vertical-align: top;
		}

		.cooperation-system .do-list li i {
			width: 28px;
			height: 28px;
			margin-right: 10px;
		}

			.cooperation-system .do-list li i.doIcon1 {
				background: url(../images/cooperation/icon6.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .do-list li i.doIcon2 {
				background: url(../images/cooperation/icon7.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .do-list li i.doIcon3 {
				background: url(../images/cooperation/icon8.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .do-list li i.doIcon4 {
				background: url(../images/cooperation/icon9.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .do-list li i.doIcon5 {
				background: url(../images/cooperation/icon10.png) no-repeat center;
				background-size: cover;
			}

			.cooperation-system .do-list li i.doIcon6 {
				background: url(../images/cooperation/icon11.png) no-repeat center;
				background-size: cover;
			}

		.cooperation-system .do-list li .detail {
			text-align: left;
			width: 240px;
		}

			.cooperation-system .do-list li .detail .mt {
				font-size: 18px;
				margin-bottom: 10px;
				font-weight: 700;
			}

			.cooperation-system .do-list li .detail .mc {
				color: #666;
				line-height: 1.8;
			}
/*第五屏*/
.cooperation-system .sec-e .container {
	padding-bottom: 0;
}

.cooperation-system .sec-e .sec-title h3 {
	color: #fff;
}

.cooperation-system .partner-cont {
	position: relative;
	margin-top: 40px;
}

	.cooperation-system .partner-cont .pic {
		width: 640px;
		margin: auto;
	}

	.cooperation-system .partner-cont .partner-list {
		position: absolute;
		top: 100px;
		left: 0;
		right: 0;
	}

		.cooperation-system .partner-cont .partner-list > li {
			float: right;
			width: 260px;
			text-align: left;
		}

			.cooperation-system .partner-cont .partner-list > li.left {
				float: left;
				text-align: right;
			}

			.cooperation-system .partner-cont .partner-list > li p {
				margin-bottom: 125px;
				font-size: 18px;
				color: #fff;
			}
/*第六屏*/
.cooperation-system .direction-list {
	font-size: 0;
	margin: 50px 0 40px;
}

	.cooperation-system .direction-list li {
		display: inline-block;
		vertical-align: top;
		width: 307px;
		height: 247px;
		margin: 0 45px;
		font-size: 18px;
		padding: 65px 50px;
		color: #fff;
	}

		.cooperation-system .direction-list li.bg1 {
			background: url(../images/cooperation/img1.png) no-repeat center;
			background-size: cover;
			padding: 85px 50px;
		}

		.cooperation-system .direction-list li.bg2 {
			background: url(../images/cooperation/img2.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .direction-list li.bg3 {
			background: url(../images/cooperation/img3.png) no-repeat center;
			background-size: cover;
		}

		.cooperation-system .direction-list li p {
			text-align: left;
			line-height: 2;
		}
/*第七屏*/
.cooperation-system .join-cont {
	font-size: 0;
}

	.cooperation-system .join-cont > div {
		display: inline-block;
		vertical-align: middle;
		width: 500px;
		color: #fff;
	}

	.cooperation-system .join-cont > .left {
		margin-right: 100px;
	}

	.cooperation-system .join-cont > .right {
		width: 400px;
	}

	.cooperation-system .join-cont > .left h2 {
		font-size: 36px;
		line-height: 1.6;
		font-weight: 500;
	}

	.cooperation-system .join-cont > .left p {
		font-size: 22px;
		margin-top: 10px;
	}

	.cooperation-system .join-cont > .right .form-title {
		font-size: 20px;
		text-align: left;
		margin-bottom: 20px;
		letter-spacing: 2px;
		padding-left: 2px;
	}

	.cooperation-system .join-cont > .right .form-cont li.kuang {
		position: relative;
		width: 100%;
		height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		overflow: hidden;
		margin-bottom: 20px;
		border: 1px solid white;
		background: #fff;
	}

		.cooperation-system .join-cont > .right .form-cont li.kuang .placeholder {
			position: absolute;
			top: 10px;
			left: 20px;
			font-size: 14px;
			color: #999;
		}

		.cooperation-system .join-cont > .right .form-cont li.kuang input {
			position: relative;
			width: 370px;
			height: 100%;
			margin: 0 15px;
			background: none;
			border: 0;
			outline: none;
			padding: 0 5px;
			z-index: 1;
		}

		.cooperation-system .join-cont > .right .form-cont li.kuang:hover {
			border-color: #e56a15;
		}

	.cooperation-system .join-cont > .right .form-cont li.form-btn .btn {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		height: 40px;
		text-align: center;
		line-height: 40px;
		font-size: 18px;
		background: #ffa800;
		color: #fff;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
/*****合作伙伴页******/

/*****版本价格页******/
/*背景*/
.price-system .sec-a {
	background: url(../images/price/bg1.png) no-repeat center;
	background-size: cover;
}

.price-system .sec-b {
	background: url(../images/price/bg2.png) no-repeat center;
	background-size: cover;
}

.price-system .sec-c {
	background: url(../images/price/bg3.png) no-repeat top;
	background-size: 100%;
}

.price-system .sec-d {
	background: url(../images/price/bg4.jpg) no-repeat top;
	background-size: auto 500px;
}
/*第一屏*/
.price-system .sec-a .container {
	padding: 180px 0;
}

.price-system .sec-a .titlePic {
	text-align: right;
	padding-right: 100px;
}
/*第二屏*/
.price-system .product-list {
	font-size: 0;
	margin-top: 40px;
}

	.price-system .product-list li {
		display: inline-block;
		vertical-align: top;
		width: 335px;
		margin-right: 96px;
		background: #fff;
		border: 1px solid #eee;
		-webkit-box-shadow: 0 0 10px #ddd;
		-moz-box-shadow: 0 0 10px #ddd;
		box-shadow: 0 0 10px #ddd;
		-webkit-transition: all linear 0.2s;
		-moz-transition: all linear 0.2s;
		transition: all linear 0.2s;
	}

		.price-system .product-list li:last-child {
			margin-right: 0;
		}

		.price-system .product-list li .pic {
			text-align: center;
			padding: 50px;
			color: #fff;
			height: 250px;
		}

			.price-system .product-list li .pic.bg1 {
				background: url('../images/price/version1.png') no-repeat center;
				background-size: cover;
			}

			.price-system .product-list li .pic.bg2 {
				background: url('../images/price/version2.png') no-repeat center;
				background-size: cover;
			}

			.price-system .product-list li .pic.bg3 {
				background: url('../images/price/version3.png') no-repeat center;
				background-size: cover;
			}

		.price-system .product-list li .title {
			font-size: 30px;
			font-weight: 700;
			margin-bottom: 20px;
		}

		.price-system .product-list li .info {
			font-size: 14px;
			line-height: 1.8;
		}

		.price-system .product-list li .btn-cont {
			padding: 20px 0;
		}

		.price-system .product-list li .btn {
			display: inline-block;
			vertical-align: middle;
			width: 180px;
			height: 40px;
			font-size: 16px;
			text-align: center;
			line-height: 40px;
			background: #f79810;
			color: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
/*第三屏*/
.price-system .sec-c .table-cont {
	margin-top: 64px;
}

.price-system .sec-c .table-list {
	font-size: 0;
}

	.price-system .sec-c .table-list li {
		display: inline-block;
		vertical-align: bottom;
		font-size: 16px;
		background: #f9f9f9;
		color: #333;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #eee;
	}

		.price-system .sec-c .table-list li.w1 {
			width: 105px;
		}

		.price-system .sec-c .table-list li.w2 {
			width: 172px;
		}

		.price-system .sec-c .table-list li.w3 {
			width: 458px;
		}

		.price-system .sec-c .table-list li.w4 {
			width: 155px;
			height: 55px;
			font-size: 12px;
			line-height: 1.6;
			padding: 5px;
			color: #fff;
		}

		.price-system .sec-c .table-list li.color1 {
			background: #8e99f5;
		}

		.price-system .sec-c .table-list li.color2 {
			background: #7981e7;
		}

		.price-system .sec-c .table-list li.color3 {
			background: #f09810;
		}

		.price-system .sec-c .table-list li.w4 .name {
			font-size: 16px;
		}
/*第四屏*/
.price-system .sec-d .table-cont {
	margin-top: 40px;
}

.price-system .sec-d .table-list {
	font-size: 0;
}

	.price-system .sec-d .table-list li {
		display: inline-block;
		vertical-align: bottom;
		font-size: 16px;
		background: #4887ee;
		color: #fff;
		height: 45px;
		line-height: 45px;
	}

		.price-system .sec-d .table-list li.w1 {
			width: 76px;
			-webkit-border-radius: 10px 0 0 0;
			-moz-border-radius: 10px 0 0 0;
			border-radius: 10px 0 0 0;
		}

		.price-system .sec-d .table-list li.w2 {
			width: 90px;
		}

		.price-system .sec-d .table-list li.spe {
			width: 152px;
			height: 55px;
			line-height: 55px;
			background: #b356e8;
			-webkit-border-radius: 10px 10px 0 0;
			-moz-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
		}

		.price-system .sec-d .table-list li.w3 {
			width: 185px;
		}

		.price-system .sec-d .table-list li.w4 {
			width: 78px;
		}

		.price-system .sec-d .table-list li.w5 {
			width: 105px;
		}

		.price-system .sec-d .table-list li.w6 {
			width: 112px;
		}

		.price-system .sec-d .table-list li.w7 {
			width: 302px;
			-webkit-border-radius: 0 10px 0 0;
			-moz-border-radius: 0 10px 0 0;
			border-radius: 0 10px 0 0;
		}
/*表格*/
.price-system table {
	margin: auto;
	background: #fff;
	border-left: 1px solid #eee;
}

	.price-system table tr.line-odd {
		background: #f7f7f7;
	}

	.price-system table .color1, .price-system table .color2, .price-system table .color3, .price-system table .color4, .price-system table .color5, .price-system table .color6 {
		font-size: 16px;
	}

	.price-system table td {
		padding: 15px;
		border: 0px solid #eee;
		border-width: 0 1px 1px 0;
	}

		.price-system table td.text-blue {
			color: #357bef;
		}

.tips {
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	color: #999;
}

.tips-cont {
	text-align: left;
	width: 1100px;
	margin: 20px auto 0;
}

	.tips-cont .tips-title {
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 5px;
		color: #e56b13;
	}

	.tips-cont .tips-main p {
		font-size: 12px;
		color: #999;
		line-height: 1.8;
	}
/*实施授权*/
.auth-system {
	position: relative;
	background: url('../images/auth/auth-bg.jpg') no-repeat center;
	background-size: cover;
}

	.auth-system .content {
		width: 1000px;
		margin: auto;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		color: #fff;
	}

		.auth-system .content .title-plus {
			font-size: 30px;
			letter-spacing: 3px;
			padding-left: 3px;
			margin: 40px 0 80px 0;
			font-weight: 100;
		}

	.auth-system .search {
		position: relative;
		padding: 0 120px 0 0;
		height: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		background: rgba(255,255,255,0.2);
	}

		.auth-system .search button, .auth-system .search input {
			border: 0;
			outline: none;
			height: 50px;
			background: none;
			color: #fff;
			font-size: 18px;
			letter-spacing: 2px;
			padding-left: 2px;
			font-weight: 100;
		}

		.auth-system .search button {
			position: absolute;
			right: 0;
			top: 0;
			width: 120px;
			text-align: center;
		}

			.auth-system .search button i {
				display: inline-block;
				vertical-align: middle;
				width: 20px;
				height: 20px;
				margin: -1px 10px 0 0;
				background: url('../images/auth/search.png') no-repeat center;
				background-size: cover;
			}

		.auth-system .search input {
			padding: 0 30px;
			width: 100%;
		}

			.auth-system .search input::-webkit-input-placeholder {
				color: #bbb;
			}

.auth-shadow {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.1);
	display: none;
}

	.auth-shadow.open {
		display: block;
	}

.auth-shadow-cont {
	position: absolute;
	width: 900px;
	text-align: center;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

	.auth-shadow-cont .title {
		color: #fff;
		font-size: 24px;
		letter-spacing: 2px;
		margin-bottom: 30px;
	}

		.auth-shadow-cont .title em {
			color: #ffb300;
			font-style: normal;
		}

	.auth-shadow-cont .search-cont {
		position: relative;
		width: 100%;
		height: 460px;
		padding: 70px 10px 10px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: url('../images/auth/shadow-bg.png') no-repeat center;
		background-size: cover;
	}

		.auth-shadow-cont .search-cont .shut {
			position: absolute;
			right: 15px;
			top: 15px;
			display: inline-block;
			vertical-align: middle;
			width: 20px;
			height: 20px;
			background: url('../images/auth/shut.png') no-repeat center;
			background-size: cover;
			cursor: pointer;
		}

	.auth-shadow-cont .result-list {
		height: 100%;
		overflow: auto;
	}

		.auth-shadow-cont .result-list li {
			font-size: 0;
			margin-bottom: 80px;
		}

			.auth-shadow-cont .result-list li .brand, .auth-shadow-cont .result-list li .cont {
				display: inline-block;
				vertical-align: middle;
				width: 50%;
				font-size: 20px;
			}

			.auth-shadow-cont .result-list li .pic {
				width: 328px;
				height: 320px;
				margin: auto;
				background: url('../images/auth/brand.png') no-repeat center;
				background-size: cover;
				padding: 70px 75px 75px;
			}

				.auth-shadow-cont .result-list li .pic .inner {
					width: 100%;
					height: 100%;
					-webkit-border-radius: 999px;
					-moz-border-radius: 999px;
					border-radius: 999px;
					overflow: hidden;
					line-height: 175px;
				}

				.auth-shadow-cont .result-list li .pic img {
					max-width: 100%;
					max-height: 100%;
				}

			.auth-shadow-cont .result-list li .cont {
				text-align: left;
			}

				.auth-shadow-cont .result-list li .cont .name {
					font-size: 34px;
					letter-spacing: 8px;
					line-height: 1.6;
					font-weight: 700;
				}

				.auth-shadow-cont .result-list li .cont .detail {
					line-height: 1.6;
					margin-top: 20px;
				}




.pbiaoqian1 {
	color: #409eff;
	background: #ecf5ff;
	border: 1px solid #b3d8ff;
	padding: 0 10px;
	display: flex;
	justify-content: flex-start;
	margin: 5px 5px 0 0 !important;
	white-space: nowrap;
}

.pbiaoqian2 {
	color: #67c23a;
	background: #f0f9eb;
	border: 1px solid #c2e7b0;
	padding: 0 10px;
	display: flex;
	justify-content: flex-start;
	margin: 5px 5px 0 0 !important;
	white-space: nowrap;
}

.pbiaoqian3 {
	color: #e6a23c;
	background: #fdf6ec;
	border: 1px solid #f5dab1;
	padding: 0 10px;
	display: flex;
	justify-content: flex-start;
	white-space: nowrap;
	margin: 5px 5px 0 0 !important;
}
.pbiaoqian4 {
	color: #f56c6c;
	background: #fef0f0;
	border: 1px solid #fbc4c4;
	padding: 0 10px;
	display: flex;
	justify-content: flex-start;
	white-space: nowrap;
	margin: 5px 5px 0 0 !important;
}
.pbiaoqian5 {
	color: #909399;
	background: #f4f4f5;
	border: 1px solid #d3d4d6;
	padding: 0 10px;
	display: flex;
	justify-content: flex-start;
	white-space: nowrap;
	margin: 5px 5px 0 0 !important;
}

.pbiaoqiana {
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	flex-direction: unset !important;
	color: #0680FF;
}

	.pbiaoqiana:hover {
		color: #ff6a00;
	}

.hddhlist {
	width: 16% !important;
	margin: .5% 1% 0 0;
	height: 184px;
	padding: 20px 1% !important;
	background: #fff;
	border-radius: 10px;
}

.cpmclistbox {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	.cpmclistbox span {
		font-weight: bold;
		font-size: 32px;
	}


.news-box {
	width:100%;
	height:auto;
	
}
.news-top {
	width: 1300px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
	.news-top ul {
		display: flex;
		justify-content: flex-start;
		align-content: center;
		border-bottom: 1px solid #eee;
	}

		.news-top ul li {
			display: flex;
		}

			.news-top ul li a {
				display: flex;
				justify-content: flex-start;
				align-content: center;
				margin: 0 20px;
				line-height: 50px;
			}

				.news-top ul li a:hover {
					border-bottom: 3px solid red;
					color: red;
				}
.active1 {
	border-bottom: 3px solid red;
	color: red;
}
.news-top1-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	background: #fff;
}
.news-top1-box-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 0;
}
.news-top1 {
	width: 1300px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content:flex-start;
	align-items:center;
}
	.news-top1 ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		margin:10px 0;
		padding-left:10px;
	}
.flspan {
	font-size:18px;
	font-weight:bold;
}

.news-top1 ul li {
	display: flex;
}

			.news-top1 ul li a {
				display: flex;
				justify-content: flex-start;
				align-content: center;
				margin: 0 10px 5px 0;
				line-height: 30px;
				border: 1px solid #000;
				padding: 0 10px;
				border: 1px solid #dcdfe6;
				color: #606266;
			}

				.news-top1 ul li a:hover {
					border: 1px solid #fbc4c4;
					background: #fef0f0;
					color: #f56c6c;
				}
.active2 {
	border: 1px solid #fbc4c4 !important;
	background: #fef0f0;
	color: #f56c6c !important;
}
.news-center {
	width: 1300px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding:20px 0;
}
	.news-center ul {
		width: 1300px;
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
		.news-center ul li {
			width: 23.5%;
			margin-right: 1%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			background: #fff;
			border-radius: 20px;
			overflow: hidden;
			padding-bottom: 10px;
			margin-bottom: 1%;
			max-height: 400px;
			border:1px solid #eee;
		}
			.news-center ul li:hover {
				box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
			}
			.news-center ul li img {
				width: 100%;
				height:190px;
			}
.img-box {
	width:100%;
	height:auto;
	overflow:hidden;
}
.news-center ul li img:hover {
	transform: scale(1.1);
}
.news-center ul li span {
	width: 94%;
	margin: 0 3%;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 30px;
	padding: 5px 0;
	display: -ms-flexbox;
}
.news-center ul li span:hover {
	color:#ff6a00;
}
.news-center ul li a {
	width:100%;
	height:auto;
}
.news-center ul li p {
	width: 94%;
	margin: 0 3%;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #999;
	padding-bottom: 2px;
	display: -ms-flexbox;
	line-height:20px;
}
.news-center ul li p i{
	font-size:12px;
}
.shfwbox {
	display: flex;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
	.shfwbox ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		margin-top:20px;
	}
		.shfwbox ul li {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			background: #Fff;
			padding-top: 10px;
			border-radius: 10px;
			margin-left: 20px;
			margin-bottom: 10px;
		}
			.shfwbox ul li:hover {
				box-shadow: 0 0 10px 3px rgba(0, 0,0,.1);
				transform: scale(1.05);
			}
.shfw-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	padding-bottom: 20px;
	padding:0 5%;
}

	.shfw-top span {
		font-size: 20px;
		font-weight: bold;
	}

	.shfw-top p {
		color: #67c23a;
		background: #f0f9eb;
		border: 1px solid #c2e7b0;
		font-size: 14px;
		padding: 0 10px;
	}
.shfw-jg {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	width: 90%;
	padding: 0 5% 20px 5%;
}

.shfw-jg span {
	font-size: 30px;
	font-weight: bold;
	color:#ff6a00;
}

.shfw-jg p {
	color:#999;
}
.shfw-bz {
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	width: 90%;
	padding: 10px 5% 10px 5%;
	border-top:1px solid #eee;
}
	.shfw-bz p {
		white-space: nowrap;
		color: #999;
	}
.text-secondary {
	color:#999;
	display:flex;
	margin:0 auto;
}
.gjpek {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: auto;
}
	.gjpek ul {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
	}
		.gjpek ul li {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background: #fff;
			margin: 5px;
			border-radius: 20px;
			padding: 20px 20px 5px 20px;
			border: 1px solid #eee;
		}
		.gjpek ul li:hover {
			box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
		}
			.gjpek ul li span {
				font-size: 16px;
				font-weight: bold;
				color:#000;
			}
			.gjpek ul li p {
				font-size: 14px;
				color: #999;
				line-height: 20px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				max-width:100%;
			}
			.gjpek ul li i {
				padding-bottom: 5px;
			}
			.gjpek ul li a {
				width: 100%;
				display: flex;
				justify-content: center;
				margin-top: 10px;
				border-top: 1px solid #eee;
				line-height: 40px;
				color: #000;
				align-items:center;
			}
				.gjpek ul li a:hover {
					color: #ff6a00;
				}
				.gjpek ul li a i{
					padding: 0 0 0 5px !important;
					line-height:30px !important;

				}
.kaifazz {
	width: 1300px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 20px 0;
	align-items: center;
}
.down-box {
	width:1300px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.down-left {
	width: 300px;
	margin:20px 0;
	padding-bottom:20px;
}
.down-right {
	width: 940px;
	background: #fff;
	margin: 20px 0 0 20px;
	height: auto;
	min-height:800px;
	padding: 20px;
	display:flex;
	flex-direction:column;
}
.down-right em{
	font-size:16px;
	font-weight:bold;
}
	.down-right ul {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}
		.down-right ul li {
			width: 100%;
			height: auto;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid #eee;
			padding: 10px 0;
		}
			.down-right ul li em {
				width: 47%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				line-height: 50px;
				padding-left:2%;
				margin-right:.5%;
				font-weight:normal;
			}
			.down-right ul li p {
				width: 22.5%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				line-height: 50px;
				text-align:center;
				margin-right: .5%;
			}
			.down-right ul li a {
				width: 22.5%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				line-height: 50px;
				text-align: center;
				margin-right: .5%;
				color: #ff6a00;
				text-align:center;
			}
			.down-right ul li a:hover {
				background:#ff6a00;
				border: 1px solid #ff6a00;
				color: #fff;
			}
.toptc-box {
	width: 900px;
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}

.toptc-left {
	width: 600px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 20px;
}

	.toptc-left ul {
		width: 700px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: 20px;
	}

		.toptc-left ul li {
			width: 36%;
			display: flex;
			margin-right: 4%;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			margin-bottom: 20px;
		}

			.toptc-left ul li a:hover {
				color: #409EFF;
			}

.toptcbt {
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	height: auto;
	display: flex;
	margin-bottom: 10px;
}

	.toptcbt img {
		width: 100px;
		height: auto;
	}

	.toptcbt a {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		text-align: left;
	}

		.toptcbt a em {
			font-size: 16px;
			font-weight: bold;
			line-height: 18px;
		}

		.toptcbt a span {
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
		}

		.toptcbt a p {
			font-size: 13px;
			font-weight: normal;
			line-height: 24px;
		}

.toptc-a {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	color: red;
}

	.toptc-a p {
		line-height: 30px;
	}

.toptc-a1:hover {
	color: #409EFF;
}

.toptc-right {
	width: 280px;
	display: flex;
	flex-direction: column;
	background: #f5f7fa;
	padding: 10px;
}

	.toptc-right ul {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 0 10px 0;
	}

		.toptc-right ul li {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 0;
			margin: 0;
		}

			.toptc-right ul li a {
				width: 90%;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				overflow: hidden;
			}

.imgbox3 {
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}

	.imgbox3 img {
		width: 100% !important;
	}

		.imgbox3 img:hover {
			transform: scale(1.2);
		}

.toptc-right ul li a p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 90%;
	display: flex;
}

.toptc-right span {
	font-size: 14px;
}
.wentibox {
	width: 1300px;
	margin:20px auto;
	display: flex;
	justify-content: space-between;

}

.display-f {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	align-items: center;
	opacity: .8;
}
	.display-f p {
		width: fit-content !important;
	}
.shousuo-words {
	font-size: 18px;
	margin-bottom: 10px;
	display: inline-block;
	color: #666;
}
.shousuo-botton:hover {
	color:#ff6a00;
}
.wenti-right {
	width: 380px;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}
.wenti-right-top {
	width: 96%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items:flex-start;
	background: #fff;
	padding: 20px 2%;

}
.wenti-right-top-img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
.wenti-right-top-words {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left:10px;
}
	.wenti-right-top-words em {
		font-size: 20px;
		font-weight: bold;
	}
	.wenti-right-top-words p {
		font-size: 16px;
		color:#999;
	}
.loginbox {
	width:100%;
	height:600px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:100px 0;
}
.login-center {
	width:1100px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:auto;
	background:#fff;

}
.login-left {
	width: 640px;
	display: flex;
	flex-direction: column;
	overflow:hidden;
}
.login-left img{
	width: 640px;
	height:auto;
}
.login-right {
	width: 400px;
	background: #fff;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
}
.login-right em{
	font-size:20px;
	font-weight:bold;
	padding-bottom:20px;
}
.login-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.login {
	width: 100%;
	height: 50px;
	background: #ff6a00;
	color: #fff;
}

	.login:hover {
		width: 100%;
		height: 50px;
		background: red;
		color: #fff;
	}
.login1 {
	width: 100%;
	height: 50px;
	background: #eee;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

	.login1:hover {
		width: 100%;
		height: 50px;
		background:#ff6a00;
		color: #fff;
	}
.message {
	width: 100%;
	height: 40px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

input {
	width: 95%;
	height: 50px;
	margin-bottom: 20px;
	padding-left: 5%;
	background:#f4f4f4;
}
.login-page {
	width: 400px;
	padding: 8% 0 0;
	margin: auto;
}

.form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 360px;
	margin: 0 auto 100px;
	padding: 45px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

	.form input {
		font-family: "Roboto", sans-serif;
		outline: 0;
		background: #f2f2f2;
		width: 100%;
		border: 0;
		margin: 0 0 15px;
		padding: 15px;
		box-sizing: border-box;
		font-size: 14px;
	}

	.form button {
		font-family: "Microsoft YaHei", "Roboto", sans-serif;
		text-transform: uppercase;
		outline: 0;
		background: #4CAF50;
		width: 100%;
		border: 0;
		padding: 15px;
		color: #FFFFFF;
		font-size: 14px;
		-webkit-transition: all 0.3 ease;
		transition: all 0.3 ease;
		cursor: pointer;
	}

		.form button:hover, .form button:active, .form button:focus {
			background: #43A047;
		}

	.form .message {
		margin: 15px 0 0;
		color: #b3b3b3;
		font-size: 12px;
	}

		.form .message a {
			color: #4CAF50;
			text-decoration: none;
		}
		.form .message a:hover {
			color: #ff6a00;
			text-decoration: none;
		}

	.form .register-form {
		display: none;
	}