﻿@charset "utf-8";
  /* 链接 */
a {
  color:#333;
  text-decoration:none;
}

a:hover {
  color:#005aa8;
  text-decoration:none;
}

a:active {
  outline:none;
}

/* 头部、底部、公用 */
body {
  overflow-x:hidden;
  font-size:16px;
  background:#fff url(//zjt.hubei.gov.cn/material/images/zwzspt/bg.jpg) 50% 0 no-repeat;
}
.header {
  position: relative;
  height:380px;
  background:url(//zjt.hubei.gov.cn/material/images/zwzspt/head.png) 20% 50% no-repeat;
}
.header h1 {
  width: 400px;
  height:120px;
  background:url(//zjt.hubei.gov.cn/material/images/zwzspt/logo.png) 50% 20px no-repeat;
  background-size: 100%;
}
.header h1 a {
  display:block;
  height:70px;
}
/* 搜索 */
.search_box{
  padding: 10px 0px;
  background-color: #4b90e5;
}

.search{
  display: block;
  width: 910px;
  height: 60px;
  margin:0px auto;
  box-shadow: 0 3px 20px rgba(1, 131, 245, .3);
}

.search input, 
.search button {
     float: left;
     display: block;
}

.search input {
     box-sizing: border-box;
     width: 755px;
     height: 60px;
     line-height: 20px;
     font-size: 16px;
     padding: 15px 65px 15px 50px;
     border: none;
     box-shadow: 0 0 4px rgba(0, 0, 0, .1);
     border-radius: 2px 0px 0px 2px;
     outline: none;
     background: #fff url(//zjt.hubei.gov.cn/material/images/zwzspt/q.jpg) 15px center no-repeat;
}

.search button {
     box-sizing: border-box;
     width: 90px;
     height: 60px;
     color: #fff;
     font-size: 20px;
     border: none;
     cursor: pointer;
     background: #485fff;
     border-radius: 0px 2px 2px 0px;
}

.inner{
  position:relative;
  width:1200px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:1200px) {
  body {
    background-size: auto 15%;
  }
  .header {
    height: 290px;
    background-size: 40%;
    background-position: 15% 50%;
  }
  .header h1 {
    height:60px;
    background-position:0px 50%;
    background-size:auto 80%;
  }
  .header h1 a {
    display:block;
    height:100px;
  }
  .header h1,.inner,.content,.links,.copyright {
    width:100%;
  }
  .grid{
    padding:0px.p2.p2 20px;
  }
   .search {
    width: 95%;
    margin: 20px;
    left: 0px;
    height: 50px;
   }
    .search input {
      width: 100%;
      height: 50px;
      padding: 15px 65px 15px 50px;
      margin: 0;
     }
     .search button {
      width: 50px;
      height: 50px;
      margin-left: -50px;
      font-size: 16px;
      background-position: center;
     }
}
@media (max-width:768px) {
  .header {
    height: 220px;
  }

   body {
    background-size: auto 9.7%;
  }
}

@media (max-width:480px) {
  body {
    background-size: auto;
    background-position: -310px -155px;
  }
  .header {
    height: 250px;
    background-size: 90%;
    background-position: center;
  }
  .p1{
    background-color: #daeeff;
  }
 .search {
  width: 90%;
 }
}
/* 公用 */

.content .row {
  margin-right:-10px;
  margin-left:-10px;
}

.content .row > .col,
.content .row > [class*="col-"] {
  padding-right:10px;
  padding-left:10px;
}

.tab-pane {
  position:relative;
  overflow:hidden;
}

.tab-pane .pane > ul,.tab-pane .pane > div {
  animation-duration:.3s;
}

.tab{
  padding: 20px 20px 40px 200px;
  background:url(//zjt.hubei.gov.cn/material/images/zwzspt/zl.png) 0px 0px no-repeat;
}

.tab a {
  position: relative;
  display:inline-block;
  padding:9px 50px;
  width: 30.60%;  
  margin:0px 10px;
  text-align: center;
}

.tab a b{
  font-size: 24px;
  color: #3880d7;
  display: inline-block;
  text-align: center;
  margin-top:15px;
}

.tab a.current{
  background:url(//zjt.hubei.gov.cn/material/images/zwzspt/_con.png) 50% no-repeat;
}

.tab a.current span,
.tab a.current b{
  color: #fff;
}

.tab a.current:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    display: block;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #73b1f4 transparent transparent transparent;
}

.tab a span{
  display: block;
    font-size: 24px;
    line-height: 40px;
    color: #6a6a6a;
}
@media (max-width:1200px) {
    .tab {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    margin-left:-2px;
    margin-right:-2px;
  }
  .tab a {
    width:0%;
    min-width:inherit;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 2px;
    padding:10px;
    font-size:16px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    }
}

@media (max-width:1024px) {
  .tab a i{
    display: none;
  }

}

@media (max-width:480px) {
  .tab{
    display: -webkit-box;
    padding: 20px;
    height: auto;
    background-color: #e9f3ff;
    background-image: none;
  }  

  .tab a {
      min-width: -webkit-fill-available;
      padding: 20px 0px;
      margin: 10px;
  }
  .tab a b{
    font-size: 18px;
    margin:0px auto;
  }
  .tab a span{
    font-size: 20px;
  }
}

.row {
  margin-right:-10px;
  margin-left:-10px;
}
.table-bordered {
  margin-bottom:0px;
}
.table-bordered > tbody > tr > th {
  background-color:#f9f9f9;
  text-align:center;
  color:#048;
}
/* 首页 开始*/

/* part2开始 */
.pane{
    width: 100%;
    margin-top: -100px;
    display: inline-block;
    padding: 100px 0px 20px 0px;
}

.zxzc{
    padding:10px;
    background-color: #fff;
    border:1px solid #d6ebff;
    box-shadow: 0 3px 15px rgba(161, 191, 237, .3);
}

.rdwt{
    padding:10px;
    background-color: #fff;
    border:1px solid #d6ebff;
    box-shadow: 0 3px 15px rgba(161, 191, 237, .3);
}

.zxzc h3,
.rdwt h3{
  font-size: 26px;
  line-height: 46px;
  padding-left: 17px;
  margin-top: -10px;
  margin-left: -10px;
    background: #deebff;
    background: -webkit-linear-gradient(60deg, #deebff, #fff);
    background: linear-gradient(60deg, #deebff, #fff);
}

.zxzc h3 i{
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 8px;
  background: url(//zjt.hubei.gov.cn/material/images/zwzspt/zxzc.png) 0px 50% no-repeat;
}

.rdwt h3 i{
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 8px;
  background: url(//zjt.hubei.gov.cn/material/images/zwzspt/rdwt.png) 0px 50% no-repeat;
}

.zxzc h3 a,
.rdwt h3 a{
  color: #1f59ce;
}

.zxzc .list-t li{
  padding:0px 10px;
  line-height: 30px;
  margin-bottom: 10px;
}

.zxzc .list-t li a{
   white-space: normal;
}

.rdwt .list-t li:before,
.zxzc .list-t li:before{
  display: none;
}

.xgjd{
  color: #013f86;
  padding: 2px 10px;
  margin:0px 10px;
  background-color: #d3eaff;
}

@media (max-width:1024px) {
  .pane{
    padding: 100px 20px 20px 20px;
  }

  .list-t li{
    line-height: 28px;
    margin-bottom: 0px
  }
}


@media (max-width:1024px) {
  .pane{
    padding: 60px 20px 20px 20px;
  }
}

.list-b{
    padding:20px;
    background-color: #fff;
    border:1px solid #d6ebff;
    box-shadow: 0 3px 10px rgba(1, 131, 245, .3);
}

.list-b li{
    position: relative;
    padding:20px;
    border-bottom: 1px dashed #ccc;
}

.list-b li h4{
    font-size: 18px;
    line-height: 36px;
    padding-left: 25px;
    margin-left: -20px;
}

.list-b li .info{
  line-height: 28px;
  text-indent: 2em;
  padding-bottom: 10px;
}

.list-b li span{
  display: inline-block;
  font-size: 16px;
  padding:5px 10px;
  margin: 10px;
  line-height: 18px;
  background-color: #f3f3f3;
}

.list-b li .xgzc{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0px 10px;
    background-color: #5a9ae8;
}

.list-b li .xgzc i{
    display:block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background:url(//zjt.hubei.gov.cn/material/images/zwzspt/icons.png) 0 -160px no-repeat;
}

.pages .current{
    background-color: #2c61e5;
}

@media (max-width:480px) {  
  .list-b li p span{
    margin-bottom: 20px;
  }

  .list-b li .xgzc{
    position: inherit;
  }
}
/* part2结束 */








