@charset "utf-8";
/*---------*/
/*辽阳县旅游局
/*20180404
/*by 张恒 畅通数据
/*---------*/


/*网页背景*/
#rsj{background: #fff url(../images/bg_rsj.jpg) no-repeat center top;}

/*头部*/
#rsj #header .header{ background: rgba(255,255,255,0.5);}
#rsj #header .header .icon { font-size: 18px; color: #03316f;}
#rsj #header .logo{ height: 300px; padding-top: 80px;}

#rsj #header .nav{ width: 1200px; background:#03316f; margin: 0 auto;}
#rsj #header .nav ul { width:800px;height:40px; padding-top: 0px; margin: 0}
#rsj #header .nav ul li { height:40px; line-height: 40px; background: url(../images/index_06.jpg) no-repeat right top; white-space:nowrap; text-align:center; font-size:16px; color:#fff;}
#rsj #header .nav ul li a{display: block; color: #fff;}
#rsj #header .nav ul li.cur,#rsj #header .nav ul li:hover{background-color: #fff; border-radius:0;}
#rsj #header .nav ul li.cur a,#rsj #header .nav ul li:hover a{ color: #03316f;}


#rsj #footer {height:auto; min-width:1200px; background:#fff; text-align:center; padding-top:25px; border-top: solid 2px #03316f;}
#rsj #footer .security-link { display:block; margin-right:10px;}
#rsj #footer .security-link span{  display:inline-block; height:84px; border-radius:3px; background:#fff; text-align:center; margin-right: 10px; vertical-align:middle; box-sizing: border-box;}
#rsj #footer .security-link span:last-child{  margin-right: 0px; padding-top: 14px;}
#rsj #footer .security-link span img{  display:block; vertical-align:middle;}
#rsj #footer .copyright {width:420px; height:84px; line-height:24px; color:#333; font-size:14px; display:inline-block; vertical-align:top; text-align:center; padding-top:0px;}


/*搜索框*/
#rsj .search { width:342px; height:61px; background:url(../images/bg_search.png); padding-left:49px; padding-top: 19px; margin-top: -21px; line-height:36px; position: relative;}
#rsj .search .icon{ font-size: 24px; color: #999; position: absolute; left: 53px; top: 17px;}
#rsj .search input[type=text] { float: left; width:180px; height:34px; line-height:32px; border: solid 1px #d2d2d2; border-right: 0; padding-left: 2em; text-indent: 0; font-size:14px;}
#rsj .search button { float: left; width:56px; height:34px; border-radius:0 3px 3px 0; background:#03316f; color:#fff; text-align:center; line-height:36px; font-size:14px;}
#rsj .search butto:hover {background:#a50400;}

/*新闻头条*/
#rsj .news-top{ height: 75px; background:#0a4ea3; padding: 10px 10px 10px 254px; overflow: visible; position: relative; margin-top:11px; }
#rsj .news-top:before{ content: ""; width: 254px; height: 86px; background:url(../images/bg_scroll_news.jpg) no-repeat; position: absolute; left: 0; bottom: 0; z-index: 2}
#rsj .news-top ul{ width: 100%; height: 55px; background: #fff; border-radius: 0 3px 3px 0; overflow: hidden;}
#rsj .news-top ul li{ float: left; height: 55px; line-height: 55px; padding-left: 10px; margin-right: 15px; position: relative;}
#rsj .news-top ul li:before{ content: ""; width: 4px; height: 4px; border-radius: 50%; background: #b7b7b7; position: absolute; left: 8px; top:50%; margin-top: -2px;}
#rsj .news-top .title { color:#333; text-align:left; font-size:14px; line-height: 55px;}
#rsj .news-top .title a {color:#333; margin:0 10px;}
#rsj .news-top .title a:hover {color:#00a0e9;}
#rsj .news-top .date{ float: none;line-height: 55px;}

