* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    /* 或者你选择的任何字体 */
}

html {
    font-size: 10px;
    /* 设置根元素的字体大小 */
}

body {

    background-color: #F3F3F3;
    font-size: 1.6rem;
    /* 将body的字体大小设置为16px */
    /* 将全局字体大小设置为16px */
}

a {
    text-decoration: none;
    color: #666;
    /* 继承父元素的文字颜色 */
}

ul,
ol {
    list-style: none;
}

.card {
    border: none;

}

.list-group-item {
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hr-b {
    border-bottom: #f8f9fa solid 1px;
}

.hr-bold {
    border-bottom: #28B91B solid 2px;
}

.card-title-h5 {
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-dashed-bottom {
    border-bottom: 1px dashed #ccc;
}

.d-inline-b {
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 列表样式自定义“点” */
.dian>li::before {
    content: "•";
    color: #28B91B;
    margin-right: 6px;
}

.dianb>li::before {
    content: "•";
    color: #1A85E8;
    margin-right: 6px;
}

/* 背景颜色自定义 */
/* -背景样式-- */
.bg-line {
    font-size: 2rem !important;
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 1.5rem 0.8rem;
    color: #28B91B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-block {
    font-size: 2rem;
    color: white;
    padding: 1.15rem 1rem;
    border-radius: 4px;
    text-transform: none;
    margin-right: 12px;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 透明黑色，透明度为0.5 */
}

.bg-rr-color {
    background-color: #E81A2E;
}

.bg-yy-color {
    background-color: #E8961A;
}

.bg-bb-color {
    background-color: #1A85E8;
}

/* *****更多》箭头****** */
.Redmore {
    font-weight: 400;
    font-size: 14px;
    color: #999696;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/******* 左右》箭头 *********/
.arrowL::before {
    font-family: "bootstrap-icons";
    content: "\F284";
    margin-right: 8px;
}

.Redmore::after,
.arrowR::before,
.Rarrow::after {
    font-family: "bootstrap-icons";
    content: "\F285";
    margin-left: 3px;
}

/******* 全站顶部导航栏 *********/
.logo {
    width: 4rem;
}

#headNavbar>button {
    display: flex;
    align-items: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    transition: var(--bs-accordion-transition);
}


#headNavbar>button::after {
    font-family: "bootstrap-icons";
    content: "\F235";
    margin-right: 8px;
    transition: transform 0.3s ease;
}

#headNavbar>button.collapsed::after {
    transform: rotate(180deg);
    content: "\F235";
}

/**** 顶部导航搜索框 ***/
.head-search {
    display: flex !important;
    align-items: center;
    width: 60%;
}

.head-search form {
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.head-search input,
.head-search button {
    border: none;
    outline: none;
    border-radius: 20px;
}

.head-search input {
    font-size: 1rem;
    width: 100%;
    height: 42px;
    background: #F9F0DA;
    padding-left: 25px;
}

.head-search input:focus {

    border-color: #bf5353;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(219 195 181 / 25%);
}

.head-search button {
    height: 26px;
    width: 26px;
    position: absolute;
    top: 8px;
    right: 15px;

    cursor: pointer;
}

.head-search button:before {
    content: "\F52A";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    font-weight: bold;
    color: #b61924;
}

.head-search span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}

.head-search span:before {
    content: "\F5BD";
    font-family: "bootstrap-icons";
    color: #161B1A;
    font-size: 1.85rem;
    margin: 0.5rem;
}

/**顶部二级导航固定 ***/
#collapseNavbar.position-fixed {
    top: 65px;
    left: 0;
    width: 100%;
    z-index: 1030;
}

#collapseNavbar .col-md-4 a {
    display: inline-block;
    width: 91px;
    padding: 10px;
    margin: 5px;
    font-size: 1.6rem;
    color: #3B3030;
    line-height: 24px;
    text-align: center;
    background-color: #F5F5F5;
    border-radius: 4px 4px 4px 4px;
}

#collapseNavbar .col-md-7 {
    border-right: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
}

#collapseNavbar .col-md-7 a {
    display: inline-block;
    width: 51px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #3B3030;
}

#collapseNavbar .col-md-4 a:hover {
    color: #fff;
    background-color: #28B91B;
    transform: translateY(-2px);
}

/**********首页第二导航*********/
.nav3 ul>li:hover ul li {
    height: 36px;
}

.nav3 li ul {
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 1;
}

.nav3 li ul li {
    overflow: hidden;

    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
}

.navtwo {

    margin: 5px;
}

.navtwo a {
    display: inline-block;
    min-width: 8.1%;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-radius: 8px 8px 8px 8px;
    color: #3b3030;
    padding: 8px 10px;
    margin: 10px;
}

.navtwo a:hover {
    background: linear-gradient(130deg, #E81A2E 0%, #E8961A 100%);
    border-radius: 8px 8px 8px 8px;
    color: #ffffff;

}

.navbarXX {
    margin-left: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #291D1D;
    line-height: 28px;

}


.tit {
    display: flex;
    align-items: center;
}

.tit img {
    width: 40px;
    height: 40px;
    margin-right: 0.5rem;
}

.TitleImg {
    margin-left: 12px;
    font-weight: 600;
    font-size: 28px;
    color: #291D1D;
    line-height: 44px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}


.navbar-text {
    margin-left: auto;
    font-size: 16px;
    color: black;
}

.navbar-nav.nav-item {
    margin-left: 0.5rem;
}



/* 关注改革滑块 */
.Reform_sliders {
    margin-right: 12px;
    font-size: 16px;
    color: #291D1D;
    line-height: 44px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 306px;
    height: 40px;
    background-color: #f8f9fa;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    /* 启用Flexbox布局 */
    justify-content: space-between;
    /* 子元素之间的间隔平均分布，但在这个场景下不是必需的，因为我们要它们紧贴在一起 */
    align-items: center;
    /* 子元素在交叉轴上的对齐方式，这里设置为居中，但可以根据需要调整 */
}

.Reform_sliders_1 {
    flex: 1;
    /* 子元素占据等量的空间，这里每个div将占据一半的空间 */
    text-align: center;
    /* 文本居中显示，可选 */
    color: white;
    background-color: #E81A2E;
    border-radius: 20px 20px 20px 20px;
    /* 可以添加其他样式，如padding, margin等 */
}

.Reform_sliders_2 {
    flex: 1;
    text-align: center;
    color: #999696;
}

.offset-right-90 {
    margin-left: 82px;
    font-weight: normal;
}

.nav-item {
    align-items: center;
    justify-content: center;
    text-align: center;
}

/************首页关注*************/
/*******首页关注排行******/

#RKlist .title {
    width: 100%;
    height: 56px;
    background-color: #E8F3FD;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    align-items: center;
}

#RKlist .carousel-control-prev,
#RKlist .carousel-control-next {
    position: relative;
    width: 50%;

    margin: 1rem;
    font-size: larger;
    color: #161B1A;
    text-decoration: none;
    display: inline-block;
    opacity: 1;
}

#RKlist .carousel-control-prev.active,
#RKlist .carousel-control-next.active {
    background-color: #1A85E8;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    height: 46px;
}

#RKlist .list-inline-item {
    width: 47.2%;
    margin: 1%;
    padding: 0.5rem 0rem;

}

#HomefocusImg img {
    height: 310px;
}

.card-container {
    width: 100%;
    max-width: 100%;
    height: 310px;
    overflow: hidden;
    box-sizing: border-box;
}



.home-card span::before {
    font-family: "bootstrap-icons";
    content: "\F504";
    margin: 8px;
    color: #1A85E8;
    vertical-align: middle;
}

