.hdzsk-header { height: 440px; background: url(hdzsk_bg.jpg) no-repeat center top; padding-top: 30px;}
.hdzsk-header p { background: url(hdzsk_header.png) no-repeat center 0; width: 1100px; margin: 0 auto; padding-top: 350px; font-size: 16px; line-height: 30px; color: #fff; text-indent: 2em;}

.container{ width: 1200px; margin: 30px auto 50px; overflow: hidden;}
.floor{  width: 1200px; margin: 0 auto; }
.clear{ clear:both;}
body { background-color: #f1f1f1}

.zsk-tit { border-bottom: 1px solid #efefef; text-align: center; font-size: 0;}
.zsk-tit h2 { display: inline-block; *display: inline; *zoom: 1; border-bottom: 2px solid #2151be; font-size: 26px; font-weight: normal; line-height: 40px; margin-bottom: -1px;}

/* 图解数据 */
.site{ width: 1160px; line-height: 40px; margin: 10px auto; padding-left: 40px; background: url(2018csszfsjkfpt_hdzsk_dqwz.png) 10px center no-repeat; color: #000; font-size: 14px;  }
.site a{ color: #000; font-size: 14px; }
.tjsj, .rdwt{ width: 850px; height: 560px; float: left; background: #fff; overflow: hidden;  -webkit-box-shadow: 2px 2px 4px #cdced0; -moz-tbox-shadow: 2px 2px 4px #cdced0; -o-box-shadow: 2px 2px 4px #cdced0;  box-shadow: 2px 2px 4px #cdced0; }
.rdwt{ width: 330px; float: right; }
.hot_tit{ margin: 10px 20px; height: 45px; line-height: 45px; border-bottom: 2px solid #046db9; }
.hot_tit i{ width: 40px; height: 45px;  display: inline-block; float: left; }
.hot_tit span{ font-size: 26px; margin-left: 10px; }
.hot_tit .hot_tit_ico1{ background:  url(2018csszfsjkfpt_hdzsk_01.png) no-repeat center; }
.hot_tit .hot_tit_ico2{ background:  url(2018csszfsjkfpt_hdzsk_02.png) no-repeat center; }
.hot-Tab{ overflow: hidden; }
.hot-Tab .bd{ margin: 10px 20px; box-sizing: border-box; }
.hot-Tab .bd h2{ font-size:14px; }
.hot-Tab .bd p{ color:#999;  }
.hot-Tab .bd p a{ color:#c00;  }
.hot-Tab .bd ul a{ color:#3E78B3; }
.hot-Tab .con{ width: 100%; height: 403px; }
.hot-Tab .hd{ width: 100%; height: 70px; background: #f4f6f7; }
.hot-Tab .hd li{ float:left; width: 50%; height: 70px; line-height: 70px;  text-align: center; cursor:pointer; color: #9a9a9a; font-size: 16px; position: relative }
.hot-Tab .hd li{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.hot-Tab .hd li span{ display: inline-block; zoom: 1; padding-left: 30px; height: 70px;  }
.hot-Tab .hd .h_1:before{ content: ""; display: block; width: 2px; height: 70px; background: #b3cadb; position: absolute; right: 0; top: 0; z-index: 1; }
.hot-Tab .hd .h_1 span{ background: url(2018csszfsjkfpt_hdzsk_03s.png) no-repeat left center; }
.hot-Tab .hd .h_2 span{ background: url(2018csszfsjkfpt_hdzsk_04s.png) no-repeat left center; }
.hot-Tab .hd .on{ background: #fff; color: #046db9; }
.hot-Tab .hd .h_1.on span{  background: url(2018csszfsjkfpt_hdzsk_03.png) no-repeat left center; }
.hot-Tab .hd .h_2.on span{  background: url(2018csszfsjkfpt_hdzsk_04.png) no-repeat left center; }
.rdwt .bd{ margin: 10px 20px; height: 403px; }
.rdwt .bd li{ margin: 20px 0 25px; padding-left: 45px; position: relative; }
.rdwt .bd li:hover a { color: #c1232b;  }
.rdwt .bd li:hover span { background: #c1232b;  }
.rdwt .bd li:first-child span{ background: #c1232b; }
.rdwt .bd li span{ position:  absolute; left: 0px; top: 0px; display: block; width: 25px; height: 25px; line-height: 25px; background: #b1b1b1; color: #fff; text-align: center; }
.rdwt .more{ display: block; width: 130px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #333333; border-radius: 8px; margin: 25px auto 0; }
.rdwt .more:hover{ color: #046db9; border: 1px solid #046db9; }
.hdzs{ width: 1160px; margin: 20px auto; padding: 20px; background: #fff; }
.hdzs .hdzs-search{ width: 830px; float: left; }
.hdzs .hdzs-zsk{ width: 310px; height: 50px; float: right; }
.hdzs .hdzs-zsk img{ width: 100%; height: 100%; }
.hdzs .list_con .con_right .right_list .top{ background: none; }
.input-group{position:relative;display:table;border-collapse:separate}
.input-group .form-control{position:relative;z-index:2;float:left;width:96%;}
.search-cont input{background:#f1eeee;height:48px;line-height:48px;padding-left:20px;display:table-cell;border:1px solid #f1eeee;color:#8b91a0;font-family:inherit;font-size:14px;
    transition-duration:.1s;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;}
.search-cont .btn{padding:0 30px;background:#046db9;color:#fff;height:50px;font-size:22px;border:1px solid transparent;user-select:none;touch-action:manipulation;cursor:pointer;display:inline-block;}
.hdzsfl{ margin-top: 20px; background: #046db9; height: 70px; line-height: 70px; text-align: center; }
.hdzsfl span{ display: inline-block; zoom: 1; padding-left: 40px; height: 70px; color: #fff; font-size: 26px; }
.list_con { margin: 20px auto; overflow: hidden; position: relative;}
.con_left{ width: 288px; border: 1px solid #e5e5e5; float: left; overflow: hidden;  }
.con_right{ width: 848px; border: 1px solid #e5e5e5; float: right; overflow: hidden;}

.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%; }
.left_list ul li a:hover{ background: #046db9 url(2018csszfsjkfpt_hdzsk_08.png) no-repeat 260px center; color: #fff; }
.left_list .active a{ background: #046db9 url(2018csszfsjkfpt_hdzsk_08.png) no-repeat 260px center; color: #fff; }

.right_list li{ padding: 20px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #f3f9fe; }
.right_list li:last-child{ border-bottom: none; }
.right_list li:hover{ background: #eaf0f5; }
.right_list .top { display: block; padding-left: 100px; line-height: 30px; font-size: 20px; margin-bottom: 15px; position: relative; }
.right_list .top span{ display: block; background: url(2018csszfsjkfpt_hdzsk_09.png) no-repeat center; position: absolute; left: 0; top: 0; width: 58px; padding-left: 15px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; }
.right_list .zy{ line-height: 30px;  margin-bottom: 20px; }
.right_list .date span{ color: #333; font-size: 14px;  }



/* 热点问题 */
.rdwt{ margin-top: 50px;}
.rdwt-list { position: relative; width: 1100px; margin: 50px auto 0; overflow: hidden;}
.rdwt-list .line { position: absolute; left: 105px; top: 10px; width: 1px; height: 100%; background: #b0bbc1;}
.rdwt li { position: relative; padding-left: 100px; margin-bottom: 40px; overflow: hidden;}
.rdwt li .text h3{ background: url(hdzsk_rdwt_li.png) no-repeat left center; font-size: 18px; font-weight: normal; line-height: 30px; padding-left: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rdwt li .text h3 a:hover { color: #2151be;}
.rdwt li .text p { font-size: 16px; line-height: 26px; color: #666; padding-left: 35px; margin-top: 10px;}
.rdwt li .text span{ display: block; color: #999; text-align: right; margin-top: 10px;}
.rdwt li .date { position: absolute; left: 0; top: 0; font-size: 16px; text-align: center;}
.rdwt li .date b{ font-size: 22px; font-weight: normal;}
.rdwt li .date span { display: block;}

/* 互动知识分类 */
.zsfl { margin-top: 50px;}
.zsfl-tab { margin-top: 50px; overflow: hidden;}
.zsfl-tit { float: left; width: 270px;}
.zsfl-tit li a { display: block; border: 1px solid #e5e5e5; border-top: 0; width: 270px; height: 69px; line-height: 69px; text-indent: 40px; font-size: 18px; overflow: hidden;}
.zsfl-tit li:first-child a { border-top: 1px solid #e5e5e5; height: 68px; line-height: 68px;}
.zsfl-tit li.on a { background: #2151be url(hdzsk_zsfl_jt.png) no-repeat right 20px center; border-color: #2151be; color: #fff;}
.zsfl-main { margin-left: 295px; border: 1px solid #e5e5e5;}
.zsfl-list li { border-top: 1px solid #f3f9fe; padding: 20px; overflow: hidden;}
.zsfl-list li h3 { line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zsfl-list li h3 .top { float: left; width: 73px; height: 30px; background: url(hdzsk_zsfl_top1.png); font-size: 14px; font-weight: normal; text-indent: 15px; color: #fff; margin-right: 20px;}
.zsfl-list li h3 a { font-size: 20px; font-weight: normal;}
.zsfl-list li h3 a:hover { color: #2151be;}
.zsfl-list li p { font-size: 16px; line-height: 30px; margin-top: 10px;}
.zsfl-list li p a { float: right; color:#2151be;}
.zsfl-list li .info { display: block; color: #999; margin-top: 30px; overflow: hidden;}
.zsfl-list li:first-child { border-top: 0;}
.zsfl-list li:hover { background:#eef1f6;}
.zsfl-list li:hover .top { background-image: url(hdzsk_zsfl_top2.png); }

.pages { font-size: 0; text-align: center; margin: 30px 0;}
.pages li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; margin: 0 10px; line-height: 26px;}
.pages li a:hover { color: #2151be;}
.pages li.current a { display: block; background: #2151be; padding: 0 8px; color: #fff;}

/* 分页 */
.div_cutPage{ padding: 20px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; padding: 2px 8px; border-radius: 3px; border: 1px solid #DDDDDD; cursor: pointer; margin: 2px; }
.div_cutPage a:hover{ background-color: #006eab; color:white; border: 1px solid #006eab; }
.div_cutPage .on{ background-color: #006eab; color:white;  }




/* media */
/*@media only screen and (max-width: 1199px) {*/
    /*.floor { width: 100%; }*/
    /*.hdzsk-header { height: auto; background-size: auto 100%; padding: 30px 0;}*/
    /*.hdzsk-header p { width: 100%; padding: 350px 10px 0;}*/
    /*.main { width: 100%; }*/
    /*.site { width: calc(100% - 40px); }*/
    /*.tjsj { width: 100%; }*/
    /*.hot-Tab .bd { width: calc(100% - 40px); }*/
    /*#tjsj { margin: 0 auto;}*/
    /*#bmfl { margin: 0 auto;}*/
    /*iframe { width: 100% !important; }*/

/*}*/

/*@media only screen and (max-width: 768px) {*/
    /*.hdzsk-header p { background-size: 450px; padding-top: 240px;}*/
/*}*/

/*@media only screen and (max-width: 480px) {*/
    /*.hdzsk-header p { background-size: 300px; padding-top: 160px;}*/

/*}*/