/*头条*/
#rsj .top {}
#rsj .top .column-name{ height: 20px; margin-bottom: 15px;}
#rsj .top .column-name span{ line-height: 20px;}
#rsj .top .column-name span.more a{color:#03316f;}
#rsj .top ul li{ padding-left: 20px; border-bottom: dashed 1px #aba9a9;}
#rsj .top ul li .title{line-height: 30px;}
#rsj .top ul li .title a:hover{color:#03316f;}
#rsj .top ul li:first-child { border-bottom: 0; padding: 0; margin-bottom: 6px;}
#rsj .top ul li:first-child .title { text-align: center;}
#rsj .top ul li:first-child .title a { font-size: 18px; color: #eb0515; font-weight: bold;}
#rsj .top ul li:first-child .content{ height: 40px;}
#rsj .top ul li:first-child .content a { color: #999; }
#rsj .top ul li:before{ content: ""; width: 0px; height: 0px; border-style: solid; border-width: 6px; border-color:transparent transparent transparent #ff7800; position: absolute; left: 8px; top:10px;}
#rsj .top ul li:first-child:before{ display: none;}

#rsj .top .more {color:#03316f;}
#rsj .top .more:hover {text-decoration:underline;}


/*轮播新闻*/
#rsj .bg{ background: #e8f2ff;}
#rsj .banner{ width: 100%; height: 266px;}

/*普通类新闻*/
#rsj .news{ border: solid 1px #e7e7e7; padding: 1px;}
#rsj .news .column-name{ height: 34px; color: #fff; background:#e7e7e7;}
#rsj .news .column-name span{ float: left; line-height: 34px; background:#03316f; padding: 0 10px; position: relative;}
#rsj .news .column-name span:first-child:after{content: ""; width: 13px; height: 34px; background: url(../images/index_23.jpg) no-repeat; position: absolute; right: -13px; top: 0;}
#rsj .news .column-name span i{ height: 12px; padding: 0px 6px; border-radius:9px; text-align: center; text-indent: 0em; background: #d30723;  font-size: 12px; line-height: 12px; margin-left: 3px;}
#rsj .news .column-name span.more{ float: right; background: none; padding: 0;}
#rsj .news .column-name span.more a{ color: #666; margin-right: 10px; position: relative;}
#rsj .news .column-name span.more a:before{ content: ""; width: 11px; height: 1px; background: #666; position: absolute; left: -15px; top: 50%; margin-top: 0px;}
#rsj .news .column-name span.more a:after{ content: ""; width: 1px; height: 11px; background: #666; position: absolute; left: -10px; top: 50%; margin-top: -5px;}
#rsj .news .column-name span.more a:hover{ color:#03316f; }
#rsj .news ul{ padding: 10px;}
#rsj .news ul li{ padding-left: 20px;line-height: 30px;}
#rsj .news ul li:before{ content: ""; width: 0px; height: 0px; border-style: solid; border-width: 6px; border-color:transparent transparent transparent #ff7800; position: absolute; left: 8px; top:10px;}
#rsj .news ul li:last-child{ border-bottom: 0;}
#rsj .news ul li .title{ float: left; width: 85%; line-height: 30px;}
#rsj .news ul li .date{ float: right; width: 15%; line-height: 30px; text-align: right;}


/*办事大厅*/
#rsj .news66{ border: solid 1px #e7e7e7; padding: 1px;}
#rsj .news66 .column-name{ height: 34px; color: #fff; background:#e7e7e7;}
#rsj .news66 .column-name span{ float: left; line-height: 34px; background:#03316f; padding: 0 10px; position: relative;}
#rsj .news66 .column-name span:first-child:after{content: ""; width: 13px; height: 34px; background: url(../images/index_23.jpg) no-repeat; position: absolute; right: -13px; top: 0;}
#rsj .news66 .column-name span i{ height: 12px; padding: 0px 6px; border-radius:9px; text-align: center; text-indent: 0em; background: #d30723;  font-size: 12px; line-height: 12px; margin-left: 3px;}
#rsj .news66 .column-name span.more{ float: right; background: none; padding: 0;}
#rsj .news66 .column-name span.more a{ color: #666; margin-right: 10px; position: relative;}

