body {margin:0 auto; font-size:16px; font-family: "宋体" "微软雅黑"; color:#000;background:#FFFFFF;min-width: 1350px;}
*{margin:0 auto;padding:0;list-style-type:none;border: 0;/*letter-spacing:0.5px*/ }
a {text-decoration:none; color:#4a4a4a;border:0;font-size: 18px;}
img{border:0;}
a:hover {text-decoration:none; overflow:hidden;/* color:#ff0700;*/}
ul{ margin:0px auto; padding:0px; list-style-type:none;}

.page{width: 100%;height: 330px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025nbzt/banner.jpg) no-repeat center top;}
.kuai{width: 1280px;height:330px;position: relative;}
.page .ban{width: 1080px;height: 90px;/*background:#BBCCFD url(../images/cio_ban.png) no-repeat*/;margin: 0 auto;text-align: center;line-height: 90px;}
.page .ban p{color: #fff;font-weight: bold;font-size:58px;letter-spacing:4px;text-shadow: 0px 0px 5px #1873c3;}
.guoh {background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025nbzt/guohui.png) no-repeat left bottom;
   	   width: 1330px;height: 110px;margin: 0 auto;}
.qit{width: 180px;height: 45px;background:#5cb7ff;border-radius:6px;position: absolute;right: 0;bottom:30px;}
.qit a{display: block;font-size: 20px;line-height: 45px;text-align: center;color: #fff;}
.qit:hover{background:#399cf2;}

.hot{width:1280px;height:130px;margin: 56px auto;}

.hot .hot_1{width: 613px;height:130px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025nbzt/cio_bg.jpg) no-repeat center top;position: relative;}
/*.hot .hot_1:hover{width: 613px;height:130px;background: url(../images/cio_bg_1.jpg) no-repeat center top;position: relative;}*/
.hot .hot_1 a{display: block;width: 613px;height:130px;}
.hot .hot_1 p{font-size: 30px;color: #006bfd;font-weight: bold;text-shadow:1px 1px 0 white,-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white;
				position: absolute;top: 20px;left:23px;}
.hot .hot_1 .nd{width: 120px;height: 35px;border-radius: 50px;background: #f2711c;font-size:18px;text-align: center;line-height: 35px;color: #fff;
				position: absolute;bottom: 20px;left:23px;}
.hot .hot_1:hover .nd{background: #f69c60;}
.hot .hot_z{float: left;}
.hot .hot_y{float: right;}

.cont{width:1280px;height:auto;}
.cont .bumen{width: 1280px;height: 40px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025nbzt/cio_bj.png) no-repeat center top;}
.cont .bumen p{color: #006bfd;font-size:32px;font-weight: bold;text-align: center;line-height: 40px;}

.cont .bumen1{width: 1280px;height: 40px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025nbzt/cio_bj1.png) no-repeat center top;}
.cont .bumen1 p{color: #006bfd;font-size:32px;font-weight: bold;text-align: center;line-height: 40px;}


/*正文中按钮切换背景  开始*/
.custom-btn:nth-child(5n) {margin-right: 0;}
 .custom-btn {overflow: hidden;
    width:228px;
    height: 57px;
    color: #333333;
    border-radius: 5px;
    margin-top:40px;
    margin-right:30px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: center;
    line-height:57px;
    font-size:18px ;
    background-color: #f2f2f2;
    box-shadow: 0px 3px #bbccfd;
    margin-bottom: 5px;
  }
 .custom-btn a{
    display: block;
  }
      /* 6 */ 

  .btn-6 {
   /* background: linear-gradient(0deg,#f6ca99,#f2f2f2);z-index: 1;}*/
    background: #f2f2f2);z-index: 1;}

  .btn-6:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    /*background: linear-gradient(0deg,#f2f2f2,#006bfd);*/
    background: linear-gradient(0deg,#fff,#bbccfd);
    border-radius: 5px;
    transition: all 0.3s ease;
  }

  .btn-6:hover a{
    color: #006bfd;
    /*font-weight: bold;*/
  }

  .btn-6:hover:after {
    left: 0;
    width: 100%;
  }




@-webkit-keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/*正文中按钮切换背景  结束*/


/*----------------------------footer----------------------------------------*/
.footer-wrap{width: 100%; background-color: #e8e8e8;  padding-bottom:46px;padding-top: 30px; font-size:18px ;clear: both;border-top: 12px solid #355e92;}
.footer{width: 1200px; margin: 0 auto;}
.footer .link2 {position: relative;}
.footer .link2 p{text-align: center; line-height: 36px; padding-top: 20px;}
.footer .link2 .mk1{position:absolute; left: 5px; top: 20px;}
.footer .link2 .mk2{position:absolute; left: 123px; top: 26px;}
.footer .link2 .mk3{position:absolute; right:80px; top: 32px;}
.footer .link2 .mk4{position:absolute; right:5px; top: 20px;}