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;
     width: 280px; 
    /*  width: 500px; */
}
/*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: #007dbd url(/global/bg.png) no-repeat -380px -200px; 
 
}

/*shortcut begin*/
    .shortcut {
        padding: 12px 0;
        background: rgba(6,12,22,.3);
        background: url(/global/shortcut-bg.png) \9;
    }
    .sc-r li {
        float: left;
        border-right: 1px solid #fff;
    }
    .sc-r a {
        color: #fff;
        line-height: 14px;
        padding: 0 10px;
    }
    .sc-l span {
        color: #fff;
        line-height: 14px;
    }
/*shortcut end*/

/*head begin*/
    .head .logo {
        width: 617px;
        height: 112px;
        margin-top: 30px;
    }
    .head .logo h1 {
        width: 100%;
        height: 100%;
        background: url(/global/logo-02.png) no-repeat center;
    }
    .logo h1 a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -999em;
    }
    .search {
        margin-top: 45px;
    }
    .search input {
        width: 360px;
        height: 50px;
        display: block;
        font-size: 16px;
        text-indent: 60px;
        line-height: 50px;
        border-radius: 50px 0 0 50px;
        background: #fff url(/global/search-ico.png) no-repeat 18px center;
        background: url(/global/search-bg.png) no-repeat left center \9;
    }
    .search button {
        color: #fff;
        border: none;
        width: 100px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        text-align: center;
        background: #ff5722;
        border-radius: 0 50px 50px 0;
        background: url(/global/saerch-btn-bg.png) no-repeat right center \9;
    }
/*head end*/

/*nav begin*/
    .nav {
        width: 100%;
        margin-top: 20px;
    }
    .nav li {
        float: left;
        /*width: 20%;*/
        border-right: 1px solid #445f77;
    }
    .nav a {
        display: block;
        width: 199px;
        color: #fff;
        font-size: 20px;
        line-height: 60px;
        position: relative;
        padding-left: 100px;
        background: rgba(19,38,67,.8);
        background: #274c689;
    }
    .nav a:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background: url(/global/nav-ico.png) no-repeat;
        position: absolute;
        left: 50px;
        top: 50%;
        margin-top: -15px;
    }
    .nav a.nav-ico-2:before {
        -ms-background-position-x: -36px;
        background-position-x: -36px;
    }
    .nav a.nav-ico-3:before {
        -ms-background-position-x: -72px;
        background-position-x: -72px;
    }
    .nav a.nav-ico-4:before {
        -ms-background-position-x: -110px;
        background-position-x: -110px;
    }
    .nav a.nav-ico-5:before {
        -ms-background-position-x: -147px;
        background-position-x: -147px;
    }
    .nav a:hover,
    .nav a.current {
        background: #2196f3 !important;
    }
/*nav end*/

/*content begin*/
    .content {
        padding: 30px 20px;
        background: #fff;
    }
/*content end*/

/*sidebar begin*/
    .sidebar {
        position: fixed;
        right: -70px;
        top: 0;
        height: 100%;
    }
    .sidebar > div {
        float: left;
    }
    .sidebar .hand-ico {
        width: 56px;
        height: 63px;
        cursor: pointer;
        margin-top: 80px;
        background: url(/global/tips-hand.png) no-repeat center;
    }
    .sidebar .touch-bar {
        width: 15px;
        height: 100%;
        cursor: pointer;
    }
    .sidebar .sidebar-con {
        height: 100%;
        width: 70px;
        padding-top: 40px;
        background: rgba(0,0,0,.8);
        background: url(/global/sibbar-bg.png) \9;
    }
    .sidebar .sidebar-con a {
        color: #fff;
        width: 100%;
        display: block;
        padding-top: 60px;
        text-align: center;
        padding-bottom: 20px;
        position: relative;
    }
    .sidebar .sidebar-con a:before {
        content: "";
        display: block;
        width: 31px;
        height: 31px;
        background: url(/global/slide-ico.png) no-repeat;
        position: absolute;
        left: 50%;
        top: 20px;
        margin-left: -15px;
    }
    .sidebar .sidebar-con a.sidebar-ico-2:before {
        -ms-background-position-x: -47px;
        background-position-x: -47px;
    }
    .sidebar .sidebar-con a.sidebar-ico-3:before {
        -ms-background-position-x: -89px;
        background-position-x: -89px;
    }
    .sidebar .sidebar-con a:hover {
        background: #007dbd;
    }
/*sidebar end*/


/*footer begin*/
    .footer {
        margin-top: 20px;
        padding: 20px;
        background: rgba(6,12,22,.8);
        background: url(/global/fot-bg.png); \9;
    }
    .fot-select select {
        float: left;
        width: 220px;
        height: 30px;
        border: none;
        display: block;
        margin-right: 15px;
        line-height: 30px;
    }
    .fot-select .no-mr {
        margin-right: 0;
    }
    .fot-con {
        margin-top: 20px;
    }
    .fot-m {
        width: 70%;
        color: #fff;
        line-height: 25px;
        text-align: center;
    }
    .fot-l,
    .fot-r {
        width: 15%;
        text-align: center;
    }
/*footer end*/