@font-face {
    font-family: 'HYK2gj';
    src: url(../font/hyk2gj_downyi.com.ttf);
}

* {
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
.layout {
    width: 1200px;
    margin: 0 auto;
}
.logo {
    height: 160px;
    padding: 50px 0;
}
.logo img {
    max-height: 100%;
    display: block;
}
.navlist {
    width: 925px;
    padding-bottom: 20px;
}
.w-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.w-nav li {
    position: relative;
}
.w-nav>li>a  {
    font-size: 18px;
    color: #333333;
    display: block;
    position: relative;
}
.header-pack {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.w-nav>li:hover>a::after {
    content: "";
    width: 32px;
    height: 6px;
    background-color: #FEC107;
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
} 
.er-nav {
    width: 130px;
    border-radius: 7px;
    position: absolute;
    box-shadow: 0px 0px 6px #979797;
    top: 55px;
    left: -43%;
    display: none;
    background: #fff;
}
.er-nav li a {
    display: block;
    font-size: 16px;
    color: #333333;
    width: 100%;
    text-align: center;
    line-height: 50px;
}
.er-nav li:hover a {
    background: #FEC107;
}
header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.home-course-img  {
    width: 1040px;
    height: 775px;
    position: absolute;
    right: 0;
    top: 0;
}
.home-course-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit:cover
}
.home-course {
    position: relative;
}
.course-cont h3 {
    font-size: 37.5px;
    color: #333;
    font-weight: 500;
}
.course-cont h2 {
    font-size: 50px;
    color: #333;
    font-weight: 500;
}
.course-title::after {
    content: "";
    width: 78px;
    height: 2px;
    display: block;
    background: #FEC107;
    margin: 20px 0;
}
.course-desc p {
    font-size: 22px;
    line-height: 40px;
    color: #333;
}
.course-cont a {
    display: block;
    width: 175px;
    height: 50px;
    background: #ffc208;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin-top: 140px;
}
.course-cont {
    padding: 250px 0 100px;
}
.introduction-img {
    width: 765px;
    padding-top: 55px;
    margin-left: -50px;
}
.introduction-img img {
    width: 100%;
    display: block;
}
.home-introduction {
    padding: 90px 0 95px;
}
.introduction-cont {
    width: calc(100% - 710px);
    padding-left: 65px;
}
.introduction-pack {
    display: flex;
    justify-content: space-between;
}
.introduction-cont h4 {
    font-size: 34px;
    color: #ffc208;
    font-weight: 500;
}
.introduction-cont h4::after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: #ffc208;
    margin-top: 20px;
}
.introduction-desc {
    margin-top: 70px;
}
.introduction-desc p {
    font-size: 18px;
    color: #333333;
    line-height: 35px;
}
.introduction-desc span {
    font-size: 32px;
    color: #333;
}
.home-back {
    background:url(../images/home-back.png) no-repeat center/cover;
    padding: 78px 0 75px;
}
.back-img {
    width: 740px;
    margin-right: -15px;
}
.back-img img {
    width: 100%;
    display: block;
}
.home-back-cont {
    width: calc(100% - 740px);
    padding-right: 60px;
}
.back-pack {
    display: flex;
}
.home-back-cont {
    padding: 65px 40px 0 0;
}
.home-back-cont h4 {
    font-size: 34px;
    color: #ffc208;
}
.home-back-cont h4::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #ffc208;
    display: block;
    margin-top: 20px;
}
.home-back-desc {
    margin-top: 70px;
}
.home-back-desc p {
    font-size: 18px;
    color: #333333;
    line-height: 35px;
}
.home-cont2 {
    padding: 50px 0 90px;
}
.home-cont2-title {
    font-size: 34px;
    color: #ffc208;
    text-align: center;
}
.home-cont2-title::after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #ffc208;
    display: block;
    margin: 20px auto 12px;
}
.home-cont2-cont {
    padding: 50px 0 80px;
    background: url(../images/home-cont2-img.png) no-repeat center/cover;
}
.home-cont2-desc p {
    font-size: 18px;
    color: #333333;
    line-height: 35px;
}
.home-type {
    padding: 30px 0 60px;
    background: #f0f0f0;
}
.home-type-list {
    display: flex;
    margin: 50px -34px 0;
    justify-content: center;
    flex-wrap: wrap;
}
.home-type-list li {
    width: 33.33333%;
    padding: 0 34px;
    margin-bottom: 25px;
}
.home-type-list li a {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}
.home-type-list li a .pad {
    padding: 30px 17px 0;
}
.home-type-list-img {
    width: 125px;
    margin: 0 auto;
    overflow:hidden;
    border-radius:100%;
}
.home-type-list-img img {
    width: 100%;
    display: block;
    transition:all .5s;
}
.home-type-list li:hover img {
    transform:scale(1.1);
}
.home-type-list-cont {
    margin-top: 25px;
    padding-bottom: 15px;
}
.home-type-list-cont h4 {
    font-size: 22px;
    text-align: center;
    color: #333333;
    font-weight: 500;
}
.home-type-list-cont p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.type-btn {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 60px;
    border-top: 2px solid #f0f0f0;
}
.home-cont3 {
    padding: 120px 0 30px;
    background: url(../images/home-cont3-back.png) no-repeat center/cover;
}
.home-cont3-pack {
    padding: 0 35px 0 35px;
}
.we {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.we li {
    width: 385px;
    height: 175px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 38px;
}
.we li a {
    /* display: flex; */
    overflow: hidden;
}
.we-img {
    width: 13%;
    float: left;
}
.we-img img {
    width: 100%;
    display: block;
}
.we-cont {
    width: 87%;
    padding-left: 20px;
    float: right;
}
.we-cont h4 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.we-cont p {
    font-size: 16px;
    line-height: 25px;
    color: #666666;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.we li:nth-child(2) .we-img {
    width: 50px;
}
.we li:nth-child(5),
.we li:nth-child(6) {
    border: none;
    margin: 0;
}
.home-cont3-img {
    width: 380px;
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%,-50%);
}
.home-cont3-img img {
    width: 100%;
    display: block;
}
.home-cont3-pack {
    position: relative;
}
.home-trialclass {
    padding: 45px 0 90px;
    background: #f0f0f0;
}
.tria-img {
    width: 745px;
}
.tria-img img {
    width: 100%;
    display: block;
}
.tria-cont {
    width: calc(100% - 745px);
    background: #fff;
    padding: 65px 38px 0 30px;
}
.tria-cont h5 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    line-height: 40px;
}
.tria-cont p {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
}
.home-trialclass-pack  a {
    display: flex;
}
.home-trialclass-pack {
    margin-top: 60px;
    position: relative;
}
.arr-left,.arr-right {
    width: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.arr-left {
    left: -87px;
}
.arr-right {
    right: -87px;
}
.arr-left img ,.arr-right img {
    width: 100%;
    display: block;
}
.tri-swiper {
    width: 100%;
    overflow: hidden;
}
.home-coach {
    padding: 30px 0 130px;
}
.home-coach-list li {
    padding: 33px 0 23px;
    border-bottom: 3px solid #ffc208;
    position: relative;
}
.home-coach-list li::after {
    content: "";
    border-top: 11px solid #ffc208;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
}
.home-coach-list li:last-child::after {
    display: none;
}
.home-coach-list-left-cont {
    width: 178px;
    height: 112px;
    background: #fff8e1;
    border-radius: 56px;
    display: flex;
    justify-content: center;
}
.home-coach-list-left-cont p {
    font-size: 90px;
    font-family: 'HYK2gj';
    /* font-weight: bold; */
    line-height: 112px;
    color: #ffc208;
}
.home-coach-list-left-cont span {
    font-size: 30px;
    color: #ffc208;
    text-transform: uppercase;
    margin-top: 15px;
}
.home-coach-list-right-cont {
    padding-left: 25px;
}
.home-coach-list-right-cont h4 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    line-height: 30px;
}
.home-coach-list-right-cont p {
    font-size: 16px;
    color: #666666;
    line-height: 25px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.home-coach-list li a {
    display: flex;
    align-items: center;
}
.home-cooper {
    padding: 55px 0 130px;
    background: #f0f0f0;
}
.home-cooper-classify {
    border-bottom: 1px solid #cecece;
    display: flex;
    flex-wrap:wrap;
}
.home-cooper-classify li:hover a {
    color: #333;
}
.home-cooper-classify li:hover a::after {
    content: "";
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid #ffc208;
    position:absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.home-cooper-classify li a {
    font-size: 20px;
    line-height: 40px;
    color: #999999;
    padding: 0 30px 15px;
    display: block;
    position: relative;
}
.sjx a {
    color: #333 !important;
    background: #ffc208 !important;
}
    
    /*.sjx a::after {
    content: "";
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid #ffc208;
    position:absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}*/
    .home-cooper-list {
        position: relative;
    }
.home-cooper-list .arr-right,.home-cooper-list .arr-left {
    width: 50px;
    height: 50px;
    background: url(../images/cooper-arr-left.png) no-repeat center/100% 100%;
}

.home-cooper-list .arr-right {
    transform: translateY(-50%) rotate(180deg) ;
}
.home-cooper-list .arr-left:active ,.home-cooper-list .arr-right:active  {
    background: url(../images/cooper-arr-right.png) no-repeat center/100% 100%;
}
.home-cooper-list .arr-left:active {
    transform:translateY(-50%) rotate(180deg);
}
.home-cooper-list .arr-right:active {
    transform: translateY(-50%) rotate(0deg);
}
.cooper-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 62px;
    margin-top: 30px;
}
.cooper-swiper img {
    width: 100%;
    display: block;
}
.cooper-swiper .swiper-slide p {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 5px;
    line-height: 30px;
}
.cooper-swiper .cooper-pag {
    position: absolute;
    bottom: 0 !important;
    left: 50% !important;
    width: auto !important;
    transform: translateX(-50%);
}
.cooper-pag .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #cbcbcb;
    opacity: 1;
}
.cooper-pag .swiper-pagination-bullet-active {
    background: #ffc208;
}
.home-show {
    padding: 60px 0 55px;
}
.home-message {
    padding: 30px 0 48px;
    background: #f0f0f0;
}
.home-message-classify {
    margin-top: 37px;
    display: flex;
    justify-content: center;
}
.home-message-classify li {
    padding: 0 30px;
}
.home-message-classify li:hover a {
    background: #ffc208;
}
.home-message-classify li a {
    display: block;
    width: 202px;
    height: 56px;
    border: 1px solid #ffc208;
    border-radius: 28px;
    background: #fff2cc;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: #333;
}
.home-message-img img {
    width: 100%;
    display: block;
}
.home-message-list {
    overflow: hidden;
    margin: 38px -16px 0;
}
.home-message-list li {
    float: left;
    width: 33.333333%;
    padding: 0 16px;
}
.home-message-cont {
    margin-top: 15px;
}
.home-message-cont h4 {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-message-cont p {
    font-size: 16px;
    line-height: 32px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-message-cont i {
    display: block;
    width: 32px;
    height: 11px;
    background: url(../images/messarrow.png) no-repeat center/100% 100%;
    margin-top: 10px;
}
.home-message-list  li {
    margin-bottom: 50px;
}
.home-message-btn a {
    display: block;
    width: 249px;
    height: 56px;
    background: #ffc208;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    line-height: 56px;
    font-size: 18px;
    margin: 0 auto;
}
.footer {
    padding: 60px 0 0px;
    background: url(../images/footer-back.png) no-repeat center/cover;
}
.footer-logo {
    width: 185px;
}
.footer-logo img {
    width: 100%;
    display: block;
}
.footer-left-cont {
    width: 270px;
}
.footer-left-cont p {
    font-size: 18px;
    line-height: 35px;
    color: #999999;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 25px;
}
.footer-nav li div {
    font-size: 20px;
    color: #fff;
    text-align:center;
}
.footer-nav li div::after {
    content: "";
    width: 23px;
    height: 4px;
    background: #ffc208;
    display: block;
    margin: 10px auto;
}
.footer-er-nav {
    margin-top: 25px;
}
.footer-er-nav li a {
    font-size: 16px;
    line-height: 32px;
    color: #cecece;
    text-align: center;
    display: block;
}
.footer-nav {
    display: flex;
    justify-content: space-between;
}
.footer-pack {
    display: flex;
    justify-content: space-between ;
}
.footer-navlist {
    width: calc(100% - 320px);
}
.weima {
    width: 100px;
    height: 100px;
    margin-top: 20px;
}
.weima img {
    width: 100%;
    display: block;
}
.footer-nav .weima::after {
    display: none;
}
.pay {
    display: flex;
}
.pay li {
    padding: 0 7px;
}
.pay li a {
    display: block;
    width:163px;
    height: 49px;
    background: #fff;
    border-radius: 24.5px;
    box-shadow: 2px 0px 5px rgba(200, 200, 200, 30%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pay li a img {
    max-width: 100%;
}
.footer-pay div p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.footer-pay div span {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.footer-pay {
    display: flex;
    margin-top: 90px;
    align-items: center;
    position:relative;
}
.pay  {
    padding-left: 15px;
}
.banner {
    position:relative;
}
.banner-title {
    position:absolute;
    top:35%;
    right:25%;

}
.banner-title h2 {
    font-size: 50px;
    line-height: 60px;
    color: #333333;
    font-weight: 500;
    text-align:center;
}
    .banner-title h2::after {
        content: "";
        width: 242px;
        height: 21px;
        background: url(../images/banner-title-arr.png) no-repeat center/100% 100%;
        display:block;
        margin:20px auto ;
    }
.banner-title p {
    font-size:36px;
    line-height:61px;
    color:#333;
}         
.about-cont-pack {
    padding:0 70px 0 60px; 
}
    .about-cont-pack p {
        font-size: 16px;
        line-height: 30px;
        color: #333333;
        padding-left:33px;
        position:relative;
    }
        .about-cont-pack p::before {
            content: "";
            width: 14px;
            height: 14px;
            background: #FEC107;
            display:block;
            transform:rotate(45deg);
            position:absolute;
            left:5px;
            top:8px;
        }
.about-cont{
    padding:167px 0 147px;
    background:url(../images/about-cont-back.png) no-repeat center/cover;
}
.about-harvest {
    padding:90px 0;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.about-list-cont {
    margin-top:50px;
}
.about-list-cont ul {
    overflow:hidden;
    margin:0 -9.5px;
}
.home-why-list {
    width:100%;
    margin:38px 0;
}
    .home-why-list li {
        width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,.5);
        border-radius:5px;
        overflow:hidden;
        margin-bottom:20px;
    }
.home-why-title {
    height:50px;
    display:flex;
    align-items:center;
}
    .home-why-title span {
        display:block;
        width:5%;
        font-size:40px;
        color:#FEC107;
        text-align:center;
        font-weight:300;
    }
    .home-why-title p {
        font-size:20px;
        color:#333;
        width:90%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;

    }
    .home-why-title samp {
        display:block;
        width:35px;
        height:35px;
        color:#fff;
        text-align:center;
        line-height:31px;
        border-radius:100%;
        background:#FEC107;
        font-size:30px;
        cursor:pointer;
        transition:all .5s;
    }
.home-why-cont {
    font-size:18px;
    line-height:32px;
    color:#333;
    display:none;
    padding:0 20px;
}
    .home-why-cont p {
        padding:20px;
    }
    .home-why-list .active .home-why-title samp {
        transform: rotate(90deg);
    }
/*.home-why-list .active .home-why-cont {
    display:block;
}*/
.about-list-cont ul li {
    float: left;
    width: 20%;
    padding: 0 9.5px;
}
.about-list-cont ul li a {
    width:100%;
    background:#fff;
    border-radius:12px;
    display:block;
    padding:56.9px 40px 70.9px;
}
    
.about-list-cont-img {
    margin:0 auto;
    width:79px;
    height:71px;
}
.about-list-cont-img img {
    max-width: 100%;
    display: block;
    margin:auto;
}
.about-list-cont-text h4 {
    font-size:30px;
    color:#333;
    text-align:center;
}
.about-list-cont-text {
    margin-top:37px;
}
.about-list-cont-text p {
    font-size: 16px;
    color: #333;
    text-align:center;
}
.corporate-culture {
    padding:70px 0 120px;
}
.corporate-title {
    font-size:34px;
    line-height:58px;
    color:#333;
    text-align:center;
}
    .corporate-title::after {
        content: '';
        width: 30px;
        height: 2px;
        display: block;
        background: #FEC307;
        margin:20px auto 0;
    }
.corporate-list {
    overflow:hidden;
    margin:50px -24px 0;
    padding-bottom:10px;
}
.corporate-list li {
    float:left;
    width:33.33333%;
    padding:0 24px;
}
    .corporate-list li a {
        width:100%;
        display:block;
        box-shadow:0px  5px 10px rgba(0,0,0,16%);
        border-radius:12px;
        overflow:hidden;
    }
        .corporate-list li a:hover {
            color:#333 !important;
        }
        .corpor-list-img-title {
            width: 100%;
            height: 155px;
            background: #F8F8F8;
            display: flex;
            align-items: center;
        }
.corpor-list-img {
    width:155px;
    height:155px;
}
.corpor-list-img  img {
    width:100%;
    display:block;
}
.corpor-list-title  {
    padding-left:33.5px;
    width:calc(100% - 155px);
}
.corpor-list-title h4 {
    font-size:24px;
    line-height:41px;
    font-weight:500;
    color:#333;
}
.copr-list-cont {
    width: 100%;
    height: 295px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 36px;
    padding: 37px 39px 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    color: #6B6B6B;
}
.classSch-list {
    padding:70px 0 74px;
}
.classSch-list-cont {
    overflow:hidden;
    margin:0 -15px;
}
.classSch-list-cont li {
    float:left;
    width:50%;
    padding:0 15px;
    margin-bottom:70px;
}
.classSch-list-cont li a {
    width:100%;
    display:block;
}
.classSch-list-img {
    overflow:hidden;
}
.classSch-list-img img {
    width: 100%;
    display: block;
    border-radius: 10px;
    transition:all .5s;
}
.classSch-list-cont li:hover img {
    transform:scale(1.1);
}
.classSch-list-pad {
    padding: 20px 10px 0;
}
.classSch-list-title {
    display:flex;
    justify-content:space-between;
}
.classSch-list-title h4 {
    font-size: 24px;
    line-height: 29px;
    color: #333;
    font-weight:500;
}
.classSch-list-title span {
    font-size: 16px;
    line-height: 29px;
    color: #666666;
}
.classSch-list-er-title span {
    font-size: 18px;
    line-height: 29px;
    color: #666666;
}
.classSch-list-er-title {
    display:flex;
    justify-content:space-between;
    margin-top:25px;
}
.classSch-list-desc p {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    margin-top:15px;
}
.classSch-list-desc i {
    display:block;
    width:49px;
    height:17px;
    background:url(../images/messarrow.png) no-repeat center/100% 100%;
    margin-top:30px;
}
.copyright {
    margin-top:20px;
}
.copyright a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color:#f1f1f1;
}

.course-provide-list li:hover .course-list-desc {
    background: #ffc208;
}
 /*   .course-provide-list li:hover .course-list-desc h4 {
        color:#fff;
    }
        .course-provide-list li:hover .course-list-desc p {
            color:#fff;
        }*/
        .news-banner .banner-title {
            top: 40%;
            left: 50%;
            transform: translateX(-50%);
            width: 1200px;
        }
.serve-list li:hover a {
    background: #ffc208;
}
.safeguard-list li:hover .safeg-list-cont h4 {
    color: #ffc208;
}
.safeguard-list li:hover .safeg-list-cont p {
    color: #ffc208;
}
.crowd-desc p:hover {
    color: #ffc208;
}
.disabuse-list li:hover .dis-list-img {
    transform:translateY(-10px);
}
    .disabuse-list li .dis-list-img {
        transition:all .5s;
    }
    .news-banner .banner-title h2 {
        font-size: 40px;
        line-height: 60px;
        color: #333;
    }
    .news-banner .banner-title p {
        font-size: 36px;
        line-height: 61px;
        color: #666666;
        text-align:center;
    }
.news-list {
    padding:70.5px 0 108px;
    background:url(../images/news-back.png) no-repeat center/cover;
}
.news-list-cont li {
    width:100%;
    background:#fff;
    border-radius:10px;
    padding:30px 19px 30px 69px;
    margin-bottom:30px;
}
.news-list-cont li a {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
    .news-list-cont li a .news-time {
        width:75px;
        text-align:center;
    }
.news-time h4 {
    font-size: 60px;
    line-height: 80px;
    color: #999999;
    font-weight:500;
}
.news-list-cont li:hover img {
    transform:scale(1.1);
}
.news-list-cont li:hover .news-time h4 {
    color: #FEC107;
}
.news-list-cont li:hover .news-time p {
    color: #FEC107;
}
.news-list-cont li:hover .news-list-cont-text h4 {
    color:#FEC107;
}
.news-list-cont li:hover .news-list-cont-text span {
    color:#FEC107;
}
.news-time p {
    font-size: 18px;
    line-height: 24px;
    color: #999999;
}
.news-list-img {
    width:355px;
    border-radius:10px;
    overflow:hidden;
}
.news-list-img img {
   width:100%;
   display:block;
}
.news-list-cont-text {
    width:752px;
}
    .news-list-cont-text h4 {
        font-size: 20px;
        line-height: 27px;
        color: #333333;
        font-weight:500;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .news-list-cont-text p {
        font-size: 16px;
        line-height: 30px;
        color: #707070;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        margin-top:20px;
    }
    .news-list-cont-text span {
        font-size: 16px;
        line-height: 21px;
        color: #999999;
        display:block;
        margin-top:40px;
    }
    .center {
        width:1400px;
        margin:0 auto;
    }
    .appeal-banner .banner-title h2 {
        font-size:45px;
        line-height:54px;
        color:#333;
        text-align:right;
        font-weight:bold;
        padding-bottom:25px;
        position:relative;
    }
        .appeal-banner .banner-title h2::after {
            content:'';
            width:63px;
            height:3.6px;
            display:block;
            position:absolute;
            right:0;
            bottom:0;
            background: #FEC107;
            margin:0;
        }
.appeal-banner .banner-title p {
    font-size: 22px;
    line-height: 37px;
    color: #333333;
    text-align:right;
    margin-top:40px;
}
.appeal-banner .banner-title {
    right:18%;
}
.appeal-cont {
    padding:68px 0 120.5px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.appeal-title {
    font-size:34px;
    line-height:58px;
    color:#333;
    text-align:center;
}
    .appeal-title::after {
        content: '';
        width: 30px;
        height: 2px;
        background: #FEC107;
        display:block;
        margin:20px auto 0;
    }
.appeal-cont-img {
    width: 1365px;
    margin: 55px auto 0;
}
    .appeal-cont-img img {
        width: 100%;
        display: block;
    }
.appeal-organization {
    padding:90px 0 98px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.organization-title {
    font-size: 34px;
    line-height: 58px;
    color: #FEC307;
    text-align:center;
}
    .organization-title::after {
        content: '';
        width: 30px;
        height: 2px;
        background: #FEC307;
        display:block;
        margin:20px auto 0;
    }
.organization-list {
    overflow:hidden;
    margin:70px -50px 0;
}
.organization-list li {
    float:left;
   width:50%;
   padding:0 50px;
}
    .organization-list li a {
        display:block;
        border-radius:12px;
        overflow:hidden;
    }
.organization-list-title {
    width: 100%;
    height: 122px;
    background: #F8F8F8;
    font-size: 28px;
    line-height: 122px;
    text-align: center;
    color: #333333;
}
.organization-list-desc {
    width:100%;
    height:430px;
    background:#fff;
    padding:40px 50px;
}
    .organization-list-desc p {
        font-size: 22px;
        line-height: 37px;
        color: #333333;
        padding-left:32px;
        position:relative;
    }
        .organization-list-desc p::before {
            content: '';
            width: 14px;
            height: 14px;
            display: block;
            background: #FEC107;
            border-radius: 1px;
            position: absolute;
            top: 12px;
            left: 0;
            transform: rotate(45deg);

        }
.organization-list li:hover .organization-list-title {
    background: #FEC107;
    color:#fff;
}
.appeal-pattern {
    padding:118px 0 25px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.appeal-pattern-list {
    overflow:hidden;
    margin:75.5px -35px 0;
}
.appeal-pattern-list li {
    float:left;
    width:33.33333%;
    padding:0 35px;
}
.pattern-img {
    width: 158px;
    height: 158px;
    background: #EDEDE5;
    border-radius:100%;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
}
    .pattern-img img {
        max-width:100%;
        display:block;
    }
    .pattern-cont h4 {
        font-size: 30px;
        line-height: 51px;
        color: #333;
        font-weight: 500;
        text-align: center;
        margin-top: 40px;
    }
.pattern-cont p {
    font-size: 18px;
    line-height: 31px;
    color: #666666;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    margin-top:30px;
}
.appeal-case {
    padding:150px 0 108px;
}
.tabbar {
    margin-top:53px;
    display:flex;
}
.tabbar-classify li {
    width: 300px;
    height: 110px;
    background: #FEF8E0;
    margin-bottom:2px;
}
    .tabbar-classify li a {
        font-size: 18px;
        line-height: 110px;
        display: block;
        text-align: center;
    }
    .tabbar-classify li:hover {
        background: #FFFDF5;
    }
        .tabbar-classify li:hover a {
            color: #FFC208;
        }
.tabbar-list {
    width:calc(100% - 300px);
}
    .tabbar-list li {
        width: 100%;
        background: #FFFDF5;
        height:100%;
        padding:37px 25px 26px 45px;
    }
.yinsu {
    font-size:18px;
    line-height:31px;
    color:#333;
}
.tabbar-desc {
    font-size: 16px;
    line-height: 27px;
    color: #666666;
    margin-top:10px;
}
.tabbar-list li {
    display:none;
}
.tabbar-list li:nth-child(1) {
    display:block;
}
.courseware-banner .banner-title p {
    text-align:center;
}
.courseware-banner .banner-title {
    right:20%;
}
.courseware-cont {
    padding:83px 0 97px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.courseware-cont-img {
    width:1055px;
    margin:80px auto 0;
}
.course-provide-pack .appeal-title {
    color: #FEC307;
}
.course-provide {
    padding: 94px 0 135px;
    background: url(../images/about-hra.png ) no-repeat center/cover;
}
.course-provide-list {
    overflow:hidden;
    margin:45px -33px 0;
}
.course-provide-list li {
    width:33.33333%;
    float:left;
    padding:0 33px;
}
    .course-provide-list li a {
        display:block;
        border-radius:12px;
        overflow:hidden;
    }
    .course-list-img {
        width: 100%;
        height: 140px;
        background: #F8F8F8;
        display:flex;
        align-items:center;
        justify-content:center;
    }
.course-list-img img {
    max-width:100%;
    display:block;
}
.course-list-desc {
    width:100%;
    padding:49px 28px 54px;
    background:#fff;
}
.course-list-desc h4 {
    font-weight:500;
    font-size:28px;
    line-height:48px;
    color:#333;
    text-align:center;
}
    .course-list-desc p {
        font-size: 20px;
        line-height: 27px;
        color: #444444;
        margin-top:20px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
    }
.course-subjects-list {
    position:relative;
    margin-top:60px;
    padding-bottom:60px;
}
.course-subjects {
    padding:108px 0 122px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.subjects-swiper {
    width:1080px;
    margin:60px auto 0;
    overflow:hidden;
}
    .subjects-swiper .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
        background: #D8D8D8;
        opacity: 1;
    }
    .subjects-swiper .swiper-pagination-bullet-active {
        background: #FEC208;
    }
.course-subjects-list .arr-left, .course-subjects-list .arr-right {
    top:40%;
}
.serve-course-pack .appeal-title {
    color: #FEC307;
}
.serve-course {
    padding: 94px 0 67px;
    background: #F0F0F0;
}
.serve-course-list {
    margin-top:45px;
}
.serve-list {
    overflow:hidden;
    margin:0 -40px;
}
.serve-list li {
    width:50%;
    float:left;
    padding:0 40px;
    margin-bottom:40px;
}
    .serve-list li a {
        display:block;
        width:100%;
        border-radius:12px;
        background:#fff;
        padding:55px 18px 48px 27px;
        overflow:hidden;
    }
.serve-list-cont {
    width:297px;
    float:left;
}
    .serve-list-cont h4 {
        font-size: 30px;
        line-height: 51px;
        color: #333333;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
        .serve-list-cont h4::after {
            content: '';
            width: 93px;
            height: 2px;
            background: #FEC107;
            display:block;
            margin-top:16px;
        }
    .serve-list-cont p {
        font-size: 20px;
        line-height: 27px;
        color: #444444;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        margin-top:30px;
    }
.serve-list-img {
    width:200px;
    float:right;
}
.serve-list-img img {
   max-width:100%;
   display:block;
}
.safeguard-course {
    padding:164px 0 135px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.safeguard-course-pack .appeal-title {
    color: #FEC307;
}
.safeguard-list {
    overflow:hidden;
}
.safeguard-list li {
    float:left;
    width:33.33333%;
    padding:0 60px;
}
    .safeguard-list li a {
        display:block;
        width:100%;
    }
.safeg-list-img {
    width:172px;
    margin:0 auto;
}
.safeg-list-img img {
    max-width:100%;
    display:block;
}
.safeguard-list {
    margin-top: 73.5px;
}
.safeg-list-cont h4 {
    font-size: 30px;
    line-height: 51px;
    color: #333;
    margin-top: 40px;
    text-align: center;
}
.safeg-list-cont p {
    font-size: 20px;
    line-height: 27px;
    color: #444444;
    text-align:center;
    margin-top:30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.flow-cont {
    display:flex;
}
.flow-cont-img {
    width: 482px;
}
.flow-cont-img img {
    width:100%;
    display:block;
}
.flow-cont .home-coach-list {
    width:calc(100% - 482px);
    padding-left:120px;
}
    .flow-cont .home-coach-list .home-coach-list-right-cont p {
        font-size:28px;
        line-height:35px;
    }
    .flow-cont .home-coach-list .home-coach-list-right-cont {
        width:calc(100% - 178px);
    }
.flow-course {
    padding: 98px 0 145px;
    background: rgba(254,248,224,20%);
}
.flow-course-pack .appeal-title {
    color: #FEC307;
}
.flow-cont {
    margin-top:69px;
}
.feedback-course {
    padding:147px 0 136px;
}
.feedback-nei .appeal-title{
    color:#FEC307;
}
.feedback-pack {
    position:relative;
    width:270px;
    margin:94px auto 0;
    z-index:3;
}
.feedback-swiper {
    width:100% ;
    overflow:hidden;
}
    .feedback-swiper .swiper-slide img {
        max-width:100%;
        display:block;
    }
    .feedback-pack .arr-left {
        left: -130px;
    }
.feedback-pack .arr-right {
    right:-130px;
}
.feedback-course {
    position:relative;
}
.feed-img {
    width:1200px;
    position:absolute;
    top:50%;
    left:50%;
   transform:translate(-50% ,-50%);
}
.feed-img img {
    width:100%;
    display:block;
}
.home-cooper-list .arr-right, .home-cooper-list .arr-left {
    top:40%;
}
.crowd {
    padding:124px 0 148px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.crowd-img img {
    width:100% ;
    display:block;
}
.furnish {
    padding:94px 0 128px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.furnish-img {
    margin-top:92px;
}
.certify {
    width:884px;
    margin:60px auto 0;
    overflow:hidden;
}
.cer {
    width: 884px ;
    position: relative;
    margin:0 auto;
}
.successful-case {
    padding:46px 0 110px;

}
.crowd {
    padding:90px 0 60px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.crowd-pack {
    /*padding:46px 49px 80px 77px;*/
    display:flex;
    align-items:center;
}
/*.crowd-img {
    width:482px;
}*/
.crowd-img img {
    width:100%;
    display:block;
}
.crowd-left-cont {
    width:calc(100% - 482px);
    padding-right:22.5px;
}
.crowd-left-cont h4 {
    font-size:34px;
    line-height:58px;
    color:#333;
    font-weight:500;
}
    .crowd-left-cont h4::after {
        content: '';
        width: 78px;
        height: 2px;
        display: block;
        background: #FEC107;
        margin-top:15px;
    }
.crowd-desc p {
    margin-top: 30px;
    font-size: 24px;
    line-height: 44px;
    color: #333333;
    padding-left:29px;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
    .crowd-desc p::before {
        content: '';
        width: 14px;
        height: 14px;
        background: #FEC107;
        border-radius: 1px;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: rotate(45deg) translateY(-50%);
    }
.classroom {
    padding:64px 0 170px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
    .classroom .appeal-title {
        color: #FEC307;
    }


.zfwm {
    width:100px;
    padding-left:30px;
    display:none;
    position:absolute;
    right:15%;
    top:0;
}
    .zfwm img {
        width:100%;
        display:block;
    }
    .classroom-pack {
        margin-top: 134px;
        display: flex;
        align-items: center;
    }
.classroom-img {
    width:455px;
}
.classroom-img img {
    width:100%;
    display:block;
}
.classroom-right-cont {
    width:calc(100% - 455px) ;
    padding-left:130px;
}
.classroom-right-cont h4 {
    font-size:34px;
    line-height:58px;
    font-weight:500;
    color:#333;
}
    .classroom-right-cont h5 {
        font-size: 24px;
        line-height: 31px;
        font-weight: 300;
        color: #333333;
    }
    .classroom-right-cont .crowd-desc p {
        white-space:normal;
    }
    .classroom-right-cont .crowd-desc p::before {
        top: 20px;
    }
.classroom-pack:nth-child(2n) {
    flex-direction:row-reverse;
}
.classroom-pack:nth-child(2n) .classroom-right-cont {
    padding-left:0;
    padding-right:93px;
}
.thesis-pack {
    width:100%;
    position:relative;
}
.thesis-case {
    padding:125px 0 70px;
}
.thesis-swiper {
    width:1124px;
    overflow:hidden;
    margin:48px auto 0;
}
.thesis-img {
    top:65%;
}
.graduation-list {
    overflow:hidden;
    margin:45px -40px 0;
}
.graduation-list li {
    float:left;
    width:50%;
    padding:0 40px;
    margin-bottom:35px;
}
    .graduation-list li a {
        display:block;
        border-radius:12px;
        overflow:hidden;
    }
.graduation-title-cont {
    width: 100%;
    height: 155px;
    background: #F8F8F8;
    padding:31.5px 56px 22.5px;
    display:flex;
    align-items:center;
}
.gradution-img {
    width:101px;
}
.gradution-img img {
    max-width:100%;
    display:block;
}
.gradution-title {
    width:calc(100% - 101px);
    padding-left:33px;
    font-size:28px;
    line-height:48px;
    color: #333;
}
.gradution-desc {
    width:100%;
    height:220px;
    background:#fff;
    padding:20px 20px 20px 50px;
}
.gradution-desc p {
    font-size:22px;
    line-height:37px;
    padding-left:32px;
    position:relative;
}
    .gradution-desc p::after {
        content: '';
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        background: #FEC107;
        border-radius:1px;
        transform:rotate(45deg);
    }
.g-pack {
    width: 960px;
    margin: 24px auto 0;
}
.g-swiper {
    width:100%;
    overflow:hidden;
}
.gra {
    padding-bottom:100px;
}
.gra-email {
    padding-bottom:123px;
}
.combo-cont  {
    width:calc(100% - 550px);
}
.combo-img {
    width:550px;
}
.combo-adapt {
    padding:85.7px 0 133px;
}
.combo-list {
    overflow:hidden;
    margin:45px -40px  0;
}
.combo-list li {
    width:50%;
    float:left;
    padding:0 40px;
}
.combo-list li a {
    display:block;
    border-radius:12px;
    overflow:hidden;
}
.combo-title-cont {
    width: 100%;
    height: 180px;
    background: #F8F8F8;
    padding:40px 20px 12px 50px;
    display:flex;
}
.combos-img {
    width:180px;
}
.combo-img img {
    max-width:100%;
    display:block;
}
.combo-title {
    width:calc(100% - 180px);
}
.combo-title h4 {
    font-size: 28px;
    line-height: 48px;
    color: #333;
}
.combo-title p {
    font-size: 20px;
    line-height: 23px;
    color: #444444;
    margin-top:20px;
}
.combo-desc{
    height:235px;
    background:#fff;
    padding: 10px 30px 30px 50px;
}
    .combo-desc p {
        font-size: 22px;
        line-height: 32px;
        padding-left: 32px;
        position: relative;
        color: #333;
        margin-top: 30px;
    }
    .combo-desc p::before {
        content: '';
        width: 14px;
        height: 14px;
        display: block;
        background: #FEC107;
        border-radius:1px;
        transform:rotate(45deg);
        position:absolute;
        top:10px;
        left:0;
        
    }
.successful-list {
    width:100%;
    margin:0 auto;
}
.successful {
    width:884px;
    overflow:hidden;
    margin:63px auto 0;
}
.successful .swiper-slide {
    width:270px;
    height:380px;
}
    .successful .swiper-slide img {
        width:100%;
         display:block;
    }
.efficiency {
    padding:97.5px 0 66px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.efficiency-cont {
    margin-top:20px;
}
.eff-desc {
    font-size:18px;
    line-height:30px;
    text-align:center;
}
.eff-img {
    width:1018px;
    margin:40px auto 0;
}
.eff-img img {
    width:100%;
    display:block;
}
.circulation {
    padding:76.5px 0 88.5px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.circulation-cont {
    margin-top:39.5px;
}
.circulation-desc {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    text-align:center;
}
.circulation-img {
    width:1044px;
    margin:29px auto 0;
}
.circulation-img img {
    width:100%;
    display:block;

}
.tutoring-case {
    padding:90px 0 59px;
}
.tutor-case-classify {
    margin-top: 53px;
    border-bottom: 3px solid #FFC208;
    display:flex;
    justify-content:center;
    
    
}
    .tutor-case-classify li {
        padding: 0 29px 30px;
        position:relative;
    }
        .tutor-case-classify li a {
            width: 179px;
            height: 50px;
            background: #FEF8E0;
            border-radius: 25px;
            font-size: 24px;
            line-height: 50px;
            text-align: center;
            color: #FFC208;
            display:block;
        }

.angle::after {
    content: '';
    border-top: 13px solid #FFC208;
    border-bottom:13px solid transparent;
    border-left:26px solid transparent;
    border-right:26px solid transparent;
    position:absolute;
    bottom:-28px;
    left:50%;
    transform:translateX(-50%);
}
.tutor-case-cont1 {
    padding: 26.6px 10px;
    font-size: 24px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
    font-weight:300;
}
.tutor-case-classify-cont {
    margin-top:20px;
}
.tutor-case-cont2{
    padding:30px 10px;
    border-bottom:1px solid #E5E5E5;
}
.tutor-case-cont2 h4 {
    font-size:24px;
    margin-bottom:10px;
    font-weight:300;
    color:#333;
}
    .tutor-case-cont2 p {
        font-size: 16px;
        line-height: 27px;
        color: #666666;
    }
.tutor-case-cont3 {
    padding: 30px 10px;
    border-bottom: 1px solid #E5E5E5;
}
    .tutor-case-cont3 h4 {
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 300;
        color: #333;
    }
    .tutor-case-cont3 p {
        font-size: 16px;
        line-height: 30px;
        color: #666666;
        padding-left:32px;
        position:relative;
    }
        .tutor-case-cont3 p::before {
            content: '';
            width: 14px;
            height: 14px;
            background: #FEC107;
            border-radius:1px;
            position:absolute;
            top:45%;
            left:0;
            transform:rotate(45deg) translateY(-50%);
        }
.tutor-case-cont4 {
    padding:30px 10px 0;
}
.tutor-case-cont4 h4 {
    font-size:24px;
    color:#333;
    font-weight:300;
    margin-bottom:10px;
}
    .tutor-case-cont4 p {
        font-size: 16px;
        line-height: 30px;
        color: #666666;
    }
.tutor-case-classify-cont li {
    display:none;
}
.tutor-case-classify-cont li:nth-child(1) {
    display:block;
}
.banner{
    background:#edede5;
}
.banner img {
    width: 100%;
}
.disabuse {
    padding:144px 0 106px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.shadow {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.5);
    z-index:99999;
    display:none;
}
.shadow .videos {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:20px;
    overflow:hidden;
    width:70%;
}
    .shadow .videos .fork {
        font-size:40px;
        color:#fff;
        position:absolute;
        right:20px;
        z-index:9;
        font-weight:300;
        transform:rotate(45deg);
        cursor:pointer;
        
    }
    .shadow .videos video {
        width:100%;
        height:100%;
    }
    .public-title::after {
        content: '';
        width: 78px;
        height: 2px;
        background: #FEC107;
        display: block;
        margin-top: 15px;
    }
.disabuse-list {
    margin-top:50.5px;
    overflow:hidden;
    padding-top:10px;
}
.disabuse-list li {
    width:33.33333%;
    float:left;
    padding:0 50px;

}
.disabuse-list li a {
    display:block;
}
.dis-list-img {
    width: 158px;
    height: 158px;
    background: #EDEDE5;
    border-radius:100%;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dis-list-img img {
    max-width:100%;
    display:block;
}
.dis-list-desc {
    font-size: 24px;
    line-height: 44px;
    color: #333333;
    text-align:center;
    margin-top:30px;
}
.cover {
    padding:76.5px 0 86.5px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.cover-list {
    overflow:hidden;
    margin:123px -50px 0;
}
.cover-list li {
    width:50%;
    float:left;
    padding:0 50px;
}
    .cover-list li div {
        width: 100%;
        background: rgba(254,193,7,60%);
        border-radius:12px;
        height:140px;
        padding:28px 75px;
        font-size:24px;
        line-height:41px;
        color:#fff;
    }
    .cover-list li:hover div {
        background: #FEC107;
    }
.video-list li:hover a,
.quality-list li:hover a
 {
    background: #FEC107;
}
.tutor-cont-left-cont > div:hover h4,
.tutor-cont-left-cont > div:hover p{
    color: #FEC107;
}
.escort-list li:hover .esc-list-cont {
    background: #FEC107;
}
.appeal-pattern-list li:hover .pattern-cont h4,
.appeal-pattern-list li:hover .pattern-cont p,
.about-list-cont ul li:hover a .about-list-cont-text h4,
.about-list-cont ul li:hover a .about-list-cont-text p{
    color: #FEC107;
}
.corporate-list li:hover .copr-list-cont {
    background: #FEC107;
}

.video {
    padding: 124px 0 83px;
    background: url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.video-list {
    overflow:hidden;
    margin:50px -50px 0;
}
.video-list li {
    width:50%;
    float:left;
    padding:0 50px;
}
    .video-list li a {
        display:block;
        width:100%;
        background:#fff;
        border-radius:12px;
        display:flex;
        align-items:center;
    }
.video-img {
    width:215px;
}
.video-img img {
    width:100%;
    display:block;
}
.video-desc {
    width:calc(100% - 215px);
    padding: 0 42px;
    font-size:24px;
    line-height:44px;
    color:#333;

}
.team-cont {
  display:flex;
  align-items:center;
}
.team-list-img {
    width:562px;
    margin-left:-96px;
}
.team-list-img img {
    display:block;
    width:100%;
}
.team-list {
    width:740px;
    padding-left:17px;
}
.team-list li {
    width:100%;
    height:85px;
    background:url(../images/team-back.png) no-repeat center/100% 100%;
    margin-bottom:45px;
}
.team-list li a {
    display:block;
    font-size:24px;
    line-height:85px;
    padding: 0 53px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#333;
}
.team {
    padding:76.5px 0 22px;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.team-list li:last-child {
    margin:0;
}
.team-list li:hover {
    background:url(../images/team-back2.png) no-repeat center/100% 100%;
}
.team-list li:hover a {
    color:#fff;
}
.quality {
    padding:124.5px 0 135px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.quality-list  {
    overflow:hidden;
    margin:50.5px -33px 0;
}
.quality-list li {
    width:33.33333%;
    float:left;
    padding:0 33px;
}
    .quality-list li  a {
        display:block;
        width:100%;
        border-radius:12px;
        background:#fff;
        padding:42px 59.5px 52px 42px;
    }
    .quality-list li:nth-child(1) .quality-list-title i {
        width: 22px;
        height: 22px;
        background: url(../images/q-icon.png) no-repeat center/100% 100%;
        display:block;
    }
        .quality-list li:nth-child(2) .quality-list-title i {
            width:23px;
            height:23px;
            background:url(../images/q-icon2.png) no-repeat center/100% 100%;

        }
    .quality-list li:nth-child(3) .quality-list-title i {
        width: 21px;
        height: 24px;
        background: url(../images/q-icon3.png) no-repeat center/100% 100%;
    }
            .quality-list li .quality-list-title p {
                font-size: 30px;
                line-height: 51px;
                color: #333;
                margin-left: 7.8px;
            }
.quality-list-desc {
    font-size: 24px;
    line-height: 41px;
    color: #666666;
    margin-top:20px;
}
.quality-list li .quality-list-title {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2;

}
.service {
    background:url(../images/serveice.png) no-repeat center/cover;
}
.service-cont h4 {
    font-size: 34px;
    line-height: 58px;
    font-weight: 500;
    color: #333333;
}
    .service-cont h4::after {
        content: '';
        width: 78px;
        height: 2px;
        display: block;
        background: #FEC107;
        margin-top:10px;
    }
    .service-cont p {
        font-size: 24px;
        line-height: 41px;
        color: #333333;
        margin-top:25px;
    }
.service-pack{
    padding:0 77px 0 110px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.service-img {
    width:385px;
}
.service-img img {
    width:100%;
    display:block;
}
.tutor-cont {
    padding:132px 0 59px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.tutor-img{
    width:415px;
}
.tutor-img img {
    width:100%;
    display:block;
}
.tutor-cont-left-cont {
    width:calc(100% - 415px);
    padding-right:92.5px;
}
.tutor-cont1 h4 {
    font-size:34px;
    line-height:58px;
    color:#333;
    font-weight:500;
}
.tutor-cont1 p {
    font-size:16px;
    line-height:30px;
    color:#333;
}
.tutor-cont1::after {
    content: '';
    width: 78px;
    height: 2px;
    display: block;
    background: #FEC107;
}
.tutor-cont-left-cont>div {
    margin-bottom:30px;
}
.tutor-cont2 h4 {
    font-size:26px;
    line-height:44px;
    color:#333;
    font-weight:500;
    padding-left:32px;
    position:relative;
}
    .tutor-cont2 h4::before {
        width: 14px;
        height: 14px;
        background: #FEC107;
        border-radius:1px;
        display:block;
        content:'';
        transform:rotate(45deg);
        position:absolute;
        left:0;
        top:13px;
    }
    .tutor-cont2 h4::after {
        content: '';
        width: 165px;
        height: 11px;
        background: #FEF8E0;
        display:block;
        position:absolute;
        left:32px;
        top:50%;
        transform:translateY(-50%);
        z-index:-1;
    }
        .tutor-cont2 p {
            font-size: 16px;
            line-height: 30px;
            color: #333333;
        }
.tutor-cont-pack {
    display:flex;
}
.escort {
    padding:90.8px 0;
    background:url(../images/about-hra.png) no-repeat center/cover;
}
.escort-title-text {
    font-size:18px;
    line-height:31px;
    color:#333;
    text-align:center;
    margin-top:50px;
}
.esc-list-title {
    width:297px;
    height:92px;
    background:#fff;
    border-radius:12px;
    font-size:28px;
    text-align:center;
    line-height:92px;
    color:#333;
}
.esc-list-cont {
    width:739px;
    height:92px;
    background:#fff;
    border-radius:12px;
    line-height:92px;
    padding:0 50px;
    display:flex;
   align-items:center;
}
    .esc-list-cont p {
        font-size: 22px;
        line-height: 37px;
        color: #333333;
        padding-left:32px;
        position:relative;
    }
        .esc-list-cont p::before {
            content: '';
            width: 14px;
            height: 14px;
            display: block;
            background: #FEC107;
            border-radius:1px;
            transform:rotate(45deg) translateY(-50%);
            position:absolute;
            top:50%;
            left:0;
        }
.escort-list {
    margin-top:25px;
}
.escort-list li {
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:10px;
}
.esc-list-img {
    width:120px;
    height:50px;
    background:url(../images/escort-icon.png) no-repeat center/100% 100%;
}
.mechanism{
    padding:83.3px 0 57px;
    background:url(../images/appeal-cont-back.png) no-repeat center/cover;
}
.mechanism-text {
    font-size:18px;
    line-height:30px;
    color:#333;
    margin-top:47px;
    text-align:center;
}
.mechanism-img{
    margin-top:28px;
}
.mechanism-img img {
    width:100%;
    display:block;
}
.introduce-pack .appeal-title {
    color: #FEC307;
}
.introduce {
    padding:91px 0 71px;
    background:url(../images/about-hra.png) no-repeat center/100% 100%;
}
.list {
    width: 100%;
    border-radius: 10px;
    padding: 30px;
    background: #F8F8F8;
    margin-top:48.6px;
}
.nation {
    display:flex;
    margin-bottom:20px;
}
    .nation:last-child {
        margin:0;
    }
    .nation span {
        display: block;
        width: 113px;
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }
.nation-list{
    display:flex;
}
.nation-list li {
    padding: 0 10px;
}
.nation-list li a {
    display: block;
    background:#fff;
    width:auto;
    padding:0 15px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:16px;
    color:#333;
    border-radius:10px;
}
    .nation-list li:hover a {
        background: #FEC107;
        color:#fff;
    }
.listclick a {
    background: #FEC107 !important;
    color: #fff !important;
}
.data{
    font-size:16px;
    line-height:40px;
    border-radius:10px;
    padding:0 30px;
    background:#fff;
    margin-top:10px;
}
    .data span {
        color: #FEC107;
    }

.intro-list {
    padding-top:78px;
    overflow:hidden;
    margin:0 -14px;
}
.intro-list li {
    float:left;
    width:50%;
    padding:0 14px;
    margin-bottom:65px;
}
    .intro-list li a {
        width:100% ;
        background:#fff;
        padding:25px;
        position:relative;
        display:block;
    }
.intro-list-img {
    width:150px;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
.intro-list-img img {
    width:100%;
    display:block;
}
.intro-list-text {
    
    padding-left:150px;
}
.intro-list-text h4 {
    font-size:24px;
    line-height:41px;
    color:#333;
}
.intro-list-text h4 span {
    font-size:16px;
    line-height:27px;
    color:#333;
}
    .intro-list-text p {
        font-size: 16px;
        line-height: 27px;
        color: #6B6B6B;
    }
    .intro-list-text div {
        font-size: 16px;
        line-height: 27px;
        color: #333333;
    }
        .intro-list-text div span {
            color: #FEC107;
        }
.fc {
    width: 220px;
    height: 220px;
    background: #ffc208;
    border-radius:100%;
    padding:12px;
    position:fixed;
    bottom:200px;
    left:50px;
    z-index:9999;
}
.fc-pack {
    width:100%;
    height:100%;
    border-radius:100%;
    border:1px dashed #fff;
    padding:5px;
}
.wx-icon i {
    width:30px;
    height:24px;
    background:url(../images/weixin.png) no-repeat center/100% 100%;
    display:block;
    margin:auto;
}
.wx-icon p {
    font-size:16px;
    line-height:20px;
    color:#333;
    text-align:center;
}
.weimas {
    margin-top:15px;
}
.weimas img {
    width: 73px;
    height: 73px;
    display: block;
    margin: auto;
}
.weimas p {
    font-size:14px;
    color:#333;
    text-align:center;
}
.delete {
    width: 20px;
    height: 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size: 16px;
    border-radius: 100%;
    border: 1px solid #ffc208;
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: rotate(45deg) translateX(-50%);
    color: #ffc208;
    cursor:pointer;
    /*padding:3px;*/
}
.show {
    width:887px;
    overflow:hidden;
    margin:30px auto 0;
}
.sidebar {
    position:fixed;
    right:12px;
    top:30%;
    z-index:99999;
}
    .sidebar > div {
        width: 91px;
        height: 91px;
        border-radius: 10px;
        background: #ffc208;
        margin-bottom:10px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
.erji img {
    width: 43px;
    height: 40px;
    display: block;
    margin:auto;
}
.sidebar > div p {
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}
.wx {
    position:relative;
}
.wx img {
    width: 49px;
    height: 39px;
    display: block;
    margin: auto;
}
.top img {
    width:34px;
    height:34px;
    display:block;
    margin:auto;
}
.wm {
    width:100px;
    height:100px;
    background:#fff;
    padding:10px;
    border-radius:10px;
    position:absolute;
    right:100%;
    top:0;
    display:none;
}
.wm img {
    width:100%;
    height:100%;
    display:block;
}
.focus a::after {
    content: "";
    width: 32px;
    height: 6px;
    background-color: #FEC107;
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width:1700px) {
    .courseware-banner .banner-title {
        right: 10%;
    }
    .banner-title {
        right: 15%;
    }
}
@media (max-width:1380px){
    .banner-title h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .banner-title p {
        font-size: 24px;
        line-height: 40px;
    }
}

@media (max-width:1000px) {

    .banner-title {
        position: absolute;
        top: 35%;
        right: 25%;
    }
    .banner img {
        width: auto;
        position:relative;
        left:-5%;
        min-height:200px;
        object-fit:cover
    }
    .layout {
        width:100%;
    /*    margin-top:15px;
        text-align:center;*/
    }
    .iconfont {
        width:40px;
        height:40px;
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-50%);
    }
    .iconfont i {
        width:100%;
        height:100%;
        position:absolute;
    }
    .iconfont .cha {
        background:url(../images/cha.png) no-repeat center/100% 100%;
        display:none;
    }
    .iconfont .dh {
        background:url(../images/nav.png) no-repeat center/100% 100%;
    }
    .header-pack {
        display:block;
        position:relative;
    }
    .logo {
        height:60px;
        padding:15px 10px;
    }
    .navlist {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        padding: 10px;
        display: none;
        box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5)
    }
    .navlist ul {
        display:block;
    }
        .navlist ul  li a {
            text-align:left;
            font-size:14px;
            line-height:40px;
        }
    .eff-img, .circulation-img {
        width: 100%;
    }
    .navlist>ul>li{
        border-bottom:solid 1px #ececec
    }
    header {
        position: relative;
    }
    .efficiency{
        padding:25px 10px;
    }
    .appeal-title{
        font-size:20px;
        line-height:40px;
    }
    .eff-desc,
    .circulation-desc {
        font-size: 13px;
        line-height: 26px;
    }
    .circulation,
    .tutoring-case {
        padding: 25px 10px;
    }
    .appeal-title::after {
        margin-top:10px;
    }
    .tutor-case-classify{
        margin:20px 0 0;
        overflow:hidden;
    }
        .tutor-case-classify li {
            float:left;
            width:33.333333%;
            padding:10px;
        }
        .tutor-case-classify li a {
            width:100%;
            font-size:14px;
           line-height:35px;
           height:35px;
        }
    .tutor-case-cont1{
        padding:10px;
        font-size:15px;
        line-height:30px;
    }
    .tutor-case-cont2 h4,
    .tutor-case-cont3 h4,
    .tutor-case-cont4 h4 {
        font-size: 15px;
        line-height: 30px;
    }
    .tutor-case-cont2,
    .tutor-case-cont3,
    .tutor-case-cont4 {
        padding: 10px;
    }
    .w-nav > li:hover > a::after {
        display:none;
    }
    .er-nav {
        position: relative;
        top: 0;
        left: 15px;
        width: 100%;
        background: transparent;
        box-shadow: none;
    }
        .er-nav li:hover a{
            background:transparent;
        }
    .tutor-case-cont2 p,
    .tutor-case-cont3 p,
    .tutor-case-cont4 p {
        font-size: 13px;
        line-height: 26px;
    }
    .disabuse{
        padding:25px 10px;
    }
    .disabuse-list{
        margin-top:30px;
    }
        .disabuse-list li{
            width:50%;
            padding:10px;
        }
    .dis-list-desc{
        font-size:13px;
        line-height:26px;
    }
    .dis-list-img{
        width:120px;
        height:120px;
    }
    .cover{
        padding:25px 10px;
    }
    .cover-list{
        margin:30px 0 0;
    }
        .cover-list li {
            width:100%;
            padding:0;
            margin-bottom:20px;
        }
            .cover-list li div{
                padding:15px;
                font-size:13px;
                height:auto;
            }
    .video {
        padding:25px 10px;
    }
    .video-list li{
        width:100%;
        padding:0 20px;
    }
       
        .video-img {
            width: 30%;
        }
    .video-desc {
        width:calc(100% - 30%);
        font-size:13px;
        line-height:26px;
        padding:0 10px;
    }
    .team{
        padding:25px 10px;
    }
    .team-cont {
        display:block;
        margin-top:20px;
    }
    .team-list-img{
        display:none;
    }
    .team-list{
        width:100%;
    }
        .team-list li{
            height:auto;
            margin-bottom:20px;
        }
            .team-list li a {
                font-size:13px;
                line-height:26px;
                padding:10px;
            }
    .quality{
        padding:25px 10px;
    }
    .quality-list{
        margin:20px 0 0;
    }
        .quality-list li {
            width:100%;
            padding:0;
        }
            .quality-list li a{
                padding:10px;
            }
            .quality-list li .quality-list-title p{
                font-size:15px;
                line-height:30px;
            }
    .quality-list-desc {
        font-size:13px;
        line-height:26px;
    }
    .service-pack{
        padding:25px 10px;
    }
    .service-cont h4 {
        font-size:20px;
        line-height:40px;
    }
    .service-cont p {
        font-size:13px;
        line-height:26px;
    }
    .service-img{
        width:40%;
    }
    .footer-navlist {
        display: none;
    }
    .footer-pay{
        display:block;
        margin-top:30px;
    }
    .pay{
        flex-wrap:wrap;
        padding:0;
    }
    .footer{
        padding:25px 10px;
    }
    .pay li{
        width:50%;
        padding:5px;
    }
        .pay li a{
            width:100%;
            height:auto;
            padding:5px 0;
        }
    .footer-left-cont p,
    .footer-pay div p,
    .footer-pay div span {
        font-size: 13px;
        line-height: 26px;
    }
    .video-list{
        margin:30px 0 0;
    }
    .home-course-img {
     /*   position:relative;*/
        width:100%;
        height:100%;
        z-index:0;
        display:flex;
        justify-content:right;
        align-items:center
            
    }
     .home-course-img img{
         position:relative;
        right:-130px;
        width:auto;
     }
    .course-cont{
        padding: 0;
    }
    .home-course {
        padding: 10px 10px;
        background: #edede5
    }
    body,html {
        overflow-x:hidden;
    }
    .sidebar > div{
        width:70px;
        height:70px;
    }
    .erji img {
        width:33px;
        height:30px;
    }
    .sidebar > div p{
        font-size:13px;
        line-height:26px;
        margin:0;
    }
    .wx img{
        width:39px;
        height:29px;
    }
    .wm img {
        width:100%;
        height:100%;
    }
    .top img{
        width:24px;
        height:24px;
    }
    .course-cont h3 {
        font-size: 20px;
        line-height: 30px;
    
        margin-top:20px;
        

    }
    .course-cont h2 {
        font-size: 25px;
        line-height: 35px;
  
    }
    .course-title::after{
        margin:5px 0 0;
    }
    .course-desc p{
        font-size:13px;
        line-height:20px;
        margin-top:20px;

    }
    .course-cont a {
        width:120px;
        height:30px;
        font-size:13px;
        line-height:30px;
        border-radius:15px;
        margin:35px 0 0 0;
    }
    .home-introduction {
        padding:25px 10px;
    }
    .introduction-pack{
        display:block;
    }
    .introduction-img{
        width:100%;
        padding:0;
        margin:0;
    }
    .introduction-cont{
       width:100%;
       padding:0;
       margin-top:20px;
    }
        .introduction-cont h4{
            font-size:20px;
            line-height:35px;
        }
            .introduction-cont h4::after{
                margin-top:10px;
            }
    .introduction-desc {
        margin-top:20px;
    }
        .introduction-desc p {
            font-size:13px;
            line-height:26px;
        }
        .introduction-desc span {
            font-size:20px;
        }
    .home-back{
        padding:25px 10px;
    }
    .back-pack {
        display:block;
    }
    .home-back-cont {
        width:100%;
        padding:0 ;
    }
        .home-back-cont h4 {
            font-size:20px;
            line-height:40px;
        }
            .home-back-cont h4::after {
                margin-top:10px;
            }
    .home-back-desc {
        margin-top:20px;
    }
        .home-back-desc p{
            font-size:13px;
            line-height:26px;
        }
    .back-img{
        width:100%;
        margin:0;
    }
    .home-cont2 {
        padding:25px 10px;
    }
    .home-cont2-title{
        font-size:20px;
        line-height:40px;
    }
        .home-cont2-title::after {
            margin:10px auto 0;
        }
    .home-cont2-cont{
        
        padding:25px 10px;
    }
    .home-cont2-desc p {
        font-size:13px;
        line-height:26px;
    }
    .home-type {
        padding:25px 10px;
    }
    .home-type-list {
        margin:20px 0 0;
        
    }
        .home-type-list li{
            width:100%;
            padding:0 10px;
        }
    .home-cont3 {
        padding:25px 10px;
    }
    .we {
        margin-top:20px;
    }
    .we-cont h4 {
        font-size:15px;
        line-height:25px;
    }
    .we-cont p {
        font-size:13px;
        line-height:20px;
    }
    .we li {
        height:auto;
    }
    .home-cont3-img {
        display:none;
    }
    .we li a {
        display:flex;
    }
    .we li:nth-child(5), .we li:nth-child(6) {
        margin-bottom:38px;
    }
    .we-img{
        width:16%;
    }
    .we-cont {
        width:84%;
    }
    .home-cont3-pack {
        padding:0 10px;
    }
    .home-trialclass{
        padding:25px 10px ;
    }
    .arr-left, .arr-right {
        display:none;
    }
    .home-trialclass-pack a {
        display:block;
    }
    .tria-img {
        width:100%;
    }
    .tria-cont {
        width:100%;
        padding:25px;
    }
        .tria-cont h5 {
            font-size:15px;
            line-height:30px;
        }
        .tria-cont p {
            font-size:13px;
            line-height:26px;
        }
    .home-coach {
        padding:25px 10px;
    }
    .home-coach-list-left-cont {
        width:35%;
        height:auto;
    }
        .home-coach-list-left-cont p {
            font-size:40px;
            line-height:60px;
        }
        .home-coach-list-left-cont span {
            font-size:15px;
        }
    .home-coach-list-right-cont h4 {
        font-size:15px;
        line-height:20px;
    }
    .home-coach-list-right-cont p{
        font-size:13px;
        line-height:20px;
    }
    .home-coach-list-right-cont{
        width:65%;
    }
    .home-cooper {
        padding:25px 10px;
    }
    .home-cooper-cont  {
        width:100%;
    }
    .home-cooper-classify {
        width:100%;
        flex-wrap:wrap;
    }
    .sidebar {
        z-index:100;
    }
    .home-show {
        padding:25px 10px;
    }
    .show{
        width:100%;
    }
    .home-message{
        padding:25px 10px;
    }
    .home-message-classify li{
        width:50%;

    }
    .home-message-classify li a {
        width:100%;
        height:auto;
        line-height:30px;
        font-size:15px;
    }
    .home-cooper-classify li a {
        font-size:15px;
        line-height:30px;
        padding: 0 15px 15px;
    }
    .sjx a::after {
        bottom:5px;
    }
    .cooper-swiper .swiper-slide p{
        font-size:15px;
        line-height:30px;
    }
    .home-message-list {
        margin:20px 0 0;
    }
        .home-message-list li{
            width:50%;
            margin-bottom:20px;
            padding: 0 5px;
        }
    .home-message-cont h4 {
        font-size:15px;
        line-height:30px;
    }
    .home-message-cont p {
        font-size:13px;
        line-height:26px;

    }
    .home-message-btn a {
        width:120px;
        height:40px;
        font-size:13px;
        line-height:40px;
    }
    .banner-title {
        top:18%;
        right:5%;
    }
        .banner-title h2 {
            font-size:20px;
            line-height:30px;
        }
            .banner-title h2::after {
                width:100px;
                height:10px;
                margin:10px auto 0;
            }
        .banner-title p {
            font-size:15px;
            line-height:30px;
        }
    .courseware-banner .banner-title {
        right:10%;
    }
    .courseware-cont {
        padding:25px 10px;
    }
    .courseware-cont-img {
        width:100%;
        margin-top:20px;
    }
    .course-provide{
        padding:25px 10px;
    }
    .course-provide-list {
        margin: 20px 0 0;
    }
        .course-provide-list li{
             width:100%;
             padding:0;
             margin-bottom:10px;
        }
    .course-subjects {
        padding:25px 10px;
    }
    .course-subjects {
        padding:25px 10px;
        display:none;
    }
    
    .serve-course {
        padding:25px 10px;
    }
    .serve-course-list {
        margin-top:20px;
    }
    .serve-list li {
        width:100%;
        padding:0;
    }
    .serve-list {
        margin:0;
    }
    .serve-list-img {
        margin-top:15px;
    }
    .safeguard-course {
        padding:25px 10px;
    }
    .safeguard-list {
        margin-top:20px;
    }
        .safeguard-list li{
            width:50%;
            padding:5px;
        }
    .safeg-list-img {
        width:100px;
    }
    .safeg-list-cont h4 {
        font-size:15px;
        line-height:30px;
        margin-top:10px;
    }
    .safeg-list-cont p {
        font-size:13px;
        line-height:26px;
        margin-top:10px;
    }
    .flow-course {
        padding:25px 10px;
    }
    .flow-cont {
        margin-top:20px;
        display:block;
    }
    .flow-cont-img {
        width:100%;
    }
    .flow-cont .home-coach-list {
        width:100%;
        margin-top:20px;
        padding-left:0;
    }
        .flow-cont .home-coach-list .home-coach-list-right-cont p {
            font-size:15px;
            line-height:30px;
        }
    .feedback-course {
        padding:25px 10px;
    }
    .feedback-pack {
        width:75%;
        margin:20px auto 0;
    }
    .crowd {
        padding:25px 10px;
    }
    .crowd-img {
        width:100%;
    }
    .furnish {
        padding:25px 10px;
    }
    .furnish-img {
        margin-top:20px;
        width:100%;
    }
    .successful-case {
        padding:25px 10px;
    }
    .successful {
        width:100%;

    }
    .certify {
        width:100%;
        margin-top:20px;
    }
    .successful .swiper-slide img{
        height:100%;
    }
    .crowd-pack {
        display: block;
    }
    .crowd-left-cont {
        width:100%;
    }
    .crowd-img {
        margin-top:20px;
    }
    .classroom {
        padding:25px 10px;
    }
    .classroom-pack {
        display:block;
        margin-top:20px;
    }
    .classroom-img{
        width:100%;
    }
    .classroom-right-cont {
       width:100%;
       padding:0;
    }
    .crowd-left-cont h4{
        font-size:20px;
        line-height:40px;
    }
    .crowd-desc p{
        font-size:15px;
        line-height:30px;
    }
    .classroom-right-cont h4{
        font-size:20px;
        line-height:40px;
    }
    .classroom-right-cont h5{
        font-size:13px;
        line-height:26px;
    }
    .classroom-right-cont .crowd-desc p::before {
        top:15px;
    }
    .thesis-swiper{
        width:100%;
    }
    .graduation-list{
        margin:20px 0 0;
    }
        .graduation-list li{
           width:100%;
           padding:0;
        }
    .graduation-title-cont {
        height:auto;
        padding:20px;
    }
    .gradution-title{
        font-size:20px;
        line-height:40px;
    }
    .gradution-img{
        width:90px;
    }
    .gradution-desc p{
        font-size:13px;
        line-height:35px;
    }
    .gradution-desc{
        padding:20px;
    }
    .g-pack{
        width:100%;
    }
    .cooper-swiper{
        width:100%;
    }
    .combo-list{
        margin:20px 0 0;
    }
        .combo-list li{
            width:100%;
            padding:0;
        }
    .combo-title-cont{
        padding:20px;
    }
    .combo-title h4{
        font-size:20px;
        line-height:40px;
    }
    .combo-title p{
        font-size:13px;
        line-height:26px;
        margin-top:10px;
    }
    .combo-desc{
        padding:20px;
    }
        .combo-desc p{
            font-size:13px;
            line-height:35px;
        }
    .successful{
        margin-top:20px;
    }
    .tutor-cont{
        padding:25px 10px;
    }
    .tutor-cont-pack {
        display:block;
    }
    .tutor-cont-left-cont{
        width:100%;
        padding:0;
    }
    .tutor-img{
        width:100%;
    }
    .tutor-cont1 h4{
        font-size:20px;
        line-height:40px;
    }
    .tutor-cont1 p,
    .tutor-cont2 p,
    .esc-list-cont p {
        font-size: 13px;
        line-height: 26px;
    }
    .tutor-cont2 h4{
        font-size:20px;
        line-height:40px;
    }
    .escort{
        padding:25px 10px;
    }
    .escort-title-text{
        font-size:15px;
        line-height:30px;
        margin-top:20px;
    }
    .esc-list-title {
        width:20%;
        padding:10px;
        font-size:15px;
        line-height:30px;
        height:auto;
    }
    .esc-list-cont{
        padding:10px;
        width:80%;
        height:auto;
        font-size:13px;
        line-height:26px;
    }
    .esc-list-img{
        width:20%;
    }
    .mechanism{
        padding:25px 10px;
    }
    .mechanism-text {
        font-size:15px;
        line-height:30px;
    }
    .mechanism-img{
        width:100%;
    }
    .introduce{
        padding:25px 10px;
    }
    .list{
        padding:20px;
        margin-top:20px;
    }
    .nation{
        flex-wrap:wrap;
    }
    .nation-list{
        flex-wrap:wrap;
    }
        .nation-list li{
            margin:10px 0;
        }
            .nation-list li a{
                font-size:13px;
                line-height:26px;
                height:auto;
            }
    .data{
        width:100%;
        font-size:13px;
        line-height:26px;
    }
    .intro-list{
        padding-top:20px;
        margin:0 0;
    }
        .intro-list li{
            width:100%;
            padding:0;
            margin-bottom:40px;
        }
    .intro-list-text h4{
        font-size:15px;
        line-height:30px;
    }
        .intro-list-text h4 span,
        .intro-list-text p,
        .intro-list-text div {
            font-size: 13px;
            line-height: 26px;
        }
    .appeal-banner .banner-title h2{
        font-size:20px;
        line-height:30px;
        padding-bottom:10px;
    }
    .appeal-banner .banner-title p {
        display:block;
        font-size:13px;
        line-height:26px;
        margin-top:0;
    }
    .appeal-cont{
        padding:25px 10px;
    }
    .appeal-banner .banner-title{
        top:10%;
        right:5%;
    }
    .appeal-cont-img{
        width:100%;
        margin-top:20px;
    }
    .appeal-organization{
        padding:25px 10px;
    }
    .organization-title{
        font-size:20px ;
        line-height:30px;
    }
    .organization-list{
        margin:20px 0 0;
    }
        .organization-list li{
            width:100%;
            padding:0;
            margin-bottom:20px;
        }
    .organization-list-title {
        font-size:20px;
        line-height:40px;
        height:auto;
    }
    .organization-list-desc{
        padding:20px;
        height:auto;
    }
        .organization-list-desc p{
            font-size:13px;
            line-height:35px;
        }
    .appeal-pattern{
        padding:25px 10px;
    }
    .appeal-pattern-list {
        margin:20px 0 0;
    }
        .appeal-pattern-list li{
            width:100%;
            padding:0;
            margin-top:20px;
        }
    .pattern-cont h4{
        font-size:20px;
        line-height:40px;
        margin-top:20px;
    }
    .pattern-img{
        width:130px;
        height:130px;
    }
    .pattern-cont p{
        font-size:13px;
        line-height:26px;
        margin-top:20px;
    }
    .appeal-case{
        padding:25px 10px ;
    }
    .tabbar {
        margin:20px 0 0;
        display:block;
    }
    .tabbar-classify li{
        width:100%;
        height:auto;

    }
        .tabbar-classify li a{
            font-size:13px;
            line-height:40px;
        }
    .tabbar-list{
        width:100%;
    }
        .tabbar-list li{
            padding:10px;
        }
    .yinsu{
        font-size:13px;
        line-height:26px;
    }
    .tabbar-desc{
        font-size:13px;
        line-height:26px;
    }
    .news-banner .banner-title h2{
        font-size:20px;
        line-height:30px;
    }
    .news-banner .banner-title p{
        font-size:20px;
        line-height:30px;
    }
    .news-banner{
        width:100%;
        min-height:160px;
    }
       .news-banner img{
           left:0;
        
       }
    .news-banner .banner-title {
        top: 10%;
        width:95%;
    }
    .center {
        width:100%;
        
    }
    .news-list{
        padding:25px 10px;
    }
    .news-list-cont li a .news-time{
        display:none;
    }
    .news-list-cont li{
        padding:0;
    }
        .news-list-cont li a{
            display:block;
        }
    .news-list-img{
        width:100%;
    }
    .news-list-cont-text{
        margin-top:20px;
        width:100%;
    }
        .news-list-cont-text h4{

            font-size:15px;
            line-height:30px;
        }
        .news-list-cont-text p{
            margin-top:10px;
            font-size:13px;
            line-height:26px;
        }
        .news-list-cont-text span{
            font-size:13px;
            line-height:26px;
            margin-top:20px;
        }
    .classSch-list{
        padding:25px 10px;
    }
    .classSch-list-cont{
        margin:0 0 ;
    }
        .classSch-list-cont li{
            width:100%;
            padding:0;
            margin-bottom:20px;
        }
    .classSch-list-title h4{
        font-size:15px;
        line-height:30px;
    }
    .classSch-list-title span{
        font-size:13px;
        line-height:26px;
    }
    .classSch-list-er-title{
        margin-top:10px;
    }
        .classSch-list-er-title span,
        .classSch-list-desc p {
            font-size: 13px;
            line-height: 26px;
        }
    .classSch-list-desc i{
        margin-top:20px;
    }
    .about-cont{
        padding:25px 10px;
    }
    .about-cont-pack{
        padding:0 ;
    }
        .about-cont-pack p{
            font-size:13px;
            line-height:35px;
        }
    .about-harvest{
        padding:25px 10px;
    }
    .about-list-cont{
        margin-top:20px;
    }
        .about-list-cont ul li {
            width:50%;
            padding:5px;
        }
            .about-list-cont ul li a{
                padding:20px;
            }
    .about-list-cont-text h4,
    .corporate-title {
        font-size: 20px;
        line-height: 40px;
    }
    .about-list-cont-text p{
        font-size:13px;
        line-height:26px;
    }
    .corporate-culture {
        padding:25px 0px;
    }
    .corporate-list{
        margin:20px 0 0;
    }
        .corporate-list li{
            width:100%;
            margin-bottom:20px;
        }
    .corpor-list-title h4{
        font-size:20px;
        line-height:40px;
    }
    .copr-list-cont {
        padding:20px;
        font-size:13px;
        line-height:26px;
        height:auto;
    }
    .fc {
        display:none;
    }
    .zfwm{
        bottom:67%;
    }
    .cer{
        width:100%;
    }
}
.appeal-cont-img {
    position:relative;
}
.appeal-cont-imgs {
    width:695px;
    height:725px;
}
.app-list {
    width:calc(100% - 695px);
    position:absolute;
    top:100px;
    right:0;
}
    .app-list li {
        padding-left:40px;
        position:relative;
    }
    .app-list li:before {
        content: "";
        width: 15px;
        height: 15px;
        display: block;
        background: #FEC107;
        border-radius: 100%;
        position:absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
    }
    .app-list li:nth-child(2n):before {
        background: #F96A0E;
    }
        .app-list span {
            font-size: 35px;
            line-height: 45px;
            color: #FEC107;
            font-weight: 500;
        }
    .app-list samp {
        font-size:20px;
        line-height:34px;
        color:#333;
        margin-left:30px;
    }
    .app-list li:hover samp {
        color: #ffc208;
    }
    .app-list li:nth-child(1) {
        margin-left: -119px;
    }
    .app-list li:nth-child(2) {
        margin-left: -78px;
    }
    .app-list li:nth-child(3) {
        margin-left: -49px;
    }
    .app-list li:nth-child(4) {
        margin-left: -30px;
    }
    .app-list li:nth-child(5) {
        margin-left: -16px;
    }
    .app-list li:nth-child(6) {
        margin-left: -10px;
    }
    .app-list li:nth-child(7) {
        margin-left: -9px;
    }
    .app-list li:nth-child(8) {
        margin-left: -14px;
    }
    .app-list li:nth-child(9) {
        margin-left: -26px;
    }
    .app-list li:nth-child(10) {
        margin-left: -45px;
    }
    .app-list li:nth-child(11) {
        margin-left: -71px;
    }
    .app-list li:nth-child(12) {
        margin-left: -108px;
    }
.eff-img {
   background:url(../images/xl.png) no-repeat center center;
   height:260px;
}
    .eff-img ul {
        overflow: hidden;
        padding-top:55px;
    }
    .eff-img li {
        width: 50%;
        float: left;
        font-size: 18px;
        line-height: 31px;
        margin-bottom:88px;
    }
        .eff-img li:hover {
            color:#ffc208;
        }
        .eff-img li:nth-child(2n+1) {
            text-align: right;
            padding-right: 160px;
        }
            .eff-img li:nth-child(2n) {
                padding-left:160px;
            }
.courseware-cont-img {
    background:url(../images/sy.png) no-repeat center center;
    height:420px;
}
    .courseware-cont-img ul {
        position:relative;
    }
    .courseware-cont-img ul li {
        position:absolute;
        width:370px;
    }
        .courseware-cont-img ul li h4 {
            font-size:22px;
            color:#555;
        }
        .courseware-cont-img ul li p {
            font-size:16px;
            color:#333;
            margin-top:5px;
        }
        .courseware-cont-img ul li:hover h4,
        .courseware-cont-img ul li:hover p{
            color: #ffc208;
        }
        .courseware-cont-img ul li:nth-child(1) {
            top: 0;
            left: 0;
        }
            .courseware-cont-img ul li:nth-child(2) {
                right:0;
                top:0;
            }
        .courseware-cont-img ul li:nth-child(3) {
            left: 0;
            top: 120px;
            width:280px;
        }
        .courseware-cont-img ul li:nth-child(4) {
            right: 0;
            top: 120px;
            width: 260px;
        }
        .courseware-cont-img ul li:nth-child(5) {
            left: 0;
            top: 245px;
            width: 260px;
        }
        .courseware-cont-img ul li:nth-child(6) {
            right: 0;
            top: 245px;
            width: 260px;
        }
        .courseware-cont-img ul li:nth-child(7) {
            left: 0;
            top: 344px;
            width: 350px;
        }
        .courseware-cont-img ul li:nth-child(8) {
            right: 0;
            top: 344px;
            width: 350px;
        }
            @media(max-width:1000px) {
                .appeal-cont-imgs {
            width:100%;
            height:auto;
            display:none;
        }
        .app-list {
            position:initial;
            width:100%;
            margin-top:20px;
        }
        .app-list li {
            margin:0 !important;
            padding-left:0;
        }
            .app-list li::before {
                display:none;
            }
            .app-list span {
                font-size:14px;
                line-height:25px;
            }
            .app-list samp {
                font-size:13px;
                line-height:25px;
                margin:0;
            }
                .eff-img {
                    background:none;
                    height:auto;
                    margin-top:20px;
                }
                    .eff-img ul {
                        padding:0;
                    }
                    .eff-img li {
                        width: 100%;
                        padding: 0 !important;
                        text-align: center !important;
                        margin: 0;
                        font-size: 13px;
                        line-height: 25px;
                    }
                .courseware-cont-img {
                    background:none;
                    height:auto;
                }
                .courseware-cont-img ul li {
                    position:initial;
                    margin-bottom:20px;
                }
                    .courseware-cont-img ul li h4 {
                        font-size:16px;
                        line-height:30px;
                    }
                    .courseware-cont-img ul li p {
                        font-size:13px;
                        line-height:25px;
                    }


                .home-why-title span {
                    width:10%;
                    font-size:20px;

                }
                .home-why-title {
                    height:35px;
                }
                    .home-why-title p {
                        width:80%;
                        font-size:14px;
                        line-height:35px;
                    }
                    .home-why-title samp {
                        width:20px;
                        height:20px;
                        line-height:16px;
                        font-size:15px;
                    }
                .home-why-cont p {
                    padding:10px;
                    font-size:13px;
                    line-height:25px;
                }
    }