@charset "utf-8";
/* CSS Document */

.main{ width: 1140px; margin: 20px auto;}

/* 焦点图 */
.slideBox{ float:left; width: 604px; height: 340px; position:relative; z-index:5; overflow:hidden;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:5px; width: 10px; height:10px; background:#777; font-size: 0px; line-height: 999px; cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{ background:#9f1313;}
.slideBox .bd{ position:relative; height:340px; z-index:0;}
.slideBox .bd li{ width:604px; height:340px; zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; left:0; bottom:0; width: 100%; height:40px; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);   font-size:14px; line-height:40px; color:#eee; cursor:pointer; text-indent: 10px;}
.slideBox .bd img{ width:604px; height:340px;}

/* 头条 */
.headLine{ float: right; width: 516px; height: 50px; background: #f0f0f0;}
.headLine h1{ float: left; width: 80px; height: 50px; background: url(2017_hnmj__index_tt.jpg); font-size: 24px; color: #fff; font-weight: normal; line-height: 50px; text-align: center;}
.txtScroll{ float: left; width:436px; position:relative;}
.txtScroll .next{ float: right; display:block; width:15px; height:50px; float:right; overflow:hidden; cursor:pointer; background: url(2017_hnmj__index_icon01.jpg.png) no-repeat center center #9f1313;}
.txtScroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll .hd ul li.on{ background-position:0 0; }
.txtScroll .bd{ float: left; width:421px; overflow:hidden;}
.txtScroll .bd ul{ overflow:hidden; zoom:1; }
.txtScroll .bd ul li{ float:left; font-size: 18px; line-height:22px;  text-align:left; _display:inline; padding: 3px 25px 0;}
.txtScroll .bd ul li span{ color:#999;}

.title{ border-top:1px solid #d1d1d1; height: 44px;}
.title ul{ float: left; height: 45px; overflow: hidden; margin-top: -1px;}
.title ul li{ float: left; font-size: 18px; line-height: 48px; margin-right: 20px;}
.title ul li.on{ border-top:2px solid #b82020; font-size: 20px; font-weight: bold; line-height: 46px;}
.title ul li a{ color: #b82020;}
.title ul li a:hover{ text-decoration: none;}
.title .more{ float: right; margin-top: 15px;}
.title .more a{ display: block; width: 20px; height: 20px; background: url(2017_hnmj__index_more.jpg) no-repeat;}
.list{ margin-top: 9px;}
.list ul li{ height: 30px; line-height: 30px; vertical-align: top; text-indent: 13px;}
.list ul li a{ float: left; background: url(2017_hnmj__index_dian01.jpg) no-repeat left center; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list ul li a:hover{ font-size: 16px; font-weight: bold; text-decoration: none;}
.list ul li span{ float: right; font-size: 12px; color: #b4b4b4;}

.mjyw{ float: right; width: 516px; margin-top: 20px;}
.mjyw .list{ height: 210px;overflow: hidden;}

.tzgg{ float: left; width: 100%; height: 50px; background: #f0f0f0; margin-top: 20px;overflow: hidden;}
.tzgg h1{ float: left; width: 118px; height: 50px; background: #9f1313; font-size: 18px; color: #fff; text-align: center; line-height: 50px;}
.txtMarquee{ float: left; background: url(2017_hnmj__index_icon02.png) no-repeat left center; width: 950px; position:relative; margin-left: 20px; padding-left: 30px;}
.txtMarquee .bd{}
.txtMarquee .bd .tempWrap{ width:950px !important; }
.txtMarquee .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee .bd ul li{ margin-right:20px; float:left; height:50px; line-height:50px;  text-align:left; _display:inline; width:auto !important;  }

.mainLeft{ float: left; width: 826px; margin-top: 20px;}

.w403{ width: 403px;}

/* 专题专栏 */
.ztzl{ float: left; width: 826px; height: 93px; overflow:hidden; position:relative;}
.ztzl .bd{ position:relative; height:100%; z-index:0;}
.ztzl .bd li{ zoom:1; vertical-align:middle; }
.ztzl .bd img{ width:826px; height:93px; display:block;}

/* 会员风采 */
.hyfc{ float: left; width: 100%; height: 246px; background: #f0f0f0; margin-top: 20px;overflow:hidden;}
.hyfc h2{ height: 20px; text-align: center; padding-top: 23px;}
.hyfcList{ width: 788px; height: 160px; margin: 23px auto 0; overflow: hidden;}
.hyfcList ul{ width: 808px;}
.hyfcList ul li{ float: left; width: 182px; height: 160px; margin-right: 20px; position:relative;}
.hyfcList ul li p{ position:absolute; left:0; bottom:0; width: 100%; height:30px; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000); font-size:12px; text-align: center; line-height:30px; color:#eee; cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hyfcList ul li img{ display: block; width:182px; height:160px;}

.mainRight{ float: right; width: 252px; height: 746px; background: url(2017_hnmj__index_right.png) no-repeat left 2px; margin-top: 20px; padding-left: 40px; ocerflow: hidden;}
.mainRight h2{ font-size: 18px; line-height: 20px; color: #4e4e4e;}

/* 民进省委介绍 */
.swjs{}
.swjs ul{ height: 159px; margin-top: 18px; overflow: hidden;}
.swjs ul li{ width: 252px; height: 45px; line-height: 45px; font-size: 16px; text-align: center; font-weight: bold; margin-bottom: 12px;}
.swjs ul li a{ display: block; width: 100%; height: 100%; background: url(2017_hnmj__index_icon03.jpg) #cc6666; color: #4e4e4e;}
.swjs ul li a:hover{ background-image: none; text-decoration: none; color: #fff;}

/* 大事记 */
.dsj{ margin-top: 20px;}
.dsj .list{ margin-top: 12px; height: 150px; overflow: hidden;}
.dsj .list li a{ max-width: 100%;}

/* 专题 */
.zhuanti{ margin-top: 12px;}
.zhuanti ul{ margin-top: 20px;}
.zhuanti ul li{ width: 253px; height: 75px;}
.zhuanti ul li img{ display: block; width: 253px; height: 75px;}

/* 楚帆期刊 */
.cfqk{ margin-top: 22px;}
.cfqkList{ width: 252px; margin-top: 23px; overflow: hidden;}
.cfqkList ul{ width: 272px;}
.cfqkList ul li{ float: left; width: 116px; height: 155px; margin-right: 20px;}
.cfqkList ul li img{ display: block; width: 116px; height: 155px;}

/*自适应*/
@media screen and (max-width: 1140px) {
	.main,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd img,.mjyw .list,.ztzl,.ztzl .bd img,.hyfcList{width: 100% !important;}
	.slideBox,.headLine,.mjyw{width: 50% !important;}
	.headLine h1,.tzgg h1{width: 20%;}
	.txtScroll,.txtScroll .bd{width: 80%;}
	.txtMarquee{width: 70%;}
	.w403{width: 49%;}
	.mainLeft{width: 70%;}
	.mainRight{width: 23%;}
} 
@media screen and (max-width: 1100px) {
	.mainLeft{width: 100%;height: auto;}
	.mainRight{width: 80%;height: auto;margin: 0 auto;margin-top: 20px;}
	.swjs,.dsj,.zhuanti,.cfqk{width: 50%;float: left;}
	.hyfcList ul{margin: 0 auto;}
} 
@media screen and (max-width: 800px) {
	.slideBox,.headLine,.mjyw,.hyfcList ul{width: 100% !important;}
	.hyfc,.hyfcList{height: auto;}
	.hyfcList ul li{width: 100%;margin: 0;}
	.hyfcList ul li img{width: 100%;}
} 
@media screen and (max-width: 650px) {
	.w403{width: 100%;}
	.mainRight{width: 94%;}
} 
@media screen and (max-width: 550px) {
	.mainRight{width: 78%;}
	.swjs,.dsj,.zhuanti,.cfqk{width: 100%;float: left;}
}