@charset "utf-8";
/* CSS Document */
.ls-leader-box{padding: 12px 0;}
/*左侧*/
.ls-leader-left{width: 340px; padding: 0 24px; background: #FFFBFB;}
.ls-leader-title{ padding: 32px 0 25px; border-bottom: 1px #c50001 solid; text-align: center;}
.ls-leader-title img{height: 27px; width: auto;}
.ls-leader-menu{padding: 24px 0 0;}
.ls-leader-menu .ld_tab{display: none;}
.ls-leader-directory li{padding: 0 0 16px;}
.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: 26px; width: 20px; right: 19px; top: 50%; margin-top: -13px; background: url(../images/leader_arrow.png) 0 -26px no-repeat; background-size: 100% auto;}
.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;}
.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-position: 0 0;}
.ls-leader-directory li.active .name{ font-weight: bold;}
.ls-leader-directory li.active .leader_job_add,.ls-leader-directory li a:hover .leader_job_add{ color: #000;}

/*右侧*/
.ls-leader-right{width: 948px; min-height: 700px;}
.ls-leader-pic{padding: 1px 0 23px; text-align: center; line-height: 0;}
.ls-leader-pic img,.ls-leader-pic span{display: block; vertical-align: middle;}
.ls-leader-pic .pic{ height: 252px; width: auto; margin: 0 auto;}
.ls-leader-pic .name{ padding: 6px 0 0; font-size: 24px; font-weight: bold; line-height: 1.92;}
.ls-leader-pic .job{ font-size: 18px; line-height: 1.5556;}

.ls-leader-work{padding: 0 0 41px;}
.ls-leader-tab{ border-bottom: 1px #e5e5e5 solid;}
.ls-leader-tab li{ float: left;}
.ls-leader-tab li a{display: block; color: #C50001; line-height: 2; font-size: 20px; position: relative; padding: 0 0 2px;}
.ls-leader-tab li a::after{display: block; position: absolute; content: ""; left: 0; right: 0; height: 3px; background: #c50001;}
.ls-leader-Info{padding: 20px 0 0; font-size: 16px; line-height: 2;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-leader-right{width: 782px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .ls-leader-left{width: 280px; padding: 0 20px;}
    .ls-leader-right{width: 652px;}
}
@media (max-width:991px) {
    .ls-leader-box{padding: 0;}
    .ls-leader-left{height: auto !important; padding: 0 15px 5px;}
    .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;}
    .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-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: 18px;}
    .ls-leader-pic{padding: 0 0 15px;}
    .ls-leader-pic .name{font-size: 20px;}
    .ls-leader-pic .job{font-size: 14px;}
    .ls-leader-work{padding-bottom: 20px;}
    .ls-leader-Info{padding: 15px 0 0; font-size: 14px;}
}
@media (max-width:479px) {
    .ls-leader-directory li{width: auto; float: none;}
    .ls-leader-directory li:nth-child(2n){margin-left: 0;}

}