﻿.w1200 { max-width:1200px; margin:0 auto; position:relative;}
.ny-main { padding: 0 0 40px 0; height: auto; overflow: hidden; }

.gallery { padding-top: 45px !important; }
.gallery ul li { float: left; position: relative; width: calc(33.33%  - 28px); margin: 14px; }

.gallery ul li  p{ text-align:center; line-height:30px; }
.gallery ul li   a{ color:#666666 } 

.gallery ul li   a:hover{ color:#fff } 


.gallery ul li img { width: 100%; }
.gallery ul li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(8, 85, 166, .9); line-height: 28px; font-size: 18px; text-align: center; color: #fff; opacity: 0; transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out; }
.gallery ul li:hover .con { opacity: 1; cursor: pointer; }
.gallery ul li .con .box { width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -webkit-transform: translate(-50%, -50%); z-index: 1;-moz-transform: translate(-50%, -50%); z-index: 1; }
.gallery ul li .con .box .line-clamp2 { height: 48px; line-height: 24px; overflow: hidden; }
.gallery ul li .con .box .more { border: solid 1px #e5e5e5; width: 104px; height: 40px; line-height: 38px; background:url(../images/ri-white.png) 70px center no-repeat; border-radius: 20px; padding-left: 16px; text-align: left; display: inline-block; font-size: 16px; color: #fff; margin-top: 40px; }
.gallery ul li .con .box .more:hover { background-color: #00bdb6; border-color: #00bdb6; }
@media all and (max-width:1200px){ /*1200*/
  .w1200 { padding: 0 10px; }}
@media all and (max-width:1100px){/*1024 * 768 */
	
	.gallery ul li .con .box .more { margin-top: 20px; } 
	
}
@media all and (max-width:980px){/*1024 * 768 */
	
	.gallery { padding-top: 25px !important; }
	
}
@media all and (max-width:768px) {
	.gallery { padding-top: 20px !important; }
	.gallery ul li,
	.pic-lists ul li {  width: calc(50%  - 28px); margin: 14px; }}
	
	@media all and (max-width:640px){ 
	
	.gallery ul li,
	.pic-lists ul li {  width: 100%; margin: 8px 0; }}
	
	
	@media all and (max-width:580px){

	.ny-main { padding-bottom: 20px; }}