@charset "utf-8";
/*总体大小，样式重定义*/
*{-webkit-text-size-adjust:none;}/*禁用了这一属性，在chrome下放大网页，会导致其它元素均放大，而文字却依然为原定义的“12px”*/

body{font-family:"microsoft yahei";font-size:12px;margin:0px;padding:0px;overflow-y:scroll;background-color: #fbfbfb}
img{border:none;}

/* 设置默认字体,用 ascii 字符表示，使得在任何编码下都无问题  */
body,button, input, select, textarea { font: 12px/1  "microsoft yahei", "\5b8b\4f53", sans-serif;}


/*清除浮动*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.clearright{clear:right;height:0;font-size:1px;line-height:0px;}
.clearleftt{clear:right;height:0;font-size:1px;line-height:0px;}

/*清除边框*/
.nbt{border-top:none!important;}
.nbb{border-bottom:none!important;}
.nbl{border-left:none!important;}
.nbr{border-right:none!important;}

.nm{margin:0px!important;}
.np{padding:0px!important;}

/*以下为整站样式设置，上为不改动，下为改动，是否将此转移至style?*/
/*连接颜色*/
/*20121208更新去掉背景透明，文字颜色设置*/

a:link      {text-decoration:none;}
a:active    {text-decoration:none;}
a:visited   {text-decoration:none;}
a:hover     {text-decoration:underline;}

/*关于样式重置
样式重置，不宜于直接在*{}设置或者body *设置
因为如果在content处，读取数据库内文章，则会出现导致富文本中样式也重置，可能达不到作者之前预览的效果。
所以决定分段处理,待实际需要写边距的元素，再独立添加样式.
.topbar *{margin:0px;padding:0px}
.menu *{margin:0px;padding:0px}
.sidebar *{margin:0px;padding:0px}
.footer *{margin:0px;padding:0px}*/




 
/*翻页样式未进行进一步优化*/

/*翻页*/
#page {margin:1px;padding:1px;text-align:right;}

.product-function{clear:both;}
.page-guide {margin:0px;padding:0px; font-size: 20px;}
.page-guide a{display:block;border:solid 1px #CCC;margin:2px;padding: 0px;float:left; background-color:#02488d;height:35px;width:35px; border-radius:17px; line-height: 35px; text-align: center; color: #ffffff;}
.page-guide a:hover{border:solid 1px #CCC;background-color:#cccccc;color:#fff}
.page-guide span{float: left;border: 1px solid #CCC;margin:2px;background:#e9e9e9;color: #999;height:35px;width:35px; border-radius:17px;line-height: 35px;text-align: center;color: #333333;}
.page-guide label{float:left;padding-top:4px;margin-right:10px;}


/*按钮部 开始 此段代码配合图片sprit.png使用*/

.submit,.cancel,.search,.more,.buy{background-image:url(../images/sprite.png)!important;display:block;border:none;background:transparent;margin:0px;padding:0px;cursor:pointer}

.submit{width:85px;height:26px;background-position:0px 0px;}
.submit:hover{background-position:-101px 0px}

.cancel{width:85px;height:26px;background-position:0px -50px;}
.cancel:hover{background-position:-101px -50px}

.search{width:71px;height:21px;background-position:0px -101px;}
.search:hover{background-position:-101px -101px}

.more{width:52px;height:16px;background-position:0px -140px;}
.more:hover{background-position:-101px -140px}

.buy{width:107px;height:26px;background-position:0px -174px;}
.buy:hover{background-position:-144px -174px;}

/*列表图标，包含圆形和正方形，未加上三角形。需要把样式添加至li以上的ul中，因为是直接对样式下的li全部控制*/

.circle li,.square li,.circle li:hover,.square li:hover{background-image:url(../images/sprite.png);background-repeat:no-repeat}

.circle li{background-position:-690px 9px;}
.circle li:hover{background-position:-690px -41px;}
.square li{background-position:-690px -91px;}
.square li:hover{background-position:-690px -141px;}



/*主要放置一些标题类的样式，字体的样式,例如文章标题，sidebar标题，content的标题，其他list中的标题*/
/*
h1:详细页面的产品、文章标题,目录名
h2:顶部logo，标语等使用
h3:content中的版块标题
h4:sitebar中的版块标题
h5:版块中的分类标题/板块标题下级层次
h6:版块中的文章,产品标题
*/

/*关于标题的样式设置*/
h1{font-size:36px;font-weight:100;}
h2{font-size:24px;font-weight:100;}
h3{font-size:20px;font-weight:100;}
h4{font-size:18px;font-weight:100;}
h5{font-size:16px;font-weight:100;}
h6{font-size:14px;font-weight:100;}

/*标题通用样式*/
h1,h2,h3,h4,h5,h6{word-wrap:break-word;margin:0px;padding:0px;}


/*关于标题的超链接样式设置*/
h1 a{color:#0000ff!important;}
h2 a{color:#0000ff!important;}
h3 a{color:#993399!important;}
h4 a{color:#0000ff!important;}
h5 a{color:#0000ff!important;}
h6 a{color:#333333!important;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{text-decoration:none;!important;}
h6 a:hover{text-decoration:underline;}


.title-data{font-size:10px;color:#666666;}
.title-notice{font-size:12px;color:#AD3F40;}
.title-alarm{font-size:12px;color:#AD3F40;}


ul, li{ padding: 0; margin: 0; list-style: none;}

#metro{position:fixed;left:0px;top:0px;background-color:#222222;width:100%; height:0px;padding:0px;z-index:100000; float:left;overflow:hidden;background: rgba(0,0,0,0.9);}

.line{ height: 1px;line-height: 0;overflow: hidden;margin: 30px 0;padding: 0;background: #000;}

/*返回顶部*/
p#back-to-top {
    position: fixed;
    right: 30px;
    bottom: 100px;

}

p#back-to-top a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 30px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    background:#d1d1d1 url("../images/arrow-up.jpg") no-repeat;

    border-radius:6px;
    display:block;
    height:50px;/*如果高低设置，少于100，会有动画的哦*/
    width:40px;
    margin-bottom:5px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:#979797 url("../images/arrow-up.jpg")  no-repeat center center;
}