hmtl,
body,
* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑,楷体';
}

html,
body {
    width: 100%;
    max-width: 1920px;
    overflow-x: hidden;
    background: white;
}

body * {
    box-sizing: border-box;
    flex-shrink: 0;
}

body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, PingFang SC-Light, Microsoft YaHei;
}

input {
    background-color: transparent;
    border: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}


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


.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

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

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

ul,
li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clr {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both;
}






/*header*/
.header {
    width: 100%;
    position: fixed;
    z-index: 99;
}

.header-cont {
    max-width: 1299px;
    width: 100%;
    height: 91px;
    padding-top: 27px;
    margin: 0 auto;
}

.logo {
    width: 161px;
    height: 37px;
}

.search {
    width: 18px;
    height: 18px;
    margin-top: 10px;
}

.menu {
    margin-left: 209px;
    margin-right: 82px;
}

.menu li {
    line-height: 37px;
    font-size: 16px;
    color: white;
    cursor: pointer;
}

.menu li:nth-child(n+2) {
    margin-left: 86px;
}

.color-black {
    color: black !important;
}


/*bottom*/
/*
.bottom {
	width: 100%;
	color: white;
	background: black;
}

.bottom-cont {
	max-width: 1300px;
	width: 100%;
	height: 730px;
	margin: 0 auto;
	overflow: hidden;
}

.bottom-desc {
	margin: 47px auto 56px;
}

.bottom-desc div {
	padding-left: 35px;
	font-size: 18px;
}

.bottom-desc div:nth-child(1) {
	background: url('/images/ico_1.png') left top/24px 24px no-repeat;
}

.bottom-desc div:nth-child(2) {
	background: url('/images/ico_2.png') left top/24px 24px no-repeat;
}

.bottom-desc div:nth-child(3) {
	background: url('/images/ico_3.png') left top/24px 24px no-repeat;
}

.bottom-desc div:nth-child(4) {
	background: url('/images/ico_4.png') left top/24px 24px no-repeat;
}

.bottom-logo {
	width: 161px;
	height: 37px;
	margin: 77px 0 37px;
}

.bottom a {
	text-decoration: none;
	color: #A6ABAE;
	font-size: 14px;
}




*/


