@charset "utf-8";

.crumb{margin-bottom: 0;}

.content-container .content{margin-top: 90px;position: relative;margin-bottom: 40px;}
/* #008af1 #283562 #364274*/
.article-content p,.article-content div{background: unset !important;}
.article-attr{width:100px;line-height: 1;position: absolute;top:10px;left:0;}
.article-attr span,.article-attr a{display: block; text-align: center;}
.article-attr .date{margin:22px 0 27px;}
.article-attr .date b{display: block;color: #008af1;font-size: 60px;margin-bottom: 10px;}
.article-attr .date i{display: none;font-style: normal;}
.article-attr .goback{background: #8598c0;width:94px; margin: auto; height: 40px;line-height: 40px;color:#fff;text-align: center;border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;}
.article-attr .goback:hover{background: #008af1;}
.article-totop{display: none;cursor: pointer;position: fixed;right:13.1%;bottom:45px;z-index: 2; width:40px;height: 40px;background:#fff;border:1px solid #000;border-radius: 50%;-o-border-radius: 50%;}
.article-totop:after{content:"";display: block; width: 10px;height: 10px;position: absolute;top: 50%;left: 50%;margin: -3px 0 0 -6px;transform: rotate(-135deg);border-bottom: 1px solid #000;border-right: 1px solid #000;}
.article-totop:hover{border-color:#fff;background:#008af1; }
.article-totop:hover:after{border-color:#fff;}

.article-share{position: absolute;right:0;top:10px;text-align: right;}
.article-share .sharebtnbox a{position: relative; display: block;background: url(../images/share_wx.png) no-repeat center;background-size: 32px;float: none;/*width:0.58rem;*/height: 58px;padding:0;margin: 20px auto 0;cursor: pointer;}
.article-share .sharebtnbox a.weixin #qrcode {display: none;}
.article-share .sharebtnbox a.weixin #qrcode img{max-width: 200px; position: absolute;right: 100%;top:0;z-index: 2; background: #fff;padding:10px;box-shadow: 0 0 8px #f3f3f3;}
.article-share .sharebtnbox a.tsina{background-image: url(../images/share_xl.png);}
.article-share .sharebtnbox a.sharelz{background-image: url(../images/share_lz.png);}
.article-share .sharebtnbox a.email{background-image: url(../images/share_mail.png);}
.article-share .sharebtnbox a:hover{background-image: url(../images/share_wx_hover.png);}
.article-share .sharebtnbox a.weixin:hover #qrcode{display: block;} 
.article-share .sharebtnbox a.tsina:hover{background-image: url(../images/share_xl_hover.png);}
.article-share .sharebtnbox a.sharelz:hover{background-image: url(../images/share_lz_hover.png);}
.article-share .sharebtnbox a.email:hover{background-image: url(../images/share_mail_hover.png);}

.article{width:1200px;margin:0 auto;}
.article-title{text-align:center; color:#008af1; font-size:36px; line-height:140%;}
.article-subtitle{text-align: center; font-size: 25px; padding: 20px 35px;}
.article-content{background: #f3f3f3;padding:16px 60px;line-height: 2.1;font-size: 22px;clear:both;overflow:hidden;}
.article-content p{margin:24px 0;}
.article-content table,
.article-content video{max-width:100%;}
.article-content table{border-collapse: collapse;}
.article-content table th,.article-content table td{border:1px solid #333;padding: 10px 12px;text-align: justify;}
.article-content img{height: auto!important;}
.article-content figure{margin: 24px auto;}
.article-content figure figcaption,
.article-content figure figcaption strong,
.article-content figure figcaption div{margin:0 auto;text-align: center;font-style:italic!important; font-weight: normal!important;font-size: 17px!important;}



@media (max-width: 1680px) {
  .article-totop{right: 45px;}
  .article-content{font-size: 20px;}
}

@media (max-width: 1440px) {
  .article{width: unset;padding-left: 120px;}
  .article-share{position: static;text-align: left;margin:20px 0 0 120px;}
  .article-share .sharebtnbox a{display: inline-block;width:58px;margin-top:0;vertical-align: middle;}
  .article-share .sharebtnbox a.weixin #qrcode img{top:100%;right: 50%;margin-right: -60px;}
  .article-content{font-size: 18px;}
}

/*content*/

@media (max-width: 992px) {
	.article-attr{position: static;width: unset;}
	.article-attr span, .article-attr a{display: inline-block;}
	.article-attr .goback{width: 71px;height: 27px;line-height: 27px;}
	.article-attr .date b{display: none;}
	.article-attr .date i{display: inline-block;margin-right: 4px;}
	.article{padding-left: 0;}
	.article-content{padding:8px 20px;}
  	.article-content img{max-width: 80% !important;}
	.article-share,.article_newsMore .contpad{margin-left: 0;}
	
  
}
@media (max-width: 768px) {
  .content-container .content{margin-top: 34px;}
  .article-title,.article_newsMore .title{font-size: 22px;}

}
@media (max-width: 640px) {
  .article-content img{max-width: 90% !important;}

}


/* 网站地图 */
.websiteMap .common-title{line-height:44px; background-color:#f9f9f9;}
.websiteMap .common-title h3{font-size:1.125em;position: relative;color:#0073cc;padding-left: 10px;}
.websiteMap .common-title h3:before{content: "";width: 3px;height: 16px;background-color: #0073cc;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.websiteMap .common-title h3 a{color:#0073cc;}
.websiteMap .newsList{padding:15px 10px 0; font-size:1em;}
.websiteMap .newsList li{float:left; width:25%; padding: 0;position: relative;}
.websiteMap .newsList li h4{font-size:1em; font-weight: normal; padding:7px 15px 7px 20px; overflow: hidden;}
.websiteMap .newsList li:before{content:"";width:5px; height:5px; background-color:#0073cc; border-radius:50%;position: absolute;left:0;top:50%;margin-top:-2.5px;}

@media (max-width: 1480px){
	
}

@media (max-width: 1023px) {
	.article-reldocuments{padding:15px; margin-bottom:20px;}

	
}

@media (max-width: 991px) {
	/* .article-title, .article-subtitle{text-align:left;} */
	.article-attr{padding-bottom:10px;}

	.websiteMap .newsList{padding:10px 5px 0;}
	.websiteMap .newsList li{width:33.33333%;}

	.meta-data dl dd.addWidth{width:100%;}

	.article-appendixs h3{padding:20px 0 5px;}

	.article-btn .close{display: none;}

}

@media (max-width: 768px) {

	
	

}

@media (max-width: 640px) {

}


@media (max-width: 480px) {
.websiteMap .newsList li{width:50%;}

}


@media (max-width: 320px) {
.websiteMap .newsList li{width:100%;}
}