/*#region ====频道导航====*/

.about-nav { margin-top: 3rem; }
.about-nav .cent { display: flex; justify-content: center; }
.about-nav ul { margin: 0 0 0 -1.5625rem; display: flex; flex-wrap: wrap; padding: 0; list-style: none; }
.about-nav li { padding-left: 1.5625rem; }
.about-nav li a { display: block; padding: 0; margin: 0 auto; width: 8rem; height: 3.125rem; line-height: 3rem; background-color: #f0f0f0; border: none; transition: none; box-shadow: none !important; }
.about-nav li a:hover { background-color: #d0111b; color: #fff; }
.about-nav li.on a { background-color: #d0111b; color: #fff; }
.about-nav li.on a:hover { background-color: #db2932; }

@media (max-width: 768px) {
    .about-nav ul { margin-left: 0; width: 100%; }
    .about-nav li { flex: 1; padding: .25rem 0; text-align: center; border-left: solid 1px #fff; background-color: #f0f0f0; }
    .about-nav li a { width: 3.5rem; text-align: center; padding: .35rem .35rem; height: auto; line-height: 1.5; background-color: transparent !important; }
    .about-nav li:hover, .about-nav li.on { background-color: #d0111b; color: #fff; }
    .about-nav li:hover a { color: #fff; }
    .about-nav li:first-child { border-radius: .5rem 0 0 .5rem; border-left: none; }
    .about-nav li:last-child { border-radius: 0 .5rem .5rem 0; }
}

/*#endregion*/

.intro { margin-top: 3rem; margin-bottom: 6rem; }
.intro-content { margin-top: 3rem; }

.culture { margin-top: 3rem; }
.culture-content { margin-top: 3rem; }
.culture-grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
.culture-grid .item { width: 18rem; text-align: center; }
.culture-grid .item .pic { overflow: hidden; }
.culture-grid .item .pic img { display: block; width: 100%; height: auto; margin: 0 auto; object-fit: cover; transition: transform .5s; }
.culture-grid .item .pic img:hover { transform: scale(1.1); }
.culture-grid .item > h4 { margin-top: 1.4rem; color: #d0111b; font-size: 1.125rem; }
.culture-grid .item .desc { padding-bottom: .75rem; white-space: pre-line; line-height: 1.7; }

@media (max-width: 1200px) {
    .culture-grid .item { width: 100%; }
    .culture-grid .item + .item { margin-top: 2.5rem; }
    .culture-grid .item .pic { border-radius: .5rem; }
}

.csr { margin-top: 3rem; margin-bottom: 6rem; }
.csr-content { margin-top: 3rem; }
.csr-grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
.csr-grid .item { width: 23.25rem; text-align: center; }
.csr-grid .item .pic { overflow: hidden; }
.csr-grid .item .pic img { display: block; width: 100%; height: auto; margin: 0 auto; object-fit: cover; transition: transform .5s; }
.csr-grid .item .pic img:hover { transform: scale(1.1); }
.csr-grid .item > h4 { margin-top: 1.4rem; color: #d0111b; font-size: 1.125rem; }
.csr-grid .item .desc { margin-top: .875rem; text-align: justify; line-height: 1.9; text-indent: 2em; }
.csr-grid .item .desc p { margin-bottom: .5rem; }

@media (max-width: 1200px) {
    .csr-grid .item { width: 100%; }
    .csr-grid .item + .item { margin-top: 2.5rem; }
    .csr-grid .item .pic { border-radius: .5rem; }
}

.course { margin-top: 3rem; margin-bottom: 7.5rem; }
.course-content { margin-top: 3.75rem; padding-bottom: 3.75rem; }
.course-content ul { position: relative; margin: 0; padding: 0; list-style: none; }
.course-content ul::before { content: ""; position: absolute; left: 50%; margin-left: -1px; top: .25rem; bottom: 2rem; width: 50%; background-color: #d0111b; width: 2px; }
.course-content li { position: relative; min-height: 10rem; text-align: left; padding-left: 50%; margin-bottom: 2rem; }
.course-content li::before { content: ""; position: absolute; left: 50%; top: .25rem; margin-left: -1.8125rem; width: 3.625rem; height: 4.125rem; background: url(/Static/app/img/red-hexagon-r.png) no-repeat left top; background-size: contain; }
.course-content li:nth-child(2n) { text-align: right; padding-right: 50%; padding-left: 0; }
.course-content li:nth-child(2n)::before { background-image: url(/Static/app/img/red-hexagon-l.png); }
.course-content li:last-child { height: 4.375rem; min-height: 0; }
.course-content .item-wrap { margin-left: 1.8125rem; padding-left: 7%; }
.course-content li:nth-child(2n) .item-wrap { margin-left: 0; margin-right: 1.8125rem; padding-left: 0; padding-right: 7%; }
.course-content .time { display: block; font-size: 1.75rem; padding-bottom: .1rem; font-family: Tahoma; }
.course-content .time i { font-style: normal; font-size: 1rem; margin-left: .25rem; }
.course-content .text { display: block; white-space: pre-line; line-height: 1.7; }
@media (max-width: 576px) {
    .course-content ul::before { left: 0; margin-left: 1.8125rem; }
    .course-content li { padding-left: 0; min-height: 0; }
    .course-content li:nth-child(2n) { text-align: left; padding-right: 0; padding-left: 0; }
    .course-content li::before { left: 0; margin-left: 0; }
    .course-content li:nth-child(2n)::before { background-image: url(/Static/app/img/red-hexagon-r.png); }
    .course-content .item-wrap { padding-left: 12%; }
    .course-content li:nth-child(2n) .item-wrap { margin-left: 1.8125rem; padding-left: 12%; margin-right: 0; padding-right: 0; }
}

.honor { margin-top: 3rem; margin-bottom: 6rem; }
.honor-content { margin-top: 3rem; }
.honor-content .img-row { display: flex; flex-flow: row nowrap; justify-content: space-between; }
.honor-content .img-row + .img-row { margin-top: 3rem; }
.honor-content .img-row .cell { }
.honor-content .img-row .cell + .cell { margin-left: 1rem; }
.honor-content .img-row .cell img { display: block; width: 100%; height: auto; object-fit: cover; }

@media (max-width: 1200px) {
    .honor-content .img-row { flex-wrap: wrap; }
    .honor-content .img-row .cell { width: 90% !important; margin: 0 auto !important; }
    .honor-content .img-row .cell + .cell { margin-top: 2rem !important; }
    .honor-content .img-row + .img-row { margin-top: 2rem; }
}

.partner { margin-top: 3rem; margin-bottom: 6rem; }
.partner-content { margin-top: 3rem; }
.partner-list { padding: .75rem 1.25rem; }
.partner-list .row { margin: -1.5rem; }
.partner-list .row .item { padding: .75rem; }
.partner-list .row .item .bd { border: solid 1px #ddd; overflow: hidden; }
.partner-list .row .item .bd > a { display: block; }
.partner-list .row .item img { display: block; width: 100%; height: auto; transition: transform .5s; }
.partner-list .row .item img:hover { transform: scale(1.1); }