@charset "utf-8";
.about-introduction .intro {
	*zoom: 1;
	padding: 15px 10px;
	color: #fff;
	text-align: center;
	background: #3d6dcc;}

.about-introduction .intro:after {
	content: " ";
	clear: both;
	display: table
}

.about-introduction .intro h1 {
	font-size: 24px;
	padding: 10px 0
}

.about-introduction .intro p {
	font-size: 14px;
	padding-bottom: 10px
}

.about-introduction .intro li {
	*zoom: 1;
	font-size: 14px;
	text-align: left;
	padding: 10px 0;
	float: left;
	width: 50%
}


.about-introduction .intro li:after {
	content: " ";
	clear: both;
	display: table
}

.about-introduction .intro li i {
	display: block;
	float: left;
	width: 60px;
	height: 46px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-size: 60px auto
}

.about-introduction .intro li.v i {
	background-image: url('');
	background-position: 0 0
}

.about-introduction .intro li.p i {
	background-image: url('');
	background-position: 0 -50px
}

.about-introduction .intro li.e i {
	background-image: url('');
	background-position: 0 -100px
}

.about-introduction .intro li.a i {
	background-image: url('');
	background-position: 0 -150px
}

.about-introduction .intro li span {
	display: block;
	font-size: 16px
}

.about-introduction .info {
	background: #fff;
	padding: 10px
}

.about-introduction .info section {
	padding-bottom: 10px;
	*zoom: 1;
	color: #999;
	font-size: 12px
}

.about-introduction .info section:after {
	content: " ";
	clear: both;
	display: table
}

.about-introduction .info section i {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	padding-right: 10px
}

.about-introduction .info section.infoteam01 i {
	background-image: url('../images/about-intro-infoteam.png');
	background-position: 0 0
}

.about-introduction .info section.infoteam02 i {
	background-image: url('../images/about-intro-infoteam.png');
	background-position: 0 -100px
}

.about-introduction .info section.infoteam03 i {
	background-image: url('../images/about-intro-infoteam.png');
	background-position: 0 -200px
}

.about-introduction .info section.infoteam04 i {
	background-image: url('../images/about-intro-infoteam.png');
	background-position: 0 -300px
}

.about-introduction .info section dt {
	color: #991D36;
	font-size: 14px
}

.about-introduction .info section dt strong {
	color: #262626;
	font-size: 18px;
	padding-right: 10px
}

.about-introduction .info ul {
	padding: 10px
}

.about-introduction .info ul li {
	padding-bottom: 10px;
	*zoom: 1
}

.about-introduction .info ul li:after {
	content: " ";
	clear: both;
	display: table
}

.about-introduction .info ul li i {
	display: block;
	border: solid 1px #999;
	font-size: 12px;
	width: 21px;
	height: 21px;
	text-align: center;
	vertical-align: middle;
	float: left
}

.about-introduction .info ul li p {
	overflow: hidden;
	padding-left: 10px;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph
}

@media (min-width:480px) {
	.about-introduction .intro {
		padding: 10px 30px
	}

	.about-introduction .intro li {
		width: 25%
	}

	.about-introduction .intro li i.v i {
		background-image: url('')
	}
}

@media (min-width:768px) {
	.about-introduction .intro {
		padding: 50px
	}

	.about-introduction .intro h1 {
		font-size: 30px
	}

	.about-introduction .intro p {
		font-size: 18px;
		padding-bottom: 10px;}

	.about-introduction .info {
		padding: 40px 30px
	}

	.about-introduction .info article {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 350px;
		padding-right: 20px
	}

	.about-introduction .info ul {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		width: 450px;
		padding: 0
	}

	.about-introduction .info ul li {
		padding-bottom: 15px;
		line-height: 24px
	}
}

@media (min-width:992px) {
	.about-introduction .intro h1 {
		font-size: 24px;}

	.about-introduction .intro p {
		font-size: 18px;}

	.about-introduction .intro li {
		width: 25%;
		font-size: 16px
	}

	.about-introduction .intro li i {
		width: 120px;
		height: 90px;
		padding-right: 0;
		background-repeat: no-repeat;
		background-size: 120px auto
	}

	.about-introduction .intro li.v i {
		background-image: url('');
		background-position: 0 0
	}

	.about-introduction .intro li.p i {
		background-image: url('');
		background-position: 0 -100px
	}

	.about-introduction .intro li.e i {
		background-image: url('');
		background-position: 0 -200px
	}

	.about-introduction .intro li.a i {
		background-image: url('');
		background-position: 0 -300px
	}

	.about-introduction .intro li span {
		font-size: 24px;
		padding-top: 40px
	}

	.about-introduction .info {
		padding: 40px 30px
	}

	.about-introduction .info article {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 400px;
		padding-right: 20px
	}

	.about-introduction .info ul {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		width: 500px;
		padding: 0
	}

	.about-introduction .info ul li {
		padding-bottom: 15px;
		line-height: 24px
	}
}

@media (min-width:1200px) {
	.about-introduction .intro {
		padding: 50px 0px;}

	.about-introduction .info {
		padding: 40px 60px
	}

	.about-introduction .info article {
		width: 440px
	}

	.about-introduction .info ul {
		width: 600px
	}
}

.about-team .teamttl {
	*zoom: 1;
	background: #ff7e00;
	padding: 20px 10px;
	text-align: center;
	color: #fff
}

.about-team .teamttl:after {
	content: " ";
	clear: both;
	display: table
}

.about-team .teamttl h2 {
	font-size: 24px;
	padding: 10px 0
}

.about-team .teamttl p {
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 10px
}

.about-team .teamttl2 {
	*zoom: 1;
	background: #fff;
	padding: 20px 10px;
	text-align: center;
	color: #262626
}

.about-team .teamttl2:after {
	content: " ";
	clear: both;
	display: table
}

.about-team .teamttl2 h2 {
	font-size: 24px;
	padding: 10px 0
}

.about-team .teamcontent {
	*zoom: 1;
	background: #fff
}

.about-team .teamcontent:after {
	content: " ";
	clear: both;
	display: table
}

.about-team .teamcontent ul {
	padding: 0 5px;
	font-size: 0
}

.about-team .teamcontent li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 5px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 50%
}

