.footerExperience {
    position: relative;
    background: linear-gradient(90deg,#3860f4,#5f87f8);
    height: 237px
}

.experienceBox {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;

    padding-top: 46px
}

.experienceBoxStyle {
    top: 0;
    padding-top: 0;
    background: url(/static/img/experience.ed4020d8.png)
}


.experienceBox>h2 {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    margin-bottom: 8px
}

.experienceBox>p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 1em
}

.experienceBox>a {
    width: 220px;
    margin-top: 24px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-color: #2b62f1;
    color: #4e342e;
    font-size: 14px;
    letter-spacing: 1px;
    transition: .3s;
    overflow: hidden;
    background: linear-gradient(90deg,#ffcf87,#ffbc76);
    border-radius: 4px
}

.experienceBox>a:hover {
    background: linear-gradient(90deg,#fec672,#f6ad61);
    color: #4e342e
}

.ook {
    color: #3860f4;
    background: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 24px;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    position: relative;
    top: -3px;
    letter-spacing: 0;
    margin-left: 40px
}

.ook:hover {
    color: #3357df;
    background: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}


.page-footer-main {
    min-width: 1200px;
    width: 100%;
    background: #0a1633
}

.home-main {
    width: 1200px;
    min-width: 1080px;
    margin: 0 auto;
    padding: 80px 0 64px 0
}

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

.page-footer-main .foot-nav-left {
    float: left;
    width: 240px
}

.page-footer-main .foot-nav-left>.basic-infor {
    padding-top: 20px;
    line-height: 28px;
    color: hsla(0,0%,100%,.4);
    font-size: 14px
}

.basic-infor a {
    width: 115px
}
.home-main a {
    display: block;
    color: inherit;
    transition: all .25s ease-in-out
}
.basic-infor a:hover {
    color: #fff
}

.icon-col {
    margin-top: 28px;
    height: 130px
}

.page-footer-main .foot-nav-left .icon-col {
    margin-top: 28px;
    height: 90px
}

.page-footer-main .foot-nav-left .icon-col li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.icon-footer {
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover
}

.weibo {
    background-image: url(data:image/png;base64,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)
}

.wechat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAA8FBMVEUAAABtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5IOFDdwe5UMEjUJDzNyfJcGCy8IDTEECC50fpkLEDQEBywXHUBrdZARFzpYYX5SXHkhKEoCBSo/R2Y7Q2IdI0VkbopKU3EzO1teaIROV3VDTGovNlYlLExncY03P19HT25ia4hVX3x3gZxbZYEnL1B9h6EpMFGFkKkCACCF9xF9AAAAJnRSTlMACv0F9xXZu1Y8JvHRpnhORC0fG+3fxOmxm4qCXpRxaejIuRO9Mz7zi/UAAAQ7SURBVFjDvZjnetowFIZtIIGQ1Wa0TdI9rOFtvAcGmw1J7/9uKgK1ZMdmlLbfHwzP45fvSEdHR+IqVOePTj7efT27PW2cfj5+c/5wec3Xub3Etz82T2u1mpCpVmuc3Z/szql/a31n32dIxxdX/E6Mo/fHQrUaH9rb3fAtiqjAPFxvYbx+J2zX8SW/0cZbYSc9HFWPxr2wq5qvKxhX58Luun1Vymh/FfbRzWWZD8LYS6cvvXw7F/bV55Nilt4L++vsKg95L/yJ7vhcjt0If6RPbJKV5CkURZVIFOGmKWpTSOslAQ7i2WRiT6w4FNRqzjmfZepxEdGxRklgyoougyDpT0JRrKJk8/xJyEns2F3TlTFCACCEZR3Po0FVVE2+zAgUZ4msIMAISXo6IfZKKSd0ehlGz9ARKEoH/QrKu/rz1LxhGTACEgBIxhmIBESeZckTYRml1n7OkZwRG8gAaCgwEFozNCMAGACMR+XjckGs1C9YxthZ+gDd2ErwCoLTydg3NQAk01LLIF94AmGjEfo6INadwWIRm9oqmN7TFD4q5NHtdsqsNK7J3DSYyR0HePnnhr2YRmAF0bzpInZkpGFFtqdlVloc96rGRDORViEEIy9YPRKiHzmKrhnOPLAWasm4fKhzFwxEGCnrN10Xg7U096frdIe+7/n9njWG02L2vuG5O8ZIx5PBC2Ep9b2+/xiYAAEjHUZhAfOW55pbIIrpR16g6MtlQAZGcnE66qi5TLnmztjvkVJkSMYoclyWjRScxOzQNH5wt+zSs+SiD6PnaQpANIE1DSA9sEQGcsKxex4MHZxjaKDfl7EpaybGa2cmIEAliCEN55I7zWV9IR5lGCEZaIZnDVe5h53IThEC+nwAM0gr50QQB6nOTowxSsh3PVGfhFQCRK69eOoteUqPdXKbL2ozQ2GMdEcYLZeBRQoEfo6mOxCGABH+PIR0TM4KZc02qBfJ77urDE4I41kofVwaIZwY0tlpFuvrJBtcBPzhKvllPftNWlc9yYI0T+6KhV6Nf1OQ6XcVUCEKecuv1w5VRx2kGEmuLsmy5Pt6FUSeQbp2yCrOS+xJipR6/jwwsEfGpFzIGMNsFdN6QhPOdUZjFYYzyx70TFwOUYZZhWpllY0aiZP+WBXJCKvqVBWScisasGBW2WiNpYPC7nfqzNDLgpE8psbSak+Vq12qbb6kIIWUW7bac/wXYYPgMvtQMZghZdTadAfcQIm7mq7lUqQPIbsD0r24WirZ4A2F5A2RRD6R1BOZvZh2BRsF1c7M9rqP83kyjOwhcJ1QZLsCamVLTKowCMdh2CFAqyv1IO1P2E5pK2elpa+BHdJOqbJn2xoepD3bX+0eD+9jD++oqY4O6O2prpr7Iegpg1V7P8rN5d89eR1+Bjz8NHr4ufjwE/rhdwWH31r8v/sT9ianubzJubmlNzn/UL8Atu0t7Ed07FoAAAAASUVORK5CYII=)
}

