#case{ width:100%; position:relative;  float:left; padding-top:1.8%; padding-bottom:2%;}
#case ul{ list-style-type:none; width:100%; float:left; }
#case ul li{
	width:49.2%;
	overflow:hidden;
	position:relative; display:block; cursor:pointer;
;
}
#case ul li .bt{width:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0px; line-height:45px; font-size:20px; text-align:center;  bottom:0px; color:#fff; z-index:1;transition:all 0.4s ease-in-out 0s;}
#case ul li .nrc{ width:100%; background-color:rgba(0,0,0,0.5);position:absolute; left:0px;  height:100%;z-index:2; overflow:hidden; bottom:-120%;transition:all 0.4s ease-in-out 0s;}
#case ul li .nrc .nr{ width:92%; padding:4%;}
#case ul li .nrc .nr .lmc{ font-size:20px; font-weight:600; line-height:2.2; color:#fff; border-bottom:#ddd solid 1px; text-align:center;}
#case ul li .nrc .js{ margin-top:2%; color:#fff; line-height:25px; height:50px; display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical; text-align:left;}
#case ul li img{ width:100%; display:block;transition:all 0.4s ease-in-out 0s; min-height:100%;}
#case ul li.c1{ float:left; height:54vh;}
#case ul li.c2,#case ul li.c3{ float:right; height:26vh;}
#case ul li.c2 .nr,#case ul li.c3 .nr{ height:90%}
#case ul li.c3{ margin-top:2vh;}
#case ul li:hover .nrc{ bottom:0px;}
#case ul li:hover .bt{ bottom:-120%;}
#body{width:100%;margin-left:auto;margin-right:auto;min-width:320px;max-width:900px;}
#case UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#alzs{ width:100%; position:fixed; z-index:2000;top:-100%; height:100%;  background-color:rgba(0,0,0,0.5); max-height:100%; text-align:center;overflow-y:scroll;
	overflow-x:hidden;}
#allista{width:80%; padding:5% 10%;  float:left; margin-top:1%;  position:relative;}	
#allist{ width:92%; padding:4%;  float:left;  background-color:#fff }
#alzs .gbf{ width:28px; cursor:pointer; height:28px;
	position:absolute;
	top:6%;
	right:1%;
	background-image: url(gb.png);
	background-repeat: no-repeat;
	background-position:left center; z-index:10;
}

#allist LI{width:100%; float:left;list-style-type:none; display:block; overflow:hidden; margin:0px; padding:0px;}
#allist LI .tpd{ width:100%; float:left;  overflow:hidden;}
#allist LI .tpd img{ max-width:100%; height:400px; margin-left:auto; margin-right:auto;display:block;transition:all 0.6s ease-in-out 0s;}
#allist LI .nrc{ width:100%; float:left; margin-top:12px; color:#fff; text-align:left;}
#allist LI .nrc .bt{ font-size:16px; font-weight:600; color:#111; overflow:hidden;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#allist LI .nrc .zs{ width:100%; float:left; margin-top:10px;}
#allist LI .nrc .zs h2{ font-size:14px; color:#000000; line-height:2.2; background-color:#f5f5f5; margin-bottom:12px;}
#allist LI .nrc .zs img{ max-width:100%;}
#allist LI .nrc .zs p{  line-height:25px; color:#666;}
#allist LI .nrc .zs .jsf{max-height:150px; text-align:left;overflow-y:scroll;overflow-x:hidden;}#allist LI ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5
}
#allist LI .nrc .zs table{width:100%; table-layout:fixed;}#nr table td{word-wrap:break-word;word-break:break-all;}
#allist .owl-controls .owl-nav{transition:all 0.3s ease-in-out 0s;}
#allist:hover .owl-controls .owl-nav{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1}
#allist .owl-controls .owl-nav .owl-next,#allist .owl-controls .owl-nav .owl-prev{ position:absolute;  width:10%; top:32%; height:100px;  background:none; line-height:0px; font-size:0px;background-size:50% ;}
#allist .owl-controls .owl-nav .owl-next{ 

	right:-10%;
	background-image: url(right1.png);
	background-repeat: no-repeat;
	background-position:right  center;
}
#allist .owl-controls .owl-nav .owl-prev{
	left:-10%;
	background-image: url(left1.png);
	background-repeat: no-repeat;
	background-position:left center;
}
@media only screen and (max-width: 1000px){#case ul li .nrc .nr .lmc{ font-size:18px; line-height:30px;}#case ul li .bt{ font-size:16px; font-weight:bold;}#allista{ margin-top:2%;}#allist LI .tpd img{ height:350px;}#allist LI .nrc .zs .jsf{ max-height:100px;}}
@media only screen and (max-width: 800px){#case ul li{ width:100%;}#case ul li.c1{ height:50vh;}#case ul li.c2,#case ul li.c3{ float:left; height:30vh; margin-top:2vh;}#case ul li .bt{ line-height:35px; font-size:14px;}#case ul li .nrc .nr .lmc{ font-size:14px;}#allist LI .nrc .bt{ font-size:14px;}#allist LI .tpd img{ height:300px;}#allista{ margin-top:4%;}}
@media only screen and (max-width: 700px){#allist LI .tpd img{ height:250px;}}
@media only screen and (max-width: 600px){#allist LI .tpd img{ height:200px;}}
@media only screen and (max-width: 450px){#allist LI .tpd img{ height:160px;}#allist LI .nrc .zs .jsf{max-height:150px;}}