.w-1110 {
    width: 1110px;
    height: 100%;
    margin: 0 auto;
}

[v-clock] {
    display: none;
}

.bgc-fff {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 50px 0 0 0;
}

.bgc-fafafa {
    background-color: #fafafa;
    width: 100%;
    height: auto;
    padding: 100px 0;
}

.mtop-17 {
    margin-top: 17px;
}

.clear-both {
    clear: both;
}

header {
    height: 80px;
    width: 100vw;
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

header .w-1110 {
    display: flex;
    align-items: center;
    position: relative;
    left: -8.5px;
}

header .w-1110 .header-logo {
    /* width: 153px; */
    /*height: 38px;*/
    float: left;
}

header .w-1110 .header-menu {
    height: 100%;
    list-style-type: none;
    line-height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.header-menu-active {
    color: #00a0df !important;
}

header .w-1110 .header-menu li {
    float: left;
}

header .w-1110 .header-menu li a {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: none;
    padding: 0 1.5vw;
    display: block;
}

header .w-1110 .header-menu li a:hover {
    color: #00a0df;
}

header .w-1110 .header-menu li:last-of-type a {
    padding-right: 0;
    padding-right: 0;
}

header .w-1110 .header-m-menu {
    display: none;
    position: absolute;
    right: 0;
}

.index-banner {
    position: relative !important;
    margin-top: 80px !important;
    width: 100%;
    height: 558px;
    z-index: -1 !important;
}

.index-banner .swiperBtn {
    display: none;
}

.index-banner:hover .swiperBtn {
    display: block;
}

.index-banner .swiper-wrapper .swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-wrapper {
    display: none;
}

.title-horizontal-line {
    width: 72px;
    height: 2px;
    background-color: #00a0df;
}

.title-horizontal-line-top {
    margin-top: 35px;
}

.horizontal-line-right {
    float: right;
}

.title {
    font-family: MicrosoftYaHei;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.text-content {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #3e3a39;
    clear: both;
}

.company-profile .text-content {
    width: 540px;
    margin-top: 40px;
    float: left;
}

.company-profile .text-content strong {
    font-size: 16px;
}

.company-profile .img-company-profile {
    width: 522px;
    height: 469px;
    float: right;
    margin-top: -43px;
}

.company-profile .list {
    width: 100%;
    height: 204px;
    box-shadow: #e6e6e6 0px 0px 16px;
    margin-top: 79px;
    padding: 0;
    position: relative;
}

.company-profile .list li {
    list-style-type: none;
    float: left;
    height: 100%;
    width: 351px;
    display: flex;
    position: relative;
}

.company-profile .list li:last-child {
    float: right;
}

.company-profile .list li:nth-child(2) {
    position: absolute;
    left: 50%;
    margin-left: -175.5px;
}

.company-profile .list li img {
    margin: 10px auto 0;
    height: 130px;
}

.company-profile .list li div {
    width: auto;
    height: 65px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    padding: 0 49px;
    color: #040000;
    position: absolute;
    /*top: 100px;*/
    margin-top: 87px;
}

.m-company-profile {
    display: none;
}

.cloudage-mall {
    padding-top: 0;
    width: 100%;
}

.cloudage-mall .w-1110 {
    position: relative;
    width: 100%;
}

.cloudage-mall .w-1110>.left {
    width: 50%;
    float: left;
}

.cloudage-mall .w-1110>.m-bottom {
    display: none;
}

.cloudage-mall .w-1110>.left img.m {
    display: none;
}

.cloudage-mall .w-1110>.left img.pc {
    width: 100%;
    height: 100%;
}

.cloudage-mall .w-1110>.right {
    float: left;
    right: 0;
    width: 50%;
    height: 100%;
}

.cloudage-mall .right .title-horizontal-line,
.cloudage-mall .right .title,
.cloudage-mall .right .text-content {
    margin-left: 40px;
}

.cloudage-mall .right .text-content {
    margin-top: 20px;
    margin-right: 70px;
}

.cloudage-mall .right .qr-code {
    position: relative;
    margin-top: 37px;
    margin-left: 40px;
    width: 116px;
    height: 136px;
}

.cloudage-mall .right .qr-code img {
    width: 100%;
}

.cloudage-mall .right .qr-code .title {
    position: absolute;
    margin: initial;
    bottom: 0;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    width: 100%;
    text-align: center;
    line-height: 12px;
    background-color: #fff;
}

.honor .title-horizontal-line {
    margin: 0 auto;
}

.honor {
    text-align: center;
}

.honor .honor-banner {
    width: 1110px;
    height: 454px;
    margin-top: 60px;
}

.honor .honor-banner .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
}

.new {
    text-align: center;
}

.new .title-horizontal-line {
    margin: 0 auto;
}

.new .new-tab {
    margin: 60px auto -20px;
    overflow: auto;
    display: inline-block;
    justify-content: center;
    padding: 0;
}

.new .new-tab li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 20px;
    /*float: left;*/
}

.new .new-tab li a {
    text-decoration: none;
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: solid 1px #999999;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    margin: 0 30px;
    display: block;
}

.new .new-tab li .line {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -3px;
    width: 10px;
    height: 3px;
    background: rgba(0, 160, 223, 1);
    border-radius: 1.5px;
}

.new .new-tab li a:hover {
    color: #00a0df;
    border: solid 1px #00a0df;
}

.new-tab-active {
    background-color: #00a0df !important;
    color: #fff !important;
    border: solid 1px #00a0df !important;
}

.new .new-content {
    width: 100%;
    height: 600px;
    margin-top: 50px;
    position: relative;
}

.new .new-content>div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.new .new-content .item-left {
    height: 100%;
    width: 540px;
    background-color: #e6e6e6;
    float: left;
}

.new .new-content .item-right {
    height: 285px;
    width: 540px;
    background-color: #e6e6e6;
    float: right;
}

.new .new-content .item-right:last-child {
    position: absolute;
    bottom: 0;
    right: 0;
}

.new .pc-new .title {
    width: auto;
    height: auto;
    padding: 0 15px 11px;
    font-family: SimHei;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
    position: absolute;
    bottom: -80px;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new .new-content .title .sub-title {
    font-family: SimHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new .new-content>div:hover>.title {
    bottom: 0;
    transition: all 0.6s;
}

.new .more a {
    font-family: SimHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    text-decoration: none;
    position: relative;
    margin-top: 32px;
    display: block;
}

.new .more a:hover {
    color: #00a0df;
}

.m-new {
    display: none;
    height: auto !important;
}

.new .m-tab {
    display: none;
}

.new .m-new .item {
    padding: 12px 0;
    border-bottom: 1px solid #dcdcdc;
}

.new .m-new .item:last-of-type {
    border-bottom: none;
}

.new .m-new .item .img {
    width: 88px;
    height: 64px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding-right: 7px;
    background-color: #e6e6e6;
}

.new .m-new .item .title {
    padding-top: 0 !important;
    text-align: left;
    margin-left: 105px;
}

.new .m-new .item .main-title {
    font-family: SimHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 7px 0 0 0;
}

.new .m-new .item .sub-title {
    font-family: SimHei;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 8px;
    letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new .m-more {
    display: none;
    width: 74px;
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ea131d;
    font-family: SimHei;
    font-size: 7px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ea131d;
    line-height: 26px;
    margin: 11px auto 0;
}

.pc-footer {
    width: 100%;
    height: 156px;
    background-color: #2f2f2f;
}

.pc-footer .left {
    float: left;
}

.pc-footer .menu {
    margin: 40px 0 0 0;
    padding: 0;
}

.pc-footer .menu li {
    float: left;
    list-style-type: none;
}

.pc-footer .menu li a {
    text-decoration: none;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 0 24px;
    border-right: 1px dashed #fff;
}

.pc-footer .menu li:first-of-type a {
    padding-left: 0;
}

.pc-footer .menu li:last-of-type a {
    border-right: 0;
}

.pc-footer .info {
    font-family: SimHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 15px;
}

.pc-footer .right {
    float: right;
    height: 100%;
    position: relative;
}

.pc-footer .qr-code {
    width: 244px;
    height: 120px;
    background-color: #2f2f2f;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    right: 0;
}

.pc-footer .qr-code .qr-code-p1 {
    float: left;
    width: 120px;
    height: auto;
}

.pc-footer .qr-code .qr-code-p2 {
    float: right;
    width: 120px;
    height: auto;
}

.pc-footer .qr-code img {
    width: 100%;
    height: 100%;
}

.m-footer {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    padding: 14px 0;
    background-color: #333333;
}

.m-footer .logo {
    margin-bottom: 5px;
    width: 72px;
}

.m-footer .qr-code {
    position: absolute;
    right: 15px;
    bottom: 13px;
    width: 110px;
    height: 110px;
    background-color: #ffffff;
}

/* course-details.html */
.pc-course-details {
    margin: 100px auto;
}

.pc-course-details-modify {
    margin: 20px auto;
}

.pc-video {
    height: 500px;
    background-color: #fff;
}

.pc-video-box {
    position: relative;
    height: 500px;
    background-color: #131313;
    display: flex;
}

.pc-video-item {
    flex: 4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pc-video-menu {
    height: 500px;
    overflow-y: scroll;
    flex: 2;
    color: #FFF;
    cursor: pointer;
}

.pc-course-details .bread-crumbs {
    margin-bottom: 20px;
}

.pc-pay-btn-box {
    display: flex;
}

.pc-title {
    font-size: 14px;
    font-family: Microsoft YaHei;
    display: inline-block;
}

.pc-course-details .pay-btn {
    flex: 1;
    text-align: center;
    border-radius: 4px;
    padding: 15px 0;
    cursor: pointer;
}

/* --- 改变滚动条样式 --- */
.pc-video-menu::-webkit-scrollbar {
    width: 5px;
}

/* --- 滚动条里面的滚动块 --- */
.pc-video-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #eee;
    background: #eee;
}

/* --- 滚动条里面轨道 --- */
.pc-video-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #131313;
    /* border: none;
	background: none; */
}

.pc-video-menu .title {
    position: relative;
    color: #FFF;
    font-size: 14px;
}

.pc-video-menu .title span {
    display: inline-block;
    margin-left: 37px;
    width: 85%;
}

.pc-video-menu .second-level {
    margin: 20px 0;
}

.pc-video-menu .section-icon {
    position: absolute;
    top: 3px;
    width: 15px;
    margin: 0 10px;
}

.menu-title {
    font-size: 20px !important;
    margin: 10px;
}

.fontBlue {
    color: #6BC1FC;
}

.pc-video-menu .first-level {
    border-bottom: 1px solid #FFF;
    margin: 10px 0;
}

.videoTime {
    margin-left: 40px;
}

.pc-video-foot {
    background-color: #232323;
    display: flex;
    color: #FFF;
    margin-bottom: 50px;
}

.video-foot-title {
    font-size: 24px;
    margin: 0;
}

.video-foot-rank {
    color: #999999;
    margin: 5px;
}

.video-foot-left {
    padding: 20px;
    flex: 4;
}

.video-foot-right {
    padding: 20px;
    align-content: center;
    justify-content: center;
    flex: 2;
}

.video-foot-btn {
    background-color: #00A0DF;
    color: #FFF;
    padding: 15px 20px;
    text-align: center;
    font-family: Microsoft YaHei;
    cursor: pointer;
}

@media screen and (max-width: 370px) {
    .m-footer .qr-code {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 340px) {
    .m-footer .qr-code {
        width: 80px;
        height: 80px;
    }
}

.m-footer .qr-code img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.m-footer .info {
    font-family: ArialMT;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-left: 15px;
    float: left;
}

.m-footer .img {
    float: left;
    margin-left: 15px;
}

.footer .record {
    color: #fff !important;
    text-decoration: none;
}

.m-footer .footer-bg-logo {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
}

/* product.html */
.inner-banner {
    width: 100%;
    height: 380px;
    background-color: #f1f1f1;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 80px;
}

.inner-banner .main-title {
    font-family: MicrosoftYaHei;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #3d4751;
    padding-top: 85px;
}

.inner-banner .sub-title {
    width: 666px;
    height: 121px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #3e3a39;
    padding-top: 23px;
}

.inner-banner .m {
    display: none;
}

.module {
    padding: 100px 0;
}

.module img {
    width: 100%;
}

.product {
    padding-top: 0;
    text-align: center;
}

.product .title-horizontal-line {
    margin: 0 auto;
}

.product .item-left {
    width: auto;
    height: 697px;
    margin-top: 60px;
    box-shadow: #e6e6e6 0px 0px 16px;
    border: solid 1px #d7d8d9;
    padding: 11px 13px;
}

.product .item-left .left {
    width: 33%;
    height: 100%;
    float: left;
    position: relative;
}

.product .item-left .right {
    width: 67%;
    height: 100%;
    float: right;
    box-sizing: border-box;
    border: solid 1px #dbdcdd;
}

.product .item-left .left .main-title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #00a0df;
    text-align: left;
    margin-top: 10px;
    margin-right: 10px;
}

.product .item-left .left .text-content {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
    text-align: left;
    margin-right: 10px;
    margin-top: 10px;
}

.product .item-left .left .text-content>div {
    height: 15px;
}

.product .item-left .left .btn {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 128px;
    height: 36px;
    border: 1px solid #00a0df;
    color: #00a0df;
    display: block;
    text-decoration: none;
    float: left;
    line-height: 36px;
    margin-left: 140px;
    position: absolute;
    bottom: 0;
}

.product .item-left .left .btn:first-of-type {
    margin-left: 0;
    background-color: #00a0df;
    color: #fff;
}

.product .item-left .left .details:hover {
    background-color: rgb(0, 128, 178);
}

.product .item-left .left .download-btn:hover {
    background-color: rgb(204, 204, 204);
    border: 1px solid rgb(0, 128, 178);
}

.product .item-left .left img {
    position: absolute;
    display: none;
    bottom: 50px;
    left: 140px;
    width: 128px;
    height: 128px;
}

.product .swiper-btn {
    width: 29px;
    height: 29px;
    background-color: rgb(190, 188, 187);
    border-radius: 50%;
    background-size: 40%;
}

.product .swiper-slide {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.product .swiper-slide .title {
    text-align: left;
    font-size: 14px;
    color: #00a0df;
    padding: 20px 0 0 20px;
}

.institutional-version {
    padding-bottom: 50px;
}

.service-version .w-1110 {
    padding-top: 50px;
}

.service-version .left {
    float: right !important;
    width: 31.5% !important;
}

.service-version .right {
    float: left !important;
}

.service-version .m {
    display: none;
}

.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .9);
}

.mask img {
    width: 30vw;
    height: 30vw;
    position: absolute;
    top: 50%;
    left: 35vw;
    margin-top: -15vw;
    background-color: #fff;
    border: 5px solid #fff;
}

/* applications.html */
.applications .title {
    padding-left: 15px;
    border-left: 3px solid #3d9be9;
}

.applications .tabs-content-placeholder .title {
    font-size: 28px !important;
    padding-left: initial;
    border-left: initial;
    text-align: center !important;
}

.applications .tabs-content-placeholder p {
    font-size: 14px;
    color: #000 !important;
    font-family: "微软雅黑";
    line-height: 32px;
}

.applications .tabs-content-placeholder p.blue,
.applications .tabs-content-placeholder p span {
    color: #3d9be9 !important;
}

.applications .title-horizontal-line {
    display: none;
}

.applications .tabs-vertical .m {
    display: none;
}

/* ecology.html */
.ecology {
    padding-bottom: 100px;
}

.ecology .eco-body {
    width: 100%;
    height: auto;
}

.ecology .policy {
    margin: 100px auto;
    width: 1152px;
    height: 425px;
    opacity: 1;
}


.ecology .policy .policy-title {
    margin: 0 auto;
    width: 246px;
    height: 71px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
}

.ecology img {
    /* width: 38vw; */
    /* height: 50vw; */
    width: 100%;
}

.ecology .m {
    display: none;
}

.ecology .dist {
    margin: 100px 0 0 0;
}

.ecology .distor {
    width: 100%;
}

.ecology .distor img {
    width: 100%;
}

.ecology .dist-data {
    width: 100%;
}

.ecology .eco-body .eco-data-pc {
    padding: 50px 0 0 0;
}

.ecology .eco-body .eco-data-m {
    padding: 0.5em 0 0 0;
}

.ecology .dist-data img {
    width: 100%;

}

.ecology .foot-img {
    padding: 100px 0 0 0;
    width: 100%;
}

.ecology .foot-img img {
    width: 100%;
}

.m-foot-img {
    padding: 0.8em 0 0 0;
}

.ecology .title-horizontal-line {
    display: none;
}

.ecology .w-1110>.title {
    padding-left: 15px;
    border-left: 3px solid #3d9be9;
}

/* contact.html */
.contact .title-horizontal-line {
    display: none;
}

.contact .w-1110>.title {
    padding-left: 15px;
    border-left: 3px solid #3d9be9;
}

.contact .form {
    margin-top: 50px;
}

.contact .form input {
    width: 49%;
    float: left;
    padding: 15px 0;
    text-indent: 15px;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
    outline: medium;
    background-color: #eeeeee;
    border: solid 1px #cccbcb;
}

.contact .form textarea {
    width: 97%;
    height: 300px;
    margin-top: 20px;
    padding: 15px;
    color: rgb(153, 153, 153);
    font-size: 16px;
    background-color: rgb(238, 238, 238);
    border-radius: 5px;
    box-shadow: none;
    border: solid 1px #cccbcb;
}

.contact input:focus,
.contact textarea:focus {
    outline: none;
}

.contact .form input:nth-child(2n) {
    float: right;
}

.contact .form .email,
.contact .form .office {
    margin-top: 20px;
}

.contact .form .submit {
    width: 160px;
    padding: 15px 0;
    background-color: #3d9be9;
    color: #fff;
    text-decoration: none;
    margin-top: 50px;
    display: block;
    text-align: center;
    border-radius: 3px;
    float: left;
}

.contact .form .email-info {
    color: #777;
    float: right;
    margin-top: 64px;
}

.traffic {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#allmap {
    height: 494px;
    margin-top: 50px;
}

.map .info {
    background-color: #333333;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    z-index: 999;
    margin-left: 95px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 32px;
    color: #ffffff;
    padding: 15px 40px;
}

.map .info span {
    font-size: 24px;
}

.contact .m {
    display: none;
}

.contact #allmap-m.m {
    height: 200px;
    width: 100%;
}

.contact .company-info {
    padding: 15px 0;
    text-align: left;
    font-family: SimHei;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    line-height: 15px;
}

.contact .company-info span {
    font-family: SimHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.contact .company-info .line {
    width: 100%;
    height: 1px;
    background-color: #c9c9c9;
    margin-top: 5px;
}

.contact .company-info .line div {
    height: 2px;
    width: 114px;
    background-color: #00a0df;
}

/*download*/
.download {
    min-height: 100vh;
    margin-top: 40px;
    background-image: url('../static/download/download-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.download .download-bg {
    position: fixed;
    z-index: 1;
    top: 40px;
    left: 0;
    width: 100vw;
}

.download .w-1110 {
    position: relative;
    z-index: 2;
}

.download .w-1110>.title {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
}

.download ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

.download ul li {
    padding: 4vw 4vw 0;
    width: 25vw;
    height: calc(20vw + 70px);
    list-style-type: none;
    overflow: hidden;
}

.download ul li img {
    border-radius: 8px;
    width: 100%;
}

.download ul li a {
    display: inline-block;
    text-decoration: none;
}

.download ul li .title {
    margin-top: 10px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 16px;
    text-align: center;
    padding: initial;
    white-space: nowrap;
}

/**/

.live-weixin {
    display: none;
    position: fixed;
    top: 10px;
    right: 30px;
    z-index: 1112;
    width: 70vw;
}

.masks {
    display: none;
    position: fixed;
    z-index: 1111;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
}

.suspension {
    position: fixed;
    right: 10px;
    bottom: 150px;
    z-index: 999;
}

.suspension li {
    list-style-type: none;
    height: 50px;
    width: 50px;
    background-size: cover;
    margin-top: 5px;
}

.suspension li:hover {
    cursor: pointer;
}

.suspension .up:hover {
    background-image: url(../static/to-top-s.png) !important;
}

.suspension .downloads:hover {
    background-image: url(../static/scan-download-s.png) !important;
}

.suspension .tel:hover {
    background-image: url(../static/tel-logo-s.png) !important;
}

.suspension .weChat:hover {
    background-image: url(../static/wechat-logo-s.png) !important;
}

.suspension .email:hover {
    background-image: url(../static/email-logo-s.png) !important;
}

.suspension .downloads img,
.suspension .weChat img {
    display: none;
    position: relative;
    margin-left: -160px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, .2);
}

.suspension .weChat .weChat-img1 {
    padding: 0;
    margin-left: -160px;
    width: 150px;
}

.suspension .weChat .weChat-img2 {
    padding: 0;
    margin-left: -304px;
    width: 150px;
    box-shadow: -5px 1px 10px rgba(0, 0, 0, .2);
}

.suspension .downloads .text,
.suspension .weChat .text {
    display: none;
    width: 130px;
    font-size: 12px;
    position: relative;
    margin-left: -160px;
    margin-top: -10px;
    text-align: center;
    padding: 6px 10px;
    background-color: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
}

.weChat .text-1 {
    display: none;
    width: 130px;
    font-size: 12px;
    position: relative;
    margin-left: -310px;
    margin-top: -28px;
    text-align: center;
    padding: 6px 10px;
    background-color: #fff;
    box-shadow: -5px 1px 10px rgba(0, 0, 0, .2);
}


.suspension .tel div {
    display: none;
    position: absolute;
    margin-left: -560px;
    padding: 15px;
    width: 520px;
    background-color: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
}

.suspension .email div {
    display: none;
    position: absolute;
    margin-left: -215px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
}

.suspension .tow-dimensional-code {
    display: flex;
    flex-wrap: nowrap;
    min-width: 200px;
    height: auto;
}

.suspension .tow-dimensional-code .code-1 {
    flex: 1;
}

.suspension .tow-dimensional-code .code-2 {
    flex: 1;
}

.pc-new>div:hover {
    cursor: pointer;
}

.new-details .w-1110 .content {
    padding-top: 14px;
    border-top: 1px solid #F0F0F0;
}

.new-details iframe {
    width: 100%;
    height: 400px;
    overflow: hidden !important;
}

.new-details .w-1110 {
    position: initial !important;
    /*width: 1110px;*/
    left: 5vw;
}

.new-details .w-1110 img {
    max-width: 100%;
    left: 5vw;
    height: auto;
}

.new-details .tag-link {
    position: absolute;
    margin-top: -60px;
    color: rgba(204, 204, 204, 1);
}

.new-details .tag-link a {
    margin-right: 5px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    text-decoration: none;
}

.new-details .tag-link a:last-child {
    color: #6BC1FC;
}

/*price.html*/
.price {
    margin-top: 80px;
}

.price #root {
    margin: 80px auto 20px;
    /* column-count: 3;
    column-width: 240px;
    column-gap: 20px; */
}

/* .root_0 {
    column-count: 4;
}

.root_1 {
    column-count: 3;
} */

.price>h1 {
    text-align: center;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 300;
}

.price .des {
    text-align: center;
    padding: 0 20vw;
    color: grey;
    max-width: 600px;
    margin: 0 auto;
    line-height: 20px;
}

.price .new-tab {
    margin: 60px auto 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    padding: 0;
}

.price .new-tab li {
    list-style-type: none;
    float: left;
}

.price .new-tab li a {
    text-decoration: none;
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: solid 1px #999999;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    margin: 0 30px;
    display: block;
    cursor: pointer;
}

.price .new-tab li a:hover {
    color: #00a0df;
    border: solid 1px #00a0df;
}

.new-tab-active {
    background-color: #00a0df !important;
    color: #fff !important;
    border: solid 1px #00a0df !important;
}

.price .item {
    margin-bottom: 20px;
    /* 防止多列布局，分页媒体和多区域上下文中的意外中断 */
    /* break-inside: avoid; */
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
    text-align: center;
    width: 30%;
    min-height: 370px;
    float: left;
    margin-right: 5%;
}

@media screen and (min-width: 1080px) {
    .price .item.center {
        margin-left: 35%;
    }
}

.price .item:nth-child(3n+3) {
    float: right;
    margin-right: initial;
}

.price .top-title {
    padding: 10px 16px;
    background: linear-gradient(-45deg, #32b6ff, #4276ff);
    color: #fff;
}

.price .top-title .main-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.price .top-title .sub-title {
    font-size: 16px;
    margin: 8px 0 0;
}

.price .content {
    padding: 20px 28px;
}

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

.price .price-info .currency {
    position: relative;
    top: 8px;
    left: 0;
    font-size: 16px;
    vertical-align: top;
    font-weight: 100;
}

.price .price-info .money {
    font-size: 30px;
    font-weight: 100;
    line-height: 55px;
}

.price .price-info small {
    font-size: 16px;
    color: #a6a6a6;
}

.price .btn.btn-gradient-blue {
    font-size: 16px;
    padding: 14px 40px;
    border: none;
    color: #fff;
    border-radius: 26px;
    background: linear-gradient(-45deg, #32b6ff, #4276ff);
    -webkit-box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);
    box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);
}

.price .btn {
    position: relative;
    top: 20px;
    padding: 8px 24px;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    text-decoration: none;
}

.price .btn:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.price .content .reserve {
    display: block;
    margin: 55px auto 0;
    font-size: 14px;
    text-decoration: none;
    color: #03a9f4;
}

.price .content .reserve:hover {
    color: #09d4f4;
    transition: all .2s ease-in-out;
}

.price .description {
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
    color: #a6a6a6;
    text-align: left;
    line-height: 20px;
}

.price .agency {
    /*display: none;*/
}

.register-mask {
    display: none;
    justify-content: center;
    align-items: center;
}

.register-mask .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1001;
    margin-top: initial;
    left: initial;
    cursor: pointer;
}

