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

@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: 'GothamRounded';
    src: url('../font/GothamRounded-Book.eot');
    src: url('../font/GothamRounded-Book.otf') format('otf'), url('../font/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url('../font/GothamRounded-Book.woff') format('woff'), url('../font/GothamRounded-Book.woff2') format('woff2'), url('../font/GothamRounded-Book.ttf') format('truetype'), url('../font/GothamRounded-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'BrandonGro-bld';
    src: url('../font/Brandon_bld.eot');
    src: url('../font/Brandon_bld.otf')
    format('otf'), url('../font/Brandon_bld.eot?#iefix')
    format('embedded-opentype'),
    url('../font/Brandon_bld.woff')
    format('woff'),
    url('../font/Brandon_bld.woff2')
    format('woff2'),
    url('../font/Brandon_bld.ttf')
    format('truetype'),
    url('../font/Brandon_bld.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;
}

@-webkit-keyframes z_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes z_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.z_fadeInDown {
    -webkit-animation-name: z_fadeInDown;
    animation-name: z_fadeInDown;
    visibility: visible;
}

@-webkit-keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeInUp {
    -webkit-animation-name: z_fadeInUp;
    animation-name: z_fadeInUp
}

@-webkit-keyframes z_fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes z_fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.z_fadeInLeft {
    -webkit-animation-name: z_fadeInLeft;
    animation-name: z_fadeInLeft
}

@-webkit-keyframes z_fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes z_fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.z_fadeInRight {
    -webkit-animation-name: z_fadeInRight;
    animation-name: z_fadeInRight;
}

@-webkit-keyframes z_scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes z_scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.z_scaleIn {
    -webkit-animation-name: z_scaleIn;
    animation-name: z_scaleIn;
}

@-webkit-keyframes z_circle {
    0% {
        opacity: 1;
    }
    100% {
        top: -100%;
        display: none;
    }
}

@keyframes z_circle {
    0% {
        opacity: 1;
    }
    100% {
        top: -100%;
        display: none;
    }
}

.z_circle {
    -webkit-animation-name: z_circle;
    animation-name: z_circle;
}

@-webkit-keyframes z_bor {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: 130px;
    }
}

@keyframes z_bor {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: 130px;
    }
}

.z_bor {
    -webkit-animation-name: z_bor;
    animation-name: z_bor;
}

@-webkit-keyframes z_circle {
    0% {
        opacity: 1;
    }
    100% {
        left: 100%;
        display: none;
    }
}

@keyframes z_circle {
    0% {
        opacity: 1;
    }
    100% {
        left: 100%;
        display: none;
    }
}

.z_circle {
    -webkit-animation-name: z_circle;
    animation-name: z_circle;
}

@-webkit-keyframes z_circle2 {
    0% {
        opacity: 1;
    }
    100% {
        left: -100%;
        display: none;
    }
}

@keyframes z_circle2 {
    0% {
        opacity: 1;
    }
    100% {
        left: -100%;
        display: none;
    }
}

.z_circle2 {
    -webkit-animation-name: z_circle2;
    animation-name: z_circle2;
}

@-webkit-keyframes z_circle3 {
    0% {
        opacity: 1;
    }
    100% {
        top: 100%;
        display: none;
    }
}

@keyframes z_circle3 {
    0% {
        opacity: 1;
    }
    100% {
        top: 100%;
        display: none;
    }
}

.z_circle3 {
    -webkit-animation-name: z_circle3;
    animation-name: z_circle3;
}

@-webkit-keyframes z_circle4 {
    0% {
        opacity: 1;
    }
    100% {
        top: -100%;
        display: none;
    }
}

@keyframes z_circle4 {
    0% {
        opacity: 1;
    }
    100% {
        top: -100%;
        display: none;
    }
}

.z_circle4 {
    -webkit-animation-name: z_circle4;
    animation-name: z_circle4;
}

@-webkit-keyframes z_topleft {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(-120px, -50px, 20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

@keyframes z_topleft {
    0% {
        opacity: 0;
        transform: perspective(0) translate3d(-120px, -50px, 20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

.z_topleft {
    -webkit-animation-name: z_topleft;
    animation-name: z_topleft;
}

@-webkit-keyframes z_topright {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(120px, -50px, -20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

@keyframes z_topright {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(120px, -50px, -20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

.z_topright {
    -webkit-animation-name: z_topright;
    animation-name: z_topright;
}

@-webkit-keyframes z_bottomright {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(120px, 50px, -20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

@keyframes z_bottomright {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(120px, 50px, -20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

.z_bottomright {
    -webkit-animation-name: z_bottomright;
    animation-name: z_bottomright;
}

@-webkit-keyframes z_bottomleft {
    0% {
        opacity: 0;
        transform: perspective(500px) translate3d(-120px, 50px, 20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

@keyframes z_bottomleft {
    0% {
        opacity: 0;
        transform: perspective(0) translate3d(-120px, 50px, 20px);
    }
    100% {
        opacity: 1;
        transform: perspective(0) translate3d(0, 0px, 0px);
    }
}

.z_bottomleft {
    -webkit-animation-name: z_bottomleft;
    animation-name: z_bottomleft;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    margin: 0;
    padding: 0;
}

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

body {
    top: auto;
    left: auto;
    position: static;
    background-position: 0% 0%;
    margin: 0 auto;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #333;
    background: #fff;
}

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

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

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

fieldset,
img {
    border: 0;
}

* {
    box-sizing: border-box;
}

a {
    display: block;
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}

:focus {
    outline: none;
}

.clearfix {
    clear: both;
    content: "";
    display: block;
    overflow: hidden
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ovfHiden {
    overflow: hidden;
    height: 100%;
}

p {
    text-align: justify;
}
p img{
    display: inline-block;
}
img {
    display: block;
    max-width: 100%;
}

input[type=button],
input[type=submit],
input[type=file],
input[type=text],
button,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

body {
    background-color: #FFF;
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
    overflow-x: hidden;
    /* max-width: 1920px; */
    left: 0;
}

* {
    box-sizing: border-box;
}

p {
    line-height: 1.6;
    font-size: 14px;
}

img {
    display: block;
    max-width: 100%;
}

input,
button {
    outline: none;
    border: none;
    background-color: transparent;
}

.auto {
    width: 1200px;
    margin: auto;
    position: relative;
}

.w1280 {
    width: 1280px;
    margin: auto;
    position: relative;
}

.clear-float:after {
    content: "";
    display: block;
    clear: both;
}

._scroll::-webkit-scrollbar,
div::-webkit-scrollbar {
    width: 2px;
    background-color: rgba(210, 210, 210, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

._scroll::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
    background-color: rgba(123, 121, 121, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*占位符*/

input::-webkit-input-placeholder {
    color: #939393;
}

input:-moz-placeholder {
    color: #939393;
}

input::-moz-placeholder {
    color: #939393;
}

input:-ms-input-placeholder {
    color: #939393;
}

textarea::-webkit-input-placeholder {
    color: #939393;
}

textarea:-moz-placeholder {
    color: #939393;
}

textarea::-moz-placeholder {
    color: #939393;
}

textarea:-ms-input-placeholder {
    color: #939393;
}