﻿html, body { font-size: 100%; margin: 0; padding: 0; background-color: #eeeeee; width: 100%; overflow-x: hidden }
html { height: 100% }
body { min-height: 100% }
a { color: #333; }
a:hover { color: #06C; text-decoration: none; }
a:visited{ color:#333;}
ul, li { list-style: none; }
/* 元素 */
.u-box { padding: 10px; background-color: #FFFFFF; }
.u-sep10 { height: 10px; }
.f-container {}
/* 头部 */

/* 幻灯片 */
.g-slide { padding: 10px; background-color: #FFFFFF; }
.g-slide li {}
.g-slide img { width: 100%; }
/* 区块 */
.m-box {}
.sicon img{ width: 100%;}
.m-box h3 { border-bottom: 1px solid #018b4b; padding-bottom: 10px; }
.m-box .tips { padding-top: 10px; line-height: 25px; font-size: 90%; }
.m-box .tips img { max-width:100%; height:auto}
.m-box .lst { padding-top: 10px; font-size: 90%; }
.m-box .lst li { line-height: 35px; height: 35px; overflow: hidden; position: relative; border-bottom:1px solid #eee;}
.m-box .lst li a { display:block;padding-left:10px; padding-right:10px;  }
.m-box .pic-lst { padding-top: 10px; font-size: 90%;}
.m-box .pic-lst li { display:block; width:50%; float:left; text-align:center; line-height:30px;}
.m-box .pic-lst li img { width: 98%; height: 150px; }
/* 底部 */
.g-fb { text-align: center; color: #666; font-size: 70%; line-height: 120%; border-top: 2px solid #018b4b; }
.g-fb .tool { line-height: 22px; }
.g-fb .tool a { margin-left: 5px; margin-right: 5px; }
/* 面包屑导航 */
.m-crumb { overflow: hidden; line-height: 1.5; zoom: 1; padding-top:10px; padding-bottom:10px;}
.m-crumb ul {}
.m-crumb li { float: left; word-wrap: normal; white-space: nowrap; }
.m-crumb li i { display: inline-block; *display:inline;
*zoom:1;
width: 20px; text-align: center; font-size: 12px; color: #ccc; font-family: \5b8b\4f53; }
/* 分页 */
.m-page { margin-left:auto; margin-right:auto; clear:both; overflow:hidden; padding:10px 20px ;}
.m-page a {padding-left:5px; padding-right:5px; height:30px; line-height:30px;  margin-right:4px;  text-decoration:none; }
.m-page span {height:30px; line-height:30px;  margin-right:5px; color:#cd1a1c }
/* 导航菜单 - 插件保持原有命名规则 */
#sb-site { width: 100%; min-height: 100%; padding: 10px; position: relative; z-index: 1; background-color: #eeeeee }
.sb-slidebar { width: 35%; height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 0; visibility: hidden; background-color: #312f2f; }
html.sb-android .sb-slidebar { height: auto; position: absolute }
.sb-left { left: 0 }
.sb-right { right: 0 }
html.sb-active-left .sb-left { visibility: visible }
html.sb-active-right .sb-right { visibility: visible }
@media(max-width:480px) {
.sb-slidebar { width: 70% }
}
@media(min-width:481px) and (max-width:991px) {
.sb-slidebar { width: 50% }
}
@media(min-width:992px) {
.sb-slidebar { width: 35% }
}
@media(min-width:1200px) {
.sb-slidebar { width: 20% }
}
html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left; -webkit-backface-visibility: hidden }
.sb-slidebar ul { padding-top: 10px; }
.sb-slidebar li + li { margin-top: 12px; }
.sb-slidebar li a { padding: 10px 10px; display: block; color: #CCC; }
.sb-slidebar li a:hover { background-color: #cd1a1c;}
.sb-slidebar li .current { background-color: #cd1a1c; }
.sb-slidebar .title { color:#666; font-size:16px; line-height:35px; padding:5px 10px; border-bottom:1px solid #333}


@media(min-width:800px) {
body { width:400px;}
}
