/*!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(/resource/images/banner-news-min.jpg)
}

.banner-product {
    background-image: url(/resource/images/banner-product.jpg)
}

.banner-course {
    background-image: url(/resource/images/banner-course-min.jpg)
}

.banner-credit {
    background-image: url(/resource/images/banner-credit.jpg)
}

.banner-contactUs {
    background-image: url(/resource/images/banner-culture.jpg)
}

.banner-investor {
    background-image: url(/resource/images/banner-investor-min.jpg)
}

.banner-welfare,.banner-culture {
    background-image: url(/resource/images/banner-culture.jpg)
}

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

.banner-home {
    height: 732px
}

.banner a {
    display: block
}

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

.banner ul li video,.banner ul li 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%;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.banner .btns span {
    width: 40px;
    height: 6px;
    cursor: pointer;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    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: rgba(255,255,255,.5);
    background-color: #9c9c9c\9
}

.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(/resource/images/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 .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .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 .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .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: url(/about:blank);
    _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: #c9cbcf\9;
                                                color: rgba(255,255,255,.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: url(/resource/images/breadcrumb-bg.png?__sprite) no-repeat 0 0
}

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

.breadcrumb a:hover {
    color: #fff
}

.breadcrumb .active a:hover {
    color: rgba(255,255,255,.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: .15s;
    -moz-transition: .15s;
    transition: .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,.7);
                                                                                  box-shadow: 1px 2px 4px rgba(216,216,216,.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(/resource/images/bg-color-8.png) repeat 0 0
}

.dialog-head {
    position: relative
}

.dialog-head .close {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/resource/images/icon-close-si.png?__sprite) 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 a {
    color: #868686
}

.footer 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
}

.footer-bottom .p {
    margin-top: 10px
}

.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,.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(/resource/fonts/avgr65w/avgr65w-webfont.eot);src:url(/resource/fonts/avgr65w/avgr65w-webfont.eot) format('embedded-opentype'),url(/resource/fonts/avgr65w/avgr65w-webfont.woff2) format('woff2'),url(/resource/fonts/avgr65w/avgr65w-webfont.woff) format('woff'),url(/resource/fonts/avgr65w/avgr65w-webfont.svg) format('svg');font-weight:400;font-style:normal
}

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

@font-face {
    font-family:brandon_reg_0;src:url(/resource/fonts/brandon_reg_0/brandon_reg_0-webfont.eot);src:url(/resource/fonts/brandon_reg_0/brandon_reg_0-webfont.eot) format('embedded-opentype'),url(/resource/fonts/brandon_reg_0/brandon_reg_0-webfont.woff2) format('woff2'),url(/resource/fonts/brandon_reg_0/brandon_reg_0-webfont.woff) format('woff'),url(/resource/fonts/brandon_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: url(/resource/images/icon-time-big.jpg?__sprite) no-repeat 0 0
}

.icon-circle {
    width: 18px;
    height: 18px;
    background: url(/resource/images/icon-circle.jpg?__sprite) no-repeat 0 0
}

.icon-pdf {
    width: 20px;
    height: 16px;
    background: url(/resource/images/icon-pdf.png?__sprite) 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: url(/resource/images/icon-nav.png?__sprite)
}

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

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

.icon-email {
    width: 16px;
    height: 11px;
    background-image: url(/resource/images/icon-email.png?__sprite)
}

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

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

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

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

.icon-line-oblique {
    width: 19px;
    height: 19px;
    background-image: url(/resource/images/icon-line-oblique.png)
}/*!less/common/icon/icon.less*/@font-face {
    font-family:icomoon;src:url(/resource/fonts/icomoon.eot?j5prtw);src:url(/resource/fonts/icomoon.eot?j5prtw) format('embedded-opentype'),url(/resource/fonts/icomoon.ttf?j5prtw) format('truetype'),url(/resource/fonts/icomoon.woff?j5prtw) format('woff'),url(/resource/fonts/icomoon.svg?j5prtw) 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(/resource/images/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%;
    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(/resource/images/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: url('/resource/images/cloud-case-logo1.png')
}
.cloud-case-item .icon-logo2 {
    background-image: url('/resource/images/cloud-case-logo2.png')
}
.cloud-case-item .icon-logo3 {
    background-image: url('/resource/images/cloud-case-logo3.png')
}
.cloud-case-item .icon-logo4 {
    background-image: url('/resource/images/cloud-case-logo4.png')
}
.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(/resource/images/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(/resource/images/cloud-layout-title.png) no-repeat;
    margin: 0 auto
}

.cloud .warp1 .layout-content {
    width: 100%;
    height: 773px;
    background: url(/resource/images/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(/resource/images/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: url('/resource/images/cloud-application-content-3.png?v=202412271947') 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: url('/resource/images/cloud-application-content-4.png?v=202412271947') 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(/resource/images/warp2.png) no-repeat;
    overflow: hidden
}

.cloud .warp2 .msg-title2 {
    width: 459px;
    height: 89px;
    background: url(/resource/images/warp2-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 90px;
    text-shadow: 0 0 29 rgba(14,14,14,.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(/resource/images/icon-title.png) no-repeat;
    margin-left: 41.9%
}

.cloud .warp2 .text-logo .icon-title:hover {
    background: url(/resource/images/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(/resource/images/game-icon.png) no-repeat
}

.cloud .warp2 .mag-game .left-game .list .logo2 {
    background: url(/resource/images/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(/resource/images/game2-logo2.png) no-repeat
}

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

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

.cloud .warp3 .warp3-title {
    width: 306px;
    height: 39px;
    background: url(/resource/images/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,.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(/resource/images/warp3-logo1.png) no-repeat;
    margin: 0 auto
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1:hover {
    background: url(/resource/images/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(/resource/images/warp3-logo2.png) no-repeat;
    margin: 0 auto
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2:hover {
    background: url(/resource/images/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(/resource/images/warp3-logo3.png) no-repeat;
    margin: 0 auto
}

.cloud .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3:hover {
    background: url(/resource/images/warp3-logo3-hover.png) no-repeat
}

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

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

.cloud .warp4 .icon-effect {
    width: 1062px;
    height: 569px;
    background: url(/resource/images/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(/resource/images/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(/resource/images/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(/resource/images/warp5.png) no-repeat;
    overflow: hidden
}

.cloud .warp5 .warp5-title {
    width: 306px;
    height: 39px;
    background: url(/resource/images/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,.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(/resource/images/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(/resource/images/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(/resource/images/list-logo1.png) no-repeat;
    margin: 0 auto;
    margin-top: 30px;
    position: relative
}

.cloud .warp5 .list-game-msg .list-logo2 {
    background: url(/resource/images/list-logo2.png) no-repeat
}

.cloud .warp5 .list-game-msg .list-logo3 {
    width: 220px;
    background: url(/resource/images/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(/resource/images/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 {
    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: 92px;
    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 .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(/resource/images/error-404.png)
}

.error-page-500 {
    background-image: url(/resource/images/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(/resource/images/game-banner.jpg) no-repeat
}

.newsGame .warp1 {
    width: 100%;
    height: 927px;
    background: url(/resource/images/warp1.png) no-repeat;
    overflow: hidden
}

.newsGame .warp1 .msg-title {
    width: 497px;
    height: 43px;
    background: url(/resource/images/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,.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(/resource/images/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(/resource/images/icon-right.png) no-repeat
}

.newsGame .warp2 {
    width: 100%;
    height: 959px;
    background: url(/resource/images/warp2.png) no-repeat;
    overflow: hidden
}

.newsGame .warp2 .msg-title2 {
    width: 459px;
    height: 89px;
    background: url(/resource/images/warp2-title.png) no-repeat;
    margin: 0 auto;
    margin-top: 90px;
    text-shadow: 0 0 29 rgba(14,14,14,.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(/resource/images/icon-title.png) no-repeat;
    margin-left: 41.9%
}

.newsGame .warp2 .text-logo .icon-title:hover {
    background: url(/resource/images/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(/resource/images/game-icon.png) no-repeat
}

.newsGame .warp2 .mag-game .left-game .list .logo2 {
    background: url(/resource/images/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(/resource/images/game2-logo2.png) no-repeat
}

.newsGame .warp2 .mag-game .right-game .logo2 {
    height: 253px;
    background: url(/resource/images/game2-logo.png) no-repeat
}

.newsGame .warp3 {
    width: 100%;
    height: 864px;
    background: url(/resource/images/warp3.png) no-repeat;
    overflow: hidden
}

.newsGame .warp3 .warp3-title {
    width: 306px;
    height: 39px;
    background: url(/resource/images/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,.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(/resource/images/warp3-logo1.png) no-repeat;
    margin: 0 auto
}

.newsGame .warp3 .warp3-logo .game-logo .msg-logo1 .icon-logo1:hover {
    background: url(/resource/images/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(/resource/images/warp3-logo2.png) no-repeat;
    margin: 0 auto
}

.newsGame .warp3 .warp3-logo .game-logo .msg-logo2 .icon-logo2:hover {
    background: url(/resource/images/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(/resource/images/warp3-logo3.png) no-repeat;
    margin: 0 auto
}

.newsGame .warp3 .warp3-logo .game-logo .msg-logo3 .icon-logo3:hover {
    background: url(/resource/images/warp3-logo3-hover.png) no-repeat
}

.newsGame .warp3 .warp3-banner {
    width: 1017px;
    height: 387px;
    background: url(/resource/images/warp3-banner.png) no-repeat;
    margin: 0 auto;
    margin-top: 115px
}

.newsGame .warp4 {
    width: 100%;
    height: 882px;
    background: url(/resource/images/warp4.png) no-repeat;
    overflow: hidden
}

.newsGame .warp4 .icon-effect {
    width: 1062px;
    height: 569px;
    background: url(/resource/images/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(/resource/images/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(/resource/images/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(/resource/images/warp5.png) no-repeat;
    overflow: hidden
}

.newsGame .warp5 .warp5-title {
    width: 306px;
    height: 39px;
    background: url(/resource/images/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,.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(/resource/images/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(/resource/images/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(/resource/images/list-logo1.png) no-repeat;
    margin: 0 auto;
    margin-top: 30px;
    position: relative
}

.newsGame .warp5 .list-game-msg .list-logo2 {
    background: url(/resource/images/list-logo2.png) no-repeat
}

.newsGame .warp5 .list-game-msg .list-logo3 {
    width: 220px;
    background: url(/resource/images/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(/resource/images/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(/resource/images/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(/resource/images/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(/resource/images/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 .4s;
    -moz-transition: background-color .4s;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .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 .6s;
    transition: height 1s ease .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(/resource/images/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 .6s;
    transition: opacity 1s ease .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 .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(/resource/images/product-home-more-bg.png) no-repeat top center
}

.product-home-more .link:hover {
    color: #fff;
    background-color: #2c91dc;
    border-color: #2c91dc;
    transition: background .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,.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(/resource/images/stock-down.png) no-repeat center right
}

.inverstor-stock-box .data .price.up {
    background: url(/resource/images/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
}

.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(/resource/images/icon-weibo-small-hover.png)
}

.news-list .content-details .title-msg .share a:hover .icon-weixin-small {
    background-image: url(/resource/images/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,.16)
}

.news-list .weixin-code:before {
    position: absolute;
    top: -10px;
    left: 90px;
    content: '';
    width: 17px;
    height: 11px;
    display: block;
    background: url(/resource/images/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 {
    width: 44.93333333%;
    height: 629px;
    float: left;
    padding: 50px 3.121662% 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/resource/images/profile-main-bg.jpg)
}

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

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

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

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

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

.profile-main .one p {
    padding-left: 62px;
    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(/resource/images/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(/resource/images/icon-weibo-big-blue.png)
}

.profile-main .code a:hover .icon-weixin-big {
    background-image: url(/resource/images/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: 390px
}

.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,.5)
}

.s-wrap {
    overflow: hidden
}

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

.s-link-line-text {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all .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 .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 .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 .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 .2s ease 0s
}

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

.s-link-circle:hover {
    overflow: hidden;
    transition: background 0s ease .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 .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 .5s ease 150ms,opacity .7s ease .4s;
        -moz-transition: all .5s ease 150ms,opacity .7s ease .4s;
        -ms-transition: all .5s ease 150ms,opacity .7s ease .4s;
        -o-transition: all .5s ease 150ms,opacity .7s ease .4s;
        transition: all .5s ease 150ms,opacity .7s ease .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: url(/resource/images/goTop.png);
    transition: bottom .9s;
    -webkit-transition: bottom .9s;
    -moz-transition: bottom .9s;
    -o-transition: bottom .9s;
    cursor: pointer
}

.go-top:hover {
    background-image: url(/resource/images/goTop-hover.png)
}/*!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,.15)
}

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

.list-contactUs-phone .bg-white {
    background-color: #fff
}

.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(/resource/images/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: 320px;
    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;
    white-space: nowrap;
    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(/resource/images/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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}/*!less/common/list/list-welfare-other.less*/.list-welfare-other {
                                                  overflow: hidden;
                                                  margin-right: -.4%;
                                                  color: #fff
                                              }

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

.list-welfare-other li .bg-color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(/resource/images/product-home-bg.png) repeat 0 0;
    transition: background-color .4s;
    -moz-transition: background-color .4s;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .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(/resource/images/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 .3s;
    transition: opacity 1s ease .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: -.53333333%
                                             }

.list-welfare-work li {
    width: 24.735%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: .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
}

.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.884058% 20px;
                                          margin-top: 55px;
                                          margin-bottom: 35px
                                      }

.nav-product>li {
    width: 100%;
    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
                                                                   }

.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: url(/resource/images/icon-nav-hover.png?__sprite)
}

.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,.9);
    background-color: #dddedf \9;
    box-shadow: 5px 0 13px rgba(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: 450%;
    left: -120px
}

.navbar-nav .dropdown-menu.money {
    width: 350%;
    left: -270px
}

.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 .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
}

.container .change-language {
    float: right;
    display: inline-block;
    width: 90px;
    position: relative;
    top: 22px;
}

@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*/
<!--ºÄʱ1772174626.2304Ãë-->