body {
  background-color: #f5f5f5;
}
.tool {
  background: url(../images/hd_bj.png) left center no-repeat;
  background-size: cover;
}
.tool .entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 15.5rem;
  height: 4.3rem;
  margin: 0 auto;
  color: #fff;
}
.tool .entry p {
  font-size: .7rem;
}
.tool .entry ul {
  display: flex;
}
.tool .entry li {
  width: 2.4rem;
  height: .57rem;
  line-height: .57rem;
  text-align: center;
  background-color: #2670a7;
  cursor:pointer;
}
.tool .entry li:last-child {
  margin-left: .27rem;
}
.tool .entry li::after {
  content: '';
  position: relative;
  bottom: .2rem;
  left: .15rem;
  border: transparent .1rem solid;
  border-bottom-color: #fff;
}
.tool .mailbox {
  max-width: 15.5rem;
  margin: 0 auto;
  margin-top: 0.2999rem;
}
.tool .mailbox .mailboxTitle {
  display: flex;
  position: relative;
  height: .66rem;
  line-height: .66rem;
  padding-left: 3.9rem;
  border-bottom: 2px solid #0068b8;
  background-color: #d9d9da;
  opacity: .8;
}
.tool .mailbox .mailboxTitle span {
  display: inline-block;
  width: 3.9rem;
  font-size: .24rem;
  font-weight: bold;
  text-align: center;
}
.tool .mailbox .mailboxTitle span a {
  display: block;
  color: #000;
}
.tool .mailbox .mailboxTitle span a:hover {
  text-decoration: none;
}
.tool .mailbox .mailboxTitle span:first-child {
  position: absolute;
  top: -.1rem;
  left: 0;
  height: .9rem;
  line-height: .9rem;
  background-color: #1774b3;
}
.tool .mailbox .mailboxTitle span:first-child a {
  color: #fff;
}
.tool .mailbox .mailboxConten {
  display: flex;
  justify-content: space-around;
  background-color: #d9d9da;
  opacity: .8;
}
.tool .mailbox .mailboxConten a {
  display: flex;
  align-items: center;
  height: 1.35rem;
  font-size: .24rem;
  color: #000;
}
.tool .mailbox .mailboxConten img {
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
}
.tool .mailbox .mailboxConten a:hover {
  text-decoration: none;
}
.main {
  max-width: 15.5rem;
  margin: 0 auto;
  padding-top: .3rem;
  margin-bottom: .2rem;
  background-color: #fff;
}

.zmhd_main{
	padding-top: .3rem;
	margin-bottom: .2rem;
	background-color: #fff;
}
.collectRow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #f5f5f5;
}
.collectRow .colItem {
  width: 49%;
  height: 3.4rem;
  background-color: #fff;
}

.collectRow .tabTitle {
  height: .66rem;
  line-height: .66rem;
  padding: 0 .3rem;
  border-bottom: 1px solid #e5e8ee;
}
.collectRow .tabTitle li {
  position: relative;
  display: inline-block;
  font-size: .22rem;
  color: #666;
  cursor:pointer
}

.collectRow .tabTitle li a.more{
  text-decoration: none;
  font-size: .16rem;
}

.collectRow .tabList li b {
  padding: 0 .05rem;
  margin-right: .10rem;
  border: 1px solid #015293;
  border-radius: .05rem;
  font-weight: normal;
  color: #015293;
}

.collectRow .tabTitle li.On {
  font-weight: bold;
  color: #015293;
}
.collectRow .tabTitle li.On:before {
  content: "";
  position: absolute;
  bottom: .01rem;
  width: 100%;
  border-bottom: 1px solid #015293;
}
.collectRow .tabTitle li:last-child {
  float: right;
  font-size: .18rem;
}
.collectRow .tabTitle li:last-child a {
  color: #666;
}
.collectRow .tabList {
  display: none;
}
.collectRow .itemCenter {
  padding: 0 .3rem;
}
.collectRow .tabList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .5rem;
  font-size: .18rem;
}
.collectRow .tabList li a {
  flex-grow: 1;
  margin-right: .2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #393939;
}

