


.in02 {
	
}
.in02 [class*=am-u-]+[class*=am-u-]:last-child {
float:left
}
.in02 .pd5 {

}
.in02 .mg5 {

}
.in02 .thumb_mobile_none {
	display:none
}
.in02 .item a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.in02 .item a .txt {
	height:90px;

	line-height:20px;
	background:rgba(0, 0, 0, 0.8);
	color:#fff;
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	z-index:10;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.in02 .item a .txt .title {
	text-align:left
}
.in02 .item a .txt .title b {
	display:block;
	height:25px;
	line-height:25px;
	overflow:hidden
}
.in02 .item a .txt .title p {
	display:block;
	height:25px;
	line-height:25px;
	font-size:12px;
	overflow:hidden
}
.in02 .item a .txt .view {
	text-align:right;
	line-height:20px
}
.in02 .item a .txt i {
	margin-right:10px
}
.in02 .item a .thumb {
	width:100%;
	height:100%;
	overflow:hidden
}
.in02 .item a:hover .txt {
	bottom:0
}
.in02 .item .thumb2 {
	background:#e6e6e6;
	position:relative
}
.in02 .w1h2, .in02 .w2h2, .in02 .w3h2 {
	overflow:hidden
}
.in02 .w2h1 {
	overflow:hidden
}
.in02 .w2h1 img {
	height:100%
}
@media (min-width: 700px) {
.in02 {

position:relative;
z-index:100;
}
.in02 [class*=am-u-]+[class*=am-u-]:last-child {
float:left
}
.in02 .pd5 {

}
.in02 .mg5 {

}
.in02 .thumb_mobile_none {
display:block
}
.in02 .item a {
display:block;
width:100%;
height:100%;
overflow:hidden;
position:relative
}
.in02 .item a .txt {
height:150px;
line-height:25px;
color:#fff;
position:absolute;
left:0;
right:0;
bottom:-150px;
z-index:10;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s; background:url(../images/index_case_bg1.png) center top no-repeat
}
.in02 .item a .txt .title {
text-align:left b;
text-align-display:block;
text-align-height:25px;
text-align-line-height:25px;
text-align-overflow:hidden
}
.in02 .item a .txt .title p {
display:block;
height:25px;
line-height:25px;
font-size:12px;
overflow:hidden
}
.in02 .item a .txt .view {
text-align:right;
line-height:20px
}
.in02 .item a .txt i {
margin-right:10px
}
.in02 .item a .thumb {
width:100%;
height:100%;
overflow:hidden
}
.in02 .item a .thumb img {
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
transition:all .8s
}
.in02 .item a:hover .txt {
bottom:0
}
.in02 .item a:hover .thumb img {
-webkit-transform:scale(1.07, 1.07);
-moz-transform:scale(1.07, 1.07);
-o-transform:scale(1.07, 1.07);
transform:scale(1.07, 1.07)
}
}












.in03 {
	
}
.in03 [class*=am-u-]+[class*=am-u-]:last-child {
float:left
}
.in03 .pd5 {

}
.in03 .mg5 {

}
.in03 .thumb_mobile_none {
	display:none
}
.in03 .item a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.in03 .item a .txt {
	height:90px;

	line-height:20px;
	background:rgba(0, 0, 0, 0.8);
	color:#fff;
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	z-index:10;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.in03 .item a .txt .title {
	text-align:left
}
.in03 .item a .txt .title b {
	display:block;
	height:25px;
	line-height:25px;
	overflow:hidden
}
.in03 .item a .txt .title p {
	display:block;
	height:25px;
	line-height:25px;
	font-size:12px;
	overflow:hidden
}
.in03 .item a .txt .view {
	text-align:right;
	line-height:20px
}
.in03 .item a .txt i {
	margin-right:10px
}
.in03 .item a .thumb {
	width:100%;
	height:100%;
	overflow:hidden
}
.in03 .item a:hover .txt {
	bottom:0
}
.in02 .item .thumb2 {
	background:#e6e6e6;
	position:relative
}
.in03 .w1h2, .in03 .w2h2, .in03 .w3h2 {
	overflow:hidden
}
.in03 .w2h1 {
	overflow:hidden
}
.in03 .w2h1 img {
	height:100%
}
@media (min-width: 700px) {
.in03 {

position:relative;
z-index:100;
}
.in03 [class*=am-u-]+[class*=am-u-]:last-child {
float:left
}
.in03 .pd5 {

}
.in03 .mg5 {

}
.in03 .thumb_mobile_none {
display:block
}
.in03 .item a {
display:block;
width:100%;
height:100%;
overflow:hidden;
position:relative
}
.in03 .item a .txt {
height:150px;
line-height:25px;
color:#fff;
position:absolute;
left:0;
right:0;
bottom:-150px;
z-index:10;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s; background:url(../images/index_case_bg1.png) center top no-repeat
}
.in03 .item a .txt .title {
text-align:left b;
text-align-display:block;
text-align-height:25px;
text-align-line-height:25px;
text-align-overflow:hidden
}
.in03 .item a .txt .title p {
display:block;
height:25px;
line-height:25px;
font-size:12px;
overflow:hidden
}
.in03 .item a .txt .view {
text-align:right;
line-height:20px
}
.in03 .item a .txt i {
margin-right:10px
}
.in03 .item a .thumb {
width:100%;
height:100%;
overflow:hidden
}
.in03 .item a .thumb img {
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
transition:all .8s
}
.in03 .item a:hover .txt {
bottom:0
}
.in03 .item a:hover .thumb img {
-webkit-transform:scale(1.07, 1.07);
-moz-transform:scale(1.07, 1.07);
-o-transform:scale(1.07, 1.07);
transform:scale(1.07, 1.07)
}
}






















.in04 .w1h2, .in03 .w2h2, .in03 .w3h2 {
	overflow:hidden
}
.in04 .w2h1 {
	overflow:hidden
}
.in04 .w2h1 img {
	height:100%
}
@media (min-width: 700px) {
.in04 {

position:relative;
z-index:100;
}
.in04 [class*=am-u-]+[class*=am-u-]:last-child {
float:left
}
.in04 .pd5 {

}
.in04 .mg5 {

}
.in04 .thumb_mobile_none {
display:block
}
.in04 .item a {
display:block;
width:100%;
height:100%;
overflow:hidden;
position:relative
}
.in04 .item a .txt {
height:150px;
line-height:25px;
color:#fff;
position:absolute;
left:0;
right:0;
bottom:-150px;
z-index:10;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s; background:url(../images/index_case_bg.png) center top no-repeat
}
.in04 .item a .txt .title {
text-align:left b;
text-align-display:block;
text-align-height:25px;
text-align-line-height:25px;
text-align-overflow:hidden
}
.in04 .item a .txt .title p {
display:block;
height:25px;
line-height:25px;
font-size:12px;
overflow:hidden
}
.in04 .item a .txt .view {
text-align:right;
line-height:20px
}
.in04 .item a .txt i {
margin-right:10px
}
.in04 .item a .thumb {
width:100%;
height:100%;
overflow:hidden
}
.in04 .item a .thumb img {
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
transition:all .8s
}
.in04 .item a:hover .txt {
bottom:0
}
.in04 .item a:hover .thumb img {
-webkit-transform:scale(1.07, 1.07);
-moz-transform:scale(1.07, 1.07);
-o-transform:scale(1.07, 1.07);
transform:scale(1.07, 1.07)
}
}

