@charset "utf-8";
/*show-content*/
.header{box-shadow: 0 5px 38px #ebeff5;}
.mainBox{padding-top: 30px;}
.crumb{background: #f5f5f7; padding-bottom: 10px; line-height: 2;}
.crumb em{font-style: normal;}
.InfoContentBox{
	padding: 3% 10%;
	position: relative;
	margin: auto;
}
.InfoTitle{border-bottom: 1px solid #dedfe0;}
.InfoTitle h1{text-align:center; font-size:2.25em; font-weight: bold; line-height:140%; padding-bottom:20px;  font-weight:500 !important;}

.info_from_wrap{position: relative; text-align: left; padding-bottom:1em;overflow: hidden;}
.info_from_wrap span{display: inline-block; font-size: 1em; padding-right: 3em; color: #8c8c8c;line-height: 25px;}
.info_from_wrap .shareIcon{float: right; position: relative; background: url(../images/fximg.png) left center no-repeat; padding-left: 40px; padding-right: 30px;}
.article-icon{float: right;padding-right: 0;}
.article-icon i{font-style: normal;cursor: pointer;vertical-align: middle;text-align: center; display: inline-block; position: relative; width: 30px; height: 25px; padding:0 3px; background: url(../images/cotent_icon.png) no-repeat;* filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; transition: all .3s; -webkit-transition: all .3s;}
.article-icon i.favorite{background-position: 0 0;}
.article-icon i.collected{background-position: 0 -25px;}
.article-icon i.print{background-position: 0 -50px;display: none;}
.article-icon i.l{background-position: 0 -75px;}
.article-icon i.s{background-position: 0 -100px;}
.article-icon i:after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; width: 1px; background: #e4e4e4;}
.article-icon i:last-child:after{display: none;}
.article-icon i:hover{filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}

.InfoContent {overflow: hidden; line-height: 2.2; text-align: justify; word-break: break-word; padding: 2em 0; font-size: .21rem;}
.InfoContent p {margin: .05rem 0;}
.InfoContent p[style*='center'] { text-indent: 0; }
.InfoContent img { max-width: 100%; }
.InfoContent a { text-decoration: underline; }
.InfoContent a:hover { text-decoration: none; }

.article-ewm{text-align:center; padding:20px 0 35px;}
#qr_container{ padding-bottom:5px; color:#b5b5b5; font-size: 13px; text-align: center;}

.CWshare{height: 40px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE;}
.CWshare:after {
	content: "";
	display: table;
}

.sharebox{width: 40px; right: 0; position: absolute; top: 80px;}
.share{ text-align: center;}
.share a{ display: block; height: 40px; width: 40px; color: #5F6464 ; margin-bottom: 24px;cursor: pointer;position: relative;}
.share img{ display: block; margin: auto; padding-top: 6px;}
.share .in{ padding-top: 7px;}
.share .xl{ padding-top: 8px;}
.share .lz{ padding-top: 9px;}

.share .icon{ display: block; width: 32px; height: 32px; background: url("../images/wx.png") no-repeat 0 0; background-size: contain; margin: 0 auto; transition: background 0.2s linear;}
.share .icon_in{ background-image: url("../images/in.png");}
.share .icon_xl{ background-image: url("../images/xl.png");}
.share .icon_lz{ background-image: url("../images/lz.png");}
.share .icon_mail{ width: 30px; height: 30px; background-image: url("../images/mail.png");}


.share a:hover .icon_wx{ background-image: url("../images/wx_hover.png");}
.share a:hover .icon_in{ background-image: url("../images/in_hover.png");}
.share a:hover .icon_xl{ background-image: url("../images/xl_hover.png");}
.share a:hover .icon_lz{ background-image: url("../images/lz_hover.png");}
.share a:hover .icon_mail{ background-image: url("../images/mail_hover.png");}

/* 表格 */
.table_border{margin: .2rem 0;}
.table_border table{width:100%;min-width: 6rem;border-collapse: collapse;border: 1px solid #e1e3e5!important;}
.table_border table th{background: #f2f4f7;}
.table_border table th,.table_border table td{border: 1px solid #e1e3e5!important;padding: .1rem .2rem;}
.table_border table p{line-height: 1.5;text-indent: 0em;}


#qrcode{
  display: none;
}
#qrcode img{
  position: absolute;
  left: -120px;
  bottom: 0;
  border: 10px solid #fff;
  padding: 0;
  max-width:100px;
}
.share a.wx:hover #qrcode{
  display: block;
}
@media (max-width: 1366px) {
  .InfoContentBox{
  	width: 1000px;
	padding: 3% 0;
  }
  .sharebox{right:-1.2rem; }
}
@media (max-width: 1200px) {
  .InfoContentBox{
	width: auto;
  	padding: 0 80px 3% 0;
  }
  .sharebox{right:0; }
}
@media (max-width: 991px) {
	.InfoTitle h1{text-align:left; font-size:1.75em;}
	.InfoContentBox{
		padding: 0 0 3% 0;
	}
	.InfoContent {line-height: 2; }
	.sharebox{display:none;}
}

@media (max-width: 768px) {
  .article-icon{float: none; margin-bottom: 0 !important;}
  .article-icon i.favorite{margin-left: 0;}
  .info_from_wrap span{margin-bottom: .1rem;}
}

@media (max-width: 640px) {
.InfoContentBox video{width: 100%; height: auto;}
}