@charset "utf-8";
/*基础部分开始*/
.ph{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
overflow-x:hidden

}

.cl{ clear:both}
@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:16px;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}
a,a:link,a:visited,a:active {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #a70000;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #999;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #999;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #999;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #999;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #999;
}

.warp{ width:92%; max-width:1500px; overflow:hidden}
.warps{ width:92%; max-width:1500px; position:relative}
.nwarp{ width:100%; overflow:hidden; background:#fff; padding:40px; min-height:300px; box-sizing:border-box; margin-bottom:50px}
.nwarpa{ width:100%; overflow:hidden; min-height:300px; box-sizing:border-box; margin-bottom:50px}




/*基础部分结束*/


.teacher{ width:100%; float:left;}
.teacher ul{ display:inline}
.teacher li{ width:15.5%; float:left; margin-right:1.4%; margin-bottom:40px; border:1px solid #ddd; background:#fff;text-align: center;position:relative; overflow:hidden;padding:10px 10px 0 10px;transition: 0.3s ease-in-out;}
.teacher li:nth-child(6n){margin-right:0}
.teacher li:hover{ border:1px solid #8c0001}
.teacher li .img{ width:100%; overflow:hidden; float:left; padding-top:120%; position:relative}
.teacher li .img img{ width:100%;overflow:hidden; height:100%; vertical-align:middle; cursor:pointer;object-fit: cover; position:absolute; content:''; top:0; left:0}
.teacher li .tit{width:100%; float:left;text-align:center; height:50px; line-height:50px; overflow:hidden;}

.swiper-wrapper {
will-change: transform;/* 优化性能 */
}

/* 搜索按钮样式 */
.search-button {
padding: 15px 30px;
font-size: 18px;
background-color: #007bff;
color: white;
border: none;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, transform 0.3s ease;
}

.search-button:hover {
background-color: #0056b3;
transform: scale(1.05);
}

/* 黑色背景遮罩 */
.search-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
animation: fadeIn 0.3s ease;
}
.header .searchicon{ float:right; background:url(../images/index_06.png); width:30px; height:30px; margin-left:25px; margin-top:28px; cursor:pointer}
.headers .searchicon{ float:right; background:url(../images/index_06.png); width:30px; height:30px; margin-left:25px; margin-top:28px; cursor:pointer}
.srarch{width:100%;height:60px;}
.searchl{ width:500px; border:none; background:#fff; padding-left:15px; height:54px; line-height:54px; font-size:14px; color:#666; float:left}
.searchr{ width:110px; border:none; background:#7e0203; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; float:right; cursor:pointer; font-size:16px}
.searchr:hover{ background:#ae080a}

/* 关闭按钮样式 */
.close-button {
position:absolute;
width:50px;
height:50px;
z-index:1;
top:10%;
right:20px;
font-size: 24px;
background-color: #fff;
color: #000;
border: none;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
display:none
}

.close-button:hover {
background-color: #ff1a1a;
transform: rotate(90deg);
color:#fff
}

/* 动画效果 */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@keyframes slideIn {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.menu{ float:right; margin-top:28px}
.header{width:100%; position:fixed; top:0;padding:35px 4% 30px 4%; box-sizing:border-box; z-index:11; transition: 0.3s ease-in-out; background-size:100% 100%;transform: translateY(0px);}
.header .logo{ float:left;max-width:455px}
.headers .logo{ float:left; max-width:455px}
.header .logo img,.headers .logo img{ width:100%}
.headers{width:100%; position:fixed; top:0;padding:15px 4% 15px 4%; box-sizing:border-box; z-index:11; transition: 0.3s ease-in-out; background:#a40000; background-size:100% 100%;transform: translateY(0px); }

@media screen and (max-width:1400px) {
.header .logo{ float:left;width:30%}
.headers .logo{ float:left;width:30%}
}
nav{height:44px;z-index:2; float:right;transition: 0.3s ease-in-out;}

.nav li{
position: relative;
float: left;
padding:0 18px;
}
.nav li:last-child{
position: relative;
float: left;
padding:0 0 0 18px;
}

.caret {
display:block;	
width: 100%;
height: 4px;
vertical-align: middle;
position:absolute;
background:#930202;
top:0;
left:0;
text-align:center
}
.header .nav li a{
width:100% !important;
text-align:center;
float:left;
height:44px;
color:#f8efd0;
font-size:.20rem;
font-weight:bold
}

.headers .nav li a{
width:100% !important;
text-align:center;
float:left;
height:44px;
color:#f8efd0;
font-size:.20rem;
font-weight:bold
}

.header .nav li a:hover{ color:#eed992}
.headers .nav li a:hover{ color:#eed992}
.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:44px;
left:-20px;
width:140%;
}



.nav li .section-nav1{height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#fff;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:rgba(255,255,255,.8);
text-align:center;
padding:0px 5px;
margin:0;
box-sizing:border-box;
height:50px;
overflow:hidden;
line-height:50px;
width:auto;
display:block;
float:none;
color:#333;
font-size:15px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
color: #930202;
}

.ban{ width:100%; float:left; margin-bottom:45px; position:relative;}
.ban .l{float:left; width:200px}
.ban .l .h1{float:left; font-size:34px; color:#a70000; font-weight:bold;margin-bottom:5px;font-family: "syst";}
.ban .l .h2{float:left; font-size:14px; color:#a70000; position:relative; text-transform:uppercase; padding-left:45px}
.ban .l .h2:before{ width:40px; height:3px; background:#a70000; left:0; top:8px; position:absolute; content:''}
.more{ width:100%; float:left;}
.ban a,.more a{ font-size:14px; color:#a70000; text-align:center; float:right; background:url(../images/index_15.png); width:97px; height:36px; line-height:36px; position:relative; margin-top:15px}
.ban a:before,.more a:before{ width:18px; height:18px; border:1px dashed #a70000; border-radius:100%; content:''; z-index:1; position:absolute; top:8px; left:-5px;opacity:0;transition: 0.3s ease-in-out;}
.ban a:hover:before,.more a:hover:before{animation: spin 2s linear infinite;opacity:1}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.bana{ width:100%; float:left; margin-bottom:45px; position:relative;}
.bana .l{float:right; width:200px}
.bana .l .h1{float:right; font-size:34px; color:#a70000; font-weight:bold;margin-bottom:5px; text-align:right;font-family: "syst";}
.bana .l .h2{float:right; font-size:14px; color:#a70000; position:relative; text-transform:uppercase; padding-left:45px}
.bana .l .h2:before{ width:40px; height:3px; background:#a70000; left:0; top:8px; position:absolute; content:''}


.banb{ width:100%; float:left; margin-bottom:45px; position:relative;}
.banb .l{float:left; width:200px}
.banb .l .h1{float:left; font-size:34px; color:#f7e9bb; font-weight:bold;margin-bottom:5px;font-family: "syst";}
.banb .l .h2{float:left; font-size:14px; color:#f7e9bb; position:relative; text-transform:uppercase; padding-left:45px}
.banb .l .h2:before{ width:40px; height:3px; background:#f7e9bb; left:0; top:8px; position:absolute; content:''}
.banb a{ font-size:14px; color:#f7e9bb; text-align:center; float:right; background:url(../images/index_15a.png); width:97px; height:36px; line-height:36px; position:relative; margin-top:15px}
.banb a:before{ width:18px; height:18px; border:1px dashed #f7e9bb; border-radius:100%; content:''; z-index:1; position:absolute; top:8px; left:-5px;opacity:0;transition: 0.3s ease-in-out;}
.banb a:hover:before{animation: spin 2s linear infinite;opacity:1}

.page1{ width:100%; background:url(../images/page1.jpg) bottom right no-repeat #faf9f2; padding-top:80px; overflow:hidden; padding-bottom:90px;}

.xqdt_r{ width:42%; float:right}
.xqdt_l{ width:55%; float:left; height:586px; position:relative}


.xqdt_r_1{ width:100%; float:left; background:#fff; padding:0 30px; margin-bottom:15px; position:relative; overflow:hidden;transition: 0.3s ease-in-out;border:1px solid #fff}
.xqdt_r_1:before{ width:140px; height:9px; background:#a70000; position:absolute; left:30px; top:0; content:'';transition: 0.3s ease-in-out}
.xqdt_r_1 em{ font-style:normal; height:30px; line-height:30px; color:#a70000; width:100%; float:left; margin-top:20px;}
.xqdt_r_1 strong{ height:40px; line-height:40px; font-size:20px; width:100%; float:left; overflow:hidden; margin-bottom:5px}
.xqdt_r_1 span{ height:56px; line-height:28px; color:#666; width:100%; float:left; overflow:hidden; margin-bottom:15px}
.xqdt_r_1:hover{box-shadow: -10px 10px 17px -10px rgba(157, 8, 12, 0.84); border:1px solid #a70000;}
.xqdt_r_1:hover:before{ width:calc(100% - 60px);}

.xqdt_r_2{ width:100%; padding:0 30px 0 30px; float:left; background:#fff; height:55px; line-height:55px; overflow:hidden;transition: 0.3s ease-in-out}
.xqdt_r_2 span{ float:right; color:#666; margin-left:20px;}
.xqdt_r_2:hover span{ color:#a70000}

.xqdt_img_img{ width:100%; float:left; height:80%; overflow:hidden}
.xqdt_img_img img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.xqdt_img_area{ width:90%;height:26%; background:#fff; position:absolute; z-index:1; right:0; bottom:0; padding:20px 30px}
.xqdt_img_area strong{ width:100%; float:left; height:45px; line-height:45px; font-size:22px; overflow:hidden}
.xqdt_img_area span{ width:100%; float:left; height:60px; line-height:30px; color:#666; overflow:hidden}
.mySwipera .swiper-slide:hover .xqdt_img_img img{transform: scale(1.1);}



.xqdt_r_e{ width:100%; float:left; height:10px; background:#fff}

.nybg{ background:#faf8f0;}
.nyimg{ width:100%; height:520px; position:relative; border-bottom:1px solid #ddd;}
.nyimg .h1{ width:100%; height:100%; position:relative}
.nyimg .h1 img{ width:100%; height:100%;object-fit: cover; position:relative}

.nyimg .btit{ width:270px; bottom:0; z-index:1; height:115px; line-height:115px; background: #7e0203; color:#fff; text-align:center; font-size:30px; position:absolute; font-weight:bold;}
.nyimg .site{ bottom:0; width: 92%; max-width:1600px;z-index:1; height:55px; line-height:55px; color:#fff; text-align:right; font-size:14px; position:absolute; }
.nyimg .site a{ color:#fff}

.nyimg .bana{ width:100%; position:absolute; bottom:0; height:80px;}
.nyimg .bana:before{ width:50%; background:#7e0203; content:''; position:absolute; left:0; top:0; height:100%; z-index:1}
.nyimg .bans{ width:100%; position:relative; z-index:2;}
.nyimg .bans .l{ width:calc(100% - 80px); float:left; height:80px; background:#7e0203; padding-top:30px;white-space: nowrap;overflow-x:hidden;-webkit-overflow-scrolling: touch;}
.nyimg .bans .l a{font-size:18px;padding-right:80px;position:relative; color:#fff}
.nyimg .bans .l a:last-child{ padding-right:0}
.nyimg .bans .l a:after{ width:1px; right:40px; top:1px; height:22px; background:#ccc; content:''; position:absolute}
.nyimg .bans .l a:last-child:after{ display:none}



.arrow{ float:right; width:50px;  height:50px; display:block; cursor:pointer; text-align:right; position:absolute; right:0; top:0; z-index:1;}
.arrow img{ height:10px; width:10px; margin-top:25px}
.children {
   display: none;
   margin-top:5px;
   margin-bottom:10px;
   width:100%; float:left
}

.children.show {
   display: block;
}
		
.children li{width:100%; float:left; line-height:40px; height:40px; font-size:14px}
.children li .on{ color:#7e0203 !important}
.rname{ width:100%; float:left; font-size:24px; font-weight:bold; height:50px; border-bottom:2px solid #eee; margin-bottom:30px}
/*首页大图切换*/


.mySwiper {
width: 100%;
height:100vh;
}

.mySwiper .swiper-slide {
background: #fff;
overflow:hidden;
}


.mySwiper .swiper-slide img{width:100%; height:100%; position:relative; z-index:1;object-fit: cover;}


.mySwiper .swiper-pagination{ bottom:30px !important;display:flex;justify-content: flex-star; padding-left:4%}
.mySwiper .swiper-pagination .swiper-pagination-bullet{width:48px !important; line-height:43px; height:43px !important; color:#fff !important; font-weight:normal; font-size:18px; background:rgba(255,255,255,0);}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{ border-bottom:2px solid #f8efd0; color:#f8efd0 !important}

.swiper-navigation-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 20px; /* 箭头与数字之间的间距 */
}


.swiper-pagination {
font-size: 18px;
font-weight: bold;
color: #333;
padding: 8px 16px;
border-radius: 20px;
min-width: 40px;
text-align: center;
}


.mySwipera {
width:100%;
height:100%;
position:relative
}

.mySwipera .swiper-slide{ width:100%;float:left; position:relative; height:100%;}

.mySwipera .swiper-paginationa{ bottom:30% !important; z-index:2; position:absolute; width:100%; text-align:center}
.mySwipera .swiper-paginationa .swiper-pagination-bullet{ width:40px; height:7px;background: rgba(255,255,255,.2);border-radius:50px;}
.mySwipera .swiper-paginationa .swiper-pagination-bullet-active{background:rgba(255,255,255,1);border-radius:50px;width:40px; height:7px;}


.xwfg{ width:100%; float:left; height:30px}
.home_l{ width:48%; float:left;}
.home_r{ width:48%; float:right;}

.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:28px; line-height:1.8; float:left; font-weight:bold; text-align:center;}
.disptit p{ padding:0 !important; margin:0 !important}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; background:#fafafa; padding:15px 0; margin-top:10px;margin-bottom:15px; text-align:center}
.infoarea{ width:100%; float:left;line-height:1.8; background:#fff !important; min-width:600px; font-size:20px; font-family:宋体,'Noto Serif SC' !important;text-align: justify}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}

.v_news_content{ font-size:20px; line-height:1.8; font-family:font-family: 宋体, 'Noto Serif SC';}

.v_news_content H2 {
font-size: 16px; font-weight:normal}
.v_news_content .icon {
border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
.v_news_content IMG {
margin-top:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px}

.v_news_content P {
margin: 14px 0px; line-height: 32px; 
}

.v_news_content span {
font-size: 16px;
}

.v_news_content A {
color: #1e50a2;
}
.v_news_content A:visited {
color: #1e50a2;
}
.v_news_content A:hover {
color: #ba2636
}

.v_news_content TABLE{ border-collapse:collapse;margin-top:25px; margin-bottom:25px;} 
.v_news_content TABLE TD{ padding: 2px 3px;} 

.v_news_content TABLE TD P {
text-indent: 0px; margin: 0px; font-size: 14px;}
.v_news_content TABLE TH P {
text-indent: 0px; margin: 0px; font-size: 1px;}
.v_news_content TABLE TD IMG {
border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none;}
.v_news_content.fs p {
LINE-HEIGHT: 150%;font-size: 10px;}

.v_news_content .vsbcontent_start {
margin: 8px 0px; line-height: 27px; 
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 32px; 
}

.v_news_content .vsbcontent_img{
text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
font-size: 16px;
}        
.v_news_content.newscontent_m p {
font-size: 14px;
} 
.v_news_content.newscontent_s p {
font-size: 12px;
} 
.v_news_content H2 {
font-size: 16px;}
.v_news_content .icon {
border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
.v_news_content IMG {
margin-top:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px
}

.v_news_content P {
margin: 14px 0px; line-height: 32px; 
}

.v_news_content span {
font-size: 16px;
}

.v_news_content A {
color: #1e50a2;
}
.v_news_content A:visited {
color: #1e50a2;
}
.v_news_content A:hover {
color: #ba2636
}

.v_news_content TABLE{ border-collapse:collapse;margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ padding: 2px 3px;} 

.v_news_content TABLE TD P {
text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
margin: 8px 0px; line-height: 27px;
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 32px; 
}

.v_news_content .vsbcontent_img{
text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
font-size: 16px;
}        
.v_news_content.newscontent_m p {
font-size: 14px;
} 
.v_news_content.newscontent_s p {
font-size: 12px;
} 


.pb_sys_style3 .p_no_d {
border: 1px solid #a70000 !important;
color: #fff;
background-color: #a70000 !important;
}


.djs{ position:absolute; bottom:40px; right:3%; z-index:2; width:139px; height:100px; background:url(../images/index_11.png) top no-repeat; overflow:hidden; border-radius:20px 20px 50px 50px}
.djs .date1{ width:100%; float:left; text-align:center}
.djs .date2{ width:100%; float:left; text-align:center; color:#ffdc63; font-size:15px; margin-top:5px}
.djs .date2 span{ font-size:32px; font-family:"Times New Roman", Times, serif; margin-right:3px}
.shine-effect {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-45deg);
animation: shine 5s infinite;
}

@keyframes shine {
0% {
left: -100%;
}
20% {
left: 100%;
}
100% {
left: 100%;
}
}

.mouse-circle {
position:absolute;
z-index:2;
bottom:40px;
width:60px;
transform:translateX(-50%);
margin-left:50%;
height:60px;
border: 1px solid rgba(255, 255, 255, .8);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}

.mouse-icon {
width: 60px;
height: 90px;
position: relative;
}

.mouse-body {
width: 40%;
height: 40%;
margin-top:45%;
border: 2px solid rgba(255, 255, 255, 0.8);
border-radius: 30px;
position: relative;
}

.scroll-indicator {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
letter-spacing: 2px;
opacity: 0.8;
animation: arrowBounce 2s infinite;
}

.mouse-wheel {
width: 4px;
height: 10px;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
border-radius: 3px;
animation: wheelScroll 2s infinite ease-in-out;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}
@keyframes wheelScroll {
0%, 100% {
transform: translateX(-50%) translateY(0);
opacity: 0.8;
}
50% {
transform: translateX(-50%) translateY(10px);
opacity: 1;
}
}



@keyframes arrowBounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}


.tzgg{ width:100%; background:#efefef; height:690px; position:relative; padding-top:80px; margin-bottom:90px}
.tzgg_l{ left:0; bottom:0; position:absolute; z-index:1; height:105%}
.tzgg_l img{ height:100%;opacity:.5}

.tzgglist{ width:76%; float:right; position:relative; z-index:2}
.tzgglist ul{ display:inline}
.tzgglist ul li{ width:49%; margin-right:2%; margin-bottom:30px; background:#fff; overflow:hidden; padding:30px 35px 35px 35px; float:left; border-bottom:2px solid #a70000;border-right:2px solid #fff;border-top:2px solid #fff;border-left:2px solid #fff; position:relative;transition: 0.3s ease-in-out;}
.tzgglist ul li:nth-child(2n){ margin-right:0}
.tzgglist ul li .l{ width:38px;float:left}
.tzgglist ul li .l .l1{ width:100%; text-align:center; float:left; color:#a70000; font-size:24px; font-weight:bold; border-bottom:2px solid #a70000; padding-bottom:10px; margin-bottom:10px; margin-top:5px}
.tzgglist ul li .l .l2{ width:100%; text-align:center; float:left; color:#a70000; font-size:24px; font-weight:bold;}
.tzgglist ul li .r{ width:calc(100% - 60px);float:right; padding-right:5%}
.tzgglist ul li .r .r1{ width:100%;float:left; font-weight:bold; font-size:18px; height:30px; line-height:30px; overflow:hidden; margin-bottom:10px;}
.tzgglist ul li .r .r2{ width:100%;float:left;height:56px; line-height:28px; overflow:hidden; color:#666}

.tzgglist ul li:before{ top:18px; right:23px; position:absolute; z-index:1; width:40px; height:1px; background:#a70000; content:'';transition: 0.3s ease-in-out;}
.tzgglist ul li:after{ top:18px; right:23px; position:absolute; z-index:1; width:1px; height:40px; background:#a70000; content:'';transition: 0.3s ease-in-out;}
.tzgglist ul li:hover{ transform:translateY(-5px);box-shadow: -10px 10px 17px -10px rgba(157, 8, 12, 0.84); border-radius:50px 0 50px 0;border:2px solid #a70000}
.tzgglist ul li:hover:before{right:15px;}
.tzgglist ul li:hover:after{top:10px;}

.xscl{ width:100%; position:relative;height:176px;overflow:hidden}
.xscl .r{ position:absolute; bottom:0; right:0; z-index:1;width:46%}
.xscl .r img{ width:100%}
.xslcb{ position:absolute; z-index:2; width:36%; padding-top:70px;overflow:hidden}
.page3{ background:url(../images/index_23.jpg); padding:70px 0; overflow:hidden; min-height:500px; margin-bottom:50px}

.xs_l{ width:45%; float:left; margin-top: 15px}
.xs_r{ width:48%; float:right}

.bxcj-item{ width:100%; float:left}
.bxcj-item li{ width:100%; float:left; border:1px solid #d23f3a; background:#af1813; padding:15px 30px; margin-bottom:30px;transition: 0.3s ease-in-out}
.bxcj-item li:last-child{ margin-bottom:0}
.bxcj-item li strong{ width:100%; float:left; height:30px; line-height:30px; color:#f7e9bb; font-size:20px; overflow:hidden; margin-bottom:15px; font-weight:normal; margin-top:10px;transition: 0.3s ease-in-out}
.bxcj-item li span{ width:100%; float:left; height:30px; line-height:30px; color:#f7e9bb; overflow:hidden;margin-bottom:15px;}
.bxcj-item li:hover{ border-radius:50px 0; transform:translateY(-5px); border:1px solid #f7e9bb}
.bxcj-item li:hover strong{ font-weight:bold}

.xs-item{ width:100%; float:left}
.xs-item ul{ display:inline}
.xs-item li{ width:47%; float:left; margin-right:6%; margin-bottom:45px}
.xs-item li:nth-child(2n){ margin-right:0}
.xs-item li:nth-child(3n),.xs-item li:nth-child(4n){ margin-bottom:0}
.xs-item li .img{ width:100%; border:8px solid #f7e9bb; height:190px; overflow:hidden; float:left; margin-bottom:15px}
.xs-item li .img img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.xs-item li .tit{ width:100%; height:30px; line-height:30px; font-size:18px; color:#f7e9bb; margin-bottom:10px; overflow:hidden; float:left;transition: 0.3s ease-in-out}
.xs-item li .des{ width:100%; height:60px; line-height:30px;color:#f7e9bb;overflow:hidden; float:left;}
.xs-item li:hover img{transform: scale(1.1);}
.xs-item li:hover .tit{ font-weight:bold;}

.xss-item{ width:100%; float:left}
.xss-item ul{ display:inline}
.xss-item li{ width:24%; float:left; margin-right:1.33%; margin-bottom:35px; padding:15px; background:#fff}
.xss-item li:nth-child(4n){ margin-right:0}
.xss-item li .pic{ width:100%;height:220px; overflow:hidden; float:left; margin-bottom:15px}
.xss-item li .pic img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}

.xss-item li .area{ width:100%;float:left;}
.xss-item li .area strong{ width:100%;float:left; height:30px; line-height:30px; font-weight:normal; font-size:18px; margin-bottom:10px; overflow:hidden}
.xss-item li .area em{ width:100%;float:left; height:75px; line-height:25px; font-weight:normal; font-size:15px; color:#666; font-style:normal;overflow:hidden}
.xss-item li:hover img{transform: scale(1.1);}


.gnrw{ width:100%;background: url(../images/rwbgs.jpg) center 134px  no-repeat;position:relative;}

.content-row {
height:528px;
width:100%;
}

.description-panel {
width:50%;
float:left;
padding:200px 0 0 70px;
position:relative;
height:500px;
float:left;
}

.description-title {
font-size: 34px;
font-weight: bold;
margin-bottom: 20px;
width:100%; float:left;
color: #333;
}
.description-title:hover{ color:#a70000}
.description-content {
line-height:30px;
height:90px;
overflow:hidden;
width:100%; float:left;
color: #666;
}

.main-swiper-container {
width: 426px;
height:530px;
float:right;
position: relative;
background:#000
}


.main-swiper-container .swiper-slide{
width: 100%;
height:530px;

}

.main-swiper-container .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
background: #fff;
}

.main-swiper-container .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.nextb{width:25px; height:27px; position:absolute; bottom:0; right:0; cursor:pointer;transition: 0.3s ease-in-out;}
.prevb{width:25px; height:27px; margin-right:20px;position:absolute; bottom:0; right:40px; cursor:pointer;transition: 0.3s ease-in-out;}       
.nextb:hover{ right:2px;}
.prevb:hover{ right:42px;}

.main-swiper-container .swiper-paginationb {
position: absolute;
bottom: 10px;
}

.main-swiper-container .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #fff;
opacity: 0.5;
}

.main-swiper-container .swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}

/* 底部缩略图样式 */
.thumbs-row {
height:230px;
width:100%;
margin-top:2px
}

.thumbs-swiper {
height: 100%;
box-sizing: border-box;
}

.thumbs-swiper .swiper-slide {
width:100%;
height: 100%;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.3s;
}

.thumbs-swiper .swiper-slide img{ width:100%; height:100%;object-fit: cover;}

.thumbs-swiper .swiper-slide-thumb-active {
opacity: 1;
}


.page4{ width:100%; text-align:center; padding-top:30px;}
.page5{ width:100%; padding:65px 0; background:#e8c89a}
.page5 .l{ width:445px; float:left}
.page5 .l li{ width:100%; float:left;transition: 0.3s ease-in-out;}
.page5 .l li:first-child{ margin-bottom:13px}
.page5 .l ul li:hover{ transform:translateY(-5px)}

.page5 .r{ width:calc(100% - 470px); float:right}
.page5 .r ul{ display:inline}
.page5 .r ul li{ width:49%; float:left; margin-right:2%; background:#fff; padding:25px; margin-bottom:10px;transition: 0.3s ease-in-out;}
.page5 .r ul li:nth-child(2n){ margin-right:0}
.page5 .r ul li:nth-child(5),.page5 .r ul li:nth-child(6){ margin-bottom:0}
.page5 .r ul li strong{ width:100%; float:left; height:35px; line-height:35px; color:#a70000; overflow:hidden; font-weight:normal; font-size:18px; margin-bottom:5px}
.page5 .r ul li span{ width:100%; float:left; height:60px; line-height:30px; color:#666; overflow:hidden}
.page5 .r ul li:hover{ background:#a70000;box-shadow: -10px 10px 17px -10px rgba(157, 8, 12, 0.84);}
.page5 .r ul li:hover strong,.page5 .r ul li:hover span{ color:#fff}
footer{ width:100%; padding:60px 0 40px 0; background:#ad1010; overflow:hidden;}
.footer_l{ float:left; width:330px; float:left; margin-right:50px; padding-top:10px}
.footer_l img{ width:100%;filter: brightness(0) invert(1);}

.footer_m{ float:left; width:560px;}
.footer_m p{ float:left; width:100%; line-height:34px; font-size:15px; color:#fff; padding:0; margin:0}
.footer_r{ float:right; width:450px;}
.footer_r ul{ display:inline}
.footer_r ul li{ width:19%; float:left; margin-right:1%; line-height:24px; font-size:14px; color:#fff; text-align:center}
.footer_r ul li img{ width:100%}
.footer_r ul li:last-child{ margin-right:0}

.nyimg{ width:100%; height:500px; background:url(../images/ny.png) center no-repeat}
.nybg{ background:#f5f0e2}
.nban{ width:100%; height:60px; border-bottom:1px solid #e9d7c3; margin-bottom:40px}
.nbans{ width:100%; float:left; height:60px; line-height:60px;}
.nbans span{ float:right; font-size:14px; color:#a70000}
.nbans span a{color:#a70000}
.nbans span img{ margin-right:4px; height:20px; margin-top:0; vertical-align:middle}


.bclass{float:left;height:40px; line-height:40px;font-size:16px; position:relative; padding:0 25px; margin-top:10px; margin-right:10px}
.bclass a,.bclassa a{ display:block;}
.bclassa{float:left;height:40px; line-height:40px;font-size:16px;  position:relative;padding:0 25px; background:#a70000; margin-top:10px; border-radius:50px; margin-right:10px}
.bclassa a{color:#fff;}


.news_2{ width:100%; float:left}
.news_2 li{ width:100%; float:left; margin-bottom:35px; max-height:280px; background:#fff; padding:25px;transition: 0.3s ease-in-out; overflow:hidden; border:1px solid #ddd}
.news_2 li .l{ width:330px; height:220px; overflow:hidden; float:left;transition: 0.3s ease-in-out}
.news_2 li .l img{ width:100%; height:220px;object-fit:cover;transition: 0.3s ease-in-out;}
.news_2 li .r{ float:right; width:calc(100% - 370px);}
.news_2 li .rf{ float:right; width:100%;}
.news_2 li .r .r_1,.news_2 li .rf .r_1{ width:100%;height:30px; color:#666; float:left;line-height:30px; overflow:hidden; margin-bottom:20px;}
.news_2 li .r .r_2,.news_2 li .rf .r_2{ width:100%;font-size:18px; line-height:25px; height:25px; overflow:hidden; float:left; font-weight:bold; margin-bottom:10px}
.news_2 li .r .r_3,.news_2 li .rf .r_3{ width:100%;font-size:18px; line-height:25px; height:50px; overflow:hidden; float:left; font-size:15px; color:#666; margin-bottom:30px}
.news_2 li .r .r_4,.news_2 li .rf .r_4{ width:100%; float:left; font-size:15px; color:#a70000; line-height:29px;}
.news_2 li .r .r_4 img,.news_2 li .rf .r_4 img{ float:left; vertical-align:middle; margin-right:8px}
.news_2 li:hover .l img{transform: scale(1.1);}

.infolista{ width:100%; float:left;}
.infolista li{ width:100%; float:left; margin-bottom:15px; padding:15px 25px 15px 0; height:80px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out;}
.infolista li:hover{ background:#a70000}
.infolista li:hover *{ color:#fff !important}
.infolista li .date{ width:100px; float:left; border-right:1px solid #ddd}
.infolista li .date .date1{ width:100%; text-align:center; float:left; font-size:30px; font-weight:bold; height:30px; position:relative; margin-bottom:5px; color:#333}
.infolista li .date .date2{ width:100%; text-align:center; float:left; font-size:14px; color:#333}
.infolista li .area{ width:calc(100% - 120px);float:right; font-size:18px; line-height:50px; height:50px; overflow:hidden; padding-right:70px; background:url(../images/gg.png) right center no-repeat}
.infolista li:hover .area{ background:url(../images/gga.png) right center no-repeat}

.people-item{ width:100%; float:left}
.people-item li{ width:49%; float:left; margin-right:2%; margin-bottom:35px; background:#fff; height:240px;transition: 0.3s ease-in-out;border:1px solid #fff}
.people-item li:nth-child(2n){ margin-right:0}
.people-item li .pic{ width:190px; float:left; height:100%; overflow:hidden}
.people-item li .pic img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.people-item li .area{ width:calc(100% - 210px); float:right; height:100%; padding:30px 30px 30px 0}
.people-item li .area strong{width:100%; float:left; height:60px; line-height:30px; overflow:hidden; margin-bottom:10px}
.people-item li .area em{width:100%; float:left; height:84px; line-height:28px; font-size:15px; overflow:hidden; font-style:normal; color:#666}
.people-item li:hover{border:1px solid #a70000}
.people-item li:hover img{transform: scale(1.1);}


.peoplea-item{ width:100%; float:left}
.peoplea-item li{ width:49%; float:left; margin-right:2%; margin-bottom:35px; background:#fff; height:220px;transition: 0.3s ease-in-out;border:1px solid #fff}
.peoplea-item li:nth-child(2n){ margin-right:0}
.peoplea-item li .pic{ width:300px; float:left; height:100%; overflow:hidden}
.peoplea-item li .pic img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.peoplea-item li .area{ width:calc(100% - 330px); float:right; height:100%; padding:30px 30px 30px 0}
.peoplea-item li .area strong{width:100%; float:left; height:60px; line-height:30px; overflow:hidden; margin-bottom:10px}
.peoplea-item li .area em{width:100%; float:left; height:84px; line-height:28px; font-size:15px; overflow:hidden; font-style:normal; color:#666}
.peoplea-item li:hover{border:1px solid #a70000}
.peoplea-item li:hover img{transform: scale(1.1);}

.container {
    position: relative;
    width: 100%;
    height: 650px;
	margin-top:80px;
    overflow: hidden;
    background: url(../images/dmbg.png) bottom center no-repeat;
	padding-bottom:40px;
}

.track {
    position: absolute;
    width: 100%;
    height: 60px;
    overflow: visible;
}

.track:nth-child(1) { top: 10px; }
.track:nth-child(2) { top: 90px; }
.track:nth-child(3) { top: 170px; }
.track:nth-child(4) { top: 250px; }
.track:nth-child(5) { top: 330px; }
.track:nth-child(6) { top: 410px; }

.danmu {
    position: absolute;
    right: -80px;  /* 原来 -300px 改小，进来更快、间距更近 */
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 16px;
    color: #a40000;
    background: rgba(255,255,255,0.95);
    padding: 12px 14px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    animation: scroll linear forwards;
    pointer-events: auto;
    margin-left: 10px; /* 原来40 缩小 */
}

.danmu.paused {
    animation-play-state: paused;
	z-index: 10;
}


@keyframes scroll {
    to {
        transform: translateX(-120vw) translateY(-50%);
    }
}

.blessing-pool {
    display: none;
}



.xs {
    width:92%;
	right:0;
	margin-right:0;
	background:url(../images/jz.png) no-repeat;
	background-size:100% 100%;
	position:relative;
    padding:80px 0 110px 120px;
    overflow: hidden;
	margin-bottom:150px;
}


.mySwiperb {
    width: 100%;
}


.mySwiperb .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
	padding-right:60px;
	background: url(../images/sub07_line.png?v=1.3) no-repeat left bottom;
    background-size: 190% auto;
}

.mySwiperb .swiper-slide:nth-child(2n){ padding-top:50px;}
.mySwiperb .swiper-slide .dot{ position:absolute; right:45px; width:5px; height:190px; content:''; z-index:1;bottom:6px}
.mySwiperb .swiper-slide:nth-child(2n) .dot{ position:absolute; right:45px; width:5px; height:140px; content:''; z-index:1;}

.mySwiperb .swiper-slide .dot .dot1{ position:absolute; right:0; width:6px; height:6px; content:''; z-index:1; background:#9e744e; bottom:196px; border-radius:50px}
.mySwiperb .swiper-slide .dot .dot2{ position:absolute; right:2px; width:2px; height:190px; content:''; z-index:1; background:#9e744e; bottom:6px;}
.mySwiperb .swiper-slide .dot .dot3{ position:absolute; right:-2px; width:10px; height:10px; content:''; z-index:1; background:#9e744e; bottom:-1px; border-radius:50px}


.mySwiperb .swiper-slide:nth-child(2n) .dot .dot1{ position:absolute; right:0; width:6px; height:6px; content:''; z-index:1; background:#9e744e; bottom:146px; border-radius:50px}
.mySwiperb .swiper-slide:nth-child(2n) .dot .dot2{ position:absolute; right:2px; width:2px; height:140px; content:''; z-index:1; background:#9e744e; bottom:6px;}
.mySwiperb .swiper-slide:nth-child(2n) .dot .dot3{ position:absolute; right:-2px; width:10px; height:10px; content:''; z-index:1; background:#9e744e; bottom:-1px; border-radius:50px}


.mySwiperb .swiper-slide .img {
    width: calc(100% - 20px);
    position: relative;
    float: left;
    overflow: hidden;
    aspect-ratio: 16 / 9; /* 固定容器尺寸，轮播布局统一 */
    display: flex;        /* 弹性布局实现居中 */
    align-items: center;  /* 垂直居中 */
    justify-content: center; /* 水平居中 */
	border: 6px solid #fff;
	background: #fff
}

.mySwiperb .swiper-slide .img img {
    display: block;
    /* 宽高最大不超出容器，保留原图比例 */
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: 0.3s ease-in-out;
}

.mySwiperb .swiper-slide .img:hover img {transform: scale(1.05);}
.mySwiperb .swiper-slide .tit {
    margin-top: 20px;
	float:left;
	width:100%;
	padding-right:20px;
	position:relative;
    font-size: 16px;
	line-height:28px;
	height:112px;
	overflow:hidden;
    color: #a40000;
    text-align: justify;
    padding-bottom: 20px;
	margin-bottom:20px;
    display: inline-block; 
    vertical-align: top;
    text-decoration: none;
}



.prevc,
.nextc {
    width:35px;
    height:35px;
    background:#fff;
	border:1px solid #a51d1d;
    border-radius: 50%;
    cursor: pointer;
	position:absolute;
	z-index:2
}


.prevc img,.nextc img{ width:80%; margin-top:10%; margin-left:10%}
.prevc { right: 102px; bottom:70px;}
.nextc { right: 42px;bottom:70px;}