body{ background:#F9F9FB;}

h2 {
	text-align: center;
	font-size: 50px;
	line-height: 100px;
	height: 100px;
	color:#3B5496;
	background: url(/static/w/images/project/h2.png) no-repeat center  bottom;
}

/* server */
.server {
	width: 1200px;
	margin: 15px auto 0;
	padding-bottom: 20px;
}
.server ul {
	width: 1200px;
	height: 165px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: space-between;
	padding:30px 0 10px;
	line-height:34px;
}
.server ul li {
	width: 270px;
	height: 150px;
	padding: 10px 0;
	font-size: 20px;
	border-radius: 5px;
	position: relative;
	text-align:center;
	box-shadow: 0 0 12px rgba(0, 100, 255, 0.6), 0 0 24px rgba(0, 100, 255, 0.3);
	position:relative;
}
.server ul li b {
	font-size: 24px;
}


.server ul li span{ position:absolute; left:0; bottom:0; width:270px; height:40px; line-height:40px; background:#EEA44B; display:none; text-align:center; color:#fff; cursor:pointer;}


.server ul li:hover span{ display:block;}

/* school */
.school {
	width: 100%;
	margin: 15px auto 0;
	padding: 15px 0;
	background: #F2F2F2;
}

.school .list {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 14px;
	padding: 10px 0;
}
.school .list dl {
	width: 270px;
	background: #f6f6f6;
	padding-bottom: 10px;
	margin: 35px  35px 0 0 ;
	position:relative;
	border:#FFF 2px solid;
	float:left;
}

.school .list dl:nth-child(4n){ margin-right:0;}

.school .list dl span{ width:60px; height:60px; padding:5px; background:#FFF; position:absolute; top:-30px; left:5px; border-radius:40px; padding:0;}

.school .list dl span img{ border-radius:40px; border:#FFF 2px solid;}


.school .list dl dt {
	height:50px;
	line-height:50px;
	text-align:center;
	background:#2D7FE2;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	border-radius:5px 5px 0 0;
}



.school .list dl dt p {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
}
.school .list dl dd ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px 10px;
}
.school .list dl dd ul li {
	height: 30px;
	width: 115px;
	line-height: 30px;
	box-sizing: border-box;
	text-align: center;
	border: #EEE 1px solid;
	font-size: 12px;
	margin-top: 8px;
	cursor:pointer;
	background:#FFF;
	position:relative;
}

.school .list dl dd ul li:hover{ color:#fff; background:#F93;border: #FFF 1px solid;}


.school p.button{ padding:15px 0;}

.school p.button span {
	display: block;
	width: 30%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(#fdbb1d, #ff7312);
	border-radius: 40px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
}



/**  system **/
.system {
	margin: 0 auto;
	padding: 15px 0 25px;
	background: #133165;
}


.system h2{ color:#fff; background:none;}

.system ul {
	width: 1200px;
	height:170px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	padding-top:10px;
}
.system ul li {
	width: 210px;
	height:150px;
	padding:10px 0 0 0;
	margin: 5px 0;
	line-height: 30px;
	border-radius: 5px;
	color:#222;
	background:#FFF;
	text-align:center;
}


.system ul li b{ font-size:26px; height:40px; line-height:40px;}

.system ul li p{text-align:center; line-height:35px; font-size:18px; padding-top:10px;}

/**  course **/
.course {
	margin: 0 auto;
	padding: 15px 0 25px;
}
.course ul {
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.course ul li {
	width: 580px;
}
.course ul li dl {
	width: 570px;
	border: #0C4089 solid 2px;
	border-radius: 20px;
	padding-bottom:20px;
}
.course ul li dl dt {
	height: 50px;
	line-height: 50px;
	background: #0C4089;
	color: #fff;
	border-radius: 20px 20px 0 0;
	font-size: 26px;
	text-indent: 150px;
	position: relative;
}
.course ul li dl dt span {
	position: absolute;
	top: -15px;
	left: 50px;
	width: 70px;
	height: 40px;
	padding:15px 0;
	border-radius: 36px;
	background: #F17014;
	border: #FFF solid 2px;
	text-indent: 0;
	text-align: center;
}


.course ul li dl dd{ width:510px; margin:20px auto 0; height:50px; line-height:50px; border:#F17014 solid 2px; border-radius:25px;}

.course ul li dl dd b{ display:inline-block; border-radius:25px; background:#F17014; width:120px; text-align:center; color:#fff; margin-right:10px;}



/* core */

.core {
	width:1200px;
	margin: 15px auto 0;
	padding: 15px 0;
}


.core ul {
	width:1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 10px;
}
.core ul li {
	padding:10px;
	width: 355px;
	line-height: 20px;
	font-size: 14px;
	border:#999 solid 1px;
	line-height:40px;
	margin-top:20px;
	color:#666;
	text-align:center;
	background:#fff;
	border-radius:10px;
	font-size:24px;
}


.core ul li b{ font-size:24px;color:#222;}



/* mycourse */

.mycourse {
	width:100%;
	background: #FFF;
}

.mycourse ul li h3 {
	line-height: 40px;
	height: 40px;
	background: url(/static/w/images/project/course_img2.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	text-align: left;
	text-indent: 10px;
	font-size: 20px;
}
.mycourse ul li h3 span {
	float: right;
	color: #000;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	padding: 15px 10px 0 0;
}
.mycourse ul li:nth-child(2n) h3 {
	background: url(/static/w/images/project/course_img1.png) no-repeat;
	background-size: 100% 100%;
}
.mycourse ul {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.mycourse ul li {
	width: 270px;
	text-align: center;
	margin: 10px 0;
	padding: 5px 0;
	color: #333;
}
.mycourse ul p.img {
	line-height: 0;
	background: #F00;
}
.mycourse ul p.text {
	padding: 10px;
	text-align: justify;
	font-size: 12px;
	line-height: 2;
	background: #fff;
}



/* brand */

.brand {
	width:1200px;
	margin: 15px auto 0;
	padding: 15px 0;
	height:400px;
}


.brand  .brandcont{ width:1150px; margin:0 auto;}


.brand  .left{width:450px; height:300px; float:left; background:#eee; margin-top:20px; }

.brand  .left ul li:nth-child(1){ line-height:0;}

.brand  .left ul li:nth-child(2){ padding:10px; text-align:justify; line-height:30px;}

/* advantage */
.brand .advantage {
	margin-top: 20px;
	padding-bottom: 10px;
	width:670px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float:right;
}
.brand .advantage dl {
	width: 280px;
	padding:0 0 15px 50px;
	line-height: 30px;
	border-bottom: #ddd 1px  dotted;
	
}

.brand .advantage dl:nth-child(1){background: url(/static/w/images/project/advantage_img1.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(2){background: url(/static/w/images/project/advantage_img2.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(3){background: url(/static/w/images/project/advantage_img3.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(4){background: url(/static/w/images/project/advantage_img4.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(5){background: url(/static/w/images/project/advantage_img5.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(6){background: url(/static/w/images/project/advantage_img6.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(7){background: url(/static/w/images/project/advantage_img7.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl:nth-child(8){background: url(/static/w/images/project/advantage_img8.png) no-repeat center left;background-size:40px 40px; }
.brand .advantage dl dt {
	font-size: 16px;
	font-weight: bold;
	color:#222;
}


/* */

#quickentry dl dt{ color:#2C80DA;}


#quickentry dl dd ul li.c{ background:#D78B21;}