body,
div,
h1,
h2,
h3,
h4,
h5,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style-type: none;
}

body {
	font: 14px "Microsoft Yahei", Arial, Helvetica, sans-serif;
	color: #515151;
}

a {
	color: #515151;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #31a5e7;
}

/* .index-body{display: none;} */
/* .clearfix:after { content: ""; display: block; clear: both;} */
/* #menu{visibility: hidden;}   */

.center-wrap {
	position: relative;
	z-index: 1;
	width: 80%;
	height: 100%;
	margin: 0 auto;
}

.desc {
	position: relative;
	z-index: 1;
}

.section {
	overflow: hidden;
}

.section h1 {
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 40px;
	font-weight: 400;
}

.mob-menuBtn {
	width: 30px;
	float: right;
	margin: 15px 0 0 0;
	display: none;
}


.banner {
	background: url(../images/bannerBg.jpg) center no-repeat;
	background-size: cover;
	background-color: #1d1d21;
	width: 100%;
	height: 100% !important;
}

.banner-box {
	position: absolute;
	width: 80%;
	margin: 0 auto;
	color: #FFF;
	top: 40%;
	left: 50%;
	margin-left: -40%;
	text-align: center;
}

.banner-box h1 {
	font-size: 46px;
	font-weight: 200;
}

.banner-box .banner-text-b {
	font-size: 26px;
	margin: 38px 0 0 0;
	font-weight: 200;
}

.banner-btn {
	background: #024DFF;
	color: #fff;
	border-radius: 50px;
	border: 0;
	width: 208px;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
	margin: 74px auto;
	display: block;
}

.hover-btn:hover {
	background: #5e89ef;
	color: #fff;
	cursor: pointer;
}

.page-a {
	/* background: url(../images/pageA_bg.png) center bottom no-repeat; */
	background-size: 100% auto;
}

.thin-desc {
	width: 50%;
	padding-top: 126px;
	text-align: left;
	float: left;
}

.A-left-p1 {
	color: #3B6AF2;
	font-size: 35px;
}

.A-left-p2 {
	color: #93969F;
	font-size: 20px;
	padding: 15px 0 0 0;
}

.A-left-p3 {
	color: #202D40;
	font-size: 20px;
	padding: 100px 0 0 0;
	text-align: justify;
	line-height: 34px;
}

.A-left-p4 {
	color: #202D40;
	font-size: 20px;
	padding: 30px 0 0 0;
	text-align: justify;
	line-height: 34px;
}

.A-left-btn {
	background: #024DFF;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	border: 0;
	width: 153px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	margin: 50px 0 0 0;
	display: block;
}

.page-a-right {
	float: right;
	width: 40%;
	padding: 126px 0 0 0;
}

.page-a-right img {
	width: 100%;
}

.page-b {
	/* background: url(../images/pageB_bg.png) center top no-repeat; */
	background-size: 100% auto;
}

.page-title {
	text-align: center;
}

.title-text {
	font-size: 35px;
	color: #3B6AF2;
	padding: 51px 0 0 0;
}

.title-line {
	width: 44px;
	height: 5px;
	border-radius: 20px;
	background: #3B6AF2;
	display: block;
	margin: 29px auto;
}

.title-p {
	font-size: 20px;
	color: #1F2733;
}

.page-b-ul {
	padding: 90px 0 0 0;
}

.page-b .marginLi {
	margin: 0 0 0 12.5%;
}

.page-b-li {
	float: left;
	position: relative;
	width: 25%;
	height: 445px;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 10px #ddd;
}

.page-b-li span {
	height: 178px;
	display: block;
	line-height: 178px;
}

.page-b-li span img {
	vertical-align: middle;
}

.page-b-li h2 {
	padding: 12px 0 0 0;
	font-size: 26px;
	font-weight: normal;
	color: #202D40;
}

.page-b-li p {
	text-align: left;
	padding: 19px 0 0 0;
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	color: #959595;
	line-height: 30px;
}

.page-b-li a {
	margin-left: -76px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	background: #024DFF;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	border: 0;
	width: 153px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	display: block;
}

/* .cnc-desc { padding-top: 40%; width: 400px;} */

.page-c {
	/* background: url(../images/pageC_bg.png) center bottom no-repeat; */
	background-size: 100% auto;
}

.page-c-left {
	width: 47%;
	padding: 12% 0 0 0;
	position: absolute;
	bottom: 27%;
}

.page-c-left img {
	width: 100%;
}

.page-c-right {
	float: right;
	width: 30%;
	padding: 150px 15% 0 0;
}

.page-c-right h3 {
	color: #014EFF;
	font-size: 22px;
}

.page-c-p {
	color: #777777;
	font-size: 14px;
}

