/*dp20240328*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ font-size:16px; position: relative; margin:0 auto; color:#111111; min-width:375px; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;}

a{color:#111111; font-size:16px; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue"Helvetica,Arial,sans-serif; }
a:hover{ color:#D44235;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a,.transition,:before,img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease;
}
@font-face {
  font-family: "din-bold";
  src: url("fonts/din-bold.woff") format("woff"),
       url("fonts/din-bold.ttf") format("truetype"),
	   url("fonts/din-bold.eot") format("embedded-opentype"),
       url("fonts/din-bold.svg") format("svg");
}
/***************************************首页*****************/
.top {
    width: 100%;
    height: 100vh; /* 占满一屏高度 */
    display: flex;
    flex-direction: column;
}
.header {
    flex: 1; /* 占据剩余空间 */
    min-height: 0; /* 防止内容溢出 */
    overflow: hidden;
	position: relative; /* 为图片定位提供上下文 */
}
.header img {
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 居中 */
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none; /* 防止宽度限制 */
}
.navbox {
    width: 100%;
    height: 65px;
    flex-shrink: 0;
    background: linear-gradient(90deg, #D90708, #D44235, #D90708);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    position: relative; /* 添加相对定位 */
    z-index: 10; /* 添加z-index确保层级 */
}

/* 兼容模式下的阴影解决方案 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE兼容性修复 */
    .navbox {
        position: relative;
        overflow: visible; /* 允许阴影溢出 */
    }
    .navbox::after {
        content: '';
        position: absolute;
        bottom: -8px; /* 阴影向下偏移 */
        left: 0;
        width: 100%;
        height: 8px;
        background: linear-gradient(to bottom, 
            rgba(0,0,0,0.2) 0%, 
            rgba(0,0,0,0.1) 50%, 
            transparent 100%);
        pointer-events: none;
        z-index: 9;
    }
}

.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
	height:65px;
}
.nav a {
    color: white;
    font-size: 20px;
	font-weight:700;
    text-decoration: none;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    transition: background-color 0.3s;
}
.nav a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.mainbox{ background-color:#ffffff;}
.wp{ width:92%; max-width:1500px; margin:0 auto;}
.section1{ width:100%; height:auto; padding-top:30px; }

/*山青院行动栏目标题*/
.menu {
	position:relative;
	text-align:center;
	margin:0 0 30px;
}
.menu span {
	font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
	border-bottom:1px solid #ddd;
	font-size:26px;
	color:#333;
}

.menu span::before {
    content: '';
    display: block;
    height: 4px;
    width: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    background: #D90708;
}
.menu a {
    position: absolute;
    right: 0;
    bottom: 4px;
    top: auto;
	display: block;
    max-width: 200px;
    margin: 15px auto 0;
    line-height: 30px;
    color: #666;
    text-align: center;
	font-size:14px;
}
.menu a:hover {
    color: #D90708;
}
.menu a::before {
    content: '→';
    font-size: 16px;
}



.xw-pic{ width:48.5%; float:left;}
.swiper2 {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3), 
                2px 0 4px rgba(0, 0, 0, 0.2);
}
.swiper2 .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.swiper2 .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper2 .pic {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper2 .pic a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	position: relative;
}
.swiper2 .pic .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 150px); /* 为分页留出空间 */
    padding: 20px 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.3), transparent);
    color: white;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
    transform: translateY(0);
    transition: transform 0.3s ease;
}
/* 简化分页样式 - 在底部右侧 */
.swiper2 .swiper-pagination2 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: auto;
    width: auto;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
	opacity:0.8;
}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet-active {
    background-color: #D90708;
    transform: scale(1.3);
	opacity:1;
}


/*山青院行动右侧新闻列表*/
.xw-list{ width:48.5%; float:right;}

.ul-list1 {
    width: 100%;
    height: 450px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    border-radius: 4px;
    overflow: hidden; /* 去掉滚动条 */
}
.ul-list1 li {
    position: relative;
    background-color: white;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
    height: 64.29px; /* 450 ÷ 7 ≈ 64.29 */
    box-sizing: border-box;
    overflow: hidden; /* 为渐变背景做准备 */
}
.ul-list1 li:last-child {
    border-bottom: none;
}
.ul-list1 li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 40px;
    text-decoration: none;
    color: #333;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    z-index: 1; /* 确保文字在渐变背景之上 */
}
/* 鼠标经过时的渐变背景 */
.ul-list1 li::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #D44235, #E25F23);
    transition: left 0.5s ease;
    z-index: 0;
}
.ul-list1 li:hover::after {
    left: 0;
}
/* 鼠标经过时文字变白色 */
.ul-list1 li:hover .name {
    color: white;
}
.ul-list1 li:hover .time {
    color: white;
}
/* 小圆点 */
.ul-list1 li::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #996435;
    border: 1px solid #906d25;
    border-radius: 50%;
    z-index: 2; /* 确保小圆点在渐变背景之上 */
}
.ul-list1 .name {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    text-align: left;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}
.ul-list1 .time {
    font-size: 14px;
    color: #EEA731; 
    text-align: right;
    width: 80px;
    flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
	font-family:DIN, Arial, Helvetica, sans-serif; 
}
/*------------------------------------------------------中央精神 评论解读*/

