.ty_support{background-color: #f6f6f6;}

.ts_banner>img{width: 100%;}

.ts_sup_search{width: 700px;margin: 0 auto;border: 1px solid #cdcdcd;border-radius: 5px;background-color: #fff;display: flex;justify-content: space-between;height: 48px;padding-left: 20px;overflow: hidden;}
.ts_sup_search>input{width: 500px;}
.ts_sup_search>a{width: 150px;height: 100%;background: linear-gradient(135deg, transparent  30%,var(--base) 10%);text-align: center;line-height: 46px;}
.ts_sup_search>a>img{vertical-align: middle;padding-left: 30px;}
.ts_sup_l{margin-top: 40px;}
.ts_sup_l>h1{text-align: center;}
.ts_sup_i{display: flex;justify-content: space-between;height: 50px;align-items: center;transition: .3s;padding: 0 20px;border-radius: 5px;}
.ts_sup_i>h1{color: #7a7a7a;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ts_sup_i>a{cursor: pointer;padding: 10px}
.ts_sup_i:hover{background-color: #fff;}

.ts_page{padding: 50px 0;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #efefef;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #efefef;}

.ts_after{padding-bottom: 100px;}

.ts_full{padding-bottom: 100px;}
.ts_full_l{display: flex;justify-content: space-between;}
.ts_full_i{width: 30%;background-color: #fff;display: flex;flex-direction: column;padding: 50px 0;align-items: center;}
.ts_full_i>h1{margin-top: 20px;font-size: 40px;color: var(--base);font-weight: bold;}
.ts_full_i>h1>span{font-size: 20px;vertical-align: top;}
.ts_full_i>h1>i{font-style: normal;font-size: 20px;color: #666;font-weight: lighter;}

.ts_proc{background: url('/images/43.jpg') no-repeat center;background-size: cover;}
.ts_proc_c{padding: 1px 0 100px;}
.ts_proc_c>.ty_title>h1{color: #fff;}
.ts_proc_c>.ty_title>p{color: #fff;}
.ts_proc_l{display: flex;justify-content: space-between;}
.ts_proc_i{width: 18%;}
.ts_proc_i>h1{width: 170px;height: 170px;background: url('/images/42.png') no-repeat center;text-align: center;line-height: 170px;font-size: 20px;font-weight: bold;color: var(--base);margin: 0 auto;}
.ts_proc_i>p{color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 2;margin-top: 30px;}
.ts_hx{padding: 100px 0;}
.ts_hx>img{width: 100%;}

.ts_train{padding-bottom: 100px;}

.ts_video{padding: 0 0 100px;}
.ts_video_i{padding: 100px 0 0;}
.ts_video_i>h1{font-size: 20px;color: #5f5f5f;margin-bottom: 30px;}
.ts_video_i>h1>i{display: inline-block;width: 16px;height: 24px;background-image: linear-gradient(-80deg,transparent 20%,var(--base) 20% 80%,transparent 80%);vertical-align: middle;}
.ts_video_l{display: flex;flex-wrap: wrap;}
.ts_video_ii{width: 22%;margin-right: 3%;margin-bottom: 30px;cursor: pointer;}
.ts_video_ii:nth-child(4n){margin-right: 0;}
.ts_video_img{overflow: hidden;}
.ts_video_img>img{width: 100%;height: 200px;transition: .3s;object-fit: cover;}
.ts_video_ii>h1{font-size: 14px;text-align: center;line-height: 42px;transition: .3s;}
.ts_video_ii:hover img{transform: scale(1.1);}
.ts_video_ii:hover h1{background-color: var(--base);color: #fff;}
.ts_play{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.ts_play>iframe{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: var(--md);height: 800px;}
.ts_play>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.ts_edu_l{display: flex;flex-wrap: wrap;}
.ts_edu_i{width: 31%;margin-right: 3.5%;position: relative;margin-bottom: 30px;transform: skew(-10deg)}
.ts_edu_i:nth-child(3n){margin-right: 0;}
.ts_edu_img{overflow: hidden;}
.ts_edu_img>img{width: 100%;height: 250px;transition: .3s;object-fit: cover;}
.ts_edu_i>h1{position: absolute;bottom: 0;left: 0;right: 0;color: #fff;font-size: 18px;line-height: 2;padding: 0 15px;z-index: 1;}
.ts_edu_i:hover img{transform: scale(1.1)}

.ts_cour_l{display: flex;flex-wrap: wrap;}
.ts_cour_i{width: 48%;margin-right: 4%;position: relative;margin-bottom: 50px;transform: skew(-6deg);overflow: hidden;cursor: pointer;}
.ts_cour_i:nth-child(2n){margin-right: 0;}
.ts_cour_i>img{width: 100%;height: 450px;transition: .3s;object-fit: cover;}
.ts_cour_i>div{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;padding: 0 15px 15px;color: #fff;transition: .3s;}
.ts_cour_i>div>h1{font-size: 18px;line-height: 2;}
.ts_cour_i>div>p{line-height: 2;}
.ts_cour_i:hover img{transform: scale(1.1)}

@media screen and (max-width: 766px) {
    .ts_banner>img{height: 30vh;object-fit: cover;}

    .ty_cate_r{width: 250vw;}

    .ts_sup_search{width: 100%;padding-left: 1.5rem;}
    .ts_sup_search>input{width: 60%;}
    .ts_sup_search>a{width: 30%;background: linear-gradient(118deg, transparent  30%,var(--base) 10%);}
    .ts_sup_search>a>img{padding-left: 2rem;}
    .ts_sup_i{padding: 0;height: 5rem;}

    .ts_full{padding-bottom: 6rem;}
    .ts_full_l{flex-direction: column;}
    .ts_full_i{width: 100%;padding: 3rem 0;margin-bottom: 2rem;}
    .ts_full_i>h1{font-size: 3rem;margin-top: 2rem;}
    .ts_full_i>h1>span{font-size: 1.4rem;}
    .ts_full_i>h1>i{font-size: 2rem;}

    .ts_proc_c{padding-bottom: 6rem;}
    .ts_proc_l{flex-wrap: wrap;justify-content: space-around;}
    .ts_proc_i{width: 48%;margin-bottom: 2rem;}
    .ts_proc_i>h1{width: 100%;height: 40vw;background-size: 100% 100%;line-height: 40vw;font-size: 1.8rem;}
    .ts_proc_i>p{font-size: 1.4rem;margin-top: 1rem;}

    .ts_video_i{padding: 6rem 0 0;}
    .ts_video_ii{width: 48%;margin-bottom: 2rem;}
    .ts_video_ii:nth-child(2n){margin-right: 0;}
    .ts_video_img>img{height: 15rem;}
    .ts_video_ii>h1{font-size: 1.4rem;}
    .ts_play>iframe{width: 90vw;height: 25rem;}

    .ts_cour_i{margin-bottom: 2rem;}
    .ts_cour_i>img{height: 25rem;}
    .ts_cour_i>div>h1{font-size: 1.8rem;}

    .ts_edu_i{width: 48%;transform: skew(-5deg);}
    .ts_edu_i:nth-child(3n){margin-right: 4%;}
    .ts_edu_i:nth-child(2n){margin-right: 0;}
    .ts_edu_img>img{height: 17rem;}
    .ts_edu_i>h1{font-size: 1.6rem;}

}