@charset "UTF-8";
body, html {
    height: 100%;
    font-family: 微软雅黑;
    color: #333;
    font-size: 15px
}

article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video {
    border: 0;
    margin: 0;
    padding: 0
}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {
    display: block
}

table {
    border-collapse: separate;
    border-spacing: 0
}

table caption, table td, table th {
    text-align: left;
    vertical-align: middle
}

li {
    list-style: none
}

a {
    text-decoration: none
}

a img, img {
    border: 0
}

img {
    display: inline-block;
    vertical-align: middle;
}

:focus {
    outline: 0
}

* {
    box-sizing: border-box
}

textarea {
    resize: none
}

input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select {
    background-color: #fff
}

a:focus, a:hover {
    text-decoration: none
}

body a {
    font-family: inherit
}

.clear:after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0
}

.container {
/*     width: 1180px; */
    height: 100%;
    margin: 0 auto;
/*     padding: 0; */
}

nav {
    width: 100%;
    height: 94px;
    white-space: nowrap;
    overflow: visible;
    border-bottom: 1px solid #e8e8e8
}

nav .container {
/*     width: 1180px; */
    margin: 0 auto
}

/* nav .container .navbar-header {
    float: left;
} */

nav .container .navbar-list {
    float: left;
    margin-top: 28px;
    margin-left: 85px
}

nav .container .navbar-list li {
    margin: 0 20px;
    float: left
}

nav .container .navbar-list li a {
    display: inline-block;
    padding: 12px 4px
}

nav .container .navbar-list li a:hover {
    color: #5dc55d
}

nav .container .navbar-list li .active {
    border-bottom: 3px solid #5dc55d;
    color: #5dc55d
}

nav .container .btn-wrap {
    margin-left: 6px;
    padding-top: 32px
}

nav .container .btn-wrap a {
    display: inline-block;
    padding: 6px 18px;
    background: #5dc55d;
    border-radius: 18px;
    color: #fff
}

nav .container .btn-wrap .login-btn {
    margin-right: 12px
}
.navbar-brand {
	     float: left; 
	     height: 50px; 
	     padding: 0px 0px; 
	     font-size: 18px; 
	     line-height: 20px; 
	}
.floor_1 {
    width: 100%;
    height: 450px;
    /* position: absolute; */
    /* top: 0; */
    z-index: 100;
}
.floor_1 .container{
	width: 1180px;
	padding: 0;
}
.seat{
	background-color: #F5F5F5;
	height: 50px;
}
.course-box{
	max-width: 1180px;
	margin: 0 auto;
}
.floor_1 .lwm_school_menu_wrap {
    position: relative;
    width: 280px;
    height: 100%;
    background-color: #FFFFFF;
}
.all-course-title{
	width:100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #FFFFFF!important;
	background-color: #40BF69;
}
.all-course-title a{
	color: #FFFFFF!important;
}
.all-course-title a:hover{
	color: #FFFFFF!important;
}
.floor_1 .lwm_school_menu_wrap .page-category {
    width: 100%;
    height: 360px;
    background: #FFFFFF;
}
.more-cousrse{
	position: absolute;
	font-size: 12px;
	right: 20px;
	bottom: 20px;
	color: #666666;
	
}
.floor_1 .lwm_school_menu_wrap .page-category .item {
	height: 88px;
	overflow: hidden;
    padding: 15px 15px;
    display: block;
    max-height: 88px;    
}
.floor_1 .lwm_school_menu_wrap .page-category .item:hover dt{
	color: #40BF69;
	cursor: pointer;
}
.floor_1 .lwm_school_menu_wrap .page-category .item dt {
    font-weight: 800;
    font-size: 16px;
    color: #333;
    line-height: 26px
}

.floor_1 .lwm_school_menu_wrap .page-category .item dd {
    position: relative;
   	overflow: hidden;
    width: 100%;
	height: 44px;
}
.floor_1 .lwm_school_menu_wrap .page-category .item a:hover {
	color: #40BF69;
	cursor: pointer;
}
.floor_1 .lwm_school_menu_wrap .page-category .item dd .jt_icon {
    position: absolute;
    right: 0;
    top: 7px
}

