﻿

/*当前位置*/
#pagepath{ background:url(../img/pagebg.jpg) no-repeat center ; background-size:cover;color:#fff;}
#pagepath a{color:#fff;}
#pagepath .container{ position: relative; height: 50vh;}
.pathWrap{ position: absolute;left:0;bottom:1.5rem;}
.nodeName{ font-size:2.25rem;  font-weight:bold; text-shadow:2px 2px .25rem rgba(0,0,0,.5);}
.path a,.path span { padding:0 .5rem;text-shadow:2px 2px .5rem rgba(0,0,0,.2);}
.path em {font-style: normal;}
.path em:before{ margin-right:.5rem;font-family: "iconfont" !important; content: "\e650";}

/* 栏目列表 */
#nodelist { position: relative; padding:.75em 0;line-height:2rem; background-color:#344F7E;color:#fff; text-align:center;overflow: hidden;}
#nodelist:after{content:"";position: absolute;left: 40%;top: -1200%;width: 300px;height: 1000px;opacity: .15;border-radius: 2rem;transform: rotate(45deg);background:linear-gradient(to right, rgba(255,255,255,.0), rgba(255,255,255,.5));}
#nodelist .topbg::before{content:"";position: absolute;left: 30%;top: -100%;width: 900px;height: 1000px;opacity: 0.15;border-radius: 2rem;transform: rotate(45deg);background:linear-gradient(to right, rgba(255,255,255,.0), rgba(255,255,255,.25));}
#nodelist .topbg::after{content:"";position: absolute;left: 50%;top: -1200%;width: 400px;height: 1000px;opacity: 0.15;border-radius: 2rem;transform: rotate(45deg);background:linear-gradient(to right, rgba(255,255,255,.0), rgba(255,255,255,.25));}
#nodelist .container{ position: relative; z-index: 2;}
#nodelist .hd{display: none;}
#nodelist ul{display:flex;flex-wrap: wrap;}
#nodelist li{font-size:1rem; }
#nodelist li a{ position: relative; display:block; max-width:10rem; padding:.25rem .5rem;  color:#fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#nodelist li a:hover,#nodelist li.on a{ font-weight:bold;}
#nodelist li a:before{content:""; position: absolute;left:50%;bottom:0;width:0; border-bottom:1px solid #fff; transition:all .5s ease 0s;}
#nodelist li.on a:before,
#nodelist li a:hover:before{left:0;width:100%;}

/* 循环列表 */
.pageBoxLoop {overflow: hidden;}
.pageBoxLoop .box{ float:left; width:48%;margin:0 1% 1rem;}
.pageBoxLoop .box .ttlist{min-height:10rem;}

