@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;
  /* 蓝色主题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(../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;
}

@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(../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(../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('../images/left-logo-bg.png') no-repeat left bottom, url('../images/right-logo-bg.png') no-repeat right bottom;
  height: 400px;
}

/*--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('../images/salon_bg.png') no-repeat 298px 170px;

}



/*--salon end--*/
/*--footer start--*/
footer {
  background: #0F3775;
  background: var(--template-color);
  background-image: url(../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 ul li .active {
  background: #0F3775;
  background: var(--template-color);
  border-color: #0F3775;
  border-color: var(--template-color);
  opacity: .85;
  z-index: 990;
}

/*--分页导师列表 end--*/