.dwtwo{ width:100%;}
.dwtwo li{ float:left; position:relative; overflow:hidden; width:31.33%; margin:0 1% 2% 1%; box-shadow:0px 0px 10px #eee; text-align:center;}
.dw_titl a{ display:block; line-height:60px; font-size:16px;}
.dwtwo li .dw_pic img{ width:100%;}
.dw_pic >a:after{background: url(../img/cymdwtwo_1.png) no-repeat center;transform: scale(0); top: 0;left: 0;}
.dw_pic >a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.dw_pic >a:before,.dw_pic >a:after{content: ''; width: 100%;height: 100%;position: absolute;transition: 0.6s; z-index:333;}
.dwtwo li:hover .dw_pic>a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.dwtwo li:hover .dw_pic>a:after{transform: scale(1);transition: 0.6s;}
.dw_pic,.dw_pic img{width:100%;overflow:hidden;transition:0.6s;}
.dwtwo li:hover .dw_pic img{transform:scale(1.1);transition:0.6s;}


.photo_image{
	margin: 30px auto;
	text-align: center;
}
.photo_image img{
	max-width: 60%;
}
.photo_image h1{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.photo_comm{
	padding: 30px 0;
}

.photo_next{
	padding-bottom: 90px;
	text-align: center;
}