@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: '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;
}
@font-face {
    font-family: 'din_Bold';
    src: url('../font/DIN Medium.eot');
    src: url('../font/DIN Medium.otf')format('otf'),
    url('../font/DIN Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/DIN Medium.woff') format('woff'),
    url('../font/DIN Medium.woff2') format('woff2'),
    url('../font/DIN Medium.ttf') format('truetype'),
    url('../font/DIN Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NOVECENTOWIDE_BOOK';
    src: url('../font/NOVECENTOWIDE-BOOK.eot');
    src: url('../font/NOVECENTOWIDE-BOOK.otf')format('otf'),
    url('../font/NOVECENTOWIDE-BOOK.eot?#iefix') format('embedded-opentype'),
    url('../font/NOVECENTOWIDE-BOOK.woff') format('woff'),
    url('../font/NOVECENTOWIDE-BOOK.woff2') format('woff2'),
    url('../font/NOVECENTOWIDE-BOOK.ttf') format('truetype'),
    url('../font/NOVECENTOWIDE-BOOK.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_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: 'BRANDON_LIGHT';
    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: 'BRANDON_MED';
    src: url('../font/BRANDON_MED.eot');
    src: url('../font/BRANDON_MED.otf')format('otf'),
    url('../font/BRANDON_MED.eot?#iefix') format('embedded-opentype'),
    url('../font/BRANDON_MED.woff') format('woff'),
    url('../font/BRANDON_MED.woff2') format('woff2'),
    url('../font/BRANDON_MED.ttf') format('truetype'),
    url('../font/BRANDON_MED.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BRANDON_REG';
    src: url('../font/BRANDON_REG.eot');
    src: url('../font/BRANDON_REG.otf')format('otf'),
    url('../font/BRANDON_REG.eot?#iefix') format('embedded-opentype'),
    url('../font/BRANDON_REG.woff') format('woff'),
    url('../font/BRANDON_REG.woff2') format('woff2'),
    url('../font/BRANDON_REG.ttf') format('truetype'),
    url('../font/BRANDON_REG.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,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,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(-50%,0,0);
        transform:translate3d(-50%,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;
}
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:'微软雅黑';  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;}
a { text-decoration: none; color: #666; background: none }
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;}
img{display:block;max-width:100%;}
input[type=button], input[type=submit], input[type=file],input, button,textarea{ cursor: pointer; -webkit-appearance: none;border-radius:0;}
/*.head_findex{position: fixed;top: 0;z-index:4;}
.baner_findex{position: fixed;top:1.2rem;z-index:4;}
.sub_nav_findex{position: fixed;top:4rem;z-index:4;}*/

/*头部*/
.header{width:100%;height:100px;background:#fff;position:fixed;top:0;left:0;z-index:10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header img{float:left;}
.header .nav{float:right;}
.header .nav ul{font-size:0;}
.header .nav ul li{display:inline-block;margin-right:15px;font-size:18px;line-height:100px;}
.header .nav ul li a{color:#212121;}
.header .fanhui{color:#0c56b5;float:right;line-height:17px;font-size:18px;padding-left:30px;border-left:1px solid #0c56b5;display:inline-block;height:18px;margin-top:41px;}

/*底部*/
.footer{height:125px;background:#1b1b1b;}
.footer .text{color:#a9a6a2;float:left;filter:alpha(opacity=50);opacity:0.5;margin-top: 30px;line-height:25px;}
.footer .text h3{font-size:16px;}
.footer .text p{font-size:14px;}
.footer .code{float:right;height:33px;padding-right:45px;background:url(../images/wchat.png) no-repeat right;color:#a9a6a2;font-size:16px;margin-top:33px;}
.footer .code p{filter:alpha(opacity=50);opacity:0.5;line-height:33px;}