@charset "utf-8";

/*layout*/
.leader-box > .left{position: absolute; top: 0; bottom: 0; left: 0; width: 27%; border-radius: 5px;}
.leader-box > .right{position: absolute; top: 0; right: 0; bottom: 0; left: 27%; margin-left: 30px; border-radius: 5px;}
@media (max-width:992px) {
  .leader-box > .left{display: none; position: static;}	
  .leader-box > .right{display: none; position: static;}
}

.leader-box .sidebar{width: 27%;}
.leader-box .sidebar .inbox{padding: 20px;}
@media (max-width:992px) {
  .leader-box .sidebar .inbox{padding: 0;}	
}

.leader-box .maincontent{position: relative; z-index: 12; width: 73%;}
.leader-box .maincontent .entire-box{margin-left: 30px;}
@media (max-width:992px) {
  .leader-box .maincontent .entire-box{margin-left: 0; padding: 0;}
  .leader-box .maincontent .tab-brief{border-bottom: none;}
}

.leader-box .parentname{text-align: center; padding: 4% 0; color: #fff; background: #1d59b3; border-bottom: none; border-radius: 5px;}
@media (max-width:992px) {
  .leader-box .parentname{border-radius: 0; border-bottom: 1px solid rgba(255,255,255,.25);}	
}

.leader-menu{position: relative; z-index: 11; overflow: hidden;}
.leader-menu li h3{font-size: 1em;}
.leader-menu li h3 a{position: relative; display: block; padding: .625em 15% .625em 65px; margin-top: 6px; background: #d5e8f6; border: 1px solid #b3d4ec; border-radius: 5px;}
.leader-menu li h3 a img{position: absolute; top: 50%; left: 20px; margin-top: -15px; width: 30px; height: 30px;}
.leader-menu li h3 a span{display: inline-block; vertical-align: middle; font-weight: bold; color: #1d59b3;}
.leader-menu li h3 a i{position: absolute; top: 50%; right: 5%; margin-top: -.5em; font-size: 1.125em; line-height: 1em; color: #96a2ac;}
.leader-menu li h3 a i:before{content: "\e61a";}
.leader-menu li h3 a:hover{background-color: #1d59b3; border-color: #1d59b3;}
.leader-menu li h3 a:hover span{color: #fff;}
.leader-menu li h3 a:hover i{color: #fff;}
.leader-menu li.on h3 a{background-color: #1d59b3; border-color: #1d59b3;}
.leader-menu li.on h3 a span{color: #fff;}
.leader-menu li.on h3 a i{color: #fff;}
.leader-menu li.on h3 a i:before{content: "\e619";}
.leader-menu li .sub{display: none; padding: .625em 0; background: #fff;}
.leader-menu li .sub dd a{display: block; padding: .625em 0; line-height: 1.6em; text-align: center;}
.leader-menu li .sub dd a.active{margin: .5em 0; color: #1d59b3; background: url(../images/zwgk/leader/sidenav_li_hover.png) repeat-y center top; background-size: 100%;}
@media (max-width:992px) {
  .leader-menu{margin-right: 20px;}
  .leader-menu li h3 a{border-radius: 0; margin-top: 0; padding: 15px 35px 15px 15px; background: #f8f8f8; border-top-color: #eee; border-right: none; border-bottom: none; border-left: none;}
  .leader-menu li h3 a img{display: none;}
  .leader-menu li h3 a span{font-weight: normal; color: #333;}
  .leader-menu li h3 a i{color: #999;}	
  .leader-menu li .sub{padding: .3125em 0;}
}

.leader-text{line-height: 2.125em; text-align: justify; overflow: hidden;}

.leader-info{position: relative;}
.leader-info .photo{float: left; width: 20.5%;}
.leader-info .button{position: absolute; bottom: 0; left: 20.5%; margin-left: 25px;}
.leader-info .button a{display: inline-block; padding: .625em 2em .625em 2em; font-weight: bold; text-align: center; color: #fff; line-height: 1.5em; background-color: #ff4b4a;
background-image: linear-gradient(to right, #ff4b4a, #ff7574);
background-image: -webkit-linear-gradient(to right, #ff4b4a, #ff7574);
background-image: -o-linear-gradient(to right, #ff4b4a, #ff7574);
background-image: -moz-linear-gradient(to right, #ff4b4a, #ff7574);
background-image: -ms-linear-gradient(to right, #ff4b4a, #ff7574);
border-top-right-radius: 1.5em;}
.leader-info .button a img{width: 30px; height: 30px; margin-right: .875em;}
.leader-info .button a span{display: inline-block; margin-top: 2px;}
.leader-info .button:hover{padding-left: .5em;}
.leader-info .intro{float: left; width: 79.5%; padding-bottom: 4.625em;}
.leader-info .intro > *{margin-left: 25px;}
.leader-info .intro > h3{margin-bottom: .5em; font-size: 1.5em; color: #1d59b3; line-height: 1.375em;}
@media (max-width:640px){
  .leader-info .photo{float: none; width: 30%; max-width: 168px; min-width: 128px; margin: 0 auto;}
  .leader-info .button{position: static; margin-top: 1.25em; margin-left: 0;}
  .leader-info .intro{float: none; width: auto; padding-bottom: 0;}
  .leader-info .intro > *{margin-left: 0;}
  .leader-info .intro > h3{margin-top: .5em; text-align: center;}
}