/*第一模块*/
.one_box{ width:100%; height:510px; background: #fff;}
.warp_box1{ width: 1200px; padding: 50px 0; margin:0 auto;}
/*焦点图开始*/
div.slideBox{ position:relative; width:795px; height:400px; overflow:hidden; float: left;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:none;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:16px; height:16px; background-color:#FFF; text-indent:-99999px; margin:17px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color: #0060CC;}
/*焦点图结束*/
/*公告样式开始*/
.notice{ width: 375px; height: 510px; float: right; overflow: hidden;}
.notice li span{ float: right; color: #999; font-size: 14px; line-height: 24px;}
.notice h2{ font-size: 20px; line-height: 30px; font-weight: bold; color: #0060CC; position: relative; margin-bottom: 20px;}
.notice h2 span{ color: #0060CC; font-size: 14px;float: right; line-height: 30px; font-weight: normal;}
.notice h2 span a{color: #0060CC;}
.notice h2 span a:hover{ color: #000; display: block;}
.notice .common-list {min-height:235px;}
.notice h2 span a:hover{/*width: 60px; height: 24px;*/ color: #000; display: block;}
.notice li a{ width:300px; display:inline-block; margin-bottom:20px; position:relative; padding-left:15px;font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice li a:before {content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#0060cc; border-radius:50%;}
/*公告样式结束*/
/*第二模块*/
.two_box{ width: 100%; height: 420px; background: #f5f5f5;}
/*工作动态开始*/
.news{ width: 795px; height: 300px; float: left;}
.news .ellipsis {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news h2{ font-size: 20px; line-height: 30px; font-weight: bold; color: #0060CC; position: relative; margin-bottom: 30px;}
.news h2 span{ color: #0060CC; font-size: 14px;float: right; line-height: 30px; font-weight: normal;}
.news h2 span a{color: #0060CC;}
.news h2 span a:hover{ color: #000; display: block;}
.news ul{ width: 480px; float: right; height: 280px;}
.news li span{ float: right; font-size: 14px; color: #999; line-height: 24px;}
.news li a{ width:400px; display:inline-block; margin-bottom:20px; position:relative; padding-left:15px;font-size:16px;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li a:before {content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#0060cc; border-radius:50%;}
/*工作动态开始*/
/*微信推文开始*/
.wechat{ width:375px; float: right;}
.wechat h3{font-size: 20px; color: #0060CC; line-height: 30px; font-weight: bold; margin-bottom: 30px; position: relative;}
.wechat h3 span{ color: #0060CC; font-size: 14px;float: right; line-height: 30px; font-weight: normal;}
.wechat h3 span a{color: #0060cc;}
.wechat h3 span a:hover{color: #333; display: block;}
.wechat dl {width:100%; padding:0 0; /*margin-bottom:3px; */margin-bottom:5px; padding-left:5px; transition:background .4s; cursor:pointer;}
.wechat dl dt {position:relative; width:20%; height: 64px; float:left; background: #0060CC; margin-bottom: 20px; text-align:center; color: #fff; font-weight: normal;}
.wechat dl dt .date{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff;}
.wechat dl dt .month{ width: 100%; background: #fff; height: 24px; line-height: 24px; font-size: 16px; color: #666;}
.wechat dl dt .new{ position:absolute; right: 0; top: -7px; width:40px; height: 14px; line-height: 14px; text-align: center; color: #fff; background: #f31123; font-size: 8px; font-family: arial; font-style: normal; font-weight: normal;}
.wechat dl dd {width:75%; float:right;}
.wechat dl dd h3 {height:24px; margin-bottom:3px; font-size:16px; font-weight:normal; line-height: 20px; font-family: "microsoft yahei";}
.wechat dl dd p {color:#888; font-size: 12px;line-height: 19px;}
.wechat dd h3 a{ width:285px; display: inline-block; color: #333; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.wechat dd h3 a:hover{ color: #0060cc; text-decoration: none;}
/*微信推文结束*/
/*第三模块*/
.three_box{ width:100%; height:460px; background: #fff;}
.by_service{ width: 795px; height: 390px; overflow: hidden; float: left;}
.by_service h2{ font-size: 20px; line-height: 30px; font-weight: bold; color: #0060CC; position: relative; margin-bottom: 30px;}
.by_service h2 span{ color: #0060cc; font-size: 14px;float: right; line-height: 24px; font-weight: normal;}
.by_service h2 span a{color: #0060cc;}
.by_service h2 span a:hover{color: #000; display: block;}
.by_service ul{ width: 100%; margin-bottom: 10px; height: 100px;}
.by_service li{float: left; width: 84px; margin-left: 60px; text-align: center; font-size: 14px; line-height: 16px;}
.by_service li:last-child{margin-right:0;}
.by_service li:first-child{margin-left:-12px;}
.by_service i{ color: #fff; line-height: 60px; font-size: 24px;}
.by_service .icon{ width: 60px; height:60px;margin: 0 auto 15px auto; overflow: hidden; border-radius: 10px; overflow: hidden; cursor: pointer;}
.by_service .icon:hover{background:#0060CC;box-shadow: 2px 2px 5px rgba(0,55,115,0.3);}
.by_service .icon01{ background:#6a6de2; box-shadow: 2px 2px 5px rgba(75,75,205,0.3);}
.by_service .icon02{ background:#008efe; box-shadow: 2px 2px 5px rgba(20,110,180,0.3);}
.by_service .icon03{ background:#34b9e6; box-shadow: 2px 2px 5px rgba(30,145,185,0.3);}
.by_service .icon04{ background:#54c8f6; box-shadow: 2px 2px 5px rgba(40,145,190,0.3);}
.by_service .icon05{ background:#50de72; box-shadow: 2px 2px 5px rgba(40,165,70,0.3);}
.by_service .icon06{ background:#fe4565; box-shadow: 2px 2px 5px rgba(185,35,60,0.3);}
.by_service .icon07{ background:#ff5335; box-shadow: 2px 2px 5px rgba(190,50,25,0.3);}
.by_service .icon08{ background:#ffa600; box-shadow: 2px 2px 5px rgba(170,110,0,0.3);}
.by_service .icon09{ background:#f1c800; box-shadow: 2px 2px 5px rgba(170,145,0,0.3);}
.by_service .icon10{ background:#c001ff; box-shadow: 2px 2px 5px rgba(120,0,160,0.3);}
.by_service .icon11{ background:#ff01e4; box-shadow: 2px 2px 5px rgba(155,0,140,0.3);}
.by_service .icon12{ background:#ff358b; box-shadow: 2px 2px 5px rgba(160,10,75,0.3);}
.by_service .icon13{ background:#50de72; box-shadow: 2px 2px 5px rgba(40,165,70,0.3);}
.by_service .icon14{ background:#54c8f6; box-shadow: 2px 2px 5px rgba(40,145,190,0.3);}
.by_service .icon15{ background:#008efe; box-shadow: 2px 2px 5px rgba(20,110,180,0.3);}
.by_service .icon16{ background:#ffa600; box-shadow: 2px 2px 5px rgba(170,110,0,0.3);}
.by_service .icon17{ background:#f1c800; box-shadow: 2px 2px 5px rgba(170,145,0,0.3);}
.by_service .icon18{ background:#6a6de2; box-shadow: 2px 2px 5px rgba(75,75,205,0.3);}
/*滚动效果开始*/
.mr_frbox{height:390px; width: 795px; float: left; overflow: hidden;}
.mr_frbox h2{ font-size: 20px; line-height: 30px; font-weight: bold; color: #0060CC; position: relative; margin-bottom: 30px; float: left;}
.mr_frBtnL,.mr_frBtnR{float:right; cursor:pointer;display:inline; margin-bottom: 20px;}
.mr_frUl{float:left; height:390px;width:795px;}
.mr_frUl ul li{
    display: inline-block;
    float: left;
    width: 84px;
    margin-right: 58px;
    text-align: center;
    font-size: 14px;
    /* line-height: 16px; */
    height: 109px;
    /* overflow: hidden; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mr_frUl ul li:last-child{margin-right:0;}
.mr_frUl ul li a{ margin-bottom: 20px; display: block;}
.mr_frUl ul li i{ color: #fff; line-height: 60px; font-size: 24px;}
.mr_frUl ul li .icon{ width: 60px; height:60px;margin: 0 auto 15px auto; overflow: hidden; border-radius: 10px; overflow: hidden; cursor: pointer;}
.mr_frUl ul li .icon:hover{background:#0060CC;box-shadow: 2px 2px 5px rgba(0,55,115,0.3);}
.mr_frUl ul li .icon01{ background:#6a6de2; box-shadow: 2px 2px 5px rgba(75,75,205,0.3);}
.mr_frUl ul li .icon02{ background:#008efe; box-shadow: 2px 2px 5px rgba(20,110,180,0.3);}
.mr_frUl ul li .icon03{ background:#34b9e6; box-shadow: 2px 2px 5px rgba(30,145,185,0.3);}
.mr_frUl ul li .icon04{ background:#54c8f6; box-shadow: 2px 2px 5px rgba(40,145,190,0.3);}
.mr_frUl ul li .icon05{ background:#50de72; box-shadow: 2px 2px 5px rgba(40,165,70,0.3);}
.mr_frUl ul li .icon06{ background:#fe4565; box-shadow: 2px 2px 5px rgba(185,35,60,0.3);}
.mr_frUl ul li .icon07{ background:#ff5335; box-shadow: 2px 2px 5px rgba(190,50,25,0.3);}
.mr_frUl ul li .icon08{ background:#ffa600; box-shadow: 2px 2px 5px rgba(170,110,0,0.3);}
.mr_frUl ul li .icon09{ background:#f1c800; box-shadow: 2px 2px 5px rgba(170,145,0,0.3);}
.mr_frUl ul li .icon10{ background:#c001ff; box-shadow: 2px 2px 5px rgba(120,0,160,0.3);}
.mr_frUl ul li .icon11{ background:#ff01e4; box-shadow: 2px 2px 5px rgba(155,0,140,0.3);}
.mr_frUl ul li .icon12{ background:#ff358b; box-shadow: 2px 2px 5px rgba(160,10,75,0.3);}
.mr_frUl ul li .icon13{ background:#50de72; box-shadow: 2px 2px 5px rgba(40,165,70,0.3);}
.mr_frUl ul li .icon14{ background:#54c8f6; box-shadow: 2px 2px 5px rgba(40,145,190,0.3);}
.mr_frUl ul li .icon15{ background:#008efe; box-shadow: 2px 2px 5px rgba(20,110,180,0.3);}
.mr_frUl ul li .icon16{ background:#ffa600; box-shadow: 2px 2px 5px rgba(170,110,0,0.3);}
.mr_frUl ul li .icon17{ background:#f1c800; box-shadow: 2px 2px 5px rgba(170,145,0,0.3);}
.mr_frUl ul li .icon18{ background:#6a6de2; box-shadow: 2px 2px 5px rgba(75,75,205,0.3);}
.mr_frUl ul li a:hover .icon{background:#0060CC;color:#0060CC;}

/*滚动效果结束*/
/* 常用下载开始 */
.by_download{width: 375px; height: 390px; overflow: hidden; float: right;}
.by_download h3{font-size: 20px; color: #0060CC; font-weight: bold; line-height: 30px; margin-bottom: 24px; position: relative;}
.by_download h3 span{ color: #0060CC; font-size: 14px;float: right; line-height: 30px; font-weight: normal;}
.by_download h3 span a{color: #0060CC;}
.by_download h3 span a:hover{ color: #000; display: block;}
.by_download li i{font-size: 16px; color: #0060CC; float: right; line-height: 29px;}
.by_download li a{width: 353px; line-height:29px; margin-bottom: 1px; margin-left: 3px;display:inline-block;position:relative;padding-left:18px;font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.by_download li a:before {content:''; position:absolute; top:12px; left:0; width:5px; height:5px; background:#0060cc; border-radius:50%;}
.by_download li a span{ width: 300px; display:inline-block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 常用下载结束 */
/* 第四模块 */
.frou_box{ width: 100%; height: 200px; background: #f5f5f5;}
/* 快速链接开始 */
.by_link{width: 100%; height: 150px;}
.by_link h2{ font-size: 20px; line-height: 30px; color: #0060CC; position: relative; font-weight: bold; margin-bottom: 18px;}
.by_link ul{padding:10px 0;}
.by_link li{float: left; margin-right: 50px ; text-align: center; font-size: 14px; line-height: 30px;}
.by_link li:last-child{margin: 0;}
/* 快速链接结束 */