@charset "utf-8";
/* CSS Document */

/* Table of Contents
- reset.css
- reset＋hack
- 文字排版
- 定位
- 边距
- 长宽
- 
*/


/* reset.css - start */
body { font-family: "Microsoft YaHei","PingFang SC","Lantinghei SC",arial,"\5b8b\4f53",sans-serif,tahoma;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';} 
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table { border-collapse:collapse; border-spacing:0;}

legend{border: 0; *margin-left: -7px; padding: 0; }
/* reset.css - over */

/* reset＋hack - start */
/* 指示“label”会将焦点移至相关联的表单元素 
label { cursor: pointer; }*/
/* 1. 纠正 IE6/7/8/9 中非继承的颜色 2. 纠正 IE6/7 中显示异常的对齐 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. 纠正所有浏览器中非继承的字体大小
 * 2. 删除 FF3/4 S5 Chrome 中的边距
 * 3. 定义在所有浏览器中一致地垂直对齐显示
 */
button,input,select,textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
 * 1. 将行高定义为正常，以匹配 FF3/4（使用 UA 样式表中的 !important 设置）
 * 2. 纠正 IE6/7 中显示异常的内边距
 */
button,input { line-height: normal; *overflow: visible; }
/*
 * 在“table”中重新加入内边距，以避免 IE6/7 中的交迭和空白问题
 */
table button,table input { *overflow: auto; }
/*
 * 1. 显示手形光标，表示可以点击的表单元素
 * 2. 允许 iOS 中可点击的表单元素的样式
 */
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * 一致的框大小和外观
 */
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * 删除 FF3/4 中的内边距和边框: h5bp.com/l 
 */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. 删除 IE6/7/8/9 中的默认垂直滚动条 
 * 2. 仅允许垂直调整大小
 */
textarea { overflow: auto; vertical-align: top; }
/* 用于表单验证的颜色 */
input:valid,
textarea:valid {  }
input:invalid,
textarea:invalid { background-color: #f0dddd; }
/*
 * 1. 纠正正文字体大小使用 em 单位设置时，IE6/7 中的文本异常调整大小的问题
 * 2. 强制在非 IE 中使用垂直滚动条
 * 3. 防止在设备方向更改时调整 iOS 文本大小，而不需要禁用用户缩放: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 13px; line-height: 1.231; }

/* 用于换行 */
* { word-wrap: break-word;}

/*不是使用-9999px hack使文本超出屏幕达到隐藏文本的目的，他的技术在隐藏文本的同时保留了文本在屏幕范围之内*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden;}


/* reset＋hack - over */




/* 文字排版 - start */
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f24 { font-size:24px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no-unl { text-decoration:none;}
/* 链接  */
a { color: #030303; text-decoration:none;}

a:focus { outline: thin dotted;}
/* 改善在所有浏览器中获取焦点和悬停时的可读性*/
a:hover,
a:active { outline: 0; }
a[href^="javascript:"]:after,
a[href^="#"]:after {content: ""}
/* 文字排版 - over */

/* 定位 - start */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.pr { position:relative;}
.par { position:absolute;}
/* 闭合浮动 - start */
.clearfix:before,.clearfix:after { content: ""; display: table; line-height:0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* 定位 - over */



/* 边距 - start */
/* 边距 - over */


/* 长度宽度 - start */
.w-1200 { width:1200px; margin:0 auto;}

.w-260 { width:260px;}
.w-910 { width:910px;}

/* 长度宽度 - over */

/*banner-尺寸 - start*/

/*banner-尺寸 - over*/

/*top - start*/
.header-box { background-color:#fff; height:100px;}
.header-logo { float:left; width:260px; height:100px; }
.header-nav { float:right; padding-top:43px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header-nav li { float:left; padding:0 5px; margin:0px 25px; font-size:18px; color:#333; }
.header-nav li a:hover {  color:#666; }
.header-nav li.current a { color:#333;  }
.header-nav li.current { border-bottom:4px solid #fc9a03; padding-bottom:8px;}
/*top - over*/


/*footer-start*/
.footer-box { background-color:#333333; height:300px; padding:34px 0; color:#dadada; line-height:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.footer-logo { width:129px; height:120px; margin:0 auto; float:left}

.footer-nav { width:465px; text-align:center; margin:0 auto; font-size:16px; line-height:30px; padding:25px 0 12px;}
.footer-nav li { float:left; padding:0 14px;}
.footer-nav li a { color:#dadada;}
.footer-nav cite { float:left;}

.footer-box p { font-size:14px; text-align:center; line-height:26px; color:#999;}
.footer-text { }
.footer-text span { padding-right:15px;}

/*footer-over*/


/*背景颜色*/
.bg-cf2 { background-color:#f2f2f2;}
.bg-cfff { background-color:#fff;}