.head-nav {
    position: fixed;
    z-index: 111;
    width: 100%;
    max-width: 1920px;
    height: 77px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    overflow: hidden;
    font-family: PingFangSC, PingFangSC-Medium;
    -webkit-transition: height .2s;
    transition: height .2s
}

.head-nav:hover {
    height: 600px;
    background: #fff;
    color: #212121
}

.head-nav.pull-down {
    background: #fff;
    color: #212121;
    height: 109px
}

.head-nav.pull-down:hover {
    height: 600px
}

.head-nav-inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 32px
}

.head-nav-logo {
    float: left;
    width: 178px;
    height: 45px
}

.head-nav-logo img {
    display: block;
    overflow: hidden;
    width: 100%
}

.head-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding-left: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-nav-menu-item {
    padding: 0 24px
}

.head-nav-menu-item .link {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.head-nav-menu-item .link.active:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 3px;
    background: #04cca4
}

.head-nav-menu-item .has-children {
    position: relative
}

.head-nav-menu-item .has-children .children-list-wrap {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 112px;
    padding-top: 22px;
    font-size: 20px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400
}

.head-nav-menu-item .has-children .children-list {
    position: relative;
    padding: 0 12px;
    border-radius: 8px
}

.head-nav-menu-item .has-children .children-list .children-item {
    line-height: 28px;
    text-align: center;
    margin-bottom: 36px;
    white-space: nowrap
}

