@charset "utf-8";

/* CSS Document */


/*导航*/
/*
.nav {
	width: 100%;
	min-width: 1280px;
	height: 113px;
	border-bottom: 1px solid #e86340;
	float: left;
}
*/
.nav-main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.nav-main .left {
	float: left;
}

.nav-main .left img {
	float: left;
	margin: 30px 30px 0 0;
}

.nav-main .left p {
	font-size: 24px;
	color: #e86340;
	float: left;
	line-height: 113px;
}

.nav-main .right-nav {
	float: right;
}

.nav-main .right-nav ul li {
	width: 120px;
	font-size: 18px;
	color: #e86340;
	float: left;
	padding-top: 48px;
	text-align: center;
}

/* .nav-main .right-nav ul li.sy {
	padding-right: 20px;
} */

.nav-main .right-nav ul li a {
	font-size: 18px;
	color: #e86340;
}


/*.nav-main .right-nav ul li a:hover{ background: #e86340; color: #fff; padding: 0px 15px 2px 15px; display: block; border-radius: 15px;}*/

.nav-main .right-nav ul li a.active {
	background: #e86340;
	color: #fff;
	padding: 0px 15px 2px 15px;
	display: block;
	border-radius: 15px;
}

.main {
	width: 100%;
	min-width: 1280px;
	height: auto;
	float: left;
}


/*banner*/

.banner {
	width: 100%;
	min-width: 1280px;
	float: left;
	height: 290px;
	background: url(../../image/resourceLibrary/jpzt-1.jpg) center center no-repeat;
}


/*微课专题*/

.wkzt {
	width: 100%;
	height: auto;
	float: left;
	background: #f0f0f0;
	border-top: 1px solid #e86340;
}

.wkzt .title {
	color: #e86340;
	position: relative;
	padding-top: 70px;
	margin-bottom: 60px;
}

.wkzt .title:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 5px;
	border-bottom: 1px solid #e86340;
}

.wkzt h2 {
	width: 187px;
	font-size: 36px;
	font-weight: bold;
	color: #e86340;
	margin: 0 auto;
	margin-top: -90px;
	background: #f0f0f0;
	position: relative;
	z-index: 2;
	text-align: center;
}

.wkzt .zt-content {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 40px;
}

.wkzt .zt-content .content-1 {
	width: 1200px;
	height: 228px;
	float: left;
	background: #fff;
	border: 1px solid #cecece;
	border-radius: 3px;
	margin-bottom: 50px;
}

.wkzt .zt-content .content-1 .pic {
	width: 729px;
	height: 228px;
	float: left;
	overflow: hidden;
	display: block;
}

.wkzt .zt-content .content-1 .pic img {
	width: 729px;
	height: 228px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.wkzt .zt-content .content-1>div {
	overflow: hidden;
}

.wkzt .zt-content .content-1>div:hover img {
	z-index: 10;
	transform: scale(1.2, 1.2);
	transition: .3s transform;
	-webkit-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

.wkzt .zt-content .content-1:hover {
	border: 1px solid #e86340;
}

.wkzt .zt-content .content-1 .right-text {
	width: 430px;
	float: left;
	margin-left: 20px;
}

.wkzt .zt-content .content-1 .right-text h5 {
	width: 100%;
	font-size: 20px;
	color: #2c2c2c;
	font-weight: bold;
	padding: 30px 0 15px 0;
}

.wkzt .zt-content .content-1 .right-text h5 a {
	font-size: 20px;
	color: #2c2c2c;
	font-weight: bold;
}

.wkzt .zt-content .content-1 .right-text h5 a:hover {
	color: #e86340;
}

.wkzt .zt-content .content-1 .right-text p {
	font-size: 16px;
	color: #505050;
	line-height: 24px;
}

.wkzt .zt-content .content-1 .right-text button {
	width: 80px;
	height: 30px;
	border: 1px solid #e86340;
	border-radius: 3px;
	background: #fff;
	font-size: 14px;
	color: #e86340;
	float: right;
	margin-top: 55px;
}

.wkzt .zt-content .content-1 .right-text button:hover {
	background: #e86340;
	color: #fff;
}
.wkzt .zt-content .content-1 .right-text a.btn {
    width: 80px;
    height: 30px;
    border: 1px solid #e86340;
    border-radius: 3px;
    background: #fff;
    font-size: 14px;
    color: #e86340;
    float: right;
    margin-top: 55px;
    line-height:30px;
    text-align:center;
}

.wkzt .zt-content .content-1 .right-text a.btn:hover {
    background: #e86340;
    color: #fff;
    text-decoration:none;
}


/*活动专题*/

.hdzt {
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	margin-bottom: 40px;
}

.hdzt .title {
	color: #e86340;
	position: relative;
	padding-top: 70px;
	margin-bottom: 60px;
}

.hdzt .title:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 5px;
	border-bottom: 1px solid #e86340;
}

.hdzt h2 {
	width: 187px;
	font-size: 36px;
	font-weight: bold;
	color: #e86340;
	margin: 0 auto;
	margin-top: -90px;
	background: #fff;
	position: relative;
	z-index: 2;
	text-align: center;
}

.hdzt .hd-content {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 40px;
}

.hdzt .hd-content ul {
	float: left;
	margin-left: -30px;
}

.hdzt .hd-content ul li {
	width: 385px;
	height:300px;
	float: left;
	margin-bottom: 40px;
	margin-left: 25px;
}

.hdzt .hd-content ul li .pic {
	width: 385px;
	height: 240px;
	overflow: hidden;
	display: block;
}

.hdzt .hd-content ul li .pic img {
	width: 385px;
	height: 240px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.hdzt .hd-content>ul>li>div {
	overflow: hidden;
}

.hdzt .hd-content>ul>li>div:hover img {
	transform: scale(1.2, 1.2);
	transition: .3s transform;
	-webkit-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
	cursor: pointer;
}

.hdzt .hd-content ul li .mask {
	width: 385px;
	height: 30px;
	background: #000;
	opacity: 0.5;
	float: left;
	position: relative;
	margin-top: -30px;
	z-index: 1;
}

.hdzt .hd-content ul li dl {
	width: 100%;
	float: left;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

.hdzt .hd-content ul li dl dd {
	float: left;
	font-size: 14px;
	color: #fff;
}
.hdzt .hd-content ul li dl dd a{font-size: 14px;
	color: #fff;}
.hdzt .hd-content ul li dl dd.left {
	padding-left: 10px;
}

.hdzt .hd-content ul li dl dd.right {
	float: right;
	padding-right: 10px;
}

.hdzt .hd-content ul li p {
	float: left;
	font-size: 16px;
	color: #2f2f2f;
	line-height: 24px;
	padding-top: 15px;
}

.hdzt .hd-content ul li p a {
	font-size: 16px;
	color: #2f2f2f;
}

.hdzt .hd-content ul li p a:hover {
	color: #e86340;
}

