@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0;}

#top{ height:25px; line-height:25px; width:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); overflow:hidden; margin:0; padding:0;}
#top dl{ width:990px; margin:0 auto;}
#top dl dt{ float:left;}
#top dl a{ color:#ccc; font-size:12px; text-decoration:none;}
#top dl span{ padding:0 10px; color:#ddd; font-size:12px;}
#top dl dd{ float:right;padding-top:0px}

#metro_box{ width:990px;height:565px;overflow:hidden; margin:0 auto; padding-top:0px!important; padding-top:100px;  }

.bg1{ background:#93C5EA url(../images/bg1.jpg) repeat-x center top;}
.bg2{ background:#bdbac5 url(../images/bg2.jpg) repeat-x center top;}
.bg3{ background:#bdbac5 url(../images/bg3.jpg) repeat-x center top;}
.bg4{ background:#bdbac5 url(../images/bg4.jpg) repeat-x center top;}
.bg5{ background:#bdbac5 url(../images/bg5.jpg) repeat-x center top;}
.bg6{ background:#bdbac5 url(../images/bg6.jpg) repeat-x center top;}

.monday{background-color:#40002e; background-image: url(../images/img/metro_bg1.jpg); }
.tuesday{background-color:#250040; background-image: url(../images/img/metro_bg2.jpg);}
.wednesday{background-color:#001940; background-image: url(../images/img/metro_bg3.jpg);}
.thursday{background-color:#004050; background-image: url(../images/img/metro_bg4.jpg);}
.friday{background-color:#003e00; background-image: url(../images/img/metro_bg5.jpg);}
.saturday{background-color:#128023; background-image: url(../images/img/metro_bg6.jpg);}
.sunday{background-color:#bf5a15; background-image: url(../images/img/metro_bg7.jpg);}
.sunday1{background-color:#57169a; background-image: url(../images/img/metro_bg8.jpg);}
.sunday2{background-color:#16499a; background-image: url(../images/img/metro_bg9.jpg);}
.sunday3{background-color:#008e8e; background-image: url(../images/img/metro_bg6.jpg);}
/*.tuesday{background:#bdbac5 url(../images/metro_bg7.jpg) repeat-x left center;}
.wednesday{background:#bdbac5 url(../images/metro_bg8.jpg) repeat-x left center;}
.thursday{background:#bdbac5 url(../images/metro_bg9.jpg) repeat-x left center;}
.friday{background:#bdbac5 url(../images/metro_bg6.jpg) repeat-x left center;}
.saturday{background:#bdbac5 url(../images/metro_bg1.jpg) repeat-x left center;}
.sunday{background:#bdbac5 url(../images/metro_bg.jpg) repeat-x left center;}*/


#metro_box dl dt{ height:35px; line-height:35px;margin-bottom:30px}
#metro_box_biaoti{ text-align:left; font-size:64px; font-family:"微软雅黑","黑体"; color:ffff00; font-weight:normal; float:left;}
#metro_box_neirong{ float:right; font-size:12px; }

.nav a{ border-top:3px solid #fff; text-decoration:none; padding:3px; color:#fff; font-family:"微软雅黑"; cursor:pointer; text-align:right;}
.nav a:hover, #a_hover{ border-top:3px solid #f60; color:#F60; font-weight:bold;}

#metro_box dl dd ul{ width:996px; height:510px; overflow:hidden;}

#metro_box dl dd ul li{ width:240px; height:116px; overflow:hidden;  float:left; margin:3px;_margin:2px; _display:inline; padding:1px; opacity:0.9;filter:alpha(opacity=90); position:relative;}
#metro_box dl dd ul li span{ display:none;}
#metro_box dl dd ul li span a{ color:#fff; font-family:"微软雅黑"; font-size:12px; text-decoration:none;}
#metro_box dl dd ul li:hover span{ text-align:center; background:#000; height:20px; line-height:20px;opacity:0.1;filter:alpha(opacity=10); display:block; position:absolute; bottom:0; left:0; width:100%;}
#metro_box dl dd ul li a img{  width:240px; height:116px; overflow:hidden; margin:0; padding:0; border:none;}
#metro_box dl dd ul li:hover{opacity:1;filter:alpha(opacity=100); padding:0px; border:1px dashed #fcfcfc;}



#metro_box dl dd ul li[class="small_metro_li"]{ width:116px; height:116px; overflow:hidden;  float:left; margin:3px;_margin:2px; _display:inline; padding:1px; opacity:0.9;filter:alpha(opacity=90); position:relative;}
#metro_box dl dd ul li[class="small_metro_li"] span{ display:none;}
#metro_box dl dd ul li[class="small_metro_li"] span a{ color:#fff; font-family:"微软雅黑"; font-size:12px; text-decoration:none;}
#metro_box dl dd ul li[class="small_metro_li"]:hover span{ text-align:center; background:#000; height:20px; line-height:20px;opacity:0.1;filter:alpha(opacity=10); display:block; position:absolute; bottom:0; left:0; width:100%;}
#metro_box dl dd ul li[class="small_metro_li"] a img{  width:116px; height:116px; overflow:hidden; margin:0; padding:0; border:none;}
#metro_box dl dd ul li[class="small_metro_li"]:hover{opacity:1;filter:alpha(opacity=100); padding:0px; border:1px dashed #fcfcfc;}



/*#metro_box dl dd ul li[class="one"]{ margin-left:0; }
#metro_box dl dd ul li[class="four"]{ margin-right:0}*/
#logo_001{background:#da562f;}
#logo_002{background:#00a6d0;}
#logo_003{background:#8ea300;}
#logo_004{background:#6db91b;}
#logo_005{background:#2a82ec;}
#logo_006{background:#00a21b;}
#logo_007{background:#5434af;}
#logo_008{background:#bc1c48;}
#logo_009{background:#6db91b;}
#logo_010{background:#623dc0;}
#logo_011{background:#d44a26;}
#logo_012{background:#019317;}
#logo_013{background:#00c47d;}
#logo_014{background:#00a6d0;}
#logo_015{background:#33a700 ;}
#logo_016{background:#00a6d0;}
#logo_013a{background:#343434;}
#logo_014a{background:#ffffff ;}
#logo_015a{background:#B1002E;}
#logo_017{background:#a80000;}
#logo_018{background:#d51f00;}
.prev, .next{ width:31px; height:auto; cursor:pointer; display:none;}
.prev{ float:left;}
.next{ float:right;}

/* 配色修改(新增) - By Ryan */
body{
    background-repeat: repeat-x;
    background-position: center top;
}
#metro_box{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -495px;
    margin-top: -300px;
}
@media screen and (max-width: 1024px) {
    body{
        background-size: cover;
    }
    #top dl{
        width: 96%;
        padding: 0 2%;
    }
    #metro_box{
        position: static;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        margin: 30px 0 0 0;
    }
    #metro_box dl dt{
        height: auto;
        text-align: center;
    }
    #metro_box dl dd ul{
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
    }
    #metro_box dl dd ul li{
        float: none;
        display: inline-block;
        width: 44%;
        height: auto;
    }
    #metro_box dl dd ul li a img{
        width: 100%;
        height: auto;
    }
    #metro_box_biaoti{
        padding: 5%;
        float: none;
        text-align: center;
    }
    #metro_box_biaoti img{
        max-width: 100%;
    }
    #metro_box_neirong{
        float: none;
        display: inline-block;
    }
}