#rsj .news66 .tab-title{ position: absolute; right: 0; top: 0;}
#rsj .news66 .tab-title ul{ background: none; padding: 0; height: 37px;}
#rsj .news66 .tab-title ul li{ float: left; width: auto; margin: 0 10px; padding: 0; line-height: 33px; border: 0;}
#rsj .news66 .tab-title ul li:before{ content: ""; width: 1px; height: 12px; background: #999; position: absolute; left: -10px; top: 50%; margin-top: -5px;}
#rsj .news66 .tab-title ul li.hit{ color: #bd0703; background: none;}
#rsj .news66 .column{}
#rsj .news66 .column ul{ height: 205px; overflow: hidden; padding: 10px 20px 10px 10px;}
#rsj .news66 .column ul li{ float: left; width: 47.2%; width:calc((100% - 20px) / 2); height: auto; margin-right: 20px;  padding-left: 20px;line-height: 30px;}
#rsj .news66 .column ul li:before{ content: ""; width: 0px; height: 0px; border-style: solid; border-width: 6px; border-color:transparent transparent transparent #ff7800; position: absolute; left: 8px; top:10px;}
#rsj .news66 .column ul li:nth-child(2n){ margin-right: 0;}
#rsj .news66 .column ul li .title{ float: left; width: 85%; line-height: 30px;}
#rsj .news66 .column ul li .date{ float: right; width: 15%; line-height: 30px; text-align: right;}

/*重点工作*/
#rsj .zhongdiangongzuo{border: solid 1px #dcdcdc; }
#rsj .zhongdiangongzuo .column-name{ float: left; width: 40px; height: 141px; padding-top: 30px; background:#03316f; text-align: center;}
#rsj .zhongdiangongzuo .column-name span{ color: #fff; line-height: 1;}
#rsj .zhongdiangongzuo ul{ float: left; display: table; width: 84%; width: calc(100% - 40px);}
#rsj .zhongdiangongzuo ul li{ float: left; display: table-cell; width:20%; height: 141px; text-align: center; position: relative;}
#rsj .zhongdiangongzuo ul li .image{ display: block; width:66px; height: 66px; background: #34a6ad; margin: 15px auto 0; border-radius: 50%; line-height: 66px; text-align: center;}
#rsj .zhongdiangongzuo ul li:nth-child(1) .image{ background: #34a6ad;}
#rsj .zhongdiangongzuo ul li:nth-child(2) .image{ background: #87ad34;}
#rsj .zhongdiangongzuo ul li:nth-child(3) .image{ background: #cb9d25;}
#rsj .zhongdiangongzuo ul li:nth-child(4) .image{ background: #cb5d28;}
#rsj .zhongdiangongzuo ul li:nth-child(5) .image{ background: #1c4f90;}
#rsj .zhongdiangongzuo ul li:nth-child(6) .image{ background: #db3340;}
#rsj .zhongdiangongzuo ul li:nth-child(7) .image{ background: #64ba73;}
#rsj .zhongdiangongzuo ul li + li .image{ background: #87ad34;}
#rsj .zhongdiangongzuo ul li + li + li .image{ background: #cb9d25;}
#rsj .zhongdiangongzuo ul li + li + li + li .image{ background: #cb5d28;}
#rsj .zhongdiangongzuo ul li + li + li + li + li .image{ background: #1c4f90;}
#rsj .zhongdiangongzuo ul li + li + li + li + li + li .image{ background: #db3340;}
#rsj .zhongdiangongzuo ul li + li + li + li + li + li + li .image{ background: #64ba73;}
#rsj .zhongdiangongzuo ul li .icon{ font-size: 30px; text-align: center; color: #fff;}
#rsj .zhongdiangongzuo ul li .title{ width: 100%; height: 140px; position: absolute; left: 0; top: 0;}
#rsj .zhongdiangongzuo ul li .title a{ display: block; width: 100%; height: 100%; padding-top: 90px; line-height: 1;}
#rsj .zhongdiangongzuo ul li .title a:hover{color: #bd0703;}



