@charset "utf-8";
/*****************************************************************************************************************************************************************/
/********************************************************************** 手机竖屏 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media (max-width: 480px) {

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.05rem;}
.f22 {font-size:1.1rem;}
.f30 {font-size:1.2rem;}
.f36 {font-size:1.3rem;}
.f45 {font-size:1.4rem;}
.f60 {font-size:1.8rem;}
.f75 {font-size:2.2rem;}

/*默认翻页样式*/
.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:32px; height:32px;line-height:32px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#000; color:#fff; border:1px #000 solid;}
.pagelist:empty {display:none;}

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 {display:none;}

/*移动菜单*/
#mobile-nav {position:fixed; z-index:999; right:20px; top:20px;}
#mobile-nav a {font-size:34px; color:#000;}
#mobile-nav a:hover {text-decoration: none;}
#mobile-menu {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999;}
#mobile-menu .mask {position:absolute; width:100%;height:100%; background:#000; left:0px;top:0px; z-index:20;}
#mobile-menu .close-x a {position:absolute; top:20px; right:20px; font-size:34px; color:#000; text-decoration: none;}
#mobile-menu .close-x a:hover {transform: rotate(90deg);}
#mobile-menu .content {position:absolute; width:50%; right:0px;top:0px; background:#fff; height:100%;z-index:100;right:-30%; box-shadow: -5px 0px 10px 0px rgba(30,30,30,0.5);}
#mobile-menu .list {padding:30px 0 0 60px; font-size:16px;}
#mobile-menu .list li {margin-top:30px;}
#mobile-menu .list .active {color:#000; font-weight:bold;}

/*移动底部*/
#mobile-footer {position:fixed; left:0; bottom:0; width:100%; height:50px; background:#333; z-index:9999;}
#mobile-footer li {float:left; width:50%; text-align:center; font-size:17px;}
#mobile-footer .tel a {height:50px; line-height:50px; background:#000; color:#fff; display: block;}
#mobile-footer .chat a {height:50px; line-height:50px; background:#d10d1f; color:#fff; display: block;}

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

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

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

#top-fixed .pic1 {position:absolute; bottom:0; left:50%; transform: translate(-50%, 0); height:60%; z-index:2;}
#top-fixed .pic2 {position:absolute; bottom:0; left:50%; transform: translate(-40%, 0); height:60%; z-index:2;}
#top-fixed .pic3 {position:absolute; bottom:0; left:50%; transform: translate(-46%, 0); height:60%; 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:92%; 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 {width:90%;  color:#000; position:absolute; text-align:center; z-index:1; top:8%; left:50%; transform: translate(-50%, 0);}
#top-fixed .content .txta {font-size:50px; font-weight:600;}
#top-fixed .content .txtb {font-size:14px; padding-top:2%; line-height:1.6;}

/*首页-口号*/
#index-slogan {position:relative; margin-top:550px; padding:30px 0; background:#fff;}
#index-slogan .typewriter {text-align:center; line-height:1.6;}
#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:30px; background:#fff;}
#index-data .list {margin-bottom:-8%; overflow:hidden;}
#index-data .list ul {margin-left:-4%;}
#index-data .list li {float:left; width:46%; margin:0 0 8% 4%;}
#index-data .list .number {font-size:2rem; font-weight:bold;}
#index-data .list .number-txt {font-size:1.2rem;}
#index-data .list .detail {margin:10px 0 0 0; font-size:1.2rem;}

/*首页专业*/
#index-major {position:relative; background:#fff;}
#index-major .circle-container {position: relative; margin-bottom:30px; width: 100%; height: 60px; 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: 60px; height: 60px; 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:30px; padding-bottom:4%; overflow:hidden; border-bottom:1px #eee solid;}
#index-major .list ul {margin-left:-4%; margin-bottom:-4%; overflow:hidden;}
#index-major .list li {float:left; width:46%; margin:0 0 4% 4%; 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:10px;}