.page-c-pA {
	padding: 15px 0 0 0;
}

.page-c-pB {
	padding: 40px 0 0 0;
}

.page-c-li {
	padding: 40px 0 0 0;
}

.page-c-li label {
	font-size: 18px;
	color: #444;
	font-weight: normal;
}

.page-c-li p {
	padding: 10px 0 0 0;
}

.page-c-btn {
	margin: 40px 0 0 0;
	background: #024DFF;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	border: 0;
	width: 153px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	display: block;
}

.fa-box {
	display: none;
	padding-top: 20%;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.fa-box img {
	width: 300px;
	box-shadow: 0 0 10px #ddd;
}

.fa-box p {
	color: #333;
	font-size: 18px;
	padding: 20px 0 0 0;
}

.ewm-bg {
	padding: 1%;
	width: 20%;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
}

.page-d-li {
	float: left;
	text-align: center;
	width: 19%;
	padding: 60px 0 0 0;
}

.page-d {
	/* background: url(../images/pageD_bg.png) center top no-repeat; */
	background-size: 100% auto;
}

.page-d-li span {
	display: block;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 0 15px #86a0ea;
}

.page-d-li span img {
	width: 100%;
	display: block;
}

.page-d .marginLi {
	margin: 0 0 0 8%;
}

.page-d-li p {
	padding: 30px 0 0 0;
	font-size: 22px;
}

.page-d-btn {
	margin: 200px auto 0 auto;
	background: #024DFF;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	border: 0;
	width: 153px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	display: block;
}

.footer {
	background: #2B2B2B;
	color: #fff;
}

.footer-link {
	padding: 30px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #525252;
}

.foot-width {
	width: 75%;
	margin: 0 auto;
}

.footBox {
	margin: 0 auto;
}

.footBox ul li {
	float: left;
}

.footBox_A {
	margin: 0 0 0 5%;
	float: left;
}

.footBox_B {
	margin: 0 5% 0 0;
	float: right;
}

.footBox .marginLi {
	margin: 0 0 0 70px;
}

.fz20 {
	font-size: 20px;
}

.foot-link {
	background: #4F7CFC;
	display: block;
	color: #fff;
	text-align: center;
	width: 148px;
	height: 39px;
	line-height: 39px;
	border-radius: 50px;
}

.foot-link:hover {
	color: #fff;
	background: #3466f5;
	cursor: pointer;
}

.foot-link-margin {
	margin: 20px 0 0 0;
}

.foot-number {
	font-size: 16px;
	margin: 20px 0 0 -17px;
}

.copyright {
	padding: 20px 0;
	text-align: center;
}

#fp-nav ul li:first-child,
#fp-nav ul li:last-child {
	display: none;
}

.consultation-div {
	width: 313px;
	height: 277px;
	position: fixed;
	background-color: #FFF;
	border-radius: 5px;
	z-index: 999999;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transition: height .3s;
	display: none;
	box-shadow: 0 0 8px #eee;
}

.close-mark-consultation {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 20px;
	transform: rotate(45deg);
	cursor: pointer;
}

.mark-item-select {
	width: 90%;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #e6eaf4;
	outline: none;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px;
	/* margin: 0 0 0 20px; */
	display: block;
	float: left;
}

.consultation-ok {
	width: 50%;
	height: 40px;
	background: url(../img/start-ok.png);
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	transition: background .3s;
	margin: 0 auto;
	margin-top: 15px;
	border: none;
}

.consultation-ok:hover {
	background: url(../img/start-bg.png);
}

.mark {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
}

.proposal-div {
	width: 500px;
	height: 439px;
	position: fixed;
	background-color: #FFF;
	border-radius: 5px;
	z-index: 999999;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transition: height .3s;
	display: none;
}

.proposal-title {
	width: 100%;
	position: relative;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e6eaf4;
	padding-left: 15px;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: bold;
}

.close-mark {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 20px;
	transform: rotate(45deg);
	cursor: pointer;
}

.mark-from {
	width: 470px;
	margin: 0 auto;
	font-size: 14px;
	padding-top: 15px;
}

.mark-item {
	height: 50px;
	position: relative;
	line-height: 30px;
}

.mark-textarea {
	height: 100px;
}

.mark-item:after {
	content: "";
	clear: both;
	display: block;
}

.mark-label {
	float: left;
	width: 100px;
	text-align: right;
}

.mark-label span {
	color: #ff3b30;
	margin-right: 5px;
}

.mark-input {
	float: left;
	width: 350px;
	position: relative;
}

.mark-error {
	font-size: 12px;
	position: absolute;
	left: 6px;
	top: 25px;
	color: #ff3b30;
}

