/*协会概况*/
.pt30{ padding-top: 30px;}
.w690{ width:690px; padding-right: 20px; border-right: 1px solid #d3d3d3;}
.member{width:202px;}
.hd{position: relative; border-bottom: 1px solid #d3d3d3;}
.hd h2{ font-size: 20px; font-weight: normal; color: #333; line-height: 22px; margin-bottom: 10px;}
.hd h2 i{width:3px; height: 17px; display: inline-block; font-style: normal; background-color: #0078d7; margin-right: 10px;}
.subNav{ background-color: #f4f4f4; padding: 0 10px; border-bottom: 1px solid #d3d3d3;}
.subNav ul li{ color: #333; line-height: 39px; position: relative;}
.subNav ul li+li{border-top: 1px dashed #d3d3d3; }
.subNav ul li a{ display: block; color: #333; padding-left: 18px; transition: all 0.5s ease;}
.subNav ul li a .dot{width:4px; height: 4px; display: none; background-color: #0085dd; position: absolute; left: 0; top: 18px;transition: all 0.5s ease;}
.subNav ul li a:hover{ color: #0078d7;}
.subNav ul li a:hover .dot{ display: block;}
.subNav ul li a.onlink{color: #0078d7;}
.subNav ul li a.onlink .dot{ display: block;}

/*协会简介*/
.w470{ width:470px;}
.synopsis{ background-color: #fff; padding: 16px 10px;position: relative;}
.synImg{ width:172px; height: 114px; overflow: hidden; margin-right: 16px;}
.synImg img{ width:100%;}
.synTt{ color: #666; line-height: 22px; display: block; overflow: hidden; padding-bottom: 14px;}
.synopsis .detailed{ font-size: 12px; color: #b72727; font-family:"宋体"; position: absolute; right: 10px; bottom: 16px;}

/*协会章程*/
.w340{ width: 340px;}
.moreBox{ color: #0078d7; font-size: 12px; line-height: 22px; position: absolute; right: 0; top: 5px;}
.moreBox:hover{ color: #333;}
.way{ position: relative; margin-top: 16px;}
.tabs{ margin-bottom: 16px;}
.tabs li{float: left;height: 30px; width: 106px; line-height: 30px; text-align: center; background: #eee;color: #333;font-size: 14px; cursor: pointer;}
.tabs li+li{margin-left: 1px;}
.tabs li a{ color: #333;}
.tabs li a:hover{ background: #0066cc; color: #fff; display: block;}
.tabs li.on{background: #0066cc; color: #fff;}
.tabs li.on a{color: #fff;}
.wayList{color: #333; line-height: 22px; margin-bottom: 18px; cursor: pointer;}
.wayList:hover{ color: #0066cc;}
.wayList .first{width:46px; height: 18px; display: inline-block; text-align: center; color: #fff; font-size: 12px; line-height: 18px;  background-color: #51b529; margin-right: 10px;}
.add{width:30px; height: 30px; display: block; background-color: #eee; position: absolute; top: 0; right: 0;cursor: pointer;}
.add span{ width:30px; height: 30px; display: block; background: url(../images/addIcon.png) no-repeat top center;}
.add:hover span{ background-position: 0 -30px; background-color: #51b529;}

/*组织机构*/
.w330{ width: 330px;}
.group{ width: 330px; height: 279px; position: relative;}
.groupBg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;background: rgba(0,0,0,0.4); display: none;}
.groupPic{ width: 330px; height: 279px; overflow: hidden; display: block;}
.groupPic img{ width: 100%;}
.all{width:114px; height: 39px;  line-height: 39px; color: #fff; text-align: center; border-radius: 5px; font-size: 18px; background-color: #0078d7; position: absolute; top: 50%; left: 50%; margin-left: -56px; margin-top: -20px; cursor: pointer;z-index: 4; display: none;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .groupBg{
    background-color:#000000;
    filter:Alpha(opacity=40);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
  .photoBox ul li .phTxt{
    background-color:#000000;
    filter:Alpha(opacity=40);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
}
.group:hover .groupBg{ display: block;}
.group:hover .all{display: block;}
/*协会荣誉*/
.photoBox{ margin-top: 16px; margin-right: -20px; zoom:1;}
.photoBox ul li{width:226px; height: 108px; overflow: hidden; position: relative; float: left; margin-right: 5px; margin-bottom: 5px;transition: 300ms;}
.photoBox ul li:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; filter: alpha(opacity=100);}
.phFirst{width:226px; height: 108px;overflow: hidden;}
.phFirst img{ width: 100%;}
.phTxt{width: 226px; height: 26px; background: rgba(0,0,0,0.4)!important; filter:Alpha(opacity=40); background-color: #000; font-size: 12px; color: #fff; line-height: 26px; text-align: center; margin-top: -26px; position: relative; z-index: 2;}
.phTxt span{ display: block;color: #fff; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 10px;}

/*分支机构*/
.branch{ background-color: #fff; padding: 16px 10px;}
.branch .tabs{ margin-bottom: 26px;}
.branch .tabs ul li{ width: 125px;}
.branchBox p{line-height: 22px; color: #333; margin-bottom: 16px;}
.branchBox p span{ width: 14px; height: 14px; display: inline-block; line-height: 14px; color: #fff; background-color: #b72727; margin-right: 10px; text-align: center;}

/*right*/
.w249{ width: 249px;}
.fastHd{ border-bottom: 1px solid #d3d3d3; position: relative;}
.fastHd span{ font-size: 20px; color: #075da0; border-bottom: 3px solid #8ec0e7; line-height: 22px; padding-bottom: 7px; display: inline-block; position: relative; top: 2px;}
.fastNav{ margin-top: 16px; margin-right: -20px; zoom:1; min-height: 184px;}
.fastNav ul li{width: 74px; height: 28px; line-height: 28px; text-align: center; border:1px solid #ddd; float: left; margin-right: 10px; margin-bottom: 10px; background: url(../images/bgLine.png) repeat-x;}
.fastNav ul li a{ color: #333; display: block; position: relative;}
.fastNav ul li a:after{ content: ""; width: 76px; height: 30px; display: none; background: url(../images/aBg.png) no-repeat; position: absolute; top: -1px; left: -1px;}
.fastNav ul li a.active{ color: #075da0;}
.fastNav ul li a.active:after{ display: block;}
.fastNav ul li a:hover{ color: #075da0;}
.fastNav ul li a:hover:after{ display: block;}

.addPic{ width: 249px; height: 63px; overflow: hidden;}
.addPic img{ width: 100%;}

/*主要职责*/
.chief{ border:1px solid #ddd; margin-top: 20px;}
.chiefHd{ padding: 0 8px; font-size: 18px; line-height: 39px; border-bottom: 1px solid #d3d3d3; color: #333; background-color: #f5f5f5;}
.major{padding: 0 8px;}
.major ul li{padding: 6px 0;  position: relative;cursor: pointer;}
.major ul li+li{border-top: 1px dashed #d3d3d3;}
.major ul li:hover{ background-color: #eee;}
.major ul li h2{ font-weight: normal; font-size: 16px;color: #333; margin-bottom: 10px; white-space: nowrap; overflow: hidden; display: block; text-overflow:ellipsis;}
.major ul li p{ height:36px; color: #666; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.majDeilt{ font-size: 12px; font-family: "宋体"; color: #b72727; position: absolute; bottom: 15px;right: 0;}
.majDeilt:hover{ color: #333;}

.manage{ width:247px; height: 36px; border:1px solid #eee; position: relative;background-color: #fff; margin:10px 0;}
.manHd{ padding-left: 10px; padding-right: 30px; color: #666; line-height: 36px;}
.manOption{ border:1px solid #eee; position: absolute; top: 36px; left: -1px; width: 247px; background-color: #fff; z-index: 2;}
.manOption ul li{color: #666; padding: 0 10px; line-height: 36px;}
.manOption ul li:hover{ background-color: #0066cc; color: #fff;}
.manHd .upDown{ width: 24px; height: 24px; display: block; background: url(../images/icon-a.png) no-repeat; position: absolute; right: 5px; top: 5px; cursor: pointer;}

.manBox{ width: 229px; background-color: #f4f4f4; padding: 0 10px;}
.manBox ul li{ color: #666; line-height: 41px; clear: both; overflow: hidden; position: relative;}
.manBox ul li:after{content: ""; display: inline-block; width: 10px; height: 10px; vertical-align: middle; border-right: 1px solid #999; border-top: 1px solid #999; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; right: 10px;top: 50%;}
.manBox ul li a{ display: block; color: #666;}
.manBox ul li+li{border-top:1px dashed #d3d3d3;}
.manBox ul li a em{ font-style: normal; display: inline-block; float: left;}
.manBox ul li a span{ color: #333; width: 160px; overflow: hidden; text-overflow:ellipsis; display: inline-block; white-space: nowrap; float: left;}
.manBox ul li a:hover{ color: #0078d7;}
.manBox ul li a:hover span{ color: #0078d7;}
.manBox ul li a:hover em{ color: #0078d7;}
.manBox ul li a.active{color: #0078d7;}
.manBox ul li a.active em{color: #0078d7;}
.manBox ul li a.active span{color: #0078d7;}

/*---------------------协会章程------------------*/
.associationConstitution > div{display: none;}
.associationConstitution > div:first-child{ display: block;}

/*---------------------分支机构------------------*/
.branchOrganization > div{display: none;}
.branchOrganization > div:first-child{ display: block;}

.w330{ width: 330px; overflow: hidden;}
.box-b li{line-height: 24px; margin-bottom: 8px;}
.box-b li a{ display: block; clear: both; overflow: hidden;}
.box-b .cont{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 300px; color: #333; float: left;}
.box-b .cont:hover{color: #0066cc;}
.box-b .time{float: right;color: #666;}
.point{ width: 4px;height: 4px; display: inline-block; overflow: hidden; background: #0066cc; margin: 10px 16px 0 0; float: left;}

/*领导团队*/
.leader{ width: 249px; overflow: hidden; padding-top: 15px;}
.ldBox{ width: 249px; height: 64px;margin-bottom: 10px; transition: all 0.5s ease; cursor: pointer;overflow: hidden;}
.ldBox:hover{ background-color:#e6e6e6;}
.ldBox .img-a{display:block;margin-right:10px;height:64px;width:64px;overflow: hidden;float:left;}

.ldBox .img-a div{height:100%;text-align:center;margin:0 suto;}
.ldBox .img-a div img{width:auto;height:100%;text-align:center;margin:0 auto;}

.ldBox .box-e{font-size: 12px; width: 175px; height:63px; float: left; border-bottom: 1px dashed #ddd;}
.ldBox .title-c{ line-height: 16px; color: #0078d7;margin-top: 6px; margin-bottom: 6px;}
.ldBox .article-c{ line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}