img.sp {width:100%;}
h2 {text-align:center;font-size:23px;margin-bottom:50px;}
ul.bnav {max-width:1000px;padding:70px 0;font-size:0px;margin:0 auto;}
ul.bnav li {display:inline-block;width:calc(100% / 2);box-sizing:border-box;text-align:center;font-size:20px;border:1px #eee solid;border-left:none;}
ul.bnav li:first-child {border-left:1px #eee solid;}
ul.bnav li a {display:block;padding:8px 0;color:#93b9ce;}
ul.bnav li.active {position:relative;border:none;background:#0d57b1;}
ul.bnav li.active a {color:#fff;}

.news {max-width:1100px;margin:0 auto;}
.news .panel {background:#f6f6f6;padding:45px 50px;}
.news .panel li {font-size:17px;padding:15px 0;display:flex;justify-content:start;align-items: center;border-bottom:1px #ccc solid;}
.news .panel li:first-child {border-top:1px #ccc solid;}
.news .panel li span {display:inline-block;margin-right:15px;}
.news .panel li .cate {width:130px;text-align:center;color:#fff;padding:2px 0;}
.news .panel li .cate1 {background:#155aae;}
.news .panel li .cate2 {background:#5aacc9;}
.news .panel li .cate3 {background:#74ad3c;}
.news .panel li .cate4 {background:#b086da;}
.news .panel li .cate5 {background:#f4a20b;}
.news .panel li a {width:calc(100% - 265px);}





@media screen and (max-width: 768px) {
.pdmenu {padding: 30px 30px 40px 30px;}
ul.bnav {width:calc(100% - 40px);padding:30px 0;}
.news .panel {padding:30px 20px;}
.news .panel li {flex-wrap:wrap;}
.news .panel li .cate {width:45%;}
.news .panel li a {width:100%;display:block;flex-wrap:wrap;padding-top:5px;}
}