/*首页师资*/
#index-teacher {position:relative; background:#fff;}
#index-teacher .bt {padding-top:30px; margin:0 0 10px 0;}
#index-teacher .list {padding:30px 0; overflow:hidden;}
#index-teacher .swiper-slide {margin-right:0.3px;}
#index-teacher .list .left {float:left; width:48%; margin-right:5%; 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:45%;} 
#index-teacher .list .motto {line-height:1.5; border-bottom:1px #eee solid; padding-bottom:15px; text-align: justify; font-size:16px;}
#index-teacher .list .title {margin:15px 0 10px 0;}
#index-teacher .list .position {line-height:1.5;}
#index-teacher .swiper-button {display:none;}

/*首页作品*/
#index-work {position:relative; background:#f5f5f5; padding:30px 0;}
#index-work .bt {margin-bottom:10px;}
#index-work .swiper {width:100%;}
#index-work .swiper-wrapper {padding:30px 0 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:30px 0;}
#index-news .bt {margin-bottom:10px;}
#index-news .list {margin-top:30px;}
#index-news .list ul {margin-left:-4%; display:flex; flex-wrap:wrap;}
#index-news .list li {flex-basis:calc(46%); margin:0 0 0 4%;}
#index-news .list li:nth-of-type(3n){display:none;}
#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:10px 0 5px 0;}
#index-news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*首页FAQ*/
#index-faq {position:relative; background:#f5f5f5; padding:30px 0;}
#index-faq .left {width:100%;}
#index-faq .right {width:100%;}
#index-faq .faq-container {margin:20px 0 30px 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:10px 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; margin-bottom:49px; padding:20px 10px; background:#000; background-size:cover; overflow:hidden;}
footer .content {display: none;}
footer .copyright {font-size:16px; text-align:center;}
footer .link {padding:10px 0 0 0; font-size:12px; line-height:1.8; text-align:center;}
footer .link .nbsp {display:block; margin:0 6px;}
footer .iconfont { vertical-align:-0.5px;}

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

/*左侧菜单*/
#left-menu {margin:30px 20px -1.5% 20px; overflow:hidden;}
#left-menu .menu-item {float:left; display:block; margin:0 1.5% 1.5% 0; color:#000; background:#f5f5f5; padding:10px 15px;}
#left-menu .menu-item.active {font-weight:bold; background:#000; color:#fff;}
#left-menu li {float:left; margin:0 1.5% 1.5% 0; color:#000;}
#left-menu li a {padding:10px 15px; background:#f5f5f5; display:block;}
#left-menu li a:hover {color:#000;}
#left-menu li .active {padding:10px 15px; display:block; font-weight:bold; background:#000; color:#fff;}

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

/*品牌介绍*/
#brand {padding-top:30px;}
#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:30px;}
#honor .swiper {height:100%;}
#honor .swiper img {width:100%;}
#honor .swiper-slide {background-position:center; background-size: cover; width:30%;}
#honor .list {margin:10px auto 0 auto; width:90%;}
#honor .list ul {text-align:center;}
#honor .list li {margin:5px 5px 0 5px; line-height:1.8; display:inline-block;}
#honor .list li:not(:last-child)::after {content: "/"; position: absolute; margin:3px 0 0 4px; font-size:12px; color:#eee;}
 
/*创始人*/
#founder {padding-top:30px;}
#founder .bt {margin-bottom:30px;}
#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; line-height:1.6;}
#founder .right .content {line-height:2; text-align: justify;}

/*金莎公益*/
#welfare {padding-top:10px;}
#welfare .bt {margin-bottom:30px;}
#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:350px;}
#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:30px; 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:30px 0;}
#events .list {padding-top:30px;}
#events .list ul {margin-bottom:-10px;}
#events .list li {margin-bottom:10px; display: flex; align-items: center; }
#events .list .left {float:left; margin-right:40px;}
#events .list .right {line-height:1.8; 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: 60px; 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:54px; top: 9px; width: 7px; height: 7px; border-radius: 100%; background: #fff; border:3px #eee solid; z-index: 1; transition: all 0.2s;}
  
