/* CSS Document */

#top{ width:100%; height:139px; position:relative; display:none}
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}

#list{ width:100%; height:auto; }
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:400px;position:absolute;list-style-type:none;overflow:hidden; cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
/*#list li a{ display:none; width:400px; height:300px; position:absolute; top:0px; left:0px; z-index:11;}
#list li.hove a{ display:block; }*/


#btn{ width:56%; position: absolute; left: 22%; top: 61vh; text-align: right;}
#btn a { cursor: pointer; display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #FFF; background: url(../image/index_13_1.png) center center no-repeat; background-size: 38% auto; transition: all 0.3s ease-out; }
#btn .prev { margin-right: 25px;}
#btn .next { transform: rotate(180deg); }
#btn a:hover { background-image: url(../image/index_13_2.png);}
/*#btn a { cursor: pointer; display: block; opacity:0.6; width: 60px; height: 60px; border-radius: 50%; background: #217EF5; position: relative; transition: all 0.3s ease-out; }
#btn a::after { content: ""; display: block; position: absolute; left: 26px; top: 24px; width: 13px; height: 13px; border-left: 2px solid #FFF; border-top: 2px solid #FFF; transform: rotate(-45deg); }
#btn .prev { float:left; }
#btn .next { float:right; transform: rotate(180deg); }
#btn a:hover { opacity:1;}*/


#img_tit{ display:none; color:#070707; font-size:18px; font-weight:bold; text-align:center; padding-top:25px;}
#img_tit a{ color:#333}
#img_tit a:hover,#img_tit a:active{ color:#000;}