.mark-textarea .mark-error {
	top: 76px;
}

.modality-item {
	display: inline-block;
	margin-right: 15px;
	/* padding-left: 20px;
	background-image: url(../img/modality.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px; */
	cursor: pointer;
}

/* .modality-item.active {
	background-image: url(../img/modality_active.png);
} */

.feedbacktype.active {
/* 	border: 1px solid #2f82ff;
	color: #2f82ff; */
}

.markinput {
	width: 90%;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #e6eaf4;
	outline: none;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px;
} 

.markselect {
	margin: 0 0 0 100px;
}

.marktextarea {
	width: 90%;
	height: 80px;
	border-radius: 3px;
	border: 1px solid #e6eaf4;
	outline: none;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 26px;
	font-size: 12px;
	resize: none;
}


.proposal-ok {
	width: 50%;
	height: 40px;
	background: url(../img/index/start-ok.png);
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	transition: background .3s;
	margin: 0 auto;
	margin-top: 15px;
}

.proposal-ok:hover {
	background: url(../img/index/start-bg.png);
}

/*ç•™è¨€å¼¹çª—*/
.mark {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
}

.proposal-div {
	box-shadow: 0 0 8px #eee;
	width: 313px;
	height: 277px;
	position: fixed;
	background-color: #FFF;
	border-radius: 5px;
	z-index: 999999;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transition: height .3s;
	display: none;
}

.proposal-title {
	width: 100%;
	position: relative;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e6eaf4;
	padding-left: 15px;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: bold;
}

.close-mark {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 20px;
	transform: rotate(45deg);
	cursor: pointer;
}

.mark-from {
	width: 470px;
	margin: 0 auto;
	font-size: 14px;
	padding-top: 15px;
}

.mark-item {
	height: 50px;
	position: relative;
	line-height: 30px;
}

.mark-textarea {
	height: 100px;
}

.mark-item:after {
	content: "";
	clear: both;
	display: block;
}

.mark-label {
	float: left;
	width: 100px;
	text-align: right;
}

.mark-label span {
	color: #ff3b30;
	margin-right: 5px;
}

.mark-input {
	float: right;
	width: 350px;
	position: relative;
}

.mark-error {
	font-size: 12px;
	position: absolute;
	left: 6px;
	top: 25px;
	color: #ff3b30;
}

.mark-textarea .mark-error {
	top: 76px;
}

.modality-item {
	display: inline-block;
	margin-right: 15px;
	/* padding-left: 20px;
	background-image: url(../img/modality.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px; */
	cursor: pointer;
}

/* .modality-item.active {
	background-image: url(../img/modality_active.png);
} */

.feedbacktypes {
	display: inline-block;
	margin-right: 6px;
	/* border: 1px solid #e6eaf4; */
	/* border-radius: 3px; */
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	padding: 0 5px;
	background-repeat: no-repeat;
	background-position: 15px center;
}

.feedbacktype.active {
	/* border: 1px solid #2f82ff;
	color: #2f82ff; */
}

/* .type-proposal{
	background-image: url(../images/type-proposal.png);
}
.type-complaint{
	background-image: url(../images/type-complaint.png);
}
.type-report{
	background-image: url(../images/type-report.png);
}
.type-proposal.active{
	background-image: url(../images/type-proposal-active.png);
}
.type-complaint.active{
	background-image: url(../images/type-complaint-active.png);
}
.type-report.active{
	background-image: url(../images/type-report-active.png);
} */
.markinput {
	width: 90%;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #e6eaf4;
	outline: none;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px;
}

.marktextarea {
	width: 90%;
	height: 80px;
	border-radius: 3px;
	border: 1px solid #e6eaf4;
	outline: none;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 26px;
	font-size: 12px;
	resize: none;
}


.proposal-ok {
	width: 50%;
	height: 40px;
	background: url(../img/start-ok.png);
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	transition: background .3s;
	margin: 0 auto;
	margin-top: 15px;
}

.proposal-ok:hover {
	background: url(../img/start-bg.png);
}


@media screen and (max-width:1200px) {
	.banner-box h1 {
		font-size: 36px;
	}

	.banner-box .banner-text-b {
		font-size: 20px;
	}

	.page-b-li span {
		overflow: hidden;
	}

	.page-b-li span img {
		width: 100%;
	}

	.page-b-li h2 {
		font-size: 22px;
	}

	.page-b-li p {
		line-height: 24px;
	}

	.foot-width {
		width: 100%;
	}
}

