.homepage2 .floor1 { width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 136px; position: relative; }
.homepage2 .floor1 .l { width: 286px; min-height: 340px; background: #FFFFFF; border-radius: 12px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 20px 22px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 0; z-index: 4; }
.homepage2 .floor1 .l .zifenlei { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; }
.homepage2 .floor1 .l .zifenlei li { background-repeat: no-repeat; background-image: url("/public/home/images/icon15.png"); background-position: right center; margin: 15px 0; }
.homepage2 .floor1 .l .zifenlei li:hover { background-image: url("/public/home/images/icon15-a.png"); }
.homepage2 .floor1 .l .zifenlei li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 28px; padding-right: 15px; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-position: left center; display: block; }
.homepage2 .floor1 .l .zifenlei li:nth-child(1) a { background-image: url("/public/home/images/icon14.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(2n) a { background-image: url("/public/home/images/icon16.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(3n) a { background-image: url("/public/home/images/icon17.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(4n) a { background-image: url("/public/home/images/icon18.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(5n) a { background-image: url("/public/home/images/icon19.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(6n) a { background-image: url("/public/home/images/icon20.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(7n) a { background-image: url("/public/home/images/icon21.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(8n) a { background-image: url("/public/home/images/icon14.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(9n) a { background-image: url("/public/home/images/icon16.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(10n) a { background-image: url("/public/home/images/icon17.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(11n) a { background-image: url("/public/home/images/icon18.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(12n) a { background-image: url("/public/home/images/icon19.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(13n) a { background-image: url("/public/home/images/icon20.png"); }
.homepage2 .floor1 .l .zifenlei li:nth-child(14n) a { background-image: url("/public/home/images/icon21.png"); }
.homepage2 .floor1 .l .morefenlei { background-image: url("/public/home/images/xiasanjiao.png"); background-repeat: no-repeat; padding-right: 16px; background-position: right center; }
.homepage2 .floor1 .l .morefenlei:hover { background-image: url("/public/home/images/xiasanjiao-a.png"); }
.homepage2 .floor1 .swiper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #4DA486; margin-left: 302px; }
.homepage2 .floor1 .swiper .title1 { font-size: 36px; margin-bottom: 18px; }
.homepage2 .floor1 .swiper .title2 { font-size: 20px; }
.homepage2 .floor1 .swiper .contentbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 62px; }
.homepage2 .floor2 { width: 1200px; margin: 0 auto; }

.tongjiulist { width: 1200px; margin: 0 auto; margin-top: 16px; margin-bottom: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 0; border-radius: 24px; /* background-color: rgba(255, 255, 255, 0.72); */ background-repeat: no-repeat; background-position: center center; background-image: url("/public/home/images/Group427320218.png"); position: relative; z-index: 1; }
.tongjiulist li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #666; gap: 12px; }
.tongjiulist li img { width: 40px; height: 40px; }
.tongjiulist li .num { color: #333333; font-size: 20px; font-weight: 600; }
.tongjiulist li > div { text-align: center; }
.tongjiulist .line { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; width: 1px; height: 40px; border: 1px solid; -o-border-image: linear-gradient(180deg, white, #d0d9d9, white) 1 1; border-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(#d0d9d9), to(white)) 1 1; border-image: linear-gradient(180deg, white, #d0d9d9, white) 1 1; }

.qun-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 19px; margin-top: 16px; }

.qun-items * { margin: 0; }

.qun-items .item { width: calc(25% - 14px); background-color: #fff; border-radius: 12px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px; }

.qun-items .item:hover { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04); }

.qun-items .item:hover .content .title { color: #4DA486; }

.qun-items .item .cover { width: 100%; height: 154px; border-radius: 8px; overflow: hidden; }

.qun-items .item .cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.qun-items .item .content { margin: 24px 15px 24px; position: relative; }

.qun-items .item .content .title { font-size: 16px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.qun-items .item .content p { font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 60px; }

.qun-items .item .content .moreinfo { position: absolute; bottom: 0; left: 0; width: 100%; display: none; }

.qun-items .item .content .moreinfo a { background-color: #15A684; color: #333; font-size: 16px; font-weight: 500; text-align: center; display: block; height: 42px; line-height: 42px; border-radius: 8px; color: #fff; }

.qun-items .item:hover .content .moreinfo { display: block; }

.home-courses-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.home-courses-title .l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-courses-title .r a { color: #4DA486; }

.home-courses { margin-top: 75px; padding-bottom: 50px; width: 1200px; margin: 0 auto; margin-top: 66px; }

.home-courses .sisiba { margin-top: 20px; background: #FFFFFF; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 13px 30px; position: relative; }
.home-courses .sisiba:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; left: 100px; top: 100%; }
.home-courses .sisiba a { margin: 10px 58px 10px 0; font-size: 16px; font-weight: 400; position: relative; }
.home-courses .sisiba a.active { color: #4DA486; }

.home-courses .menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 72px; }

.home-courses .menu-list .menu-item { font-size: 18px; color: #333; cursor: pointer; font-weight: 500; margin-right: 50px; position: relative; }
.home-courses .menu-list .menu-item:after { content: ''; width: 28px; height: 3px; background: #4DA486; border-radius: 8px; position: absolute; left: 50%; bottom: -7px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.home-courses .menu-list .menu-item.active { color: #4DA486; }
.home-courses .menu-list .menu-item.active:after { display: inline-block; }

.home-courses .course-lists { width: 1200px; margin: 20px auto 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.home-courses .course-lists .items { width: calc(50% - 15px); background-color: #fff; border-radius: 12px; overflow: hidden; cursor: pointer; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }

.home-courses .course-lists .items:hover { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); }

.home-courses .course-lists .items:hover .content .title { color: #4DA486; }

.home-courses .course-lists .items .cover { width: 268px; -ms-flex-negative: 0; flex-shrink: 0; height: 152px; border-radius: 8px; overflow: hidden; }

.home-courses .course-lists .items .cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.home-courses .course-lists .items .asdas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F3F5F9; border-radius: 8px; padding: 5px 15px; }
.home-courses .course-lists .items .asdas p { color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; }
.home-courses .course-lists .items .asdas p span { color: #333; }

.home-courses .course-lists .items .nums { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.home-courses .course-lists .items .nums > div { text-align: center; }
.home-courses .course-lists .items .nums .shu { font-size: 18px; font-weight: 500; color: #4DA486; }
.home-courses .course-lists .items .nums .des { color: #999999; font-weight: 400; }

.home-courses .course-lists .items .content { padding: 5px 25px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.home-courses .course-lists .items .content .title { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-shuzijiaocai { width: 1200px; margin: 0 auto; background: -webkit-gradient(linear, left top, left bottom, from(#F7F9FC), to(#FFFFFF)); background: linear-gradient(180deg, #F7F9FC 0%, #FFFFFF 100%); border-radius: 12px; padding-bottom: 20px; position: relative; }
.home-shuzijiaocai .arrow { position: absolute; top: 50%; cursor: pointer; }

.shuzijiaocai-swiper { margin-top: 25px !important; padding-top: 10px !important; }
.shuzijiaocai-swiper .swiper-slide:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.shuzijiaocai-swiper .cover { width: 100%; height: 254px; border-radius: 12px; }
.shuzijiaocai-swiper .t1 { font-size: 16px; color: #333333; font-weight: 400; text-align: center; margin-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-zhinengtiguangchang { width: 1200px; margin: 0 auto; margin-top: 63px; }
.home-zhinengtiguangchang .zhinengti-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 22px; }
.home-zhinengtiguangchang .zhinengti-items .item { background: #FFFFFF; border-radius: 12px; padding: 16px; width: calc(25% - (20px - (20px / 4))); cursor: pointer; }
.home-zhinengtiguangchang .zhinengti-items .item:hover { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); }
.home-zhinengtiguangchang .zhinengti-items .item .top { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; }
.home-zhinengtiguangchang .zhinengti-items .item .top .cover { width: 52px; height: 52px; overflow: hidden; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; }
.home-zhinengtiguangchang .zhinengti-items .item .top .cover img { width: 100%; height: 100%; }
.home-zhinengtiguangchang .zhinengti-items .item .top .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.home-zhinengtiguangchang .zhinengti-items .item .top .text .t1 { font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #333333; }
.home-zhinengtiguangchang .zhinengti-items .item .top .text .author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #666666; margin-top: 7px; }
.home-zhinengtiguangchang .zhinengti-items .item .top .text .author span { width: 10px; height: 10px; background: #F5A0A0; border-radius: 2px; display: inline-block; }
.home-zhinengtiguangchang .zhinengti-items .item .top .text .des { margin-top: 5px; height: 40px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.home-zhinengtiguangchang .zhinengti-items .item .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #F5F5F5; padding-top: 15px; margin-top: 34px; }
.home-zhinengtiguangchang .zhinengti-items .item .bottom .l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 21px; color: #ACACAC; font-size: 12px; }
.home-zhinengtiguangchang .zhinengti-items .item .bottom .l > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; }
.home-zhinengtiguangchang .zhinengti-items .item .bottom .r { width: 18px; height: 18px; border-radius: 4px; border: 1px solid #E4E4E4; }
.home-zhinengtiguangchang .zhinengti-items .item .bottom .r img { width: 100%; height: 100%; }

.home-nenglitupu { width: 1200px; margin: 0 auto; margin-top: 63px; }
.home-nenglitupu .tupu-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 22px; }
.home-nenglitupu .tupu-items .item { background: #FFFFFF; border-radius: 12px; padding: 16px; width: calc(25% - (20px - (20px / 4))); text-align: center; }
.home-nenglitupu .tupu-items .item:hover { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); }
.home-nenglitupu .tupu-items .item .t1 { font-size: 16px; font-weight: 500; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; }

.home-resource { width: 1200px; margin: 0 auto; margin-top: 63px; }
.home-resource .resource-content { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFFFFF; border-radius: 12px; gap: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 32px; margin-top: 22px; }
.home-resource .resource-content .item { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; }
.home-resource .resource-content .item .itemtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; font-size: 18px; font-weight: 600; color: #333333; }
.home-resource .item-content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin-top: 18px; }
.home-resource .item-content .l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 256px; -ms-flex-negative: 0; flex-shrink: 0; background: #F7F9FC; border-radius: 8px; cursor: pointer; }
.home-resource .item-content .l .cover { height: 145px; }
.home-resource .item-content .l .cover img { width: 100%; height: 145px; }
.home-resource .item-content .l .resource-title { color: #333333; font-size: 14px; font-weight: 500; padding: 0 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 9px; }
.home-resource .item-content .l .tags { font-size: 12px; color: #666666; font-weight: 400; padding: 0 16px; margin-top: 5px; }
.home-resource .item-content .l .tags span { margin-right: 5px; display: inline-block; }
.home-resource .item-content .l .b { font-size: 14px; color: #ACACAC; font-weight: 400; padding: 0 16px 16px; margin-top: 11px; }
.home-resource .item-content .l .b > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; margin-top: 10px; }
.home-resource .item-content .resource-item { min-width: 0; }
.home-resource .item-content .resource-item li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; min-width: 0; margin-bottom: 11px; }
.home-resource .item-content .resource-item li:last-child { margin-bottom: 0; }
.home-resource .item-content .resource-item li span { display: inline-block; width: 85px; height: 20px; background: rgba(85, 180, 142, 0.12); border-radius: 4px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; color: #55B38E; font-size: 12px; line-height: 20px; }
.home-resource .item-content .resource-item li a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

.home-zhuanyequntongji { width: 1200px; margin: 0 auto; margin-top: 63px; }
.home-zhuanyequntongji .sisiba { margin-top: 20px; background: #FFFFFF; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 13px 30px; position: relative; }
.home-zhuanyequntongji .sisiba:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; left: 100px; top: 100%; }
.home-zhuanyequntongji .sisiba a { font-size: 16px; font-weight: 400; margin: 10px 58px 10px 0; }
.home-zhuanyequntongji .sisiba a.active { color: #4DA486; }
.home-zhuanyequntongji .sisiba .gengduo { position: absolute; right: 20px; bottom: 13px; color: #4DA486; cursor: pointer; background-color: #fff; padding: 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-zhuanyequntongji .sisiba .gengduo img { margin-left: 5px; }

.home-zhuanyequntongji-content { margin-top: 25px; border-radius: 12px; background: #FFFFFF; padding: 28px 34px 80px; }
.home-zhuanyequntongji-content .tongjiulist { border-radius: 0; border-bottom: 2px solid #E8E8E8; padding-bottom: 25px; margin-bottom: 25px; margin-top: 0; padding-top: 0; width: 100%; }
.home-zhuanyequntongji-content .tongjitu { display: -webkit-box; display: -ms-flexbox; display: flex; }
.home-zhuanyequntongji-content .tongjitu .item { width: 50%; }
.home-zhuanyequntongji-content .tongjitu .item .title { font-size: 16px; color: #333333; }
.home-zhuanyequntongji-content .tongjitu .item .title span { display: inline-block; width: 12px; height: 12px; background: #4DA486; border-radius: 50%; margin-right: 10px; }

/*# sourceMappingURL=homepage2.css.map */