html,body{font-size: 18px;}

body{color: #333; font-family: "PingFang SC", "Source Han Sans SC", "HarmonyOS Sans SC","Microsoft YaHei"; font-weight: normal; background: #ffffff;}
cite, i{font-style: normal;}

ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}

.faster {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}

.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank16{clear:both;display:block;font-size:1px;overflow:hidden;height:16px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank90{clear:both;display:block;font-size:1px;overflow:hidden;height:90px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.blank110{clear:both;display:block;font-size:1px;overflow:hidden;height:110px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}


.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}
.fs48{font-size: 48px;}
.fs56{font-size: 56px;}
.fs60{font-size: 60px;}
.fs100{font-size: 100px;}

.lh-1{line-height: 1em;}
.lh-2{line-height: 2em;}

.pt-80{padding-top: 80px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom: 80px;}

.mb-40{margin-bottom: 40px;}
.mb-100{margin-bottom: 100px;}

.text-price::before{ content: "¥"; font-size: 80%; margin-right: 2px;}

   
.rounded-10{border-radius: 10px;}
.rounded-15{border-radius: 15px;}


.maxLineTwo {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}

.maxLineThree {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}
.maxLineFour {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}
  
a, a:link { color: #333; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:visited {}
a:active, a:hover { text-decoration: none; color:#ff700a; -webkit-transition: 0.3s; transition: 0.3s; }
a:focus { outline: none;}


.bg-no{background: none;}
.bg-f7{background: #f7f7f7;}
.bg-gray{background: #f2f2f2;}
.bg-grey{background: rgba(0, 35, 64, 0.5);}
.bg-green{background: #20c77e; color: #fff;}
.bg-blue{background: #096ad5; color: #fff;}
.bg-red{background: #de0000; color: #fff;}
.bg-orange{background: #fe3e18; color: #fff;}
.text-grey{color: #a3b0b7;}
.text-gray{color: #999}
.text-green{color: #50e386;}
.text-blue{color: #096ad5;}
.text-red{color: #de0000;}
.text-orange{color: #ff700a !important;}

.badge_orange{color: #ff700a; background: #fff2e8;}

.btn_h50{height: 50px; line-height: 50px; padding: 0 40px;}


.solid{border: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_left{border-left: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_top{border-top: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_bottom{border-bottom: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_right{border-right: 1px rgba(163, 176, 183, 0.15) solid;}

.shadow-md{ box-shadow: 0 15px 30px rgba(163, 176, 183, 0.1);}


.p-tb5{padding-top: 2.5rem; padding-bottom: 2.5rem;}

.warpper{max-width: 1200px; margin-left: auto; margin-right: auto;}


header{ background: linear-gradient(180deg, #fbfbfb, #f2f2f2); }
header .bar{padding: 40px 0;}
header .logo{ z-index: 2; margin-right: 20px;}
header .logo a{}
header .logo img {height: 50px;}
header .search{ background: #fff; border-radius: 30px; overflow: hidden; width: 300px; margin-left: auto; margin-right: 1.5rem;}
header .search input{ border: none; background: none; outline: 0; height: 50px; flex: 1; padding: 0 1rem; font-size: 0.9rem}
header .search button{border: none; background: none; outline: 0; height: 50px; width: 50px; font-size: 1.1rem}
header .reg{}
header .reg a{background: #ff700a; color: #fff; height: 50px; line-height: 50px; display: block; padding:0 1.5rem; border-radius: 50px; font-size: 0.9rem}
header .log{}
header .log a{ background: #f2f2f2; padding: 5px; border-radius: 50px;}
header .log img{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
header .log b{ padding: 0 10px; font-size: 0.9rem}
header .menu { z-index: 2; background: #e6e6e6;}
header .menu>ul{margin: 0; padding: 0;}
header .menu>ul>li { margin: 0; padding: 0; line-height: 60px; height: 60px; list-style: none; position: relative; text-align: center; flex: 1;}
header .menu>ul>li>a { display: block; font-size: 1rem; position: relative;  font-weight: bold; z-index: 2;  -webkit-transition: 0.3s; transition: 0.3s; }
header .menu>ul>li:hover{background: #ff700a;  -webkit-transition: 0.3s; transition: 0.3s; }
header .menu>ul>li:hover>a{ color: #fff !important;  -webkit-transition: 0.3s; transition: 0.3s; }
header .menu .active{background: #ff700a;}
header .menu .active a{color: #fff !important; }
header .menu_child{ display: none; width:100%; padding: 10px 0; height:auto; background: rgba(255, 255, 255, 1);  backdrop-filter: blur(10px); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index:99;   position: absolute; left: 50%; transform: translateX(-50%); top:60px;   overflow:hidden;  -webkit-transition: 0.3s; transition: 0.3s; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
header .menu_child ol{ margin:0 !important; padding:0 !important;}
header .menu_child ol li{ margin:0 !important; padding:0 !important; overflow:hidden; line-height:0 !important; height:auto !important;}
header .menu_child ol a{ background:none !important; line-height:20px !important; font-style:normal; padding:15px 0 !important; text-align: center; color:#333 !important; margin:0 !important; width:100% !important; display:block;}
header .menu_child ol a:hover{color:#ff700a !important; }
header .menu_child ol li:last-child a{ border-bottom:none !important;}
header .menu li:hover .menu_child{ display: block; -webkit-transition: 0.3s; transition: 0.3s;}
header .menu li:hover::after{width: 100%; -webkit-transition: 0.3s; transition: 0.3s; }





.banner{background: #002340;}
.banner .item img{width: 100%;}
.banner .swiper-pagination{ bottom: 10px; }
.banner .swiper-pagination-bullet{background: #fff; width: 10px; height: 5px; border-radius: 10px;  -webkit-transition: 0.3s; transition: 0.3s; outline: 0;  }
.banner .swiper-pagination-bullet-active{width: 30px; -webkit-transition: 0.3s; transition: 0.3s;}


.space{}
.space .title{ margin-bottom: 25px; display: flex; align-items: center;}
.space .title h2{font-size: 1.6rem; line-height: 1em; margin: 0; position: relative;}
.space .content{}


.w7-3{grid-template-columns: 10fr 3fr; grid-gap: 30px;}

.tab_tit{}
.tab_tit .nav-item{position: relative; cursor: pointer; font-size: 1rem; margin: 0 0.8rem; padding-bottom: 5px;}
.tab_tit .nav-item::after{position: absolute; content: ""; width: 0; height: 3px; background: #ff700a; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transition: 0.3s; transition: 0.3s ;}
.tab_tit .active::after{width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
.tab_tit .active{color: #ff700a;}

.home_hot{}
.home_hot .list{grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.home_hot .list .item{border-radius: 5px; overflow: hidden;}
.home_hot .list .item a{display: block; }
.home_hot .list .item .pic{ overflow: hidden;}
.home_hot .list .item .pic img{}
.home_hot .list .item .txt{ border: 1px #f2f2f2 solid; border-top: none; padding: 1rem; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.home_hot .list .item .txt h4{ font-size: 0.9rem; font-weight: bold; margin: 0 0 10px 0;}
.home_hot .list .item .txt p{ font-size: 0.7rem; margin: 0;}
.home_hot .list .item .txt p span{ margin-right: 10px;}
.home_hot .list .item .txt p cite{}


.home_top{}
.home_top .list{}
.home_top .list .item{margin-bottom: 20px;}
.home_top .list .item:last-child{margin-bottom: 0;}
.home_top .list .item:last-child{margin-bottom: 0px;}
.home_top .list .item a{display: block;}
.home_top .list .item .tit{ display: flex; align-items: center; margin-bottom: 10px;}
.home_top .list .item .tit span{ background: #fff; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.7rem; border-radius: 3px; margin-right: 10px;}
.home_top .list .item .tit b{ font-size: 0.8rem; line-height: 1em;}
.home_top .list .item:nth-child(1) .tit span{ background: #ff2b2b; color: #fff;}
.home_top .list .item:nth-child(2) .tit span{ background: #ff672b; color: #fff;}
.home_top .list .item:nth-child(3) .tit span{ background: #ff9900; color: #fff;}
.home_top .list .item .txt {display: none !important;}
.home_top .list .item.active .txt {display: flex !important;}
.home_top .list .item .txt img{width: 120px; margin-right: 15px;}
.home_top .list .item .txt p{margin: 0; font-size: 0.7rem; line-height: 2em;}
.home_top .list .item .txt p span{display: block;}


.home_teacher{}
.home_teacher .list{grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.home_teacher .list .item{border: 1px #f2f2f2 solid; border-radius: 5px;}
.home_teacher .list .item a{display: flex; flex-direction: column; align-items: center; padding-top: 2rem; position: relative;}
.home_teacher .list .item .fen{position: absolute; top: 0; left: 15px; width: 51px; height: 60px; background: url("../images/img/ibg.png") no-repeat; text-align: center; color: #fff; font-size: 0.7rem; line-height: 1.2em; padding-top: 10px;}
.home_teacher .list .item .pic{ width: 45%;  aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }
.home_teacher .list .item .pic img{ width: 100%;}
.home_teacher .list .item .txt{ text-align: center; padding: 1.5rem;}
.home_teacher .list .item .txt h4{font-weight: bold; font-size: 1.5rem; margin: 0; color: #333;}
.home_teacher .list .item .txt p{font-size: 0.8rem; margin:1rem 0; text-align: left; line-height: 1.2em; color: #666;}
.home_teacher .list .item .txt span{font-size: 0.9rem; display: block; margin-bottom: 1rem; color: #333;}
.home_teacher .list .item .txt i{display: block; border: 1px #f2f2f2 solid; border-radius: 50px; line-height: 1em; padding: 0.8rem 0; -webkit-transition: 0.3s; transition: 0.3s ;}
.home_teacher .list .item a:hover i{background: #ff700a; border: 1px #ff700a solid; color: #fff; -webkit-transition: 0.3s; transition: 0.3s ;}

.home_rec{}
.home_rec .list{ grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.home_rec .list .item{ margin-bottom: 20px;}
.home_rec .list .item:last-child{margin-bottom: 0;}
.home_rec .list .item a{display: block;}
.home_rec .list .item .pic{width: 90px; margin-right: 1rem; border-radius: 5px; overflow: hidden;}
.home_rec .list .item .pic img{ width: 100%;}
.home_rec .list .item .txt{ flex: 1;}
.home_rec .list .item .txt h4{font-size: 0.9rem; margin: 0 0 10px 0; }
.home_rec .list .item .txt p{ margin: 0; font-size: 0.7rem}
.home_rec .list .item .txt span{font-size: 0.7rem; margin-top: auto;}

.home_faq{ margin-bottom: 2rem;}
.home_faq .list{ grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.home_faq .list .item{ border-bottom: 1px #f2f2f2 solid; padding-bottom: 30px; -webkit-transition: 0.3s; transition: 0.3s ;}
.home_faq .list .item:hover{border-bottom: 1px #ff700a solid; -webkit-transition: 0.3s; transition: 0.3s ;}
.home_faq .list .item a{display: block;}
.home_faq .list .item .f_q{ margin-bottom: 15px;}
.home_faq .list .item .f_q i{width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.home_faq .list .item .f_q i img{width: 100%;}
.home_faq .list .item .f_q p{margin: 0; line-height: 1em;}
.home_faq .list .item .f_q p b{font-size: 0.8rem; /*display: block;*/ line-height: 1em; color: #666; font-weight: normal;}
.home_faq .list .item .f_q p span{font-size: 0.7rem; line-height: 1em; }
.home_faq .list .item .f_a{}
.home_faq .list .item .f_a i{width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.home_faq .list .item .f_a i img{width: 100%;}
.home_faq .list .item .f_a p{margin: 0; line-height: 1em; flex: 1;}
.home_faq .list .item .f_a p b{font-size: 0.7rem; display: block; line-height: 1em; margin-bottom: 10px;}
.home_faq .list .item .f_a p span{font-size: 0.9rem; line-height: 1.2em; /*display: block;*/ color: #333;}

.home_fen{ margin-top: 2rem;}
.home_fen .list{grid-template-columns: repeat(4,1fr); grid-gap: 30px;}
.home_fen .list .item{border-radius: 5px; overflow: hidden;}
.home_fen .list .item a{display: block; }
.home_fen .list .item .pic{ overflow: hidden;}
.home_fen .list .item .pic img{}
.home_fen .list .item .txt{ border: 1px #f2f2f2 solid; border-top: none; padding: 1rem; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.home_fen .list .item .txt h4{ font-size: 0.9rem; font-weight: bold; margin: 0 0 10px 0;}
.home_fen .list .item .txt p{ font-size: 0.7rem; margin: 0;}
.home_fen .list .item .txt p span{ margin-right: 10px;}
.home_fen .list .item .txt p cite{}

footer{background: #fbfbfb;}
footer .info{}
footer .info dl{}
footer .info dl dt{ font-size: 0.9rem;  margin-bottom: 20px;}
footer .info dl dd{}
footer .info .link{}
footer .info .link dd{font-size: 0.8rem}
footer .info .link dd a{display: block; margin-bottom: 10px;}
footer .info .code{}
footer .info .code dd{font-size: 0.8rem}
footer .info .code dd p{margin: 0; display: flex; flex-direction: column; text-align: center;}
footer .info .code dd p:first-child{margin-right: 10px;}
footer .info .code dd p i{display: block; margin-bottom: 5px;}
footer .info .code dd p i img{width: 90px;}
footer .info .code dd p span{font-size: 0.8rem}
footer .info .phone{}
footer .info .phone dd b{font-size: 1.3rem;display: block; line-height: 1em;}
footer .info .phone dd span{ font-size: 0.7rem}
footer .copyright{font-size: 0.8rem; text-align: center; border-top: 1px #ebebeb solid; padding-top: 2rem;}
footer .copyright p{ margin: 0;}


.filter{ border: 1px #f2f2f2 solid; padding: 1.5rem; font-size: 0.9rem; margin-bottom: 20px;}
.filter dl{display: flex; margin: 0;}
.filter dl dt{ width: 120px;  padding: 6px 8px; }
.filter dl dd{ margin: 0;}
.filter dl dd a{display: inline-block; padding: 3px 5px; border-radius: 3px; margin: 3px;}
.filter .active{background: #ff700a; color: #fff;}

.sort{ background: #fafafa; border: 1px #f2f2f2 solid; font-size: 0.9rem}
.sort a{ border-right: 1px #f2f2f2 solid; padding: 0.7rem 1.2rem; display: inline-block; line-height: 1em;}
.sort .active{background: #fff;}

.teacher_list{}
.teacher_list .list{grid-template-columns: repeat(4,1fr); grid-gap: 30px;}
.teacher_list .list .item{border: 1px #f2f2f2 solid; border-radius: 5px;}
.teacher_list .list .item a{display: flex; flex-direction: column; align-items: center; padding-top: 2rem; position: relative;}
.teacher_list .list .item .fen{position: absolute; top: 0; left: 15px; width: 51px; height: 60px; background: url("../images/img/ibg.png") no-repeat; text-align: center; color: #fff; font-size: 0.7rem; line-height: 1.2em; padding-top: 10px;}
.teacher_list .list .item .pic{ width: 45%;  aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }
.teacher_list .list .item .pic img{ width: 100%;}
.teacher_list .list .item .txt{ text-align: center; padding: 1.5rem;}
.teacher_list .list .item .txt h4{font-weight: bold; font-size: 1.5rem; margin: 0; color: #333;}
.teacher_list .list .item .txt p{font-size: 0.8rem; margin:1rem 0; text-align: left; line-height: 1.2em; color: #666;}
.teacher_list .list .item .txt span{font-size: 0.9rem; display: block; margin-bottom: 1rem; color: #333;}
.teacher_list .list .item .txt i{display: block; border: 1px #f2f2f2 solid; border-radius: 50px; line-height: 1em; padding: 0.8rem 0; -webkit-transition: 0.3s; transition: 0.3s ;}
.teacher_list .list .item a:hover i{background: #ff700a; border: 1px #ff700a solid; color: #fff; -webkit-transition: 0.3s; transition: 0.3s ;}

.page_con{margin-top: 50px;}
.page_con .page-item{ margin: 0 5px;  font-size: 0.8rem;}
.page_con .page-link{ padding: 0.5rem 0.9rem; border-radius: 5px;  border: none; color: #333; background: #f2f2f2; font-size: 0.8rem;}
.page_con .page-link:hover{ color:#ff700a;}
.page_con .active .page-link{ background: #ff700a;  color: #ffffff; }

.teacher_info{background: url("../images/img/tbg.jpg") center top no-repeat; background-size: cover; padding-top: 160px; height: 300px; margin-bottom: 120px;}
.teacher_info .pic{ width: 240px; height: 240px; overflow: hidden; border-radius: 50%; margin-right: 30px;}
.teacher_info .pic img{ width: 100%;}
.teacher_info .txt{ flex: 1;}
.teacher_info .txt .tit{ height: 140px; padding-top: 35px;}
.teacher_info .txt .tit .name{ margin-bottom: 15px;}
.teacher_info .txt .tit .name b{font-size: 2rem;  color: #fff; margin-right: 20px; line-height: 1em;}
.teacher_info .txt .tit .name span{background: #ff700a;  color: #ffffff; font-size: 0.7rem; border-radius: 40px; padding: 2px 8px;}
.teacher_info .txt .tit .des{ color: #fff; font-size: 0.8rem}
.teacher_info .txt .num{ height: 100px;}
.teacher_info .txt .num span{ line-height: 1em; margin-right: 15%;}
.teacher_info .txt .num span cite{ display: block; color: #999; margin-bottom: 15px; font-size: 0.8rem;}
.teacher_info .txt .num span b{font-size: 1.8rem;}

.teacher_txt{}
.teacher_txt .t_space{ margin-bottom: 50px;}
.teacher_txt .t_space .tit{ font-size: 1.6rem; line-height: 1em; margin-bottom: 20px;}
.teacher_txt .t_space .tit i{ color:#ff700a; margin-right: 10px;}
.teacher_txt .t_space .tit b{}
.teacher_txt .t_space .txt{font-size: 0.9rem}
.teacher_txt .t_space .txt img{max-width: 100%; margin:1.5rem auto; display: block;}