@charset "utf-8";
@font-face {
    font-family: 'kyokasho';
    src:
	    url('../fonts/ud-digi-kyokasho-n-r.ttf') format('truetype');
}
@font-face {
    font-family: 'kyokasho_b';
    src:
		url('../fonts/ud-digi-kyokasho-n-b.ttf') format('truetype');
}


* {margin:0;padding:0;box-sizing:border-box;font-family: 'kyokasho', sans-serif;}
ul {margin:0;list-style-type:none;}
img {border:none;outline:none;max-width:100%;vertical-align:middle;}
button,input,select,textarea {vertical-align:top;}
input[type=checkbox],input[type=radio] {vertical-align:middle;position:relative;top:-1px;}
input::-ms-clear {display:none;}
input:focus {-webkit-user-modify:read-write-plaintext-only;}
button,input {background:0 0;border:none;border-radius:0;}
button,input[type=reset],input[type=button],input[type=submit] {-webkit-appearance:none;}
body {color:#000;font-family: 'kyokasho', sans-serif;background:url('../images/bg.jpg') fixed center center;background-size:cover;line-height:1;}
/* 背景容器 */        
.background-container {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url('../images/m_bg.jpg') center/cover;/* 兼容iOS */            -webkit-transform:translateZ(0);transform:translateZ(0);}
/* 兼容iOS的特殊处理 */
@supports (-webkit-touch-callout:none) {.background-container {background-attachment:scroll;position:fixed;height:100vh;}
}
/* 其他设备兼容 */
@media not all and (pointer:coarse) {.background-container {background-attachment:fixed;}
}
@media (max-width:1200px) {.background-container {display:block;}
body {background:none;font-size: 12px;}
}
.display {}
.block {display:none;}
header {background:#322f36;padding:15px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position: fixed;top: 0;width: 100%;z-index: 999;}
.logo {max-height:60px;margin-right:30px;}
.logo img {max-width:200px;}
.nav-right {flex:1;display:flex;flex-direction:column;align-items:flex-end;}
.menu-toggle {display:none;}
.phone {color:#fff;font-size:18px;margin:10px 0;}
.nav-menu {list-style:none;display:flex;margin:0;padding:0;}
.nav-menu li {position:relative;margin-left:120px;}
.nav-menu > li > a {color:#fff;text-decoration:none;padding:10px;display:block;transition:0.3s;font-size:18px;}
.nav-menu > li > a:hover {color:#ffd700;}
.dropdown {position:absolute;background:#333;min-width:180px;top:100%;left:0;display:none;z-index:1000;}
.dropdown li {padding:10px;border-bottom:1px solid #444;}
.dropdown a {color:#fff;text-decoration:none;}
.inav-list {white-space:nowrap;overflow-x:scroll;display:none;}
.inav-item {display:inline-block;margin-right:10px;position:relative;}
.inav-item:last-child {margin-right:0;}
.inav-link {display:block;color:white;text-decoration:none;padding:12px 20px;transition:all 0.3s;min-width:120px;text-align:center;}
.inav-link:hover {color:#ffd700;}
/* 滚动条样式 */::-webkit-scrollbar {height:0;}
::-webkit-scrollbar-track {background:#222;}
::-webkit-scrollbar-thumb {background:#666;border-radius:4px;}
/* IE兼容 */        
@media all and (-ms-high-contrast:none) {.inav-list {display:none;width:120%;}
}
/* 移动端优化 */        
@media (max-width:768px) {.inav-link {min-width:100px;padding:10px 0;font-size:14px;}
.inav-item {margin-right:15px;}
}
@media (max-width:1800px) {.nav-menu li {margin-left:105px;}
}
@media (max-width:1700px) {.nav-menu li {margin-left:85px;}
}
@media (max-width:1600px) {.nav-menu li {margin-left:70px;}
}
@media (max-width:1500px) {.nav-menu li {margin-left:40px;}
}
@media (max-width:1300px) {.nav-menu li {margin-left:20px;}
}
@media (max-width:1200px) {header {align-items:stretch;padding:10px;}
.nav-right {align-items:stretch;margin-top:12px;}
.logo img {max-width:150px;}
.phone {text-align:right;margin:3px 0;}
.nav-menu {flex-direction:column;margin-top:15px;display:none;}
.nav-menu.active {display:flex;}
.nav-menu li {margin:5px 0;}
.dropdown {position:static;display:none;background:#444;}
.inav-list {display:block;margin:10px 0 0;width:100%;}
}
@media (max-width:650px) {.logo img {max-width:120px;}
.logo {height:40px;margin-right:0;}
.phone {font-size:12px;}
}
.wape {max-width:100%;padding:0 10%;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;}
.wmain {max-width:100%;padding:0 10%;margin:0 auto;}
@media (max-width:1200px) {.wape {padding:0 3%;flex-direction:column;gap:15px}
.wmain {padding:0 3%;}
}
.banner_bg {background-color:rgba(250,205,166,0.7);margin-top:115px;}
.banner {max-width:100%;padding:0 10%;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;}
.left-section {flex:1;min-width:300px;}
.news-list {margin-bottom:30px;}
.news-item {padding:15px 0;margin-bottom:15px;border-radius:8px;color:#fff;font-size:22px;transition:transform 0.3s;cursor:pointer;}
.news-item h3 {padding:10px 0;}
.news-item p {padding-left:130px;font-weight:bold;}
.news-item:hover {transform:translateX(10px);}
.mnews-item {padding:15px 0;margin-bottom:15px;border-radius:8px;font-size:22px;transition:transform 0.3s;cursor:pointer;display: none;}
.mnews-item h3 {padding:0 0 5px;font-size: 12px;}
.mnews-item p {padding-left:130px;font-weight:bold;}
.mnews-item:hover {transform:translateX(10px);}


.button-group {gap:15px;flex-wrap:wrap;}
.action-btn {flex:1;background:white;padding:15px 30px;border-radius:10px;text-align:center;text-decoration:none;color:#333;min-width:185px;transition:all 0.3s;font-weight:bold;box-shadow:0 3px 6px rgba(0,0,0,0.1);margin-right:50px;}
.action-btn:hover {background:#f0f0f0;transform:translateY(-2px);}
.right-section {flex:1;min-width:300px;position:relative;padding-top:50px;text-align:right;}
.main-image {width:100%;max-width:500px;height:auto;opacity:0;transform:translateY(20px);transition:1s;}
@media (max-width:1300px) {.news-item {font-size:20px;}
.mnews-item {font-size:20px;}
}
@media (max-width:1200px) {.news-item {font-size:14px;margin-bottom:0;padding-bottom:0;display: none;}
.mnews-item {display:block;font-size:14px;margin-bottom:0;padding-bottom:0;}
.banner_bg {margin-top:125px;}
.banner {gap:0;padding:0 3%;border-radius:10px;}
.main-image {max-width:300px;}
.news-item p {display:none;}
.action-btn {min-width:50px;font-size:12px;padding:10px;margin-right:15px;}
.right-section {padding-top:10px;}
}
@media (max-width:1200px) {.left-section {min-width:170px;margin-bottom:15px;}
.main-image {max-width:170px;}
.right-section {min-width:170px;flex: 0;}
.news-item h3 {padding:0;color:#000;}
.news-item {font-size:12px;padding-top:15px;}
.action-btn {padding:5px;margin-right:2px;border-radius:0;}
.news-list {margin-bottom:10px;}
}
.clearfix {zoom:1;clear:both}
.clearfix:after {content:"";height:0;display:block;clear:both;visibility:hidden;}
.fl {float:left}
.fr {float:right}
.flex {display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:flex-start;}
.text-center {text-align:center;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis {display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.eps2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pl10 {padding-left:10px;}
a,a:active,a:focus {outline:none;text-decoration:none;color:#000;}
a:hover {color:#000;text-decoration:none;}
.title-mod {height:60px;line-height:60px;font-size:24px;}
.title-mod h2,.title-mod h3 {font-size:20px;}
.title-mod h2 a:hover,.title-mod h3 a:hover {text-decoration:none}
.title-mod h2 i,.title-mod h3 i {width:3px;height:20px;background:#FF9900;float:left;margin:21px 12px 0 0}
.title-other {text-align:right}
.title-other a {color:#999}
.title-mod h2 a:hover,.title-mod h3 a:hover,,.min-title h3 a:hover {color:#0053ce}
.exam_nav {width:50%;float:left;margin:30px 0 0;padding:20px;background-color:rgba(217,192,179,0.5);border-radius:10px;flex:1;}
.exam_nav .epic {margin-left:20px;margin-top:20px;}
.pic_text_zixun {margin-top:20px;margin-bottom:10px;}
.ptz_first {margin-bottom:20px;overflow:hidden;}
.ptz_first .ptz_pic {float:left;font-size:14px;border:1px #dfdddb solid;}
.ptz_first .ptz_detail a {font-size:16px;color:#333;}
.ptz_detail .ptzd_p a {font-size:12px;line-height:1.5;color:#666;}
.ptz_first .ptz_detail {float:right;font-size:12px;width:57%;margin-left:10px;}
.ptz_detail .ptzd_p {margin-top:10px;}
.ptz_first .ptzd_time {text-align:right;}
.student_voice {width:50%;float:left;margin-bottom:30px;padding-top:20px;}
.student_voice .ptz_first {margin-left:0;}
.student_voice .redian_rt {padding-left:0;}
.pic_text_zixun .redian_rt {margin:20px 0 0;}
.redian_rt li .fr:hover {color:#35312d;text-decoration:none;}
.redian_rt li.redian_first .fr:hover {color:#cb3f1f;text-decoration:none;}
.kemu_dt {width:580px;height:546px;padding-bottom:0;padding-right:20px;}
.kemu_cento .kemu_dt {height:408px;}
.redian_rt {display:block;}
.redian_rt li {text-align:left;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:15px;-webkit-line-clamp:2;overflow:hidden;}
.mar30 {margin-top:20px;}
.redian_rt .redian_first a.fr {}
.redian_rt a.fr {font-size:12px;float:right;color:#756f6a;}
.all-news-link {display:inline-block;padding:12px 0px;text-decoration:none;transition:all 0.3s;margin-top:5px;font-weight:bold;}
.all-news-link:hover {transform:translateY(-2px);}
.calendar_m {width:50%;padding-top:20px;margin:30px 0 0;padding:20px;background-color:rgba(217,192,179,0.5);border-radius:10px;flex:1;}
.calendar {width:100%;border-collapse:collapse;margin-bottom:0px;}
.calendar th,.calendar td {border:1px solid #333;padding:10px 5px;text-align:center;}
.calendar th {color:#555;font-weight:bold;}
.calendar td {font-size:1rem;}
.weekend {color:#d87a56;}
.holiday {background-color:#f8c79e;}
.legend {display:flex;justify-content:center;gap:20px;margin-top:20px;}
.legend img {width:30px;height:30px;}
.i-news{display: none;}
@media(max-width:1200px) {.exam_nav,.calendar_m {flex:0;width:auto;background-color:rgba(247,242,238,0.5);margin-top:15px;}
.calendar_m {margin-top:0;}
.exam_nav{display: none;}
.i-news{display: block;height:70px;background: rgba(247,242,238,0.5);border-radius:10px;margin-top: 15px;}
.i-news .fl{text-align: center;float: left;width: 30%;line-height: 70px;background: #fefef2;border-radius:10px;font-size: 20px;font-weight: bold;}
.i-news .fr{width: 70%;}
.i-news .fr li{padding: 15px 5px 0;}
.i-news .fr li a{font-size: 14px;font-weight: bold;}


}
.i_pro {background-color:rgba(255,255,253,0.8);width:100%;margin:30px 0;border-radius:10px;}
.main-title {text-align:center;margin:40px 0;font-size:2.5rem;position:relative;}
.service-grid {display:flex;flex-wrap:wrap;justify-content:center;}
.service-grid {display:flex;align-items:center;}
.service-grid .item {width:33.333333%;text-align:center;margin-bottom:50px;}
.service-grid .item:hover .im1 {display:none;}
.service-grid .item:hover .im2 {display:inline-block;}
.service-grid .item:hover img {transform:scale(1.1);}
.service-grid .item img {max-width:150px;}
.service-grid .item h6 {font-weight:normal;font-size:24px;margin:15px 0 0;}
.service-grid .item .im2 {display:none;}
footer {width:100%;background-color:#322f36;padding:40px 0;}
.f-a {width:100%;text-align:center;margin-bottom:.4rem;}
.f-b {color:#fff;padding:0 15px;line-height:30px;position:relative;display:inline-block;vertical-align:top;}
a.f-b:hover {color:#ffd700;}
.f-b:after {content:"";display:block;width:1px;height:1em;background-color:#fff;position:absolute;right:0;top:50%;margin-top:-0.5em;}
.f-b:last-child:after {display:none;}
.f-b:hover {}
.f-b:hover:after {}
.f-c {width:100%;text-align:center;font-size:0;margin-bottom:.3rem;}
.f-d {display:inline-block;vertical-align:top;text-align:center;margin:0 .22rem;}
.f-e {width:76px;margin-bottom:8px;}
.f-f {color:#fff;}
.f-g {width:100%;text-align:center;color:#fff;line-height:1.71;opacity:0.8}
.f-g a {color:#fff;line-height:1.71;display:inline-block;vertical-align:top;}
.f-h {padding:0 .12rem;display:inline-block;vertical-align:top;color:#fff;line-height:1.71;}
@media (max-width:1200px) {.calendar {margin-top:10px;}
.title-mod {height:30px;line-height:30px;text-align: center;}
.main-title {font-size:20px;}
.service-grid .item img {max-width:80px;}
.service-grid .item h6 {font-size:16px;}
footer {padding:15px 0;}
.i_pro {margin-bottom:90px;margin-top:15px;}
}
.right_menu {opacity:0.8;position:fixed;right:0;top:47%;transform:translateY(-50%);z-index:10;}
.right_menu .item {width:45px;background-color:#fff;display:flex;margin-bottom:30px;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;}
.right_menu .item:hover {background-color:#fff;}
.right_menu .item:hover .im1 {display:inline-block;}
.right_menu .item:hover h6     .right_menu .item .im1 {display:none;}
.right_menu .item h6 {color:#fff;font-size:.18rem;margin-top:.1rem;}
.mright_menu {display:none;}
@media (max-width:1200px) {.display {display:none;}
.block {}
.right_menu {display:none;}
footer {display:none;}
}
.about {text-align:center;margin-bottom:2rem;animation:fadeIn 1s ease;background:rgba(254,254,244,0.8);border-radius:10px;padding:50px;overflow:hidden;margin-top: 80px;}
.about2 {background:rgba(231,230,226,0.8);}
.about3 {background:rgba(253,244,229,0.8);}
.iabout3,.iabout4{display: none;}
.about4 {background:rgba(12,12,12,0.3);}
.about8 {background:rgba(254,254,244,0.8);text-align:center;margin-bottom:2rem;padding:50px;animation:fadeIn 1s ease;border-radius:10px;margin-top: 80px;}
.about h1 {font-size:2.8rem;color:var(--primary-color);margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,0.1);}
.about4 h1 {color:#fff;}
.about_b {display:flex;flex-wrap:wrap;gap:0px;justify-content:center;}
.about-item {width:33.333333%;padding:1rem;text-align:center;transition:transform 0.3s ease;}
.about-item:hover {transform:translateY(-5px);}
.about-item h3 {margin-bottom:1rem;text-align:center;}
.about-item h3 img {max-width:200px;}
.anote {margin-bottom:20px;text-align:left;line-height:1.5;}
.anote h3 {font-size:24px;font-weight:bold;}
.anote p {font-size:18px;}
.services-grid {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.services-item {background:rgba(12,12,12,0.3);padding:25px;border-radius:10px;width:265px;text-align:center;transition:all 0.3s;margin:5px;}
.services-item:hover {transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.services-item h2 {color:#fff;margin-bottom:15px;font-size:1.4rem;}
.services-list {list-style:none;}
.services-list li {padding:8px 0;line-height:1.5;color:#fff;text-align:center;}
@media (max-width:1700px) {.services-item {width:18%;}
}
@media (max-width:1300px) {.services-item {width:17%;}
}
@media (max-width:1200) {.services-item {width:100%;}
.calendar th,.calendar td {padding:10px 0;}
.about_b {gap:0px;}
.about5_img {max-width:200px;}
}
.price {width:100%;border-collapse:collapse;margin-bottom:20px;}
.price th,.price td {border:1px solid #333;padding:15px;text-align:center;font-size:16px;}
.price th {font-weight:bold;}
.price td {}
.about5 {margin:25px 8%;}
.about5 li {background-color:#f7c497;height:50px;border-radius:25px;text-align:center;color:white;font-size:30px;line-height:50px;margin-bottom:20px;}
.about5 li a {color:#fff;}
.about5_R {float:right;margin:0 8%;}
.about6_img {max-width:120px;vertical-align:middle;margin-right:15px;}
.about7 {margin:0 auto;padding:20px;}
.info-cards {border-radius:10px;padding:0;transition:transform 0.3s;overflow:hidden;margin:0 0 15px;}
.about7 h1 {font-size:2rem;margin-bottom:25px;padding-bottom:10px;text-align:center;}
.about7 h1 img {max-width:200px;vertical-align:middle;margin:0 10px;}
.item-lists {list-style:none;}
.list-items {margin:15px 8%;}
.list-items a {display:block;background:#f7c497;padding:15px;border-radius:25px;color:white;text-decoration:none;transition:all 0.3s;text-align:center;font-size:30px;}
.list-items a:hover {background:rgba(247,196,151,0.7);transform:translateX(10px);}
.more-links {display:inline-block;margin-top:20px;padding:10px 25px;background:#d7bdae;color:white;text-decoration:none;border-radius:10px;font-weight:bold;float:right;}
.page_box {display:flex;justify-content:center;align-items:center;}
.page_box a {padding:0 20px;height:50px;line-height:50px;font-size:16px;background:#d7bdae;margin:20px 10px;}
.page_box .on {background-color:#f7c497;color:#fff;}
.x-b {background:rgba(254,254,244,0.8);border-radius:10px;padding:50px;margin-top: 80px;}
.x-c {font-size:22px;text-align:center;margin-bottom:20px;}
.x-d {width:100%;text-align:center;padding-bottom:20px;border-bottom:1px solid #eeeeee;}
.x-d span {color:#999999;margin:0 .25rem 20px;}
.x-e {width:100%;color:#7c7c7c;line-height:2;padding:0 .8rem;padding-top:.4rem;margin-bottom:.3rem;}
.x-e * {color:#7c7c7c;line-height:2;}
.x-e img {display:block;margin:0 auto;}
.x-f {width:100%;padding-right:.3rem;padding-top:20px;}
.x-f:after {content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.x-g {float:left;}
.x-h {display:block;margin-bottom:20px;}
.x-i {display:inline-block;vertical-align:middle;line-height:1.5;}
.x-j {display:inline-block;vertical-align:middle;line-height:1.5;cursor:pointer;}
.x-j:hover {color:#EA5A1E;}
.x-k {float:right;}
.x-l {display:inline-block;vertical-align:middle;}
.x-m {display:inline-block;vertical-align:middle;}
.x-n {display:inline-block;vertical-align:middle;width:2em;margin-left:.15rem;cursor:pointer;}
.x-n img {width:100%;}
@media (max-width:820px) {.x-a {width:100%;padding-left:10px;padding-right:10px;}
.about5 li {font-size:18px;height:35px;line-height:35px;}
.x-b {width:100%;padding-left:15px;padding-right:15px;}
.x-g {width:100%;}
.x-k {width:100%;margin-top:20px;}
.x-e {padding:.4rem 0px 0;}
}
/* sMessageBoard */.sMessageBoard-wrap {padding:1.6rem 0 2rem;}
.sMessageBoard-form {position:relative;}
.sMessageBoard-form .tupian {position:absolute;right:0;bottom:0;z-index: -1;}
.sMessageBoard-form .tupian img {width:100%;max-width:300px;}
.sMessageBoard-form .dt {text-align:center;}
.sMessageBoard-form .dt .sdt {color:#333333;width:300px;background:#f7c497;border-radius:10px;margin:0 auto;text-align:center;color:#fff;font-size:30px;height:80px;line-height:80px;margin-bottom:30px;font-weight:bold;}
.sMessageBoard-form .dt .sdd {margin-top:0.5rem;color:#666666;line-height:1.25;}
.sMessageBoard-form .dd {margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;padding:0 5%;}
.sMessageBoard-form .dd:after {display:none;}
.sMessageBoard-form .formItem {position:relative;width:100%;line-height:50px;margin-bottom:0.7rem;}
.sMessageBoard-form .formItem.w2 {width:100%;}
.sMessageBoard-form .formItem:last-child {margin-bottom:0;}
.sMessageBoard-form .formItem.red {border-color:#f00;}
.sMessageBoard-form .formItem .focus {position:absolute;left:0.16rem;top:0px;width:20%;text-align:left;white-space:nowrap;font-size:24px;pointer-events:none;}
.sMessageBoard-form .formItem .skin {display:block;width:100%;line-height:50px;padding:20px 5% 20px 25%;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:24px;background:none;}
.sMessageBoard-form .formItem input.skin {height:50px;}
.sMessageBoard-form .formItem textarea.skin {height:160px;}
.sMessageBoard-form .formItem.yzm {}
.sMessageBoard-form .formItem.yzm:after {display:none;}
.sMessageBoard-form .formItem.yzm .skin {width:280px;padding-left:0.6rem;}
.sMessageBoard-form .formItem.yzm .bindClick {vertical-align:top;margin-left:10px;margin-right:10px;width:118px;height:58px;border:#e7e7e7 solid 1px;}
.sMessageBoard-form .formItem .enter {vertical-align:top;width:30%;height:60px;border-radius:15px;line-height:60px;text-align:center;background-color:#f7c497;font-size:20px;}
@media screen and (max-width:1024px) {.sMessageBoard-form .formItem {width:100%;}
.sMessageBoard-form .formItem .focus {top:0px;left:4px;width:60px;}
.sMessageBoard-form .formItem .skin {padding-top:15px;padding-bottom:15px;padding-left:64px;}
.sMessageBoard-form .formItem input.skin {height:50px;padding-left:15px;}
.sMessageBoard-form .formItem textarea.skin {height:150px;}
.sMessageBoard-form .formItem.yzm .bindClick {height:48px;}
.sMessageBoard-form .formItem .enter {height:50px;line-height:50px;width:100%;font-size:18px;margin-bottom:30px;}
.sMessageBoard-form .tupian {right:0;top:35px;}
.sMessageBoard-form .tupian img {max-width:100px;}
}
@media (max-width:1200px) {.about h1 {font-size:20px;margin:15px 0;}
.about,.about8 {padding:10px;margin-bottom:15px;margin-top:125px}
.about7 h1 img {max-width:60px;}
.about7 h1 {font-size:20px;}
.list-items {margin:15px 0;}
.list-items a {font-size:18px;padding:5px 0;}
.more-links {margin-top:10px;}
.info-cards {margin-bottom:30px;}
.sMessageBoard-form .dt .sdt {height:50px;line-height:50px;font-size:20px;width:150px;}
.sMessageBoard-form .dt {margin:20px 0;}
.about-item {}
.about-item h3 img{max-width: 80px;}
.about3,.about4{display: none;}
.mright_menu {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:fixed;left:0;bottom:0;z-index:10;width: 100%;}
.mright_menu-item {background:white;padding:12px 0;border-radius:10px;background-color:#322f36;transition:transform 0.3s ease;}
.mright_menu-item h3 {color:var(--accent-color);font-size:12px;text-align:center;color:#fff;}
.mright_menu {background-color:rgba(12,12,12,0.2);border-radius:25px;padding:20px;}
.redian_rt li{line-height: 22px;margin-bottom: 5px;}
.all-news-link{padding: 0;;}
.calendar th, .calendar td{padding: 10px 2px;}
.service-grid .item{margin-bottom: 10px;}

.iabout3,.iabout4{display: block;}

.tabPanel{width:100%;position:relative;border-radius:10px} 
.tabPanel ul{display:inline-flex;padding:10px 0px;list-style:none;min-width:100%;gap: 5px;overflow-x: scroll;}
.tabPanel ul li{flex:0 0 18.8%;padding:12px 1% 30px;background:#fadfc4;border-radius:8px;text-decoration:none;transition:all 0.3s;position:relative;}
.tabPanel ul li a{}
.tabPanel ul li::after {content:"∨";position:absolute;bottom:0px;left:40%;transform:translateY(-50%);font-size:20px;color:#666;font-weight: bold;color: white;}
.tabPanel .hit{
	background:#fee9d8;
}
.pane{display:none;padding:0 15px;line-height: 1.5;text-align: center;}
.pane p{padding:10px 5px;text-align: center;font-weight: bold;}

.tabPanel2{width:100%;position:relative;border-radius:10px} 
.tabPanel2 ul{display:inline-flex;padding:10px 0px;list-style:none;min-width:100%;gap: 5px;overflow-x: scroll;}
.tabPanel2 ul li{flex:0 0 18.8%;padding:12px 1% 30px;background:rgba(12, 12, 12, 0.3);border-radius:8px;text-decoration:none;transition:all 0.3s;position:relative;}
.tabPanel2 ul li a{}
.tabPanel2 ul li::after {content:"∨";position:absolute;bottom:0px;left:40%;transform:translateY(-50%);font-size:20px;color:#666;font-weight: bold;color: white;}
.tabPanel2 .hit2{
	background:rgba(12, 12, 12, 0.1)
}
.pane2{display:none;padding:0 15px;line-height: 1.5;text-align: center;}
.pane2 p{padding:10px 5px;text-align: center;font-weight: bold;}

.tabPanel3{width:100%;position:relative;border-radius:10px} 
.tabPanel3 ul{display:inline-flex;padding:10px 0px;list-style:none;min-width:100%;gap: 10px;overflow-x: scroll;}
.tabPanel3 ul li{flex:0 0 31.33333%;padding:12px 1% ;background:#fadfc4;border-radius:8px;text-decoration:none;transition:all 0.3s;position:relative;}
.tabPanel3 ul li a{}
.tabPanel3 .hit3{
	background:#fff;
}
.pane3{display:none;padding:15px 0;line-height: 1.5;text-align: center;}
.pane3 p{padding:10px 5px;text-align: center;font-weight: bold;}

.pane3 .price th, .price td{font-size: 12px;padding: 5px;}


.iabout3-list {display:inline-flex;padding:10px 0px;list-style:none;min-width:100%;}
.iabout3-item {flex:0 0 20%;max-width:20%;padding:0 5px;position:relative;text-align:center;}
.iabout3-btn {display:block;width:100%;padding:12px 0 30px;background:#fadfc4;border-radius:8px;text-decoration:none;transition:all 0.3s;position:relative;}
.iabout3-btn::after {content:"∨";position:absolute;bottom:0px;left:42%;transform:translateY(-50%);font-size:20px;color:#666;font-weight: bold;color: white;}
.iabout3-btn.active {background:#fee9d8;}
.iabout3-btn.active::after {color:white;}
.content-container {padding:0 10px 20px;}
.content-item {display:none;padding:0 15px;line-height: 1.5;text-align: center;}
.content-item.active {display:block;animation:fadeIn 0.3s;}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
}

.iabout4 {width:100%;background:rgba(12, 12, 12, 0.1);position:relative;border-radius:10px;margin:0;}
.iabout4-btn{background:rgba(12, 12, 12, 0.3);}
.iabout4-btn.active {background:rgba(12, 12, 12, 0.1);}
.iabout4-btn {display:block;width:100%;padding:12px 0 30px;border-radius:8px;text-decoration:none;transition:all 0.3s;position:relative;}
.iabout4-btn::after {content:"∨";position:absolute;bottom:0px;left:42%;transform:translateY(-50%);font-size:20px;color:#666;font-weight: bold;color: white;}
.iabout4-btn.active::after {color:white;}
.iabout4-list {display:inline-flex;padding:10px 0px;list-style:none;min-width:100%;}
.iabout4-item {flex:0 0 20%;max-width:20%;padding:0 5px;position:relative;text-align:center;}
.content2-container {padding:0 10px 20px;}
.content2-item {display:none;padding:0 15px;line-height: 1.5;text-align: center;}
.content2-item.active {display:block;animation:fadeIn 0.3s;}

}