@charset "utf-8";
/* CSS Document */

.main{ width: 1140px; margin: 0 auto 20px;}

p.dqwz{ width: 100%; line-height: 20px; color: #4e4e4e; padding: 10px 0;}

.mainLeft{ float: left; width: 826px; margin-top: 5px;}

.leaderTit{ border-top: 1px solid #d1d1d1; height: 44px;}
.leaderTit h2{ width: 100px; height: 45px; border-top:2px solid #b82020; font-size: 20px; text-align: center; color: #b82020; line-height: 46px; overflow: hidden; margin-top: -1px;}
.leaderList{ width: 100%; margin-top: 10px; overflow: hidden;}
.leaderList ul{ width: 1180px;}
.leaderList ul li{ float: left; width: 108px; margin-right: 39px;}
.leaderList ul li img{ display: block; width: 108px; height: 121px; background: #f0f0f0; text-align: center; line-height: 121px;}
.leaderList ul li p{ font-size: 12px; color: #4e4e4e; line-height: 18px; text-align: center; margin-top: 5px;height:120px;}

.news{ float: left; width: 826px; margin-top: 25px;}
.title{ height: 35px; background: #f0f0f0; line-height: 35px;}
.title ul{ float: left; height: 45px; overflow: hidden; margin-top: -1px;}
.title ul li{ float: left; width: 97px; height: 35px; text-align: center; font-weight: bold;}
.title ul li a{display: block; width: 100%; height: 100%;}
.title ul li.on a{ background: #9f1313; color: #fff;} 
.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: 20px;}
.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;}

.picNews{ float: right; width: 294px; margin-top: 25px;}
.picNews li{ margin-bottom: 10px;}
.picNews li .pic{ width: 294px; height: 165px;}
.picNews li img{ display: block;}
.picNews li .bt{ display: block; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.grjj dl dt{ float: left; width: 135px;}
.grjj dl dt img{ display: block; width: 135px; height: 160px; background: #f0f0f0; text-align: center; line-height: 160px;}
.grjj dl dt p{ font-size: 12px; color: #4e4e4e; line-height: 18px; text-align: center; margin-top: 5px;}
.grjj dl dd{ float: right; width: 661px;}
.grjj dl dd h3{ width: 88px; height: 35px; background: #9f1313; line-height: 35px; color: #fff; text-align: center;}
.grjj dl dd p{ line-height: 27px; color: #4e4e4e; margin-top: 20px;}
.grjj dl dd .more{ color: #9f1313;}

.article{ width: 940px; margin: 20px auto 0;}
.article h2{ font-size: 24px; text-align: center; line-height: 28px;}
.article .Sub_cp_title{ font-size: 18px; text-align: center; line-height: 28px; margin-top:10px;}
.article .info{ text-align: center; font-size: 12px; color: #929292; line-height: 20px; margin-top: 20px;}
.artMain{ font-size: 16px; line-height: 36px; padding: 30px 0;}
.artMain p{ font-size: 16px; line-height: 36px;}

.shareBar{ width: 940px;; height: 30px; background: #f0f0f0; line-height: 30px;}
.shareLeft{ float: left; padding-left: 15px;}
.shareLeft b{ float: left; font-weight: normal;}
.bdsharebuttonbox{ float: left; padding-top: 2px;}
.shareRight{ float: right; padding-right: 15px;}
.shareRight a{ font-size: 12px; color: #555; margin-left: 10px; cursor: pointer;}

.sxp{ padding: 25px 0 0 15px;}
.sxp li{ height: 30px; line-height: 30px;}

@media screen and (max-width: 1140px) {
	.main,.leaderList ul,.news,.picNews,.mainLeft{width: 100%;}
	.grjj dl dt,.grjj dl dd{width: 100%;margin-bottom: 20px;}
	.grjj dl dt p{text-align: left;}
	.leaderList ul li{width: 22%;margin-right: 3%;height: 200px;}
	.leaderList ul li img{margin: 0 auto;}
	.picNews li .pic{width: 48%;float: left;margin-right: 2%;}
	.article,.shareBar,.artMain img{width: 100%;}
}
@media screen and (max-width: 600px) {
	.leaderList ul li{width: 48%;margin-right: 2%;}
	.picNews li .pic{width: 48%;float: left;margin-right: 2%;}
	.picNews li .pic img{width: 100%;}
}