.register {
    background-color: #fff;
    padding: 20px 40px;
    position: relative;
}

.register input::-webkit-input-placeholder {
    color: rgb(206, 206, 206);
}

.register input:-moz-placeholder {
    color: rgb(206, 206, 206);
}

.register input:-ms-input-placeholder {
    color: rgb(206, 206, 206);
}

.register input:focus {
    outline: none;
}

.register>div {
    margin-top: 10px;
}

.register input {
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid rgb(239, 243, 240);
    width: 300px;
}

.register input:first-child {
    margin-top: 0;
}

.register .submit {
    height: 42px;
    text-align: center;
    line-height: 42px;
    background-color: rgb(4, 188, 165);
    color: #fff;
    margin-top: 30px;
    border-radius: 20px;
    cursor: pointer;
}

.register .div-tel {
    position: relative;
}

.register .get-verification {
    position: absolute;
    right: 0;
    bottom: 10px;
    text-decoration: none;
    color: rgb(4, 188, 165);
}

.register .tip {
    width: 300px;
    font-size: 12px;
    margin-top: 30px;
    color: rgb(206, 206, 206);
    line-height: 20px;
}

.register .tip>div {
    color: #000;
}

/* news-lists.html */
.news-lists .lists {
    text-align: initial;
    height: initial;
}

