@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@media (-webkit-device-pixel-ratio: 1.25) {
    body {
        zoom: 0.8;
    }
}

@media (-webkit-device-pixel-ratio: 1.5) {
    body {
        zoom: 0.8;
    }
}

html {
    font-size: 100px;
    width: 100%;
    height: 100%;
}

body {
    font-family: 'syhtN';
    font-size: 14px;
    color: #333;
    overflow-x: hidden;
    background-attachment: fixed;
}
@font-face {
    font-family: 'syhtN';
    src: url(../font/SOURCEHANSANSCN-NORMAL.OTF);
}
ul,
ol,
li {
    list-style: outside none none;
}

a {
    text-decoration: none;
    color: #333;
}

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

img {
    border: none;
    max-width: 100%;
}

.clear {
    clear: both;
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: "";
    clear: both;
    display: block;
}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1367px) {}

@media only screen and (max-width: 1281px) {}

@media only screen and (max-width: 1139px) {}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 760px) {}

@media only screen and (max-width: 490px) {}