.floor_1 .lwm_school_menu_wrap .page-category .item a {
    display: inline-block;
    line-height: 36px;
    color: #666;
    margin-right: 16px;
    white-space:nowrap; 
    text-overflow:ellipsis;
}

.floor_1 .lwm_school_menu_wrap .page-category .item_active {
    background: #F5F5F5;
}
.course-title_active{
	color: #40BF69!important;
}
.floor_1 .lwm_school_menu_wrap .cate-detail {
    position: absolute;
    width: 734px;
    left: 280px;
    top: 50px;
    overflow: hidden;
    background: #fff;
	z-index: 10;
    /* box-shadow: -2px 2px 10px 0 #dddcdc; */
    /*min-height: 300px;*/
}

.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item {
    display: none;
    padding: 12px 30px;
    min-height: 400px;
	background-color: #FCFCFC;
}

.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .part-list-item {
    margin-top: 20px
}

.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .part-list-item .part-list-title {
    display: inline-block;
    min-width: 90px;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
	padding-bottom: 4px;
	text-align: left;
	padding-right: 4px;
}
.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .part-list-item .part-list-title:hover{
	cursor: pointer;
	color: #40BF69;
}
.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .part-list-item .part-list-data {
    display: inline-block;
    width: 550px;
    margin-left: 30px
}

.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .cate-detail-lk {
    float: left;
    margin-right: 30px;
    line-height: 24px;
	font-size:16px;
    /*font-weight: 800;*/
	color:#262222;
	margin-bottom: 10px;
}
.floor_1 .lwm_school_menu_wrap .cate-detail .cate-detail-item .cate-detail-lk:hover{
	color: #40BF69;
}
.floor {
    padding-bottom: 138px;
    background: #f5f5f5
}

.floor .floor_2 {
    width: 100%;
	/* height: 810px; */
    background: #f5f5f5
}
.floor_2 .container{
	padding: 0;
	width: 1180px;
	/* height: 500px; */
}
.floor  .title {
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 60px;
	color: #FFFFFF;
}

.floor  .title .last {
    color: #40BF69;
}

.floor .floor_2 .school_courses_item .school_courses_item_right {
    
    margin-left: 28px
}

.floor .floor_2 .school_courses_item .school_courses_item_right .sketch {
    margin-top: 24px
}

.floor .floor_2 .school_courses_item .school_courses_item_right .sketch p {
    margin-top: 10px;
    color: #666;
    font-size: 14px
}

.releasetime{
	margin-top: 49px;
	color: #A1A1A1;
	font-size: 14px;
}
.number-students{
	margin-top: 14px;
}
.abstract text:first-child{
    display: block;
    float: left;
    width: 100px;
}
.zoom-video{
	position: absolute;
	left: 0;
	width: 20px;
	background: #212121;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.floor .floor_2 .school_courses_item .school_courses_item_right h1 {
    font-size: 20px
}

.floor .floor_2 .school_courses_item span {
    width: 5%;
    /* height: 40px; */
    /* line-height: 40px; */
    color: #fff;
    background: #fff;
    /* border-bottom: 1px solid #e7e7e7; */
    display: inline-block;
    position: relative;
	padding: 32px 0 18px 0;
}

.floor .floor_2 .school_courses_item span .jt-icon {
    position: absolute;
    right: 22px;
    top: 13px
}

.floor .floor_2 .school_courses_item .school_courses_title {
    width: 95%;
    /* height: 40px; */
    /* line-height: 40px; */
    background: #fff;
    padding-left: 20px;
    /* border-bottom: 1px solid #e7e7e7; */
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
	padding: 30px 0 20px 20px;
}

.floor .floor_2 .school_courses_item .courses_list_wrap {
    background: #fff;
    padding-bottom: 20px;
    /*padding-left: 10px*/
}
.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item:first-child{
	margin-left: 20px;
}
.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item:nth-child(4){
	margin-left: 20px;
}
.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item {
    width: 360px;
	height: 302px;
    float: left;
    margin-top: 20px;
    /* border: 1px solid #e7e7e7; */
    margin-left: 30px;
    margin-bottom: 22px;
}

