/* 部门概况 */
#l-container.about{background: url(../images/about_bg.png) bottom center no-repeat;}
.box10 {
    margin-bottom: 30px;
}
.post.post1.post-106.mbox video {
    height: auto;
    width: 80%;
    max-width: 100%;
}
.about .box1{font-size: 18px;line-height: 34px;color: #333;background: rgba(223, 228, 239, 0.5);padding:37px;margin-bottom: 30px;}
.about .box2 .ml{float: left;width: 48.5%;background: url(../images/about_box2_bg.png) top center repeat-x;background-size: auto 60px;}
.about .box2 .mr{float: right;width: 48.5%;background: url(../images/about_box2_bg.png) top center repeat-x;background-size: auto 60px;}
.about .box2 .post{padding:86px 50px 30px;box-shadow: 0px 7px 7px 0px #f4f2f2;}
.about .box2 .name{font-size: 30px;color: #284594;line-height: 30px;margin-bottom: 25px;font-weight: bold;}
.about .box2 ul{margin: 0 -1%;height:204px}
.about .box2 li.news{float: left;width: 30.3%;margin: 0 1.5% 18px;line-height: 50px;color: #284594;background: rgba(223, 228, 239, 0.5);text-align: center;font-size: 18px;}
.about .box2 .mr li.news{width:47%}
.about .box2 li.news a{color: #284594;}
.about .box2{margin-bottom: 90px;}
.about .box3 .news_list{margin: 0 -1%;}
.about .box3 .news_list li.news{float: left;width: 23%;margin: 0 1% 40px;position: relative;background: url(../images/about_box2_bg.png) top center repeat-x;box-shadow: 0px 8px 10px 0px #e7e3e3;}
.about .box3 li.news .news_title{line-height: 60px;text-indent:30px;color: #fff;font-size: 20px;padding-right:35px;}
.about .box3 li.news .news_title a{color:#fff}
.about .box3 li.news .more{position: absolute;top: 21px;right:20px;z-index: 22;}
.about .box3 li.news .news_wz{padding: 25px 30px 45px;background: #fff;}
.about .box3 li.news .news_text{line-height:30px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;height: 90px;
    display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}


@media screen and (max-width: 1199px){
.about .box2 .post{padding:86px 25px 30px}
.about .box2 li.news{font-size:16px;padding:0 10px;box-sizing:border-box}
.about .box2 .name{font-size:22px}
}

@media screen and (max-width: 999px){
.about .box2 li.news{width:47%}
.about .box2 ul{height:auto}
.about .box3 .news_list{margin:0 auto}
.about .box3 .news_list li.news{width:31.3%}
}

@media screen and (max-width: 768px){
.about .box2{margin-bottom:30px}
.about .box2 .ml,.about .box2 .mr{float:none;width:auto;margin-bottom:20px;    background-size: 100% 60px !important; }
.about .box3 .news_list li.news{width:48%}
.about .box3 li.news .news_title{text-indent:20px;font-size:16px}
.about .box3 li.news .news_wz{padding: 15px 20px 25px;}
.about .box3 li.news .news_text{font-size:15px}
}

@media screen and (max-width: 479px){
.about .box1{font-size: 16px;line-height: 30px;padding: 25px;}
.about .box2 .post{padding:86px 10px 20px}
.about .box2 .ml, .about .box2 .mr{background-size: auto 60px !important;}
.about .box2 li.news{font-size:14px;line-height:42px }
.about .box2 .mr li.news{width:auto;float:none;margin:0 auto 20px}
.about .box3 .news_list li.news{width:auto;float:none;margin:0 auto 20px}
}


/* 历史沿革 */
#l-container.history{background: url(../images/about_bg.png) bottom center no-repeat;}
.history .col_news_box{display: flex;align-items: center;}
.history .l{float: left;width: calc( 100% - 642px);box-sizing: border-box;}
.history .m{float: left;width: 265px;text-align: center;font-size: 24px;color: #284594;line-height: 30px;display: block;padding-bottom: 25px;border-bottom: 1px dashed #284594;text-align: center;position: relative;transform: translateY(-50%);}
.history .m div{width: 150px;margin: 0 auto;font-weight:bold}
.history .m:before{content: "";width: 14px;height: 14px;border-radius: 50%;background: #284594;display: block;position: absolute;right: -7px;bottom: -7px;}
.history .r{float: right;width:377px;border:1px dashed #3151A6;text-align: center;box-sizing: border-box;padding:60px 50px}
.history .l .news_list{padding-left:8px;/* padding-right: 95px; */position: relative;}
.history .l li.news{position: relative;padding-bottom: 34px;padding-left:30px;padding-right: 95px;    cursor: default;}
.history .l li.news:before{content:"";display: block;width: 0;border-left: 1px dashed #3151A6;height: 100%;position: absolute;left:0;top: 10px;}
.history .l li.news:last-child:before{height:60%}
.history .l li.news:last-child{padding-bottom: 0;}
.history .l li.news .news_title{font-size: 22px;line-height: 34px;font-weight: bold;color: #284594;position: relative;margin-top: -7px;}
.history .l li.news .news_title a{color:#284594}
.history .l li.news .news_text{font-size:16px;line-height:30px;     text-align: justify;}
.history .l li.news .news_title:before{content: "";width: 14px;height: 14px;background: #284594;border-radius: 50%;display: block;position: absolute;left: -37px;top: 10px;z-index: 22;}
.history .l li.news:first-child:after{content:"";position: absolute;right:0;top:20px;width: 95px;height: 0;border-top:1px dashed #3151A6;}
.history .l li.news:last-child:after{content:"";position: absolute;right:0;bottom:20px;width: 95px;height: 0;border-top:1px dashed #3151A6;}
.history .l .news_list:before{content:"";display: block;position: absolute;right: 0;top:20px;height: calc( 100% - 40px );border-left:1px dashed #3151A6;width: 0;}
.history .r .name{width: 140px;margin: 0 auto 60px;font-size: 26px;line-height: 40px;color: #333333;font-weight: bold;}
.history .r .name1{;}
.history .r .news_list{display: flex;flex-wrap: wrap;justify-content: center;}
.history .r .news_list li.news{width: 120px;margin: 0 8px 25px;background: #EFF1F7;line-height: 66px;color:#284594;font-size:18px;    cursor: default;}
.history .r .news_list li.news a{color:#284594}

@media screen and (max-width: 999px){
#l-container.wrapper .inner .mod{padding:0 8px !important}
.history .col_news_box{display:block}
.history .l li.news{padding-right:0}
.history .l .news_list:before,.history .l li.news:last-child:after,.history .l li.news:first-child:after{display:none}
.history .m{padding:40px 0  ;transform:none;border:0;}
.history .m:before{left: 50%;margin-left: -7px;}
.history .m:after{content:"";display:block;width:0;border-left:1px dashed #284594;height:40px;left:50%;position:absolute;bottom:0}
.history .l,.history .m,.history .r{float:none;width:auto}
.history .r{padding:40px 20px}
.history .r .name{margin-bottom:30px;font-size:24px;line-height:35px}
}

@media screen and (max-width: 479px){
.history .l li.news .news_title{font-size:20px}
.history .l li.news .news_text{font-size:15px}
.history .l li.news{padding-left:15px}
.history .l li.news .news_title:before{left:-22px}
.history .r .news_list li.news{line-height:40px;font-size:16px}

}