/* banner*/
.bannerBox .banner img {
	width: 100%;
}

/* 项目简介 */
.introduce {
	background-color: #F6F6F6;
}

.introduce .content {
	margin-bottom: 30px;
	margin-top: 30px;
}

.introduce .content p {
	text-indent: 2em;
}

.introduce .box {
	background-color: #FFFFFF;
	text-align: center;
}

.introduce .box .top {
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0;
}

.introduce .box-01 .top {
	background: #286aff;
	background: -webkit-linear-gradient(to right, #2892ff, #286aff);
	background: linear-gradient(to right, #2892ff, #286aff);
}

.introduce .box-02 .top {
	background: #1cc58b;
	background: -webkit-linear-gradient(to right, #32cfb3, #1cc58b);
	background: linear-gradient(to right, #32cfb3, #1cc58b);
}

.introduce .box-03 .top {
	background: #e7782e;
	background: -webkit-linear-gradient(to right, #f99e4e, #e7782e);
	background: linear-gradient(to right, #f99e4e, #e7782e);
}

.introduce .box .top i {
	display: inline-block;
	width: 48px;
	height: 48px;
}

.introduce .box .top h3 {
	margin-top: 10px;
	margin-bottom: 0;
}

.introduce .box .text {
	padding: 30px 20px;
	border-left: solid 1px #E5E5E5;
	border-right: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
}

.introduce .box .text a {
	display: inline-block;
	width: 60%;
	color: #286aff;
	border: solid 1px #286aff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 300ms;
}

.introduce .box .text a:hover {
	background-color: #286aff;
	color: #FFFFFF;
}

/* 学历用途 */
.xlyt {
	background-color: #7e6b5a;
}

.xlyt .title {
	margin-bottom: 30px;
}

.xlyt .box {
	background-color: #FFFFFF;
	border-radius: 80px;
	box-shadow: 0 0 20px rgba(126, 107, 90, .6) inset, 0 5px 30px rgba(0, 0, 0, .2);
	margin-top: 20px;
}

.xlyt .box .pic {
	float: left;
	width: 140px;
	height: 140px;
}

.xlyt .box:hover .pic {
	animation: rotateImg 3s linear infinite;
}

@keyframes rotateImg {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.xlyt .box .text {
	float: left;
	display: table;
	vertical-align: middle;
}

.xlyt .box .text P {
	color: #353535;
}

.xlyt .box .text span {
	font-weight: bold;
	color: #ff9703;
}

/* 名校推荐 */
.mxtj .box {
	margin-top: 20px;
}

.mxtj .box .content {
	transition: all 300ms;
}

.mxtj .box .text {
	background-color: #FFFFFF;
	border: solid 1px #E5E5E5;
	padding: 10px;
	text-align: center;
}

.mxtj .box .text h3 {
	margin-top: 0;
	color: #313131;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 热门专业 */
.rmzy {
	background-color: #F6F6F6;
}

.rmzy .box {
	margin-top: 20px;
	border: solid 1px #E5E5E5;
	background-color: #FFFFFF;
	text-align: center;
	transition: all 300ms;
}

.rmzy .box h3 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.rmzy .box p {
	color: #7D7D7D;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}

/* 德诚优势 */
.dcys .box {
	border: solid 1px #E5E5E5;
	padding: 10px 0;
	text-align: center;
	margin-top: 20px;
	background-color: #FFFFFF;
	transition: all 300ms;
}

.dcys .box i {
	display: inline-block;
	width: 60px;
	height: 60px;
}

.dcys .box h3 {
	font-weight: bold;
	color: #313131;
}

.dcys .box p {
	margin-bottom: 0;
}

/* 证书样本 */
.zsyb {
	background: url(../images/zs-ck-bg.jpg) center no-repeat;
	background-size: cover;
}

.zsyb .box {
	text-align: center;
	margin-top: 20px;
}

.zsyb .box img {
	max-width: 370px;
}

.zsyb .box p {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 10px;
}


/* 学历优势 */
.xlys .box {
	text-align: center;
	padding: 20px;
	border: solid 1px #E5E5E5;
	margin-top: 20px;
}

.xlys .box .icon img {
	width: 72px;
	height: 72px;
}

.xlys .box .text p {
	color: #707070;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 在线报名 */
.zxbm {
	background-color: #F6F6F6;
}

.zxbm .content {
	margin-top: 70px;
}

.zxbm .leftBox {
	height: 420px;
	margin-top: -20px;
	margin-left: -15px;
}

.zxbm .content h3 {
	text-align: center;
	color: #001811;
	margin-top: 30px;
}

.zxbm .form-group label {
	text-align: right;
}

.zxbm .form-group label img {
	width: 24px;
}

.zxbm .form-group input {
	height: 36px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #E5E5E5;
	background: none;
	padding: 0 10px;
	font-size: 16px;
	box-sizing: border-box;
}

.zxbm .form-group button {
	border-radius: 30px;
	background-color: #fed430;
	color: #000000;
	border: none;
	font-size: 22px;
}

/********* 成人高考 *********/
/* 成考服务 */
.ckfw .box {
	border: solid 1px #E5E5E5;
	padding: 20px;
	margin-top: 20px;
}

.ckfw .box .icon {
	text-align: center;
}

.ckfw .box .icon img {
	max-width: 48px;
}

.ckfw .box .text {
	text-align: center;
}

.ckfw .box .text h3 {
	margin-top: 10px;
}

.ckfw .box .text a {
	display: inline-block;
	width: 100%;
	max-width: 140px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background-color: #ff9703;
	color: #FFFFFF;
}

/********** 自学考试 **********/
/* 自考优势 */
.zkys .box {
	margin-top: 20px;
	text-align: center;
}

.zkys .box i {
	display: inline-block;
	width: 100px;
	height: 100px;
}

.zkys .box p {
	color: #7D7D7D;
}

/********** 开放大学 **********/
/* 开放大学优势 */
.open-ys .box {
	padding: 30px;
	margin-top: 30px;
}

.open-ys .box::after {
	content: "";
	display: table;
	clear: both;
}

.open-ys .box-01 {
	background-color: #286aff;
}

.open-ys .box-02 {
	background-color: #1bc21b;
}

.open-ys .box-03 {
	background-color: #ff9703;
}

.open-ys .box-04 {
	background-color: #8437f9;
}

.open-ys .box-05 {
	background-color: #ff3c42;
}

.open-ys .box-06 {
	background-color: #19badc;
}

.open-ys .box .icon {
	text-align: center;
}

.open-ys .box .icon img {
	max-width: 62px;
}

.open-ys .box .text {
	color: #FFFFFF;
}

.open-ys .box .text p {
	margin-bottom: 0;
}

/********** 远程教育优势 **********/
/* 远程教育优势 */
.ycys .box {
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
}

.ycys .box .icon img {
	max-width: 100px;
}

.ycys .box h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.ycys .box p {
	color: #959595;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0;
}

/********** 教师资格 **********/
/* 申报入口 */
.sbrk .box-01 {
	background-color: #00a0e9;
}

.sbrk .box-02 {
	background-color: #1bbe36;
}

.sbrk .box-03 {
	background-color: #f54559;
}

.sbrk .box-04 {
	background-color: #6852d7;
}

.sbrk .box .text {
	color: #FFFFFF;
}

.sbrk .box .text h3 {
	margin-top: 0;
	font-weight: 500;
}

.sbrk .box .text p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sbrk .box .text p span {
	display: inline-block;
	width: 30%;
	min-width: 60px;
	background: rgba(255, 255, 255, .3);
	text-align: center;
	margin-right: 5px;
}

.sbrk .box .text a {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #ff9703;
	color: #FFFFFF;
	text-align: center;
}

/* 考试动态 */
.ksdt {
	background-color: #F6F6F6;
}

.ksdt .box {
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	transition: all 300ms;
}

.ksdt .box i {
	display: inline-block;
	width: 106px;
	padding-left: 8px;
}

.ksdt .box h3 {
	margin-top: 5px;
}

.ksdt .box p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #959595;
}

.ksdt .box a {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	border-radius: 20px;
	background-color: #f47300;
	color: #FFFFFF;
	transition: all 300ms;
}

/* 政策解读 */
.zcjd {
	background: url(../images/js-zc-bg.jpg) center no-repeat;
}

.zcjd .box {
	color: #FFFFFF;
	text-align: center;
	transition: all 200ms;
}

.zcjd .box h3 {
	color: #ff3646;
	transition: all 200ms;
}


/* 超小设备xs（手机） */
@media (max-width: 768px) {
	.introduce .content {
		margin-bottom: 0;
	}

	.introduce .box {
		margin-top: 20px;
	}

	.introduce .box .top {
		padding: 15px 0;
	}

	.introduce .box .top i {
		width: 36px;
		height: 36px;
	}

	.xlyt .box {
		height: 48px;
	}

	.xlyt .box .pic {
		width: 48px;
		height: 48px;
	}

	.xlyt .box .text {
		padding-top: 8px;
		padding-left: 5px;
	}

	.xlyt .box .text p {
		margin: 0;
	}

	.xlyt .box .text span {
		margin-top: 10px;
	}

	.ckfw .box {
		padding: 20px 10px;
	}

	.ckfw .box .icon img {
		max-width: 40px;
	}

	.ckfw .box h3 {
		font-size: 14px;
	}

	.ckfw .box .text a {
		height: 30px;
		line-height: 30px;
	}

	.mxtj .box .text h3 {
		font-size: 16px;
	}

	.mxtj .box .text p {
		display: none;
	}

	.mxtj .box .text a {
		display: block;
		margin-top: 10px;
		font-size: 16px;
	}

	.dcys .box i {
		width: 48px;
	}

	.dcys .box h3 {
		font-size: 16px;
		font-weight: normal;
		margin: 0;
	}

	.dcys .box p {
		display: none;
	}

	.open-ys .box {
		text-align: center;
		padding: 20px;
	}

	.open-ys .box h3 {
		margin-bottom: 5px;
	}

	.sbrk .container {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.sbrk .box {
		margin-top: 10px;
	}

	.sbrk .box .text {
		padding: 20px 10px;
	}

	.xlys .box {
		padding: 20px 10px;
	}

	.jsys .box br {
		display: none;
	}

	.ksdt .box {
		margin-top: 10px;
	}

	.ksdt .box i {
		width: 48px;
	}

	.ksdt .box h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.ksdt .box h3 p {
		margin-bottom: 5px;
	}

	.ksdt .box a {
		height: 30px;
		line-height: 30px;
	}

	.zcjd .title {
		margin-bottom: 30px;
	}

	.zcjd .box h3 {
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 15px;
	}

	.zcjd .box p {
		font-size: 12px;
		opacity: 0.9;
	}

	.zcjd .row>div {
		padding: 0 5px;
	}
}

/* 超小设备以上 >xs */
@media (min-width: 769px) {
	.introduce .content {
		margin-top: 50px;
	}

	.xlyt .title {
		margin-bottom: 20px;
	}

	.xlyt .box {
		height: 160px;
		margin-top: 30px;
		padding: 10px;
	}

	.xlyt .box .text {
		float: left;
		display: table;
		vertical-align: middle;
		font-size: 22px;
		padding-top: 40px;
		padding-left: 20px;
	}

	.mxtj .box .content {
		position: relative;
		padding: 0 20px;
		margin-top: -50px;
		z-index: 2;
	}

	.mxtj .box .text {
		padding: 20px;
	}

	.mxtj .box .text p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: #7D7D7D;
	}

	.mxtj .box .text span {
		display: inline-block;
		line-height: 20px;
	}

	.mxtj .box .text span i {
		display: inline-block;
		width: 16px;
		height: 20px;
		background: url(../images/icon-medal.png) no-repeat;
		background-size: 16px 20px;
		margin-right: 10px;
		transform: translateY(4px);
	}

	.mxtj .box .text .mBtn-group {
		height: 36px;
		margin-top: 20px;
	}

	.mxtj .box .text .mBtn-group a:first-child {
		float: left;
		background-color: #00a0e9;
	}

	.mxtj .box .text .mBtn-group a:last-child {
		float: right;
		background-color: #f39700;
	}

	.mxtj .box .text .mBtn-group a {
		width: 45%;
		height: 36px;
		border-radius: 18px;
		line-height: 36px;
		color: #FFFFFF;
	}

	.ckfw .box {
		margin-top: 30px;
	}

	.rmzy .box {
		margin-top: 30px;
	}

	.rmzy .box h3 {
		font-size: 22px;
	}

	.dcys .box {
		margin-top: 30px;
		padding: 20px 0;
	}

	.dcys .box h3 {
		font-size: 22px;
	}

	.zsyb .box {
		margin-top: 30px;
	}

	.zsyb .box p {
		font-size: 22px;
	}

	.open-ys .box .icon {
		float: left;
		width: 20%;
	}

	.open-ys .box .text {
		float: left;
		width: 80%;
		padding-left: 10px;
		color: #FFFFFF;
	}

	.open-ys .box .text h3 {
		margin-top: 5px;
	}

	.sbrk .box .text {
		padding: 30px 20px;
	}

	.ksdt .box a {
		height: 40px;
		line-height: 40px;
	}

}


/* 小型设备sm（平板电脑） */
@media (min-width: 769px) and (max-width: 992px) {
	.introduce .box .text p {
		min-height: 140px;
	}

	.sbrk .container {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.sbrk .box {
		margin-top: 20px;
	}

	.ksdt .box {
		margin-top: 20px;
	}

	.zcjd .title {
		margin-bottom: 30px;
	}
}

/* 中型设备以内 <md */
@media (max-width: 992px) {
	.zxbm .content{
		margin-top: 50px;
	}
	.zxbm form {
		width: 96%;
		margin: 0 auto;
		padding: 30px 20px;
		background-color: #FFFFFF;
		border-radius: 10px;
	}
	.form-group{
		margin-bottom: 30px;
	}
	.zxbm .form-group button {
		height: 44px;
	}
	.zxbm .form-group:last-child{
		margin-bottom: 0;
	}
}

/* 中型设备以上 >md */
@media (min-width: 992px) {
	.introduce .content p:first-child {
		padding-top: 10px;
	}

	.introduce .box .text p {
		min-height: 100px;
	}

	.mxtj .box {
		margin-top: 30px;
	}

	.zxbm .content {
		background: #FFFFFF;
		border-radius: 10px;
		box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	}

	.ycys .box {
		margin-top: 30px;
	}

	.ksdt .box {
		margin-top: 30px;
	}

	.ksdt .box:hover {
		transform: translateY(-4px);
		box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	}

	.ksdt .box a {
		color: #f47300;
		border: solid 1px #f47300;
		background: none;
	}

	.ksdt .box a:hover {
		background-color: #f47300;
		color: #FFFFFF;
	}

	.zcjd .title {
		margin-bottom: 50px;
	}

	.zcjd .box {
		padding: 30px;
	}
	.zcjd .box:hover {
		background-color: #ff3646;
	}
	.zcjd .box:hover h3{
		color: #FFFFFF;
	}
}

/* 中型设备md（台式电脑） */
@media (min-width: 992px) and (max-width: 1199px) {
	.zxbm .content {
		height: 316px;
	}

	.zxbm .form-group label img {
		width: 30px;
	}

	.zxbm .form-group {
		margin-top: 20px;
	}

	.zxbm .form-group button {
		height: 54px;
	}
}

/* 大台式电脑以内 <lg */
@media (max-width: 1200px) {
	.xlys .box .text p {
		margin-bottom: 0;
	}
}

/* 大型设备lg（大台式电脑） */
@media (min-width: 1200px) {
	.bannerBox .banner {
		height: 500px;
		background-position: center;
	}

	.introduce .content p:first-child {
		padding-top: 30px;
	}

	.rmzy .box:hover {
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		transform: translateY(-5px);
	}

	.dcys .box:hover {
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		transform: translateY(-5px);
	}

	.xlys .content {
		margin-top: 30px;
		background: url(../images/xlys-bg.png) center no-repeat;
	}

	.jsys .content {
		background: url(../images/jsys-bg.png) center no-repeat;
	}

	.xlys .content>div:nth-child(odd) {
		padding-right: 80px;
	}

	.xlys .content>div:nth-child(3),
	.xlys .content>div:nth-child(5) {
		padding-right: 180px;
	}

	.xlys .content>div:nth-child(even) {
		padding-left: 80px;
	}

	.xlys .content>div:nth-child(4),
	.xlys .content>div:nth-child(6) {
		padding-left: 180px;
	}

	.xlys .content>div:nth-child(odd) .icon,
	.xlys .content>div:nth-child(odd) .text {
		float: right;
		text-align: right;
	}

	.xlys .content>div:nth-child(even) .icon,
	.xlys .content>div:nth-child(even) .text {
		float: left;
	}

	.xlys .box {
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 0;
		border: none;
		text-align: inherit;
	}

	.xlys .box::after {
		content: "";
		display: table;
		clear: both;
	}

	.xlys .box .icon {
		width: 72px;
		margin: 0 20px;
	}

	.xlys .box .icon img {
		width: 72px;
	}

	.xlys .box .text {
		width: 70%;
	}

	.xlys .box .text h3 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.jsys .box .text h3 {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.mxtj .box:hover .content {
		transform: translateY(-10px);
	}

	.mxtj .box .pic {
		overflow: hidden;
	}

	.mxtj .box .pic img {
		transition: all 300ms;
	}

	.mxtj .box:hover .pic img {
		transform: scale(1.1);
	}

	.zxbm .content {
		height: 390px;
	}

	.zxbm .form-group {
		margin-top: 30px;
	}

	.zxbm .form-group label img {
		width: 36px;
	}

	.zxbm .form-group button {
		height: 60px;
	}
}