.collectRow .tabTitle i {
  display: inline-block;
  padding: 0 2px;
  font-style: normal;
  font-size: 18px;
}
.collectRow .tw {
  display: flex;
  padding-top: .1rem;
}

.collectRow .tw ul {
  margin-top: .1rem;
}
.collectRow .tw li {
  display: inherit;
  flex-grow: 1;
  width: 3rem;
  height: .4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #393939;
}
.collectRow .tw li span{
  font-weight: bold;
}
.collectRow .tw li a.more{
  color: #969696;
  font-size: .14rem;
}


.publicityRow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #e5e8ee;
  border-bottom: .2rem solid #f5f5f5;
  background-color: #fff;
}
.publicityRow .colItemLeft {
  width: 25rem;
}
.publicityRow .colItemRight {
  width: 100%;
}
.publicityRow .colItemLeft .tabTitle {
  height: .66rem;
  line-height: .66rem;
  padding: 0 .3rem;
  border-bottom: 1px solid #e5e8ee;
}
.publicityRow .tabTitle li {
  position: relative;
  display: inline-block;
  font-size: .22rem;
  color: #666;
  cursor:pointer
}
.publicityRow .tabTitle li.On {
  font-weight: bold;
  color: #015293;
}
.publicityRow .tabTitle li.On:before {
  content: "";
  position: absolute;
  bottom: .01rem;
  width: 100%;
  border-bottom: 1px solid #015293;
}
.publicityRow .tabList {
  padding: 0 .3rem;
}
.publicityRow .tabList,
.publicityRow .subTabBoxItem {
  /* display: none; */
}
.publicityRow .subTabBoxItem.subTabActive {
  display: block;
}
.publicityRow .subTab {
  margin-top: .2rem;
}
.publicityRow .subTabTitle {
  display: flex;
}
.publicityRow .subTabTitle li {
  width: 50%;
  height: .54rem;
  line-height: .54rem;
  text-align: center;
  font-size: .2rem;
  background-color: #e8e8e8;
  cursor: pointer;
}
.publicityRow .subTabTitle li.on {
  color: #fff;
  background-color: #0068b8;
}
.publicityRow .tableTitle,
.publicityRow .tableContent li {
  height: .6rem;
  line-height: .6rem;
  border-bottom: 1px solid #e5e8ee;
  overflow: hidden;
}
.publicityRow .tableTitle {
  border-bottom: 2px solid #e5e8ee;
}
.publicityRow .table {
  height: 3.6rem;
  margin: .1rem 0;
  padding-right: .1rem;
  overflow-y: scroll;
}
/* IE 浏览器 */
.scrollbar {
  scrollbar-arrow-color: #fff;
  scrollbar-face-color: #0099dd;
  scrollbar-highlight-color: #0099dd;
  scrollbar-shadow-color: #0099dd;
  scrollbar-track-color: #0066ff;
  scrollbar-3dlight-color:#0099dd;
  scrollbar-darkshadow-color: #0099dd;
  scrollbar-base-color: #0099dd;
}
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #0099ff;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #0068b8;
}
.scrollbar::-webkit-scrollbar-button {
  height: 0;
}
.publicityRow .tableContent li:last-child {
  border: none;
}
.publicityRow .tableContent li {
  position: relative;
}
.publicityRow .tableContent li::before {
  content: "";
  position: absolute;
  top: .3rem;
  width: .04rem;
  height: .04rem;
  border-radius: 50%;
  background-color: #0068b8;
}
.publicityRow .table span { 
  float: left;
  font-size: .16rem;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  color: #393939;
}
.publicityRow .table .lb {
  width: 15%;
}
.publicityRow .table .bt {
  width: 30%;
}
.publicityRow .table .dw {
  width: 25%;
}
.publicityRow .table .hf {
  width: 15%;
}
.publicityRow .table .zt {
  width: 15%;
}
.publicityRow .colItemRight .tabTitle {
  height: .66rem;
  line-height: .66rem;
  padding: 0 .3rem;
  border-bottom: 1px solid #e5e8ee;
}
.publicityRow .colItemRight .tabTitle.on {
  font-weight: bold;
  color: #015293;
}
.publicityRow .colItemRight li.on:before {
  content: "";
  position: absolute;
  bottom: .01rem;
  width: 100%;
  border-bottom: 1px solid #015293;
}
.publicityRow .colItemRight li:last-child {
  float: right;
  font-size: .18rem;
}
.publicityRow .colItemRight li:last-child a {
  color: #666;
}
.publicityRow .colItemRight .tabCenter {
  height: 4.4rem;
  background-color: white;
}

