/**
 * 2021年12月02日17:57:43
 * 阿坝学生草地分院
 * xwx
 * */


body {
	/* background: url(../images/index_bg.png); */
	background-color: #fff;
}



/* 头条区域 */
.toutiao {
	width: 1400px;
	background: url('../images/main1.png') no-repeat top center;
	background-size: 100%;
	height: 240px;
	margin: 0 auto 20px;
}

.toutiao-hd {
	padding: 50px 120px 80px;
}

.toutiao-hd h2 {
	font-size: 45px;
	font-weight: bolder;
	text-align: center;
	line-height: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #de110e;
}

.toutiao-hd p {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


/* 总部动态 工作动态 */
.zbdt-gzdt {
	display: flex;
	justify-content: space-between;
}

.zbdt-gzdt .zbdt {
	width: 900px;
	height: 550px;
}


.zbdt-title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 0;
}

.title-hd {
	padding: 0 10px;
	display: inline;
	font-size: 28px;
	font-weight: bolder;
	color: #EB4A40;
}

.zbdt-title a {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	font-size: 16px;
	display: inline-block;
}

.zbdt-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.zbdt-content .zbdt-cl {
	width: 900px;
	height: 520px;
	background: #A13433;
	overflow: hidden;
	position: relative;
}

.zbdt-cl-item .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.zbdt-cl-item .bd li {
	zoom: 1;
	vertical-align: middle;
}

.zbdt-cl-item .bd {
	width: 900px;
	height: 520px;
	overflow: hidden;
}

.zbdt-cl-item .bd img {
	width: 900px;
	height: 520px;
	transition: all 0.8s;
}

.zbdt-cl-item .bd img:hover {
	transform: scale(1.1);
}

.zbdt-cl-item-ct {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	z-index: 1;
	width: 100%;
}

.zbdt-cl-item-ct span {
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
	display: block;
}

.zbdt-cl-item-ct a h4 {
	z-index: order;
	left: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 100px;
	height: 60px;
	overflow: hidden;
	color: #fff;
	line-height: 60px;
	filter: alpha(opacity=50);
	opacity: .5;
}

.zbdt-cl-item .prev,
.zbdt-cl-item .next {
	width: 50px;
	height: 50px;
	position: absolute;
	filter: alpha(opacity=60);
	opacity: .6;
	z-index: 2;
}

.zbdt-cl-item .prev {
	bottom: 20px;
	left: 20px;
	background: url('../images/prev.png') no-repeat;
	background-size: 100% 100%;
}

.zbdt-cl-item .next {
	bottom: 20px;
	right: 20px;
	background: url('../images/next.png') no-repeat;
	background-size: 100% 100%;
}

.zbdt-cl-item .prev:hover,
.zbdt-cl-item .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.zbdt-cl-item .prevStop {
	display: none;
}

.zbdt-cl-item .nextStop {
	display: none;
}


.zbdt-gzdt .gzdt {
	width: 450px;
	height: 550px;
}

.com-title {
	border-bottom: 2px solid #dcdad8;
	border: 0;
	margin-bottom: 40px;
}

.com-title>.title-hd {
	color: #EB4A40;
	height: 46px;
	display: inline-block;
	border-bottom: 6px solid #EB4A40;
}

.gzdt-content {
	padding-top: 10px;
}

.gzdt-content ul li {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 2px dotted #eee;
}


.gzdt-content ul li .ct-l {

	width: 6px;
	height: 6px;
	background-color: #EB4A40;
	margin: 10px;
}

.gzdt-content ul li .ct-l h3 {
	font-size: 22px;
	line-height: 35px;
}

.gzdt-content ul li .ct-l span {
	font-size: 14px;
}


