.banInfo {

	display: flex;

	justify-content: center;

	align-items: center;

}



.banInfoTitle h3 {

	text-shadow: -3px 1px 0 rgb(0 0 0);

	color: #fff;

	font-family: 'SimHei';

	font-size: 36px;

}



.about {

	background: #fff;

}



.aboutitle {

	font-size: 36px;

	color: #333;

	margin: 30px 0;

	font-weight: 300;

	text-align: center;

}



.abInfo {

	margin: 50px 0;

}



.abouMg {

	width: 100%;

	margin: 0 0 30px;

}



.abInfo img {

	display: block;

	width: 100%;

}



.abInfo p,

.abInfo a {

	display: block;

	font-size: 16px;

	color: #333;

	line-height: 25px;

	margin-top: 15px;

}



.abInfo a:hover {

	color: #0041c0;

}



.abInfo .toDeta {

	display: flex;

	align-items: center;

}



.toDeta img {

	width: 15px;

	margin-left: 15px;

}



.abList,

.surList {

	display: grid;

	grid-template-columns: repeat(2, 48%);

	justify-content: space-between;

}



.abList li {

	margin: 0 0 30px;

}





.abFaq {

	max-width: 810px;

	margin: 30px auto;

}



.abFaq li {

	margin: 5px 0;

}



.abFaq a {

	font-size: 15px;

	color: #1f1f1f;

}



a.lokAll {

	display: block;

	text-align: center;

	font-size: 16px;

	font-weight: 600;

	color: #0041C0;

}



.abList h5 {

	margin-top: 30px;

	border-top: 1px solid #dedede;

	padding: 0 0 15px;

}



.abList h5 a {

	color: #0041C0;

}



.survey {

	box-sizing: border-box;

	padding: 30px 80px;

	background: #F2F2F2;

	margin-bottom: 30px;

}



.surList li {

	display: flex;

	align-items: center;

	padding: 20px 0;

}



.surMg {

	width: 60px;

	margin-right: 30px;

}



.surMg img {

	display: block;

	width: 100%;

}



.surTxt {

	color: #333;

}



.surTxt h6 {

	font-size: 13px;

}



.surTxt h5 {

	font-size: 12px;

}



.surTxt h5 b {

	font-size: 36px;

}



.contact {

	padding: 40px;

	background: #F7F7F7;

	box-shadow: 0 6px 19px 2px #f7f7f7;

	margin: 40px 0;

	border: 1px solid #dadada;

	border-radius: 5px;

}



.map {

	width: 100%;

	margin: 0 0 40px;

}



.map img {

	display: block;

	width: 100%;

}



.ardes {

	padding: 15px 0 20px;

	border-bottom: 1px solid #dbdbdb;

}



.ardes li,.ardes p {

	font-size: 16px;

	line-height: 30px;

	color: #2b2b2b;

}



.contCode {

	display: flex;

}



.contScan {

	width: 150px;

	margin-right: 100px;

}



.contScan:last-child {

	margin-right: 0;

}



.contScan img {

	display: block;

	width: 100%;

}



.contScan h5 {

	font-size: 14px;

	font-weight: 300;

	line-height: 30px;

	padding: 10px 0 20px;

	text-align: center;

}



.toCont {

	display: block;

	width: 460px;

	margin: 60px auto 40px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.toCont input,

.toCont textarea {

	display: block;

	background: #fff;

	box-sizing: border-box;

	border: 1px solid #e3e3e3;

	width: 100%;

	margin: 15px 0;

	text-indent: 1em;

}



.toCont input,

.toCont button {

	height: 45px;

}



.toCont .half {

	width: 48%;

}



.toCont textarea {

	min-height: 120px;

	resize: none;

	box-sizing: border-box;

	padding: 5px 0;

}



.toCont button {

	display: block;

	width: 100%;

	background: #24ADF3;

	color: #fff;

	border: none;

}


/* news */







@media screen and (max-width:768px) {



	.aboutitle {

		font-size: 26px;

		margin: 10px 0;

	}



	.abInfo {

		margin: 20px 0;

	}



	.abInfo p,

	.abInfo a {

		font-size: 13px;

		line-height: 20px;

		margin-top: 10px;

	}



	.survey {

		padding: 15px 20px;

	}



	.surMg {

		width: 40px;

		margin-right: 10px;

	}



	.surTxt h5 b {

		font-size: 20px;

	}



	.surTxt h6 {

		font-size: 12px;

	}



	.contact {

		padding: 15px;

	}



	.map {

		margin: 0 0 10px;

	}



	.ardes li {

		font-size: 14px;

		line-height: 20px;

	}



	.contScan {

		width: 150px;

		margin-right: 30px;

	}



	.toCont {

		width: 100%;

		margin: 20px 0 40px;

	}



	.toCont input,

	.toCont button {

		height: 35px;

		margin: 5px 0;

	}

	

	.toCont .half{

		width: 100%;

	}

	

	.toCont textarea{

		margin: 5px 0;

	}



}