@charset "UTF-8";
/*重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
body {background-color:#fff;font-size: 14px;font-family: 微软雅黑, "Microsoft YaHei";}
table { border-collapse:collapse; border-spacing:0; }
img {border:0;max-width: 100%;}
ol,ul {  list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; color: #333;  font-weight:normal;  }
a{ text-decoration: none; color: #666; }
a:link{color:#666;}
input {	vertical-align: middle;border:none; }
input,button,textarea,select {outline: none; font-family: "Microsoft YaHei", sans-serif; font-size: 14px; }


.wrap {	width: 1400px; margin: 0 auto;}
.wrap:after{display:block;clear:both;content:"";}
.wrap{zoom:1;}
.main { width: 1400px; margin: 0 auto;  overflow: hidden; }


.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}


/*动画*/


.slideLeft{
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
        /*opacity: 0;*/
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%);
        /*opacity: 0;*/
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
        /*opacity: 0;*/
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
        /*opacity: 0;*/
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.spinner{
    animation-name: spinner;
    -webkit-animation-name: spinner;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    visibility: visible !important;
}
@-webkit-keyframes spinner {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spinner {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}


/*DINMittelschriftStd*/
@font-face {
    font-family: 'DINMittelschriftStd';
    src: url('../../fonts/DINMittelschriftStd.otf');
    font-weight: normal;
    font-style: normal;
}
/*HuXiaoBo-NanShen*/
@font-face {
    font-family: '胡晓波男神体';
    src: url('../../fonts/胡晓波男神体.otf');
    font-weight: normal;
    font-style: normal;
}