@charset "UTF-8";

/* CSS Document */
/* 
Design by nzl5423
Name       : 杏花影视-基础医学与生命科学学院
Description: 杏花影视-基础医学与生命科学学院
Version    : 1.0
mail       : zlniu@hainmc.edu.cn
Released   : 20240130 
*/
:root {

    --template-color: #0F3775;
    --template-top-bottom-color: #EE9B11;

    /* 蓝色主题 默认主题 */
    /*    --template-color: #0F3775;
          --template-top-bottom-color: #EE9B11;    */
    /* 蓝色主题2 */
    /*  --template-color: #005187;
        --template-top-bottom-color: #FFB425; */
    /* 绿色主题 */
    /*  --template-color: #275C51;
        --template-top-bottom-color: #EE9B11; */
    /* 红色主题 */
    /*    --template-color: #940709;
         --template-top-bottom-color: #EE9B11;   */
}

/*--默认--*/
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
}

/*公共样式与首页样式*/
A {
    TEXT-DECORATION: none;
}

A:link {
    color: #484848;
    outline: none;
}

A:visited {
    color: #484848
}

A:active {
    color: #484848
}

A:hover {
    color: #0F3775;
    color: var(--template-color);
    text-decoration: none;
}

body {
    font-family: "微软雅黑";
    background: #ffffff;
    color: #484848;
    /* min-width: 576px; */
    margin: auto;
}

/*--header start--*/
#page-header {
    border-top: 5px solid #EE9B11;
    border-top: 5px solid var(--template-top-bottom-color);
    background: #0F3775;
    background: var(--template-color);
    background-image: url(/lxy/templates/images/xueyi.png);
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-position: bottom right;
    overflow: hidden;
    margin-bottom: -1px;
}

@media (max-width:992px) {
    #page-header {
        background-image: none;
    }
}

#page-header .logobox {
    height: 100px;
}

#page-header .logobox img {
    max-height: 90px;
}

#page-header .logobox a {
    color: #FFF;
    text-decoration: none;
}

#page-header .logobox a:hover {
    color: #FFF;
    text-decoration: underline;
}

/*--header end--*/
/*--nav start--*/
.navbar {
    opacity: .94;
    z-index: 999;
}

/*--鼠标悬浮 start--*/

@media (min-width: 1200px) {
    .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }

    .dropdown-menu {
        margin-top: 0;
    }

}






/*--鼠标悬浮 end--*/



@media (max-width:1200px) {
    .navbar {
        opacity: 0.97;
        z-index: 999;
    }
}

.navbar a {
    color: #5d5c5c;
    font-weight: 500;
}

.navbar a:link {
    color: #5d5c5c;
    background-image: url(/lxy/templates/icon/fonts/);
}

.navbar a:visited {
    color: #5d5c5c;
}

.navbar a:hover {
    color: #000;
}

.navbar a:active {
    color: #000;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #CCC;
}

/*--nav end--*/
/*--轮播 start--*/
#carouselExampleCaptions h5 {
    font-size: 50px;
}

#carouselExampleCaptions p {
    font-size: 30px;
}

.carousel-page {
    border: #FFF solid 1px;
    width: 55px;
    height: 55px;
    opacity: .30;
    background-color: #000;
}

/*--轮播 end--*/
/*--main start--*/
.serach-input {
    width: 200px;
    margin-left: 30px;
    margin-right: 5px;
}

/*--新闻轮播 start--*/
@media (min-width: 1200px) and (max-width: 1400px) {
    .index-pic-box {
        min-width: 640px;
        overflow: hidden;
    }
}

#newscarousel h5 {
    font-size: 18px;
}

#newscarousel p {
    font-size: 14px;
}

#newscarousel .carousel-caption {
    left: 0px;
    right: 0px;
    opacity: .85;
    bottom: 0px;
}

#newscarousel a {
    color: #FFF;
}

#newscarousel a:hover {
    color: #CCC;
}

#newscarousel a:active {
    color: #FFF;
}

#newscarousel a:visited {
    color: #FFF;
}

#newscarousel a:active {
    color: #FFF;
}

/*--新闻轮播 end--*/
/*--新闻列表 start--*/
.news-box {
    height: 500px;
    overflow: hidden;
}

.news-text ul li {
    height: 79px;
    overflow: hidden;
    line-height: 34px;
}