/*专题专栏*/
#rsj .zhuanti{ border: solid 1px #e7e7e7; padding: 1px;}
#rsj .zhuanti .column-name{ height: 34px; color: #fff; background:#e7e7e7;}
#rsj .zhuanti .column-name span{ float: left; line-height: 34px; background:#03316f; padding: 0 10px; position: relative;}
#rsj .zhuanti .column-name span:first-child:after{content: ""; width: 13px; height: 34px; background: url(../images/index_23.jpg) no-repeat; position: absolute; right: -13px; top: 0;}
#rsj .zhuanti .column-name span i{ height: 12px; padding: 0px 6px; border-radius:9px; text-align: center; text-indent: 0em; background: #d30723;  font-size: 12px; line-height: 12px; margin-left: 3px;}
#rsj .zhuanti .column-name span.more{ float: right; background: none; padding: 0;}
#rsj .zhuanti .column-name span.more a{ color: #666; margin-right: 10px; position: relative;}
#rsj .zhuanti .column-name span.more a:before{ content: ""; width: 11px; height: 1px; background: #666; position: absolute; left: -15px; top: 50%; margin-top: 0px;}
#rsj .zhuanti .column-name span.more a:after{ content: ""; width: 1px; height: 11px; background: #666; position: absolute; left: -10px; top: 50%; margin-top: -5px;}
#rsj .zhuanti .column-name span.more a:hover{ color:#03316f; }
#rsj .zhuanti ul{ padding: 10px;}
#rsj .zhuanti ul li{ margin-bottom: 5px;}
#rsj .zhuanti ul li:last-child{margin-bottom: 0;}
#rsj .zhuanti ul li+li+li+li{ margin-bottom: 0px;}
#rsj .zhuanti ul li .image img{ display: block; height: 71px;}
#rsj .zhuanti ul li .title{ float: left; width: 85%; line-height: 30px;}
#rsj .zhuanti ul li .date{ float: right; width: 15%; line-height: 30px; text-align: right;}



/*快捷跳转*/
#rsj .quick{ border: solid 1px #e7e7e7; padding: 1px;}
#rsj .quick .column-name{ height: 34px; color: #fff; background:#e7e7e7;}
#rsj .quick .column-name span{ float: left; line-height: 34px; background:#03316f; padding: 0 10px; position: relative;}
#rsj .quick .column-name span:first-child:after{content: ""; width: 13px; height: 34px; background: url(../images/index_23.jpg) no-repeat; position: absolute; right: -13px; top: 0;}
#rsj .quick .column-name span i{ height: 12px; padding: 0px 6px; border-radius:9px; text-align: center; text-indent: 0em; background: #d30723;  font-size: 12px; line-height: 12px; margin-left: 3px;}
#rsj .quick ul{ padding:5px; padding-bottom: 0;}
#rsj .quick ul li{ float: left; width: 48%; width:calc((100% - 5px) / 2); height: 45px; border: solid 1px #dae4ef; margin-right: 5px; margin-bottom: 5px; position: relative;}
#rsj .quick ul li:before{ content: ""; width: 100%; height: 22px; border: 0; background: #f6f6f6; position: absolute; left: 0; bottom: 0; top: auto;}
#rsj .quick ul li:nth-child(2n){ margin-right: 0;}
#rsj .quick ul li .title{ width: 100%; height: 100%; text-align: center; position: absolute; top: 0px;}
#rsj .quick ul li .title a{ display: block; width: 100%; height: 100%; line-height: 45px; color: #333;}

#rsj .quick ul li:hover{ border: solid 1px #0068b7;}
#rsj .quick ul li:hover .icon{color:#0068b7;}
#rsj .quick ul li:hover .title a{color:#0068b7;}