ol,ul {
    list-style: none
}

.page-footer-copyright {
    width: 100%;
    min-width: 1200px;
    clear: both;
    background: #0a1633
}

.page-footer-copyright .copyright-main {
    width: 1080px;
    height: 76px;
    margin: 0 auto;
    line-height: 76px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    vertical-align: middle;
    color: hsla(0,0%,100%,.2)
}

.page-footer-copyright .copyright-main a {
    color: hsla(0,0%,100%,.2);
    display: inline-block;
    vertical-align: middle;
    transition: color .25s ease-in-out
}

.page-footer-main .foot-nav-right {
    float: right;
    width: 600px;
    font-size: 0
}

.page-footer-main .columns {
    width: 116px;
    margin-left: 80px;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top
}

.page-footer-main .columns h3 {
    font-size: inherit;
    color: #fff;
    padding-bottom: 16px
}

.page-footer-main .columns li {
    margin-bottom: 4px
}

.page-footer-main .columns a,.page-footer-main .columns li {
    color: hsla(0,0%,100%,.4)
}

.cat-three-item>.three-item-text>p:nth-of-type(2) {
    margin-top: 5px;
    font-size: 14px;
    color: #7a8ca6
}

.cat-three-item>.three-item-text>p:first-of-type {
    font-size: 18px;
    color: #7984a6;
    font-weight: 600
}

.wechat-code {
    width: 70px;
    position: absolute;
    left: -100%;
    top: 120%
}

.cBtn {
    border: 1px solid #fff
}

.cBtnn {
    border: 1px solid #3860f4
}

.cBtn:hover {
    background: hsla(0,0%,100%,.15)
}

.cBtnn:hover {
    background: rgba(60,100,245,.15)
}

.aColor:hover {
    color: #3860f4!important
}

.hot {
    position: relative;
    top: -9px;
    background: #f7402d;
    padding: 0 3px;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    font-style: normal;
    font-weight: 700;
    border-radius: 2px;
    color: #fff!important;
    text-align: center;
    margin-left: 5px;
    z-index: 2
}

.hot,.hot:before {
    display: inline-block
}

.hot:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 8px;
    border-top: 10px solid #f7402d;
    border-right: 8px solid transparent;
    transform: rotate(30deg);
    z-index: -1
}

.imgBsrgba {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 8px 10px 0 rgba(229,234,255,.8)
}

.advisory {
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
    width: 45px;
    height: 100px;
    background: linear-gradient(-39deg,#008cf8,#0060eb);
    box-shadow: 3px 3px 9px 0 rgba(35,59,101,.36);
    border-radius: 5px;
    color: #f9f9f9;
    text-align: center;
    cursor: pointer
}

.advisoryIcon {
    width: 24px;
    margin: 0 auto;
    margin-top: 12px
}

.advisoryIcon>img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.advisoryText {
    font-size: 14px;
    width: 21px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    margin-top: 12px;
    padding-top: 6px;
    line-height: 1.3;
    text-align: center
}

.advisoryBtn {
    z-index: 1030
}

.advisoryBtn,.advisoryHide {
    position: fixed;
    width: 210px;
    right: 80px;
    bottom: 60px;
    transform-origin: 214px 100px;
    padding-right: 10px;
    color: rgba(0,0,0,.65);
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.advisoryHide {
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}
/* the-consult */

.the-consult {
    position: fixed;
    z-index: 2021;
    top: 50%;
    right: 12px;
}

.the-consult .panel-wrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    padding-right: 16px;
}


.the-consult:hover .panel-wrap {
    display: block;
}

.the-consult .panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #fff;
    padding: 24px;
    position: relative;
}

.the-consult .panel:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-right-width: 0;
    border-left-color: #fff;
    top: 50%;
    right: 0;
    transform: translate(8px, -50%);
}

.the-consult .panel .row {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.the-consult .panel .row + .row {
    margin-top: 24px;
}

.the-consult .panel .row img {
    flex-shrink: 0;
}

.the-consult .panel .row .text {
    margin: 0 64px 0 40px;
    flex-grow: 1;
}

.the-consult .panel .row .title {
    font-size: 16px;
}

.the-consult .panel .row .desc {
    color: #909399;
    margin-top: 8px;
}

.the-consult .trigger {
    width: 40px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #606266;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
    border-radius: 4px;
}

.the-consult .trigger .icon {
    margin-bottom: 8px;
}

.y-button {
    border-color: #e3e4e5;
    border-width: 1px;
    border-style: solid;
    display: inline-flex;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #606266;
    justify-content: center;
    align-items: center;
    transition: .1s;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    line-height: 1;
    background-color: #fff;
    text-decoration: none;
}

.y-button + .y-button {
    margin-left: 10px;
}

.y-button:not(.y-button-disabled):hover {
    border-color: #409eff;
    background-color: #409eff;
    color: #fff;
}
.y-button-primary {
    border-color: #409eff;
    background-color: #409eff;
    color: #fff;
}
/* the-consult */