header{ height:400px; background:url(/public/img/example/banner.jpg) center center no-repeat; }
.bannerwz{ width:400px; height:232px; text-align:center; background:url(/public/img/introduction/wzbg.png) center center no-repeat; position:absolute; left:50%; top:59%; margin:-116px 0 0 -200px; color:#fff; padding-top:68px;}
.bannerwz div{ line-height:1.3em;}

#container{ width:1200px; margin:0 auto; min-height:800px; padding:30px 0 0 0; margin-bottom:30px; position:relative;}
#container .leftlay{width:870px; float:left; border:1px solid #eee;}
#container .leftlay .blocktitle:first-child,#container .blocktitle:first-child{ padding-top:20px;}
#container .rightlay{width:300px; float:right; min-height:500px;}
#container .rightlay.fixed{ position:fixed; bottom:0; left:50%; margin-left:300px;}
#container .rightlay.absolute{ position:absolute; bottom:0; right:0;}

.rightlay dl{ background:#fff; margin-bottom:10px; padding:10px 20px; border:1px solid #eee;}
.rightlay dl:last-child{ margin-bottom:0;}
.rightlay dl dt{line-height:30px; padding-left:14px; position:relative; font-size:16px; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:8px; padding-bottom:5px;}
.rightlay dl dt:after{content:""; width:4px; height:16px; position:absolute; top:50%; margin-top:-11px; left:0; border-radius:2em;
background:#ff4d30;
background:linear-gradient(0deg, #ff4d30, #ffc400);
background:-webkit-linear-gradient(90deg, #ff4d30, #ffc400);
background:-moz-linear-gradient(90deg, #ff4d30, #ffc400);
background:-o-linear-gradient(90deg, #ff4d30, #ffc400);
}
.rightlay dl dt .more{ float:right; line-height:26px;}
.rightlay dl dt .more span{ display:inline-block; vertical-align: middle;}
.rightlay .articlelist1 a{ padding:5px 0; border-bottom:1px dashed #eee; line-height:1.8em;}
.rightlay .articlelist1 a:last-child{ border:0;}
.rightlay .articlelist1 .img{ display:block; position:relative; padding:0; border:0; margin-bottom:5px;}
.rightlay .articlelist1 .img img{ display:block;}
.rightlay .articlelist1 .img div{ position:absolute; width:100%; padding:0 10px; left:0; bottom:0; line-height:1.8em; background:rgba(0,0,0,0.5); color:#fff;}
.rightlay .articlelist1 .img:hover div{ color:#ff0}

.articleinfo{ background:#fff; margin-bottom:30px;}
.articlecont{ background:#fff; margin-bottom:30px;}
.articlecont .content *{ box-sizing:content-box;}
h1{ font-size:24px; text-align:center; line-height:1.5em; padding:45px 30px 20px 30px;}
.author{ line-height:2em; padding:0 30px; font-size:14px;}
.author i{ display:inline-block; vertical-align:middle;}
.author a.blue{ float:right; margin-left:30px;}
.author .time{ margin-right:50px;}
.description{ background:#f6f6f6; margin:20px 30px; padding:20px; line-height:2em;}
.content{ line-height:1.8em; font-size:16px;}
.articleinfo .content{ padding:0 30px;}
.content p{ text-indent:2em; padding:0.5em 0; text-align:justify;}
.articlesharebox{ float:right; height:31px; padding:0 20px;}
.articlesharebox a{ color:#43ba33; display:inline-block; vertical-align:middle; margin-left:8px; text-align:center; padding:0; font-size:20px;}
.articlesharebox a:hover{ opacity:0.8}
.articlesharebox a.bds_qzone{ color:#fab619}
.articlesharebox a.bds_tsina{ color:#e52541}
.articlesharebox a.bds_qq{ color:#1588e1}
.articlesharebox a .iconfont{ display:block;}