.bottom {
    width: 100%;
    color: white;
    background: black;

    >div:first-child {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;

        >div:first-child {
            margin: 0 auto;
            padding: 50px 0 60px;
            border-bottom: solid 1px #3C3E41;
            display: flex;
            justify-content: space-between;

            div {
                padding-left: 35px;
                font-size: 18px;
            }

            div:nth-child(1) {
                background: url('/images/ico_1.png') left top/24px 24px no-repeat;
            }

            div:nth-child(2) {
                background: url('/images/ico_2.png') left top/24px 24px no-repeat;
            }

            div:nth-child(3) {
                background: url('/images/ico_3.png') left top/24px 24px no-repeat;
            }

            div:nth-child(4) {
                background: url('/images/ico_4.png') left top/24px 24px no-repeat;
            }
        }

        >img {
            width: 161px;
            height: 37px;
            margin: 77px 0 37px;
        }

        >div:nth-child(3) {
            padding-bottom: 40px;
            display: flex;
            justify-content: space-between;

            .title {
                padding: 5px;
                font-size: 18px;
                font-weight: 800;
                overflow: hidden;

                label {
                    display: inline-block;
                    width: 3px;
                    height: 16px;
                    background: #4C79FA;
                    margin-right: 10px;
                }
            }

            .list {
                display: flex;

                ul {
                    padding-left: 18px;
                    margin-right: 60px;
                    width: 170px;

                    li {
                        height: 36px;
                        line-height: 36px;
                        font-weight: 400;
                        font-size: 14px;
                        color: #A6ABAE;
                        width: 100%;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    li.line {
                        font-weight: 400;
                        font-size: 16px;
                        color: #FFFFFF;
                        border-bottom: solid 1px #3C3E41;
                    }
                }
            }

            >div:last-child {
                text-align: right;
                color: #A6ABAE;
                font-size: 14px;

                p {
                    width: 350px;
                    line-height: 36px;
                }

                p:nth-child(1) {
                    font-size: 36px;
                    color: white;
                }

                img {
                    width: 120px;
                    height: 120px;
                }
            }
        }

        >div:last-child {
            height: 95px;
            line-height: 95px;
            text-align: center;
            border-top: solid 1px #3C3E41;

            font-weight: 400;
            font-size: 14px;
            color: #A6ABAE;
        }
    }
}







.headerW {
    width: 100%;
    position: fixed;
    z-index: 99;

    >div:first-child {
        max-width: 1300px;
        width: 100%;
        height: 90px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;

        >div:first-child {
            width: 161px;
            height: 37px;
            background: url('/images/logo_w.png') 100% no-repeat;
        }

        >ul:nth-child(2) {
            margin-left: 209px;
            margin-right: 82px;
            display: flex;
            justify-content: space-between;

            >li {
                border-top: solid 3px #ffffff00;
                height: 90px;
                line-height: 84px;
                font-size: 16px;
                color: white;
                cursor: pointer;
            }

            >li:nth-child(n+2) {
                margin-left: 86px;
            }

            >li.on {
                border-top: solid 3px white;
                font-weight: 600;
            }
        }

        >div:last-child {
            width: 18px;
            height: 18px;
            background: url('/images/ico_search_w.png') 100% no-repeat;
            cursor: pointer;
        }
    }

    >p:nth-child(2) {
        border-bottom: solid 1px #00000000;
    }
}

.headerB {
    width: 100%;
    position: fixed;
    z-index: 99;
    background: white;

    >div:first-child {
        max-width: 1300px;
        width: 100%;
        height: 90px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;

        >div:first-child {
            width: 161px;
            height: 37px;
            background: url('/images/logo_b.png') 100% no-repeat;
        }

        >ul:nth-child(2) {
            margin-left: 209px;
            margin-right: 82px;
            display: flex;
            justify-content: space-between;

            >li {
                border-top: solid 3px #ffffff00;
                height: 90px;
                line-height: 84px;
                font-weight: 400;
                font-size: 16px;
                color: black;
                cursor: pointer;
            }

            >li:nth-child(n+2) {
                margin-left: 86px;
            }

            >li.on {
                border-top: solid 3px #002770;
                font-weight: 600;
            }
        }

        >div:last-child {
            width: 18px;
            height: 18px;
            background: url('/images/ico_search_b.png') 100% no-repeat;
            cursor: pointer;
        }

    }

    >p:nth-child(2) {
        border-bottom: solid 1px #E2E2E2;
    }
}

.headerW,
.headerB {
    >div.tooltip-box {
        width: 100%;
        height: 0;
        max-height: 540px;
        background: white;
        overflow: hidden;

        >div {
            margin: 0 auto;
            max-width: 1300px;
            /*display: none;*/
            display: flex;
            justify-content: space-between;

            >div {
                padding-top: 40px;
                width: 300px;
                display: flex;
                flex-direction: column;

                img {
                    width: 300px;
                    height: 172px;
                    border-radius: 4px;
                    background: #ccc;
                }

                p {
                    height: 60px;
                    line-height: 60px;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-weight: 600;
                    font-size: 18px;
                    color: #000000;
                    border-bottom: solid 1px #EAEAEA;
                }

                a {
                    height: 36px;
                    line-height: 36px;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-weight: 400;
                    font-size: 16px;
                    color: black;
                }

                a.on,
                a:hover {
                    padding-right: 30px;
                    font-weight: 600;
                    color: #002770;
                    background: url('/images/ico_click.png') right 11px/18px 18px no-repeat;
                }
            }
        }
    }

    >div.search-box {
        width: 400px;
        height: 0;
        overflow: hidden;
        background: white;
        position:absolute;
        z-index: 10;
        right: 50%;
        margin-right: -700px;
        padding: 0 30px;
        display: flex;
        align-items: center;

        input {
            width: 300px;
            height: 34px;
            line-height: 34px;
            outline: none;
        }
        
        a {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(/images/ico_search_b.png) 100% no-repeat;
            cursor: pointer;
        }
    }
}



/*通用上部*/
.top {
    max-width: 1920px;
    height: 600px;
    background: url('/images/contact_top.png') center top/1920px 600px no-repeat;
    overflow: hidden;

    >p {
        width: 1296px;
        margin: 277px auto 0;
        position: relative;

        span:first-child {
            display: block;
            line-height: 70px;
            font-size: 66px;
            font-weight: 500;
            color: white;
        }

        span:nth-child(2) {
            width: 266px;
            height: 9px;
            background: #e3e3e3;
            opacity: 0.3;
            position: absolute;
            left: 5px;
            top: 65px;
            z-index: 0;
        }

        >label:nth-child(2) {
            display: block;
            height: 20px;
        }

        span:last-child {
            line-height: 20px;
            font-size: 20px;
            color: white;
            margin-top: 10px;
            display: block;
        }
    }
}

/*通用联系*/
.common-contact {
    max-width: 1920px;
    height: 530px;
    width: 100%;
    margin: 0 auto;
    background: url('/images/contact-bg.jpg') 100% no-repeat;
    background-size: cover;
    display: flex;

    >div {
        max-width: 1296px;
        width: 100%;
        height: 269px;
        margin: 133px auto 0;
        display: flex;
        flex-direction: column;
        align-items: start;

        span:first-child {
            font-weight: 600;
            font-size: 40px;
            color: #2D2D2D;
            line-height: 60px;
        }

        span:nth-child(2) {
            font-weight: 400;
            font-size: 24px;
            color: #2D2D2D;
            line-height: 60px;
        }

        span:nth-child(3) {
            width: 208px;
            height: 68px;
            background: linear-gradient(90deg, #002A74, #004DB4);
            border-radius: 6px;
            font-weight: 500;
            font-size: 24px;
            color: #FFFFFF;
            text-align: center;
            line-height: 68px;
        }
    }
}

.nav {
    max-width: 1296px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: url('/images/ico_pos.png') left 33px/12px 15px no-repeat;
    padding-left: 26px;
    margin: 90px auto 0;
    font-weight: 400;
    font-size: 14px;
    color: #777777;

    a {
        color: #777777;
    }
}

a {
    text-decoration: none;
}

.pager {
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    font-size: 14px;
    color: #62656E;
    text-align: center;
    margin-top: 20px;
    margin-right: 36px;
    display: flex;
    align-items: center;
    justify-content: end;

    a {
        margin-left: 8px;
        width: 32px;
        height: 32px;
        background: #F1F2F4;
        border-radius: 3px;
    }

    a.on {
        color: white;
        background: #002770;
        border-radius: 3px;
    }
}

.header-underline {
    width: 100%;
    height: 1px;
    background: #E2E2E2;
    margin-top: 90px;
}

/* Image style */
#scrollUp {
    background-image: url("/images/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;
    /* Width of image */
    height: 38px;
    /* Height of image */
}