/*案例五图*/


*{box-sizing: border-box;/*box-sizing:content-box; box-sizing: inherit;*/}
.shili{width:100%; max-width:1920px;/*display: flex; justify-content: center;flex-wrap: wrap; flex-direction:row;*/ }
.shilia{width:49.5%;overflow: hidden;position:relative;/*padding:10px;padding-bottom:0px;*/ margin:0.25%;float:left;}
.shilia img{width: 100%;height: auto;border: 0;}
.shiliab{width:100%;height:116%;padding-top:2%;margin-top:-7%;background-color:rgba(0,0,0,0.6);z-index:10;left:0px;top:100%;
transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;	
	color:#FFF;
	position:absolute;
	overflow:hidden;
	/*font-size:1.125rem;
	font-weight:bold;*/
	padding-left:10%; padding-right:10%}
.shilia:hover .shiliab{-webkit-transform:translate(0px,-85%);-moz-transform:translate(0px,-85%);-o-transform:translate(0px,-85%);transform:translate(0px,-85%);}

.shiliab img{width:20%; height:auto;}
.shiliaba{width:80%;height:30%; padding-top:15%;}



.shilib{width:50%; float:left; }
.shiliba{width:49%;overflow: hidden;position:relative;margin:0.5%;/*margin-top:0.55%; */margin-bottom:0.1%; float:left;}
.shiliba img{width:100%;height: auto;border: 0;}
.shilibb{width:100%;height:125%;padding-top:2%;margin-top:-10%;background-color:rgba(0,0,0,0.6);z-index:10;left:0px;top:100%;
transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;	
	color:#FFF;
	position:absolute;
	overflow:hidden;
	font-size:1.125rem;
	font-weight:bold;
	padding-left:10%; padding-right:10%}
.shiliba:hover .shilibb{-webkit-transform:translate(0px,-82%);-moz-transform:translate(0px,-82%);-o-transform:translate(0px,-82%);transform:translate(0px,-82%);}
.shilibb img{width:30%; height:auto;}


.shilibba{width:80%;height:30%; padding-top:12%;}



/*内详情六张图*/


.bshili6{width:1350px; height:500px;margin-right:auto; margin-left:auto;margin-top:70px;}
.bshili6box{width:420px; height:230px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;overflow: hidden;position:relative;text-indent: 1px;}
.bshili6boxa{width:420px; height:230px;}
.bshili6boxa img{width:420px; height:230px;}
.bshili6boxa a:link{color: #fff;}
.bshili6boxa a:visited{color: #fff;}
.bshili6boxc{width:420px;height:60px;margin-top:-60px;background-color:rgba(0,0,0,0.6);position:absolute;color:#FFF; line-height:60px;z-index:5; padding-left:20px; padding-right:20px;}
.bshili6boxb{
	width:420px;
	height:130px;
	padding-top:15px;
	padding-left:20px; padding-right:20px;
	margin-top:0;
	background-color:rgba(234,234,234,0.8);
	z-index:10;
	left:420px;
	top:100px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	position:absolute;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;color:#000;
}
.bshili6boxb a:link{color: #000;}
.bshili6boxb a:visited{color: #000;}
.bshili6box:link .bshili6boxc{color: #fff;}
.bshili6box:hover .bshili6boxb{-webkit-transform:translateX(-420px);-moz-transform:translateX(-420px);-o-transform:translateX(-420px);transform:translateX(-420px); }
.bshili6box:hover .bshili6boxc{display:none;}

.bshili6boxc a:link{color: #fff;}
.bshili6boxc a:visited{color: #fff;}

/*首页八张图张图*/


.shili6{width:100%; max-width:1920px;margin-right:auto; margin-left:auto;margin-top:70px;box-sizing: border-box;}
.shili6box{width:24%;overflow: hidden;position:relative;margin:0.5%;margin-bottom:0.5%; float:left;}
.shili6boxa{width:100%;}
.shili6boxa img{width:100%;height: auto;border: 0;}
.shili6boxc{width:100%;/* height:20%; */margin-top:-13%;background-color:rgba(0,0,0,0.6);position:absolute;color:#FFF; /*line-height:100%;*/z-index:5; padding-top:5%; padding-left:20px; padding-right:20px;}
.shili6boxb{
	width:100%;
	height:50%;
	padding-top:6.5%;
	padding-left:4.7%; padding-right:4.7%;
	margin-top:0;
	background-color:rgba(234,234,234,0.8);
	z-index:10;
	left:100%;
	top:50%;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	position:absolute;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;color:#000;
}

.shili6box:hover .shili6boxb{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%); }
.shili6box:hover .shili6boxc{display:none;}