@charset "utf-8";
/* CSS Document */
.ls-crumbs-box-leader{border-bottom: none; }
.ls-leader-box{padding: 10px 0 24px;}
/*左侧*/
.ls-leader-left{width: 344px; padding: 0 24px; background: #F7FBFF;}
.ls-leader-title{ padding: 28px 0 24px; border-bottom: 1px #E4E3E3 solid; text-align: center; line-height: 32px;font-size: 24px; color: #000;}
.ls-leader-menu{padding: 24px 0 0;}
.ls-leader-menu .ld_tab{display: none;}
.ls-leader-directory li{padding: 0 0 20px;}
.ls-leader-directory li a{padding: 19px 56px 19px 24px; overflow: hidden; display: block; position: relative; background: #fff;}
.ls-leader-directory li a::after{ display: block; content: ""; position: absolute; height: 14px; width: 7px; right: 25px; top: 50%; margin-top: -7px; background: url(../images/leader-arrow.png) 0 center no-repeat;background-size: 100% 100%; }
.ls-leader-directory li a span{display: block; cursor: pointer; float: left; line-height: 26px;}
.ls-leader-directory li a .name{ font-size: 20px; padding-right: 10px;color: #333;}
.ls-leader-directory li a .leader_job_add{ float: right; color: #666; font-size: 16px;}
.ls-leader-directory li.active a,.ls-leader-directory li a:hover{color: #000;}
.ls-leader-directory li.active a::after{background: url("../images/leader-arrowh.png") 0 center no-repeat;background-size: 100% 100%;}
.ls-leader-directory li.active .name{   color: #1561AF;}
.ls-leader-directory li.active .leader_job_add,.ls-leader-directory li a:hover .leader_job_add{ color: #1561AF;}
/*右侧*/
.ls-leader-right{width: 908px; min-height: 700px;}
.ls-leader-pic{padding: 0px 0 32px; text-align: center; line-height: 0;}
.ls-leader-pic img,.ls-leader-pic span{display: block; vertical-align: middle;}
.ls-leader-pic .pic{ height: 300px; width: auto; margin: 0 auto;}
.ls-leader-pic .name{ padding: 6px 0 0; font-size: 20px;  line-height: 38px;color: #333;}
.ls-leader-pic .job{ font-size: 24px; line-height:32px; color: #000;}
.ls-leader-tab{ border-bottom: 2px #EEEEEE solid;}
.ls-leader-tab li{ float: left;}
.ls-leader-tab li a{display: block; color: #266CB4; line-height:32px; font-size: 22px;font-weight: bold; position: relative; padding-bottom: 10px;}
.ls-leader-tab li a::after{display: block; position: absolute; content: ""; left: 0; right: 0;bottom: -2px; height: 2px; background: #8fb1d5;}
.ls-leader-Info{padding: 20px 0 32px; font-size: 18px; line-height:30px;}
@media (min-width:992px) and (max-width:1339px) {
    .ls-leader-left{width: 280px; padding: 0 20px;}
    .ls-leader-right{width: 652px;}
}
@media (max-width:991px) {
    .ls-leader-box{padding: 10px 0 0;}
    .ls-leader-left{height: auto !important; padding: 0 15px 5px;width: auto; float: none;}
    .ls-leader-title{padding: 25px 0 15px;}
    .ls-leader-menu{padding: 15px 0 0;}
    .ls-leader-directory li{padding: 0 0 10px;}
    .ls-leader-directory li a{padding-top: 14px; padding-bottom: 14px;}
    .ls-leader-right{min-height: 100px; margin: 20px 0 0;width: auto; float: none;}
    .ls-leader-pic{padding: 0 0 15px;}
    .ls-leader-work{padding-bottom: 20px;}
}
@media (max-width:767px) {
    .ls-leader-left{padding: 0 10px 5px;}
    .ls-leader-title{padding: 20px 0 10px;}
    .ls-leader-menu{padding: 10px 0 0;}
    .ls-leader-box{ padding: 0px;}
    .ls-leader-directory li{width: 49%; float: left;}
    .ls-leader-directory li:nth-child(2n){margin-left: 2%;}
    .ls-leader-directory li a{ padding: 8px 36px 8px 10px;}
    .ls-leader-directory li a::after{right: 10px;}
    .ls-leader-directory li a .name{font-size: 16px;}
    .ls-leader-directory li a .leader_job_add{font-size: 14px;}

    .ls-leader-right{min-height: 100px; margin: 20px 0 0;}
    .ls-leader-tab li a{font-size: 20px;}
    .ls-leader-pic{padding: 0 0 15px;}
    .ls-leader-pic .name{font-size: 16px;}
    .ls-leader-pic .job{font-size: 20px;}
    .ls-leader-work{padding-bottom: 20px;}
    .ls-leader-Info{padding: 15px 0 0; font-size: 16px;}
}
@media (max-width:479px) {
    .ls-leader-directory li{width: auto; float: none;}
    .ls-leader-directory li:nth-child(2n){margin-left: 0;}

}