.ab-wrap3{position: relative;padding-bottom: 150px;}
.ab-wrap3 .xx{width: 78.125%;margin: 0;}
.ab-wrap3 .xx .img{display: block;max-width: 100%;height: auto;}
.ab-wrap3 .r{padding-top: 220px;padding-left: 66px;}
.ab-wrap3 .r .p{display: flex;justify-content: center;align-items: center; width: 66px;height: 66px;box-sizing: border-box;border: 1px solid #26aca4;border-radius: 100%;outline: none;cursor: pointer;}
.ab-wrap3 .r .p img{transition: all .5s;}
.ab-wrap3 .r .prev:hover img{margin-right: 10px;}
.ab-wrap3 .r .prev img{transform: rotate(180deg);}
.ab-wrap3 .r .next{margin-top: 34px;}
.ab-wrap3 .r .next:hover img{margin-left: 10px;}
.ab-wrap3 .jl{position: absolute;right: 100px;bottom: 6px;--fill-color: #00a2e9;width: 757px;height: 200px;
-webkit-text-stroke: 1px var(--fill-color); background: linear-gradient(var(--fill-color) 0 100%) left/0 no-repeat;color: transparent;
-webkit-background-clip:text;transition: 0.5s linear;font-size: 342px;line-height: 254px;z-index: 9;cursor: pointer;}
.ab-wrap3 .jl:hover {background-size: 100%;}
/*.ab-wrap3 .jl{position: absolute;right: 200px;bottom: 106px;width: 757px;height: 255px; background:url("/static/img/jiuli.png") no-repeat center;}
.ab-wrap3 .jl:hover img{filter:drop-shadow( 16px 0 0px red);}*/
.ab-wrap3 .jl img{position: absolute;right: 0;top: 0; transition: all 1s;}
.ab-wrap3 .jl .img2{opacity: 0;}
.ab-wrap3 .jl:hover .img1{opacity: 0;}
.ab-wrap3 .jl:hover .img2{opacity: 1;}
.sk{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #26aca4;z-index: -1;}
.left,.right { display:inline; }
.left { float:left; }
.right { float:right; }
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }

@media (max-width: 1440px) {
	.ab-wrap3 .r{padding-left: 100px;}
}
@media (max-width: 1200px) {
	.ab-wrap3 .r {padding-top: 130px;}
}
@media (max-width: 940px){
	.ab-wrap3 .xx{width: 100%;}
	.ab-wrap3 .r{position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px; padding: 0;display: flex;}
	.ab-wrap3 .r .p{margin-right: 50px;}
	.ab-wrap3 .r .next{margin-top: 0;margin-right: 0;}
	.ab-wrap3 .jl{display: none;}
	
}
@media (max-width: 768px) {
	.ab-wrap3{padding-bottom: 120px;}
	.ab-wrap3 .r .p{ width: 40px;height: 40px; }
}