<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">







.scroll-img {overflow:hidden;clear:both;width:1280px;margin:32px 0px 0px 0px;height:340px;}
/*.scroll-img ul {width:1360px;height:340px;margin: 0;}*/
.scroll-img ul li {float:left;width:300px;height:340px;margin:0px 26px 0px 0px;position: relative;cursor:pointer;}
#demo5.scroll-img ul {
	width: 2800px;
}
.pro_img2{display:block;width:300px;height:300px;}
.pro_img2 a{display:block;width:298px;height:298px;border:#d2d2d2 solid 1px;overflow:hidden;}
.pro_img2 a img{width:298px;height:298px;transition:all 400ms ease-in-out;}
.pro_bg2{background:rgb(0,0,0,0.8);opacity:0;position:absolute;top:1px;left:1px;transition:all 400ms ease-in-out;width:298px;height:298px;}
.pro_bg2 span{background:url(../images/pro_icon1.png) no-repeat center center;width:298px;height:298px;display:block;}
.pro_text2{text-align:center;color:#333;font-size:16px;line-height:16px;padding:10px;}
.scroll-img ul li:hover .pro_img2 a{border:#ed0561 solid 1px;}
.scroll-img ul li:hover .pro_img2 a img{transform:scale(1.2,1.2);}
.scroll-img ul li:hover .pro_bg2{opacity:1;}
.scroll-img ul li:hover .pro_text2 a{color:#ed0561;}



#demo5-btn {
	position:absolute;
	width: 300px;
	top:5px;
	right:0px;
	text-align:right;
}
.btn1{height:20px;width:20px;background:#fff url(../images/pro_arrowleft2.png) no-repeat center center;border:#fff solid 0px;cursor: pointer;margin:0px 10px 0px 0px;outline:none;}
.btn2{height:20px;width:20px;background:#fff url(../images/pro_arrowright2.png) no-repeat center center;border:#fff solid 0px;cursor: pointer;outline:none;}
</pre></body></html>