/* 轮播图 */
.banner_wrap{width: 100%;height: 400px;position: relative;}
.banner_wrap .swiper-container{width: 100%;position: relative;height: 400px;min-width: 1200px;}
.banner_wrap .swiper-container .swiper-slide{width: 100%;position: relative;height: 100%;overflow: hidden;}
.banner_wrap .swiper-container .swiper-slide img{position: absolute;top: 0%;left: 50%;transform: translateX(-50%);height: 100%;max-width: inherit;}

/* 轮播点 */
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #00a8b3;
  cursor: pointer;
}
.swiper-active-switch {
  background: #00a8b3;
}
  /* 轮播箭头 */
.banner_wrap .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;opacity:0;transition: all 0.5s;}
.banner_wrap .swiper_btn svg{width: 100%;height: 100%;display: block;}
.banner_wrap .leftbtn{left: 32px;top: 50%;transform: translate(-16px,-50%);}
.banner_wrap .rightbtn{right: 32px;top: 50%;transform: translate(16px,-50%);}
.banner_wrap:hover .leftbtn{opacity: 1;transform: translate(0px,-50%);}
.banner_wrap:hover .rightbtn{opacity: 1;transform: translate(0px,-50%);}

/* 学校服务综合解决方案 */
.solution_wrap{width: 100%;padding: 50px 0px;}
.solution_wrap .solution_title{letter-spacing: 6px;color: #2cb7c0;font-weight: 600; width: 100%;font-size: 24px;text-align: center;margin-bottom: 50px;}
.solution_wrap .solution_con{width: 1200px;margin: 0 auto;}
.solution_wrap .solution_con .solution_view{width: 33.33%;float: left;padding: 24px;box-sizing: border-box;border-right: 1px solid #e9e9e9;}
.solution_wrap .solution_con .solution_view:last-child{border-right: none;}
.solution_wrap .solution_con .solution_view .svg_div{width: 90px;height: 90px;border-radius: 50%;padding: 12px;box-sizing: border-box;margin: 0 auto;}
.solution_wrap .solution_con .solution_view .svg_div svg{width: 100%;height: 100%;display: block;}
.solution_wrap .solution_con .solution_view:nth-of-type(1) .svg_div{background: #4fc7c8;}
.solution_wrap .solution_con .solution_view:nth-of-type(2) .svg_div{background: #70c148;}
.solution_wrap .solution_con .solution_view:nth-of-type(3) .svg_div{background: #ea5d73;}

.solution_wrap .solution_con .solution_view .solution_text{width: 100%;font-size: 22px;text-align: center;margin: 16px 0px 12px;}
.solution_wrap .solution_con .solution_view .solution_en{font-size: 12px;color: #999;text-align: center;}

/* 课程 */
.curriculum_wrap{width: 100%;background: #fff;}
.curriculum_wrap .curriculum_con{width: 1200px;margin: 0 auto;position: relative;padding: 200px 0px;}
.curriculum_wrap .curriculum_con .curriculum_img{width: 642px;height: 700px;margin:0 auto;}
.curriculum_wrap .curriculum_con .curriculum_img img{width: 100%;height: 100%;}
.curriculum_wrap .curriculum_con .curriculum_text{width: 260px;cursor: pointer;}
.curriculum_wrap .curriculum_con .curriculum_text p{font-size: 18px;color: #666;line-height: 30px;letter-spacing: 2px;width: 100%;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.curriculum_wrap .curriculum_con .curriculum_text button{display:block;font-size: 16px;padding: 10px 32px;border-radius: 6em;color: #000;line-height: 1em;margin: 0 auto;border: none;outline: none;font-weight: 600;margin-top: 16px;cursor: pointer;}
.curriculum_wrap .curriculum_con .pos_div01{position: absolute;top: 50px;left: 50%;margin-left: -130px;animation: yd3 4s ease infinite;}
.curriculum_wrap .curriculum_con .pos_div02{position: absolute;top: 350px;right: 0px;animation: yd3 4s ease infinite;}
.curriculum_wrap .curriculum_con .pos_div03{position: absolute;top: 600px;right: 0px;animation: yd3 4s ease 0.5s infinite;}
.curriculum_wrap .curriculum_con .pos_div04{position: absolute;bottom: 50px;left: 50%;margin-left: -130px;animation: yd3 4s ease 0.5s infinite;}
.curriculum_wrap .curriculum_con .pos_div05{position: absolute;top: 600px;left: 0px;animation: yd3 4s ease 1s infinite;}
.curriculum_wrap .curriculum_con .pos_div06{position: absolute;top: 350px;left: 0px;animation: yd3 4s ease 1.5s infinite;}


.curriculum_wrap .curriculum_con .pos_div01 button{background: #aee990;}
.curriculum_wrap .curriculum_con .pos_div02 button{background: #8de9ea;}
.curriculum_wrap .curriculum_con .pos_div03 button{background: #afd5f6;}
.curriculum_wrap .curriculum_con .pos_div04 button{background: #ffbcc6;}
.curriculum_wrap .curriculum_con .pos_div05 button{background: #fec8f7;}
.curriculum_wrap .curriculum_con .pos_div06 button{background: #ebf9a2;}

@keyframes yd1{
  0%{transform: translateX(0px);}
  50%{transform: translateX(-12px);}
  100%{transform: translateX(0px);}
}
@keyframes yd2{
  0%{transform: translateX(0px);}
  50%{transform: translateX(12px);}
  100%{transform: translateX(0px);}
}
@keyframes yd3{
  0%{transform: translateY(0px);}
  50%{transform: translateY(12px);}
  100%{transform: translateY(0px);}
}

/* 图片展示 */
.img_wrap{width: 100%;min-height: 400px;padding: 64px 0px;}
.img_wrap .img_con{width: 1200px;margin: 0 auto;}

.img_wrap .img_con .img_search{width: 100%;}
.img_wrap .img_con .img_search h5{float: left;font-size: 24px;color: #00a8b3;font-weight: 600;width: 755px;line-height: 45px;}
.img_wrap .img_con .img_search .checked_addr{float: left;width:445px;height: 45px;}
.img_wrap .img_con .img_search .checked_addr select{font-size: 16px;line-height: 1em;padding: 12px;width: 200px;height: 45px; outline: none;border-color: #ccc;color: #666;float: left;}
.img_wrap .img_con .img_search .checked_addr select:first-child{border-radius: 4px 0px 0px 4px;}
.img_wrap .img_con .img_search .checked_addr .search_btn{width: 45px;height: 45px;background: #ccc;float: left;border-radius: 0px 4px 4px 0px;cursor: pointer;}
.img_wrap .img_con .img_search .checked_addr .search_btn svg{display: inline-block;width: 21px;height: 21px;margin: 12px 0px 0px 12px;}



.img_wrap .img_con .img_div{width: 100%;margin: 32px 0px;max-height: 690px;overflow: hidden;}
.img_wrap .img_con .see_all{max-height: inherit !important;overflow: inherit !important;}

.img_wrap .img_con .img_div .img_view{width: 19%;height: 160px;box-shadow: 0px 0px 4px 1px rgba(213, 242, 244, 0.8);padding: 4px;box-sizing: border-box;border-radius: 4px;background: #fff;float: left;margin:0px 1.25% 1.25% 0px;cursor: pointer;}
.img_wrap .img_con .img_div .img_view:nth-of-type(5n){margin-right: 0px;}
.img_wrap .img_con .img_div .img_view img{display: block;width: 100%;height: 100%;border-radius: 4px;}

/* 查看更多按钮 */
.see_more{width: 100%;}
.see_more .see_more_btn{font-size: 16px;line-height: 1em;padding: 14px 0px;border-radius: 6em;background: #00a8b3;color: #fff;border: none;outline: none;display: block;width: 150px;text-align: center;margin: 0 auto;}

.none{display: none !important;}

/* 课程遮罩层 */
.mask_wrap{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);display: none;opacity: 0;}
.mask_wrap .mask_posi{width: 46%;min-height: 300px;background: #fff;border-radius: 12px;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);padding: 32px;box-sizing: border-box;}
.mask_wrap .mask_posi .mask_con{width: 100%;max-height: 636px;overflow-x: hidden;overflow-y: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.mask_wrap .mask_posi .mask_con::-webkit-scrollbar { width: 0 !important }
.mask_wrap .mask_posi .mask_con .mask_title{width: 100%;text-align: center;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .mask_min_title{font-size: 16px;color: #666;text-align: center;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .color_text{font-size: 16px;color: #00a8b3;line-height: 1.5em;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .mask_text{font-size: 16px;color: #666;line-height: 1.5em;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .mask_text .mask_a{font-size: 16px;display: inline-block;line-height: 1.5em;}
.mask_wrap .mask_posi .mask_con .color_text{color: #00a8b3;}
.mask_wrap .mask_posi .mask_con img{max-width: 100%;display: block;margin: 32px auto;}

.mask_wrap .mask_posi .mask_con .mask_color_div{width: 100%;margin-bottom: 16px;line-height: 1.5em;font-size: 16px;color: #666;}
.mask_wrap .mask_posi .mask_con .mask_color_div b{color:#00a8b3;line-height: 1.5em;font-size: 16px;font-weight: normal;}

.mask_wrap .mask_posi .mask_con .mask_flex{width: 100%;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_svg{width: 80px;height: 80px;float: left;padding: 16px;box-sizing: border-box;margin-right: 12px;border-radius: 50%;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_svg svg{display: block;width: 100%;height: 100%;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_text{max-width: 727px;float: left;display: table;min-height: 80px;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_text .mask_flex_table{width: 100%;display: table-cell;vertical-align:middle;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_text h5{font-size: 18px;color: #00a8b3;line-height: 1em;font-weight: normal;margin-bottom: 8px;}
.mask_wrap .mask_posi .mask_con .mask_flex .mask_flex_text p{font-size: 16px;color: #000;line-height: 1.5em;}

.mask_wrap .mask_posi .mask_con .mask_flex_color_g .mask_flex_svg{background: #ebf7f7;}
.mask_wrap .mask_posi .mask_con .mask_flex_color_y .mask_flex_svg{background: #fff6eb;}
.mask_wrap .mask_posi .mask_con .mask_flex_color_b .mask_flex_svg{background: #dcecff;}
.mask_wrap .mask_posi .mask_con .mask_flex_color_g .mask_flex_text h5{color: #00919a;}
.mask_wrap .mask_posi .mask_con .mask_flex_color_y .mask_flex_text h5{color: #dd7b00;}
.mask_wrap .mask_posi .mask_con .mask_flex_color_b .mask_flex_text h5{color: #4f8ae4;}

.mask_wrap .mask_posi .mask_con .mask_flex_new{width: 100%;}
.mask_wrap .mask_posi .mask_con .mask_flex_new .mask_flex_div{width: 48%;float: left;}
.mask_wrap .mask_posi .mask_con .mask_flex_new .mask_flex_div img{display: block;width: 100%;margin: 0px;}
.mask_wrap .mask_posi .mask_con .mask_flex_new .mask_flex_div p{font-size: 16px;color: #00a8b3;width: 100%;text-align: center;margin-top: 12px;}
.mask_wrap .mask_posi .mask_con .mask_flex_new .mask_flex_div:first-child{margin-right: 4%;}

.mask_wrap .mask_posi .mask_con .float_div{margin-left: 2%;}
.mask_wrap .mask_posi .mask_con .float_div .float_con{width: 32%;float: left;}
.mask_wrap .mask_posi .mask_con .float_div .float_con .float_con_title{padding: 12px 8px;box-sizing: border-box;width: 100%;font-size: 16px;color: #fff;text-align: center;}
.mask_wrap .mask_posi .mask_con .float_div .float_con p{font-size: 16px;color: #666;padding: 8px 16px;box-sizing: border-box;width: 100%;line-height: 1.5em;border-right: 1px dashed;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(1){margin-top: 88px;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(1) .float_con_title{background: #4fc7c8;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(1) p{border-color: #4fc7c8;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(2){margin-top: 44px;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(2) .float_con_title{background: #ea5d73;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(2) p{border-color: #ea5d73;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(3) .float_con_title{background: #0094d0;}
.mask_wrap .mask_posi .mask_con .float_div .float_con:nth-of-type(3) p{border-color: #0094d0;}

.mask_wrap .mask_posi .mask_close{width: 32px;height: 32px;box-sizing: border-box;border-radius: 50%;position: absolute;right: -42px;top: -32px;cursor: pointer;border: 1px solid #fff;transform: rotate(45deg);}
.mask_wrap .mask_posi .mask_close::after{content: "";display: block;width: 60%;height: 1px;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mask_wrap .mask_posi .mask_close::before{content: "";display: block;width: 1px;height: 60%;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.mask_wrap .mask_posi .mask_con .mask_text_big{width: 100%;padding: 16px;box-sizing: border-box;border: 1px solid #00a8b3;border-radius: 4px;margin-top: 52px;}
.mask_wrap .mask_posi .mask_con .mask_text_big .mask_text_img{padding: 4px;box-sizing: border-box;border-radius: 4px;}
.mask_wrap .mask_posi .mask_con .mask_text_big .mask_text_img img{border-radius: 4px;display: block;margin: auto;}
.mask_wrap .mask_posi .mask_con .mask_text_big .color_text{margin-bottom: 8px !important;}
.mask_wrap .mask_posi .mask_con .mask_text_big .mask_title_div{width: 100%;margin-bottom: 16px;}
.mask_wrap .mask_posi .mask_con .mask_text_big .mask_title_div span{display: block;font-size: 20px;line-height: 1em;padding: 15px 0px;width: 70%;text-align: center;border-radius: 8px;color: #fff;background: #00a8b3;margin: -41px auto 0px;}

.mask_wrap .mask_posi .mask_con .color_one{border-color: #ee813f !important;}
.mask_wrap .mask_posi .mask_con .color_one .mask_title_div span{background: #ee813f !important;}
.mask_wrap .mask_posi .mask_con .color_one .color_text{color: #ee813f !important;}

.mask_wrap .mask_posi .mask_con .color_two{border-color: #1b98e7 !important;}
.mask_wrap .mask_posi .mask_con .color_two .mask_title_div span{background: #1b98e7 !important;}
.mask_wrap .mask_posi .mask_con .color_two .color_text{color: #1b98e7 !important;}

.mask_wrap .mask_posi .mask_con .color_three{border-color: #e06b7d !important;}
.mask_wrap .mask_posi .mask_con .color_three .mask_title_div span{background: #e06b7d !important;}
.mask_wrap .mask_posi .mask_con .color_three .color_text{color: #e06b7d !important;}
.mask_wrap .mask_posi .mask_con .color_three .mask_text .mask_a{color: #e06b7d;}

/* 弹层轮播图 */
.mask_wrap .mask_posi .mask_con .mask_swiper_wrap{width: 100%;position: relative;}
.mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper-container{width: 100%;}
.mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper-container .swiper-wrapper{height: 240px !important;}
.mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper-container .swiper-slide{height: 187px !important;padding-right: 2px;box-sizing: border-box;}
.mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper-container .swiper-slide img{max-width: 100%;height: 187px;margin: 0px;}

  /* 轮播箭头 */
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;transition: all 0.5s;}
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap .swiper_btn svg{width: 100%;height: 100%;display: block;background: rgba(0, 168, 179, 0.8);}
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap .leftbtn{left: 16px; top: 0px; margin-top: 93.5px;transform: translate(-16px,-50%);}
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap .rightbtn{right: 16px;top: 0px;margin-top: 93.5px;transform: translate(16px,-50%);}
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap:hover .leftbtn{opacity: 1;transform: translate(0px,-50%);}
  .mask_wrap .mask_posi .mask_con .mask_swiper_wrap:hover .rightbtn{opacity: 1;transform: translate(0px,-50%);}

/* 图片展示遮罩层 */
.img_mask{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);display: none;opacity: 0;}
.img_mask .img_mask_con{width: 46%;height: 31.77vw;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 4px;}
.img_mask .img_mask_con .img_mask_swiper{width: 100%;height: 100%;border-radius: 4px;}
.img_mask .img_mask_con .img_mask_swiper .swiper-container{width: 100%;height: 100%;}
.img_mask .img_mask_con .img_mask_swiper .swiper-container .swiper-slide{width: 100%;height: 100%;display: flex;align-items: center;padding: 4px;box-sizing: border-box;}
.img_mask .img_mask_con .img_mask_swiper .swiper-container .swiper-slide img{display: block;width: 100%;max-height: 100%;border-radius: 4px;}
.img_mask .img_mask_con .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;}
.img_mask .img_mask_con .swiper_btn svg{width: 100%;height: 100%;display: block;}
.img_mask .img_mask_con .leftbtn{left: -64px;top: 50%;transform: translate(-16px,-50%);}
.img_mask .img_mask_con .rightbtn{right: -64px;top: 50%;transform: translate(16px,-50%);}
.img_mask .img_mask_con .img_mask_close{width: 32px;height: 32px;box-sizing: border-box;border-radius: 50%;position: absolute;right: -42px;top: -32px;cursor: pointer;border: 1px solid #fff;transform: rotate(45deg);}
.img_mask .img_mask_con .img_mask_close::after{content: "";display: block;width: 60%;height: 1px;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.img_mask .img_mask_con .img_mask_close::before{content: "";display: block;width: 1px;height: 60%;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.page_num{position: absolute;width: 100%;left: 0;bottom: 16px;font-size: 18px;font-weight: bold;color: #00a8b3;text-align: center;}


/* 遮罩层出现效果 */
@keyframes run_opa{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes run_opa_hide{
  0%{opacity: 1;}
  100%{opacity: 0;}
}
.mask_show{display: block;animation: run_opa 0.5s linear forwards ;z-index: 9999999;}
.mask_hide{animation: run_opa_hide 0.5s linear forwards ;}

.mt32{margin-top: 32px !important;}
.mb32{margin-bottom: 32px !important;}
.mt6{margin-bottom: 6px !important;}

.mask_con .mask_text video{width: 100%;height: 100%;}

.mask_aa {
  color: #00a8b3;
  text-decoration:underline;
  font-size: 16px;
  line-height: 1.8em;
}
.mask_aa:hover {
  color: #fff;
  background-color: #00a8b3;
  margin: 20px;
}