/*新闻滚动*/
.topBar{background: url(../img/csfj/head-csfj.jpg) no-repeat top center;}
.box{ background-color: #eee; width:100%; height: 342px;}
.roll{ padding: 20px 0;}
.rollA{ width:650px;}
.rollBox{ width:650px; height: 300px;  position: relative;}
.rollImg{ width:650px; height: 300px;}
.rollImg ul li{width:650px; height: 300px; float: left; position: relative;}
.rollImg ul li a{ display: block;}
.rollImg ul li img{ width:100%;}
.opacity{ width:100%; height: 42px; 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: 42px; padding: 0 10px; z-index: 4; position: absolute; bottom: 0; left: 0;}
*/
.textHd{font-size:16px;color:#fff;line-height:42px; padding:0 10px;z-index:4;position:absolute;bottom:0;left: 0;overflow:hidden; text-overflow:ellipsis;display:block white-space:nowrap;height:40px;width:32em;}
.number{ position: absolute; right: 10px; bottom: 11px; z-index: 4;}
.number ul li{ float: left; width:20px; height: 20px; text-align: center; line-height: 20px; color: #000; background: #dbe5ee; margin-left: 4px; cursor: pointer;}
.number ul li.current{ color: #fff; background: #0078d7;}

.rollB{ width:320px; background-color: #e6e6e6; height: 300px;}
.brief{ padding: 14px 16px;}
.brief h2{ font-size: 16px; color: #0066cc; font-weight: normal; line-height: 26px;/*margin-bottom: 10px;*/}
.brief p{ color: #666; line-height: 22px;}
.brief p a{ color: #b72727;}
.brief p a:hover{ color: #0078d7;}

.news{ padding: 0 5px;}
.news ul li{padding-left:15px;line-height: 40px;  background: url(../../images/point.png) no-repeat 5px 18px; overflow: hidden;  text-overflow: ellipsis; display: block; white-space: nowrap; border-top: 1px dashed #d3d3d3;}
.news ul li a{ color: #333;}
.news ul li a:hover{ color: #0066cc;}

/*mian*/
.w650{ width: 650px; overflow: hidden;}
.title{ position: relative; border-bottom: 2px solid #999; padding-top: 30px; padding-bottom: 12px;}
.title h2{ font-size: 20px; font-weight: normal; color: #333; line-height: 22px;}
.title h2 i{ width:3px; height: 18px; display: inline-block; font-style: normal; background-color: #0078d7; margin-right: 10px; vertical-align: -2px;}
.more{ line-height: 22px; font-size: 12px; color: #0078d7; position: absolute; top: 30px; right: 0;}
.more:hover{ color: #333;}

/*分会概况*/
.box-a{ background: #fff; width: 610px; padding: 26px 20px 30px 20px;}
.box-d .box-d-img{float: left;width:242px; height: 161px; overflow: hidden;}
.box-d .box-d-1{ position: relative; float: right; width: 348px; height: 161px;}
.box-d .box-d-1 h2{ font-size: 18px; color: #0078d7; line-height: 20px; font-weight: normal; border-bottom: 1px dashed #d3d3d3; padding-bottom: 10px; margin-bottom: 20px;}
.box-d .box-d-1 p{ color: #333; line-height: 22px; height: 110px; overflow: hidden; position: relative;}
.box-d .box-d-1 p a{ color: #b72727; position: absolute; right: 0; bottom: 0;}
.box-d .box-d-1 p a:hover{ color: #0078d7;}

.list-a{ margin-top: 30px;}
.list-a li{float: left;height: 36px; width: 120px; line-height: 36px; text-align: center; background: #eee;color: #333;font-size: 14px;}
.list-a li+li{margin-left: 2px;}
.list-a li:hover{ background: #0066cc; color: #fff;}
.list-a li.check{background: #0066cc; color: #fff;}

.list-a li a{color:#333;}
.list-a li a:hover{color: #fff;}


/*理事长单位*/
.w320{ width: 320px; overflow: hidden;}
.title.blue{ border-bottom: 2px solid #0078d7;}
.search{ height: 30px; margin-top: 12px;}
.select{float: left; width: 80px; height: 30px; border: 1px solid #eee; line-height: 30px; font-size: 12px;background: #fff; position: relative;}
.selectHd{ font-size: 12px; color: #666; line-height: 30px; position: relative; padding-left: 10px;}
.upDown{width:24px; height: 24px; display: block; background: url(../images/icon-a.png) no-repeat; position: absolute; right: 0; top: 3px;}
.option{width:80px;border: 1px solid #eee; position: absolute; top: 30px; left: -1px; background-color: #fff; z-index: 2;}
.option li{ text-align: center; cursor: pointer;}
.option li:hover{ color: #fff; background-color: #0066cc;}

.input{ float: right; width: 220px; height: 30px; border: 1px solid #eee;line-height: 30px; font-size: 12px;background: #fff; position: relative;}
.inText{width:160px; height: 30px; padding: 0 4px; position: relative;}
.inText input{ width:100%; height: 20px; line-height: 20px;  box-sizing: border-box; border: none;background: none; position: absolute; top: 5px; left: 4px;}
.inBtn{width:50px; height: 30px; background-color: #61b4f6; position: absolute; right: 0; top: 0;cursor: pointer;}
.searchBtn{ width:24px; height: 24px; display: block; border:none; font-size: 0; background: url(../../images/icon-b.png) no-repeat; margin:3px auto 0 auto;}

.img-a{margin-top: 16px; overflow: hidden; }
.img-a ul{margin-left: -10px; clear: both; overflow: hidden;}
.img-a ul li{ width: 320px; height: 77px; overflow: hidden; float: left; margin-left: 10px;}
.img-a ul li a{display: block;}

/*新闻中心*/
.boxDiv{ margin-top: 16px;}
.subMeuns{ width: 126px; float: left;}
.subMeuns ul li{height: 52px; line-height: 52px;  font-size: 16px; color: #333; background-color: #f1f1f1; text-align: center; cursor: pointer;}
.subMeuns ul li.active{ border-left: 3px solid #0078d7; background-color: #fff; color: #0078d7; box-shadow: 0 1px 0px #ddd;}
.subBox{ width: 484px; height: 260px; padding: 26px 20px; background-color: #fff; float: left; box-shadow: 0 1px 1px #ddd;}

.newPic{ width: 170px; height: 113px; overflow: hidden; float: left; margin-right: 16px;}
.subText{ border-bottom: 1px dashed #eee; width: 298px; float: left;}
.subText h2{ font-size: 16px; color: #0078d7; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; font-weight: normal;}
.subText p{ color: #666; line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 10px 0;}
.subText h2 a{color:#333;}
.subText h2 a:hover,.subText h2 a:link,..subText h2 a:visited,.subText h2 a:active{color:#333;}

.subBox .box-b{padding-top: 26px;}
.box-b li{line-height: 24px; margin-bottom: 8px;}
.box-b li a{ display: block;}
.box-b .cont{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 450px; line-height: 1.1em;color: #333;}
.box-b .cont:hover,.box-b .cont:link,.box-b .cont:,.box-b .contvisited:active{color:#333;}
.box-b .time{float: right;color: #666;}
.point{ width: 4px;height: 4px; position: relative; display: inline-block; overflow: hidden; background: #0066cc; top: -5px; margin: 0 10px 0 0;}

.special{margin-right: -10px;}
.col-md-brands{ width:158px; height: 152px; float: left; margin-right: 4px; overflow: hidden; margin-bottom: 4px;}
.col-md-brands a.inner{display: block;vertical-align: bottom;z-index: 7;position: relative;text-align: left; color: #fff; height: 152px; }
.brand_wrapper { display: table; background-color: #3a3b42; position: relative; overflow: hidden;}
.brand_wrapper .under_line{ width: 100%;background-color: #2080cb; height: 100%; position: absolute; left: 0; bottom: 0; right: 0; z-index: 8; display: block; opacity: 0; filter: alpha(opacity=100); -webkit-transition: .2s all; -moz-transition: .2s all; -ms-transition: .2s all; -o-transition: .2s a; transition:.2s all;}
.brand_wrapper .inner .txt{ display: block; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; transition: .4s all;    word-break: break-all;}
.brand_wrapper .inner .prHd {position: absolute; bottom: 0px; left:0; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width:138px; height:32px; background: rgba(0,0,0,0.4); padding: 0 10px; line-height: 32px;}
.brand_wrapper .prTt {opacity: 0;position: relative; filter: alpha(opacity=0);max-height: 100px; overflow: hidden; text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;position: absolute; top: 50%; left: 15%; margin-top: -20px; width:70%; z-index: 9; color: #fff;}
.bgPic{ background: url(../images/z-01.png) no-repeat;}
.brand_wrapper:hover .under_line{ height: 100%; opacity: .8; filter: alpha(opacity=80);}
.brand_wrapper:hover .prTt {opacity: 1; filter: alpha(opacity=100);}
.brand_wrapper:hover .prHd{ opacity: 0;}
@media \0screen\,screen\9 {
  .brand_wrapper .inner .prHd{
    background-color:#000000;
    filter:Alpha(opacity=40);
    position:static; 
    *zoom:1;}
}

.company ul{ clear: both; overflow: hidden; margin-left: -12px;}
.company ul li{ width: 234px; height:60px; border:1px solid #cbcbcb; overflow: hidden; float: left; background-color: #fff; margin-left: 12px; margin-bottom: 10px; transition: all 0.5s ease;}
.company ul li a{ display: block;}
.company ul li:hover{ border:1px solid #0078d7;}

/*联系我们*/
.we{ margin-top: 30px;}
.our{width: 236px; height: 72px; background-color: #0078d7; font-size: 18px; color: #fff; line-height: 72px; text-align: center; float: left;}
.mode{ width: 731px; height: 70px; border:1px solid #0078d7; background-color: #d1e8fa; float: right;}
.mode ul{ clear: both; overflow: hidden;}
.mode ul li{ float: left; padding-left: 40px; position: relative; margin-top: 15px;}
.mode ul li:after{ content: "";  width: 1px; height: 25px; background-color: #0093e3; position: absolute; right: 0; top: 10px;}
.mode ul li span{ width: 42px; height: 42px; display: inline-block; background: url(../../images/icon-2.png) no-repeat; float: left; margin-right: 16px;}
.telephone{ width: 144px; float: left;}
.telephone h2{ font-size: 14px; font-weight: normal; color: #0078d7; line-height: 16px; margin-bottom: 10px;}
.telephone p{ color: #0078d7; line-height: 16px; overflow: hidden; display: block;text-overflow: ellipsis; white-space: nowrap;}
.mode ul li span.fax{ background-position:0 -42px;}
.mode ul li span.mailbox{ background-position:0 -84px;}
.mode ul li.border:after{ display: none;}


/*---------------------分会概况-----------------*/
.fhgk > div{display: none;}
.fhgk > div:first-child{ display: block;}

/*---------------------新闻中心-----------------*/
.newS > div{display: none;}
.newS > div:first-child{ display: block;}




.bar ul li a span,.bar ul li a span{color:#fff;}
.bar ul li a:hover,.bar ul li a:link,.bar ul li a:visited,.bar ul li a:active{color:#fff;}


.footer .article-a a:hover,.footer .article-a a:link,.footer .article-a a:,.footer .article-avisited a:active{color:#aaa8b6;}