a{
    color:#333;
}
a:hover{
    color: #5b5b5b;
    text-decoration: none;
}
a:focus{
	outline:0;
}
/*main*/
#header-swiper .swiper-slide img.animated-scale{
    transition: 1s linear 2s;
    transform: scale(1.2,1.2);

}
#header-swiper .swiper-slide-active img.animated-scale, #header-swiper .swiper-slide-duplicate-active img.animated-scale {
    transition: 10s linear;
    transform: scale(1,1);
}

.sub{
    padding: 8px 20px;
    text-indent: 50px;
    line-height: 1.6;
}
h4.fs16{
    font-size: 16px;
}
.btn-box {
    margin: 16px 0;
}
.btn.btn-more {
    background: #606061;
    color: #fff;
    padding: 5px 20px;
    border-radius: 0;
	border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
	transition:all 0.3s;
}
.btn.btn-more:hover{
	background:#000;
	border-radius:6px;
}
span.red-line {
    border-bottom: 2px solid #d51111;
    padding-bottom: 5px;
}
section {
    margin: 30px 0;
}
.sub-color{
    color: #737373;
}
.img-holder {
    overflow: hidden;
}
.img-holder img{
    transition:transform 0.3s;
    transform:scale(1,1);
}
.img-holder:hover img{
    transform:scale(1.1,1.1);
}
.scroll-bar {
    display: inline;
}
/*img-holder:hover-fix*/
.grid-box .img-holder:hover img,.advantage .img-holder:hover img,.v-box .img-holder:hover img{
    transform:none;
}
.Campus .text {
    position: absolute;
    bottom: 20px;
    background: rgba(0,0,0,0.3);
    padding: 5 8px;
    color: #fff;
}
.main-img.img-holder{
    height: 250px;
    margin-bottom: 20px;
}
.icon-26{
    width:26px;
    height: 26px;
}
.icon-64{
    width: 64px;
}
.mr-16{
    margin-right: 16px;
}
.ml-16{
    margin-left: 16px;
}
.col-fix-r {
    padding-right: 0;
}
.col-fix-l {
    padding-left: 0;
}
/*header*/
header{
	background: url(../dist/img/bbg2.jpg);
    clear: both;
    background-size: 26%;
	position: relative;
}
header .bg-jd-r {
    top: -106px;
    transform: rotate(-2deg);
}
.top-bar {
    border-bottom: 1px solid #aaa;
    height: 24px;
}
.top-bar .glyphicon-bullhorn {
    margin-left: 10px;
}
.top-bar .sns-icon{
    width: 16px;
 }
.top-bar .scroll {
    display: inline-block;
    overflow: hidden;
    width: 50%;
}
.top-bar .scroll small{
    position: relative;
    top: 2px;
    white-space:nowrap;
}
.search-bar .logo-font {
    width: 77%;
    max-width: 359px;
    margin: 9px 0 0 10px;
}
.header-logo-font {
    line-height: 58px;
}
.header-logo-font .logo {
    width: 20%;
}
.search-bar .search-click {
    padding-top: 4px;
    height: 20px;
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.search-box .more {
    padding-top: 4px;
}
.search-text a {
    margin: 0 2px;
}
#collapse-search-link {
    position: absolute;
    z-index: 1031;
	right: 0;
}
.nav-bar {

}
.main-nav{
    transition:all 0.3s;
    border-radius: 0;
    background: #000;
	margin-bottom:0;
	z-index: 1030;
	width: 100%;	
	min-height: 40px;
    padding: 5px 0;
}
.main-nav li.hover-dropdown {
    width: 10%;
    text-align: center;
}
.main-nav .navbar-nav>li>.dropdown-menu {
    text-align: center;
    min-width: 100%;
    margin: 0;
    border: none;
    background: rgba(0, 150, 136,0.8);
}

.main-nav ul.nav.navbar-nav {
    width: 100%;
}
.main-nav .dropdown-menu>li>a{
    color: #fff;
    padding: 8px 20px;
}
.main-nav .dropdown-menu>li>a:focus,.main-nav .dropdown-menu>li>a:hover{
    color: #333;
}
.main-nav.fixednav .navbar-nav>li>.dropdown-menu{
    background: linear-gradient(150deg, rgba(0, 0, 0, 0.8) 0%,rgb(132, 33, 28) 100%);
}

.main-nav.fixednav #navbar {
    background: transparent;
}
.main-nav.fixednav {
    background: rgba(0, 0, 0, 0.8);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.3);
	position: fixed;
    top: 0;
	z-index: 1030;
    width: 100%;
}

.main-nav .nav>li>a{
    padding: 4px 16px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    transition:all 0.3s;
}
.nav>li>a:focus {
	background:transparent;
}
.main-nav.fixednav .nav>li>a{

    padding: 6px 16px;

}
.main-nav .nav .open>a, .main-nav .nav .open>a:focus, .main-nav .nav .open>a:hover{
    background: #009688;
    color: #fff;
}
.main-nav.fixednav .nav .open>a, .main-nav.fixednav .nav .open>a:focus, .main-nav.fixednav .nav .open>a:hover{
    background-color: #6d1212;;
}
/*search-bar*/
.search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 35px;
}
.search-box {
    margin: 8px auto 0;
   /* width: 86%;*/
}
form.form-search {
    position: relative;
	margin: 0;
}
.form-search input {
    height: 35px;
}
.notice {
    margin-top: 5px;
}
.header-qr,.qr-box-inner img{
    width:76px;
    transition:all 0.3s;
}
.header-tiktok{
    position: relative;
    margin-bottom: 12px;
    background: linear-gradient(150deg, rgba(69, 173, 234, 0.8) 0%,rgba(249, 0, 195, 0.8) 100%);
    border-radius: 6px;
}
.header-ks {
    position: relative;
    background: linear-gradient(150deg, rgb(255, 87, 34) 0%,rgba(185, 147, 6, 0.6) 100%);
    border-radius: 6px;
}
.header-ks .icon {
    padding: 3px;
}
.v-box .dropdown-menu{
    min-width: 280px;
    left: inherit;
    right: 0;
    top: 90%;
    padding: 5px 10px;
    line-height: 1.8;
	z-index: 1031;
}
.v-box .col-lg-12 {
    padding: 0;
}
.v-box .dropdown-menu img{
    width: 100px;
    margin: 0 auto;
}

.v-box .header-ks .dropdown-menu img{
    width: 80px;
}
.v-box .text-holder {
    padding-top: 14px;
}
/*.header-tiktok .hover-dropdown .dropdown-menu,.header-ks .hover-dropdown .dropdown-menu {
    visibility:hidden;
    width: 0;
    transition:all 0.3s;
    display: block;
    min-width: 0;
}
.header-tiktok .hover-dropdown .dropdown-menu img,.header-ks .hover-dropdown .dropdown-menu img{
    width: 0;
    transition:all 0.3s;
}
.header-tiktok .hover-dropdown.open .dropdown-menu img,.header-ks .hover-dropdown.open .dropdown-menu img{
    width: 100%;
}
.header-tiktok .hover-dropdown.open .dropdown-menu,.header-ks .hover-dropdown.open .dropdown-menu{
    visibility: visible;
    min-width: 100px;
}*/
.v-box .text{
    vertical-align: middle;
    color: #fff;
    margin-left: -3px;
}