.home-card p::before {
    font-family: "bootstrap-icons";
    content: "\F5D3";
    margin: 0.5rem;
    color: #E8961A;
    vertical-align: middle;
}

/*******end 首页关注*******/

/*********学习层次************/

/* 学习层次>导航 */

/** 学习层次>推荐简章 **/
.carousel-card .card {
    margin: 5px;
    padding: 3px;
    background-color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.15);
    border-radius: 4px 4px 4px 4px;
}

carousel-card .card-body .card-title {
    font-size: 1.5rem;
    line-height: unset;

}

.carousel-card .card-body .card-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.carousel-card .card-body .card-text span {
    margin-left: auto;
    font-weight: bold;
    color: red;
    font-size: larger;
}

.carousel-card .card-footer {
    display: flex;
    align-items: flex-start;
    background: 0;
    border: 0;
}

.carousel-card .card-footer .card-img-top {
    margin-right: 10px;
    width: 50px;
    height: 50px;

}

.carousel-card .card-info h6 {
    font-size: 1.5rem;
    margin-left: 6px;
}

.carousel-card .card-info span {
    margin: 1px;
    display: inline-block;
    padding: 3px 1px 3px 1px;
    font-size: 12px;
    color: #9B9B9B;

}

/**学习层次>考生关注**/
.care {
    width: 100px;
    height: 40px;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px;
    background-color: #f8f9fa;
}

.care:nth-child(1) {
    background-color: #ffcccc;
    color: #ff0000;
}

.care:nth-child(2) {
    background-color: #ccffcc;
    color: #00ff00;
}

.care:nth-child(3) {
    background-color: #ccccff;
    color: #0000ff;
}

.care:nth-child(4) {
    background-color: #ffffcc;
    color: #ff8c00;
}

.care:nth-child(5) {
    background-color: #ffccff;
    color: #ff00ff;
}

.care:nth-child(6) {
    background-color: #ccffff;
    color: #2f6060;
}

/**学习层次>ad图片**/
#careAd .carousel-item img {
    width: 100%;
    height: 104px;
    border-radius: 4px 4px 4px 4px;
}

.recommendSchool {
    margin-top: 16px;
    width: 159px;
    height: 216px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(136, 136, 136, 0.2);
    border-radius: 8px 8px 8px 8px;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.recommendSchool div {
    margin-top: 12px;
}

.Rec-text {
    width: 120px;
    height: 32px;
    background: #1A85E8;
    border-radius: 8px 8px 8px 8px;
    display: flex;

    align-items: center;
    justify-content: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
}

/****
 * 学习层次>Tabs切换
 */
.tabs-home {
    padding-left: 1rem;
    --bs-nav-tabs-border-width: 0;
}

.tabs-home>li>a.active,
#Rcol-hotsmTab>li>a.active {
    font-weight: 600;
    font-size: 28px;
    color: #291D1D;
    line-height: 28px;
    padding: 2rem;
}

.tabs-home>li>a,
#Rcol-hotsmTab>li>a {

    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #999696;
    padding: 2rem;
}

.btn-seek {
    margin-left: 10px;
    margin-right: 10px;
    height: 64px;
    font-weight: 500;
}

.btn-bf1::before {
    font-family: "bootstrap-icons";
    content: "\F4CA";
    margin: 0.5rem;
    color: #fff;
    vertical-align: middle;
}

.btn-bf2::before {
    font-family: "bootstrap-icons";
    content: "\F76E";
    margin: 0.5rem;
    color: #fff;
    vertical-align: middle;
}

/*********end 学习方式*******/
/* *****首页>招生说明会 ******/
#enroll .bg-card-img {
    position: relative;
    width: 100%;
    height: 204.5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#enroll .bg-card-img:nth-child(1) {
    background-image: url(../img/InfoSession1.png);
}

#enroll .bg-card-img:nth-child(2) {
    background-image: url(../img/InfoSession2.png);
}

#enroll .bg-card-img:nth-child(3) {
    background-image: url(../img/InfoSession3.png);
}


#enroll .card img {
    width: 100%;
    height: auto;
    display: block;
}

#enroll .card .card-body.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: black;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

#enroll .card .card-body.overlay .card-title {
    font-size: 2.5rem;
    padding: 1.3rem;
}

#enroll .card .card-body.overlay .card-text {
    font-size: 1.5rem;
    padding: 0.5rem;

}

#enroll .card .card-body.overlay .card-locate,
#enroll .card .card-body.overlay .card-times {
    color: #999696;
    padding: 0.3rem;

}

#enroll .card .card-body.overlay .card-locate::before,
#hire .col-md-8 .col-md-3 .card .card-body .card-text::before {
    font-family: "bootstrap-icons";
    content: "\F3E7";
    color: #007bff;
    margin: 0.3rem;
}

#enroll .card .card-body.overlay .card-times::before {
    font-family: "bootstrap-icons";
    content: "\F1F8";
    color: #007bff;
    margin: 0.3rem;
}

#enroll .list-group li {
    background: rgba(232, 150, 26, 0.1);
    border-radius: 8px 8px 8px 8px;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

/* 招聘就业 */
#hire .col-md-8 .list-group li {
    background: rgba(26, 133, 232, 0.1);
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 8px;
}

#hire .col-md-8 .list-group li::before {
    content: "•";
    color: #1A85E8;
    margin-right: 6px;

}

#hire .col-md-8 .col-md-3 .card .card-img-top img {
    height: 232px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
}

#hire .col-md-8 .col-md-3 .card .card-body .card-title {
    margin-top: 8px;
    font-size: 14px;
    color: #3B3030;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

#hire .col-md-8 .col-md-3 .card .card-info {
    display: flex;
    justify-content: space-between;

}

#hire .col-md-8 .col-md-3 .card-body .card-text {
    font-size: 14px;
    color: #999696;
}

#hire .col-md-8 .col-md-3 .card-body .card-a {
    font-size: 14px;
    color: #1A85E8;
}

#hire .col-md-8 .col-md-3 .card-body .card-a::after {
    font-family: "bootstrap-icons";
    content: "\F280";
    color: #1A85E8;
    margin: 0.3rem;
    vertical-align: middle;
}

/* 政府专项 */
.two-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 创建两列，每列宽度相等 */
    gap: 10px;
}

/* -----首页>图集----- */
.Title_Img {
    margin-left: 20px;
    font-weight: 600;
    font-size: 1.75rem;
    color: #999696;
    line-height: 44px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

a.Title_Img:hover {
    color: #007bff;
    transform: translateY(-2px);
}

#foucsBox {
    margin: 10px;
    padding: 0;
    width: 530px;
    height: 380px;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#foucsBox .imgCon {
    width: 530px;
    height: 380px;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

#foucsBox .imgCon li {
    float: left;
    width: 530px;
    height: 380px;
}

#foucsBox .imgCon li img {
    border: 0;
}

#foucsBox .imgCon li .imgTitle {
    width: 530px;
    position: absolute;
    bottom: 35px;
    text-align: center;
    z-index: 2;
}

#foucsBox .imgCon li .imgTitle a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-family: "Microsoft Yahei", "黑体";
    font-weight: normal;
    font-size: 18px;
    zoom: 1;
}

#foucsBox .showPage {
    width: 530px;
    height: 70px;
    position: absolute;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1;
}

#foucsBox .foucs {
    width: 530px;
    height: 22px;
    position: absolute;
    bottom: 3px;
    text-align: center;
    z-index: 3;
}

#foucsBox .foucs span {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    line-height: 0;
    font-size: 0;
    background: url(../img/bg.png) -160px -90px no-repeat;
    cursor: pointer;
    overflow: hidden;
}

