@charset "utf-8";
/*
	Css for PEL,	ver 1.0
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center

	所有网站通用模块，可根据自身网站修改
*/

/* 通用信息列表 */
.infoList li{ line-height: 1.4em; font-size: 16rem; padding: 8rem 0 8rem 20rem; position: relative; }
.infoList li a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.infoList li .date{ margin-left: 20rem; float: right; color: #999; font-size:14rem}
.infoList li:before,
.infoList li:after { display: block; content: ''; border: 1px solid #D9D9D9; position: absolute; top: 50%; transition: all 0.5s; }
.infoList li:before {  width: 6rem; height: 6rem; margin-top: -3rem; left: 2rem;}
.infoList li:after { width: 10rem; height: 10rem; margin-top: -5rem; left: 0;}
.infoList li:hover:before,
.infoList li:hover:after { border-color: #633; }

/* 日历式列表 */
.calendarList li {padding:10rem 20rem; position:relative; background:#fff; margin-bottom:10rem; text-align:left; height:80rem; font-size:18rem; line-height:30rem; overflow:hidden; box-sizing:content-box}
.calendarList li::before{content:""; display:block; width:0;  position:absolute; left:0; top:0; bottom: 0;background:#783E3E; transition:0.3s}
.calendarList li:last-child{margin-bottom:0;}
.calendarList li .date{float:left; width:80rem; height:80rem; position:relative; z-index:2; text-align:center; background:#FCFAF8; position:relative; margin-right:45rem;}
.calendarList li .date::after{content:""; width:1rem; height:50rem; background:rgba(0,0,0,0.05); position:absolute; right:-28rem; top:15rem;}
.calendarList li .date b{display:block; height:46rem; line-height:36rem; font-size:30rem; font-weight:bold; color:#663333; margin-bottom:5rem; padding-top:10rem}
.calendarList li .date span{display:block; height:20rem; line-height:20rem; font-size:14rem; font-weight:normal; color:#663333}
.calendarList li .date .corner{width:20rem; height:20rem; line-height:20rem; position:absolute; z-index:0; left:1rem; top:1rem;  display:block; font-size:20rem; background:url(../img/corner.png) 0 0 no-repeat; background-size:100% auto;}
.calendarList li .date .corner-2{top:auto; bottom:1rem; transform:rotate(270deg);}
.calendarList li .date .corner-3{left:auto; right:1rem; transform:rotate(90deg);}
.calendarList li .date .corner-4{left:auto; right:1rem; top:auto; bottom:1rem; transform:rotate(180deg);}
.calendarList li .con{overflow:hidden; padding-top:10rem; position:relative; z-index:1}
.calendarList li .con .title{height:60rem; line-height:30rem; font-size:16rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.calendarList li .con .title a:hover{ color:#fff;}
.calendarList li.noData::before{display:none}
.calendarList li:hover::before{width:100%;}
.calendarList li:hover .title,
.calendarList li:hover .title a{color:#fff;}

/* 日历式列表 */
.calendarListB li {padding:10rem; position:relative; background:#fff; margin-bottom:10rem; text-align:left; height:220rem; overflow:hidden; box-sizing: border-box; transition:0.5s}
.calendarListB li::before{content:""; display:block; position:absolute; left:50%; top:50%; right:50%; bottom:50%; border:1rem solid rgba(255,255,255,0.3); transition:ease-out 1s; }
.calendarListB li:last-child{margin-bottom:0;}
.calendarListB li .date{width:75rem; height:92rem; position:relative; z-index:2; text-align:center; background:#c4c4c4; position:absolute; top:0; right:21rem; color:#fff; transition:0.8s ease; }
.calendarListB li .date::after{content:""; width:1rem; height:50rem; background:rgba(0,0,0,0.05); position:absolute; right:-28rem; top:15rem;}
.calendarListB li .date b{display:block; height:50rem; line-height:36rem; font-size:30rem; font-weight:bold; margin-bottom:5rem; padding-top:15rem}
.calendarListB li .date span{display:block; height:20rem; line-height:20rem; font-size:14rem; font-weight:normal;}
.calendarListB li .date .corner{width:20rem; height:20rem; line-height:20rem; position:absolute; z-index:0; left:1rem; top:1rem;  display:block; font-size:20rem; background:url(../img/corner-on.png) 0 0 no-repeat; background-size:100% auto; opacity:0.4 }
.calendarListB li .date .corner-2{top:auto; bottom:1rem; transform:rotate(270deg);}
.calendarListB li .date .corner-3{left:auto; right:1rem; transform:rotate(90deg);}
.calendarListB li .date .corner-4{left:auto; right:1rem; top:auto; bottom:1rem; transform:rotate(180deg);}
.calendarListB li .con{overflow:hidden; position:relative; z-index:1; height:auto; padding:20rem}
.calendarListB li .con:after{content:""; display:block; width:40rem; height:1rem; overflow:hidden; background:#c4c4c4; position:absolute; left:19rem; top:99rem;}
.calendarListB li .con .title{height:60rem; line-height:30rem; margin-bottom:40rem; margin-right:80rem; font-size:18rem; font-weight:bold; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.calendarListB li .con .title a:hover{ color:#fff;}
.calendarListB li .con .intro{height:48rem; line-height:24rem; font-size:14rem; color:#888888; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.calendarListB li.noData::before{display:none}
.calendarListB li:hover{background:#663333}
.calendarListB li:hover::before{left:10rem; top:10rem; right:10rem; bottom:10rem}
.calendarListB li:hover .date{background-color:#fff; color:#663333; top:10rem}
.calendarListB li:hover .date .corner{background-image:url(../img/corner.png); opacity:1}
.calendarListB li:hover .title,
.calendarListB li:hover .title a,
.calendarListB li:hover .intro{color:#fff;}

/* calendarListC */
.calendarListC li{padding:0rem; position:relative; background:#fff; height:158rem; margin-right:30rem; margin-bottom:30rem; text-align:left; transition:0.5s }
.calendarListC li::before{content:""; display:block; position:absolute; left:20rem; top:80rem; width:23rem; bottom:77rem; border:1rem solid rgba(255,255,255,0.3); transition:ease-out 0.5s; }
.calendarListC li::after{content:""; display:block; position:absolute; left:20rem; top:80rem; height:1rem; background:#D9D9D9; width:23rem; transition:0.5s }
.calendarListC li .date{width:60rem; height:60rem; position:absolute; left:20rem; top:10rem; text-align:center; color:#663333; transition:0.5s}
.calendarListC li .date b{display:block; height:40rem; line-height:40rem; font-size:30rem; font-weight:bold;}
.calendarListC li .date span{display:block; height:20rem; line-height:20rem; font-size:14rem; font-weight:normal;}
.calendarListC li .con{position:absolute; left:20rem; right:20rem; height:48rem; line-height:24rem; overflow:hidden; font-size:16rem; top:94rem;  transition:0.5s}
.calendarListC li .con a{transition:0.5s}
.calendarListC li:hover{background:#663333}
.calendarListC li:hover::after{top:100rem}
.calendarListC li:hover .con{top:30rem; left:30rem; right:30rem; color:#fff;}
.calendarListC li:hover .con .title,
.calendarListC li:hover .con .title a{color:#fff}
.calendarListC li:hover .date{color:#fff; top:110rem; text-align:left; height:26rem; line-height:26rem; width:auto; overflow:hidden}
.calendarListC li:hover .date b{font-size:20rem; float:left; height:26rem; line-height:26rem; margin-right:10rem}
.calendarListC li:hover .date span{float:left; font-size:14rem;height:26rem; line-height:30rem;}
.calendarListC li:hover::before{left:10rem; top:10rem; bottom:10rem; width:calc(100% - 20rem)}

/* 通用带图片的信息列表_普通式 */
.picList li { text-align: center;}
.picList li .title { padding-top: 5rem;}

/* 通用带图片的信息列表_普通式 - 横排浮动 */
.picListFl { margin-right: -2%; overflow: hidden; zoom: 1;}
.picListFl li { width: 23%; margin-right: 2%; text-align: center; float: left; *display: inline; overflow: hidden;}
.picListFl li .pic { overflow: hidden}
.picListFl li .pic img { width: 100%; transition: 200ms; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; height: auto;}
.picListFl li .title { font-size: 14rem; padding-top: 8rem; max-height: 56rem;}
.picListFl li:hover .pic img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}

/* 内容带图片的信息列表_普通式 - 左图片右文字 */
.txtPicList li { overflow: hidden; padding-bottom: 10rem; margin-bottom: 10rem;}
.txtPicList li .pic { width: 96rem; float: left;}
.txtPicList li .pic img { width: 90rem; height: 90rem; padding: 2rem; border: 1rem solid #ddd; background: #fff;}
.txtPicList li .pic a:hover img { border-color: #aaa;}
.txtPicList li .con { width: 230rem; float: left; padding-left: 8rem;}
.txtPicList li .title { height: 28rem; line-height: 28rem; font-size: 14rem; color: #f1940e; font-weight: bold;}
.txtPicList li .title a { color: #f1940e;}
.txtPicList li .intro { color: #666; line-height: 20rem;}
.txtPicList li .intro .more { color: #f1940e; font-size: 12rem;}

/* 内容带图片的信息列表_普通式 - 上图片下文字 */
.txtPicListB li .pic img { width: 190rem; height: 120; padding: 4rem; border: 1rem solid #ddd; background: #fff;}
.txtPicListB li .pic a:hover img { border-color: #aaa;}
.txtPicListB li .title { height: 28rem; line-height: 28rem; font-weight: bold;}
.txtPicListB li .title a { color: #9b770a;}
.txtPicListB li .intro { color: #666;}
.txtPicListB li .intro .more { color: #f60;}

/* txtPicList-swiper */
.txtPicList-swiper .swiper-wrapper{align-items:stretch}
.txtPicList-swiper .swiper-slide{background:#fff; text-align:left; height:auto; transition:0.5s}
.txtPicList-swiper .swiper-slide .pic{overflow:hidden;}
.txtPicList-swiper .swiper-slide .pic img{width:100%; height:auto; transition:0.5s}
.txtPicList-swiper .swiper-slide .pic:hover img{transform: scale(1.2);}
.txtPicList-swiper .swiper-slide .con{padding:15rem 30rem;}
.txtPicList-swiper .swiper-slide .con .title{max-height:60rem; line-height:30rem; font-size:18rem; color:#663333; margin-bottom:10rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;transition:0.5s}
.txtPicList-swiper .swiper-slide .con .title a{color:#663333; transition:0.5s}
.txtPicList-swiper .swiper-slide .con .intro{font-size:14rem; color:#999999; line-height:26rem; max-height:78rem; margin-bottom:10rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.txtPicList-swiper .swiper-slide .con .date{display:block; height:26rem; line-height:26rem; font-size:14rem; color:#CBB281; transition:0.5s}
.txtPicList-swiper .swiper-slide .con .date:before{content:"\e636"; font-family: "webicon"; margin-right:5rem }
.txtPicList-swiper .swiper-slide:hover{background-color:#663333}
.txtPicList-swiper .swiper-slide:hover .con .title,
.txtPicList-swiper .swiper-slide:hover .con .title a{color:#fff;}
.txtPicList-swiper .swiper-slide:hover .con .date{color:#fff}

/* 头条图文信息列表_普通式 */
.topicList .t { padding-bottom: 15rem; margin-bottom: 10rem; border-bottom: 1rem dotted #ddd;}
.topicList .t .title { font-size: 17rem; padding: 0 0 5rem 0; text-align: center; font-weight: bold;}
.topicList .t .tit {}
.topicList .t .tit:hover { color: #f1940e}
.topicList .t .intro { font-size: 12rem; color: #818181; text-align: left; line-height: 2.2;}
.topicList .t .intro .more { color: #f1940e;}
.topicList .n { height: 34rem; line-height: 34rem; border-bottom: 1rem dotted #ddd; overflow: hidden; padding: 0 10rem 0 0;}
.topicList .n .tit { padding-left: 18rem; background: url(../img/liteicon.png) no-repeat 0;}
.topicList .n .date { float: right; color: #999; margin-left: 10rem;}

/* 有图片时追加的类 class="topicList topicHasPic" */
.topicHasPic .t { position: relative; overflow: hidden; zoom: 1;}
.topicHasPic .t .title { font-weight: 400; text-align: left;}
.topicHasPic .pic { width: 140rem; margin-right: 20rem; float: left;}
.topicHasPic .pic img { width: 100%; height: 90rem;}
.topicHasPic .pic a:hover img { border-color: #aaa;}
.topicHasPic .con { overflow: hidden; zoom: 1;}

/* 焦点图切换-广告 */
.slideBox { height: 100rem; overflow: hidden; position: relative;}
.slideBox .hd { position: absolute; z-index: 1; right: 5rem; bottom: 5rem;}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li { font-size: 12rem; float: left; margin-right: 2rem; width: 16rem; height: 16rem; line-height: 16rem; text-align: center; background: #000; cursor: pointer; color: #fff; filter: alpha(opacity=60); opacity: 0.6;}
.slideBox .hd ul li.on { background: #f00; filter: alpha(opacity=100); opacity: 1;}
.slideBox .bd { position: relative; z-index: 0;}
.slideBox .bd .con { display: none;}

/* 焦点图切换-新闻内容 */
.focusBox { /* width: 100%; */ overflow: hidden; position: relative;}
.focusBox .hd { position: absolute; z-index: 1; right: 4rem; bottom: 14rem;}
.focusBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li { float: left; margin-right: 5rem; width: 11rem; height: 11rem; line-height: 11rem; text-align: center; background: #fff; cursor: pointer; color: #fff; border-radius: 50%;}
.focusBox .hd ul li.on { background: #f7bc68; color: #fff;}
.focusBox .hd ul li span { display: none;}
.focusBox .bd { position: relative; overflow: hidden;}
.focusBox .bd li { position: relative;}
.focusBox .bd .pic { position: relative; z-index: 0; line-height: 0;}
.focusBox .bd .pic img { width: 100%; height: 260rem; border: 0;}
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 40rem; line-height: 40rem; text-align: left;}
.focusBox .bd .con .title { position: absolute; width: 76%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden;}
.focusBox .bd .con .title a { color: #fff; padding-left: 10rem;}
.focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=50); opacity: 0.5; height: 40rem;}

/* 图片经过效果
.pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden;}
.pic a:hover { filter: alpha(opacity=80); opacity: .8;}
.pic a:before { content: ""; position: absolute; width: 100rem; height: 100%; top: 0; left: -100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); transform: skewX(-30deg);}
.pic a:hover:before { left: 150%; transition: left 1s ease 0s}
 */

/* url_方块样式分页 */
.page { font-size: 0; text-align: left; padding: 25rem 0; clear: both; overflow: hidden; color: #888; text-align: center;}
.page a,
.page span { font-size: 14rem; display: inline-block; *display: inline; zoom: 1; border: 1rem solid #E1E1E1; padding: 0rem 9rem; margin: 0 5rem 5rem 0; line-height: 30rem; height: 30rem; color: #888}
.page a:hover,
.page span:hover { border: 1rem solid #663333; color: #663333;}
.page .current { border: 1rem solid #663333; background: #663333; color: #fff !important;}
.page select,
.page input { margin: 0 4rem; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page input { text-align: center; padding: 0 4rem; outline: none;}
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

/*-- 网站地图 --*/
.siteMap { padding: 15rem 10rem; overflow: hidden; zoom: 1;}
.siteMap .li1 { margin-bottom: 20rem;}
.siteMap .h1 { height: 40rem; line-height: 40rem; border: 1rem dotted #ccc; background: #fff; background: #f6f6f6;}
.siteMap .h1 .a1 { font: normal 16rem/40rem "Microsoft YaHei", 'PingFang SC'; _font-weight: bold; color: #663333; padding-left: 15rem;}
.siteMap .ul1 { padding: 10rem 20rem; zoom: 1;}
.siteMap .li2 { display: inline-block; *display: inline; zoom: 1; padding-right: 50rem; vertical-align: top; padding-bottom: 5rem;}
.siteMap .a2 { color: #666;}
.siteMap .ul2 { padding: 0 0 20rem 0;}
.siteMap .li3 { line-height: 18rem; display: inline-block; *display: inline; zoom: 1;}
.siteMap .a3 { color: #999; padding-right: 10rem; margin-right: 10rem; border-right: 1rem solid #ddd;}
.siteMap .last3 .a3 { border-right: 0;}
.siteMap #liID41 .li2 { display: block;}