/*!less/common/banner/banner-details.less*/
.banner-details {
    width: 100%;
    min-width: 1500px;
    max-width: 100%;
    height: 255px;
    background-repeat: no-repeat;
    background-position: top center;
}

.banner-details .container {
    padding-left: 58px;
    box-sizing: border-box;
}

.banner-news {
    background-image: url(/uploads/image/erimages/banner-news-min.jpg);
}

.banner-product {
    background-image: url(/uploads/image/erimages/banner-product.jpg);
}

.banner-course {
    background-image: url(/uploads/image/erimages/banner-course-min.jpg);
}

.banner-credit {
    background-image: url(/uploads/image/erimages/banner-credit.jpg);
}

.banner-contactus {
    background-image: url(/uploads/image/erimages/banner-culture.jpg);
}

.banner-investor {
    background-image: url(/uploads/image/erimages/banner-investor-min.jpg);
}

.banner-welfare,
.banner-culture {
    background-image: url(/uploads/image/erimages/banner-culture.jpg);
}

.banner-job-list {
    background-image: url(/uploads/image/erimages/banner-job-list.jpg);
} /*!less/common/banner/banner.less*/
.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner-home {
}

.banner a {
    display: block;
}

.banner ul li {
    width: 100%;
    display: none;
    position: absolute;
}

.banner ul li video,
.banner .swiper-wrapper > div img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    line-height: 1;
}

.banner ul li.active {
    display: block;
}

.banner .btns {
    position: absolute;
    bottom: 10% !important;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.banner .btns span {
    width: 40px;
    height: 6px;
    cursor: pointer;
    display: inline-block;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin: 0 2px;
    background-color: #9c9c9c;
}

.banner .btns span.swiper-pagination-bullet-active {
    background-color: #fff;
}

.banner .banner-video-icon {
    width: 606px;
    height: 181px;
    margin: 0 auto;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    top: 270px;
    left: 50%;
    margin-left: -290px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/uploads/image/erimages/banner-video-icon.png);
} /*!less/common/base/baseless.less*/
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    text-decoration: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6%;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: 1.42857143;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role='button'] {
    cursor: pointer;
} /*!less/common/base/core/mixins/background-variant.less*/ /*!less/common/base/core/mixins/border-radius.less*/ /*!less/common/base/core/mixins/buttons.less*/ /*!less/common/base/core/mixins/center-block.less*/ /*!less/common/base/core/mixins/clearfix.less*/ /*!less/common/base/core/mixins/forms.less*/ /*!less/common/base/core/mixins/gradients.less*/ /*!less/common/base/core/mixins/hide-text.less*/ /*!less/common/base/core/mixins/image.less*/ /*!less/common/base/core/mixins/nav-divider.less*/ /*!less/common/base/core/mixins/opacity.less*/ /*!less/common/base/core/mixins/reset-filter.less*/ /*!less/common/base/core/mixins/tab-focus.less*/ /*!less/common/base/core/mixins/table-row.less*/ /*!less/common/base/core/mixins/text-emphasis.less*/ /*!less/common/base/core/mixins/text-overflow.less*/ /*!less/common/base/core/mixins/text.less*/ /*!less/common/base/core/mixins/vendor-prefixes.less*/ /*!less/common/base/core/scaffolding.less*/
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    text-decoration: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6%;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: 1.42857143;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role='button'] {
    cursor: pointer;
} /*!less/common/base/fn.less*/ /*!less/common/base/hack/clearfix.less*/
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
} /*!less/common/base/hack/font-face.less*/ /*!less/common/base/hack/inline-block.less*/
.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
} /*!less/common/base/hack/max-height.less*/ /*!less/common/base/hack/max-width.less*/ /*!less/common/base/hack/min-height.less*/ /*!less/common/base/hack/min-width.less*/ /*!less/common/base/hack/opacity.less*/ /*!less/common/base/hack/transparent.less*/ /*!less/common/base/reset/reset.less*/
body,
div,
form,
fieldset,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
dl,
dd,
pre,
blockquote,
fieldset,
legend,
button,
hr {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}

input,
textarea,
frame,
iframe,
img,
fieldset,
input,
textarea {
    border: 0;
}

body {
    font-size: 12px;
    font-family: 'microsoft yahei', tahoma, arial, hiragino sans gb, '\5b8b\4f53', sans-serif;
    line-height: 20px;
    min-height: 100%;
    _background-image: ;
    _background-attachment: fixed;
}

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

div,
input,
select,
textarea,
button {
    font-family: 'microsoft yahei', tahoma, arial, hiragino sans gb, '\5b8b\4f53', sans-serif;
    resize: none;
    outline: 0;
}

button {
    border: 0;
}

object,
input {
    vertical-align: middle;
}

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

ul,
dl,
dt,
dd,
ol {
    list-style: none;
}

i,
em {
    font-style: normal;
} /*!less/common/breadcrumb/breadcrumb.less*/
.breadcrumb {
    margin-top: 28px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb li {
    float: left;
    position: relative;
    margin-right: 30px;
}

.breadcrumb li   li:before {
    content: '';
    width: 7px;
    height: 12px;
    position: absolute;
    left: -17px;
    top: 5px;
    background:  no-repeat 0 0;
}

.breadcrumb a {
    color: #c9cbcf\9;
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb a:hover {
    color: #fff;
}

.breadcrumb .active a:hover {
    color: rgba(255, 255, 255, 0.6);
    cursor: text;
    text-decoration: none;
} /*!less/common/btn/btn.less*/
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='text'] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.btn {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    zoom: 1;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 0;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    transition: 0.15s;
    padding: 0 14px;
    height: 35px;
    line-height: 35px;
}

.btn.disabled {
    color: #656565;
    border-color: #e2e2e2;
    background-color: #f0f0f0;
    cursor: default;
}

.btn.disabled:hover {
    color: #656565;
    border-color: #e2e2e2;
    background-color: #f0f0f0;
    cursor: not-allowed;
}

.btn-hollow {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.btn-hollow-blue {
    color: #5eb0ea;
    border: 1px solid #5eb0ea;
}

.btn-hollow-blue:hover {
    border-color: #2c91dc;
}

.btn-blue {
    font-size: 18px;
    color: #fff;
    background-color: #5eb0ea;
}

.btn-blue:hover {
    background-color: #2c91dc;
}

.btn-md {
    width: 123px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.btn-lg {
    width: 158px;
    height: 43px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 43px;
    border-radius: 2px;
}

.btn-block {
    display: block;
}

.cursor-default {
    cursor: default;
} /*!less/common/dialog/dialog-credit.less*/ /*!less/common/dialog/dialog.less*/
.dialog {
    z-index: 999;
    width: 800px;
    position: fixed;
    top: 20%;
    left: 45%;
    margin-left: -340px;
    -webkit-box-shadow: 1px 2px 4px rgba(216, 216, 216, 0.7);
    box-shadow: 1px 2px 4px rgba(216, 216, 216, 0.7);
    background: #fff;
    width: auto;
    z-index: 100;
}

.dialog-wrap {
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
}

.dialog-bg {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: fixed;
    top: 0;
    background: url(/uploads/image/erimages/bg-color-8.png) repeat 0 0;
}

.dialog-head {
    position: relative;
}

.dialog-head .close {
    position: absolute;
    width: 40px;
    height: 40px;
    background:  0 0 no-repeat;
    top: -19px;
    right: -21px;
} /*!less/common/footer/footer.less*/
.title-footer {
    line-height: 42px;
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    border-bottom: 1px solid #dfdfdf;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #939393;
}

.footer-bottom a {
    color: #868686;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

.footer-top {
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    padding: 28px 3.13333333% 22px 3.2%;
    background-color: #f6f6f6;
}

.footer-bottom {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 48px;
    color: #939393;
}

.footer-bottom .p {
    margin-top: 10px;
    color: #939393;
}

.footer-bottom img {
    vertical-align: middle;
}

.footer .focus-on {
    width: 19.90049751%;
    float: left;
}

.footer .focus-on .code-photo {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-align: center;
    margin: 12px 13px 0 0;
    float: left;
}

.footer .focus-on .code-photo .photo {
    padding: 7px;
    display: block;
    background-color: #fff;
}

.footer .focus-on .code-photo:last-child {
    margin-right: 0;
}

.footer .focus-on .code-photo:last-child .photo {
    padding: 0;
}

.footer .focus-on .code-photo:last-child span {
    display: block;
    margin-top: -12px;
}

.footer .contact-us {
    width: 29.14001421%;
    margin-left: 4.12224591%;
    float: left;
}

.footer .contact-us .icon {
    margin-right: 4px;
}

.footer .quick-entry {
    width: 44.20753376%;
    float: right;
}

.footer .quick-entry .web p {
    padding-left: 68px;
}

.footer .quick-entry .web a {
    display: inline-block;
}

.footer .quick-entry .web a {
    margin-right: 16px;
}

.footer .gov-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-top: -12px;
}

.h5-popup-footer {
    display: none;
}

.h5-popup-footer-tx {
    display: none;
}

.report {
    vertical-align: 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.report-border {
    padding: 0 4px;
    vertical-align: 5px;
} /*!less/common/header/header.less*/
.header {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.header .logo {
    width: 293px;
    height: 45px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-top: 16px;
    margin-left: 1.46666667%;
}

.header .logo a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: left;
}

.header .logo .stock {
    width: 77px;
    height: 45px;
    float: right;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 14px;
}

@media (max-width: 993px) {
    .header .logo {
        width: 89px;
        margin-top: 14px;
    }
} /*!less/common/icon/icon-font.less*/
@font-face {
    font-family: avgr65w;
    src: url(/uploads/image/erfavgr65w/avgr65w-webfont.eot);
    src:  format('embedded-opentype'),
        url(/uploads/image/erfavgr65w/avgr65w-webfont.woff2) format('woff2'),
        url(/uploads/image/erfavgr65w/avgr65w-webfont.woff) format('woff'),
        url(/uploads/image/erfavgr65w/avgr65w-webfont.svg)
            format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: avgr45w;
    src: url(/uploads/image/erfavgr45w/avgr45w-webfont.eot);
    src:  format('embedded-opentype'),
        url(/uploads/image/erfavgr45w/avgr45w-webfont.woff2) format('woff2'),
        url(/uploads/image/erfavgr45w/avgr45w-webfont.woff) format('woff'),
        url(/uploads/image/erfavgr45w/avgr45w-webfont.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: brandon_reg_0;
    src: url(/uploads/image/erfbrandon_reg_0/brandon_reg_0-webfont.eot);
    src: 
            format('embedded-opentype'),
        url(/uploads/image/erfbrandon_reg_0/brandon_reg_0-webfont.woff2) format('woff2'),
        url(/uploads/image/erfbrandon_reg_0/brandon_reg_0-webfont.woff) format('woff'),
        url(/uploads/image/erfbrandon_reg_0/brandon_reg_0-webfont.svg)
            format('svg');
    font-weight: 400;
    font-style: normal;
} /*!less/common/icon/icon-img.less*/
.icon {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.icon-map-marker {
    color: #1e1e1e;
}

.icon-more-small {
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #b4b4b4;
}

.icon-time-big {
    width: 22px;
    height: 22px;
    background:  no-repeat 0 0;
}

.icon-circle {
    width: 18px;
    height: 18px;
    background:  no-repeat 0 0;
}

.icon-pdf {
    width: 20px;
    height: 16px;
    background:  no-repeat 0 0;
}

.icon-nav {
    width: 9px;
    height: 7px;
    vertical-align: 2px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: ;
}

.icon-more-small {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-more-small.png);
}

.icon-more-big {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-more-big.png);
}

.icon-email {
    width: 16px;
    height: 11px;
    background-image: ;
}

.icon-weibo-small {
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-weibo-small.png);
}

.icon-weibo-big {
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-weibo-big.png);
}

.icon-weixin-small {
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-weixin-small.png);
}

.icon-weixin-big {
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/uploads/image/erimages/icon-weixin-blg.png);
}

