@charset "utf-8";

/* 首页 */
.header .nav{display: none;}

.header .logo img{
    height: 45px;
    margin-top: 8px;
    margin-left: 100px;
}

.index-banner .in-banner img{
    width: 100%;
    height: auto;
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #fff;
}

.index1{
    width: 100%;
    /* height: 215px; */
    background-image: url(/web/images/ind1_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px 15px;
}

.index1 .search{
    width: 100%;
    height: 45px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 10px 10px;
}

.index1 .search input{
    font-size: 14px;
    color: #878787;
    width: 265px;
    height: 45px;
    border: none;
}

.index1 .search_img img{
    width: 22px;
    height: 20px;
}

.index1 .activity{
    width: 100%;
    height: 150px;
    background-color: #fff;
    opacity: 0.902;
    border-radius: 10px;
    margin-top: 15px;
    padding: 10px 5px;
}

.index1 .activity .act_list{
    display: flex;
    /* justify-content: space-between; */
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #e4e4e5;
    padding-bottom: 10px;
}

.index1 .activity .act_list:nth-child(2){
    margin-top: 10px;
}

.index1 .activity .act_list:last-child{
    border-bottom: none;
    margin-top: 10px;
}

.index1 .activity .act_list .start{
    width: 60px;
    height: 27px;
    background-image: -moz-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    box-shadow: 0px 4px 4px 0px rgba(213, 238, 44, 0.16);
    border-radius: 50px;
    text-align: center;
    line-height: 27px;
}

.index1 .activity .act_list img{
    width: 32px;
    height: 30px;
}

.index1 .activity .act_list p{
    /* width: 130px; */
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

.index1 .activity .act_list span{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.index1 .activity .act_list .start p{
    font-size: 12px;
    color: #fff;
}

.index2{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.index2 .ind2_cot1 img{
    width:56px;
    height: 57px;
}

.index2 .ind2_cot2 img{
    width: 59px;
    height: 64px;
}

.index2 .ind2_cot3 img{
    width: 62px;
    height: 57px;
}

.index2 .ind2_cot4 img{
    width: 58px;
    height: 57px;
}

.index2 .ind2_cot1 p{
    font-size: 14px;
    color: #000;
}

.index2 .ind2_cot2 p{
    font-size: 14px;
    color: #000;
}

.index2 .ind2_cot3 p{
    font-size: 14px;
    color: #000;
}

.index2 .ind2_cot4 p{
    font-size: 14px;
    color: #000;
}

.index2 .ind2_cot1{
    display: flex;
    flex-direction: column;
}

.index2 .ind2_cot2{
    display: flex;
    flex-direction: column;
}

.index2 .ind2_cot3{
    display: flex;
    flex-direction: column;
}

.index2 .ind2_cot4{
    display: flex;
    flex-direction: column;
}

.index2 .ind2_img{
    height: 60px;
}

.index3{
    padding: 30px 15px;
    background-color: #fbfcfe;
    position: relative;
}

.index3 .ind3_img{
    position: absolute;
    top: 30px;
    right: 15px;
}

.index3 .ind3_img img{
    width: 87px;
    height: 89px;
}

.index3 .news{
    width: 100%;
    height: 86px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 0;
    padding-left: 20px;
    padding-right: 85px;
    position: relative;
}

.index3 .news .hd p{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.index3 .news .hd img{
    position: absolute;
    top: 23px;
    left: 95px;
    width: 24px;
    height: 11px;
}

.index3 .news .bd{
    margin-top: 5px;
}

.index3 .news .bd .newsList p{
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index4{
    background-color: #fbfcfe;
    padding: 0 15px;
}

.index4 .course .course_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index4 .course .course_title h2{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.index4 .course .course_title .more span{
    font-size: 14px;
    color: #333;
    margin-right: 5px;
}

.index4 .course_list{
    margin-top: 20px;
}

.index4 .course_list .course_left{
    width: 40%;

}

.index4 .course_list .course_left img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.index4 .course_list .course_right{
    width: 58%;
    padding-top: 5px;
}

.index4 .course_list .course_right h3{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.index4 .course_list .course_right .course_wz{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.index4 .course_list .course_right .course_wz img{
    width: 20px;
    height: 21px;
}

.index4 .course_list .course_right .course_wz p{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 5px;
}

.index5{
    margin-top: 30px;
    padding-left: 15px;
}

.index5 .banner_container .in1_banner {
    width: 75%;
    /* width: auto; */
}

.index5 .banner_container .in1_banner .ind5_list{
    width: 100%;
    height: 175px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 30px 20px;
}

.index5 .banner_container .in1_banner .ind5_list h2{
    font-size: 28px;
    color: #fff;
}

.index5 .banner_container .in1_banner .ind5_list P{
    font-size: 14px;
    color: #fff;
    margin: 15px 0;
}

.index5 .banner_container .in1_banner .ind5_list .more{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.index5 .banner_container .in1_banner .ind5_list .more span{
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
}

.bottoms{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}

.bottoms span{
    font-size: 14px;
    color: #999;
}

.bottoms a{
    font-size: 14px;
    color: #999;
}


/* 底部 */
.di_gao {
    height: 60px;
}

.di_dh {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    height: 55px;
    padding-top: 5px;
    box-shadow: 0px 0px 10px #ccc;
    z-index: 99 ;
}

.di_dh ul li {
    float: left;
    width: 25%;
    text-align: center;
    vertical-align: bottom;
    zoom: 1;
}

.di_dh ul li h2 {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0px auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.di_dh ul li span {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #000;
}

/* .di_dh ul li.on a {
    color:#696969;
} */

.di_dh ul li:nth-child(3) a{
    margin-top: 7px;
}

.di_dh ul li h2.a{
    background-image: url(/web/images/footer01.png);
}
/* .di_dh ul li.on h2.a{
    background-image: url(..//web/images/footer01_active.png);
} */

.di_dh ul li h2.b{
    background-image: url(/web/images/footer02.png);
}
/* .di_dh ul li.on h2.b {
    background-image: url(..//web/images/footer02_active.png);
} */

.di_dh ul li h2.c{
    background-image: url(/web/images/footer03.png);
}
/* .di_dh ul li.on h2.c{
    background-image: url(..//web/images/footer03_active.png);
} */

.di_dh ul li h2.d{
    background-image: url(/web/images/footer04.png);
}
/* .di_dh ul li.on h2.d{
    background-image: url(..//web/images/footer04_active.png);
} */


/* 机构简介 */
.mainBanner{
    position: relative;
    /* padding: 0 15px; */
}

.mainBg{
    height: 217px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 0 15px; */
}

.mainBanner .mainBg{
    padding-top: 60px;
    padding-left: 120px;
}

.mainBanner .mainBg h1{
    font-size: 36px;
    color: #fff;
}

.mainBanner .search{
    width: 93%;
    height: 45px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 10px 10px;
    position: absolute;
    bottom: 20px;
    left: 15px;
}

.mainBanner .search input{
    font-size: 14px;
    color: #878787;
    width: 265px;
    height: 45px;
    border: none;
}

.mainBanner .search_img img{
    width: 22px;
    height: 20px;
}

/* .about_container{
    background-color: #f5f8fc;
} */

.aboutNav{
    padding-left: 15px;
}


.aboutNav ul{
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;

}

.aboutNav ul li:first-child{
    width: 10%;
}

.aboutNav ul li {
    float: none;
    display: inline-block;
    white-space: nowrap;
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    color: #333;
    margin: 10px 0px;
    position: relative;
}

.aboutNav ul li.on {
    font-size: 24px;
    font-weight: bold;
}

.aboutNav ul li.on::after{
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background-image: -moz-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    box-shadow: 0px 4px 4px 0px rgba(213, 238, 44, 0.16);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;

}

.about{
    /* padding: 0 15px; */
    /* background-color: #f5f8fc; */
}

.about_01{
    padding-top: 20px;
    padding: 0 15px;
    /* background-color: #f5f8fc !important; */
}

.about_01 img{
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
    margin-top: 10px;

}

.about_01 p{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-top: 30px;
    line-height: 25px;
}

.about_02 h2{
    background: linear-gradient(to right, #d3ee2d, #3be625);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.about_02{
    margin-top: 30px;
    position: relative;
    padding: 0 15px;
}

.about_02 p{
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

.about_02 img{
    position: absolute;
    top: 15px;
    right: 0;
    width: 163px;
    height: 154px;
}

.ab3{
    padding: 0 15px;
}

.about_03{
    margin-top: 25px;
    background-color: #f5f8fc;
    border-radius: 24px;
    padding: 25px 15px;
}

.about_03 h2{
    background: linear-gradient(to right, #d3ee2d, #3be625);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.about_03 p{
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    line-height: 25px;
}

.about_04{
    margin-top: 20px;
}

.about_04 .ab4_top{
    padding: 0 15px;
}

.about_04 h2{
    background: linear-gradient(to right, #d3ee2d, #3be625);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.about_04 p{
    font-size: 14px;
    color: #333;
    margin-top: 20px;
    line-height: 25px;
}

.about_04 .ab4_bottom{
    padding-left: 15px;
    margin-top: 10px;
}

.about_04 .about_container .ab_banner{
    width: 70%;
}

.about_04 .about_container .ab_banner .ab_list img{
    width: 100%;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.about_05{
    padding: 0 15px;
    margin-top: 30px;
}

.about_05 h2{
    background: linear-gradient(to right, #d3ee2d, #3be625);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.about_05 p{
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;;
}

.about_05 img{
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px;

}


/* 培训课程 */
.courseNav{
    padding-left: 8px;
}


.courseNav ul{
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;

}

/* .courseNav ul li:first-child{
    width: 10%;
} */

.courseNav ul li {
    float: none;
    display: inline-block;
    white-space: nowrap;
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    color: #333;
    margin: 10px 0px;
    position: relative;
}

.courseNav ul li.on {
    font-size: 24px;
    font-weight: bold;
}

.courseNav ul li.on::after{
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background-image: -moz-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    box-shadow: 0px 4px 4px 0px rgba(213, 238, 44, 0.16);
    border-radius: 10px;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;

}
/*
.course{
    padding: 0 15px;
} */


.course .course_list{
    margin-top: 20px;
}

.course .course_list .course_left{
    width: 40%;

}

.course .course_list .course_left img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.course .course_list .course_right{
    width: 58%;
    padding-top: 5px;
}

.course .course_list .course_right h3{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.course .course_list .course_right .course_wz{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.course .course_list .course_right .course_wz img{
    width: 20px;
    height: 21px;
}

.course .course_list .course_right .course_wz p{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 5px;
}

.pages{
    margin-top: 30px;
}

.pages ul li{
    float: left;
    background-color: #e9edf3;
    border-radius: 50%;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    margin: 0 3px;
}

.pages ul li.on{
    color: #fff;
    background:  linear-gradient(to right, #d3ee2d, #3be625);

}

.pages ul li.on a{
    color: #fff;
}


/* 师资力量 */
.teach .teach_list ul li{
    float: left;
    width: 44%;
    margin-left: 15px;
    margin-bottom: 20px;
}

.teach .teach_list .teach_cot .teach_img img{
    width: 100%;
    background-image: -moz-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
height: 20vh;
    object-fit: cover;
}

.teach .teach_list .teach_cot .teach_wz{
    margin-top: 15px;
}

.teach .teach_list .teach_cot .teach_wz h2{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.teach .teach_list .teach_cot .teach_wz p{
    font-size: 12px;
    color: #666;
}

.teach_pages{
    padding: 0 15px;
}


/* 新闻动态 */
.newsNav{
    padding-left: 8px;
    /* background-color: #f5f8fc; */
}


.newsNav ul{
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;

}

.newsNav ul li {
    float: none;
    display: inline-block;
    white-space: nowrap;
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    color: #333;
    margin: 10px 0px;
    position: relative;
}

.newsNav ul li.on {
    font-size: 24px;
    font-weight: bold;
}

.newsNav ul li.on::after{
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background-image: -moz-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(216,238,45) 0%, rgb(49,230,36) 100%);
    box-shadow: 0px 4px 4px 0px rgba(213, 238, 44, 0.16);
    border-radius: 10px;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;

}

.news{
    padding: 0 15px;
}

.news .newsList ul li{
    margin-bottom: 15px;
}

.news .newsList .newsCot{
    background-color: #f5f8fc;
    border-radius: 10px;
    padding: 10px 10px;
}

.news .newsList .newsCot h2{
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

.news .newsList .newsCot .date{
    margin: 5px 0;
}

.news .newsList .newsCot .date img{
    width: 13px;
    height: 14px;
}

.news .newsList .newsCot .date span{
    font-size: 12px;
    color: #666;
}

.news .newsList .newsCot p{
    font-size: 14px;
    color: #333;
}

.newsdetail{
    background-color: #f5f8fc;
    padding: 30px 15px;
}

.newsdetail .detail_con img{
    width: 100%;
}

.newsdetail .detail_con .date{
    margin: 10px 0;
}

.newsdetail .detail_con .date img{
    width: 13px;
    height: 14px;
}

.newsdetail .detail_con .date span{
    font-size: 12px;
    color: #666;
}

.newsdetail .detail_con h2{
    font-size: 24px;
    color: #333;
}

.newsdetail .detail_con p{
    font-size: 14px;
    color: #666;
}

.newsdetail .bott{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.newsdetail .bott p{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

/* 联系我们 */
.contact_list{
    padding-left: 15px;
    margin-top: 20px;
}

.contact_list .con_banner{
    width: 70%;
}

.contact_list .con_banner .con_list {
    background-color: #f5f8fc;
    padding: 30px 15px;
    border-radius: 24px;
}

.contact_list .con_banner .con_list h2{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.contact_list .con_banner .con_list .con_info  p{
    margin-bottom: 10px;
}

.contact_list .con_banner .con_list .con_info span{
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}

.contact_list .con_banner .con_list .con_info .icon_01 img{
    width: 18px;
    height: 20px;
}

.contact_list .con_banner .con_list .con_info .icon_02 img{
    width: 18px;
    height: 15px;
}

.contact_list .con_banner .con_list .con_info .icon_03 img{
    width: 17px;
    height: 18px;
}

.contact_list .con_banner .con_list .con_bott{
    text-align: center;
    margin-top: 40px;
}

.contact_list .con_banner .con_list .con_bott img{
    width: 92px;
    height: 92px;
}

.contact_list .con_banner .con_list .con_bott p{
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.contact_list .con_banner .two .con_img{
    margin-top: 35px;
}

.contact_list .con_banner .two .con_img img{
    width: 100%;
}

.contact_list .con_banner .two .con_info .icon_04 img{
    width: 17px;
    height: 20px;
}

.contact_list .con_banner .two .con_info .icon_05 img{
    width: 18px;
    height: 19px;
}

.contact_list .con_banner .two h2{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.contact_list .con_banner .two .con_info span{
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}


/* 教师详情 */
.teach_detail{
    background-color: #f5f8fc;
    /* padding: 0 15px; */
}

.teach_detail .teach_01{
    width: 100%;
    height: auto;
    background-image: url(..//web/images/de_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 40px;
}

.teach_detail .teach_01 .top img{
    width: 100%;
}

.teach_detail .teach_01 .top .info{
    text-align: center;
    margin-top: 20px;
}

.teach_detail .teach_01 .top .info h2{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.teach_detail .teach_01 .top .info p{
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.teach_detail .teach_01 .top_img img{
    width: 89px;
    height: 301px;
}

.teach_detail .teach_01 .top_img{
    position: absolute;
    top: 80px;
    right: 0;
}

.teach_detail .teach_02{
    background-color: #f5f8fc;
    padding: 0 15px;
}

.teach_detail .teach_02  h2{
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.teach_detail .teach_02 p{
    font-size: 14px;
    color: #333;
}

.teach_detail .teach_02 .teach_content{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px;
}

.teach_detail .bott{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.teach_detail .bott p{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}