.news-lists .lists .item {
    position: relative;
    height: 144px;
    margin-bottom: 30px;
    cursor: pointer;
}

.news-lists .lists .item:hover .img {
    border: 2px solid #00A0DF;
}

.news-lists .lists .item:hover .main-title {
    color: #00A0DF;
}

.news-lists .lists .time {
    display: block;
    float: left;
    position: relative;
    height: 100%;
    width: 95px;
    font-family: Arial;
    color: rgba(187, 187, 187, 1);
}

.news-lists .lists .time .day {
    position: absolute;
    margin-top: 20px;
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
}

.news-lists .lists .time .years-month {
    position: absolute;
    margin-top: 70px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.news-lists .lists .img {
    float: left;
    width: 214px;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.news-lists .lists .main-title {
    position: absolute;
    margin: 20px 0 0 340px;
    font-size: 20px;
    font-family: SimHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 20px;
}

.news-lists .lists .sub-title {
    position: absolute;
    margin: 35px 0 0 340px;
    height: 60px;
    font-size: 16px;
    font-family: SimHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-lists .lists .readDetails {
    position: absolute;
    bottom: 19px;
    margin-left: 340px;
    font-size: 14px;
    font-family: SimHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.news-lists .lists .readDetails img {
    position: absolute;
    margin: 2.5px 0 0 0;
    width: 10px;
}

.news-lists .more {
    position: relative;
    left: 50%;
    margin-left: -130px;
    margin-top: 10px;
    width: 260px;
    height: 40px;
    background: rgba(0, 160, 223, 1);
    font-size: 18px;
    font-family: SimHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    cursor: pointer;
}

.news-lists .lists .preLoading {
    cursor: initial;
}

.news-lists .lists .preLoading:hover .img {
    border: initial;
}

.news-lists .lists .preLoading:hover .main-title {
    color: initial;
}

.news-lists .lists .preLoading .time .day,
.news-lists .lists .preLoading .time .years-month,
.news-lists .lists .preLoading .img,
.news-lists .lists .preLoading .main-title,
.news-lists .lists .preLoading .sub-title {
    background-color: #e6e6e6;
    color: #e6e6e6 !important;
}

.news-lists .lists .preLoading .time .years-month {
    margin-top: 75px;
}

.news-lists .lists .preLoading .sub-title {
    margin-top: 50px;
}

.news-lists .lists .month-day-author {
    display: none;
}

/* course-details */
.m-course-details {
    margin-top: 40px;
    /* overflow-x: auto; */
}

.course-loading {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}

.course-loading img {
    position: fixed;
    z-index: 9999;
    width: 38vw;
    top: calc(50% - 19vw);
    left: 50%;
    transform: translate(-50%, -50%);
}

.course-loading div {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    color: #0097E7;
}

.m-course-details .bread-crumbs {
    height: 41px;
    width: 100vw;
}

.m-course-details .bread-crumbs .title {
    padding: 0;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #02A1E9;
    line-height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

.m-course-details .video {
    position: relative;
    width: 100vw;
    height: 210.5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-course-details .video video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.m-course-details .course-info {
    margin: 0 15px;
    padding: 15px 0 23.5px;
    border-bottom: 1px solid #F9F9F9;
}

.m-course-details .course-info .course-title {
    width: 100%;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-course-details .course-info .item {
    position: relative;
    margin-top: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    line-height: 12px;
}

.m-course-details .course-info .time-icon {
    width: 12px;
    height: 12px;
    float: left;
}

.m-course-details .course-info .lesson {
    margin-left: 15px;
}

.m-course-details .course-info .rank,
.m-course-details .course-info .author {
    position: absolute;
    right: 0;
    top: 0;
}

.m-course-details .course-info .item:last-child {
    margin-top: 8.5px;
}

.m-course-details .course-info .charge-method {
    color: #FF8068;
}

.m-course-details .course-info .author img {
    width: 11px;
    height: 12px;
}

.m-course-details .directory {
    position: relative;
    margin: 0 15px;
    padding: 11px 0;
    border-bottom: 1px solid #F9F9F9;
}

.m-course-details .directory .view-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    text-align: center;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 -24px 32px rgba(255, 255, 255, 1);
}

.m-course-details .directory .chapter {
    width: 100%;
}

.m-course-details .directory.isViewAll {
    height: 240px;
    overflow: hidden;
}

.m-course-details .directory .chapter .title {
    position: relative;
    padding: initial;
    height: 41px;
    width: auto;
    font-size: 16px;
    font-family: PingFang SC;
    color: rgba(51, 51, 51, 1);
    line-height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-course-details .directory .chapter .title span {
    display: inline-block;
    /* text-indent: 15px; */
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-course-details .directory .first-level>.title {
    font-weight: bold;
}

.m-course-details .directory .chapter .open-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3.5px;
    width: 12px;
    height: 7px;
}

.m-course-details .directory .chapter .close-icon {
    transform: rotate(180deg) !important;
}

.m-course-details .directory .second-level {
    position: relative;
    width: 100%;
}

.m-course-details .directory .second-level.chapter>.title {
    text-indent: 7px;
}

.m-course-details .section {
    text-indent: 15px;
}

.m-course-details .section .section-icon {
    width: 13px;
    height: 13px;
}

.m-course-details .section .title span {
    position: absolute;
    top: 0;
    left: 40px;
    right: 0;
    display: block;
    width: auto !important;
    height: 100%;
    text-indent: initial;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.m-course-details .first-level .second-level:last-child .line {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
    height: 1px;
    background-color: #f0f0f0;
}

.m-course-details .first-level .second-level:last-child span {
    border: initial;
}

.m-course-details .third-level .title {
    text-indent: 34px;
}

.m-course-details .third-level .title span {
    text-indent: 17px;
}

.m-course-details .currentSection {
    color: #6BC1FC !important;
}

.m-course-details .course-introduction {
    padding: 15px;
    height: auto;
    width: calc(100% - 30px);
}

.m-course-details .course-introduction .title {
    position: relative;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    line-height: 16px;
    padding: initial;
}

.m-course-details .course-introduction iframe,
.m-course-details .course-introduction img {
    position: relative;
    margin-top: 15px;
    width: 100%;
    border: initial;
}

.m-course-details .course-introduction .more {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #6BC1FC;
    text-align: center;
}

.m-course-details .watch {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 47.5px;
    width: 100vw;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px -2.5px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 9998;

}

.m-course-details .watch .m-pay-btn-box {
    margin: 0 20px;
    display: flex;
    margin-top: 3px;
}

.m-course-details .watch .pay-btn {
    text-align: center;
    padding: 10px 0;
}

.pay-left-btn {
    color: #6BC1FC;
    flex: 3;
    border: 1px solid rgba(107, 193, 252, 1);
    border-radius: 10px 0 0 10px;
}

.pay-right-btn {
    flex: 7;
    background-color: #6BC1FC;
    color: #FFF;
    text-decoration: none;
    border-radius: 0 10px 10px 0;
}

.m-course-details .watch .btn {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 15px;
    right: 15px;
    height: 40px;
    width: auto;
    background: rgba(107, 193, 252, 1);
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    background-color: #6BC1FC;
    color: #fff;
}

/* worker-market */
.worker-market {
    padding-top: 0;
}

.worker-market .left {
    width: 50%;
    float: left;
}

.worker-market .left .text-content {
    margin-top: 20px;
    margin-right: 70px;
}

.worker-market .text-content-ke {
    margin: 20px 0 0 90px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #3e3a39;
    clear: both;
}

.worker-market .right {
    float: right;
    width: 100%;
}

.worker-market .right-img {
    display: none;
}

.worker-market .right .text-content {
    margin: 20px 0 0 60px;
}

.worker-market .details {
    margin-top: 70px;
    width: 128px;
    height: 36px;
    background: rgba(0, 160, 223, 1);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.worker-market .detailsBtn {
    margin-top: 70px;
    float: right;
    width: 128px;
    height: 36px;
    background: rgba(0, 160, 223, 1);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.worker-market .right-details {
    float: right;
}

.worker-market .right {
    float: left;
    width: 50%;
}

.worker-market .right img {
    width: 100%;
}

.new-padding {
    padding: 50px 0;
}

.paddingTop {
    padding-top: 100px;
}

.workerheight {
    margin: 50px auto 0;
    width: 1111px;
    height: 401px;
}



#recruitment {
    padding: 100px 0;
}

#recruitment .top-bar {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #F1F1F1;
}

#recruitment .top-bar .left-title {
    position: absolute;
    height: 100%;
    width: 80px;
    box-sizing: border-box;
    border-bottom: 2px solid #000000;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 42px;
}

#recruitment .top-bar .release {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 32px;
    background: rgba(0, 160, 223, 1);
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

#recruitment .lists {
    width: 100%;
}

#recruitment .lists .item {
    position: relative;
    padding: 24px 20px 15px;
    float: left;
    margin-bottom: 30px;
    width: 30%;
    height: 187px;
    border: 1px solid rgba(215, 216, 217, 1);
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
}

#recruitment .lists .item:nth-child(3n+2) {
    margin: 0 5% 30px;
}

.recruitments .item .position {
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.recruitments .item .release-time {
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.recruitments .item .salary {
    float: right;
    font-weight: 400;
    color: rgba(255, 66, 0, 1);
}

.recruitments .item .experience-require {
    margin-top: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.recruitments .item .agency {
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
    height: 65px;
    border-top: 1px dashed #D7D8D9;
}

.recruitments .item .agency .logo {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -20px;
    margin-right: 21px;
    width: 40px;
    height: 40px;
}

.recruitments .item .agency .agency-name {
    margin-top: 15px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1)
}

.recruitments .item .agency .address {
    margin-top: 10px;
    margin-left: 60px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.recruitments .more {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 362px;
    height: 42px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 160, 223, 1);
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(0, 160, 223, 1);
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.recruitments .more:hover .toast {
    display: block;
}

.recruitments .more .toast {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: -240px;
    width: 158px;
    height: 170px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
}

.recruitments .more .toast img {
    width: 100%;
}

.recruitments .more .toast .title {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 28px;
}

.recruitments .more .toast .triangle {
    position: absolute;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, 0) rotate(180deg);
    bottom: -23px;
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #fff;
}

#release {
    padding: 100px 0;
}

#release .top-bar {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #F1F1F1;
}

#release .top-bar .left-title {
    position: absolute;
    height: 100%;
    width: 97px;
    box-sizing: border-box;
    border-bottom: 2px solid #000000;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 42px;
}

#release .item {
    position: relative;
    margin-bottom: 18px;
}

#release .item .label {
    margin-right: 35px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 14px;
}

#release .item .label span {
    color: #FA6164;
}

