/**{ margin:0px; border:0px;}*/
body
{
    font-family: "微软雅黑", "宋体";
    background-color: #fff;
}

/*.top { background-color:#36383f; height:27px; font-size:12px; color:#666; text-align:left;  }
.top a{color:#666; text-decoration:none;}
.top a:hover{color:#CCC;text-decoration:none;}

.logo{ margin:auto; width:222px; padding-top:33px; padding-bottom:27px; }

li{list-style:none; float:left;}
.nav{  font-size:14px; width:518px; margin:auto; height:41px;}
.nav a{color:#a9abae; text-decoration:none;}
.nav a:hover{ color:#FFF; text-decoration:none; }*/
#middle
{
    width: 100%;
    margin: auto;

}

.page1
{
    padding-bottom: 30px;
}

.page2
{
    margin: auto;
    padding: 0px;
}

#foot
{
    font-size: 12px;
    color: #a9abae;
    margin: auto;
    width: 1024px;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 10px;
}
.tops
{

    background:#25262b;
    color: #fcdfb3;

    text-align: center;
    position: fixed;
    right:5%;
    bottom: 5%;
    cursor: pointer;
    font-size: 14px;
}
a img
{
    border: 0;
}

ul, ol, li
{   padding:0px;
    margin:0px;
    list-style-type: none;
    vertical-align: 0;
}

.topvebanner
{
    margin: 0 auto;
    width: 960px;
    height: 394px;
    overflow: hidden;
}

    .topvebanner ul
    {
        margin: 0;
        padding: 0;
    }


.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-table;
}
/* Hides from IE-mac \*/
/**html .clearfix{height:1%;}*/
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
* + html .clearfix
{
    min-height: 1%;
}
/* mbox */
.mbox
{
    width: 960px;
    margin: 20px auto 20px auto;
    overflow: hidden;
	top:0;
}
    /* 导航离图片的位置问题 */
    .mbox ul
    {
        width: 960px;
    }

        .mbox ul li
        {
	float: left;
	margin-right: 0px;
	margin-bottom: 40px;
	display: inline;
	width: 960px;
	height: 394px;
	overflow: hidden;
	position: relative;
        }

            .mbox ul li .photo
            {
                width: 960px;
                height: 394px;
                overflow: hidden;
            }

    .mbox .rsp
    {
        width: 960px;
        height: 394px;
        overflow: hidden;
        position: absolute;
        background: #000;
        top: 0px;
        left: 0px;
        display: none;
    }

    .mbox .text
    {
        position: absolute;
        width: 960px;
        height: 394px;
        left: -650px;
        top: 0px;
        overflow: hidden;
    }

        .mbox .text h4
        {
            width: 960px;
            margin-top: 157px;
            height: 50px;
            left: -500px;
            text-align: center;
            color: #FFFFFF;
            font-size: 20px;
        }

        .mbox .text a
        {
            text-decoration: none;
        }

        .mbox .text div
        {margin-top: 80px;
            text-align: center;
            color: #FFFFFF;
            font-size: 18px;
        }


@media only screen and (max-width: 1024px) {
    .mbox, .mbox ul, .mbox ul li, .mbox ul li .photo img{width: 100%;}
    .mbox ul li, .mbox ul li .photo, .mbox .rsp, .mbox .text{width: 100%;height: auto;}
    .mbox .text{position: relative;left: 0;text-align: center;}
    .mbox .text h4{width: 100%;margin: 0;left: 0;color: #444444;line-height: 40px;height: 40px;font-size: 18px;}
    .mbox .text div{margin-top: 0;color: #444444;font-size: 16px;}
}