.jbbt p {display: inline-block;background: linear-gradient(90deg, #003870 0%, #004DA1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.lishi_title .title{font-size: 46px;font-weight: bold;}
.lishi_title .title p{position: relative;padding: 5px 30px;}
.lishi_title .title p::after{content: '';width: 100%;height: 100%;position: absolute;background: #999;left: 0;top: 0;opacity: 0.1;}
.lishi_title .ftitle{font-size: 20px;padding-top: 28px;width: 75%;margin: auto;}

#box-1{background: url(../img/lishi_box1_bj.png) no-repeat center center;background-size: cover;}
#box-1 .block01,#box-1 .block02{position: relative;}
#box-1 .box1,#box-1 .box2{position: relative;overflow: hidden;}
#box-1 .block01{margin-top: 65px;}
#box-1 .box1{margin: 0 70px;}
#box-1 .box1 li{height: auto;}
#box-1 .box1 li>div,#box-1 .box1 li>div>div{height: 100%;}
#box-1 .box1 li>div{padding: 0 25px;}
#box-1 .box1 li>div>div{align-items: flex-start;}
#box-1 .box1 li .img{width: 46.5%;overflow: hidden;}
#box-1 .box1 li .img img{width: 100%;}
#box-1 .box1 li .content{width: 47%;padding-top: 30px;}
#box-1 .box1 li .content .title p{font-size: 150px;font-weight: bold;line-height: 1.1;}
#box-1 .box1 li .content .title p span{font-size: 30px;}
#box-1 .box1 li .content .desc p{font-size: 18px;color: #444444;position: relative;line-height: 1.7;text-align: justify;}
#box-1 .box1 li .content .desc p::before{content: '';width: 6px;height: 6px;background: #004896;border-radius: 50%;position: absolute;left: -15px;top: 10px;}


#box-1 .swiper-button-prev,#box-1 .swiper-button-next{width: 60px;height: 60px;top: 48%;}
#box-1 .swiper-button-prev{left: 0px;background: url(../img/lishi_box1_btnL.png) no-repeat center center;background-size: contain;}
#box-1 .swiper-button-next{right: 0px;background: url(../img/lishi_box1_btnR.png) no-repeat center center;background-size: contain;}
#box-1 .swiper-button-prev:hover{background: url(../img/lishi_box1_btnL1.png) no-repeat center center;background-size: contain;}
#box-1 .swiper-button-next:hover{background: url(../img/lishi_box1_btnR1.png) no-repeat center center;background-size: contain;}

#box-1 .block02{margin-top: 60px;}
#box-1 .block02::after{content: '';width:100%;height: 1px;top: 42px;left: 0px;background: rgba(0, 0, 0, 0.15);position: absolute;transition: 0.5s;}
#box-1 .block02 .line{width:13.5%;height: 1px;background: linear-gradient(90deg, #003870, #004DA1);position: absolute;top: 42px;left: 0px;transition: 0.5s;}
#box-1 .box2 ul{position: relative;padding-top: 42px;}
#box-1 .box2 li{font-size: 20px;color: #999;text-align: center;position: relative;cursor: pointer;padding-top: 33px;}
#box-1 .box2 li::after{content: '';width: 100%;height: 42px;background: url(../img/lishi_box1_logo.png) no-repeat center center;background-size: contain;position: absolute;top: -42px;left:0%;opacity: 0;transition: 0.5s;}
#box-1 .box2 li.swiper-slide-thumb-active::after{opacity: 1;}

#box-2 .box1{position: relative;margin: 60px -23px 0 -23px;overflow: hidden;}
#box-2 .box1 ul{flex-wrap: wrap;}
#box-2 .box1 li{padding:23px;height: auto;}
#box-2 .box1 li>div{position: relative;}
#box-2 .box1 li .img{overflow: hidden;font-size: 0;}
#box-2 .box1 li .title{position: absolute;bottom: 0;width: 100%;text-align: center;}
#box-2 .box1 li .title p{font-size: 22px;color: #fff;background: linear-gradient(90deg, #003870, #004DA1);padding: 10px 20px;}
#box-2 .swiper-pagination{position: relative;margin-top: 20px;}
#box-2 .swiper-pagination-bullet {width: 15px;height: 15px;margin: 0 12px;border: 1px solid #004DA1;border-radius: 50%;opacity: 1;background: transparent;}
#box-2 .swiper-pagination-bullet-active{background: #004DA1;}

#box-3{padding-top: 0;}
#box-3 .box1{background: url(../img/lishi_box3_bj.png) no-repeat center center;background-size: cover;border-radius: 20px;overflow: hidden;padding: 80px 30px 80px 80px;margin-top: 50px;}
#box-3 .box1 .left{width: 51%;}
#box-3 .box1 .left .img{font-size: 0;}

#box-3 .box1 .right{width: 44%;}
#box-3 .box1 .content{height: 295px;overflow-y: auto;padding-right: 10px;}
#box-3 .box1 .content p{font-size: 18px;color: #fff;padding: 15px 0 15px 18px;position: relative;}
#box-3 .box1 .content p::after{content: '';width: 10px;height: 10px;background: url(../img/lishi_box3_tb.png) no-repeat center center;background-size: contain;position: absolute;top: 23px;left:0;}



@media (min-width:1199px) and (max-width:1500px){
	.lishi_title .title {font-size: 42px;}
	.lishi_title .ftitle {width: 85%;}
	#box-1 .box1 li .content .title p{font-size: 125px;}
	#box-1 .box1 li .content .title p span {font-size: 28px;}
	#box-1 .block02 .line{width:85px;}
}

@media (min-width:767px) and (max-width:1199px){
	.lishi_title .title {font-size: 36px;}
	.lishi_title .ftitle {width: 90%;font-size: 18px;}
	#box-1 .box1 li>div {padding: 0 10px;}
	#box-1 .box1 li>div>div{align-items: center;}
	#box-1 .box1 li .content {padding-top: 0px;}
	#box-1 .box1 li .content .title p{font-size: 80px;}
	#box-1 .box1 li .content .title p span {font-size: 22px;}
	#box-1 .box1 li .content .desc p {font-size: 16px;}
	#box-1 .box1 li .content .desc p::before{top: 11px;}
	#box-1 .swiper-button-prev, #box-1 .swiper-button-next {width: 50px;height: 50px;}
	#box-1 .block02 .line{width:80px;}
	
	#box-2 .box1 {margin: 50px -18px 0 -18px;}
	#box-2 .box1 li {padding: 18px;}
	#box-2 .box1 li .title p{font-size: 18px;padding: 10px 20px;}
	#box-2 .swiper-pagination{margin-top: 25px;}
	#box-2 .swiper-pagination-bullet {width: 13px;height: 13px;margin: 0 8px;}
	
	#box-3 .box1 {border-radius: 20px;padding: 40px 20px 40px 50px;margin-top: 50px;}
	#box-3 .box1 .content {height: 265px;}
	#box-3 .box1 .content p {font-size: 16px;padding: 10px 0 10px 18px;}
	#box-3 .box1 .content p::after {width: 8px;height: 8px;top: 18px;}
}
@media (min-width:767px) and (max-width:850px){
	#box-1 .block02 .line{width:70px;}
}

@media (max-width:767px){
	.lishi_title .title {font-size: 24px;line-height: 1.3;}
	.lishi_title .title p {padding: 10px 15px;}
	.lishi_title .ftitle {width: 100%;font-size: 15px;}
	#box-1 .block01 {margin-top: 40px;}
	#box-1 .box1 {margin: 0 -10px;}
	#box-1 .box1 li>div {padding: 0 10px;}
	#box-1 .box1 li .img,#box-1 .box1 li .content {width: 100%;}
	#box-1 .box1 li .content{padding-top: 20px;}
	#box-1 .box1 li .content .title{text-align: center;}
	#box-1 .box1 li .content .title p{font-size: 58px;line-height: 1.3;}
	#box-1 .box1 li .content .title p span {font-size: 18px;}
	#box-1 .box1 li .content .desc p {font-size: 15px;padding-left: 20px;}
	#box-1 .box1 li .content .desc p::before{top: 10px;left: 5px;}
	#box-1 .swiper-button-prev, #box-1 .swiper-button-next {display: none;}
	#box-1 .block02 {margin-top: 45px;}
	#box-1 .block02 .line{width:65px;}
	#box-1 .box2 li{font-size: 18px;padding-top: 20px;}
	#box-1 .box2 li::after {height: 35px;top: -35px;}
	
	#box-2 .box1 {margin: 30px -18px 0 -18px;}
	#box-2 .box1 li {padding: 15px;}
	#box-2 .box1 li .title p{font-size: 18px;padding: 10px 20px;}
	#box-2 .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 3px;}
	
	#box-3 .box1 .left,#box-3 .box1 .right{width: 100%;}
	#box-3 .box1 {border-radius: 15px;padding:40px 25px;margin-top: 40px;}
	#box-3 .box1 .content {height: 260px;margin-top: 25px;margin-right: -10px;}
	#box-3 .box1 .content p {font-size: 15px;padding: 10px 0 10px 15px;}
	#box-3 .box1 .content p::after {width: 7px;height: 7px;top: 18px;}
	
}


/*滚动条*/
::-webkit-scrollbar{width:2px;background-color:rgba(255, 255, 255, .1);border-radius:5px;}
::-webkit-scrollbar-thumb{width:2px;background-color:#fff;border:1px solid #fff;border-radius:5px;}