#wrap{width:1300px;}
#wrap li{width:240px;height:320px;list-style:none;position:relative;float:left;overflow:hidden;margin-left:22px}
#wrap li.s1 { margin-left:0;    margin-right:20px;
    margin-bottom: 30px;}
#wrap li .a1 img{ width:240px;height:320px; }
#wrap li .a1 span {background:#034ea2; position:absolute;bottom:0;left:0;width:240px;height:45px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; z-index:9;}
#wrap li .a1 .divA{position:absolute;bottom:0;left:0;width:210px;height:45px;padding:0px 15px; z-index:99;}
#wrap li .a1 .divA>.p1{width:280px;font-size:18px;color:#fff;overflow:hidden; padding-top:8px;}
#wrap li .a1 .divA>.p3{position:absolute;right:10px;bottom:10px;width:110px;height:28px;color:#fff; font-weight:bold; text-align:right; font-size:14px;font-family:Arial;-moz-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
#wrap li .a1 .divA>.p3>span{font-size:24px;font-weight:800}
#wrap li .a2{position:absolute;top:0;left:-240px;width:240px;height:350px;text-align:center;color:#fff;}
#wrap li .a2 span{position:absolute;left:0;width:240px;height:350px;background:#034ea2;transition:all .2s;-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}
#wrap li .a2 img{position:absolute;top:0;left:-240px;width:240px;height:250px;background:#000;transition:all .2s;}
#wrap li .a2 .p4{width:240px;position:absolute;top:50px;left:-240px;color:#fff;font-size:26px;font-weight:700;transition:all .2s .1s ease-out;}
#wrap li .a2 .p5{width:240px;line-height:20px;position:absolute;top:95px;left:-240px;font-size:14px;color:#fff;transition:all .2s .2s ease-out;}
#wrap li .a2 .p6{position:absolute; width:256px; text-align:center;top:105px; font-family:Arial;font-size:20px;transform:scale(1.1); margin-bottom:20px;transition:all .3s .2s;font-weight:400;color:#fff}
#wrap li .a2 .p7{position:absolute;bottom:-30px;left:50%; margin-left:-50px;width:100px;height:24px;line-height:24px;border-radius:20px; border:#fff 1px solid;transition:all 500ms; font-size:12px; color:#fff;}

.more5 { width:180px; height:45px; line-height:45px; text-align:center; margin:0 auto;}
.more5 a { display:block; border:#034ea2 2px solid; color:#034ea2; font-size:16px; text-decoration:none; border-radius:35px;}
.more5 a:hover { background:#034ea2; color:#fff; transition:all 500ms;}