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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {
    margin:0;
    padding:0;
    /*font-family:sans-serif;*/
    font-weight:inherit;
    font-style:inherit;
    font-size:inherit;
    text-align:inherit;
    vertical-align:baseline;
    color:inherit;
    border:0;
    outline:0;
}
html{margin:0 auto;}
/* html, body {width:100%; height: 100%;} */
body>iframe { display: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
/*html, button, input, select, textarea { font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }*/
html, body,textarea,input,button,select,keygen,legend{font:12.5px/24px "微软雅黑","Microsoft YaHei",arial,sans-serif,\5b8b\4f53;color:#333;outline:0;}

:focus {outline:0;}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
strong{font-weight: 600;}
a {display:block; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a img, iframe {border:none;}
img {display:block;}
p {text-align:justify;}
ol, ul ,li{list-style:none;}
input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
}
input{background:none; outline:none; -webkit-border:0 none; border:0 none; -webkit-appearance:none; appearance:none;-webkit-border-radius:0;border-radius:0;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],input[type='reset'],textarea,button{background-color: transparent; border:none; -webkit-appearance: none;appearance: none;-webkit-border-radius:0;border-radius:0;}
input::-webkit-input-placeholder {  color: #fff; }
input:-moz-placeholder {  color: #fff; }
input::-moz-placeholder {  color: #fff; }
input:-ms-input-placeholder {  color: #fff; }
i{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
body{margin:0 auto;}
/* body{margin:0 auto;background: url(../images/index/bodybg.jpg) no-repeat center;background-size: cover;} */
.Pg4{padding:0 4%;height:100%;}
.mg2{margin:0 4%;}
.np{padding:0 !important;}
.ng{margin:0 !important;}
.none{display:none;}
.clearfix:after {display:block; height:0; clear:both; content:"\200B"; font-size: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/ 
/* == 以上 reset Css == */

.w1200{width:1200px; margin:0 auto;}
.w1200:after{display:block; height:0; clear:both; content:"\200B";}
img {
    display: block;
    max-width: 100%;
}
/*占位符*/

input::-webkit-input-placeholder {  color: #999999; }
input:-moz-placeholder {  color: #999999; }
input::-moz-placeholder {  color: #999999; }
input:-ms-input-placeholder {  color: #999999; }

textarea::-webkit-input-placeholder {  color: #999999; }
textarea:-moz-placeholder {  color: #999999; }
textarea::-moz-placeholder {  color: #999999; }
textarea:-ms-input-placeholder {  color: #999999; }
/*设置滚动条样式*/
::-webkit-scrollbar{
    width: 5px;
    height: 8px;
    background-color:rgba(210, 210, 210, 0.48);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(123, 121, 121, 0.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

*{box-sizing: border-box;}


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



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

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

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

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

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


@-webkit-keyframes z-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes z-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.z-scale {
    -webkit-animation-name: z-scale;
    animation-name: z-scale;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUps {
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps;
}
@-webkit-keyframes fadeInRights {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRights {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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