.news-text ul li .time {
    width: 84px;
    height: 70px;
    overflow: hidden;
    color: #000;
    padding: 2px;
}

.news-text ul li:hover .time {
    color: #FFF;
    background: #0F3775;
    background: var(--template-color);
}

/*--新闻列表 end--*/
/*--通知 start--*/
.notice {
    background: #0F3775;
    background: var(--template-color);
    background-image: url(/lxy/templates/images/notice-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.notice h4 {
    color: #FFF;
}

.notice .notice-time span {
    color: #FFF;
}

.notice ul li .notice-box {
    height: 84px;
    overflow: hidden;
}

.notice ul li .notice-time {
    width: 76px;
    height: 66px;
    overflow: hidden;
    color: #000;
    font-size: 16px;
}

.notice ul li:hover .notice-time {
    background: #CCC;
    color: #000;
}

.notice a {
    color: #FFF;
    line-height: 33px;
}

.notice a:link {
    color: #FFF;
}

.notice a:visited {
    color: #FFF;
}

.notice a:hover {
    color: #CCC;
}

.notice a:active {
    color: #CCC;
}

/*--通知 end--*/
/*--info 开始--*/
.info h4 {
    border-bottom: 3px solid #0F3775;
    border-bottom: 3px solid var(--template-color);
    line-height: 35px;
    width: 130px;
}

.info ul li {
    overflow: hidden;
}

.info ul li:hover {
    background: #F5F5F5;
}

.info ul li i {
    right: 10%;
    top: 15%;
}

/*--info end--*/
.info .info-more {
    right: 10px;
    top: 10px;
}

.about-us {
    /* background: url('/lxy/templates/images/left-logo-bg.png') no-repeat left bottom, url('/lxy/templates/images/right-logo-bg.png') no-repeat right bottom; */
    background: url('/lxy/templates/images/bottom_bg.png') no-repeat center bottom;

    background-size: contain;

    height: 650px;
}

@media (max-width:1400px) {
    .about-us {
        border: 0px;
        height: 600px;
    }
}

@media (max-width:768px) {
    .about-us {
        border: 0px;
        height: 450px;
    }
}




.bootom-bg {
    /* background: url('/lxy/templates/images/left-logo-bg.png') no-repeat left bottom, url('/lxy/templates/images/right-logo-bg.png') no-repeat right bottom; */
    background: url('/lxy/templates/images/bottom_bg.png') no-repeat center bottom;

    background-size: contain;

    height: 390px;
}

@media (max-width:1400px) {
    .bootom-bg {
        border: 0px;
        height: 200px;
    }
}

@media (max-width:768px) {
    .bootom-bg {
        border: 0px;
        height: 150px;
    }
}









/*--salon start--*/
.swiper {
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

.swiper-slide {


    text-align: left;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}



.swiper-slide .salon-box {
    border: 1px solid #DEE2E6;


    border-top: 2px solid #0F3775;
    border-top: 2px solid var(--template-color);
    height: 240px;
}

.swiper-slide .salon-box h5 {
    font-size: 18px;
    font-weight: normal;
}

.swiper-slide .salon-box ul li {
    font-size: 16px;
    font-weight: normal;
}

.salon-box ul li i {
    color: #CCC;


}

.salon-box:hover ul li i {
    color: #0F3775 !important;
    color: var(--template-color) !important;


}

.salon-box:hover {

    background: url('/lxy/templates/images/salon_bg.png') no-repeat 298px 170px;

}



/*--salon end--*/
/*--footer start--*/
footer {
    background: #0F3775;
    background: var(--template-color);
    background-image: url(/lxy/templates/images/hylogo.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    border-bottom: 5px solid #EE9B11;
    border-bottom: 5px solid var(--template-top-bottom-color);
    color: #FFF;
}

footer .link h5 {
    width: 100px;
}

footer .link a {
    color: #FFF;
}

footer .link a:hover {
    color: #FFF;
    text-decoration: underline;
}

footer .link a:active {
    color: #FFF;
}

footer .link a:visited {
    color: #FFF;
}

footer .help a {
    color: #FFF;
}

footer .help a:hover {
    color: #FFF;
    text-decoration: underline;
}

footer .help a:active {
    color: #FFF;
}

footer .help a:visited {
    color: #FFF;
}

/*--footer end--*/
/*--news list 分页 start--*/
/*--分页二级导航 start--*/
.sub-nav-box li {
    font-size: 18px;
}

.sub-nav-box li:hover {
    background-color: #F0EDED;
}

.sub-nav-box .active {
    border-bottom: 3px solid #0F3775;
    border-bottom: 3px solid var(--template-color);
}

@media (max-width:768px) {
    .sub-nav-box .active {
        border: 0px;
        background-color: #CCC;
    }
}

.parent-nav:after {
    /* content: "\F286"; */
    /** 箭头向上图标*/
    content: "\F282";
    /** 箭头向下图标*/
    font-family: "bootstrap-icons";
    position: absolute;
    right: 10px;
}

/**箭头图标展开式时的样式*/
/** collapsed是bootstrap的属性，表示父标签展开的时候加入的图标 after表示在此后加入字体图标  */
.parent-nav.collapsed:after {
    content: "\F282";
    /** 箭头向下图标*/
    font-family: "bootstrap-icons";
    position: absolute;
    right: 10px;
}

/*--分页二级导航 end--*/
/*--分页三级导航 start--*/
.Third-nav ul li {
    line-height: 34px;
    font-size: 18px;
}

/*--分页三级导航 end--*/
.list-box ul li {
    line-height: 34px;
    border-bottom: 1px dotted #CCC;
}

.list-box ul li:hover {
    background: #F5F5F5;
}

.pb_sys_style1 .p_no_d {
    border: 1px solid #0F3775 !important;
    border: 1px solid var(--template-color) !important;
    background: #0F3775 !important;
    background: var(--template-color) !important;
}

/*--news list 分页 end--*/
/*--分页带时间新闻列表 start--*/
.list-time-box ul li {
    line-height: 34px;
    border-bottom: 1px dotted #CCC;
}

.list-time-box ul li {
    height: 79px;
    overflow: hidden;
    line-height: 34px;
}

.list-time-box ul li .time {
    width: 84px;
    height: 70px;
    overflow: hidden;
    color: #000;
    padding: 2px;
}

.list-time-box ul li:hover .time {
    color: #FFF;
    background: #0F3775;
    background: var(--template-color);
}

/*--分页带时间新闻列表 end--*/
/*--分页带三级菜单新闻列表 end--*/
/*--分页部门列表 start--*/
.department-list-box .department-item {
    border: 1px solid #0F3775;
    border: 1px solid var(--template-color);
    font-size: 18px;
}

.department-list-box li:hover .department-item {
    opacity: .85;
    background: #0F3775;
    background: var(--template-color);
}

.department-list-box li:hover .department-item a {
    color: #FFF;
}

/*--分页部门列表 end--*/
/*--news detail 分页 start--*/
.sub-nav h2 button {
    background: #1A3B6D;
    background: var(--template-color);
    color: #FFF;
}

.sub-nav h2 button:hover {
    color: #FFF;
    text-decoration: underline;
}

.news-detail p {
    font-size: 18px;
    line-height: 40px;
    font-family: "微软雅黑";
    /* text-indent:2em; */
}

.news-detail img {
    max-width: 90%;
    height: auto
}

.sub-nav-box {
    line-height: 35px;
    font-size: 14px;
}

/*--news detail 分页 end--*/
/*--分页师资力量 start--*/
.teacher-box h5 {
    border-bottom: 3px solid #0F3775;
    border-bottom: 3px solid var(--template-color);
    width: 500px;
    font-size: 18px;
}

.teacher-box-list ul li {
    width: 70px;
}

.teacher-box ul li .active {
    background: #0F3775;
    background: var(--template-color);
    border-color: #0F3775;
    border-color: var(--template-color);
    opacity: .85;
    z-index: 990;
}

/*--分页师资力量 end--*/
/*--分页导师列表 start--*/
.teacher-pic-list-box h5 {
    border-bottom: 3px solid #0F3775;
    border-bottom: 3px solid var(--template-color);
    width: 250px;
}

.teacher-pic-list-box h4 {
    font-size: 16px;
    font-weight: bold;
}

.teacher-pic-list-box .teacher-pic img {

    max-width: 150px !important;
    max-height: 220px !important;

}


.teacher-pic-list-box ul li .active {
    background: #0F3775;
    background: var(--template-color);
    border-color: #0F3775;
    border-color: var(--template-color);
    opacity: .85;
    z-index: 990;
}

/*--分页导师列表 end--*/