.content_bot {
 width: 1230px;
 margin: 0 auto;
 padding: 20px 25px;
 box-shadow: 1px 1px 15px #ddd;
 border: 1px solid #ddd;
}

ul.tab_tit {
 width: 420px;
 margin: 0 auto;
}

ul.tab_tit li {
 font-size: 28px;
 display: block;
 float: left;
 width: 180px;
 height: 45px;
 line-height: 45px;
 text-align: center;
 background: #0087cd;
 margin: 0 15px;
 cursor: pointer;
 color: #fff;
}

.active {
 background: #003e7d !important;
}

.selected {
 display: block !important;
}

.Depall {
 display: none;
}

h1.dep_img {
 border-bottom: 2px solid #DDD;
 font: 18px/36px "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体";
 color: #0087cd;
 font-weight: normal;
 margin-bottom: 10px;
 height: 45px;
 position: relative;
}

h1.dep_img span {
 display: inline-block;
 border-bottom: 3px solid #0087cd;
 position: absolute;
 bottom: -2.5px;
}

h2.title_header {
 display: inline-block;
 font-size: 18px;
 padding: 10px 15px;
 background: #1993d2;
 color: #fff;
 height: auto;
 line-height: 20px;
 margin: 10px 0;
}

h2.title_header a {
 color: #fff;
}

.ullist1 .lv2_ul{
 display:flex;
 flex-wrap:wrap;
}
/*名科*/

.lv2_li {
 float: left;
 width: 25%;
 margin: 10px 0;
 box-sizing: border-box;
 padding-right: 20px;
}
.lv2_li a{
display:block;
max-width:80%;
}

.lv2_li.my {
 font-size: 16px;
 line-height: 32px;
 width: 100%;
 margin: 0;
}

.lv2_li.my .lv2_tit {
 color: #1993d2;
   
}

.lv2_li.my .doc-a {
 display: inline-block;
 min-width: 48px;
 margin: 0 5px;
 text-align-last: justify;
 text-justify: inter-ideograph;
}

@media only screen and (max-width:1366px) {
 .content_bot {
 width: 930px;
 }
}

@media only screen and (max-width:768px) {
 .content_bot {
 width: 100% !important;
 margin: 10px auto;
 box-sizing: border-box;
 padding: 0px 10px 20px;
 }
 .lv2_li {
 width: 33.33%;
 }
 ul.tab_tit{
 margin-top:10px;
 }
}

@media only screen and (max-width:640px) {
 .lv2_li {
 width: 50%;
 }
 ul.tab_tit{
 width:100%;
 }
 ul.tab_tit li{
 width: 50%;
 margin:0;
 }
}