.icon-line-oblique {
    width: 19px;
    height: 19px;
    background-image: url(/uploads/image/erimages/icon-line-oblique.png);
} /*!less/common/icon/icon.less*/
@font-face {
    font-family: icomoon;
    src: ;
    src:  format('embedded-opentype'),
         format('truetype'),
         format('woff'),
         format('svg');
    font-weight: 400;
    font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-contact-1:before {
    content: '\e900';
}

.icon-contact-2:before {
    content: '\e901';
}

.icon-contact-3:before {
    content: '\e902';
}

.icon-contact-4:before {
    content: '\e903';
}

.icon-contact-5:before {
    content: '\e904';
}

.icon-contact-6:before {
    content: '\e905';
}

.icon-eye:before {
    content: '\e906';
}

.icon-map-marker:before {
    content: '\e907';
}

.icon-pencil:before {
    content: '\e90b';
}

.icon-time-small:before {
    content: '\e90d';
}

.icon-weixin:before {
    content: '\e90f';
} /*!less/common/layout/layout-boss.less*/
.boss-wrap {
    position: relative;
    overflow: hidden;
    padding-left: 4.13333333%;
    padding-right: 5.13333333%;
}

.boss-wrap .border-left {
    position: absolute;
    left: 13px;
    top: 99px;
}

.boss-wrap .border-left span {
    width: 2px;
    height: 600px;
    display: block;
    background-color: #d2d3d4;
}

.boss-wrap .border-left span:before,
.boss-wrap .border-left span:after {
    content: '';
    height: 2px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    background-color: #d2d3d4;
}

.boss-wrap .border-left span:before {
    width: 1750%;
    top: 0;
}

.boss-wrap .border-left span:after {
    width: 10400%;
    top: 600px;
}

.boss-wrap .border-right-one {
    position: absolute;
    right: 0;
}

.boss-wrap .border-right-one .one,
.boss-wrap .border-right-one .one:before,
.boss-wrap .border-right-one .two,
.boss-wrap .border-right-one .two:after {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    background-color: #d2d3d4;
}

.boss-wrap .border-right-one .one {
    width: 120px;
    height: 2px;
    right: 14px;
    top: 2px;
}

.boss-wrap .border-right-one .one:before {
    content: '';
    width: 2px;
    height: 24px;
}

.boss-wrap .border-right-one .two {
    width: 2px;
    height: 122px;
    right: 13px;
    top: 2px;
}

.boss-wrap .border-right-one .two:after {
    content: '';
    width: 40px;
    height: 2px;
    top: 122px;
    right: 0;
}

.boss-wrap .border-right-two {
    width: 86px;
    height: 2px;
    position: absolute;
    right: 13px;
    bottom: 27px;
    background-color: #d2d3d4;
}

.boss-wrap .photo {
    width: 33.188775%;
    margin-top: 20px;
    float: left;
    position: relative;
    color: #fff;
}

.boss-wrap .photo-cnt {
    position: absolute;
    left: 45px;
    bottom: 54px;
}

.boss-wrap .photo-cnt:before,
.boss-wrap .photo-cnt:after {
    content: '';
    width: 42px;
    height: 42px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/uploads/image/erimages/boss-photo-bg.png);
}

.boss-wrap .photo-cnt:before {
    top: -50px;
    left: 119px;
}

.boss-wrap .photo-cnt:after {
    top: 91px;
    left: -35px;
}

.boss-wrap .photo-cnt h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
}

.boss-wrap .photo-cnt p {
    font-size: 16px;
}

.boss-wrap .main {
    height: 658px;
    margin-top: 50px;
    margin-left: 13.08606%;
    padding-top: 20px;
    padding-left: 20.1027146%;
    background-color: #fff;
}

.boss-wrap .main-cnt {
    padding-left: 7.13501647%;
    padding-right: 6.58616905%;
    padding-bottom: 40px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.boss-wrap .main-cnt .text-mt {
    margin-top: 35px;
}

.boss-wrap .main-cnt .text-title {
    font-weight: 700;
    margin-top: 24px;
}

.boss-wrap .main-cnt .text-list {
    font-weight: 700;
    margin-top: 30px;
}

.boss-wrap .main-cnt .symbol {
    color: #ccc;
    margin: 0 5px;
}

.boss-wrap .boss-title {
    font-size: 28px;
    position: relative;
    padding-top: 80px;
    color: #060608;
}

.boss-wrap .boss-title:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    bottom: 13px;
    left: 0;
    background-color: #dcdcdc;
}

.boss-wrap .boss-title .line {
    width: 7.0323488%;
    height: 2px;
    position: relative;
    top: -28px;
    left: -8.29817159%;
    background-color: #111214;
}

.boss-wrap .boss-title .line:before,
.boss-wrap .boss-title .line:after {
    content: '';
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
}

.boss-wrap .boss-title .line:before {
    width: 100%;
    height: 2px;
    left: -100%;
    background-color: #fff;
}

.boss-wrap .boss-title .line:after {
    width: 400%;
    height: 1px;
    left: 100%;
    background-color: #dcdcdc;
}

.boss-wrap .boss-title .letter {
    width: auto;
    font-size: 14px;
    line-height: 24px;
    font-family: avgr45w;
    text-transform: uppercase;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    z-index: 1;
    padding-right: 16px;
    margin-top: 16px;
    color: #bfbfbf;
    background-color: #fff;
} /*!less/common/layout/layout-cloud.less*/
.cloud .indexof-wrap {
    margin-top: 60px;
}

.cloud .banner {
    width: 100%;
    height: 574px;
    background: url(/uploads/image/erimages/cloud-banner.png) no-repeat;
    background-position: top center;
}

.cloud .warp1 {
    width: 100%;
}

.cloud-case-wrapper {
    padding-top: 40px;
}