.about-team .teamcontent li h3 {
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;}

.about-team .teamcontent li h3 img {
	position: relative;
	width: 100%
}

.about-team .teamcontent li h5 {
	font-weight: normal;
	font-size: 14px;
	color: #262626;
	line-height: 40px
}

.about-team .teamcontent li h6 {
	font-weight: normal;
	font-size: 12px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.about-team .teamcontent li h4 {
	font-weight: normal;
	color: #999;
	font-size: 12px;
	padding-bottom: 10px
}

.about-team .teamcontent li h4 i {
	font-size: 14px;
	margin-right: 5px
}

.about-team .teamcontent li p {
	margin: 10px 0;
	color: #999;
	font-weight: normal;
	line-height: 1.75;
	height: 5.25em;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.about-team .teamcontent li address {
	display: block;
	font-size: 12px;
	color: #999
}

@media (min-width:480px) {
	.about-team .teamttl {
		padding: 40px 60px
	}

	.about-team .teamttl h2 {
		padding: 15px 0
	}

	.about-team .teamttl p {
		padding-bottom: 20px
	}

	.about-team .teamttl2 {
		padding: 65px 60px 20px 60px
	}

	.about-team .teamttl2 h2 {
		padding: 15px 0
	}

	.about-team .teamttl2 p {
		padding-bottom: 20px
	}

	.about-team .teamcontent li h5 {
		font-size: 16px;


		line-height: 35px
	}
}

@media (min-width:768px) {
	.about-team .teamttl,.about-team .teamttl2 {
		padding: 65px 100px 20px 100px
	}

	.about-team .teamcontent {
		padding: 20px 0
	}

	.about-team .teamcontent ul {
		padding: 0 10px
	}

	.about-team .teamcontent li {
		width: 25%;
		padding: 10px
	}
}

@media (min-width:992px) {
	.about-team .teamttl,.about-team .teamttl2 {
		padding: 35px 200px 20px 200px;}

	.about-team .teamcontent ul {
		padding: 0 20px
	}

	.about-team .teamcontent li {
		position: relative;
		padding: 20px
	}

	.about-team .teamcontent li h5 {
		font-size: 20px;
		color: #262626;
		line-height: 50px
	}

	.about-team .teamcontent li address {
		position: absolute;
		right: 20px;
		bottom: 20px
	}
}

@media (min-width:1200px) {
	.about-team .teamcontent {
		*zoom: 1;
		background: #fff
	}

	.about-team .teamcontent:after {
		content: " ";
		clear: both;
		display: table
	}

	.about-team .teamcontent ul {
		padding: 0 40px
	}
}

.about-footprint .fprinttl {
	*zoom: 1;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #5fb300;
	background-image: url('../images/about-footprint-bg.png');
	background-position: left bottom;
	padding: 30px 10px 50px;
	text-align: center;
	color: #fff
}

.about-footprint .fprinttl:after {
	content: " ";
	clear: both;
	display: table
}

.about-footprint .fprinttl h2 {
	font-size: 24px;
	padding: 10px 0
}

.about-footprint .fprinttl p {
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 10px
}

.about-footprint dl {
	line-height: 24px;
	*zoom: 1;
	background: #fff;
	padding: 15px
}

.about-footprint dl:after {
	content: " ";
	clear: both;
	display: table
}

.about-footprint dl dt {
	color: #5fb300;
	font-size: 20px
}

.about-footprint dl dt i {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: solid 2px #5fb300;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 10px
}

.about-footprint dl dd {
	color: #999;
	font-size: 14px;
	padding-bottom: 15px
}

.about-footprint dl dd a {
	color: #5fb300;
	padding: 0 10px
}

@media (min-width:480px) {
	.about-footprint .fprinttl {
		padding: 40px 60px 90px
	}
}

@media (min-width:768px) {
	.about-footprint .fprinttl {
		padding: 50px 60px 100px
	}

	.about-footprint dl {
		padding: 20px 60px
	}

	.about-footprint dl dt {
		display: block;
		width: 120px;
		float: left
	}

	.about-footprint dl dd {
		overflow: hidden;
		padding-bottom: 20px
	}
}

@media (min-width:992px) {
	.about-footprint .fprinttl {
		padding: 50px 100px 120px
	}

	.about-footprint dl {
		padding: 20px 100px
	}
}

@media (min-width:1200px) {
	.about-footprint .fprinttl {
		padding: 40px 200px 150px
	}

	.about-footprint dl {
		padding: 20px 200px
	}
}

.about-contactus .contactus {
	*zoom: 1;
	padding: 10px
}

.about-contactus .contactus:after {
	content: " ";
	clear: both;
	display: table
}

.about-contactus .contactus h2 {
	font-size: 24px;
	padding: 10px 0;
	text-align: center
}

.about-contactus .contactus dl {
	padding-bottom: 15px;
	*zoom: 1;
	display: block
}

.about-contactus .contactus dl:after {
	content: " ";
	clear: both;
	display: table
}

.about-contactus .contactus dl dt {
	font-size: 16px
}

.about-contactus .contactus dl dd {
	font-size: 12px;
	padding: 5px 0 5px 3em;
	position: relative
}

.about-contactus .contactus dl dd span {
	position: absolute;
	left: 0;
	top: 5px
}

@media (min-width:480px) {
	.about-contactus .contactus {
		padding: 20px 50px
	}

	.about-contactus .contactus dl {
		padding-right: 50px
	}
}

@media (min-width:768px) {
	.about-contactus .contactus {
		padding: 20px 50px 0 50px
	}

	.about-contactus .contactus h2 {
		padding: 10px 0 30px
	}

	.about-contactus .contactus dl {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 220px
	}
}

@media (min-width:992px) {
	.about-contactus .contactus {
		padding: 60px 100px 10px 100px
	}

	.about-contactus .contactus dl dt {
		padding-bottom: 20px
	}
}

@media (min-width:1200px) {
	.about-contactus .contactus {
		padding: 60px 200px 20px 200px
	}
}

.about-breadcrumb {
	padding: 10px
}

.about-breadcrumb .crumb {
	font-size: 12px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.about-breadcrumb .crumb i {
	padding: 0 6px
}

.about-breadcrumb .crumb a {
	color: #666
}

.about-breadcrumb .crumb a:hover,.about-breadcrumb .crumb a:active {
	color: #262626
}

.about-breadcrumb .crumb a:last-child {
	display: none
}

@media (min-width:768px) {
	.about-breadcrumb {
		padding-left: 20px;
		padding-right: 20px
	}

	.about-breadcrumb .crumb a:last-child {
		display: inline
	}
}

@media (min-width:992px) {
	.about-breadcrumb {
		padding: 20px 0
	}
}

.about-recruitmenttl {
	padding-bottom: 20px
}

.about-recruitmenttl .recruitmenttl {
	*zoom: 1;
	background: #3d6dcc;
	padding: 20px 10px;
	text-align: center;
	color: #fff
}

.about-recruitmenttl .recruitmenttl:after {
	content: " ";
	clear: both;
	display: table
}

.about-recruitmenttl .recruitmenttl h2 {
	font-size: 24px;
	padding: 10px 0
}

.about-recruitmenttl .recruitmenttl p {
	font-size: 12px;
	padding-bottom: 10px
}

@media (min-width:480px) {
	.about-recruitmenttl .recruitmenttl {
		padding: 40px 0
	}
}

@media (min-width:992px) {
	.about-recruitmenttl .recruitmenttl {
		padding: 50px 0
	}

	.about-recruitmenttl .recruitmenttl h2 {
		font-size: 36px;
		padding: 10px 0
	}

	.about-recruitmenttl .recruitmenttl p {
		font-size: 24px;
		font-weight: normal
	}
}

.about-recruitmentlist .recruitmentlist {
	display: none
}

@media (min-width:992px) {
	.about-recruitmentlist .recruitmentlist {
		display: block;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 20%;
		padding-right: 20px
	}

	.about-recruitmentlist .recruitmentlist ul {
		*zoom: 1;
		background: #fff
	}

	.about-recruitmentlist .recruitmentlist ul:after {
		content: " ";
		clear: both;
		display: table
	}

	.about-recruitmentlist .recruitmentlist li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #f2f2f2
	}

	.about-recruitmentlist .recruitmentlist li a {
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 15px 20px;
		white-space: nowrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	
	
	
	
	
	}

	.about-recruitmentlist .recruitmentlist li a:hover {
		background-color: #00A0DF;
		color: #fff
	}

	.about-recruitmentlist .recruitmentlist li.active a {
		color: #991D36
	}
}

.about-recruitmentpage {
	padding-bottom: 20px
}

.about-recruitmentpage .recruitmentpage .team {
	*zoom: 1;
	background: #fff;
	padding: 10px
}

.about-recruitmentpage .recruitmentpage .team:after {
	content: " ";
	clear: both;
	display: table
}

.about-recruitmentpage .recruitmentpage .team h2 {
	font-size: 16px;
	font-weight: normal;
	color: #00A0DF;
	padding: 5px

}

.about-recruitmentpage .recruitmentpage .team p {
	font-size: 12px;
	color: #999;
	padding-bottom: 10px
}

.about-recruitmentpage .recruitmentpage .team p a {
	color: #999
}

.about-recruitmentpage .recruitmentpage .team p a:hover {
	color: #3d6dcc
}

.about-recruitmentpage .recruitmentpage .team p i {
	padding: 0 5px
}

.about-recruitmentpage .recruitmentpage .team article {*zoom:1;
	border-top: solid 1px #ededed;
	border-bottom: solid 1px #ededed;
	padding: 10px 5px 20px 5px;
}

.about-recruitmentpage .recruitmentpage .team article:after {
	content: " ";
	clear: both;
	display: table
}

.about-recruitmentpage .recruitmentpage .team article h3 {
	font-size: 12px;
	color: #262626;
	line-height: 35px;
	padding: 0 10px
}

.about-recruitmentpage .recruitmentpage .team article p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	padding: 5px 0;
}

@media (min-width:480px) {
	.about-recruitmentpage .recruitmentpage .team {
		padding: 20px
	}

	.about-recruitmentpage .recruitmentpage .team h2 {
		font-size: 18px;
		line-height: 40px
	}
}

@media (min-width:992px) {
	.about-recruitmentpage .recruitmentpage {
		width: 80%;
		display: block;
		overflow: hidden
	}

	.about-recruitmentpage .recruitmentpage .team {
		position: relative;
		padding: 20px 40px
	}

	.about-recruitmentpage .recruitmentpage .team h2 {
		font-size: 24px;
		line-height: 60px
	}

	.about-recruitmentpage .recruitmentpage .team p {
		position: absolute;
		top: 50px;
		right: 60px
	}

	.about-recruitmentpage .recruitmentpage .team p i {
		padding: 0 5px 0 15px
	}

	.about-recruitmentpage .recruitmentpage .team article h3 {
		line-height: 35px;
	}

	.about-recruitmentpage .recruitmentpage .team article p {
		position: static
	}
}

@media (min-width:992px) {
	.page-about-index .grid-body {
		padding: 30px 0
	}
}


.scndschool-productFee {
	background-color: #f7f7f7;}

.scndschool-productFee .hd {
	padding-bottom: 10px
}

.scndschool-productFee .hd h2 em {
	display: none
}

.scndschool-productFee .bd {
	padding: 0 10px
;
	line-height: 1.8;
}

.scndschool-productFee .detail .table_wrap {
	position: relative;
	overflow: hidden;
	padding: 10px;
	background-color: #f7f7f7
}

.scndschool-productFee .detail .table_wrap_box {
	*zoom: 1
}

.scndschool-productFee .detail .table_wrap_box:after {
	content: " ";
	clear: both;
	display: table
}

.scndschool-productFee .detail table {
	width: 100%;
	min-width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff
}

.scndschool-productFee .detail table th,.scndschool-productFee .detail table td {
	border: 1px solid #ededed;
	text-align: center
}

.scndschool-productFee .detail table th {
	padding: 10px;
	font-size: 12px;
	font-weight: normal
}

.scndschool-productFee .detail table td {
	padding: 20px 10px
}

.scndschool-productFee .pps {
	padding: 20px 0 10px;
	font-size: 12px
}

.scndschool-productFee .tips {
	position: relative;
	padding-left: 5em;
	font-size: 12px
}

.scndschool-productFee .tips h5 {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: normal
}

.scndschool-productFee .tips p {
	padding-bottom: 10px
}

@media (min-width:768px) {
	.scndschool-productFee .hd {
		padding-bottom: 20px
	}

	.scndschool-productFee .hd h2 em {
		display: inline
	}

	.scndschool-productFee .bd {
		padding: 0 60px
	}

	.scndschool-productFee .detail .table_wrap {
		padding: 0;
		background-color: transparent
	}

	.scndschool-productFee .detail table {
		width: 100%
	}

	.scndschool-productFee .detail table th,.scndschool-productFee .detail table td {
		border-left: 0;
		border-right: 0
	}
}

@media (min-width:992px) {
	.scndschool-productFee .bd {
		padding: 0 90px
	}
}

@media (min-width:1200px) {
	.scndschool-productFee .bd {
		padding: 0 60px;
		line-height: 2;
}
}

.scndschool-productAlbum {
	background-color: #f7f7f7
}

.scndschool-productAlbum .list {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 130px
}