/***问卷***/
	.wenjuan .title {
  font-size: .36rem;
  text-align: center;
  color: #1f4f97;
  border-bottom: 1px solid #e5e8ee;
}
.wenjuan .title span {
  display: block;
  margin: .3rem 0 .2rem 0;
  font-size: .16rem;
  color: #333;
}
.wenjuan .content {
  padding: .4rem;
  font-size: .22rem;
}
.wenjuan .shuoMing {
  font-size: .18rem;
  line-height: .38rem;
  color: #333;
}
.wenjuan .shuoMing span {
  display: block;
  margin-bottom: .2rem;
  font-size: .2rem;
  color: #1f4f97;
}
.wenjuan .form dl {
  margin-top: .3rem;
}
.wenjuan .form dt {
  padding: .1rem 0;
  text-indent: 2em;
  color: #333;
  background-color: #f8f8f8;
}
.wenjuan .form dd {
  margin: .2rem 0 .2rem .7rem;
  font-size: .18rem;
  color: #000;
}
.wenjuan .form dd input {
  margin-right: .1rem;
}
.wenjuan .form input[type="text"] {
  border: 1px solid #dbdbdb;
}
.wenjuan .form .yzm {
  display: flex;
  margin: .2rem 0 0 .7rem;
}
.wenjuan .form .yzm img {
  width: 1.42rem;
  height: .43rem;
}
.wenjuan .form .yzm input {
  width: 3.7rem;
  height: .43rem;
}
.wenjuan .form .btn {
  margin: .5rem 0;
  text-align: center;
}
.wenjuan .form .btn button {
  width: 2.2rem;
  height: .55rem;
  color: #fff;
}
.wenjuan .form .btn button:first-child {
  margin-right: .1rem;
  background-color: #2c6ea6;
}
/***机构职能**/
.jigoushezhimain{margin-top: .3rem; margin-bottom: .45rem; background-color: white;}

.jigoushezhimain .zhineng {
  width: 100%;
  padding: 0 .25rem;
  min-height: 10rem;
}
.jigoushezhimain .zhineng .fgx {
  width: 100%;
}
.jigoushezhimain .zhineng .title {
  height: .56rem;
  padding-top: .1rem;
  margin-top: .25rem;
  text-align: center;
  color: #fff;
  background: url(../images/title_bj.png) center center no-repeat;
  background-size: cover;
}
.jigoushezhimain .zhineng .content {
  min-height: 100px;
  padding: .1rem .25rem;
  border-top: 1px solid #e5e8ee;
  border-bottom: 1px solid #e5e8ee;
}
.jigoushezhimain .zhineng .content ul {
  display: flex;
  flex-wrap: wrap;
}
.jigoushezhimain .zhineng .content li {
  width: 25%;
  height: .50rem;
  line-height: .50rem;
  border-bottom: 1px solid #e5e8ee;
  font-size: .18rem;
  color: #2c2c2c;
}
.jigoushezhimain .zhineng .content li::before {
  content: '';
  display: inline-block;
  width: .1rem;
  height: .1rem;
  margin-right: .1rem;
  background-color: #700000;
}


/* 媒体查询 宽度750 */
@media screen and (max-width: 750px) {
  /* layout begin */
  body{
      min-width: 100%;
  }
  .main {
    margin: .2rem;
  }
  .tool {
      height: auto !important;
  }
  .tool .entry {
      flex-wrap: wrap !important;
      justify-content: center !important;
  }
  .tool .entry p {
      font-size: .5rem !important;
  }
  .tool .mailbox .mailboxConten {
      flex-wrap: wrap !important;
  }
  .collectRow {
      flex-wrap: wrap !important;
  }
  .publicityRow {
    flex-wrap: wrap !important;
  }
  .zhineng .content li {
    width: 100% !important;
  }
}