html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: none;
}

ul,
ol,
li {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    border: 0 none;
}

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 14px;
    margin: 0;
    outline: none;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

body {
    font-size: 16px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
}

a {
    color: #666;
    text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 16px;
    transition: 0.5s all;
}

a:hover {
    text-decoration: none;
    color: #c32331;
}

i,
b {
    font-style: normal;
}

html {
    font-size: 10vw;
}
*{
    box-sizing: border-box;
}

@font-face {
    font-family: 'DinAlternateBold';
    src: url('../fontFamily/DIN\ Alternate\ Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(0,0,0, 1);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 0.2;
    }
    50% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(0,0,0, 1);
        stroke-width: 0.5;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(0,0,0, 1);
        stroke-width: 1;
    }
    90%,
    100% {
        fill: rgba(0,0,0, 1);
        stroke: rgba(0,0,0, 0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}
@keyframes clippath {
    0%,
    100% {
        clip-path: inset(0 0 98% 0);
    }
    
    25% {
        clip-path: inset(0 98% 0 0);
    }
    50% {
        clip-path: inset(98% 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 98%);
    }
}
@keyframes hoverblink {
  0% {opacity:0;}
  50% { opacity: .5; }
  100%{ opacity: 1; }
}

@keyframes whitestroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(255,255,255, 1);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 0.2;
    }
    50% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(255,255,255, 1);
        stroke-width: 0.5;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(255,255,255, 1);
        stroke-width: 1;
    }
    90%,
    100% {
        fill: rgba(255,255,255, 1);
        stroke: rgba(255,255,255, 1);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}