#release .item .input {
    width: 280px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 220, 229, 1);
    border-radius: 4px;
    outline: none;
    text-indent: 10px;
}

#release .item .input::placeholder {
    color: #000;
}

#release .item .clear-select {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    margin-left: 240px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#release .description .label {
    position: absolute;
    margin-top: 15px;
}

#release .description .input {
    margin-left: 102px;
    padding: 8px 0;
    max-width: 278px;
    min-width: 278px;
    min-height: 134px;
    max-height: 134px;
}

#release .salary .label {
    position: absolute;
    margin-top: 15px;
}

#release .salary .input {
    display: inline-block;
    margin-left: 102px;
}

#release .salary .input input {
    width: 110px;
    border: initial;
    height: 60%;
    margin-top: 7px;
    outline: initial;
}

#release .salary .input input::placeholder {
    color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

#release .release {
    margin-top: 29px;
    width: 120px;
    height: 32px;
    background: rgba(0, 160, 223, 1);
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

#release .account-box {
    margin-left: -30px;
    display: inline-block;
    padding: 30px;
    background-color: #F9F9F9;
}

.worker-market .right-title p {
    float: right;
}

.worker-market .left img {
    width: 100%;
}

/********云龄课程************/

#course .c-1110 {
    margin: 0 auto;
    width: 1155px;
}