.gzdt-content ul li .ct-r,
.gzdt-content ul li .ct-r a {
	width: 300px;
	line-height: 30px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ct-r a:hover {
	color: #EB4A40;
}

.ct-s {
	line-height: 30px;
	display: inline-block;
	float: right;
}


/* 广告区域 */
.index_ads1 {
	height: 124px;
	overflow: hidden;
}

.index_ads1 a img {
	height: 124px;
	transition: all 0.8s;
}

.index_ads1 img:hover {
	transform: scale(1.1);
}

/* 特色专题 */
.tszt {
	height: 124px;
	/* background: url("../images/main3.png") no-repeat; */
}



.tszt-content {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.tszt-content .bd {
	height: 100px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	padding: 0 0 0 55px;
}

.tszt-content .bd ul {
	width: 1400px;
	overflow: hidden;
	padding: 0 50px;
	zoom: 1;
	float: left;
	display: flex;
	justify-content: flex-start;
}

.tszt-content .bd ul li {
	width: 250px;
	height: 100px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}

.tszt-item a img {
	width: 250px;
	overflow: hidden;
	height: 100px;
	transition: all 0.8s;
}

.tszt-item a img:hover {
	transform: scale(1.1);
}



.tszt-content .prev,
.tszt-content .next {
	position: absolute;
	display: block;
	font-size: 25px;
	color: #999;
	width: 40px;
	height: 40px;
	filter: alpha(opacity=30);
	opacity: .3;
}

.tszt-content  .prev {
	left: 0px;
	top: 30px;
	background: url('../images/up.png') no-repeat;
	background-size: 100% 100%;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.tszt-content  .next {
	top: 30px;
	right: 0;
	background: url('../images/down.png') no-repeat;
	background-size: 100% 100%;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.tszt-content .prev:hover,
.tszt-content .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}


/* 培训动态 政策法规 学院动态 */
.pxdt-zcfg-xydt {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pxdt-zcfg-xydt-div {
	width: 660px;
	height: 320px;
}

.pxdt-zcfg-xydt-div-title .title-hd {
	padding: 0 10px;
	display: inline-block;
	font-size: 28px;
	font-weight: lighter;
	color: #EB4A40;
	line-height: 46px;
	border-bottom: 5px solid #EB4A40;
}

.pxdt-zcfg-xydt-div-hd {
	width: 660px;
	height: 150px;
	overflow: hidden;
}

.pxdt-zcfg-xydt-div-title a {
	float: right;
	padding-right: 20px;
	font-size: 14px;
	display: inline-block;
	line-height: 54px;
}

.pxdt-zcfg-xydt-div-hd img {
	width: 660px;
	height: 150px;
	transition: all 0.8s;
}

.pxdt-zcfg-xydt-div-hd img:hover {
	transform: scale(1.1);
}


.pxdt-zcfg-xydt-div ul {
	padding-top: 10px;
}

.pxdt-zcfg-xydt-div ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #ececec;
}


.pxdt-zcfg-xydt-div ul li a {
	display: inline-block;
	width: 530px;
}

.pxdt-zcfg-xydt-div ul li a>h3 {
	font-size: 18px;
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


.pxdt-zcfg-xydt-div-ico {
	float: left;
	width: 5px;
	height: 5px;
	background: #EB4A40;
	margin: 10px;
	display: inline-block;
}

.pxdt-zcfg-xydt-div-date {
	line-height: 30px;
	display: inline-block;
	float: right;
}

.pxdt-zcfg-xydt-div ul li a:hover {
	/* background: #e1e1e1; */
	color: #EB4A40;
}

.pxdt {}

.zcfg {}

.xydt {}



/* 音视广场 */
.ysgc {
	width: 100%;
	padding: 40px 0 10px;
	background: url('../images/ysgc_bg.png') no-repeat;
	background-size: 100% 100%;
}

.ysgc-content {
	display: flex;
	height: 655px;
	justify-content: space-between;
}

.ysgc-content-l {
	width: 1115px;
	height: 585px;
	background: url('../images/ysgc-content-l.png') no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	padding: 10px;
}

.ysgc-content-l img {
	width: 100%;
	height: 100%;
}

.ysgc-content-r {
	width: 245px;
	height: 585px;
	position: relative;
}


.ysgc-content-r .bd {
	position: absolute;
	right: 0;
	top: 40px;
	width: 245px;
	height: 545px;
	overflow: hidden;
	cursor: pointer;
}


.ysgc-content-r .bd ul li {
	margin-bottom: 8px;
	height: 180px;
}

.hd-img {
	width: 245px;
	border: 10px solid #000;
	height: 140px;
	background-size: 100% 100%;
	overflow: hidden;
}

.hd-img img {
	width: 225px;
	height: 120px;
	overflow: hidden;
	transition: all 0.8s;
}

.hd-img img:hover {
	transform: scale(1.1);
}

.ysgc-content-r .bd h4 {
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


.ysgc-content-r .prev,
.ysgc-content-r .next {
	position: absolute;
	display: block;
	font-size: 25px;
	color: #999;
	width: 40px;
	height: 40px;
	filter: alpha(opacity=30);
	opacity: .3;
}

.ysgc-content-r .prev {
	top: -20px;
	right: 100px;
	background: url('../images/up.png') no-repeat;
	background-size: 100% 100%;
}

.ysgc-content-r .next {
	bottom: -60px;
	right: 100px;
	background: url('../images/down.png') no-repeat;
	background-size: 100% 100%;
}

.ysgc-content-r .prev:hover,
.ysgc-content-r .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* 精彩图集 */
.jctj {
	height: 260px;
	background: url("../images/main5.png") no-repeat;

}

.jctj-content {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	height: 210px;
	overflow: hidden;
	position: relative;
}

.jctj-content .bd {
	height: 190px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.jctj-content .bd ul {
	width: 1400px;
	overflow: hidden;
	zoom: 1;
	float: left;
	display: flex;
	justify-content: flex-start;
}

.jctj-content .bd ul li {
	width: 270px;
	height: 180px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}

.jctj-item a img {
	width: 270px;
	overflow: hidden;
	height: 180px;
	transition: all 0.8s;
}

.jctj-item a img:hover {
	transform: scale(1.1);
}

.jctj-content .hd {
	width: 1400px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.jctj-content .hd ul {
	width: 220px;
	line-height: 30px;
	text-align: center;
	background: #ddd;
	margin: 0 auto;
}

.jctj-content .hd ul li {
	float: left;
	width: 40px;
	height: 4px;
	margin-left: 15px;
	background-color: #B6B6B6;
	cursor: pointer;
}

.jctj-content .hd ul li.on {
	background: #8E0000;
}
