html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #666;
    font: 14px/1.7 'Microsoft YaHei';
}

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

    a:hover {
        color: #234785;
        text-decoration: underline;
    }

.hidden {
    display: none;
}

ol, ul {
    list-style: none;
}

img {
    border: 0;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }

.text-elli {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mt20 {
    margin-top: 20px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.w1366 {
    width: 1366px;
    margin: 0 auto;
}

.wrapper {
    min-width: 1200px;
}

.header-wrapper {
    background: #2f5597 url(../images/hd_bg.png) no-repeat right bottom;
}

    .header-wrapper .top {
        background: #234785;
        height: 40px;
    }

        .header-wrapper .top .tty {
            float: left;
            margin-right: 5px;
            color: #fff;
            width: 115px;
            height: 28px;
            line-height: 28px;
            text-indent: 40px;
            border-radius: 10px;
            margin-top: 6px;
            font-size: 16px;
            text-decoration: none;
        }

        .header-wrapper .top i {
            width: 1px;
            height: 24px;
            background: #fff;
            float: left;
            margin-top: 8px;
            margin-left: 10px;
        }

        .header-wrapper .top .tty.ss {
            background: #029f53 url(../images/tty_ss.png) no-repeat 10px 50%;
        }

        .header-wrapper .top .tty.xs {
            background: #feb500 url(../images/tty_xs.png) no-repeat 10px 50%;
        }

        .header-wrapper .top .tty.xy {
            background: #ff5a00 url(../images/tty_xy.png) no-repeat 10px 50%;
        }

        .header-wrapper .top .link {
            float: left;
            font-size: 16px;
            color: #fff;
            line-height: 40px;
            margin-left: 15px;
            letter-spacing: 1px;
        }

            .header-wrapper .top .link.sz {
                background: url(../images/icn_sz.png) no-repeat left;
                padding-left: 22px;
            }

            .header-wrapper .top .link.yj {
                background: url(../images/icn_yj.png) no-repeat left;
                padding-left: 20px;
            }

            .header-wrapper .top .link.vpn {
                background: url(../images/icn_vpn.png) no-repeat 0 9px;
                padding-left: 17px;
            }

            .header-wrapper .top .link.rc {
                background: url(../images/icon_rc.png) no-repeat 0 9px;
                padding-left: 20px;
            }

            .header-wrapper .top .link.hdjb {
                background: url(../images/icn_hdjb.png) no-repeat 0;
                padding-left: 17px;
            }

            .header-wrapper .top .link.zt {
                margin-right: 5px;
            }

            .header-wrapper .top .link.wx {
                background: url(../images/icn_wx.png) no-repeat left;
                padding-left: 25px;
                position: relative;
            }

                .header-wrapper .top .link.wx img {
                    position: absolute;
                    left: 0;
                    z-index: 999;
                    display: none;
                }

                .header-wrapper .top .link.wx:hover img {
                    display: block;
                }

        .header-wrapper .top .phone {
            float: right;
            line-height: 40px;
            color: #fff;
        }

            .header-wrapper .top .phone strong {
                float: left;
                width: 105px;
                height: 28px;
                line-height: 28px;
                margin-top: 6px;
                text-indent: 33px;
                border-radius: 10px;
                color: #fff;
                font-size: 16px;
                font-weight: 400;
                background: #ce3986 url(../images/zsdh.png) no-repeat 8px 5px;
                margin-right: 15px;
            }

            .header-wrapper .top .phone p {
                float: left;
                font-size: 16px;
            }

    .header-wrapper .middle {
        height: 105px;
        border-bottom: 1px solid #0a2c66;
    }

        .header-wrapper .middle .logo {
            float: left;
            width: 490px;
            height: 105px;
            background: url(../images/logo.png) no-repeat center;
        }

        .header-wrapper .middle b {
            width: 518px;
            height: 105px;
            margin-left: 64px;
            float: left;
            background: url(../images/xiaoxun.png) no-repeat 0 28px;
        }

        .header-wrapper .middle .search {
            background: #5b7aac;
            width: 247px;
            height: 32px;
            float: right;
            margin-top: 57px;
            border-radius: 10px;
        }

            .header-wrapper .middle .search .search_text {
                float: left;
                width: 160px;
                padding: 0 10px;
                margin-top: 4px;
                height: 25px;
                border: 0;
                outline: none;
                border-right: 1px solid #fff;
                background-color: transparent;
                color: #fff;
            }

            .header-wrapper .middle .search .search_button {
                padding: 0;
                outline: none;
                border: 0;
                background-color: transparent;
                color: #fff;
                font-size: 18px;
                text-align: center;
                height: 32px;
                width: 60px;
                cursor: pointer;
            }

    .header-wrapper .nav {
        border-top: 1px solid #7fa1dc;
    }

        .header-wrapper .nav .ul-nav {
            font-size: 18px;
            line-height: 50px;
        }

            .header-wrapper .nav .ul-nav > li {
                width: 135px;
                float: left;
                position: relative;
                text-align: center;
            }

                .header-wrapper .nav .ul-nav > li.last:after, .header-wrapper .nav .ul-nav > li:hover:after {
                    display: none;
                }

                .header-wrapper .nav .ul-nav > li:after {
                    content: "";
                    position: absolute;
                    right: -1px;
                    width: 1px;
                    height: 24px;
                    top: 13px;
                    background: #fff;
                }

                .header-wrapper .nav .ul-nav > li .aa {
                    color: #fff;
                    text-decoration: none;
                    display: block;
                    text-align: center;
                }

                .header-wrapper .nav .ul-nav > li:hover {
                    background: #ebeff5;
                }

                    .header-wrapper .nav .ul-nav > li:hover .aa {
                        color: #234785;
                    }

                .header-wrapper .nav .ul-nav > li .sub_menu {
                    position: absolute;
                    width: 135px;
                    background: #fdfdfd;
                    display: none;
                    z-index: 999;
                }

                    .header-wrapper .nav .ul-nav > li .sub_menu li {
                        height: 36px;
                        line-height: 36px;
                        overflow: hidden;
                        border-bottom: 1px solid #cbcbcb;
                        text-align: center;
                    }

                        .header-wrapper .nav .ul-nav > li .sub_menu li:last-child {
                            border: 0;
                        }

                        .header-wrapper .nav .ul-nav > li .sub_menu li a {
                            color: #234785;
                            display: block;
                            text-align: center;
                            font-size: 12px;
                        }

                .header-wrapper .nav .ul-nav > li:hover .sub_menu {
                    display: block;
                }


.footer-wrapper {
    background: #2f5597;
}

    .footer-wrapper .top {
        height: 140px;
        background: url(../images/ft_logo.png) no-repeat left;
        background-size: 230px;
        color: #fff;
    }

        .footer-wrapper .top .zaos {
            float: left;
            margin-left: 500px;
            width: 480px;
            font-size: 16px;
            position: relative;
            text-indent: 50px;
            margin-top: 20px;
        }

            .footer-wrapper .top .zaos:after, .footer-wrapper .top .zaos:before {
                content: "";
                position: absolute;
                top: 0;
                height: 70px;
                width: 1px;
                left: 0;
                background: #fff;
            }

            .footer-wrapper .top .zaos:before {
                right: 0;
                left: auto;
            }

            .footer-wrapper .top .zaos p {
                line-height: 1;
                padding-bottom: 10px;
                font-size: 14px;
            }

                .footer-wrapper .top .zaos p.last {
                    font-weight: bold;
                    margin-top: 10px;
                }

        .footer-wrapper .top .code {
            float: right;
            margin-top: 20px;
            font-size: 14px;
            margin-right: 68px;
        }

            .footer-wrapper .top .code .ewm {
                float: left;
                margin-left: 30px;
            }

    .footer-wrapper .copyright {
        line-height: 40px;
        text-align: center;
        background: #234785;
        color: #fff;
        font-size: 16px;
    }

        .footer-wrapper .copyright a {
            color: #fff;
        }


/*兼容1366分辨率*/
@media screen and (max-width:1366px) {
    .w1366 {
        width: 1200px;
    }

    .header-wrapper .top .tty {
        text-indent: 30px;
        font-size: 14px;
        width: 100px;
    }

        .header-wrapper .top .tty.ss {
            background-size: 15px;
        }

        .header-wrapper .top .tty.xs {
            background-size: 15px;
        }

        .header-wrapper .top .tty.xy {
            background-size: 15px;
        }

    .header-wrapper .top .link {
        font-size: 14px;
    }

    .header-wrapper .top .phone strong {
        font-size: 14px;
        background: #ce3986 url(../images/zsdh.png) no-repeat 8px 7px;
        background-size: 15px;
        margin-right: 10px;
        width: 95px;
        text-indent: 30px;
    }

    .header-wrapper .top .phone p {
        font-size: 14px;
    }

    .header-wrapper .middle .logo {
        width: 400px;
        background-size: 100%;
    }

    .header-wrapper .middle b {
        width: 420px;
        margin-left: 50px;
        background: url(../images/xiaoxun.png) no-repeat 0 35px;
        background-size: 100%;
    }

    .header-wrapper .nav .ul-nav > li {
        width: 145px;
    }

        .header-wrapper .nav .ul-nav > li .sub_menu {
            width: 145px;
        }

    .footer-wrapper .top .zaos {
        margin-left: 325px;
    }
}