@font-face {
    font-family: SourceHanSansSC-Regular;
    src: url('../font/思源黑体/SourceHanSansSC-Regular.otf');
}
@font-face {
    font-family: SourceHanSansSC-Bold;
    src: url('../font/思源黑体/SourceHanSansSC-Bold.otf');
}
@font-face {
    font-family: SourceHanSansSC-Medium;
    src: url('../font/思源黑体/SourceHanSansSC-Medium.otf');
}
@font-face {
    font-family: OPPOSans-R;
    src: url('../font/OPPO/OPPOSans-R.ttf');
}
@font-face {
    font-family: OPPOSans-B;
    src: url('../font/OPPO/OPPOSans-B.ttf');
}
@font-face {
    font-family: OPPOSans-M;
    src: url('../font/OPPO/OPPOSans-M.ttf');
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    white-space: wrap;
}

html{
    width: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.4;
    width: 100vw;
    overflow-x: hidden;
}

a {
    text-decoration: none !important; 
    color: inherit;
    border: none !important;
    outline: none !important;
}

li{
    list-style: none;
}
section{
    overflow: hidden;
}
header,section,footer{
    transform: scale(1.10);
}




.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: 1;
    animation-iteration-count: infinite;
     animation-duration: 1.3s; -moz-animation: anim-out .75s;-webkit-animation: anim-out .75s;animation: anim-out .75s;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;-moz-animation: anim-out-pseudo .75s; -webkit-animation: anim-out-pseudo .75s;animation: anim-out-pseudo .75s;}
.anim,.anim:after {animation-iteration-count: infinite;animation-duration: 1.3s;}
@-webkit-keyframes anim-out { 0% { width: 0;}100% { width: 100%;}}
@-moz-keyframes anim-out {0% { width: 0;}    100% {width: 100%;}}
@-ms-keyframes anim-out {0% {width: 0;}    100% {width: 100%;}}
@keyframes anim-out {0% {width: 0;}    100% {width: 100%;}}
@-webkit-keyframes anim-out-pseudo {0% {background: rgba(0,0,0,0.25);}    100% {background: transparent;}}
@-moz-keyframes anim-out-pseudo {0% {background: rgba(0,0,0,0.25);}    100% {background: transparent;}}
@-ms-keyframes anim-out-pseudo {0% {background: rgba(0,0,0,0.25);}    100% {background: transparent;}}
@keyframes anim-out-pseudo {0% {background: rgba(0,0,0,0.25);}    100% {background: transparent;}}
@media (min-width: 1430px) {
    .container {
        width:1400px
    }
}

@media (max-width: 1200px) {
    header,section,footer{
        transform: scale(1);
    }
}
/* Responsive */
@media (max-width: 768px) {

    .font20 {
        font-size: 20px !important;
    }
    .font18 {
        font-size: 18px !important;
    }
    .font16 {
        font-size: 16px !important;
    }
    .font14 {
        font-size: 14px !important;
    }
    .font12 {
        font-size: 12px !important;
    }
}