* {
    box-sizing: border-box;
}

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td {
    /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
    /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Microsoft Yahei, "\5b8b\4f53", sans-serif;
    /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

img {
    display: block;
}

h1 {
    font-size: 18px;
    /* 18px / 12px = 1.5 */
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul,
ol {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

abbr[title],
acronym[title] {
    /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before,
q:after {
    content: '';
}

/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset,
img {
    border: none;
}

button,
input,
select,
textarea {
    font-size: 100%;

}


table {
    border-collapse: collapse;
    border-spacing: 0;
}


hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    overflow-y: scroll;
}

body {
    min-width: 1366px;
    background-color: #EEEEEE;
}

a,
a:hover {
    text-decoration: none;
}

.container {
    width: 1220px;
    margin: 0 auto;
}

.bgWhite {
    background-color: #fff;
}

.clear {
    clear: both;
}

header {
    height: 100px;
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
}

.header {
    display: flex;
    justify-content: space-between;
}

.logo {
    height: 58px;
    width: auto;
    margin-top: 21px;
}

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

nav ul {}

nav ul li {
    display: inline-block;
    margin: 0 30px;
    line-height: 100px;
    font-size: 20px;
}

nav ul li a {
    color: #555;
}

nav ul li.active {
    border-bottom: 4px solid #003B95;
    font-weight: bold;
    line-height: 94px;
}

nav ul li:hover a,
nav ul li.active a {
    color: #003B95;
}

footer {
    border-top: 1px solid #E5E5E5;
}

footer .footer {
    background-color: #fff;
}

footer .footer .friendLink {
    padding: 60px 0;
}

footer .footer .friendLink .title {
    color: #888;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

footer .footer .friendLink .link a {
    color: #7D8A93;
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 150px;
}

footer .footer .contact {
    border-top: 1px solid #E5E5E5;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
}

footer .footer .friendLink .link a:hover {
    color: #003B95;
}

footer .footer .contact .footLogo {
    width: 350px;
    height: 66px;
}

footer .footer .contact .footLogo img {
    width: 100%;
    height: 100%;
}

footer .footer .contact .addrTel {
    position: relative;
    font-size: 16px;
    color: #7D8A93;
    line-height: 23px;
    padding-left: 33px;
}

footer .footer .contact .addrTel i {
    position: absolute;
    top: 3px;
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
}

footer .footer .contact .addrTel i img {
    width: 100%;
    height: 100%;
}

footer .foot {
    text-align: center;
    color: #CBD1D5;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
}

footer .foot a {
    color: #CBD1D5;
}

footer .foot a:hover {
    color: #003B95;
}