@CHARSET "UTF-8";
* {margin: 0;padding: 0;}
html, body {height: 100%;background: rgba(243, 244, 246, 1);display: flex;flex-direction: column; min-height: 100vh;}
/*头部*/
.header{width: 100%;height: 84px;background-color: white}
.menubar{display: flex;width: 100%;height: 56px;justify-content: flex-start;align-items: center;padding: 37px 65px;}
.logo{display:flex;height: 60px;justify-content: flex-start;align-items: center;}
.logo img {height: 60px}
.title{font-size: 24px;font-weight: 900;letter-spacing: 0;line-height: 32px;color: rgba(125, 78, 39, 1);text-align: left;vertical-align: super;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-image: url("./shouye_bg.png");background-color: white!important; background-repeat: no-repeat; background-position: center;background-size: cover; }
.active2{color: #fff!important;background-image: url("./neiyebg.png");background-color: white!important;background-repeat: no-repeat!important; background-position: center;background-size: cover; }
.active2 a{color: #fff!important;background-image: url("./neiyebg.png");background-color: white!important;background-repeat: no-repeat!important; background-position: center;background-size: cover; }
.sys{display: flex;flex-direction: row;align-items: center}
.sys span{font-size: 17px;font-weight: 400;letter-spacing: -0.41px;line-height: 24.62px;color: rgba(3, 3, 3, 1);text-align: left;margin-right: 8px}
.sys image{height: 91px;}
.userinfo{text-align: center}
.system-settings{display:flex;font-size: 23px;text-align: center;justify-content: flex-start;align-items: center;}
.system-settings span{margin-left: 10px}
.menu-list a{font-size: 16px;font-weight: 500;letter-spacing: 0;line-height: 16px;color: rgba(107, 114, 128, 1);background-color: inherit!important;}
.menu-list ul{display: flex;flex-direction:row;align-items: center }
.menu-list ul li{width: 100px;text-align: center;border-radius: 10px;}
.menu-list{flex: 1;margin-left: 28px}
#btnLogin{padding: 10px 25px;border-radius: 5px;border: none;background-color: rgba(125, 0, 24,0.8);color: #fff}
#index{width: 80px}
a:hover {color: unset!important;background-color: unset!important;font-weight: bold;background-image : none;}
.other-items1 {float: right;text-align: right;margin-right: 20px;color: inherit;text-decoration: none;}
.other-items2 {text-align: right;margin-right: 20px;color: inherit;text-decoration: none;}
.footer{background-color: rgb(125 0 24);color: #ffffff;padding: 20px;width: 100%;bottom: 0;height: 128px;display: flex;align-items: center;flex-direction: row;}
.container-fluid{display: flex;flex: 1;justify-content: center;align-items: center;padding: 10px 50px;flex-direction: column;opacity: 1;background: rgba(255, 255, 255, 0.7);margin: 0 0}
.list-show{width: 100%;display: flex;flex-direction: row;;margin-bottom: 15px;background: linear-gradient(133.64deg, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);justify-content: space-between;}
/*顶部标题*/
.banner-title{width: 100%;display: flex;flex-direction: row;align-items: center;border-bottom: 1px solid rgba(198, 140, 146, 1);padding-bottom: 15px}
.banner-title span {font-size: 18px;font-weight: 500;letter-spacing: 0;line-height: 32px;color: rgba(55, 65, 81, 1);margin-left: 10px;flex: 1}
.iconImg{height: 24px}
/*轮播图*/
.carousel-container {position: relative;display: flex;flex-direction: row;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.carousel-container p {font-size: 16px;font-weight: 400;letter-spacing: 0;line-height: 24px;color: rgba(55, 65, 81, 1);text-align: left;vertical-align: middle;}
/*人物描述*/
.role-describe{padding: 20px 12px;flex: 32% ;background-image: url("./bannerleft.png");background-size: cover; overflow: hidden;}
.role-describe a {}
.role-describe p {font-size: 14px;font-weight: 400;letter-spacing: 0;line-height: 21px;color: rgba(158, 165, 176, 1);text-align: justify;vertical-align: middle; overflow:hidden; text-overflow:ellipsis;}
.role-describe p strong{font-size: 16px;font-weight: 900;letter-spacing: 0;line-height: 28px;color: rgba(26, 27, 29, 1);text-align: left;vertical-align: middle;}
/*最右边旗帜*/
.banner-work{width:68%;height:360px;background: rgba(242, 237, 233, 1);display: flex;flex-direction: row;}
.banner-work img{width: 100%;height: 100%;border-radius: 5px}
.main img{border-radius: 40px;background-color: whitesmoke}
.work-component span{font-size: 18px;font-weight: 900;letter-spacing: 0;line-height: 28px;color: rgba(255, 255, 255, 1);text-align: center;vertical-align: middle;}
/*跟师抄方四个子项*/
.work-link a{ background-color: white;border: 1px solid rgba(224, 224, 224, 1);;border-radius: 20px;padding: 10px 20px;color: black;font-size: 16px;margin-left: 10px }
.deptShowMore{color: white;font-size: 16px;margin-left: 10px;width: 90px;height: 30px;display: inline-block;text-align: center;text-decoration: none; cursor: pointer; opacity: 1;border-radius: 4px;background: linear-gradient(90deg, rgba(171, 62, 74, 1) 0%, rgba(141, 28, 41, 1) 100%);box-shadow: 1px 2px 4px  rgba(168, 59, 72, 0.44);line-height: 30px;float: right}
.deptShowMore:hover{ text-decoration: none; /* 去掉下划线 */cursor: pointer; /* 鼠标指针设为默认样式 */font-weight: unset!important;}
.items{width:49%;display: flex;flex-direction: column;opacity: 1;border-radius: 8px;background-image:  url("./xiaomokuaibg_1.png");background-size: cover;justify-content: flex-start;align-items: flex-start;padding: 16px 16px 16px 16px;height: 100%;border: 1.5px solid rgba(240, 235, 236, 1);box-shadow: 2px 4px 12px  rgba(196, 124, 124, 0.2);backdrop-filter: blur(15px);}
.items-content{display: flex;flex-direction: row;width: 100%;height: 100%;padding:10px 14px ;align-items: flex-start;}
.items-content-ul{width: 65%; list-style-type: disc;color: rgba(141, 28, 41, 1);padding: 16px 30px ;margin-bottom: 0}
.items-content-ul li{  list-style-type: disc; color: rgba(141, 28, 41, 1); line-height: 34px;margin: 10px 0}
.items-content-ul li a{ font-size: 16px;font-weight: 400;letter-spacing: 0;line-height: 28px;color: rgba(55, 65, 81, 1);  white-space: nowrap; /* 禁止换行 */overflow: hidden;text-overflow: ellipsis;width: 230px; }
.items-content-ul li a:hover{background-color: unset;text-decoration: unset;font-weight: bolder}
.items-content img{border-radius: 5px}
.time{font-size: 14px;font-weight: 400;letter-spacing: -0.17px;line-height: 20.27px;color: rgba(158, 165, 176, 1);}
.items2 {width:33%;display: flex;flex-direction: column;opacity: 1;border-radius: 8px;background: rgba(255, 255, 255, 0.1) url("./xiaomokuaibg_2.png") ;background-size: cover;justify-content: flex-start;align-items: flex-start;padding: 16px 16px 16px 16px;height: 100%;border: 1.5px solid rgba(240, 235, 236, 1);box-shadow: 2px 4px 12px  rgba(196, 124, 124, 0.2);backdrop-filter: blur(15px);}
.items-content-ul-2{width: 100%;margin-bottom: 0}
.items-content-ul-2 li{  list-style-type: disc; color: rgba(141, 28, 41, 1); line-height: 34px;margin: 12px 0}
.items-content-ul-2 li a{ font-size: 16px;font-weight: 400;letter-spacing: 0;line-height: 28px;color: rgba(55, 65, 81, 1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 300px;}
.other-items:hover{background-color: unset;color: unset;text-decoration: unset}
/*轮播图*/
#id-carousel a:hover{background-color: transparent }
.carousel-control{opacity: 0.7;width: 0;}
.carousel-control:hover {opacity: 0.2}
.items-content-ul-child{display: flex;flex-direction: row;align-items: center}
.items-content-ul-child a:hover{background-color: inherit;text-decoration: none;font-weight: bolder}