﻿/* CSS Document */

.columnOne,.columnTow,.columnTree{width:100%; margin: 0 auto;}
.columnOne,.columnTree{padding-bottom:20px;}
.columnTree{padding:20px 0;}
.columnTow{margin-top:20px;}
.propaBox,.hwrap{width:1200px; margin: 0 auto;padding: 10px;background: #fff;}


/*---溢出隐藏---*/
.propaBox .bd li p span,.newlistTow li h3,.kjWen h3,.kjWen p,.artsOne h3{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*--顶部大图--*/
.banner{ width:100%; margin: 0 auto; height: 610px; background: url(../images/banner-bg1.jpg) no-repeat center top;padding-top:29px;}
.propaBox{width:1200px !important;margin-top:29px; position: relative; background: #fff; padding:15px;}
.propaBox .bd{ width:1200px; margin: 0 auto;}

.banerPic{width:100%; height: 456px;}
.banerTu{width:750px; overflow: hidden;zoom:1;}
.banerTu img{ width:100%;}
.banerWen{width:400px; background:#f2f8fd; padding:15px 25px; height: 426px;}
.banerWen .text{ width:100%; line-height: 45px; color: #0672cf; border-bottom:1px solid #d9dfe3;padding-bottom:20px; font-size: 26px;margin:20px 0;}
.banerWen .text h3{font-size: 26px; font-weight: bold;line-height: 45px;}
.banerWen .text a{ color: #0672cf;}

.info-jc{ width:100%; margin-top:20px;}
.jcxinxi{ width:100%;margin-bottom:10px;}
.jcxinxi span{ display: block; color: #555; line-height: 28px;}
.jcxinxi span em{ font-style: normal; text-align: right;margin-left:30px; }
.jcxinxi span i{ margin-right:10px;}
span.sm-tish{ font-size: #555; font-size: 14px; margin-left:30px;}


.propaBox a.prev,.propaBox a.next{ display: block; width:34px; height:34px; position: absolute;bottom:26px; z-index: 99;transition: all 0.2s;}
.propaBox a.prev{ right:95px; background: url(../images/arrow21.png) no-repeat;}
.propaBox a.next{ right:34px; background: url(../images/arrow22.png) no-repeat;}

/*--内容区--*/
/*-通知公告-*/
.hNotice{width:100%;}
.hNotice .tit{ width:120px; height: 40px; background: url(../images/line2.jpg) no-repeat right bottom;overflow: hidden;zoom:1; }
.hNotice .tit i,.hNotice .tit span{ display: inline-block; float:left;}
.hNotice .tit i,.newColumbt .hd h3 i{width:33px; height: 33px; background: url(../images/h-icon1.png) no-repeat 0 0;-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.hNotice .tit span,.newColumbt .hd h3 span{margin-left:5px; height: 40px; line-height: 33px; font-weight: bold; color: #1d8ae6; font-size: 20px;}
.hNotice .tit i{ background-position: 0 0;}
.hNotice .tit:hover i{ background-position: -33px 0;}

.wenlv h3 i{background-position: 0 -33px !important;}
.wenlv h3:hover i{background-position: -33px -33px !important;}

.space h3 i{background-position: 0 -66px !important;}
.space h3:hover i{background-position: -33px -66px !important;}

.zblive h3 i{background-position: 0 -99px !important;}
.zblive h3:hover i{background-position: -33px -99px !important;}

.shetuan h3 i{background-position: 0 -132px !important;}
.shetuan h3:hover i{background-position: -33px -132px !important;}

.zizyuan h3 i{background-position: 0 -165px !important;}
.zizyuan h3:hover i{background-position: -33px -165px !important;}



.tzlist{ width:1050px; height: 40px;}
.tzlist li{ background:none !important;display: flex;}
.tzlist .tzgglb{flex:1; line-height:40px; float:left; color:#337ab7; background:url(../images/dian.jpg) no-repeat left; margin-left:15px; overflow:hidden;zoom:1;}
.tzlist .tzgglb a{ float:left; display:block; width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:14px;}
.tzlist .tzgglb span{ display:block; width:90px; color:#9a9a9b; float:right; font-size:14px; text-align:center;}

/*--焦点图及新闻---*/
.focus-news{ width:100%;margin-top:21px;}

.focus{ width:532px; height:334px; position:relative;}
.focus .hd{ height:10px; width:75px; position:absolute; bottom:16px; right:8px; z-index:999;}
.focus .hd li{ width:10px; height:10px;margin-right:6px;  border:1px solid #fff; float:left; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.focus .hd li.on{ background:#fb4545; border:1px solid #fb4545; }
.focus .bd{ width:532px; height:334px;}
.focus .bd li{ float:left;width:532px; height:334px; position:relative;}
.focus .bd li span{ width:100%; height:40px; background:url(../images/tm-bg2.png) repeat;  color:#fff; position:absolute; left:0; bottom:0; z-index:99;}
.focus .bd li span p{ width:75%;line-height:40px; display:block; text-indent:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.newbox1{ width:642px;}
.newColumbt{ position: relative;}
.newColumbt .hd{height:40px; line-height: 40px; background: url(../images/line3.png) repeat-x bottom; overflow: hidden;zoom:1;}
.newColumbt .hd h3,.newColumbt .hd ul,.newColumbt .hd em{ display: block; float:left; }
.newColumbt .hd h3{ background: url(../images/line2.jpg) no-repeat bottom right;padding-right:5px; overflow: hidden;zoom:1;}
.newColumbt .hd h3 i,.newColumbt .hd h3 span{ display:inline-block; float: left;}
.newColumbt .hd em{ float: right; font-style: normal;color: #999999; margin-right:3px; line-height: 40px; font-size: 14px;}
.newColumbt .hd em a{ color: #999999; }
.newColumbt .hd ul{ width:90%;}
.newColumbt .hd ul li{ width:121px; text-align: center; line-height: 40px; font-size: 18px; float: left;margin-right:5px;}
.newColumbt .hd ul li.on a,.newColumbt .hd ul li:hover a{ font-weight: bold; color: #1d8ae6;}
.newColumbt .hd ul li.on,.newColumbt .hd ul li:hover{ background:url(../images/tit-bg2.jpg) no-repeat;}



.newbox1 .tit{ height:40px;border-bottom:1px solid #076dbe; overflow:hidden;zoom:1;}
.newbox1 .tit h2,.newbox1 .tit span{ display:block;}
.newbox1 .tit h2{ width:60%; font-size:20px; color:#1c6ebd; font-weight:bold; text-indent:8px; line-height:40px; float:left; }
.newbox1 .tit span{ float:right;height:25px; width:64px; border:1px solid #afafaf; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; line-height:25px; 
color:#afafaf; font-size:14px; margin-right:18px;}
.newbox1 .tit span a{ color:#afafaf;}
.xileb1{width:100%; margin-top:10px; height:338px;}

.newColumbt .bd{margin-top:10px;}
.newlistTow{ width:100%;}
.newlistTow li{ border-bottom: 1px solid #eeeeee; background: none !important;padding-bottom:5px;margin-bottom: 5px;}
.newlistTow li h3{ display: block; width:100%;  background: url(../images/arrow5.jpg) no-repeat left;text-indent: 14px; line-height: 30px;}
.newlistTow .xq{width:100%; overflow: hidden;zoom:1;}
.newlistTow .xq p,.newlistTow .xq a{ display: block; float: left; }
.newlistTow .xq p{ line-height: 24px; color: #8b8b8b; font-size: 14px;width:80%;padding-left:3%;}
.newlistTow .xq a{ line-height: 40px;margin-top:15px; background: url(../images/arrow12.jpg) no-repeat right; width:50px;padding-right:20px; color: #e64242; float: right;}


.newbox2,.newbox3{ width:100%;margin-bottom:10px;}
.newleft,.newlefttow{ width:634px; }
.newright,.newrightTow{ width:527px;}
.whkjBox{background:#fff; padding:5px;margin-top:12px;}
.kjpic{ width:179px; height: 111px; overflow: hidden;}
.kjpic img{ width:100%;}
.kjWen{ width:324px;}
.kjWen h3,.kjWen p{ display: block; width:100%;}
.kjWen h3{ line-height: 30px; font-weight: bold; }
.whkjBox .arts{ font-size: 14px;color: #777; line-height: 26px;}

.newright a.next,.newright a.prev{ display: block; width:22px; height: 22px; position: absolute; top:10px;}
.newright a.next{ right:35px; background:url(../images/arrow14.png) no-repeat;}
.newright a.prev{ right:0px; background:url(../images/arrow15.png) no-repeat;}
.newright a.next:hover{ background:url(../images/arrow14-2.png) no-repeat;}
.newright a.prev:hover{ background:url(../images/arrow15-2.png) no-repeat;}

.artBox{ width:100%;}

.newrightTow{ position: relative; overflow: hidden;}
.newrightTow .bd{margin-top:22px;}
.newrightTow .bd li{ width:100%; margin-right:13px; float: left;}
.societiesBox{ width:100%; position: relative;}
.societiesBox .pic{ width: 257px; height: 131px; overflow: hidden;}
.societiesBox .pic img{ width: 100%;}
.societiesBox .arts{ border: 1px solid #e5e4e4; padding:10px 13px; background: #fff; border-top:none;}
.artsOne{ width:100%; background: url(../images/line4.jpg) no-repeat left bottom; padding-bottom:8px; }
.artsOne h3,.artsOne p{ display: block; }
.artsOne h3{ line-height:30px;}
.artsOne p{ font-size: 14px; line-height: 22px; color: #888; height: 45px; overflow: hidden;}
.info-Base{margin-top:5px; line-height: 26px;}
.info-Base dl{ overflow: hidden;zoom:1;}
.info-Base dd{width:30% !important;margin-right:0.3%; color: #999; float: left;}
.info-Base dd i{margin-right:5px;}
.info-Base dd.hot{ color: #f54242; background: url(../images/line5.jpg) no-repeat left; padding-left:13px;}


.newrightTow a.next,.newrightTow a.prev{ display: block; width:32px; height: 38px; position: absolute; top:168px; z-index: 99;}
.newrightTow a.next{ left:0; background:url(../images/arrow16.png) no-repeat;}
.newrightTow a.prev{ right:0px; background:url(../images/arrow17.png) no-repeat;}


.zhezbq{ background:url(../images/tm-bg3.png) repeat;  border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-top-left-radius:0; border-bottom-left-radius: 0; position: absolute; top:5px; left: 0; height: 25px; line-height: 25px; padding: 0 20px 0 15px; font-size: 14px; color: #fff;}


.htop{ width:100%; height: 112px;}
.resource{margin-top:15px; position: relative;}

.resource a.next,.resource a.prev{ display: block; width:32px; height: 52px; position: absolute; top:184px; z-index: 99;}
.resource a.next{ left:0; background:url(../images/arrow18.png) no-repeat;}
.resource a.prev{ right:0px; background:url(../images/arrow19.png) no-repeat;}


.ziyuanlist{margin-top:20px; overflow: hidden;}
.ziyuanlist li{ float: left; width:266px;padding:10px; border: 1px solid #e5e4e4;margin-right:16px;}  
.ziyuanlist li .pic{ width:267px;height: 168px; overflow: hidden;}
.ziyuanlist li .pic img{ width: 100%; }
.ziyuanlist .artsOne{margin-top:8px;}
.ziyuanlist .artsOne h3{margin-top:10px;}
.ziyuanlist .info-Base{margin-top:10px;}

.whyBox{ width:100%; margin-top:20px; margin-bottom:10px;overflow: hidden;zoom:1;}
.whyBox a{width:592px; height: 111px; display: block;}







