/*top*/
.w980{ width: 980px; margin: 0 auto;}
.mian{ background-color: #eee; padding-top: 20px;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both; overflow: hidden;}

.rollA{ width:590px; margin-right: 20px;}
.rollBox{ width:590px; height: 340px;  position: relative;}
.rollImg{ width:590px; height: 340px;}
.rollImg ul li{width:590px; height: 340px; float: left; position: relative;}
.rollImg ul li a{ display: block;}
.rollImg ul li img{ width:100%;}
.opacity{ width:100%; height: 68px; position: absolute; bottom: 0; left: 0; z-index: 2;  background: rgb(0,0,0)!important; filter:Alpha(opacity=6); opacity: 0.6; /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .opacity{
    background-color:#000000;
    filter:Alpha(opacity=60);
    position:absolute; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
}
.textHd{ font-size: 16px; color: #fff; line-height:20px; padding: 0 20px; z-index: 4; position: absolute; top: 285px; left: 0; width: 400px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.rollB{ width: 370px; overflow: hidden;}
.title{ border-bottom: 1px solid #d3d3d3; position: relative; padding-bottom: 8px;}
.title h2{ font-size: 20px; font-weight: normal; color: 000; line-height: 24px;}
.title a{ color: #0078d7; font-size: 12px; line-height: 14px; position: absolute; right: 0; bottom: 12px;}
.title a:hover{ color: #b72727;}
.newsTxt{ padding: 18px 0;}
.newsTxt h3{ font-size: 18px; color: #0078d7; line-height:20px; font-weight: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px;}
.newsTxt p{ font-size: 14px; color: #666; line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.borderbt{ border-bottom: 1px dashed #d3d3d3;}

/*Association profile*/
.body{ background-color: #fafafa;}
.profile{ padding-top: 30px;}
.probox{padding-top: 10px;}
.w590{ width: 590px; overflow: hidden;}
.w190{ width: 190px; overflow: hidden;}
.leftNav{ background-color: #f7f7f7;}
.leftNav ul{ padding: 0 10px;}
.leftNav ul li{ line-height: 50px;}
.leftNav ul li+li{ border-top: 1px solid #e8e8e8;}
.leftNav ul li a{ color: #333; display: block;}
.leftNav ul li a:hover{ color: #0078d7;}
.leftNav ul li a.onlike{ color: #0078d7;}

.w390{ width: 350px; overflow: hidden; padding: 0 20px;}
.right{ background-color: #f7f7f7;}
.headTitle{ position: relative; padding: 19px 0px;}
.headTitle h3{ font-size: 16px; font-weight: normal; color: #333; line-height: 18px;}
.headTitle a{ color: #0078d7; font-size: 12px; position: absolute; right: 0px; top: 21px;}

.photoBox{margin-right: -20px; zoom:1;}
.photoBox ul li{width:170px; height: 108px; overflow: hidden; position: relative; float: left; margin-right: 10px; transition: 300ms;}
.photoBox ul li:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; filter: alpha(opacity=100);}
.phFirst{width:170px; height: 108px;overflow: hidden;}
.phFirst img{ width: 100%;}
.phTxt{width: 170px; 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;}

.charter{ height: 154px; padding: 20px 0; position: relative;}
.charter h4{ font-size: 16px; color: #333; font-weight: normal;; line-height: 18px; margin-bottom: 10px; margin-top: 10px;}
.charter p{ font-size: 14px; color: #666; line-height: 22px;}
.charter a{ color: #b72727; font-size: 14px; position: absolute; right: 0;  bottom: 18px;}
.charter a:hover{ color: #333;}

/*data statistics*/
.w570{ width: 570px; overflow: hidden; padding: 24px 10px 28px 10px; background-color: #f7f7f7;}
.w370{ width: 370px; overflow: hidden;}
.data{ margin-top: 10px; background-color: #f7f7f7; padding: 10px 10px;}
.dataImg{ width: 350px; height: 235px; overflow: hidden; position: relative; background-color: #f3f3f3;}
.dataList{ margin-top: 20px;}
.dataList ul li{ font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;}
.dataList ul li+li{ margin-top: 24px;}
.add{ width: 590px;  height: 77px; overflow: hidden; margin-top: 20px;}

/*News Center*/
.headDiv{ border-bottom: 1px solid #d3d3d3; position: relative; padding-bottom: 8px; position: relative;}
.headDiv h2{ font-size: 20px; font-weight: normal; color: 000; line-height: 24px;}
.govt{ font-size: 16px; color: #0078d7; position: absolute; right: 80px; top: 4px; line-height: 18px;}
.minNum{ clear: both; overflow: hidden; position: absolute; right: 0; top: 6px;}
.minNum ul li{ width: 14px; height: 14px; margin-left: 4px; background-color: #eee; line-height: 14px; float: left;}
.minNum ul li a{ display: block; color: #000; text-align: center;}
.minNum ul li a.on{ background-color: #0078d7; color: #fff;}

.newsDiv ul li{ padding: 25px 10px; background-color: #f4f4f4; clear: both; overflow: hidden; margin-top: 10px;}
.newsImg{ width: 190px; height: 129px; overflow: hidden; float: left;margin-right: 16px;}
.newsText{ display: inline-block; overflow: hidden; height: 129px; width: 364px; float: left;}
.newsText h2{ font-size: 16px; color: #333; line-height: 24px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: normal; margin-bottom: 16px;}
.newsText p{  color: #666; line-height: 22px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/*Policy zone*/
.policy{ margin-top: 10px;border-top: 1px dashed #d3d3d3;}
.policy ul li{ padding: 17px 0; border-bottom: 1px dashed #d3d3d3;}
.policy ul li a{ display: block; line-height: 22px; color: #666; font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.policy ul li a:hover{ color: #0078d7;}

.wechat{ width: 370px; height: 84px; overflow: hidden; margin-top: 20px;}

.member{ background-color: #eeeeee; padding: 40px 0; margin-top: 30px;}
.logLeft{ width: 368px; overflow: hidden;}
.logLeft h2{ font-size: 20px; color: #000; margin-bottom: 26px; font-weight: normal;}
.logLeft p{ font-size: 16px; color: #666; line-height: 26px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 16px;}
.logLeft a{ width: 120px; height: 28px; border:1px solid #72b7ed; display: block; text-align: center; border-radius: 30px; color: #0078d7; font-size: 12px; line-height: 30px;}
.logLeft a:hover{ background-color:#72b7ed; color: #fff; }

.logRight{ width: 612px; overflow: hidden;background-color: #e9e9e9;}
.logRight ul li{ width: 204px; height: 97px; overflow: hidden; float: left;}
.logRight ul li.bgColor{ background-color: #fff;}
.logRight ul li a{ display: block; position: relative; }
.logRight ul li a .logImg{ width: 204px; height: 97px; overflow: hidden;}
.logRight ul li a .logTxt{width: 100%; height: 36px; display: block; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background-color:#2f8fdb; opacity: 0; filter: alpha(opacity=0); white-space: nowrap; overflow: hidden; text-overflow:ellipsis; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; transition: .4s all; position: absolute; left: 0; bottom: 0; z-index: 2;}
.logRight ul li a:hover .logTxt{ opacity: .8; filter: alpha(opacity=80);}