*{box-sizing:border-box;}
body{position:relative;background-color:#fdfdfd !important;}


.colors{width:1300px;margin:0 auto;padding-top:80px;}
.colors h2{color:#263646;font-family:rubik,arial;text-align:center;letter-spacing:1px;}
.colors h6{text-align:center;font-size:14px;height:20px;line-height:20px;margin-top:10px;color:#899bb4;letter-spacing:1px;font-weight:normal;}
.colors ul{font-size:0px;margin-top:30px;}
.colors li{width:20%;padding:15px;display:inline-block;vertical-align:middle;position:relative;}
.colors div{box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);background-color:#fff;padding:15px;border-radius:6px;position:relative;overflow:hidden;}

.colors li:hover{
	
    top: -2px;
}
.colors li:hover div{box-shadow: 0 10px 40px -10px rgba(0,64,128,.4);}

.colors .p1{width:100%;height:120px;border-radius:4px;}
.colors .p2{height:28px;line-height:28px;color:#899bb4;font-size:12px;margin-top:15px;}
.colors .p3{position:absolute;height:28px;border:1px solid #e9f2f9;padding:0px 15px;border-radius:4px;right:15px;bottom:15px;font-size:14px;line-height:26px;background-color:#f5f5f5;cursor:pointer;color:#899bb4;font-size:12px;}
.colors .p3:hover{color:#263646;}
.colors input{top:0px;position:absolute;width:1px;height:1px;left:0px;}