.ul-proc1{margin:0 -28px;overflow:hidden;position:relative}
.ul-proc1>li{float:left;width:45%;padding:0 28px}
.ul-proc1 .l2{width:20.8%}
.ul-proc1 img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}

.slickc1{position:relative;overflow:hidden;height: 310px;}
.slickc1::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.slickc1 .slick-dots{position:absolute;bottom:50px;left:0;right:0;z-index:3;text-align:center;font-size:0}
.slickc1 .slick-dots li{display:inline-block;vertical-align:middle;margin:0 5px;width:20px;height:20px;border-radius:50%;border:1px solid #fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer}
.slickc1 .slick-dots .slick-active{background-color:#fff}
.slickc1 .slick-dots button{display:none}
.slickc1:hover img{opacity:.7}
.ul-proc1 .pic{height:326px;overflow:hidden}
.ul-proc1 .pic img{display: block;}
.ul-proc1 .pic .img2,.ul-proc1 .pic:hover .img1{display:none}
.ul-proc1 .pic:hover .img2{display:block}
.ul-proc1 .more{display: block;position: relative;}
.ul-proc1 .more::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.ul-proc1 .txt{font-size:22px;color:#878787;font-family:jiangchengyuanti300W;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:25px 0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-proc1 .con:hover .txt{color:#000}
.ul-proc1 .txt2{font-size:20px;line-height:2;color:#878787;padding:45px 0 72px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-proc1 .con:hover .txt2{color:#000}
.ul-proc1 .txt2 .tit{font-size:20px;font-weight:initial;color:#2678c1;line-height:1;margin-bottom:16px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-proc1 .txt2 p{height:80px;min-height:48px;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}

@media only screen and (min-width:1024px) and (max-width:1920px){
	.slickc1{position:relative;overflow:hidden;height: 280px;}
	.ul-proc1{margin:0 -1.458vw;}
	.ul-proc1>li{padding:0 1.458vw}
	.slickc1 .slick-dots{bottom:2.604vw}
	.slickc1 .slick-dots li{margin:0 .26vw;width:1.041vw;height:1.041vw}
	.ul-proc1 .pic{height:16.97vw}
	.ul-proc1 .txt{font-size:1.145vw;padding:0.8vw 0 1.3vw 0;line-height: 20px;}
	.ul-proc1 .txt2{font-size:1.041vw;padding:1.343vw 0 0.35vw;}
	.ul-proc1 .txt2 .tit{font-size:1.041vw;margin-bottom:.833vw}
	.ul-proc1 .txt2 p{height:4.166vw}
}

@media only screen and (max-width:1024px){
	.slickc1{position:relative;overflow:hidden;height: 250px;}
	.ul-proc1{margin:0 -8px;}
	.ul-proc1>li{width:100%;padding:0 8px}
	.ul-proc1 .l2{width:45%}
	.slickc1{height:190px}
	.slickc1 img{height:190px;object-fit: cover;}
	.slickc1 .slick-dots{bottom:7.617vw}
	.slickc1 .slick-dots li{width:2.734vw;height:2.734vw;margin:0 .976vw}
	.ul-proc1 .txt{padding:0;height: 40px;line-height: 40px;font-size:14px}
	.ul-proc1 .txt2{padding:1.75vw 0 0vw!important;font-size:2.832vw}
	.ul-proc1 .txt2 .tit{display:none}
	.ul-proc1 .txt2 p{display:block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:auto}
	.ul-proc1 .pic{height:190px}
	.ul-proc1 .pic img{height: 190px;margin: 0 auto;object-fit: cover;}
}

@media only screen and (max-width:414px){
	.ul-proc1 .txt{font-size:14px}
}