
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
  overflow-x: hidden;
  font-size: 10px;
  font-family: "microsoft yahei",sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}

body { font-size: 14px;}

img { 
	display: inline-block!important;


}

a:hover { transition: all ease .4s;}

.fontB { font-weight: bold;}

.txt-indent{ text-indent: 2em;}

.txt-center { text-align: center;}

/* ========== */
/* = 公共组件 = */
/* ========== */
.content-block {
	margin: 0 auto;
	width: 1200px;
}

@media (max-width:1220px) {
	.content-block {
		width: 100%;
		padding: 0 10px;
	}
}

.colBlue { color: #188eee;}

.colRed { color: #e01544;}

.colPurple { color: #4f60cc;}

.colGreen { color: #38becc;}

.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.centerimg{
	position: relative;
	display: block;
}

.vertical-img {
	position: absolute;
	left: 0;
    right: 0;
    top: 0;
	bottom: 0;
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.centerimg i{ display: block; }

.label {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	border-radius: 20px;
}

.label.blue { background: #188eee;}
.label.red { background: #e01544;}
.label.purple { background: #4f60cc;}
.label.green { background: #38becc;}

.tab-list { overflow: hidden;}

.tab-list a {
	display: block;
	float: left;
	margin-right: 50px;
	line-height: 30px;
	font-size: 18px;
	color: #333;
	cursor: pointer;
}

.tab-list a:hover,
.tab-list a.active { color: #188eee;}

.single-tit {
	font-size: 18px;
	color: #333;
	margin:40px 0;
}

/* ========== */
/* = index.php = */
/* ========== */

.banner {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	text-align: center;
}

.banner img { vertical-align: top;}

@media (max-width:1024px) {
	.banner-out { overflow: hidden;}
}

.top-link {
	background: #fff;
}

.top-link-list {
	padding: 24px 0;
}

.top-link-item {
	float: left;
	width: 25%;
	font-size: 18px;
	color: #333;
	text-align: center;
	border-left: 1px solid #9c9d9e;
}
.top-link-item:first-child { border-left: 0;}

.top-link-item img,
.top-link-item span { vertical-align: middle;}
.top-link-item img{cursor: pointer;}
.top-link-item:hover img {
	-webkit-animation:shake 1s;
	-moz-animation:shake 1s;
	-ms-animation:shake 1s;
	-o-animation:shake 1s;
	animation:shake 1s;
}
.top-link-item img { margin-right: 15px;}


@media (max-width:840px) {
	.top-link-item { padding: 0 15px;}
	.top-link-item img { 
		width: 20%;
		margin-right: 10px;
	}
}

@media (max-width:767px) {
	.top-link-item { font-size: 14px;}
}


.all-course {
	padding: 30px 0;
	background: #f5f5f5;
}

.course-group {
	padding: 30px 0;
}

.course-group .course-l {
	float: left;
	padding-right: 20px;
	width: 33.3333%;
	position: relative;
	overflow: hidden;
}

.course-group .course-l .bling{
	width:100px;
	height: 285px;
	position: absolute;
	left: -160px;
	top: 0px;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.4)50%,rgba(255,255,255,0)100%);
	transform:skewX(-25deg); 
	transition:left 0.5s linear;
}
.course-group .course-l:hover .bling{
	left:443px;
}
.course-group .course-m {
	float: left;
	overflow: hidden;
	width: 45.83%;
}

.course-group .course-m img{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	cursor: pointer;
}

.course-group .course-m .course-m-img{
	overflow: hidden;
}

.course-group .course-m img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.course-m ul {
	margin-left: -10px;
	margin-right: -10px;
}

.course-m li {
	float: left;
	padding: 20px 10px 0;
	width: 33.333%;
}


.course-m li a{
	display: inline-block;
	overflow: hidden;
}

.course-m img { vertical-align: top;}

.course-m img:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.course-group .course-r {
	float: right;
	width: 19.16%;
}

.course-r h2 {

	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 22px;
	color: #fff;
}



.course-r .single-tit-phone { display: none;}

.course-r h2 .vertical-img {
	height: 40px;
	line-height: 40px;
}

.course-r  h2 i { padding-bottom: 37.82%;}

.course-r .con {
	background: #fff;
	box-shadow: 0px 0 7px rgba(8, 1, 3, 0.3);
}

.course-r .con i { padding-bottom: 84.782%;}

.course-r .new-classroom {
	padding: 30px 25px;
	line-height: 36px;
}

.course-r .new-classroom .day { margin-right: 10px;}

.course-r .new-classroom .label { padding: 5px 20px;}

.course-r .button { display: none;}

@media (max-width:1220px) {
	.course-group .course-l { padding-right: 15px;}
	
	.course-m ul {
		margin-left: -7px;
		margin-right: -7px;
	}

	.course-m li { padding: 15px 7px 0;}
	
	.course-r .new-classroom { padding: 15px 0 0 15px;}
	
	.course-r .new-classroom .label { padding: 5px 10px;}
}

@media (max-width:1024px) {
	.course-r .new-classroom { line-height: 30px;}
	
	.course-r .new-classroom .label { font-size: 12px;}
}

@media (max-width:840px) {
	.course-group .course-l { padding-right: 10px;}
	
	.course-m ul {
		margin-left: -5px;
		margin-right: -5px;
	}

	.course-m li { padding: 10px 5px 0;}
	
	.course-r h2 { font-size: 16px;}
	
	.course-r .new-classroom { 
		padding: 10px 0 0 10px;
		line-height: 25px;
	}
}

@media (max-width:767px) {
	.course-r .new-classroom { line-height: 22px;}
	.course-r .new-classroom .label { display: none;}
	
}



.photo-gallery {
	padding: 50px 0;
	background: #fff;
}

.photo-gallery-head {
	margin-bottom: 25px;
}

.tab-con { display: none;}

.photo-gallery-list {
	margin-left: -10px;
	margin-right: -10px;
}

.photo-gallery-list li {
	float: left;
	padding: 25px 10px;
	width: 25%;
}

.gallery-item {
	position: relative;
	overflow: hidden;
}
.gallery-item:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
.gallery-item img{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}

.gallery-item img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.gallery-item .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding:6px 10px;
	color: #fff;
	font-size: 16px;
	/*background-image: url(../../images/news_bg.png);*/
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
	z-index: 9;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	background-color: rgba(0,103,191,0.3);

}

@media (max-width:840px) {
	.gallery-item .mask { font-size: 13px;}
}




.stu-career {
	padding: 50px 0 0;

	background-repeat: no-repeat;
	background-size: 100% 66%;
	background-position: bottom center;
	background-color: #F5F5F5;
}

.stu-career .single-tit { margin-bottom: 50px;}

.stu-career-video {
	float: left;
	width: 74.58%;
}

.stu-career-video ul {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}

.stu-career-video li {
	float: left;
	padding: 0 10px;
	margin-bottom: 60px;
	width: 33.3333%;
}

.video-item {
	position: relative;
}

.video-item .mask-hover {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(24,142,238,0.7);
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	display: none;
}

.video-item .mask-hover .p1 { padding-top: 50px;}

.video-item .mask-hover .p2 { color: white;}


.video-item .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	padding:5px 10px;
	color: #fff;
	font-size: 16px;

	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: rgba(0,103,191,0.3);
}

.video-item .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
	margin: auto;
	width: 53px;
	height: 53px;

	background-size: cover;
	background-repeat: no-repeat;
}


@media (max-width:960px) {
	.video-item .mask-hover { line-height: 25px;}
	
	.video-item .mask-hover p {
		padding: 0 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.video-item .mask-hover .p1 { padding-top: 15%;}
}


@media (max-width:768px) {
	.video-item .mask-hover .p1 { padding-top: 10%;}
}




.stu-career-job {
	float: left;
	width: 25.41%;
	padding-left: 20px;
}

.stu-career-job h2 {

	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 22px;
	color: #fff;
}

.stu-career-job h2 .vertical-img {
	height: 40px;
	line-height: 40px;
}

.stu-career-job  h2 i { padding-bottom: 30.52%;}

.stu-career-job .con {
	background: #fff;
	box-shadow: 0px 0 7px rgba(8, 1, 3, 0.3);
}

.stu-career-job .con i { padding-bottom: 122%;}

.job-new {
	padding: 20px;
	color: #333;
	overflow: hidden;
}

.job-new li {
	margin-bottom:20px;
}



@media (max-width:1220px) {
	.stu-career { padding-top: 30px;}
	.stu-career .single-tit { margin-bottom: 30px;}
	
	.stu-career-video li { 
		margin-bottom: 40px;
	}
	.stu-career-job .con i { padding-bottom: 115%;}
	
	.job-new { padding: 10px;}
}

@media (max-width:1024px) {
	.stu-career-job .con i { padding-bottom: 118%;}
	
	.job-new { 
		font-size: 12px;
	}
	
	.job-new li .salary,
	.job-new li .major { display: block;}
}


@media (max-width:840px) {
	.photo-gallery-list li { padding: 20px 7px;}
	
	.video-item .icon { 
		width: 35px;
		height: 35px;
	}
	
	.stu-career-video li { padding: 0 7px;}
	
	.stu-career-job {  padding-left: 15px;}
	
	.stu-career-job h2 { font-size: 16px;}
	
	.stu-career-job .con i { padding-bottom: 123%;}
	
}

@media (max-width:767px) {
	.stu-career-job .con i { padding-bottom: 125%;}
}


.school-others {
	padding: 40px 0 15px;
	background-color: #F5F5F5;
}

.school-others-head { margin-bottom: 50px;}

.school-others .single-tit { display: none;}

.others-media {
	float: left;
	width: 74.58%;
}

.media-item {
	overflow: hidden;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f1f1;
}
.media-item:hover .name{
	color:#188eee;
}
.media-item:last-child { 
	border: 0;
	margin-bottom: 0;
}

.media-item .pic {
	float: left;
	width: 31.84%;
	overflow: hidden;
}
.media-item .pic img{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.media-item .pic img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.media-item .text {
	margin-left: 31.84%;
	padding-left: 20px;
	padding-right: 20px;
	color: #999;
}

.media-item .name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}

.media-item .p1 {
	overflow: hidden;
	 margin-bottom: 20px;
	 line-height: 20px;
}

.media-item .other li {
	float: left;
}

.media-item .other li:last-child {
	margin-left: 15%;
	padding-left: 25px;

}

@media (max-width:840px) {
	.media-item .pic { width: 38%;}
	.media-item .text { margin-left: 38%;}
	.media-item .text { 
		padding-left: 15px;
		padding-right: 15px;
	}
	.media-item .p1 { height: 40px;}
}


@media (max-width:767px) {
	.others-media { width: 60%;}
	
	.media-item .name,
	.media-item .p1 { margin-bottom: 10px;}
}














.others-comp {
	float: right;
	overflow: hidden;
	width: 25.41%;
	padding-left: 20px;
}

.others-comp li {
	overflow: hidden;
	margin-top: -1px;
	padding: 20px 10px;
	background: #fafafa;
	border-top: 1px solid #f0f0f0;
}

.others-comp .pic {
	float: left;
	width: 31.5%;
}

.others-comp .text {
	margin-left: 31.5%;
	padding-left: 15px;
	line-height: 20px;
	color: #999;
}

.others-comp .name {
	display: block;
	overflow: hidden;
	height: 40px;
	color: #333;
}

.comp-coop {
	padding: 40px 0 70px;
	background: #f5f5f5;
}

.comp-coop .single-tit { margin-bottom: 40px;}

.comp-coop ul {
	overflow: hidden;
	margin: 0 -10px;
}

.comp-coop li {
	float: left;
	padding: 10px;
	width: 25%;
}

.comp-coop li img {
	box-shadow: 0px 2px 5px rgba(8,1,3,0.09);
}


@media (max-width:1024px) {
	.others-comp li {
		padding: 15px 10px;
	}
	
	.others-comp .pic { 
		margin-top: 5px;
		width: 38%;
	}
	
	.others-comp .text{  
		padding-left: 15px;
		margin-left: 38%;
	}
}

@media (max-width:840px) {
	.others-comp { padding-left: 15px;}
}

@media (max-width:767px) {
	.others-comp { width: 40%;}
	
	.others-comp li {
		padding: 10px;
	}
}


.school-coop ul {
	overflow: hidden;
	padding-bottom: 30px;
	margin-left: -10px;
	margin-right: -10px;
}

.school-coop li {
	float: left;
	padding: 10px;
	width: 16.666%;
	overflow: hidden;
	text-align: center;


}

.school-coop li img {
	/*box-shadow: 0px 2px 5px rgba(8,1,3,0.09);*/
	/*transition: all 1.5s;*/
	box-shadow: 2px 1px 1px #ccc;
	cursor: pointer;
}
.school-coop li img:hover {
	box-shadow: 4px 4px 5px #ccc;
}
@media (max-width:840px) {
	.school-coop li { 
		width: 25%;
		text-align: center;
	}
}


.recruit .single-tit { margin-bottom: 50px;}


.recruit ul {
	overflow: hidden;
	margin: 0 -10px 60px;
}

.recruit li {
	float: left;
	width: 24%;
	overflow: hidden;
	cursor: pointer;
	margin-right: 1.333333333333333333333333333333%;
}
.recruit li:last-child{
	margin-right: 0;
}
.recruit li:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.recruit li img{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.recruit li img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.recruit .button {
	display: block;
	margin: 0 auto 50px;
	text-align: center;
	color: #fff;
	background: #188eee;
}

.recruit .button:hover { background: #107dd5;}

.recruit .button-1 {
	width: 270px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.our-honor {
	padding: 40px 0 70px;
	background: #f5f5f5;
}

.our-honor .single-tit { margin-bottom: 40px;}

.our-honor ul {
	overflow: hidden;
	margin: 0 -10px;
}

.our-honor li {
	float: left;
	padding: 10px;
	width: 16.66%;
}

@media (max-width:840px) {
	.our-honor ul {
		margin: 0 -7px;
	}
	.our-honor li { 
		padding: 0 7px;
	}
}

/* ========== */
/* = about.html = */
/* ========== */
.ny-banner {
	margin-bottom: 20px;
	text-align: center;
	background: #f5f5f5;
}

@media (max-width:1220px) {
	.ny-banner {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.amain { 
	padding: 20px 0 45px;
	background: #f5f5f5;
}

.amain-left {
	float: left;
	width: 19.58%;
}

.amain-right {
	margin-left: 19.58%;
	padding-left: 20px;
}

.l-menu {
	margin-bottom: 20px;
	padding-bottom: 25px;

	overflow: hidden;
}

.l-menu li a {
	display: block;
	margin-top: -1px;
	padding: 15px 0;
	font-size: 18px;
	color: #07111b;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	border-left: 3px solid #fff;
}

.l-menu li:hover a,
.l-menu li.active a {
	color: #188eee;
	border-left: 3px solid #188eee;
	background: #fff;
}

.l-contact {
	padding: 30px 0 30px 45px;
	background: #fcfafa;
}

.l-contact p { margin-bottom: 8px;}

.l-contact .p1 { font-size: 18px;}
.l-contact .p2 { font-size: 21px;}

.l-contact .button {
	display: block;
	margin-top: 15px;
	padding-left: 55px;
	width: 140px;
	height: 30px;
	line-height: 28px;
	color: #188eee;

	border: 1px solid #188eee;
}

.amain-right .right-in {
	padding: 20px;
	background: #fff;
}

.about {
	padding: 0 100px;
	line-height: 25px;
	color: #999;
}

.about-head {
	margin-bottom: 35px;
	font-size: 16px;
	color: #999;
	text-align: center;
}

.about-head h1 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}

@media (max-width:1024px) {
	.amain-left { width: 25%;}
	
	.amain-right { margin-left: 25%;}

	.l-contact { padding: 20px;}
	.about { padding: 0; }
}

@media (max-width:767px) {
	.l-contact .button {
		width: 100%;
		background: none;
		padding: 0;
		text-align: center;
	}
	
	.l-contact .p1,
	.l-contact .p2 { font-size: 14px;}
}

/* ========== */
/* = job.html = */
/* ========== */
.stu-activity { padding: 20px 0 50px;}

.stu-activity .single-tit { margin-bottom: 15px;}

.activity-group { margin: 0 -10px;}

.activity-group li {
	float: left;
	padding: 10px;
	width: 25%;
	cursor: pointer;
}
.activity-group li:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
}

.activity-group li:first-child { width: 50%;}
.activity-group li img { vertical-align: top;  -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
.activity-group li img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.activity-item { position: relative;overflow: hidden;}
.activity-item picture{  overflow: hidden;}
.activity-item .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	color: #fff;
	font-size: 16px;

	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width:1220px) {
	.activity-group li { padding: 7px;}
}

@media (max-width:840px) {
	.activity-group li { padding: 5px;}
	
	.activity-item .mask { font-size: 13px;}
}

.stu-career .buttons { 
	padding: 10px 0 50px;
	text-align: center;
}

.stu-career .button {
	display: inline-block;
	width: 158px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #188eee;
	border: 1px solid #188eee;
	border-radius: 3px;
}

.stu-career .button:hover { 
	background: #188eee;
	color: #fff;
}

.recruit .button-2 {
	width: 158px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 3px;
}

.recruit-2 { padding-top: 50px;}









