@charset "utf-8";
/*
	Css for PEL,	ver 1.0
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center

	本网站通用布局
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; min-width:1200px; height:100%;  }
body{ width:100%; height:100%; color:#555;font:14px/1.8 Microsoft Yahei,SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; }
a{color:#555;text-decoration:none; outline:none;}
a:hover { text-decoration:none; color:#004181; }
.clear{border:none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.fl{ float:left;}
.fr{ float:right; }
.hide{ display:none;}
.mat{ margin-top:20px;}
.mab{ margin-bottom:20px;}
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }

/* frame */
body{background:#fff; }
.wrap{ width:100%; }
#header{width:100%; }
#footer{ width:100%; overflow: hidden; }
#content{ position: relative; width: 1200px; margin:20px auto 0; }
#content:after, #content:before{
    display: table;
    content: " ";
    clear: both;
}


/* 侧栏和主栏 */
.side{ float: left; width: 240px; margin-right: 20px; }
.mainContent{ overflow: hidden; }


/* header */
#header {background: #f7f7f7;}
#header .banner { width: 1200px; height: 170px; margin: 0 auto; position: relative; overflow: hidden; }
#header #logo {float: left; margin: 40px 0 0 0; }
#header #logo img{ max-width: 636px; max-height: 82px; }

/* userPanel */
.userPanel {float: right; margin-top: 50px; height: 34px; line-height: 28px; font-size: 12px; color: #b1bcbe; }
.userPanel a {padding: 0 5px; color: #333;}

/* nav */
.mainNavBar { width: 1200px; height: 50px; line-height: 50px; margin: 0 auto; background:#004181; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }

.mainNav { padding-left: 5px; }
.mainNav .li1{ float:left; display:inline; text-align: center; position: relative; width: 147px; }
.mainNav .h1{ font-size:16px; }
.mainNav .a1{  display:block; color:#fff; font-weight: bold; }
.mainNav .a1:hover{ text-decoration:none; font-weight:bold; color: #fff; }

.mainNav .spe { float: left; width: 1px; height: 50px; border-left: 1px solid #154e89; text-indent: -9999px; overflow: hidden;}
.mainNav .on1 .a1{ background:url(/content/tsg/base/img/icons.png) center -143px no-repeat; color:#fff; font-weight: bold; }

/*菜单效果1*/
.mainNav .ul1 {  position:absolute; top:100%; left:0; width:100%; border-top:0; background:#394a5f; line-height:34px; display:none; z-index: 1; }
.mainNav .ul1 .li2{ position: relative; }
.mainNav .ul1 .a2{ display: block; text-align:center; font-size: 14px; color:#fff; }
.mainNav .ul1 .li2.on2 .a2,
.mainNav .ul1 .li2 .a2:hover{ background:#081d37; }

/*菜单效果2*/
.mainNav .ul2 { position:absolute; top:0; left:100%; width: 130px; border-top:0; background:#4e647e; line-height:34px; display:none; z-index: 1; }
.mainNav .ul2 .a3{ display: block; text-align:center; font-size: 14px; color:#fff;  }
.mainNav .ul2 .li3 .a3:hover{ background:#0f2a4b; }


/*网站搜索*/
.siteSearch{ position: absolute; right: 0; top: 85px; vertical-align:middle; }
.siteSearch .keyWord{ border:1px solid #d9d9d9; border-right: none; background:#fff; width:210px; height:28px; line-height:28px; padding-left:10px; vertical-align:middle; margin:0; float:left; color:#999; border-top-left-radius: 15px; border-bottom-left-radius: 
	15px; outline: none;}
.siteSearch .searchBtn{ float:right; cursor:pointer; border:1px solid #d9d9d9; border-left: none;background:#fff url(/content/tsg/base/img/icons.png) 5px -102px no-repeat; margin:0; width:35px; height:28px; line-height: 28px; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 
	15px; text-indent: -9999px;}


/* footer */
#footWrap { background: #5f5f5f; margin: 20px 0 0;}
#footWrap .footer {width: 1200px; margin: 0 auto; padding: 30px 0; font-size: 12px; background: url(/content/tsg/base/img/footermap.jpg) right 20px no-repeat;}
.copyRight { color:#cdd5e0; text-align:left; line-height:30px; background: url(/content/tsg/base/img/footerlogo.jpg) 0 8px no-repeat;}
.copyRight a{ color:#cdd5e0;}
.footerNav { line-height:30px; color:#cdd5e0; text-align:left; padding-left: 120px;}
.footerNav a{ white-space:nowrap; color:#cdd5e0; padding: 0 5px; } 
.footerCopy {padding-left: 125px;}
.code {display: none;}


/* 通用盒子模型 */
.box { border: 1px solid #ebebeb; overflow:hidden;}
.box .whd{ height:60px; line-height:60px; overflow:hidden; background: #f7f7f7 url(/content/tsg/base/img/icons.png) 20px -220px no-repeat; border-bottom: 1px solid #ebebeb;}
.box .whd .more{ float:right; font-size: 12px; color:#999; padding-right: 10px; }
.box .whd h3{ float:left; _display:inline; text-align:center; padding-left: 55px; }
.box .whd h3 a{display:block; font-size: 16px; color:#004181; font-weight: bold; }
.box .wbd {padding: 20px; overflow: hidden;}
.box .infoList li {height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box .infoList li a {background-position: 0 8px;}
.box .infoList li a:hover {background-position: 0 -22px;}

/* 侧栏盒子模型 */
.sideBox {width: 100%; margin-bottom: 10px; overflow:hidden;}
.sideBox .hd { background: #f4f4f4; height:43px; line-height:42px; border: 1px solid #e8e8e8;overflow:hidden; text-align: left;}
.sideBox .hd h3 { padding-left: 45px; font-size: 16px; color: #d72a24; background: url(/content/tsg/base/img/icons.png) 15px -555px no-repeat; }
.sideBox .hd h3 a { color: #d72a24; display: block; }
.sideBox .hd a.more{ float:right;color:#999;}
.sideBox .bd { border: 1px solid #e8e8e8; border-top: none; padding:5px 10px 10px; }

/* mainBox */
.mainBox{ background: #fff; border: 1px solid #e8e8e8; }
.mainBox .mHd { padding: 0 15px; background: #f4f4f4; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
.mainBox .mHd h3 { position: relative; font-size: 18px; line-height: 26px; margin: 12px 0; font-weight: bold; color: #004181; padding-left: 34px; }
.mainBox .mHd h3::before{ position: absolute; left: 0; top: 0; width: 24px; content: ''; vertical-align: top;  height: 28px; background: url(/content/tsg/base/img/icons.png) 0 -608px no-repeat; }
.mainBox .mBd{ padding: 0 20px 20px; }

/* path */
.path{ float: right; max-width: 400px; margin: 16px 0 0 20px; line-height: 20px; }
.path em{ padding-left: 20px; background: url(/content/tsg/base/img/icons.png) 0 -656px no-repeat; }
.path a{ margin: 0 5px; }

/* 信件列表 */
.letterList{width: 100%;}
.letterList th,
.letterList td{text-align: center; font-size: 14px; vertical-align: middle; line-height: 28px; padding: 6px 0px}
.letterList th,
.letterList .even{background: #f5f5f5;}
.letterList th{color: #004181; height: 40px; padding: 0px;}
.letterList th.title{text-align: left; padding-left: 38px;}
.letterList .num{display: none;}
.letterList td.title{text-align: left; padding-left: 5px;}
.letterList .ico{width: 30px; text-align: center; vertical-align: middle; padding: 0px}
.letterList .ico img{vertical-align: middle;}
.letterList .open,
.letterList .handle{display: none}
.letterList .dep{width: 90px;}
.letterList .state{width: 90px;}
.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;}

/* detailTable */
.detailTable{margin-bottom: 10px; background: #fff; width: 100%}
.detailTable,
.detailTable tr,
.detailTable tr td{border: 1px solid #e6e6e6; border-collapse: collapse}
.detailTable thead tr{border-color: #004181;}
.detailTable thead th{background: #004181; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #004181;}
.detailTable tbody td{padding: 10px 15px;}
.detailTable tbody td.tdName{font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}
.detailTable .trTitle .tdCon{font-weight: bold;}
.detailTable .preDiv{width: 670px; overflow: auto;}
.detailTable .preDiv pre{font-size: 14px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* goTop */
#goTop{ position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/* winMark */
#winMark{ z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }

/*验证码*/
div.codeinp input[type=text]{width: 100px !important; float: left; margin-right: 10px;}

/* 通用底部按钮 */
.bot{text-align: center; padding: 0 0 20px 0;}
.bot a,
.bot button{cursor: pointer; display: inline-block; height: 42px; line-height: 42px; padding: 0 5%; font-size: 16px; background: #004181; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover,
.bot button:hover{text-decoration: none; background: #077BD4;}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm{background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; border: 1px solid #e2e2e2; font-size: 16px;}
.queryForm td{padding: 8px 0}
.queryForm .tdlab{width: 40%; text-align: right;}
.queryForm input[type=text]{width: 56%; height: 30px;}
.queryForm .bot{text-align: left;}
.queryForm .bot a{margin: 0}
.queryForm .required strong{color: #f00; margin-right: 5px;}
.queryForm .errorMessage{color: #f00;}
.queryForm table{width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult{width: 80%; margin: 30px auto;}
.queryResult .mainBox{margin-bottom: 50px;}
.queryResult .tit h3{text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;}
.queryResult .tips{text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number{font-weight: bold; color: #f00}