ul.opn{overflow:hidden;width:100%;margin-left:-1.70%;}
ul.opn li{overflow:hidden;background:#dcecfa;width:29.30%;height:320px;float:left;margin:1% 0% 2% 4%;-webkit-transition:0.5s;transition:0.5s;border-bottom:1px solid#27aefb;position:relative;}
ul.opn li img{width:100%;max-width:1000px;height:260px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;}
ul.opn li .jd{background:#dcecfa;width:100%;max-width:550px;min-height:40px;top:0px;z-index:10;position:relative;padding:3%;}
ul.opn li .tgs{background:#fe8334;color:#fff;text-align:center;width:47px;top:0px;right:17px;z-index:10;position:absolute;padding:3px;font:18px fn3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-shadow:0px 1px 1px #000;box-shadow:0px 1px 2px #333;}
ul.opn li span{font:13px fn3;line-height:20px;}
ul.opn li h2{font:15px fn1;text-align:center;line-height:19px;}
ul.opn li p{line-height:25px;font:15px fn2;color:#727272;margin-top:4px;}
ul.opn li a{color:#185ec3;}
ul.opn li:hover{border-bottom:1px 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:#de4012;}
.lpg{background:url(../../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}
.lm{background:#dcecfa;width:100%;border:1px solid#a4d5ee;cursor:pointer;padding:8px;margin:0px 0px 20px 0px;font-family:fn2;color:#1577a6;font-size:16px;border-radius:17px;transition:0.5s;text-shadow:0px 1px 1px #fff;}
.lm:hover{background:#f8f0dc;color:#000;border:1px solid#f9bf13;box-shadow:2px 3px 4px #b0bdc6;}
@media only screen and (max-width:1150px){
	ul.opn li {width:98%;margin:3% 0% 3% 2%;height:280px;}
	ul.opn li img{height:210px;}
}