/* 重置 */ 
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; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
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; }
h1, h2, h3, h4, h5, h6, em, b { font-weight: normal; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend, li { font: 13px/24px "Microsoft YaHei"; color: #333; outline: 0; }
body { background: none; position: relative; /*max-width:2220px;*/ min-width: 1200px; overflow-x: hidden; margin: 0 auto; }
a{ color: #333; -webkit-transition: all 400ms; transition: all 400ms; }
a:focus { outline: none; }
img, a { display: block; }
img { max-width: 100%; }
/*公用样式*/ .w1200 { width: 1200px; margin: 0 auto; }
.w1200:after { content: "\200B"; display: block; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.none { display: none; }
.ov { overflow: hidden; }
/* ===== clearfix ===== */ .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clearfix { clear: both; }


/*IE/7/6*/


/*设置滚动条样式*/

::-webkit-scrollbar {width: 5px; height: 8px; background-color: rgba(246, 248, 249, 1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
::-webkit-scrollbar-thumb {background-color: rgba(123, 121, 121, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/*input的placeholder*/
::-webkit-input-placeholder {color: inherit; }
:-moz-placeholder {color: inherit; }
::-moz-placeholder {color: inherit; }
:-ms-input-placeholder {color: inherit; }

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


/*Font*/

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


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


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

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

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