/*专业课程*/
#major-banner {padding:30px 0 0 0;}
#major-banner .pic1 {width:100%; height:20vh; background:url('../images/major_makeup.webp') center center no-repeat; background-size:cover;}
#major-banner .pic2 {width:100%; height:20vh; background:url('../images/major_hairdressing.webp') center center no-repeat; background-size:cover;}
#major-banner .pic3 {width:100%; height:20vh; background:url('../images/major_manicure.webp') center center no-repeat; background-size:cover;}
#major-banner .pic4 {width:100%; height:20vh; 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:30px 0 0 0;}
#major-direction .list {padding:30px 0 0 0;}
#major-direction .list ul {width:104%; margin:0 0 -4% -4%; overflow:hidden;}
#major-direction .list li {float:left; width:46%; margin:0 0 4% 4%;}
#major-direction .list li img {width:100%;}
#major-direction .content {padding:20px 0 0 0; line-height:2;}

/*专业特色*/
#major-feature {padding:30px 0 0 0;}
#major-feature .list {padding:30px 0 0 0;}
#major-feature .list ul {width:104%; margin:0 0 -4% -4%; overflow:hidden;}
#major-feature .list li {float:left; width:46%; margin:0 0 4% 4%;}
#major-feature .list li img {width:100%;}
#major-feature .title {padding:10px 0 5px 0;}
#major-feature .content {line-height:1.6; padding-right:20px; text-align: justify;}

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

/*专业师资、作品*/
#major-teacher, #major-work {padding:30px 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:30px 0 40px 0;}
#major-teacher .swiper-slide .title {margin:10px 0 5px 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:30px 0;}
#major-story video {margin-top:30px; max-width:100%; background:#000; aspect-ratio: 16/9;}

/*明星导师列表*/
#star-teacher {margin:0;}
#star-teacher .list {margin:10px 0;}
#star-teacher .list ul {margin-bottom:-1px; overflow:hidden;}
#star-teacher .list li {padding:20px 0; overflow:hidden; border-bottom:1px #eee solid;}
#star-teacher .list .left {float:left; width:48%; margin-right:4%; 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:46%;} 
#star-teacher .list .motto {line-height:1.5; border-bottom:1px #eee solid; padding-bottom:15px; font-size:16px;}
#star-teacher .list .title {margin:15px 0 10px 0;}

/*师资列表*/
#teacher-list {padding:30px 0; min-height:70vh;}
#teacher-list .list {margin:0;}
#teacher-list .list ul {margin:0 0 -5% -4%; display:flex; flex-wrap:wrap;}
#teacher-list .list li {flex-basis:calc(46%); margin:0 0 5% 4%;}
#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:10px 0 5px 0;}
#teacher-list .list .position {line-height:1.6;}

/*师资内容*/
#teacher-content {padding:30px 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:10px 0;}
#teacher-content .right .content {margin-top:30px; line-height:2;}
#teacher-content .right .content p {margin:5px 0;}

/*作品展示*/
#work {padding:30px 0; min-height:70vh;}
#work .list {column-count:2; column-gap:4%;}
#work .list li {width:100%; overflow:hidden; margin-bottom:1.7vh;}
#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:10px;}

/*作品内容*/
#work-content {padding:30px 0; min-height:70vh;}
#work-content .title {margin-bottom:30px; width:100%; font-size:24px;}
#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:30px; line-height:2.2;}

/*新闻动态*/
#news {padding:30px 0; min-height:70vh;}
#news .list {margin:0;}
#news .list ul {margin:0 0 -4% -4%; display:flex; flex-wrap:wrap;}
#news .list li {flex-basis:calc(46%); margin:0 0 5% 4%;}
#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:10px 0 5px 0;}
#news .list .title {padding:0 2% 0 0; line-height:1.6;}

/*新闻内容*/
#news-content {padding:30px 0; margin:-5px 0 -30px 0; min-height:70vh;}
#news-content .title {line-height:1.6; width:100%; font-size:24px;}
#news-content .date {margin:10px 0 30px 0;}
#news-content .content {line-height:2; width:100%; font-size:16px; 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:30px 0; min-height:70vh;}
#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(100%); margin:0 0 4% 0; line-height:1.6;}
#contact .contact-list .title {margin-bottom:5px;}
#contact .pic {display:none;}
#contact .pic img {width:100%;}

/*调用联系*/
#web-contact .list {padding-bottom:30px;}
#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:70px 0 0 0; min-height:70vh;}
#search .text {width:100%;}
#search .text input { width:150px; 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 {margin:20px 0;}
#search .captcha-container span {display:none;}
#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 {cursor:pointer; 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:70vh;}
#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;}

}