@charset "utf-8";
body{ background-color: #f0f0f0;}
.foot{border-top: 3px solid #1B64B4;}

.article{ padding: 30px 80px; background: #FFFFFF;}
.article h2{ font-size: 26px; 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; color: #999; margin-top: 20px;}
.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; text-indent:32px;}
.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) {
	.container{ margin-top:0;}
	.article{ padding: 10px 1%;}
	.share_right{ display: none;}
	.share p{ margin-left: 1%;}
}
@media screen and (max-width: 760px) {
	.article h2{ font-size: 24px; line-height: 36px;}
	.article h4.subTitle{ font-size: 20px; line-height: 26px; }
	.art_cont img{ width: 90% !important; height: auto !important;}
}

@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: 5px;}
	
}