#course .courseBanner {
    margin-top: 80px;
    width: 100%;
}

#course .courseBanner img {
    width: 100%;
}

#course .c-1110 img {
    width: 100%;
}

#course .course-p {
    margin-top: 100px;
}

#course .m-margin {
    margin-top: 60px;
}

#course .m-padding {
    padding-bottom: 100px;
}

/************应用案例************/

.bgc-fff-app {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-top: 23px;
}

.applications {
    padding-bottom: 100px;
}

.applications img {
    width: 100%;
}

.applications .rotationImg {
    margin: 0 auto;
    position: relative;
    
    width: 100%;
    /* height: 620px; */
}

/* .rotationImg .boxImg {
    position: absolute;
    width: 100%;
    height: auto;
}

.rotationImg .btn {
    display: block;
    position: absolute;
    top: 350px;
    left: -125px;
    width: 50px;
    height: 50px;
    border-radius: 45px;
    background-color: #aaa;
}
.rotationImg .btn img {
    display: block;
    margin: 0 auto;
    margin-top: 7.5px;
    width: 35px;
}

.rotationImg .right {
    left: 1200px;
} */

.boxImg img {
    width: 100%;
}

.applications .m {
    display: none;
}

.applications .dist {
    margin: 120px 0 0 0;
}

.applications .distor {
    width: 100%;
}

