.case{width:100%;background:#f7f7f7}
.case .box{max-width:1600px;margin:auto;}
.case .box .case-list{width:100%;display:table;padding:40px 0 80px}
.case .box .case-list li{width:32.5%;height:550px;float:left;background:#fff;margin-right:1.25%;margin-bottom:20px;transition:all ease .5s}
.case .box .case-list li:nth-child(3n){margin-right:0}
.case .box .case-list li a{width:100%;display:block}
.case .box .case-list li .img{width:100%;overflow:hidden;position:relative}
.case .box .case-list li .img:before{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../icon/icon37.png) center center no-repeat;content:"";z-index:3;opacity:0;transition:all ease .5s}
.case .box .case-list li .img:after{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../icon/icon40.png) center center no-repeat;content:"";z-index:2;opacity:0;transition:all ease .5s}
.case .box .case-list li .img img{width:100%;transition:all ease .5s}
.case .box .case-list li .tbox{width:100%;padding:30px}
.case .box .case-list li .tbox .t1{font-size:22px;line-height:24px;color:#222;margin-bottom:24px;transition:all ease .5s}
.case .box .case-list li .tbox .t2{font-size:14px;line-height:24px;color:#666;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.case .box .case-list li .tbox .t3{font-size:14px;line-height:24px;color:#999;background:url(../icon/icon38.png) 68px center no-repeat;transition:all ease .5s}
.case .box .case-list li:hover{box-shadow:0 0 25px 0 rgba(0,0,0,.15)}
.case .box .case-list li:hover .img:before{opacity:1}
.case .box .case-list li:hover .img:after{opacity:1}
.case .box .case-list li:hover .img img{transform:scale(1.1)}
.case .box .case-list li:hover .tbox .t1{color:#21abd7}
.case .box .case-list li:hover .tbox .t3{color:#222;background:url(../icon/icon39.png) 68px center no-repeat}
.case-info{max-width:1680px;margin:0 auto 80px;background:#fff;position:relative;z-index:2;padding:44px 30px 42px;width:100%}
.case-info .leftbox{width:63%;float:left}
.case-info .leftbox .txt{font-size:14px;line-height:24px;color:#222}
.case-info .leftbox .other-solution{width:100%;border-top:1px solid #f1f1f1;margin-top:54px;padding-top:37px}
.case-info .leftbox .other-solution .t1{font-size:18px;line-height:24px;color:#c3c3c3}
.case-info .leftbox .other-solution .list{width:100%;display:table;margin-top:12px}
.case-info .leftbox .other-solution .list li{width:33.3%;float:left;padding-left:15px;position:relative}
.case-info .leftbox .other-solution .list li:after{content:"";width:4px;height:4px;background:#999;position:absolute;left:0;top:21px}
.case-info .leftbox .other-solution .list li a{width:100%;display:block;font-size:16px;line-height:46px;transition:all ease .5s}
.case-info .leftbox .other-solution .list li:hover a{color:#21abd7}
.case-info .leftbox .other-case{margin-top:46px;border-top:1px solid #f1f1f1}
.case-info .leftbox .other-case .t1{font-size:18px;line-height:30px;color:#999;margin-top:33px}
.case-info .leftbox .other-case .list{width:100%;display:table;margin-top:24px}
.case-info .leftbox .other-case .list li{float:left;width:31.7%;margin-right:2.45%}
.case-info .leftbox .other-case .list li:nth-child(3n){margin-right:0}
.case-info .leftbox .other-case .list li a{width:100%;display:block}
.case-info .leftbox .other-case .list li .img{width:100%;overflow:hidden}
.case-info .leftbox .other-case .list li .img img{width:100%;transition:all ease .5s}
.case-info .leftbox .other-case .list li:hover .img img{transform:scale(1.1)}
.case-info .leftbox .other-case .list li .t2{font-size:14px;line-height:30px;color:#222;padding-left:10px;margin-top:12px;transition:all ease .5s}
.case-info .leftbox .other-case .list li:hover .t2{color:#21abd7}
.case-info .rightbox{width:29%;float:right}
.case-info .rightbox .img{width:100%}
.case-info .rightbox .about-news{width:100%;padding-left:30px;margin-top:56px;border-left:1px solid #f1f1f1}
.case-info .rightbox .about-news .t1{font-size:18px;line-height:24px;color:#c3c3c3}
.case-info .rightbox .about-news .list{width:100%;margin-top:7px}
.case-info .rightbox .about-news .list li{border-bottom:1px dashed #ccc;padding-bottom:25px;margin-bottom:14px}
.case-info .rightbox .about-news .list li:last-child{border-bottom:none}
.case-info .rightbox .about-news .list li a{width:100%;display:block}
.case-info .rightbox .about-news .list li .t2{font-size:16px;line-height:50px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all ease .5s}
.case-info .rightbox .about-news .list li:hover .t2{color:#21abd7}
.case-info .rightbox .about-news .list li .t3{font-size:14px;line-height:24px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.case-info .rightbox .about-news .list li .t4{font-size:14px;line-height:24px;color:#999}
@media screen and (max-width:1660px){
	.case .box .case-list li{height:488px}
}
@media screen and (max-width:1200px){
	.case .box .case-list li{height:400px}
	.case .box .case-list li .tbox{padding:30px 20px}
	.case-info .leftbox{width:70%}
	.case-info .leftbox .other-solution .list li a{font-size:14px}
}
@media screen and (max-width:900px){		
	.case .box .case-list{padding:30px 0}
	.case .box .case-list li{width:48%;margin-right:4%}
	.case .box .case-list li:nth-child(3n){margin-right:4%}
	.case .box .case-list li:nth-child(2n){margin-right:0}
	.case .box .case-list li .tbox .t1{margin-bottom:10px}
	.case .box .case-list li .tbox .t2{margin-bottom:15px}
	.ny-banner .boxs.n2 .box{padding-bottom:50px}
	.ny-banner .boxs.n2 .box .t1{font-size:24px}
	.ny-banner .boxs.n2 .box .t2{padding:10px 0}
	.case-info .leftbox{width:100%}
	.case-info .rightbox{display:none}
}
@media screen and (max-width:767px){
	.case .box .case-list li{width:100%;height:auto;margin-right:0}
	.case .box .case-list li:nth-child(3n){margin-right:0}
	.ny-banner .boxs.n2 .box .t2{margin-top:0;line-height:20px}
	.case-info {margin: 0 auto 20px;padding: 20px 0;}
	.case-info .leftbox .txt {padding: 0 2%;}
	.case-info .leftbox .other-solution{margin-top:25px;padding-top:25px}
	.case-info .leftbox .other-solution .t1{font-size:16px}
	.case-info .leftbox .other-solution .list li{width:50%}
	.case-info .leftbox .other-solution .list li:after{top:15px}
	.case-info .leftbox .other-solution .list li a{font-size:12px;line-height:30px}
	.case-info .leftbox .other-case{margin-top:25px}
	.case-info .leftbox .other-case .t1{font-size:16px;margin-top:20px}
	.case-info .leftbox .other-case .list{margin-top:15px}
	.case-info .leftbox .other-case .list li{width:100%;margin-right:0}
	.case .box{}
	.case .box .case-list{padding:30px 0}
	.case .box .case-list li .tbox{padding:20px 15px}
	.case .box .case-list li .tbox .t1{font-size:20px}
	
}