@charset "utf-8";
* {word-wrap: break-word; padding:0; margin:0;}
::selection {background:#fd6442; 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:#fd6442;}
.s5 a{color:#fd6442;}
.s5 a:hover{color:#fd6442;}

@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;
}

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

/*旋转*/
@keyframes rotate{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}

/*放大*/
@keyframes scale{
0%{transform: scale(1);}
25%{transform: scale(1.1);}
50%{transform: scale(1);}
75%{transform: scale(1.1);}
}

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

/*右侧咨询按钮*/
#right-chat {position:fixed; bottom:30%; right:10px; z-index:99999;}
#right-chat a {background:#fd6442; color:#fff; padding:10px; width:18px; text-align:center; display:block;}
#right-chat a:hover {background:#000;}
#right-chat div {margin-bottom:5px;}

/*默认翻页样式*/
.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:#fd6442; color:#fff; border:1px #fd6442 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%; object-fit:cover;}

/*验证码样式*/
#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;}

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

/*隐藏移动端*/
#m-header, #m-footer {display:none;}

/*顶部*/
header {position:relative; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:30px; left:30px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:90px; height:70px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position:absolute; top:50px; left:15%; z-index:999;}
#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; color:#fff;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#fd6442;}
#fixed-menu ul .active a {font-weight: bold;}

/*顶部咨询按钮*/
#header-chat {position:absolute; right:35px; top:35px;}
#header-chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
#header-chat a:hover {background: rgba(255, 255, 255, 0.7); color:#000;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#index-top {background:#000; height:100vh; overflow:hidden;}
#index-top .swiper {height:100vh;} 
#index-top .swiper-slide {height:100vh; overflow:hidden;}
#index-top .pic {animation: scale 18s linear infinite;}
#index-top .pic img {max-width:100%; min-height:100vh;}
#index-top .flower {position: absolute; z-index:2; bottom:4%; left:-9%; animation: rotate 8s linear infinite;}
#index-top .flower img {width:65%; opacity: 0.08;}
#index-top .content {color:#fff; position:absolute; z-index:9; bottom:20%; left:5%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#index-top .content .txta {font-size:120px; font-weight:600;}
#index-top .content .txtb {font-size:120px; font-weight:600; text-indent: 2em;}
#index-top .content .txtc {font-size:20px; padding-top:2%; line-height:1.8; font-weight:400; color:#ddd;}

/*首页专业*/
#index-major {background:#fff;}
#index-major .bt {padding-top:80px;}
#index-major .list {padding-top:80px;}
#index-major .list ul {margin:0 0 -3% -3%; overflow:hidden;}
#index-major .list li {float:left; width:47%; position:relative; background:#f6f6f6; margin:0 0 3% 3%; overflow:hidden;}
#index-major .list li .pic {float:left; overflow:hidden; width:50%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .content {float:left; margin:40px 0 0 40px;}
#index-major .list li .title {margin-bottom:10px;}
#index-major .list li .more {position: absolute; right:40px; bottom:40px; transition: all 0.3s;}
#index-major .list li:hover .more {right:30px; bottom:40px; transition: all 0.3s;}

/*首页作品*/
#index-work {margin-top:80px; background:#000; padding:80px 0;}
#index-work .bt {margin:0;}
#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:10px; height:10px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#fd6442;}

/*首页师资*/
#index-teacher {background:#fff; padding:80px 0;}
#index-teacher .bt {margin:0;}
#index-teacher .swiper {width:100%;}
#index-teacher .swiper-wrapper {padding:80px 0 10% 0;}
#index-teacher .swiper-slide {width:100%; aspect-ratio: 3/4;}
#index-teacher .swiper-slide .pic {overflow:hidden;}
#index-teacher .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#index-teacher .swiper-slide .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .swiper-pagination {margin-bottom:-12px;}
#index-teacher .swiper-pagination-bullet {background:#eee; width:10px; height:10px; opacity:1;}
#index-teacher .swiper-pagination-bullet-active {background:#000;}
#index-teacher .title {margin:20px 0 10px 0;}

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

/*首页FAQ*/
#index-faq {position:relative; background:#fff; padding:80px 0;}
#index-faq .left {float:left; width:48%;}
#index-faq .right {float:left; width:48%; margin-left:4%;}
#index-faq .faq-container {margin:40px 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:8px; height:8px; 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 .content {margin-top:70px; line-height:2.2; text-align: justify;}
#index-faq .more {float:left; margin-top:10px;}
#index-faq .more a {background:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#index-faq .more a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*底部*/
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 .text {margin:30px 0 0 0;}
footer .list .chat {float:left;}
footer .list .chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
footer .list .chat a:hover {background: #fff; color:#000;}
footer .copyright {float:left; padding:1.5% 0;}
footer .copyright .nbsp {margin:0 8px;}

/*******************************内页开始*******************************/

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

/*内页BANNER*/
#n-banner {position:relative; width:100%; background:#000; overflow:hidden;}
#n-banner .pic {margin:0;}
#n-banner .pic img {width:100%;}
#n-banner .content {position:absolute; left:8%; bottom:35%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#n-banner .path {text-transform: uppercase; margin-bottom:10px;}

/*左侧菜单*/
#left-menu {margin-top:80px;}
#left-menu li {float:left; margin-right:10px;}
#left-menu li a {padding:1.4vh 1.6vw; background:#f6f6f6; display:block;}
#left-menu li .active {font-weight:bold; background:#000; color:#fff;}

/*学校简介*/
#about {padding-top:80px;}
#about .left {float:left; width:34%; margin-right:6%;}
#about .left img {width:100%;}
#about .left .video {aspect-ratio: 4/3; overflow:hidden;}
#about .left .video video {width:100%; aspect-ratio: 4/3;}
#about .right {float:left; width:60%;}
#about .content {line-height:2.2; text-align: justify;}
#about .more1 {float:left; margin-top:10px;}
#about .more1 a {background:#000; color:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more1 a:hover {background:#fff; color:#000; border:1px #000 solid;}
#about .more2 {float:left; margin:10px 0 0 20px;}
#about .more2 a {background:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more2 a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*发展历程*/
#events {padding:80px 0;}
#events .swiper {width:100%;}
#events .swiper-wrapper {padding:80px 0;}
#events .swiper-slide {width:100%;}
#events .content {margin-top:20px; line-height:2.2;}
 
/*荣誉资质*/
#honor {padding:80px 0; min-height:35vh;}
#honor .list {margin:0;}
#honor .list ul {margin:0 0 -4% -2%; display:flex; flex-wrap:wrap;}
#honor .list li {flex-basis:calc(23%); margin:0 0 4% 2%;}
#honor .list li:nth-of-type(3n+1){clear:both;}
#honor .list li .pic {overflow:hidden;}
#honor .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#honor .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#honor .list .title {padding:20px 2% 0 0; line-height:1.8;}

/*荣誉内容*/
#honor-content {padding:80px 0; min-height:35vh;}
#honor-content .title {line-height:1.8;}
#honor-content .content {margin-top:80px; line-height:2.2; text-align:center;}
#honor-content .content img {max-width:100%;}

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

/*环境内容*/
#environmen-content {padding:80px 0; margin-bottom:-30px;}
#environmen-content .content {margin-top:80px; text-align:center;}
#environmen-content .pictitle {margin-top:-15px; line-height:2;}
#environmen-content img {max-width:100%;}

/*专业课程*/
#major {padding:80px 0 0 0;}
#major .profile {float:left; width:60%;}
#major .pic1 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major .pic2 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major .pic3 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major .pic4 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}
#major .bt {display:flex; justify-content:space-between; align-items:center;}
#major .content {padding:30px 0; line-height:2;}
#major .time {line-height:2;}
#major .chat {float:left; margin-top:30px;}
#major .chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
#major .chat a:hover {background:#000; color:#fff;}

/*热门课程*/
#major-course {padding:80px 0 0 0;}
#major-course .list {padding:80px 0 0 0;}
#major-course .list ul {width:102%; margin-left:-2%;}
#major-course .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-course .list li img {width:100%;}
#major-course .title {padding:20px 0 0 0;}
#major-course .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业特色*/
#major-feature {padding:80px 0 0 0;}
#major-feature .pic {margin-top:80px; max-width:100%;}
#major-feature .pic img {width:100%;}

/*就业前景*/
#major-employment {padding:80px 0 0 0;}
#major-employment .pic {margin:80px 0; max-width:100%;}
#major-employment .pic img {width:100%;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:0 0 80px 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:10px; height:10px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more, #major-work .more {margin:0;}
#major-teacher .more a, #major-work .more a {background:#fff; color:#000; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#000; color:#fff; border:1px #000 solid;}

/*师资列表*/
#teacher-list {padding:80px 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: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 {aspect-ratio: 3/4; overflow:hidden;}
#teacher-content .left .video video {width:100%; height:auto;}
#teacher-content .right {float:left; width:70%;}
#teacher-content .right .title {margin-bottom:10px;}
#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: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:80px 0; min-height:35vh;}
#work-content .title {margin-bottom:80px;}
#work-content .content {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 -4% 0;}
#news .list li {width:100%; margin:0 0 4% 0; border-bottom:1px #eee solid; padding-bottom:4%;}
#news .list .left {float:left; width:66%;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}
#news .list .date {margin:10px 0 30px 0;}
#news .list .detail {line-height:2.2;}
#news .more {float:left; margin-top:30px;}
#news .more a {background:#fff; color:#000; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#news .more a:hover {background:#000; color:#fff; border:1px #000 solid;}
#news .list .pic {float:left; margin-left:6%; width:28%; overflow:hidden;}
#news .list .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-content {padding:80px 0; margin:0 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.8;}
#news-content .date {margin:20px 0 80px 0;}
#news-content .content {line-height:2.2; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}
#news-content video {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:80px 0; min-height:35vh;}
#contact .list {margin-bottom:80px;}
#contact .list ul {margin-left:-4%; display: flex;}
#contact .list li {float:left; flex:1; padding:40px 0; margin:0 0 0 4%; transition: all 0.2s; background:#f6f6f6;}
#contact .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; background:#000; color:#fff; border-radius:100px;}
#contact .list li:hover .iconfont {background:#fd6442; color:#fff; transition: all 0.2s;}
#contact .list li .title {padding:20px 20px 0 20px; line-height:150%;}
#contact .list li .detail {padding:20px 40px 0 40px; line-height:150%;}
#contact .contact-list {margin:0 0 -4% 0; overflow:hidden;}
#contact .contact-list ul {margin:0 0 0 -4%; display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(46%);margin:0 0 4% 4%; line-height:1.6;}
#contact .contact-list .title {margin-bottom:15px;}

}


/*****************************************************************************************************************************************************************/
/************************************************************************ 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:4rem;}

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

/*隐藏移动端*/
#m-header, #m-footer {display:none;}

/*顶部*/
header {position:relative; top:0; left:0; width:100%; z-index:9999;}
header #logo {position:absolute; top:30px; left:30px;}
header #logo a {background:url(../images/logo.png) no-repeat; width:90px; height:70px; background-size:100%; display:block;}

/*顶部菜单*/
#fixed-menu {position:absolute; top:50px; left:15%; z-index:999;}
#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; color:#fff;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#fd6442;}
#fixed-menu ul .active a {font-weight: bold;}

/*顶部咨询按钮*/
#header-chat {position:absolute; right:35px; top:35px;}
#header-chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
#header-chat a:hover {background: rgba(255, 255, 255, 0.7); color:#000;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#index-top {background:#000; overflow:hidden;}
#index-top .swiper {margin:0;} 
#index-top .swiper-slide {overflow:hidden;}
#index-top .pic {aspect-ratio: 16/9; animation: scale 18s linear infinite;}
#index-top .pic img {max-width:100%; aspect-ratio: 16/9;}
#index-top .flower {position: absolute; z-index:2; bottom:4%; left:-9%; animation: rotate 8s linear infinite;}
#index-top .flower img {width:65%; opacity: 0.08;}
#index-top .content {color:#fff; position:absolute; z-index:9; bottom:20%; left:5%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#index-top .content .txta {font-size:90px; font-weight:600;}
#index-top .content .txtb {font-size:90px; font-weight:600; text-indent: 2em;}
#index-top .content .txtc {font-size:20px; padding-top:2%; line-height:1.8; font-weight:400; color:#ddd;}

/*首页专业*/
#index-major {background:#fff;}
#index-major .bt {padding-top:60px;}
#index-major .list {padding-top:60px;}
#index-major .list ul {margin:0 0 -3% -3%; overflow:hidden;}
#index-major .list li {float:left; width:47%; position:relative; background:#f6f6f6; margin:0 0 3% 3%; overflow:hidden;}
#index-major .list li .pic {float:left; overflow:hidden; width:50%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .content {float:left; margin:40px 0 0 40px;}
#index-major .list li .title {margin-bottom:10px;}
#index-major .list li .more {position: absolute; right:40px; bottom:40px; transition: all 0.3s;}
#index-major .list li:hover .more {right:30px; bottom:40px; transition: all 0.3s;}

/*首页作品*/
#index-work {margin-top:60px; background:#000; padding:60px 0;}
#index-work .bt {margin:0;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:60px 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:10px; height:10px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#fd6442;}

/*首页师资*/
#index-teacher {background:#fff; padding:60px 0;}
#index-teacher .bt {margin:0;}
#index-teacher .swiper {width:100%;}
#index-teacher .swiper-wrapper {padding:60px 0 10% 0;}
#index-teacher .swiper-slide {width:100%; aspect-ratio: 3/4;}
#index-teacher .swiper-slide .pic {overflow:hidden;}
#index-teacher .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#index-teacher .swiper-slide .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .swiper-pagination {margin-bottom:-12px;}
#index-teacher .swiper-pagination-bullet {background:#eee; width:10px; height:10px; opacity:1;}
#index-teacher .swiper-pagination-bullet-active {background:#000;}
#index-teacher .title {margin:20px 0 10px 0;}

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

/*首页FAQ*/
#index-faq {position:relative; background:#fff; padding:60px 0;}
#index-faq .left {float:left; width:48%;}
#index-faq .right {float:left; width:48%; margin-left:4%;}
#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:30px 10px 30px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:8px; height:8px; 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 20px 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 .content {margin-top:50px; line-height:2.2; text-align: justify;}
#index-faq .more {float:left; margin-top:10px;}
#index-faq .more a {background:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#index-faq .more a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*底部*/
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:30px 40px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .text {margin:30px 0 0 0;}
footer .list .chat {float:left;}
footer .list .chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
footer .list .chat a:hover {background: #fff; color:#000;}
footer .copyright {float:left; padding:1.5% 0;}
footer .copyright .nbsp {margin:0 8px;}

/*******************************内页开始*******************************/

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

/*内页BANNER*/
#n-banner {position:relative; width:100%; background:#000; overflow:hidden;}
#n-banner .pic {margin:0;}
#n-banner .pic img {width:100%;}
#n-banner .content {position:absolute; left:8%; bottom:35%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#n-banner .path {text-transform: uppercase; margin-bottom:10px;}

/*左侧菜单*/
#left-menu {margin-top:60px;}
#left-menu li {float:left; margin-right:10px;}
#left-menu li a {padding:1.4vh 1.6vw; background:#f6f6f6; display:block;}
#left-menu li .active {font-weight:bold; background:#000; color:#fff;}

/*学校简介*/
#about {padding-top:60px;}
#about .left {float:left; width:34%; margin-right:6%;}
#about .left img {width:100%;}
#about .left .video {aspect-ratio: 4/3; overflow:hidden;}
#about .left .video video {width:100%; aspect-ratio: 4/3;}
#about .right {float:left; width:60%;}
#about .content {line-height:2.2; text-align: justify;}
#about .more1 {float:left; margin-top:10px;}
#about .more1 a {background:#000; color:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more1 a:hover {background:#fff; color:#000; border:1px #000 solid;}
#about .more2 {float:left; margin:10px 0 0 20px;}
#about .more2 a {background:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more2 a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*发展历程*/
#events {padding:60px 0;}
#events .swiper {width:100%;}
#events .swiper-wrapper {padding:60px 0 30px 0;}
#events .swiper-slide {width:100%;}
#events .content {margin-top:20px; line-height:2.2;}
 
/*荣誉资质*/
#honor {padding:60px 0; min-height:35vh;}
#honor .list {margin:0;}
#honor .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#honor .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#honor .list li:nth-of-type(3n+1){clear:both;}
#honor .list li .pic {overflow:hidden;}
#honor .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#honor .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#honor .list .title {padding:20px 2% 0 0; line-height:1.8;}

/*荣誉内容*/
#honor-content {padding:60px 0; min-height:35vh;}
#honor-content .title {line-height:1.8;}
#honor-content .content {margin-top:60px; line-height:2.2; text-align:center;}
#honor-content .content img {max-width:100%;}

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

/*环境内容*/
#environmen-content {padding:60px 0; margin-bottom:-30px;}
#environmen-content .content {margin-top:60px; text-align:center;}
#environmen-content .pictitle {margin-top:-15px; line-height:2;}
#environmen-content img {max-width:100%;}

/*专业课程*/
#major {padding:60px 0 0 0;}
#major .profile {float:left; width:60%;}
#major .pic1 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major .pic2 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major .pic3 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major .pic4 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}
#major .bt {display:flex; justify-content:space-between; align-items:center;}
#major .content {padding:30px 0; line-height:2;}
#major .time {line-height:2;}
#major .chat {float:left; margin-top:30px;}
#major .chat a {background:#fd6442; color:#fff; padding:1.4vh 1.6vw; display: block;}
#major .chat a:hover {background:#000; color:#fff;}

/*热门课程*/
#major-course {padding:60px 0 0 0;}
#major-course .list {padding:60px 0 0 0;}
#major-course .list ul {width:102%; margin-left:-2%;}
#major-course .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-course .list li img {width:100%;}
#major-course .title {padding:20px 0 0 0;}
#major-course .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业特色*/
#major-feature {padding:60px 0 0 0;}
#major-feature .pic {margin-top:60px; max-width:100%;}
#major-feature .pic img {width:100%;}

/*就业前景*/
#major-employment {padding:60px 0 0 0;}
#major-employment .pic {margin:60px 0; max-width:100%;}
#major-employment .pic img {width:100%;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:0 0 60px 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:60px 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:10px; height:10px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more, #major-work .more {margin:0;}
#major-teacher .more a, #major-work .more a {background:#fff; color:#000; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#000; color:#fff; border:1px #000 solid;}

/*师资列表*/
#teacher-list {padding:60px 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:60px 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 {aspect-ratio: 3/4; overflow:hidden;}
#teacher-content .left .video video {width:100%; height:auto;}
#teacher-content .right {float:left; width:70%;}
#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:60px 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:60px 0; min-height:35vh;}
#work-content .title {margin-bottom:60px;}
#work-content .content {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:60px 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -4% 0;}
#news .list li {width:100%; margin:0 0 4% 0; border-bottom:1px #eee solid; padding-bottom:4%;}
#news .list .left {float:left; width:66%;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}
#news .list .date {margin:10px 0 30px 0;}
#news .list .detail {line-height:2.2;}
#news .more {float:left; margin-top:30px;}
#news .more a {background:#fff; color:#000; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#news .more a:hover {background:#000; color:#fff; border:1px #000 solid;}
#news .list .pic {float:left; margin-left:6%; width:28%; overflow:hidden;}
#news .list .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-content {padding:60px 0; margin:0 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.8;}
#news-content .date {margin:20px 0 60px 0;}
#news-content .content {line-height:2.2; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}
#news-content video {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:60px 0; min-height:35vh;}
#contact .list {margin-bottom:60px;}
#contact .list ul {margin-left:-4%; display: flex;}
#contact .list li {float:left; flex:1; padding:30px 0; margin:0 0 0 4%; transition: all 0.2s; background:#f6f6f6;}
#contact .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; background:#000; color:#fff; border-radius:100px;}
#contact .list li:hover .iconfont {background:#fd6442; color:#fff; transition: all 0.2s;}
#contact .list li .title {padding:20px 20px 0 20px; line-height:150%;}
#contact .list li .detail {padding:20px 40px 0 40px; line-height:150%;}
#contact .contact-list {margin:0 0 -4% 0; overflow:hidden;}
#contact .contact-list ul {margin:0 0 0 -4%; display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(46%);margin:0 0 4% 4%; line-height:1.6;}
#contact .contact-list .title {margin-bottom:15px;}

}



/*****************************************************************************************************************************************************************/
/********************************************************************** 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.7rem;}
.f45 {font-size:2.0rem;}
.f60 {font-size:3.3rem;}
.f75 {font-size:3rem;}

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

/*隐藏移动端*/
#m-header, #m-footer {display:none;}

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

/*顶部菜单*/
#fixed-menu {position:absolute; top:40px; left:15%; z-index:999;}
#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; color:#fff;}
#fixed-menu ul li a:hover {background-size: 100% 1.4px; transition: all 0.2s; color:#fd6442;}
#fixed-menu ul .active a {font-weight: bold;}

/*顶部咨询按钮*/
#header-chat {position:absolute; right:20px; top:30px; font-size:14px;}
#header-chat a {background:#fd6442; color:#fff; padding:1vh 1.2vw; display: block;}
#header-chat a:hover {background: rgba(255, 255, 255, 0.7); color:#000;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#index-top {background:#000; overflow:hidden;}
#index-top .swiper {margin:0;} 
#index-top .swiper-slide {overflow:hidden;}
#index-top .pic {aspect-ratio: 16/9; animation: scale 18s linear infinite;}
#index-top .pic img {max-width:100%; aspect-ratio: 16/9;}
#index-top .flower {position: absolute; z-index:2; bottom:4%; left:-25%; animation: rotate 8s linear infinite;}
#index-top .flower img {width:45%; opacity: 0.08;}
#index-top .content {color:#fff; position:absolute; z-index:9; bottom:20%; left:5%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#index-top .content .txta {font-size:70px; font-weight:600;}
#index-top .content .txtb {font-size:70px; font-weight:600; text-indent: 2em;}
#index-top .content .txtc {font-size:16px; padding-top:2%; line-height:1.6; font-weight:400; color:#ddd;}

/*首页专业*/
#index-major {background:#fff;}
#index-major .bt {padding-top:30px;}
#index-major .list {padding-top:30px;}
#index-major .list ul {margin:0 0 -2% -2%; overflow:hidden;}
#index-major .list li {float:left; width:48%; position:relative; background:#f6f6f6; margin:0 0 2% 2%; overflow:hidden;}
#index-major .list li .pic {float:left; overflow:hidden; width:50%;}
#index-major .list li .pic img {width:100%; transition: all 0.3s;}
#index-major .list li:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .content {float:left; margin:40px 0 0 40px;}
#index-major .list li .title {margin-bottom:10px;}
#index-major .list li .more {position: absolute; right:30px; bottom:20px; transition: all 0.3s;}
#index-major .list li:hover .more {right:20px; bottom:20px; transition: all 0.3s;}

/*首页作品*/
#index-work {margin-top:30px; background:#000; padding:30px 0;}
#index-work .bt {margin:0;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:30px 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:10px; height:10px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#fd6442;}

/*首页师资*/
#index-teacher {background:#fff; padding:30px 0;}
#index-teacher .bt {margin:0;}
#index-teacher .swiper {width:100%;}
#index-teacher .swiper-wrapper {padding:30px 0 10% 0;}
#index-teacher .swiper-slide {width:100%; aspect-ratio: 3/4;}
#index-teacher .swiper-slide .pic {overflow:hidden;}
#index-teacher .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#index-teacher .swiper-slide .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .swiper-pagination {margin-bottom:-12px;}
#index-teacher .swiper-pagination-bullet {background:#eee; width:10px; height:10px; opacity:1;}
#index-teacher .swiper-pagination-bullet-active {background:#000;}
#index-teacher .title {margin:20px 0 10px 0;}
#index-teacher .position {line-height:1.6;}

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

/*首页FAQ*/
#index-faq {position:relative; background:#fff; padding:30px 0;}
#index-faq .left {float:left; width:48%;}
#index-faq .right {float:left; width:48%; margin-left:4%;}
#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:20px 10px 20px 0; cursor: pointer;  display: flex; justify-content: space-between; align-items: center; transition: background .3s ease; }
#index-faq .arrow {width:8px; height:8px; 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 20px 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 .content {margin-top:30px; line-height:1.8; text-align: justify;}
#index-faq .content p {margin:15px 0;}
#index-faq .more {float:left;}
#index-faq .more a {background:#fff; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#index-faq .more a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*底部*/
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 3.3% 0 0; width:30%;}
footer .list li {float:left; margin:20px 30px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .text {margin:20px 0 0 0;}
footer .list .chat {float:left;}
footer .list .chat a {background:#fd6442; color:#fff; padding:1vh 1.2vw; display: block;}
footer .list .chat a:hover {background: #fff; color:#000;}
footer .copyright {float:left; padding:1.5% 0;}
footer .copyright .nbsp {margin:0 8px;}

/*******************************内页开始*******************************/

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

/*内页BANNER*/
#n-banner {position:relative; width:100%; background:#000; overflow:hidden;}
#n-banner .pic {margin:0;}
#n-banner .pic img {width:100%;}
#n-banner .content {position:absolute; left:8%; bottom:35%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#n-banner .path {text-transform: uppercase; margin-bottom:10px;}

/*左侧菜单*/
#left-menu {margin-top:30px;}
#left-menu li {float:left; margin-right:10px;}
#left-menu li a {padding:1.4vh 1.6vw; background:#f6f6f6; display:block;}
#left-menu li .active {font-weight:bold; background:#000; color:#fff;}

/*学校简介*/
#about {padding-top:30px;}
#about .left {float:left; width:36%; margin-right:4%;}
#about .left img {width:100%;}
#about .left .video {aspect-ratio: 4/3; overflow:hidden;}
#about .left .video video {width:100%; aspect-ratio: 4/3;}
#about .right {float:left; width:60%;}
#about .content {line-height:1.8; text-align: justify;}
#about .content p {margin:0 0 15px 0;}
#about .more1 {float:left; margin-top:10px;}
#about .more1 a {background:#000; color:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more1 a:hover {background:#fff; color:#000; border:1px #000 solid;}
#about .more2 {float:left; margin:10px 0 0 20px;}
#about .more2 a {background:#fff; border:1px #000 solid; padding:1.4vh 1.6vw; display: block;}
#about .more2 a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*发展历程*/
#events {padding:30px 0;}
#events .swiper {width:100%;}
#events .swiper-wrapper {padding:30px 0;}
#events .swiper-slide {width:100%;}
#events .content {margin-top:20px; line-height:1.8;}
 
/*荣誉资质*/
#honor {padding:30px 0; min-height:35vh;}
#honor .list {margin:0;}
#honor .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#honor .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#honor .list li:nth-of-type(3n+1){clear:both;}
#honor .list li .pic {overflow:hidden;}
#honor .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#honor .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#honor .list .title {padding:20px 2% 0 0; line-height:1.6;}

/*荣誉内容*/
#honor-content {padding:30px 0; min-height:35vh;}
#honor-content .title {line-height:1.6;}
#honor-content .content {margin-top:60px; line-height:1.6; text-align:center;}
#honor-content .content img {max-width:100%;}

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

/*环境内容*/
#environmen-content {padding:30px 0; margin-bottom:-30px;}
#environmen-content .content {margin-top:30px; text-align:center;}
#environmen-content .pictitle {margin-top:-15px; line-height:1.6;}
#environmen-content img {max-width:100%;}

/*专业课程*/
#major {padding:30px 0 0 0;}
#major .profile {float:left; width:62%;}
#major .pic1 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major .pic2 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major .pic3 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major .pic4 {float:right; width:34%; aspect-ratio: 4/3; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}
#major .bt {display:flex; justify-content:space-between; align-items:center;}
#major .content {padding:20px 0; line-height:2;}
#major .time {line-height:2;}
#major .chat {float:left; margin-top:20px;}
#major .chat a {background:#fd6442; color:#fff; padding:1vh 1.2vw; display: block;}
#major .chat a:hover {background:#000; color:#fff;}

/*热门课程*/
#major-course {padding:30px 0 0 0;}
#major-course .list {padding:30px 0 0 0;}
#major-course .list ul {width:102%; margin-left:-2%;}
#major-course .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-course .list li img {width:100%;}
#major-course .title {padding:20px 0 0 0;}
#major-course .content {line-height:1.6; padding-right:20px; text-align: justify;}

/*专业特色*/
#major-feature {padding:30px 0 0 0;}
#major-feature .pic {margin-top:30px; max-width:100%;}
#major-feature .pic img {width:100%;}

/*就业前景*/
#major-employment {padding:30px 0 0 0;}
#major-employment .pic {margin:30px 0; max-width:100%;}
#major-employment .pic img {width:100%;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:0 0 30px 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:30px 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:10px; height:10px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more, #major-work .more {margin:0;}
#major-teacher .more a, #major-work .more a {background:#fff; color:#000; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#000; color:#fff; border:1px #000 solid;}

/*师资列表*/
#teacher-list {padding:30px 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:30px 0; min-height:35vh;}
#teacher-content .left {float:left; width:36%; margin-right:4%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left .video {aspect-ratio: 3/4; overflow:hidden;}
#teacher-content .left .video video {width:100%; height:auto;}
#teacher-content .right {float:left; width:60%;}
#teacher-content .right .title {margin-bottom:10px;}
#teacher-content .right .content {margin-top:20px; line-height:2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:30px 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.6;}

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

/*新闻动态*/
#news {padding:30px 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -3% 0;}
#news .list li {width:100%; margin:0 0 3% 0; border-bottom:1px #eee solid; padding-bottom:3%;}
#news .list .left {float:left; width:66%;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}
#news .list .date {margin:10px 0 20px 0;}
#news .list .detail {line-height:1.6;}
#news .more {float:left; margin-top:20px;}
#news .more a {background:#fff; color:#000; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#news .more a:hover {background:#000; color:#fff; border:1px #000 solid;}
#news .list .pic {float:left; margin-left:6%; width:28%; overflow:hidden;}
#news .list .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-content {padding:30px 0; margin:0 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.8;}
#news-content .date {margin:10px 0 30px 0;}
#news-content .content {line-height:2; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}
#news-content video {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:30px 0; min-height:35vh;}
#contact .list {margin-bottom:30px;}
#contact .list ul {margin-left:-2%; display: flex;}
#contact .list li {float:left; flex:1; padding:30px 0; margin:0 0 0 2%; transition: all 0.2s; background:#f6f6f6;}
#contact .list li .iconfont {transition: all 0.2s; font-size:30px; width:65px; height:65px; line-height:65px; margin:auto; background:#000; color:#fff; border-radius:100px;}
#contact .list li:hover .iconfont {background:#fd6442; color:#fff; transition: all 0.2s;}
#contact .list li .title {padding:20px 20px 0 20px; line-height:150%;}
#contact .list li .detail {padding:20px 20px 0 20px; line-height:150%;}
#contact .contact-list {margin:0 0 -3% 0; overflow:hidden;}
#contact .contact-list ul {margin:0 0 0 -3%; display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(46%);margin:0 0 3% 3%; line-height:1.6;}
#contact .contact-list .title {margin-bottom:10px;}

}

/*****************************************************************************************************************************************************************/
/********************************************************************** 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:2.8rem;}

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

/*隐藏PC端*/
#fixed-menu, #header-chat, #m-footer, header {display:none;}

/*移动头部*/
#m-header .sp_header{height:60px; overflow:hidden; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); position:fixed; top:0; left:0; z-index:99999; width:100%;}
#m-header .sp_logo {float:left; margin:9px 0 0 2%;}
#m-header .sp_logo a {background:url(../images/logo.png) no-repeat; width:64px; height:50px; background-size:100%; display:block;}
#m-header .sp_nav {width:54px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px;}
#m-header .sp_nav span{display:block;background:#fff; width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.2s}
#m-header .sp_nav span:nth-of-type(1){top:0px}
#m-header .sp_nav span:nth-of-type(2){top:10px}
#m-header .sp_nav span:nth-of-type(3){top:20px}
#m-header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
#m-header .sp_nav_se span:nth-of-type(2){width:0}
#m-header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
#m-header .sjj_nav {position:fixed;z-index:8; background: rgba(0,0,0,0.9); width:100%; height:calc(100% - 0px); top:-100%;left:0; overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#m-header .sjj_nav ul {margin:50px 2% 0 2%; text-align:center; font-size:18px;}
#m-header .sjj_nav li a {color:#fff; width:100%; display:block; padding:4% 0; border-bottom:1px #222 solid;}
#m-header .nav_show{top:0;}
#m-header .sjj_nav .active a {font-weight: bold;}

/************************************/
/**********顶部固定大图开始**********/
/************************************/
#index-top {background:#000; overflow:hidden;}
#index-top .swiper {margin:0;} 
#index-top .swiper-slide {overflow:hidden;}
#index-top .pic {aspect-ratio: 16/9; animation: scale 18s linear infinite;}
#index-top .pic img {max-width:100%; aspect-ratio: 16/9;}
#index-top .flower {position: absolute; z-index:2; bottom:4%; left:-35%; animation: rotate 8s linear infinite;}
#index-top .flower img {width:45%; opacity: 0.08;}
#index-top .content {color:#fff; position:absolute; z-index:9; bottom:20%; left:5%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#index-top .content .txta {font-size:54px; font-weight:600;}
#index-top .content .txtb {font-size:54px; font-weight:600; text-indent: 2em;}
#index-top .content .txtc {font-size:16px; padding-top:2%; line-height:1.6; font-weight:400; color:#ddd;}

/*首页专业*/
#index-major {background:#fff;}
#index-major .bt {padding-top:2%;}
#index-major .list {padding-top:2%;}
#index-major .list ul {margin:0 0 -2% -2%; overflow:hidden;}
#index-major .list li {float:left; width:48%; position:relative; background:#f6f6f6; margin:0 0 2% 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:hover .pic img {transform: scale(1.1); transition: all 0.3s;}
#index-major .list li .content {float:left; margin:10px 0 10px 10px;}
#index-major .list li .title {margin-bottom:10px;}
#index-major .list li .more {position: absolute; right:20px; bottom:10px; transition: all 0.3s;}
#index-major .list li:hover .more {right:10px; bottom:10px; transition: all 0.3s;}

/*首页作品*/
#index-work {margin-top:2%; background:#000; padding:2% 0;}
#index-work .bt {margin:0;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:2% 0 4% 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:10px; height:10px; opacity:1;}
#index-work .swiper-pagination-bullet-active {background:#fd6442;}

/*首页师资*/
#index-teacher {background:#fff; padding:2% 0;}
#index-teacher .bt {margin:0;}
#index-teacher .swiper {width:100%;}
#index-teacher .swiper-wrapper {padding:2% 0 14% 0;}
#index-teacher .swiper-slide {width:100%; aspect-ratio: 3/4;}
#index-teacher .swiper-slide .pic {overflow:hidden;}
#index-teacher .swiper-slide .pic img {width:100%; transition: all 0.3s;}
#index-teacher .swiper-slide .pic:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-teacher .swiper-pagination {margin-bottom:-12px;}
#index-teacher .swiper-pagination-bullet {background:#eee; width:10px; height:10px; opacity:1;}
#index-teacher .swiper-pagination-bullet-active {background:#000;}
#index-teacher .title {margin:20px 0 10px 0;}

/*首页新闻*/
#index-news {background:#f6f6f6; padding:2% 0;}
#index-news .bt {margin:0;}
#index-news .list {margin-top:2%;}
#index-news .left {float:left; width:50%;}
#index-news .left .pic {overflow:hidden;}
#index-news .left .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#index-news .left a:hover img {transform: scale(1.1); transition: all 0.3s;}
#index-news .left .title {margin:20px 0 10px 0; line-height:1.6;}
#index-news .left .date {margin:0;}
#index-news .right {float:left; width:50%; padding-bottom:4%;}
#index-news .right li {padding:0 0 4% 8%;}
#index-news .right .date {margin-bottom:10px;}
#index-news .right .title {line-height:1.6;}
#index-news .more {position:absolute; right:0; bottom:0;}

/*首页FAQ*/
#index-faq {position:relative; background:#fff; padding:2% 0;}
#index-faq .left {float:left; width:100%;}
#index-faq .right {float:left; width:100%; margin-top:2%;}
#index-faq .faq-container {margin:2% 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:8px; height:8px; 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 15px 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 .content {margin-top:2%; line-height:2.2; text-align: justify;}
#index-faq .content p {margin:10px 0;}
#index-faq .more {float:left;}
#index-faq .more a {background:#fff; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#index-faq .more a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*底部*/
footer {position:relative; background:#000; background-size:cover; overflow:hidden;}
footer .content {border-bottom:1px #222 solid; padding:2% 0 0 0;}
footer .list {width:100%;}
footer .list ul {float:left; margin-bottom:2%; width:100%;}
footer .list li {float:left; margin:2% 30px 0 0;}
footer .list li a:hover {color:#fff;}
footer .list .text {margin:2% 0 0 0;}
footer .list .chat {float:left;}
footer .list .chat a {background:#fd6442; color:#fff; padding:1vh 1.2vw; display: block;}
footer .list .chat a:hover {background: #fff; color:#000;}
footer .copyright {float:left; padding:1.5% 0;}
footer .copyright .nbsp {margin:0 8px;}

/*******************************内页开始*******************************/

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

/*内页BANNER*/
#n-banner {position:relative; width:100%; background:#000; overflow:hidden;}
#n-banner .pic {margin:0;}
#n-banner .pic img {width:100%;}
#n-banner .content {position:absolute; left:8%; bottom:35%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#n-banner .path {text-transform: uppercase; margin-bottom:10px;}

/*左侧菜单*/
#left-menu {margin:0;}
#left-menu li {float:left; margin:10px 10px 0 0;}
#left-menu li a {padding:1vh 1.2vw; background:#f6f6f6; display:block;}
#left-menu li .active {font-weight:bold; background:#000; color:#fff;}

/*学校简介*/
#about {padding-top:2%;}
#about .left {width:100%;}
#about .left img {width:100%;}
#about .left .video {aspect-ratio: 4/3; overflow:hidden;}
#about .left .video video {width:100%; aspect-ratio: 4/3;}
#about .right {margin-top:2%; width:100%;}
#about .content {line-height:1.8; text-align: justify;}
#about .content p {margin:0 0 15px 0;}
#about .more1 {float:left; margin-top:10px;}
#about .more1 a {background:#000; color:#fff; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#about .more1 a:hover {background:#fff; color:#000; border:1px #000 solid;}
#about .more2 {float:left; margin:10px 0 0 20px;}
#about .more2 a {background:#fff; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#about .more2 a:hover {background: #000; color:#fff; border:1px #000 solid;}

/*发展历程*/
#events {padding:3% 0;}
#events .swiper {width:100%;}
#events .swiper-wrapper {padding:2% 0 3% 0;}
#events .swiper-slide {width:100%;}
#events .content {margin-top:20px; line-height:1.8;}
 
/*荣誉资质*/
#honor {padding:2% 0; min-height:35vh;}
#honor .list {margin:0;}
#honor .list ul {margin:0 0 -3% -2%; display:flex; flex-wrap:wrap;}
#honor .list li {flex-basis:calc(23%); margin:0 0 3% 2%;}
#honor .list li:nth-of-type(3n+1){clear:both;}
#honor .list li .pic {overflow:hidden;}
#honor .list li .pic img {width:100%; aspect-ratio: 4/3; transition: all 0.3s;}
#honor .list a:hover img {transform: scale(1.1); transition: all 0.3s;}
#honor .list .title {padding:15px 2% 0 0; line-height:1.6;}

/*荣誉内容*/
#honor-content {padding:4% 0; min-height:35vh;}
#honor-content .title {line-height:1.6;}
#honor-content .content {margin-top:4%; line-height:1.6; text-align:center;}
#honor-content .content img {max-width:100%;}

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

/*环境内容*/
#environmen-content {padding:4% 0; margin-bottom:-4%;}
#environmen-content .content {margin-top:4%; text-align:center;}
#environmen-content .pictitle {margin-top:-15px; line-height:1.6;}
#environmen-content img {max-width:100%;}

/*专业课程*/
#major {padding:2% 0 0 0;}
#major .profile {float:left; width:50%;}
#major .pic1 {float:right; width:46%; aspect-ratio: 4/3; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major .pic2 {float:right; width:46%; aspect-ratio: 4/3; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major .pic3 {float:right; width:46%; aspect-ratio: 4/3; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major .pic4 {float:right; width:46%; aspect-ratio: 4/3; background:url('../images/major_beauty.webp') center center no-repeat; background-size:cover;}
#major .bt {display:flex; justify-content:space-between; align-items:center;}
#major .content {padding:2% 0; line-height:2;}
#major .time {line-height:2;}
#major .chat {float:left; margin-top:2%;}
#major .chat a {background:#fd6442; color:#fff; padding:1vh 1.2vw; display: block;}
#major .chat a:hover {background:#000; color:#fff;}

/*热门课程*/
#major-course {padding:2% 0 0 0;}
#major-course .list {padding:2% 0 0 0;}
#major-course .list ul {width:102%; margin-left:-2%;}
#major-course .list li {float:left; width:23%; margin:0 0 0 2%;}
#major-course .list li img {width:100%;}
#major-course .title {padding:15px 0 0 0;}

/*专业特色*/
#major-feature {padding:2% 0 0 0;}
#major-feature .pic {margin-top:2%; max-width:100%;}
#major-feature .pic img {width:100%;}

/*就业前景*/
#major-employment {padding:2% 0 0 0;}
#major-employment .pic {margin:2% 0; max-width:100%;}
#major-employment .pic img {width:100%;}

/*专业师资、作品*/
#major-teacher, #major-work {padding:0 0 2% 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:2% 0 4% 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:10px; height:10px; opacity:1;}
#major-teacher .swiper-pagination-bullet-active, #major-work .swiper-pagination-bullet-active {background:#000;}
#major-teacher .more, #major-work .more {margin:0;}
#major-teacher .more a, #major-work .more a {background:#fff; color:#000; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#major-teacher .more a:hover, #major-work .more a:hover {background:#000; color:#fff; border:1px #000 solid;}

/*师资列表*/
#teacher-list {padding:2% 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:15px 0 10px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:2% 0; min-height:35vh;}
#teacher-content .left {float:left; width:46%; margin-right:4%;}
#teacher-content .left img {width:100%; aspect-ratio: 3/4;}
#teacher-content .left .video {aspect-ratio: 3/4; overflow:hidden;}
#teacher-content .left .video video {width:100%; height:auto;}
#teacher-content .right {float:left; width:50%;}
#teacher-content .right .title {margin-bottom:10px;}
#teacher-content .right .content {margin-top:20px; line-height:2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:2% 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:2%; line-height:1.6;}

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

/*新闻动态*/
#news {padding:2% 0; min-height:35vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -3% 0;}
#news .list li {width:100%; margin:0 0 2% 0; border-bottom:1px #eee solid; padding-bottom:3%;}
#news .list .left {float:left; width:66%;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}
#news .list .date {margin:10px 0;}
#news .list .detail {line-height:1.6;}
#news .more {float:left; margin-top:20px;}
#news .more a {background:#fff; color:#000; border:1px #000 solid; padding:1vh 1.2vw; display: block;}
#news .more a:hover {background:#000; color:#fff; border:1px #000 solid;}
#news .list .pic {float:left; margin-left:6%; width:28%; overflow:hidden;}
#news .list .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-content {padding:2% 0; margin:0 0 -30px 0; min-height:35vh;}
#news-content .title {line-height:1.8;}
#news-content .date {margin:10px 0 30px 0;}
#news-content .content {line-height:2; text-align: justify;}
#news-content .content img {max-width:100%;}
#news-content iframe {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}
#news-content video {width:960px; aspect-ratio:16/9; height:auto; margin:0 auto 30px auto; display: block;}

/*联系我们*/
#contact {padding:2% 0; min-height:35vh;}
#contact .list {margin-bottom:2%;}
#contact .list ul {margin-left:-2%; display: flex;}
#contact .list li {float:left; flex:1; padding:3% 0 2% 0; margin:0 0 0 2%; transition: all 0.2s; background:#f6f6f6;}
#contact .list li .iconfont {transition: all 0.2s; font-size:30px; width:65px; height:65px; line-height:65px; margin:auto; background:#000; color:#fff; border-radius:100px;}
#contact .list li:hover .iconfont {background:#fd6442; color:#fff; transition: all 0.2s;}
#contact .list li .title {padding:15px 15px 0 15px; line-height:150%;}
#contact .list li .detail {padding:15px 15px 0 15px; line-height:150%;}
#contact .contact-list {margin:0 0 -2% 0; overflow:hidden;}
#contact .contact-list ul {margin:0 0 0 -2%; display:flex; flex-wrap:wrap;}
#contact .contact-list li {flex-basis:calc(48%);margin:0 0 2% 2%; line-height:1.6;}
#contact .contact-list .title {margin-bottom:10px;}

}