/* .banner {
        margin-top: 18px;
    } */
    
    .banner li {
        /* float: left; */
        display: inline-block;
    }
    /* box1 */
    
    .box1 {
        margin-top: 19px;
    }
    
    .box1 .box1_c {
        border: 1px solid #B5B5B5;
        padding-bottom: 20px;
    }
    
    .box1 .box1_l {
        width: 393px;
    }
    
    .box1 .box1_l .box1_l_t .box1_l_t_img {
        position: relative;
    }
    
    .box1 .box1_l .box1_l_t .box1_l_t_img img {
        width: 393px;
        height: 240px;
    }
    
    .box1 .box1_l .box1_l_t .box1_l_t_txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 46px;
        line-height: 70px;
    }
    
    .box1 .box1_l .box1_l_b {
        margin-top: 22px;
    }
    
    .box1 .box1_l .box1_l_b ul li {
        display: inline-block;
        width: 32.3333%;
        text-align: center;
    }
    
    .box1 .box1_l .box1_l_b ul li .box1_l_b_img img {
        width: 29px;
    }
    
    .box1 .box1_l .box1_l_b ul li .box1_l_b_img h2 {
        margin-top: 10px;
    }
    
    .box1 .box1_l .box1_l_b ul li .box1_l_b_img p {
        margin-top: 10px;
        color: #8A8787;
        font-size: 12px;
    }
    
    .box1 .box1_r {
        width: 765px;
        margin-left: 40px;
        padding-top: 20px;
    }
    
    .box1 .box1_r ul li {
        width: 46%;
        display: inline-block;
        margin-top: 21px;
        margin-right: 29px;
    }
    
    .box1 .box1_r ul li:nth-child(2n) {
        margin-right: 0;
    }
    
    .box1 .box1_r ul li h3 {
        font-size: 24px;
        color: #00A6CA;
        line-height: 40px;
    }
    
    .box1 .box1_r ul li p {
        font-size: 14px;
        color: #040404;
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }
    
    .box1 .box1_r ul li a:hover {
        color: #33ADDB;
    }
    /* box2 */
    
    .box2 {
        margin-top: 15px;
    }
    
    .box2 .box2_tit h4 {
        font-size: 20px;
        color: #050505;
        border-bottom: 2px solid #E2E2E2;
    }
    
    .box2 .box2_tit .ht-tabs {
        display: inline-block;
        margin-left: 41px;
        padding-bottom: 10px;
    }
    
    .box2 .box2_tit .ht-tabs span {
        font-size: 14px;
        /* color: #00A6CA; */
        margin: 0 22px;
        padding-bottom: 10px;
        border: none;
        cursor: pointer;
    }
    
    .box2 .box2_tit .ht-tabs span.cur {
        background: url(/static/skin/img/sx_tabs_bg.png) no-repeat center bottom;
        background-size: 50% auto;
        color: #00A6CA;
    }
    
    .box2 .box2_tit h4 span {}
    /* ----------------- */
    /* box2 */
    
    .box2 {
        margin-top: 20px;
    }
    
    .box2 h4 {
        /* border-bottom: 2px solid #E2E2E2; */
        /* padding-bottom: 5px; */
    }
    
    .box2 h4 span {
        border-bottom: 2px solid #00A6CA;
        padding-bottom: 5px;
        font-size: 20px;
    }
    
    .box2 ul {
        margin-top: 15px;
    }
    
    .box2 ul li {
        width: 370px;
        background-color: #fff;
        display: block;
        float: left;
        margin-right: 16px;
        margin: 0 15px;
        box-shadow: 0 2px 18px rgba(0, 0, 0, 0.05);
        background: #fff url(/static/skin/img/tx_bg.png) no-repeat right bottom;
    }
    
    .box2 li .ty_hd_tit {
        width: 100%;
        height: 80px;
        background-color: #0384fc;
        background: url(/static/skin/img/sx_px_bg1.png) no-repeat;
        background-size: 100%;
        /* border-radius: 0 0 20px 20px; */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 20px 0 0 45px;
        box-sizing: border-box;
    }
    
    .box2 li:nth-child(2) .ty_hd_tit {
        background: url(/static/skin/img/sx_px_bg2.png) no-repeat;
        background-size: 100%;
    }
    
    .box2 li:nth-child(3) .ty_hd_tit {
        background: url(/static/skin/img/sx_px_bg3.png) no-repeat;
        background-size: 100%;
    }
    
    .box2 li .ty_hd_tit h1 {
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        display: inline-block;
        float: left;
    }
    
    .box2 li .ty_hd_tit em {
        float: right;
        font-size: 14px;
        color: #FCFCFC;
        line-height: 36px;
        padding-right: 20px;
    }
    
    .box2 .cont {
        padding: 0 15px;
        border-left: 1px solid #ECECEC;
        border-right: 1px solid #ECECEC;
    }
    
    .box2 .cont p {
        /* border-bottom: 1px dotted #e6e6e6; */
        padding: 10px 0;
    }
    
    .box2 .cont .shxy {
        padding: 10px 0;
        border-bottom: 1px dotted #e6e6e6;
        border-top: 1px dotted #e6e6e6;
    }
    
    .box2 .cont .shxy span {
        height: 64px;
        width: 64px;
        display: flex;
        float: left;
        border-radius: 50px;
        border: 2px solid #00A0E9;
        text-align: center;
        align-items: center;
        justify-content: center;
        line-height: 18px;
        color: #00A0E9;
        font-size: 14px;
        margin-right: 5px;
    }
    
    .box2 .cont .shxy label b {
        font-weight: normal;
        display: block;
        font-size: 14px;
        line-height: 25px;
    }
    
    .box2 .value {
        padding: 10px 0;
        display: block;
        border-bottom: 1px dotted #e6e6e6;
    }
    
    .box2 .value span {
        font-size: 14px;
        width: 30px;
        display: inline-block;
    }
    
    .box2 .value em {
        color: #f35f55;
        font-size: 16px;
        font-weight: bold;
    }
    
    .box2 .value a {
        float: right;
        line-height: 24px;
        background: #f35f55;
        padding: 0px 10px;
        color: #fff;
        border-radius: 30px;
        font-size: 14px;
        cursor: pointer;
    }
    
    .box2 .Contains-courses {
        padding-top: 10px;
        height: 125px;
        border: 1px dashed #CFCFCF;
    }
    
    .box2 .Contains-courses ol li {
        width: auto;
        line-height: 35px;
    }
    
    .box2 .Contains-courses a {
        /* display: inline-block; */
        /* border: 1px solid #e6e6e6; */
        padding: 2px 5px;
        margin-bottom: 5px;
        font-size: 15px;
        color: #676767;
    }
    
    .box2 .teachers_list {
        clear: both;
        overflow: hidden;
        padding: 15px;
    }
    
    .box2 .teachers_list span {
        background: #d3d3d3;
        display: block;
        float: left;
        margin-right: 20px;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .box2 .teachers_list span img {
        display: block;
        width: 50px;
        margin: 5px auto 0 auto;
        transition: all 0.2s;
        height: auto;
    }
    
    .box2 .btn-tom {
        padding: 15px 15px 25px 15px;
        justify-content: space-between;
        border-left: 1px solid #ECECEC;
        border-right: 1px solid #ECECEC;
        border-bottom: 1px solid #ECECEC;
    }
    
    .box2 .btn-tom a {
        width: 45%;
        display: inline-block;
        border-radius: 30px;
        text-align: center;
        font-size: 16px;
        padding: 7px 0px 8px 0px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    
    .box2 .btn-tom a.zx {
        border: 1px solid #0957be;
        color: #0957be;
    }
    
    .box2 .btn-tom a.st {
        color: #fff;
        background: linear-gradient(to right, #f06a4a, #da4638);
        float: right;
    }
    /* .box3 */
    
    .box3 {
        margin-top: 20px;
    }
    
    .box3 .box3_l {
        /* width: 900px; */
        width: 100%;
    }
    
    .box3 .box3_l h4 {
        border-bottom: 2px solid #E2E2E2;
        padding-bottom: 5px;
    }
    
    .box3 .box3_l h4 span {
        font-size: 20px;
        border-bottom: 2px solid #00A6CA;
        padding-bottom: 5px;
    }
    
    .box3 .box3_l h4 strong {
        float: right;
        font-size: 12px;
        padding-right: 20px;
        color: #757472;
    }
    
    .box3 .box3_l ul li {
        display: inline-block;
        width: 23%;
        margin: 25px 27px 0 0;
        cursor: pointer;
        transition: all 0.3s;
        padding: 5px 2px;
    }
    
    .box3 .box3_l ul li>div {
        padding: 0 5px;
    }
    
    .box3 .box3_l ul li:hover {
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
    }
    
    .box3 .box3_l ul li:nth-child(4n) {
        margin-right: 0;
    }
    
    .box3 .box3_l ul li p {
        color: #0A0A0A;
        padding: 5px 0 0 0;
    }
    
    .box3 .box3_l ul li div span {
        color: #6B6B6B;
        font-size: 12px;
    }
    
    .box3 .box3_l ul li div strong {
        color: #FF0303;
        font-size: 14px;
        float: right;
        cursor: pointer;
    }
    
    .box5 {
        margin-top: 20px;
    }
    
    .box5 h4 {
        border-bottom: 2px solid #E2E2E2;
        padding-bottom: 5px;
    }
    
    .box5 h4 span {
        font-size: 20px;
        border-bottom: 2px solid #00A6CA;
        padding-bottom: 5px;
    }
    
    .box5 ul {
        margin: 20px 0;
        padding: 0 55px;
    }
    
    .box5 ul li {
        width: 18%;
        display: inline-block;
        max-width: 220px;
        max-height: 321px;
        padding-top: 3px;
        padding-right: 1px;
        margin-right: 20px;
        border-radius: 5px;
        background-color: #00AFDD;
        box-shadow: 10px 5px 5px #eee;
        overflow: hidden;
        cursor: pointer;
    }
    
    .box5 ul li:last-child {
        margin-right: 0;
    }
    
    .box5 ul li:nth-child(2n) {
        background-color: #68E0D3;
    }
    
    .box5 ul li>div {
        background-color: #fff;
        max-height: 100%;
        border-radius: 5px;
        text-align: center;
    }
    
    .box5 ul li:last-child {
        margin: 0;
    }
    
    .box5 ul li img {
        max-width: 100%;
        max-height: 100%;
        max-height: 321px;
        height: 321px;
        margin-top: 8px;
    }
    
    .box5 ul li .jszl {
        height: 160px;
        background: rgba(0, 0, 0, .4);
        padding: 0 12px 0 16px;
        transition: all .8s;
        -moz-transition: all .8s;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
    }
    
    .box5 ul li .jszl h2 {
        color: #fff;
        font-size: 18px;
        padding: 18px 0 10px 0;
        text-align: left;
        border-bottom: 1px solid #fff;
        margin: 0;
        opacity: .9999;
    }
    
    .box5 ul li .jszl h2 span {
        font-size: 12px;
    }
    
    .box5 ul li .jszl p {
        font-size: 12px;
        color: #fff;
        padding-top: 14px;
        margin: 0;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    
    .box5 ul li:hover {
        box-shadow: 10px 5px 15px #aaa;
        transition: all 0.5s;
    }
    
    .box5 ul li:hover img {
        transition: all .5s;
    }
    
    .box5 ul li:hover .jszl {
        opacity: .999999;
        margin-top: -164px;
        z-index: 9;
    }
    /* box4 */
    
    .box4 h4 {
        border-bottom: 2px solid #E2E2E2;
        padding-bottom: 5px;
    }
    
    .box4 h4 span {
        font-size: 20px;
        border-bottom: 2px solid #00A6CA;
        padding-bottom: 5px;
    }
    
    .box4 ul {
        padding: 22px;
    }
    
    .box4 ul li {
        width: 31%;
        display: inline-block;
        margin-right: 35px;
        line-height: 27px;
    }
    
    .box4 ul li:nth-child(3n) {
        margin-right: 0;
    }
    
    .box4 ul li a {
        display: inline-block;
        font-size: 16px;
        column-rule: #534F4F;
        width: 85%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .box4 ul li a:hover {
        color: #33ADDB;
    }
    
    .box4 ul li span {
        float: right;
        color: #808080;
        font-size: 14px;
    }