﻿font-size:14px;font-size:14px;font-size:14px;font-size:14px;/*机构 2018-03-17*/ 
.sub_box{ padding-bottom: 30px;}
.side{ width:31%; float: left; margin-right: 3.5%;}
.side_nav{ width:100%; border:1px solid #ececec;}  
.side,.side_nav{ max-width: 310px;}
.side_nav li a{ display:block; background-color: #f8f8f8; border-top: 1px dashed #ececec; line-height: 30px; padding: 14px 30px; position: relative; font-size: 18px;}
/*.side_nav li:first-child a{ border-bottom-color: transparent;border-top:0;}*/
.side_nav li a::before{ content:""; position: absolute; top:0; left:0; width:3px; height: 0; background: #1e5ca2; opacity: 0;}
.side_nav li:hover a,.side_nav li.side_cur a{ font-weight: bold; background: #e4f4ff; color: #333;border-top:1px solid #e4f4ff;}
.side_nav li:hover a::before,.side_nav li.side_cur a::before{ height:100%; opacity: 1;}
#portamento_container{ position: relative; z-index: 100;}
#portamento_container .side_nav {float:none; position:relative; background:#f8f8f8;}
#portamento_container .side_nav.fixed {position:fixed; width:93%;}
.owl-carousel .owl-item{ text-align:center;}
.owl-carousel .owl-item span{ display:block; text-align:center;}
/*sub_r*/
.sub_r{ width:65.5%; max-width: 655px; min-height: 600px; float: right;}
/*present*/
.present_item{ color: #1e5ca2; line-height: 30px; padding: 14px 60px 14px 20px; border:1px solid #d1d1d1; position: relative; cursor: pointer; font-size:16px; margin-bottom: 30px;}
.present_item span{ font-weight:normal; color: #999; font-size: 14px;}
.present_item::before{ content: ""; position: absolute; top:0; right:0; width: 60px; height: 100%; background: url(../img/organ_ico01a.png) center center no-repeat;}
.present_item.current{ margin-bottom:0; border-bottom-color:transparent;}
.present_item.current::before{ background-image: url(../img/organ_ico01b.png);}
.present_info{ display: none; border:1px solid #d1d1d1; border-top:none; padding: 0 20px 20px; margin-bottom: 30px;} 
.members_scr .item a{ text-align: center; font-size: 12px;}
.members_scr .item a,.members_scr .item a span,.members_scr .item a span img,.members_scr .item span{ display:block; margin: 0 auto;}
.members_scr .item a span,.members_scr .item span{ padding: 10px; background: #f8f8f8; max-width: 106px;}
.names_box{ border-top:1px dashed #d1d1d1;}
.names_block{ max-height: 360px; overflow: hidden; margin-top: 20px; position: relative;} 
.members_block{ margin:-10px 0;}
.names{ }
.names li{ width:33.33%; float: left;}
.names li a{ display:block; height: 36px; line-height: 36px;}
/*rules*/
.rules{ font-size: 16px;}
.rules p{ line-height:180%; padding-top:10px;}
.rules_top{ padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.rules_tit{ font-size:38px; line-height: 1.2; margin-bottom: 10px;}
.rules_pass{ font-size:20px; margin-bottom: 40px;}
.rules_from{ font-size:16px;}
.rules_from span{ color:#888;}
/*leaders*/
.leaders{}
.leaders_list{ margin: -15px;}
.leaders_list li{ width:50%; float: left; padding: 15px;}
.leaders_list li .leaders_img{ display:block; overflow: hidden; background: #f8f8f8; padding: 20px;}
.leaders_img{ width:100%;}
.leaders_img img{ display:block; width:121px; height: 158px;width:121px; float:left; overflow:hidden; margin-right: 10px;}
.leaders_info{ overflow:hidden;}
.leaders_info h4{ font-size:16px; padding: 10px 0; border-bottom: 1px dashed #eaeaea; margin-bottom: 10px;}
.leaders_des{ color:#1e5ca2; line-height: 21px; height: 63px; overflow: hidden; margin-bottom: 20px;}
.leaders_more{ font-size:12px; float: right; color: #888; padding-right: 12px; background: url(../img/organ_ico02.png) right center no-repeat;}
.leaders_list li .leaders_img:hover{ box-shadow:0 5px 30px -3px #ccc;}
.leaders_list li .leaders_img a:hover .leaders_more{ color:#1e5ca2; background-image: url(../img/organ_ico02b.png); }
/*group*/
.group{}
.group_list{ border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.group_list li{ width:50%; float: left;}
.group_list li a{ display:block; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; line-height: 30px; padding: 18px 20px 18px 40px; font-size:16px; }
.group_list li a:hover{ background: #f8f8f8;}
/*previous*/
.previous{}
.previous_list{ margin: -5px 0;}
.previous_list li{ position: relative; height: 40px; line-height: 40px;}
.previous_list li a{ display:block; overflow: hidden; position: relative; padding-left: 14px;}
.previous_list li a::before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width: 3px; height: 3px; background: #d1d1d1;}
.previous_list li a:hover::before{ background: #e30b20;} 
.previous_list li em{ float:right; font-size:12px; color:#888; margin-left: 30px;}
.previous_list li span{ display:block; overflow: hidden; font-size: 16px;}
.previous_list li a:hover,.previous_list li em a:hover { color:#e30b20;}
.previous_list li.li_blank::before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 50%; border-bottom: 1px dashed #dcdcdc;}
/*page*/
.page{font-family:"微软雅黑", Microsoft YaHei,arial; text-align: center; font-size: 16px; margin-top: 50px;}
.page a{ display: inline-block; width:40px; height: 40px; line-height: 40px; border:1px solid #fff; border-radius: 3px;}
.page em.page_prev a,.page em.page_next a{ width: 100px; background:none; border-color: #d1d1d1;}
.page em.page_prev,.page em.page_next{width: 90px; display:inline-block; padding-left: 10px; background: url(../img/page_ico01.png) left center no-repeat;}
.page em.page_next{ padding-left:0; padding-right: 10px; background-image: url(../img/page_ico02.png); background-position: right center;}
.page a.page_cur,.page a.common_current_page{ background: #1e5ca2; border-color:#1e5ca2; color: #fff;}



.side,
.members_scr,
.rules,
.leaders,
.group,
.previous{ font-family:"微软雅黑", Microsoft YaHei,arial;}


.present_item{ 
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*css控制单行显示*/
.names li a,
.group_list li a,
.previous_list li a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  

@media only screen and (max-width: 1023px){
	/*机构*/
	.side,.side_nav{ max-width: 276px;}
	
	.side_nav li a{ font-size:16px;}
	.present_item,.rules,.rules_from,.leaders_info h4,.group_list li a,.previous_list li a span,.page{ font-size:14px;}
	.present_item span{ font-size:12px;}
	.rules_tit{ font-size:28px;}
	.rules_pass{ font-size:16px;}
	
	.page a{ width:40px; height: 40px; line-height: 40px;}
	.page a.page_prev,.page a.page_next{ width: 80px;}
	
} 

@media only screen and (max-width: 991px){
	/*机构*/
	.side,.side_nav{ max-width: 233px;} 
	
	.leaders_list li{ width:100%;}
	.group_list li a{ padding:10px 15px;}
	.page a{width:25px;height:25px;line-height:25px;}
} 

@media only screen and (max-width: 767px){
	/*机构*/
	.side,.side_nav{ width:100%; max-width: none; float: none; margin-right: 0;}
	.side{ margin-bottom: 20px;}
	.side_nav li{ width:50%; float: left;}
	.side_nav li a{ font-size:14px; padding:6px 15px;}
	.sub_r{ width:100%; max-width: none; float: none;}
	#portamento_container .side_nav.fixed{ position:static;}
	/*members*/
	.members_scr .item a span{ padding:5px; max-width: 96px;}
	/*leaders*/
	.leaders_list{ margin:-10px;}
	.leaders_list li{ padding:10px;}
	.leaders_list li .leaders_img{ padding:15px;}
	.leaders_img{ width:100%;}
	.leaders_img img{ height: 118px;width:90px;}
	.leaders_des{ margin-bottom: 0;}
	.leaders_more{ display: none;}
	.page{margin-top:20px;}
	.page a{ display: none;}
	.page a.page_prev,.page a.page_next{ display: inline-block;width:100px;height:40px;line-height:40px;}
	.previous_list li em{ display:none;}
	#portamento_container .side_nav.fixed{position:static;width:100%; }
}  

@media only screen and (max-width: 359px){
	/*机构*/ 
	.side_nav li a{ font-size:12px; } 
}  

/*图片由小变大*/
.leaders_img img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    /*width: 100%;*/
    /*position: relative;*/
}

.leaders_list li .leaders_img:hover  img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

