* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin: 0;font-family: "helvetica neue","microsoft yahei",helvetica,arial,sans-serif;font-size: 14px;color: #333;}
input,textarea,select{font-family:"microsoft yahei",arial, helvetica, sans-serif;background: #fff;outline:none;padding:0;border-radius: 0;font-size: 16px;}
h1,h2,h3,h4,h5,h6,i,em{margin: 0;padding: 0;font-weight:normal;font-style: normal;font-size: 100%;}
table{border-collapse:collapse;}
img{border:none;max-width: 100%;}
dl,dd,dt,p{padding: 0;margin: 0;}
a,a:link {text-decoration: none;color:#333;}
ul, li {padding: 0;margin: 0;list-style-type:none;}
.fl {float: left;}
.fr{float: right;}
.clear {clear:both;font-size:0px;line-height:0px;height:0px;zoom:0; display:block;}
.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; }
.mtop10{margin-top: 10px;}
.mtop20{margin-top: 20px;}
.mbot20{margin-bottom: 20px;}
.blank10 {margin: 0 auto; width: 100%; height: 10px; font-size: 1px; clear: both;}
.blank15 {margin: 0 auto; width: 100%; height: 15px; font-size: 1px; clear: both;}
.blank20  {margin: 0 auto; width: 100%; height: 20px; font-size: 1px; clear: both;}
.list-hd-warp{max-width:1200px; margin:0 auto;background:#fff;padding: 10px;}
.list-hd-header{ width:100%;min-height:300px; background: center top no-repeat; position:relative;}
.list-hd-top{min-height:300px; max-width:1200px; margin:0 auto;position:relative;}
.list-hd-top p{ display:block;width:280px;height:160px; padding:6px 15px; background:#2991cc; border:10px solid #70cbff; border-radius:8px; position:absolute; bottom:35px; right:80px; line-height:24px; color:#fff;}
.hd-top-txt{ position:absolute; top:20px;}
.hd-item{ position:absolute; bottom:25px; left:400px;}
.hd-item li{ float:left; width:78px; text-align:center; line-height:32px;}
.hd-item li i{width:52px; height:52px; margin:0 auto; display:block; background:#1fa7ff; font-size:26px; line-height:52px; color:#fff; text-align:center; border-radius:50%;}
.hd-item li a{ color:#fff;}
.mailtitel { border-bottom:1px solid #d1d6dc; height:45px;margin:auto}
.mailtitel ul.a1 { width:35%; float:left }
.mailtitel ul.a2 {  float:right;width:55%;}
.mailtitel ul.a1 li a { line-height:40px; height:40px; padding:0px 10px 10px 10px;font-size:18px;font-weight:bold; color:#333}
.mailtitel ul.a1 li a:hover { color:#0169b0;  height:100%}
.mailtitel ul.a1 li a.active {color:#0169b0; font-weight:bold;  }
.info{ margin:0px auto;line-height:30px;  color:#555;}
.info a{color:#000;}
.info i{ color:#555; margin-right:10px; font-size:18px;}
.panel-heading5 {position: relative;background-position: center;background-repeat: no-repeat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panel-title {padding-bottom: 13px;letter-spacing: 1px;font-weight: bold;font-size: 18px;color: #005bac;}
.panel-heading5 .panel-title>a{font-weight: bold;font-size: 18px;color: #1d84bf; padding:12px 15px; border-bottom: 2px solid #1d84bf;}
.tab-link{position: absolute;top:-5px;right: 0;}
.tab-link a{padding: 0 12px;border-left: 1px solid #ebebeb;}
.tab-link a:first-child{border-left: 0;}
.btn-write{ display: inline-block; background-color: #1d84bf; color: #fff !important; font-size: 16px;line-height: 34px;border-radius: 4px;}
.btn-write:hover{background-color: #00a0e9;}
.mailcontent { width:100%; margin:auto; margin-top:20px}
table.mailcontent th { background:#ebebeb; line-height:30px; padding:8px 0px; text-align:center; font-size:16px;}
table.mailcontent td { border-bottom:1px solid #ebebeb;  padding:8px 0px;line-height:30px; text-align:center; color:#888;  font-size:14px;}
table.mailcontent tr:hover { background:#f7f7f7}
table.mailcontent td.d1 { padding:0 1em; text-align:left; color:#333; font-size:16px;background: 2px center no-repeat;}
table.mailcontent td.d1 a:hover {}
.hd-page{ text-align:center; height:60px;  line-height:60px}
.hd-page a{ color:#222;}
.hd-page .page-input{ border:1px solid #eee;}
.public-tit {height:30px;margin:5px 0 20px;border-bottom: 1px solid #e8e8e8;background: #fff;}
.public-tit h4 {font-size: 18px;color: #555;padding:0px;background: #fff;line-height: 24px;font-weight: normal;}
.public-tit h4 i{font-size:22px;color: #3084c3;padding: 0 10px;}
.public-con .letters-public {border-collapse: collapse;border: 1px solid #e8e8e8;width: 100%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #e8e8e8;padding: 18px 0;line-height: 34px;font-size: 16px;vertical-align: top;}
.public-con .letters-public .tit {background: #f7f7f7;width:15%;text-align: center;}
.public-con .letters-public .info {width:79%;padding-left:3%;padding-right:3%;}
.info{ margin:0px auto;line-height:30px;  color:#555;}
.info a{color:#000;}
.info i{ color:#555; margin-right:10px; font-size:18px;}

.letter-pj {position: relative;  overflow: visible; width: 100%; background:#f7f7f7;}
.letter-pj-tit{ padding:10px 20px; border-bottom:1px solid #eee; line-height:38px;}
.letter-pj-box{ padding:20px 20px;}
.letter-pj-box .main{ width:auto;}
.nrhf{ padding-right:50px; float:left;}
.nrhf{zoom:1;}
.nrhf:after{content:""; display:block;clear:both;}
.nrhf h3{ float:left; color:#555555; font-size:15px; line-height:20px;}
.nrhf p{ float:left;}
.xx a{ float:left; width:16px; height:16px; cursor:pointer; margin-right:5px; background: no-repeat left -16px;transition: all 0.2s ease 0s;}
.xx a:hover{transition: all 0.2s ease 0s;}
.xx .on{ background-position:left 0;}
.nrhf span{ color:#888888; font-size:15px; float:left; line-height:20px;}
.mydasb { float:right;color:#fff;background:#f00;border-radius: 5px;border: 0px;padding: 5px 10px;cursor: pointer;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -300px; bottom:50px; border:#e9e9e9 1px solid; width:600px; height: auto; background:#fff; display:none;}
.myzh .title{ height:38px; border-top:#e9e9e9 1px solid; background: ;}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left: 235px;}
.myzh .title a{ float:right; width:21px; height:21px; margin-right:10px; margin-top:8px; background: no-repeat;cursor:pointer;}
.myzh-c{ background:#ffffff;clear:both;}
.myzh-c{zoom:1;}
.myzh-c:after{content:""; display:block;clear:both;}
.myzh-c ul{ float:left; width:255px; margin-left:35px;}
.myzh-c li{ color:#333333; font-size:15px; line-height:50px; height:50px; border-bottom:#f1f1f1 1px solid;}
.myzh-c li h3{ float:left; width:87px; font-size:14px;}
.myzh-c li span{ float:right; width:35px; text-align:center;}
.myzh-c li p{ float:left; width:110px; margin-top:15px;}
.myzh-c .n1{font-size:14px; font-weight:700; color:#555555;}
.myzh-c .n1 span{  float:none;}

@media(max-width:374px){
.list-hd-header{ width:100%;min-height:300px; padding-bottom:20px; background:#1d84bf  center top no-repeat; position:static;}
.hd-top-txt{ position:static; text-align:center; padding:10px 0;}
.hd-top-txt img{ display:block; margin:0 auto;}
.hd-item{ height:90px; position:static; clear:both; }
.hd-item li{ float:left; width:33%; text-align:center; line-height:32px;}
.hd-item li:nth-child(4){width:0px; overflow:hidden;}
.hd-item li:nth-child(5){width:0px; overflow:hidden;}
.list-hd-top p{ margin:0 auto; display:block;width:90%;padding:6px 15px; height:auto; background:#2991cc; border:5px solid #70cbff; border-radius:8px; position:static; font-size:12px; line-height:22px; color:#fff;}
.mail-h{ font-size:14px; line-height:22px;}
table.mailcontent td{line-height:22px;}
table.mailcontent td.d1 { padding:0 10px; text-align:left; color:#333; font-size:14px; line-height:22px;}
table.mailcontent th {font-size:14px; line-height:22px;}
table.mailcontent th:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent th:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:last-child{white-space: nowrap;text-overflow: ellipsis;}
.public-con .letters-public .tit {background: #f7f7f7;width:25%;text-align: center;}
.public-con .letters-public .info {width:69%;padding-left:3%;padding-right:3%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #e8e8e8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -150px; bottom:50px; border:#e9e9e9 1px solid;  width:300px; height: auto; background:#fff; display:none;}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left:0px;}
.myzh-c li{ font-size:14px; line-height:35px; height:35px;}
.myzh-c li p { margin-top:8px;}
.nrhf{ padding-right:0px; float:left;}
.letter-pj{ font-size:14px;}
}

@media (min-width: 375px) {
.list-hd-header{ width:100%;min-height:300px; padding-bottom:20px; background:#1d84bf  center top no-repeat; position:static;}
.hd-top-txt{ position:static; text-align:center; padding:10px 0;}
.hd-top-txt img{ display:block; margin:0 auto;}
.hd-item{ height:90px; position:static; clear:both; }
.hd-item li{ float:left; width:33%; text-align:center; line-height:32px;}
.hd-item li:nth-child(4){width:0px; overflow:hidden;}
.hd-item li:nth-child(5){width:0px; overflow:hidden;}
.list-hd-top p{ margin:0 auto; display:block;width:90%;padding:6px 15px; height:auto; background:#2991cc; border:5px solid #70cbff; border-radius:8px; position:static; font-size:12px; line-height:22px; color:#fff;}
.mail-h{ font-size:14px; line-height:22px;}
table.mailcontent td{line-height:22px;}
table.mailcontent td.d1 { padding:0 10px; text-align:left; color:#333; font-size:14px; line-height:22px;}
table.mailcontent th {font-size:14px; line-height:22px;}
table.mailcontent th:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent th:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:last-child{white-space: nowrap;text-overflow: ellipsis;}
.public-con .letters-public .tit {background: #f7f7f7;width:25%;text-align: center;}
.public-con .letters-public .info {width:69%;padding-left:3%;padding-right:3%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #e8e8e8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -150px; bottom:50px; border:#e9e9e9 1px solid;  width:300px; height: auto; background:#fff; display:none;}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left:0px;}
.myzh-c li{ font-size:14px; line-height:35px; height:35px;}
.myzh-c li p { margin-top:8px;}
.nrhf{ padding-right:0px; float:left;}
.letter-pj{ font-size:14px;}

}
@media (min-width: 576px) {
}

@media (min-width: 768px) {
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #e8e8e8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -300px; bottom:50px; border:#e9e9e9 1px solid;  width:600px; height:310px; background:#fff; display:none;}
.myzh-c li{ color:#333333; font-size:15px; line-height:50px; height:50px; border-bottom:#f1f1f1 1px solid;}
.myzh-c li p{ float:left; width:110px; margin-top:15px;}
.hd-item li{ float:left; width:20%; text-align:center; line-height:32px;}
.hd-item li:nth-child(4){width:20%; overflow:auto;}
.hd-item li:nth-child(5){width:20%; overflow:auto;}
table.mailcontent th:nth-child(2){width:12%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(2){width:12%; overflow:auto; font-size:14px; line-height:24px;}
table.mailcontent th:nth-child(3){width:16%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(3){width:16%; overflow:auto; font-size:14px; line-height:24px;}

}
@media (min-width: 992px) {
.list-hd-warp{max-width:1200px; margin:0 auto;}
.list-hd-header{ width:100%;min-height:300px; background:#1d84bf  center top no-repeat; position:relative;}
.list-hd-top{min-height:300px; max-width:1200px; margin:0 auto;position:relative;}
.hd-item li{ float:left; width:20%; text-align:center; line-height:32px;}
.hd-item li:nth-child(4){width:20%; overflow:auto;}
.hd-item li:nth-child(5){width:20%; overflow:auto;}
table.mailcontent th:nth-child(2){width:12%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(2){width:12%; overflow:auto; font-size:14px; line-height:24px;}
table.mailcontent th:nth-child(3){width:16%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(3){width:16%; overflow:auto; font-size:14px; line-height:24px;}
}

@media (min-width: 1200px) {
.list-hd-warp{max-width:1200px; margin:0 auto;}
.list-hd-header{ width:100%;min-height:300px; background:#1d84bf  center top no-repeat; position:relative;max-width:1200px;margin: 0 auto;}
.list-hd-top p{ display:block;width:280px;height:160px; padding:6px 15px; background:#2991cc; border:10px solid #70cbff; border-radius:8px; position:absolute; bottom:35px; right:50px; line-height:24px; color:#fff;}
.hd-top-txt{ position:absolute; top:20px;}
.hd-item{ position:absolute; bottom:25px; left:400px; width:350px;}
.hd-item li{ float:left; width:20%; text-align:center; line-height:32px;}
.hd-item li i{width:52px; height:52px; margin:0 auto; display:block; background:#1fa7ff; font-size:26px; line-height:52px; color:#fff; text-align:center; border-radius:50%;}
.hd-item li a{ color:#fff;}
}

@media (max-width: 992px) {
.hidden{ overflow:hidden; height:0px; line-height:0px; display: none;}
}