﻿.box {
    margin-top: 20px;
  }
  
  .index_banner {
    width: 650px;
    height: 380px;
    position: relative;
  }
  
  /* é¦–é¡µè½®æ’­å›¾å¼€å§‹ */
  
  .slideBox {
    width: 650px;
    height: 380px;
    overflow: hidden;
    position: relative;
  }
  
  .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 10px;
    z-index: 3;
  }
  
  .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
  }
  
  .slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff
  }
  
  .slideBox .hd ul li.on {
    background: #fff;
    color: #333;
  }
  
  .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 1;
  }
  
  .slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
    z-index: 4;
  }
  
  .slideBox .bd img {
    width: 650px;
    height: 380px;
    display: block;
  }
  
  .slideBox .pop {
    width: 560px;
    height: 35px;
    padding-left: 10px;
    padding-right: 80px;
    line-height: 35px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    filter: Alpha(opacity=50);
    position: absolute;
    z-index: 0;
    bottom: 0;
  }
  
  /* é¦–é¡µè½®æ’­å›¾ç»“æŸ */
  
  .index_news {
    width: 540px;
    border: 1px solid #d2d2d2
  }
  
  .index_list_tit {
    width: 100%;
    height: 38px;
    background: #eaeeef;
  }
  
  .index_list_tit span {
    float: left;
    width: 86px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
  }
  
  .index_list_tit .active {
    background: #0168b7;
  }
  
  .index_list_tit .active a {
    display: block;
    color: #FFF
  }
  
  .index_list_box {
    padding: 10px
  }
  
  .index_list_box .detail {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
  }
  
  .index_list_box .detail h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  .index_list_box .detail p {
    font-size: 14px;
    line-height: 25px;
  }
  
  .index_list_box .detail p a {
    color: #2c79d9
  }
  
  .index_list_box ul {
    padding-top: 9px;
  }
  
  .index_list_box ul li {
    font-size: 14px;
    line-height: 28px;
  }
  
  .index_list_box ul li a {
    width: 85%;
  }
  
  .index_list_box ul li span {
    width: 10%;
  }
  
  .index_notice,
  .index_policy {
    width: 590px;
    border: 1px solid #d2d2d2;
  }
  
  .index_notice ul,
  .index_policy ul {
    width: 100%;
    padding-top: 0;
  }
  
  .index_policy ul {
    display: none;
  }
  
  .index_policy .active {
    display: block;
  }
  
  .index_column {
    margin: 20px 0;
    display: block;
  }
  .m-index_column{
    display: none;
  }
  
  .index_column li {
    float: left;
    margin-right: 20px;
  }
  
  .index_column .last_li {
    margin-right: 0px;
  }
  
  .index_zw_title {
    padding-bottom: 20px
  }
  .gk-box{
    width: 370px;
    float: left;
  }
  .gk-box.middle{
    width: 460px;
  }
  .gk-box.middle .title_x{
    margin-left: 20px;
  }
  /* .index_zw_title .title_x { */
  .gk-box .title_x {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    color: #0168b7;
    font-size: 18px;
    background: url(index_title_x_bg.png) no-repeat center center;
  }
  
  .index_zw_title .title_x a {
    color: #0168b7
  }
  
  .index_zw_title .title_c {
    margin: 0 20px;
  }
  
  .index_zfxxgk,
  .index_zwgk,
  .index_zmhd {
    width: 100%;
    height: 255px;
    border: 1px solid #d2d2d2;
    background: #f5f5f5;
    box-sizing: border-box;
  }
  
  .index_zfxxgk div {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
  }
  
  .index_zfxxgk span {
    display: block;
    padding-top: 10px;
  }
  
  .index_zwgk {
    margin: 0 20px;
  }
  
  .index_zwgk div {
    float: left;
    width: 203px;
    height: 49px;
    margin-left: 10px;
    margin-top: 13px;
    line-height: 40px;
    background: url(index_zwgk_button_bg.png) no-repeat;
    font-size: 15px;
    background-size: 100% 100%;

  }
  
  .index_zwgk div img {
    margin: 5px 20px 0 10px;
  }
  
  .index_zmhd div {
    float: left;
    margin-top: 13px;
    line-height: 45px;
    padding-left: 40px;
    box-sizing: border-box;
    font-size: 15px;
  }
  
  .index_zmhd .index_zmhd_btn1 {
    width: 170px;
    height: 49px;
    margin-left: 8px;
    background: url(index_zmhd_button_bg1.png) no-repeat;
    background-size: 100% 100%;

  }
  
  .index_zmhd .index_zmhd_btn2 {
    width: 348px;
    height: 49px;
    margin-left: 8px;
    padding-left: 0;
    text-align: center;
    background: url(index_zmhd_button_bg2.png) no-repeat;
    background-size: 100% 100%;
  }
  
  @media screen and (max-device-width: 767px) {
    html{
      background: none;
    }
    body{
      font-size: .24rem;
    }
    .toolbar{
      display: none;
    }
    .header{
      width: 100%;
      height: auto;
      background: url(m-top-bg.jpg) no-repeat;
      background-size: 100%;
    }
    .header .sec_menu{
      display: none;
    }
    .wid1000{
      width: 100%;
    }
    .header .cont{
      height: 2.821rem;
    }
    .header .cont img{
      display: none;
    }
    .header .cont .search{
      margin: 0 auto;
      padding-top: 1.84rem;
      background: none;
      float: none;
      width: 72%;
    }
    .header .cont .search input{
      width: 4.4rem;
      height: 0.56rem;
      padding: 0 .2rem;
      background: #FFFFFF;
      border: 0.01rem solid #ff9900;
      vertical-align: middle;
      box-sizing: border-box;
      float: none;
    }
    .header .cont .search button{
      outline: none;
      -webkit-appearance: none;
      margin: 0;
      padding: 0;
      background: #ff9900;
      color: #FFFFFF;
      border: 0;
      width: .96rem;
      text-align: center;
      font-size: 0.26rem;
      cursor: pointer;
      height: 0.56rem;
      line-height: 0.56rem;
      vertical-align: middle;
    }
    .header .menu {
      height: .7rem;
    }
    .header .menu li{
      width: auto;
      margin: 0;
      display: inline;
      line-height: 0.70rem;
    }
    .header .menu li a{
      width: 1.5rem;
      color: #FFFFFF;
      font-size: 0.28rem;
      text-align: center;
      cursor: pointer;
    }
    .content-top-banner{
      width: 100%;
    }
    .content{
      background: #f2f2f2;
    }
    .content .index_banner{
      width: 100%;
      height: auto;
    }
    .index_banner .slideBox{
      width: 100%;
      padding: .2rem 0;
      box-sizing: border-box;
    }
    .slideBox{
      height: 4.8rem;
    }
    .slideBox .hd{
      right: .4rem;
      bottom: .4rem;
    }
    .slideBox .bd img{
      width: 100%;
      height: 4.33rem;
    }
    .slideBox .pop{
      width: 5.1rem;
      height: .64rem;
      line-height: .64rem;
    }
    .index_news,.index_notice,.index_policy{
      width: 100%;
      margin-bottom: .3rem;
      background: #fff;
    }
    .content .box{
      margin-top: 0;
      padding: 0 .3rem;
    }
    .index_list_tit{
      height: .76rem;
    }
    .index_list_box{
      padding: .2rem;
    }
    .index_list_box .detail{
      padding: .18rem;
    }
    .index_list_box .detail h2{
      font-size: .32rem;
      margin-bottom: .2rem;
      margin-top: .2rem;
    }
    .index_list_box .detail p{
      font-size: .28rem;
      line-height: .5rem;
    }
    .index_list_box ul{
      padding-top: .18rem;
    }
    .index_list_box ul li{
      font-size: .28rem;
      line-height: .56rem;
    }
    .index_list_box ul li a{
      width: 5rem;
    }
    .index_list_box ul li span{
      width: 1rem;
    }
    .index_column_pc {
      display: none;
    }
    .m-index_column{
      display: flex;
      margin: 0 .3rem;
      padding-bottom: .2rem;
    }
    .m-index_column li{
      flex: 1;
      width: 20%;
      margin-right: .1rem;
    }
    .m-index_column li:last-child{
      margin-right: 0;
    }
    .m-index_column li img{
      width: 100%;
    }
    .gk-box,.gk-box.middle{
      width: 100%;
    }
    .gk-box.middle .title_x{
      margin-left: 0;
    }
    .gk-box.middle .index_zwgk{
      margin-left: 0;
      margin-right: 0;
    }
    .gk-box .title_x{
      position: relative;
      margin-bottom: 0;
      padding-left: 0.2rem;
      box-sizing: border-box;
      width: 100%;
      font-size: 0.26rem;
      vertical-align: middle;
      text-align: left;
      background: none;
    }
    .gk-box .title_x::before{
      position: absolute;
      left: 0;
      content: '';
      display: inline-block;
      width: 0.05rem;
      height: 0.36rem;
      border-radius: 0.02rem;
      background-color: #0168b7;
      vertical-align: middle;
    }
    .index_zfxxgk,
    .index_zwgk,
    .index_zmhd {
      margin-bottom: .2rem;
      width: 100%;
      height: auto;
      /* border: .02rem solid #d2d2d2; */
      border: none;
      background: #f5f5f5;
      box-sizing: border-box;
    }
    .index_zfxxgk div{
      padding: .2rem .4rem;
      margin-top: 0;
      width: 25%;
      box-sizing: border-box;
    }
    .index_zfxxgk img{
      width: 100%;
    }
    .index_zfxxgk span{
      padding-top: .1rem;
      font-size: .22rem;
    }
    .index_zwgk div{
      margin-left: 0;
      margin-top: .2rem;
      font-size: .22rem;
      width: 3.4rem;
      height: .74rem;
      line-height: .64rem;
      background: url(index_zwgk_button_bg.png) no-repeat;
      background-size: 100% 100%;
      text-align: center;
    }
    .index_zwgk div img{
      width: 0.5rem;
      height: 0.45rem;
      margin: 0 0.2rem 0 0;
      vertical-align: middle;
    }
    .index_zmhd div{
      margin-left: 0;
      font-size: .22rem;
      width: 3.4rem;
      height: .74rem;
      line-height: .74rem;
    }
    .index_zmhd .index_zmhd_btn1, .index_zmhd .index_zmhd_btn2{
      margin-left: 0;
      margin-top: .2rem;
      padding-left: 0;
      width: 3.4rem;
      height: .74rem;
      line-height: .64rem;
      background: url(index_zmhd_button_bg1.png) no-repeat;
      background-size: 100% 100%;
      text-align: center;
    }
  
    .index_column_bottom {
      display: flex;
      margin: 0 0 .2rem 0;
      padding: 0 .3rem;
    }
    .index_column_bottom li{
      margin-right: .1rem;
      width: 25%;
    }
    .index_column_bottom li img{
      width: 100%;
    }
    .footer_lyjg{
      display: none;
    }
    .footer{
      border-top: 0.02rem solid #6fb4e9;
      padding: .2rem 0;
      background-color: #e3f1f8;
    }
    .footer .foot_c{
      font-size: .22rem;
    }
    .footer .foot_c .foot_menu a{
      margin: 0.2rem 0;
      padding: 0;
      width: 1.2rem;
      box-sizing: border-box;
      color: #135f99;
      font-size: 0.24rem;
      cursor: pointer;
    }
    .footer_dzjg{
      width: 0.42rem;
      height: 0.49rem;
      vertical-align: middle;
    }
    .footer_wzzc{
      width: 0.76rem;
      height: 0.38rem;
      box-sizing: content-box;
    }
    .footer .foot_c p span{
      display: inline-block;
    }
    .foot_img_beian{
      display: none;
    }
    .footer .foot_l {
      top: 1.2rem;
      left: .4rem;
    }
    .footer .foot_r{
      top: .9rem;
      right: 0;
    }
  
  
  
  }