html,body{font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.5rem;font-size:16px;background: #f1f1f1;}
body{min-height: 100vh;display: flex;flex-direction: column;}
.layui-container{max-width:1170px;}
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
button,select{text-transform:none}
button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
button,[role="button"]{cursor:pointer}

a cite{font-style: normal;}
a:hover{color:rgba(139,0,0)}

.layui-btn{border-radius: 0.375rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.layui-btn-primary{border-color: #8b0000;color:#8b0000}
.layui-btn-primary:hover{background-color:#8b0000;color: #fff; border-color: #8b0000;}



.layui-layer-danger .layui-layer-title {
    background: #8b0000;
    color: #fff;
    border: none
}

.layui-layer-danger .layui-layer-btn a {
    background: #8b0000;
    border-color: #8b0000;
    font-size: 14px;
}

.layui-layer-danger .layui-layer-btn .layui-layer-btn1 {
    background: #eee;
    border-color: #eee
}

.layui-layer-danger .layui-layer-setwin .layui-icon {
    color: #fff
}

.section{padding:15px;background: #fff;}
.bg-gray-200{background: #eee;}
.bg-gray-900{background-color:rgb(17,24,39)}
.bg-primary{background-color:rgb(139 0 0)}
.text-primary{color:rgb(139 0 0)}
.border-primary{border-color:rgb(139 0 0)}
.bg-secondary{background-color:rgb(210 180 140)}
.text-secondary{color:rgb(210 180 140)}
.border-secondary{border-color:rgb(139 0 0)}
.text-white{color:#fff}
.bg-white{background-color:#fff}
.border-white{border-color:#fff}


.text-gray-100{color:rgb(243 244 246)}
.text-gray-200{color:#edf2f7}
.text-gray-300{color:rgb(209 213 219)}
.text-gray-400{color:rgb(156 163 175)}
.text-gray-500{color:rgb(107 114 128)}
.text-gray-600{color:rgb(75 85 99)}
.text-gray-700{color:rgb(55 65 81)}
.text-gray-800{color:rgb(31 41 55)}
.text-gray-900{color:rgb(17 24 39)}
.text-red-600{color:#dc2626}
.w-4{width:1rem;}

.border-t { border-bottom-width: 1px;}
.border-gray-100{border-color:rgb(209 213 219)}

.p-0{padding:0 !important;}
.p-1{padding:0.25rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.m-0{margin:0 !important;}
.m-1{margin:0.25rem}
.m-2{margin:0.5rem}
.m-3{margin:0.75rem}
.m-4{margin:1rem}
.m-5{margin:1.25rem}
.m-6{margin:1.5rem}
.m-7{margin:1.75rem}
.m-8{margin:2rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-3{margin-left:0.75rem;margin-right:0.75rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.mx-6{margin-left:1.5rem;margin-right:1.5rem}
.mx-7{margin-left:1.75rem;margin-right:1.75rem}
.mx-8{margin-left:2rem;margin-right:2rem}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-7{margin-top:1.75rem;margin-bottom:1.75rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-start{text-align:start}
.text-end{text-align:end}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-md{font-size:0.9375rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}

.flex{display: flex;justify-content: space-between;}
.flex-1{flex:1 1 0%;}
.layui-input,.layui-textarea{box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0,0,0, 0.05);color:#8b0000;border-color: #d1d5db}
.layui-input[disabled], .layui-textarea[disabled]{color:#666}
.layui-input:focus, .layui-textarea:focus{box-shadow: 0 0 0 0px #fff,0 0 0 1px #8b0000, 0 1px 2px 0 rgba(0,0,0, 0.05);border:1px solid #8b0000 !important;}
.transition-all{transition: all 0.3s;-webkit-transition: all 0.3s;}
.rotate-180 {transform: rotate(180deg)}

.scroll-indicator{height:3px;background-color:#8B0000;position:fixed;top:0;left:0;z-index:100;transition:width 0.2s}
.shadow-sm { box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 1px 2px 0px rgba(0, 0, 0, 0.05); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
img{max-width:100%;}

.layui-layer-title{border-bottom-color:#ccc }

#header{position: sticky;top:0;z-index: 50;padding-top:2px;}
#header .border-b{border-bottom: 1px solid #e5e7eb}
#head-container{display: flex;justify-content: space-between;align-items: center;}
#head-logo{}
#head-logo img{display: block;max-width: 100%;object-fit: contain}
#head-search{}
#head-user{}

#list-nav-20 .fy-list-item .item-time,
#detail-nav-20 .fy-summary,
#list-nav-21 .fy-list-item .item-time,
#detail-nav-21 .fy-summary,
#list-nav-22 .fy-list-item .item-time,
#detail-nav-22 .fy-summary,
#list-nav-23 .fy-list-item .item-time,
#detail-nav-23 .fy-summary,
#list-nav-24 .fy-list-item .item-time,
#detail-nav-24 .fy-summary,
#list-nav-25 .fy-list-item .item-time,
#detail-nav-25 .fy-summary{display: none;}

.main-content{width:100%;margin:0 auto}

.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-button-hide{display: none;}

.section-home-banner{padding:0px;}
.home-banner{position: relative;padding-bottom: 56.25%;}
.home-banner-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home-banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.home-banner .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.f-html5video{display: block;width:100%;height: 100%;}
.layui-video-layer{background: #000;}

/* Tabs 标签页 */
.layui-tabs-header li{font-size: 1.0625rem}
.layui-tabs-header li:hover,
.layui-tabs-header .layui-this{color: #8b0000;font-weight: bold;}
.layui-tabs-header .layui-this:after{ border-bottom: 3px solid #8b0000;}
.layui-tabs-body{padding:0.5rem 0 0}
.home-news-item{position: relative;padding:0.5rem;border-bottom: 1px dashed #ccc;display: block;}
.home-news-item.more{color:#fff;border:none}
.home-news-item.more:hover{color:#fff;}
.home-news-item .time,.home-pics-item .time{text-align: right;font-size: 13px;color: #8b0000;}
#section-home-news{margin-top:15px;}

.xhld dt{height: 39px;line-height: 39px;background-color: #8b0000;color: #fff;font-size: 17px;font-weight: bold;}
.xhld dd{border-left:1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.xhld dd a,.xhld dt{padding:0 0.825rem;text-align: center}
.xhld dd a{width: 100%; height: 33px; display: block; line-height: 33px; font-size: 15px; border-bottom: 1px solid #e5e5e5;}
.xhld dd a:hover{background-color:antiquewhite;}

#home-huiyuan{margin-top:10px;}
.home-huiyuan-btn{color:#8b0000;background-color:#e9e9e9;border: 1px solid #f1f1f1;vertical-align: middle;height: 48px;line-height: 48px;white-space: nowrap;text-align: center;display: block;font-size: 15px}
.home-huiyuan-btn:hover{border-color:#e9e9e9;color:#fff;background-color:#8b0000;}

#section-footer{background-color:rgb(17,24,39);padding:20px 0;border-bottom: 1px solid #4b5563; }
.section-footer-link .title{font-size: 1.25rem;line-height: 1.75rem;font-weight: bold;padding: 0.5rem;border-bottom: 1px solid #4b5563;color: #fff;}
.section-footer-link .list{margin-top:0.5rem;}
#section-footer-friendlink .list .link{padding:0.25rem 0.5rem;}
#section-footer-friendlink .list .link a{color:#9ca3af;font-size: 15px;}
#section-footer-friendlink .list .link a:hover{color:#fff;}
#section-footer-medialink img{width:100%;}
#footer p{line-height: 1.5rem;font-size: 0.875rem;}
#footer a,#footer span{display: inline-block;margin-left:0.25rem;margin-right:0.25rem;}
#footer-right{margin-top:10px;}

.layui-breadcrumb{visibility: hidden; font-size: 0;line-height: 1rem}
.layui-breadcrumb>*{font-size: 14px;}
.layui-breadcrumb a{color: #666 !important;}
.layui-breadcrumb a:hover{color: #8b0000 !important;}
.layui-breadcrumb a cite{color: #5F5F5F; font-style: normal;}
.layui-breadcrumb span[lay-separator]{margin: 0 10px; color: #666;}

#breadcrumb{padding:0.75rem 0;}
.layui-breadcrumb .fa{font-size: 15px;color: #8b0000;}



.channel-nav{background: #fff;height: 100%;}
.channel-nav-title h3{line-height: 3rem;font-size: 1.125rem;background-color: #8b0000;color: #ffffff;padding:0 1rem;}
.channel-nav-list{padding:0.5rem 1rem;}

.channel-nav-item{line-height: 1.5rem;min-height:3rem;display: block;border-bottom: 1px solid #cfcfcf;padding:0.75rem 1.75rem 0.75rem 1.25rem;position: relative}
.channel-nav-item:after{font-family: layui-icon!important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: '\e623';position: absolute;right:0.75rem; top:50%;margin-top:-12px;}

.channel-nav-list .has-child{border:1px solid #cfcfcf;border-bottom: none;}
.channel-nav-child-item{line-height: 1.25rem;min-height: 2.25rem;padding:0.5rem 1.5rem 0.5rem 2rem;display:block;font-size: 0.875rem;border-bottom: 1px solid #cfcfcf;}
.channel-nav-list .on .channel-nav-child.active .channel-nav-child-item{color:#8b0000;opacity: 1;font-weight: bold;opacity: 0.75}

.channel-nav-list .on .channel-nav-item,
.channel-nav-list .on .channel-nav-item:hover{background-color:#ebebeb ;color:#8b0000;opacity: 1;font-weight: bold;}

.fy-wrap{padding:15px 0;}
.fy-title{border-bottom: 1px solid #e5e7eb}
.fy-title h3{display: inline-block;border-bottom: 3px solid #8b0000;padding:0.5rem 1rem;}
.fy-detail-title h3{display: block;}
.fy-detail-title h3{border-bottom: none;}

.fy-remark{background-color: #F3F3F3;margin:0.5rem 0;border-radius: 8px;font-size: 0.9375rem;margin-top:1.25rem}
.fy-remark p{margin:0.75rem 0;line-height: 1.75}

.fy-member-info,
.fy-list{margin:1.25rem 0;padding:0 0.5rem;}
.fy-list-item{padding:1rem;border: 1px solid #e5e7eb;border-top: none;}
.fy-list-item:first-child{border-top:1px solid #e5e7eb;border-radius: 0.5rem 0.5rem 0 0}
.fy-list-item:last-child{border-radius: 0 0 0.5rem 0.5rem }
.fy-list-item:hover{background-color: #F3F3F3}
.fy-list-item:after{content: "";display: block;clear: both;}
.fy-list-item .item-img{width:40%;float:left;padding-right:2%}
.fy-list-item .item-img-wrap{position: relative;padding-bottom: 56.25%;width:100%;overflow: hidden}
.fy-list-item .item-content{}
.fy-list-item .item-img a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 8px;overflow: hidden;}
.fy-list-item .item-name a:hover{}
.fy-list-item .item-img a img{width: 100%;height:100%;object-fit: cover;}
.fy-list-item:hover .item-img-wrap a img{transform: scale(1.1);}
.fy-list-item .item-name{font-size: 1rem;line-height: 1.5rem;font-weight: 700}
.fy-list-item .item-des,.fy-list-item .item-time{font-size:0.875rem;line-height:1.25rem;margin-top:0.75rem;}
.fy-list-item .item-des{max-height:3.75rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-clamp: 3;overflow: hidden;text-overflow: ellipsis;color:#666}
.fy-list-item .item-time{text-align: right;color:#8b0000;opacity: 0.65}


.fy-summary{background: #F3F3F3;padding:0.5rem;display: block; justify-content: center;margin:0.5rem 0;}
.fy-summary>*{margin:0 0.5rem;opacity: 0.5}

.fy-content{margin-top:1rem;}
.fy-content p{margin:0.75rem 0;line-height: 1.75}

.fy-event-list{padding: 1rem 0;position: relative;margin-top:1.25rem;}
.event-line{width:3rem;position:absolute;top:0px;left:0px;bottom: 0px;display: none;flex-direction: column;justify-content: center;align-items: center;}
.event-line .line{width:0.25rem;background-color: #ffe4e6;flex-grow:1;margin:0 auto;}
.event-list{padding-left:0rem;}
.event-item:first-child{margin-top:0px;}
.event-item:last-child{margin-bottom: 0px;}
.event-item{padding:1rem;margin:1.5rem 0;background: #f3f4f6;position: relative;border-radius: 0.5rem;}
.event-item:hover{color: #dc2626;box-shadow:0 0 0 6px #fff,0 0 0 8px #ffe4e6;}
.event-item .event-dot{position: absolute;width:3rem;justify-content: center;transform: translate(-100%);display: none;margin-top: 1.25rem;top:0;left:0;bottom: 0}
.event-item .event-dot .dot{background-color: #f43f5e;border-radius: 9999px;width: 0.75rem;height: 0.75rem;box-shadow:0 0 0 2px #fff,0 0 0 5px #ffe4e6;}


.xhld-list{margin-top:1.25rem;}
.xmld-list-item{background: #efefef}
.xmld-list-item .item-content{padding:0.5rem 0.75rem;}
.xmld-list-item .item-name{font-size: 1rem;font-weight: bold;color: #8b0000;padding:1rem 0 0.75rem 0;border-bottom: 1px solid #c6c6c6}
.xmld-list-item .item-des{padding:0.5rem 0; line-height: 1.5rem;max-height:4rem;min-height:2.5rem;font-size: 0.875rem;}
.xmld-list-item .item-url{text-align: right;font-size: 0.875rem;}

#fy-contact{padding:30px 0;}
.fy-contact-title{font-size: 1.125rem;line-height: 1.75rem;margin-bottom: 0.75rem;font-weight: 700}
.mr-2{margin-right: 0.5rem;}
#fy-contact .item{background: #F3F3F3;}
#fy-contact .item>div{}
.text-4xl{font-size: 2.25rem;line-height: 2.5rem;}
.fy-contact-msg{margin-bottom: 2rem;}
.fy-sitemap{margin-top:1.25rem;}
.fy-sitemap .list{display: grid;grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem;}

.second-nav{text-align: center;}

.btn{display:inline-block;vertical-align:middle;height:38px;line-height:20px;border:1px solid transparent;padding:8px 0.75rem;background-color:#16baaa;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn-primary{color:#fff;background:#8B0000}
.btn-ghost{color:#333;background:#fff}
.btn-ghost:hover{color:#333;background:#cccccc}
.container{max-width:1170px !important}
.swiper-button-next,.swiper-button-prev{color:rgb(138,1,0)}
.swiper-pagination-bullet-active{background:rgb(138,1,0)}

#pager { text-align: center;font-size: 0.875rem;margin:1.25rem 0}
.pagination { display: inline-block; padding-left: 0;  }
.pagination li:first-child{margin-left:0px;}
.pagination > li { display: inline-block; margin-left: 5px; }
.pagination .pageinfo{display: none;}
.pagination .pageinfo span { background: #f1f1f1 }
.pagination .pageinfo strong { color: #dc2626 }
.pagination .pageinfo span:hover { background: #f1f1f1 !important; color: #333; border-color: #d1d5db }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #dc2626; text-decoration: none; background-color: #fff; border: 1px solid #d1d5db;border-radius: 0.375rem; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { z-index: 2; color: #dc2626; background-color: #d1d5db; border-color: #d1d5db;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #dc2626; border-color: #dc2626; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fdfdfd; border-color: #d1d5db;}

.pagination > li > a,
.pagination > li > span { color: #333 }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background-color: #dc2626; border-color: #dc2626; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #dc2626; border-color: #dc2626;}

@media screen and (max-width:991.98px){
    #header{overflow: hidden !important;}
    #head-logo img{max-height: 48px;}

    #head-mobile-menu{display: flex;margin-left:1rem}
    #head-mobile-menu button{color:rgb(55 65 81);border-radius: 9999px;}
    #head-mobile-menu button:hover{background: #f3f4f6}

    #head-mobile-search{max-height:0px;overflow: hidden;transform: scaleY(0)}
    #head-mobile-search.show{max-height: 64px;transform: scaleY(1)}
    #head-mobile-search .layui-input{border-radius: 0.375rem !important;border-color:#d1d5db;}
    #head-mobile-search .layui-input-suffix{border-radius: 0 0.375rem 0.375rem 0;background: #8b0000; color: #fff !important;z-index: 10;cursor: pointer;}
    #head-mobile-search .layui-input-prefix{z-index: 10;cursor: pointer;}
    #head-mobile-search .layui-input-suffix .layui-icon,
    #head-mobile-search .layui-input-prefix .layui-icon{font-weight: bold;}
    #head-mobile-search .layui-input-suffix .layui-icon{color: #ffffff !important;}


    .show-mobile-menu{height: 100vh;overflow: hidden;display: block;}
    .show-mobile-menu #header{height: 100% !important;overflow-y: auto;}
    .show-mobile-menu #head-nav-menu{height:auto !important;}

    #head-nav-menu{font-size: 0.875rem;line-height: 1.25rem;height:0px;overflow: hidden;}
    .nav-item{border-left-width:4px;border-color: #fff;}
    .nav-item:hover{border-color: #8b0000;}
    .nav-link{display: flex;padding:0.625rem 0.75rem;justify-content: space-between; align-content: center;width:100%;align-items: center;}
    .nav-item:hover .nav-link, .nav-child-link:hover{background-color:#f9fafb;color:#8b0000}
    .nav-name{display: flex;align-items: center;}
    .nav-name i{color:#8d0000;font-size: 0.875rem;width:0.875rem;}
    .nav-name span{margin-left:0.5rem;}
    .nav-child-div{max-height: 0;overflow: hidden;}
    .nav-child{padding-left:1.5rem;padding-top:0.25rem;padding-bottom: 0.25rem;}
    .nav-item.on{border-color: #8b0000}
    .nav-item.on .nav-name i{color: #fff;}
    .nav-item.on .fa-angle-down{transform: rotate(180deg);}
    .nav-item.on .nav-link{background: #8b0000;color: #fff;}
    .nav-item.on .nav-child{height: auto;}
    .nav-child-link{padding:0.5rem 0.75rem;display: block;}


    .home-pics-list{font-size: 15px;}
    .home-pics-list .home-pics-item{display: block;border:1px solid #e5e5e5;margin-top:0px;}
    .home-pics-item-img{position: relative;padding-bottom: 56.25%;}
    .home-pics-item-img img{position: absolute;top:0px;left:0px;width:100%;height: 100%;object-fit: cover}

    .home-pics-item-img{position: relative;padding-bottom: 56.25%;}
    .home-pics-item .time{padding:0px 10px}
    .home-pics-item .name{padding:8px 10px;height: 4rem;}

    .home-pics-item span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #channel{background: #ffffff;}
    .fy-list-item .item-des{max-height:2.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-clamp: 2;overflow: hidden;text-overflow: ellipsis;color:#666}

    .nav-item.on #mobileUserMenuButton{background: #efefef;color: #8b0000;}
    .fy-list .fy-list-item:nth-child(2n+1){background: #efefef;}
    .fy-list .fy-list-item:nth-child(2n+1):hover{background: #efefef;}
    .fy-list .fy-list-item:hover{background: #ffffff;}
}
.main-content{flex:1;}
@media screen and (max-width:767.98px){
    .container{padding:0 0.5rem}
    .fy-list-item{padding:15px;}
    .fy-list-item .item-img{width:100%;padding:0px;float:none;}
    .fy-list-item .item-des{display: none}
    .fy-list-item .item-name{padding:0.5rem 0;}
}
@media screen and (min-width:768px){
    #head-container,#header-mobile-menu{}
    .container{padding:0 15px}

    .nav-link{position:relative}
    .nav-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#8B0000;transition:width 0.3s}
    .nav-link:hover::after{width:100%}
    .fy-summary{display: flex;}

    .fy-content{padding:1px 15px;margin-top:20px;line-height: 1.5}

    .xmld-list-item .item-content{padding:0.5rem 1rem;}
    .xmld-list-item .item-name{font-size: 1.25rem;}
    .xmld-list-item .item-des{padding:0.75rem 0; line-height: 1.5rem;max-height:6rem;min-height:4.5rem;font-size: 1.125rem;}
    .xmld-list-item .item-url{font-size: 0.9375rem;}
}
@media screen and (min-width:992px){
    #head-user{max-width:8rem;}
    #head-user .user-info{display: flex;align-items: center;justify-content: center;font-size: 0.825rem;gap: 0.5rem;}
    #head-user .user-info img{width:2rem;}

    .user-info-link{display: block;position: relative;width:100%;padding-top:0.5rem;padding-bottom: 0.5rem;}
    .user-info-menu{font-size: 0.825rem;position: absolute;z-index: 999;top: 3rem;right:0px;display: none;background:#fff;padding:0.5rem;width:8rem;border-radius:0.5rem;border:1px solid #f3f4f6}
    .user-info-link:hover .user-info-menu{display: block;}
    .user-info-link:hover .user-info i{transform: rotate(180deg)}
    .user-info-menu-div a{display: block;padding:0.5rem;text-align: center;border-radius: 0.5rem;}
    .user-info-menu-div a:hover{background-color:#edf2f7}
    .user-info-menu-div a span{padding-left:0.5rem;}

    #head-container{padding-top: 0.75rem !important;padding-bottom: 0.75rem !important;}
    #header-container-div{border-bottom-width: 1px;}
    #head-nav-menu{}
    #head-nav-menu nav{display: flex;justify-content: center;}
    .nav-item {border-left-width: 0px;border-color: #fff;font-size: 1rem;}
    .nav-item:hover{background: none !important;}
    .nav-name{display: flex;align-items: center;}
    .nav-name i{color:#8d0000;}
    .nav-name span{margin-left:0.5rem;}
    .nav-item .nav-link{display: flex;padding:0.625rem 0.75rem;justify-content: space-between; align-content: center;width:100%;align-items: center;transition: all 0.3s;-webkit-transition: all 0.3s;font-size: 1.0625rem}
    .nav-item:hover .nav-link,.nav-item.on .nav-link {font-weight: bold;background: none !important;}
    .nav-item:hover  .nav-link,
    .nav-child-link:hover{background-color:#ffffff;color:#8b0000}

    .relative{position: relative;}
    .nav-item .nav-child-div{max-height: 0px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;position: absolute; top:2.75rem;z-index: 100;width:100%;border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);background: #fff; }
    .nav-child{padding:0.5rem 0;font-size: 0.9375rem;line-height: 1.25rem}
    .nav-child-link{padding:0.75rem 0.875rem;display: block;text-align: center}
    .nav-child-link:hover{background: #F3F3F3}
    #nav-8 .nav-child-div{width:200%;}
    #nav-6 .nav-child-div{width:200%;}
    #nav-8 .nav-child-link,
    #nav-6 .nav-child-link{text-align: left}
    .nav-item:hover .nav-link::after{width:100%}

    #head-search .layui-input{border-radius: 0.375rem !important;border-color:#d1d5db;}
    #head-search .layui-input-suffix{border-radius: 0 0.375rem 0.375rem 0;background: #8b0000; color: #fff !important;z-index: 10;cursor: pointer;}
    #head-search .layui-input-prefix{z-index: 10;cursor: pointer;}
    #head-search .layui-input-suffix .layui-icon,
    #head-search .layui-input-prefix .layui-icon{font-weight: bold;}
    #head-search .layui-input-suffix .layui-icon{color: #ffffff !important;}

    .section-home-banner{padding-top:0px;}
    .home-banner{position: relative;padding-bottom: 40%;}

    .home-news-item{display: block;position: relative;padding:0 5.125rem 0 1rem;border-bottom: 1px dashed #ccc;height:2.625rem;line-height: 2.625rem;overflow: hidden;font-size: 15px;}
    .home-news-item i{position: absolute;top:0px;left:0px;font-size: 5px;}
    .home-news-item .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
    .home-news-item .time{text-align: right;font-size: 13px;color: #ccc; position: absolute;right:0px;top:0px;width:5.125rem;text-align:right;}

    .home-pics-item .time{color:#ccc;padding:8px 10px}
    #section-home-news{margin-top:15px;}

    .home-pics-list{font-size: 15px;}
    .home-pics-list .home-pics-item{display: block;border:1px solid #e5e5e5;margin-top:5px;}
    .home-pics-item-img{position: relative;padding-bottom: 60%;}
    .home-pics-item-img img{position: absolute;top:0px;left:0px;width:100%;height: 100%;object-fit: cover}
    .home-pics-item .name{padding:8px 10px;height: 4rem;}

    .home-pics-item span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    #home-sub-banner{position: relative;padding-bottom: 66.66666666666667%;}
    #home-sub-banner .swiper-slide a{display: block;width:100%;height: 100%;position: relative;}
    #home-sub-banner .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #home-sub-banner .swiper-slide a span{position: absolute;bottom: 0px;left:0px;width:100%;background-color: rgb(0 0 0 / 0.5);font-size: 14px;padding:0.5rem 0.75rem;line-height: 1.25rem}
    .mySwiper1{position: absolute;top:0px;left:0px;}
    .section{padding:20px;}

    #home-lanpishu .home-pics-item-img{padding-bottom: 66.3%}
    #home-youth .home-pics-item-img{padding-bottom: 54.6%}


    .absolute-row{position: relative}
    .absolute-row .left-row{position: absolute;top:0px;bottom:0px;left:0px;float:none;}
    .absolute-row .right-row{min-height: 750px;margin-left:25%;padding-left:20px;float:none;}
    .fy-wrap{min-height: 750px;padding:15px 20px;}
    .absolute-row .right-row{min-height: calc(100vh - 305px);}
    .fy-wrap{min-height: calc(100vh - 305px);}
    #main-content-8 .absolute-row .right-row{ min-height: max(calc(100vh - 305px),750px);}
    #main-content-8 .absolute-row .right-row .fy-wrap{min-height: max(calc(100vh - 305px),750px);}
    .fy-list-item .item-img-wrap{padding-bottom: 75%!important;}
    #footer-left{padding-right:10px;}
    #footer-right{padding-left:10px;margin-top:0px;}

    .event-list{padding-left:3rem;}
    .event-line,.event-item .event-dot{display: flex}

    #fy-contact .item{background: #F3F3F3;position: relative;padding-bottom: 100%;border-radius: 0.5rem}
    #fy-contact .item>div{position: absolute;top:0px;left:0px;width:100%;height: 100%;overflow: hidden;}

    .fy-sitemap .list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem;}
    .fy-sitemap .item{height: 100%;margin-bottom: 0px !important;}

    .fy-member-info{margin-top:2rem;}
}
@media screen and (min-width:1200px){
    #head-nav-menu nav{gap: 1rem;}
    .nav-item .nav-link{padding-left:1.0625rem;padding-right:1.0625rem;}
    #home-sub-banner{position: relative;padding-bottom: 55.05%;}
    .home-pics-item .name{padding:8px 10px;height: auto;}
    .home-pics-item-img{position: relative;padding-bottom: 56.25%;}
    .home-pics-item span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block}
    .home-pics-item .time{color:#ccc;padding:0px 10px}
    .home-pics-list .home-pics-item{margin-top:2px; }
    .layui-container {width: 1170px;}

    #home-lanpishu .home-pics-item span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:initial;white-space: normal;}
    #home-lanpishu .home-pics-item .name{padding:8px 10px;height: 2.5rem;}
    #home-lanpishu .home-pics-item .time{color:#ccc;padding:10px 10px}
    #home-lanpishu .home-pics-item-img{padding-bottom: 61.5%;}
    #home-youth .home-pics-item-img{padding-bottom: 44.8%}
    .fy-list-item .item-img-wrap{padding-bottom: 56.25%!important;}
    .fy-wrap{padding:20px 30px;}
    .absolute-row .right-row{min-height: 700px;}
    .fy-wrap{min-height: 700px;}
    .absolute-row .right-row{min-height: calc(100vh - 305px);}
    #main-content-8 .absolute-row .right-row{ min-height: max(calc(100vh - 305px),750px);}
    #main-content-8 .absolute-row .right-row .fy-wrap{min-height: max(calc(100vh - 305px),750px);}
    .fy-wrap{min-height: calc(100vh - 305px);}
    #fy-contact .item{padding-bottom: 75%}
}
@media screen and (max-width:1399.98px){

}