.cloud-case-list {
    width: 1400px;
    margin: 0 auto;
    border: 1px solid #bcbdd1;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.cloud-case-item {
    width: 25%;
    padding: 16px 28px 22px;
    border-right: 1px solid #bcbdd1;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}
.cloud-case-item:last-child {
    border-right: 0;
}
.cloud-case-item .icon-logo {
    width: 100%;
    max-width: 256px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.cloud-case-item .icon-logo1 {
    background-image: ;
}
.cloud-case-item .icon-logo2 {
    background-image: ;
}
.cloud-case-item .icon-logo3 {
    background-image: ;
}
.cloud-case-item .icon-logo4 {
    background-image: ;
}
.cloud-case-item p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
}
.cloud-case-item p strong {
    color: #3a3a3a;
    font-weight: 700;
}
.cloud .warp1 .warp1-bg {
    background: url(/uploads/image/erimages/cloud-background.png);
    box-sizing: border-box;
    padding-top: 29px;
}

.cloud .footer {
    position: static;
    background: #fff;
}
.cloud .warp1 .layout-title {
    width: 177px;
    height: 54px;
    background: url(/uploads/image/erimages/cloud-layout-title.png) no-repeat;
    margin: 0 auto;
}

.cloud .warp1 .layout-content {
    width: 100%;
    height: 773px;
    background: url(/uploads/image/erimages/cloud-layout-content.png) no-repeat;
    background-position: top center;
    margin: 0 auto;
    margin-top: 23px;
}

.cloud .warp1 .application-title {
    width: 250px;
    height: 54px;
    background: url(/uploads/image/erimages/cloud-application-title.png) no-repeat;
    background-position: top center;
    margin: 84px auto 0;
}

.cloud .warp1 .application-content-1 {
    width: 100%;
    background-size: 100% auto;
    background:  no-repeat;
    margin: 59px auto 0;
    padding-top: 33.0063%;
    background-position: center center;
    background-size: 100% auto;
}

.cloud-content-1-width {
    width: 100%;
    margin: 0 auto;
    max-width: 1427px;
}

.cloud-content-2-width {
    width: 100%;
    margin: 0 auto;
    max-width: 1460px;
}

.cloud .warp1 .application-content-2 {
    width: 100%;
    background:  no-repeat;
    background-position: center center;
    position: relative;
    padding-top: 34.6575%;
    margin: 0 auto;
    background-size: 100% auto;
    box-sizing: border-box;
}

.cloud .warp1 .application-content-2 .link {
    position: absolute;
    bottom: 20px;
    right: calc(50% - 358px);
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.cloud .warp1 .application-content-2 .link a {
    margin-left: 5px;
    text-decoration: underline;
    color: #2c91dc;
}

.cloud .warp2 {
    width: 100%;
    height: 959px;
    background: url(/uploads/image/erimages/warp2.png) no-repeat;
    overflow: hidden;
}

.cloud .warp2 .msg-title2 {
    width: 459px;
    height: 89px;
    background: url(/uploads/image/erimages/warp2-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 90px;
    text-shadow: 0 0 29 rgba(14, 14, 14, 0.39);
}

.cloud .warp2 .text-logo {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.cloud .warp2 .text-logo .icon-title {
    float: left;
    width: 131px;
    height: 48px;
    background: url(/uploads/image/erimages/icon-title.png) no-repeat;
    margin-left: 41.9%;
}

.cloud .warp2 .text-logo .icon-title:hover {
    background: url(/uploads/image/erimages/icon-title-hover.png) no-repeat;
}

.cloud .warp2 .text-logo .msg-text2 {
    margin-top: 0;
    font-size: 19.444px;
    color: #707070;
    line-height: 46px;
    text-indent: 10px;
}

.cloud .warp2 .mag-game {
    width: 1102px;
    height: 573px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 48px;
}

.cloud .warp2 .mag-game .left-game {
    float: left;
    width: 440px;
    height: 100%;
    margin-top: 67px;
}

.cloud .warp2 .mag-game .left-game .list {
    width: 100%;
    height: 506px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cloud .warp2 .mag-game .left-game .list li {
    width: 100%;
    height: 50%;
}

.cloud .warp2 .mag-game .left-game .list .game-title {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #f36708;
    font-size: 33.21px;
    color: #fff;
    text-align: center;
    line-height: 253px;
}

.cloud .warp2 .mag-game .left-game .list .game-logo {
    float: left;
    width: 50%;
    height: 100%;
    background: url(/uploads/image/erimages/game-icon.png) no-repeat;
}

.cloud .warp2 .mag-game .left-game .list .logo2 {
    background: url(/uploads/image/erimages/icon-logo2.png) no-repeat;
}

.cloud .warp2 .mag-game .left-game .list .bg {
    background-color: #73dffb;
}

.cloud .warp2 .mag-game .right-game {
    float: left;
    width: 662px;
    height: 100%;
}

.cloud .warp2 .mag-game .right-game .list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cloud .warp2 .mag-game .right-game .ht1 {
    width: 100%;
    height: 320px;
}

.cloud .warp2 .mag-game .right-game .ht2 {
    width: 100%;
    height: 253px;
}

.cloud .warp2 .mag-game .right-game .game2-title {
    float: left;
    width: 220px;
    height: 253px;
    background-color: #10141d;
    font-size: 33.21px;
    color: #fff;
    text-align: center;
    line-height: 253px;
    margin-top: 67px;
}

.cloud .warp2 .mag-game .right-game .bg2 {
    margin-top: 0;
    background-color: #ef9d04;
}

.cloud .warp2 .mag-game .right-game .game2-logo {
    float: left;
    width: 442px;
    height: 320px;
    background: url(/uploads/image/erimages/game2-logo2.png) no-repeat;
}

.cloud .warp2 .mag-game .right-game .logo2 {
    height: 253px;
    background: url(/uploads/image/erimages/game2-logo.png) no-repeat;
}

.cloud .warp3 {
    width: 100%;
    height: 864px;
    background: url(/uploads/image/erimages/warp3.png) no-repeat;
    overflow: hidden;
}

.cloud .warp3 .warp3-title {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/warp3-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 105px;
}

.cloud .warp3 .warp3-logo {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    margin-top: 55px;
}

.cloud .warp3 .warp3-logo .msg-title {
    font-size: 16.667px;
    color: rgba(108, 108, 108, 0.6);
    line-height: 16.667px;
    text-align: center;
    margin-top: 15px;
}

.cloud .warp3 .warp3-logo .game-logo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo1 {
    float: left;
    width: 145px;
    height: 43px;
    border-right: 1px #b6b6b6 solid;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1 {
    width: 45px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo1.png) no-repeat;
    margin: 0 auto;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1:hover {
    background: url(/uploads/image/erimages/warp3-logo1-hover.png) no-repeat;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo2 {
    float: left;
    width: 137px;
    height: 43px;
    border-right: 1px #b6b6b6 solid;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2 {
    width: 97px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo2.png) no-repeat;
    margin: 0 auto;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2:hover {
    background: url(/uploads/image/erimages/warp3-logo2-hover.png) no-repeat;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo3 {
    float: left;
    width: 142px;
    height: 43px;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3 {
    width: 42px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo3.png) no-repeat;
    margin: 0 auto;
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3:hover {
    background: url(/uploads/image/erimages/warp3-logo3-hover.png) no-repeat;
}

.cloud .warp3 .warp3-banner {
    width: 1017px;
    height: 387px;
    background: url(/uploads/image/erimages/warp3-banner.png) no-repeat;
    margin: 0 auto;
    margin-top: 115px;
}

.cloud .warp4 {
    width: 100%;
    height: 882px;
    background: url(/uploads/image/erimages/warp4.png) no-repeat;
    overflow: hidden;
}

.cloud .warp4 .icon-effect {
    width: 1062px;
    height: 569px;
    background: url(/uploads/image/erimages/icon-effect.png) no-repeat;
    margin: 0 auto;
    margin-top: 146px;
    position: relative;
}

.cloud .warp4 .icon-effect .effect-text1 {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/effect-text1.png) no-repeat;
    position: absolute;
    right: 18px;
    top: 84px;
}

.cloud .warp4 .icon-effect .text2 {
    font-size: 19.44px;
    line-height: 19.44px;
    color: #707070;
    position: absolute;
    right: 18px;
    top: 160px;
    font-weight: 200;
}

.cloud .warp4 .icon-effect .deo-tr {
    width: 73px;
    height: 62px;
    background: url(/uploads/image/erimages/icon-der.png) no-repeat;
    display: inline-block;
    position: absolute;
    right: 32px;
    top: 290px;
}

.cloud .warp4 .icon-effect .message-text {
    color: #a3a3a3;
    position: absolute;
    right: 32px;
    top: 370px;
}

.cloud .warp5 {
    width: 100%;
    height: 847px;
    background: url(/uploads/image/erimages/warp5.png) no-repeat;
    overflow: hidden;
}

.cloud .warp5 .warp5-title {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/warp5-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 126px;
}

.cloud .warp5 .list-logo {
    position: relative;
    width: 808px;
    height: 304px;
    margin: 70px auto 0;
}

.cloud .warp5 .list-logo .check-list {
    overflow: hidden;
    width: 730px;
    height: 204px;
    margin: 0 auto;
}

.cloud .warp5 .list-logo .carousel-center {
    box-shadow: 0 10px 10px 0 rgba(2, 22, 54, 0.1);
}

.cloud .warp5 .list-logo .left-icon {
    position: absolute;
    top: 83px;
    left: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 57px;
    background: url(/uploads/image/erimages/icon-left.png) no-repeat;
}

.cloud .warp5 .list-logo .right-icon {
    position: absolute;
    top: 83px;
    right: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 50px;
    background: url(/uploads/image/erimages/icon-right.png) no-repeat;
}

.cloud .warp5 .list-game-msg {
    width: 764px;
    height: 135px;
    overflow: hidden;
    margin: 0 auto;
}

.cloud .warp5 .list-game-msg .list-logo1 {
    float: left;
    width: 270px;
    height: 95px;
    background: url(/uploads/image/erimages/list-logo1.png) no-repeat;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.cloud .warp5 .list-game-msg .list-logo2 {
    background: url(/uploads/image/erimages/list-logo2.png) no-repeat;
}

.cloud .warp5 .list-game-msg .list-logo3 {
    width: 220px;
    background: url(/uploads/image/erimages/list-logo3.png) no-repeat;
}

.cloud .warp5 .list-game-msg .list-title1 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 100px;
}

.cloud .warp5 .list-game-msg .list-title2 {
    font-size: 13.89px;
    line-height: 13.89px;
    color: #737373;
    position: absolute;
    top: 60px;
    left: 100px;
}

.cloud .warp6 {
    width: 100%;
    height: 390px;
    background: url(/uploads/image/erimages/warp6.png) no-repeat;
    overflow: hidden;
}

.cloud .warp6 .footer-bottom {
    padding-bottom: 187px;
} /*!less/common/layout/layout-contactus.less*/
.contactus-map {
    margin-top: 48px;
}

.contactus-map .s-title-md {
    margin-bottom: 38px;
}

.contactus-map .map-text {
    max-width: 552px;
    position: absolute;
    top: 140px;
    left: 10.66666667%;
    z-index: 1;
    padding: 23px 0 50px 41px;
    border-top: 5px solid #1d8bde;
    background-color: #fff;
}

.contactus-map .map-text .logo-wrap {
    width: 114px;
    float: left;
}

.contactus-map .map-text .content {
    line-height: 20px;
    padding-left: 148px;
    padding-right: 37px;
    color: #333;
}

.contactus-map .map-text .content h1 {
    font-size: 20px;
    padding-bottom: 17px;
}

.contactus-map .map-text .content p   p {
    margin-top: 3px;
}

.contactus-map .map-text .content .bold {
    color: #666;
}

.contactus-map .map-text .content .line-wrap {
    margin-top: 42px;
    margin-bottom: 9px;
}

.contactus-map .map-text .content .line {
    width: 50px;
    height: 2px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background-color: #666;
}

.contactus-map .map-text .content .link {
    font-size: 14px;
}

.contactus-map .map-text .content .link:hover {
    text-decoration: underline;
}

.contactus-map .map-text .content .link i {
    font-size: 16px;
    vertical-align: -1px;
    margin-right: 5px;
}

.contactus-map .map-details {
    position: relative;
    border: 10px solid #fff;
} /*!less/common/layout/layout-course.less*/
.course-wrap {
    padding: 70px 4% 100px 12.66666667%;
    background-color: #fff;
}

.course-wrap .title {
    font-size: 28px;
    font-weight: 400;
    padding-left: 32px;
    color: #3a3a3a;
}

.course-wrap .future {
    width: 50px;
    text-align: center;
    margin-top: 20px;
    margin-left: 7.2%;
    margin-bottom: 16px;
    color: #646464;
}

.course-wrap .future .weakening {
    margin-top: -6px;
    color: #999;
}

.course-wrap .earliest {
    font-size: 16px;
    padding-left: 4.33333333%;
    padding-top: 25px;
    position: relative;
    color: #646464;
}

.course-wrap .earliest .icon {
    position: absolute;
    top: 0;
    margin-left: 4.23333333%;
} /*!less/common/layout/layout-credit.less*/
.credit-wrap {
    overflow: hidden;
    padding: 56px 9.33333333% 0 8%;
    background-color: #fff;
} /*!less/common/layout/layout-css3.less*/
@keyframes fadeinup {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (min-width: 1200px) {
    .i-100,
    .i-200,
    .i-300,
    .i-400 {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translatey(50px);
    }

    .i-100.show,
    .i-200.show,
    .i-300.show,
    .i-400.show {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translatey(0);
        transition: all 1s ease 0.1s;
    }
} /*!less/common/layout/layout-culture.less*/
.culture-core {
    margin-top: 33px;
    background-color: #fff;
}

.culture-activity {
    padding: 50px 4.26666667% 0;
    margin-top: 30px;
    background-color: #fff;
} /*!less/common/layout/layout-error.less*/
.error-page {
    width: 478px;
    text-align: center;
    padding-top: 300px;
    margin-top: 226px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.error-page-404 {
    background-image: url(/uploads/image/erimages/error-404.png);
}

.error-page-500 {
    background-image: url(/uploads/image/erimages/error-500.png);
}

.error-page h1 {
    margin-top: 50px;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    color: #2e2d2d;
}

.error-page p {
    margin-top: 9px;
}

.error-page a   a {
    margin-left: 16px;
} /*!less/common/layout/layout-game.less*/
.newsgame .indexof-wrap {
    margin-top: 70px;
}

.newsgame .banner {
    width: 100%;
    height: 740px;
    background: url(/uploads/image/erimages/game-banner.jpg) no-repeat;
}

.newsgame .warp1 {
    width: 100%;
    height: 927px;
    background: url(/uploads/image/erimages/warp1.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp1 .msg-title {
    width: 497px;
    height: 43px;
    background: url(/uploads/image/erimages/warp1-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 105px;
}

.newsgame .warp1 .msg-text {
    font-size: 19.44px;
    line-height: 19.44px;
    color: #707070;
    text-align: center;
    margin-top: 40px;
}

.newsgame .warp1 .check-banner {
    position: relative;
    width: 1200px;
    height: 555px;
    margin: 70px auto 0;
}

.newsgame .warp1 .check-banner .warp1-banner {
    overflow: hidden;
    width: 1122px;
    height: 455px;
    margin: 0 auto;
}

.newsgame .warp1 .check-banner .carousel-center {
    box-shadow: 0 10px 10px 0 rgba(2, 22, 54, 0.1);
}

.newsgame .warp1 .check-banner .left-icon {
    position: absolute;
    top: 150px;
    left: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 57px;
    background: url(/uploads/image/erimages/icon-left.png) no-repeat;
}

.newsgame .warp1 .check-banner .right-icon {
    position: absolute;
    top: 150px;
    right: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 50px;
    background: url(/uploads/image/erimages/icon-right.png) no-repeat;
}

.newsgame .warp2 {
    width: 100%;
    height: 959px;
    background: url(/uploads/image/erimages/warp2.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp2 .msg-title2 {
    width: 459px;
    height: 89px;
    background: url(/uploads/image/erimages/warp2-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 90px;
    text-shadow: 0 0 29 rgba(14, 14, 14, 0.39);
}

.newsgame .warp2 .text-logo {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.newsgame .warp2 .text-logo .icon-title {
    float: left;
    width: 131px;
    height: 48px;
    background: url(/uploads/image/erimages/icon-title.png) no-repeat;
    margin-left: 41.9%;
}

.newsgame .warp2 .text-logo .icon-title:hover {
    background: url(/uploads/image/erimages/icon-title-hover.png) no-repeat;
}

.newsgame .warp2 .text-logo .msg-text2 {
    margin-top: 0;
    font-size: 19.444px;
    color: #707070;
    line-height: 46px;
    text-indent: 10px;
}

.newsgame .warp2 .mag-game {
    width: 1102px;
    height: 573px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 48px;
}

.newsgame .warp2 .mag-game .left-game {
    float: left;
    width: 440px;
    height: 100%;
    margin-top: 67px;
}

.newsgame .warp2 .mag-game .left-game .list {
    width: 100%;
    height: 506px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.newsgame .warp2 .mag-game .left-game .list li {
    width: 100%;
    height: 50%;
}

.newsgame .warp2 .mag-game .left-game .list .game-title {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #f36708;
    font-size: 33.21px;
    color: #fff;
    text-align: center;
    line-height: 253px;
}

.newsgame .warp2 .mag-game .left-game .list .game-logo {
    float: left;
    width: 50%;
    height: 100%;
    background: url(/uploads/image/erimages/game-icon.png) no-repeat;
}

.newsgame .warp2 .mag-game .left-game .list .logo2 {
    background: url(/uploads/image/erimages/icon-logo2.png) no-repeat;
}

.newsgame .warp2 .mag-game .left-game .list .bg {
    background-color: #73dffb;
}

.newsgame .warp2 .mag-game .right-game {
    float: left;
    width: 662px;
    height: 100%;
}

.newsgame .warp2 .mag-game .right-game .list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.newsgame .warp2 .mag-game .right-game .ht1 {
    width: 100%;
    height: 320px;
}

.newsgame .warp2 .mag-game .right-game .ht2 {
    width: 100%;
    height: 253px;
}

.newsgame .warp2 .mag-game .right-game .game2-title {
    float: left;
    width: 220px;
    height: 253px;
    background-color: #10141d;
    font-size: 33.21px;
    color: #fff;
    text-align: center;
    line-height: 253px;
    margin-top: 67px;
}

.newsgame .warp2 .mag-game .right-game .bg2 {
    margin-top: 0;
    background-color: #ef9d04;
}

.newsgame .warp2 .mag-game .right-game .game2-logo {
    float: left;
    width: 442px;
    height: 320px;
    background: url(/uploads/image/erimages/game2-logo2.png) no-repeat;
}

.newsgame .warp2 .mag-game .right-game .logo2 {
    height: 253px;
    background: url(/uploads/image/erimages/game2-logo.png) no-repeat;
}

.newsgame .warp3 {
    width: 100%;
    height: 864px;
    background: url(/uploads/image/erimages/warp3.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp3 .warp3-title {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/warp3-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 105px;
}

.newsgame .warp3 .warp3-logo {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    margin-top: 55px;
}

.newsgame .warp3 .warp3-logo .msg-title {
    font-size: 16.667px;
    color: rgba(108, 108, 108, 0.6);
    line-height: 16.667px;
    text-align: center;
    margin-top: 15px;
}

.newsgame .warp3 .warp3-logo .game-logo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo1 {
    float: left;
    width: 145px;
    height: 43px;
    border-right: 1px #b6b6b6 solid;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1 {
    width: 45px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo1.png) no-repeat;
    margin: 0 auto;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1:hover {
    background: url(/uploads/image/erimages/warp3-logo1-hover.png) no-repeat;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo2 {
    float: left;
    width: 137px;
    height: 43px;
    border-right: 1px #b6b6b6 solid;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2 {
    width: 97px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo2.png) no-repeat;
    margin: 0 auto;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2:hover {
    background: url(/uploads/image/erimages/warp3-logo2-hover.png) no-repeat;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo3 {
    float: left;
    width: 142px;
    height: 43px;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3 {
    width: 42px;
    height: 43px;
    background: url(/uploads/image/erimages/warp3-logo3.png) no-repeat;
    margin: 0 auto;
}

.newsgame .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3:hover {
    background: url(/uploads/image/erimages/warp3-logo3-hover.png) no-repeat;
}

.newsgame .warp3 .warp3-banner {
    width: 1017px;
    height: 387px;
    background: url(/uploads/image/erimages/warp3-banner.png) no-repeat;
    margin: 0 auto;
    margin-top: 115px;
}

.newsgame .warp4 {
    width: 100%;
    height: 882px;
    background: url(/uploads/image/erimages/warp4.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp4 .icon-effect {
    width: 1062px;
    height: 569px;
    background: url(/uploads/image/erimages/icon-effect.png) no-repeat;
    margin: 0 auto;
    margin-top: 146px;
    position: relative;
}

.newsgame .warp4 .icon-effect .effect-text1 {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/effect-text1.png) no-repeat;
    position: absolute;
    right: 18px;
    top: 84px;
}

.newsgame .warp4 .icon-effect .text2 {
    font-size: 19.44px;
    line-height: 19.44px;
    color: #707070;
    position: absolute;
    right: 18px;
    top: 160px;
    font-weight: 200;
}

.newsgame .warp4 .icon-effect .deo-tr {
    width: 73px;
    height: 62px;
    background: url(/uploads/image/erimages/icon-der.png) no-repeat;
    display: inline-block;
    position: absolute;
    right: 32px;
    top: 290px;
}

.newsgame .warp4 .icon-effect .message-text {
    color: #a3a3a3;
    position: absolute;
    right: 32px;
    top: 370px;
}

.newsgame .warp5 {
    width: 100%;
    height: 847px;
    background: url(/uploads/image/erimages/warp5.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp5 .warp5-title {
    width: 306px;
    height: 39px;
    background: url(/uploads/image/erimages/warp5-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 126px;
}

.newsgame .warp5 .list-logo {
    position: relative;
    width: 808px;
    height: 304px;
    margin: 70px auto 0;
}

.newsgame .warp5 .list-logo .check-list {
    overflow: hidden;
    width: 730px;
    height: 204px;
    margin: 0 auto;
}

.newsgame .warp5 .list-logo .carousel-center {
    box-shadow: 0 10px 10px 0 rgba(2, 22, 54, 0.1);
}

.newsgame .warp5 .list-logo .left-icon {
    position: absolute;
    top: 83px;
    left: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 57px;
    background: url(/uploads/image/erimages/icon-left.png) no-repeat;
}

.newsgame .warp5 .list-logo .right-icon {
    position: absolute;
    top: 83px;
    right: 0;
    background-position: 0 0;
    display: block;
    width: 19px;
    height: 50px;
    background: url(/uploads/image/erimages/icon-right.png) no-repeat;
}

.newsgame .warp5 .list-game-msg {
    width: 764px;
    height: 135px;
    overflow: hidden;
    margin: 0 auto;
}

.newsgame .warp5 .list-game-msg .list-logo1 {
    float: left;
    width: 270px;
    height: 95px;
    background: url(/uploads/image/erimages/list-logo1.png) no-repeat;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.newsgame .warp5 .list-game-msg .list-logo2 {
    background: url(/uploads/image/erimages/list-logo2.png) no-repeat;
}

.newsgame .warp5 .list-game-msg .list-logo3 {
    width: 220px;
    background: url(/uploads/image/erimages/list-logo3.png) no-repeat;
}

.newsgame .warp5 .list-game-msg .list-title1 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 100px;
}

.newsgame .warp5 .list-game-msg .list-title2 {
    font-size: 13.89px;
    line-height: 13.89px;
    color: #737373;
    position: absolute;
    top: 60px;
    left: 100px;
}

.newsgame .warp6 {
    width: 100%;
    height: 390px;
    background: url(/uploads/image/erimages/warp6.png) no-repeat;
    overflow: hidden;
}

.newsgame .warp6 .footer-bottom {
    padding-bottom: 187px;
} /*!less/common/layout/layout-home.less*/
.loader {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -66px 0 0 -40px;
    font-size: 10px;
    z-index: 99;
    background: url(/uploads/image/erimages/loader-banner.gif) no-repeat 0 0;
}

.news-dynamic {
    width: 65.2%;
    height: 395px;
    float: left;
    padding: 46px 2.33333333% 0 3.6%;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.company-notice {
    width: 33.33333333%;
    height: 395px;
    float: right;
    padding: 47px 2.53333333% 0;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/uploads/image/erimages/company-notice-bg-min.jpg) no-repeat top center;
}

.about-us {
    width: 100%;
    margin-top: 24px;
    overflow: hidden;
    background-color: #fff;
}

.about-us .photo {
    width: 50%;
    float: left;
}

.about-us .content {
    width: 42.33333333%;
    float: left;
    margin-left: 4%;
}

.about-us .content .title {
    font-size: 26px;
    font-weight: 400;
    margin-top: 54px;
    color: #3a3a3a;
}

.about-us .content .subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    color: #999;
}

.about-us .content .msg {
    height: 210px;
    line-height: 24px;
    font-size: 14px;
    margin-top: 28px;
    overflow: hidden;
    color: #666;
}

.about-us .content .msg span {
    display: block;
    margin: 4px 0;
}

.about-us .content .mark-text {
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin-right: 28px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: #666;
    border-bottom: 1px solid #333;
}

.about-us-link {
    line-height: 45px;
    font-size: 18px;
    float: right;
    color: #787878;
}

.about-us-link-text {
    position: relative;
    top: -14px;
}

.about-us-link .s-link-arrow {
    width: 45px;
    height: 45px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 10px;
    border: 1px solid #b2b2b2;
}

.about-us-link:hover .title {
    color: #2c91dc;
}

.about-us-link:hover .icon-more-big {
    background-image: url(/uploads/image/erimages/icon-more-big-blue.png);
}

.product-home {
    margin-top: 26px;
}

.product-home ul {
    overflow: hidden;
    margin-right: -10px;
}

.product-home ul li:last-child {
    margin-right: 0;
}

.product-home li {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
}

.product-home li .bg-color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
}

.product-home li .content {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
}

.product-home li .title {
    width: 100%;
    position: absolute;
    top: 44px;
    -webkit-transition: top 1s;
    transition: top 1s;
}

.product-home li .line {
    opacity: 0;
    width: 1px;
    height: 0;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    bottom: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transition: height 1s ease 0.6s;
    transition: height 1s ease 0.6s;
}

.product-home li .btn-product-home {
    margin-top: 92%;
    opacity: 0;
    display: none \9;
    margin-right: auto \9;
    margin-left: auto \9;
    transition: opacity 1.2s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
}

.product-home li .subtitle {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;
    color: #fff;
}

.product-home li .subtitle:before,
.product-home li .subtitle:after {
    content: '';
    width: 22px;
    height: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    margin-top: 10px;
}

.product-home li .subtitle:before {
    left: 30%;
}

.product-home li .subtitle:after {
    right: 30%;
}

.product-home li.active .bg-color,
.product-home li:hover .bg-color {
    background: url(/uploads/image/erimages/product-home-bg-hover.png) repeat 0 0;
}

.product-home li.active .btn-product-home,
.product-home li:hover .btn-product-home {
    opacity: 1;
    display: block \9;
    -webkit-transition: opacity 1s ease 0.6s;
    transition: opacity 1s ease 0.4s;
}

.product-home li.active .line,
.product-home li:hover .line {
    opacity: 1;
    height: 40px;
}

.product-home-more {
    position: relative;
    margin-top: 40px;
}

.product-home-more .line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 17px;
    width: 100%;
    height: 1px;
    background-color: #000;
}

.product-home-more .line .prev,
.product-home-more .line .next {
    position: absolute;
    top: -9px;
    width: 1px;
    height: 9px;
    display: block;
    background-color: #000;
}

.product-home-more .line .prev {
    left: 0;
}

.product-home-more .line .next {
    right: 0;
}

.product-home-more .link {
    width: 124px;
    height: 32px;
    line-height: 35px;
    font-size: 16px;
    float: left;
    text-align: center;
    border-radius: 2px;
    margin-left: 1%;
    margin-top: -1%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-family: avgr45w;
    color: #111518;
    border: 1px solid #000;
    transition: all 0.2s ease 0s;
}

.product-home-more .link-wrap {
    position: relative;
    z-index: 11;
    width: 145px;
    height: 32px;
    padding-left: 18px;
    margin: 0 auto;
    background: #e5e7e9 url(/uploads/image/erimages/product-home-more-bg.png) no-repeat top center;
}

.product-home-more .link:hover {
    color: #fff;
    background-color: #2c91dc;
    border-color: #2c91dc;
    transition: background 0.2s ease 0s;
}

.partners {
    overflow: hidden;
    background-color: #fff;
    margin-top: 36px;
    padding: 2.66666667% 2.6% 23px;
    margin-bottom: 1.93333333%;
}

.partners ul {
    margin-top: 38px;
    margin-right: -5.3%;
}

.partners li {
    width: 12.13333333%;
    float: left;
    margin-right: 1.66666667%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid rgba(123, 123, 123, 0.14);
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: table-cell;
}

.partners li .img-responsive {
    display: inline-block;
    vertical-align: middle;
}

.partners .s-title span {
    font-size: 12px;
    color: #bababa;
    margin-left: 9px;
} /*!less/common/layout/layout-investor.less*/
.investor-data {
    overflow: hidden;
    background-color: #fff;
}

.investor-news {
    overflow: hidden;
    background-color: #fff;
    padding: 0 7.33333333% 60px 7.86666667%;
    margin-top: 30px;
}

.investor-news .s-title-inverstor {
    margin-left: 0;
}

.inverstor-stock {
    overflow: hidden;
    background-color: #fff;
    padding: 0 7.33333333% 40px 7.86666667%;
    margin-top: 30px;
}

.inverstor-stock .s-title-inverstor {
    margin-left: 0;
}

.inverstor-stock-box {
    overflow: hidden;
}

.inverstor-stock-box .data {
    width: 37.26415094%;
    float: left;
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
}

.inverstor-stock-box .data .title {
    font-size: 18px;
    font-weight: 400;
    margin-top: 25px;
    color: #666;
}

.inverstor-stock-box .data .price_box {
    margin-top: 40px;
    color: #12bf70;
}

.inverstor-stock-box .data .price_box_up {
    color: #e94040;
}

.inverstor-stock-box .data .price {
    font-size: 36px;
    font-weight: 700;
    padding-right: 34px;
    margin-right: 12px;
}

.inverstor-stock-box .data .price.down {
    background: url(/uploads/image/erimages/stock-down.png) no-repeat center right;
}

.inverstor-stock-box .data .price.up {
    background: url(/uploads/image/erimages/stock-up.png) no-repeat center right;
}

.inverstor-stock-box .data .plus-rate,
.inverstor-stock-box .data .price-plus {
    font-size: 18px;
    margin-right: 22px;
    position: relative;
    top: -5px;
}

.inverstor-stock-box .data .time {
    font-size: 14px;
    margin-top: 8px;
    color: #999;
}

.inverstor-stock-box .data .list-wrap {
    margin-top: 50px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.inverstor-stock-box .chart {
    width: 49.033333%;
    float: right;
    margin-top: 16px;
}

.inverstor-stock-box .chart > iframe {
    display: none \9;
}

.inverstor-stock-box .tab-chart {
    display: block \9;
}

.investor-msg {
    overflow: hidden;
    padding: 60px 7.86666667%;
}

.investor-msg .sidebar {
    width: 175px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #3a3a3a;
}

.investor-msg .content {
    float: left;
    line-height: 28px;
    font-size: 14px;
    padding-left: 40px;
    border-left: 2px solid #e5e5e5;
    max-width: 80%;
}

.investor-msg .content .weakening {
    color: #999;
}

.investor-msg .content .margin-top {
    margin-top: 30px;
}

.investor-msg .content a {
    color: #2c91dc;
    text-decoration: underline;
}

.investor-msg .content a.underline-none {
    text-decoration: none;
}

.investor-msg   .investor-msg {
    border-top: 1px solid #eaeaea;
}

.t-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}

.b-bottom {
    margin-bottom: 50px;
} /*!less/common/layout/layout-job-list.less*/
.job-list {
    overflow: hidden;
}

.job-list .sidebar {
    position: relative;
    z-index: 3;
    width: 276px;
    float: left;
}

.job-list .cnt-wrap {
    padding-left: 276px;
    background-color: #fff;
}

.job-list .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3.6% 32px 4.267423%;
    border-left: 1px solid #e5e5e5;
} /*!less/common/layout/layout-news.less*/
.news-list {
    overflow: hidden;
}

.news-list .sidebar {
    width: 266px;
    float: left;
    position: relative;
    z-index: 3;
}

.news-list .cnt-wrap {
    padding-left: 266px;
    background-color: #fff;
}

.news-list .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 76px 3.6% 32px 4.267423%;
    border-left: 1px solid #e5e5e5;
}

.news-list .content-details {
    padding: 73px 3.46666667% 77px 4.4%;
    color: #999;
}

.news-list .content-details .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #333;
}

.news-list .content-details .title-msg {
    margin-top: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
}

.news-list .content-details .title-msg .margin-right {
    margin-right: 25px;
}

.news-list .content-details .title-msg .icon {
    font-size: 14px;
    margin-right: 4px;
}

.news-list .content-details .title-msg .num .icon {
    vertical-align: -1px;
}

.news-list .content-details .title-msg .share {
    position: relative;
    float: right;
    margin-top: -14px;
}

.news-list .content-details .title-msg .share .s-link-circle {
    width: 45px;
    height: 45px;
    border: 1px solid #d1d2d3;
}

.news-list .content-details .title-msg .share .s-link-circle   .s-link-circle {
    margin-left: 5px;
}

.news-list .content-details .title-msg .share a:hover {
    border-color: #188ae2;
    background-color: #188ae2;
}

.news-list .content-details .title-msg .share a:hover .icon-weibo-small {
    background-image: url(/uploads/image/erimages/icon-weibo-small-hover.png);
}

.news-list .content-details .title-msg .share a:hover .icon-weixin-small {
    background-image: url(/uploads/image/erimages/icon-weixin-small-hover.png);
}

.news-list .content-details .title-msg .share a:hover .s-link-circle-bg {
    background-color: #188ae2;
}

.news-list .content-details .cnt {
    font-size: 14px;
    padding-top: 30px;
    overflow: hidden;
    color: #666;
}

.news-list .content-details .cnt img {
    max-width: 100%;
    clear: both;
    display: block;
    margin: auto;
}

.news-list .content-details .cnt p   p {
    margin-top: 36px;
}

.news-list .weixin-code {
    display: none;
    position: absolute;
    top: 58px;
    right: -18px;
    padding: 20px 20px 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}

.news-list .weixin-code:before {
    position: absolute;
    top: -10px;
    left: 90px;
    content: '';
    width: 17px;
    height: 11px;
    display: block;
    background: url(/uploads/image/erimages/icon-up-white.png) no-repeat top center;
}

.news-list .weixin-code p {
    margin-top: 8px;
}

.news-list .weixin-code.block {
    display: block;
} /*!less/common/layout/layout-product.less*/
.product-page {
    overflow: hidden;
}

.product-page .sidebar {
    position: relative;
    width: 275px;
    float: left;
    z-index: 3;
}

.product-page .cnt-wrap {
    padding-left: 275px;
    background-color: #fff;
}

.product-page .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4.174265% 0 4.909559%;
    overflow: hidden;
    border-left: 1px solid #e5e5e5;
}

.product-page .product-title {
    font-size: 28px;
    font-weight: 400;
    margin-top: 75px;
    position: relative;
    color: #3a3a3a;
}

.product-page .product-title span {
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: -1px;
    margin-left: 15px;
    color: #cacaca;
}

.product-page .product-title-msg {
    font-size: 14px;
    line-height: 22px;
    margin-top: 36px;
    color: #666;
} /*!less/common/layout/layout-profile.less*/
.profile-wrap {
    overflow: hidden;
    background-color: #fff;
}

.profile-details {
    width: 55.06666667%;
    height: 500px;
    float: left;
    padding: 58px 4.248184% 0 4.700969%;
    box-sizing: border-box;
}

.profile-details h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    color: #3a3a3a;
}

.profile-details h3 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 44px;
    color: #999;
}

.profile-details p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.profile-details p   p {
    margin-top: 24px;
}

.profile-main {
    position: relative;
    width: 44.93333333%;
    height: 626px;
    float: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/uploads/image/erimages/profile-main-bg.jpg);
}
.profile-main img {
    width: 83.383%;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 32px;
}

.profile-main .profile-main-content {
    width: 100%;
    background-color: #2c2d31;
    position: absolute;
    bottom: 0;
    color: #9a9a9a;
    padding: 22px 20px;
    box-sizing: border-box;
}

.profile-main-content .profile-main-content-item {
    display: flex;
}

.profile-main-content-item .item-first {
    flex-shrink: 0;
    margin-right: 3px;
}

.profile-main-content .item-text {
    color: #ccc;
    flex-grow: 1;
    word-break: break-word;
}

.profile-main .line {
    height: 56px;
    overflow: hidden;
    position: relative;
}

.profile-main .line:before {
    content: '';
    width: 55px;
    height: 2px;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #666;
}

.profile-main .phone {
    font-family: avgr45w;
    font-size: 14px;
}

.profile-main .one {
    overflow: hidden;
    line-height: 22px;
    margin-bottom: 6px;
}

.profile-main .one span {
    width: auto;
    float: left;
    color: #9a9a9a;
}

.profile-main .one p {
    padding-left: 120px;
    color: #ccc;
}

.profile-main .code {
    position: relative;
    margin-top: 12px;
    margin-bottom: 108px;
}

.profile-main .code i {
    cursor: pointer;
}

.profile-main .code-photo {
    width: 112px;
    height: 124px;
    line-height: 25px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    z-index: -99;
    left: 57px;
    margin-top: -52px;
    padding-top: 11px;
    border-radius: 2px;
    opacity: 0;
    display: none \9;
    transition: top 1s ease 0s;
    color: #000;
    background-color: #fff;
    border: 1px solid #e5e6e7;
}

.profile-main .code-photo-two {
    left: 114px;
}

.profile-main .code-photo:before {
    content: '';
    width: 10px;
    height: 21px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    top: 14px;
    left: -9px;
    background-position: 0 0;
    background-image: url(/uploads/image/erimages/profile-code-photo-down.png);
}

.profile-main .code-photo-block {
    top: 50px;
    opacity: 1;
    display: block \9;
    z-index: 99;
}

.profile-main .code .s-link-circle {
    margin-right: 6px;
    width: 45px;
    height: 45px;
    border: 1px solid #d1d2d3;
}

.profile-main .code a:hover {
    border: 1px solid #fff;
}

.profile-main .code a:hover .icon-weibo-big {
    background-image: url(/uploads/image/erimages/icon-weibo-big-blue.png);
}

.profile-main .code a:hover .icon-weixin-big {
    background-image: url(/uploads/image/erimages/icon-weixin-big-blue.png);
}

.profile-main .two {
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
} /*!less/common/layout/layout-society.less*/
.society-server {
    margin-top: 50px;
    margin-bottom: 18px;
}

.society-server {
    padding: 60px 4.33333333% 0;
    background-color: #fff;
}

.society-server .subtitle {
    font-size: 16px;
    margin-top: 20px;
    text-indent: 2em;
    color: #666;
} /*!less/common/layout/layout-welfare.less*/
.welfare-work {
    margin-top: 50px;
}

.welfare-we {
    padding: 60px 10.66666667% 0 10.33333333%;
    background-color: #fff;
}

.welfare-we .subtitle {
    font-size: 16px;
    margin-top: 20px;
    color: #666;
} /*!less/common/layout/layout.less*/
.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .visible-sm {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 1015px) {
    .visible-md {
        display: block !important;
    }
}

@media (max-width: 1015px) {
    .hidden-md {
        display: none !important;
    }
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.mt30 {
    margin-top: 30px;
}

.mb26 {
    margin-bottom: 26px;
}

.pt15 {
    padding-top: 15px;
}

html,
body {
    min-width: 1500px;
    position: relative;
    background-color: #e5e7e9;
}

.index-wrap {
    margin-top: 70px;
    padding-bottom: 0;
}

.index-mt {
    margin-top: 30px;
}

.index-mt-lg {
    margin-top: 50px;
}

.index-mb {
    margin-bottom: 30px;
}

.container {
    width: 1500px;
    margin: 0 auto;
    *zoom: 1;
}

.container:before,
.container:after {
    content: ' ';
    display: table;
}

.container:after {
    clear: both;
}

.container:before,
.container:after {
    content: ' ';
    display: table;
}

.container:after {
    clear: both;
}

.text-red {
    color: #e94040;
}

.text-green {
    color: #12c070;
}

.text-dark-grey {
    color: #666;
}

.text-blue {
    color: #2c91dc;
}

.text-underline {
    text-decoration: underline;
}

.text-center {
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

.job-list .sidebar.fixed,
.news-list .sidebar.fixed,
.product-page .sidebar.fixed {
    position: fixed;
}

.job-list .sidebar.relative,
.news-list .sidebar.relative,
.product-page .sidebar.relative {
    position: relative;
}

.s-title {
    font-size: 26px;
    font-weight: 400;
    color: #323232;
}

.s-title-md {
    font-size: 28px;
    font-weight: 400;
    color: #3a3a3a;
}

.s-title-md-more {
    font-size: 16px;
    font-family: avgr45w;
    float: right;
    color: #868686;
}

.s-title-md-more:hover {
    color: #2c91dc;
}

.s-title-more {
    font-size: 16px;
    font-family: avgr45w;
    float: right;
    color: #868686;
}

.s-title-more:hover {
    color: #2c91dc;
}

.s-title.color-white {
    color: #fff;
}

.s-title-inverstor {
    line-height: 28px;
    margin-top: 58px;
    margin-left: 7.86666667%;
}

.s-title-news {
    font-size: 36px;
    font-weight: 400;
    margin-top: 138px;
    color: #fff;
}

.s-title-news .text {
    font-family: brandon_reg_0;
    font-weight: 100;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.s-wrap {
    overflow: hidden;
}

.s-link-line {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    border-radius: 50%;
    transition: background 0.2s ease 0s;
}

.s-link-line-text {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}

.s-link-line-bg {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.s-link-line:hover .s-link-line-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2c91dc;
}

.s-link-arrow {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    border-radius: 50%;
    transition: background 0s ease 0s;
}

.s-link-arrow-icon {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}

.s-link-arrow-bg {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.s-link-arrow-hover:hover .s-link-arrow {
    border-color: #2c91dc;
}

.s-link-arrow-hover:hover .s-link-arrow-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2c91dc;
}

.s-link-circle {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border-radius: 50%;
    position: relative;
    transition: background 0s ease 0s;
}

.s-link-circle-bg {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.s-link-circle-icon {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease 0s;
}

.s-link-circle:hover {
    overflow: hidden;
    transition: background 0s ease 0.2s;
    border-color: #fff;
    background-color: #fff;
}

.s-link-circle:hover .s-link-circle-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
}

.photo-default,
.photo-default-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.photo-hover {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.photo-hover img {
    transform: translatez(0px);
    transition: transform 0.3s ease 0s;
}

.photo-hover .bg-img {
    display: block;
    max-width: 100%;
    height: auto;
}

.photo-hover .photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (min-width: 767px) {
    .photo-hover:hover .photo {
        -webkit-transform: translatex(0%) translatey(0%) scale(1.15);
        -moz-transform: translatex(0%) translatey(0%) scale(1.15);
        -ms-transform: translatex(0%) translatey(0%) scale(1.15);
        -o-transform: translatex(0%) translatey(0%) scale(1.15);
        transform: translatex(0%) translatey(0%) scale(1.15);
        -webkit-transition: all 0.5s ease 150ms, opacity 0.7s ease 0.4s;
        -moz-transition: all 0.5s ease 150ms, opacity 0.7s ease 0.4s;
        -ms-transition: all 0.5s ease 150ms, opacity 0.7s ease 0.4s;
        -o-transition: all 0.5s ease 150ms, opacity 0.7s ease 0.4s;
        transition: all 0.5s ease 150ms, opacity 0.7s ease 0.4s;
    }
}

.go-top {
    position: fixed;
    bottom: -200px;
    right: 15px;
    z-index: 98;
    display: block;
    width: 26px;
    height: 39px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: ;
    transition: bottom 0.9s;
    -webkit-transition: bottom 0.9s;
    -moz-transition: bottom 0.9s;
    -o-transition: bottom 0.9s;
    cursor: pointer;
}

.go-top:hover {
    background-image: ;
} /*!less/common/list/list-company-notice.less*/
.list-company-notice {
    padding-left: 12px;
    margin-top: 18px;
    position: relative;
}

.list-company-notice li {
    width: 100%;
    float: left;
    line-height: 45px;
}

.list-company-notice li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    margin-top: 20px;
}

.list-company-notice li .title {
    max-width: 82%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.list-company-notice li .time {
    float: right;
    color: #ccc;
}

.list-company-notice a {
    color: #e3e3e3;
}

.list-company-notice a:hover {
    color: #2c91dc;
}

.list-company-notice .icon-pdf {
    float: left;
    margin-top: 14px;
    margin-left: 4px;
} /*!less/common/list/list-contactus-phone.less*/
.list-contactus-phone {
    *zoom: 1;
}

.list-contactus-phone:before,
.list-contactus-phone:after {
    content: ' ';
    display: table;
}

.list-contactus-phone:after {
    clear: both;
}

.list-contactus-phone:before,
.list-contactus-phone:after {
    content: ' ';
    display: table;
}

.list-contactus-phone:after {
    clear: both;
}

.list-contactus-phone li {
    width: 33.33333333%;
    min-height: 400px;
    float: left;
    text-align: center;
    position: relative;
    background-color: #f6f6f6;
}

.list-contactus-phone li:hover {
    z-index: 9;
    box-shadow: 1.5px 2.598px 27px 0 rgba(0, 0, 0, 0.15);
}

.list-contactus-phone a:hover {
    color: #2c91dc;
}

.list-contactus-phone .bg-white {
    background-color: #fff;
    margin-bottom: 1px;
}

.list-contactus-phone .bg-white .bottom .email {
    background-color: #fff;
}

.list-contactus-phone .icon-wrap {
    width: 110px;
    height: 110px;
    display: block;
    margin: 44px auto 0;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
}

.list-contactus-phone .icon-wrap .icon {
    font-size: 50px;
    vertical-align: middle;
    color: #000;
    margin-top: 28px;
}

.list-contactus-phone .title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #333;
}

.list-contactus-phone .msg {
    line-height: 18px;
    margin-top: 10px;
    color: #999;
}

.list-contactus-phone .phone {
    font-family: avgr45w;
    font-size: 32px;
    line-height: 35px;
    margin-top: 14px;
    color: #333;
}

.list-contactus-phone .phone .icon {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.list-contactus-phone .bottom {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40px;
}

.list-contactus-phone .bottom:before {
    content: '';
    width: 77%;
    height: 1px;
    position: absolute;
    left: 11.2%;
    bottom: 9px;
    background-color: #ddd;
}

.list-contactus-phone .bottom .line {
    width: 32px;
    height: 3px;
    display: block;
    margin: -11px auto 0;
    position: relative;
    background-color: #666;
}

.list-contactus-phone .bottom .text {
    font-family: simsun;
    padding-bottom: 10px;
    color: #999;
}

.list-contactus-phone .bottom .email {
    width: 190px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0 auto;
    position: relative;
    background-color: #f6f6f6;
}

.list-contactus-phone .bottom .icon-email {
    margin-right: 6px;
}

.list-contactus-phone .bottom a {
    color: #2c91dc;
    text-decoration: underline;
} /*!less/common/list/list-course.less*/
.list-course {
    position: relative;
    padding: 46px 0 124px;
    background: url(/uploads/image/erimages/course-bg.png) repeat-y 9.13333333% 0;
}

.list-course > li {
    overflow: hidden;
    position: relative;
}

.list-course > li:first-child {
    margin-top: 0 !important;
}

.list-course > li.mt-lg {
    margin-top: 110px;
}

.list-course > li.mt-sm {
    margin-top: 29px;
}

.list-course .years {
    width: 160px;
    line-height: 32px;
    float: left;
    font-family: avgr65w;
    font-size: 34px;
    position: relative;
    color: #3a3a3a;
}

.list-course .years .icon {
    font-size: 22px;
    margin-left: 29px;
    color: #cdcdcd;
}

.list-course .years:after {
    content: '';
    width: 28px;
    height: 1px;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 14px;
    background-color: #dadada;
}

.list-course .month {
    width: 142px;
    line-height: 32px;
    font-family: avgr45w;
    font-size: 26px;
    margin-left: 8px;
    color: #3a3a3a;
    position: absolute;
    padding-left: 160px;
}

.list-course .month:after {
    content: '';
    width: 100px;
    height: 1px;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 14px;
    background-color: #dadada;
}

.list-course .day {
    padding-left: 320px;
    line-height: 32px;
    font-size: 14px;
    text-indent: 1em;
    position: relative;
    color: #666;
    top: -2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-course .day:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 321px;
    top: 14px;
    background-color: #3a3a3a;
}

.list-course .day p {
    width: 100%;
    line-height: 25px;
    max-height: 47px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} /*!less/common/list/list-credit-big.less*/
.list-credit-big li {
    display: none;
}

.list-credit-big li.active {
    display: block;
} /*!less/common/list/list-credit.less*/
.list-credit {
    overflow: hidden;
    margin-top: 35px;
    margin-right: -9.133333%;
}

.list-credit > li {
    width: 17.266667%;
    min-height: 237px;
    float: left;
    font-size: 14px;
    margin-right: 7.7%;
    margin-bottom: 40px;
    color: #333;
}

.list-credit > li > p {
    width: 110%;
    text-align: center;
    margin-top: 15px;
    margin-left: -6%;
}

.list-credit > li.one .photo {
    padding-top: 71px;
}

.list-credit > li.two .photo {
    padding-top: 11px;
}

.list-credit > li.last .photo {
    margin-top: -20px;
}

.list-credit.two > li {
    margin-bottom: 32px;
}

.list-credit .photo img {
    cursor: pointer;
} /*!less/common/list/list-culture-activity.less*/
.list-culture-activity {
    overflow: hidden;
    margin-top: 30px;
    margin-right: -5.10576222%;
}

.list-culture-activity li {
    position: relative;
    width: 21.81%;
    height: 336px;
    overflow: hidden;
    float: left;
    margin-right: 3.01167031%;
    margin-bottom: 60px;
}

.list-culture-activity .bg-img {
    width: 100%;
}

.list-culture-activity .title {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; /* 必须设置为 flex 容器 */
    -webkit-box-orient: vertical; /* 垂直布局 */
    -webkit-line-clamp: 2;
    color: #333;
}

.list-culture-activity .msg {
    width: 100%;
    height: 57px;
    float: left;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #666;
} /*!less/common/list/list-culture-core.less*/
.list-culture-core {
    overflow: hidden;
}

.list-culture-core li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}

.list-culture-core .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-culture-core .bg-grey {
    background-color: #f6f6f6;
}

.list-culture-core .bg-grey .focus-on {
    background-color: #f6f6f6;
}

.list-culture-core .photo-hover {
    width: 50%;
}

.list-culture-core .num {
    font-size: 96px;
    font-family: avgr65w;
    line-height: 75px;
    margin-top: 30.4%;
    color: #333;
}

.list-culture-core .focus-on {
    position: absolute;
    top: 30.4%;
    margin-top: 39px;
    width: 54px;
    height: 32px;
    left: 50.1%;
    line-height: 30px;
    font-size: 18px;
    background-color: #fff;
    color: #333;
}

.list-culture-core .msg {
    font-size: 16px;
    padding: 0 18.66666667%;
    margin-top: 4px;
    color: #666;
} /*!less/common/list/list-investor-news.less*/
.list-investor-news {
    height: 235px;
    padding: 20px 0 0;
    overflow: hidden;
    margin-right: -5.18867925%;
}

.list-investor-news li {
    width: 28.69496855%;
    line-height: 35px;
    float: left;
    padding-left: 15px;
    margin-right: 4.48113208%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.list-investor-news li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    position: absolute;
    left: 2px;
    margin-top: 16px;
}

.list-investor-news a:hover {
    color: #2c91dc;
}

.list-investor-news .title {
    max-width: 72%;
    float: left;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-investor-news .icon-pdf {
    float: left;
    margin-top: 8px;
    margin-left: 4px;
}

.list-investor-news .time {
    float: right;
    color: #ccc;
} /*!less/common/list/list-job.less*/
.list-job {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.list-job > li {
    padding: 46px 10px 50px;
}

.list-job > li h1 {
    margin-bottom: 12px;
}

.list-job > li   li {
    border-top: 1px solid #e5e7e9;
}

.list-job .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 39px;
    margin-left: 6px;
    color: #2c91dc;
}

.list-job .details {
    line-height: 24px;
    margin-top: 12px;
}

.list-job .ask {
    font-size: 14px;
    font-weight: 700;
    margin-top: 18px;
    color: #333;
}

.list-job-msg {
    padding: 5px 0;
}

.list-job .send {
    font-weight: 700;
}

.list-job .send span {
    color: #333;
}

.list-job .send a {
    font-weight: 400;
}

.list-job .send-margin {
    margin-top: 10px;
} /*!less/common/list/list-news-home.less*/
.list-news-home {
    margin-top: 25px;
    margin-right: -13.597701%;
    padding-left: 12px;
}

.list-news-home li {
    position: relative;
    float: left;
    width: 40.22988506%;
    min-height: 62px;
    margin-bottom: 32px;
    margin-right: 5.88235294%;
}

.list-news-home li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    margin-left: -12px;
    margin-top: 8px;
    background: #000;
    vertical-align: middle;
}

.list-news-home li .title {
    float: left;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #646464;
}

.list-news-home li .time {
    float: right;
    position: absolute;
    bottom: -3px;
    right: 0;
    color: #ccc;
}

.list-news-home li .msg {
    width: 90%;
    float: left;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #bbb;
}

.list-news-home p {
    overflow: hidden;
}

.list-news-home p   p {
    margin-top: 10px;
}

.list-news-home .s-link-arrow {
    width: 24px;
    height: 24px;
    float: right;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
}

.list-news-home a {
    display: block;
}

.list-news-home a:hover .title {
    color: #2c91dc;
}

.list-news-home a:hover .icon-more-small {
    background-image: url(/uploads/image/erimages/icon-more-small-blue.png);
}

.list-news-home .icon {
    float: right;
} /*!less/common/list/list-news-notice.less*/
.list-news-notice {
    overflow: hidden;
}

.list-news-notice li {
    width: 100%;
    padding-bottom: 42px;
    color: #afaeae;
}

.list-news-notice a {
    display: block;
    overflow: hidden;
    color: #333;
}

.list-news-notice a:hover {
    color: #2c91dc;
}

.list-news-notice .time {
    width: 50px;
    float: left;
    color: #999;
}

.list-news-notice .time .day {
    line-height: 34px;
    font-size: 36px;
    text-align: center;
    font-family: avgr45w;
    color: #333;
}

.list-news-notice .cnt {
    padding-left: 74px;
}

.list-news-notice .title {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 25px;
}

.list-news-notice .title i {
    margin-left: 5px;
}

.list-news-notice .title span {
    max-width: 97%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-news-notice .describe {
    width: 100%;
    float: left;
    height: 34px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    color: #afaeae;
}

.list-news-notice .mark {
    position: relative;
    margin-top: 22px;
}

.list-news-notice .mark:before {
    content: '';
    width: 100%;
    float: right;
    height: 1px;
    display: block;
    position: absolute;
    top: 15px;
    background-color: #e5e5e5;
}

.list-news-notice .mark .icon {
    margin-right: 3px;
}

.list-news-notice .mark .num {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    top: 6px;
    background-color: #fff;
}

.list-news-notice .mark .num .icon {
    float: left;
    vertical-align: middle;
    margin-top: 4px;
}

.list-news-notice .mark .num .text {
    width: 68px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2px;
}

.list-news-notice .mark .source {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    left: -4px;
    padding-left: 4px;
    padding-right: 8px;
    background-color: #fff;
} /*!less/common/list/list-news-stnts.less*/
.list-news-stnts li {
    width: 100%;
    padding-right: 230px;
    padding-bottom: 42px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    color: #afaeae;
}

.list-news-stnts a {
    display: block;
    overflow: hidden;
    color: #333;
}

.list-news-stnts a:hover {
    color: #2c91dc;
}

.list-news-stnts .time {
    width: 50px;
    float: left;
    color: #999;
}

.list-news-stnts .time .day {
    line-height: 34px;
    font-size: 36px;
    text-align: center;
    font-family: avgr45w;
    color: #333;
}

.list-news-stnts .cnt {
    padding-left: 74px;
}

.list-news-stnts .title {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 25px;
}

.list-news-stnts .title i {
    margin-left: 5px;
}

.list-news-stnts .title span {
    max-width: 96%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-news-stnts .describe {
    width: 100%;
    float: left;
    height: 34px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    font-size: 14px;
    color: #afaeae;
}

.list-news-stnts .mark {
    position: relative;
    margin-top: 22px;
}

.list-news-stnts .mark:before {
    content: '';
    width: 100%;
    float: right;
    height: 1px;
    display: block;
    position: absolute;
    top: 15px;
    background-color: #e5e5e5;
}

.list-news-stnts .mark .icon {
    margin-right: 3px;
}

.list-news-stnts .mark .num {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    top: 6px;
    background-color: #fff;
}

.list-news-stnts .mark .num .icon {
    float: left;
    vertical-align: middle;
    margin-top: 3px;
}

.list-news-stnts .mark .num .text {
    width: 68px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2px;
}

.list-news-stnts .mark .source {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    left: -4px;
    padding-left: 4px;
    padding-right: 8px;
    background-color: #fff;
}

.list-news-stnts .photo {
    position: absolute;
    right: 0;
    margin-top: 3px;
}

.list-news-stnts .photo img {
    width: 185px;
    height: 105px;
} /*!less/common/list/list-product.less*/
.list-product {
    line-height: 26px;
    font-size: 14px;
    padding-top: 63px;
    padding-bottom: 105px;
    color: #666;
}

.list-product a {
    margin-left: 5px;
    text-decoration: underline;
    color: #2c91dc;
}

.list-product li {
    overflow: hidden;
}

.list-product li   li {
    padding-top: 88px;
}

.list-product .text-wrap {
    width: 59.85267035%;
    float: left;
}

.list-product .text-wrap .mag-title {
    font-size: 26px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 46px;
}

.list-product .text-wrap .subtitle {
    margin-top: 10px;
}

.list-product .text-wrap .msg {
    margin-top: 34px;
}

.list-product .photo-wrap {
    width: 33.88581952%;
    margin-right: 1.10497238%;
    float: right;
}

.list-product .photo-wrap img {
    float: right;
} /*!less/common/list/list-stock.less*/
.list-stock {
    overflow: hidden;
    padding-top: 20px;
    margin-right: -9.36170213%;
}

.list-stock > li {
    width: 16.59574468%;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-right: 7.23404255%;
    margin-bottom: 20px;
    color: #999;
}

.list-stock > li p {
    width: 100%;
    float: left;
    white-space: nowrap;
} /*!less/common/list/list-welfare-other.less*/
.list-welfare-other {
    overflow: hidden;
    margin-right: -0.4%;
    color: #fff;
}

.list-welfare-other li {
    width: 19.66666667%;
    float: left;
    text-align: center;
    margin-right: 0.33333333%;
    position: relative;
}

.list-welfare-other li .bg-color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(/uploads/image/erimages/product-home-bg.png) repeat 0 0;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
}

.list-welfare-other li .content {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
}

.list-welfare-other li .title {
    width: 94px;
    height: 94px;
    text-align: center;
    position: absolute;
    top: 32.3%;
    left: 45%;
    margin-left: -32px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transition: top 1s;
    transition: top 1s;
}

.list-welfare-other li .title img {
    margin-top: 20px;
    display: inline-block;
}

.list-welfare-other li .subtitle {
    width: 100%;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 61.5%;
    -webkit-transition: top 1s;
    transition: top 1s;
}

.list-welfare-other li .msg {
    opacity: 0;
    display: none \9;
    width: 60.33898305%;
    line-height: 18px;
    margin: 85.722892% auto 0;
    font-size: 14px;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
}

.list-welfare-other li.active .bg-color,
.list-welfare-other li:hover .bg-color {
    background: url(/uploads/image/erimages/product-home-bg-hover.png) repeat 0 0;
}

.list-welfare-other li.active .title,
.list-welfare-other li:hover .title {
    top: 23%;
}

.list-welfare-other li.active .subtitle,
.list-welfare-other li:hover .subtitle {
    top: 51%;
}

.list-welfare-other li.active .msg,
.list-welfare-other li:hover .msg {
    opacity: 1;
    display: block \9;
    -webkit-transition: opacity 1s ease 0.3s;
    transition: opacity 1s ease 0.3s;
}

.list-welfare-other a {
    color: #fff;
} /*!less/common/list/list-welfare-we.less*/
.list-welfare-we {
    overflow: hidden;
    margin-top: 95px;
    margin-right: -4.8862679%;
}

.list-welfare-we li {
    width: 20.498484%;
    height: 224px;
    float: left;
    text-align: center;
    margin-right: 4.486268%;
    margin-bottom: 66px;
}

.list-welfare-we h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 24px;
    color: #333;
}

.list-welfare-we p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 14px;
    color: #999;
} /*!less/common/list/list-welfare-work.less*/
.list-welfare-work {
    overflow: hidden;
    margin-top: 36px;
    margin-right: -0.53333333%;
}

.list-welfare-work li {
    width: 24.735%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 0.2%;
    margin-top: 4px;
}

.list-welfare-work li > div {
    display: block;
} /*!less/common/list/list.less*/ /*!less/common/nav/nav-job.less*/
.nav-job {
    width: 84px;
    overflow: hidden;
    margin-left: 88px;
    margin-top: 55px;
    margin-bottom: 55px;
}

.nav-job > li {
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    display: block;
    float: left;
    text-align: right;
}

.nav-job > li.active,
.nav-job > li:hover {
    font-weight: 700;
}

.nav-job > li.active a,
.nav-job > li:hover a {
    color: #2c91dc;
    border-left: 2px solid #2c91dc;
}

.nav-job > li   li {
    margin-top: 16px;
}

.nav-job a {
    display: block;
    color: #666;
}

.nav-job a:hover {
    color: #2c91dc;
} /*!less/common/nav/nav-news.less*/
.nav-news {
    overflow: hidden;
    margin: 63px 0;
    font-family: avgr65w;
}

.nav-news > li {
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 28px;
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 40px;
}

.nav-news > li span {
    font-size: 16px;
    position: absolute;
    margin-top: 2px;
    margin-left: 8px;
}

.nav-news > li.active a,
.nav-news > li:hover a {
    color: #2c91dc;
}

.nav-news a {
    display: block;
    color: #999;
}

.nav-news a:hover {
    color: #2c91dc;
} /*!less/common/nav/nav-product.less*/
.nav-product {
    overflow: hidden;
    padding: 0 18% 20px;
    margin-top: 55px;
    margin-bottom: 35px;
}

.nav-product > li {
    width: 120%;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    display: block;
    float: left;
}

.nav-product > li.active,
.nav-product > li:hover {
    font-weight: 700;
}

.nav-product > li.active a,
.nav-product > li:hover a {
    color: #2c91dc;
    border-color: #2c91dc;
}

.nav-product > li   li {
    margin-top: 16px;
}

.nav-product a {
    display: block;
    padding-left: 25px;
    border-left: 2px solid transparent;
    color: #666;
}

.nav-product a:hover {
    color: #2c91dc;
} /*!less/common/nav/nav.less*/
.nav > li {
    float: left;
} /*!less/common/nav/navbar-nav.less*/
.navbar-nav-wrap {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: right;
}
.container .change-language {
    float: right;
    display: inline-block;
    width: 90px;
    position: relative;
    top: 22px;
}
.navbar-nav {
    width: 770px;
    float: right;
    margin-top: 28px;
    padding-right: 1.46666667%;
    font-size: 14px;
}

.navbar-nav > li {
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: relative;
}

.navbar-nav > li:hover > a,
.navbar-nav > li.active > a {
    color: #999;
}

.navbar-nav > li:hover > a .icon,
.navbar-nav > li.active > a .icon {
    background-image: ;
}

.navbar-nav > li:hover .none,
.navbar-nav > li.active .none {
    opacity: 0;
}

.navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 32px;
}

.navbar-nav > li   li {
    border-left: 1px solid #e5e5e5;
}

.navbar-nav .navbar-dropdown:hover .dropdown-wrap {
    display: block;
}

.navbar-nav .navbar-dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav .dropdown-wrap {
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 50px;
    line-height: 50px;
    left: 0;
    top: 70px;
    background-color: rgba(242, 242, 242, 0.9);
    background-color: #dddedf \9;
    box-shadow: 5px 0 13px rgba(0, 0, 0, 0.04);
}

.navbar-nav .dropdown-menu {
    display: none;
    width: 150%;
    height: 50px;
    line-height: 50px;
    float: right;
    font-size: 12px;
    position: absolute;
    left: -17px;
    top: 42px;
    z-index: 99;
}

.navbar-nav .dropdown-menu.product {
    width: 400%;
    left: -61px;
}

.navbar-nav .dropdown-menu.about {
    width: 480%;
    left: -120px;
}

.navbar-nav .dropdown-menu.money {
    width: 200%;
    left: -70px;
}

.navbar-nav .dropdown-menu.join {
    width: 210%;
    left: -140px;
}

.navbar-nav .dropdown-menu > li {
    float: left;
    position: relative;
    padding: 0 10px;
}

.navbar-nav .dropdown-menu > li.active,
.navbar-nav .dropdown-menu > li:hover {
    height: 50px;
}

.navbar-nav .dropdown-menu > li.active a,
.navbar-nav .dropdown-menu > li:hover a {
    color: #2c91dc;
}

.navbar-nav .dropdown-menu > li.active i,
.navbar-nav .dropdown-menu > li:hover i {
    left: 0;
    width: 100%;
    transition: all 0.4s ease 0s;
}

.navbar-nav .dropdown-menu > li a {
    display: block;
}

.navbar-nav .dropdown-menu > li i {
    display: block;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    background-color: #2c91dc;
}

.navbar-nav .dropdown-menu > li   li {
    margin-left: 10px;
}

.navbar-nav .menu-block {
    display: block;
    z-index: 9;
}

@media (max-width: 1500px) {
    .header .container {
        width: 100%;
    }
    .cloud-case-wrapper {
        padding: 40px 20px 0;
    }
    .cloud-case-wrapper .cloud-case-list {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .header .container {
        width: 100%;
    }
}

@media (min-width: 1015px) {
    .navbar-nav {
        transform: none !important;
        width: 750px;
    }
} /*!less/common/tab/tab-chart.less*/
.tab-chart {
    display: none;
    overflow: hidden;
}

.tab-chart .tab-navs {
    text-align: center;
    line-height: 2;
    height: 25px;
    border-bottom: 2px solid #4188b9;
    clear: both;
}

.tab-chart .tab-navs li {
    float: left;
    display: inline;
    zoom: 1;
    cursor: pointer;
    background-color: #f8f8f8;
    border-top: 1px solid #cbcbcb;
}

.tab-chart .tab-navs li a {
    padding-left: 12px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tab-chart .tab-navs li.active {
    background: #4188b9;
    height: 25px;
    border-top: 0;
    border-left: 0;
    line-height: 25px;
}

.tab-chart .tab-navs li.active a {
    background-color: #4188b9;
    color: #fff;
}

.tab-chart .tab-navs li.last {
    border-right: 1px solid #cbcbcb;
}

.tab-chart .tab-navs li   li {
    border-left: 1px solid #ddd;
}

.tab-chart .tab-content {
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
}

.tab-chart .tab-content .tab-pane {
    display: none;
    padding: 40px 20px;
    text-align: center;
}

.tab-chart .tab-content .active {
    display: block;
} /*!less/common/tab/tab.less*/