/* CSS Document */
.top { height:100px;}
.top_logo { width:440px; float:left;}
.top_logo a { line-height:100px; height:100px; display:block; background:url(../img/logo.png) left center no-repeat;background-size:100%}
.nav { float:right; height:100px;}
.nav a { display:block; padding:0 25px; height:100px; line-height:100px; font-size:16px; float:left; color:#666;}
.nav a.on { color:#b40303;font-weight: bold;}
.nav a:hover { background:#f00; color:#fff;}
@media screen and (max-width:1200px) {
.top_logo { margin-left: 20px;}
}

.footer { height:300px; background:#333; min-width:1200px; border-top:6px solid #d03939; color:#666;}
.footer1 { font-size:18px; padding:50px 0;}
.footer2 { float:left; width:450px; line-height:30px;}
.footer3 { float:right; line-height:30px;}
.f_menus { text-align:right; margin-right:-10px;}

.in_top { height:330px; min-width: 1200px;}

.right_menus { width:100px; height:400px; position:fixed; z-index:100; right:0; bottom:100px; background:#eeeeee;}
.right_menus a { height:89px; display:block; padding-top:10px; text-align:center; line-height:29px; color:#999999; border-bottom:1px solid #999;}
.right_menus a:hover { color:#333; background:#fff;}
.right_menus a span { display:block; height:60px; }
.right_menus a span.r1 { background:url(../img/icons/r1.png) center center no-repeat;}
.right_menus a span.r2 { background:url(../img/icons/r2.png) center center no-repeat;}
.right_menus a span.r3 { background:url(../img/icons/r3.png) center center no-repeat;}
.right_menus a span.r4 { background:url(../img/icons/r4.png) center center no-repeat;}

.mask_full {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;}

/* 侧边标签 */
/* 解决IE6下滚动抖动的问题 */

*html {background-image: url(about:blank);background-attachment: fixed;}

/* 文章展示 */
.article h3 {padding: 25px 0 15px;font-size: 28px;font-weight: normal;line-height: 40px;}
.aritlce_info {height: 40px;border-bottom: 1px solid #E6E6E6;overflow: hidden;}
.aritlce_date {float: left;color: #999;line-height: 26px;}
.aritlce_zoom {float: right;}
.aritlce_zoom a {display: inline-block;margin-left: -1px;width: 26px;height: 24px;border: 1px solid #E0E0E0;background: #FAFAFA;line-height: 18px;text-align: center;overflow: hidden;}
.aritlce_zoom sup {font-size: 10px;-webkit-text-size-adjust: none;}
.article_content {padding: 20px 0;font-size: 14px;line-height: 32px;}
.article_content p {padding-bottom: 20px;}

.article_page_nav {margin: auto;padding-bottom: 20px;width: 600px;overflow: hidden;}
.article_page_nav li {float: left;margin: 0 -1px -1px 0;width: 298px;height: 38px;border: 1px solid #E6E6E6;}
.article_page_nav li a {display: block;padding: 0 15px;line-height: 38px;}
.article_page_nav li a.crt {color: #468C00;}

.article_page {margin: auto;padding-bottom: 40px;width: 600px;border-top: 1px solid #E6E6E6;text-align: center;}
.article_page a {display: inline-block;margin-left: -1px;padding: 5px 12px;height: 20px;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-bottom: 2px solid #E6E6E6;background: #FAFAFA;color: #333;line-height: 20px;vertical-align: middle;}
.article_page a:hover {background: #FFF;}
.article_page a.current {background: #FFF;border-bottom: 2px solid #8EC100;}