@font-face {
    font-family:SourceHanSansCN;
    src : url('../font/SourceHanSansCN-Normal.ttf');
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    background: #000;
}
/* HTML5 display definitions */
article,aside,details, figcaption,figure,footer,header,main, menu,nav,section,summary {
    display: block;
}
audio,canvas,progress,video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 400;
}
/* Links */
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
.container{ max-width: 75rem; margin: 0 auto; padding: 0 1rem;}
.wrapper{width: 100%; margin: 0 auto; padding: 0;}
.clear{clear:both; height:0;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{zoom:1;}
/* Text-level semantics */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
figure {
    margin: 1em 40px;
}
b,
strong {
    font-weight: bolder;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
small {
    font-size: 80%;
}
.block{
    display: block !important;
}
.aniFadeInUp {
    -webkit-animation: my-fadeInUp cubic-bezier(.215,.61,.355,1) .5s forwards;
    animation: my-fadeInUp cubic-bezier(.215,.61,.355,1) .5s forwards;
}

@-webkit-keyframes my-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes my-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes my-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes my-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

/* Embedded content */
img {
    border-style: none;
}

/* Forms*/
button,input,select,textarea {
    font: inherit;
    margin: 0;
}
button,input {
    overflow: visible;
}
button,select {
    text-transform: none;
}
button,html [type="button"], [type="reset"],[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
.mart65{
    margin-top: 4.0625rem !important;
}
.marb48{
    margin-bottom: 3rem !important;
}
.title {
    margin-bottom: 2rem;
    text-align: center;
    position: relative;
}
.title h1 {
    font-size: 4.875rem;
    padding-bottom: .5rem;
    color: #e8e8e8;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 4.2rem;
}
.title h2 {
    font-size: 2rem;
    padding-bottom: .5rem;
    color: #000;
    position: absolute;
    top: .5rem;
    left: 44%;
}
.title p {
    font-size: 1rem;
    color:#999
}
/*分页*/
.pageNum{
  width:100%;
  height:2rem;
  text-align: center;
  vertical-align: middle;
  margin: 2rem auto;
}
.pageNum a{
  display:inline-block;
  width: 2rem;
  height:2rem;
  line-height:2rem;
  text-align:center;
  color:#c3c3c3;
  border:1px solid #d9d9d9;
  border-radius: 5px;
  margin:0 .1rem;
}
.pageNum a:hover{
  color:#169cc2;
  border:#169cc2 solid 1px;
}
.pageNum a.active{
  color:#169cc2;
  border:#169cc2 solid 1px;
}
/*pagebanner*/
.image_top {
    position: relative;
    /*margin-top: 6rem;*/
}
.image_top img {
    width: 100%;
    display: block;
}
.image_top div {
    position: absolute;
    top: 40%;
    left: 15%;
    width: 100%;
}
.image_top h3 {
    font-size: 2rem;
    color: #fff;
    text-align: left;
    line-height: 3rem;
}
.image_top h4 {
    font-size: 1.125rem;
    color: #fff;
    text-align: left;
    line-height: 3.3rem;
    margin: 0 !important;
    font-weight: normal;
}