.el-carousel__item {
    overflow: visible !important;
}

.el-carousel--horizontal {
    overflow: visible !important;
}

.el-carousel__item h3 {
    font-size: 18px;
    line-height: 550px;
    margin: 0;
}

.el-carousel__item h3 img {
    width: 100%;
}

.el-carousel__item:nth-child(2n) {
    background-color: #fff;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #fff;
}

.el-carousel__item--card {
    width: 59% !important;
}

/* .el-carousel__container {
    height: 620px !important;
} */

.rotationImg ul {
    display: none;
}

.el-carousel__arrow--right {
    right: 16% !important;
}

.el-carousel__arrow--left {
    left: 18.5% !important;
}

.el-carousel__arrow {
    overflow: visible !important;
    width: 64px !important;
    height: 64px !important;
    background-color: rgba(25, 36, 49, 0.71) !important;
}

.el-carousel__arrow i {
    font-size: 52px !important;
}

.appliTitle {
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 50px;
    width: 1100px;
}

.appliTitle img {
    width: 100%;
}


.downloadApp {
    display: none;
}

.pc-downloadApp {
    margin-top: 80px;
    width: 100%;
    height: 942px;
    background: rgba(224, 242, 255, 1);
}

.pc-downloadApp .backImg {
    width: 100%;
    min-height: 100%;
    background: url('../static/download/pc-Back.png') no-repeat center 20px;
    background-size: 100% 100%;
}

