@charset "utf-8";
/****************************************************** 互动知识库.html ******************************************************************/
.site{ padding: 10px 0; margin: 0 auto; font-size: 14px; color: #666666; }
.site a{  font-size: 14px; color: #666666; }
.site a:hover{ color: #000; }

.bj-eaab28{ background-color: #eaab28!important; }
.bj-5e94a0{ background-color: #5e94a0!important; }
.bj-ac6a2d{ background-color: #ac6a2d!important; }
.bj-8086e8{ background-color: #8086e8!important; }

.hdzsk-tit{  height: 125px; }
.hdzsk-tit01{ background: url(2018wcqzf_hdzsk_tit01.png) no-repeat center; }
.hdzsk-tit02{ background: url(2018wcqzf_hdzsk_tit02.png) no-repeat center; }
.hdzsk-tit03{ background: url(2018wcqzf_hdzsk_tit03.png) no-repeat center; }

.hdzsk-header{ height: 300px; background: url(2018wcqzf_hdzsk_banner.png) no-repeat center;  }
/* 图解数据 */
.tjsj{ margin: 60px auto 0; }
.tjsj .hd {  text-align: center; background: url(2018wcqzf_hdzsk_listnavbg.png) no-repeat center; }
.tjsj .hd li { display: inline-block; margin: 0 30px; }
.tjsj .hd li a{ font-size: 26px; }
.tjsj .hd .on a{  font-weight: bold;  color: #8086e8;  }
.tjsj .bd .tjsj-tb{ width: 100%; height: 500px;  }
/* 热点问题 */
.hdzsk-rdwt{ background: #fbfbfe; padding-bottom: 40px; }
.hdzsk-rdwt .hdzsk-rdwt-list { padding: 0 15px; margin-top: 20px; }
.hdzsk-rdwt .hdzsk-rdwt-list table { width: 100%; margin: 0 auto; }
.hdzsk-rdwt .hdzsk-rdwt-list tr { border-bottom: 1px solid #dbdbdb; }
.hdzsk-rdwt .hdzsk-rdwt-list tr td{ padding: 16px 0; }
.hdzsk-rdwt .hdzsk-rdwt-list .list-top{ width: 80px; }
.hdzsk-rdwt .hdzsk-rdwt-list .list-top span{ display:block; width: 55px; height: 22px; line-height: 22px; text-align: center; border-radius: 5px; color: #fff; background-color: #b3b3b3; }
.hdzsk-rdwt .hdzsk-rdwt-list .list-a{ width: 70%; text-align: left; }
.hdzsk-rdwt .hdzsk-rdwt-list .list-a a{ font-size: 18px; }
.hdzsk-rdwt .hdzsk-rdwt-list .danwei{ font-size: 18px; color: #666666;  text-align: center; }
.hdzsk-rdwt .hdzsk-rdwt-list .time{ font-size: 18px; color: #666666; width: 120px; text-align: center; }
/* 热点知识 */
.hdzsk-zsml .hdzsk-zsml-search{ overflow: hidden; margin-top: 20px; }
.hdzsk-zsml .hdzsk-zsml-search form{ display: block; float: left; width: 958px; height: 58px; line-height: 58px; border: 1px solid #e5e5e5; }
.hdzsk-zsml .hdzsk-zsml-sr{ display: block; float: left; width: 800px; padding: 0 10px; height: 58px; line-height: 58px; font-size: 16px; border: 0; background: none; outline: none; }
.hdzsk-zsml .hdzsk-zsml-btn{ display: block; float: right; width: 138px; height: 58px; line-height: 58px; border: 0; font-size: 20px; color: #808080; background: url(2018wcqzf_hdzsk_icon01.png) no-repeat left center; outline: none; cursor: pointer;  }
.hdzsk-zsml .hdzsk-zsml-znzsk{ width: 220px; height: 60px;  }

/* 子栏目 */
.list_con { margin: 20px auto; overflow: hidden; position: relative; }
.con_left{ width: 260px; float: left; overflow: hidden; border: 1px solid #e5e5e5; }
.con_right{ width: 910px; float: right; overflow: hidden; border: 1px solid #e5e5e5; }
/*栏目样式*/
.left_list{ width: 100%; }
.left_list ul li{ height: 70px; line-height: 70px; border-top: 1px solid #f4f6f7; }
.left_list ul li:first-child{ border-top: none; }
.left_list ul li a { display: block; padding-left: 60px; height: 100%; font-size: 16px; }
.left_list ul li a:hover{ background: #8086e8 url(2018wcqzf_hdzsk_icon04.png) no-repeat 92% center; color: #fff; }
.left_list .active a{ background: #8086e8 url(2018wcqzf_hdzsk_icon04.png) no-repeat 92% center; color: #fff; }
/*列表样式*/
.right_list li{ padding: 20px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #f3f9fe; }
.right_list li:hover{ background: #fbfbfe; }
.right_list li:hover .list-top{ color: #8086e8; }
.right_list .list-top { display: block; padding-left: 83px; line-height: 30px; font-size: 20px; margin-bottom: 15px; position: relative; }
.right_list .list-top span{ display: block; background: url(2018wcqzf_hdzsk_icon05.png) no-repeat center; position: absolute; left: 0; top: 0; width: 63px; padding-right: 10px; height: 30px; line-height: 30px; text-align: center; color: #fff; }
.right_list .zy{ line-height: 25px; font-size: 14px; margin-bottom: 20px; color: #979797; }
.right_list .date span{ color: #666666; font-size: 14px;  }
/*分页样式*/
.div_cutPage{ padding: 40px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; padding: 2px 8px; border-radius: 3px; cursor: pointer; margin: 2px; }
.div_cutPage a:hover{ background-color: #8086e8; color:white;  }
.div_cutPage .on{ background-color: #8086e8; color:white;  }

.footer{ background: #313131; padding: 20px 0; margin-top: 30px; }
.footer .footer01{ width: 1000px; margin: 0 auto; padding-bottom: 18px; overflow: hidden; border-bottom: 1px solid #6e6e6e;  }
.footer .footer01 li{ width: 25%; float: left; text-align: center; }
.footer .footer01 li a{ color: #fff;  font-size: 14px;  }
.footer .footer01 li a:hover{ color: #01dcec;  font-size: 14px;  }
.footer .footer01 span{ display: inline-block; margin-right: 10px; vertical-align: middle; }
.footer .footer01 .f1 span{ background: url(2018wcqzf_hdzsk_footre01.png) no-repeat; width: 17px; height: 16px; }
.footer .footer01 .f2 span{ background: url(2018wcqzf_hdzsk_footre02.png) no-repeat; width: 15px; height: 15px; }
.footer .footer01 .f3 span{ background: url(2018wcqzf_hdzsk_footre03.png) no-repeat; width: 16px; height: 14px; }
.footer .footer01 .f4 span{ background: url(2018wcqzf_hdzsk_footre04.png) no-repeat; width: 15px; height: 19px; }
.footer .footer02{ padding-top: 18px;  }
.footer .footer02 p{ font-size: 14px; color: #fff; text-align: center; line-height: 25px;   }


/* 过渡 */
.zsml_dh li i{ -webkit-transition: font-size 0.25s ease-out 0s; -moz-transition: font-size 0.25s ease-out 0s; transition: font-size 0.25s ease-out 0s; }

@media only screen and (max-width: 1024px) {
    /****************************************************** 望城区互动知识库.html ******************************************************************/
    .floor{ width: 100% }
    .hdzsk-header{ height: 120px; background-size: 100% 100%; }
    /* 热点问题 */
    .hdzsk-rdwt .hdzsk-rdwt-list { padding: 0 5px; }
    .hdzsk-rdwt .hdzsk-rdwt-list tr { border-bottom: 1px solid #dbdbdb; }
    .hdzsk-rdwt .hdzsk-rdwt-list tr td{ padding: 10px 5px; }
    /* 热点知识 */
    .hdzsk-zsml .hdzsk-zsml-search{ overflow: hidden; padding: 20px 0; margin-top: 20px; }
    .hdzsk-zsml .hdzsk-zsml-search form{ display: block; float: left; width: 100%; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; box-sizing: border-box; }
    .hdzsk-zsml .hdzsk-zsml-sr{ display: block; float: left; width: calc(100% - 100px); padding: 0 10px; height: 40px; line-height: 40px; box-sizing: border-box; }
    .hdzsk-zsml .hdzsk-zsml-btn{ display: block; float: none; width: 100px; padding-left: 30px; height: 40px; line-height: 40px;  box-sizing: border-box; }
    .hdzsk-zsml .hdzsk-zsml-znzsk{ width: 100%; height: 60px; margin-top: 20px; text-align: center; clear: both; }
    .hdzsk-zsml .hdzsk-zsml-znzsk a:before{ display: block; width: 100%; height: 60px; line-height: 60px; background: #8086e8; color: #fff; font-size: 22px; letter-spacing: 3px; content: "智能知识库" }
    .hdzsk-zsml .hdzsk-zsml-znzsk img{ display: none; }

    /* 子栏目 */
    .list_con { margin:0 auto; overflow: hidden; position: relative;  }
    .con_left{ width: 100%; float: none; overflow: hidden; }
    .con_right{ width: 100%; float: none; overflow: hidden;}
    /*栏目样式*/
    .left_list{ width: 100%; }
    .left_list ul li{ width: 50%; float: left; height: 50px; line-height: 50px; border: 0;  border-bottom: 1px solid #f4f6f7; }
    .left_list ul li a { display: block; padding-left: 0; height: 100%; text-align: center; }
    .left_list ul li a:hover{ background: #8086e8; }
    .left_list .active a{ background: #8086e8; }
    /*列表样式*/
    .con_right{ margin-top: 20px; }
    .right_list{ margin-top: 20px; }
    .right_list .date span{ display: block; width: 100%; margin: 5px auto;  }
    .right_list li{ padding: 10px; }
    /*分页样式*/
    .div_cutPage a{; padding: 2px 4px; margin: 0; }

    .footer .footer01{  display: none;  }
    .footer .footer02{ padding-top: 0;  }
    .footer .footer02 p{ padding: 0 10px; }

}