@media screen and (max-width:1024px) {
	.navInner {
		display: none;
	}

	.mob-menuBtn {
		display: block;
	}

	#menu {
		visibility: visible;
	}

	.banner-box h1 {
		font-size: 30px;
	}

	.banner-box .banner-text-b {
		font-size: 16px;
	}

	.page-a-right {
		display: none;
	}

	.thin-desc {
		width: 100%;
	}

	.A-left-btn {
		margin: 70px auto;
	}

	.page-b-li {
		float: none;
		width: 100%;
		height: auto;
		margin: 30px 0 0 0 !important;
	}

	.page-b-li:first-child {
		margin: 0 !important;
	}

	.page-b-li::after {
		content: "";
		display: block;
		clear: both;
	}

	.page-b-li span {
		width: 25%;
		height: auto;
		float: left;
	}

	.page-b-li p {
		margin: 0;
	}

	.page-b-li a {
		margin: 10px 0 0 0;
		position: relative;
		left: 0;
		bottom: 0;
		width: 130px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.mad-box {
		float: left;
		padding: 0 0 0 5%;
		width: 70%;
		text-align: left;
	}

	.title-line {
		display: none;
	}

	.title-p {
		padding: 10px 0 0 0;
		font-size: 16px;
	}

	.page-b-ul {
		padding: 20px 0 0 0;
	}

	.page-c-left {
		display: none;
	}

	.page-c-right {
		width: 100%;
		float: none;
		text-align: center;
		padding: 50px 0 0 0;
	}

	.page-c-btn {
		margin: 20px auto;
		font-size: 16px;
	}

	.page-d-li p {
		font-size: 18px;
	}

	.fz20 {
		display: none;
	}

	.footBox .marginLi {
		margin: 0;
	}

	.ewm-bg {
		width: 50%;
		padding: 4%;
	}

	.fa-box img {
		width: 100%;
	}
}

@media screen and (max-width:768px) {

	.proposal-div {
		width: 90%;
	}

	.banner-box {
		top: 20%;
		width: 100%;
		margin-left: -50%;
	}

	.banner-box h1 {
		font-size: 24px;
	}

	.banner-box .banner-text-b {
		font-size: 14px;
	}

	.fa-box img {
		width: 100%;
	}

	.title-text {
		font-size: 30px;
	}

	.title-p {
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {

	.thin-desc {
		padding-top: 30px;
	}

	.A-left-p1 {
		font-size: 24px;
	}

	.A-left-p2 {
		font-size: 16px;
	}

	.A-left-p3,
	.A-left-p4 {
		font-size: 14px;
	}

	.A-left-btn {
		margin: 15px auto;
		font-size: 16px;
	}

	.A-left-p3 {
		padding: 15px 0 0 0;
	}

	.A-left-p4 {
		padding: 15px 0 0 0;
	}

	.banner-box h1 {
		font-size: 20px;
	}

	.banner-btn {
		width: 170px;
		height: 46px;
		line-height: 46px;
		font-size: 16px;
	}

	.consultation-div {
		width: 90%;
		box-shadow: 0 0 8px #ddd;
	}

	.mark-from {
		width: 100%;
	}

	.mark-input {
		width: 60%;
	}

	.markinput {
		width: 100%;
	}

	.markselect {
		width: 50%;
		margin: 0 0 0 100px;
	}

	.marktextarea {
		width: 100%;
	}

	.mad-box {
		width: 90%;
		margin: 0 auto;
		padding: 10px 0;
		float: none;
		text-align: center;
	}

	.page-b-li {
		margin: 15px 0 0 0 !important;
	}

	.page-b-li h2 {
		padding: 0;
		font-size: 20px;
	}

	.page-b-li span {
		display: none;
	}

	.page-b-li p {
		width: 100%;
		font-size: 14px;
		padding: 10px 0 0 0;
	}

	.page-b-li a {
		margin: 10px auto 0 auto;
	}

	.title-text {
		padding: 30px 0 0 0;
	}

	.none-title {
		display: none;
	}

	.page-c-right h3 {
		font-size: 20px;
	}

	.page-c-right {
		padding: 40px 0 0 0;
	}

	.page-d-li {
		width: 40%;
		padding: 30px 0 0 0;
	}

	.page-d-li:first-child {
		margin: 0 0 0 8%;
	}

	.page-d-li p {
		padding: 10px 0 0 0;
		font-size: 16px;
	}

	.page-d-btn {
		margin: 20px auto 0 auto;
		font-size: 16px;
	}

	.center-wrap-b {
		width: 96%;
	}

	.foot-number {
		font-size: 14px;
		margin: 20px 0 0 -10px;
	}

	.proposal-div {
		box-shadow: 0 0 8px #ddd;
	}

	.ewm-bg {
		width: 70%;
		padding: 6%;
	}

}
/* 修改 */
.cons1 img{
	display: block;
	margin: 0 auto;
}