@charset "utf-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

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,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
    font: 14px/1.6 "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6a6a6a;
}

input,
select,
textarea {
    font-size: 100%;
}


/* 去掉各Table  cell 的边距并让其边重合 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* IE bug fixed: th 不继承 text-align*/

th {
    text-align: inherit;
}


/* 去除默认边框 */

fieldset,
img {
    border: 0;
}

img {
    vertical-align: top;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe,.block {
    display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
    border: 0;
    font-variant: normal;
}


/* 一致的 del 样式 */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}


/* 去掉列表前的标识, li 会继承 */

ol,
ul {
    list-style: none;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
    text-align: left;
}


/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}


/* 统一上标和下标 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* 正常链接 未访问 */

a {
    color: #4e4e4e;
}

a:link {
    text-decoration: none;
}


/* 鼠标悬停 */

a:hover {
    color: #09afc4;
    text-decoration: none;
    outline: 0;
}
a:focus{
    outline: 0;
}


/* 默认不显示下划线，保持页面简洁 */

ins,
a {
    text-decoration: none;
}


/* 代码字体 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/* 清理浮动 */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    line-height: 0;
    content: "";
    height: 0;
    visibility: hidden;
    display: table;
}

.clearfix:after {
    clear: both;
}
/* 隐藏, 通常用来与 JS 配合 */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}


/* 设置内联, 减少浮动带来的bug */

.fl,
.fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.fnone {
    float: none!important;
}
.alignleft {
    display: inline;
    float: left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    clear: both;
    display: block;
    margin:auto;
}

/* 单行文字溢出时出现省略号，需设定宽度 */

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*form style*/

input[type="text"],
input[type="password"] {
    height: 32px;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 4px 6px;
    border: 1px solid #eeeeee;
    width: 260px;
}

input[type="text"].input-md,
input[type="password"].input-md {
    width: 140px;
}

textarea {
    border: 1px solid #eeeeee;
    padding: 4px 6px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

.radio,
.checkbox {
    min-height: 20px;
    padding-left: 20px;
    display: block;
    cursor: pointer;
}
.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
    margin-right: 5px;
}

select {
    height: 42px;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 4px 6px;
    border: 1px solid #eeeeee;
    width: 274px;
}
.form-horizontal{
    margin: 18px auto 12px;
    font-size: 14px;
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1;
    display: table;
    min-height: 42px;
}

.form-horizontal:disabled {
    cursor: not-allowed;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    text-align: right;
    width: 96px;
    display: table-cell;
    vertical-align: middle;
}

.form-horizontal .controls {
    display: table-cell;
    padding-left: 12px;
}
.form-horizontal .controls input{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-horizontal .controls span{
    margin-top: 13px;
    display: inline-block;
    *display: inline;
    *zoom:1;
}

/* 预定义按钮 */
.btn {padding: 8px 56px;border: 1px solid #f39800;color: #ff6200;font-size: 16px;border-radius: 7px;display: inline-block;*display: inline;*zoom:1;cursor: pointer;}
.btn.btn-fill{background-color: #f39800;color: #fff;}
.btn:hover{background-color: #f39800;color: #fff;}
.btn:focus{outline: none;}

/* 美化checkbox radiobox */
label.pretty {font-size:14px;cursor:pointer;}  
label.pretty i {font-size:12px;width:20px;height:20px;text-align:center;line-height:19px;color:#eee;margin:-2px 2px 1px 0px; border:#d3d3d3 1px solid;background-color: #eee;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}  
label.pretty input[type="checkbox"],input[type="radio"] {display:none;}  
label.pretty input[type="radio"] + i {border-radius:100%;}  
label.pretty input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {color: #f39800;}  
label.pretty input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}  
label.pretty input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;} 

/*IE 8 及以下*/
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;width: 100%}
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
#errorie div a {color: #459f79;font-size: 14px;}
#errorie div a:hover {text-decoration: underline;}



/*other.css*/
html,body {
    height: 100%;
    color: #393939;
    min-width: 1170px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

/* 公用背景颜色 */
.bg{ background: #eeeeee;}



/* header头部导航 start */
.page-header{transition:.3s;}
.page-header.active{position: fixed;top:0;width: 100%;z-index: 9999;}

.logo-box{}
.page-header .main-nav{padding: 18px 0;/*box-shadow: 0 8px 12px 0 #d6d6d6;*/background: #fff;}
.page-header .main-nav li{float: left;}
.page-header .main-nav li a{font-size: 16px;padding: 6px 16px;}
.page-header .nav {padding: 30px 0;padding-left: 0px;}
.page-header .nav li{position: relative;}
.page-header .nav li.active a{color: #09afc4;font-weight: bold;}
.page-header .account{width:97px;position: relative;color: #707070;padding: 5px 7px;margin-top: 25px;font-size: 14px;}
.page-header .account a{display: inline-block;margin: 0 5px;}

.nav .hidnav{position: absolute;z-index: 999;background: #fff;left: 0;top:37px;font-size:16px;background: #f6fbfe;padding: 20px;}
.nav .hidnav dl{width:100px;text-align: center;display: inline-block;float: left;}
.nav .hidnav dl dt{font-weight: bold;}
.nav .hidnav1{width:490px;left: -80px;}
.hidnav1 dl{margin-left:50px; }
.nav .hidnav.hidnav2{left: -18px;}

.hidnav{display: none;}
.page-header .nav li:hover .hidnav{display: block;}

/* header头部导航 end */

.main-nav{width:1200px;margin:0 auto;}

/* footer 底部通栏 start*/
.page-footer{width: 100%;background: #fff;z-index: 999;position: relative;padding-top: 50px;padding-bottom: 5px;}
.page-footer .footer-wrap{width: 1050px;margin: auto;height: 100%}
.page-footer .footer-wrap .links{border-bottom: 1px solid #535353;padding-bottom: 35px;}
.page-footer .footer-wrap .links:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.page-footer .footer-wrap .links .contacts{float:right ;}
.page-footer .footer-wrap .links .nav{float: left;}
.page-footer .footer-wrap .links .contacts h2.cn{font-weight: normal;font-size: 18px;color: #ccc;margin-top: 0;}
.page-footer .footer-wrap .links .contacts .er li{list-style: none;color: #969696;}
.page-footer .footer-wrap .links .contacts .er li .wechat{text-align: center;margin: 0;padding: 0;font-size: 12px;}
.page-footer .footer-wrap .links .contacts .er li img{height:60px;}
.page-footer .footer-wrap .links .contacts .er li dl {margin-top: 5px;margin-left: 0;line-height: 1.8;font-weight: bold;font-size: 26px;}
.page-footer .footer-wrap .links .nav li{font-size: 14px;padding: 0 35px;line-height: 1.8;float: left;display: block;height: 95px;}
.page-footer .footer-wrap .links .nav li *{margin: 0;padding: 0}
.page-footer .footer-wrap .links .nav li dt{color: #7d7d7d;font-size:16px;}
.page-footer .footer-wrap .links .nav li dd a{color: #959595;}
.page-footer .footer-wrap .copyr{text-align: center;font-size: 12px;color: #626262;display: table;width: 100%;height: 75px;}
.page-footer .footer-wrap .copyr .copyr-cell{display: table-cell;vertical-align: middle;height: 100%;}