#foucsBox .foucs span.f {
    background: url(../img/bg.png) -170px -90px no-repeat;
}

#foucsBox .foucsButton {
    width: 40px;
    height: 56px;
    padding: 7px;
    margin-top: -70px;
    position: relative;
    z-index: 4;
}

#foucsBox .foucsButton span {
    display: inline;
    width: 23px;
    height: 50px;
    margin: 7px 5px 0;
    cursor: pointer;
    overflow: hidden;
    background: url(../img/bg.png) 0 0 no-repeat;
}

#foucsBox .foucsButton img {
    display: none;
    cursor: pointer;
    border-width: 0px;
    vertical-align: middle;
    width: 100px;
    height: 56px;
}

#foucsBox .lBtn {
    float: left;
}

#foucsBox .lBtn span {
    float: left;
    background-position: 0 -90px;
}

#foucsBox .rBtn {
    float: right;
}

#foucsBox .rBtn span {
    float: right;
    background-position: -30px -90px;
}

#foucsBox .btnHover {
    width: 146px;
    height: 70px;
    background: #408ED6;
    overflow: hidden;
}

#foucsBox .btnHover img {
    display: inline;
}


/* 底部信息 */
.footerleft ul li {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 16px;
    list-style: none;
    list-style: none;

}

.footer-code {
    width: 80%;
    height: 100%;
    background: #ffffff;
    padding: 8px;
    margin: 45px 0 10px 0;
}

.footerR-tel {
    font-weight: 600;
    font-size: 28px;
}

.footer-end {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    margin-top: 44PX;
}

.footer-end P {
    margin-top: 17px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.footer-end P a {
    margin: 5px;
}

/********首页end********/
/****条件筛选*****/
/* 设置th和td的行高 */
#Filter .table tr {
    height: 5.5rem;
}

#Filter .table th,
#Filter .table td {
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
}

.td-img {
    max-height: 2.15rem;
    margin-right: 0.5rem;
}

.place-of-study {
    display: inline-flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 100%;
}

.venue {
    display: none;
    position: absolute;
    left: 0;
    white-space: nowrap;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 10;

    /* 下移以避免遮挡 */
}

.venue:first-child {
    display: inline-block;
    position: static;
    background: transparent;
    border: none;
    padding: 0;
    margin-right: 8px;
    vertical-align: middle;
}

.toggle-icon {
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
}

/* 鼠标悬停图标时显示所有关键词 */
.place-of-study:hover .venue {
    display: block;
    z-index: 100;
}

/* 错开每个关键词的位置 */
.place-of-study .venue:nth-child(2) {
    transform: translateY(40px);
}

.place-of-study .venue:nth-child(3) {
    transform: translateY(70px);
}

.place-of-study .venue:nth-child(4) {
    transform: translateY(100px);
}

.place-of-study .venue:nth-child(5) {
    transform: translateY(130px);
}

.place-of-study .venue:nth-child(6) {
    transform: translateY(160px);
}

.place-of-study .venue:nth-child(7) {
    transform: translateY(190px);
}

.place-of-study .venue:nth-child(8) {
    transform: translateY(220px);
}

.place-of-study .venue:nth-child(9) {
    transform: translateY(250px);
}

.place-of-study .venue:nth-child(10) {
    transform: translateY(280px);
}

.tooltip-container em:not(:first-child) {
    display: none;
}

#Filter label>a:active,
#Filter label>a:hover {
    color: red;
}

#Filter a.active {
    color: red;
    border-right: none;
    background-color: #f8f9fa;
    font-weight: 600;
    text-align: center;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 4px;
}

#Filter .fs-3.ms-2 {
    padding-bottom: 1.3rem;
    border-bottom: #ccc solid 1px;
}

#Filter .col-1.p-3.fw-bold {
    display: flex;
    justify-content: center;
    align-items: center;
}

#Filter .table .dropdown-menu {
    width: 900px;
    height: 150px;
    padding: 2rem;
}

#Filter .dropdown-menu .nav-list {
    position: relative;
    padding-left: 7rem;
    padding-top: 1rem;
}

#Filter .dropdown-menu .nav-list .disabled {
    color: #979AA8;
    position: absolute;
    margin-left: 4rem;
    line-height: 20px;
    left: 0;
}

#Filter .dropdown-menu .nav-list label {
    padding: 1px;
    margin-right: 0.8rem;
}

#Filter .dropdown-menu a.spec {
    position: absolute;
    line-height: 20px;
    padding: 0 4px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
}

#Filter .dropdown-menu .letter-nav {
    margin-bottom: 20px;
}

#Filter .dropdown-menu .letter-nav a {
    text-decoration: none;
    margin: 0 7px;
    padding: 5px 5px;
    border-radius: 5px;
}

#Filter .dropdown-menu .letter-nav a:hover {
    background-color: #f0f0f0;
}

#Filter .dropdown-menu .letter-nav a.active {
    background-color: #007bff;
    color: white;
}

#Filter .dropdown-menu .school-list,
#Filter .dropdown-menu .major-list {
    margin-top: 20px;
    overflow: auto;
    height: 73%;
}

#Filter .dropdown-menu .item {
    padding: 5px;

}

#Filter .dropdown-menu .no-results {
    padding: 20px;
    text-align: center;
    color: #666;
}

#Filter select.form-select {
    width: 14rem;
    height: 3.5rem;
    font-size: 1.5rem;
    margin-right: 0.8rem;
    padding-left: 1.3rem;
    border-radius: var(--bs-border-radius) !important;
}

.expand::after {
    content: "\F27E";
    font-family: "bootstrap-icons";
    transform: rotate(90deg);
    max-width: 3px;
    color: blue
}

.online {
    border-top: #ccc solid 1px;
}

#Filter-sc .card {
    height: 15rem;
    padding: 1rem;
    border-bottom: #ccc solid 1px;
}

#Filter-sc .card-img-top {
    width: 10rem;
    height: 10rem;
    margin: 0 auto;
}

#Filter-sc .card .card-header,
#Filter-sc .card .card-footer {
    background: 0;
    border: 0;
    padding: 2rem;

}

#Filter-sc .card .card-header {
    width: 40%;
}

#Filter-sc .card .card-header .card-title {
    font-size: 2.1rem;
    font-weight: 700;
}

#Filter-sc .card .card-header h5 small {
    font-size: 1.2rem;
    color: #999696;
    font-weight: lighter;
    margin-left: 1rem;
}

#Filter-sc .card .card-header h5 small::before {
    content: "\f3c5";
    font-family: "bootstrap-icons";
    font-weight: 900;
    margin: 5px;
}

#Filter-sc .card .card-header .card-text {
    font-size: 1.5rem;
    margin-top: 1rem;
    ;
}

#Filter-sc .card .card-header .list-group-item {
    display: flex;
    margin: 0.5rem;
}

#Filter-sc .l-c-1 {
    background: rgba(232, 150, 26, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #E8961A;
}

#Filter-sc .l-c-2 {
    background: rgba(26, 133, 232, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #1A85E8;
}

#Filter-sc .l-c-3 {
    background: rgba(232, 26, 46, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #E81A2E;

}

#Filter-sc .l-c-4 {
    background: rgba(40, 185, 27, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #28B91B;
}

#Filter-sc .l-c-5 {
    background: rgba(232, 150, 26, 0.1);
    border-radius: 4px 4px 4px 4px;
    color: #E8961A;
}

#Filter-sc .card .card-body .list-group {
    margin: 0 auto;
}

#Filter-sc .card .card-body .list-group-item {
    display: flex;
    margin: 1.5rem;
}

