.focus{width:720px;height:450px;position:relative;float: left;}
.focus #pic{width:720px;height:450px;overflow:hidden;}
.focus #pic li{width:720px;height:450px;float:left;}
.focus #pic li img{width:720px;height:450px;float:left;}
.focus .btn{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus .btn ul{width:100%;float:left;}
.focus .btn li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}

.focus #tip ul  { list-style: none; padding: 0; text-align: center; position: absolute; right: 10px; bottom: 10px; z-index:10}
.focus #tip ul li { display: inline-block; margin: 0; cursor: pointer; width: 10px; height: 3px; background-color: #ddd; }
.focus #tip ul li.on { width: 30px; background-color: #e94a53; }

.index{background: url(../images/bg_index.jpg) repeat center;;padding-top: 100px;padding-bottom: 50px;}
.index_news{width: 540px;float: right;background: #fff;;height:410px;    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; padding: 20px 30px;}
.index_news .list_name .list_name_cn{font-size: 28px;}
.index_news .list_name .list_name_en{font-size: 12px;padding-left: 20px;}
.index_news .list_name .list_name_cn:before{display: none;}
.index_news .list_name {padding-top: 0; height: 60px;border-bottom: 1px #202c5c solid; position: relative;color:#1f2c5c}
/* 基本样式 */
.index_news .list_name:before {
    content: "";
    border-bottom: 1px solid #fd2231;
    width: 65px; /* 初始宽度 */
    height: 1px;
    position: absolute;
    bottom: -1px;
    right: 0;
    transition: width 0.5s ease; /* 平滑宽度变化 */
    transform-origin: right; /* 变化起点在右侧 */
}

.index_news .list_name:hover:before {    width: 100%; /* 悬停时宽度增长到100% */}
.index_news .list_name .list_name_more{position: absolute;right: 0;bottom: 10px;}

.index_news .list_name .list_name_more img {
    vertical-align: bottom;
    transition: transform 0.5s ease; /* 平滑过渡动画 */
    transform: rotate(0deg); /* 初始旋转角度 */
}

.index_news .list_name:hover .list_name_more img {
    transform: rotate(360deg); /* 旋转360度 */
}


.index_news_title{;border-bottom: 1px #202c5c solid; position: relative;padding: 18px 0;}
.index_news_title h2{font-size: 20px; text-align:left;padding-bottom:  10px ;line-height: 1.6em;}
.index_news_title h2 a{color: #000;;transition: color 0.3s ease; }
.index_news_title h2:hover a{color: #e73640;;}


.index_news_list{ position: relative;; z-index: 2;}
.index_news_list li {  line-height: 60px;font-size: 14px;border-bottom: 1px #c5c5c5 dashed; position: relative;   transition: height 0.5s ease, border-color 2.5s ease; /* 假设初始高度已设置 */
    /* 初始高度，例如 */
    height: 60px; /* 假设的初始高度 */}
/* .index_news_list li:nth-last-child(1){border:0} */
.index_news_list li a{display: block;color: #000;    transition: color 0.3s ease; /* 平滑颜色变化的过渡效果 */}
.index_news_list li h2,.index_news_list li span,.index_news_list li cite{float: left;}
.index_news_list li span{width: 30px;font-weight: bold;}
.index_news_list li h2{width: 490px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 设置最多显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis; line-height: 55px;}
.index_news_list li cite{float: right;}
.index_news_list li:hover a{color:#e73640}
.index_news_list p{ display: none;}


li.list-active{;border-bottom: 1px #202c5c solid; position: relative; overflow: visible; height: 110px;   -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 设置最多显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;  border-color: #fd2231;}


.list-active p {
    color: #838383;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 设置最多显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;font-size: 14px; text-indent: 2em; clear: both; line-height: 24px;;}
.list-active cite{ display: none;}

.index_news_title{;border-bottom: 1px #202c5c solid; position: relative;padding: 18px 0;}

.focus #tip .img-indicators2 li.active { width: 30px; background-color: #e94a53; }

.list-active:before {
    content: "";
    border-bottom: 1px solid #fd2231;
    width: 65px; /* 初始宽度 */
    height: 1px;
    position: absolute;
    bottom: -1px;
    right: 0;
    transition: width 0.5s ease; /* 平滑宽度变化 */
    transform-origin: right; /* 变化起点在右侧 */
}
.list-active:hover:before {    width: 100%; }

/*.index_news_title{;border-bottom: 1px #202c5c solid; position: relative;padding: 18px 0;}
.index_news_title h2{font-size: 20px; text-align:left;padding-bottom:  10px ;line-height: 1.6em;}
.index_news_title h2 a{color: #000;;transition: color 0.3s ease; }
.index_news_title h2:hover a{color: #e73640;;}
.index_news_title p {
    color: #838383;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;font-size: 14px; text-indent: 2em;
}

.index_news .index_news_title:before {
    content: "";
    border-bottom: 1px solid #fd2231;
    width: 65px; 
    height: 1px;
    position: absolute;
    bottom: -1px;
    right: 0;
    transition: width 0.5s ease; 
    transform-origin: right; 
}

.index_news .index_news_title:hover:before {    width: 100%; }

.index_news_list{ position: relative;; z-index: 2;}
.index_news_list li { height: 55px; line-height: 55px;font-size: 14px;border-bottom: 1px #c5c5c5 dashed;}
.index_news_list li:nth-last-child(1){border:0}
.index_news_list li a{display: block;color: #000;    transition: color 0.3s ease; }
.index_news_list li h3,.index_news_list li span,.index_news_list li cite{float: left;}
.index_news_list li span{width: 30px;font-weight: bold;}
.index_news_list li h3{width: 460px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;}
.index_news_list li cite{float: right;}
.index_news_list li:hover a{color:#e73640}
*/
.index_colum_news{width: 426px;float: left;margin-right: 20px; position:relative;}
.index_colum_news:nth-child(3){margin: 0;}
.index_colum_list{background: #fff; width: 426px;height: 310px;  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;box-sizing: border-box;}
.index_colum_list img{margin-bottom: 10px; width:100%;}
.index_colum_list .index_news_list li {border:0;height: 45px;line-height: 45px;}
.index_colum_list .index_news_list li h3{width: 360px;border:0; font-weight: normal;}
.index_colum_list .index_news_list li span{padding-left: 15px;}
.index_colum_list:before{content: "NEWS"; position: absolute;left:0; bottom:25px;font-size: 80px;z-index: 0;color: #f7f7f9;;}

.index_colum_list:after {
    content: "";
    position: absolute;
    bottom: 33px; /* 边框位置 */
    left: 0; /* 从左边开始 */
    width: 0; /* 初始宽度为0 */
    height: 5px; /* 边框的高度 */
    background: #e73640; /* 边框颜色 */
    transition: width 0.3s ease; /* 平滑宽度变化 */
}

/* 悬停时的效果 */
.index_colum_list:hover:after {
    width: 100%; /* 悬停时宽度增长到100% */
}


.index_colum_news .list_name{background: 0;margin: 0; height:70px;padding:0;color:##1f2c5c}
.index_colum_news .list_name:before{ display: none;}

.index_colum_news  .list_name_cn{font-size: 30px; text-align: center; color:#1f2c5c}
.index_colum_news .list_name_en{font-size: 14px;text-align: center;}
.index_colum_news  .list_name_cn:before{display: none;}



.index_colum_news .list_name_more{clear:both;float: right;margin-top: 20px;font-size: 14px;;}
.list_name_more a{transition: color 0.3s ease;}
 .list_name_more a:hover{color: #e73640;transition: color 0.3s ease;}

 .list_name_more a img {
    vertical-align: bottom;
    transition: transform 0.5s ease; /* 平滑过渡动画 */
    transform: rotate(0deg); /* 初始旋转角度 */
}



 .list_name_more a:hover img {
    transform: rotate(360deg); /* 旋转360度 */
}

.touzi{height: 1085px;background: url(../images/bg_index_touzi.jpg) no-repeat  center top;}
.touzi .list_name_cn {
    color: #1f2c5c;
}
.boDys {
				    position: relative;
				    width: 1300px;
				    height: 690px; /* 根据需要调整 */
				}
				
				.item {
				    text-align: center;
				    transition: all .5s;
				    position: absolute;
				    top: 50%;
				    transform: translate(0%,-50%) scale( 0.7);
				    z-index: 1;
				    opacity: 1;
				    left: 0;
				    cursor: pointer;
				}
					.item img{width: 100%;height: 100%}
				.item:nth-child(1) {
				    width: 1100px; /* 第一张图的尺寸 */
				    height: 660px;
				    transform: translate(0%,-50%) scale( 1);
				    z-index: 5;
				}
				
				.item:nth-child(2) {
				    width: 880px; /* 第二张图的尺寸，缩小20% */
				    height: 528px;
				    transform: translate(30%,-50%);
				    z-index: 4;
				    filter: blur(2px);
				}
				
				.item:nth-child(3) {
				    width: 704px; /* 第三张图的尺寸，再缩小20% */
				    height: 422px;
				    transform: translate(70%,-50%);
				    z-index: 3;
				    filter: blur(2px);
				}
				
				.item:nth-child(4) {
				    width: 563px;
				    height: 337px;
				    transform: translate(120%,-50%);
 /* 继续向右偏移 */
				    z-index: 2;
				    filter: blur(2px);
				}
				
				.item:nth-child(5) {
				    width: 450px;
				    height: 270px;
				    transform: translate(180%,-50%);
/* 继续向右偏移 */
				    z-index: 1;
				    filter: blur(2px);
				}
.item:nth-child(5) .swiper-slide-text,.item:nth-child(4) .swiper-slide-text,.item:nth-child(3) .swiper-slide-text,.item:nth-child(2) .swiper-slide-text{ display:none}

				.swiper-slide-text{width: 460px;height: 125px;position: absolute;left:40px; bottom:65px;background: #fffffff0;border-bottom: 10px #fd2231 solid;}
				.swiper-slide-text h2{padding:10px 20px;color: #fff; text-align:left;font-size: 20px;overflow: hidden;}
				.swiper-slide-text h2 div{float: left}
				.swiper-slide-text h2 div:before{ display: none}
				.swiper-slide-text h2 .list_name_cn{width: 100px;font-size: 26px;}
				.swiper-slide-text p{ text-align: left;color: #4e4e4e;}
				
				
				.list_name_cn2{font-size: 26px;position: relative;font-weight: 	bold;color: #fd2231}
				
				.list_name_en2{font-size: 12px;color: #333;padding-top: 17px;padding-left: 10px;}
				



				.swiper-slide-text p{;min-height: 130px;max-height: 200px; padding: 10px 20px;font-size: 16px;color: #000;}
				.swiper-box {
				    animation: fadeIn .3s ease-in-out .3s forwards;
				    opacity: 0; /* 初始时不可见 */
				}
				
				/* 对于剩余的.item元素，您可以继续设置类似的样式 */
			.nav-item {background: #b5b5b5;border-radius: 20px;padding: 5px 20px;color: #fff;cursor: pointer;font-size: 16px;margin-right: 20px;}
			.nav-item.active {background: #fd2231;border-radius: 20px;color: #fff;}
			    .nav-item.active {
			        color: #f00; /* 活跃状态的文本颜色 */
			        font-weight: bold; /* 字体加粗 */
			        /* 您可以添加更多样式来突出显示活跃状态的按钮 */
			    }
				.swiper-nav .nav-item {background: #b5b5b5;border-radius: 20px;padding: 5px 30px;color: #1f2c5c;cursor: pointer;margin-right:  50px;}

				
				.boDys .item:nth-child(5) .swiper-slide-text{display: none;}