/*网站链接*/
#rsj .link{ position: relative; overflow: visible;}
#rsj .link .column-name{ float: left; width: 7%; height: 40px;}
#rsj .link .column-name span{ font-size: 14px; line-height: 40px; font-size: 16px;}
#rsj .link > ul{ float: right; width: 93%; overflow: visible; z-index: 2} 
#rsj .link > ul > li{ float: left; width: 23.5%; height: 40px; background: #fff; overflow: visible; margin-right: 15px; position: relative; box-sizing: border-box; text-align: center;}
#rsj .link > ul > li > a{ display: block; line-height: 40px; border: solid 1px #e7e7e7;}
#rsj .link > ul > li > ul{ display: none; overflow: visible; position: absolute; left: 0; bottom: 40px; padding: 10px 5px; width: 100%; height: auto; background: #fff; border: solid 1px #03316f; border-bottom: 0; box-sizing: border-box; z-index: 99 }
#rsj .link > ul > li > ul li{ line-height: 25px; position: relative; padding-left: 20px; text-align: left;}
#rsj .link > ul > li > ul li:before{ content: ""; width: 0px; height: 0px; border-style: solid; border-width: 6px; border-color:transparent transparent transparent #ff7800; position: absolute; left: 8px; top:7px;}
#rsj .link > ul > li:hover > a{ border-color:#03316f; }
#rsj .link > ul > li:hover > ul{ display: block;}
#rsj .link > ul > li > ul li a:hover{ color: #03316f;}
#rsj .link > ul > li > ul li:hover:before{ border-color:transparent transparent transparent #03316f; }


/*二级导航通用样式*/
#rsj .navigation .column-name{ height: 80px; text-indent: 0em; background: #03316f url(../images/bg_navigation_column_name.png) no-repeat left top; text-align: center; margin-bottom: 15px;}
#rsj .navigation .column-name span{ line-height: 80px; font-size: 20px; font-weight: bold; letter-spacing: 0em; color:#fff;}
#rsj .navigation .column-name:before{ display: none;}
#rsj .navigation > ul > li{ background:#f7efdb;}
#rsj .navigation > ul > li:before{  border-top: solid 10px #03316f;}
#rsj .navigation > ul > li:hover,#rsj .navigation > ul > li.on{ background:#03316f }
#rsj .navigation > ul > li:hover:before,#rsj .navigation > ul > li.on:before{ border-top-color:#f7efdb; }
#rsj .navigation > ul > li:hover .title a,#rsj .navigation > ul > li.on .title a{ color:#fff; }
#rsj .navigation > ul > li .content .second-title{ background: #fff; border: solid 4px #f7efdb; border-width: 0 4px; padding: 15px;}
#rsj .navigation > ul > li .content .second-list{ background: #fff; border: solid 4px #f7efdb; border-top: 0; padding:15px 15px;}
#rsj .navigation > ul > li .content .second-list li{ line-height: 32px; text-indent: 1em;}
#rsj .navigation > ul > li .content .second-list li:hover{ background: #03316f;}
#rsj .navigation > ul > li .content .second-list li:hover a{ display: block; color: #fff;}

/*通用列表样式*/
#rsj .common-list{}
#rsj .common-list .column-name{ color: #333; text-indent: 1em; background:none; border-bottom: solid 1px #999;}
#rsj .common-list .column-name:before{display: none;}
#rsj .common-list .column-name span a{ color:#333;}
#rsj .common-list .column-name .more a{ color:#03316f;}
#rsj .common-list ul li .title a:hover{  color:#03316f;}
#rsj .common-list .page a:hover{ color:#03316f; }

