﻿@charset "utf-8";
/* CSS Document */
.new-indexMdls{ padding:0;}
.fl{ float:left;}
.fr{ float:right;}

/*切换+聚焦*/
.index-hot{ padding: 5px; background-color: #fff;}
.index-hot .left{ float:left; width: 536px; overflow: hidden;}
.hot-banner{ width:100%; height: 342px; overflow: hidden; position: relative;}
.hot-banner .more{ display:block; position: absolute; left: 0; top: 0; z-index: 2;}

.hot-banner  h5{ display:block; position: absolute; left: 0; top: 0; right: 0; height: 30px; line-height: 30px; padding-left: 20px; background-color: rgba(0,0,0,0.5); z-index: 3;left:428px; width:100px;}
.hot-banner  h5 p{ color:#fff !important; font-size: 14px;}




.hot-banner .bd li div{ width:505px; height: 347px; overflow:hidden; position: relative;}
.hot-banner .bd img{ display: block;}
.hot-banner .bd h4{ display:block; position: absolute; left: 0; bottom: 0; right: 0; height: 35px; line-height: 35px; padding-left: 20px; background-color: rgba(0,0,0,0.5); z-index: 3;}
.hot-banner .bd h4 a{ color:#fff !important; font-size: 14px;}
.hot-banner .bd h4 a:hover{ text-decoration:underline;}
.hot-banner .hd{ position: relative;}
.hot-banner .hd ul{ position: absolute; right: 15px; top: -28px; height: 20px; z-index: 5;}
.hot-banner .hd ul li{ float:left; margin-left: 5px; width: 18px; height: 18px; border: 1px #fff solid; text-align: center; line-height: 18px; font-size: 12px; color: #fff;}
.hot-banner .hd ul li.on{ background-color: #ff0000; cursor: pointer;}

.index-hot .right{ float: right; width: 440px; overflow: hidden;}
.hot-news{ border-bottom: 2px #b0b0b0 dashed;}
.hot-news .title{ height: 38px; border-bottom: 2px #e5e5e5 solid; position: relative; font-size: 14px; color: #5d5959; line-height: 38px; padding: 0 3px;}
.hot-news .title img{ float:left; margin-top: 4px; margin-right: 10px;}
.hot-news .title i{ font-style: normal; color: #555;}
.hot-news .title p{ float:right; color: #555;}
.hot-news .title a{ display: block; height: 38px;}
.hot-news .list{ padding: 10px; font-size: 14px; color: #888282; line-height: 25px;}
.hot-news .list p a{ color:#c10606;}
.hot-news .list h4{ display:block; text-align: center; font-size: 19px; color: #c10606; font-weight: normal; line-height: 38px; height: 38px; position: relative;padding: 0 30px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  font-weight:bold}
.hot-news .list h4 i{ position: absolute; font-style: normal; color: #aeaeae; font-size: 14px; right: 0; top: 0; z-index: 1;}

.hot-list{ padding-top: 13px;}
.hot-list li a{ display:block; font-size: 14px; height: 36px; line-height: 36px; padding-right: 10px;}
.hot-list li .tit{float: left; display: block; width: 325px; height: 100%; text-indent: 22px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: url(../images/ico.gif) no-repeat 10px -533px;}
.hot-list li .date{ float:right; color: #aeaeae;}

/*领导之窗,通知公告，科学动态*/
.index-notice{ padding: 20px 0;}
.index-notice .info{ width: 348px; border: 1px #fff solid; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; overflow: hidden; background-color: #fff; margin-right: 15px;}
.index-notice .info01{ width: 258px; margin-right: 20px;}
.index-notice .info .title{ height:34px; line-height: 34px; background: #C1E2F5 url(../images/add_img_03.jpg) no-repeat 8px 0; font-size: 14px; color: #C1E2F5; position: relative;}
.index-notice .info .title h2{ display:block; float: left; padding-left: 23px; font-size: 15px; color: #000 !important; font-weight: bold;}
.index-notice .info .title h2 em{ color:#fff; padding-right: 10px; font-weight: bold;}
.index-notice .info .title i,.tieMdls .new_mdlTitle i{float:left; font-style: normal; padding-left: 10px;color: #555; }
.index-notice .info .title p,.tieMdls .new_mdlTitle p{ float:right; padding-right: 8px;color: #555;}
.index-notice .info .title a{ display: block; height: 34px;}
.index-notice .info .mdlCnt{ height: 202px; overflow: hidden;}
.index-notice .info .itemList,.metial-news .itemList{ width:304px; padding-top: 15px; overflow:hidden; margin:0 auto; }
.index-notice .info01 .itemList{ width:240px;}/*领导事物*/
.index-notice .info .itemList li,.metial-news .itemList li{ position:relative; height:33px; line-height:33px; _height:30px; _line-height:30px; border-bottom:1px dotted #A4A4A4; }
.index-notice .info .itemList li a,.index-notice .info .itemList li a:hover,.index-notice .info .itemList li a:visited,.index-notice .info .itemList li a:active,.metial-news .itemList li a,.metial-news .itemList li a:hover,.metial-news .itemList li a:visited,.metial-news .itemList li a:active{ position:relative; display:block; height:100%; width:290px; padding-left:14px; background:url(../images/ico.gif) no-repeat 3px -535px; overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; }	
.index-notice .info01 .itemList li a,.index-notice .info01 .itemList li a:hover,.index-notice .info01 .itemList li a:visited,.index-notice .info01 .itemList li a:active{ width: 220px;}
.index-notice .info .itemList li.new a:hover,.metial-news .itemList li.new a:hover { color:#EE7B00; }
.index-notice .info .itemList li.new a,.index-notice .info .itemList li.new a:hover,.index-notice .info .itemList li.new a:visited,.index-notice .info  .itemList li.new a:active,.metial-news .itemList li.new a,.metial-news .itemList li.new a:hover,.metial-news .itemList li.new a:visited,.metial-news .itemList li.new a:active{ width:80%; }
.index-notice .info .itemList li .new,.metial-news .itemList li .new { position:absolute; right:0; top:0; display:none; width:35px; height:100%; color:#EE7B00; font-size:11px; }
.index-notice .info .itemList li.new .new,.metial-news .itemList li.new .new { display:block; }
.ggtitle{float: left; display: block; width: 325px; height: 100%; text-indent: 22px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: url(../images/ico.gif) no-repeat 10px -533px; }

#abc a:link {
    color:#C10606;
    text-decoration:none;
}

#abc a:visited {
    color:#CC0606;
    text-decoration:none;
}
    
#abc a:hover {
    color:#FF0000;
    text-decoration:none;
    }
    
#abc a:active {
    color:#CC0606;
    text-decoration:none;
}


#abcd{ display:block; position: absolute; left: 0; top: 0; right: 0; height: 30px; line-height: 30px; padding-left: 20px; background-color: rgba(0,0,0,0.5); z-index: 3;left:0px; width:100px;}



/*法库*/
.mt20{ margin-top: 20px;}
.mdlLaws{ margin-bottom:0; padding-bottom: 10px;}
.tieMdls .new_mdlTitle{ line-height: 42px; background:url(../images/add_img_04.jpg) no-repeat 0 0 !important; position: relative; font-size: 14px; color: #575252; }
.tieMdls .new_mdlTitle a{ display: block; position: absolute; left: 0; top: 0;}
.tieMdls .new_mdlTitle h2{ display:block; float: left; padding-left: 22px; font-size: 16px; color: #000; font-weight: bold;}
.tieMdls .new_mdlTitle h2 em{color:#fff; padding-right: 10px; font-weight: bold;}
.tieMdls .new_mdlTitle p{ padding-right: 14px;}
.new-indexMdls .tieMdls{ margin:0;}

/*图片位*/
.p-img{ padding: 10px 0 5px;}
.p-img01{ padding-top: 0;}

/*图片位切换*/
.p_banner{ margin-bottom: 15px; width: 100%; overflow: hidden; position: relative;}
.p_banner .more{ display:block; position: absolute; right: 0; top: 0; width: 55px; text-align: center; line-height: 22px; background-color: #fff; font-size: 14px; color: #5FA930; z-index: 5;}
.p_banner li a{ display:block; overflow: hidden;}
.p_banner li img{ display:block;}
.p_banner .hd{ position: relative;}
.p_banner .hd ul{ position: absolute; right: 30px; top: -20px;}
.p_banner .hd li{ float:left; margin-left: 5px; width: 13px; height: 11px; background-color: #fffefa; overflow: hidden; text-indent: 99em;}
.p_banner .hd li.on{ background-color: #0b90a3;}

/*团队建设*/
.new-indexMdls .mdlYouth{ margin-top: 0px; margin-bottom: 0;}

/*媒体建设*/
.metial{ padding-bottom: 15px;}
.metial-info{ float:left; width: 265px; overflow: hidden;}
.metial-con{ border:1px #c7c7c7 solid;}
.metial-con .title{ height: 46px; line-height: 56px; overflow: hidden; background-image: url(../images/add_img_09.jpg); padding-left: 0; font-size: 14px; color: #575252; position: relative;}
.metial-con .title i,.metial-news .title i{ display:block; float:left; font-style: normal; padding-left: 130px;}
.metial-con .title a,.metial-news .title a{ display:block; height: 46px; color: #555;}
.metial-banner{ padding:10px 6px; overflow: hidden;}
.metial-banner .bd img{ display:block; border: 1px #9aa0a9 solid; width:249px; height: 94px;}
.metial-banner .hd{ position:relative;}
.metial-banner .hd ul{ position:absolute; right: 1px; top: -14px;}
.metial-banner .hd li{ float:left; font-size: 12px; margin-left: 3px; width: 17px; height: 13px; text-align: center; line-height: 13px; color: #fff; background-color: #6f7579;cursor: pointer;}
.metial-banner .hd li.on{ background-color:#ff6600;}

.metial-other{  margin-top: 6px; padding: 0px 6px 13px;}
.metial-other a,.metial-other img{ display:block;}
.metial-other img{ border:1px #9aa0a9 solid; width:249px; height: 94px;}

.metial-news{ float:left; margin-left: 25px; width: 340px; height: 275px; border: 1px #c7c7c7 solid; overflow: hidden;}
.metial-news .title{ height:45px; line-height: 60px; background-image: url(../images/add_img_10.jpg); overflow: hidden; font-size: 14px; color: #575252; position: relative;}
.metial-news .title i{ padding-left: 96px;}
.metial-news .title p{ float:right; padding-right: 5px;}
.metial-news .itemList{ width: 310px; padding-top: 10px;}

.metial-news01 .title{ background-image:url(../images/add_img_11.jpg);}