/* 时间-标题-摘要-更多 */
.list_content1{background: #f4f4f4;overflow: hidden;}
.list_content1_box{height: 200px;margin: 30px 0; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; background: #fff;; width: 100%; display: flex;transition: background 0.5s ease }
.list_content1_box_time{;transition: transform 0.5s ease;line-height: 30px;;background: url(../images/list_time_bg1.png) repeat  center;width: 80px;height: 80px;margin-left: 80px;float: left;margin-right: 20px;color: #fff;display: flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;}
.list_content1_box_summary{float: left;width: 1020px;}

.list_content1_box_time .d{font-size: 36px;font-weight: bold;padding-top: 7px;}
.list_content1_box_time .ym{font-size: 14px;}

.list_content1_box_summary h2{font-size: 30px;color: #333;margin-top: 30px;margin-bottom: 20px;}
.list_content1_box_summary h2 a{color: #333;}
.list_content1_box_summary p{font-size: 12px;color: #717171;margin-bottom: 20px;}
.list_content1_box_summary_more{border:1px #e73541 solid;padding: 4px 10px;color: #e73541;  transition: background 0.3s ease, border 0.3s ease, padding 0.3s ease, color 0.3s ease, width 0.3s ease, height 0.3s ease; /* 添加过渡动画 */;}

.list_content1_box:hover { background: #e73541}
.list_content1_box:hover .list_content1_box_time{ background: url(../images/list_time_bg1_hover.png) repeat  center;width: 80px;height: 80px;color: #e73541;;}
.list_content1_box:hover .list_content1_box_summary h2 a{ color: #fff;;}
.list_content1_box:hover .list_content1_box_summary p{color: #fff;}
.list_content1_box:hover .list_content1_box_summary_more{border:1px #fff solid;padding: 4px 10px;color: #fff; }
.list_content1_box:hover .list_content1_box_time{   transform: scale(1.1);}
/* 时间-标题-摘要-更多 */



/* 图片-时间-标题-摘要-更多 */

.parallelograms::before {
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
				padding:0 10px
			}
.list_content2{background: #f4f4f4;overflow: hidden;}
.list_content2_box{height: 290px;margin: 30px 0; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; background: #fff;; width: 100%; display: flex;transition: background 0.5s ease }
.list_content2_box_time{transform: scale(.8);margin-top: -8px;;transition: transform 0.5s ease;line-height: 30px;;background: url(../images/list_time_bg1.png) repeat  center;width: 80px;height: 80px;margin-left: -70px;float: left;margin-right: 20px;color: #fff;display: flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;}
.list_content2_box_summary{float: left;width:720px;}

.list_content2_box_time .d{font-size: 36px;font-weight: bold;padding-top: 7px;}
.list_content2_box_time .ym{font-size: 14px;}

.list_content2_box_summary h2{font-size: 22px;color: #333;margin-top: 50px;margin-bottom: 20px;}
.list_content2_box_summary h2 a{color: #333;}
.list_content2_box_summary p{font-size: 16px;color: #717171;margin-bottom: 20px;line-height: 1.8em;}
.list_content2_box_summary_more{border:1px #e73541 solid;padding: 4px 10px;color: #e73541; ; transition: background 0.3s ease, border 0.3s ease, padding 0.3s ease, color 0.3s ease, width 0.3s ease, height 0.3s ease; /* 添加过渡动画 */;}

.list_content2_box:hover { background: #e73541}
.list_content2_box:hover .list_content2_box_time{ background: url(../images/list_time_bg1_hover.png) repeat  center;width: 80px;height: 80px;color: #e73541;;}
.list_content2_box:hover .list_content2_box_summary h2 a{ color: #fff;;}
.list_content2_box:hover .list_content2_box_summary p{color: #fff;}
.list_content2_box:hover .list_content2_box_summary_more{border:1px #fff solid;padding: 4px 10px;color: #fff; }


.list_content2_pic{width:360px/** 430px**/;height: 240px;margin: 25px;transition: transform 0.5s ease}
.list_content2_box:hover .list_content2_pic{   transform: scale(1.1);}

/* 图片-时间-标题-摘要-更多 */

/* 下载-标题-更多 */
.list_content3{background: #f4f4f4;overflow: hidden;}
.list_content3_box{height: 160px;margin: 30px 0; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; background: #fff;; width: 100%; display: flex;transition: background 0.5s ease ;    align-items: center;    transition: background 0.5s ease, box-shadow 0.5s ease; /* 添加box-shadow过渡 */}
.list_content3_box_ico{width: 180px;; height: 160px; text-align: center; line-height: 160px;}
.list_content3_box_ico img{vertical-align: middle;    transition: border 0.5s ease; /* 添加border过渡 */width: 100px;
    height: 100px;
    border-radius: 100%;}
.list_content3_box_down{background: url('../images/down.png') no-repeat center; width:180px; height:160px;    transition: background 0.5s ease; /* 添加背景图片过渡 */}
.list_content3_box_title{ height: 100px; width:calc(100% - 412px); border-left: 1px #dcdcdc solid;padding-right: 10px;padding-left: 40px; line-height:100px;font-size: 18px;}
.list_content3_box_title h2 a {    display: block; /* 或者 inline-block */    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    width: 100%; /* 根据需要调整宽度 */    transition: color 0.5s ease; /* 添加颜色过渡 */}

.list_content3_box_title a{color: #000;}
.list_content3_box:hover{background: #c60f1d}
.list_content3_box:hover .list_content3_box_ico img{border:10px #fff solid;border-radius: 100%;}
.list_content3_box:hover .list_content3_box_down{background: url('../images/down2.png') no-repeat center; ;}
.list_content3_box:hover .list_content3_box_title h2 a{color: #fff;}

/* 下载-标题-更多 */






/*顶部大图*/
.list_bigpic{clear: both;margin-bottom: 20px;}
.list_bigpic_summary{width: 410px;height: 530px;float: left;background: #f4f4f4;}
.list_bigpic_img{width: 910px;height: 530px;float: left;;}
.dot_y{display: block;margin: 30px;}
.dot_y2{display: block;margin: 30px;float: right;}
.list_bigpic_summary h2 { margin: 0; background: #ffffff7d; border-left: 5px #e94a53 solid; padding: 20px 30px; width: calc(100% + 50px); position: relative; z-index: 2; margin-bottom: 20px; background-size: 200% 100%; background-image: linear-gradient(to right, #ffffff7d 50%, #dbdbdba6 50%); background-position: left; transition: background-position 0.5s ease; animation: highlightReverse 0.5s ease forwards; animation-play-state: paused; }
.list_bigpic_box:hover .list_bigpic_summary h2 { background-position: right; animation: highlight 0.5s ease forwards; animation-play-state: running; }
.list_bigpic_box:not(:hover) .list_bigpic_summary h2 { animation: highlightReverse 0.5s ease forwards; animation-play-state: running; }

.list_bigpic_summary h2 a{color: #000;	}
.list_bigpic_summary p{margin:0 30px;    line-height: 2em; font-size: 14px;}
.list_bigpic_summary p:last-of-type{margin-bottom: 30px;}
.list_bigpic_summary_more{margin:  30px;border:1px #e73541 solid;padding: 4px 10px;color: #e73541; ; transition: background 0.3s ease, border 0.3s ease, padding 0.3s ease, color 0.3s ease, width 0.3s ease, height 0.3s ease; /* 添加过渡动画 */;}

/*顶部大图*/


/*顶部大图2（文化理念）*/
.list_bigpic2{clear: both;margin-bottom: 80px;}
.list_bigpic2_summary{width: 410px;height: 530px;float: left;background: #f4f4f4;}
.list_bigpic2_img{width: 910px;height: 530px;float: left;;}
.dot_y{display: block;margin: 30px;}
.dot_y2{display: block;margin: 30px;float: right;}
.list_bigpic2_summary h2 { margin: 0; background: #ffffff7d;  padding: 20px 30px; width: calc(100% + 50px); position: relative; z-index: 2; margin-bottom: 20px; background-size: 200% 100%; background-image: linear-gradient(to right, #ffffff7d 50%, #dbdbdba6 50%); background-position: left; transition: background-position 0.5s ease; animation: highlightReverse 0.5s ease forwards; animation-play-state: paused; }
.list_bigpic2_summary h2 strong{color: #d4252c;font-size: 30px;}
.list_bigpic2_summary h2 span{display: block;padding-top: 10px;}
.list_bigpic2_box:hover .list_bigpic2_summary h2 { background-position: right; animation: highlight 0.5s ease forwards; animation-play-state: running; }
.list_bigpic2_box:not(:hover) .list_bigpic2_summary h2 { animation: highlightReverse 0.5s ease forwards; animation-play-state: running; }

.list_bigpic2_summary h2 a{color: #000;	}
.list_bigpic2_summary p{margin:0 30px;    line-height: 2em; font-size: 14px;}
.list_bigpic2_summary p:last-of-type{margin-bottom: 30px;}
.list_bigpic2_summary_more{margin:  30px;color: #e73541; ; transition: background 0.3s ease, border 0.3s ease, padding 0.3s ease, color 0.3s ease, width 0.3s ease, height 0.3s ease; /* 添加过渡动画 */;font-size: 14px;}

.tab-button { cursor: pointer;   width: 180px; text-align: center;color: #fff;float: left;font-size: 16px;;    transition: transform 0.3s ease; /* 添加放大和缩小的过渡效果 */ }
.tab-content { display: none; }
.tab-content.active { display: block; }
.tab-content { display: none; opacity: 0; transition: opacity 0.5s ease-in-out; }
.tab-content.active { display: block; opacity: 1; }
.list_bigpic2_img { width: 910px; height: 530px; transition: transform 0.2s ease-in-out; transform: translateX(100%); /* 初始位置在视窗之外 */ }
.list_bigpic2_img.animate { transform: translateX(0); /* 动画将图片移动到视窗内 */ }

.list_bigpic2_nav1{width: auto;height: 45px;line-height: 45px; display: flex; /* 启用 Flexbox */    justify-content: stretch; position: relative;}
.list_bigpic2_nav1 .tab-button{background: #d92733; flex-grow: 1; }
.list_bigpic2_nav1 .tab-button:hover{color: #d92733;}
.list_bigpic2_nav1:before{display: block;; content: ""; width:40px; height:45px; background: #fff; position:absolute;right: 0;z-index: 5;}

.list_bigpic2_nav2{width: auto;height: 45px;line-height: 45px; display: flex; /* 启用 Flexbox */    justify-content: stretch; position: relative;}
.list_bigpic2_nav2 .tab-button{background: #e73541; flex-grow: 1; }
.list_bigpic2_nav2 .tab-button:hover{color: #e73541;}
.list_bigpic2_nav2:before{display: block;; content: ""; width:40px; height:45px; background: #fff; position:absolute;left: 0;z-index: 5;}

.tab-button { cursor: pointer; width: 180px; text-align: center; color: #fff; float: left; font-size: 16px; position: relative; overflow: hidden; }
.tab-button::before { content: ''; position: absolute; width: 100%; height: 100%; bottom: -100%; background-color: #fff; transition: bottom 0.3s ease; z-index: 1; left: 0; }
.tab-button:hover::before { bottom: 0; }
.tab-button span { position: relative; z-index: 2; }

/*顶部大图2（文化理念）*/



/*集团要闻*/
.m-slide { position: relative; height: 400px; overflow: hidden;margin-bottom: 40px; }
.m-slide .img { float: right; position: relative; }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 720px; height: 400px; }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0; }
.m-slide .img .first { display: block; }
.m-slide .tab { float: left; }
.m-slide .tab li {border-bottom: 1px solid #e5e5e5; width: 560px;height: 120px; margin-top: 10px;}

.m-slide .tab .on  { }
.img-indicators { list-style: none; padding: 0; text-align: center; position: absolute; right: 10px; bottom: 10px; }
.img-indicators li { display: inline-block; margin: 0; cursor: pointer; width: 10px; height: 2px; background-color: #ddd; }
.img-indicators li.active { width: 30px; background-color: #e94a53; }

.m-slide_time{line-height: 20px;margin-top: 7px;;background: url(../images/list_time_bg1.png) repeat  center;background-size: 100% 100%;width: 60px;height: 60px;float: left;
margin-right: 0;color: #fff;display: flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;    transform-origin: left; opacity: .5;transition: opacity 0.5s ease;}
.m-slide_summary{float: right;width:490px;}

.m-slide_time .d{font-size: 26px;font-weight: bold;padding-top: 7px;}
.m-slide_time .ym{font-size: 12px;}

.m-slide_summary h2{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 1.6em;}
.m-slide_summary h2 a{color: #e73541;}
.m-slide_summary p{font-size: 12px;color: #717171;margin-bottom: 10px;line-height: 1.8em;}
.m-slide_summary p a{color: #e73541;}
.m-slide li:hover .m-slide_time{ opacity: 1;}

.m-slide .tab li {
    border-bottom: 1px solid #ddd; /* 默认底部边框 */
    width: 560px;
    height: 120px;
    margin-top: 10px;
    position: relative; /* 为伪元素定位做准备 */
    overflow: hidden; /* 防止伪元素溢出 */
}

.m-slide .tab li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px; /* 初始红色部分宽度 */
    height: 1px; /* 红色边框高度 */
    background-color: #e94a53; /* 红色边框颜色 */
    transition: width 0.5s ease; /* 宽度变化的过渡效果 */
}

.m-slide .tab li:hover::after {
    width: 560px; /* 悬停时红色部分延长 */
}




/*组织架构*/
.list_zuzhijiagou{background: #f9f9f9;}
.list_zuzhijiagou .wrap img {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
    display: block; /* 防止图片下方出现空白 */
    margin: 0 auto; /* 如果需要居中图片 */
}
.list_zuzhijiagou .wrap:hover img {
    animation: jump 0.5s ease-in-out forwards; /* 鼠标悬停时应用跳动动画 */
}
/*组织架构*/



/* 领导机构 */
.list_leadership_box {
    width: 410px;
    height: 330px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* 添加过渡动画 */
}

.list_leadership_box:nth-child(3n) {
    margin-right: 0;
}

.list_leadership_box img {
    width: 404px;
    height: 230px;
    border-radius: 20px;
    margin-bottom: 20px;
    transition: border 0.3s ease; /* 添加过渡动画 */
	border: 2px #fff solid;
	
}

.list_leadership_box:hover img {
       border: 2px #fd2231 solid;
}


.list_leadership_box h3 span {
    font-size: 22px; position: relative;; z-index: 3
}

.list_leadership_box h3 cite {
    font-weight: normal; position: relative;; z-index: 3;
}
.list_leadership_box h3 {
    height: 45px;
    background: #fff4f5;
    color: #e73640;
    line-height: 45px;
    font-size: 18px;
    padding: 0 10px;
    position: relative; /* 为伪元素定位做准备 */
    overflow: hidden; /* 防止伪元素溢出 */
    transition: color 0.3s ease; /* 颜色变化的过渡效果 */
}

.list_leadership_box h3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background: #fd2231;
    transform: translateX(-100%);
    transition: transform 0.3s ease; /* 从左向右变色的过渡效果 */
}

.list_leadership_box:hover h3::after {
    transform: translateX(0); /* 悬停时，背景从左向右滑入 */
}

.list_leadership_box:hover h3 {
    color: #fff; /* 悬停时，文字颜色变为白色 */
}



.list_leadership_box:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; /* 鼠标悬停时加深阴影 */
    border: 1px #fd2231 solid;
    transform: translateY(-5px); /* 鼠标悬停时轻微向上移动 */
}

/* 领导机构 */


/* 联系我们 */
.list_contact{background: url(../images/bg_contact.png) no-repeat center; height:442px; }
.list_contact .wrap{display: flex;    justify-content: space-around;    align-items: center;       height: 442px;}
.list_contact_box{width: 233px;height: 251px;background: url(../images/contanct_normal.png) repeat  center; position: relative;}
.list_contact_title{position: absolute;right: 60px;top: 140px;width: 140px;height: 50px;text-align: center;display: flex;align-content: center;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;color: #000;}
.list_contact_r{position: absolute;right: 41px;top: 14px;width: 50px;height: 50px;text-align: center;display: flex;align-content: center;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;color: #fff;}
.list_contact_box img{margin: 68px auto;display: block;padding-right: 20px;}

.list_contact_box:hover{background: url(../images/contanct_hover.png) repeat  center;}
.list_contact_box:hover .list_contact_title{color: #fff;}
.list_contact_box:hover .list_contact_r{color: #fd2231;}
/* 初始状态下的样式，加入过渡效果 */
.list_contact_box {
    transition: background 0.3s ease; /* 背景变化的过渡效果 */
}

.list_contact_title {
    transition: color 0.3s ease; /* 颜色变化的过渡效果 */
}

.list_contact_r {
    transition: color 0.3s ease; /* 颜色变化的过渡效果 */
}

/* 鼠标悬停时的样式 */
.list_contact_box:hover {
    background: url(../images/contanct_hover.png) repeat center; /* 改变背景 */
}

.list_contact_box:hover .list_contact_title {
    color: #fff; /* 改变标题颜色 */
}

.list_contact_box:hover .list_contact_r {
    color: #fd2231; /* 改变右侧文字颜色 */
}


.list_contact_map{height: 955px;background:url(../images/bg_contact.jpg) no-repeat center;overflow: hidden;}
.list_contact_mapbox{border-radius: 20px; background: #fff;border:1px #bebebe solid; height: 710px;margin-top: 140px;;}
.list_contact_mapbox_border{border-radius: 20px;background: url(../images/map_border.png) no-repeat center top;width: 1150px;height:590px;margin: 60px auto;padding: 5px;}
.list_contact_mapbox #map{border-radius: 20px;width: 1150px;height: 590px;}
/* 联系我们 */








/* 发展历程 */
.list_fazhanlicheng{background: #f5f5f5;padding: 50px 0;overflow: hidden;}
.list_fazhanlicheng_container{background: url(../images/licheng.png) repeat center; height: 986px;position: relative;}

/* 默认情况下隐藏所有图片 */
.list_fazhanlicheng_img {
 opacity: 0;
  transition: opacity 0.5s ease-in-out; /* 过渡效果持续0.5秒，速度曲线为ease-in-out */
  position: absolute; /* 绝对定位，使图片叠加在一起 */
  top: 0;
  left: 0;}

/* 默认显示第一张图片 */
.list_fazhanlicheng_img:first-child {
  opacity: 1; /* 初始显示 */}

.list_fazhanlicheng_box{height: 439px;width: 1122px;position: absolute;left: 95px;top: 490px;}

.list_fazhanlicheng_buttons button{border:0; cursor: pointer;}
.list_fazhanlicheng_container #btn1{width:260px;height:170px;position: absolute;left: 117px;top: 305px;}
.list_fazhanlicheng_container #btn2{width: 260px;height:170px;position: absolute;left:405px;top: 270px;}
.list_fazhanlicheng_container #btn3{width: 260px;height:170px;position: absolute;left: 680px;top:200px;}
.list_fazhanlicheng_container #btn4{width: 260px;height:170px;position: absolute;left: 975px;top:144px;}

/*品牌矩阵*/
.pinpaijuzhen{background: url(../images/pinpai_bg.jpg) no-repeat center top;padding-top: 90px;padding-bottom: 90px;}
.pinpai_title .list_name{background: 0;width: 245px;background: #fff;padding: 0;;text-align: center;padding-top: 30px;height: 100px;float: left;}
.pinpai_title .list_name_cn:before{left:41px}
.pinpai_title{height: 130px;border-right: 2px #1f2c5c solid;background: #ffffffd9;;}
.pinpai_summary {
  padding: 80px;
  width: 910px;
  float: left;
  font-size: 16px;
  line-height: 1.8em;
  padding-top: 20px;
}
.diamond-container {
}
.diamond-row {
  text-align: center; /* 使菱形在行中居中 */
}
.diamond-row.offset {
  margin-left: -45px;
  margin-top: -50px;
}
.diamond-row.offset .diamond:first-child {
  margin-left: 50px; /* 为第二排和第四排的第一个菱形设置左边距 */
}
.diamond {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 5px;
  transition: transform 1s ease-in-out;
  transform-style: preserve-3d;
  cursor: pointer;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); /* 为菱形图像添加阴影 */
}
.diamond:hover {
  transform: rotateY(360deg);
}
.back_tz{clear: both; float: right;color: #000;margin-top: 20px;}
.back_tz img{vertical-align: bottom;margin-left: 5px;}


/* 集团概况 */
.jtgk_video{background: url(../images/jtgk_video1.png) no-repeat  center top;height:800px; margin-top: 50px;;}
.jtgk_video_column {background: url(../images/jtgk_column.png) no-repeat  center top;width: 169px;height: 218px;position:absolute;left: -17px;top: 45px;z-index: 9;padding-top: 120px;padding-left: 50px;}
.jtgk_video_column div{color: #fff;}
.jtgk_video .wrap{position: relative;}
.jtgk_video video{width: 1133px;position: absolute;height: 580px;right: 40px;top: 56px;background: #000; cursor: pointer;}

.jtgk_video .list_name_cn:before{content: url("../images/dot_name2.png");}
#video-container {
    position: relative;
}

#play-button {
    position: absolute;
    top: 286px;
    left: 671px;
    background-image: url('../images/play.png'); /* 替换为您的PNG图片路径 */
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 99px; /* 按钮宽度，根据图片大小调整 */
    height: 99px; /* 按钮高度，根据图片大小调整 */
}

#play-button {
    animation: blinkAnimation 1.5s infinite, scaleAnimation 1.5s infinite;
}
.list_jituansummary{ display: flex; position: relative;margin-bottom: 100px;}
.list_jituansummary_text{
    width: 60%;
    height:1080px;}
.list_jituansummary_textmain{width: 830px;float: right;margin-right: 50px;;margin: 50px;}
.list_jituansummary_img{    border-radius: 550px 0 0 550px;;    width: 750px;    height: 550px;	width: 40%;}
.list_jituansummary_textmain h2{font-size: 50px;border-left:15px #d70001 solid;color:#d70001;padding-left: 25px;margin-top: 100px;margin-bottom: 50px;}
.list_jituansummary_textmain_box p{line-height: 2em;font-size: 20px;text-indent: 2em;color: #4e4e4e;}
.list_jituansummary::before{content: "";position: absolute;width: 80%;height: 100%;background: url('../images/bg_about.png') no-repeat right/100% 100%;left: 0;top: 0;z-index: -1;}
.list_jituansummary::after{content: "";position: absolute;width: 35%;height:550px;background: url('../images/licheng.jpg') no-repeat left/cover;right:0;top: 100px;    border-radius: 300px 0 0 300px;}


.list_jituansummary::after {
    transition: all 0.5s ease;
    transform: translateX(100%); opacity: 0;
}

.list_jituansummary::before {
   transition: all 0.5s ease;
   transform: translateX(-100%); opacity: 0;
}

.animate-in::before {
    transform: translateX(0);
    opacity: 1;
    transition: all 2s ease;
}

.animate-in::after {
   transform: translateX(0);
   opacity: 1;
   transition: all 1.5s ease;
}









/* 产业布局 */
#banner {
margin: 100px auto 0;
width: 1320px;
height: 1000px;
}

.swiper-slide {
width: 725px;
height: 530px;
}

.swiper-slide img {
width: 100%;
height: 100%;
}

.banner_page {
margin: 20px auto;
left: 0;
right: 0;
}

.banner_page span {
margin: 0 10px;
}

h2 {

}

.swiper-pagination-bullet-active {
width: 16px;
border-radius: 8px;
}

.nav-item.active {
color: red;
/* 激活状态的样式 */;
}

.swiper-slide-prev, .swiper-slide {
filter: blur(5px);
/* 应用模糊效果，5px是模糊半径，可以根据需要调整 */;
}

.swiper-slide-active {
filter: blur(0);
/* 应用模糊效果，5px是模糊半径，可以根据需要调整 */;
}

.swiper-slide {
-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), transparent 50%);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.swiper-button-prev {
background-image: url(./images/l.png);
width: 48px;
height: 48px;
background-size: 100% 100%;
top: 300px;
left: 200px;
}

.swiper-button-next {
background-image: url(./images/r.png);
right: 200px;
left: auto;
width: 48px;
height: 48px;
background-size: 100% 100%;
top: 300px;
}

.swiper-nav {
height: 50px;
line-height: 50px;
}

.swiper-nav .nav-item {
background: #b5b5b5;
border-radius: 20px;
padding: 5px 10px;
color: #fff;
cursor: pointer;
}

.swiper-nav .nav-item.active {
background: #fd2231;
border-radius: 20px;
color: #fff;
}




/*新闻中心5-图海精选*/
.list_content_svg{background: url(../images/bg_news5.jpg) no-repeat center top; height:700px}
.list_content_svg .list_name{background: 0;height:auto}
.list_content_svg .pagination{margin-top: 30px;}
 .container {
            position: relative;
            width: 100%;
            height: 380px;
            
			overflow: hidden;;padding-top: 110px;
        }

        .content {
            width: 340vw;
            height: 95%;
            list-style: none;
            display: flex;
            justify-content: space-between;
            gap: 10px;
            transition: transform 0.5s ease-in-out;
        }

        .parallelograms,
        .trapezoid {
            height: 100%;
            transition: transform 0.5s ease-in-out, clip-path 0.5s ease-in-out, margin 0.5s ease-in-out, height 0.5s ease-in-out;
            border-radius: 20px;
        }

        .parallelograms {
            width: 20%;
            transform: skewX(-5deg);
            border-radius: 30px;
            padding: 1px;
        }

        .parallelograms img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }

        .trapezoid {
            height: 100%;
            background: url(../images/sz.png) no-repeat;
            background-size: 100% 100%;
            background-position: center;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
			margin-top: -50px!important;
        }

        .trapezoid img {
            height: 81.5%;
            height: 85%;
            position: absolute;
            top: 2.6%;
            left: 2.05%;
            width: 96%;
            clip-path: polygon(9.2% 0, 90.9% 0, 100% 100%, 0% 100%);
        }

        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            background-color: transparent;
            border: none;
            cursor: pointer;
            color: #333;
        }

        .left-arrow {
            color: white;
            left: 10px;
        }

        .right-arrow {
            right: 10px;
            color: white;
        }

.parallelograms::before{content: attr(data-title);background: url(../images/news_nav.jpg) no-repeat;width: 323px;height:39px;line-height:39px;text-align:center;position: absolute;top: -60px;left: 58px;background-size: 100% 100%;    left: 50%; /* 设置左边距为 50% */
    transform: translateX(-50%);color: #fff;font-size: 16px;font-weight: bold;}