#Filter-sc .icon-1 {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #1A85E8;
    color: #1A85E8;
}

.icon-1::before {
    content: "\F3B9";
    font-family: "bootstrap-icons";
    padding-right: 3px;
}

#Filter-sc .icon-2 {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #E8961A;
    color: #E8961A;
}

.icon-2::before {
    content: "\F3B1";
    font-family: "bootstrap-icons";
    font-weight: 900;
    padding-right: 3px;
}

#Filter-sc .icon-3 {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #28B91B;
    color: #28B91B;
}

.icon-3::before {
    content: "\F507";
    font-family: "bootstrap-icons";
    font-weight: 900;
    padding-right: 3px;
}

#Filter-ma .card {
    position: relative;
    margin: 1rem;
    padding: 0.5rem;
    border: #ccc solid 1px;
    border-radius: 4px
}

#Filter-ma .card:hover {
    background: #F9F0DA;
}

.card-ranking {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 20px;
    text-align: center;
    padding: 3px;
    font-size: 1rem;
    background: rgba(232, 150, 26, 0.1);
    border-radius: 0 4px 0 4px;
    color: #E8961A;
}

#Filter-ma .card .card-title {
    font-size: 1.95rem;
    font-weight: 700;
}

#Filter-ma .card .card-title small {
    font-size: 1.25rem;
    color: #28B91B;
    font-weight: lighter;
    margin-left: 1rem;
}

#Filter-ma .card .card-text {
    font-size: 1.5rem;
}

#Filter-ma .card .card-link {
    font-size: 1.25rem;
    border: #d0d0d0 solid 1px;
    border-radius: 4px;
    padding: 0.5rem;
    width: 7.75rem;
    display: inline-block;
    text-align: center;
}


#Filter-ma .card .card-link:hover {
    color: red;
}

.card-link-a {
    color: #FFFFFF;
    background-color: blue;
}

/*** 栏目页样式导航 ***/
#particles-js {
    position: relative;
    width: 100%;
    height: 280px;
    background-color: #b61924;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#particles-js canvas {
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
}

#particles-js .nav {

    position: relative;
    z-index: 100;
}

#particles-js .container-fluid {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* 或者设置一个固定的高度，如果.container-fluid的父元素有固定高度 */
}

#particles-js .nav-tabs-menu {
    align-self: first baseline;
    margin-top: auto;
    /* 将导航条推到底部 */
}

#particles-js p {
    color: #F9F0DA;
    font-size: 1.25rem;
}

#particles-js p span {
    background-color: rgba(255, 255, 255, .1);
    font-size: 1.25rem;
    border-radius: 5%;
    padding: 0.5rem 1.5rem;
    margin-right: 0.5rem;
    color: #f8f9fa;
}

.nav-tabs-menu {
    align-self: flex-end;
    padding-left: 2rem;
    margin-top: 2rem;
}

.nav-tabs-menu .nav-link {
    cursor: pointer;
    margin-right: 12px;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    padding: 0 28px;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    height: 46px;
    line-height: 46px;
    background: rgba(255, 255, 255, .1);
}

.nav-tabs-menu .nav-link.active {
    background: #F7F8FC;
    color: #404040;
}

.nav-tabs-menu .nav-link:hover {
    transition: all .2s;
    background: #F7F8FC;
    color: #404040;
}

.link-img {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.link-img img {
    margin-right: 10px;
}

#carouselcolumnImg .carousel-item img {
    height: 230px;
}

#carouselcolumnImg .carousel-indicators {
    padding-bottom: 5rem;
}

#carouselcolumnImg .carousel-caption {
    bottom: 0.2rem;
    left: 0rem;
    right: 0rem;
    padding-bottom: 0rem;
    background-color: rgba(0, 0, 0, 0.5);
}

.colhotnews {
    margin-top: 3rem;
}

.colhotnews .list-group .list-group-item {
    background: no-repeat center;
    background-size: cover
}


.colhotnews .col-list {
    display: inline-table;
    margin-right: 1rem;
    margin-top: 2rem;
    padding: 0.5rem;
}

