ul.opn{overflow:hidden;width:100%;margin-left:-1.70%;}
ul.opn li{overflow:hidden;background:#ebfdf7;width:29.30%;height:320px;float:left;margin:1% 0% 2% 4%;-webkit-transition:0.5s;transition:0.5s;border-bottom:2px solid#0b7f58;position:relative;box-shadow:1px 2px 3px #b0bdc6; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.opn li img{width:100%;max-width:1000px;height:230px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;}
ul.opn li .jd{background:#ebfdf7;width:96%;max-width:550px;min-height:40px;top:0px;z-index:10;position:relative;padding:2%;}
ul.opn li .tgs{background:#0b7f58;color:#fff;text-align:center;width:37px;top:0px;right:15px;z-index:10;position:absolute;padding:3px;font:18px fn10;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-shadow:0px 1px 1px #000;}
ul.opn li span{font:13px fn9;line-height:26px;}
ul.opn li h2{font:14px fn9;text-align:center;line-height:18px;color:#29323a;}
ul.opn li p{line-height:25px;font:15px fn1;color:#575757;margin-top:4px;}
ul.opn li a{color:#3b3b3b;}
ul.opn li:hover{border-bottom:2px solid#fbaa3c;box-shadow:2px 3px 4px #b0bdc6;}
ul.opn > li:hover img{opacity:0.8;-webkit-transform:scale(1.20);}
ul.opn > li:hover h2{Color:#0e7238;}
ul.opn > li:hover .tgs{Color:#fee636;}
ul.opn > li:hover a{color:#0e763a;}

.lpg{background:url(../../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}
.lm{background:rgba(29,198,141,.15);width:100%;border:1px solid#bfe8c8;cursor:pointer;padding:8px;margin:0px 0px 20px 0px;font-family:fn6;color:#048041;font-size:14px;border-radius:17px;transition:0.5s;text-shadow:0px 1px 1px #fff;}
.lm:hover{background:#fff;color:#000;border:1px solid#f9bf13;}
@media only screen and (max-width:1150px){
	ul.opn li {width:98%;margin:3% 0% 3% 2%;height:300px;}
	ul.opn li img{height:230px;}
}