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

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

/* 通用信息列表 */
.infoList { text-align: left;}
.infoList li { height: 40px;line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 16px; padding-left: 15px; background: url(../img/dot-01.png) no-repeat left center;}
.infoList li:hover { background: url(../img/dot-01-on.png) no-repeat left center; } 
.infoList li.split { margin: 10px 0; background: none; border-bottom: 1px dotted #ddd; height: 0; font-size: 0; overflow: hidden;}
.infoList li a { overflow: hidden;}
.infoList li .date { font-size: 14px; float: right; color: #999;}

/* 通用带图片的信息列表_普通式 */
.picList li { text-align: center;}
.picList li .pic img { width: 95px; height: 125px; padding: 4px; border: 1px solid #ddd; background: #fff;}
.picList li .pic a:hover img { border-color: #aaa;}
.picList li .title { padding-top: 5px;}

/* 通用带图片的信息列表_普通式 - 横排浮动 */
.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: 14px; padding-top: 8px; max-height: 56px;}
.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: 10px; margin-bottom: 10px;}
.txtPicList li .pic { width: 96px; float: left;}
.txtPicList li .pic img { width: 90px; height: 90px; padding: 2px; border: 1px solid #ddd; background: #fff;}
.txtPicList li .pic a:hover img { border-color: #aaa;}
.txtPicList li .con { width: 230px; float: left; padding-left: 8px;}
.txtPicList li .title { height: 28px; line-height: 28px; font-size: 14px; color: #c30000; font-weight: bold;}
.txtPicList li .title a { color: #c30000;}
.txtPicList li .intro { color: #666; line-height: 20px;}
.txtPicList li .intro .more { color: #c30000; font-size: 12px;}

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

/* 头条图文信息列表_普通式 */
.topicList .t { padding-bottom: 30px; margin-bottom: 10px; border-bottom: 1px dashed #d1d1d1;}
.topicList .t .title { max-height: 60px; line-height: 30px; overflow: hidden; text-align: left; font-size: 22px; margin-bottom:5px;}
.topicList .t .intro { margin-bottom: 5px; line-height: 26px; color: #666; height: 52px; overflow: hidden; font-size: 14px;}
.topicList .t .intro .more { color: #c30000;}
.topicList .n { height: 40px;line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 16px; padding-left: 15px; background: url(../img/dot-01.png) no-repeat left center;}
.topicList .n .date { font-size: 14px; float: right; color: #999; }

/* 有图片时追加的类 class="topicList topicHasPic"  */
.topicHasPic .t { position: relative; overflow: hidden; zoom: 1;}
.topicHasPic .pic { width: 240px; margin-right: 38px; float: left;}
.topicHasPic .pic img { width: 100%; height:auto;}
.topicHasPic .pic a:hover img { border-color: #aaa;}
.topicHasPic .con { overflow: hidden; zoom: 1;}

/* 焦点图切换-广告 */
.slideBox { height: 100px; overflow: hidden; position: relative;}
.slideBox .hd { position: absolute; z-index: 1; right: 5px; bottom: 5px;}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li { font-size: 12px; float: left; margin-right: 2px; width: 16px; height: 16px; line-height: 16px; 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 { margin-bottom: 15px; /* width: 100%; */ overflow: hidden; position: relative;}
.focusBox .hd { position: absolute; z-index: 1; right: 4px; bottom: 14px;}
.focusBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li { float: left; margin-right: 5px; width: 9px; height: 9px; line-height: 9px; text-align: center; background: #fff; cursor: pointer; color: #fff; padding: 0px; position: static;}
.focusBox .hd ul li.on { background: #FF4F01; 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: 260px; border: 0;}
.focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 36px; line-height: 36px; 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: 10px; text-decoration: none;}
.focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=60); opacity: 0.6; height: 36px;}

/* focusBox-A */
.focusBox-A {position: relative;}
.focusBox-A .bd {overflow: hidden;}
.focusBox-A .bd .pic {width: 450px; float: left;}
.focusBox-A .bd .pic img {width: 100%; height: auto}
.focusBox-A .bd .con {padding: 15px; overflow: hidden;}
.focusBox-A .bd .con .title {font-size: 24px; line-height: 30px; max-height: 60px; margin-bottom: 10px; overflow: hidden;}
.focusBox-A .bd .con .intro {font-size: 14px; line-height: 30px; color: #666666; height: 120px; overflow: hidden}
.focusBox-A .hd {position: absolute; bottom: 44px; font-size: 0px; line-height: 0px; padding: 0 0 0 450px; left: 0px; right: 0px; height: 22px;}
.focusBox-A .hd ul {display: block; text-align: center;}
.focusBox-A .hd ul li {width: 20px; height: 20px; display: inline-block; text-align: center; font-size: 14px; line-height: 20px; border: 1px solid #d2d2d2; color: #666666; border-radius: 4px; margin: 0 3px; background: #fff; cursor: pointer}
.focusBox-A .hd ul li.on {border: 1px solid #4f4f4f; color: #333333}
.focusBox-A .next,
.focusBox-A .prev {width: 38px;height: 35px;background: url(../img/arrow.png) -74px 8px no-repeat #cccccc;position: absolute;bottom: 0px;right: 0px; cursor: pointer}
.focusBox-A .prev {right: 39px; background-position: 12px 8px;}
.focusBox-A .next:hover,
.focusBox-A .prev:hover {background-color: #b7b7b7}

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; line-height: 26px;}
.page a, .page span { font-size: 12px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #d4d4d4; padding: 2px 10px; margin-right: 5px; vertical-align: top; background-color: #fff;}
.page a:hover { border: 1px solid #009ed6; text-decoration: none; color: #009ed6;}
.page .current { background: #009ed6; border: 1px solid #009ed6; color: #fff !important;}
.page select { height: 18px; line-height: 18px; padding: 0 8px; background: #fff; border: 0; border: none; vertical-align: middle;}
.page input { text-align: center; padding: 0 4px; outline: none;}
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}




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