/* é????? */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p,
blockquote, pre, hr, figure, table, caption, th, td, form, fieldset,
legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;min-width: 1200px;max-width: 1920px;margin: 0 auto !important;
    font-family: "Microsoft YaHei";
}

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

input {
    outline: none;
    border: none;
}

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

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    /*font-size: 100%;*/
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

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

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

button {
    border: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
}

del, ins, u, s, a, a:hover {
    text-decoration: none;
}

a, a:hover {
    /*color: #333;*/
    /*-webkit-transition: all 400ms;*/
    /*transition: all 400ms;*/
}

a:hover {
    color: #303860;
}

a:focus {
    outline: none;
}

a {
    display: block;
}

p {
    /*line-height: 22px;*/
}

div{
    margin: 0 auto
}

img, a {
    display: block;
}

img {
    max-width: 100%;
}

/* ===== clearfix ===== */

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    /**zoom: 1;*/
}

.clear {
    display:block !important;
    clear: both;
}

/*IE/7/6*/
/*è??????????¨???? ·???*/
/*::-webkit-scrollbar {*/
/*width: 6px;*/
/*height: 6px;*/
/*background-color: #ddd;*/
/*-webkit-border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*border-radius: 0;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*background-color: #bc9b6f;*/
/*-webkit-border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*border-radius: 0;*/
/*}*/

/*?…??”¨? ·???*/
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pr {
    position: relative;
}

.none {
    display: none;
}

.ov {
    overflow: hidden;
}

div, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p,
blockquote, pre, hr, figure, table, caption, th, td, form,
fieldset, legend, input, button, textarea, menu, a, span {
    -webkit-box-sizing: border-box; /* Safari */
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

/*?o??o§?ˉ?è?a*/
#headerange {
    position: relative;
    height: 120px;
    width: 100%;
    overflow: hidden;
}

.innavbg {
    width: 100%;
    height: 60px;
    background: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8?”ˉ???*/
    position: absolute;
    left: 0;
    top: 84px;
    display: none;
    z-index: 80;
}

.sNav .innav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 400px;
    /*border: 1px solid teal;*/
    /*max-width: 700px;*/
}

.sNav .innav dd {
    display: inline-block;
    line-height: 60px;
    float: left;
    margin: 0 20px;
}

.sNav .innav dd a {
    display: block;
    color: #dfe0e2;
    font-size: 14px;
    float: left;
    font-weight: bold;
}

.innav dd a:hover, .innav .on a {
    color: #90C42F;
}

/*.sN4 dd{margin:0 18px;}
*/
.navbg .suNav {
    display: none;
}

.sNav {
    height: 60px;
}

.suNav .sNav > div {
    position: absolute;
    top: 0px;
    display: none;
    z-index: 60;
}

.suNav {
    height: 60px;
}

.sN1 {
    left: 688px;
}

.sN2 {
    left: 777px;
}

.sN3 {
    left: 866px;
}

.sN4 {
    left: 843px;
}

.sN5 {
    left: 855px;

}

/*Font*/
@font-face {
    font-family: 'rubik-regular';
    src: url('../font/rubik-regular-webfont.eot');
    src: url('../font/rubik-regular-webfont.otf') format('otf'),
    url('../font/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/rubik-regular-webfont.woff') format('woff'),
    url('../font/rubik-regular-webfont.woff2') format('woff2'),
    url('../font/rubik-regular-webfont.ttf') format('truetype'),
    url('../font/rubik-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Sans Unicod';
    src: url('../font/Lucida Sans Unicod.eot');
    src: url('../font/Lucida Sans Unicod.otf') format('otf'),
    url('../font/Lucida Sans Unicod.eot?#iefix') format('embedded-opentype'),
    url('../font/Lucida Sans Unicod.woff') format('woff'),
    url('../font/Lucida Sans Unicod.woff2') format('woff2'),
    url('../font/Lucida Sans Unicod.ttf') format('truetype'),
    url('../font/Lucida Sans Unicod.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('../font/SourceHanSansCN-ExtraLight.eot');
    src: url('../font/SourceHanSansCN-ExtraLight.otf') format('otf'),
    url('../font/SourceHanSansCN-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../font/SourceHanSansCN-ExtraLight.woff') format('woff'),
    url('../font/SourceHanSansCN-ExtraLight.woff2') format('woff2'),
    url('../font/SourceHanSansCN-ExtraLight.ttf') format('truetype'),
    url('../font/SourceHanSansCN-ExtraLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-medium';
    src: url('../font/dincond-medium-webfont.eot');
    src: url('../font/dincond-medium-webfont.otf') format('otf'),
    url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/dincond-medium-webfont.woff') format('woff'),
    url('../font/dincond-medium-webfont.woff2') format('woff2'),
    url('../font/dincond-medium-webfont.ttf') format('truetype'),
    url('../font/dincond-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Novecento WideBook';
    src: url('../font/Novecento WideBook.eot');
    src: url('../font/Novecento WideBook.otf') format('otf'),
    url('../font/Novecento WideBook.eot?#iefix') format('embedded-opentype'),
    url('../font/Novecento WideBook.woff') format('woff'),
    url('../font/Novecento WideBook.woff2') format('woff2'),
    url('../font/Novecento WideBook.ttf') format('truetype'),
    url('../font/Novecento WideBook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}