#contents{ margin: 0 auto; width:100%; clear:both; min-height: 560px; }
.main{margin:15px auto;width:1200px;font-size: 0;}
.mainPage{margin: 12px auto; width:1200px; clear:both;min-height: 560px; background: #fff; border-top: #ab1d1f 4px solid ; }
/*图片轮播*/
.banner{position: relative;overflow: auto;text-align: center;width:573px; float:left;  min-height:420px; margin-right:11px;}
.banner .dots{position:absolute; right:10px; bottom:10px; z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;background:#fff; border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#ab1d1f;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:573px; float: left;height:420px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 573px;max-height: 56px; padding:8px 110px 8px 20px; text-align:left;  line-height: 40px;color: #fff;font-size: 16px; font-weight: bold; background: rgba(0,0,0 ,.55);}
.banner ul .slider-item .slider-title::before{ content: ""; position: absolute; top:25px; left: 10px; width: 5px; height: 5px; background: #fff;border-radius:5px;}
.banner ul img { width: 100%; height: 100%;}
.banner .progress{position:absolute;left:0;bottom:0;width:100%;min-height:3px;overflow:hidden;z-index:2;background:#ab1d1f;}


/* 标题 */
.titleBox { position: relative; width: 100%; height:44px; text-indent:25px; font-weight: bold;  line-height:44px; color:#FFF; font-size:16px; font-family:"微软雅黑"; background: url(../img/ywdd_bg.jpg) top no-repeat; }
.titleBox span{ position: absolute;width: 100%;  background: url(../img/titlebg2.png)  no-repeat; display: block;}
.titleBox a {  position: absolute;  right: 0; margin-right:8px; color: #919191;font-size:14px;  color:#ab1d1f; font-size: 16px;}

/* 首页列表 */
.mg_top{ margin-top:8px;}
.list{ margin-top: 5px;}
.list li { position: relative; width:100%; height:36px; line-height:36px; font-family:"微软雅黑"; font-size:14px; color:#787878; overflow:hidden; }
.list li a {color:#787878; display: inline-block;  width: 100%;  padding-left:20px; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list li span { position: absolute; top: 0; right: 5px;}
.list li::before { content: ""; position: absolute; left:5px; top:16px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.list li a:hover{ color:#ab1d1f;font-weight: bold; }
.list li a:hover::before {content: ""; position: absolute; left:5px; top:16px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}
.listBox .list li:last-child { border-bottom: none;}
.noData{ text-align: center; margin: 20px auto;}

.nomal_img{width:100%; height: 100%;}

/*要闻导读*/
.ywdd { float: right; width:608px; height: 420px;  overflow:hidden; background: #fff;}
.ywdd .titleBox1 { position: relative; width: 100%; font-size: 16px; display: flex; align-items: center;   font-weight: bold;  height: 55px;  background: url(../img/ywdd_bg.jpg) top no-repeat; }
.ywdd .titleBox1 .tit1{background: url(../img/titlebg1.png) no-repeat;height: 55px;width:106px; color: #fff; line-height: 45px; text-align: center; float: left;  }
.ywdd .titleBox1 h1 a {color:#333333;height: 55px;display: block;line-height: 45px; }
.ywdd .titleBox1 h1{ text-align:center;    font-weight: bold; width:120px; float: left;line-height: 45px; background: url(../img/titlebg11.png) right 15px no-repeat;} 
.ywdd .titleBox1 h1.active>a{  color:#ab1d1f;  display: block;}
.ywdd .titleBox1 span{ position: absolute; top: 0; right: 10px;display: block;line-height: 45px; } 
.ywdd .titleBox1 span a{color:#ab1d1f;}
.ywdd .list { display: none;}
.ywdd .list.active { display: block;}
.ywdd .list li a {color:#787878; display: inline-block;  width: 100%;  padding-left:25px; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ywdd .list li::before { content: ""; position: absolute; left:10px; top:16px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.ywdd .list li a:hover::before {content: ""; position: absolute; left:10px; top:16px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}
.ywdd .list li a:hover{ color:#ab1d1f; font-weight: bold; }
.newsIcon{color:#ab1d1f; display: inline;}
.newsIcon a:hover{color:none;}


/*工作动态*/
.gzdt{float: left; height: 260px;  width:573px;margin-right:11px;}
/*通知公告*/
.tzgg{float: left;  height: 260px; width: calc(100% - 584px);}

/* 专题活动 */
.slideGroup{ width:100%; background: url(../img/zthd.jpg) left  no-repeat; padding-left: 70px; }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0px 10px 0px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:25px;  width:20px; height:47px;  background:url(../img/icoLeft.png) no-repeat; }
.slideGroup .sNext{ position:absolute;left:auto; right:0px; background:url(../img/icoRight.png) no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{ margin:0 8px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:427px; height:79px; display:block;  border:1px solid #f3f2f2; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }
/*省青联、省学联、省少工委*/
.smid-wrapper{font-size: 0; border: 1px solid #ddd;}
.smid{float: left;margin-right: 20px;padding: 0;width: calc( (100% - 40px) / 3);font-size: 0;}
.smid:last-child{margin-right: 0;}
.smid img{display: inline-block;margin-right: 15px;width: 137px;height: 186px;}
.smid .list{height: 215px;margin-top: 15px;}
.smid .list dt{float: left;}
.smid .list dd{float: left;width: calc(100% - 152px);}
.smid .list dd li { position: relative; width:100%; height:33px; line-height:33px; font-family:"微软雅黑"; color:#787878; overflow:hidden; }
.smid .list dd li a {color:#787878; display: inline-block;  width: 100%;  padding-left:10px; padding-right: 5px; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.smid .list dd li::before { content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.smid .list dd li a:hover::before {content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}
.smid .list dd li a:hover{color:#ab1d1f;} 
/*基层团讯*/
.jctx{float: left;  width:100%;}
.jctx .titleBox { position: relative; width: 100%; height:44px; text-indent:25px; font-weight: bold;  line-height:44px; color:#FFF; font-size:16px; font-family:"微软雅黑"; background: url(../img/titlebg3.png) top no-repeat; }
.jctx .xs{float: left; width:387px ; height: 215px; border:#1d6aab 1px solid; margin: 10px 19px 10px 0;}
.jctx .xs .list dt {float: left; margin: 8px 10px 0 10px;}
.jctx .xs .list dd {float: left; width:220px;}
.jctx .xs .list dd li { position: relative; width:100%; height:33px; line-height:33px; font-family:"微软雅黑"; font-size:14px; color:#787878; overflow:hidden; }
.jctx .xs .list dd li a {color:#787878; display: inline-block;  width: 100%;  padding-left:10px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jctx .xs .list dd li a:hover{color:#ab1d1f;} 
.jctx .xs .list dd li::before { content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.jctx .xs .list dd li a:hover::before {content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}

.jctx .gx{float: left; width:387px ; height: 215px; border:#ab1d1f 1px solid; margin: 10px 19px 10px 0;}
.jctx .gx .list dt {float: left; margin: 8px 10px 0 10px;}
.jctx .gx .list dd {float: left; width:220px;}
.jctx .gx .list dd li { position: relative; width:100%; height:33px; line-height:33px; font-family:"微软雅黑"; font-size:14px; color:#787878; overflow:hidden; }
.jctx .gx .list dd li a {color:#787878; display: inline-block;  width: 100%;  padding-left:10px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jctx .gx .list dd li a:hover{color:#ab1d1f;} 
.jctx .gx .list dd li::before { content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.jctx .gx .list dd li a:hover::before {content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}

.jctx .sh{float: left; width:387px ; height: 215px; border:#e2a930 1px solid; margin: 10px 0px 10px 0; }
.jctx .sh .list dt {float: left; margin: 8px 10px 0 10px;}
.jctx .sh .list dd {float: left; width:220px;}
.jctx .sh .list dd li { position: relative; width:100%; height:33px; line-height:33px; font-family:"微软雅黑"; font-size:14px; color:#787878; overflow:hidden; }
.jctx .sh .list dd li a {color:#787878; display: inline-block;  width: 100%;  padding-left:10px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jctx .sh .list dd li a:hover{color:#ab1d1f;} 
.jctx .sh .list dd li::before { content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #cacbcc;border-radius:4px;}
.jctx .sh .list dd li a:hover::before {content: ""; position: absolute; left:0px; top:15px;  display: inline-block; width: 4px; height: 4px; background: #ab1d1f;border-radius:4px;}

/*服务网上咨询入口*/
.picimg{ float: left; width:387px ;margin-right: 21px;}
.zxrk{ width: 100%; height: 144px;}
.zxrk img{ width: 100%;}
.sys{ width: 100%; margin-top: 23px; }
.systit{ height:62px; padding-top:20px ; text-align: center; font-size: 21px; color:#ab1d1f ; background: url(../img/systitbg.jpg) top no-repeat; }
.sysmain{height:180px; background: url(../img/sysbg.jpg) top no-repeat;}
.sysmain dl{ float: left; padding: 10px 0 0 20px; font-size: 13px;}
.sysmain dl dt{ width: 103px; height: 103px; }
.sysmain dl dd{ color: #fff; text-align: center; line-height: 30px;}

/*媒体聚焦*/
.mtjj{float: left;width: calc(100% - 408px);}
.mtjj .jjlist{float: left; width:100%;  margin-top: 10px;}
.mtjj .jjlist .list dt {float: left; width: 184px; border:#ab1d1f 2px solid;  margin: 8px 10px 0 0px;}
.mtjj .jjlist .list dd {float: left; width: calc(100% - 194px); line-height: 40px; }
.mtjj .jjlist .list dd li {  height:35px; line-height:35px; }
.mtjj .jjlist .list dd li a {padding-left:20px; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mtjj .titleBox { position: relative; width: 100%; height:44px; text-indent:25px; font-weight: bold;  line-height:44px; color:#FFF; font-size:16px; font-family:"微软雅黑"; background: url(../img/titlebg3.png) top right no-repeat; }


/*推荐重点链接*/
.tjzdlj{ width: 100%;}
.tjzdlj .titleBox {  background:#f4f4f4; height: 35px; line-height: 35px; text-indent:15px;}
.tjzdlj .titleBox span{ background: url(../img/zdtjlj.jpg) left  no-repeat; display: block;}
.tjzdlj .list1{ margin-top: 15px;}
.tjzdlj .list1 li{ float: left; margin: 0 20px; height: 36px; line-height: 36px; font-size: 14px;font-family:"微软雅黑"; }
.tjzdlj .list1 li a{ color:#787878;}
.tjzdlj .list1 li a:hover{color: #ab1d1f; font-weight: bold;}


/*视频*/
.sp{float: left;width:387px ;margin-right: 21px; height: 300px;}
.sp .titleBox {  background: url(../img/ywdd_bg.jpg) top right no-repeat; }
.sp_first { width: 100%; height:235px ; margin-top: 11px; position: relative; font-size: 14px; }
.sp_first img{  width: 100%;}
.sp_first span{  position: absolute;width: 100%; height: 32px;display: inline-block; padding-left:20px;  line-height: 32px; color: #fff; bottom:0px; left:0px; background-color: rgba(0, 0, 0, 0.4);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sp .list li { position: relative; width:100%; height:32px;  font-family:"微软雅黑"; font-size:14px; color:#787878; overflow:hidden; }
.videoList{ width: 100%;text-align:justify;display:inline-block;}
.videoList dl{ float:left; width: 350px; height: 100%; margin:15px 10px 15px 22px; position: relative;}
.videoList dl dt{ width: 100%; height: 260px;}
.videoList dl dt img{width: 100%;height:100%;}
.videoList dl dd{ width: 100%; line-height: 45px; height: 45px; text-align: center; position: absolute; color: #fff; bottom: 0px;  background-color: rgba(0, 0, 0, 0.4);}
.videoList dl dd a{ color: #fff;}

/* 首页+列表页视频播放图标 */
.player {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	background-color: #000;
	opacity: 0.5;
	position: absolute;
	top:100px;
	left:140px;
}
.player-index {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	background-color: #000;
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.player-index  i{
	color: #fff;
	font-size: 27px;
	margin-left: 8px;
	opacity: 0.5;
}	
.player i{
	color: #fff;
	font-size: 27px;
	margin-left: 8px;
	opacity: 0.5;
}

/*首页对联+图片悬浮窗口*/
div#ad_roll {Z-INDEX: 2147483647; POSITION: fixed; BACKGROUND-COLOR: #eee; COLOR: #fff}
.ad_roll {}
.ad_roll_box {BOX-SIZING: content-box; BORDER-BOTTOM: #acacac 1px solid; BORDER-LEFT: #acacac 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 426px; PADDING-RIGHT: 0px; HEIGHT: 78px; OVERFLOW: hidden; BORDER-TOP: #acacac 1px solid; BORDER-RIGHT: #acacac 1px solid; PADDING-TOP: 0px}
.close_roll_btn {BOX-SIZING: content-box; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 15px; BACKGROUND-COLOR: #999999; WIDTH: 25px; HEIGHT: 15px; COLOR: #fff; FONT-SIZE: 10px; TOP: 0px; CURSOR: pointer; right: 0px}
.close_btn {BOX-SIZING: content-box; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #999999; WIDTH: 50px; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 12px; TOP: 4px; CURSOR: pointer; LEFT: 100px}
.ad {Z-INDEX: 2147483647; BOX-SIZING: content-box; POSITION: fixed; WIDTH: 150px; HEIGHT: 580px; OVERFLOW: hidden; TOP: 145px}
.ad_right.ad {RIGHT: 85px}
.ad_left.ad {LEFT: 85px}
.ad_box {BOX-SIZING: content-box; BORDER-BOTTOM: #acacac 0px solid; BORDER-LEFT: #acacac 0px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 150px; PADDING-RIGHT: 4px; HEIGHT: 580px; OVERFLOW: hidden; BORDER-TOP: #acacac 0px solid; BORDER-RIGHT: #acacac 0px solid; PADDING-TOP: 4px}