@charset "utf-8";

.zcwjk-fluid{padding-bottom: 60px; background: url(../images/zcwjk/thead_bg.png) no-repeat center top; background-size: cover}
.zcwjk-fluid > .container{position: relative;}
.zcwjk-fluid .subnav{position: absolute; top: 0; bottom: 0; left: 8%;}
.zcwjk-fluid .subnav:before{position: absolute; top: 0; bottom: 0; left: 5px; display: block; content: ""; width: 2px; background: #1d59b3; opacity: .65;}
.zcwjk-fluid .subnav li{position: relative; z-index: 2;}
.zcwjk-fluid .subnav li a{display: inline-block; padding: 9% 0 9% 1.875em; line-height: 1.6em; white-space: nowrap;}
.zcwjk-fluid .subnav li a:before{position: absolute; top: 50%; left: 0; margin-top: -10px; width: 19px; height: 19px; background: url(../images/zcwjk/triangle_r.png) no-repeat; background-size: 100% 100%;}
.zcwjk-fluid .subnav li.on a{font-weight: bold; color:#1d59b3;}
.zcwjk-fluid .subnav li.on a:before{content: "";}
@media (max-width:1280px) {
  .zcwjk-fluid .subnav li a{padding-top: 6%; padding-bottom: 6%;}	
}
@media (max-width:992px) {
  .zcwjk-fluid .subnav li a{padding-top: 8%; padding-bottom: 8%;}		
}
@media (max-width:640px) {
  .zcwjk-fluid .subnav{position: relative; left: auto; padding-bottom: 15px;}
  .zcwjk-fluid .subnav:before{top: auto; right: 0; left: 0; width: 100%; height: 2px;}
  .zcwjk-fluid .subnav li{float: left; width: 33.33333%;}
  .zcwjk-fluid .subnav li a{padding-top: 5px; padding-bottom: 5px; padding-left: 1em;}
  .zcwjk-fluid .subnav li a:before{width: 12px; height: 12px; margin-top: -6px;}
}
@media (max-width:450px) {
  .zcwjk-fluid .subnav li{width: 50%;}	
}
.zcwjk-fluid .bd{width: 55%; padding-top: 4%; padding-bottom: 6%; margin-left: 30%;}
.zcwjk-fluid .bd .thead{margin-bottom: 4%;}
.zcwjk-fluid .bd .thead img{display: block; width: 65%; margin: 0 auto;}
.zcwjk-fluid .bd .hotwords > *{font-size: .875em; color: #2376df; margin-left: .3125em;}
.zcwjk-fluid .bd .hotwords > a{cursor: pointer;}
.zcwjk-fluid .bd .search{margin-bottom: 10px;}
.zcwjk-fluid .bd .search dl{position: relative; padding-right: 230px;}
.zcwjk-fluid .bd .search dl dd{padding-right: 15px; padding-left: 15px; background: #fff; border-radius: 10px 0 0 10px; box-shadow: 0 2px 4px rgba(0,0,0,.25);}
.zcwjk-fluid .bd .search dl dd input[type="text"]{width: 100%; height: 56px; color: #999; line-height: 56px; border: none; background: none;}
.zcwjk-fluid .bd .search dl dd input::-webkit-input-placeholder{color: #999;}
.zcwjk-fluid .bd .search dl dt.button{position: absolute; top: 0; right: 0; bottom: 0; width: 230px;}
.zcwjk-fluid .bd .search dl dt.button ul{margin-right: -5px; margin-left: -5px;}
.zcwjk-fluid .bd .search dl dt.button ul li{float: left; width: 50%;}
.zcwjk-fluid .bd .search dl dt.button ul li a{display: block; margin: 0 5px; padding: 13px 0; text-align: center;}
.zcwjk-fluid .bd .search dl dt.button ul li a img{vertical-align: top; width: 30px; height: 30px;}
.zcwjk-fluid .bd .search dl dt.button ul li a font{display: inline-block; vertical-align: top; line-height: 30px; color: #fff;}
.zcwjk-fluid .bd .search dl dt.button ul li a.btn-config{background: #d43030; border-radius: 0 10px 10px 0;}
.zcwjk-fluid .bd .search dl dt.button ul li a.btn-reset{background: #124ab6; border-radius: 10px;}
.zcwjk-fluid .bd .search dl dt.button ul li a:hover{opacity: .8;}
@media (max-width:1280px) {
  .zcwjk-fluid .bd .search dl dd input[type="text"]{height: 46px; line-height: 46px;}
  .zcwjk-fluid .bd .search dl{padding-right: 210px;}
  .zcwjk-fluid .bd .search dl dt.button{width: 210px;}
  .zcwjk-fluid .bd .search dl dt.button ul li a{padding: 8px 0;}	
}
@media (max-width:992px) {
  .zcwjk-fluid .bd{margin-left: 35%;}
  .zcwjk-fluid .bd .search dl{padding-right:0;}
  .zcwjk-fluid .bd .search dl dd{border-radius:5px;}
  .zcwjk-fluid .bd .search dl dt.button{position: static; width: auto; margin-top: 1em;}	
  .zcwjk-fluid .bd .search dl dt.button ul li a{border-radius: 5px !important;}
}
@media (max-width:640px) {
  .zcwjk-fluid .bd{width: auto; margin-left: auto; padding-top: 8%; padding-bottom: 8%;}
  .zcwjk-fluid .bd .thead{margin-bottom: 7%;}
}
@media (max-width:450px) {
  .zcwjk-fluid .bd{}
  .zcwjk-fluid .bd .search dl dd input[type="text"]{height: 42px; line-height: 42px;}
  .zcwjk-fluid .bd .search dl dt.button ul li a{padding: 5px 0;}
  .zcwjk-fluid .bd .thead img{width: 80%;}
}

.zcwjk-dbox{position: relative; margin-top: -40px;}
.zcwjk-dbox:before{position: absolute; top: -20px; right: 20px; left: 20px; display: block; content: ""; height: 20px; background: #fff; border-radius: 10px 10px 0 0; opacity: .5; filter: alpha(opacity=50);}
.zcwjk-dbox > .entire-box{border-radius: 10px;}
.zcwjk-dbox .infolist li{padding-right: 20px !important;}
.zcwjk-dbox .infolist li a{float: none; display: inline-block; max-width: 100%; font-weight: bold;}
.zcwjk-dbox .infolist li .time{position: static; display: block; margin-top: .625em;}
.zcwjk-dbox .infolist li .cate{position: absolute; right: 20px; bottom: 0; margin-bottom: 1.25em; padding-right: 1em; padding-left: 1em; font-size: .875em; color: #fff; background: #1d59b3; border-radius: 100em;}
.zcwjk-dbox .pagination{text-align: center;}
@media (max-width:1280px) {
  .zcwjk-dbox .infolist li{padding-right: 15px !important;}	
  .zcwjk-dbox .infolist li .cate{right: 15px;}
}
@media (max-width:992px) {
  .zcwjk-dbox .infolist li{padding-right: 0 !important;}
  .zcwjk-dbox .infolist li a{white-space: normal;}
  .zcwjk-dbox .infolist li .cate{right: 0; font-size: .9375em;}
  .zcwjk-dbox .infolist li .cate{padding-right: 0; padding-left: 0; color: #1d59b3; font-weight: bold; background: none;}
}
@media (max-width:768px) {
  .zcwjk-dbox{margin-bottom: 0; background: #fff;}
  .zcwjk-dbox:before{right: 15px; left: 15px;}
}