@charset 'utf-8';
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
figure,
figcaption,
code,
del,
dfn,
em,
button,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
tf,
tr,
th {
    font-family: inherit;
    font-size: 100%;
    font-weight: normal;

    margin: 0;
    padding: 0;

    word-break: break-word;

    border: 0;

    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
}
html {
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
}

body {
    font-family: arial, sans-serif, "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
    font-size: 16px;

    margin: 0;

    color: #333333;
}

main {
    display: block;
}

h1 {
    font-size: 2em;

    margin: 0.67em 0;
}

hr {
    overflow: visible;

    box-sizing: content-box;
    height: 0;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    text-decoration: none;

    color: #333333;
    background-color: transparent;
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;

    border-bottom: none;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;

    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;

    border-style: none;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    display: table;

    box-sizing: border-box;
    max-width: 100%;
    padding: 0;

    white-space: normal;

    color: inherit;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;

    -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;

    -webkit-appearance: button;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

ul,
li {
    list-style: none;
}

.clearfix:before,
.clearfix:after {
    display: table;

    content: "";
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.section,
.container {
    position: relative;

    width: 1300px;
    margin: 0 auto;
}

.header,
.nav,
.services,
.footer {
    width: 100%;
}

body {
    background-color: #f4fbfe;
    background-image: url("../images/2022_bg_header.png");
    background-repeat: no-repeat;
    background-position: top center;
}

.header .lang {
    margin: 15px 0 50px;

    text-align: right;
}

.header .lang a {
    font-size: 14px;
    line-height: 24px;

    display: inline-block;

    width: 50px;
    height: 24px;

    text-align: center;

    color: #1658a0;
    border: solid 1px #1658a0;
    border-radius: 4px;
}

.header .logo {
    text-align: center;
}

.header h1 {
    font-size: 46px;
    font-weight: bold;

    position: relative;
    z-index: 1;

    margin: 40px 0 80px;

    text-align: center;
    letter-spacing: 0px;

    color: #1658a0;
}

/* .header h1::after {
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 216px;

    content: attr(data-title);
    text-align: center;

    color: #FFFFFF;
} */

.nav {
    height: 60px;
}

.nav ul li {
    font-size: 24px;
    line-height: 60px;

    float: left;

    width: 20%;

    text-align: center;
}

.nav ul li a {
    display: block;

    color: #1658a0;
}

.nav ul li a::before {
    display: inline-block;

    width: 22px;
    height: 22px;
    margin-right: 10px;

    content: " ";

    background-repeat: no-repeat;
}

.nav ul li .home::before {
    background-image: url("../images/2022_icon_home.png");
}

.nav ul li .government::before {
    background-image: url("../images/2022_icon_government.png");
}

.nav ul li .nav-investment::before {
    background-image: url("../images/2022_icon_investment.png");
}

.nav ul li .nav-services::before {
    background-image: url("../images/2022_icon_services.png");
}

.nav ul li .nav-about-xiamen::before {
    background-image: url("../images/2022_icon_about_xiamen.png");
}

.container {
    width: 1240px;
    margin-bottom: 40px;
    padding: 0 30px;

    border-top: 8px solid #1658a0;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
}

.breadcrumb {
    line-height: 60px;

    height: 60px;
    margin-bottom: 20px;
    padding-left: 25px;

    border-bottom: 1px solid #eeeeee;
    background-image: url("../images/2022_icon_breadcrumb.png");
    background-repeat: no-repeat;
    background-position: 0 20px;
}

.footer {
    line-height: 24px;

    height: 180px;

    text-align: center;

    border-top: 4px solid #1658a0;
}

.footer .dangbiao {
    margin: 24px 0;
}

@media only screen and (max-width: 768px) {
    .section {
        width: 93% !important;
        padding: 0 3.5%;
    }
    .header {
        padding-top: 20px;
    }
    .header h1 {
        font-size: 2em;

        margin: 0.67em 0;
    }
    .header h1::after {
        content: "";
    }
    .nav-toggle {
        position: fixed;
        position: absolute;
        top: 0;
        right: 0;

        display: block;
        clear: both;
        overflow: hidden;

        width: 52px;
        height: 52px;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        text-indent: -999px;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
    }
    .nav-toggle:before {
        font-size: 38px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 52px;

        position: absolute;
        top: 0;
        left: 10px;

        width: 100%;

        content: "≡";
        text-align: center;
        text-indent: 0;
        text-transform: none;

        color: #0085d2;

        speak: none;
    }
    .nav-toggle.active:before {
        font-size: 24px;

        content: "x";
    }
    .nav {
        position: relative;

        width: 100%;
        height: auto;
        min-height: 52px;

        background-color: #f1f1f1;
        background-image: none;
    }
    .nav ul {
        display: none;
        clear: both;
    }
    .nav li {
        font-size: 16px;
        line-height: 50px;

        display: block;
        float: none;
        clear: both;

        width: 100% !important;
        height: 50px;

        text-align: center;

        border-right: 0;
        border-bottom: 1px solid #ffffff;
    }
    .nav ul li a {
        display: block;

        padding: 0;

        color: #333333;
    }
}