body,
h2,
h3,
h4,
h5,
h6,
p,
hr,
ul {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: 微软雅黑, PingFangSC-Medium, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

em {
    display: block;
}

h2 {
    font-size: 186%;
    font-weight: normal;
}

h3 {
    font-size: 162%;
    font-weight: normal;
    line-height: 350%;
    text-align: center;
}

h4 {
    font-size: 128%;
    font-weight: normal;
}

h5 {
    font-size: 112%;
}

hr {
    background-color: #f8f8f8;
    border: 0;
    height: 0.1em;
    margin: 2em 0;
}

p {
    color: #666;
    font-size: 87%;
}

ul {
    list-style: none;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}

.wrap {
    margin: auto;
    min-width: 1000px;
    width: 65%;
}

.scaling {
    margin-top: 2%;
}

.header {
    background-color: #fff;
    border-top: 0.25em solid #d2d2d2;
    font-size: 125%;
}

.header .wrap {
    position: relative;
    z-index: 9;
}

.header .logo {
    float: left;
    height: 5em;
    vertical-align: middle;
}

.header .logo img {
    display: block;
    height: 100%;
}

.header .navbar {
    float: right;
    margin: 1.5em 0;
    text-align: right;
}

.header .navbar .current {
    color: #2f5597;
}

.header .navbar .menuitem a {
    display: block;
    padding: 0.5em;
    padding-right: 1.2em;
}

.header .navbar .menuitem {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 1em;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.header .navbar .menuitem,
.header .navbar:hover .current {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAJFBMVEUAAACbm5u7u7upqanS0tLOzs7Ly8u+vr6wsLCioqLAwMC/v7/PMuBDAAAAAXRSTlMAQObYZgAAAEFJREFUCNdjoAJgawWREQFAgl3YgYGBxXABSEDRhIHBWQisgknYgcVQAaJa0TQZKAgRlpwIFIQKQwVBhmxgoAoAANPRBjgqHKXBAAAAAElFTkSuQmCC);
    color: #333;
}

.header .navbar .current {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAWlBMVEUAAAC+zuvR3PCHpNh/n9W4yei9zem2yOaxxObN1+/D0+uctODV4/CctOCIotJ6m9TG0OKetN+cs93EzN+8x92LpNSsv+O/yt17m9Z5nNWoveOput+RrNuNp9mXzc0nAAAADnRSTlMAHCNsVEAkv5t3cGxUVNAoT2sAAABZSURBVBjTvck3EsAgDERRcI4Ekx3uf00zaCwV7vnVzltWs6Hnv9lYH74ZvIU5X1IrXkwd8VzgnlzUhhdLYtwY1AqZNZsUXQFUa9BI74eMNKGROodGrTur3guo/wQz1mEkZQAAAABJRU5ErkJggg==);
    color: #2f5597;
}

.header .navbar .menuitem:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAAB0pf6vzP6Pt/6FsP670//D2P+0z/6nxv6hwv6RuP6Uuv6Hsf6Gsf5b3n4jAAAAAXRSTlMAQObYZgAAAD1JREFUCNdjoABwIJiGB2AsZkERGHOhtOAFmGBBoghUUIiBVdABIqjAwBAIFk4UAhKsggUgQyeABDQZqAAADwUHFMjEemAAAAAASUVORK5CYII=);
    color: #2f5597;
}

.header .navbar .no-submenu a {
    padding-right: 0.5em;
}

.header .navbar:hover .no-submenu,
.header .navbar .no-submenu,
.header .navbar .no-submenu:hover {
    background-image: none;
}

.header .navbar .submenu {
    background-color: #fff;
    color: #333;
    display: none;
    font-size: 80%;
    list-style: disc inside;
    left: 50%;
    top: 100%;
    padding: 0.5em 0;
    padding-left: 1em;
    position: absolute;
    text-align: left;
    white-space: nowrap;
}

.header .navbar .submenu a {
    background-image: none;
    display: inline-block;
}

.header .navbar .menuitem:hover .submenu {
    display: block;
}

.header .navbar .submenu a:hover {
    color: #2f5597;
}

.header .navbar li a:hover {
    background-image: none;
}

.header .banner {
    display: block;
    width: 100%;
}

.footer {
    background-color: #60636a;
    color: #fff;
    font-size: 75%;
    margin-top: 8em;
    padding: 3em 0;
}

.footer .row {
    clear: both;
    position: relative;
}

.footer .gotop {
    position: absolute;
    right: 0;
    top: 0;
}

.footer .sitemap {
    float: left;
    line-height: 300%;
    margin-bottom: 5em;
    width: 75%;
}

.footer .sitemap .col {
    float: left;
    text-indent: 0.5em;
    width: 33%;
    text-align: center;
}

.footer .sitemap .col a:first-child {
    font-size: 130%;
}

.footer .sitemap a {
    display: block;
}

.footer .sitemap a:hover {
    color: #2f5597;
    text-decoration: underline;
}

.footer .sitemap a:first-child:hover {
    color: #fff;
    text-decoration: none;
}

.footer .qrcode,
.footer .icp {
    float: right;
    width: 25%;
}

.footer .qrcode img {
    margin-top: 7em;
    height: 7em;
    width: 7em;
}

.footer .qrcode p {
    color: #fff;
    font-size: 1em;
}

.footer .copyright {
    text-align: center;
}

.introduction {
    margin-top: -8.8em;
    margin-bottom: 2em;
    position: relative;
}

.introduction .wrap {
    background-color: #fff;
    box-shadow: 0 0.25em 2.6em 0.08em rgba(51, 51, 51, 0.1);
    box-sizing: border-box;
    padding: 4em 2.5em;
    width: 60%;
}

.introduction img {
    float: left;
    width: 46%;
}

.introduction h3 {
    color: #2f5597;
    float: left;
    line-height: 100%;
    margin-top: 1em;
    margin-left: 3%;
    text-align: left;
    width: 50%;
}

.introduction em {
    background-color: #4472c4;
    float: left;
    margin-top: 2em;
    margin-bottom: 0.5em;
    margin-left: 3%;
    height: 0.25em;
    width: 2.5em;
}

.introduction p {
    color: #333;
    float: left;
    font-size: 1em;
    line-height: 200%;
    margin-left: 3%;
    width: 50%;
}

.introduction h5 {
    float: left;
    line-height: 180%;
    margin-bottom: 0.5em;
    margin-left: 3%;
    width: 50%;
}

.subhead {
    padding: 0;
    margin: 0;
    font-size: 16px;
    width: 50%;
    text-align: center;
    margin: 0rem 25% 1rem 25%;
}

@media (orientation: portrait) {
    .wrap {
        min-width: auto;
        width: 96%;
    }

    .phone .header .logo {
        display: block;
        height: auto;
    }

    .phone .header .logo img {
        height: auto;
        width: 100%;
    }

    .phone .header .navbar {
        padding: 0;
    }

    .phone .introduction {
        margin-top: -2.5em;
    }

    .phone .introduction .wrap {
        width: 90%;
    }

    .phone .introduction p {
        clear: both;
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .phone .introduction h5 {
        clear: both;
        width: 100%;
    }

    .phone .footer span {
        display: none;
    }

    .phone .footer .sitemap,
    .phone .footer .copyright,
    .phone .footer .qrcode,
    .phone .footer .icp {
        float: none;
        width: auto;
    }

    .phone .footer .qrcode img {
        margin: 0;
    }
}