/* ***************************************************************************************** */
/* 全局样式重置 */
/* ***************************************************************************************** */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    
}

html {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

body {
    font-size: .24rem;
    line-height: 1.5;
    overflow-y: auto;
    overflow-x: hidden; /*font-family: Helvetica Neue, Helvetica, PingFang SC, Arial, sans-serif;*/
    color: #222;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ol, ul, li {
    list-style: none;
}

a {
    color: #222222;
    text-decoration: none;
}

    a:focus {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

img {
    border: none;
    outline: none;
    vertical-align: middle;
    max-width: 100%;
}


input, textarea, select, button {
    font-size: 16px;
    line-height: 1.5;
    font-family: /*Helvetica Neue, Helvetica, PingFang SC,*/ Arial, sans-serif;
    color: #333;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #666;
        vertical-align: middle;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #666;
        vertical-align: middle;
    }

:-moz-placeholder {
    color: #666;
    vertical-align: middle;
}

::-moz-placeholder {
    color: #666;
    vertical-align: middle;
}

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

select {
    border: none;
    outline: none;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 5px
}

option {
    border: none;
    text-align: center;
    line-height: 25px;
    height: 25px;
    width: 100%;
    display: inline-block;
    color: #333333;
    padding: 0 5px;
}

/* ***************************************************************************************** */
/* 辅助类 */
/* ***************************************************************************************** */
@font-face {
    font-family: 'enfont';
    src: url('http://job.amteglobal.cn:8099/style/css/font/GOTHAMMEDIUM.OTF');
}

.am3 {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.am {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s ease-in-out;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

.hidden {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.nowrap, .com-page-location {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nowrap2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nowrap3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.com-module {
    max-width: 1650px;
    margin: 0 auto;
    display: block;
    padding: 0 25px;
}

.com-section {
   /* max-width: 1430px;*/
    margin: 0 auto;
    display: block;
   /* padding: 0 15px;*/
    width: 82%;
}

.com-section1 {
    /* max-width: 1430px;*/
    margin: 0 auto;
    display: block;
    /* padding: 0 15px;*/
    /*width: 82%;*/
}

.container {
   /* padding-top: 166px;*/
}

.enfont {
    font-family: 'enfont';
}

.com-title {
    text-align: center;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.com-description {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #222222;
    width: 100%;
}

.after {
    position: relative;
}

    .after::after {
        position: absolute;
        content: '';
    }

.before {
    position: relative;
}

    .before::before {
        position: absolute;
        content: '';
    }

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
   /* font-size: 24px;*/
    font-size: 30px;
}

.f25 {
    /* 培训 创收 助你驶向星辰大海 */

    position: relative;
    left: 539.68px;
    top: 29px;
    width: 854px;
    height: 93px;
    font-family: SourceHanSansCN-Bold;
    font-size: 64px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #000000;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f32 {
    font-size: 32px;
}

.f36 {
    font-size: 36px;
}

.f42 {
    font-size: 42px;
}

.f48 {
    font-size: 48px;
}

.f55 {
    font-size: 55px;
}

.f60 {
    font-size: 60px;
}

.f66 {
    font-size: 66px;
}

.f78 {
    font-size: 78px;
}

.border-7 {
    border-radius: 7px;
    overflow: hidden;
}

.open_menu {
    display: none
}

.cont {
   /* padding-top: 1.3rem;*/
    position: relative;
}

.com-container {
    padding: 1.2rem 0 1rem;
}

.com-more {
    font-size: 18px;
    display: block;
    text-align: left;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
    padding: .2rem 0;
}

    .com-more:hover {
        opacity: .8;
    }

        .com-more:hover i {
            margin-left: 10px;
        }

    .com-more span {
        vertical-align: middle;
    }

    .com-more i {
        font-size: 22px;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 5px;
        -webkit-transition: .2s ease all;
        -o-transition: .2s ease all;
        transition: .2s ease all;
    }

.com-coverbg {
    /*background-position: center;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.maincolor {
    color: #2F4D94;
    
}

.com-page-label {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #E5E5E5;
    height: 1.2rem;
}

.com-page-location span, .com-page-location a {
    font-size: 16px;
    color: #666666;
    line-height: 1.2rem;
}

.com-page-nav {
    width: 100%;
    padding: .4rem 0 .3rem;
    border-bottom: 1px solid #F0F0F0;
    overflow: auto;
    white-space: nowrap;
}

    .com-page-nav div {
        margin: 0 auto;
        max-width: 1200px;
    }

    .com-page-nav a {
        display: inline-block;
        margin-right: .2rem;
        font-size: 16px;
        color: #666666;
        padding: .07rem .2rem;
        border-radius: .4rem;
    }

        .com-page-nav a.on {
            background-color: #F1F1F1;
        }

/* ***************************************************************************************** */
/* 头部 */
/* ***************************************************************************************** */
.com-header {
    position: fixed;
    background: #ffffff;
    box-shadow: 0 5px 12px rgba(0,0,0,.05);
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
    height: 1.3rem;
    padding-left: .5rem;
}

.header-logo {
    float: left;
    padding-top: .4rem;
}

    .header-logo img {
        max-width: 2.8rem;
    }

.header-navlist {
    float: left;
    text-align: center;
    margin-left: 18%;
}

    .header-navlist > li {
        float: left;
        padding: 0 .3rem;
        position: relative;
        line-height: 1.3rem;
        height: 1.3rem;
    }

        .header-navlist > li.on a {
            font-weight: bold;
        }

        .header-navlist > li.on::before {
            content: '';
            position: absolute;
            left: 10%;
            bottom: 0;
            height: 4px;
            background-color: #930784;
            width: 80%;
        }

        .header-navlist > li > a {
            color: #222222;
            font-size: 16px;
        }
/*.header-right{float: right;width: 2.8rem;padding-top: .4rem;}*/
.header-right {
    float: right;
    width: 1.8rem;
    padding-top: .4rem;
}

    .header-right .header-search {
        font-size: 30px;
        padding: .1rem;
        color: #333333;
        vertical-align: middle;
        cursor: pointer;
    }

.header-language {
    display: inline-block;
    vertical-align: middle;
    margin-left: .23rem;
    padding-left: .35rem;
    position: relative; /*border-left: 1px solid #ccc;*/
    cursor: pointer;
}

    .header-language i {
        font-size: 30px;
        color: #333333;
        vertical-align: middle;
    }

    .header-language span {
        font-size: 18px;
        color: #333333;
        vertical-align: middle;
        font-weight: bold;
    }

.header-navlist > li .nav-2-list {
    position: absolute;
    left: 0;
    top: calc( 1.3rem - 4px);
    padding-top: 4px;
    max-width: 0;
    overflow: hidden;
    box-shadow: 0 5px 16px #f1f1f1;
    max-height: 0;
}

    .header-navlist > li .nav-2-list::after {
        content: '';
        position: absolute;
        left: 0;
        height: 4px;
        width: 100%;
        box-shadow: 0 5px 16px #f1f1f1;
        background: #930784;
        top: 0;
    }

    .header-navlist > li .nav-2-list > a {
        height: 48px;
        background: #fff;
        line-height: 48px;
        font-weight: normal;
        width: 182px;
        padding: 0 10px;
    }

        .header-navlist > li .nav-2-list > a:hover {
            background: #930784;
            color: #fff;
        }

.header-navlist > li:hover .nav-2-list {
    max-height: 400px;
    max-width: 200px;
}

/* ***************************************************************************************** */
/* 底部 */
/* ***************************************************************************************** */
.com-footer {
    width: 100%;
    background: #070002;
    padding: 0 15px;
    color: #aaa;
    overflow: hidden;
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 0 .8rem;
}

.footer-left {
    float: left;
    width: calc(100% - 326px);
}

.footer-logo {
    max-width: 2.8rem;
    margin-bottom: .7rem;
}

.footer-msg {
    position: relative;
}

.footer-navlist {
    display: inline-block;
}

    .footer-navlist a {
        color: #777777;
        font-size: 16px;
        padding: 0 .3rem;
    }

        .footer-navlist a:first-child {
            padding-left: 0;
        }

.footer-share {
    display: inline-block; /*margin-left: 16%;*/
    float: right;
    margin-right: 10%;
}

    .footer-share img {
        margin-left: .4rem;
        cursor: pointer;
    }

.footer-right {
    float: right;
    width: 230px;
    width: 326px;
    padding-top: .3rem;
}
    /*.footer-right img{float: right;width: 98px;height: 98px;}*/
    /*.footer-right img:first-child{margin-left: .2rem;}*/
    .footer-right .qrcode-img-wrap {
        text-align: center;
        font-size: 14px;
        margin-left: 10px;
        width: 30%;
    }

        .footer-right .qrcode-img-wrap:first-of-type {
            margin-left: 0
        }

    .footer-right .qrcode-img img {
        width: 98px;
    }

.footer-bottom {
    max-width: 1400px;
    margin: 0 auto;
    height: .8rem;
    border-top: 1px solid #333333;
    font-size: 14px;
    color: #666666;
}

    .footer-bottom a, .footer-bottom span {
        line-height: .8rem;
        height: .8rem;
    }

.footer-copyright {
    float: left;
    width: 50%;
}

    .footer-copyright span {
        margin-right: .3rem;
        line-height: .8rem;
        display: inline-block;
    }

    .footer-copyright a, .footer-corruption a {
        color: #666666;
    }

.footer-corruption {
    float: right;
    width: 50%;
    text-align: right;
}

.footer-link {
    display: inline-block;
    margin-left: .4rem;
    position: relative;
}

    .footer-link::before {
        content: '';
        position: absolute;
        left: -15px;
        top: 20px;
        height: 20px;
        background-color: #333333;
        width: 1px;
    }

    .footer-link a {
        margin-left: .1rem;
    }

/* ***************************************************************************************** */
/* 内容区 */
/* ***************************************************************************************** */
.page-banner {
    width: 100%;
    height: 580px;
    position: relative;
}

.com-video-box {
    background-color: rgba(0,0,0,.6);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

    .com-video-box i {
        color: #FFFFFF;
        position: absolute;
        top: 1.6rem;
        right: 5.6rem;
        font-size: .6rem;
        cursor: pointer;
    }

    .com-video-box video, .com-video-box img {
        position: absolute;
        max-width: 90%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .com-video-box img { /*min-width: 50%;*/
        max-height: 80%;
    }

    .com-video-box video {
        min-height: 30vh;
    }

.page-nav-container {
    max-width: 1200px;
    padding: 15px;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
}

    .page-nav-container > a {
        padding: 0 .2rem;
        color: #666666;
        font-weight: bold;
        font-size: .32rem;
        position: relative;
    }

        .page-nav-container > a.on {
            color: #222222;
        }

            .page-nav-container > a.on::before {
                position: absolute;
                left: 10%;
                bottom: -8px;
                width: 80%;
                content: '';
                height: 2px;
                background-color: #222222;
            }

.layui-layer-btn .layui-layer-btn0 {
    background: #910782 !important;
    border: 0;
    font-size: 16px;
}

.nav-item-active-mobile {
    transform: rotate(90deg)
}
/* ***************************************************************************************** */
/* 鼠标经过类 */
/* ***************************************************************************************** */
.menu_lin {
    position: relative;
    margin: auto; /* padding-top:17px; border:5px solid transparent;*/
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.bar {
    height: .04rem;
    width: .5rem;
    display: block;
    margin: .14rem auto;
    position: relative;
    background-color: #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.bar_min {
    width: .36rem;
    text-align: left;
    margin: .14rem 0 .14rem .06rem;
}

.open_menu {
    height: 100%;
    width: .6rem;
    padding: 0;
    margin-left: .1rem;
}

.open_menu {
    height: auto
}

.menu_lin.open .bar:nth-of-type(1) {
    -moz-transform: translateY(.24rem) rotate(45deg);
    -ms-transform: translateY(.24rem) rotate(45deg);
    -webkit-transform: translateY(.24rem) rotate(45deg);
    transform: translateY(.24rem) rotate(45deg);
    -o-transform: translateY(.24rem) rotate(45deg);
}

.menu_lin.open .bar:nth-of-type(2) {
    opacity: 0
}

.menu_lin.open .bar:nth-of-type(3) {
    -moz-transform: translateY(-.18rem) rotate(-45deg);
    -ms-transform: translateY(-.18rem) rotate(-45deg);
    -webkit-transform: translateY(-.18rem) rotate(-45deg);
    transform: translateY(-.18rem) rotate(-45deg);
    -o-transform: translateY(-.18rem) rotate(-45deg);
}

.bar:nth-of-type(1) {
    -moz-animation: rotateR 1.5s cubic-bezier(.5,.2,.2,1);
    -webkit-animation: rotateR 1.5s cubic-bezier(.5,.2,.2,1);
    animation: rotateR 1.5s cubic-bezier(.5,.2,.2,1)
}

.bar:nth-of-type(2) {
    -moz-animation: fade 1.5s cubic-bezier(.1,.8,.1,1);
    -webkit-animation: fade 1.5s cubic-bezier(.1,.8,.1,1);
    animation: fade 1.5s cubic-bezier(.1,.8,.1,1)
}

.bar:nth-of-type(3) {
    -moz-animation: rotateL 1.5s cubic-bezier(.5,.2,.2,1);
    -webkit-animation: rotateL 1.5s cubic-bezier(.5,.2,.2,1);
    animation: rotateL 1.5s cubic-bezier(.5,.2,.2,1)
}

.shadow-hover:hover {
    box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
}

body .mobile-nav-wrap {
    padding: .16rem;
    background: #fff;
    font-size: .32rem;
    position: fixed;
    line-height: .95rem;
    height: calc(100vh - 1.3rem);
    top: 1.3rem;
    overflow-y: auto;
}

.mobile-nav-wrap .nav-item-link {
    border-bottom: 1px solid #E3E3E3;
    text-indent: .18rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mobile-nav-wrap .nav-item-link i {
        font-size: 20px;
    }

.mobile-nav-wrap .children-nav {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    border-bottom: 1px solid #E3E3E3;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.mobile-nav-wrap .nav-item.active .children-nav {
    padding: .1rem 0;
    max-height: 100vh;
}

.nav-item-icon {
    width: .64rem;
    transition: .3s all ease-in-out
}

.mobile-nav-wrap .nav-item .iconfont {
    width: .64rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.mobile-nav-wrap .nav-item.active .iconfont {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.mobile-nav-wrap .children-nav .children-item {
    padding-left: .72rem;
    color: #999;
}

.fixed {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}
/* ***************************************************************************************** */
/* 响应样式 */
/* ***************************************************************************************** */
html {
    font-size: 100px
}

@media (max-width: 2560px) {
    html {
        font-size: 75px
    }
}

@media (max-width: 700px) {
    html {
        font-size: 50px
    }
}

@media (max-width:1450px) {
    .com-page-location {
        padding: 0 15px;
    }
}

@media (max-width:1450px) {
    .com-page-location {
        padding: 0 15px;
    }
}

@media (max-width:1400px) {
    .header-navlist {
        margin-left: 10%;
    }

    .header-right {
        padding-top: .25rem;
    }

    .footer-share {
        margin-left: 8%;
    }

    .f16 {
        font-size: 15px;
    }

    .f18 {
        font-size: 17px;
    }

    .f20 {
        font-size: 19px;
    }

    .f22 {
        font-size: 20px;
    }

    .f24 {
        font-size: 22px;
    }

    .f28 {
        font-size: 26px;
    }

    .f30 {
        font-size: 28px;
    }

    .f32 {
        font-size: 30px;
    }

    .f36 {
        font-size: 34px;
    }

    .f42 {
        font-size: 38px;
    }

    .f48 {
        font-size: 44px;
    }

    .f55 {
        font-size: 50px;
    }

    .f60 {
        font-size: 54px;
    }

    .f66 {
        font-size: 58px;
    }

    .f78 {
        font-size: 64px;
    }
}

@media (max-width:1300px) {
    .index-banner-pagination {
        margin-top: 1rem;
    }

    .com-page-nav {
        padding: .2rem 15px;
    }
}

@media (max-width:1280px) {
    .footer-share {
        margin-left: 0
    }
}

@media (max-width:1200px) {
    .header-navlist {
        margin-left: 3%;
    }

    .header-language {
        margin-left: .1rem;
        padding-left: .2rem;
    }

    .header-navlist > li {
        padding: 0 .24rem;
    }

    .header-right {
        width: 2.3rem;
    }

    .footer-navlist a {
        padding: 0 .14rem;
    }

    .footer-share {
        margin-left: 3%;
    }

        .footer-share > a:first-of-type > img {
            margin-left: 0%;
        }

    .f16 {
        font-size: 14px;
    }

    .f18 {
        font-size: 14px;
    }

    .f20 {
        font-size: 17px;
    }

    .f22 {
        font-size: 18px;
    }

    .f24 {
        font-size: 20px;
    }

    .f28 {
        font-size: 21px;
    }

    .f30 {
        font-size: 22px;
    }

    .f32 {
        font-size: 24px;
    }

    .f36 {
        font-size: 26px;
    }

    .f42 {
        font-size: 32px;
    }

    .f48 {
        font-size: 38px;
    }

    .f55 {
        font-size: 42px;
    }

    .f60 {
        font-size: 46px;
    }

    .f66 {
        font-size: 52px;
    }

    .f78 {
        font-size: 58px;
    }

    .com-section {
        padding: 0 15px;
    }
}

@media (max-width: 1100px) {
    .footer-share {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}

@media (max-width:1000px) {
    .com-footer {
        padding: 0;
    }

    .com-module {
        padding: 0 15px;
    }

    .header-navlist, .footer-container, .footer-corruption {
        display: none;
    }

    .footer-bottom {
        height: auto;
    }

    .footer-copyright {
        float: none;
        width: 100%;
        text-align: center;
        padding: 12px 0;
    }

        .footer-copyright a, .footer-copyright span {
            width: 100%;
            display: inline-block;
            margin: 0;
        }

    .f42 {
        font-size: 26px;
    }

    .f48 {
        font-size: 30px;
    }

    .f55 {
        font-size: 32px;
    }

    .f60 {
        font-size: 34px;
    }

    .f66 {
        font-size: 42px;
    }

    .f78 {
        font-size: 50px;
    }

    .com-more, .com-more i {
        font-size: 16px;
    }

    .header-language > span {
        display: none;
    }

    .header-right {
        width: auto;
        padding-right: .5rem;
    }

    .open_menu {
        margin-left: .4rem;
        margin-top: .05rem;
    }

    .header-language i, .header-right .header-search {
        font-size: 20px;
    }

    .recordnumber-wrap {
        width: 100%;
        text-align: center
    }

    .open_menu {
        display: block
    }
}

@media (max-width:700px) {
    .header-right {
        padding-top: .2rem;
        width: 2.6rem;
    }

    .footer-bottom a, .footer-bottom span {
        line-height: normal;
        height: auto;
    }

    .com-more, .com-more i {
        font-size: 14px;
    }

    .header-right {
        width: auto;
        padding-right: .3rem;
        padding-top: .35rem;
    }

    .open_menu {
        margin-left: .4rem;
        margin-top: -.05rem;
    }

    .header-language i, .header-right .header-search {
        font-size: 20px;
    }
}