@charset "UTF-8";
a:focus,button:focus {outline:none!important;}
button::-moz-focus-inner {border:0;}
*:focus {outline:none;}
blockquote {padding:0;margin:0;}
input,button,select,textarea {outline:none;}
label {margin-bottom:0;}
p {margin:0;}
ul,ol {list-style:none;padding:0;margin:0;}
ul li,ol li {display:block;}
dl {margin:0;}
dt,dd {line-height:inherit;}
dt {font-weight:inherit;}
dd {margin-bottom:0;}
cite {font-style:normal;}
form {margin-bottom:0;}
blockquote {padding-left:0;border-left:0;}
address {margin-top:0;margin-bottom:0;}
figure {margin-bottom:0;}
html p a:hover {text-decoration:none;}

*, *::before, *::after {box-sizing: border-box;}
::-webkit-input-placeholder{color: var(--gray);}
::-ms-input-placeholder{color: var(--gray);}
::placeholder{color: var(--gray);}

body{font-family:Arial,Helvetica,sans-serif,"Microsoft YaHei"; font-size:16px; line-height:1.7; font-weight:500; -webkit-text-size-adjust:none; -webkit-font-smoothing:subpixel-antialiased;}

@media screen and (max-width:1366px){
    body {font-size:14px;}
}

@media screen and (max-width:992px){
    body {font-size:14px;}
    h1,.h1 {font-size:22px}
    h2,.h2 {font-size:20px}
    h3,.h3 {font-size:18px}
    h4,.h4 {font-size:16px}
    h5,.h5 {font-size:14px}
    h6,.h6 {font-size:14px}
}


a {transition:all .5s ease-in-out}
a,a:focus,a:active,a:hover {text-decoration:none}
a,a:focus,a:active {color:var(--white);}
a:hover {color:var(--red);}

.clearfix{clear: both;}
section:after {content: "";display: table;clear: both;}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {cursor:pointer;background:#333;}
::selection {background-color:#333;color:#fff}
-webkit-::selection {background-color:#333;color:#fff}
::-moz-selection {background-color:#333;color:#fff}

@keyframes ani-svg {
    0% {
        opacity: 0.4;
        transform: translateY(-30px);
    }

    15% {
        opacity: 0.65;
        transform: translateY(-20px);
    }

    25% {
        opacity: 0.8;
        transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        transform: translateY(0px);
    }

    75% {
        opacity: 0.8;
        transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        transform: translateY(20px);
    }

    100% {
        opacity: 0.4;
        transform: translateY(30px);
    }
}

@-webkit-keyframes ani-svg {
    0% {
        opacity: 0.4;
        -webkit-transform: translateY(-30px);
    }

    15% {
        opacity: 0.65;
        -webkit-transform: translateY(-20px);
    }

    25% {
        opacity: 0.8;
        -webkit-transform: translateY(-10px);
    }

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

    75% {
        opacity: 0.8;
        -webkit-transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0.4;
        -webkit-transform: translateY(30px);
    }
}

@-moz-keyframes ani-svg {
    0% {
        opacity: 0.4;
        -moz-transform: translateY(-30px);
    }

    15% {
        opacity: 0.65;
        -moz-transform: translateY(-20px);
    }

    25% {
        opacity: 0.8;
        -moz-transform: translateY(-10px);
    }

    50% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    75% {
        opacity: 0.8;
        -moz-transform: translateY(10px);
    }

    85% {
        opacity: 0.65;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0.4;
        -moz-transform: translateY(30px);
    }
}