@charset "utf-8";

#wrap{width:1200px; overflow:hidden; margin:0 auto; text-align:left;}

.l{ width:100%; float:left;}
.fl{display:inline; float:left;}
.fr{display:inline; float:right;}
.content{ float:left; _display:inline; overflow:hidden;}
.side{ float:right; _display:inline; overflow:hidden;}

#slides{ width:1200px; margin:0px auto; height:410px; overflow:hidden; position:relative;}
#slides .slides_container li{ width:1200px; float:left; padding-top:10px;}
#slides .slides_container li span{height: 354px;
    background-color: rgba(255, 255, 255, 1); border:1px solid #dcdcdc; 
    width: 280px; display:block; float:left; margin-right:24px; overflow:hidden }
#slides .slides_container li .last224{ margin-right:0; }
#slides .slides_container li span:hover{}
#slides .slides_container li span img{ display:block; margin:0 auto; width:180px; height:180px; text-align:center; padding-top:40px;}
#slides .slides_container li span h2{ display:block; font-size:16px; color:#111; text-align:center; font-weight:normal; padding:20px 0 30px 0}
#slides .slides_container li span a{ display:block; margin:0 auto; text-align:center; width:80px; height:37px; line-height:37px;border-radius: 20px; border:1px solid #164c7f}
#slides .slides_container li span a:hover{ background:#164c7f; color:#fff}


#slides .pagination{ position:absolute; left:580px; z-index:10; top:390px;}
#slides .pagination li{ float:left; padding-right:7px;}
#slides .pagination a{ display:block; outline:none;width: 7px;
    height: 7px;
    border-width: 1px;
    border: 1px solid #164c7f;
    border-radius: 50%; text-indent:-999px;}
#slides .pagination li.current a{ background-position:-22px 0;background-color: rgba(31, 54, 143, 1);}

#slides .prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:1px; top:50px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
#slides .prev:hover{ background-position:0 -43px;}
#slides .next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:1px; top:50px; position:absolute; text-indent:-999em;outline:none;z-index:11;display:none}
#slides .next:hover{ background-position:-29px -43px;}