html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
i,b {
    font-weight: 400;
    font-style: normal;
}
body {
    font-family: 'Helvetica Neue', 'Helvetica', 'Microsoft Yahei', sans-serif;
    font-size:14px;
    color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #232323;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
}

input, textarea {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

/*clearfix*/
.clearfix:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow:hidden;
}
/*float*/
.fl {
    float: left
}

.fr {
    float: right
}
/*text align*/
.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inline{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*bx*/
.bx {
    width: 1200px;
    margin: 0 auto;
}
body {
    background: url(../images/20181022_bg.png) no-repeat top center /cover;
    background: url(../images/20181022_bg.png) no-repeat top center \9;
}

/*shortcut begin*/
    .shortcut {
        color: #fff;
        padding: 0 15px;
        margin-bottom: 26px;
        background: rgba(0,0,0,.3);
        background: url(../images/20181022_shortcut-bg-ie8.png) \9;
    }
    .st-l {
        line-height: 48px;
    }
    .st-btn ul {
        height: 26px;
        margin-top: 11px;
        border-left: 1px solid #788fb7;
    }
    .st-btn li {
        float: left;
        margin: 0 14px;
    }
    .st-btn a {
        display: block;
        width: 26px;
        height: 26px;
        background: url(../images/20181022_shortcut-btn.png) no-repeat;
    }
    .st-btn a.st-logo {
        width: 74px;
        height: 38px;
        background: none;
    }
    .st-btn a.st-btn-01 {
        -ms-background-position-x: 0px;
        background-position-x: 0px;
    }
    .st-btn a.st-btn-02 {
        -ms-background-position-x: -29px;
        background-position-x: -29px;
    }
    .st-btn a.st-btn-03 {
        -ms-background-position-x: -58px;
        background-position-x: -58px;
    }
    .st-btn a.st-btn-04 {
        -ms-background-position-x: -87px;
        background-position-x: -87px;
    }
    .st-sel a {
        display: block;
        color: #bdc5d7;
        line-height: 48px;
        margin-right: 30px;
        padding-right: 20px;
        background: url(../images/20181022_st-sj.png) no-repeat right center;
    }
/*shortcut end*/

/*head begin*/
    .head {
        margin-bottom: 50px;
    }
    .logo h1 {
        width: 500px;
        height: 87px;
    }
    .logo a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -999em;
        background: url(../images/20181022_logo.png) no-repeat center;
    }
    .head-search input {
        width: 420px;
        height: 48px;
        font-size: 16px;
        text-indent: 25px;
        line-height: 48px;
        background: none;
    }
    .head-search button {
        height: 48px;
        width: 60px;
        border: none;
        background: url(../images/20181022_search-btn-ico.png) no-repeat center;
    }
    .head-search {
        border-radius: 50px;
        border: 1px solid #fff;
        border: none \9;
        background: url(../images/20181022_search-bg-ie8.png) no-repeat center \9;
    }
    .head-link {
        margin-top: 10px;
        text-align: right;
    }
    .head-link span {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
    }
    .head-link a {
        color: #fff;
        padding: 0 10px;
        margin-left: 5px;
        line-height: 24px;
        border-radius: 20px;
        display: inline-block;
        background: rgba(0,0,0,.1);
    }
    .head-link a:hover {
        background: rgba(0,0,0,.3);
    }
/*head end*/

/*nav begin*/
    .nav {
        padding: 0 165px;
        margin-bottom: 12px;
    }
    .nav li {
        float: left;
        margin: 0 28px;
    }
    .nav a {
        color: #fff;
        display: block;
        font-size: 18px;
        padding-top: 45px;
        position: relative;
        padding-bottom: 5px;
    }
    .nav a:before {
        content: "";
        display: block;
        position: absolute;
        width: 38px;
        height: 32px;
        left: 50%;
        top: 0;
        margin-left: -19px;
        background: url(../images/20181022_nav-ico.png) no-repeat;
    }
    .nav .nav-ico-01:before {
        -ms-background-position-x: 3px;
        background-position-x: 3px;
    }
    .nav .nav-ico-02:before {
        -ms-background-position-x: -49px;
        background-position-x: -49px;
    }
    .nav .nav-ico-03:before {
        -ms-background-position-x: -103px;
        background-position-x: -103px;
    }
    .nav .nav-ico-04:before {
        -ms-background-position-x: -155px;
        background-position-x: -155px;
    }
    .nav .nav-ico-05:before {
        -ms-background-position-x: -207px;
        background-position-x: -207px;
    }
    .nav .nav-ico-06:before {
        -ms-background-position-x: -261px;
        background-position-x: -261px;
    }
    .nav .nav-ico-07:before {
        -ms-background-position-x: -310px;
        background-position-x: -310px;
    }
    .nav li.current a:before,
    .nav a:hover:before {
        -ms-background-position-y: -40px;
        background-position-y: -40px;
    }
    .nav li.current a,
    .nav a:hover {
        color: #165ed9;
        border-bottom: 2px solid #165ed9;
    }
/*nav end*/