.colhotnews .col-list li {
    display: inline-block;
    width: 50%;
    padding: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*!-- 栏目页招生说明 --*/
.col-list {
    margin-top: 2rem;
}

.col-list .card {
    border-bottom: #ccc 1px dashed;
    padding: 0.5rem;
    background-color: transparent;
}

.col-list .card-body {
    height: 95px;
}

.col-list .card-body h4 {
    font-size: 1.35rem;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}


.col-list .card-body span {
    display: block;
    color: #999696;
    font-size: 1.25rem;

}

.col-list .card-foot a {
    font-size: 1.25rem;
}

.basic-list {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.basic-list a {
    font-size: 1.5rem;
    width: 180px;
    margin: 0.5rem auto;
    padding: 1rem;
    border-radius: 4px;
    text-align: center;
    background: #f8f9fa;
}

.basic-list a:hover {
    color: #FFFFFF;
    background-color: #E8961A;
}

.basic-list a i {
    margin-right: 1rem;
}

/*!-- 栏目院校专业推荐 --*/
.col-recommend {
    position: relative;
    overflow: hidden;
    margin: 20px auto;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0px 3px 3px 0px #F2F2F2;
    background: #fff;
}


.col-recommend ul {
    border-bottom: 1px dashed #eee;
}

.col-recommend ul li {
    float: left;
    width: 9.09%;
    padding: 15px 10px;
    text-align: center;
    box-sizing: border-box;
}

.col-recommend ul li img {
    width: 58px;
    height: 58px;
}

.col-recommend ul li p {
    padding-top: 5px;
    font-size: 14px;
    color: #222;
}

.col-recommend ul li:hover {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    box-shadow: 0px 3px 17px 0px #E5E5E5;
}

.col-recommend ul li:hover p {
    color: #28B91B;
}

.col-recommend .use-item {

    text-align: left;
    box-sizing: border-box;
}

.col-recommend .use-item a {
    margin-left: 20px;
    font-size: 14px;
    color: #333;
}

.col-recommend .use-item a:hover {
    color: #28B91B;
}

/**! 栏目简章推荐 --*/
.nav-item,
.Redmore {
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.col-tabs-custom {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.col-tabs-custom .nav {
    margin-left: 5rem;
}



.nav-tabs-top .nav-link {
    padding: 1rem 2rem;
    color: #212529;
}

.nav-tabs-top .nav-link.active,
.nav-tabs-top .nav-link:hover {
    color: #b61924;
    border-radius: 6px 6px 0px 0px;
    border-top: 3px solid #b61924;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    background: #fff;
}

.nav-tabs-bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-tabs-bg .nav-link {
    display: inline;
    font-size: 1.25rem;
    color: #999696;

}

.nav-tabs-bg .nav-link.active {

    background: #f8f9fa;
    border-radius: 8px 8px 8px 8px;
    font-weight: 500;
    font-size: 16px;
    color: #E8961A;

}

/*!-- 栏目首页资讯 --*/

/*!-- 栏目有问必答推荐 --*/

/* 栏目列表页轮播图 */
#carouselNews .carousel-inner img {
    height: 360px;
    width: 640px;
}

.bg-black-transparent {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
}

/* 栏目新闻页列表 */
.news-nav-list {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem auto;
}

.news-nav-list li {
    margin-right: 1.8rem;
}

.news-nav-list li a {
    display: block;
    padding: 1rem 2rem;
    font-size: 1.75rem;
    color: #666;
}

.news-nav-list li a.active {
    background-color: #f8f9fa;
    border-top: 3px solid #b61924;
    border-right: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #28B91B;
    border-radius: 10% 10% 0% 0%;

}

.news-card {
    border-bottom: #E4E4E4 1px solid;
    margin-top: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;

}

.news-card .card-img-top {
    height: 120px;
    width: 260px;
}

.news-card .card-title {
    font-size: 2.15rem;
}

.news-card .card-text {
    font-size: 1.5rem;
    color: #666;
    text-indent: 2em;
    margin: 1rem;
}

.news-card .sp-times::before {
    content: "\f017";
    font-family: "bootstrap-icons";

    padding-right: 3px;
}

.news-card p {
    color: #999696;
    font-size: 1.35rem;
}

.news-card .sp-view::before {
    content: "\f06e";
    font-family: "bootstrap-icons";
    padding-right: 3px;
}

/***栏目列表话题热点***/
.topic .topic-title {
    font-size: 1.75rem;
    margin: 2rem 2rem 0rem 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic .topic-img {
    margin-left: 2.1rem;
    display: flex;
    align-items: center;
}

.topic .topic-img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: -10px;
    margin-top: 12px;
}

.topic .topic-img span {
    font-size: 1.35rem;
    color: #999696;
    padding-top: 1rem;
}

.topic .topic-img span mark {
    border-radius: 50%;
    color: #007bff;
    padding: 0.8rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
    font-weight: bold;
}

.topic-img.flex-row> :last-child {
    margin-right: 0;
}

/* 栏目右侧列表项 */

/* 栏目右侧列表项序号 */
.list-group.hotsort {
    counter-reset: list-counter;
    /* 初始化计数器 */
}

.list-group.hotsort .list-group-item {
    position: relative;
    padding-left: 30px;
}

.list-group.hotsort .list-group-item::before {
    counter-increment: list-counter;
    content: counter(list-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: white;
    background-color: #ccc;
}

/* 为前三个元素设置不同的颜色 */
.list-group.hotsort .list-group-item:nth-child(1)::before {
    background-color: gold;

}

/* 第一个元素金色 */
.list-group.hotsort .list-group-item:nth-child(2)::before {
    background-color: silver;
}

/* 第二个元素银色 */
.list-group.hotsort .list-group-item:nth-child(3)::before {
    background-color: #cd7f32;
}

/* 第三个元素铜色 */
.Rcol-hotsm .nav-tabs {
    border-bottom: 0 !important;
    border: none !important;
    border-color: transparent !important;
}

.Rcol-hotsm .nav-tabs .nav-item.show .nav-link,
.Rcol-hotsm .nav-tabs .nav-link.active {
    border: 0 !important;
}

.Rcol-hotsm .nav-tabs .nav-link {
    position: relative;
}


.Rcol-hotsm .list-group .card-img {
    height: 2.5rem;
    width: 2.5rem;
    margin: 0.5rem;
}

.Rcol-hotsm .nav-tabs .nav-link:focus,
.Rcol-hotsm .nav-tabs .nav-link:hover {
    border: 0;
}

.Rcol-hotsm .list-group .list-group-item {
    font-size: 2rem;

}

.Rcol-hotsm .list-group .list-group-item a {
    display: flex;
    align-items: center;
}

.Rcol-hotsm .list-group .list-group-item small {
    font-size: 1.5rem;
    color: #999696;
    margin-left: auto;
}

.Rcol-form .form-floating {
    margin: 2rem 0rem 2rem 0rem;
}

.Rcol-form .form-control-lg,.Rcol-form .form-select-lg {
    height: 5rem;
}


/* 院校样式begin */
.bg-banner {
    background-size: contain;
    background-position: center;
    padding-top: 100px;
    position: relative;
}

.bg-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    background-image: url('../img/bgs.png');
}

.smenu {
    position: relative;
    /* 使内容可以相对于其正常位置进行定位 */
    z-index: 10;
    /* 确保内容位于背景图像之上 */
    color: #3B3030;
    background: #ffffff;
    padding: 10px 10px 30px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem 1rem 0 0;
    margin: 0rem 0.8rem 0rem 0.7rem;
}

.slogo-img {
     width: 10rem;
}

.smenu .col-md-3 a {
    font-size: 3.5rem;
}

.smenu .smenu-link {
    display: inline-block;
    margin-right: 1rem;
    font-size: 2rem;
    padding: 1rem 1.5rem 1rem 1.5rem;

}

.semnu a.smenu-link:hover {
    color: #E81A2E;
}

.smenu a.active {
    border-bottom: #E81A2E solid 3px;
}

.smenu .align-right {
    display: flex;
    justify-content: flex-end;
    /* 让子元素靠右对齐 */
}

.con {
    padding: 3rem;
}

.con .con-info {
    padding: 2rem 0rem 0.5rem 0rem;
    border-bottom: #ccc 1px solid;
    color: #999696;
    font-size: 1.35rem
}

.con .con-info span {
    margin-right: 3rem;
}

.con .con-info .con-time::before {
    content: "\f017";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-info .con-author::before {
    content: "\f007";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-info .con-view::before {
    content: "\f06e";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-info .con-comment::before {
    content: "\f086";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-info .con-collect::before {
    content: "\f02e";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-info .con-share::before {
    content: "\f14d";
    font-family: "bootstrap-icons";
    font-size: 1.5rem;
    padding-right: 3px;
}

.con .con-content {
    margin-top: 2rem;

}

.con .con-content p {
    font-size: 1.65rem;
    text-indent: 4rem;
    line-height: 3.5rem;
}

.con .con-content p a {
    font-size: 1.7rem;
    color: blue;
    text-decoration: underline;
    margin: 0.5rem;

}

.con .con-content p img {
    max-width: 60%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.con .con-tag {
    margin-left: 5rem;
    margin-top: 2rem;
    display: flex;
    font-size: 2.5rem;
    align-items: center;
}


.con .con-tag a {
    margin-right: 1rem;
    font-size: 2rem;
    color: #999696;
}

.con .con-bottom {
    margin-top: 2rem;
    border-top: #ccc 1px solid;
    padding-top: 2rem
}

.con .con-bottom .con-text span {
    display: inline-block;
    margin: auto 0.5rem;
    width: 48%;
    font-size: 1.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.con .con-bottom .con-dis {
    padding: 2rem;
    color: #999696;
    border: #999696 1px dashed;
    font-size: 1.35rem;
    margin-top: 1.5rem;
}



#smindex .col-field .list-inline {
    margin: 0rem 1rem;
}

#smindex .col-field .table thead tr {
    color: #999696;
    border-bottom: #E4E4EE 1px solid;
    font-size: 1.3rem;

}

#smindex .col-field .table thead tr th {
    font-weight: normal;
}

#smindex .col-field .table tbody tr td a {
    margin-right: 1rem;
}

#smindex .col-field a:hover {
    color: #E81A2E;
}

#smindex .col-brochure table tr,
#colJZTabContent table tr {
    height: 5rem;
    vertical-align: middle;
    padding: 1rem;

}
#sabout{position: relative;
            max-width: 600px;
            margin: 20px;
			min-height: 100px; }


        /* 内容段落样式：初始展示60%高度 */
#sabout .content-text {            
            max-height: 150px; 
            overflow: hidden; /* 超出部分隐藏 */
            transition: max-height 0.3s ease; /* 展开/收起动画 */
            line-height: 1.6; /* 优化可读性 */
        }
#sabout .content-text em:last-child {
    display: none;
}

        /* 展开后的样式：显示100%高度 */
#sabout .content-text.expanded {
            max-height: 100%; 
			transition: max-height 0.6s ease-in;
        }

        /* 隐藏/展开按钮样式 */
#sabout .toggle-btn {
            position: relative;           
            font-size: 14px;
			z-index:10;
			transition: opacity 0.3s ease; 
        }

