@charset "utf-8";

.leader-menus{position: relative; z-index: 11; margin-top: -5px;}
.leader-menus > li h3{font-size: 1.25em; font-weight: bold; margin-top: 5px;}
.leader-menus > li h3 a{display: block; position: relative; padding: .75em 0; text-align: center; background: #f7f7f7;}
.leader-menus > li h3 a i{position: absolute; top: 50%; right: 6%; line-height: 1em; margin-top: -.5em;}
.leader-menus > li.on h3 a,
.leader-menus > li h3 a:hover{color: #fff;
  background: -webkit-linear-gradient(to right, #ff5052, #ff7a51);
  background: -o-linear-gradient(to right, #ff5052, #ff7a51);
  background: -moz-linear-gradient(to right, #ff5052, #ff7a51);
  background: linear-gradient(to right, #ff5052, #ff7a51);	
}
.leader-menus > li.on h3 a i{-moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.leader-menus .sub{padding: 1.25em 0 0; display: none;}
.leader-menus .sub .com-headline .hd a{font-size: 1.125em; min-width: 4em; padding: 0 .75em;}
.leader-menus .sub .com-headline .hd i{height: 1px; margin-top: 0; background-size: auto;}
.leader-menus .sub .com-headline .hd i.left{background-image: url(https:/www.tailai.gov.cn/tailai/xhtml/images/szf/leader_menu_hd_l.png);}
.leader-menus .sub .com-headline .hd i.right{background-image: url(https:/www.tailai.gov.cn/tailai/xhtml/images/szf/leader_menu_hd_r.png);}
.leader-menus .sub dl dd{padding: .625em 0 1em;}
.leader-menus .sub dl dd p{text-align: center;}
.leader-menus .sub dl dd p a{display: inline-block; padding: .5em 0; font-size: 1.125em;}
.leader-menus .sub dl dd p a.on{font-weight: bold; color: #dd0305;}
@media (max-width:1200px){
  .leader-menus{font-size: 15px;}	
}
@media (max-width:992px){
  .leader-menus{margin-top: -1px; margin-right: 20px; font-size: 14px;}	
  .leader-menus > li h3{margin-top: 0; border-top: 1px solid #fff;}
  .leader-menus .sub{background: #fff;}
}
.setIE.ie8 .leader-menus > li.on h3 a,
.setIE.ie8 .leader-menus > li h3 a:hover{background: url(https:/www.tailai.gov.cn/tailai/xhtml/images/szf/leader_menu_bg.png) repeat-y left #ff7a51;}

.leader-info dl dt{float: left; width: 200px;}
.leader-info dl dd{}
.leader-info dl dd .caption h4{display: inline-block; vertical-align: middle; margin-right: .5em; font-weight: bold; font-size: 1.375em;}
.leader-info dl dd .caption h5{display: inline-block; vertical-align: middle; font-size: 1.25em;}
.leader-info dl dd .item label{display: block; margin-bottom: 15px; font-size: 1.25em; font-weight: bold; text-align: left;}
.leader-text{line-height: 1.875em; text-align: justify; overflow: hidden;}
@media (max-width:1200px){
  .leader-info dl dt{width: 168px;}	
  .leader-info dl dd{margin-left: 168px; padding-left: 20px;}
}
@media (max-width:992px){
  .leader-info dl dt{float: none; width: auto;}	
  .leader-info dl dt img{display: block; width: 25%; min-width: 168px; margin: 0 auto;}
  .leader-info dl dd{margin-left: 0; padding-left: 0;}
  .leader-info dl dd .caption{text-align: center;}
  .leader-info dl dd .caption h4{display: block; margin-right: 0; padding: .5em 0; font-size: 1.25em;}
  .leader-info dl dd .caption h5{display: block; font-size: 1.125em;}
  .leader-info dl dd .item label{font-size: 1.125em;}
}
