* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-size: 14px;
    color: #1B1B1B;
    background: #fff;
    overflow-x: hidden
}
a {
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
a:active, a:hover {
    outline: 0
}
input {
    font-family: SourceHanSansSC-Regular;
    outline: 0
}
input::-ms-clear {
    display: none
}
.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}
.clearfix:after {
    clear: both
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-center, .btn-wrap {
    text-align: center
}
.btn-wrap .layui-btn:last-child {
    margin-left: 40px
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.fl {
    float: left
}
.fr {
    float: right
}
.layui-carousel {
    box-sizing: border-box
}
.layui-carousel>[carousel-item] {
    overflow: hidden
}
.layui-carousel>[carousel-item]:before {
    display: none
}
.layui-carousel>[carousel-item]>* {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.layui-carousel>[carousel-item]>* a {
    display: block;
    height: 100%
}
.layui-carousel-ind ul {
    background: 0 0
}
.layui-carousel-ind ul:hover {
    background: 0 0
}
.layui-carousel-ind ul li {
    width: 16px;
    height: 16px;
    margin: 0 15px
}
.layui-btn-primary {
    color: #D69E6A;
    border-color: #D69E6A;
    letter-spacing: 1px
}
.layui-btn-primary:hover, .layui-btn-primary:focus {
    color: #D69E6A;
    border-color: #D69E6A;
    opacity: .9
}
.layui-btn-warm {
    background: linear-gradient(to right, #f0c396, #d69e69);
    letter-spacing: 1px
}
.layui-btn-danger {
    background: linear-gradient(to right, #f64c24, #e24636);
    border-radius: 25px;
    letter-spacing: 2px;
    box-shadow: 0 5px 10px 0 rgba(227, 9, 9, .21)
}
.layui-btn-normal {
    background: #5f87ff
}
.btn-big {
    width: 400px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 35px;
    letter-spacing: 2px
}
.bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.banner {
    height: 520px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.common-tit {
    height: 150px;
    line-height: 150px;
    font-size: 36px;
    color: #202431;
    text-align: center;
    position: relative;
    letter-spacing: 4px
}
.common-tit:before {
    content: "";
    width: 50px;
    height: 6px;
    margin-left: -25px;
    background: #594678;
    position: absolute;
    left: 50%;
    bottom: 30px
}
.common-tit.white {
    color: #fff
}
.common-tit.white:before {
    background: #F2B276
}
.plan {
    background: url(../img/plan_bg2.png) no-repeat right top, url(../img/plan_bg3.png) no-repeat center bottom
}
.plan .shape {
    width: 1100px;
    height: 543px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.plan .shape .btn-wrap {
    padding-top: 440px
}
.plan .top {
    width: 1100px;
    height: 130px;
    margin: auto;
    background-image: url(../img/plan_bg1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}
.plan .top .btn {
    display: block;
    width: 200px;
    height: 70px;
    position: absolute;
    top: 30px;
    right: 37px
}
.plan .plan-tit {
    padding: 50px 0 40px;
    color: #181818;
    font-size: 30px;
    font-weight: 700;
    text-align: center
}
.plan .peo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1100px;
    margin: auto;
    color: #202020;
    font-size: 24px;
    line-height: 57px;
    text-align: center
}
.plan .peo li {
    display: inline-block;
    position: relative;
    padding-left: 25px
}
.plan .peo li:before {
    content: '';
    width: 11px;
    height: 11px;
    margin-top: -8px;
    border: 2px solid #e24736;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%
}
.planned {
    margin-top: 20px;
    text-align: center
}
.planned li {
    display: inline-block;
    width: 287px;
    height: 306px;
    margin: 0 -5px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}
.planned li a {
    width: 135px;
    height: 40px;
    margin-left: -67px;
    position: absolute;
    left: 50%;
    bottom: 48px
}
.planned .bot {
    padding: 0 0 40px;
    font-size: 16px;
    color: #555;
    text-align: center
}
.course {
    padding-bottom: 36px;
    background: url(../img/cbg1.png) no-repeat center top, url(../img/cbg2.png) no-repeat center bottom;
    background-size: contain, 1249px 230px
}
.course .list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1200px;
    margin: auto;
    padding: 15px 0 30px
}
.course .list li {
    width: 333px;
    height: 350px;
    margin: 0 25px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 30px #ddd;
    text-align: center;
    letter-spacing: 2px;
    position: relative
}
.course .list li:before {
    content: '';
    width: 100%;
    height: 7px;
    background: #0383FA;
    border-radius: 15px 15px 0 0;
    position: absolute;
    top: -7px;
    left: 0
}
.course .list li .tit {
    padding: 18px 0 13px;
    font-size: 28px;
    font-weight: 700;
    color: #0383FA
}
.course .list li .txt {
    display: inline-block;
    min-height: 185px;
    padding-left: 30px
}
.course .list li .txt p {
    line-height: 33px;
    padding-left: 10px;
    font-size: 18px;
    color: #4b4b4b;
    text-align: left;
    position: relative
}
.course .list li .txt p:before {
    content: '';
    width: 11px;
    height: 11px;
    background: #b1d9ff;
    border-radius: 50%;
    position: absolute;
    left: -13px;
    top: 12px
}
.course .list li .txt p:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #0383fa;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 15px
}
.course .list li .layui-btn {
    display: block;
    width: 178px;
    height: 44px;
    line-height: 42px;
    margin: 18px auto 0;
    font-size: 24px;
    color: #0383FA;
    border-color: #0383FA;
    border-radius: 22px
}
.course .list li.red:before, .course .list li.red .txt p:after {
    background: #FF5865
}
.course .list li.red .txt p:before {
    background: #FFC3C2
}
.course .list li.red .tit {
    color: #FF5865
}
.course .list li.red .layui-btn {
    color: #FF5865;
    border-color: #FF5865
}
.course .list li.gre:before, .course .list li.gre .txt p:after {
    background: #05B56F
}
.course .list li.gre .txt p:before {
    background: #85EBC2
}
.course .list li.gre .tit {
    color: #05B56F
}
.course .list li.gre .layui-btn {
    color: #05B56F;
    border-color: #05B56F
}
.course .list li:nth-child(3) .txt {
    padding-top: 40px
}
.course .list li:nth-child(4), .course .list li:nth-child(5), .course .list li:nth-child(6) {
    height: 220px
}
.course .list li:nth-child(4) .txt, .course .list li:nth-child(5) .txt, .course .list li:nth-child(6) .txt {
    min-height: 66px
}
.nowrap {
    width: 1200px;
    margin: auto;
    text-align: center
}
.nowrap li {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.system {
    padding-bottom: 35px;
    background: url(../img/sys.png) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden
}
.system .layui-tab {
    display: flex;
    width: 1100px;
    height: 360px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 30px #ddd
}
.system .layui-tab-title {
    width: 220px;
    height: 100%;
    border: 0
}
.system .layui-tab-title li {
    display: block;
    height: 180px;
    padding: 50px 30px 0;
    font-size: 28px;
    font-weight: 700;
    white-space: normal;
    color: #235ebc;
    background: #fff;
    letter-spacing: 2px;
    position: relative
}
.system .layui-tab-title li:after {
    content: '';
    width: 8px;
    height: 70px;
    margin-top: -35px;
    background: #dba571;
    position: absolute;
    top: 50%;
    left: 0;
    border: 0
}
.system .layui-tab-title li.layui-this {
    color: #fff;
    background: linear-gradient(to bottom, #0752bb, #1d70ca)
}
.system .layui-tab-title li.layui-this:after {
    display: none
}
.system .layui-tab-content {
    flex: 1;
    padding: 80px 40px 0;
    background: url(../img/table_tit.png) no-repeat center 35px
}
.system .layui-tab-content img {
    width: 100%;
    height: 235px
}
.system .layui-tab-content .layui-btn {
    display: block;
    width: 225px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    font-size: 20px
}
.system .nowrap li {
    width: 399px;
    height: 496px;
    margin: 0 -6px;
    padding: 140px 60px 0;
    vertical-align: top;
    text-align: left
}
.system .nowrap li p {
    min-height: 84px;
    line-height: 28px;
    font-size: 16px;
    color: gray;
    letter-spacing: 2px
}
.system .nowrap li p.red {
    min-height: unset;
    font-size: 18px;
    color: #E83E34
}
.system .nowrap li .label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 15px;
    padding: 0 12px;
    background: #EAEDF4;
    color: #1d1d1d;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}
.system .nowrap li .layui-btn {
    width: 178px;
    height: 44px;
    line-height: 44px;
    margin-top: 30px;
    font-size: 20px;
    border-radius: 22px
}
.system .layui-table, .system .layui-table-view {
    margin-top: 0;
    margin-bottom: 18px
}
.system .layui-table th, .system .layui-table-view th, .system .layui-table td, .system .layui-table-view td {
    font-family: SourceHanSansSC-Regular;
    color: #1A1A1A;
    border-color: #EAEDF4;
    text-align: center
}
.system .layui-table th, .system .layui-table-view th {
    height: 42px;
    font-size: 20px;
    background: #EAEDF4
}
.system .layui-table td, .system .layui-table-view td {
    height: 49px;
    font-size: 18px;
    color: #E83E34
}
.system .layui-table td:first-child, .system .layui-table-view td:first-child {
    color: #1A1A1A
}
.teacher {
    padding-bottom: 85px;
    background: url(../img/teacher.png) no-repeat center top;
    background-size: 100% 100%
}
.teacher img {
    display: block;
    width: 1168px;
    height: 520px;
    margin: auto
}
.teacher .layui-carousel {
    height: 190px!important;
    margin: auto;
    background: 0 0
}
.teacher .layui-carousel>[carousel-item]>* {
    background: 0 0
}
.teacher .layui-carousel-ind ul {
    display: none
}
.teacher .layui-carousel-arrow {
    width: auto;
    height: auto;
    line-height: unset;
    background: 0 0;
    color: #D69E69;
    font-size: 70px;
    font-weight: 700;
    top: 40%
}
.teacher .layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    left: 0
}
.teacher .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .teacher .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 0
}
.list-teacher {
    display: flex;
    justify-content: center;
    margin-top: 46px
}
.list-teacher li {
    width: 97px;
    height: 96px;
    margin: 0 18px;
    border: 4px solid #cacaca;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size: 108% 108%
}
.list-teacher li.on {
    border-color: #1780e8
}
.menu {
    padding-top: 20px;
    padding-bottom: 50px;
    background: url(../img/menubg.png) no-repeat center top;
    background-size: 100% 100%
}
.menu .menu-list {
    width: 1200px;
    margin: 30px auto 20px;
    font-size: 0;
    text-align: center
}
.menu .menu-list li {
    display: inline-block;
    width: 264px;
    height: 99px;
    margin: 0 7px 17px;
    padding: 16px 19px 0;
    font-size: 20px;
    color: #1b1b1b;
    background: #fff;
    text-align: left;
    border-radius: 5px;
    vertical-align: top
}
.menu .menu-list li .icon-box {
    width: 67px;
    height: 67px;
    margin-right: 15px;
    background-repeat: repeat;
    background-position: center;
    background-size: 100% 100%;
    float: left
}
.menu .menu-list li .icon-box.item1 {
    background-image: url(../img/menu1.png)
}
.menu .menu-list li .icon-box.item2 {
    background-image: url(../img/menu2.png)
}
.menu .menu-list li .icon-box.item3 {
    background-image: url(../img/menu3.png)
}
.menu .menu-list li .icon-box.item4 {
    background-image: url(../img/menu4.png)
}
.menu .menu-list li .icon-box.item5 {
    background-image: url(../img/menu5.png)
}
.menu .menu-list li .icon-box.item6 {
    background-image: url(../img/menu6.png)
}
.menu .menu-list li .icon-box.item7 {
    background-image: url(../img/menu7.png)
}
.menu .menu-list li .icon-box.item8 {
    background-image: url(../img/menu8.png)
}
.menu .menu-list li .layui-btn {
    height: 28px;
    line-height: 26px;
    margin-top: 10px;
    padding: 0 8px;
    font-size: 16px;
    border-radius: 14px
}
.menu .menu-list li:nth-child(4n+1) .layui-btn {
    color: #F7A75A;
    border-color: #F7A75A
}
.menu .menu-list li:nth-child(4n+2) .layui-btn {
    color: #2FB1F0;
    border-color: #2FB1F0
}
.menu .menu-list li:nth-child(4n+3) .layui-btn {
    color: #FF7062;
    border-color: #FF7062
}
.menu .menu-list li:nth-child(4n+4) .layui-btn {
    color: #EFA82C;
    border-color: #EFA82C
}
.menu .step {
    width: 1210px;
    height: 401px;
    margin: 0 auto 40px;
    padding-left: 55px;
    background-image: url(../img/s_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}
.menu .step li {
    display: inline-block;
    width: 130px;
    height: 105px;
    margin-left: 14px;
    margin-right: 13px;
    text-align: center;
    vertical-align: top
}
.menu .step li:nth-child(1) {
    margin-top: 200px
}
.menu .step li:nth-child(2) {
    margin-top: 193px
}
.menu .step li:nth-child(3) {
    margin-top: 180px
}
.menu .step li:nth-child(4) {
    margin-top: 167px
}
.menu .step li:nth-child(5) {
    margin-top: 135px
}
.menu .step li:nth-child(6) {
    margin-top: 86px
}
.menu .step li:nth-child(7) {
    margin-top: 14px
}
.menu .step .tit {
    line-height: 38px;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}
.menu .step p {
    margin-top: 15px;
    font-size: 18px;
    color: #323232
}
.menu .btn-wrap {
    margin-top: 20px
}
.modal {
    padding-bottom: 58px;
    background: url(../img/modal_bg1.png) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    position: relative
}
.modal .bg {
    width: 840px;
    height: 531px;
    background-image: url(../img/modal_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 103px;
    left: 58%;
    z-index: 0
}
.modal .nowrap {
    width: 1180px;
    text-align: left;
    position: relative;
    z-index: 1
}
.modal .nowrap li {
    width: 294px;
    height: 322px;
    margin-right: -75px;
    padding-top: 120px;
    text-align: center;
    vertical-align: top
}
.modal .nowrap li .tit {
    font-size: 20px;
    font-weight: 700;
    color: #0F0F0F
}
.modal .nowrap li p {
    margin: 15px 0 16px;
    line-height: 22px;
    height: 44px;
    font-size: 16px;
    color: #4C4C4C
}
.modal .nowrap li .layui-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 16px;
    color: #5e3e1d;
    font-size: 16px
}
.modal .layui-carousel {
    height: 305px!important;
    margin: 20px auto 30px;
    background: 0 0
}
.modal .layui-carousel>[carousel-item]>* {
    background: 0 0
}
.modal .layui-carousel-ind ul li {
    background-color: #F1D5BA
}
.modal .layui-carousel-ind ul li.layui-this {
    background-color: #DAA471
}
.modal .fw {
    width: 1200px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 0
}
.modal .fw li {
    display: inline-block;
    width: 327px;
    height: 249px;
    margin: 0 20px 27px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.footer {
    margin-bottom: 130px;
    padding-bottom: 80px;
    background-image: url(../img/footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.footer .inner {
    width: 1100px;
    margin: 30px auto 50px;
    padding: 18px 0 28px 40px;
    background: #fff;
    border-radius: 10px;
    position: relative
}
.footer .list-school {
    margin-right: -15px;
    padding-bottom: 15px;
    font-size: 0
}
.footer .list-school li {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 16px 20px 0 0;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    vertical-align: top
}
.footer .list-school li a {
    display: block;
    padding: 0 20px;
    color: #010101;
    border-radius: 5px
}
.footer .list-school li a:hover, .footer .list-school li a:focus {
    color: #fff;
    background: #F55C3D
}
.footer .bot {
    width: 800px;   
    line-height: 28px;
    padding-top: 16px;
    font-size: 16px;
    color: #343434;
    border-top: 1px dashed #e6e6e6
}
.footer .bot .item {
    display: inline-block;
    width: 480px
}
.footer .bot .item:nth-child(2), .footer .bot .item:nth-child(4) {
    width: 200px
}
.footer .img {
    width: 313px;
    height: 439px;
    background: url(../img/foot.png) no-repeat center bottom;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 35px
}