﻿@charset"utf-8"; 

/*
CssforPEL,ver1.0
CopyRightByDongyiNetworkTechnologyCO.,LtdDesignCenter
Ã¦â€°â‚¬Ã¦Å“â€°Ã§Â½'Ã§Â«â„¢Ã©â‚¬Å¡Ã§"Â¨Ã¦Â¨Â¡Ã¥Ââ€”Ã¯Â¼Å’Ã¥ÂÂ¯Ã¦Â Â¹Ã¦ÂÂ®Ã¨â€¡ÂªÃ¨ÂºÂ«Ã§Â½'Ã§Â«â„¢Ã¤Â¿Â®Ã¦"Â¹
*/

/*Ã©â‚¬Å¡Ã§"Â¨Ã¤Â¿Â¡Ã¦ÂÂ¯Ã¥Ë†â€”Ã¨Â¡Â¨*/
.infoList {text-align: left}
.infoList li {height: 30px;line-height: 30px;overflow: hidden;}
.infoList li .date {font-size: 14px;float: right;color: #999;}
.infoList li .node {color: #f00; margin-right: 5px}

/*Ã©â‚¬Å¡Ã§"Â¨Ã¥Â¸Â¦Ã¥â€ºÂ¾Ã§â€°â€¡Ã§Å¡"Ã¤Â¿Â¡Ã¦ÂÂ¯Ã¥Ë†â€”Ã¨Â¡Â¨_Ã¦â„¢Â®Ã©â‚¬Å¡Ã¥Â¼Â*/
.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%; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms}
.picListFl li .title {font-size: 14px; padding-top: 8px; max-height: 56px}
.picListFl li: hover .pic img {-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: 1pxsolid#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: 120px; 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: 15px; margin-bottom: 10px}
.topicList .t .title {font-size: 17px; padding: 0 0 5px 0}
.topicList .t .tit {color: #1258ad}
.topicList .t .tit: hover {color: #c30000}
.topicList .t .intro  {font-size: 12px; color: #666; text-align: left; line-height: 1.8em}
.topicList .t .intro .more {color: #c30000}
.topicList .n  {height: 30px; line-height: 30px; overflow: hidden; padding: 010px00}
.topicList .n .tit {padding-left: 18px; background: url(../img/icons.png) 5px -90px no-repeat}
.topicList .n .date {float: right; color: #999; margin-left: 10px}

/*Ã¦Å“â€°Ã¥â€ºÂ¾Ã§â€°â€¡Ã¦â€”Â¶Ã¨Â¿Â½Ã¥Å Â Ã§Å¡"Ã§Â±Â»class="topicListtopicHasPic"*/
.topicHasPic .t  {position: relative; overflow: hidden; zoom: 1; border-bottom: 1px dashed #ccc}
.topicHasPic .pic  {width: 160px; margin-right: 20px; float: left}
.topicHasPic .pic img  {width: 100%; /*height: 120px; */}
.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  {/*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: 10px;height: 10px;line-height: 9px;text-align: center;background: #fff;cursor: pointer;color: #fff;border-radius: 50%;}
.focusBox .hd ul li.on {background: #e02725;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%; 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}

/*url_Ã¦â€“Â¹Ã¥Ââ€”Ã¦Â Â·Ã¥Â¼ÂÃ¥Ë†â€ Ã©Â¡Âµ*/
.page {font-size: 0; text-align: center; padding: 25px 0; clear: both; line-height: 25px}
.page a,
.page span {font-size: 12px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0 9px; margin: 0 5px 5px 0}
.page a: hover {border: 1px solid #1866b3; text-decoration: none; color: #1866b3}
.page .current {background: #1866b3;border: 1px solid #1866b3;color: #fff!important;font-weight: bold;padding: 0 9px;}
.page select { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle}

/*--Ã§Â½'Ã§Â«â„¢Ã¥Å“Â°Ã¥â€ºÂ¾--*/
.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 "MicrosoftYaHei"; _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}
/*--
Ã©Â¢Å“Ã¨â€°Â²Ã¤Â»Â£Ã§Â Â
#1E72B4Ã¦Â·Â±Ã¨"ÂÃ¨â€°Â²Ã¦Â â€¡Ã©Â¢Ëœ
#C4DEF8Ã¦Â·Â¡Ã¨"ÂÃ¨â€°Â²Ã¨Â¾Â¹Ã¦Â¡â€ 
--*/