@charset "utf-8";
body{background: #fff;}
.pos-rel{position: relative;}
.container{width: 1200px;}
.top{height: auto;}
.mt40{margin-top: 40px;}

.ylz-header{height: 399px;background: url("./../images_wjj/banner.png") no-repeat center top;}
.ylz-header ul{padding-top: 100px;text-align: center;}
.ylz-header ul img{width: auto;height: auto;max-width: 96%;}
.ylz-header ul .img-title{display: none;}
.zt-footer{background: #fff;}

/* 主内容 */
.topic-top{padding: 40px 0 20px;height:auto;background: url("./../images_wjj/top-bg.png") no-repeat center top;}
.big-title,.big-title img{width: 100%;height: auto;}
.wdp-lt{width: 580px;height: auto;}
.com-tit{height: auto;border-bottom: 1px solid #E5E5E5;}
.com-tit ul li{float: left;width: auto;height: 46px;line-height: 46px;}
.com-tit ul li a{display: block;height: 46px;line-height: 46px;font-size: 24px;}
.com-tit ul li.active a{height: 45px;border-bottom: 2px solid #245399;color: #245399;font-weight: bold;}

.com-list{margin-top: 20px;}
.com-list ul li{height: 60px;padding: 34px 28px 34px 100px;position: relative;background: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(102,102,102,.12), 0 0 8px rgba(102,102,102,.12);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12), 0 0 8px rgba(102,102,102,.12);box-shadow: inset 0 1px 1px rgba(102,102,102,.12), 0 0 8px rgba(102,102,102,.12);margin-bottom: 20px;}
.com-list ul li:hover{background: #f4f3f5;}
.com-list ul li .date{position: absolute;left: 10px;width: 86px;height: 60px;border-right: 1px solid #E5E5E5;}
.com-list ul li .date span{display: block;text-align: center;color: #666}
.com-list ul li .date span.day{font-size: 30px;font-weight: bold;line-height: 40px;}
.com-list ul li .date span.yearM{font-size: 14px;line-height: 20px;}
.com-list ul li .title{display: block;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;padding-left: 18px;height: 60px;line-height:30px;font-size: 18px;}
.com-list ul li .detail{position: absolute;right: 28px;display: block;height: 20px;line-height: 20px;background: #5885c7;border-radius: 20px;text-align: center;color: #fff;font-size: 14px;bottom: 15px;padding: 0 12px;}
.com-list ul li .detail:hover{background: #245399;}

.com-list2{margin-top: 10px;}
.com-list2 ul li.odd{float: left;}
.com-list2 ul li.even{float: right;}
.com-list2 ul li{position: relative; width: 510px;background: url("./../images_wjj/icon.png") no-repeat center left;height: 56px;line-height: 56px;border-bottom: 1px dashed #6F6F6F;padding: 2px 50px 2px 15px;font-size: 18px;position: relative;}
.ind_gklist li a, .ind_gklist li a.title{color: #333;}
.ind_gklist li a:hover, .ind_gklist li a.title:hover{color: #245399;}
.ind_gklist li .date{color: #666;font-size: 16px; position: absolute; right:0px;top:2px;}
.ind_gklist li .nr {float: left;max-width: 100%;}
.ind_gklist li .nr .gl {display: block;float: right;max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ind_gklist li .nr .gl .split {padding: 0 2px;color: #fe7200;}
.ind_gklist li .nr .gl a {display: inline;color: #fe7200;float: none;background: none;max-width: none;padding: 0;margin: 0;}
.ind_gklist li a, .ind_gklist li a.title {float: none; margin: 0;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.ylzjh-links{margin-bottom: 40px;}
.ylzjh-links ul li{float: left;width: 386px;margin-left: 20px;height: 110px;overflow: hidden;}
.ylzjh-links ul li.num1{margin-left: 0;background: #E6E4FF;}
.ylzjh-links ul li.num2{background: #C9F2E7;}
.ylzjh-links ul li.num3{background: #D1ECF6;}
.ylzjh-links ul li a{display: block;width: 100%;height: 100%;position: relative;}
.ylzjh-links ul li img{position: absolute;z-index: 0;width: auto;max-width: 100%;height: auto;bottom: 0;right: 0;}
.ylzjh-links ul li span.img-title{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 25px 140px 0 20px;font-size: 24px;line-height: 26px;font-weight: bold;}
.ylzjh-links ul li.num1 span.img-title{color: #5F6ED2;}
.ylzjh-links ul li.num2 span.img-title{color: #1EAF88;}
.ylzjh-links ul li.num3 span.img-title{color: #107DBE;}
.ylzjh-links ul li:hover img{margin-top: -5px;}


@media(max-width:1199px) and (min-width:992px){
    .container{width: 992px;}
    .wdp-lt{width: 486px;}
    .com-list2 ul li{width: 416px;}
    .ylzjh-links ul li{width: 317px;}
    .ylzjh-links ul li span.img-title{padding-right: 100px;}
}
@media(max-width:991px) and (min-width:768px){
    .container{width: 768px;}
}
@media(max-width:991px){
    .wdp-lt{float: none;width: auto;}
    .ylzjh-links{margin-bottom: 20px;}
    .mt40{margin-top: 20px;}
    .topic-top{padding: 20px 0 0;height:auto;background:none;}
    .com-list2 ul li.odd,.com-list2 ul li.even{float: none;width: auto;}
    .com-list ul li{padding: 15px 15px 15px 100px;margin-bottom: 10px;}
    .com-list ul li .title{padding-left: 10px;}

    .ylzjh-links ul li span.img-title{padding-left: 10px;padding-right: 100px;}
    .ylzjh-links ul li{float: none;width: 100%;margin: 5px auto;}

    .ylz-header{height: auto;}
    .ylz-header ul{padding: 30px 0;}

    

}
@media(max-width:767px){
    .topic-box{padding: 0 10px;}
    .container{width: 100%;}
    .ylzjh-links{margin-bottom: 10px;}
    .mt40{margin-top: 10px;}
    .topic-top{padding-top: 10px;}
    .ylzjh-links ul li{float: none;width: 100%;margin: 5px auto;}

    .com-list ul li{padding: 10px 10px 20px 100px;}
    .com-list ul li .detail{bottom: 2px;right: 10px;}
}