/* banner */
.floor-sci{background-color: white;}
.floor-science{width: 1200px;height:406px;margin: 0 auto;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform: perspective(800px);-webkit-transform: perspective(800px);-moz-transform: perspective(800px);-ms-transform: perspective(800px);-o-transform: perspective(800px);}
.floor-science .science-box{position: relative;width: 1190px;height:400px;border-radius: 14px;margin: 40px auto;overflow: hidden;box-shadow: 0 20px 80px rgba(0, 0, 0, 0.4);}
/*
.floor-science .science-box .buttn{position: absolute;width: 46px;height: 46px;background-color: rgba(232, 111, 40, 0.29);line-height: 46px;border-radius: 50%;text-align: center;color: white;top: 50%;margin-top: -23px;cursor: pointer; z-index:9999;}
.floor-science .science-box .left-btn{left: 16px;}
.floor-science .science-box .right-btn{right: 16px;}
.floor-science .science-box .buttn::before{content: '';display: block;margin: 15px auto;height: 16px;width: 16px;border-bottom: 2px solid white;}
.floor-science .science-box .left-btn::before{border-left: 2px solid white;margin-left: 18px;transform: rotate(45deg);}
.floor-science .science-box .right-btn::before{border-right: 2px solid white;margin-right: 18px;transform: rotate(-45deg);}
.floor-science .science-box .buttn:hover{background-color: rgba(0, 0, 0, 0.29);}
*/