#sabout .toggle-btn::after {
    content: "\F27E";
	font-family: "bootstrap-icons";​
	position: absolute;
	right: 0;​
	top: 50%;​
	transform: translateY(-50%);​
	transition: transform 0.5s ease;
}
#sabout .toggle-btn.expanded::after {
    content: "\F281"; 
	font-family: "bootstrap-icons";
    transform: translateY(-50%) rotate(180deg); /* 可选：添加旋转动画 */
}
#sabout p {

    font-size: 1.5rem;
    text-indent: 4rem;
}

#enroll-infoTab,
#check-infoTab {
    margin-left: 6rem;
    margin-top: 2rem;

}



#check-infoTab .nav-link.active,
#enroll-infoTab .nav-link.active {
    background: #f8f9fa;
    border-radius: 4px;
}

#smindex .figure {
    overflow: hidden;
    position: relative;
    width: 32%;
    border-radius: 1rem;
    height: 20rem;
}

#smindex .figure-img {
    transition: transform 0.3s ease-in-out;
    width: 100%;
    height: auto;
    display: block;

}

#smindex .figure-img:hover {
    transform: scale(1.1);
    /* 放大至1.1倍 */
}

#smindex .Rcol-hotnews,
#smindex .Rcol-hotsm,
#smindex .Rcol-hotbrochure,
#smindex .Rcol-hotform {
    padding-left: 2rem;
}