.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_img_wrap {
    position: relative;
    width: 360px;
    height: 208px
}

.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_img_wrap .courses_list_img {
    width: 100%;
    height: 100%;
	border-radius:5px;
}

.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_img_wrap .courses_list_time {
    position: absolute;
    width: 56px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    right: 0px;
    bottom: 0;
    color: #fffefe;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .5)
}

/* .floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_ds {
    padding: 17px 8px;

} */
 .courses_list_t{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
 }
 .floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_ds {
       height: 65px;
       margin-top: 19px;
 }
 .upload{
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 color: #999999;
	 font-size: 14px;
	 
 }
.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_ds .courses_list_t {
    line-height: 20px;
    color: #333;
    /* font-weight: 800 */
	font-size: 18px;
}

.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item .courses_list_ds .courses_list_d {
    color: #999999;
	font-size: 14px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	margin-top: 14px;
}

.floor .floor_2 .school_courses_item .courses_list_wrap .courses_list_item_active {
    /* box-shadow: 0 0 10px 0 #dddcdc */
}

.floor2 {
    padding-bottom: 80px
}

.floor2 .selected {
    color: green;
    border-bottom: 2px solid green
}

.floor2 .courseList {
    width: 844px;
    background: #fff
}

.floor2 .courseList .tab-head {
    height: 64px;
    border-bottom: 1px solid #e7e7e7
}

.floor2 .courseList .tab-head li {
    width: 422px;
    height: 64px;
    line-height: 64px;
    margin: 0;
    float: left;
    text-align: center;
    cursor: pointer;
}

.floor2 .courseList .tab-head li text {
    width: 100px;
    height: 64px;
    display: inline-block;
    text-align: center
}

.floor2 .courseList .tab-content {
    width: 844px
}

.floor2 .courseList .tab-content .content1 {
    padding: 50px 20px 20px 20px;
}

.floor2 .courseList .tab-content .content1 h3 {
    color: #333
}

.floor2 .courseList .tab-content .content1 h4 {
    margin-top: 18px;
    color: #666
}

.floor2 .courseList .tab-content .content1 .content-detail {
    color: #666;
    margin-top: 38px
}

.floor2 .courseList .tab-content .content2 {
    margin: 0 70px;
    padding-bottom: 46px
}

.floor2 .courseList .tab-content .content2 li {
    height: 78px;
    line-height: 78px;
    border-bottom: 1px dashed #e7e7e7;
    position: relative
}

.floor2 .courseList .tab-content .content2 li text {
    margin-left: 30px;
    color: #333
}

.floor2 .courseList .tab-content .content2 li .num {
    font-weight: 700
}

.floor2 .courseList .tab-content .content2 li img {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    right: 100px;
    top: 22px
}
.floor2 .courseList .tab-content .content2 li .num:after {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 1px solid #c6c6c6;
    border-radius: 14px;
    position: absolute;
    left: -10px;
    top: 24px
}

.floor2 .courseList .tab-content .content2 li .studytime {
    float: right
}

.floor2 .courseList .tab-content, .floor2 .courseList .tab-content .show {
    display: block
}

.floor2 .courseList .tab-content div {
    display: none
}

.floor2 .Introduction {
    width: 300px;
    height: 276px;
    margin-left: 20px;
    background: #fff
}

.floor2 .Introduction .tutor {
    width: 300px;
    height: 64px;
    line-height: 64px;
    text-align: left;
    border-bottom: 1px solid #e7e7e7
}

.floor2 .Introduction .tutor text {
    margin-left: 20px
}

.floor2 .Introduction .tutorphoto .photo {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px
}

.floor2 .Introduction .tutorphoto img {
    width: 96px;
    height: 96px
}

.floor2 .Introduction .know {
    margin: 20px;
}



