.f28 {
    font-size: 28px;
}

.f24 {
    font-size: 24px;
}

.f22 {
    font-size: 22px;
}

.f20 {
    font-size: 20px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.c999 {
    color: #999;
}

.c333 {
    color: #333;
}

.c-cdc {
    color: #cdcdcd;
}

.c-blue {
    color: #2b388f;
}

.c-orange {
    color: #F05A28;
}

.lh15 {
    line-height: 1.5;
}

.lh175 {
    line-height: 1.75;
}

.lh2 {
    line-height: 2;
}

.mb15 {
    margin-bottom: 15px;
}

.pl18 {
    padding-left: 18px;
}


/*十进制数字有序列表*/

.list-number {
    /*list-style-type:decimal;*/
    width: auto;
}

.list-number li {
    list-style-position: outside;
}


/* ====== ICON ====== */

.icon-tool {
    display: inline-block;
    position: relative;
    background-image: url(../style/sprite-icon.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.color-main {
    display: inline-block;
    color: #2b388f;
    position: relative;
    top: -1px;
}


/* ====== Header ====== */

.header-top-bar {
    height: 30px;
    line-height: 30px;
    background-color: #2b388f;
    color: #CED1E3;
}

.header-top-bar a {
    display: inline-block;
    color: #CED1E3;
}

.header-top-bar a:hover {
    color: #fff;
}

.header-top-bar .top-tool a {
    margin-left: 15px;
}

.header-top-bar .top-tool .wechat {
    position: relative;
}

.header-top-bar .top-tool .wechat .wxbox {
    position: absolute;
    left: -140px;
    top: -120px;
    background-color: #fff;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.header-top-bar .top-tool .wechat:hover .wxbox {
    top: 0;
}

.header-top-bar .top-tool a .icon-tool {
    top: -1px;
    margin-right: 5px;
}

.icon-wechat {
    width: 20px;
    height: 16px;
    background-position: 0 0;
}

.icon-weibo {
    width: 20px;
    height: 17px;
    background-position: 0 -19px;
}

.icon-cn,
.icon-global {
    width: 20px;
    height: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.header-top-bar .top-tool a:hover .icon-tool {
    opacity: 1;
    filter: alpha(opacity=100);
}

.icon-cn {
    top: -2px!important;
    background: url(../style/icon-cn.png) no-repeat center;
}

.icon-global {
    background: url(../style/icon-global.png) no-repeat center;
}

.header-top-bar .language {
    margin-left: 38px;
}

.header-top-bar .language span {
    display: inline-block;
    padding: 0 5px;
}

.header-nav-bar {
    width: 100%;
    height: 90px;
    line-height: 90px;
    background-color: #fff;
}

.header-logo img {
    margin-top: 15px;
    margin-right: 20px;
}

.header-logo .box {
    color: #333;
    font-size: 16px;
}


/*nav*/

.header-nav-list li {
    float: left;
    margin-left: 8px;
}

.header-nav-list li a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.header-nav-list li.on a, .header-nav-list li:hover a {
    background-color: #F05A28;
    color: #fff;
}


/* ====== Footer ====== */