本科食品科学与工程(中文授课) 上海大学
分类: 本科
当前有货
Specifications
- 省份/城市: 上海
- 授课语言: 中文
- 课程领域: 生命科学
- 开课: 秋季9月
- 课程: 本科
- 国家: 中国
- 年度学费: 20000-30000元
详情
ʳƷѧ빤(ڿ) Ϻѧ/title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<style>
:root {
--scut-radius: 20px;
--scut-padding: 32px;
--scut-padding-mobile: 16px;
--scut-shadow: 0 2px 12px rgba(255,107,53,0.06);
--scut-border: 2px solid transparent;
--scut-border-bg: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #ff6b35, #ff9f6b) border-box;
--primary: #ff6b35;
--primary-light: #fff0eb;
--accent: #ff6b35;
--card-bg: #fff;
--card-shadow: 0 4px 24px 0 rgba(255,107,53,0.1);
--radius: 18px;
--faq-bg: #fff0eb;
--faq-active: #ffe4db;
--cta-gradient: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%);
--fee-gradient: linear-gradient(90deg, #ffb300 0%, #ffe082 100%);
}
.scut-root {
all: initial;
font-family: 'Poppins', Arial, sans-serif;
background: #f7f8fa;
color: #222;
}
.scut-root * { all: unset; box-sizing: border-box; font-family: inherit; }
.scut-root .scut-container {
max-width: 1100px;
margin: 0 auto;
padding: 24px 0 0 0;
display: flex;
flex-direction: column;
gap: 32px;
}
.scut-root .scut-info-cards {
display: flex;
gap: 18px;
flex-wrap: wrap;
margin-top: 12px;
}
.scut-root .scut-info-card {
background: var(--card-bg);
box-shadow: var(--card-shadow);
border-radius: var(--radius);
padding: 18px 20px;
min-width: 140px;
flex: 1 1 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
margin-bottom: 8px;
text-align: center;
}
.scut-root .scut-info-card .scut-info-label {
font-size: 0.92rem;
color: #888;
font-weight: 500;
}
.scut-root .scut-info-card .scut-info-value {
font-size: 1.15rem;
font-weight: 700;
color: var(--primary);
}
/* Scholarship Cards */
.scut-root .scut-scholarship-cards-container {
overflow-x: auto;
margin: 0 -8px;
position: relative;
}
.scut-root .scut-scholarship-cards {
display: flex;
gap: 16px;
padding: 8px 0;
}
.scut-root .scut-scholarship-card {
background: var(--card-bg);
border-radius: 14px;
box-shadow: var(--card-shadow);
padding: 18px 18px 14px 18px;
min-width: 220px;
flex: 0 0 220px;
display: flex;
flex-direction: column;
gap: 6px;
cursor: pointer;
border: 2px solid transparent;
transition: border 0.2s, box-shadow 0.2s;
}
.scut-root .scut-scholarship-card.selected {
border: 2px solid var(--accent);
box-shadow: 0 4px 24px 0 rgba(255,107,53,0.13);
}
.scut-root .scut-scholarship-check {
color: var(--accent);
font-size: 1.2em;
margin-bottom: 2px;
}
.scut-root .scut-scholarship-title {
font-size: 1.08rem;
font-weight: 700;
color: var(--primary);
}
.scut-root .scut-scholarship-amount {
font-size: 1.05rem;
color: #ff6b35;
font-weight: 600;
}
.scut-root .scut-scholarship-desc {
font-size: 0.98rem;
color: #444;
margin-top: 2px;
}
/* Fee Breakdown Section */
.scut-root .scut-fee-breakdown {
background: var(--card-bg);
border-radius: var(--radius);
box-shadow: var(--card-shadow);
padding: 24px;
margin-top: 24px;
}
.scut-root .scut-fee-breakdown-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.scut-root .scut-fee-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.scut-root .scut-fee-item:last-child {
border-bottom: none;
}
.scut-root .scut-fee-label {
font-size: 1rem;
color: #666;
display: flex;
align-items: center;
gap: 8px;
}
.scut-root .scut-fee-value {
font-size: 1.1rem;
font-weight: 600;
color: var(--primary);
}
.scut-root .scut-fee-total {
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.scut-root .scut-fee-total-label {
font-size: 1.2rem;
font-weight: 700;
color: var(--accent);
}
.scut-root .scut-fee-total-value {
font-size: 1.4rem;
font-weight: 700;
color: var(--accent);
}
/* E-SquareƬ */
.scut-root .esquare-benefits-card {
background: #fff;
border-radius: 18px;
box-shadow: 0 4px 24px 0 rgba(255,107,53,0.10);
padding: 22px 24px 18px 24px;
margin-top: 18px;
margin-bottom: 0;
}
.scut-root .esquare-benefits-title {
font-size: 1.13rem;
font-weight: 800;
margin-bottom: 12px;
}
.scut-root .esquare-benefits-list {
margin: 0;
padding-left: 0;
list-style: none;
}
.scut-root .esquare-benefits-list li {
font-size: 1.08rem;
color: #222;
margin-bottom: 0.7em;
font-weight: 500;
display: flex;
align-items: center;
}
.scut-root .esquare-benefits-list li:last-child {
margin-bottom: 0;
}
.scut-root .esquare-benefits-list li::before {
content: '\2714';
color: #ff6b35;
font-weight: bold;
margin-right: 8px;
font-size: 1.1em;
}
.scut-root .esquare-benefits-check {
color: #ff6b35;
font-size: 1.25em;
margin-right: 8px;
font-weight: bold;
display: inline-block;
line-height: 1;
}
.scut-root #benefit-scholarship {
color: #222;
font-weight: 700;
margin-left: 2px;
}
/* FAQ Accordion */
.scut-root .scut-faq-section {
background: var(--card-bg);
border-radius: var(--radius);
box-shadow: var(--card-shadow);
padding: 20px 24px;
margin-top: 18px;
}
.scut-root .scut-faq-title {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 12px;
color: var(--primary);
display: flex;
align-items: center;
gap: 8px;
}
.scut-root .scut-faq-list {
display: flex;
flex-direction: column;
gap: auto;
}
.scut-root .scut-faq-item {
background: var(--faq-bg);
border-radius: 12px;
box-shadow: 0 2px 8px 0 rgba(255,107,53,0.04);
overflow: hidden;
transition: background 0.2s;
}
.scut-root .scut-faq-question {
cursor: pointer;
padding: 16px 18px;
font-size: 1.08rem;
font-weight: 600;
color: var(--primary);
display: flex;
align-items: center;
justify-content: space-between;
transition: background 0.2s;
}
.scut-root .scut-faq-item.active {
background: var(--faq-active);
}
.scut-root .scut-faq-answer {
padding: 0 18px 16px 18px;
font-size: 1rem;
color: #333;
display: none;
animation: fadeIn 0.3s;
}
.scut-root .scut-faq-item.active .scut-faq-answer {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.scut-root .scut-faq-answer-listitem {
text-align: left;
font-size: 1.08rem;
line-height: 1.7;
margin-bottom: 0.7em;
word-break: break-word;
display: flex;
align-items: flex-start;
gap: 8px;
color: #444;
}
.scut-root .scut-faq-answer-listitem::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
min-width: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b35'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
margin-top: 2px;
}
/* Career Pathway */
.scut-root .scut-career-section {
background: var(--card-bg);
border-radius: var(--radius);
box-shadow: var(--card-shadow);
padding: 20px 24px;
margin-top: 18px;
}
.scut-root .scut-career-title {
font-size: 1.18rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.scut-root .scut-career-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.scut-root .scut-career-item {
background: var(--card-bg);
border-radius: 10px;
box-shadow: 0 2px 8px 0 rgba(0,87,184,0.04);
padding: 10px 18px;
font-size: 1rem;
color: var(--primary);
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
justify-content: flex-start;
text-align: left;
}
.scut-root .scut-career-item .scut-svg-icon { vertical-align: middle; width: 1.1em; height: 1.1em; }
/* Responsive */
@media (max-width: 700px) {
.scut-root .scut-container,
.scut-root .scut-info-cards-modern,
.scut-root .scut-scholarship-cards-container,
.scut-root .scut-fee-breakdown,
.scut-root .esquare-benefits-card,
.scut-root .scut-faq-section,
.scut-root .scut-career-section,
.scut-root .scut-bottom-cta-section,
.scut-bottom-next-section {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 18px !important;
padding-right: 18px !important;
box-sizing: border-box;
width: 100%;
max-width: 100vw;
}
.scut-root .scut-info-cards { flex-direction: column; gap: 14px; }
.scut-root .scut-info-card { min-width: 0; padding: 16px 14px; font-size: 1.05rem; }
.scut-root .scut-fee-breakdown { padding: 14px 6px; }
.scut-root .scut-fee-breakdown-title { font-size: 1.1rem; }
.scut-root .scut-fee-label, .scut-root .scut-fee-value { font-size: 1rem; }
.scut-root .scut-fee-total-label, .scut-root .scut-fee-total-value { font-size: 1.1rem; }
.scut-root .scut-faq-title { font-size: 1.1rem; }
.scut-root .scut-faq-question { padding: 14px 10px; font-size: 1.02rem; }
.scut-root .scut-faq-answer { padding: 0 10px 12px 10px; font-size: 0.98rem; }
.scut-root .scut-career-list { flex-direction: column; gap: 10px; }
.scut-root .scut-career-item { padding: 10px 12px; font-size: 1.01rem; }
.scut-root .scut-bottom-cta-section {
padding: 0 12px 32px 12px;
}
.scut-root .scut-faq-answer-listitem {
font-size: 1.13rem;
line-height: 1.9;
margin-bottom: 1em;
}
}
.cta-lock-btn {
display: inline-block;
padding: 12px 36px;
background: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%);
color: #fff;
font-weight: 700;
font-size: 1.15rem;
border-radius: 28px;
text-decoration: none;
box-shadow: 0 2px 8px rgba(255,107,53,0.15);
transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
animation: cta-bounce 1.2s infinite alternate;
}
.cta-lock-btn:hover {
background: linear-gradient(90deg, #ff8c42 0%, #ffa559 100%);
transform: scale(1.12);
box-shadow: 0 6px 24px rgba(255,107,53,0.22);
}
@keyframes cta-bounce {
0% { transform: scale(1.05); }
100% { transform: scale(1.12); }
}
.cta-lock-btn-wrap {
text-align: center;
margin: 12px 0 12px 0;
}
.scut-scholarship-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background: #fff;
border: none;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.10);
width: 40px;
height: 40px;
font-size: 1.7em;
color: #ff6b35;
cursor: pointer;
opacity: 0.92;
transition: opacity 0.2s, background 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.scut-scholarship-arrow:hover {
background: #ffe4db;
opacity: 1;
}
.scut-scholarship-arrow.left { left: 0; }
.scut-scholarship-arrow.right { right: 0; }
@media (max-width: 700px) {
.scut-scholarship-arrow { width: 32px; height: 32px; font-size: 1.2em; }
}
/* µײCTAʽ */
.scut-root .scut-bottom-cta-section {
border: var(--scut-border);
border-radius: var(--scut-radius);
box-shadow: var(--scut-shadow);
background: var(--scut-border-bg);
max-width: 600px;
margin: 48px auto 0 auto;
padding: var(--scut-padding);
text-align: center;
}
.scut-root .scut-bottom-cta-title {
font-size: 2.2rem;
font-weight: 800;
margin: 0.5em 0;
background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-align: center;
}
.scut-root .scut-bottom-cta-sub {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 2em;
color: var(--primary);
text-align: center;
}
.scut-root .scut-bottom-cta-cards {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
.scut-root .scut-bottom-cta-card {
background: #fff;
border-radius: var(--scut-radius);
box-shadow: none;
border: none;
padding: 0;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 20px;
width: 100%;
max-width: 100%;
transition: box-shadow 0.18s, transform 0.18s;
text-decoration: none;
position: relative;
overflow: hidden;
}
.scut-root .scut-bottom-cta-card:last-child { margin-bottom: 0; }
.scut-root .scut-bottom-cta-emoji {
font-size: 2.8rem;
background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.scut-root .scut-bottom-cta-content {
flex: 1;
text-align: left;
}
.scut-root .scut-bottom-cta-card-title {
font-size: 1.3rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 0.3em;
}
.scut-root .scut-bottom-cta-desc {
font-size: 1rem;
color: #666;
line-height: 1.5;
}
.scut-root .scut-bottom-cta-desc.bold-underline {
color: var(--primary);
font-weight: 600;
text-decoration: none;
position: relative;
display: inline-block;
}
.scut-root .scut-bottom-cta-desc.bold-underline::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, #ff6b35 0%, #ff9f6b 100%);
}
@media (max-width: 700px) {
.scut-root .scut-bottom-cta-section {
padding: var(--scut-padding-mobile);
margin: 0 0 18px 0;
}
.scut-root .scut-bottom-cta-title {
font-size: 1.8rem;
}
.scut-root .scut-bottom-cta-sub {
font-size: 1.1rem;
}
.scut-root .scut-bottom-cta-card {
padding: 20px;
}
.scut-root .scut-bottom-cta-emoji {
font-size: 2.2rem;
}
.scut-root .scut-bottom-cta-card-title {
font-size: 1.2rem;
}
.scut-root .scut-bottom-cta-desc {
font-size: 0.95rem;
}
}
/* ½ѧʽ */
.scut-root .scholarship-title {
font-size: 2.2rem;
font-weight: 800;
margin: 0.5em 0;
background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-align: center;
}
/* FAQְҵչemojiʽ */
.scut-root .scut-faq-title,
.scut-root .scut-career-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.scut-root .scut-faq-title span,
.scut-root .scut-career-title span {
font-size: 1.8rem;
background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/* ƳײCTA"ж" */
.scut-root .scut-bottom-cta-section {
margin: 48px auto;
max-width: 600px;
padding: 32px 24px;
}
@media (max-width: 700px) {
.scut-root .scut-info-cards,
.scut-root .scut-scholarship-cards-container,
.scut-root .scut-fee-breakdown,
.scut-root .scut-e-square-benefits,
.scut-root .scut-faq-section,
.scut-root .scut-career-section,
.scut-root .scut-bottom-cta-section {
margin: 0 12px;
padding: 16px;
}
.scut-root .scholarship-title {
font-size: 1.8rem;
}
}
.scut-info-cards-modern {
padding-left: 24px;
padding-right: 24px;
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 40px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
justify-content: center;
}
.scut-info-modern-card {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 18px;
box-shadow: 0 2px 8px rgba(255,179,102,0.10);
padding: 28px 48px;
border: 2px solid #ffd6b3;
max-width: 320px;
min-width: 220px;
min-height: 100px;
overflow: hidden;
}
.scut-info-modern-card > div {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 12px;
}
.scut-info-modern-label {
text-align: left;
font-size: 1.13em;
font-weight: 700;
color: #222;
white-space: nowrap;
flex-shrink: 0;
}
.scut-info-modern-value {
text-align: right;
font-weight: 800;
color: #ff6b35;
font-size: 1.13em;
white-space: nowrap;
flex-shrink: 1;
word-break: break-all;
max-width: 55%;
overflow-wrap: break-word;
line-height: 1.2;
letter-spacing: 0.5px;
padding-left: 6px;
}
@media (max-width: 1300px) {
.scut-info-cards-modern {
max-width: 98vw;
gap: 18px;
}
.scut-info-modern-card {
padding: 18px 10px;
min-width: 120px;
max-width: 100%;
}
}
.scut-bottom-next-title {
font-size: 2rem;
font-weight: 800;
margin-bottom: 2em;
margin-top: 0.5em;
line-height: 1.2;
background: linear-gradient(90deg,#ff6b35 0%,#ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.scut-bottom-next-btns {
display: flex;
gap: 18px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 700px) {
.scut-bottom-next-btns {
flex-direction: column;
gap: 14px;
}
}
.gradient-title {
background: linear-gradient(90deg,#ff6b35 0%,#ff9f6b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 900;
}
@media (max-width: 700px) {
.scut-root .scut-container {
padding: 12px 2vw 0 2vw;
}
.scut-info-cards-modern {
flex-direction: column;
gap: 12px;
margin-top: 24px;
padding-left: 16px;
padding-right: 16px;
max-width: 100vw;
}
.scut-info-modern-card {
padding: 14px 16px;
font-size: 0.95rem;
min-width: 0;
max-width: 100%;
min-height: 0;
}
.scut-info-modern-label, .scut-info-modern-value {
font-size: 1.1em;
}
}
.scut-fee-breakdown,
.esquare-benefits-card,
.scut-faq-section,
.scut-career-section,
.scut-bottom-cta-section {
box-shadow: 0 8px 32px 0 rgba(255,107,53,0.18) !important;
border: 1.5px solid #ffe4db;
}
/* ¼ȡҪרʽ */
.entry-req-block .entry-req-title {
color: #ff944d;
font-size: 2em;
font-weight: 700;
margin-bottom: 8px;
letter-spacing: 1px;
}
.entry-req-block .entry-req-hr {
border: none;
border-top: 2px solid #ffb366;
margin: 8px 0 18px 0;
}
.entry-req-block .entry-req-tip {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
font-size: 1.1em;
color: #ff944d;
font-weight: 700;
}
.entry-req-block .icon {
font-size: 1.5em;
color: #ffb366;
}
.entry-req-block .entry-req-grid {
display: flex;
gap: 32px;
align-items: flex-start;
flex-wrap: wrap;
}
.entry-req-block .entry-req-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
flex: 2;
min-width: 320px;
}
.entry-req-block .entry-req-card {
background: #fff;
border: 2px solid #ffd6b3;
border-radius: 14px;
box-shadow: 0 2px 8px rgba(255,179,102,0.08);
padding: 18px 10px 12px 18px;
min-width: 120px;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
font-size: 1.08em;
transition: box-shadow 0.18s, border-color 0.18s;
cursor: pointer;
}
.entry-req-block .entry-req-card:hover,
.entry-req-block .entry-req-card.selected {
background: #fff5f0;
border-color: #ff6b35;
}
.entry-req-block .entry-req-card:hover .icon,
.entry-req-block .entry-req-card.selected .icon {
color: #ff6b35;
}
.entry-req-block .entry-req-card:hover .main,
.entry-req-block .entry-req-card.selected .main {
color: #ff6b35;
}
.entry-req-block .entry-req-card .icon {
position: absolute;
top: 10px; right: 10px;
color: #ffb366;
font-size: 1.2em;
}
.entry-req-block .entry-req-card .main {
font-weight: 700;
color: #ffb366;
font-size: 1.15em;
margin-bottom: 2px;
}
.entry-req-block .entry-req-card .sub {
color: #444;
font-size: 0.98em;
font-weight: 400;
}
.entry-req-block .entry-req-card .main.orange {
color: #ff944d;
}
.entry-req-block .entry-req-toggle {
text-align: center;
margin: 18px 0 0 0;
color: #ff944d;
font-weight: 700;
font-size: 1.1em;
cursor: pointer;
user-select: none;
letter-spacing: 1px;
}
.entry-req-block .entry-req-banner {
flex: 1;
min-width: 260px;
background: #fff5f0;
border: 2px solid #ffd6b3;
border-radius: 18px;
box-shadow: 0 2px 8px rgba(255,179,102,0.08);
padding: 24px 20px 20px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.entry-req-block .banner-title {
font-weight: 700;
font-size: 1.15em;
color: #ff944d;
margin-bottom: 8px;
letter-spacing: 1px;
}
.entry-req-block .banner-desc {
color: #444;
font-size: 1em;
margin-bottom: 18px;
text-align: center;
}
.entry-req-block .banner-desc .highlight {
color: #ff944d;
font-weight: 700;
}
.entry-req-block .banner-btn {
background: #ffb366;
color: #fff;
font-weight: 700;
font-size: 1.1em;
padding: 12px 32px;
border: none;
border-radius: 8px;
cursor: pointer;
box-shadow: 0 2px 8px rgba(255,179,102,0.08);
margin-top: 8px;
text-decoration: none;
display: inline-block;
transition: background 0.18s;
}
.entry-req-block .banner-btn:hover {
background: #ffd6b3;
}
@media (max-width: 900px) {
.entry-req-block .entry-req-grid { flex-direction: column; gap: 18px; }
.entry-req-block .entry-req-banner { margin-left: 0; }
}
@media (max-width: 700px) {
.entry-req-block .entry-req-cards {
grid-template-columns: repeat(2, 1fr);
margin-right: 0;
width: 100%;
}
.entry-req-block .entry-req-banner {
margin-top: 18px;
margin-right: 0;
width: 100%;
}
.entry-req-block .entry-req-grid {
padding: 0 12px;
}
}
.checklist-column {
padding: 0 16px;
}
.scut-course-checklist-step {
background: #fff;
border: 2px solid #ffb366;
border-radius: 18px;
box-shadow: 0 2px 8px rgba(255,179,102,0.08);
padding: 20px 24px;
margin-bottom: 16px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
font-size: 1em;
font-weight: 500;
overflow-wrap: break-word;
word-break: break-word;
}
</style>
<style>
/* ӦʽIs this course for you? ֻ */
@media (max-width: 700px) {
.scut-course-checklist-flex {
flex-direction: column !important;
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box !important;
gap: 0 !important;
}
.scut-course-checklist-step,
.scut-course-checklist-step4 {
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
margin-bottom: 16px !important;
padding: 16px !important;
overflow-wrap: break-word !important;
word-break: break-word !important;
}
.scut-course-checklist-step4 > div {
box-sizing: border-box !important;
padding: 16px !important;
}
}
/* dzɫ for checklist */
.scut-course-checklist-flex .scut-course-checklist-step {
border-color: #ffb366 !important;
background: #fff !important;
box-shadow: 0 2px 8px rgba(255,179,102,0.08) !important;
}
.scut-course-checklist-flex .scut-course-checklist-step4 > div {
background: #fff5f0 !important;
border-color: #ffd6b3 !important;
}
.scut-course-checklist-flex .scut-course-checklist-step span[style*='background:#6c7a89'],
.scut-course-checklist-flex .scut-course-checklist-step4 span[style*='background:#6c7a89'] {
background: #ffb366 !important;
color: #fff !important;
}
.scut-course-checklist-flex .scut-course-checklist-step4 a,
.scut-course-checklist-flex .scut-course-checklist-step4 button {
background: #ff944d !important;
color: #fff !important;
border: none !important;
}
.scut-course-checklist-flex .scut-course-checklist-step4 a:hover,
.scut-course-checklist-flex .scut-course-checklist-step4 button:hover {
background: #ffb366 !important;
}
.scut-course-checklist-flex h2,
.scut-course-checklist-flex .scut-course-checklist-title {
color: #ff944d !important;
}
.scut-course-checklist-flex .scut-course-checklist-step4 {
border-color: #ffb366 !important;
}
</style>
<style>
.scut-fee-value,
.scut-fee-total-value,
.scut-info-modern-value,
.scut-scholarship-title,
.scut-scholarship-amount,
.entry-req-block .entry-req-card .main,
.entry-req-block .entry-req-title,
.entry-req-block .entry-req-tip,
.entry-req-block .banner-title,
.scut-faq-title,
.scut-career-title,
.scut-bottom-cta-title,
.scut-bottom-cta-sub,
.scut-bottom-cta-card-title,
.scholarship-title {
color: #ff6b35 !important;
}
.scut-scholarship-card.selected {
background: #fff5f0 !important;
border-color: #ff6b35 !important;
}
.entry-req-block .entry-req-banner {
background: #fff5f0 !important;
border-color: #ffd6b3 !important;
}
.entry-req-block .entry-req-card:hover,
.entry-req-block .entry-req-card.selected {
background: #fff5f0;
border-color: #ff6b35;
}
.entry-req-block .entry-req-card:hover .icon,
.entry-req-block .entry-req-card.selected .icon,
.entry-req-block .entry-req-card:hover .main,
.entry-req-block .entry-req-card.selected .main {
color: #ff6b35;
}
.scut-course-checklist-step4 > div {
background: #fff5f0 !important;
border-color: #ffd6b3 !important;
}
</style>
<style>
/* ͳһťʽ */
.gradient-btn {
display: inline-block;
padding: 12px 36px;
background: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%);
color: #fff;
font-weight: 700;
font-size: 1.15rem;
border-radius: 28px;
text-decoration: none;
box-shadow: 0 2px 8px rgba(255,107,53,0.15);
transition: all 0.3s ease;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
}
.gradient-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #ff8c42 0%, #ffa559 100%);
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.gradient-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(255,107,53,0.25);
}
.gradient-btn:hover::before {
opacity: 1;
}
.gradient-btn:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(255,107,53,0.15);
}
/* аť */
.cta-lock-btn,
.banner-btn,
.scut-bottom-next-btns a {
composes: gradient-btn;
}
</style>
</head>
<body>
<div class="scut-root">
<div class="scut-container">
<!-- γϢ飨ҳϷɫdzȣͼƬ -->
<div class="scut-info-cards-modern">
<div class="scut-info-modern-card">
<div>
<div class="scut-info-modern-label">ѧ</div>
<div class="scut-info-modern-value">4</div>
</div>
</div>
<div class="scut-info-modern-card">
<div>
<div class="scut-info-modern-label">ѧ /</div>
<div class="scut-info-modern-value">24,000 </div>
</div>
</div>
<div class="scut-info-modern-card">
<div>
<div class="scut-info-modern-label">У</div>
<div class="scut-info-modern-value">ɽУ</div>
</div>
</div>
<div class="scut-info-modern-card">
<div>
<div class="scut-info-modern-label">ڿ</div>
<div class="scut-info-modern-value"></div>
</div>
</div>
</div>
<!-- γƥָϣԭIs this course for you?ѷΪģ -->
<div class="scut-course-checklist-section" style="margin-top:40px;">
<h2 class="scut-course-checklist-title" style="color:#ff944d;font-size:2.1em;font-weight:700;margin-bottom:8px;margin-top:0;">
ʺ϶
</h2>
<hr style="border:none;border-top:2px solid #ffb366;margin:8px 0 18px 0;">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:18px;">
<span style="font-size:1.3em;color:#ffb366;">✓</span>
<span style="font-weight:700;color:#ff944d;font-size:1.13em;">
4жʲʺ
</span>
</div>
<div class="checklist-column">
<a href="#entry-req-section" style="text-decoration:none;color:inherit;">
<div class="scut-course-checklist-step">
<span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">1</span>
<span style="font-weight:700;font-size:1.13em;">鿴¼ȡҪ</span>
</div>
</a>
<a href="#scholarship-section" style="text-decoration:none;color:inherit;">
<div class="scut-course-checklist-step">
<span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">2</span>
<span style="font-weight:700;font-size:1.13em;">鿴γѧ</span>
</div>
</a>
<a href="#scholarship-section" style="text-decoration:none;color:inherit;">
<div class="scut-course-checklist-step">
<span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">3</span>
<span style="font-weight:700;font-size:1.13em;">ʵѧ</span>
</div>
</a>
<div class="scut-course-checklist-step4">
<div style="background:#fff5f0;border:2px solid #ffd6b3;border-radius:18px;padding:24px 20px 20px 20px;box-shadow:0 2px 8px rgba(255,179,102,0.08);height:100%;display:flex;flex-direction:column;justify-content:space-between;">
<div>
<span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">4</span>
<span style="font-weight:700;font-size:1.13em;">ѡŷ</span>
</div>
<div style="margin:18px 0 18px 0;color:#222;font-size:1.08em;">
Ա<span style="color:#ff944d;font-weight:700;">ѧУ</span>γ̼ѧѣ<span style="color:#ff944d;font-weight:700;">40ԺУ</span><span style="color:#ff944d;font-weight:700;">100ѧ</span>
</div>
<div style="text-align:center;">
<a href="https://www.e-square.com.my/study-in-china" target="_blank" class="gradient-btn">·ƥ</a>
</div>
</div>
</div>
</div>
</div>
<!-- ¼ȡҪ飨ֻʾ4����չbannerΪdzɫ -->
<div class="entry-req-block" id="entry-req-section" style="margin-bottom:32px;">
<div class="entry-req-title">¼ȡҪ</div>
<hr class="entry-req-hr">
<div class="entry-req-tip">
<span class="icon">✓</span>
ʸԲ鿴ϸҪ
</div>
<div style="display:grid;grid-template-columns:repeat(2,2fr);gap:18px;margin-bottom:18px;">
<div class="entry-req-card"><span class="icon">✓</span><div class="main">ABB</div><div class="sub">A-level</div></div>
<div class="entry-req-card"><span class="icon">✓</span><div class="main">>3.0</div><div class="sub">STPM</div></div>
<div class="entry-req-card"><span class="icon">✓</span><div class="main"><25</div><div class="sub">ǶͳUEC</div></div>
<div class="entry-req-card"><span class="icon">✓</span><div class="main">ʸ</div><div class="sub">ѯʦ</div></div>
</div>
<div class="entry-req-banner" style="background:#fff5f0;">
<div class="banner-title">ʱ¼ȡʸ</div>
<div class="banner-desc">
Ƿƿγ̵¼ȡʸ
<span class="highlight">40ԺУ</span>
<span class="highlight">100ѧ</span>
</div>
<a class="gradient-btn" href="https://wa.link/yr3vwr" target="_blank"></a>
<div style="margin-top:18px;text-align:center;">
<a href="https://www.e-square.com.my/contact-us" target="_blank" class="gradient-btn">�����ѧ</a>
</div>
</div>
</div>
<!-- ѧƬѡϷ -->
<div class="scholarship-title gradient-title">ѡѧ</div>
<!-- ѧƬѡѡʱdzɫ -->
<div class="scut-scholarship-cards-container" id="scholarship-section">
<div class="scut-scholarship-cards" id="scholarshipCards">
<div class="scut-scholarship-card selected" data-tuition="96000" style="background:#fff5f0;">
<div class="scut-scholarship-check" style="color:#ff6b35;font-size:1.5em;"></div>
<div class="scut-scholarship-title">йѧ</div>
<div class="scut-scholarship-amount">ȫ</div>
<div class="scut-scholarship-desc">ѣ 2,500/£ѧѡУסѡѡշȫ⡣</div>
</div>
<div class="scut-scholarship-card" data-tuition="24000" style="background:#fff5f0;">
<div class="scut-scholarship-check" style="color:#ff6b35;font-size:1.5em;"></div>
<div class="scut-scholarship-title">Ϻѧѧ</div>
<div class="scut-scholarship-amount"></div>
<div class="scut-scholarship-desc">ѧѺͱշѡ</div>
</div>
</div>
</div>
<!-- ϸ -->
<div class="scut-fee-breakdown">
<div class="scut-fee-breakdown-title">
<span style="font-size:1.3em;vertical-align:middle;"></span> ϸ
</div>
<div class="scut-fee-item">
<div class="scut-fee-label">ѧѣ4꣩</div>
<div class="scut-fee-value" id="tuition-fee">96,000</div>
</div>
<div class="scut-fee-item">
<div class="scut-fee-label">ѧ</div>
<div class="scut-fee-value" id="scholarship-value">- 96,000</div>
</div>
<div class="scut-fee-item">
<div class="scut-fee-label"></div>
<div class="scut-fee-value" id="application-fee">500</div>
</div>
<div class="scut-fee-total">
<div class="scut-fee-total-label">Ӧܶ</div>
<div class="scut-fee-total-value" id="total-payable">500</div>
</div>
</div>
<!-- E-SquareƬ -->
<div class="esquare-benefits-card">
<div class="esquare-benefits-title gradient-title" style="font-weight: 800; font-size: 1.13rem;">ͨE-SquareУ</div>
<ul class="esquare-benefits-list">
<li><span class="esquare-benefits-check"></span>յԤ¼Ž</li>
<li><span class="esquare-benefits-check"></span>뽱ѧ <span id="benefit-scholarship" style="font-weight:700;">96,000</span></li>
<div class="scut-bottom-next-btns">
<a href="https://www.e-square.com.my/contact-us" target="_blank" class="gradient-btn">�����ѧ</a>
</ul>
</div>
<!-- FAQƬĸĸcontainerֱչʾ -->
<div class="scut-faq-section">
<div class="scut-faq-title"><span>
</span> ΪʲôͨE-Square룿</div>
<div class="scut-faq-list">
<div class="scut-faq-answer-listitem">ٷί</div>
<div class="scut-faq-answer-listitem">ȫָ</div>
<div class="scut-faq-answer-listitem">ߴ96%¼ȡ</div>
<div class="scut-faq-answer-listitem">Э뽱ѧ</div>
<div class="scut-faq-answer-listitem">Эǩ֤Ʊ</div>
</div>
</div>
<div class="scut-faq-section">
<div class="scut-faq-title"><span>
</span> γ̺ĿĿ</div>
<div class="scut-faq-list">
<div class="scut-faq-answer-listitem">ʳƷѧ</div>
<div class="scut-faq-answer-listitem">ʳƷѧ</div>
<div class="scut-faq-answer-listitem">ʳƷӹѧ</div>
<div class="scut-faq-answer-listitem">ʳƷԭ</div>
<div class="scut-faq-answer-listitem">ʳƷӪѧ</div>
<div class="scut-faq-answer-listitem">ʳƷ</div>
<div class="scut-faq-answer-listitem">ʳƷȫ</div>
<div class="scut-faq-answer-listitem">ʳƷе</div>
</div>
</div>
<div class="scut-faq-section">
<div class="scut-faq-title"><span>
</span> ļ嵥</div>
<div class="scut-faq-list">
<div class="scut-faq-answer-listitem">бҵ֤鼰ɼ</div>
<div class="scut-faq-answer-listitem">Ӣˮƽ֤</div>
<div class="scut-faq-answer-listitem">ˮƽ֤HSK</div>
<div class="scut-faq-answer-listitem">ʽ֤</div>
<div class="scut-faq-answer-listitem">ոӡ</div>
<div class="scut-faq-answer-listitem">˳</div>
<div class="scut-faq-answer-listitem">Ƽ</div>
<div class="scut-faq-answer-listitem">֤</div>
</div>
</div>
</div>
<!-- ָԭһ -->
<div class="scut-bottom-next-section" style="max-width:600px;margin:48px auto 0 auto;padding:32px 24px 0 24px;text-align:center;">
<div class="scut-bottom-next-title">һô</div>
<div class="scut-bottom-next-btns">
<a href="https://wa.link/yr3vwr" target="_blank" class="gradient-btn">ѯʦ</a>
</div>
</div>
</div>
<script>
// ϸѧƬ
const tuition =24000;
const years = 4;
const appFee = 500;
const scholarshipCards = document.querySelectorAll('.scut-scholarship-card');
const scholarshipValue = document.getElementById('scholarship-value');
const totalPayable = document.getElementById('total-payable');
const benefitScholarship = document.getElementById('benefit-scholarship');
const tuitionFee = document.getElementById('tuition-fee');
scholarshipCards.forEach(card => {
card.addEventListener('click', function() {
scholarshipCards.forEach(c => {
c.classList.remove('selected');
c.style.background = '#fff';
});
this.classList.add('selected');
this.style.background = '#fff5f0';
const amount = parseInt(this.getAttribute('data-tuition'), 10) 0;
scholarshipValue.textContent = '- ' + amount.toLocaleString();
benefitScholarship.textContent = '' + amount.toLocaleString();
const total = tuition * years - amount + appFee;
totalPayable.textContent = '' + total.toLocaleString();
tuitionFee.textContent = '' + (tuition * years).toLocaleString();
});
});
const faqItems = document.querySelectorAll('.scut-faq-item');
faqItems.forEach(item => {
const question = item.querySelector('.scut-faq-question');
question.addEventListener('click', function() {
const isActive = item.classList.contains('active');
faqItems.forEach(i => i.classList.remove('active'));
if (!isActive) item.classList.add('active');
});
});
// ѧƬԶ2
(function() {
const cardsContainer = document.getElementById('scholarshipCards');
let duration = 2000; // 2
let start = null;
let startScroll = cardsContainer.scrollLeft;
let maxScroll = cardsContainer.scrollWidth - cardsContainer.clientWidth;
function step(ts) {
if (!start) start = ts;
let progress = Math.min((ts - start) / duration, 1);
cardsContainer.scrollLeft = startScroll + (maxScroll - startScroll) * progress;
if (progress < 1) {
requestAnimationFrame(step);
}
}
if (maxScroll > 0) {
requestAnimationFrame(step);
}
})();
</script>
<script>
function toggleEntryReq() {
const block = document.querySelector('.entry-req-block');
const cards = block.querySelectorAll('.entry-req-card.extra');
const toggle = block.querySelector('.entry-req-toggle');
const expanded = toggle.getAttribute('data-expanded') === 'true';
cards.forEach(card => card.style.display = expanded ? 'none' : 'flex');
toggle.innerHTML = expanded
? '鿴Ҫ <span style=\"font-size:1.2em;vertical-align:middle;\">▼</span>'
: 'Ҫ <span style=\"font-size:1.2em;vertical-align:middle;\">▲</span>';
toggle.setAttribute('data-expanded', expanded ? 'false' : 'true');
}
// Ĭextra
document.addEventListener('DOMContentLoaded', function() {
toggleEntryReq();
});
</script>
</body>
</html> </p>
<a href="/jp/zh/company/826910/e-square-consultancy/" class="bottom-last-link">更多 E-Square Consultancy 相关资料<i
class="fa-solid fa-angles-right ps-2"></i></a>
</div>
</div>
<div class="d-block w-100 bg-white">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mini-company-profile my-4">
<div class="mini-company-profile-avatar align-items-center d-flex pb-3 border-bottom">
<img src="https://cdn1.npcdn.net/image/1750240253logo300x300-3.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=800&new_height=800&from=png&off_wm=1" class="ml-auto" alt="E-Square Consultancy">
<div class="d-flex flex-column ps-3">
<a class="company-name" href="/jp/zh/company/826910/e-square-consultancy/">E-Square Consultancy</a>
<span class="company-meta"><small>中国大学申请, 奖学金申请与签证办理 | E-Square Consultancy</small></span>
</div>
</div>
<div class="d-flex flex-column w-100 pt-3">
<div class="d-flex align-items-center gap-3 justify-content-between">
<a href="/jp/zh/company/826910/e-square-consultancy/#go_to_inquiry" class="fw-bold pe-4 text-secondary text-decoration-none">
<small><i class="fa-regular fa-address-book pe-2"></i>联络我们</small>
</a>
<small class="d-flex align-items-center fw-bold">
<img class="country-flag me-2" src="https://cdn1.npcdn.net/img/1694404579MY.jpg" alt="flag">Malaysia
</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="global_footer2" class="border-top bg-dark">
<div class="container">
<div class="footer_wrapper text-white">
<div class="row">
<div class="col-md-8 col-sm-12 p-0">
<div class="cta-content">
<div class="company-logo">
<img src="https://cdn1.npcdn.net/img/1695269593newpagesglobal-logo.png" alt="NEWPAGES Global Business Platform">
</div>
<span class="title">Maximize Your Business's Online Presence with NEWPAGES!</span>
<div class="d-flex feature_wrapper">
<p class="footer_feature_title">Website Development</p>
<span class="footer_feature_symbol">+</span>
<p class="footer_feature_title">Global Business Portal</p>
<span class="footer_feature_symbol">+</span>
<p class="footer_feature_title">Malaysia Business Portal</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 p-0 mb-3 ">
<div class="cta-action">
<a href="https://wa.me/60126871461?text=Hi, I am interested to join NEWPAGES Asia International Business Platform"
class="btn btn-primary btn-sm cta-whatsapp-btn whatsapp-btn me-2" target="_blank">
<i class="fa-brands fa-whatsapp pe-2"></i><span>现在就加入我们</span>
</a>
<div class="iso_img_wrapper">
<img src="https://cdn1.npcdn.net/images/1707204909iso9001iso27001.webp?md5id=6b671804c2c646575eb7eac41d3e2a9e&new_width=1600&new_height=1600&size=max&type=8&w=1684203439&off_wm=1&from=png" alt="NEWPAGES ISO Certified" >
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 mb-3 p-0">
<span class="cta_content">Elevate your online presence effortlessly with <a href="https://www.newpages.net/" target="_blank">NEWPAGES, Malaysia's leading company in website development, SEO and digital marketing.</a> Simply manage your company website, and we'll boost your online exposure across our Global and Malaysia Business Portals.</span>
</div>
<div class="col-12 p-0">
<div class="footer-nav-list">
<a href="/service-level-agreement/" class="fn-item">服务级别协议</a>
<a href="/disclaimer/" class="fn-item">免责声明</a>
<a href="/privacy-policy/" class="fn-item">隐私政策</a>
<a href="/terms-of-use/" class="fn-item">使用条款</a>
</div>
</div>
<div class="col-12 p-0">
<div class="company-copyright border-top d-flex align-items-center justify-content-between py-3 px-0 container">
<span class="copyright-content">©2026 NEWPAGES BERHAD (1484231M / 202201038534)</span>
</div>
</div>
</div>
</div>
</div>
<div class="fixed-bottom d-flex justify-content-end p-3" style="left:auto;">
<div id="back_to_top" class="" style="display: none">
<i class="fa-solid fa-arrow-up fa-fw"></i>
</div>
</div>
</footer>
<script>
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
$(function () {
const scrollToTopBtn = document.getElementById('back_to_top');
window.addEventListener('scroll', function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if (scrollTop > 800) {
scrollToTopBtn.style.display = 'flex';
} else {
scrollToTopBtn.style.display = 'none';
}
});
$('#back_to_top').on('click', function () {
scrollToTop();
})
})
</script>
<script>
$('body').on("click", ".whatsappRecordBtn", function(){
var newpages_id = $(this).data('newpagesId');
$.ajax({
type: 'POST',
url: "/ajax/asia_record_whatsapp_click.php",
data: {
newpages_id: newpages_id,
url:'https://www.newpages.asia/jp/zh/product/5599413/%E6%9C%AC%E7%A7%91%E9%A3%9F%E5%93%81%E7%A7%91%E5%AD%A6%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%B8%AD%E6%96%87%E6%8E%88%E8%AF%BE-%E4%B8%8A%E6%B5%B7%E5%A4%A7%E5%AD%A6/'
},
success: function(data) {
$.ajax({
type: 'POST',
url: "/ajax/asia_interactions.php",
data: {
post_id:'5599413',
post_type:'1',
post_by_newpages_id:'826910',
post_url:'https://www.newpages.asia/jp/zh/product/5599413/%E6%9C%AC%E7%A7%91%E9%A3%9F%E5%93%81%E7%A7%91%E5%AD%A6%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%B8%AD%E6%96%87%E6%8E%88%E8%AF%BE-%E4%B8%8A%E6%B5%B7%E5%A4%A7%E5%AD%A6/',
type:"inquiry"
},
success: function(data) {
}
});
}
});
});
</script>
<script>
$(document).ready(function () {
$.ajax({
type: 'POST',
url: "/ajax/asia_interactions.php",
data: {
post_id:'5599413',
post_type:'1',
post_by_newpages_id:'826910',
post_url:'https://www.newpages.asia/jp/zh/product/5599413/%E6%9C%AC%E7%A7%91%E9%A3%9F%E5%93%81%E7%A7%91%E5%AD%A6%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%B8%AD%E6%96%87%E6%8E%88%E8%AF%BE-%E4%B8%8A%E6%B5%B7%E5%A4%A7%E5%AD%A6/',
type:"view"
},
success: function(data) {
}
});
});
</script>
<script>
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
$('.tag-item.liked').on('click', function () {
const currentAriaSelected = $(this).attr('aria-selected');
if (currentAriaSelected === 'true') {
$(this).attr('aria-selected', 'false');
} else {
$(this).attr('aria-selected', 'true');
}
})
const carousel = new bootstrap.Carousel('#profile_tab_carousel')
$(document).ready(function () {
$('.inquiry-btn').on('click', function () {
const $target_tab = $('#profile_tab_carousel').find('[data-bs-slide-to="0"]');
$('#profile_tab_carousel').find('button').removeClass('active');
$('#profile_tab_carousel').find('button').removeAttr('aria-current');
$target_tab.addClass('active').attr('aria-current', true);
$target_tab.trigger('click');
})
$('.toggle-more-information').on('click', function () {
if ($('.company-extra-data').is(':visible')) {
$(this).attr('aria-expanded', false);
} else {
$(this).attr('aria-expanded', true);
}
$('#company_profile').find('.profile-desc,.company-extra-data').slideToggle();
})
})
</script>
</body>
</html> 