.course-list{
	height: 430px;
	background-color: #F5F5F5;
	height: 560px;
}
.course-list .container{
	padding: 0;
	background-color: #FFFFFF;
	width: 1180px;
	height: 430px;
}
.system-page-left{
	display: inline-flex;
}
.system-page-left li{
	width: 88px;
	height: 36px;
	line-height: 36px;
	color: #333333;
	font-size: 20px;
	text-align: center;
}
.current{
	width: 88px;
	height: 36px;
	line-height: 36px;
	background-color: #40BF69;
	color: #FFFFFF!important;
	font-size: 20px;
	text-align: center;
}
.system-page-content{
	width: 1180px;
	height: 394px;
}
.marketing-play-web-one{
	margin-top: 40px;
	padding: 0 20px;
	display: flex;
	flex-direction: row;
	/* justify-content: space-between; */
	width: 1180px;
}
.course-item{
	width: 260px;
	margin-right: 32px;
}
.course-item:last-child{
	margin-right: 0;
}
.course-img{
	width: 260px;
	height: 160px;
}
.course-title{
	color: #333333;
	margin-top: 19px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course-describe{
	color: #999999;
	font-size: 12px;
	margin-top: 14px;
}
.up-time{
	margin-top: 16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #999999;
	font-size: 12px;
}
.swiper-container{
	height: 374px;
}
.swiper-slide{
	width: 1180px;
}
 .swiper-container{
	--swiper-theme-color: #ff6600;
	--swiper-pagination-color: #00ff33;/* 两种都可以 */
  }
.swiper-pagination-bullet{
	color: #000000;
	opacity: 0.2;
}  
.swiper-pagination-bullet-active{
	background: #46BE6C!important;
	opacity: 1;
}





















footer {
    width: 100%;
    height: 540px;
    margin: 0 auto;
    background: #767677
}

footer .container {
    width: 964px;
    height: 100%;
    padding-bottom: 97px;
    position: relative;
    padding-top: 47px;
    border-bottom: 1px solid #fff
}
.container .title{
    /* visibility: hidden; */
}
footer .container a {
    color: #fff
}

footer .container .left {
    width: 660px
}

footer .container .left .triangle-down {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #f5f5f5;
    position: absolute;
    top: 0;
    left: 48%
}

footer .container .left .product-center {
    display: inline-flex
}

footer .container .left .product-center .center-detail {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px
}

footer .container .left .product-center .center-detail ul {
    margin-left: 45px
}

footer .container .left .product-center .center-detail ul li {
    float: left;
    margin-right: 28px
}

footer .container .left .product-center .center-detail ul .center-mar {
    margin-top: 40px
}

footer .container .left .product-center .center-detail .first {
    margin-left: 45px;
    margin-right: 34px
}

footer .container .left .product-center .center-detail span {
    margin-right: 28px
}

footer .container .left .product-center .center {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 16%
}

footer .container .left dl {
    display: inline-block;
    color: #fff;
    width: 620px;
    margin-top: 47px
}

footer .container .left dl dt {
    font-size: 20px;
    display: inline-block
}

footer .container .left dl dd {
    font-size: 14px;
    margin-right: 28px;
    display: inline-block
}

footer .container .left dl .first {
    margin-left: 45px
}

footer .container .left dl .sina {
    width: 24px;
    height: 22px
}

footer .container .right {
    position: absolute;
    top: 47px;
    right: 0;
    width: 220px;
    height: 260px;
    text-align: center;
    background: #55555a
}

footer .container .right .newcode {
    width: 180px;
    height: 180px;
    margin-top: 20px
}

footer .container .right .attention {
    margin-top: 15px;
    font-size: 16px;
    color: #fff
}

footer .copyright {
    width: 964px;
    height: 100%;
    text-align: center;
    margin: 0 auto
}

footer .copyright p {
    color: #fff;
    margin: 10px 0
}

footer .copyright-declare {
    width: 964px;
    height: 100%;
    text-align: center;
    margin: 0 auto
}

footer .copyright-declare .gongshang-wangjian {
    display: inline-block
}

footer .copyright-declare .gongshang-wangjian .gongshang {
    width: 76px;
    height: 32px
}

footer .copyright-declare .icp {
    color: #fff
}

footer .copyright-declare .cnnz {
    display: inline-block
}
.school_courses_item_left>video{
    object-fit: fill;
}


    /* @media only screen and (max-width: 768px) {
        nav .container .navbar-header {
            width: 100%;
        }
    } */