.section2{ width:100%; height:auto; margin-top:30px; background:url(indexbg2.jpg) no-repeat 100% 100%; background-size:1200px;}
.s2-left{ float:left; width:48.5%; margin-bottom:80px;}
.s2-right{ float:right; width:48.5%;  margin-bottom:80px;}
.new1{  position:relative;}
.new1::before{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
	background: linear-gradient(to right, #D44235, #E25F23);
}


.new1{margin:0;}
.new1 li{padding: 0 40px;position: relative;box-sizing: border-box;}
.new1 li::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;background:linear-gradient(to right,#D44235,#E25F23);height: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;box-shadow: 0px 10px 20px 0px rgba(4, 24, 2, 0.12);}

.new1 li:first-child{padding-top: 20px;}
.new1 li:last-child{padding-bottom: 15px;}
.new1 li:hover::before{height: 100%;}
.new1 .item{padding: 12px 0 13px;border-top:1px solid #ebebeb;position: relative;z-index: 2;}
.new1 .time::before{content:'';display:block;width:3px;height:3px;background:#996435;border:1px solid #906d25;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.new1 .time{display:inline-block; line-height:22px;position:relative;color:#EEA731;vertical-align:middle; padding:0 0 0 9px; font-family:DIN, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;}
.new1 .title{ display:block; margin:3px 0 0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;height:auto;position:relative;left:0}
.new1 .item:hover .title{color:#00873c}
.new1 li:first-child .item{border-top:none}
.new1 li:hover .item{border-color: transparent;}
.new1 li:hover .time{color: #edb74d;}
.new1 li:hover .time::before{background: #edb74d;}
.new1 li:hover .item .title{color: #fff;}

@media screen and (max-width:1024px){
	.top {
		width: 100%;
		height: auto;
	}
	.nav{ gap: 10px;}
	.nav a {
    	font-size: 16px;
		padding: 5px 5px;
	}
	.menu span { font-size:20px;}
	.xw-pic {
		width: 100%;
		float: left;
	}
	.xw-list {
		width: 100%;
		float: right;
	}
	.swiper2{ box-shadow:none; height:auto;}
	.swiper2 .pic {
		position: relative;
		width: 100%;
		height: 0;
		padding-top:75%;
		overflow: hidden;
	}
	.swiper2 .pic a {
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;	
	}
	.s2-left {
		float: left;
		width:100%;
		margin-bottom: 40px;
	}
	.s2-right {
		float: right;
		width: 100%;
		margin-bottom: 40px;
	}
	.ul-list1 li a{ padding:0 0 0 10px;}
	.ul-list1 li::before{ left:0;}
	
	.new1 li{ padding:0 0;}
	
}

/*底部版权*/
.footer{ width:100%; margin:0 auto; padding:50px 0; text-align:center; background-color:#B01614; color:#ffffff; font-size:14px;}

/*------------------------------------------文字列表页-------------------------------------------------------------------------------------*/
.mainbox-list{ background:url(listbg.jpg) no-repeat 100% 100%; background-size:1200px; padding:30px 0 50px 0;}
.lujing{ width:100%; position:relative;  border-bottom:1px solid #E25F23;}
.lujing h4{ display:inline-block; font-size:20px;   color:#D44235; background:url(dot1.png) no-repeat 0% 50%; padding:15px 0 15px 25px;  background-size:22px;}
.weizhi{ position:absolute; right:0; top:0; line-height:4rem; background:url(weizhi_icon.png) no-repeat 0% 50%;}
.weizhi, .weizhi a{ color:#999; font-size:0.875rem; font-weight:normal; margin:0 .2rem;}

/*列表页文字列表*/
.ul-list {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    
}
.ul-list li {
    position: relative;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
    height: 64.29px; /* 450 ÷ 7 ≈ 64.29 */
    box-sizing: border-box;
    overflow: hidden; /* 为渐变背景做准备 */
}
.ul-list li:last-child {
    border-bottom: none;
}
.ul-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 40px;
    text-decoration: none;
    color: #333;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    z-index: 1; /* 确保文字在渐变背景之上 */
}
/* 鼠标经过时的渐变背景 */
.ul-list li::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #D44235, #E25F23);
    transition: left 0.5s ease;
    z-index: 0;
}
.ul-list li:hover::after {
    left: 0;
}
/* 鼠标经过时文字变白色 */
.ul-list li:hover .name {
    color: white;
}
.ul-list li:hover .time {
    color: white;
}
/* 小圆点 */
.ul-list li::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #996435;
    border: 1px solid #906d25;
    border-radius: 50%;
    z-index: 2; /* 确保小圆点在渐变背景之上 */
}
.ul-list .name {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    text-align: left;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}
.ul-list .time {
    font-size: 14px;
    color: #EEA731; 
    text-align: right;
    width: 80px;
    flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
	font-family:DIN, Arial, Helvetica, sans-serif; 
}
@media screen and (max-width:1024px){
	.mainbox-list{ background:url(listbg.jpg) no-repeat 100% 100%; background-size:300px; padding:15px 0 50px 0;}
	.ul-list li a{ padding:0 0 0 10px;}
	.ul-list li::before{ left:0;}
}
/*-------------------------------------------------------------内容页详情-------------------------------*/
.nr-box {
    margin: 0 auto;
    max-width: 1200px;
	
}
.nr-box .nr-title{ font-size:1.5rem; padding:2rem 0; text-align:center;}
.nr-box .nr-time{ font-size:0.875rem; color:#999999;  font-family: 'bebasregular'; text-align:center; font-weight:normal;}
.nr-box .nr-article{ font-size:1.125rem; line-height:2; margin:2rem 0;}
.nr-box .nr-article img{ max-width:100% !important; height: auto !important; text-indent:0; text-align:center;}
.shangyitiao, .xiayitiao, .shangyitiao a, .xiayitiao a{ font-size:16px; color:#666;}
.shangyitiao{ margin-top:2rem; margin-bottom:1rem;}
.xiayitiao{margin-bottom:2rem;}
@media screen and (max-width:1024px){
	.nr-box .nr-title{ font-size:18px; line-height:22px; margin:20px 0 10px 0; padding:0 0;}
	.nr-box .nr-article{ font-size:16px; line-height:2; margin:20px 0;}
}