.floor-science .science-box .science-banner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.floor-science .science-box .science-banner .science-item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition: 1s;}
.floor-science .science-box .science-banner .science-item a{position: relative;display: block;width: 100%;height: 100%;}
.floor-science .science-box .science-banner .science-item a .science-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.floor-science .science-box .point-sci{position: absolute;left:45%; width:10%;bottom:14px;height:10px;z-index: 3;}
.floor-science .science-box .point-sci .sci-item{float: left;width:10px;height:10px; background-color:#e86f28;border-radius:5px;cursor: pointer; transition: 1s;-webkit-transition: 1s; -moz-transition: 1s;o-transition: 1s;-ms-transition: 1s;}
.floor-science .science-box .point-sci .sci-item:nth-child(n+2){margin-left: 4px;}

/*箭头*/
.arrow{position: absolute;top: 49%;width: 30px;height: 30px;border-bottom: 1px solid #cccccc;cursor: pointer;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.arrow-left{left: -40px;border-left: 1px solid #cccccc;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.arrow-right{right: -40px;border-right: 1px solid #cccccc;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-tranform: rotate(-45deg);}



/* 直播 */
.floor-pub{background-color: white;}
.floor-public{width: 1200px;margin: 0 auto;height:634px;border: 1px solid transparent;}
.floor-public .public-course{width: 100%;height:380px;margin-top: 30px;}
.floor-public .public-course .public-class{position: relative;float: left;width:1200px;height:380px;/* border: 1px solid black; */}
.floor-public .public-course .public-class .header-line{position: absolute;top: 26px;left: 0px;width: 100%;height: 0px;border-top: 1px solid rgb(221, 221, 221);}
.floor-public .public-course .public-class .date-class{position: absolute;top: 0;left:0;width:1200px;height: 400px;overflow: hidden;}
.floor-public .public-course .public-class .date-class .class-list{position: absolute;top: 0;left: 0;height: 100%;}
.floor-public .public-course .public-class .date-class .class-list .class-item{float: left;width: 280px;height: 100%;margin:0 10px 0 10px;}


.floor-public .public-course .public-class .date-class .class-list .class-item .class-time{width: 130px;height: 50px;margin: 0 auto;background-color: white;text-align: center;color: #333333;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;font-size: 14px;}
.floor-public .public-course .public-class .date-class .class-list .class-item:hover .class-time{color: #ff6e00;}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-time span:first-child{font-size: 18px;}

.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc{width: 100%;height:270px;margin-top: 24px;border: 1px solid rgb(238, 238, 238);border-radius: 4px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;overflow: hidden;}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc:hover{box-shadow: 0px 12px 26px 0px rgba(226, 210, 203, 0.5);}

.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .header-live-img{width: 284px;height: 160px;background-color: rgb(238, 238, 238);}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .class-img{width: 100%;height: 160px;}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc p{padding-left: 20px;padding-right: 20px;margin-top: 16px;}

.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .class-title{color: #333333;font-size: 16px;letter-spacing: 0.2px;font-weight: bold;height: 45px;overflow: hidden;/* white-space: nowrap; */text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .class-appoint{font-size: 16px;line-height: 24px;margin-top: 8px;cursor: pointer;color: rgb(255, 110, 0);}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .class-appoint i{ margin-right:5px; font-size:18px}
.floor-public .public-course .public-class .date-class .class-list .class-item .class-desc .class-appoint .class-btn{width: 24px;height: 24px;margin-right: 8px;vertical-align: bottom;}

.floor-public .to-all-live{width: 100%;height: 54px;}
.floor-public .to-all-live a{background: -webkit-gradient(linear, left top, right top, from(#f96203), to(#f6872d));background: linear-gradient(90deg, #f96203, #f6872d);font-size: 16px;display: block;margin: 0 auto;color: #fff;width:190px;height:100%;line-height:54px;text-align: center;cursor: pointer;text-decoration: none;border-radius: 8px;overflow: hidden;
transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

.floor-public .to-all-live a:hover{box-shadow: 0px 12px 26px 0px rgba(226, 210, 203, 0.5);}


.floor-yellow{background: url(honour-bg.jpg) no-repeat;}
.floor-num{width: 1200px;height: 200px;margin: 0 auto;overflow: hidden;}
.floor-num .num-list{margin: 56px auto 0;height: 76px;border: 1px solid transparent;}
.floor-num .num-list .num-box{float: left;border-left: 1px solid rgba(255, 255, 255, 0.6);width: 232px;height: 76px;color: #FFC326;opacity: 1;text-align: center;margin-top: 8px;font-size: 14px;}
.floor-num .num-list .num-box:first-child{border: none;}
.floor-num .num-list .num-box .num-title{font-size: 36px;font-weight: normal;}
.floor-num .num-list .num-box .num-desc{text-align: center;}


/* 服务体系 */
.fwtx{}
.fwtx-cooperate{position: relative;width: 1200px;height:750px;margin: 0 auto;overflow: hidden;/*box-sizing: border-box; */border: 1px solid transparent;}
.fwtx-cooperate .fwtx-footer{ margin-top:50px;}


/* 合作首冠 */
.floor-coo{background-color:#f8f8f8;}
.floor-cooperate{position: relative;width: 1200px;height:650px;margin: 0 auto;overflow: hidden;/*box-sizing: border-box; */border: 1px solid transparent;}
.floor-cooperate .coor-box{float: right;margin: -44px auto 70px;height: 42px;margin-right: 30px;/* border: 1px solid transparent; *//* overflow: hidden; */}
.floor-cooperate .coor-box .coor-item{/* display: inline-block;*/float: left;width: 125px;height: 42px;border-radius: 21px;text-align: center;line-height: 42px;user-select: none;color: #999999;font-size: 14px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.floor-cooperate .coor-box .coor-item a{display: block;width: 100%;height: 100%;}
.floor-cooperate .coor-box .coor-item:nth-child(n+2){margin-left: 6px;}
.floor-cooperate .coor-box .coor-item:hover{background-color: #f96203;box-shadow: 0px 8px 26px 0px rgba(250, 115, 57, 0.5);color: white;}
.floor-cooperate .coor-footer{position: relative;width: 100%;margin-top:20px;}
.floor-cooperate .coor-footer .coor-list{position: absolute;top: 0;left: 0;display: none;z-index: 0;width: 100%;}
.floor-cooperate .coor-footer .coor-list .coor{width: 100%;margin-left: -16px;margin-bottom: 44px;}
.floor-cooperate .coor-footer .coor-list .coor img{width: 100%;}

/* 新闻 */
.floor-new{}
.floor-news{width: 1200px;margin: 0 auto;border: 1px solid transparent;}
.floor-news .gd-title{color: #f17116;}
.floor-news .news-header{width: 100%;height: 150px;border-top: 1px solid transparent;}
.floor-news .news-header .news-tab{margin-top: -50px;user-select: none;text-align: right;opacity: 0;}
.floor-news .news-header .news-tab .news-item{display: inline-block;font-size: 16px;cursor: pointer;color: #999999;width: 100px;height: 42px;text-align: center;line-height: 42px;border-radius: 21px;font-size: 14px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.floor-news .news-header .news-tab .news-item:hover{background-color: #f96203;box-shadow: 0px 8px 26px 0px rgba(250, 115, 57, 0.5);color: white;}

.floor-news .news-header .news-tab .news-item span{margin-left: 4px;margin-right: 4px;}


.floor-news .news-footer{position: relative;width: 100%;min-height: 340px;opacity: 0;margin-top: 40px;overflow: hidden;border: 1px solid transparent;}
.floor-news .news-footer .news-list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;-ms-transition: opacity 0.2s;}
.floor-news .news-footer .news-list .list-item{float: left;height: 150px;width: 564px;margin-bottom: 28px;}
.floor-news .news-footer .news-list .list-item:nth-child(2n){margin-left: 60px;}
.floor-news .news-footer .news-list .list-item .item-left{float: left;height: 100%;width:175px;line-height: 150px;margin-right: 10px;}
.floor-news .news-footer .news-list .list-item .item-left img{width: 100%;}
.floor-news .news-footer .news-list .list-item .item-right{float: right;width:372px;height: 100%;}
.floor-news .news-footer .news-list .list-item .item-right h3{font-size: 18px;color: #2b2b2b;margin-bottom: 14px;margin-top: 10px;letter-spacing: 2px;}
.floor-news .news-footer .news-list .list-item .item-right p{color: #5b5b5b;font-size: 14px;letter-spacing: 2px;word-break: normal;word-wrap: break-word;}
.floor-news .news-more{height: 72px;width: 100%;opacity: 0;text-align: center;margin-bottom: 30px;color: #e7792b;}



.floor-news .news-more a{background: -webkit-gradient(linear, left top, right top, from(#f96203), to(#f6872d));background: linear-gradient(90deg, #f96203, #f6872d);font-size: 16px;display: block;margin: 0 auto;color: #fff;width:190px;height:54px;line-height:54px;text-align: center;cursor: pointer;text-decoration: none;border-radius: 8px;overflow: hidden;
transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

.floor-news .news-more a:hover{box-shadow: 0px 12px 26px 0px rgba(226, 210, 203, 0.5);}


/*我们的产品*/
.main_con{ width:1200px; margin:0 auto;}
#product{margin-top: -50px; float:right;}
#product li{display: inline-block;font-size: 16px;cursor: pointer;color: #999999;width: 100px;height: 42px;text-align: center;line-height: 42px;border-radius: 21px;font-size: 14px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
#product .active,#product li:hover{background-color: #f96203;box-shadow: 0px 8px 26px 0px rgba(250, 115, 57, 0.5);color: white;}

#product_contain {margin-top:40px;}
#product_contain>.show{display: block !important;}
#product_contain>div{display: none;}
#product_contain .product_con{padding:50px 30px;background: #ffffff; border-radius:10px;}
#product_contain ul{list-style: none;overflow: hidden;margin:0 0 40px 0;}

#product_contain ul:last-child{list-style: none;overflow: hidden;margin-bottom: 0;}
#product_contain li{float: left; padding:5px 10px; font-size:16px;}
#product_contain li i{color: #f96203; margin-right:3px; font-size:18px;}
#product_contain li:hover{color: #f96203;}

#product_contain li:first-child{float: left;margin-right:25px;width:162px;text-align: center; font-weight:bold;}
#product_contain .line{width:4px;height:20px;background:rgba(255,138,28,1);display: inline-block;float: left;}
#product_contain .line:last-child{width:4px;height:20px;background:rgba(255,138,28,1);display: inline-block;float: right;}



#product_contain dl{ width:570px; float:left; background:#fff;} 
#product_contain dl DT{ height:60PX; margin-bottom:10px; line-height:60PX; font-size:18px;background-color: #f96203; font-weight:bold; text-align:center; color:#FFF;}
#product_contain dl DD{ line-height:55px; height:55px; float:left; width:285px; text-align:center; font-size:16px;}
#product_contain dl DD:nth-child(4n),#product_contain dl DD:nth-child(5n),#product_contain dl DD:last-child{ background:#f9f9f9;}
#product_contain dl DD:nth-child(2n){ font-weight:bold;}

#product_contain dl:first-child{ margin-right:60px;}

#product_contain .nx li:first-child{float: left; line-height:none;margin-right:25px; margin-bottom:30px;width:240px;text-align: center; font-weight:bold;}
#product_contain .nx li{float: left; padding:10px 10px; font-size:16px;}
#product_contain .nx li span{ color:#666; margin-left:10px}

/*课程列表块*/
.curriculum{font-size: 16px;color: #333333; width:1250PX;box-sizing: border-box;background:#fff; margin-left:-20PX;}
/* 课程小块 */
.list-items{ background:#fff;width:285PX; float:left; margin-left:20PX;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);border-radius: 10px;/*position: relative;*/transform: translate3d(0, 0px, 0);-webkit-transition: all .2s ease 0s;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .2s ease 0s;backface-visibility: hidden;}
.list-items:hover{box-shadow: 0 2px 20px 0 rgba(0,0,0,0.20);}
.list-items:hover>a>.item-text{color:#f96203;}
.list-items .pic img{position: relative; width:100%}
.list-items .pic img{border-top-right-radius: 10px;border-top-left-radius: 10px;}
.list-items .live-time{position: absolute;top: 12px;left: 0px;width: auto;height: 28px;background: #FF5B42;box-shadow: 0 2px 8px 0 rgba(27,23,23,0.30);border-top-right-radius: 16px;border-bottom-right-radius: 16px;font-size: 12px;color: #FFFFFF;padding: 5px 6px;z-index: 10;}
.list-items .item-text{ height: 44px; margin:8px 8px 8px 8px;}
.list-items .item-about{margin-left: 8px;margin-right: 8px;margin-bottom: 7px;height: 20px;}
.list-items .item-about .price-box{display: flex;}
.list-items .evaluate{margin-left: 8px;margin-right: 8px;padding-bottom: 9px;}
.list-items .free{font-size: 16px;color: #1CB877;line-height: 20px;}
.list-items .learned{font-size: 12px;color: #666666;}
.list-items .item-price{color: #FF5B42;}