/*通用图片样式*/
#rsj .common-image{}
#rsj .common-image .column-name{ color: #333; text-indent: 1em; background:none; border-bottom: solid 1px #999;}
#rsj .common-image .column-name:before{display: none;}
#rsj .common-image .column-name span a{ color:#333;}
#rsj .common-image .column-name .more a{ color:#03316f;}
#rsj .common-image ul li{ float: left; width: 23%; width: calc((100% - 45px) / 4); height: 100px; border: solid 1px #dae4ef; margin-right: 15px; margin-bottom: 15px; position: relative;}
#rsj .common-image ul li:nth-child(4n){ margin-right: 0px;}
#rsj .common-image ul li:before{ content: ""; width: 100%; height: 50px; border: 0; background: #f6f6f6; position: absolute; left: 0; bottom: 0; top: auto;}
#rsj .common-image ul li .title { width: 100%;height: 100%; text-align: center;}
#rsj .common-image ul li .title a{ display:block; font-size: 18px; font-weight: bold; line-height: 100px;color:#03316f;}
#rsj .common-image ul li:hover{ border-color:#03316f; }
#rsj .common-image ul li:hover .title a{color:#03316f;}
/*通用详情页*/
#rsj .common-detail{}
#rsj .common-detail .column-name{ color: #333; text-indent: 1em; background:none; border-bottom: solid 1px #999;}
#rsj .common-detail .column-name:before{display: none;}
#rsj .common-detail .column-name span a{ color:#333;}
#rsj .common-detail .column-name .more a{ color:#03316f;}
#rsj .common-detail ul{ margin-bottom: 25px;}
#rsj .common-detail ul li{}
#rsj .common-detail ul li .title{ font-size: 24px; text-align: center; color: #03316f; padding-top: 25px; margin-bottom: 75px;}
#rsj .common-detail ul li .title a{ font-size: 24px; text-align: center; color: #03316f; cursor:text}
#rsj .common-detail ul li .date{ width: 100%; position: absolute; top: 85px; text-align: center; border-top: dashed 1px #b4b4b4; padding-top: 10px;}
#rsj .common-detail .page{ margin-bottom: 15px; padding-top: 15px; border-top: dashed 1px #b4b4b4;}
#rsj .common-detail .page a:hover{ color:#03316f; }
#rsj .common-detail .page .back{ float: right; display: block; width: 84px; height: 32px; border: solid 1px #b4b4b4; background: #eee; border-radius: 5px; text-align: center; line-height: 32px;}
#rsj .common-detail .page .back:hover{ border-color:#03316f; }





/*20180511 孙兵*/
/*个人办事*/
.rsj_gerenbanshi{border: solid 1px #dcdcdc; }
.rsj_gerenbanshi .column-name{ height: 34px; color: #fff; background:#e7e7e7;}
.rsj_gerenbanshi .column-name span{ float: left; line-height: 34px; background:#03316f; padding: 0 10px; position: relative;}
.rsj_gerenbanshi .column-name span i{ height: 12px; padding: 0px 6px; border-radius:9px; text-align: center; text-indent: 0em; background: #d30723;  font-size: 12px; line-height: 12px; margin-left: 3px;}
.rsj_gerenbanshi .column { padding: 15px;}
.rsj_gerenbanshi ul{ float: left; display: table; width: 100%;}
.rsj_gerenbanshi ul li{ float: left; display: table-cell; width:23%; margin:1%; height: 131px; text-align: center; position: relative; background: #34a6ad;}
.rsj_gerenbanshi ul li + li{ background: #87ad34;}
.rsj_gerenbanshi ul li + li + li { background: #cb9d25;}
.rsj_gerenbanshi ul li + li + li + li { background: #cb5d28;}
.rsj_gerenbanshi ul li + li + li + li + li { background: #1c4f90;}
.rsj_gerenbanshi ul li + li + li + li + li + li { background: #db3340;}
.rsj_gerenbanshi ul li + li + li + li + li + li + li { background: #64ba73;}
.rsj_gerenbanshi ul li + li + li + li + li + li + li + li { background: #87ad34;}
.rsj_gerenbanshi ul li .image{ display: block; width:60%; height: 45%; margin: 15px auto 0;padding-top: 4%; text-align: center;}
.rsj_gerenbanshi ul li .icon{ font-size: 30px; text-align: center; color: #fff; vertical-align: middle; font-size: 55px;}
.rsj_gerenbanshi ul li .title{ width: 100%; height: 140px; position: absolute; left: 0; top: 0;}
.rsj_gerenbanshi ul li .title a{ display: block; width: 100%; height: 100%; padding-top: 55%; line-height: 1; color: #fff; font-weight: bold; font-size: 16px;}
.rsj_gerenbanshi ul li .title a:hover{color: #fff;}


#rsj .zhongdiangongzuo .column-name{ float: left; width: 40px; height: 165px; padding-top: 50px; background:#03316f; text-align: center;}
#rsj .banner{ width: 100%; height: 325px;}

/*180614明*/
.common-detail ul li .title {    overflow: auto !important;    text-overflow: unset !important;    white-space: normal !important;	    margin-bottom: 15px !important;}
.common-detail ul li .date {    position: static !important;	margin-bottom:25px !important;float: initial!important;}