.show-bottom .col-sm-6 {
    margin: 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
img.sns-icon {
    margin: 0 8px;
}
.qr-box {
    text-align: center;
}
.qr-box .dropdown-menu img{
    width: 100%;
}
.qr-box .dropdown-menu {
    z-index: 1031;
    min-width: 185px;
    left: -12%;
    text-align: center;
}
#wxModal .modal-body img {
    width: 100%;
    float: none;
    padding: 0;
}
/*.qr-box:hover{
    top: -20px;
    background: #fff;
    box-shadow: 3px 3px 20px rgba(0,0,0,0.3);
}
.qr-box:hover img{
    width:160px;
}

.qr-box:hover .small{
    display: block;
    width: 160px;
    background: #fff;
}*/

.big-number{
    font-family: "impact";
}



.search-bar {
    padding: 16px 26px;
    background: #fff;
    border-radius: 10px;
    margin: 10px 0 10px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.3);
}



/*contact*/
.contact-grid {

    text-align: center;
}

.contact-grid .contact-box {
    display: inline-block;
    text-align: left;
    width: 19%;
    vertical-align: top;
    border: 1px solid #ccc;
    margin: 4px;
    padding: 10px;
    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.contact-box img {
    float: left;
    padding-right: 10px;
    width: 50px;
    transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.contact-box:hover{
    border: 1px solid #d51111;
}
.contact-box:hover img{
    transform:translateY(-4px);
}
.contact-box h4,.contact-box p {
    margin: 0;
}
/*.contact-grid .contact-box.wx:hover img {
    width: 78px;
    position: absolute;
    z-index: 1000;
    bottom: -4px;
    transform: none;
}

.contact-grid .contact-box.wx img {
    position: absolute;
    bottom: 10px;
}
.contact-box.wx p.sub-color,.contact-box.wx h4 {
    margin-left: 56px;
}*/
/*notice*/
.notice {
    background: url(../dist/img/layer20.png);
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #eaeaea;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.notice .icon {
    width: 64px;
    background: #eee;
    border-radius: 6px;
}
.notice .notice-icon{
    padding-right: 10px;
}
.notice .notice-box {
    line-height: 2;
}
.notice li {
    margin: 5px 1%;
    padding-left: 16px;
    width: 42%;
    border-bottom: 1px dashed #ccc;
    position: relative;
}
.notice li:before{
    content: '';
    width: 8px;
    height: 8px;
    background: #f3414e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}
/*swiper-btn*/
.swiper-btn {
    z-index: 9;

    color: #fff;
    width: 50px;
    height: 80px;
    margin-top: -40px;
    line-height: 90px;
    position: absolute;
    top: 50%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    font-size: 36px;
    border-radius: 6px;
}
.swiper-btn:focus{
    outline: none;
}
.swiper-btn:hover{
    box-shadow: 3px 3px 10px rgba(255,255,255,0.3);
    color: #ffc107;
}
.swiper-btn.home-btn-prev{
    left: 5px;
}
.swiper-btn.home-btn-next{
    right: 5px;
}
.swiper-header-pagination.in-header {
    position: absolute;
    bottom: 2%;
    z-index: 1;
    text-align: center;
}
.swiper-container-horizontal .in-header .swiper-pagination-bullet{
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
}
.swiper-container-horizontal .in-header .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #9C27B0;
}

.swiper-btn.act-btn-next,.swiper-btn.act-btn-prev{
    width: 80px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
}
.swiper-btn.act-btn-next{
    right: -2%;
}
.swiper-btn.act-btn-prev{
    left: -2%;
}

.swiper-btn.original-btn-prev {
    left: -60px;
    width: 80px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}
.swiper-btn.original-btn-next {
    right: -60px;
    width: 80px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.swiper-btn.topic-btn-next,.swiper-btn.topic-btn-prev  {
    width: 32px;
    font-size: 26px;
    height: 60px;
    line-height: 70px;
    margin-top: -30px;

}
.swiper-btn.topic-btn-next {
    right: 3px;
}
.swiper-btn.topic-btn-prev {
    left: 3px;
}
.swiper-topic-pagination {
    position: absolute;
    text-align: center;
    z-index: 1;
	padding:0 10px;
}
.swiper-topic-pagination .swiper-pagination-bullet{
    border: 1px solid #fff;
    width: 12px;
    height: 12px;	

}
.swiper-topic-pagination .swiper-pagination-bullet-active {
	background: #FFC107;
}

.topic .swiper-slide.swiper-slide-active {
    border: 1px solid #bfbfbf;
    background: rgba(255, 255, 255, 0.3);
}

/*section*/
section.swiper{
    margin:0;
}
section.contact-infomation {
    margin: 10px 0;
}
section.lessens-section {
    background: url(../dist/img/bbg2.jpg);
}
section.job-plan {
    background: url(../dist/img/bbg3.jpg);
}
section.relative {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.container-holder {
    padding: 36px 20px;
    background: rgba(0,0,0,0.5);
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.index-more.relative{
    position: relative;
}
.v-more.absolute{
	position: absolute;
    z-index: 1;
    left: 16%;
}
.bg-jd-r{
    background: url(../dist/img/bbg2.jpg);
    transform: rotate(-5deg);
    height: 90%;
    width: 130%;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    left: -15%;
}
.bg-jd-l{
    background: url(../dist/img/bbg3.jpg);
    transform: rotate(5deg);
    height: 90%;
    width: 130%;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    left: -15%;
}
section.sample .container-holder {
    background: url(../dist/img/bbg3.jpg);
    background-size: 70%;
    position: relative;
}
section.sample .container-holder:after{
    content: '';
    width: 90%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: -50px;
    background: #fff;
    transform: skew(0deg, 5deg);
}
.sample .text-title {
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
	font-size: 20px;
    transform: translateX(-50%);
}
.more-arrow {
    width: 80px;
    padding: 10px;
    border-radius: 50%;
    border: 2px solid #a9d6ba;
}
.more-text {
    position: absolute;
    right: 37px;
    font-size: 25px;
    text-shadow: 1px 2px #fff;
}
.btn.btn-small {
    font-size: 12px;
    padding: 3px 18px;
    font-weight: bold;
    border-radius: 0;
    color: #fff;
    line-height: 1;
}
.color-yellow{
    color:#FFC107;
}
.color-green{
    color: #8BC34A;
}
.color-violet{
    color: #b578bf;
}
.color-red{
	color:#d51111;
}
.bg-violet{
    background: #b578bf;
}
.bg-green{
    background: #8BC34A;
}
.bg-yellow{
    background: #FFC107;
}
.bg-default {
    background: #00BCD4;
}
.color-box {
    padding: 2px;
    border: 1px solid #8bc34a;
}
.btn.btn-violet,.btn.btn-green,.btn.btn-yellow{
	transition:all 0.3s;
    color: #fff;
    margin-right: 16px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;	
}
.btn.btn-violet:hover,.btn.btn-green:hover,.btn.btn-yellow:hover{
	border-radius:5px;
	background:#333;
}
.btn.btn-violet {
    background: #b578bf;
}
.btn.btn-green {
    background: #8BC34A;
}
.btn.btn-yellow {
    background: #FFC107;
}

/*body section*/
.big-title{
    font-weight: bold;
    position: relative;
    z-index: 1;
    /*background-image: linear-gradient(92deg, #FFEB3B 0%,#9C27B0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.big-title .title.page-title{
	height:54px;
	padding-top: 11px;
}
.big-title .title:before,.big-title .title:after {
    content: '';
    z-index: -1;
    transform: skew(-30deg, 0deg);
    top: 0;
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 6px;
    background: rgb(255, 193, 7);
}
.big-title .title:before{
    left: -20px;
}
.big-title .title:after {
    right: -20px;
}
.big-title .title {
    color: #222;
    position: relative;
    display: inline-block;
    background: #ffc107;
    padding: 8px;
    text-shadow: 1px 1px #fff;
}
.big-title .title span.glyphicon {
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px;
    padding: 2px;
}
.big-title small {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #ffc107;
    position: relative;
    text-shadow: 1px 2px 0 #000;
}
.grid-box {
    position: relative;
    margin-bottom: 10px;
}

.grid-box ul{
    margin-left: 0;
}
.grid-box li{
    float:left;
    position: relative;
    margin: 5px 5px 10px 0;
}
.grid-box li:nth-child(1){
    width: 25.6%;
}
.grid-box li:nth-child(2){
    width: 48.3%;
}
.grid-box li:nth-child(3){
    width: 25.2%;
    float: right;
    margin-right: 0;
}
.grid-box li:nth-child(4){
    float: right;
    width: 25.2%;
    margin-right: 0;
}
.grid-box li:nth-child(5){
    /*new*/
    float: right;
    width:21.1%;
}
.grid-box li:nth-child(6){
    /*new*/
    width: 26.8%;
    float: right;
    /*old*/
    /*width: 260px;*/
}
.grid-box li:nth-child(7){
    /*new*/
    width: 25.6%;
    /*old*/
    /*float: right;
    width: 310px;
    margin-right: 0;*/
}
.grid-box li:nth-child(8){
    /*new*/
    width: 26.8%;
    float: right;
}
.grid-box li:nth-child(9){
    /*new*/
    position: absolute;
    width: 25.2%;
    bottom: 0;
    right: 0;
    margin-right: 0;
}
/*
.grid-box li:nth-child(1) .img-holder {
    width: 305px;
    height: 418px;
}
.grid-box li:nth-child(2) .img-holder {
    width: 584px;
    height: 322px;
}
.grid-box li:nth-child(3) .img-holder {
    width: 300px;
    height: 205px;
}
.grid-box li:nth-child(4) .img-holder {
    width: 300px;
    height: 199px;
}
.grid-box li:nth-child(5) .img-holder {
    width: 250px;
    height: 419px;
}
.grid-box li:nth-child(6) .img-holder {
    width: 320px;
    height: 234px;
}
.grid-box li:nth-child(7) .img-holder {
    width: 305px;
    height: 323px;
}
.grid-box li:nth-child(8) .img-holder {
    width: 320px;
    height: 170px;
}
.grid-box li:nth-child(9) .img-holder {
    width: 300px;
    height: 322px;
}*/
.lessens-main .title {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,0.7);
    padding: 0 10px;
    z-index: 2;
}
.lessens-main:hover {
    box-shadow: 0px 6px 20px rgba(0,0,0,0.5);
    transform: translate(-3px, -3px);
}
.lessens-main:before,.lessens-main:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    transition: all 0.5s;
    z-index: 1;
}
.lessens-main:before{
    left: 0;
    top: 0;
    transform: translateY(-110%);
}
.lessens-main:after{
    transform: translateY(100%);
    top: 0;
    right: 0;
}
.lessens-main:hover:before{
    transform: translateY(0);
}
.lessens-main:hover:after{
    transform: translateY(0);
}
.lessens-main .info {
    position: absolute;
    top: -250%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: 1px solid;
    padding: 20px;
    width: 80%;
    text-shadow: 1px 1px 1px #000;
    z-index: 2;
    transition: all 0.3s;
}
.lessens-main:hover .info{
    transform: translate(-50%, -50%);
    top: 50%;
}
/*.lessens-main.four .info,.lessens-main.five .info,.lessens-main.nine .info{
    padding: 10px;

}*/
.title.s1 strong {
    font-size: 24px;
}
.title.s7 {
    right: 0;
    top: 0;
    width: 50px;
    text-align: center;
}
.title.s7 strong{
    font-size: 30px;
    line-height: 1.5;
}
.title.s2 {
    bottom: 16px;
    left: 0;
}
.title.s2 strong {

    letter-spacing: 2px;
}
/*.lessens-main.first, .lessens-main.five{
    margin-bottom: 15px;
}*/
.lessens-main {
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}
.lessens-section .lessen-lists li,.catalog .lessen-lists li{
    display: inline-block;
    width: 13.6%;
}
.lessens-section .lessen-lists, .catalog .lessen-lists{
    text-align: center;
    padding: 10px 0;
}
.lessens-section .lessens img,.catalog .lessens img {
    width: 64px;
    transition:all 0.3s;
}
.lessens-section .lessens,.catalog .lessens {
    border: 1px solid #d5d5d5;
    padding: 10px;
    margin: 5px;
    background: #fff;
}
.lessens-section  .lessens:hover,.catalog .lessens:hover{
    background: #eee;
}
.lessens-section  .lessens:hover img,.catalog .lessens:hover img{
    transform: translateY(-4px);
}

.original {
    position: relative;
}
#original-swiper .swiper-slide {
    box-shadow: 3px 3px 20px rgba(0,0,0,0.3);
}
.original-container {
    padding: 20px 0;
    position: relative;
    margin: 0;
}
.original.img-holder {
    height: 390px;
    margin-bottom: 30px;
}
.original .text {
    color: #fff;
    font-size: 18px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    bottom: -100px;
    padding: 8px 20px;
    text-align: center;
    width: 100%;
    transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.original:hover .text{
    bottom: 0;
}
.inner-sub {
    display: inline-block;
    width: 12%;
    border-right: 2px solid #333;

}
.inner-sub:last-child{
	border-right:none;
}
.inner-sub-list {
    text-align: center;
    padding-bottom: 20px;
}
.sub-text {
    font-size: 20px;
    vertical-align: top;
}

.job-plan{
    /*background: url(../dist/img/layer20.png);*/
    position: relative;
}
.job-plan .container-holder {
    margin: 60px 0;
}

.activities {
    position: relative;
    overflow: hidden;
}

.activities .img-holder img {
    width: 100%;
}
.activities-inner {
    border: 1px dashed #ccc;
    padding: 20px;
    position: relative;
}
.act-gallery-top .swiper-text {
	background: rgba(85, 85, 85, 0.8);
    padding: 10px 20px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.act-gallery-top .swiper-text h4:hover{
	color:#212121;
}
.act-gallery-top .swiper-text a{
	color:#f5e450;
}
.act-gallery-top .swiper-text h4 {
    color: #fff;
    font-weight: 700;
}

.act-gallery-thumbs .swiper-slide{
    border: 6px solid #ccc;
}
.act-gallery-thumbs .swiper-slide-thumb-active {
    border: 3px solid #555;
}
.act-gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    width: 0;
    margin-left: -18px;
    left: 50%;
    position: absolute;
    top: -35px;
    border-width: 16px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}
.act-gallery-thumbs {
    padding: 22px 0;
}

/*video*/
.tab-content.video-tabs-content {
    background: #fff;
    padding: 10px 20px;
    position: relative;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.3);
}

/*.video-tabs-content .tab-pane.active:before*/
.video-tabs li.active:after{
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    z-index: 1;

}
.video-tabs.nav-tabs>li.active>a, .video-tabs.nav-tabs>li.active>a:focus, .video-tabs.nav-tabs>li.active>a:hover{
    border: none;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.video-tabs img.icon {
    display: block;
    margin: 0 auto;
    width: 40px;
}
.video-tabs{
    border-bottom: none;
    background: #eee;
}
.video-tabs-section .container{
    padding-top: 20px;
}
.video-tabs-content .row {
    padding: 20px 0;
}
nav.video-nav-bottom li {
    border: 1px solid #bbb;
    margin: 3px;
}
.video-tabs li {
    display: inline-block;
    width: 18%;
    margin: 0 1%;
    text-align: center;
    padding: 20px 0;
    background: #eee;
}
.video-tabs li a {
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    padding: 16px;
}
.video-tabs-content .text {
    text-align: center;
    border-top: none;
    padding: 5px 8px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 30px);;
}
.video-tabs-content img.video-player {
    position: absolute;
    width: 30%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.video-holder {
    margin-bottom: 10px;
}

/*teacher*/
section.teacher .bg-jd-r {
    background: url(../dist/img/layer20.png);
}
section.teacher .sub.content {
    background: linear-gradient(150deg, hsla(0, 0%, 26%, 0.8) 0%,rgba(109, 34, 34, 0.8) 100%);
    color: #fff;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: justify;
}
.teacher-list {
    text-align: center;
    margin-bottom: 30px;
}
.teacher-list li {
    width: 18%;
    position: relative;
    transform: none;
    padding: 0;
    margin: 10px;
    transition: all 0.3s;
}
.teacher-list li:hover{
    transform: translate(-3px,-3px);
    box-shadow: 2px 6px 20px rgba(0,0,0,0.3);
}
.teacher-info {
    position: absolute;
    bottom: 0;
    border-top-right-radius: 16px;
    padding: 5px 16px;
    background: rgba(76, 76, 76, 0.6);
}
.teacher-info .name {
    color: #fff;
    font-size: 18px;
}
.teacher-info .position-info {
    color: #f0c94a;
}
.position-info img.icon{
    width:20px;
}

/*news*/
.news-list ul {
    margin-left: 0;
    text-align: center;
}
.inner-news {
    text-align: left;
}
.news-list li {
    width: 47%;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 5px;
    background: #fff;
}
.news-list li:hover{
	background:#f5f5f5;
}
ul.sub-catlist {
    margin-left: 0;
}
.sub-catlist li {
    border: 1px solid #ddd;
    background: #fff;
	margin: 2px;
	padding: 6px 8px;
}
.sub-catlist li:hover{
	background:#f5f5f5;
}
.rec-news-list .inner-news .img-holder {
    height: 84px;
}
.rec-news-list .inner-news .news-box {
    height: inherit;
}
.rec-news-list .inner-news .img-holder.height-fixed-74 {
    height: 94px;
}
.insustry .inner-news .img-holder{
    height: 132px;
}
.industry-list ul {
    margin-bottom: 5px;
}
.industry-list li {
    width: 100%;
    border: 1px dashed #ccc;
    margin: 11px 0px;
}
.home-question li:hover{
	background:#f6f6f6;
}
.inner-news h4 {
    margin-top: 0;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inner-news .img-holder {
    height: 123px;
}
.news-box {
    line-height: 1.8;
    font-size: 12px;
    color: #777;
    height: 106px;
    overflow: hidden;
}
.news-info.sub-color {
    color: #795548;
}

/*employ*/
.employ .icon {
    width: 100%;
}
.employ li {
	width: 19%;
    vertical-align: top;
}
.employ .img-holder {
    height: 150px;
}

/*Q&A*/
.home-question li {
    border-bottom: 1px dashed #aaa;
    padding: 5px 5px 5px 25px;
    margin-bottom: 5px;
    position: relative;
    font-family: 'Glyphicons Halflings';
}
.home-question li a.title:before{
    content: '\e085';
    position: absolute;
    left: 5px;
    top: 8px;
    color: #4CAF50;
}
.home-question li .sub-color:before{
    content: '\e086';
    position: absolute;
    left: 5px;
    top: 29px;
    color: #bbb;
}

/*group-intro*/

.list-inline>li.advantage {
    height: 304px;
    width: 16%;
    border: 1px dashed #cecece;
    margin: 10px;
    line-height: 1.6;
    background: #fff;
    vertical-align: text-top;
	position:relative;
	padding: 0;
}
.advantage .img-holder {
    height: 80px;
}
.brand{
    text-align: center;
}
.advantage .icon {
    width: 70px;
    margin: 0 auto;
}
.def-box{
	width: 100%;
    position: absolute;	
	cursor:pointer;
	transition: all 0.3s;
    overflow: hidden;
    height: 158px;
    padding: 10px 12px;
    background: #fff;
	text-align: justify;
}
.def-box:hover{
    height: auto;
    z-index: 1;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}

.def-box-more {
	position: absolute;
    bottom: 0;
    padding: 5px;
    width: 100%;
}

/*GROUP*/
.group-info li {
    text-align: center;
    line-height: 90px;
    background: #fff;
    width: 90px;
    height: 90px;
    border: 1px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    margin: 5px;
}
.group-info li a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.group-info li:nth-child(1){
    background: linear-gradient(135deg, #F44336, #E91E63);
}
.group-info li:nth-child(2){
    background: linear-gradient(135deg, #E91E63, #9C27B0);
}
.group-info li:nth-child(3){
    background: linear-gradient(135deg, #9C27B0, #673AB7);
}
.group-info li:nth-child(4){
    background: linear-gradient(135deg, #673AB7, #3F51B5);
}
.group-info li:nth-child(5){
    background: linear-gradient(135deg, #3F51B5, #2196F3);
}
.group-info li:nth-child(6){
    background: linear-gradient(135deg, #03A9F4, #009688);
}
.group-info li:nth-child(7){
    background: linear-gradient(135deg, #009688, #4CAF50);
}
.group-info li:nth-child(8){
    background: linear-gradient(135deg, #4CAF50, #8BC34A);
}
.group-info li:nth-child(9){
    background: linear-gradient(135deg, #FFEB3B, #FF9800);
}
.group-info li:nth-child(10){
    background: linear-gradient(135deg, #FF9800, #FF5722);
}
.group-info li:nth-child(11){
    background: linear-gradient(135deg, #FF5722, #E91E63);
}
.group-info {
    text-align: center;
}
.bg-group-info {
    position: absolute;
    right: 0;
    bottom: 54px;
    z-index: -1;
    overflow: hidden;
}

/*leave-message*/
.home-message {
    background: rgba(255, 255, 255, 0.7);
    padding: 20px 36px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 5px 4px 20px rgba(0,0,0,0.8);
}
section.leave-message {
    background: url(../dist/img/images/bg3.jpg) no-repeat;
    padding: 20px 0;
    background-size: 110%;
}
.home-message .m-title {
    line-height: 1.6;
    font-size: 20px;
}
.contact-num {

}
.contact-num .num {
    font-size: 26px;
}
.home-message .num small {
    font-size: 16px;
}
.leave-message .contact-num img {
    width: 100%;
}

/*fixed-bar*/
.to-top {
    background: rgba(62, 62, 62, 0.9);
    padding: 12px;
    box-shadow: -2px 2px 20px 0px rgba(0,0,0,0.5);
    border-top: 1px dashed #eee;
    z-index: 2;
    width: 76px;
    text-align: center;
}
.fixed-bar .icon-bar .icon {
    width: 30px;
}
.fixed-bar {
    background: #ddd;
    position: fixed;
    bottom: 120px;
	right: 6px;
    z-index: 999;
    box-shadow: -2px 4px 20px 0px rgba(0,0,0,0.5);
}
.fixed-bar .icon-bar {
    padding: 10px;
    border-bottom: 1px dashed #fff;
}
.fixed-bar .icon-bar:last-child {
    border-bottom: none;
}
.fixed-bar .wap-bar {
	color: #fff;
} 
/*list-page*/
section.list-page {
    background-image: url(../dist/img/bbg3.jpg);
}
.list-page .breadcrumb {
    margin-top: 20px;
}
.main-box {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 30px;
    background: #fff;
}

.page-lists .main-box{
    border: 1px solid #ccc;
	transition: all 0.3s;
	position: relative;	
}
.page-lists .main-box:hover {
    transform: translate(-2px, -2px);
    box-shadow: 2px 6px 10px rgba(0,0,0,0.3);
}
.main-box .img-holder {
	height: 191px;
    border-top-left-radius: 30px;
	background: #f5f5f5;
}
.main-box .img-holder .peixun-img {
    max-width: 180%;
    transform: translateX(-40%);
}
.main-box .img-holder .peixun-img:hover{
	transform: translateX(-40%) scale(1.1,1.1);
}
.list-title {
    padding: 5px 10px;
	height:110px;
	overflow:hidden;
}
.list-title h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-title .small {
    color: #888;
}
.list-box h3 {
    margin: 5px 0;
    font-size: 22px;
}
.list-box h3 strong {
    border-bottom: 3px solid #E91E63;
}
.desc-hover {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #eee;
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1;
}
.desc-line {
    position: absolute;
    left: 10px;
	color: #795548;
	bottom: 0;
    margin: 5px 0;
}

.rec-text strong {
    border-bottom: 2px solid #E91E63;
}
.rec-text {
    margin-top: 5px;
}
.rec-list {
    background: #fff;
    padding: 8px;
    margin: 16px 0;
    box-shadow: 3px 4px 9px rgba(0,0,0,0.2);
}
.rec-text-info.sub-color {
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.main-box .more {
    width: 96px;
    text-align: center;
    margin: 0 0 0 auto;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    background: #a68cab;
    color: #fff;
    margin-right: 2px;
}
.rec-box {
    padding-bottom: 10px;
    position: relative;
}
.rec-list .img-holder {
    height: 256px;
}
.rec-news-list {
    background: url(../dist/img/layer20.png);
    background-size: 100%;
    padding: 20px;
}
.rec-news-list li {
    border-bottom: 1px dashed #aaa;
    padding: 8px 0;
}
.rec-news-list .more {
    font-size: 14px;
}
.big-title.page-title .title:before, .big-title.page-title .title:after{
    height: 42px;
}
.rec-news-list .list-box .inner-news h4 {
    padding-left: 15px;
}
.list-box {
    background: #fff;
    padding: 20px;
}

.page-rec{
    background: #eee;
}
.page-seach-list li {
    padding: 15px;
    border: 1px dashed #ccc;
    margin: 10px 0;
}
.page-seach-list .inner-news .img-holder {
    height: 153px;
}
.page-seach-list .news-box {
    font-size: inherit;
    height: 126px;
}
/*show page*/
section.show-page{
    background: url(../dist/img/bbg2.jpg);
    background-attachment: fixed;
    background-size: 100%;
    margin: 0;
    padding: 30px 0;
}
.breadcrumb-position {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.main-content {
    padding: 16px;
    background: #fff;
    border-radius: 10px;
	margin-bottom:15px;
    position: relative;
}
.model-content {
    padding: 16px;
    margin-bottom: 15px;
  /*  background-size: 100%;*/
    background-position: 90% 0;
    background-repeat: no-repeat;
	position: relative;
}
h4.lessens-title {
	font-size: 50px;
    font-weight: bold;
    text-shadow: 1px 1px #ffffff;

    border-radius: 50px;
    margin-bottom: 20px;
    padding: 15px;
    /*background: rgba(255, 255, 255, 0.5);
    border: 2px solid #fff;   */
}
h3.show-title strong {
    color: #ffffff;
    text-shadow: 2px 2px #636363;
	padding: 0 8px;
}
.show-content p img {
	max-width: 100%!important;
	margin: 0 auto!important;
	display: block!important;
}
.show-content {
    padding: 0 15px;
}
.desc-box {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 15px 20px;
    margin: 0;
    background: #eee;
   /* background: 100% url(../dist/img/bgg5.jpg);*/
	background-size:100%;
}
.desc-icon{
    padding: 0 15px;
    width: 75px;
}
h3.show-title {
    background: linear-gradient(150deg, rgba(45, 140, 195, 0.8) 0%,#9C27B0 100%);
    text-align: center;
    padding: 8px 0;
    border-radius: 6px;
}
.label-lizhu {
    background: #f3f3f3;
    color: #9C27B0;
    border: 1px solid #ddd;
    font-size: 14px;
}
.desc-text {
    text-shadow: 1px 1px #fff;
}
.lessens-desc {
    /*background: rgba(255,255,255,0.5);*/
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 6px;
	/*box-shadow: 1px 1px 10px rgba(0,0,0,0.1);*/
	background: transparent;
    box-shadow: none;
}
.side-bar {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 16px;
}
.side-bar .lessen-lists li {
    border: 1px solid #ddd;
    margin: 8px 0;
    padding: 10px 10px 20px;
    background: #fff;
}
.side-bar .lessen-lists .img-holder {
    width: 114px;
    height: 76px;
    margin-right: 10px;
}
.side-bar .lessen-lists img{
    max-width: 122%;
    margin-left: -10%;
}
.side-bar .btn-group-sm>.btn, .btn-sm{
    padding: 3px 10px;
}
.side-bar .teacher-lists {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
.side-bar .teacher-lists ul.list-inline{
    margin-left: 0;
}
.side-bar .teacher-lists li {
        width: 32%;
}
.side-bar h4.title span.glyphicon{
    background: linear-gradient(150deg, #E91E63 0%,#fffdfe 100%);
    border-radius: 10%;
    /* box-shadow: 1px 1px #6d5d62; */
    padding: 2px;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.side-bar .teacher-lists .img-holder {
    margin: 0 auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;;
    border: 1px solid #c3af73;
    transition:all 0.3s;
}
.side-bar .teacher-lists li:hover .img-holder {
    box-shadow: 2px 4px 20px rgba(0,0,0,0.3);
}

.side-bar .news-lists {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.side-bar .news-lists li {
    border-bottom: 1px dashed #aaa;
    padding: 10px 0 10px 10px;
    position: relative;
}
.side-bar .news-lists li:before{
    content: '';
    width: 8px;
    height: 8px;
    background: #8bc34a;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
}
.side-bar .news-lists li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-bar .job-plan-lists li {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.side-bar .news-info {
    padding: 8px 0;
}
.side-bar.job-plan .inner-news .img-holder {
    height: inherit;
}
.side-bar.job-plan .news-box {
    line-height: inherit;
	height: inherit;
}
.question-ask-lists {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
/*footer*/
footer{
    background: #ececec;
    padding-top:20px;
}
.footer-nav-list {
    display: inline-block;
    width: 15%;
    vertical-align: top;
    margin: 1px;
}
.footer-nav-list li{
    font-size: 12px;
    line-height: 1.5;
    color: #737373;
}
.footer-nav-list li a{
	color: #737373;
}
.footer-nav-list li a:hover{
	color: #333;
}
.footer-nav-list h4{
    font-weight: bold;
    padding:0 10px
}
.footer-info {
    background: #8c8c8c;
    color: #fff;
    padding: 20px;
    margin-top: 20px;
}
.gzh-img img{
	width: 88px;
	float:left;
}
.gzh-img .text{
	margin-top: 20px;
    margin-left: 10px;

}
.captcha-img{
    /*width: 105px;*/
    height: 32px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: top;
}
.captcha-input{
	width: 47%;
	display: inline-block!important;
}
.form-submit {
    display: flex;
    height: 34px;
    align-items: center;
    justify-content: center;
}
#myform5 .form-group select {
    width: 100%;
    border-radius: 4px;
    padding: 6px 12px;
}

.link-list li {
    border-right: 1px solid #5555;
    margin: 5px 2px;
}

#collapse-link {
    clear: both;
}
.link-list li:last-child {
    border-right: none;
    float: none!important;
    border: 1px solid #ddd;
    border-radius: 50px;
}

/*page-style*/
.pagination>li>a, .pagination>li>span {
    color: #656565;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #FF9800;
    border-color: #FF9800;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #000000;
}













@media (max-width: 1200px) {
    .v-box .text{
        font-size: 12px;
        margin-left: -7px;
    }
}

@media (max-width: 1300px) {
    .grid-box li:nth-child(2){
        width:48%;
    }
    .grid-box li:nth-child(6),.grid-box li:nth-child(8){
        width:26%;
    }
    .main-nav .nav > li > a,.main-nav.fixednav .nav>li>a {
        font-size: 16px;
        padding: 4px 6px;
    }
    .contact-grid .contact-box strong {
        font-size: 16px;
        letter-spacing: -1px;
    }
    .contact-grid .contact-box {
        width: 18%;
    }
}

@media (max-width: 992px){
    .grid-box li:nth-child(2) {
        width: 47.6%;
    }
    .grid-box li:nth-child(6),.grid-box li:nth-child(8) {
        width: 25.8%;
    }
    .main-nav .nav > li > a,.main-nav.fixednav .nav>li>a {
        font-size: 14px;
        padding: 4px 0;
    }


}

@media (max-width: 768px) {
    /*.container {
        width: 750px;
    }*/
    /*手机响应式开始*/
    h4{
        font-size: 16px;
    }
    .col-fix-r{
        padding-right: 16px;
    }
    .col-fix-l{
        padding-left: 16px;
    }
    .col-xs-6.wap-r6{
        padding-right: 6px;
    }
    .col-xs-6.wap-l6{
        padding-left: 6px;
    }
    .col-xs-6.wap-padding{
        padding-left:6px;
        padding-right:6px;
    }
    .wap-col-fixed-r{
        padding-right: 0;
    }
    .wap-col-fixed-l{
        padding-left: 0;
    }
    .page-lists .col-xs-6:nth-child(2n){
        padding-left: 6px;
    }
    .page-lists .col-xs-6:nth-child(2n+1){
        padding-right: 6px;
    }
	
	.main-nav .nav>li>a.wap-nav {
		position: absolute;
		right: 19%;
		top: 0;
		border: 1px solid;
		padding: 0 18px;
	    border-radius: 4px;
		}
	.pages ul.pagination{
		text-align:center;
	}
	.pages .pagination>li{
		display:inline-block;
	}
	.pages .pagination>li:last-child{
		display:block;
	}
	.pages .pagination>li span.pageremark {
		float: none;
		width: 100%;
		display: block;
	}
	.pagination>li>a, .pagination>li>span {
		border-radius: 4px;
		padding: 5px 10px;
	}

    section.relative {
        padding: 20px 0;
    }
    section{
        margin: 20px 0;
    }

    .navbar-header .icon-bar {
        background: #000;
    }
    .header-logo-font .logo-font {
        width: 75%;
        margin: 5px 0 0 9px;
        float: right;
    }
    .header-logo-font .logo {
        width: 21%;
    }
	.nav-bar{
		min-height:0;
	}
	.main-nav {
		position: fixed;
		top: 54px;
    	padding-top: 10px;
		background: transparent;
		right: 0;

	}
	.main-nav.fixednav{
		background: transparent;
		box-shadow: none;
	}
    .main-nav li.hover-dropdown {
        width: 100%;
    }
    .main-nav ul.nav.navbar-nav {
        margin: 0;
    }
    .main-nav #navbar {
        background: rgba(0, 0, 0, 0.8);
        padding-bottom: 15px;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    }
	.main-nav.fixednav #navbar{
		background: rgba(0, 0, 0, 0.8);
	}
    .main-nav.navbar-fixed-top.fixednav {
        background: transparent;
        box-shadow: none;
    }
    .main-nav.fixednav .navbar-toggle {
        top: 15px;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    }
    .main-nav .nav>li>a {
        font-weight: 400;
        padding: 6px 16px;
        text-align: center;
    }
	#collapse-search-link {

	}
    .contact-grid .contact-box{
        margin: 4px;
        padding: 5px;
        width: 46%;
        background: #fff;
    }
    .contact-box strong {
        font-size: 14px;
    }
    .contact-box.wx,.contact-box.book,.contact-box.contact{
        width: 30%;
    }
    .contact-box h4{
        margin: 0;
    }
    .contact-box .sub-color {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .contact-box img {
        width: 48px;
    }
    .contact-box.book h4,.contact-box.wx h4,.contact-box.contact h4{
        clear: both;
    }
    /*wap-grid-one*/
    .wap-grid {
        position: absolute;
        top: 0;
        width: 82%;
        padding: 10px;
        z-index: 1041;
        left: 0;
    }
    .wap-grid .logo {
	    width: 40px;
	    height: 40px;
	    background: #fff;
	    border-radius: 6px;
	}
    .navbar-toggle {
        right: 15px;
        background: #FFEB3B;
        height: 40px;
        margin: 0;
        z-index: 1051;
    }
    .qr-box-inner img{
        width: 40px;
        border-radius: 6px;
    }
    .v-box .icon {
        width: 40px;
        height: 40px;
    }
    .v-box .dropdown-menu {
	    min-width: 100px;
	}
	.top-bar .scroll {
	    width: 88%;
	}
	.sns.pull-right {
	    width: 100%;
	    margin: 4px 0;
	    padding-top: 1px;
	    border-top: 1px solid #ddd;
	}
    .header-tiktok,.header-ks {
        width: 40px;
        margin: 0 auto;
    }

    .search-bar {
		padding: 0;
	    box-shadow: none;
	    margin: 61px 0 0;
	    background: inherit;
    }
    .form-search input {
	    height: 50px;
	    border-radius: 0;
	    border-left: 0;
	    border-right: 0;
	}
    .search-box {
	    margin: 0 -15px;
	}
	.search-btn {
	    top: 50%;
	    margin-top: -17px;
	    right: 5px;
	}
    .notice h5, .notice {
        font-size: 12px;
    }
    .notice .notice-box {
        margin-left: 68px;
    }
    .notice .icon {
        width: 43px;
    }
    .notice li {
        margin: 5px 0;
        width: 100%;
    }


    .fixed-bar {
		left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
    .fixed-bar .icon-bar .icon{
    	width: 22px;
	    /*float: left;*/
    }
	.fixed-bar .wap-bar {
	    line-height: 24px;
	    font-size: 12px;
	}   
    .fixed-bar .icon-bar {
        width: 24%;
        border-bottom: 0;
        display: inline-block;
        padding: 8px 10px 0;
    }
	.video-tabs li strong {
	    display: block;
	    width: 28px;
	    margin: 0 auto;
	}
    .lessens-section .lessen-lists li, .catalog .lessen-lists li {
        width: 32%;
    }
    .lessens-section .lessen-lists li:nth-child(n+4){
        width: 24%;
    }
    .lessens-main .title h4 {
        margin: 5px 0;
    }
    .lessens-main .title strong {
        font-size: 14px;
    }
    .lessens-section .lessen-lists, .catalog .lessen-lists{
        padding: 0;
    }
    .lessens-main .info {
        display: none;
    }
    .lessens-main .img-holder img{
        width: 100%;
    }
    .lessens-section .lessens, .catalog .lessens {
        padding: 5px;
        margin: 2px 1px;
    }
    .lessens-section .lessens img, .catalog .lessens img {
        width: 32px;
    }
    .lessens-section .lessen-lists li h4, .catalog .lessen-lists li h4 {
        font-size: 12px;
        margin: 5px 0;
    }
    .container-holder {
        padding: 0;
        background: transparent;
    }
    .grid-box ul {
        margin-left: 0;
    }
    .grid-box li:nth-child(1),.grid-box li:nth-child(4),.grid-box li:nth-child(6),.grid-box li:nth-child(7), .grid-box li:nth-child(9) {
        width: 42%;
        margin: 0 0 5px 0;
        float: left;
    }
    .grid-box li:nth-child(2),.grid-box li:nth-child(3),.grid-box li:nth-child(5), .grid-box li:nth-child(8){
        width: 58%;
        float: right;
        margin: 0 0 5px 0;
    }
    .title.s7 strong {
        line-height: 1.4;
    }
    .title.s7 {
        width: 36px;
    }
    .title.s2 {
        bottom: 0;
        right: 0;
        left: inherit;
    }
    .title.s6,.title.s4 {
        padding: 0 2px;
    }
    .grid-box li:nth-child(9) {
        left: 0;
        right: inherit;
    }
    .grid-box li:nth-child(7) {
        height: 129px;
        overflow: hidden;
    }


    .job-plan .container-holder {
        margin: 30px 0;
    }

    .activities-inner {
        padding: 0 10px;
    }
    .original.img-holder {
        max-height: 205px;
    }
    .original .text {
        bottom: 0;
        padding: 5px 10px;
        font-size: 14px;
    }
    .sample .row .col-xs-6:nth-child(2n),.Campus .row .col-xs-6:nth-child(2n){
        padding-left: 7px;
    }
    .sample .row .col-xs-6:nth-child(2n+1),.Campus .row .col-xs-6:nth-child(2n+1){
        padding-right: 7px;
    }
    section.sample .container-holder{
        background: #fff;
    }
    .inner-sub {
        margin: 0px 2px;
        border: 1px solid #ccc;
        padding: 5px;
    }
    .sub-text {
        font-size: 14px;
        margin-top: 5px;
        display: block;
    }
    section.sample .container-holder:after{
        content: none;
    }
	.sample .text-title{
		font-size: 12px;
		bottom: 0;
		top: inherit;
	}
    .news-list li {
        margin: 5px 0;
        width: 100%;
        vertical-align: text-top;
    }
	.sub-catlist li {
		width: 30%; 
		margin: 4px;
	}
    .inner-news .img-holder {
        height: 200px;
    }
    .news-box {
        margin: 5px 0;
    }
    .video-tabs li a {
        padding: 5px 16px;
    }
    .video-tabs img.icon {
        width: 32px;
    }
    .teacher-info {
        padding: 2px 5px;
        font-size: 12px;
        width: 100%;
    }
    .teacher-list li {
        margin: 1px;
    }
    .teacher-info .position-info {
        display: none;
    }
    .teacher-info .name {
        font-size: 12px;
        border-bottom: none;
    }
    .main-img.img-holder{
        height: 105px;
    }
    .list-inline>li.advantage {
        margin: 6px 1%;
        width: 17%;
        height: inherit;
    }
    .advantage .icon {
	    width: 26px;
	}
    .advantage .img-holder {
	    height: 40px;
	}
	.advantage h4 {
	    font-size: 12px;
	}
    .advantage p.small {
        height: 111px;
        overflow: hidden;
    }
    section.group-lizhu {
        background: url(../dist/img/bbg3.jpg);
        background-size: 100%;
    }
    .group-lizhu p.sub-color {
        background: #fff;
        padding: 3px;
        border-radius: 6px;
    }

    .more-text {
        font-size: 20px;
    }
    img.more-arrow {
        width: 45px;
    }
    .big-title small{
        display: block;
        color: #000;
        text-shadow: 1px 2px 0 #fff;
    }
    .big-title{
        font-size: 20px;
        padding: 0 20px;
    }
    .big-title .title:before, .big-title .title:after{
        height: 42px;
    }
	.big-title .title.page-title{
		height:42px;
	}
    .footer-nav-list {
        width: 30%;
    }
    .footer-nav-list li{
        font-size: inherit;
    }
    section.leave-message {
        background: none;
    }
	section.show-page {
	    background: none;
	    padding-top: 10px;
	}
	.breadcrumb-position {
	    margin: 0;
	    padding: 4px 2px;
	}	
    .home-message {
        padding: 0;
        box-shadow: none;
    }
    .contact-num .num {
        font-size: 20px;
        text-indent: -5px;
    }
    .home-message .num small{
        font-size: 12px;
        display: block;
    }
    .wap-form-wrap {
        border-radius: 10px;
        background: url(../dist/img/bbg2.jpg);
    }
    .wap-big-title {
        color: #222;
        background: #ffc107;
        padding: 8px;
        text-shadow: 1px 1px #fff;
        font-size: 20px;
        text-align: center;
        border-radius: 6px;
    }

    .act-gallery-top .swiper-text {
        padding: 1px 10px;
    }
    .act-gallery-top .swiper-text p {
        font-size: 12px;
        height: 33px;
        overflow: hidden;
    }


    .act-gallery-thumbs .swiper-slide {
        border-width: 3px;
    }
    .act-gallery-top .swiper-text h4 {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .act-gallery-thumbs .swiper-slide-thumb-active:before{
        top: -27px;
	    border-width: 12px;
	    margin-left: -10px;
    }
    .swiper-btn {
        width: 25px;
        height: 50px;
        font-size: 18px;
        line-height: 56px;
        margin-top: -25px;
    }
    .swiper-btn.act-btn-next{
        right: -10px;
        border-radius: 6px;
        width: 36px;
        background: rgba(0,0,0,0.6);
    }
    .swiper-btn.act-btn-prev{
        left: -10px;
        border-radius: 6px;
        width: 36px;
        background: rgba(0,0,0,0.6);
    }
    .swiper-btn.original-btn-prev {
        left: 0;
        width: 45px;
    }
    .swiper-btn.original-btn-next {
        right: 0;
        width: 45px;
    }
    .swiper-container-horizontal .in-header .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
    }
    .to-top {
        padding: 10px;
        border-top: none;
        border-radius: 50%;
        width: 46px;
    }

    section.page-news.recommend {
        background: url(../dist/img/layer20.png);
    }
    .rec-news-list{
        background: inherit;
        padding: 0;
    }
	.rec-news-list .inner-news .img-holder.height-fixed-74 {
		height: inherit;
		min-height: inherit;
	}
    .list-box {
        border: 1px solid #ddd;
        margin-bottom: 16px;
    }

	.home-main-box .img-holder,.insustry .inner-news .img-holder {
		height: 220px;
	}	

	.list-title h4 {
		white-space: inherit; 
		overflow: inherit; 
		text-overflow: inherit;
	}

	h4.lessens-title {
		font-size: 26px;
	    padding: 10px;
	}
	.main-content {
		padding: 0;
	}
	.model-content {
	    background-position: 0 0;
	    margin-top: 10px;
	}	
	.desc-line .mr-16 {
		margin-right: 0px;
	}	
	.desc-line {

	}
    .big-title.page-title .title:before, .big-title.page-title .title:after {
        height: 38px;
    }
    .rec-news-list .inner-news .img-holder {
        min-height: 180px;
    }
    .rec-news-list .news-box {
        height: 50px;
        margin: 10px 0;
    }
	.topic .swiper-slide .wap-title{
		font-size:14px;
		height: 30px;
	}
	.video-tabs-content .text {
		font-size: 12px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

	}
	.industry-list .row {
	    margin-left: -30px;
	    margin-right: -30px;
	}
	.industry-list li {
	    border: none;
	    border-bottom: 1px dashed #ccc;
	}
	.industry-list .inner-news h4 {
	    margin-left: -15px;
	}
	.employ li {
		width: 100%;
	    vertical-align: top;
	}
	.employ li:nth-child(n+4) {
	    display: none;
	}
	.employ .img-holder {
	    height: 228px;
	}
	.job-plan .col-lg-3.col-sm-4:nth-child(n+7){
		display: none;
	}
	.page-seach-list li {
	    padding: 10px 0;
	    border: none;
	    border-bottom: 1px dashed #ccc;
	}
	.link-list li {
	    margin: 5px 0;
	    width: 48%;

	}
	.link-list li:nth-child(2n+1) {
	    border-right: none;
	}	
	.link-list li:first-child {
	    display: block;
	    border-right: none;
	    font-weight: bold;
		text-align: center;
		 margin: 0 auto;
	}	
	ul.link-list {
	    text-align: center;
	}
	.footer-info {
	    margin-bottom: 40px;
	}

	.rec-list .img-holder {
	    height: 220px;
	}
	.video-tabs-content .row .col-sm-6:last-child {
	    display: none;
	}
	.news-list li:nth-child(n+4) {
	    display: none;
	}
	.group-info li a{
		font-size: 14px;
	}
	.group-info li {
		width: 80px;
	}
	.inner-sub:last-child{
		border: 1px solid #ccc
	}
	.top-bar{
		height: 55px;
	}
    /*手机响应式结束*/
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }

}
@media (min-width: 1300px){
    .container {
        width: 1300px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .search-bar .logo-font{
        margin-left: 5px;
    }
	.header-tiktok,.header-ks  {
        width: 26px;
        margin: 3px auto;
    }
    span.mr-16 {
        margin-right: 6px;
    }
    .news-box{
        line-height: inherit;
    }
}