img {
	border:0;
	max-width:100%;
	height:auto;
}
a {
	
	color:#3D3D3D;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	
}



.anli { float:left; width:156px; height:304px;}
.picanli { float:left; width:144px; height:90px; padding:22px 0 0 12px; background-color:#0166B6; color:#FFF; line-height:30px; font-size:13px;}
.picanli  span { font-size:22px;color:#FFF;}
.picline {
	float:left;
	width:142px;
	height:90px;
	background-color:#F90;
	color:#604500;
	line-height:30px;
	font-size:13px;
	text-align:right;
	padding-right:14px;
	padding-top:20px;
}
.picline span { color:#604500; font-size:22px;}

pc_t {
	position: relative;
float: left;
overflow: hidden;
width: 100%;
height: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
margin: 0;
}

pc_t img {
	position: relative;
	display: block;
}

pc_t figcaption {
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 12px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


pc_t figcaption::before,
pc_t figcaption::after {
	pointer-events: none;
}

pc_t figcaption,
pc_t figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

pc_t figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


pc_t h span {
	font-weight: 800;
}

pc_t h,
pc_t p {
	margin: 0;
}


pc_t.pica {
	text-align: left;
	background-color: #039;
}

pc_t.picb {
	text-align: left;
	background-color: #C36;
}


pc_t.picc {
	background: #3C3C3C;
	text-align: left;
}

pc_t.picd {
	text-align: left;
	background-color: #396;
}

pc_t.pica img,pc_t.picb img,pc_t.picc img,pc_t.picd img{
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


pc_t.pica h,pc_t.picb h,pc_t.picc h,pc_t.picd h {
	letter-spacing: 2px;
	opacity:0;
	transition: opacity 0.45s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

pc_t.pica h span,pc_t.picb h span,pc_t.picc h span,pc_t.picd h span{
	font-weight: normal;
	font-size: 12px;
}




pc_t.pica:hover img,pc_t.picb:hover img,pc_t.picc:hover img,pc_t.picd:hover img {
	opacity: 0.6;
}

pc_t.pica:hover h,pc_t.picb:hover h,pc_t.picc:hover h,pc_t.picd:hover h{
	opacity:1;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

pc_t.pica:hover figcaption::before,pc_t.picb:hover figcaption::before,pc_t.picc:hover figcaption::before,pc_t.picd:hover figcaption::before {
	opacity: 0.7;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}


.items {
	margin: 0 auto;
	overflow: hidden;
}

.items li {
position: relative;
width: 156px;
height: 111px;
margin: 0;
float: left;
}

.items  pc_t.pica,.items  pc_t.picb,.items  pc_t.picc,.items  pc_t.picd{
	background: transparent;
}

.items pc_t.pica figcaption{
	background: rgba(14, 118, 253, 0.8);
}

.items  pc_t.pica:hover figcaption{
	background: rgba(14, 118, 253, 0);
}

.items pc_t.picb figcaption{
	background: rgba(0, 0, 108, 0.5);
}

.items  pc_t.picb:hover figcaption{
	background: rgba(0, 0, 108, 0);
}


.items pc_t.picc figcaption{
	background: rgba(14, 20, 209, 0.8);
}

.items  pc_t.picc:hover figcaption{
	background: rgba(14, 20, 209, 0);
}

.items pc_t.picd figcaption{
	background: rgba(14,30, 100, 0.6);
}

.items  pc_t.picd:hover figcaption{
	background: rgba(14, 30, 100, 0);
}

.items  pc_t.pica h,.items  pc_t.picb h,.items  pc_t.picc h,.items  pc_t.picd h{
	opacity: 1;
}

.items  pc_t.pica:hover h,.items  pc_t.picb:hover h,.items  pc_t.picc:hover h,.items  pc_t.picd:hover h{
	opacity: 0;
}

.items  pc_t.pica figcaption::before,.items  pc_t.picb figcaption::before,.items  pc_t.picc figcaption::before,.items  pc_t.picd figcaption::before{
	display: none;
}

.items  pc_t.pica:hover img,.items  pc_t.picb:hover img,.items  pc_t.picc:hover img,.items  pc_t.picd:hover img{
	opacity: 1;
}