﻿/*协会概况*/
.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; padding:10px 10px 20px 10px;}
.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-top: 10px; 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;}

/*分支机构*/
.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%;}


/*---------------------协会章程------------------*/
.associationConstitution > div{display: none;}
.associationConstitution > div:first-child{ display: block;}

/*---------------------分支机构------------------*/
.branchOrganization > div{display: none;}
.branchOrganization > div:first-child{ display: block;}

/*---------------------会员单位------------------*/
.huiyuandanwei > div{display: none;}
.huiyuandanwei > 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: 17px 16px 0 0; float: left;}


/*会员服务动态*/
.box-1{ margin-top: 10px; border-top: 1px solid #d3d3d3;}
.box-1 ul li{ position: relative; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; display: block;}
.box-1 ul li{line-height: 39px;}
.box-1 ul li{ border-bottom: 1px dashed #ddd; display: block; color: #666; position: relative; clear: both; overflow: hidden; }

.box-1 ul li .cont{width:280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; float: left;}
.box-1 ul li a{ color: #333;}
.box-1 ul li a:hover{color: #0066cc;}

.bgwhite{ background-color: #fff;}
.bgwhite a{ display: block; color: #333;}
.p10{ padding: 10px 10px;}
.vipImg ul{ clear: both; overflow: hidden;  margin-left: -10px;}
.vipImg ul li{ float: left; width: 153px; height: 102px; overflow: hidden; margin-left: 10px; background-color: #d3d3d3;}
.mt10{ margin-top: 10px;}

/*流程*/
.picimg{ width: 248px; height: 346px; overflow: hidden; margin-top: 10px;}
.logoImg{width: 101px; height: 101px; margin: 0px auto; padding: 20px 0;}
.logoImg img{width: 101px; height: 101px;}
.dues{ padding: 0 10px 10px 10px;}
.dues p{ line-height: 21px;}

/*会员单位*/
.unitTop{ position: relative;}
.unitTopImg{ width: 267px; height: 260px; overflow: hidden;  background-color: #fff; text-align: center; position: relative; overflow: hidden;}
.unitTopImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.unitTopImg a{ display: block;}
.unitTopLi ul{ clear: both; overflow: hidden; margin-left: -20px;}
.unitTopLi ul li{ width: 120px; height: 94px; float: left; margin-left: 20px; background-color: #fff; margin-top: 20px; position: relative; text-align: center; overflow: hidden;}
.unitTopLi ul li img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: auto;width: auto;}
.clearPadding .unitTopLi{ padding-left: 0;}


.unitBox ul li{ width: 324px; height: 137px; float: left; background-color: #f4f4f4;}
.unitBoxImg{width: 64px; height: 59px; overflow: hidden; margin: 20px auto;}
.unitBox ul li p{ text-align: center; color: #666; font-size: 14px;}
.unitBox ul li.bgcolorGray{ background-color: #fff;}
.w267{ width: 267px;}
.w680{ width: 680px;}
.brief{ padding: 20px 20px;}
.mt20{ margin-top: 20px;}

/* 新增样式 */
.cf:before{ content: ''; display: table; clear: both;}
.ca:after{ content: ''; display: table; clear: both;}
.btnBox{ margin-top: 10px;}
.btnBox a{width:120px; height: 34px; float: left; line-height: 34px; text-align: center; color: #fff; border-radius: 5px;}
.btnBox a.memberLogin{ background-color: #cd4a4a; margin-right: 8px;}
.btnBox a.memberAdd{ background-color: #00437c;}
.btnBox a.memberLogin:hover{background-color: #e85656;}
.btnBox a.memberAdd:hover{ background-color: #03579e;}

/*会费标准*/
.tag{width:63px; height: 21px; display: inline-block; background: url(../images/tagImg.png) no-repeat; line-height: 21px; color: #fff; font-size: 14px;  text-align: center;}
.tagText{ line-height: 22px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; padding-left: 14px; margin-top: 10px; padding-bottom: 10px;}
.usOur{width:249px; height: 53px; overflow: hidden; position: relative;}
.unitTopLi ul li img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: auto;width: auto; max-width: 100%;}

/* 机构名单 */
.w330 .point{margin: 10px 16px 0 0;}
.institutions ol li .box-b{ border-left: 1px solid #d3d3d3; padding-right: 20px; padding-left: 20px;}
.institutions ol li:first-child .box-b{border:none;padding-left: 0px;}
.inHead{ color: #00437c; border:1px solid #00437c; background-color: #def0ff; text-align: center; border-radius: 30px; margin: 0 auto; width:68px; height: 28px; line-height: 28px;}
.institutions .box-b .cont{width:168px;}
.institutions .point{margin: 10px 16px 0 0;}

/* 常务理事 */
.tagMeunsCont{ padding: 20px 10px 10px 10px;}
.tagMeuns{ border-bottom:1px solid #d3d3d3; clear: both; overflow: hidden;}
.tagMeuns ul li{ float: left; line-height: 30px; text-align: center; background: #eee;color: #333; font-size: 14px;cursor: pointer; width: 125px;}
.tagMeuns ul li.onCurrent { background: #0066cc; color: #fff;}
.tagMeuns ul li+li {margin-left: 1px;}
.w300{ width:300px; padding-right: 20px;}
.w300 .point{margin: 10px 16px 0 0;}
.w300 .box-b .cont{ width:280px;}




