@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2019-10-10 */

html,
body,
div,
span,
object,
embed,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
cite,
code,
del,
dfn,
em,
img,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
section,
article {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

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

img {
    border: none;
}

ul,
li,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

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

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

.clearfix {
    *display: inline-block;
    *zoom: 100%;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    *display: inline;
    font-size: 1px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.alignL {
    text-align: left;
}

.alignC {
    text-align: center;
}

.alignR {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.bold {
    font-weight: bold;
}

.none {
    display: none;
}

.block {
    display: block;
}

.overf {
    overflow: hidden;
}

.center {
    margin: 0 auto;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font30 {
    font-size: 30px;
}

.font32 {
    font-size: 32px;
}

:focus,
a {
    outline: none;
    -moz-outline-style: none;
}

a:visited,
a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

input[type=search]::-ms-clear {
    display: none
}

body {
    font: 16px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", tahoma, Arial;
    color: #333;
}

.middle {
    vertical-align: middle
}

.red {
    color: #dd3a1f;
}

.blue {
    color: #2f6ea4;
}

.orange {
    color: #ffa81a;
}

.col_4d {
    color: #4d4d4d
}

.col_4e {
    color: #4e4e4e
}

.col_999 {
    color: #999
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mt25 {
    margin-top: 25px;
}

.mt40 {
    margin-top: 40px;
}

.trans3 {
    transition: .3s;
}

.op:hover {
    opacity: .85;
}


/* 单行文本溢出以省略号的形式显示 */

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


/*公用底部版权*/

.SDGCOPYRIGHT-wrap20130425 {
    z-index: 10;
    position: relative;
}


/*滚动条美化样式*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    -webkit-box-shadow: inset 0 0 6px rgb(221, 58, 31, .6);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2f6ea4;
    -webkit-box-shadow: inset 0 0 6px rgb(74, 26, 26, .6);
}


/*弹窗部分 https://static.web.sdo.com/dn/pic/dn/web11/ */

.alert_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.dialog {
    position: absolute;
    z-index: 10001;
    color: #4b4b4b;
    top: 50px;
    display: none;
}

.close_dialog {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;
}


/*顶部公共导航*/

.g-nav {
    width: 100%;
    height: 83px;
    min-width: 1166px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.g-nav:hover {
    background: rgba(0, 0, 0, .6);
}
.btn-hyf{
    width: 148px;
    height: 83px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -390px;
    background: url(https://static.web.sdo.com/dn/pic/dn_23act/02hyfGW/btn-hyf.png) no-repeat center;
    z-index: 11;
}
.main-nav,
.sub-nav {
    width: 750px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
}

.main-nav li,
.sub-nav dl {
    width: 150px;
    text-align: center;
    float: left;
}

.main-nav {
    z-index: 2;
    padding: 24px 0;
}

.main-nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
    transition: .3s;
}

.main-nav li a i {
    margin-top: -6px;
    font-size: 8px;
    font-style: normal;
    font-variant: small-caps;
    display: block;
    color: #fff;
    color: rgba(255, 255, 255, 0.5)
}

.main-nav li a:hover {
    color: #ffc567;
    transform: translate3d(0, -5px, 0);
}

.main-nav li a:hover i {
    color: #ffc567;
}

.sub-box {
    width: 100%;
    height: 280px;
    position: absolute;
    top: 83px;
    left: 0;
    background: rgba(0, 0, 0, .6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    z-index: 1;
    display: none;
}

.sub-nav {
    top: 20px;
    line-height: 1;
}

.sub-nav a {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
    display: inline-block;
    transition: all .2s;
}

.sub-nav a:hover {
    color: #ffc567;
    text-decoration: underline;
}

.nav-bar {
    width: 37px;
    height: 11px;
    font-size: 0;
    background-color: #9760e0;
    position: absolute;
    top: 78px;
    left: -142px;
    z-index: 2;
    margin-left: 50%;
    background: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-list.png) no-repeat -3px -13px;
}


/*公共主框架*/

.g-body {
    font: 16px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", tahoma, Arial;
    color: #333;
    position: relative;
}

.g-wrap {
    max-width: 2320px;
    background: url(./16739546006579.jpg) no-repeat center top;
    background-size: 1920px 1080px;
}

.g-side {
    width: 241px;
    height: 100%;
    background: #2b8ac6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    line-height: 1;
}


/*首页*/

.g-wrapIn {
    position: relative;
    /* overflow: hidden; */
    width: 1166px;
    margin: 0 auto;
    /* background: url(./16739546006579.jpg) no-repeat center top; */
}


/*公共侧边栏入口*/

.g-side img {
    display: block;
}

.g-side a {
    transition: all 0.4s ease-out 0.05s;
}

.g-side a:hover .icon {
    transform: rotateY(180deg);
}

.g-side .txt {
    transition: transform 0.4s ease-out 0.05s;
}

.g-side .icon {
    display: block;
    background-image: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites1.png);
    background-repeat: no-repeat;
    transition: transform 0.4s ease-out 0.05s;
}

.icon-1 {
    margin: 25px auto 0;
    width: 43px;
    height: 42px;
    background-position: -142px -10px;
}

.icon-2 {
    margin: 25px auto 0;
    width: 43px;
    height: 44px;
    background-position: -10px -76px;
}

.icon-3 {
    margin: 22px auto 0;
    width: 34px;
    height: 41px;
    background-position: -10px -140px;
}

.icon-4 {
    margin: 20px auto 0;
    width: 46px;
    height: 46px;
    background-position: -10px -10px;
}

.icon-5 {
    width: 26px;
    height: 26px;
    background-position: -251px -255px;
}

.icon-6 {
    width: 31px;
    height: 30px;
    background-position: -262px -96px;
}

.icon-7 {
    width: 30px;
    height: 28px;
    background-position: -110px -255px;
}

.icon-8 {
    width: 30px;
    height: 29px;
    background-position: -10px -255px;
}

.icon-9 {
    width: 40px;
    height: 23px;
    background-position: -262px -6px;
}

.icon-10 {
    width: 35px;
    height: 39px;
    background-position: -205px -126px;
}

.icon-11 {
    width: 40px;
    height: 34px;
    background-position: -70px -201px;
}

.icon-12 {
    width: 39px;
    height: 31px;
    background-position: -189px -201px;
    top: 20px;
}

.icon-13 {
    width: 37px;
    height: 37px;
    background-position: -205px -10px;
}

.icon-14 {
    width: 22px;
    height: 23px;
    background-position: -322px -56px;
}

.icon-15 {
    width: 34px;
    height: 27px;
    background-position: -262px -196px;
}

.icon-16 {
    width: 26px;
    height: 28px;
    background-position: -206px -255px;
}

.icon-17 {
    width: 25px;
    height: 28px;
    background-position: -160px -255px;
}

.icon-19 {
    width: 31px;
    height: 28px;
    background-position: -322px -168px;
}

.g-side .icon-20 {
    width: 31px;
    height: 28px;
    background-image: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-add.png);
    background-position: 0 0;
}

.g-side .icon-21 {
    width: 40px;
    height: 41px;
    background-image: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-add.png);
    background-position: 0 -56px;
}

.g-side .icon-22 {
    width: 40px;
    height: 41px;
    background-image: url(https://static.web.sdo.com/dn/pic/dn/web11/g-icon22.png);
    background-position: 8px 0;
    ;
}

a:hover .icon-1 {
    background-position: -142px -72px;
}

a:hover .icon-2 {
    background-position: -73px -76px;
}

a:hover .icon-3 {
    background-position: -64px -140px;
}

a:hover .icon-4 {
    background-position: -76px -10px;
}

a:hover .icon-5 {
    background-position: -322px -10px;
}

a:hover .icon-6 {
    background-position: -262px -146px;
}

a:hover .icon-7 {
    background-position: -322px -91px;
}

a:hover .icon-8 {
    background-position: -60px -255px;
}

a:hover .icon-9 {
    background-position: -262px -53px;
}

a:hover .icon-10 {
    background-position: -205px -67px;
}

a:hover .icon-11 {
    background-position: -10px -201px;
}

a:hover .icon-12 {
    background-position: -130px -201px;
}

a:hover .icon-13 {
    background-position: -118px -140px;
}

a:hover .icon-14 {
    background-position: -322px -56px;
}

a:hover .icon-19 {
    background-position: -322px -134px;
}

.g-side a:hover .icon-20 {
    background-position: -46px 0px;
}

.g-side a:hover .icon-21 {
    background-position: -54px -56px;
}

.g-side a:hover .icon-22 {
    background-position: -26px 0;
}

.g-side .col-2 p {
    font-size: 12px;
    color: #000;
    height: 37px;
    line-height: 37px;
    text-align: center;
}

.g-side .col-2 .btn-download {
    height: 221px;
    display: block;
    text-align: center;
    color: #a05e23;
    position: relative;
    font-weight: bold;
    font-size: 0;
    background: url(https://static.web.sdo.com/dn/pic/dn/web11/btn-download.jpg) no-repeat;
}

.g-side .col-2 .d-ch {
    font-size: 33px;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    transition: .5s;
}

.g-side .col-2 .d-en {
    font-size: 12px;
    position: absolute;
    top: 125px;
    text-transform: uppercase;
    left: 0;
    width: 100%;
    transition: .5s;
}

.g-side .col-2 .btn-download:hover .d-ch {
    transform: translate3d(0, 5px, 0);
    letter-spacing: 5px;
}

.g-side .col-2 .btn-download:hover .d-en {
    transform: translate3d(0, 10px, 0);
    opacity: 0;
}

.g-side .col-3 {
    width: 242px;
    margin-left: -1px;
}

.g-side .col-3 a {
    width: 120px;
    height: 120px;
    float: left;
    margin: 0 0 1px 1px;
    background: #2f6ea4;
    background-position: 0 40px;
    color: #ffbf66;
}

.g-side .col-3 a:hover {
    color: #fff;
    background: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-repeat1.png) 0 0 repeat-x;
}

.g-side .col-3 .icon {
    height: 43px;
}

.g-side .col-3 .txt {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.g-side .col-3 a:hover .txt,
.g-side .col-4 a:hover .txt {
    transform: translateY(30%);
}


/* col-4 */

.g-side .col-4 {
    border: 4px solid #256ca6;
    width: 219px;
    text-align: center;
    font-size: 0;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.g-side .col-4 a {
    display: block;
    color: #fff;
}

.g-side .col-4 a:hover {
    color: #0c4472;
}

.g-side .col-4 .tit {
    font-size: 18px;
    color: #0c4472;
    font-weight: bold;
    width: 110px;
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #256ca6;
}

.g-side .col-4 .icon {
    margin: 0 auto 10px;
    height: 31px;
}

.g-side .col-4 .txt {
    display: block;
    font-size: 12px;
}

.g-side .col-4 li {
    width: 33.33%;
    height: 53px;
    display: inline-block;
    margin: 20px 0;
}

.g-side .col-4 .row-2 li {
    width: 48%;
}


/* col-5 */

.g-side .col-5 a {
    position: relative;
    display: block;
    height: 80px;
    padding-left: 100px;
    font-size: 18px;
    font-weight: bold;
    color: #5bc1e8;
    line-height: 80px;
    margin-bottom: 2px;
    background: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-repeat.png) 0 0 repeat-x;
}

.g-side .col-5 a:hover,
.g-side .col-5 a.active {
    background-position: 0 -80px;
    color: #fff;
}

.g-side .col-5 .icon {
    position: absolute;
    top: 24px;
    left: 46px;
}

.g-side .col-5 .icon-11 {
    position: absolute;
    top: 28px;
    left: 38px;
}

.g-side .col-5 .txt {
    display: inline-block;
}

.g-side .col-5 a:hover .txt {
    transform: translate3d(10px, 0px, 0px);
}


/* col-6 */

.g-side .col-6 {
    margin-left: 18px;
    overflow: hidden;
    font-size: 14px;
    color: #c2ecf2;
}

.g-side .col-6 .tit {
    font-size: 18px;
    font-weight: bold;
    color: #0c4472;
    display: block;
    margin: 35px 0 15px;
}

.g-side .col-6 .box-service {
    line-height: 2;
}

.g-side .col-6 .btn-service {
    width: 102px;
    height: 30px;
    line-height: 30px;
    background: #5bc2e8;
    color: #0e438a;
    display: block;
    text-align: center;
    border-radius: 3px;
    margin-top: 6px;
}

.g-side .col-6 .box-Q .t {
    margin: 20px 0 10px;
}

.g-side .col-6 .Q {
    width: 158px;
    height: 33px;
    border-radius: 3px;
    padding: 0 35px 0 8px;
    overflow: hidden;
    border: 1px solid #2f6ea4;
}

.g-side .col-6 .Q-search {
    width: 100%;
    height: 33px;
    font: 14px/33px "Microsoft YaHei";
    color: #a1a1a1;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: textfield;
    background: none;
    cursor: pointer;
}

.g-side .col-6 .Q-search::placeholder {
    color: #2f6ea4;
}

.g-side .col-6 .Q-btn-ico {
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #2f6ea4;
}

.g-side .col-6 .icon-14 {
    margin: 6px 0 0 7px;
}

.g-side .col-7 {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
}


/* col-8 */

.g-side .col-8 {
    text-align: center;
    margin-left: 19px;
}

.g-side .col-8 li {
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
}

.g-side .col-8 a {
    display: block;
    color: #ffffff;
}

.g-side .col-8 .icon {
    margin: 23px auto 12px;
    height: 30px;
}

.g-side .col-8 .li-1,
.g-side .col-8 .li-2 {
    border-bottom: 1px solid #2f6ea4;
}

.g-side .col-8 .li-1,
.g-side .col-8 .li-3 {
    border-right: 1px solid #2f6ea4;
}

.g-side .col-8 .li-4 {
    position: relative;
}

.g-side .col-8 .box-h {
    display: none;
    line-height: 1.6;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #2f6ea4;
    color: #c2ecf2;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.g-side .col-8 a:hover .box-h {
    display: block;
    display: flex;
    display: -webkit-flex;
    animation: fade .5s;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    ， 100% {
        opacity: 1;
    }
    ，
}


/* col-9 */

.g-side .col-9 {
    text-align: center;
    margin-left: 19px;
}

.g-side .col-9 li {
    width: 68px;
    height: 68px;
    float: left;
    position: relative;
}

.g-side .col-9.row2 li {
    width: 100px;
}

.g-side .col-9 a {
    display: block;
    color: #d6e5ee;
}

.g-side .col-9 .icon {
    margin: 0 auto 12px;
    height: 30px;
}

.g-side .col-9 .li-line {
    margin-top: 8px;
    width: 1px;
    height: 16px;
    border-right: 1px solid #2f6ea4;
}

.g-side .col-9.row2 li.li-line {
    margin-top: 8px;
    width: 1px;
    height: 16px;
    border-right: 1px solid #2f6ea4;
}

.g-side .col-9 .tit {
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.g-side .col-bottom {
    width: 100%;
    color: #c2ecf2;
    font-size: 14px;
    text-align: center;
    line-height: 2.5;
    position: absolute;
    bottom: 100px;
}

.g-side .col-bottom .tit {
    font-size: 18px;
    font-weight: bold;
    color: #0c4472;
}

.g-side .col-bottom .txt2 {
    color: #c2ecf2;
    text-decoration: underline;
}

.g-side .col-bottom a {
    display: block;
    color: #a2d9e1;
    text-decoration: underline;
}

.g-side .spacing3 {
    letter-spacing: 3px;
}


/* 全局 公共 end */


/* 列表页 公共 start */


/* 列表页 ico公用类 ico-list */

.icon-list {
    display: block;
    background: url('https://static.web.sdo.com/dn/pic/dn/web11/sprites-list.png');
}

.icon-list-1 {
    width: 37px;
    height: 10px;
    background-position: -2px -13px;
}

.icon-list-2 {
    width: 22px;
    height: 7px;
    background-position: -2px -2px;
}

.icon-list-3 {
    width: 22px;
    height: 23px;
    background-position: -2px -27px;
}

.icon-list-4 {
    width: 46px;
    height: 46px;
    background-position: 0px -54px;
}


/* 列表页 头部公用类 */

.g-newshead {
    margin-left: 35px;
    margin-right: 35px;
    position: relative;
    line-height: 1.1;
}

.g-newshead .m-head {
    padding: 30px 0;
}

.g-newshead .m-head .tit {
    font-size: 18px;
    color: #2b8ac6;
    ;
    position: relative;
    padding-top: 20px;
}

.g-newshead .m-head .tit .en {
    font-size: 14px;
    font-variant: small-caps;
    font-style: normal;
    position: absolute;
    top: 0;
}

.g-newshead .m-head .tit strong {
    padding-top: 5px;
    font-size: 24px;
    border-top: 1px solid #b8b8b8;
    display: inline-block;
}

.g-newshead .m-head .position {
    white-space: nowrap;
    position: absolute;
    top: 60px;
    right: 0;
    color: #5d5d5d;
}

.g-newshead .m-head .position a {
    color: #5d5d5d;
}

.g-newshead .m-tab {
    border-top: 1px solid #b8b8b8;
}

.g-newshead .m-tab li {
    font-size: 20px;
    font-weight: bold;
    color: #d7d7d7;
    padding-top: 15px;
    float: left;
    text-align: center;
    position: relative;
}

.g-newshead .m-tab li a {
    color: #5d5d5d;
}

.g-newshead .m-tab li a:hover,
.g-newshead .m-tab li.active a {
    color: #ffc567;
}

.g-newshead .m-tab li.first a {
    border-left: none;
}

.g-newshead .m-tab li .icon-list {
    display: none;
}

.g-newshead .m-tab li.active .icon-list {
    display: block;
}

.g-newshead .row-2 li {
    width: 50%;
}

.g-newshead .row-3 li {
    width: 33.33%;
}

.g-newshead .row-6 li {
    width: 14.28%;
}

.g-newshead .icon-list-2 {
    display: block;
    margin: 6px 0 0 7px;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: -10px;
}


/* newshead m-search */

.g-newshead .m-search {
    position: relative;
    border: 1px solid #d9d9d9;
    box-sizing: content-box;
    padding-right: 36px;
    width: 752px;
    margin: 0 auto;
}

.g-newshead .search::placeholder {
    color: #d9d9d9;
    margin: 0 48px;
}

.g-newshead .search {
    width: 100%;
    height: 35px;
    font: 14px/35px "Microsoft YaHei";
    color: #5d5d5d;
    border: 0;
    padding: 0 10px;
    outline: 0;
    -webkit-appearance: textfield;
    background: #fff;
}

.g-newshead .btn-search {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 37px;
    height: 37px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #2f6ea4;
}

.g-newshead .btn-search:hover {
    opacity: .85;
}

.g-newshead .icon-list-3 {
    display: block;
    margin: 6px 0 0 7px;
}


/* 列表页 公共 end */

.btn-toTop {
    width: 46px;
    height: 46px;
    display: none;
    position: fixed;
    bottom: 180px;
    /* right: 165px; */
    left: 50%;
    margin-left: 600px;
    _position: absolute;
    text-indent: -9999em;
}

@media only screen and (max-width:1500px) {
    .btn-toTop {
        right: 10px;
    }
}


/* 引导页/首页 公共 */

.icon-job {
    width: 50px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #939393;
    background: url(https://static.web.sdo.com/dn/pic/dn/web11/sprites-job.png) no-repeat 0 0;
}

.job-1 {
    background-position: 50% 3px;
}

.job-2 {
    background-position: 50% -43px;
}

.job-3 {
    background-position: 50% -92px;
}

.job-4 {
    background-position: 50% -133px;
}

.job-5 {
    background-position: 50% -182px;
}

.job-6 {
    background-position: 50% -237px;
}

.job-7 {
    background-position: 50% -284px;
}

.job-8 {
    background-position: 50% -330px;
}

.job-9 {
    background-position: 50% -376px;
}