@charset "utf-8";
* {word-wrap: break-word; padding:0; margin:0;}
::selection {background:#d10d1f; color:#fff;}
body {width:100%; height:100%; margin:0; font-family: Montserrat, sans-serif; color:#000; background:#fff;_background-attachment:fixed;_background-image:url(about:blank);}
canvas {display: block;}
p {margin-bottom:30px;}
ul,li {list-style:none;}
form, img {margin:0; border:0; padding:0; vertical-align:top;}
a {color:#000; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover {color:#333; text-decoration:none; transition: all 0.2s;}
.clear {clear:both;}
.b {font-weight:bold;} /*文字加粗*/
.xt {font-style:italic;} /*文字斜体*/
.tc {text-align:center;} /*文字居中*/
.s1 {color:#333;}
.s1 a{color:#333;}
.s1 a:hover{color:#666;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#333;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#666;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#d10d1f;}
.s5 a{color:#d10d1f;}
.s5 a:hover{color:#d10d1f;}

@font-face {
	font-family: 'Montserrat';
	src: url('../font/Montserrat.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1688515173500') format('woff2'),
       url('../font/iconfont.woff?t=1688515173500') format('woff'),
       url('../font/iconfont.ttf?t=1688515173500') format('truetype');
}

.iconfont {font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*放射banner*/
.radial {background-color: #ffffff;
  background-image: radial-gradient(closest-side, rgb(255, 255, 255), rgba(255, 255, 255, 0)), radial-gradient(closest-side, rgb(170, 160, 155), rgba(170, 160, 155, 0)), radial-gradient(closest-side, rgb(170, 160, 155), rgba(170, 160, 155, 0)), radial-gradient(closest-side, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  background-size: 130vw 130vh, 120vw 120vh, 100vw 150vh, 120vw 130vh;
  background-position: -80vw -80vh, 30vw -20vh, -20vw 20vh, 30vw 20vh;
  background-repeat: no-repeat;
  animation: 30s radial infinite;
}
@keyframes radial {
  0%,100% {background-size: 130vw 130vh, 120vw 120vh, 100vw 150vh, 120vw 130vh; background-position: -80vw -80vh, 30vw -20vh, -20vw 20vh, 30vw 20vh;}
  25% {background-size: 120vw 120vh, 130vw 150vh, 130vw 120vh, 100vw 110vh; background-position: -30vw -30vh, 40vw -10vh, 0vw 10vh, -10vw 20vh;}
  50% {background-size: 130vw 130vh, 140vw 100vh, 100vw 150vh, 90vw 110vh; background-position: 10vw -60vh, 20vw 10vh, 10vw 30vh, 10vw -20vh;}
  75% {background-size: 140vw 140vh, 100vw 130vh, 100vw 150vh, 130vw 110vh; background-position: -70vw -70vh, 0vw -10vh, 30vw -20vh, 20vw 30vh;}
}

/*大图模糊动画*/
@keyframes fadeInClear {0% {filter: blur(8px); opacity: 0;} 100% {filter: blur(0); opacity: 1;} }
.blur-active {animation:fadeInClear 1.5s ease 0s forwards;} /*模糊动画时长*/

/* 打字机模糊变清晰动画 */
@keyframes typewriter_fadeIn { to {opacity: 1; filter: blur(0);} }

/*默认翻页样式*/
.pagelist {margin:4% 0 -6px 0; text-align:center;}
.pagelist a{margin:0 0 6px 6px; background:#fff; color:#666; border:1px #eee solid; display: inline-block; width:40px; height:40px;line-height:40px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff; border:1px #000 solid;}
.pagelist:empty {display:none;}

/*默认详情页弹出图片*/
.image-overlay {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.9); display:none; justify-content:center; align-items:center; z-index:999999; touch-action:none;}
.image-overlay img {max-width:100%; max-height:100%; transform-origin:center center; transition:transform 0.3s ease; position:absolute;}

/*默认视频最大宽度*/
video {width:100%; height:auto; max-width:100%;}

/*验证码样式*/
#captcha_image {cursor:pointer; clip-path: inset(2px 2px 2px 2px);}

/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1367px){

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

.f10 {font-size:0.625rem;}
.f12 {font-size:0.75rem;}
.f14 {font-size:0.875rem;}
.f15 {font-size:0.937rem}
.f16 {font-size:1rem}
.f18 {font-size:1.125rem;}
.f22 {font-size:1.375rem;}
.f30 {font-size:1.875rem;}
.f36 {font-size:2.25rem;}
.f45 {font-size:2.812rem;}
.f60 {font-size:3.75rem;}
.f75 {font-size:4.687rem;}

header {position:fixed; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:20px; left:20px; width:36px; height:52px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:36px; height:52px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:35px; left:0; width:100%; z-index:999; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {padding:0 2vw;}
#fixed-menu ul li a {padding-bottom:8px; display: block; background:linear-gradient( to right, #333, #333) no-repeat left bottom; background-size: 0 1.4px; transition: background-size 0.2s;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#000;}
#fixed-menu ul .active a {font-weight: bold;}

/*页面宽度*/
#main-block {margin:0 40px;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#top-fixed {position:fixed; top:0; left:0; width:100%; height:100vh; overflow:hidden; transition: opacity 0.1s ease; opacity: 1;}
#top-fixed.hidden {opacity: 0; pointer-events: none;}

#top-fixed .swiper {height:100vh;} 
#top-fixed .swiper-slide {height:100%; overflow:hidden;}

#top-fixed .pic1 {position:absolute; bottom:0; right:2%; height:90%; z-index:2;}
#top-fixed .pic2 {position:absolute; bottom:0; right:12%; height:90%; z-index:2;}
#top-fixed .pic3 {position:absolute; bottom:0; right:5%; height:90%; z-index:2;}

#top-fixed .person {height:100%;} /*人物*/
#top-fixed .person img {height:100%;}
#top-fixed .shadow {position:absolute; bottom:-20px; height:100%; z-index:-1;} /*阴影*/
#top-fixed .shadow img {height:100%; filter: blur(20px) grayscale(100%) opacity(50%);}

#top-fixed .kouhong {position:absolute; bottom:22%; right:80%; height:28%; z-index:-1;}
#top-fixed .kouhong img {height:100%; filter: blur(2px);}
#top-fixed .shuazi {position:absolute; bottom:18%; right:3%; height:42%; z-index:-1;}
#top-fixed .shuazi img {height:100%; filter: blur(2px);}

#top-fixed .chuifengji {position:absolute; bottom:6%; right:98%; height:58%; z-index:-1;}
#top-fixed .chuifengji img {height:100%; filter: blur(2px);}
#top-fixed .jiandao {position:absolute; bottom:14%; right:-20%; height:32%; z-index:-1;}
#top-fixed .jiandao img {height:100%; filter: blur(2px);}

#top-fixed .zhijiayou {position:absolute; bottom:20%; right:88%; height:26%; z-index:-1;}
#top-fixed .zhijiayou img {height:100%; filter: blur(2px);}
#top-fixed .zhijiashua {position:absolute; bottom:22%; right:-3%; height:26%; z-index:-1;}
#top-fixed .zhijiashua img {height:100%; filter: blur(2px);}
 
#top-fixed .content {color:#000; position:absolute; z-index:3; bottom:6%; left:3%;}
#top-fixed .content .txta {font-size:100px; font-weight:600;}
#top-fixed .content .txtb {font-size:20px; padding-top:3%;line-height:180%;}

/*首页-口号*/
#index-slogan {position:relative; margin-top:100vh; padding:100px 0; background:#fff;}
#index-slogan .typewriter {text-align:center;}
#index-slogan .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}
#index-slogan .scroll {margin-top:30px;}

/*首页数据*/
#index-data {position:relative; padding-bottom:100px; background:#fff;}
#index-data .list {margin:0; overflow:hidden;}
#index-data .list ul {margin-left:-2%;}
#index-data .list li {float:left; width:23%; margin:0 0 0 2%;}
#index-data .list .number {font-size:80px;}
#index-data .list .number-txt {font-size:60px;}
#index-data .list .detail {margin:20px 0 0 0;}

/*首页专业*/
#index-major {position:relative; background:#fff;}
#index-major .circle-container {position: relative; margin-bottom:100px; width: 100%; height: 75px; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
#index-major .horizontal-line {position: absolute; top: 50%; left: 0; width: 100%; height:1px; line-height:1px; background: #eee; transform: translateY(-50%); z-index: 0;}
#index-major .outer-circle {position: relative; width: 75px; height: 75px; border-radius: 50%; background-color: #fff; border: 1px #eee solid; display: flex; justify-content: center; align-items: center;}
#index-major .inner-circle {width: 80%; height: 80%; border-radius: 50%; background: #000; transition: all 0.2s; display:flex; align-items: center; justify-content: center;}
#index-major .inner-circle:hover {background:#d10d1f; transition: all 0.2s;}
#index-major .iconfont {color:#fff; font-size:24px;}

#index-major .bt {margin-bottom:30px;}
#index-major .list {margin-top:100px; padding-bottom:4%; overflow:hidden; border-bottom:1px #eee solid;}
#index-major .list ul {margin-left:-2%; margin-bottom:-4%; overflow:hidden;}
#index-major .list li {float:left; width:48%; margin:0 0 4% 2%; overflow:hidden;}
#index-major .list li .pic {overflow:hidden; width:100%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .title {color:#000; margin-top:30px;}

/*首页师资*/
#index-teacher {position:relative; background:#fff;}
#index-teacher .bt {padding-top:100px; margin:0 0 30px 0;}
#index-teacher .list {padding:100px 0; overflow:hidden;}
#index-teacher .list .left {float:left; width:25%; margin-right:10%; overflow:hidden;}
#index-teacher .list .left img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#index-teacher .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .list .right {float:left; width:60%;} 
#index-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:50px;}
#index-teacher .list .title {margin:50px 0 15px 0;}
#index-teacher .swiper-button {display:block; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:24px; text-align:center; background:#000; color:#fff; transition: all 0.2s;}
#index-teacher .swiper-button-prev {top:90%; left:85%;}
#index-teacher .swiper-button-next {top:90%; right:5%;}
#index-teacher .swiper-button-prev:hover,  #index-teacher .swiper-button-next:hover {background:#d10d1f; transition: all 0.2s;}
#index-teacher .swiper-button-prev::after, #index-teacher .swiper-button-next::after {display:none;}

/*首页作品*/
#index-work {position:relative; background:#f5f5f5; padding:100px 0;}
#index-work .bt {margin-bottom:30px;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:100px 0;}
#index-work .swiper-slide {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#index-work .swiper-slide img {width:100%; transition: all 0.3s;}
#index-work .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-work .swiper-pagination {margin-bottom:-12px;}
#index-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#000;}

/*首页新闻*/
#index-news {position:relative; background:#fff; padding:100px 0;}
#index-news .bt {margin-bottom:30px;}
#index-news .list {margin-top:100px;}
#index-news .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-news .list li {flex-basis:calc(31.33%); margin:0 0 0 2%;}
#index-news .list li .pic {overflow:hidden;}
#index-news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-news .list .date {margin:20px 0 10px 0;}
#index-news .list .title {padding:0 2% 0 0; line-height:1.8;}

/*首页FAQ*/
#index-faq {position:relative; background:#f5f5f5; padding:100px 0;}
#index-faq .left {float:left; width:55%; margin-right:10%;}
#index-faq .right {float:left; width:35%;}
#index-faq .faq-container {margin:50px 0 0 0;}
#index-faq .faq-item {overflow: hidden; border-bottom:1px #eee solid;}
#index-faq .faq-title {padding:30px 10px 30px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:10px; height:10px; border: solid #ddd; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s ease; }
#index-faq .faq-content {height:0; overflow: hidden; transition: height .3s ease-out, padding .2s ease-out; line-height:180%;}
#index-faq .faq-item.active .faq-content {padding:0 0 30px 0; line-height:180%;}
#index-faq .faq-item.active .arrow {transform: rotate(-135deg);}
#index-faq .faq-content.calc {height: auto !important; padding:30px 0 !important;}
#index-faq .list {margin:30px 0 0 0;}
#index-faq .list ul {padding-top:30px;}
#index-faq .list li {margin:10px 0 0 0;}
#index-faq .chat {float:left; margin-top:10px;}
#index-faq .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#index-faq .chat a:hover {background:#000; color:#fff;}

/*底部*/
footer {position:relative; background:#000; background-size:cover; overflow:hidden;}
footer .content {border-bottom:1px #222 solid; padding:80px 0;}
footer .list {width:107.3%;}
footer .list ul {float:left; margin:0 7.3% 0 0; width:26%;}
footer .list li {float:left; margin:30px 40px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .bt {margin:0 0 0 0;}
footer .copyright {float:left; padding:1.5% 0;}
footer .link {float:right; margin-top:1vh; padding:1.5% 0;}
footer .link .nbsp {margin:0 8px;}
footer .iconfont {float:right; margin-left:5px; font-size:20px;}

/*******************************内页开始*******************************/
 
#n-banner {width:100%; background:#fff; overflow:hidden;}
#n-banner .typewriter {font-size:100px; padding:150px 0 0 200px;}
#n-banner .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}

/*左侧菜单*/
#left-menu {float:left; margin:0 0 0 40px; padding-top:100px; --fixed-top:100px; z-index:999;}
#left-menu.fixed {position: fixed; top: var(--fixed-top);}
#left-menu .menu-item {display: block; margin-bottom:2.2vh; color:#000;}
#left-menu .menu-item.active {font-weight:bold; font-size:18px;}
#left-menu li {display:block; margin-bottom:2.2vh; color:#000;}
#left-menu li a:hover {color:#000;}
#left-menu li .active {font-weight:bold; font-size:18px;}

/*内页宽度*/
#n-block {margin:0 40px 0 200px;}

/*品牌介绍*/
#brand {padding-top:100px;}
#brand .left {float:left; width:40%; margin-right:6%;}
#brand .left img {width:100%;}
#brand .right {float:left; width:54%; line-height:2.2; text-align: justify;}

/*荣誉资质*/
#honor {padding-top:100px;}
#honor .bt {margin-bottom:100px;}
#honor .swiper {height:100%;}
#honor .swiper img {width:100%;}
#honor .swiper-slide {background-position:center; background-size: cover; width:30%;}
#honor .list {margin-top:50px;}
#honor .list ul {text-align:center;}
#honor .list li {margin:15px 10px 0 10px; display:inline-block;}
#honor .list li:not(:last-child)::after {content: "/"; position: absolute; margin:4px 0 0 8px; font-size:12px; color:#eee;}
 
/*创始人*/
#founder {padding-top:100px;}
#founder .bt {margin-bottom:100px;}
#founder .left {float:left; width:28%; margin-right:6%; aspect-ratio: 3/4; overflow:hidden;}
#founder .left video {width:100%; aspect-ratio: 3/4;}
#founder .left img {width:100%; aspect-ratio: 3/4; background:#f5f5f5;}
#founder .right {float:left; width:66%;}
#founder .right .position {margin:15px 0 30px 0;}
#founder .right .content {line-height:2.2; text-align: justify;}

/*金莎公益*/
#welfare {padding-top:100px;}
#welfare .bt {margin-bottom:100px;}
#welfare .left {float:left; width:54%; margin-right:6%; line-height:2.2; text-align: justify;}
#welfare .right {float:left; width:40%;}
#welfare .right img {width:100%;}

/*学校环境*/
#environment {padding-top:100px;}
#environment .bt {margin:0;}
#environment .swiper {padding:100px 0 50px 0;}
#environment #slider6 {height:850px;}
#environment #slider6 .swiper-slide {height: calc((100% - 30px) / 2); text-align:center;}
#environment .pic {margin-bottom:30px; overflow:hidden;}
#environment .pic img {width:100%; transition: all 0.3s; aspect-ratio: 4/3;}
#environment .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#environment .swiper-pagination {margin-bottom:-12px;}
#environment .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#environment .swiper-pagination-bullet-active {background:#000;}
/*环境内容*/
#environmen-content {padding:100px 0; margin-bottom:-30px;}
#environmen-content .content {width:95%;}
#environmen-content .pictitle {margin-top:-15px; line-height:2;}
#environmen-content img {max-width:100%;}

/*大事记*/
#events {padding:100px 0;}
#events .list {padding-top:100px;}
#events .list ul {margin-bottom:-30px;}
#events .list li {margin-bottom:30px; display: flex; align-items: center; }
#events .list .left {float:left; margin-right:80px;}
#events .list .right {line-height:2; transition: all 0.3s;}
#events .list li:hover .right {font-weight:bold; transition: all 0.3s;}
 
#events .timeline {position:relative;}
#events .timeline::before {content: ''; position: absolute; left: 115px; top: 0; bottom: 0;  width: 1px; background: #eee;}
#events .timeline-item {display: flex; margin-bottom: 30px; position: relative;}
#events .timeline-item::before {content: ''; position: absolute; left: 108px; top: 7px; width: 9px; height: 9px; border-radius: 100%; background: #fff; border:3px #eee solid; z-index: 1; transition: all 0.2s;}
  
/*专业课程*/
#major-banner {padding:100px 0 0 0;}
#major-banner .pic1 {width:100%; height:70vh; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major-banner .pic2 {width:100%; height:70vh; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major-banner .pic3 {width:100%; height:70vh; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major-banner .pic4 {width:100%; height:70vh; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}

/*专业介绍*/
#major-profile {padding:50px 0 0 0;}
#major-profile .bt {display:flex; justify-content:space-between; align-items:center;}
#major-profile .content {padding:30px 0; line-height:2;}
#major-profile .time {line-height:2;}
#major-profile .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#major-profile .chat a:hover {background:#000; color:#fff;}

/*就业方向*/
#major-direction {padding:100px 0 0 0;}
#major-direction .list {padding:100px 0 0 0;}
#major-direction .list ul {width:102%; margin-left:-2%;}
#major-direction .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-direction .list li img {width:100%;}
#major-direction .content {padding:30px 0 0 0; line-height:2;}

/*专业特色*/
#major-feature {padding:100px 0 0 0;}
#major-feature .list {padding:100px 0 0 0;}
#major-feature .list ul {width:102%; margin-left:-2%;}
#major-feature .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-feature .list li img {width:100%;}
#major-feature .title {padding:30px 0 15px 0;}
#major-feature .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业优势*/
#major-advantage {padding:100px 0 0 0;}
#major-advantage .list {padding-top:100px; margin-bottom:-2%;}
#major-advantage .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#major-advantage .list li {flex-basis:calc(31.33%); padding:50px 0; background:#f5f5f5; margin:0 0 2% 2%; transition: all 0.3s;}
#major-advantage .list li:hover {background:#f9f9f9; transition: all 0.3s;}
#major-advantage .list li .iconfont {transition: all 0.3s; font-size:60px; margin:auto;}
#major-advantage .list li:hover .iconfont {color:#d10d1f; transition: all 0.3s;}
#major-advantage .list li .title {padding-top:30px;}
#major-advantage .list li .detail {padding:30px 30px 0 30px; line-height:1.6;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:100px 0 0 0;}
#major-teacher .bt, #major-work .bt {display:flex; justify-content:space-between; align-items:center;}
#major-teacher .swiper, #major-work .swiper {width:100%;}
#major-teacher .swiper-wrapper, #major-work .swiper-wrapper {padding:100px 0;}
#major-teacher .swiper-slide .title {margin:30px 0 15px 0;}
#major-teacher .swiper-slide .content {line-height:1.6;}
#major-teacher .swiper-slide .pic, #major-work .swiper-slide .pic {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#major-teacher .swiper-slide .pic img, #major-work .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#major-teacher .swiper-slide:hover .pic img, #major-work .swiper-slide:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#major-teacher .swiper-pagination, #major-work .swiper-pagination {margin-bottom:-12px;}
#major-teacher .swiper-pagination-bullet, #major-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more a, #major-work .more a {padding:15px 25px; background:#000; color:#fff; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#d10d1f; color:#fff;}

/*专业故事*/
#major-story {padding:100px 0;}
#major-story video {margin-top:100px; max-width:100%; background:#000; aspect-ratio: 16/9;}

/*明星导师列表*/
#star-teacher {margin:0;}
#star-teacher .list {margin:0;}
#star-teacher .list ul {margin-bottom:-1px; overflow:hidden;}
#star-teacher .list li {padding:100px 0; overflow:hidden; border-bottom:1px #eee solid;}
#star-teacher .list .left {float:left; width:25%; margin-right:10%; overflow:hidden;}
#star-teacher .list .left .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#star-teacher .list .left a:hover img {transform: scale(1.1); transition: all 0.3s;}
#star-teacher .left video {width:100%; aspect-ratio: 3/4;}
#star-teacher .list .right {float:left; width:60%;} 
#star-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:50px;}
#star-teacher .list .title {margin:50px 0 15px 0;}

/*师资列表*/
#teacher-list {padding:100px 0; min-height:35vh;}
#teacher-list .list {margin:0;}
#teacher-list .list ul {margin:0 0 -4% -2%; display:flex; flex-wrap:wrap;}
#teacher-list .list li {flex-basis:calc(23%); margin:0 0 4% 2%;}
#teacher-list .list li .pic {overflow:hidden;}
#teacher-list .list li .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#teacher-list .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#teacher-list .list .title {margin:30px 0 15px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:100px 0; min-height:35vh;}
#teacher-content .left {float:left; width:25%; margin-right:5%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left video {width:100%; aspect-ratio: 3/4;}
#teacher-content .right {float:left; width:70%;}
#teacher-content .right .title {margin-bottom:15px;}
#teacher-content .right .content {margin-top:50px; line-height:2.2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:100px 0; min-height:35vh;}
#work .list {column-count:4; column-gap:2%;}
#work .list li {width:100%; overflow:hidden; margin-bottom:3vh;}
#work .list li .pic {overflow:hidden; width:100%;}
#work .list li .pic img {width:100%; transition: all 0.3s;}
#work .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#work .list .title {margin-top:30px; line-height:1.8;}

/*作品内容*/
#work-content {padding:100px 0; min-height:35vh;}
#work-content .title {margin-bottom:50px; width:95%;}
#work-content .content {width:95%; margin-bottom:-30px;}
#work-content .content img {max-width:100%;}
#work-content .content .pictitle {margin-top:-15px; line-height:2;}
#work-content .detail {padding-top:50px; line-height:2.2;}

/*新闻动态*/
#news {padding:100px 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -4% -2%; display:flex; flex-wrap:wrap;}
#news .list li {flex-basis:calc(23%); margin:0 0 4% 2%;}
#news .list li:nth-of-type(3n+1){clear:both;}
#news .list li .pic {overflow:hidden;}
#news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#news .list .date {margin:20px 0 10px 0;}
#news .list .title {padding:0 2% 0 0; line-height:1.8;}

/*新闻内容*/
#news-content {padding:100px 0; margin:-5px 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.8; width:95%;}
#news-content .date {margin:20px 0 50px 0;}
#news-content .content {line-height:2.2; width:95%; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:800px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:100px 0; min-height:35vh;}
#contact .contact-list {margin:0 0 -4% 0; overflow:hidden;}
#contact .contact-list ul {display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(40%); margin:0 10% 4% 0; line-height:1.6;}
#contact .contact-list .title {margin-bottom:15px;}
#contact .pic {position: absolute; top:12px; right:10%; width:40%;}
#contact .pic img {width:100%;}

/*调用联系*/
#web-contact .list {padding-bottom:100px;}
#web-contact .list ul {padding-top:30px;}
#web-contact .list li {margin-top:10px;}
#web-contact .chat {float:left; margin-top:10px;}
#web-contact .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#web-contact .chat a:hover {background:#000; color:#fff;}

/*搜索*/
#search {padding:100px 0; min-height:15vh;}
#search .text {float:left;}
#search .text input { width:200px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid; }
#search .text input::placeholder {color:#999; font-weight:normal; font-size:16px;}
#search .captcha-container {float:left; margin-left:20px;}
#search .layui-input {width:80px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid;}
#search .captcha-container img {margin:0 0 0 10px; height:40px;}
#search .submit {float:left; cursor:pointer; margin-left:20px; width:120px; height:40px; line-height:40px; font-size:16px; background:#000; color:#fff; border:0px; transition: all 0.3s;}
#search .submit:hover {background:#333; transition: all 0.3s;}
#search .notice-title {margin:100px 0 30px 0;}
#search .notice-content {line-height:1.6;}
#search .notice-content p {margin-bottom:10px;}

/*搜索结果*/
#result {padding:100px 0; min-height:15vh;}
#result .sorry {margin-bottom:100px;}
#result .notice-title {margin-bottom:30px;}
#result .notice-content {line-height:1.6;}
#result .notice-content p {margin-bottom:10px;}

}



/*****************************************************************************************************************************************************************/
/********************************************************************** iPad Pro *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1025px) and (max-width: 1367px) {

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

.f10 {font-size:0.5rem;}
.f12 {font-size:0.6rem;}
.f14 {font-size:0.8rem;}
.f15 {font-size:0.9rem}
.f16 {font-size:1.0rem}
.f18 {font-size:1.1rem;}
.f22 {font-size:1.2rem;}
.f30 {font-size:1.5rem;}
.f36 {font-size:1.8rem;}
.f45 {font-size:2.5rem;}
.f60 {font-size:3.5rem;}
.f75 {font-size:4.5rem;}

header {position:fixed; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:20px; left:20px; width:36px; height:52px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:36px; height:52px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:35px; left:0; width:100%; z-index:999; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {padding:0 2vw;}
#fixed-menu ul li a {padding-bottom:8px; display: block; background:linear-gradient( to right, #333, #333) no-repeat left bottom; background-size: 0 1.4px; transition: background-size 0.2s;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#000;}
#fixed-menu ul .active a {font-weight: bold;}

/*页面宽度*/
#main-block {margin:0 40px;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#top-fixed {position:fixed; top:0; left:0; width:100%; height:100vh; overflow:hidden; transition: opacity 0.1s ease; opacity: 1;}
#top-fixed.hidden {opacity: 0; pointer-events: none;}

#top-fixed .swiper {height:100vh;} 
#top-fixed .swiper-slide {height:100%; overflow:hidden;}

#top-fixed .pic1 {position:absolute; bottom:0; right:0; height:75%; z-index:2;}
#top-fixed .pic2 {position:absolute; bottom:0; right:9%; height:75%; z-index:2;}
#top-fixed .pic3 {position:absolute; bottom:0; right:2%; height:75%; z-index:2;}

#top-fixed .person {height:100%;} /*人物*/
#top-fixed .person img {height:100%;}
#top-fixed .shadow {position:absolute; bottom:-20px; height:100%; z-index:-1;} /*阴影*/
#top-fixed .shadow img {height:100%; filter: blur(20px) grayscale(100%) opacity(50%);}

#top-fixed .kouhong {position:absolute; bottom:22%; right:78%; height:22%; z-index:-1;}
#top-fixed .kouhong img {height:100%; filter: blur(2px);}
#top-fixed .shuazi {position:absolute; bottom:18%; right:10%; height:34%; z-index:-1;}
#top-fixed .shuazi img {height:100%; filter: blur(2px);}

#top-fixed .chuifengji {position:absolute; bottom:10%; right:95%; height:54%; z-index:-1;}
#top-fixed .chuifengji img {height:100%; filter: blur(2px);}
#top-fixed .jiandao {position:absolute; bottom:18%; right:-10%; height:28%; z-index:-1;}
#top-fixed .jiandao img {height:100%; filter: blur(2px);}

#top-fixed .zhijiayou {position:absolute; bottom:22%; right:85%; height:20%; z-index:-1;}
#top-fixed .zhijiayou img {height:100%; filter: blur(2px);}
#top-fixed .zhijiashua {position:absolute; bottom:24%; right:3%; height:20%; z-index:-1;}
#top-fixed .zhijiashua img {height:100%; filter: blur(2px);}
 
#top-fixed .content {color:#000; position:absolute; z-index:3; bottom:6%; left:3%;}
#top-fixed .content .txta {font-size:90px; font-weight:600;}
#top-fixed .content .txtb {font-size:20px; padding-top:3%;line-height:180%;}

/*首页-口号*/
#index-slogan {position:relative; margin-top:100vh; padding:80px 0; background:#fff;}
#index-slogan .typewriter {text-align:center;}
#index-slogan .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}
#index-slogan .scroll {margin-top:30px;}

/*首页数据*/
#index-data {position:relative; padding-bottom:80px; background:#fff;}
#index-data .list {margin:0; overflow:hidden;}
#index-data .list ul {margin-left:-2%;}
#index-data .list li {float:left; width:23%; margin:0 0 0 2%;}
#index-data .list .number {font-size:70px;}
#index-data .list .number-txt {font-size:50px;}
#index-data .list .detail {margin:20px 0 0 0;}

/*首页专业*/
#index-major {position:relative; background:#fff;}
#index-major .circle-container {position: relative; margin-bottom:80px; width: 100%; height: 75px; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
#index-major .horizontal-line {position: absolute; top: 50%; left: 0; width: 100%; height:1px; line-height:1px; background: #eee; transform: translateY(-50%); z-index: 0;}
#index-major .outer-circle {position: relative; width: 75px; height: 75px; border-radius: 50%; background-color: #fff; border: 1px #eee solid; display: flex; justify-content: center; align-items: center;}
#index-major .inner-circle {width: 80%; height: 80%; border-radius: 50%; background: #000; transition: all 0.2s; display:flex; align-items: center; justify-content: center;}
#index-major .inner-circle:hover {background:#d10d1f; transition: all 0.2s;}
#index-major .iconfont {color:#fff; font-size:24px;}

#index-major .bt {margin-bottom:30px;}
#index-major .list {margin-top:80px; padding-bottom:3%; overflow:hidden; border-bottom:1px #eee solid;}
#index-major .list ul {margin-left:-2%; margin-bottom:-3%; overflow:hidden;}
#index-major .list li {float:left; width:48%; margin:0 0 3% 2%; overflow:hidden;}
#index-major .list li .pic {overflow:hidden; width:100%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .title {color:#000; margin-top:30px;}

/*首页师资*/
#index-teacher {position:relative; background:#fff;}
#index-teacher .bt {padding-top:80px; margin:0 0 30px 0;}
#index-teacher .list {padding:80px 0; overflow:hidden;}
#index-teacher .swiper-slide {margin-right:0.2px;}
#index-teacher .list .left {float:left; width:25%; margin-right:10%; overflow:hidden;}
#index-teacher .list .left img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#index-teacher .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .list .right {float:left; width:60%;} 
#index-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:50px;}
#index-teacher .list .title {margin:50px 0 15px 0;}
#index-teacher .swiper-button {display:block; width:55px; height:55px; line-height:55px; border-radius:100%; font-size:24px; text-align:center; background:#000; color:#fff; transition: all 0.2s;}
#index-teacher .swiper-button-prev {top:90%; left:83%;}
#index-teacher .swiper-button-next {top:90%; right:5%;}
#index-teacher .swiper-button-prev:hover,  #index-teacher .swiper-button-next:hover {background:#d10d1f; transition: all 0.2s;}
#index-teacher .swiper-button-prev::after, #index-teacher .swiper-button-next::after {display:none;}

/*首页作品*/
#index-work {position:relative; background:#f5f5f5; padding:80px 0;}
#index-work .bt {margin-bottom:30px;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:80px 0;}
#index-work .swiper-slide {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#index-work .swiper-slide img {width:100%; transition: all 0.3s;}
#index-work .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-work .swiper-pagination {margin-bottom:-12px;}
#index-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#000;}

/*首页新闻*/
#index-news {position:relative; background:#fff; padding:80px 0;}
#index-news .bt {margin-bottom:30px;}
#index-news .list {margin-top:80px;}
#index-news .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-news .list li {flex-basis:calc(31.33%); margin:0 0 0 2%;}
#index-news .list li .pic {overflow:hidden;}
#index-news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-news .list .date {margin:20px 0 10px 0;}
#index-news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*首页FAQ*/
#index-faq {position:relative; background:#f5f5f5; padding:80px 0;}
#index-faq .left {float:left; width:55%; margin-right:10%;}
#index-faq .right {float:left; width:35%;}
#index-faq .faq-container {margin:50px 0 0 0;}
#index-faq .faq-item {overflow: hidden; border-bottom:1px #eee solid;}
#index-faq .faq-title {padding:25px 10px 25px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:10px; height:10px; border: solid #ddd; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s ease; }
#index-faq .faq-content {height:0; overflow: hidden; transition: height .3s ease-out, padding .2s ease-out; line-height:1.8;}
#index-faq .faq-item.active .faq-content {padding:0 0 20px 0; line-height:1.8;}
#index-faq .faq-item.active .arrow {transform: rotate(-135deg);}
#index-faq .faq-content.calc {height: auto !important; padding:30px 0 !important;}
#index-faq .list {margin:30px 0 0 0;}
#index-faq .list ul {padding-top:30px;}
#index-faq .list li {margin:10px 0 0 0;}
#index-faq .chat {float:left; margin-top:10px;}
#index-faq .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#index-faq .chat a:hover {background:#000; color:#fff;}

/*底部*/
footer {position:relative; background:#000; background-size:cover; overflow:hidden;}
footer .content {border-bottom:1px #222 solid; padding:60px 0;}
footer .list {width:107.3%;}
footer .list ul {float:left; margin:0 7.3% 0 0; width:26%;}
footer .list li {float:left; margin:20px 40px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .bt {margin:0 0 0 0;}
footer .copyright {float:left; padding:1% 0;}
footer .link {float:right; margin-top:1vh; padding:1% 0;}
footer .link .nbsp {margin:0 8px;}
footer .iconfont {float:right; margin-left:5px; font-size:20px;}

/*******************************内页开始*******************************/
 
#n-banner {width:100%; background:#fff; overflow:hidden;}
#n-banner .typewriter {font-size:80px; padding:120px 0 0 200px;}
#n-banner .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}

/*左侧菜单*/
#left-menu {float:left; margin:0 0 0 40px; padding-top:80px; --fixed-top:100px; z-index:999;}
#left-menu.fixed {position: fixed; top: var(--fixed-top);}
#left-menu .menu-item {display: block; margin-bottom:2.2vh; color:#000;}
#left-menu .menu-item.active {font-weight:bold; font-size:18px;}
#left-menu li {display:block; margin-bottom:2.2vh; color:#000;}
#left-menu li a:hover {color:#000;}
#left-menu li .active {font-weight:bold; font-size:18px;}

/*内页宽度*/
#n-block {margin:0 40px 0 200px;}

/*品牌介绍*/
#brand {padding-top:80px;}
#brand .left {float:left; width:40%; margin-right:6%;}
#brand .left img {width:100%;}
#brand .right {float:left; width:54%; line-height:2.2; text-align: justify;}

/*荣誉资质*/
#honor {padding-top:80px;}
#honor .bt {margin-bottom:80px;}
#honor .swiper {height:100%;}
#honor .swiper img {width:100%;}
#honor .swiper-slide {background-position:center; background-size: cover; width:30%;}
#honor .list {margin-top:40px;}
#honor .list ul {text-align:center;}
#honor .list li {margin:15px 10px 0 10px; display:inline-block;}
#honor .list li:not(:last-child)::after {content: "/"; position: absolute; margin:4px 0 0 8px; font-size:12px; color:#eee;}
 
/*创始人*/
#founder {padding-top:80px;}
#founder .bt {margin-bottom:80px;}
#founder .left {float:left; width:28%; margin-right:6%; aspect-ratio: 3/4; overflow:hidden;}
#founder .left video {width:100%; aspect-ratio: 3/4;}
#founder .left img {width:100%; aspect-ratio: 3/4; background:#f5f5f5;}
#founder .right {float:left; width:66%;}
#founder .right .position {margin:15px 0 30px 0;}
#founder .right .content {line-height:2.2; text-align: justify;}

/*金莎公益*/
#welfare {padding-top:80px;}
#welfare .bt {margin-bottom:80px;}
#welfare .left {float:left; width:54%; margin-right:6%; line-height:2.2; text-align: justify;}
#welfare .right {float:left; width:40%;}
#welfare .right img {width:100%;}

/*学校环境*/
#environment {padding-top:80px;}
#environment .bt {margin:0;}
#environment .swiper {padding:80px 0 40px 0;}
#environment #slider6 {height:680px;}
#environment #slider6 .swiper-slide {height: calc((100% - 30px) / 2); text-align:center;}
#environment .pic {margin-bottom:30px; overflow:hidden;}
#environment .pic img {width:100%; transition: all 0.3s; aspect-ratio: 4/3;}
#environment .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#environment .swiper-pagination {margin-bottom:-12px;}
#environment .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#environment .swiper-pagination-bullet-active {background:#000;}
/*环境内容*/
#environmen-content {padding:80px 0; margin-bottom:-30px;}
#environmen-content .content {width:95%;}
#environmen-content .pictitle {margin-top:-15px; line-height:2;}
#environmen-content img {max-width:100%;}

/*大事记*/
#events {padding:80px 0;}
#events .list {padding-top:80px;}
#events .list ul {margin-bottom:-20px;}
#events .list li {margin-bottom:20px; display: flex; align-items: center; }
#events .list .left {float:left; margin-right:80px;}
#events .list .right {line-height:2; transition: all 0.3s;}
#events .list li:hover .right {font-weight:bold; transition: all 0.3s;}
 
#events .timeline {position:relative;}
#events .timeline::before {content: ''; position: absolute; left: 100px; top: 0; bottom: 0;  width: 1px; background: #eee;}
#events .timeline-item {display: flex; margin-bottom: 30px; position: relative;}
#events .timeline-item::before {content: ''; position: absolute; left: 93px; top: 7px; width: 9px; height: 9px; border-radius: 100%; background: #fff; border:3px #eee solid; z-index: 1; transition: all 0.2s;}
  
/*专业课程*/
#major-banner {padding:80px 0 0 0;}
#major-banner .pic1 {width:100%; height:50vh; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major-banner .pic2 {width:100%; height:50vh; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major-banner .pic3 {width:100%; height:50vh; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major-banner .pic4 {width:100%; height:50vh; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}

/*专业介绍*/
#major-profile {padding:30px 0 0 0;}
#major-profile .bt {display:flex; justify-content:space-between; align-items:center;}
#major-profile .content {padding:30px 0; line-height:2;}
#major-profile .time {line-height:2;}
#major-profile .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#major-profile .chat a:hover {background:#000; color:#fff;}

/*就业方向*/
#major-direction {padding:80px 0 0 0;}
#major-direction .list {padding:80px 0 0 0;}
#major-direction .list ul {width:102%; margin-left:-2%;}
#major-direction .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-direction .list li img {width:100%;}
#major-direction .content {padding:30px 0 0 0; line-height:2;}

/*专业特色*/
#major-feature {padding:80px 0 0 0;}
#major-feature .list {padding:80px 0 0 0;}
#major-feature .list ul {width:102%; margin-left:-2%;}
#major-feature .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-feature .list li img {width:100%;}
#major-feature .title {padding:20px 0 10px 0;}
#major-feature .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业优势*/
#major-advantage {padding:80px 0 0 0;}
#major-advantage .list {padding-top:80px; margin-bottom:-2%;}
#major-advantage .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#major-advantage .list li {flex-basis:calc(31.33%); padding:50px 0; background:#f5f5f5; margin:0 0 2% 2%; transition: all 0.3s;}
#major-advantage .list li:hover {background:#f9f9f9; transition: all 0.3s;}
#major-advantage .list li .iconfont {transition: all 0.3s; font-size:60px; margin:auto;}
#major-advantage .list li:hover .iconfont {color:#d10d1f; transition: all 0.3s;}
#major-advantage .list li .title {padding-top:30px;}
#major-advantage .list li .detail {padding:30px 30px 0 30px; line-height:1.6;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:80px 0 0 0;}
#major-teacher .bt, #major-work .bt {display:flex; justify-content:space-between; align-items:center;}
#major-teacher .swiper, #major-work .swiper {width:100%;}
#major-teacher .swiper-wrapper, #major-work .swiper-wrapper {padding:80px 0;}
#major-teacher .swiper-slide .title {margin:20px 0 10px 0;}
#major-teacher .swiper-slide .content {line-height:1.6;}
#major-teacher .swiper-slide .pic, #major-work .swiper-slide .pic {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#major-teacher .swiper-slide .pic img, #major-work .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#major-teacher .swiper-slide:hover .pic img, #major-work .swiper-slide:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#major-teacher .swiper-pagination, #major-work .swiper-pagination {margin-bottom:-12px;}
#major-teacher .swiper-pagination-bullet, #major-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more a, #major-work .more a {padding:15px 25px; background:#000; color:#fff; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#d10d1f; color:#fff;}

/*专业故事*/
#major-story {padding:80px 0;}
#major-story video {margin-top:80px; max-width:100%; background:#000; aspect-ratio: 16/9;}

/*明星导师列表*/
#star-teacher {margin:0;}
#star-teacher .list {margin:0;}
#star-teacher .list ul {margin-bottom:-1px; overflow:hidden;}
#star-teacher .list li {padding:80px 0; overflow:hidden; border-bottom:1px #eee solid;}
#star-teacher .list .left {float:left; width:25%; margin-right:10%; overflow:hidden;}
#star-teacher .list .left .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#star-teacher .list .left a:hover img {transform: scale(1.1); transition: all 0.3s;}
#star-teacher .left video {width:100%; aspect-ratio: 3/4;}
#star-teacher .list .right {float:left; width:60%;} 
#star-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:50px;}
#star-teacher .list .title {margin:50px 0 15px 0;}

/*师资列表*/
#teacher-list {padding:80px 0; min-height:35vh;}
#teacher-list .list {margin:0;}
#teacher-list .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#teacher-list .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#teacher-list .list li .pic {overflow:hidden;}
#teacher-list .list li .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#teacher-list .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#teacher-list .list .title {margin:20px 0 10px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:80px 0; min-height:35vh;}
#teacher-content .left {float:left; width:25%; margin-right:5%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left video {width:100%; aspect-ratio: 3/4;}
#teacher-content .right {float:left; width:70%;}
#teacher-content .right .title {margin-bottom:15px;}
#teacher-content .right .content {margin-top:50px; line-height:2.2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:80px 0; min-height:35vh;}
#work .list {column-count:4; column-gap:2%;}
#work .list li {width:100%; overflow:hidden; margin-bottom:2.5vh;}
#work .list li .pic {overflow:hidden; width:100%;}
#work .list li .pic img {width:100%; transition: all 0.3s;}
#work .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#work .list .title {margin-top:30px;}

/*作品内容*/
#work-content {padding:80px 0; min-height:35vh;}
#work-content .title {margin-bottom:50px; width:95%;}
#work-content .content {width:95%; margin-bottom:-30px;}
#work-content .content img {max-width:100%;}
#work-content .content .pictitle {margin-top:-15px; line-height:2;}
#work-content .detail {padding-top:50px; line-height:2.2;}

/*新闻动态*/
#news {padding:80px 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#news .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#news .list li:nth-of-type(3n+1){clear:both;}
#news .list li .pic {overflow:hidden;}
#news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#news .list .date {margin:20px 0 10px 0;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*新闻内容*/
#news-content {padding:80px 0; margin:-5px 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.6; width:95%;}
#news-content .date {margin:20px 0 40px 0;}
#news-content .content {line-height:2.2; width:95%; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:800px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:80px 0; min-height:35vh;}
#contact .contact-list {margin:0 0 -4% 0; overflow:hidden;}
#contact .contact-list ul {display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(40%); margin:0 10% 4% 0; line-height:1.6;}
#contact .contact-list .title {margin-bottom:15px;}
#contact .pic {position: absolute; top:12px; right:10%; width:40%;}
#contact .pic img {width:100%;}

/*调用联系*/
#web-contact .list {padding-bottom:80px;}
#web-contact .list ul {padding-top:30px;}
#web-contact .list li {margin-top:10px;}
#web-contact .chat {float:left; margin-top:10px;}
#web-contact .chat a {padding:15px 25px; background:#d10d1f; color:#fff; display: block;}
#web-contact .chat a:hover {background:#000; color:#fff;}

/*搜索*/
#search {padding:80px 0; min-height:32vh;}
#search .text {float:left;}
#search .text input { width:200px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid; }
#search .text input::placeholder {color:#999; font-weight:normal; font-size:16px;}
#search .captcha-container {float:left; margin-left:20px;}
#search .layui-input {width:80px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid;}
#search .captcha-container img {margin:0 0 0 10px; height:40px;}
#search .submit {float:left; cursor:pointer; margin-left:20px; width:120px; height:40px; line-height:40px; font-size:16px; background:#000; color:#fff; border:0px; transition: all 0.3s;}
#search .submit:hover {background:#333; transition: all 0.3s;}
#search .notice-title {margin:80px 0 30px 0;}
#search .notice-content {line-height:1.6;}
#search .notice-content p {margin-bottom:10px;}

/*搜索结果*/
#result {padding:80px 0; min-height:32vh;}
#result .sorry {margin-bottom:80px;}
#result .notice-title {margin-bottom:30px;}
#result .notice-content {line-height:1.6;}
#result .notice-content p {margin-bottom:10px;}

}


/*****************************************************************************************************************************************************************/
/********************************************************************** iPad 横屏 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1025px) {

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

.f10 {font-size:0.6rem;}
.f12 {font-size:0.7rem;}
.f14 {font-size:0.8rem;}
.f15 {font-size:0.9rem}
.f16 {font-size:1.0rem}
.f18 {font-size:1.1rem;}
.f22 {font-size:1.2rem;}
.f30 {font-size:1.5rem;}
.f36 {font-size:1.8rem;}
.f45 {font-size:2.0rem;}
.f60 {font-size:3.3rem;}
.f75 {font-size:3.8rem;}

header {position:fixed; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:20px; left:20px; width:36px; height:52px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:32px; height:46px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:35px; left:0; width:100%; z-index:999; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {padding:0 2vw;}
#fixed-menu ul li a {padding-bottom:8px; display: block; background:linear-gradient( to right, #333, #333) no-repeat left bottom; background-size: 0 1.4px; transition: background-size 0.2s;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#000;}
#fixed-menu ul .active a {font-weight: bold;}

/*页面宽度*/
#main-block {margin:0 20px;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#top-fixed {position:fixed; top:0; left:0; width:100%; height:100vh; overflow:hidden; transition: opacity 0.1s ease; opacity: 1;}
#top-fixed.hidden {opacity: 0; pointer-events: none;}

#top-fixed .swiper {height:100vh;} 
#top-fixed .swiper-slide {height:100%; overflow:hidden;}

#top-fixed .pic1 {position:absolute; bottom:0; right:0; height:70%; z-index:2;}
#top-fixed .pic2 {position:absolute; bottom:0; right:9%; height:70%; z-index:2;}
#top-fixed .pic3 {position:absolute; bottom:0; right:2%; height:70%; z-index:2;}

#top-fixed .person {height:100%;} /*人物*/
#top-fixed .person img {height:100%;}
#top-fixed .shadow {position:absolute; bottom:-20px; height:100%; z-index:-1;} /*阴影*/
#top-fixed .shadow img {height:100%; filter: blur(20px) grayscale(100%) opacity(50%);}

#top-fixed .kouhong {position:absolute; bottom:22%; right:80%; height:22%; z-index:-1;}
#top-fixed .kouhong img {height:100%; filter: blur(2px);}
#top-fixed .shuazi {position:absolute; bottom:18%; right:8%; height:32%; z-index:-1;}
#top-fixed .shuazi img {height:100%; filter: blur(2px);}

#top-fixed .chuifengji {position:absolute; bottom:10%; right:95%; height:55%; z-index:-1;}
#top-fixed .chuifengji img {height:100%; filter: blur(2px);}
#top-fixed .jiandao {position:absolute; bottom:18%; right:-12%; height:28%; z-index:-1;}
#top-fixed .jiandao img {height:100%; filter: blur(2px);}

#top-fixed .zhijiayou {position:absolute; bottom:22%; right:85%; height:20%; z-index:-1;}
#top-fixed .zhijiayou img {height:100%; filter: blur(2px);}
#top-fixed .zhijiashua {position:absolute; bottom:24%; right:3%; height:20%; z-index:-1;}
#top-fixed .zhijiashua img {height:100%; filter: blur(2px);}
 
#top-fixed .content {color:#000; position:absolute; z-index:3; bottom:6%; left:3%;}
#top-fixed .content .txta {font-size:70px; font-weight:600;}
#top-fixed .content .txtb {font-size:18px; padding-top:3%; line-height:1.6;}

/*首页-口号*/
#index-slogan {position:relative; margin-top:100vh; padding:50px 0; background:#fff;}
#index-slogan .typewriter {text-align:center;}
#index-slogan .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}
#index-slogan .scroll {margin-top:20px;}

/*首页数据*/
#index-data {position:relative; padding-bottom:50px; background:#fff;}
#index-data .list {margin:0; overflow:hidden;}
#index-data .list ul {margin-left:-2%;}
#index-data .list li {float:left; width:23%; margin:0 0 0 2%;}
#index-data .list .number {font-size:50px;}
#index-data .list .number-txt {font-size:30px;}
#index-data .list .detail {margin:10px 0 0 0;}

/*首页专业*/
#index-major {position:relative; background:#fff;}
#index-major .circle-container {position: relative; margin-bottom:50px; width: 100%; height: 75px; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
#index-major .horizontal-line {position: absolute; top: 50%; left: 0; width: 100%; height:1px; line-height:1px; background: #eee; transform: translateY(-50%); z-index: 0;}
#index-major .outer-circle {position: relative; width: 75px; height: 75px; border-radius: 50%; background-color: #fff; border: 1px #eee solid; display: flex; justify-content: center; align-items: center;}
#index-major .inner-circle {width: 80%; height: 80%; border-radius: 50%; background: #000; transition: all 0.2s; display:flex; align-items: center; justify-content: center;}
#index-major .inner-circle:hover {background:#d10d1f; transition: all 0.2s;}
#index-major .iconfont {color:#fff; font-size:24px;}

#index-major .bt {margin-bottom:20px;}
#index-major .list {margin-top:50px; padding-bottom:3%; overflow:hidden; border-bottom:1px #eee solid;}
#index-major .list ul {margin-left:-2%; margin-bottom:-3%; overflow:hidden;}
#index-major .list li {float:left; width:48%; margin:0 0 3% 2%; overflow:hidden;}
#index-major .list li .pic {overflow:hidden; width:100%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .title {color:#000; margin-top:20px;}

/*首页师资*/
#index-teacher {position:relative; background:#fff;}
#index-teacher .bt {padding-top:50px; margin:0 0 20px 0;}
#index-teacher .list {padding:50px 0; overflow:hidden;}
#index-teacher .list .left {float:left; width:32%; margin-right:8%; overflow:hidden;}
#index-teacher .list .left img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#index-teacher .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .list .right {float:left; width:55%;} 
#index-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:30px;}
#index-teacher .list .title {margin:30px 0 10px 0;}
#index-teacher .swiper-button {display:block; width:50px; height:50px; line-height:50px; border-radius:100%; font-size:24px; text-align:center; background:#000; color:#fff; transition: all 0.2s;}
#index-teacher .swiper-button-prev {top:90%; left:83%;}
#index-teacher .swiper-button-next {top:90%; right:5%;}
#index-teacher .swiper-button-prev:hover,  #index-teacher .swiper-button-next:hover {background:#d10d1f; transition: all 0.2s;}
#index-teacher .swiper-button-prev::after, #index-teacher .swiper-button-next::after {display:none;}

/*首页作品*/
#index-work {position:relative; background:#f5f5f5; padding:50px 0;}
#index-work .bt {margin-bottom:20px;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:50px 0;}
#index-work .swiper-slide {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#index-work .swiper-slide img {width:100%; transition: all 0.3s;}
#index-work .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-work .swiper-pagination {margin-bottom:-12px;}
#index-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#000;}

/*首页新闻*/
#index-news {position:relative; background:#fff; padding:50px 0;}
#index-news .bt {margin-bottom:20px;}
#index-news .list {margin-top:50px;}
#index-news .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-news .list li {flex-basis:calc(31.33%); margin:0 0 0 2%;}
/*#index-news .list li:nth-of-type(3n+1){clear:both;}*/
#index-news .list li .pic {overflow:hidden;}
#index-news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-news .list .date {margin:20px 0 10px 0;}
#index-news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*首页FAQ*/
#index-faq {position:relative; background:#f5f5f5; padding:50px 0;}
#index-faq .left {float:left; width:55%; margin-right:10%;}
#index-faq .right {float:left; width:35%;}
#index-faq .faq-container {margin:30px 0 0 0;}
#index-faq .faq-item {overflow: hidden; border-bottom:1px #eee solid;}
#index-faq .faq-title {padding:20px 10px 20px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:10px; height:10px; border: solid #ddd; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s ease; }
#index-faq .faq-content {height:0; overflow: hidden; transition: height .3s ease-out, padding .2s ease-out; line-height:1.8;}
#index-faq .faq-item.active .faq-content {padding:0 0 20px 0; line-height:1.8;}
#index-faq .faq-item.active .arrow {transform: rotate(-135deg);}
#index-faq .faq-content.calc {height: auto !important; padding:30px 0 !important;}
#index-faq .list {margin:20px 0 0 0;}
#index-faq .list ul {padding-top:10px;}
#index-faq .list li {margin:15px 0 0 0;}
#index-faq .chat {float:left; margin-top:10px;}
#index-faq .chat a {padding:12px 20px; background:#d10d1f; color:#fff; display: block;}
#index-faq .chat a:hover {background:#000; color:#fff;}

/*底部*/
footer {position:relative; background:#000; background-size:cover; overflow:hidden;}
footer .content {border-bottom:1px #222 solid; padding:40px 0;}
footer .list {width:107.3%;}
footer .list ul {float:left; margin:0 5.3% 0 0; width:28%;}
footer .list li {float:left; margin:20px 40px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .bt {margin-bottom:10px;}
footer .copyright {float:left; padding:1% 0;}
footer .link {float:right; margin-top:0.6vh; padding:1% 0;}
footer .link .nbsp {margin:0 6px;}
footer .iconfont {float:right; margin-left:5px; font-size:18px;}

/*******************************内页开始*******************************/
 
#n-banner {width:100%; background:#fff; overflow:hidden;}
#n-banner .typewriter {font-size:60px; padding:100px 0 0 120px;}
#n-banner .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}

/*左侧菜单*/
#left-menu {float:left; margin:0 0 0 20px; padding-top:50px; --fixed-top:100px; z-index:999;}
#left-menu.fixed {position: fixed; top: var(--fixed-top);}
#left-menu .menu-item {display: block; margin-bottom:2.2vh; color:#000;}
#left-menu .menu-item.active {font-weight:bold; font-size:16px;}
#left-menu li {display:block; margin-bottom:2.2vh; color:#000;}
#left-menu li a:hover {color:#000;}
#left-menu li .active {font-weight:bold; font-size:16px;}

/*内页宽度*/
#n-block {margin:0 20px 0 120px;}

/*品牌介绍*/
#brand {padding-top:50px;}
#brand .left {float:left; width:40%; margin-right:6%;}
#brand .left img {width:100%;}
#brand .right {float:left; width:54%; line-height:2; text-align: justify;}

/*荣誉资质*/
#honor {padding-top:50px;}
#honor .bt {margin-bottom:50px;}
#honor .swiper {height:100%;}
#honor .swiper img {width:100%;}
#honor .swiper-slide {background-position:center; background-size: cover; width:30%;}
#honor .list {margin-top:30px;}
#honor .list ul {text-align:center;}
#honor .list li {margin:10px 10px 0 10px; display:inline-block;}
#honor .list li:not(:last-child)::after {content: "/"; position: absolute; margin:4px 0 0 8px; font-size:12px; color:#eee;}
 
/*创始人*/
#founder {padding-top:50px;}
#founder .bt {margin-bottom:50px;}
#founder .left {float:left; width:28%; margin-right:6%; aspect-ratio: 3/4; overflow:hidden;}
#founder .left video {width:100%; aspect-ratio: 3/4;}
#founder .left img {width:100%; aspect-ratio: 3/4; background:#f5f5f5;}
#founder .right {float:left; width:66%;}
#founder .right .position {margin:15px 0 30px 0;}
#founder .right .content {line-height:2; text-align: justify;}

/*金莎公益*/
#welfare {padding-top:50px;}
#welfare .bt {margin-bottom:50px;}
#welfare .left {float:left; width:54%; margin-right:6%; line-height:2; text-align: justify;}
#welfare .right {float:left; width:40%;}
#welfare .right img {width:100%;}

/*学校环境*/
#environment {padding-top:50px;}
#environment .bt {margin:0;}
#environment .swiper {padding:50px 0 25px 0;}
#environment #slider6 {height:550px;}
#environment #slider6 .swiper-slide {height: calc((100% - 30px) / 2); text-align:center;}
#environment .pic {margin-bottom:20px; overflow:hidden;}
#environment .pic img {width:100%; transition: all 0.3s; aspect-ratio: 4/3;}
#environment .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#environment .swiper-pagination {margin-bottom:-12px;}
#environment .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#environment .swiper-pagination-bullet-active {background:#000;}
/*环境内容*/
#environmen-content {padding:50px 0; margin-bottom:-30px;}
#environmen-content .content {width:95%;}
#environmen-content .pictitle {margin-top:-15px; line-height:2;}
#environmen-content img {max-width:100%;}

/*大事记*/
#events {padding:50px 0;}
#events .list {padding-top:50px;}
#events .list ul {margin-bottom:-15px;}
#events .list li {margin-bottom:15px; display: flex; align-items: center; }
#events .list .left {float:left; margin-right:70px;}
#events .list .right {line-height:2; transition: all 0.3s;}
#events .list li:hover .right {font-weight:bold; transition: all 0.3s;}
 
#events .timeline {position:relative;}
#events .timeline::before {content: ''; position: absolute; left: 90px; top: 0; bottom: 0;  width: 1px; background: #eee;}
#events .timeline-item {display: flex; margin-bottom: 30px; position: relative;}
#events .timeline-item::before {content: ''; position: absolute; left: 83px; top: 7px; width: 9px; height: 9px; border-radius: 100%; background: #fff; border:3px #eee solid; z-index: 1; transition: all 0.2s;}
  
/*专业课程*/
#major-banner {padding:50px 0 0 0;}
#major-banner .pic1 {width:100%; height:50vh; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major-banner .pic2 {width:100%; height:50vh; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major-banner .pic3 {width:100%; height:50vh; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major-banner .pic4 {width:100%; height:50vh; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}

/*专业介绍*/
#major-profile {padding:20px 0 0 0;}
#major-profile .bt {display:flex; justify-content:space-between; align-items:center;}
#major-profile .content {padding:20px 0; line-height:2;}
#major-profile .time {line-height:2;}
#major-profile .chat a {padding:12px 20px; background:#d10d1f; color:#fff; display: block;}
#major-profile .chat a:hover {background:#000; color:#fff;}

/*就业方向*/
#major-direction {padding:50px 0 0 0;}
#major-direction .list {padding:50px 0 0 0;}
#major-direction .list ul {width:102%; margin-left:-2%;}
#major-direction .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-direction .list li img {width:100%;}
#major-direction .content {padding:20px 0 0 0; line-height:2;}

/*专业特色*/
#major-feature {padding:50px 0 0 0;}
#major-feature .list {padding:50px 0 0 0;}
#major-feature .list ul {width:102%; margin-left:-2%;}
#major-feature .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-feature .list li img {width:100%;}
#major-feature .title {padding:20px 0 10px 0;}
#major-feature .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业优势*/
#major-advantage {padding:50px 0 0 0;}
#major-advantage .list {padding-top:50px; margin-bottom:-2%;}
#major-advantage .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#major-advantage .list li {flex-basis:calc(31.33%); padding:30px 0; background:#f5f5f5; margin:0 0 2% 2%; transition: all 0.3s;}
#major-advantage .list li:hover {background:#f9f9f9; transition: all 0.3s;}
#major-advantage .list li .iconfont {transition: all 0.3s; font-size:50px; margin:auto;}
#major-advantage .list li:hover .iconfont {color:#d10d1f; transition: all 0.3s;}
#major-advantage .list li .title {padding-top:20px;}
#major-advantage .list li .detail {padding:20px 20px 0 20px; line-height:1.6;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:50px 0 0 0;}
#major-teacher .bt, #major-work .bt {display:flex; justify-content:space-between; align-items:center;}
#major-teacher .swiper, #major-work .swiper {width:100%;}
#major-teacher .swiper-wrapper, #major-work .swiper-wrapper {padding:50px 0;}
#major-teacher .swiper-slide .title {margin:20px 0 10px 0;}
#major-teacher .swiper-slide .content {line-height:1.6;}
#major-teacher .swiper-slide .pic, #major-work .swiper-slide .pic {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#major-teacher .swiper-slide .pic img, #major-work .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#major-teacher .swiper-slide:hover .pic img, #major-work .swiper-slide:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#major-teacher .swiper-pagination, #major-work .swiper-pagination {margin-bottom:-12px;}
#major-teacher .swiper-pagination-bullet, #major-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more a, #major-work .more a {padding:12px 20px; background:#000; color:#fff; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#d10d1f; color:#fff;}

/*专业故事*/
#major-story {padding:50px 0;}
#major-story video {margin-top:50px; max-width:100%; background:#000; aspect-ratio: 16/9;}

/*明星导师列表*/
#star-teacher {margin:0;}
#star-teacher .list {margin:0;}
#star-teacher .list ul {margin-bottom:-1px; overflow:hidden;}
#star-teacher .list li {padding:50px 0; overflow:hidden; border-bottom:1px #eee solid;}
#star-teacher .list .left {float:left; width:32%; margin-right:8%; overflow:hidden;}
#star-teacher .list .left .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#star-teacher .list .left a:hover img {transform: scale(1.1); transition: all 0.3s;}
#star-teacher .left video {width:100%; aspect-ratio: 3/4;}
#star-teacher .list .right {float:left; width:55%;} 
#star-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:30px;}
#star-teacher .list .title {margin:30px 0 10px 0;}

/*师资列表*/
#teacher-list {padding:50px 0; min-height:35vh;}
#teacher-list .list {margin:0;}
#teacher-list .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#teacher-list .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#teacher-list .list li .pic {overflow:hidden;}
#teacher-list .list li .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#teacher-list .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#teacher-list .list .title {margin:20px 0 10px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:50px 0;}
#teacher-content .left {float:left; width:45%; margin-right:5%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left video {width:100%; aspect-ratio: 3/4;}
#teacher-content .right {float:left; width:50%;}
#teacher-content .right .title {margin-bottom:10px;}
#teacher-content .right .content {margin-top:40px; line-height:2.2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:50px 0; min-height:35vh;}
#work .list {column-count:4; column-gap:2%;}
#work .list li {width:100%; overflow:hidden; margin-bottom:2vh;}
#work .list li .pic {overflow:hidden; width:100%;}
#work .list li .pic img {width:100%; transition: all 0.3s;}
#work .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#work .list .title {margin-top:20px;}

/*作品内容*/
#work-content {padding:50px 0; min-height:35vh;}
#work-content .title {margin-bottom:50px; width:95%;}
#work-content .content {width:95%; margin-bottom:-30px;}
#work-content .content img {max-width:100%;}
#work-content .content .pictitle {margin-top:-15px; line-height:2;}
#work-content .detail {padding-top:50px; line-height:2.2;}

/*新闻动态*/
#news {padding:50px 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#news .list li {flex-basis:calc(31.3%); margin:0 0 3% 2%;}
#news .list li .pic {overflow:hidden;}
#news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#news .list .date {margin:20px 0 10px 0;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*新闻内容*/
#news-content {padding:50px 0; margin:-5px 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.6; width:95%;}
#news-content .date {margin:20px 0 40px 0;}
#news-content .content {line-height:2; width:95%; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:800px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:50px 0; min-height:35vh;}
#contact .contact-list {margin:0 0 -3% 0; overflow:hidden;}
#contact .contact-list ul {display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(40%); margin:0 8% 3% 0; line-height:1.6;}
#contact .contact-list .title {margin-bottom:10px;}
#contact .pic {position: absolute; top:12px; right:10%; width:40%;}
#contact .pic img {width:100%;}

/*调用联系*/
#web-contact .list {padding-bottom:50px;}
#web-contact .list ul {padding-top:10px;}
#web-contact .list li {margin-top:15px;}
#web-contact .chat {float:left; margin-top:10px;}
#web-contact .chat a {padding:12px 20px; background:#d10d1f; color:#fff; display: block;}
#web-contact .chat a:hover {background:#000; color:#fff;}

/*搜索*/
#search {padding:100px 0; min-height:35vh;}
#search .text {float:left;}
#search .text input { width:200px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid; }
#search .text input::placeholder {color:#999; font-weight:normal; font-size:16px;}
#search .captcha-container {float:left; margin-left:20px;}
#search .layui-input {width:50px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid;}
#search .captcha-container img {margin:0 0 0 10px; height:40px;}
#search .submit {float:left; cursor:pointer; margin-left:20px; width:120px; height:40px; line-height:40px; font-size:16px; background:#000; color:#fff; border:0px; transition: all 0.3s;}
#search .submit:hover {background:#333; transition: all 0.3s;}
#search .notice-title {margin:50px 0 20px 0;}
#search .notice-content {line-height:1.6;}
#search .notice-content p {margin-bottom:5px;}

/*搜索结果*/
#result {padding:100px 0; min-height:35vh;}
#result .sorry {margin-bottom:50px;}
#result .notice-title {margin-bottom:20px;}
#result .notice-content {line-height:1.6;}
#result .notice-content p {margin-bottom:5px;}

}



/*****************************************************************************************************************************************************************/
/********************************************************************** iPad 竖屏 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {

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

.f10 {font-size:0.6rem;}
.f12 {font-size:0.7rem;}
.f14 {font-size:0.8rem;}
.f15 {font-size:0.9rem}
.f16 {font-size:1.0rem}
.f18 {font-size:1.1rem;}
.f22 {font-size:1.2rem;}
.f30 {font-size:1.5rem;}
.f36 {font-size:1.6rem;}
.f45 {font-size:1.8rem;}
.f60 {font-size:2.6rem;}
.f75 {font-size:3.2rem;}

header {position:fixed; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:20px; left:20px; width:36px; height:52px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:28px; height:40px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position: absolute; top:35px; left:0; width:100%; z-index:999; display:flex; justify-content:center;}
#fixed-menu ul {list-style: none; margin: 0; padding: 0; display: flex;}
#fixed-menu ul li {padding:0 2vw;}
#fixed-menu ul li a {padding-bottom:8px; display: block; background:linear-gradient( to right, #333, #333) no-repeat left bottom; background-size: 0 1.4px; transition: background-size 0.2s;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#000;}
#fixed-menu ul .active a {font-weight: bold;}

/*页面宽度*/
#main-block {margin:0 20px;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#top-fixed {position:fixed; top:0; left:0; width:100%; height:450px; overflow:hidden; transition: opacity 0.1s ease; opacity: 1;}
#top-fixed.hidden {opacity: 0; pointer-events: none;}

#top-fixed .swiper {height:450px;} 
#top-fixed .swiper-slide {height:100%; overflow:hidden;}

#top-fixed .pic1 {position:absolute; bottom:0; right:0; height:80%; z-index:2;}
#top-fixed .pic2 {position:absolute; bottom:0; right:9%; height:80%; z-index:2;}
#top-fixed .pic3 {position:absolute; bottom:0; right:2%; height:80%; z-index:2;}

#top-fixed .person {height:100%;} /*人物*/
#top-fixed .person img {height:100%;}
#top-fixed .shadow {position:absolute; bottom:-20px; height:100%; z-index:-1;} /*阴影*/
#top-fixed .shadow img {height:100%; filter: blur(20px) grayscale(100%) opacity(50%);}

#top-fixed .kouhong {position:absolute; bottom:22%; right:80%; height:22%; z-index:-1;}
#top-fixed .kouhong img {height:100%; filter: blur(2px);}
#top-fixed .shuazi {position:absolute; bottom:18%; right:8%; height:32%; z-index:-1;}
#top-fixed .shuazi img {height:100%; filter: blur(2px);}

#top-fixed .chuifengji {position:absolute; bottom:10%; right:95%; height:55%; z-index:-1;}
#top-fixed .chuifengji img {height:100%; filter: blur(2px);}
#top-fixed .jiandao {position:absolute; bottom:18%; right:-12%; height:28%; z-index:-1;}
#top-fixed .jiandao img {height:100%; filter: blur(2px);}

#top-fixed .zhijiayou {position:absolute; bottom:22%; right:85%; height:20%; z-index:-1;}
#top-fixed .zhijiayou img {height:100%; filter: blur(2px);}
#top-fixed .zhijiashua {position:absolute; bottom:24%; right:3%; height:20%; z-index:-1;}
#top-fixed .zhijiashua img {height:100%; filter: blur(2px);}
 
#top-fixed .content {color:#000; position:absolute; z-index:3; bottom:6%; left:3%;}
#top-fixed .content .txta {font-size:50px; font-weight:600;}
#top-fixed .content .txtb {font-size:14px; padding-top:3%; line-height:1.6;}

/*首页-口号*/
#index-slogan {position:relative; margin-top:450px; padding:40px 0; background:#fff;}
#index-slogan .typewriter {text-align:center;}
#index-slogan .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}
#index-slogan .scroll {margin-top:10px;}

/*首页数据*/
#index-data {position:relative; padding-bottom:40px; background:#fff;}
#index-data .list {margin:0; overflow:hidden;}
#index-data .list ul {margin-left:-2%;}
#index-data .list li {float:left; width:23%; margin:0 0 0 2%;}
#index-data .list .number {font-size:40px;}
#index-data .list .number-txt {font-size:20px;}
#index-data .list .detail {margin:10px 0 0 0;}

/*首页专业*/
#index-major {position:relative; background:#fff;}
#index-major .circle-container {position: relative; margin-bottom:40px; width: 100%; height: 75px; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
#index-major .horizontal-line {position: absolute; top: 50%; left: 0; width: 100%; height:1px; line-height:1px; background: #eee; transform: translateY(-50%); z-index: 0;}
#index-major .outer-circle {position: relative; width: 75px; height: 75px; border-radius: 50%; background-color: #fff; border: 1px #eee solid; display: flex; justify-content: center; align-items: center;}
#index-major .inner-circle {width:80%; height: 80%; border-radius: 50%; background: #000; transition: all 0.2s; display:flex; align-items: center; justify-content: center;}
#index-major .inner-circle:hover {background:#d10d1f; transition: all 0.2s;}
#index-major .iconfont {color:#fff; font-size:24px;}

#index-major .bt {margin-bottom:10px;}
#index-major .list {margin-top:40px; padding-bottom:3%; overflow:hidden; border-bottom:1px #eee solid;}
#index-major .list ul {margin-left:-2%; margin-bottom:-3%; overflow:hidden;}
#index-major .list li {float:left; width:48%; margin:0 0 3% 2%; overflow:hidden;}
#index-major .list li .pic {overflow:hidden; width:100%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .title {color:#000; margin-top:15px;}

/*首页师资*/
#index-teacher {position:relative; background:#fff;}
#index-teacher .bt {padding-top:40px; margin:0 0 10px 0;}
#index-teacher .list {padding:40px 0; overflow:hidden;}
#index-teacher .list .left {float:left; width:32%; margin-right:6%; overflow:hidden;}
#index-teacher .list .left img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#index-teacher .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .list .right {float:left; width:60%;} 
#index-teacher .list .motto {line-height:1.5; border-bottom:1px #eee solid; padding-bottom:30px;}
#index-teacher .list .title {margin:30px 0 10px 0;}
#index-teacher .swiper-button {display:block; width:46px; height:46px; line-height:46px; border-radius:100%; font-size:20px; text-align:center; background:#000; color:#fff; transition: all 0.2s;}
#index-teacher .swiper-button-prev {top:90%; left:80%;}
#index-teacher .swiper-button-next {top:90%; right:5%;}
#index-teacher .swiper-button-prev:hover,  #index-teacher .swiper-button-next:hover {background:#d10d1f; transition: all 0.2s;}
#index-teacher .swiper-button-prev::after, #index-teacher .swiper-button-next::after {display:none;}

/*首页作品*/
#index-work {position:relative; background:#f5f5f5; padding:40px 0;}
#index-work .bt {margin-bottom:10px;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:40px 0;}
#index-work .swiper-slide {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#index-work .swiper-slide img {width:100%; transition: all 0.3s;}
#index-work .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-work .swiper-pagination {margin-bottom:-12px;}
#index-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#000;}

/*首页新闻*/
#index-news {position:relative; background:#fff; padding:40px 0;}
#index-news .bt {margin-bottom:10px;}
#index-news .list {margin-top:40px;}
#index-news .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-news .list li {flex-basis:calc(31.33%); margin:0 0 0 2%;}
#index-news .list li .pic {overflow:hidden;}
#index-news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-news .list .date {margin:15px 0 10px 0;}
#index-news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*首页FAQ*/
#index-faq {position:relative; background:#f5f5f5; padding:40px 0;}
#index-faq .left {float:left; width:55%; margin-right:10%;}
#index-faq .right {float:left; width:35%;}
#index-faq .faq-container {margin:20px 0 0 0;}
#index-faq .faq-item {overflow: hidden; border-bottom:1px #eee solid;}
#index-faq .faq-title {padding:15px 10px 15px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:10px; height:10px; border: solid #ddd; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s ease; }
#index-faq .faq-content {height:0; overflow: hidden; transition: height .3s ease-out, padding .2s ease-out; line-height:1.6;}
#index-faq .faq-item.active .faq-content {padding:0 0 10px 0; line-height:1.6;}
#index-faq .faq-item.active .arrow {transform: rotate(-135deg);}
#index-faq .faq-content.calc {height: auto !important; padding:30px 0 !important;}
#index-faq .list {margin:15px 0 0 0;}
#index-faq .list ul {padding-top:10px;}
#index-faq .list li {margin-top:10px;}
#index-faq .chat {float:left; margin-top:10px;}
#index-faq .chat a {padding:10px 16px; background:#d10d1f; color:#fff; display: block;}
#index-faq .chat a:hover {background:#000; color:#fff;}

/*底部*/
footer {position:relative; background:#000; background-size:cover; overflow:hidden;}
footer .content {border-bottom:1px #222 solid; padding:30px 0;}
footer .list {width:107.3%;}
footer .list ul {float:left; margin:0 2.3% 0 0; width:31%;}
footer .list li {float:left; margin:15px 25px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .bt {margin-bottom:10px;}
footer .copyright {float:left; padding:1.5% 0; font-size:16px;}
footer .link {float:right; margin-top:0.6vh; padding:1% 0; font-size:12px;}
footer .link .nbsp {margin:0 6px;}
footer .iconfont {float:right; margin-left:5px; font-size:16px;}

/*******************************内页开始*******************************/
 
#n-banner {width:100%; background:#fff; overflow:hidden;}
#n-banner .typewriter {font-size:46px; padding:100px 0 0 100px;}
#n-banner .typewriter span {opacity:0; filter: blur(8px); display: inline-block; /* 保证字符逐个排列 */ animation: typewriter_fadeIn 0.8s forwards; /* 模糊变清晰的动画 */}

/*左侧菜单*/
#left-menu {margin:40px 20px 0 20px;}
#left-menu .menu-item {float:left; display:block; margin-right:1.5%; color:#000; padding:8px 10px;}
#left-menu .menu-item.active {font-weight:bold; background:#000; color:#fff;}

#left-menu li {float:left; margin:0 1.5% 0 0; color:#000;}
#left-menu li a {padding:8px 10px; display:block;}
#left-menu li a:hover {color:#000;}
#left-menu li .active {padding:8px 10px; display:block; font-weight:bold; background:#000; color:#fff;}

/*内页宽度*/
#n-block {margin:0 20px;}

/*品牌介绍*/
#brand {padding-top:40px;}
#brand .left {width:100%;}
#brand .left img {width:100%;}
#brand .right {width:100%; margin-top:20px; line-height:2; text-align: justify;}

/*荣誉资质*/
#honor {padding-top:10px;}
#honor .bt {margin-bottom:40px;}
#honor .swiper {height:100%;}
#honor .swiper img {width:100%;}
#honor .swiper-slide {background-position:center; background-size: cover; width:30%;}
#honor .list {margin-top:20px;}
#honor .list ul {text-align:center;}
#honor .list li {margin:10px 10px 0 10px; display:inline-block;}
#honor .list li:not(:last-child)::after {content: "/"; position: absolute; margin:4px 0 0 8px; font-size:12px; color:#eee;}
 
/*创始人*/
#founder {padding-top:40px;}
#founder .bt {margin-bottom:40px;}
#founder .left {width:100%; aspect-ratio: 3/4; overflow:hidden;}
#founder .left video {width:100%; aspect-ratio: 3/4;}
#founder .left img {width:100%; aspect-ratio: 3/4; background:#f5f5f5;}
#founder .right {margin-top:20px;}
#founder .right .position {margin:10px 0 20px 0;}
#founder .right .content {line-height:2; text-align: justify;}

/*金莎公益*/
#welfare {padding-top:10px;}
#welfare .bt {margin-bottom:40px;}
#welfare .left {width:100%; line-height:2; text-align: justify;}
#welfare .right {width:100%;}
#welfare .right img {width:100%;}

/*学校环境*/
#environment {padding-top:40px;}
#environment .bt {margin:0;}
#environment .swiper {padding:40px 0;}
#environment #slider6 {height:450px;}
#environment #slider6 .swiper-slide {height: calc((100% - 30px) / 2); text-align:center;}
#environment .pic {margin-bottom:15px; overflow:hidden;}
#environment .pic img {width:100%; transition: all 0.3s; aspect-ratio: 4/3;}
#environment .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#environment .swiper-pagination {margin-bottom:-12px;}
#environment .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#environment .swiper-pagination-bullet-active {background:#000;}
/*环境内容*/
#environmen-content {padding-top:40px; margin-bottom:30px;}
#environmen-content .content {width:100%;}
#environmen-content .pictitle {margin-top:-15px; line-height:1.6;}
#environmen-content img {max-width:100%;}

/*大事记*/
#events {padding:40px 0;}
#events .list {padding-top:40px;}
#events .list ul {margin-bottom:-10px;}
#events .list li {margin-bottom:10px; display: flex; align-items: center; }
#events .list .left {float:left; margin-right:50px;}
#events .list .right {line-height:1.6; transition: all 0.3s;}
#events .list li:hover .right {font-weight:bold; transition: all 0.3s;}
 
#events .timeline {position:relative;}
#events .timeline::before {content: ''; position: absolute; left: 75px; top: 0; bottom: 0;  width: 1px; background: #eee;}
#events .timeline-item {display: flex; margin-bottom: 30px; position: relative;}
#events .timeline-item::before {content: ''; position: absolute; left: 69px; top: 7px; width: 7px; height: 7px; border-radius: 100%; background: #fff; border:3px #eee solid; z-index: 1; transition: all 0.2s;}
  
/*专业课程*/
#major-banner {padding:40px 0 0 0;}
#major-banner .pic1 {width:100%; height:35vh; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major-banner .pic2 {width:100%; height:35vh; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major-banner .pic3 {width:100%; height:35vh; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major-banner .pic4 {width:100%; height:35vh; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}

/*专业介绍*/
#major-profile {padding:20px 0 0 0;}
#major-profile .bt {display:flex; justify-content:space-between; align-items:center;}
#major-profile .content {padding:20px 0; line-height:2;}
#major-profile .time {line-height:2;}
#major-profile .chat a {padding:10px 16px; background:#d10d1f; color:#fff; display: block;}
#major-profile .chat a:hover {background:#000; color:#fff;}

/*就业方向*/
#major-direction {padding:40px 0 0 0;}
#major-direction .list {padding:40px 0 0 0;}
#major-direction .list ul {width:102%; margin-left:-2%;}
#major-direction .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-direction .list li img {width:100%;}
#major-direction .content {padding:20px 0 0 0; line-height:2;}

/*专业特色*/
#major-feature {padding:40px 0 0 0;}
#major-feature .list {padding:40px 0 0 0;}
#major-feature .list ul {width:102%; margin-left:-2%;}
#major-feature .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-feature .list li img {width:100%;}
#major-feature .title {padding:15px 0 10px 0;}
#major-feature .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业优势*/
#major-advantage {padding:40px 0 0 0;}
#major-advantage .list {padding-top:40px; margin-bottom:-2%;}
#major-advantage .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#major-advantage .list li {flex-basis:calc(31.33%); padding:30px 0; background:#f5f5f5; margin:0 0 2% 2%; transition: all 0.3s;}
#major-advantage .list li:hover {background:#f9f9f9; transition: all 0.3s;}
#major-advantage .list li .iconfont {transition: all 0.3s; font-size:46px; margin:auto;}
#major-advantage .list li:hover .iconfont {color:#d10d1f; transition: all 0.3s;}
#major-advantage .list li .title {padding-top:20px;}
#major-advantage .list li .detail {padding:20px 20px 0 20px; line-height:1.6;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:40px 0 0 0;}
#major-teacher .bt, #major-work .bt {display:flex; justify-content:space-between; align-items:center;}
#major-teacher .swiper, #major-work .swiper {width:100%;}
#major-teacher .swiper-wrapper, #major-work .swiper-wrapper {padding:40px 0;}
#major-teacher .swiper-slide .title {margin:15px 0 10px 0;}
#major-teacher .swiper-slide .content {line-height:1.6;}
#major-teacher .swiper-slide .pic, #major-work .swiper-slide .pic {overflow:hidden; width:100%; aspect-ratio: 3/4;}
#major-teacher .swiper-slide .pic img, #major-work .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#major-teacher .swiper-slide:hover .pic img, #major-work .swiper-slide:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#major-teacher .swiper-pagination, #major-work .swiper-pagination {margin-bottom:-12px;}
#major-teacher .swiper-pagination-bullet, #major-work .swiper-pagination-bullet {background:#eee; width:12px; height:12px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more a, #major-work .more a {padding:10px 16px; background:#000; color:#fff; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#d10d1f; color:#fff;}

/*专业故事*/
#major-story {padding:40px 0;}
#major-story video {margin-top:40px; max-width:100%; background:#000; aspect-ratio: 16/9;}

/*明星导师列表*/
#star-teacher {margin:0;}
#star-teacher .list {margin:0;}
#star-teacher .list ul {margin-bottom:-1px; overflow:hidden;}
#star-teacher .list li {padding:30px 0; overflow:hidden; border-bottom:1px #eee solid;}
#star-teacher .list .left {float:left; width:32%; margin-right:6%; overflow:hidden;}
#star-teacher .list .left .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#star-teacher .list .left a:hover img {transform: scale(1.1); transition: all 0.3s;}
#star-teacher .left video {width:100%; aspect-ratio: 3/4;}
#star-teacher .list .right {float:left; width:60%;} 
#star-teacher .list .motto {line-height:1.6; border-bottom:1px #eee solid; padding-bottom:30px;}
#star-teacher .list .title {margin:30px 0 10px 0;}

/*师资列表*/
#teacher-list {padding:40px 0; min-height:52vh;}
#teacher-list .list {margin:0;}
#teacher-list .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#teacher-list .list li {flex-basis:calc(31.33%); margin:0 0 3% 2%;}
#teacher-list .list li .pic {overflow:hidden;}
#teacher-list .list li .pic img {width:100%; aspect-ratio: 3/4; transition: all 0.3s;}
#teacher-list .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#teacher-list .list .title {margin:15px 0 10px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:40px 0;}
#teacher-content .left {width:100%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left video {width:100%; aspect-ratio: 3/4;}
#teacher-content .right {width:100%;}
#teacher-content .right .title {margin:20px 0 10px 0;}
#teacher-content .right .content {margin-top:40px; line-height:2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:40px 0; min-height:55vh;}
#work .list {column-count:3; column-gap:2%;}
#work .list li {width:100%; overflow:hidden; margin-bottom:1.5vh;}
#work .list li .pic {overflow:hidden; width:100%;}
#work .list li .pic img {width:100%; transition: all 0.3s;}
#work .list li a:hover img {transform: scale(1.1); transition: all 0.3s;}
#work .list .title {margin-top:20px;}

/*作品内容*/
#work-content {padding:40px 0; min-height:55vh;}
#work-content .title {margin-bottom:40px; width:100%;}
#work-content .content {width:100%; margin-bottom:-30px;}
#work-content .content img {max-width:100%;}
#work-content .content .pictitle {margin-top:-15px; line-height:2;}
#work-content .detail {padding-top:40px; line-height:2.2;}

/*新闻动态*/
#news {padding:40px 0; min-height:55vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#news .list li {flex-basis:calc(31.33%); margin:0 0 3% 2%;}
#news .list li .pic {overflow:hidden;}
#news .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#news .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#news .list .date {margin:15px 0 10px 0;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*新闻内容*/
#news-content {padding:40px 0; margin:-5px 0 -30px 0; min-height:55vh;}
#news-content .title {line-height:1.6; width:100%;}
#news-content .date {margin:20px 0 40px 0;}
#news-content .content {line-height:2; width:100%; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:100%; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:40px 0; min-height:55vh;}
#contact .contact-list {margin:0 0 -3% 0; overflow:hidden;}
#contact .contact-list ul {display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(40%); margin:0 8% 3% 0; line-height:1.6;}
#contact .contact-list .title {margin-bottom:10px;}
#contact .pic {position: absolute; top:10px; right:4%; width:45%;}
#contact .pic img {width:100%;}

/*调用联系*/
#web-contact .list {padding-bottom:40px;}
#web-contact .list ul {padding-top:10px;}
#web-contact .list li {margin-top:10px;}
#web-contact .chat {float:left; margin-top:10px;}
#web-contact .chat a {padding:10px 16px; background:#d10d1f; color:#fff; display: block;}
#web-contact .chat a:hover {background:#000; color:#fff;}

/*搜索*/
#search {padding:100px 0; min-height:55vh;}
#search .text {float:left;}
#search .text input { width:200px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid; }
#search .text input::placeholder {color:#999; font-weight:normal; font-size:16px;}
#search .captcha-container {float:left; margin-left:20px;}
#search .layui-input {width:60px; height:30px; line-height:30px; padding:5px 10px; font-size:18px; font-weight:bold; border:1px #999 solid;}
#search .captcha-container img {margin:0 0 0 10px; height:40px;}
#search .submit {float:left; cursor:pointer; margin-left:20px; width:120px; height:40px; line-height:40px; font-size:16px; background:#000; color:#fff; border:0px; transition: all 0.3s;}
#search .submit:hover {background:#333; transition: all 0.3s;}
#search .notice-title {margin:50px 0 20px 0;}
#search .notice-content {line-height:1.6;}
#search .notice-content p {margin-bottom:5px;}

/*搜索结果*/
#result {padding:100px 0; min-height:55vh;}
#result .sorry {margin-bottom:50px;}
#result .notice-title {margin-bottom:20px;}
#result .notice-content {line-height:1.6;}
#result .notice-content p {margin-bottom:5px;}

}