.head-nav-menu-item .has-children .children-list .children-item .child-link {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.head-nav-menu-item .has-children .children-list .children-item .child-link:hover {
    color: #04cca4
}

.head-nav-menu-item .has-children:hover .children-list-wrap {
    display: block
}

.head-nav-menu-item:last-child {
    margin: 0
}

.banner-video[data-v-797b1302] {
    background: #f4f4f4;
    max-width: 1920px;
    min-width: 1200px;
    width: 100%;
    max-height: 780px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.banner-video .loaded[data-v-797b1302] {
    opacity: 0
}

.banner-video .none[data-v-797b1302] {
    display: none
}

.banner-video-img[data-v-797b1302] {
    width: 100%;
    height: auto
}

.banner-video-poster[data-v-797b1302] {
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(51%, rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, .2) 51%, rgba(0, 0, 0, .2))
}

.banner-video-poster-bg[data-v-797b1302] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.banner-video-poster-title[data-v-797b1302] {
    display: block;
    width: 100%;
    margin: 8% auto 0
}

.banner-video-poster .playBtn[data-v-797b1302] {
    display: block;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: url(../img/btns.856187e5.png) no-repeat;
    background-size: 216px;
    background-position: 0 0;
    margin: 35px auto 0;
    cursor: pointer
}

.banner-video-poster .playBtn[data-v-797b1302]:hover {
    background-position: -108px 0
}

.banner-video-poster-inner[data-v-797b1302] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.banner-video .video-wrapper[data-v-797b1302] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.banner-video .video-wrapper-relative[data-v-797b1302] {
    position: relative
}

.banner-video video[data-v-797b1302] {
    background: #000
}

.banner-video .video-js[data-v-797b1302] {
    background: #f4f4f4
}

.banner-video .video-js .vjs-tech[data-v-797b1302] {
    position: relative !important;
    max-height: 780px
}

.banner-video .video-js.vjs-fluid[data-v-797b1302] {
    height: auto !important;
    padding: 0 !important
}

.banner-video .video-js.vjs-fullscreen .vjs-tech[data-v-797b1302] {
    max-height: 100% !important
}

.banner-video .vjs-modal-dialog-content[data-v-797b1302],
.banner-video .vjs-modal-dialog[data-v-797b1302] {
    display: none !important
}

.banner-video .head-nav-box[data-v-797b1302] {
    position: absolute;
    width: 1200px;
    top: 43px;
    z-index: 1;
    left: 50%;
    margin-left: -600px
}

.link-nav[data-v-4f3a5b84] {
    width: 1200px;
    margin: 50px auto 60px
}

.link-nav-ul[data-v-4f3a5b84] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.link-nav-ul-li-inner[data-v-4f3a5b84] {
    padding: 44px 58px;
    margin: 0 auto;
    background: #f8f9fb;
    border-radius: 4px;
    font-size: 24px;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.link-nav-ul-li-inner .pop[data-v-4f3a5b84] {
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #30c7ca;
    color: #fff;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: 16px;
    text-decoration: none
}

.link-nav-ul-li-inner .pop .children-item[data-v-4f3a5b84] {
    display: inline-block;
    color: hsla(0, 0%, 100%, .8);
    line-height: 16px;
    padding: 0 8px;
    margin: 6px 0;
    font-weight: 400;
    border-right: 1px solid hsla(0, 0%, 100%, .5);
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.link-nav-ul-li-inner .pop .children-item.no-split-line[data-v-4f3a5b84],
.link-nav-ul-li-inner .pop .children-item[data-v-4f3a5b84]:last-child {
    border-right: 0
}

.link-nav-ul-li-inner .pop .children-item[data-v-4f3a5b84]:hover {
    font-weight: 500;
    color: #fff
}

.link-nav-ul-li-inner:hover .pop[data-v-4f3a5b84] {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.link-nav-ul-li-inner .icon[data-v-4f3a5b84] {
    position: relative;
    padding-left: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-weight: 500
}

.link-nav-ul-li-inner .icon[data-v-4f3a5b84]:before {
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    top: -10px;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAGK0lEQVR4Xu2dXYhUZRjH/8/szGj2gZWFGRWChWxRkKhdbFI3JfSpFhFiJcHmmoHeSHSTiSQUGJrOjPalm16EEqRddCEUiCR9WEZhG21IlquWhtq6O3vOzBNn/Gp33fV9zjnzvu+wz9zO/33+7/n99gw7zDkzBH14TYC83p1uDirI8z8CFaSCPCfg+fYa4gzixRiLcrYNhAwoLNE6HPOca2rbawxBbbmvAEytHTVjL5WCKakR8HyQ94K4FTegKXeoH0fGERCxGVs+DfAmKobLzfJ+pfwXtGj0RFQqvyXGxtxCpXB34jmWB4wcQcBzVAw2WeabuG7kCCLMp0KwMTExywNUkGXg0joVJCVmOa+CLAOX1qkgKTHL+ZEk6FkqBO2W+SauGymCqqjiblof7EtMzPKARhX0LYCyESvibnCmnYp9m43ynoUaU1A2M4neLnd6xrIu21FBdcGa3lAVlB7LukxqTEGUuZUK5V/rQsSzoSrIMyEDt1N3QfwqMjiOK3Aa2WFZXDXEsz25W0DY2+/ZKqZiTDD0RxAnL0E9D0YPemgjej33U5+rergtey9AjwN4EMBtAHJ+guB/AIr+Zd8ODj6mEv70bZ+pnkH8YnYGqvQGgOm+HajBfspglFANVtAG/G2QtxJJRVDtZexo/nWAlwL1OSut0KiV8GFUMZvWh1/a6xy6KbEgfhJNuC67FUyzfDiglPZQRqb6FK2rfJLSvNhjkgtamFsFxpLYO/B3YTcILVQIvne5xUSCeMGoh0HVHS4PoK7djE4cC5ppK/rq2jPM8NiCai9t43I/AGh2tXkrvYTFVAhWW+m6SEl8QQvyc0C8zdXG7fXyYVwf3kivoWqv80JTAkG5zSDMdbFp650Or6mLL6gtexygq63DclJIK6nY94qL6liCeBEmoJLz7l13/QDydiqGj9Vvfsrvg7gtfyfADffxcQLAu6kYtCRYH3tpvDOoLRfdXfBN7NbGW/g1FYNpLratgsyoqyAzTgNSl18LTHsamHAHkBs99Ahm4NRR4KfPgI7P41SpIDG122cC89uBMWNlS/ftAD6YB/SdlqxTQRJaGD8ZeHkPkB8jWnY+vOdDoP15yVoVJKGFZ94D7pknWtIvHL3kLWsG/jK+cksFiWgv7wDGTRQtGRSOzqDoTDJ7qCAzTmdTKzqBa24SLRkU3rIA2P2+6QwVZEqqlnthG3DXo6Ilg8IrpwMHvzOdoYJMSdVyk1qAJTsByoiWnQ93fAGsfkCyVgVJaNWy978EzHkTyAglde0H1swETnRJKlWQhNb57M1TgBmtsjequ94Bgh5pnQqSErOcV0GWgUvrVJCUmOW8CrIMXFqngqTELOdVkGXg0joVJCVmOa+CLAOX1qkgKTHLeRVkGbi07gAY0X1Pl3qUgepRZCt7aS36f0vkpVYO8bxeNGIEjrsB+tkoei7E0W2btIZKfT+K1g0IqyAjejEEnZlbAdEqKvR9ZFRzkZAKMiIXW9CZ6VxdRqXKp0ZVegbFwZRQENCDSjArzr2vegYZ+UosKLpzdwsVgreM6v4XUkFGxFIQBO6iYviIUZ0KkmJKQ1B0/3twHxXwr6RdzyAjWikJqjTNpg29vxtVng2pICNaKQnipieo1HvAqFIFSTCpIAktB1kV5AC6pFIFSWg5yKogB9AllSpIQstBVgU5gC6pVEESWg6yKsgBdEmlCpLQcpBVQQ6gSypVkISWg6wKcgBdUqmCJLQcZFWQA+iSShUkoeUgq4IcQJdUqiAJLQdZFeQAuqRSBUloOciqIAfQJZUqSELLQVYFOYAuqVRBEloOsirIAXRJpQqS0HKQVUEOoEsqG01Qa34ymni/5BAbOst8CkS/JD6GIHiI3sURyZx4F8/Xftwp+wdA4yVljZvlQwCJvgFw8LHyISqG4u/xjCUoKueF+blgjr42N/aMxhDGZYCiV4tK7P0yGBleSoVQ/LX3ieBy9CtcGV4BxuTYm/d3YRXgEwAdBBDE3iahE8xrqRjuijMjkaBzhbwUV6IHw/x4QpytDbMmQB4ZXJby1AvjQjBG4SRChIk6KijTBoh+g2BgXyqCEh2ELh6WgAry/A9EBakgzwl4vj09gzwX9B/bKyGW1a+/OQAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.link-nav-ul-li-inner .k12[data-v-4f3a5b84]:after {
    content: "\9886\4F53\9A8C\8BFE";
    right: -45px
}

.link-nav-ul-li-inner .k12[data-v-4f3a5b84]:after,
.link-nav-ul-li-inner .middle[data-v-4f3a5b84]:after {
    background: linear-gradient(302deg, #ff2727 7%, #ff5959 92%);
    border-radius: 9px 9px 9px 0;
    position: absolute;
    top: -23px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding: 2px 5px;
    -webkit-animation: breath-data-v-4f3a5b84 2s ease-in-out infinite;
    animation: breath-data-v-4f3a5b84 2s ease-in-out infinite
}

.link-nav-ul-li-inner .middle[data-v-4f3a5b84]:after {
    content: "NEW";
    right: -30px
}

.link-nav-ul-li-inner .middle[data-v-4f3a5b84]:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAI8UlEQVR4Xu2dbXAV1RnH/2d3701CEw1vISARYuTFkDQh92IVDLY64ogVYXTSgRugzDjVWrUwU77UmfrywQ+1vrSNbYdxxkIScaKlRa0VOhW1lFa4NxCBSAIBSoCS8JYQMib37u7p7GXS5no32bN7z8bNzdlPd2af8zzP+f/22T177u5ZArF5WgHi6exEchCAPH4QCEACkMcV8Hh6ooIEII8r4PH0RAUJQB5XwOPpiQoaM4D2NGQpWeodRNXmUCLlgkD2eN/5pkehEap3UUVuUb9UdmNh1Zc8AqRcQUqkthIgGwAsAcU3eCQ16n0Q9ALYCdBX1MDqv6fSH+eAGrdOU6j2W1AsSyWBtG9L8K5K5B+iYuVZJ311BMi3t26BLuOPhOIGJ0HHWhtKcEbSsCJ2a/U+u323DcgfrivVgX8AyLEbbIzb90jAomiw+qAdHewB+mzzRFmW9xGg0E4QYXtNAQqc0DRtAb619iKrJrYAyZH6XxNKn2B1LuySFaCE1GiB0JOs2jADygi/VaQRtRkUflbnws5EAYKoStViBL/fxqIPMyAlXPccgJ+xOBU2lgo8rwarn7G0Atj/sFMidQdAUcbiVNhYKEDQpAaqy1l0YqugcMP1ColdBqVs9iyRx7INIVSlvvEIVnVbycAkuK+xtozq5ICVM7GfXQEi0fJYxeomqxZMgJTwm3cAekpTFlaJjL39UqUaXLXbqt9sgCJbK0G1T62cif02FCDyYjWw0vKgF4BsaMrVVADiKid/ZwIQf025ehSAuMrJ35kAxF9Trh4FIK5y8ncmAPHXlKtHAYirnPydeR2Qn0h4dto38cikm+Odf/3CMTx79nNEqc5fDAceXc/P64BeuKEcG/PnJUj34rnD+OkZb0z5uZ6f1wF1lj2M8UpGAqDLaj/ymt5xcLzzb+J6fl4HFAuETFX1Rer5q+3Ao+v5CUAOqAxqIgA5qCBjZvfxybPxZN5cTFIy8OnVDvzkdCOO918dlkahPxsvFVRgcc4U9GgqXu5oRk1ni/GUzZCbAOQA0FN5c/BSQTBB1JP9VxH84gN0azFTsbMlBY3FS1GYkfgY38b2CF7tPCIADaWAkyP0VOkKTPWPS3L59Jn9+Pm5ZtNQG6cU44Xp85P2GWBnHdouAPEE1F3+PYyTlSSXp6O9mHVwO9SvnLQkELSWLMOMjOykNhfVfuQPM2J0cgDZuuql4yBhW9GdeCB3uqkOoeO70XD53wn7HsydjneK7jS1f7/rNFa0fSIqiGcF3ZWTjx2z7zZ1ubf3AhYd2ZGwb+esu/Gd6/JN7Zce/Qh/vfIfAYgnIMPX/uKlKMkab+q28sgO/Kv3Qnxfceb1OFB8PwhJ/le/te8KSg6/J0Zxw52TnZ7j100swqaZt5m6fvvSSaw6Ybx4AdTcuACPTp5tarf+1D68dr512EuG0/yYr0PpeA0yOp9JZBwvXY7JvswkLVSqxwcLPXoMJ0tXIFv2Jdn0aDHM+HwbenRVAHKjggyfxiz401NLTd0bE64dsT78oiBguv+1zhasbw9bHuiighzcqA6omq9koq10OfxS8nvKl9UourQoCk2G1pTS+LWntb9HALJSINUj9Pczb0do4k1WYRJHdd1ncf+xXUxtUs3PMki6XoMGOl4xbgI+u+U+Sx0GGzx4bBc+6GZ7l1cASuEUNyD6R7PvQWVOHhOktv4eFB96F6z/1wpAHAAtzy3A20WLmQBZTY5+1YkAxAGQMdfWUrIMM00GBIMF79VUzDi4bcgZbzPCAhAHQIaw6/Pm4sUhhtQDwm8634ofnbK3RIEAxAnQdbIvflOaY3JTagAyhtbzm/+Mw32WL7MlFJIAxAmQoerLBYH4v6xm264r57Dk6N+YrlODjQQgjoCKMrLRPG8ZJJOJ0YfbPsH2rtMCkF0FeD/WtGnGbVg3qSghjXDvRSw68iHz0HpwY975Jenj9RtV3g8GZhIJz08rR2hiITIkCR92n8WG9jDOq/12j524Pe/8Rh0g1x+tdYTl/41cz8/rFZSifqO/uQDkcYYCkADkcQU8np6oIAHI4wp4PD1RQQKQxxXweHp8K6i2EpSIxZR4Mid0Mcui50yLKfki9QFKqfWzSjw7kOa+CCHBWCAUseomEyAcashX+qJDP8hsFUXsT1JAzfRPRUnVOStp2AABkMN1pwhQYOVQ7LdWgALtWrD6RmtLG4vKijWzWeRks7GzdjZzBSn7ty6Epl17Ml1sqSkgy4vU+Sv3sDhhBmQ4UyL174HS77I4FjZDKEDI+2og9ACrPrYA+SNbbtGpZDweI74TxKpwol2vRPQF0cCaL1ib2wJkOJUb33yIUL0BFBJrEGEXX0Jep0Sq0ipW/cGOHrYBGc59kfofUEprjJ92go1h2xgh5IlYILTJrgaOAMWvR/u3fptqWh2B+MjTcKJT4AyR5Wp1/sqP7cIx7B0Digdrb8hSOqLrKfBjAkxxkkC6tqFABwF+qU7xv4oC5x8cTA3QgLr0GUkJz7odsrSEaPocSpALimsLGkjIohTmL4uOcjqEoBU6rn3tkUAlFF1Ullqg6TvV4NF/gjzH+jLFkErwATSM0BmR2ps1Sl4Z5SxM05cJ3dAfWH3Mzb4JQCmoKwClIN5INE0LQJlNWwrVmPSrkRBspGMoPv2pvrI1J9yM6/opDnten6D4Mze72Ymvy7ca7VuLhY9ccjO++4AoJb5w/Zb4yC6NNmPEFguG1oCQ4dYFTLnH7gMyphv21j1OJdh7JTvlrrnrgOj4S+zW6t+4GyXVG1XW7BobJis0+ru0+cSn8alN4n8MFVXnWSVwajciFWQkp0Tq70W6fCSXkBo1EEpc+8wpAYt2IwbIyEMO1y4nlKwDGaUz4dSYkaZvaMHVf3KJR5LbEQVkRPeH35irw7cWQMlIdZJTnEMSYpujwXVDr0TLKdBgNyMO6H/Bm7bkKTF5HpX0CdA8+vlpGVGiS5dUn3YYZWs6XdDf0uXXB8gyNWFgKCAAefw4EIAEII8r4PH0RAUJQB5XwOPpiQoSgDyugMfTExUkAHlcAY+nJyrI44D+C0w4T6U7HjwQAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover
}

@-webkit-keyframes breath-data-v-4f3a5b84 {
    10% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    20% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    30% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes breath-data-v-4f3a5b84 {
    10% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    20% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    30% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.link-nav-ul-li-inner .university[data-v-4f3a5b84]:before {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover
}

.link-nav-ul-li-inner .chuguo[data-v-4f3a5b84]:before {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover
}

.link-nav-ul-li:first-child .pop[data-v-4f3a5b84],
.link-nav-ul-li:nth-child(2) .pop[data-v-4f3a5b84] {
    font-size: 20px
}

.card[data-v-747f3ade] {
    text-align: center
}

.card-body[data-v-747f3ade] {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 54px 0 60px 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.highColor[data-v-e7b596f4] {
    color: #000000
}

.card-header-title[data-v-e7b596f4] {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.card-header-title[data-v-e7b596f4]:before {
    background: -webkit-gradient(linear, right top, left top, from(#30c7ca), color-stop(45%, #45e79a), to(rgba(69, 231, 154, 0)));
    background: linear-gradient(-90deg, #30c7ca, #45e79a 45%, rgba(69, 231, 154, 0));
    left: -90px
}

.card-header-title[data-v-e7b596f4]:after,
.card-header-title[data-v-e7b596f4]:before {
    content: "";
    display: block;
    width: 71px;
    height: 3px;
    opacity: .4;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -2px
}

.card-header-title[data-v-e7b596f4]:after {
    background: -webkit-gradient(linear, left top, right top, from(#30c7ca), color-stop(45%, #45e79a), to(rgba(69, 231, 154, 0)));
    background: linear-gradient(90deg, #30c7ca, #45e79a 45%, rgba(69, 231, 154, 0));
    right: -90px
}

.card-header .tips[data-v-e7b596f4] {
    display: block;
    color: #000;
    font-size: 16px
}

.brand-card[data-v-77c0555a] {
    border-bottom: 1px solid #f1f1f1
}

.brand-card-grid[data-v-77c0555a] {
    width: 1086px;
    margin: 0 auto
}

.brand-card .list[data-v-77c0555a] {
    height: 280px
}

.brand-card .list-item[data-v-77c0555a] {
    margin-bottom: 36px;
    height: 66px
}

.brand-card .list-item[data-v-77c0555a]:last-child {
    margin-bottom: 0
}

.brand-card .list-item .title[data-v-77c0555a] {
    font-size: 26px;
    color: #333;
    font-weight: 500;
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px
}

.brand-card .list-item .title[data-v-77c0555a]:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 3px solid #ff7105;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px
}

.brand-card .list-item .tips[data-v-77c0555a] {
    font-size: 18px;
    color: #666
}

.brand-card .brandImg[data-v-77c0555a] {
    display: block;
    overflow: hidden;
    width: 521px
}

.brand-card .item-enter[data-v-77c0555a] {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px)
}

.brand-card .item-enter-active[data-v-77c0555a] {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.brand-card .item-enter-to[data-v-77c0555a] {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.authority-card[data-v-1cc15f54] {
    margin-top: 60px
}

.authority-card-grid[data-v-1cc15f54] {
    width: 1100px;
    margin: 0 auto
}

.authority-card .card-inner[data-v-1cc15f54] {
    width: 336px;
    height: 309px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding-bottom: 28px
}

.authority-card .card-inner-banner[data-v-1cc15f54] {
    height: 202px;
    overflow: hidden
}

.authority-card .card-inner-banner img[data-v-1cc15f54] {
    display: block;
    width: 100%;
    overflow: hidden
}

.authority-card .card-inner-title[data-v-1cc15f54] {
    height: 74px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    padding: 14px;
    position: relative
}

.authority-card .card-inner-title[data-v-1cc15f54]:hover {
    color: #ff7105
}

.authority-card .card-inner-tips[data-v-1cc15f54] {
    height: 75px;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin: 25;
}

.teacher-card[data-v-41f4710f] {
    padding-top: 60px;
    background: #f8f9fb
}

.teacher-card-grid[data-v-41f4710f] {
    width: 1160px;
    margin: 0 auto
}

.teacher-card .list[data-v-41f4710f] {
    padding: 60px 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 435px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.teacher-card .list li[data-v-41f4710f] {
    width: 25%;
    float: left
}

.teacher-card .card-inner[data-v-41f4710f] {
    width: 260px;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden
}

.teacher-card .card-inner-banner[data-v-41f4710f] {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 25px auto
}

.teacher-card .card-inner-banner img[data-v-41f4710f] {
    width: 100%;
    display: block;
    overflow: hidden
}

.teacher-card .card-inner-title[data-v-41f4710f] {
    color: #333;
    font-weight: 500;
    font-size: 26px;
    text-align: center;
    padding-bottom: 6px
}

.teacher-card .card-inner-tips[data-v-41f4710f] {
    height: 104px;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    text-align: center
}

.teacher-card .item-enter[data-v-41f4710f] {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.teacher-card .item-enter-active[data-v-41f4710f] {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.teacher-card .item-enter-to[data-v-41f4710f] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.course-card[data-v-e8c1d5ba] {
    margin-top: 60px
}

.course-card-grid[data-v-e8c1d5ba] {
    width: 880px;
    margin: 0 auto
}

.course-card .card-inner[data-v-e8c1d5ba] {
    width: 430px;
    padding-bottom: 28px;
    cursor: pointer;
    overflow: hidden
}

.course-card .card-inner-banner[data-v-e8c1d5ba] {
    height: 286px;
    overflow: hidden;
    position: relative;
    border-radius: 4px
}

.course-card .card-inner-banner img[data-v-e8c1d5ba] {
    display: block;
    width: 100%;
    overflow: hidden
}

.course-card .card-inner-banner .pop[data-v-e8c1d5ba] {
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    width: 100%;
    line-height: 37px;
    font-size: 20px;
    height: 100%;
    top: 0;
    padding: 106px 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.course-card .card-inner-banner:hover .pop[data-v-e8c1d5ba] {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.course-card .card-inner-title[data-v-e8c1d5ba] {
    color: #333;
    font-size: 26px;
    text-align: center;
    padding: 14px
}

.course-card :nth-child(3) .card-inner[data-v-e8c1d5ba],
.course-card :nth-child(4) .card-inner[data-v-e8c1d5ba] {
    padding-bottom: 0
}

.technology-card[data-v-78c0f93a] {
    padding-top: 60px;
    background: #fffdfa
}

.technology-card-grid[data-v-78c0f93a] {
    width: 1065px;
    margin: 0 auto
}

.technology-card .list[data-v-78c0f93a] {
    height: 330px
}

.technology-card .list-item[data-v-78c0f93a] {
    margin-bottom: 62px
}

.technology-card .list-item[data-v-78c0f93a]:last-child {
    margin-bottom: 0
}

.technology-card .list-item .title[data-v-78c0f93a] {
    font-size: 26px;
    color: #444;
    position: relative;
    margin-bottom: 8px
}

.technology-card .list-item .title .before[data-v-78c0f93a] {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    font-size: 54px;
    color: #ff7105;
    opacity: .12;
    position: absolute;
    left: 0;
    top: -35px
}

.technology-card .list-item .tips[data-v-78c0f93a] {
    font-size: 18px;
    color: #666
}

.technology-card .brandImg[data-v-78c0f93a] {
    display: block;
    overflow: hidden;
    width: 521px
}

.technology-card .item-enter[data-v-78c0f93a] {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px)
}

.technology-card .item-enter-active[data-v-78c0f93a] {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.technology-card .item-enter-to[data-v-78c0f93a] {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.responsible-card-grid[data-v-594ebc44] {
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1154px;
    background: url(../img/gongyiBg.e4cef7f3.png) no-repeat;
    background-size: 100% 100%;
    background-position: top;
    margin: 0 auto
}

.responsible-card .childImg[data-v-594ebc44] {
    display: block;
    width: 100%;
    overflow: hidden
}

.responsible-card .list-item[data-v-594ebc44] {
    margin-bottom: 36px;
    width: 488px
}

.responsible-card .list-item[data-v-594ebc44]:last-child {
    margin-bottom: 0
}

.responsible-card .list-item .title[data-v-594ebc44] {
    font-size: 26px;
    line-height: 37px;
    font-weight: 500;
    color: #333;
    position: relative;
    margin-bottom: 8px
}

.responsible-card .list-item .tips[data-v-594ebc44] {
    font-size: 18px;
    line-height: 40px;
    color: #666
}

.responsible-card .brandImg[data-v-594ebc44] {
    display: block;
    overflow: hidden;
    width: 521px
}

.responsible-card .swiperBox[data-v-594ebc44] {
    position: relative;
    width: 948px;
    margin: 0 auto
}

.responsible-card .swiperBox .toggleBtn[data-v-594ebc44] {
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: #d8d8d8;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    text-align: center
}

.responsible-card .swiperBox .toggleBtn[data-v-594ebc44]:after {
    font-size: 20px;
    color: #fff
}

.responsible-card .swiperBox .toggleBtn[data-v-594ebc44]:hover {
    background: #30c7ca
}

.responsible-card .swiperBox .swiper-button-prev[data-v-594ebc44] {
    left: -130px
}

.responsible-card .swiperBox .swiper-button-next[data-v-594ebc44] {
    right: -130px
}

.responsible-card .swiperBox .swiper-container[data-v-594ebc44] {
    position: relative
}

.responsible-card .swiperBox .swiper-container-son[data-v-594ebc44] {
    overflow: hidden;
    width: 400px;
    margin: 0 auto
}

.animate-bar[data-v-99c8279e] {
    position: absolute;
    width: 100%;
    top: 204px;
    z-index: 1
}

.animate-bar .before[data-v-99c8279e] {
    content: "";
    display: block;
    height: 1px;
    background: #30c7ca;
    opacity: .2;
    width: 1px;
    position: absolute;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 50%;
    margin-top: -1px
}

.animate-bar.isAnimate .before[data-v-99c8279e] {
    width: 100%;
    left: 0;
    -webkit-transition: width 2s;
    transition: width 2s
}

.animate-bar-inner[data-v-99c8279e] {
    z-index: 3;
    width: 1020px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.animate-bar-inner-dot[data-v-99c8279e] {
    width: 18px;
    height: 18px;
    float: left;
    color: #fff;
    border: 1px solid #30c7ca;
    border-radius: 50%;
    position: absolute;
    background: #213549;
    top: -10px;
    z-index: 11
}

.animate-bar-inner-dot[data-v-99c8279e]:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 3px solid #30c7ca;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.dot-enter[data-v-99c8279e] {
    opacity: 0;
    -webkit-transform: translate3d(20px, -50px, 0);
    transform: translate3d(20px, -50px, 0)
}

.dot-enter-active[data-v-99c8279e] {
    -webkit-transition: all .8s;
    transition: all .8s
}

.dot-enter-to[data-v-99c8279e] {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.highColor[data-v-4f36954c] {
    color: #000000;
    font-style: normal
}

.alignLeft[data-v-4f36954c] {
    display: block;
    text-align: left
}

.development-card[data-v-4f36954c] {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/posterBg.f3c73bb9.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.development-card-grid[data-v-4f36954c] {
    width: 1100px;
    background-position: top;
    margin: 0 auto
}

.development-card .swiper-inner-card[data-v-4f36954c] {
    width: 100%;
    margin: 0 auto
}

.development-card .swiper-card-item[data-v-4f36954c] {
    max-width: 177px
}

.development-card .cus-header[data-v-4f36954c] .card-header-title,
.development-card .cus-header[data-v-4f36954c] .tips {
    color: #fff !important
}

.development-card .history[data-v-4f36954c] {
    color: #fff;
    width: 120px;
    margin: 0 auto;
    overflow: hidden
}

.development-card .history .title[data-v-4f36954c] {
    text-align: left;
    display: block;
    font-size: 44px;
    position: relative
}

.development-card .history .title .subYear[data-v-4f36954c] {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 0
}

.development-card .history .tips[data-v-4f36954c] {
    height: 200px;
    opacity: .8;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-top: 7px
}

.development-card .swiperBox[data-v-4f36954c] {
    position: relative;
    width: 1020px;
    margin: 40px auto 0;
    min-height: 372px
}

.development-card .swiperBox .toggleBtn[data-v-4f36954c] {
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    text-align: center
}

.development-card .swiperBox .toggleBtn[data-v-4f36954c]:after {
    font-size: 20px;
    color: #fff
}

.development-card .swiperBox .toggleBtn[data-v-4f36954c]:hover {
    background: #30c7ca
}

.development-card .swiperBox .swiper-button-prev[data-v-4f36954c] {
    left: -90px
}

.development-card .swiperBox .swiper-button-next[data-v-4f36954c] {
    right: -90px
}

.development-card .swiperBox .swiper-container[data-v-4f36954c] {
    position: relative
}

.development-card .swiperBox .swiper-container-son[data-v-4f36954c] {
    overflow: hidden;
    width: 400px;
    margin: 0 auto
}

.development-card .swiper-enter[data-v-4f36954c] {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.development-card .swiper-enter-active[data-v-4f36954c] {
    -webkit-transition: all .8s;
    transition: all .8s
}

.development-card .swiper-enter-to[data-v-4f36954c] {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.honor-card-grid[data-v-d1529586] {
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1100px;
    background-size: 100% 100%;
    background-position: top;
    margin: 0 auto
}

.honor-card-grid .honor[data-v-d1529586] {
    width: 300px;
    margin: 0 auto;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    overflow: hidden
}

.honor-card-grid .honor img[data-v-d1529586] {
    display: block;
    width: 100%;
    overflow: hidden
}

.honor-card-grid .honor .title[data-v-d1529586] {
    color: #333;
    font-size: 18px;
    padding: 30px 0
}

.honor-card .swiperBox[data-v-d1529586] {
    position: relative;
    padding: 60px 0;
    width: 994px;
    margin: 0 auto
}

.honor-card .swiperBox .toggleBtn[data-v-d1529586] {
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: #d8d8d8;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    text-align: center
}

.honor-card .swiperBox .toggleBtn[data-v-d1529586]:after {
    font-size: 20px;
    color: #fff
}

.honor-card .swiperBox .toggleBtn[data-v-d1529586]:hover {
    background: #30c7ca
}

.honor-card .swiperBox .swiper-button-prev[data-v-d1529586] {
    left: -90px
}

.honor-card .swiperBox .swiper-button-next[data-v-d1529586] {
    right: -90px
}

.media-card[data-v-37a8a3f6] {
    background: #f8f9fb
}

.media-card-grid[data-v-37a8a3f6] {
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    background-size: 100% 100%;
    background-position: top;
    margin: 0 auto
}

.media-card-grid .media[data-v-37a8a3f6] {
    display: block;
    width: 354px;
    margin: 0 auto;
    text-decoration: none;
    padding: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #333
}

.media-card-grid .media[data-v-37a8a3f6]:hover {
    -webkit-box-shadow: 0 2px 10px 0 hsla(0, 0%, 57.3%, .22);
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 57.3%, .22);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.media-card-grid .media .title[data-v-37a8a3f6] {
    color: #e64843;
    font-size: 32px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.media-card-grid .media .tips[data-v-37a8a3f6] {
    font-size: 18px;
    font-weight: 600;
    text-align: justify;
    color: #333;
    line-height: 26px;
    margin: 25px 0 21px 0
}

.media-card-grid .media .content[data-v-37a8a3f6] {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    height: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.video-card[data-v-587aefe2] {
    background: #f8f9fb;
    padding-bottom: 80px
}

.video-card-grid[data-v-587aefe2] {
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    background-size: 100% 100%;
    background-position: top;
    margin: 0 auto
}

.video-card-grid .video[data-v-587aefe2] {
    display: block;
    width: 354px;
    margin: 0 auto;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    font-size: 0;
    margin-bottom: 40px;
    overflow: hidden
}

.video-card-grid .video-poster[data-v-587aefe2] {
    width: 354px
}

.video-card-grid .video-title[data-v-587aefe2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 354px;
    height: 92px;
    padding: 20px;
    text-align: left;
    color: #212121;
    font-size: 18px;
    line-height: 26px
}

.video-card .video-more[data-v-587aefe2] {
    display: block;
    text-decoration: none;
    width: 80px;
    height: 26px;
    font-size: 16px;
    text-align: center;
    color: #212121;
    line-height: 26px;
    margin: -50px auto 0;
    border: 1px solid #757575;
    border-radius: 5px;
    padding: 10px 30px
}

.video-card .video-more[data-v-587aefe2]:hover {
    cursor: pointer
}

.footer[data-v-52c6fd63] {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 40px;
    font-size: 12px
}

.footer a[data-v-52c6fd63]:hover {
    color: #ff8330 !important
}

.footer .footer-outfit[data-v-52c6fd63] {
    height: 120px
}

.footer .footer-outfit .footer-outfit-con[data-v-52c6fd63] {
    position: relative;
    width: 1190px;
    height: 120px;
    margin: 0 auto;
    text-align: center
}

.footer .footer-outfit .footer-outfit-con .footer-outfit-con__p[data-v-52c6fd63] {
    display: inline-block;
    font-size: 22px;
    color: #545e64
}

.footer .footer-outfit .footer-outfit-con .footer-outfit-con-ul[data-v-52c6fd63] {
    height: 52px;
    margin-top: 34px;
    display: inline-block
}

.footer .footer-outfit .footer-outfit-con .footer-outfit-con-ul li[data-v-52c6fd63] {
    height: 52px;
    display: inline-block;
    padding: 0 20px
}

.footer .footer-outfit .footer-outfit-con .footer-outfit-con-ul li img[data-v-52c6fd63] {
    vertical-align: middle
}

.footer .footer-outfit .footer-outfit-con .footer-outfit-con__phone[data-v-52c6fd63] {
    position: absolute;
    top: 28px;
    right: 0;
    display: inline-block
}

.footer .footer-help[data-v-52c6fd63] {
    height: 240px;
    background: #f5f7fa
}

.footer .footer-help .footer-help-con[data-v-52c6fd63] {
    width: 1190px;
    margin: 0 auto;
    padding-top: 30px
}

.footer .footer-help .footer-help-con dl[data-v-52c6fd63] {
    float: left;
    width: 200px
}

.footer .footer-help .footer-help-con dl dt[data-v-52c6fd63] {
    line-height: 42px;
    font-size: 18px;
    color: #545e64
}

.footer .footer-help .footer-help-con dl dd[data-v-52c6fd63] {
    line-height: 26px;
    font-size: 12px
}

.footer .footer-help .footer-help-con dl dd a[data-v-52c6fd63] {
    font-size: 12px;
    text-decoration: none;
    color: #828282
}

.footer .footer-help .footer-help-con dl dd a[data-v-52c6fd63]:hover {
    text-decoration: underline
}

.footer .footer-help .footer-help-con dl.city-buy[data-v-52c6fd63] {
    float: right;
    width: 280px
}

.footer .footer-help .footer-help-con dl.city-buy dd[data-v-52c6fd63] {
    float: left;
    width: 40px
}

.footer .footer-link[data-v-52c6fd63] {
    width: 100%;
    height: auto;
    background: #fafbfd;
    padding: 23px 0
}

.footer .footer-link .footer-link-con[data-v-52c6fd63] {
    width: 1190px;
    margin: 0 auto;
    position: relative
}

.footer .footer-link .footer-link-con .footer-link-con-a[data-v-52c6fd63] {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1140px;
    height: 24px;
    padding-left: 70px;
    overflow: hidden
}

.footer .footer-link .footer-link-con .footer-link-con-a strong[data-v-52c6fd63] {
    position: absolute;
    left: 0;
    top: 2px
}

.footer .footer-link .footer-link-con .footer-link-con-a a[data-v-52c6fd63] {
    display: inline-block;
    padding-right: 18px;
    line-height: 24px;
    color: #828282;
    text-decoration: none
}

.footer .footer-link .footer-link-con .footer-link-con-a a[data-v-52c6fd63]:hover {
    text-decoration: underline
}

.footer .footer-link .footer-link-con .footer-link-con-a a[data-v-52c6fd63]:first-child {
    padding-right: 0;
    color: #545e64
}

.footer .footer-link .footer-link-con .footer-link-con__more[data-v-52c6fd63] {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 24px;
    background: url(//daxueui-oss.koocdn.com/static2/project/zt/2017/1205koolearn-home-gf/i/content/more_jiantou.png?zt=) no-repeat 100%;
    padding-right: 10px;
    color: #99999a;
    cursor: pointer
}

.footer .footer_copyright[data-v-52c6fd63] {
    width: 100%;
    padding-top: 20px
}

.footer .footer_copyright .footer_copyright-con[data-v-52c6fd63] {
    width: 1190px;
    margin: 0 auto;
    position: relative
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-con-ul[data-v-52c6fd63] {
    line-height: 50px
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-con-ul li[data-v-52c6fd63] {
    display: inline-block;
    padding-right: 20px
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-con-ul li a[data-v-52c6fd63] {
    color: #545e64;
    text-decoration: none
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-con-ul li a[data-v-52c6fd63]:hover {
    text-decoration: underline
}

.footer .footer_copyright .footer_copyright-con p[data-v-52c6fd63] {
    line-height: 24px;
    color: #828282
}

.footer .footer_copyright .footer_copyright-con p a[data-v-52c6fd63] {
    color: #828282;
    text-decoration: none
}

.footer .footer_copyright .footer_copyright-con p a[data-v-52c6fd63]:hover {
    text-decoration: underline
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-logo[data-v-52c6fd63] {
    position: absolute;
    bottom: 0;
    right: 0
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-logo .footer_copyright__img[data-v-52c6fd63] {
    display: inline-block;
    padding: 0 15px
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-logo .footer_copyright__img.footer_copyright__credit[data-v-52c6fd63] {
    margin-right: 50px
}

.footer .footer_copyright .footer_copyright-con .footer_copyright-logo .footer_copyright-logo__line[data-v-52c6fd63] {
    display: inline-block;
    width: 0;
    height: 35px;
    border-right: 1px solid #e1e6ee
}

#app {
    font-family: PingFangSC, PingFangSC-Medium, PingFangSC-Regular, Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    overflow: hidden;
    min-width: 1200px
}

#app .swiper-pagination-bullets {
    text-align: right;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#app .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: hsla(0, 0%, 88.2%, .3);
    opacity: 1;
    cursor: pointer;
    outline: none
}

#app .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff
}

.alignLeft {
    display: block;
    text-align: left
}

.vjs-big-play-button,
.vjs-loading-spinner {
    display: none !important
}

.highColor {
    color: #000000;
    font-style: normal
}

.swiper-button-prev:after {
    display: none
}

.swiper-button-prev:before {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 12px;
    height: 12px;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: ""
}

.swiper-button-next:after {
    display: none
}

.swiper-button-next:before {
    position: absolute;
    right: 20px;
    top: 5px;
    top: 50%;
    width: 12px;
    height: 12px;
    left: 50%;
    margin-top: -6px;
    margin-left: -9px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
}

.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}