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

body{font-family:Arial;font-size:12px;margin:0px;padding:0px;}
img{border:none;}

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


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

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

.nm{margin:0px!important;}

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

a:link{text-decoration:none;color:#0000ff;}
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}*/


/*重置所有输入框和文本框边界*/



/*这个对编辑框的影响比较大*/
table {line-height:16px;}
table, th, td {border-collapse:collapse;border-style:solid; border-width:thin;}




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

/*翻页*/
.page-guide{margin-top: 30px;margin-bottom: 30px;font-size: 22px;color: #6f6f6f;}
.page-guide a{ color: #6f6f6f;}
.page-guide > span, .page-guide > a{ display: inline-block; vertical-align: middle; line-height: 40px; height: 40px;}
.page-guide a:hover, .page-guide a:active{ text-decoration: none;}
.page_center_select{ width: 165px; background: #f1f2f2; border: #dedfe0 1px solid; height: 40px; position: relative; margin: 0 32px;}
.page_center_select select{ border: none; width: 165px; height: 40px; background: #f1f2f2 url(../images/page_arrow_bottom.png) no-repeat right 25px center; color: #6f6f6f; font-size: 20px; text-indent: 30px;}
.page_center_select .page_center_cover{display: block; height: 40px; position: absolute; width: 17px; background: #f1f2f2; right: 0; top: 0px;}
.page-guide .prev_btn{ background: url(../images/page_arrow_left.png) no-repeat 0 center; padding-left: 45px;}
.page-guide .next_btn{ background: url(../images/page_arrow_right.png) no-repeat right center; padding-right: 45px;}

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

.submit,.cancel,.search,.more,.buy{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{}

.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:24px;font-family:verdana;font-weight:100;}
h2{font-size:20px;font-family:verdana;font-weight:100;}
h3{font-size:18px;font-family:verdana;font-weight:700;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;font-weight:700;}

/*标题通用样式*/
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:#993399!important;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h7 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;}







#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);}








/*返回顶部*/
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-color:#d1d1d1;
    background-image:url(../images/arrow-up.jpg);
    background-repeat: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;
}

.cover{ display: none; position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.7; top: 0; left: 0; z-index: 50;}