.pc-downloadApp .backImg .body {
    padding-top: 55px;
    margin: 0 auto;
    width: 1141px;
    height: auto;
}

.pc-downloadApp .backImg .bodyTop {
    padding: 40px 57px;
    position: relative;
    width: calc(100% - 130px);
    height: 370px;
    border-radius: 26px;
    background: rgba(255, 255, 255, .7);
    border: 8px solid rgba(186, 229, 247, 1);   
}

.pc-downloadApp .backImg .bodyBottom {
    margin-top: 55px;
    padding: 40px 57px;
    position: relative;
    width: calc(100% - 130px);
    height: 243px;
}

.matop {
    margin-top: 55px;
}

.backImg .bodyTop .bodyTopTitle {
    position: absolute;
    top: -29px;
    left: calc((100% - 250px) / 2);
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: url('../static/download/titleBack-pc.png') no-repeat center center;
    background-size: 100% 100%;
}

.backImg .bodyTop .bodyBox {
    width: 434px;
    height: 100%;
    border: 1px solid rgba(0, 160, 223, 1);            
}

.backImg .bodyTop .downLeft {
    float: left;
}

.backImg .bodyTop .downRight {
    float: right;
}

.bodyBox .downtitle {
    padding-top: 17px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(0, 160, 223, 1);
    text-align: center;
}

.downBox .cell {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 63px;
    width: calc(100% - 126px);
    height: auto;
}

.downBox .margin_0 {
    margin: 0 auto;
}

.downBox .cellBottom {
    padding: 0 22px;
    width: calc(100% - 44px);
}

.downBox .cell-Box {
    padding-top: 22px;
    width: 110px;
    box-sizing: border-box;
}

.downBox .cell-Box .title {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}

.downBox .commCell {
    width: 100px;
}

.downBox .cell a {
    text-decoration: none;
}

.downBox .cell  img {
    width: 101px;
    border-radius: 10px;
}

.bodyBottom img {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}