/* Author:yangsh
** Date:2019.08.09
 */

.mt_10 { margin-top: 10px;}
.wrap { width: 100%; height: 100%;}
.container { max-width: 1200px; margin: 0 auto 20px;} 
/* 页头 */
.header { width: 100%; margin-bottom: 20px; }
.backMainSite { position: absolute; right: 20%; display: block; height: 50px; font-size: 18px; font-weight: bold; padding:0 30px; line-height: 50px; background-color: #ea404d; border-radius: 0px 0px 20px 20px; color: #fefefe;}
.backMainSite:hover { text-decoration: none;}
.menu { position: relative; width: 100%; height: 60px; line-height: 60px; background: url(../zt13img/menu_bg.png) repeat-x; background-size:100% 100%;  }
.menu .container { margin:0 auto; overflow-x:auto ; overflow-y: hidden;}
.menu ul li { float: left; width:16.6667%;  width: calc(100% / 6); height: 100%; text-align: center; background: url("../zt13img/line_menu.png") left center no-repeat; }
.menu ul li:first-child { background: none;}
.menu ul li a { display: block; height: 100%; font-weight: bold; font-size: 18px; color: #ea404d; white-space: nowrap;  }
.menu ul li.active, .menu ul li.active+li { background: none;}
.menu ul li a:hover, .menu ul li.active a { color: #fff; text-decoration: none; background: url(../zt13img/menu_bg_active.png);}

.menubtn { position: absolute; right: 0; top:0;  display: block; height: 50px; width: 30px; }
.icon-left { background: url("../zt13img/right_arrow.jpg")}
.icon-right { background: url("../zt13img/left_arrow.jpg")}
/* 页尾 */
.footer { height: 250px; text-align: center; }
.footer .container { margin-bottom: 0;}
.footer .nav { height: 50px; line-height: 50px; background:#cc0000; }
.footer .nav li { display: inline-block;}
.footer .nav li a { color: #f5f5f5; border-right: solid 1px #F5F5F5; padding:0 15px;}
.footer .nav li:first-child a { border-left: 1px solid #F5F5F5;}

.footer .copyright { position: relative; padding-right: 150px; display: inline-block; margin-top:25px; }
.footer .copyright>img {margin-right: 10px;}
.footer .copyright p { text-align: left; color: #333; line-height: 24px; white-space: nowrap;}
.footer span {position: absolute;right:0; top:0; display: block; width: 50px; text-align: center; font-size: 12px;}



/*轮播*/
.cycle-slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cycle-slide img{ width: 100%; height: 100%; display: block; }
.cycle-slide h1{ position: absolute; bottom: 0; left: 0;  width: 100%; line-height: 60px;  padding-left: 20px; padding-right: 120px; background:url(../zt13img/pic_title_bg.png); font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; }
.cyclyImg_pager{ position: absolute; right: 20px; bottom: 25px; z-index: 10000;}
.cyclyImg_pager>span{ width: 10px; height: 10px; line-height: 10px; border-radius: 50%; background-color: #fff; color: #fff; display: block; float: left; margin-left: 10px; text-align: center; font-weight: bold; cursor: pointer; font-size: 1px;}
.cyclyImg_pager>span.cycle-pager-active{ background-color: #e62164; color: #e62164;}

/*列表*/
.list {width: 100%;}
.list li { width: 100%; height: 30px; line-height: 30px;}
.list li a { position: relative; display: block;  width: 100%; padding-left: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap:normal;}
.list li a:before { content:""; position: absolute; top: 50%; left: 0; display: block; background: #666; width: 3px; height: 3px; margin-top: -1.5px; }
.list li a:hover:before { background: #005ea4;}
/*有日期列表样式*/
.list.date li a { padding-right: 110px;}
.list.ssdw li a{ padding-right: 0;}
.list.date li a span { position: absolute; right: 0; top: 0; width: 110px; height: 100%;  color: #999; text-align: right;}

/*无小点*/
.no-cycle-list li{height: 28px;line-height: 28px;}
.no-cycle-list li a{padding-left: 0;}
.no-cycle-list li a:before{display: none;}

/* 图文列表 */
.imglist { width:100%;}
.imglist li { float: left;}
.imglist li a {display: block; background: #eee;}
.imglist li a img { width: 100%;}
.imglist li h1 { padding:0 10px; width: 100%; height: 60px; line-height: 60px; color: #333; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal;}
.imglist li p { padding:0 10px; color: #666; text-indent: 2em; padding-bottom: 10px;}
.imglist li a:hover { text-decoration: none;}

/* 标题 */
.module-title {background: url(../zt13img/title_bg.png) repeat-x bottom; margin-bottom: 20px;}
.module-title span { position: relative; display: inline-block; padding: 5px 25px; color: #000; font-size: 18px; font-weight: bold; border-bottom: 10px solid #ea404d;}
.module-title span:after { content: ''; width: 10px; height: 10px; background: #fff;     display: inline-block;  position: absolute; right: -10px; bottom: -10px;}
.module-title a { float: right; color: #999; padding-right: 10px ; padding-top: 10px; }
.module-title a:hover { color: #CC0000;}
/*图片新闻*/
.banner { position: relative; width: 50%;}
.banner , .banner img { height: 360px;}
/*要闻*/
.hotNews { width: 50%; height: 360px; padding-left: 20px; overflow: hidden;}
.hotNews .title { height: 40px; padding:0 20px; border-bottom: 2px solid #cc0000; color: #fff; }
.hotNews .title span {display: inline-block; height: 100%; line-height: 38px; padding: 0 24px; background-color: #cc0000; border-radius: 3px 3px 0px 0px;font-size: 18px; font-weight: bold;}
.hotNews .title a { float: right; line-height: 38px; font-weight: normal; color: #999;}
.hotNews .title a:hover { color: #cc0000;}
.hotNews .content { height:320px; padding: 0 10px; color: #666; }
.mess-top { font-size: 12px; padding: 15px 8px 20px 8px; border-bottom: 1px solid #ccc;}
.mess-top h4 { width: 100%; font-size: 18px;  }
.mess-top h4 a { display: block; width: 100%; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.mess-top h4 a:hover { color: #cc0000;}
.mess-top p {line-height: 24px;}
.mess-top p.time { color: #333;}
.mess-top p.text { overflow: hidden; height: 48px;}
.hotNews .list { margin-top: 10px; padding: 0 8px;}
.hotNews .list li a { color: #666;}
.hotNews .list li a:hover { color: #cc0000;}
.hotNews .list li a:before { width: 2px; height: 2px; background: #666;}
.hotNews .list li a:hover:before { background: #cc0000;}
.hotNews .list.date li a span { color: #666;}

/*专题*/
.adbox { position:relative; min-height: 50px; }
.adbox .cycle-slide img { min-height: 50px;}
.adbox .cyclyImg_pager{  right: 10px; bottom: 15px; }

/* 媒体聚焦 */
.mediaNews .imglist li { width: 33.3333%; width: calc(100% / 3);  padding:0 5px }
.mediaNews .imglist li:first-child { padding-left: 0; }
.mediaNews .imglist li img { height: 220px;}
/* 盛会寄语 */
.redContaint { border:1px solid #eb9999; background: #fff7f7; padding: 20px 0;}
.redContaint .content { float: left; width: 50%; padding: 0 10px 0 20px;}
.redContaint .mess-top { height: 175px; border: none; position: relative;  width: 50%; float: left; padding: 0 10px 0 20px;}
.redContaint .mess-top img { float:left; width: 200px; height: 150px; margin-right: 20px; }
.redContaint .mess-top h4 a, .redContaint .mess-top h4 { width: auto}
.redContaint .mess-top p.text { height: 125px; margin-top: 5px;}
.redContaint .list li { float: left; width: 50%; padding: 0 10px 0 20px;}
.redContaint .list li a:before { background: #f0508c; }

/* 领导讲话 */
.laederBox { width:62.5%;}
.laederBox .garyBox { position: relative; padding:20px; height: 340px; border: solid 1px #bfbfbf;}
.laederBox .garyBox img { position: absolute; max-width: 240px; height: 300px;}
.laederBox .garyBox .textBox { padding-left: 260px; height: 100%; overflow: hidden; width: 100%;}
.laederBox .garyBox .textBox h1 { font-size: 18px; font-weight: bold; line-height: 30px; color: #000000; }
.laederBox .garyBox .textBox p { line-height: 27px; color: #999999;}
.laederBox .garyBox .textBox a { color: #000;}
.laederBox .garyBox .textBox a.more { float: right; color:#ff9999 ;}


/*五年印记*/
.historyBox { width: 37.5%; padding-left: 20px;}
.history {  position: relative; width: 100%; margin-top: 20px; background: #fff;  }
.history .title { height: 40px; line-height: 40px; background: #f6f6f6; font-size: 12px; color: #666;}
.history .title li { float: left; cursor: pointer; padding:0 20px; }
.history .title li.active  { height: 41px; color: #333; background: #fff; font-weight: bold; font-size: 16px;  border-left:1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-top:2px solid #cc0000; }

.history .listbox { height: 344px; border:1px solid #bfbfbf; padding:20px 10px 25px ; display: none;}
.history .listbox.active { display: block;}
.history .listbox .more { position: absolute; right: 20px; top:12px; color: #999;}
.history .listbox .more:hover { color: #cc0000;}
.history .listbox video, .history .listbox img { width: 100%; height: 100%;}

.history .listbox dt { position: relative; width: 100%; height: 200px; padding: 0 10px;}
.history .listbox dt h1 { position: absolute; bottom: 0; left:10px; right:10px;line-height: 40px; padding:0 10px; background-color: rgba(240, 80, 140, .8); color: #fff;}
.history .listbox dd { float: left; margin-top: 10px; width: 50%; height: 90px; padding:0 10px;}


/* 巾帼风采 */
.picMarquee-left{  position:relative;  }
/* .picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; } */
.picMarquee-left .bd {overflow:hidden;}
.picMarquee-left .imglist { height: 270px}
.picMarquee-left .imglist li { height: 100%;  max-width: 25%; margin-right: 10px;}
.picMarquee-left .imglist li img { height: 210px}

.place { float: right; padding-left: 15px; padding-right: 15px; color: #999;}
.place li { float: left; }
.place li a { color: #999; padding: 0;}
.place li a:hover ,.place li.active a { color: #ea404d;}
.place li.active a { text-decoration: none;}
.place li:before {content: '-'; margin: 0 2px;}
.place li:first-child:before { content: ''; display: inline-block; margin-right: 10px; width: 11px; height: 11px; background: url(../zt13img/place_icon.png);}
.place li:first-child+li:before { display: none;}

/*分页*/
.pagebox { padding: 20px 0; background: #fff; text-align: center;}
/*.page { display: inline-block;}
.page li { float: left; height: 30px; line-height: 28px; margin-left: 10px; border: 1px solid #bbb; text-align: center; }
.page li:first-child { margin-left: 0;}
.page li a { padding: 0 10px; font-size: 14px; color: #666;}
.page li.active, .page li:hover { border-color: #CC0000; background: #CC0000;}
.page li.active a, .page li:hover a{ color: #fff; text-decoration: none;}
.page li.disable a { color: #999; cursor: default;}
.page li.disable {background: #f5f5f5; border:1px solid #f2f2f2 ;}
.page li.disable:hover a { color: #999; }	*/

.pagebox a { padding: 0 10px; font-size: 14px; color: #666; display: inline-block; height: 30px; line-height: 28px; margin-left: 10px; border: 1px solid #bbb; text-align: center; }
.pagebox a:hover { color: #fff; text-decoration: none; border-color: #CC0000; background: #CC0000;}
.pagebox a[disabled="disabled"] { background: #f5f5f5; border:1px solid #f2f2f2 ; color: #999;}
.pagebox select { height: 30px; border: 1px solid #bbb; color: #666;}

#pullDown, #pullUp { text-align: center; color: #999;}

/*详情页*/
.detailbox { background: #fff; padding: 0 10px;}
.detailbox .detailTitle { text-align: center; font-size: 24px; font-weight: normal; padding:50px 0 20px ;} 
.detailbox .datemess { height: 30px; line-height: 30px; color: #7f7f7f; text-align: center; background: #ffeeef; }
.detailbox .detailText {  padding: 20px 0;}
.detailbox .detailText .detailimgbox {text-align: center; margin-bottom: 20px; }
.detailbox .detailText img, .detailbox .detailText video { max-width: 100%; }
.detailbox .contentAttach { text-align: left;}

.detailbox .contentAttach li a img { border: 0; vertical-align: middle; margin: 0;}



/* 列表页 */
.listPage { border-bottom: 1px dashed #ccc;}
.listPage li { border-top: 1px dashed #ccc; padding: 25px 0; }
.listPage li:first-child { border:none; padding-top:0;}
.listPage img { padding-right: 20px; max-width: 280px; max-height: 150px; width: 40%; }
.listPage a { text-decoration: none; }
.listPage h1 { font-size: 24px; color: #333;}
.listPage .time { color: #666; line-height: 34px;}
.listPage .text { color: #333; line-height: 22px;}
.listPage .more { color: #f99; line-height: 24px;}
.listPage .dateMobile { display: none; color: #999; font-size: 18px; line-height: 36px;}
.nodate-box { text-align: center; color: #999; font-size: 16px;}
.nodate-box img { float: none!important;}


@media all and (orientation : portrait) {
.footer,.secondWrap .module-title,.pagebox, .listPage .time, .listPage .text, .listPage .more{ display: none;}
.mainWrap .container { padding:0 20px;}
.listPage { padding: 0 20px; border:none}
.listPage h1 { font-weight: bold; }
.listPage .dateMobile { display: block;}
.listPage li { padding:10px 0;}
.detailbox { padding:0 20px;}
.detailbox .datemess { height: auto;}
.menu .container { width: calc(100% - 30px); margin: 0;}
.detailbox .detailText img, .detailbox .detailText video { height: auto!important;}
}

@media all and (max-width:640px) {

	.backMainSite { height: 32px; line-height: 32px; font-size: 14px; padding:0 10px; border-radius: 0 0 10px 10px; right:0}
	.menu { height: 50px; line-height: 50px;}
	.menu ul { min-width: 510px!important;} 
	.indexMenu { display: none;}
	.menu ul li { width: 85px!important;}
	.menu ul li a { /*padding: 0 20px!important;*/ font-size: 16px;}
	.menu .container { width: calc(100% - 30px); margin: 0;} /**/
	.listPage h1 { font-size: 16px; font-weight: normal; display: -webkit-box; /*overflow: hidden; -webkit-line-clamp: 2;*/ -webkit-box-orient: vertical;margin-left: 30%;padding-left: 10px;}
	.listPage img { padding-right: 0; width: 30%;float:left;}
	.listPage .dateMobile { font-size: 16px;margin-left: 30%;padding-left: 10px;}
	.detailbox .detailTitle { padding: 0 0 20px; font-size: 16px;font-weight: bold;}
	
	.banner , .banner img { width: 100%; height: auto;}
	.hotNews { width: 100%; padding: 20px 0 0;}
	.hotNews .content { padding:0;}
	.mediaNews .imglist li { width: 100%; margin-bottom: 10px;}
	.imglist li p , .redContaint .mess-top ,.laederBox .garyBox img{ display: none;}
	.redContaint .content,.laederBox { width: 100%;}
	.laederBox .garyBox .textBox { padding-left: 0;}
	.laederBox .garyBox img  { height: auto;}
	.historyBox { width: 100%; padding:0;} 
	.history .listbox { height: auto; padding:20px 10px;}
	.history .listbox dt { height: 180px;}

	.picMarquee-left .imglist { height: 150px}
	.picMarquee-left .imglist li {  max-width: 40%; padding-right: 10px;}
	.picMarquee-left .imglist li img { height: 110px}
	.picMarquee-left .imglist li h1 { height: 40px; line-height: 40px;}



}