@charset "utf-8"; /* Css for PEL,ver 1.0CopyRight By Dongyi Network Technology CO.,Ltd Design Center所有网站通用模块,可根据自身网站修改 */ /* 通用信息列表 */ .infoList{ text-align: left; } .infoList li { position: relative; line-height: 24px; font-size: 16px; overflow: hidden; padding: 7px 0 7px 15px; } .infoList li::before { content: ""; position: absolute; left: 0; top: 17px; width: 4px; height: 4px; background-color: #b1b1b1; } .infoList li .date{ margin-left: 15px; float: right; color: #999; } .infoList li .node{ color: #f00; margin-right: 5px; } .infoList li.highlight{ font-weight: bold; } .infoList li .signin{ float: right; color: #ff0000; margin-left: 10px; } .infoList li .signin a{ color: #ff0000; } /* 通用带图片的信息列表_普通式 */ .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: -0.85%; overflow: hidden; text-align: center; } .picListFl li { float: left; width: 31.6333%; margin: 0.85%; position: relative; overflow: hidden; } .picListFl li.noData { text-align: left; } .picListFl .pic a { display: block; padding-bottom: 75%; position: relative; overflow: hidden; height: 0; } .picListFl .pic img { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; } .picListFl .title a { padding: 12px 20px; display: block; height: 34px; font-size: 16px; line-height: 34px; background: #f5f5f5; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; } /* 内容带图片的信息列表_普通式 - 左图片右文字 */ .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: 15px; 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{ position: relative; overflow: hidden; zoom: 1; margin-bottom: 14px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .topicList .t .title{ max-height: 56px; line-height: 28px; font-size: 16px; overflow: hidden; } .topicList .t .intro{ margin-top: 12px; font-size: 14px; color: #777; line-height: 1.8; overflow: hidden; } .topicList .t .others{ margin-top: 12px; font-size: 16px; color: #999; } .topicList .t .others span{ margin-right: 15px; } .topicList .n { position: relative; line-height: 24px; font-size: 16px; overflow: hidden; padding: 7px 0 7px 15px; } .topicList .n::before { content: ""; position: absolute; left: 0; top: 17px; width: 4px; height: 4px; background-color: #b1b1b1; } .topicList .n .date{ margin-left: 15px; float: right; color: #999; } /* 有图片时追加的类 class="topicList topicHasPic" */ .topicHasPic .t{ border-bottom: none; margin-bottom: 18px; padding-bottom: 0; } .topicHasPic .t .pic{ width: 200px; margin-right: 20px; float: left; } .topicHasPic .t .pic img{ width: 100%; height: 133px; } .topicHasPic .t .con{ overflow: hidden; height: 133px; box-sizing: border-box; padding-top: 6px; } /* 焦点图切换-广告 */ .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 .pic a:hover img{ -webkit-transform: none; transform: none; } .slideBox .bd .con{ display: none; } /* 焦点图切换-标准 */ .focusBox{ width: 520px; height: 520px; overflow: hidden; position: relative; background: #f5f5f5; padding: 25px 20px; } .focusBox .hd{ position: absolute; width: 100%; left: 0; bottom: 30px; text-align: center; } .focusBox .hd ul{ font-size: 0; line-height: 1; } .focusBox .hd ul li{ display: inline-block; margin: 0 5px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: #ccc; cursor: pointer; color: #333; border-radius: 500px; } .focusBox .hd ul li.on{ background: #F83F21; color: #fff; } .focusBox .hd ul li span{ display: none; } .focusBox .bd{ position: relative; overflow: hidden; } .focusBox .bd li{ position: relative; height: 476px; margin: 0 10px; } .focusBox .bd .pic { position: absolute; left: 0; bottom: 0; } .focusBox .bd .pic img{ width: 100%; height: 333px; } .focusBox .bd .con{ position: relative; padding-top: 32px; } .focusBox .bd .con .title{ line-height: 34px; height: 34px; font-size: 18px; overflow: hidden; } .focusBox .bd .con .date{ position: absolute; left: 0; top: 0; line-height: 30px; font-size: 18px; color: #777; } .focusBox .bd .con .intro{ margin-top: 10px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #777; } /* 焦点图切换-内页 */ .focusPageBox { margin-bottom: 30px; position: relative; background: #fff; padding: 20px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .focusPageBox .bd .pic { float: left; width: 600px; margin-right: 30px; } .focusPageBox .bd .pic img { width: 100%; height: 372px; } .focusPageBox .bd .con{ overflow: hidden; } .focusPageBox .bd .con .title { line-height: 36px; max-height: 72px; font-size: 24px; overflow: hidden; } .focusPageBox .bd .con .intro { margin-top: 12px; line-height: 28px; max-height: 168px; overflow: hidden; font-size: 14px; color: #777; } .focusPageBox .bd .con .date { display: block; margin-top: 12px; line-height: 30px; font-size: 14px; color: #999; } .focusPageBox .bd .con .date::before { display: inline-block; vertical-align: top; font-family: "fontpower"; content: '\e737'; margin-right: 8px; font-size: 1.2em; color: #bda060; } .focusPageBox .hd{ position: absolute; width: auto; left: 600px; right: 0; bottom: 40px; text-align: center; } .focusPageBox .hd ul{ font-size: 0; line-height: 1; } .focusPageBox .hd ul li { display: inline-block; margin: 0 5px; width: 12px; height: 12px; line-height: 12px; text-align: center; background: #ccc; cursor: pointer; color: #333; border-radius: 500px; } .focusPageBox .hd ul li.on{ background: #F83F21; color: #fff; } .focusPageBox .hd ul li span{ display: none; } /* 图片经过效果 */ .pic a, a.pic { overflow: hidden; display: block; } a.pic img, .pic a img { transition: all ease .4s; } a.pic img:hover, .pic a:hover img { transform: scale(1.08); } /* url_方块样式分页 */ .page{ font-size: 0; text-align: left;clear: both; overflow: hidden; color: #888; text-align: center; } .page a, .page span{ font-size: 14px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 4px 14px; margin: 0 5px 5px 0; line-height: 27px; height: 27px; color: #888; background: #fff; border-radius: 5px;} .page a:hover, .page span:hover{ border: 1px solid #3F66A7; text-decoration: none; color: #3F66A7; } .page .current{ border: 1px solid #3F66A7; background: #3F66A7; color: #fff !important; } .page select, .page input{ margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; 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: #223874; 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; } /* 图标特效 */ .effectIcon li a:before{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 1s ease; transition: all 1s ease; } .effectIcon li a:hover:before{ -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } /*-- 颜色代码 #1E72B4 深蓝色标题 #C4DEF8 淡蓝色边框 --*/