/* 站群导航 */
dl.site dt,dl.site h3.h{display: none;}
dl.site h3{ margin:0 1%; padding-bottom:1rem;  border-bottom:1px dotted #ddd;}
dl.site h3 span{position: relative; font-size:1.5rem; color:#344F7E; display:block;  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
dl.site ul{ padding-top:1.5rem; overflow: hidden;}
dl.site li{ float:left; width:23%; margin:0 1% 1.5rem; font-size:1.125rem; }
dl.site li a{ position: relative; display:block;  padding:1rem 3rem 1rem 1rem;  border:1px solid #ddd;   transition:all .5s ease 0s; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
dl.site li a:after{content:"\e616"; position: absolute; top:50%;right:2%;margin-top:-.5rem;width:2rem;height:1rem;line-height:1rem;font-family: "iconfont" !important; color:#666;}
dl.site li a:hover{background-color:#344F7E; border-color:#344F7E;color:#fff; background-position: 95% center;  box-shadow: 0 1rem 2rem rgba(0,0,0,.2); transform: translate3d(0, -.5rem, 0);}
dl.site li a:hover:after{color:#fff;}

/* 部门设置 */
#depset ul{padding:1.5rem ;overflow: hidden;}
#depset li{ float:left; width:31%; margin:0 1% 1.5rem; font-size:1.125rem; }
#depset li a{ position: relative; display:block;  padding:1rem 3rem 1rem 1rem;  border:1px solid #ddd;   transition:all .5s ease 0s; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
#depset li a:after{content:"\e616"; position: absolute; top:50%;right:2%;margin-top:-.5rem;width:2rem;height:1rem;line-height:1rem;font-family: "iconfont" !important; color:#666;}
#depset li a:hover{background-color:#344F7E; border-color:#344F7E;color:#fff; background-position: 95% center;  box-shadow: 0 1rem 2rem rgba(0,0,0,.2); transform: translate3d(0, -.5rem, 0);}
#depset li a:hover:after{color:#fff;}

/*正文*/
#content{position: relative;}
#content:before{content:"";z-index: -2; position: absolute;top:0;left:0;right:0;height:10rem; background:linear-gradient(to bottom, rgba(230,243,255,1), rgba(255,255,255,1));}
#articleList .ttlist li a{ font-size:1.125rem; }
#articleList .ptlist li .dates{display: none;}
#articleList .ptlist li .date{display: block !important;}
#articleList .ptlist li:hover .date{color:#fff;}
#szList .ptlist li {padding:1.5rem;}
#szList .ptlist li .pic{ margin-right:2rem; }
#szList .ptlist li .title a{ font-size:1.5rem; }
#szList .ptlist li .subtitle{ font-size:1.25rem; font-weight:bold;  }
#szList .ptlist li .intro{ position: relative; max-height:none;}
#szList .ptlist li .intro:after{content:""; position: absolute;right:0;bottom:0;left:0;height:1.5rem; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}


/* 文章内容*/
.subheading{font-size: 1.5rem;}
.noSideContent .printArea .conTxt{padding: 0 2rem;}
.articleCon{text-align: left;}
.printArea .title{font-size: 2rem;line-height: 1.5; text-align: center; margin-bottom:1rem; word-wrap: break-word;}
.printArea .subTitle{font-size: 1.5rem; color: #555; text-align: center; margin-bottom: 1rem;}
.printArea .property{ margin-bottom: 1rem; padding: .5rem 1rem; text-align: center; color: #777; border-bottom: 1px dashed #ddd;}
.printArea .property span{padding: 0 5px;}
.printArea .conTxt{color: #333; font-size: 1rem; line-height: 2; padding: 0 0 1rem 0; overflow: hidden;}
.printArea .conTxt img{max-width: 100%; height: auto !important;}
.printArea .conTxt p{margin-bottom: 1rem; word-wrap: break-word;}
.printArea .conTxt table{margin:0 auto;}
.printArea .conTxt table p{margin: 0px}
.printArea .conTxt a{color: blue; text-decoration: underline;}
.printArea .conTxt em{font-style: italic;}
.printArea .conTxt ul{padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol{padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li{zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li{zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1{font-size: 2em; margin: .67em 0;}
.printArea .conTxt h2{font-size: 1.5em; margin: .75em 0;}
.printArea .conTxt h3{font-size: 1.17em; margin: .83em 0;}
.printArea .conTxt h5{font-size: .83em; margin: 1.5em 0;}
.printArea .conTxt h6{font-size: .75em; margin: 1.67em 0;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong{font-weight: bolder;}
.printArea .videoPlayer{position: relative; z-index: 1500; width: 800px; text-align: center; margin: 1rem auto; height: 480px;}
.articleCon .userControl{background-color: #f5f6f7; overflow: hidden; text-align: left; margin: 1rem 0; padding: .5rem;}
.articleCon .userControl .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox{float: right;}
.articleCon .page{padding: 1rem 0; text-align: center; overflow: hidden;}
.articleCon .others .prev,
.articleCon .others .next{padding: 5px 0; word-wrap: break-word}
/* 相关信息 */
#relativeInfo{margin-bottom: 1rem;}
#relativeInfo .hd h3{font-size: 1.125rem; font-weight: bold; color: #666}
#relativeInfo .bd{margin-top: 1rem; padding: 1rem; background: #F8F8F8;}
#relativeInfo .infoList li{height: auto;}

/*-- 网站地图 --*/
.siteMap{padding: 1rem 0; overflow: hidden;}
.siteMap .h1{height:3rem; line-height: 3rem; border: 1px dotted #ccc; background: #fff; background: #f6f6f6;}
.siteMap .h1 .a1{ padding-left: 1rem;}
.siteMap .ul1{padding: .5rem 1rem;}
.siteMap .li1{margin-bottom:1rem;}
.siteMap .li1 li{padding:0 1rem 1rem 0;line-height:2rem;display: inline-block; *display: inline; zoom: 1}
.siteMap .a2{color: #666;}
.siteMap .ul2{padding-bottom: 1rem ;}
.siteMap .a3{color: #999; padding:0 1rem 1rem 0; margin-right: 1rem; border-right: 1px solid #ddd;}
.siteMap .last3 .a3{border-right: 0;}

.letterList{width: 100%; border: none;}
.letterList th,
.letterList td{text-align: center; vertical-align: middle; line-height: 1.75rem; padding: 5px 5px;}
.letterList th{background: #fff;  font-size:1rem;  height: 3rem; line-height: 3rem; padding: 0px;font-weight:bold;}
.letterList th.title{text-align: left; padding-left: 38px;}
.letterList tr:nth-child(2n) td,
.letterList .even td{background: #f4f4f2;}
.letterList .num{display: none;}
.letterList td.title{text-align: left; padding-left: 5px; white-space: normal; word-break: break-all;}
.letterList .ico{width: 30px; text-align: center; vertical-align: middle; padding: 0px;}
.letterList .ico img{vertical-align: middle;}
.letterList .dep{width: 90px;}
.letterList .state{width: 90px;}
.letterList .open,
.letterList .handle{display: none;}
.letterList .state .s0{color: #333;}
.letterList .state .s1{color: #f70;}
.letterList .state .s2{color: #f00;}
.letterList .state .s3{color: #390;}
.letterList .state .s4{color: #333; text-decoration: line-through;}
.letterList .date{border-right: none; width: 90px;}
.letterList td.date{color: #999999;}
.letterList .clicks{width: 90px;}

#FormBox, .formResult{width:auto !important; text-align:center;}
#FormBox .FormSearchItem dl { display: inline-block;}
#FormBox .FormSearchItem dl dd{width:auto;}
.FormSearchBox #formSubmit{ text-align:center;padding: 0 0 1rem;}
#FormBox .formItem{ text-align:left;}
/* 1200px 以下 */
@media screen and (max-width:1200px) {
    #pagepath .container{height: 35vh;}
}
/* 1000px 以下 */
@media screen and (max-width:1000px) {
    #pagepath .container{height: 25vh;}
    .pathWrap{bottom:.5rem;}
    dl.site li,#depset li{width:48%;}
}
/* 767px 以下 */
@media screen and (max-width:767px) {
    .printArea .title{ margin:0;  font-size:1.5rem; }
    dl.site li,#depset li{width:98%;}
    .pageBoxLoop .box{ float:none;width:100%;margin:0 0 1rem;}
    .pageBoxLoop .box .ttlist{min-height:auto;}
    #szList .ptlist li .pic{margin:0 0 1rem;}
    #szList .ptlist li .title,#szList .ptlist li .subtitle{ float:left;  margin:0 1rem .5rem 0; line-height: 2rem; }
    #szList .ptlist li .intro{ clear:both; }
}