.cloud-header {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.cloud-wrapper .cloud-card {
    float: left;
    padding: 10px;
    cursor: pointer;
    min-height: 200px;
    background: transparent;
    width: calc(24.8% - -3px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

@media screen and (max-width:1677px) {
    .cloud-wrapper .cloud-card {
        width: 33%;

    }
}

@media screen and (max-width:700px) {
    .cloud-wrapper .cloud-card {
        width: 100%;

    }
}

.cloud-card-image {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.cloud-card-text {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.cloud-card-image-back {
    width: 100%;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.cloud-card-image .cloud-card-image-back {
    z-index: 0;
    position: absolute;
}


.cloud-wrapper .cloud-card:hover .cloud-scale {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

/* 图集列表样式 */


.img-tit {
    padding: 1rem;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.img-tit p {
    font-size: 1.25rem;
    color: #999696;
}

.img-tit h5 {
    font-size: 1.85rem;
}

.col-6 .position-relative img {
    height: 32rem;
}

.img-info {
    position: absolute;
    bottom: -152px;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;

}

/* 自定义样式 */
.bg-custom {
    height: 400px;
    position: relative;
    overflow: hidden;
}

.bg-custom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.text-custom {
    color: white;
    font-size: 36px;
	padding-bottom: 3rem;
    position: relative;
    z-index: 1;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.text-btn{z-index: 1;
    position: relative;}
.text-btn a{font-size:3rem;}
.section-title {
    font-size: 28px;
    margin-top: 30px;
}

.school-card {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.school-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 15px;
}

.school-name {
    font-size: 18px;
    font-weight: bold;
}

.brochure-count {
    font-size: 14px;
    color: #666;
}

.list-group-item-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.question {
    font-weight: bold;
}

.answer {
    color: #666;
}

.divider {
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
}

.img-thumbnail-custom {
    height: 250px;
}

.news-card {
    margin-bottom: 20px;
}

.news-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;

}

.news-card-first {
    display: flex;
}

.news-card-first img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin-right: 15px;
}

.special-foot {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    text-align: center;
}

.special-foot-div {
    padding: 40px;
    border-radius: 20px;
}

/* 查看图集图片样式 */

.thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow-y: auto;
    max-height: 300px;
}

.thumbnail-item {
    flex: 0 0 calc(50% - 10px);
    cursor: pointer;
}

.thumbnail-item img {
    width: 100%;
    height: auto;
}
/****page-baoming****/
.baoming-container {
      background-color: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }
    
    .baoming-title {
      background-color: #165DFF;
      color: white;
      padding: 20px;
      border-radius: 12px 12px 0 0;
    }
    
    .baoming-title span {
      font-weight: normal;
      font-size: 0.8em;
    }
    
    .baoming-text {
      background-color: #f8f9fa;
      padding: 15px;
      border-left: 4px solid #165DFF;
      margin-bottom: 20px;
    }
    
    .baoming-label-required::before {
      content: "* ";
      color: red;
      font-weight: bold;
    }
    
    .btn-submit {
      background-color: #165DFF;
      border-color: #165DFF;
      padding: 12px;
      font-size: 1.1em;
      transition: all 0.3s ease;
    }
    
    .btn-submit:hover {
      background-color: #0E42B3;
      border-color: #0E42B3;
      transform: translateY(-2px);
    }
    
    .info-panel {
      background-color: #f8f9fa;
      border-radius: 10px;
      padding: 20px;
      height: 100%;
    }
    
    .info-title {
      color: #165DFF;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    
    .timeline {
      display: flex;
      justify-content: space-between;
      margin: 20px 0;
    }
    
    .timeline-step {
      text-align: center;
      position: relative;
	  flex: 1;
    }
    
    .timeline-step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 15px;
      left: 100%;
      width: calc(100% - 36px);
      height: 2px;
      background-color: #165DFF;
	  transform: translateX(-26px);
    }
    
    .timeline-icon {
      width: 30px;
      height: 30px;
      background-color: #165DFF;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 5px;
    }
    
    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      border-radius: 8px;
    }
    
    .video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
	/***page-xueli**/
	.left-table th,.left-table td,.right-table th,.right-table td{height:10rem;vertical-align: middle;}
/* 院校样式end */
.section_subtitle {
    display: inline-block;
    height: 28px;
    border-radius: 14px;
    background-color: var(--divider);
}
.section_subtitle img {
    opacity: 0.8;
}
.section_subtitle span {
    font-size: 16px;
    color: var(--body_text_2);
    margin-left: 4px;
    line-height: 28px;
}
.grad_light
{
	/* For modern browsers */
	background: linear-gradient(to right, #e8ecf6, #c7cff1);

	/* For older webkit browsers (Safari 5.1-6, Chrome 10-25) */
	/* background: -webkit-linear-gradient(left, #e8ecf6, #c7cff1); */

	/* For older Opera browsers */
	background: -o-linear-gradient(left, #e8ecf6, #c7cff1);

	/* For older Firefox browsers (3.6 to 15) */
	background: -moz-linear-gradient(left, #e8ecf6, #c7cff1);

	/* Fallback for IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8ecf6', endColorstr='#c7cff1', GradientType=1);

	/* For IE10 and IE11 */
	background: -ms-linear-gradient(left, #e8ecf6, #c7cff1);
}
.grad_light_reverse
{
	/* For modern browsers */
	background: linear-gradient(to right, #c7cff1, #e8ecf6);

	/* For older webkit browsers (Safari 5.1-6, Chrome 10-25) */
	background: -webkit-linear-gradient(left, #c7cff1, #e8ecf6);

	/* For older Opera browsers */
	background: -o-linear-gradient(left, #c7cff1, #e8ecf6);

	/* For older Firefox browsers (3.6 to 15) */
	background: -moz-linear-gradient(left, #c7cff1, #e8ecf6);

	/* Fallback for IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7cff1', endColorstr='#e8ecf6', GradientType=1);

	/* For IE10 and IE11 */
	background: -ms-linear-gradient(left, #c7cff1, #e8ecf6);
}
/*********************************
期刊纸媒 Home
*********************************/
.img-thumbnail{height:90px;}
.gap-12 {
    gap: clamp(8px, 0.625vw, 24px);
}
.cus-btn {
  position: relative;
  overflow: hidden;
  border: 1px solid #004439;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  font-size: clamp(14px, 0.938vw, 22px);
  font-family: "Space Grotesk", sans-serif;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  padding: clamp(10px, 0.885vw, 24px) clamp(20px, 1.667vw, 48px);
  text-decoration: none;
  border-radius: clamp(24px, 1.667vw, 64px);
  cursor: pointer;
  background: #004439;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.cus-btn span:first-child {
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}
.cus-btn span:last-child {
  color: #004439;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
  width: 100%;
  text-align: center;
}
.cus-btn:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D5D52C;
  border: 0;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}
.cus-btn:hover {
  border: 1px solid #004439;
}
.cus-btn:hover:after {
  transform-origin: bottom center;
  transform: skewY(6.3deg) scaleY(2);
}
.cus-btn:hover span:last-child {
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}
.manu-section .nav {
  display: inline-flex;
  gap: clamp(24px, 1.667vw, 64px);
  row-gap: 24px;
  border: 0px;
  position: relative;
}
@media (max-width: 1599px) {
  .manu-section .nav {
    /* gap: clamp(12px, 0.833vw, 32px); */
    row-gap: 24px;
  }
}
.manu-section .nav::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #EAEAEC;
  z-index: -1;
}
@media (max-width: 1199px) {
  .manu-section .nav::after {
    bottom: -10px;
  }
}
@media (max-width: 992px) {
  .manu-section .nav::after {
    display: none;
  }
}
.manu-section .nav .nav-item .nav-link {
  color: #45474F;
  font-family: "Inter", sans-serif;
  font-size: clamp(16px, 0.938vw, 22px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  border: 0px;
  padding: 0px;
  position: relative;
}
.manu-section .nav .nav-item .nav-link::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #004439;
  transition: width 0.7s;
  position: absolute;
  bottom: -15px;
  left: 0;
}
@media (max-width: 1199px) {
  .manu-section .nav .nav-item .nav-link::after {
    bottom: -9px;
  }
}
.manu-section .nav .nav-item .nav-link.active {
  font-weight: 500;
  background: transparent;
  color: #004439;
  transition: all 0.3s ease-in-out;
  border: 0px;
}
.manu-section .nav .nav-item .nav-link.active::after {
  width: 100%;
}
.manu-section .nav .nav-item .nav-link:hover {
  color: #004439;
  transition: all 0.3s ease-in-out;
}
.manu-section .nav .nav-item .nav-link:hover::after {
  width: 100%;
}
.manu-section .input-container {
  position: relative;
  width: clamp(380px, 21.563vw, 520px);
}
@media (max-width: 399px) {
  .manu-section .input-container {
    width: 100%;
  }
}
.manu-section .input-container i {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 16px;
}
.manu-section .input-container input {
  background: #FFFFFF;
  border-radius: clamp(4px, 0.417vw, 16px);
  border: 1px solid #EAEAEC;
  padding: 14.5px;
  padding-left: 44px;
}
.manu-section .input-container a {
  position: absolute;
  top: 12px;
  right: 16px;
  border: 0;
  background: transparent;
}
.manu-section .input-container a svg {
  font-size: 20px;
}
.manu-section .card {
  padding: clamp(16px, 1.25vw, 32px) clamp(12px, 1.25vw, 32px);
  border: 1px solid #EAEAEC;
  border-radius: clamp(8px, 0.625vw, 24px);
}
@media (max-width: 992px) {
  .manu-section .card {
    width: 100%;
  }
}
.manu-section .card .card-image {
  border-radius: clamp(6px, 0.625vw, 20px);
  position: relative;
  overflow: hidden;
}
.manu-section .card .card-image.shine::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
  pointer-events: none;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.manu-section .card .card-image img {
  border-radius: clamp(6px, 0.625vw, 20px);
  width: 100%;
  height: 270px;
  object-fit: cover;
  -webkit-transition: all 0.35s linear 0s;
  transition: all 0.35s linear 0s;
}
.manu-section .card .card-content h5 {
  transition: all 0.3s ease-in-out;
}
.manu-section .card .card-content .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 399px) {
  .manu-section .card .card-content .card-info {
    flex-wrap: wrap;
    row-gap: clamp(12px, 0.833vw, 32px);
    gap: clamp(12px, 0.833vw, 32px);
  }
}
.manu-section .card .card-content .card-info .info-box {
  padding: .5rem;
  border: 1px solid #92949F;
  background: #FAFAFA;
  border-radius: clamp(2px, 0.208vw, 8px);
}
.manu-section .card .card-content .course-detail {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.manu-section .card .card-content img {
  width: clamp(18px, 1.25vw, 32px);
  height: clamp(18px, 1.25vw, 32px);
}
.manu-section .card .card-content .price-label {
  padding: 8px 16px;
  background: #004439;
  border-radius: clamp(4px, 0.417vw, 16px);
}
.manu-section .card .card-content .price-label h5 {
  color: #FFFFFF;
}
.manu-section .card .card-content .rating-star {
  margin-top: -6px;
}
.manu-section .card:hover h5 {
  color: #004439;
  transition: all 0.3s ease-in-out;
}
.manu-section .card:hover .card-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.35s linear 0s;
  transition: all 0.35s linear 0s;
}
.manu-section .card:hover .card-image.shine:hover::before, .manu-section .card:hover .card-image.shine:focus::before {
  animation: shine 0.85s;
}

/*********************************
Why Us
*********************************/
.feature_box
{
	background-color: #fff;
	border-radius: 12px;
	padding-left: 24px;
	padding-top: 28px;
	padding-bottom: 27px;
	padding-right: 32px;
	margin-bottom: 24px;
}
.feature_box_icon
{
	width: 56px;
	height: 56px;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	flex-shrink: 0;
}
.feature_box_content
{
	padding-left: 24px;
	margin-top: -5px;
}
.feature_box_content p
{
	font-size: 14px;
	margin-top: 5px;
}
.section_content_row
{
	margin-top: 51px;
}

#manucarousel .carousel-indicators{position:unset;}

#manucarousel .carousel-indicators [data-bs-target]{

    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: grid;
	align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #004439;
    transition: all 0.3s ease-in-out;
}
#manucarousel  .carousel-indicators li.active:before {
    opacity: .75;
    color: #000;
}


 .custom-block {
            background: -webkit-linear-gradient(left, #e8ecf6, #c7cff1);/* 浅蓝色背景 */
            border-radius: 8px; /* 可选：添加圆角 */
            padding: 40px; /* 增加内边距 */
            position: relative; /* 为绝对定位的子元素提供参考 */
            overflow: hidden; /* 防止图片溢出 */
        }
        
        .transparent-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2; 
            object-fit: cover; 
            z-index: 1; 
        }
        .centered-text {
            position: relative; 
            z-index: 2; 
            color: #333; 
            text-align: center;}
/*========= manu_sidebar css ======*/
.manu_sidebar {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 10px 20px -2px rgba(33, 40, 51, 0.03);
  padding: 30px;
}
.manu_sidebar .manu_sidebar_title_small {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.manu_sidebar .manu_sidebar_title_small i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 18px;
}
.manu_sidebar .widget:not(:last-child) {
  border-bottom: 1px solid #d2d2d3;
  padding-bottom: 30px;
  margin-bottom: 35px;
}
.manu_sidebar .widget.filter_widget {
  padding-bottom: 15px;
}
.filter_widget {
  padding-bottom: 15px;
}
.filter_widget .manu_sidebar_title {
  font-size: 18px;
  font-weight: 600;
}

.manu_category_list + .manu_category_list {
  margin-bottom: 0;
}
.manu_category_list li:not(:last-child) {
  margin-bottom: 10px;
}
.manu_category_list li a {
  font-size: 16px;
  font-weight: 400;
  color: #4D4E50;
  transition: all 0.2s linear;
}
.manu_category_list li a:hover {
  color: #4285F4;
  font-weight: 600;
}

.manu_category_widget .btn-primary {
  padding: 0px;
  border: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #202124;
  background: transparent;
  box-shadow: none;
}
.manu_category_widget .btn-primary i {
  font-size: 11px;
  vertical-align: middle;
}
.manu_category_widget .btn-primary:focus {
  box-shadow: none;
  outline: none;
}
.manu_category_widget .btn-primary:hover {
  color: #4285F4;
}

.author_choose_list .form-check {
  font-size: 16px;
  color: #4D4E50;
}
.author_choose_list .form-check:not(:last-child) {
  margin-bottom: 12px;
}
.author_choose_list .form-check label {
  cursor: pointer;
}
.author_choose_list .form-check .form-check-input {
  border-color: #202124;
  position: relative;
}
.author_choose_list .form-check .form-check-input:before {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: solid #4285F4;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 4px;
  opacity: 0;
}
.author_choose_list .form-check .form-check-input:checked {
  background: transparent;
  border-color: #4285F4;
}
.author_choose_list .form-check .form-check-input:checked:before {
  opacity: 1;
}
.author_choose_list .form-check .form-check-input:checked + label {
  color: #4285F4;
}
.author_choose_list .form-check .form-check-input:focus {
  box-shadow: none;
}
.author_choose_list .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #bcbcbd;
  gap: 4px;
}
.author_choose_list .rating .filled {
  color: #ff7629;
}

.filter-item {
            padding: 10px 15px;
            margin-bottom: 5px;
            border-radius: 5px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s;
			position: relative;
        }
        
        .filter-item:hover {
            background-color: #e9ecef;
        }
        
        .filter-item.active {
            background-color: #0d6efd;
            color: white;
        }
        
        .sub-filter {
            position: absolute;
            left: 100%;
            top: 0; 
			min-width:800px;
			max-width:810px;
            background-color: white;
            padding: 20px;
            border-left: 1px solid #dee2e6;
            box-shadow: 2px 0 5px rgba(0,0,0,0.1);
            display: none;
            z-index: 10;
        }
        .sub-filter label,
       .sub-filter label:hover ,.sub-filter label a:active,.sub-filter label a{margin-right: 2rem;margin-bottom: 1rem;padding:1rem;border-radius: 5px;text-align: center;}
        
        .sub-filter label:hover , .sub-filter label a:active{
            background-color: #f1f1f1;
        }
        
        .filter-item:hover .sub-filter {
            display: block;}
.pr_search_form .form-control {
    font-size: 16px;
    color: #202124;
    border: 1px solid #d2d2d3;
    padding-left: 30px;
    line-height: 46px;
}
.pr_search_form button {
    border: 1px solid #d2d2d3;
    padding: 0px 20px;
    border-radius: 0px 5px 5px 0px;
    background: transparent;
}
/***show-manu****/
/*******/
.course_main_content
{
	padding-left: 5rem;
	padding-right:5rem;
}
.feature_box_show
{
	width: calc((100% - 48px) / 3);
	padding-top: 29px;
	padding-bottom: 34px;
	border: solid 1px #e8ecf6;
	border-radius: 12px;
	margin-bottom: 24px;
}

.feature_title
{
	font-size: 16px;
	font-weight: 600;
	
	margin-top: 12px;
}
.feature_box p
{
	font-size: 14px;
	
	margin-top: 4px;
}

.section_skills
{
	margin-top: 48px;
}
.course_skills_list
{
	margin-top: 25px;
}
.course_skills_list > div
{
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-right: 16px;
	border: solid 1px #e8ecf6;
	border-radius: 20px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.section_certificate
{
	margin-top: 59px;
}
.section_certificate p
{
	margin-top: 20px;
}
.section_related
{
	margin-top: 60px;
}
.related_container
{
	margin-top: 25px;
}
.related
{
	margin-bottom: 12px;
}
.related_pic
{
	width: 245px;
	height: 297px;
	border-radius:12px;
	overflow: hidden;
	margin-right: 12px;
	flex-shrink: 0;
}
.related_content
{
	width: 100%;
	padding-left: 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 32px;
	border: solid 1px #e8ecf6;
	border-radius: 12px;
}
.related_pic_sm
{
	display: none;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 20px;
	flex-shrink: 0;
	flex-grow: 0;
}
.related_name
{
	font-size: 20px;
	font-weight: 600;
	margin-top: -3px;
}
.related_title
{
	font-size: 14px;
	margin-top: 3px;
}
.related_rating
{
	margin-top: 5px;
}
.related_rating img
{
	width: 14px;
	height: 13px;
	flex-shrink: 0;
	margin-right: 8px;
}
.related_rating_num
{
	font-size: 14px;
	font-weight: 600;
	margin-right: 8px;
}
.related_rating_count
{
	font-size: 14px;
	font-weight: 400;
}
.related_description
{
	margin-top: 14px;
}
.related_description p
{
	font-size: 16px;
}
.related_social
{
	margin-top: 8px;
}

.related_social .social_links_container div:not(:last-child)
{
	margin-right: 12px;
}


/*********************************
 Sidebar
*********************************/

.show_sidebar
{
	padding-left: 24px;
	margin-top: -310px;
}
.sidebar_pic
{
	border-radius: 12px;
	overflow: hidden;
	height: 219px;
}

.sidebar_content
{
	padding-top: 18px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 32px;
	border: solid 1px #e8ecf6;
	border-radius: 12px;
	margin-top: 24px;
	background-color: #fff;
}
.background_image {   
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}
.course_price
{
	font-size: 22px;
	font-weight: 600;
}

.discount_expiration
{
	margin-top: 2px;
}
.discount_expiration svg
{
	width: 17px;
	height: 17px;
	fill: #e17967;
}
.discount_expiration p
{
	font-size: 14px;
	font-weight: 500;
	color: #e17967;
	margin-left: 8px;
}
.sidebar_list
{
	margin-top: 18px;
}
.sidebar_list_item
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e8ecf6;
}
.sidebar_list_item > div
{
	font-size: 16px;
}
.sidebar_buttons
{
	margin-top: 36px;
}
.sidebar_buttons > div
{
	display: block;
}
.sidebar_buttons > div:not(:last-child)
{
	margin-bottom: 10px;
}
.sidebar_buttons > div a span
{
	margin-left: auto;
	margin-right: auto;
}
/****
*
单页反馈
*
***/
.contact-form-area .form-control {
  position: relative;
  z-index: 2;
  height: 54px;
  font-size: 12px;
  margin-bottom: 15px;
  border-radius: 0;
  padding: 15px 30px;
  font-weight: 500;
  color: #aeaeae;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  .contact-form-area .form-control:focus {
    box-shadow: none; }
.contact-form-area textarea.form-control {
  height: 250px; }
 .contact-form-area .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
  /********
  **
 单页联系地图
  ***
  ******/
.map-area {
  position: relative;
  z-index: 2; }
.map-area iframe {
    width: 100%;
    height: 400px;
    border: none;
    margin-bottom: 0; }
@media only screen and (max-width: 767px) {
      .map-area iframe {
        height: 300px; } }
/********
  **
 单页联系
  ***
  ******/
.contact-item {
      text-align: center;
      padding: 20px;
    }
.contact-icon {
      font-size: 1.5rem;
      color: #0d6efd;
      margin-top: 10px;
    }