* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/*html { overflow-x: hidden; }*/

body{line-height:1.5!important;}

.overflow{overflow: hidden;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}
.flex_column_between{display: flex;flex-direction: column;justify-content: space-between;}

.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.csr img{max-width: 100%}



.csr{width: 100%;position: relative;padding:110px 0 170px}
.csr:after{content:'';display: block;background:#f1f1f1;position: absolute;left: 0;top:0;width: 100%;height: 280px}
.csr_main{width: 1440px;margin:0 auto;position: relative;z-index: 1;max-width: 90%}
.csr_left{width: 550px}
.csr_right{width: calc(100% - 618px);padding-top: 40px;}
.csr_info .tit{font-size: 34px;color: #222222;font-weight: bold;margin-bottom:5px;}
.csr_info span{font-size: 18px;color: #666666}
.csr_info{margin-bottom:85px;}

.csr{padding-bottom:160px;}
.csr .list1 .item .time{color: #222222;font-size: 30px;padding-left: 30px;position: relative;}
.csr .list1 .item .time:after{content: '';display: block;width:15px;height:15px;background:url('../img/dot.png') no-repeat center left;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.csr .list1 .item .con{font-size: 16px;color:#454545;line-height: 2;margin-top:15px;}
.csr .list1 .item .con p{font-size: 16px;line-height: 2;}
.csr .list1 .item{margin-bottom: 40px}

.csr .list1{padding-bottom: 66px;position: relative;}
.csr .list1 .swiper-button-next,.csr .list1 .swiper-button-prev{width: 44px;height:44px;}
.csr .list1 .swiper-button-prev{background: #007ddd url('../img/l.png') no-repeat center;left: 0;top:auto;margin-top:0;bottom:0;}
.csr .list1 .swiper-button-next{background: #007ddd url('../img/r.png') no-repeat center;left: 64px;top:auto;margin-top:0;bottom:0;}

.csr_bot{margin-top:90px;position: relative;position: relative;}
.csr_bot .line{width: 100%;border-bottom: 2px dashed #999999;position: absolute;top:65px;left:0;}
.csr_bot .swiper-slide{text-align: center;padding:65px 0 60px;position: relative;cursor:pointer;}
.csr_bot .swiper-slide .tit{font-size: 18px;color: #999999;position: absolute;left:0;top:85px;width:100%;transition: .6s;-webkit-transition: .6s;}
.csr_bot .swiper-slide:after{content:'';display: block;width: 10px;height:10px;background:#999999;border-radius: 50%;position: absolute;top:60px;left: 50%;transform: translateX(-50%);}
.csr_bot .swiper-slide:before{content:'';display: block;width: 17px;height:10px;background:url('../img/jt.png') no-repeat center;position: absolute;bottom:0px;left: 50%;transform: translateX(-50%);opacity: 0;transition: .6s;-webkit-transition: .6s;visibility: hidden;}
.csr_bot .swiper-slide.swiper-slide-thumb-active .tit{font-size: 30px;color: #222222;top:0;}
.csr_bot .swiper-slide.swiper-slide-thumb-active:before{opacity: 1;bottom:10px;visibility: visible;}

/* 容器基础样式 */
.csr .list1 .box {
    height: 330px;
    padding-right: 15px;
    overflow-y: auto;  /* 必须！开启垂直滚动 */
    
    /* Firefox 滚动条样式（宽度和颜色） */
    scrollbar-width: thin;
    scrollbar-color: #007ddd #f1f1f1;
}

/* WebKit 浏览器滚动条样式（Chrome, Edge, Safari） */
.csr .list1 .box::-webkit-scrollbar {
    width: 8px;  /* 滚动条宽度 */
}

.csr .list1 .box::-webkit-scrollbar-track {
    background: #f1f1f1;  /* 轨道颜色 */
    border-radius: 4px;
}

.csr .list1 .box::-webkit-scrollbar-thumb {
    background: #007ddd;  /* 滑块颜色 */
    border-radius: 4px;
}

.csr .list1 .box::-webkit-scrollbar-thumb:hover {
    background: #005fa3;  /* 滑块悬停颜色 */
}

@media (max-width:1500px) {
	.csr{padding:1.1rem 0 1.7rem}
	.csr:after{height:2.8rem}
	.csr_main{width: 90%;}
	.csr_left{width: 38%}
	.csr_right{width:58%;padding-top: 0.2rem;}
	.csr_info{margin-bottom:0.85rem;}
	.csr{padding-bottom:1.6rem;}
	.csr .list1 .box{height:300px;}
	.csr .list1 .item .time{font-size: 25px;}
	.csr .list1 .item .con{font-size: 15px;margin-top:10px;}
	.csr .list1 .item .con p{font-size: 15px;line-height: 2;}
	.csr .list1 .item{margin-bottom:30px}
	.csr_bot{margin-top:0.9rem;}

}

@media (max-width:1300px) {
	.csr .list1 .box{height:280px;}
	.csr .list1 .item{margin-bottom:20px}
	.csr .list1 .item .con{margin-top:5px;font-size: 14px;}
	.csr .list1 .item .con p{font-size: 14px;line-height: 1.8;}
}

@media (max-width:1000px) {
	.csr_info .tit{font-size: 25px;margin-bottom: 0px;}
	.csr_info span{font-size: 16px;}
	.csr_info{margin-bottom: 0.6rem}
	.csr .list1 .box{height:150px;}
	.csr .list1 .swiper-button-next,.csr .list1 .swiper-button-prev{width: 35px;height:35px;}
	.csr .list1 .swiper-button-prev{background: #007ddd url('../img/l.png') no-repeat center;left: 0;background-size:10px;}
	.csr .list1 .swiper-button-next{background: #007ddd url('../img/r.png') no-repeat center;left: 50px;background-size:10px;}

	.csr_bot{margin-top:40px;}
	.csr::after{height:160px;}
	.csr{padding:60px 0;}
	.csr_info{margin-bottom:30px;}
	.csr .list1{padding-bottom: 50px}
	.csr_bot .swiper-slide.swiper-slide-thumb-active .tit{font-size: 25px}
}

@media (max-width:750px) {
	.csr{padding:0.8rem 0;}
	.csr_main{width: calc(100% - 0.4rem*2);max-width:calc(100% - 0.4rem*2);}
	.csr_top{display: block;}
	.csr_left{width: 70%;margin:0 auto;}
	.csr_right{width: 100%}
	.csr_info{text-align: center;margin-bottom:0.3rem;}
	.csr_info .tit{font-size: 0.4rem;}
	.csr_info span{font-size: 0.28rem;}
	.csr .list1 .item .time{font-size: 0.4rem;padding-left:0.4rem;}
	.csr .list1 .item .time:after{width:0.2rem;height:0.2rem;background:url('../img/dot.png') no-repeat center left;background-size: 100%}
	.csr .list1 .item .con{font-size: 0.28rem;margin-top:0.05rem;line-height: 1.8;}
	.csr .list1 .item .con{font-size: 0.28rem;line-height: 1.8;}
	.csr .list1 .box{height:3.3rem;}
	.csr .list1 .item{margin-bottom:0.2rem;}
	.csr_bot{margin-top:0.4rem;}
	.csr_bot .swiper-slide.swiper-slide-thumb-active .tit{font-size: 0.42rem;}
	.csr_bot .swiper-slide .tit{font-size: 0.3rem;}


	.csr_bot .line{top:1rem;}
	.csr_bot .swiper-slide{text-align: center;padding:1rem 0 0.85rem;}
	.csr_bot .swiper-slide .tit{top:1.3rem;width:100%;}
	.csr_bot .swiper-slide:after{width: 0.14rem;height:0.14rem;top:0.95rem;}
	.csr_bot .swiper-slide:before{width: 0.25rem;height:0.15rem;background:url('../img/jt.png') no-repeat center;background-size: 100%}
	.csr_bot .swiper-slide.swiper-slide-thumb-active:before{opacity: 1;bottom:0.1rem;visibility: visible;}

}