*{margin:0; padding:0;}



.slider_point{display:block; width:260px; height:440px; position:absolute;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
overflow:hidden;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-webkit-backface-visibility: hidden; box-shadow:0 0 20px #666,10px 0 30px #666; left:0;

}
.slider_point a{display:block;
position:absolute; left:0; top:0; width:440px; height:440px; margin-left:-110px;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-webkit-backface-visibility: hidden;
}
.slider_point a i{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../i/slider_opacity.png); opacity:1;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-webkit-backface-visibility: hidden;
}
.sp_block span{display:block; width:21px; height:440px; position:absolute; left:100%; top:0; background:url(../i/slider_point_shadow.png);
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
overflow:hidden;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
-webkit-backface-visibility: hidden;
margin-left:18px;
display:none;
}
.sp_block:hover span{margin-left:-2px;}
.sp_block:hover .slider_point{width:440px; -webkit-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg); left:-110px; z-index:10; box-shadow:0px 0 20px #666,0px 0 40px #666;}
.sp_block:hover a{-webkit-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg); margin-left:0;}
.sp_block:hover a i{opacity:0;}

.project_slider{display:block; overflow:hidden; height:710px; position:relative; padding-top:40px;}
.project_slider .sp_list{margin-right:170px; float:right; width:3000px; position:relative;}
.project_slider .sp_list .sp_block{position:absolute; right:0; top:0; width:240px; height:440px;}
.project_slider .sp_list .sp_block:nth-child(2n){top:60px;}
.project_slider .sp_list .sp_block.n2{right:246px;}
.project_slider .sp_list .sp_block.n3{right:524px;}
.project_slider .sp_list .sp_block.n4{right:770px;}
.project_slider .sp_list .sp_block.n5{right:1048px;}
.project_slider .sp_list .sp_block.n6{right:1296px;}
.project_slider .sp_list .sp_block.n7{right:1560px;}
.project_slider .sp_text{display:none; position:absolute; left:-110px; top:515px; width:440px; z-index:10; text-align:center; line-height:1.5;}
.project_slider .sp_block:nth-child(2n) .sp_text{top:455px;}
.project_slider .rarr{display:block; width:67px; height:54px; background:url(../i/slider_rarr.png) no-repeat; position:absolute; right:43px; top:200px;}
.project_slider .sp_list .sp_block:hover .sp_text{display:block;}
.project_slider .sp_text .sp_name{font-size:24px; text-transform:uppercase; margin-bottom:20px; text-decoration: underline;}
.project_slider .sp_text .sp_name a{color:#000000;}
.project_slider .sp_text p{line-height:1.6;}