a {text-decoration: none;color: #999;}
a:hover {color: #dc19a8; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.i_title {width: 100%; overflow: hidden; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.i_title h1 {
    font-size: 26px; 
    font-weight: bold; 
    color: #7f88db; 
    background: url(../images/title_bg.png) no-repeat top center; 
    background-size: 55%;
    padding-top: 5px;
}
.i_title small {font-size: 16px; color: #111; text-transform: uppercase; }
/*咨询按钮*/
.myzixun {background: #fff; padding: 15px; overflow: hidden;}
.myzixun a {display: inline-block; font-size: 14px; border-radius: 5px; overflow: hidden;}
.myzixun a.fl { width: 30%; background: #4c55a8; color: #fff; line-height: 30px; text-align:center; }
.myzixun a.fr {width: 65%; border: 1px solid #4c55a8; color: #4c55a8; line-height: 30px; text-align:center; }

.index_wd {width: 60%; margin: 0 auto;}
.index_wd a {
    display: block; 
    width: 100%; 
    text-align: center; 
    line-height: 40px;
    background: #4c55a8;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    overflow: hidden;
}

.page_gg {width: 100%; text-align: center; overflow: hidden;}

/*轮播*/
.i_banner {overflow: hidden; z-index: 0; width: 100%; margin-top: calc(var(--navbar-height, 60px));}
.i_banner .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.i_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.i_banner .swiper-pagination-bullet-active {background: #7f88db;}
/*站内公告*/
.message-container {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #999999;
}
.message-icon {margin-right: 10px;}
.message-icon img {
    width: 20px;
    height: 22px;
    animation: shakeRotate 0.5s ease-in-out infinite alternate;
}
/* 定义小喇叭抖动动画 */
@keyframes shakeRotate {
    from {
        transform: rotate(-15deg);
    }
    to {
        transform: rotate(15deg);
    }
}
.message-scroll {flex: 1; overflow: hidden;}
.message-text {
    white-space: nowrap;
    animation: scroll 15s linear infinite;
    font-size: 16px;
}
/* 定义消息滚动动画 */
@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.highlight { color: #7f88db; font-weight: bold;}
.h_hotice {border-bottom: 1px solid #999; background: #fff; line-height: 35px; padding: 8px 15px; overflow: hidden;}
.h_hotice span {
    display: block; 
    width: 17%; 
    float: left; 
    font-size: 14px; 
    font-weight: bold; 
    color: #7f88db; 
    text-align: center;
}
.h_hotice .h_list { display:flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 83%; float: left; overflow: hidden; }
.h_hotice .h_list a {
    display: block;
    width: 30%;
	text-align: center;
    background: #4c55a8;
    font-size: 12px;
    color: #fff;
    float: left;
}
.notice-scroll {
  width: 1100px;
  white-space: nowrap;
  overflow: hidden;
  animation: scrollText 30s linear infinite;
}

@keyframes scrollText {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*站内导航*/
.i_icons {padding: 0 15px 0 15px; background: #fff; padding-bottom: 15px; background: #fff; overflow: hidden;}
.i_icons ul {margin-top: 15px; display: flex; justify-content: space-around; overflow: hidden;}
.i_icons ul li {width: 25%; text-align: center;}
.i_icons ul li span {
    display: flex;
    width: 58px; 
    height: 58px; 
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px; 
    overflow: hidden; 
}
.i_icons ul li span img {width: 72%;}
.i_icons li span {background: linear-gradient(to bottom right, #7f88db, #4c55a8);}
.i_icons ul li h3 {font-size: 14px; color: #111; line-height: 30px;}
/*专区*/
.i_zhuanqu {background: #f1f2f6; padding: 8px 15px; overflow: hidden;}
.i_zhuanqu li { width: 48%; border-radius: 10px; margin: 8px 0; overflow: hidden; }
/*报名轮播*/
.index_bmlb {background: #7f88db; padding: 0 15px 15px 15px; overflow: hidden;}
.index_bmlb h1 {font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin: 25px 0 8px 0;}
.index_bmlb h2 {font-size: 16px; color: #fff; text-align: center; margin-bottom: 25px;}
.index_bmlb .table_tt {background: #e6e6e6; overflow: hidden;}
.index_bmlb span {display: block; text-align: center; font-size: 14px; float: left;}
.index_bmlb .span1 {width: 16%;}
.index_bmlb .span2 {width: 15%;}
.index_bmlb .span3 {width: 49%;}
.index_bmlb .span4 {width: 20%; color: #7f88db;}
.index_bmlb .table_tt span {line-height: 35px; color: #111111;}
.bmlb_box{ width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc; background: #fff;}
.bmlb_box .hd{ overflow:hidden;  height:30px; background:#f4f4f4;}
.bmlb_box .infoList li{ height:30px; line-height:30px; border-bottom: 1px solid #d6d6d6; overflow: hidden;}
.bmlb_box .infoList li .date{ float:right; color:#999;  }

.baoming {padding: 0 15px 15px 15px; background: #7f88db; overflow: hidden;}
.swiper-container-baom {padding-bottom: 25px;}
.baoming .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;}
.baoming .swiper-pagination-bullet-active {background: #fff;}
/*课程*/
.i_couser {padding: 0 15px 30px 15px; background: #f1f2f6; overflow: hidden;}
.i_couser ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; overflow: hidden;}
.i_couser ul li {flex: 0 0 calc(50% - 5px); background: #fff; border-radius: 8px; overflow: hidden;}
.i_couser ul li:nth-child(2n+2) {float: right;}
.i_couser ul li div {padding: 5px; overflow: hidden;}
.i_couser ul li img {width: 100%;}
.i_couser ul li span {
    display: block;
    color: #4c55a8; 
    font-size: 14px; 
    line-height: 35px;
    font-weight: bold;
	opacity: 0.8;
    letter-spacing: -1px;
    text-transform: uppercase;
    transform: scale(1,1.5);
    -ms-transform: scale(1,1.5);
    -webkit-transform: scale(1,1.5);
    -moz-transform: scale(1,1.5);
    -o-transform: scale(1,1.5);    
    overflow: hidden;
}
.i_couser ul li h1 {font-size: 18px; font-weight: bold; color: #111; display: block; overflow: hidden;}
.i_couser ul li p {font-size: 12px; color: #949494;}
.i_couser dl {overflow: hidden; padding-top: 5px;}
.i_couser dl dt {font-size: 14px; color: #c1c1c1; float: left; text-transform:uppercase;}
.i_couser dl dd {font-size: 14px; color: #c1c1c1; float: right;}
/*优惠报名*/
.myhuij {padding: 0 15px; overflow: hidden;}
.hj_bmlb {background: #dee0f5; padding: 15px; overflow: hidden;}
.hj_bmlb h1 {font-size: 18px; color: #d74f34; text-align: center; margin-bottom: 15px;}
.hj_bmlb .table_tt {background: #d63a3a; overflow: hidden;}
.hj_bmlb span {display: block; text-align: center; font-size: 14px; float: left;}
.hj_bmlb .span1 {width: 30%; background: url(../images/hj_lb.png) no-repeat left center; background-size: 20px 18px;}
.hj_bmlb .span2 {width: 40%;}
.hj_bmlb .span3 {width: 30%; color: #7f88db;}
.hj_bmlb .table_tt span {line-height: 35px; color: #fff;}
.hj_box{ width:100%;  overflow:hidden; position:relative;}
.hj_box .hd{ overflow:hidden;  height:30px; background:#f4f4f4;}
.hj_box .infoList li{ height:30px; line-height:30px; overflow: hidden;}
.hj_box .infoList li .date{ float:right; color:#999;  }
/*付款记录轮播*/
.dt-right {width: 100%; overflow: hidden; padding: 15px 15px 30px 15px; background: #fff;}
.dt-bottom{ width:100%;  overflow:hidden; position:relative;}
.dt-bottom .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.dt-bottom .bd ul{ overflow:hidden; zoom:1; }
.dt-bottom .bd ul li{ margin:0 8px; width: 20%; float:left; _display:inline; overflow:hidden; text-align:center;  }
.dt-bottom .bd ul li{ text-align:center; }
.dt-bottom .bd ul li img{ width: 100%; display:block; padding:2px; border:1px solid #ccc; }
.dt-bottom .bd ul li a:hover img{ border-color:#999;  }
/*品牌优势*/
.index-ybz {background: #f1f2f6; padding: 0 15px; overflow: hidden;}
.index-ybz ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; overflow: hidden;}
.index-ybz ul li { flex: 0 0 calc(50% - 5px); float: left; text-align: center; padding: 15px; background: #fff; overflow: hidden;}
.index-ybz ul li:nth-child(2n+2) {float: right; border-radius: 0 8px 0 0;}
.index-ybz ul li:nth-child(1) {border-radius: 8px 0 0 0;}
.index-ybz ul li:nth-child(2) {border-radius: 0 8px 0 0;}
.index-ybz ul li:nth-child(3) {border-radius: 0 0 0 8px;}
.index-ybz ul li:nth-child(4) {border-radius: 0 0 8px 0;}
.index-ybz ul li img {width: 48%;}
.index-ybz ul li h3 {font-size: 18px; font-weight: bold; color: #4c55a8; margin: 10px 0;}
.index-ybz ul li p {font-size: 12px; color: #949494;}
.index-ybz .index_wd {margin-top: 15px;}
/*师资*/
.index_teach {padding: 0 15px; background: #f1f2f6; overflow: hidden;}
.index_teach .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}
.index_teach .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.index_teach .swiper-pagination-bullet-active {background: #7f88db;}
.index_teach .index_wd {margin-top: 20px;}

.index_xxhj {padding: 0 15px 30px 15px; background: #f1f2f6; text-align: center; overflow: hidden;}
.index_xxhj .index_wd {margin-top: 20px;}

/**创就业**/
.myjxfw {padding: 0 15px; background: #fff; overflow: hidden;}
.myjxfw .dllist {overflow: hidden;}
.myjxfw .dllist dl {border-bottom: 1px dashed #999; margin-bottom: 15px; overflow: hidden;}
.myjxfw .dllist dl dt {margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #111; line-height: 21px;}
.myjxfw .dllist dl dt img {width: 19px; height: 17px; margin-right: 5px; overflow: hidden;}
.myjxfw .dllist dl dd {font-size: 14px; padding-left: 19px; margin-bottom: 15px; line-height: 18px; color: #111;}
.myjxfw ul { overflow: hidden;}
.myjxfw ul li {width: 48%; text-align: center; border-radius: 10px; margin-top: 15px; overflow: hidden;}
.myjxfw ul li img {width: 100%;}
.myjxfw .index_wd {margin-top: 20px;}
/*作品*/
.index_works {overflow: hidden; padding: 0 15px; background: #fff;}
.index_works .nav_box {width: 100%; overflow: hidden; margin-bottom: 20px;}
.index_works .nav_box ul {display: flex; justify-content: space-around; }
.index_works .nav_box li {width: 23%; text-align: center; line-height: 35px; border: 1px solid #7f88db; border-radius: 5px; overflow: hidden;}
.index_works .nav_box li a {display: block; font-size: 14px;}
.index_works .nav_box li.on {background: #4c55a8; border-color: #4c55a8;}
.index_works .nav_box li.on a {color: #fff;}
.index_works .index_wd {margin-top: 20px;}
.works_tab {overflow: hidden;}
.works_tab .wors_list {width: 100%; overflow: hidden;}
.works_tab .wors_list1 li {width: 32%; margin-bottom: 7px; float: left; margin-right: 2%; border-radius: 8px; overflow: hidden;}
.works_tab .wors_list1 li:nth-child(3n+3) {margin-right: 0;}
.works_tab .wors_list2 li {width: 48%; float: left; border-radius: 8px; margin-bottom: 10px; overflow: hidden;}
.works_tab .wors_list2 li:nth-child(2n+2) {float: right;}
/*视频*/
.index_video {background: #fff; padding: 0 15px; overflow: hidden;}
.video_list {overflow: hidden;}
.video_list a {display: block; width: 100%; border-radius: 8px; overflow: hidden;}
.video_list p {display: block; width: 100%; font-size: 14px; line-height: 30px;}
.video_list .swiper-container {
    width: 100%;
    height: 100%;
}
.video_list .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 80%;
}
.video_list .swiper-slide img {border-radius: 10px; overflow: hidden;}
.index_video .index_wd {margin-top: 20px;}
/*新闻资讯*/
.index_new { padding: 0 15px 30px 15px; overflow: hidden;}
.new_nav {margin-bottom: 20px; border-radius: 8px; overflow: hidden; background: #fff;}
.new_nav ul{display: flex; justify-content: space-around; overflow: hidden;}
.new_nav li {width: 30%; text-align: center; line-height: 35px;overflow: hidden;}
.new_nav li a {display: block; font-size: 14px; border: 1px solid #111; color: #111; border-radius: 5px;}
.new_nav li.on a {color: #fff; background: #4c55a8; border-color: #4c55a8;}
.new_tab {background: #fff; border-radius: 8px; overflow: hidden; padding: 8px;}
.new_top {width: 100%; position: relative; z-index: 1; overflow: hidden;}
.new_top img {border-radius: 8px 8px 0 0; overflow: hidden;}
.new_top span {
    display: block; 
    width: 100%; 
    height: 80px; 
    background: #7f88db; 
    opacity: 0.8; 
    position: absolute;
    left: 0; 
    bottom: 0;
    z-index: 2;
}
.new_top dl {
    display: block; 
    width: 100%; 
    height: 60px; 
    position: absolute; 
    left: 0; 
    bottom: 10px; 
    z-index: 3;
}
.new_top dl dt {
    display: block; 
    color: #fff; 
    font-size: 14px; 
    line-height: 30px; 
    padding: 0 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;    
}
.new_top dl dt a {display: block; color:#fff;}
.new_top dl dd {
    font-size: 12px; 
    color: #e8e8e8; 
    line-height: 13px;
    padding: 0 10px;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:2;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/    
}
.new_list ul {overflow: hidden; margin-top: 15px;}
.new_list ul li {line-height: 35px; border-bottom: 1px dotted #949494;}
.new_list ul li a {
    display: block; 
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.index_new .index_wd {margin-top: 20px;}
/*底部表单*/
.myenroll {overflow: hidden; padding-bottom: 25px; background: #fff; border-bottom: 1px solid #999;}
.myenroll .list_tt {width: 100%; padding: 10px 15px; line-height: 30px; border-bottom: 1px solid #999; overflow: hidden;}
.myenroll .list_tt .fl {font-size: 18px; font-weight: bold; color: #111;}
.myenroll .list_tt img {width: 40%;}
.myenroll .list_tt .fr {font-size: 14px; color: #666;}
.yh_list {padding: 15px 15px 0 15px; overflow: hidden;}
.yh_list img {width: 32%; float: left; overflow: hidden;}
.yh_list img:nth-child(2) {margin: 0 2%;}
.myenroll .myinput { width: 95%; padding-top: 25px; overflow: hidden;}
.myenroll .myinput input {height: 35px; padding-left: 40px; border-radius: 8px; line-height: 35px; border-radius: 5px; overflow: hidden;}
.myenroll .myinput .layui-input1 {background: url(../images/input1.png) no-repeat 10px center; background-size: 22px 22px;}
.myenroll .myinput .layui-input2 {background: url(../images/input2.png) no-repeat 10px center; background-size: 22px 22px;}
.myenroll .myinput .layui-btn {width: 100%; border-radius: 8px; height: 40px; line-height: 40px; background: #4c55a8; color: #fff; font-size: 20px;}
/*footer部分*/
.index_footer {background: #fff; padding: 30px 15px 70px 15px; text-align: center; overflow: hidden;}
.index_footer img {width: 12%;}
.index_footer h2 {font-size: 14px; font-weight: bold; padding: 5px 0 10px 0;}
.index_footer p,
.index_footer a
 { display: block; color: #111; font-size: 14px; line-height: 22px;}


/* 侧边按钮样式 */
.btn-wrapper {
	position: fixed;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 999;
}
.reg-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #ee7800;
	border-radius: 50%;
	color: white;
	font-size: 14px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	text-decoration: none;
	z-index: 1000;
}
.reg-btn-line {
	display: flex;
	justify-content: center;
	width: 100%;
}
/* 通用的抖动变大动画样式 */
.tada-animation {
	animation: tadaLike 1s infinite;
}

@keyframes tadaLike {
	0% {
		transform: scale(1);
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
	}
	100% {
		transform: scale(1) rotate(0);
	}
}