/*main begin*/
    .main {
        position: relative;
    }
    .main .content {
        width: 100%;
        overflow: hidden;
    }
    .con-box {
        width: 700%;
    }
    .con-box > div {
        width: 1200px;
        float: left;
    }
    .main-arrow > div {
        top: 50%;
        width: 48px;
        height: 48px;
        cursor: pointer;
        line-height: 48px;
        border-radius: 50%;
        position: absolute;
        margin-top: -24px;
        background: rgba(0,0,0,.3);
        background: url(../images/20181022_arrow-bg-ie8.png) no-repeat center \9;
    }
    .main-arrow > div:hover {
        background: rgba(0,0,0,.5);
    }
    .main-arrow .arrow-l {
        left: -120px;
        padding-left: 16px;
    }
    .main-arrow .arrow-r {
        right: -120px;
        padding-left: 19px;
    }
/*main end*/

/*mes begin*/
    .mes-con a {
        display: block;
        float: left;
        width: 224px;
        height: 126px;
        font-size: 20px;
        position: relative;
        line-height: 126px;
        border-radius: 5px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-left: 105px;
        background: rgba(31,70,161,.2);
        background: url(../images/20181022_mes-btn-bg-ie8.png) \9;
    }
    .mes-con a:hover {
        color: #fff;
        background: rgba(31,70,161,.6);
        background: url(../images/20181022_mes-btn-bg-current-ie8.png) \9;
    }
    .mes-con a.no-mb {
        margin-bottom: 0;
    }
    .mes-con a.no-mr {
        margin-right: 0;
    }
    .mes-con a.no-lh {
        padding-top: 40px;
        line-height: 25px;
    }
    .mes-con a:before {
        content: "";
        display: block;
        width: 38px;
        height: 36px;
        position: absolute;
        top: 50%;
        left: 53px;
        margin-top: -18px;
        background: url(../images/20181022_mes-ico.png) no-repeat;
    }
    .mes-con a:hover:before {
        -ms-background-position-y: -46px;
        background-position-y: -46px;
    }
    .mes-con .mes-btn-ico-2:before {
        -ms-background-position-x: -52px;
        background-position-x: -52px;
    }
    .mes-con .mes-btn-ico-3:before {
        -ms-background-position-x: -107px;
        background-position-x: -107px;
    }
    .mes-con .mes-btn-ico-4:before {
        -ms-background-position-x: -159px;
        background-position-x: -159px;
    }
    .mes-con .mes-btn-ico-5:before {
        -ms-background-position-x: -215px;
        background-position-x: -215px;
    }
    .mes-con .mes-btn-ico-6:before {
        -ms-background-position-x: -270px;
        background-position-x: -270px;
    }
    .mes-con .mes-btn-ico-7:before {
        -ms-background-position-x: -324px;
        background-position-x: -324px;
    }
    .mes-con .mes-btn-ico-8:before {
        -ms-background-position-x: -376px;
        background-position-x: -376px;
    }
    .mes-con .mes-btn-ico-9:before {
        -ms-background-position-x: -430px;
        background-position-x: -430px;
    }
    .mes-con .mes-btn-ico-10:before {
        -ms-background-position-x: -488px;
        background-position-x: -488px;
    }
    .mes-con .mes-btn-ico-11:before {
        -ms-background-position-x: -540px;
        background-position-x: -540px;
    }
    .mes-con .mes-btn-ico-12:before {
        -ms-background-position-x: -593px;
        background-position-x: -593px;
    }
    .mes-con .mes-btn-ico-13:before {
        -ms-background-position-x: -648px;
        background-position-x: -648px;
    }
    .mes-con .mes-btn-ico-14:before {
        -ms-background-position-x: -700px;
        background-position-x: -700px;
    }
    .mes-con .mes-btn-ico-15:before {
        -ms-background-position-x: -758px;
        background-position-x: -758px;
    }
/*mes end*/

/*footer begin*/
    .footer {
        padding: 17px 0;
        margin-top: 0px;
        background: rgba(20,37,58,.8);
        background: url(../images/20181022_footer-bg-ie8.png) \9;
    }
    .fot-r span {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
    }
    .fot-link {
        margin-left: 5px;
    }
    .fot-link a {
        width: 200px;
        display: block;
        color: #8a8e94;
        line-height: 24px;
        text-align: center;
        margin-bottom: 8px;
        border-radius: 20px;
        background: rgba(0,0,0,.24);
        background: url(../images/20181022_footer-btn-bg-ie8.png) no-repeat center \9;
    }
    .fot-link a:hover {
        color: #fff;
        background: #000;
    }
    .fot-top-link a {
        color: #fff;
        font-size: 16px;
        margin-right: 34px;
    }
    .fot-top-link a:hover {
        color: #3488ef;
    }
    .fot-info span {
        color: #878f9a;
    }
    .fot-info strong {
        color: #cfa629;
        font-size: 22px;
        padding-left: 30px;
        line-height: 24px;
        background: url(../images/20181022_fot-g-ico.png) no-repeat left 0px;
    }
    .fot-info .info-ico-1 {
        padding-left: 18px;
        background: url(../images/20181022_fot-g-ico.png) no-repeat -5px -30px;
    }
    .fot-info .info-ico-2 {
        padding-left: 25px;
        background: url(../images/20181022_fot-g-ico.png) no-repeat 0px -51px;
    }
    .fot-info .info-top {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .fot-bot {
        margin-top: 20px;
    }
    .bot-r {
        color: #b3b6bc;
        margin-left: 5px;
    }
    .bot-r span {
        line-height: 25px;
    }
    .bot-l a {
        margin-right: 10px;
    }
/*footer end*/