@charset "utf-8";

.article_bg{ width: 100%; height: auto; background: url(../images/article_bg.jpg) bottom center no-repeat;}

.article{ padding: 30px 100px 20px 100px; overflow:hidden;}
.article h2{ font-size: 30px; color: #333333; font-weight: bold; text-align: center; line-height: 40px;}
.article h4.subTitle{ font-size: 20px; color: #2979c3; font-weight: normal; text-align: center; line-height: 36px; margin-top: 10px;}
.article p.info{ text-align: center; font-size: 14px; height: auto; line-height: 24px; color: #999; margin-top: 10px;}
.article p.info a{ color: #999; margin: 0 5px;}
.article p.info a:hover{ color: #1B64B4;}
.art_cont{ font-size: 16px; line-height: 30px; padding: 30px 0;min-height:240px;}
.art_cont p{ font-size: 16px; line-height: 30px;}
.art_cont img{ max-width: 100%; height: auto;}
.art_cont table td{ border: 1px solid #e1e1e1;}
.share{ height: 44px; background: #f4f4f4; line-height: 44px;}
.share p{ float: left; color: #666; margin-left: 20px;}
.bdsharebuttonbox{ float: left; padding-top: 4px;}
.share_right{ float: right; padding-right: 15px;}
.share_right b{ float: left; color: #666; font-weight: normal;}


@media screen and (max-width: 1200px) {
	body { background: #f0f0f0;}
	.container{ margin-top:0;}
	.article{ padding: 10px 1%;}
	.share_right{ display: none;}
	.share p{ margin-left: 1%;}

	.art_cont table {width: 100% !important;/* table-layout: fixed !important; */}

	.article p.a1 { overflow:hidden; height: auto !important;}
}
@media screen and (max-width: 760px) {
	.article h2{ font-size: 24px; line-height: 36px;}
	.article h4.subTitle{ font-size: 20px; line-height: 26px; }
	.article p.info{ height: auto;}
	.art_cont{ padding: 0 0 20px 0;}
}

@media screen and (max-width: 480px) {
	.article h2{ font-size: 20px; line-height: 30px;}
	.article h4.subTitle{ font-size: 18px; line-height: 22px; margin-top: 10px;}
	
}