﻿@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{margin:0;padding:0; }
table{border-spacing:0;border-collapse:collapse; }
fieldset,img{vertical-align:top; 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-size:100%;font-weight:normal; }
q:before,q:after{content:'';}

abbr,acronym{border:0;}
pre{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif;font-size:16px; line-height:1.8; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }

article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{display:block; zoom:1;margin:0; padding:0; }
/* Public */
body{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-size:14px; line-height:30px; text-align:center; color:#333; -webkit-text-size-adjust:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
a{text-decoration:none; color:#333; outline:none;}
a:hover{text-decoration:none;color:#146ac1; }
.clearbox{font-size:0; line-height:0; visibility:hidden;clear:both; height:0; margin-top:-1px !important; border:none; border-top:1px solid transparent !important; }

.blank{font-size:0; line-height:0; display:block; clear:both;overflow:hidden; height:10px; }
.clearfix:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0; }
* html .clearfix{height:1%;}
* + html .clearfix{min-height:1%;}
.fl{float:left !important;}
.fr{float:right !important;}
.hide{display:none;}
input[type=button],input[type=submit],input[type=file],button{cursor:pointer; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance:none; }
/* frame */
body{min-width:1200px;text-align:center; background: white url(../img/headerbg.jpg) center top no-repeat;}
.wrap{}
.siteWidth{position:relative; width:1200px; margin:0 auto; padding:0; }
#header{position: relative; z-index: 1; width: 1200px; margin:0 auto; text-align:left; height: 560px;}
#content{width: 1200px; margin:0 auto; padding:20px 0; text-align:left;}
#content:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; line-height: 0;}

#logo{width: auto; float: left; margin:38px 0 0 20px;}
#logo img{width: auto; height:66px;}

.returnHome{width: auto; float: right; margin:48px 0 0; font-size: 14px; color:white;}
.returnHome:hover{color:#ffde00; font-weight: bold;}

.nodeName{position: absolute; z-index: 1; left: 508px; top: 414px; width: auto; float: left; line-height: 42px;font-size: 22px; color:#2a6a9e;}

.conTxt{overflow: hidden; padding:20px 40px; font-size: 18px; line-height: 40px;}

.writeBox{width: 594px; height: 198px; float: left; margin:0 0 20px 286px; background: url(../img/writebg.jpg) left top no-repeat;}
.writeBox dt{width: auto;float: left;margin: 110px 0 0 96px;font-size: 16px;font-weight: bold;color: white;line-height: 180%;}
.writeBox dt h3{font-size: 20px; font-weight: bold;}
.writeBox dd{overflow: hidden; font-size:16px; font-weight:bold; line-height:40px; padding:120px 0 0 42px; color:#f3765b;}
.writeBox dd a{color:#f3765b;}

/*footer*/
#footer{position:relative; z-index: 1; padding:30px 0;text-align:left; color:white; background:#1264b7; }
#footer .copyRight{line-height: 30px; color: white; text-align: center;}
#footer .copyRight img{vertical-align: middle;}
#footer .copyRight a{color:white; text-decoration:none;}
#footer .copyRight a:hover{color: #ddd;}
#footer .footDzjg,
#footer .footerWzjc,
#footer .footerZfzc{position: absolute; z-index: 1; width: auto; float: left;}
#footer .footDzjg{left: 116px; top: 15px;}
#footer .footerWzjc{right: 65px; top: 0;}
#footer .footerZfzc{right: 65px; top: 40px;}

.sideFixed{display: none;}

/*建言-信息列表页*/
.pageIntro{font-size: 18px; font-weight: bold; color: #666; line-height: 40px; overflow: hidden;}
.pageTip{padding-top: 120px; text-align: center; height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; color: #333; background: url(../img/msgtitlebg.png) center bottom no-repeat;}
.pageTip span{color: #4479a4;}

/*留言-列表*/
.msgList{overflow: hidden; margin: 20px 0 30px;}
.msgList li{position: relative; z-index: 1; width: 500px; float: left; margin: 30px 10px 0; padding: 20px 30px 24px; font-size: 14px; color: #333; line-height: 24px; background-color: #f0f4f8; border-radius: 6px;}
.msgList li .title{padding-left: 52px; height: 72px; overflow: hidden; font-size: 18px; font-weight: bold; background: url(../img/msglistblue.png) left 4px no-repeat;}
.msgList li .intro{margin-top: 4px; height: 96px; overflow: hidden; text-indent: 2em;}
.msgList li .author{margin-top: 4px; text-align: right; opacity: 0.5; filter: alpha(opacity=50);}
.msgList li .arrow{position: absolute; z-index: 1; left: 82%; top: -24px; width: 0; height: 0; float: left; float: left; border-width: 12px; border-style: solid; border-color: transparent transparent #f0f4f8 transparent;}

.msgList li.li1{background-color: #d0514f; color: white;}
.msgList li.li1 .arrow{border-bottom-color: #d0514f}

.msgList li.li4{background-color: #efa118; color: white;}
.msgList li.li4 .arrow{border-bottom-color: #efa118}

.msgList li.li5{background-color: #1b91b7; color: white;}
.msgList li.li5 .arrow{border-bottom-color: #1b91b7}

.msgList li.li8{background-color: #ae85b6; color: white;}
.msgList li.li8 .arrow{border-bottom-color: #ae85b6}

.msgList li.li9{width: 1080px; background-color: #5ab099; color: white;}
.msgList li.li9 .arrow{border-bottom-color: #5ab099}

.msgList li.li2 .arrow,
.msgList li.li4 .arrow,
.msgList li.li6 .arrow,
.msgList li.li8 .arrow{left: 14%;}
.msgList li.li9 .arrow{left: 50%; margin-left: -12px;}
.msgList li.li1 .title,
.msgList li.li4 .title,
.msgList li.li5 .title,
.msgList li.li8 .title,
.msgList li.li9 .title{background-image: url(../img/msglistwhite.png);}