@charset "utf-8";
#index{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

#index h1{
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}

#index p{
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
}

#index ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#index li{
    display: inline-block;
    margin: 0 10px;
}

#index a{
    color: #0087e6;
    text-decoration: none;
    font-size: 14px;
}

#index a:hover{
    color: #ff0000;
    text-decoration: underline;
}

.index_xlxc{
    float:left;
    width:324px;
    height:300px;
    margin-top:5px;
    margin-right:10px;
    border:#0087e6 1px solid;
    border-radius:3px;
}
div.index_xlxc:hover{
    border:1px red solid;
}
.xlxc_3{
    width:326px;
    margin-right:0px;
}
.index_xlxc img{
    width:300px;
    height:200px;
    margin:10px 0;
    margin-left:11px;
    border-radius:3px;
}
.index_xlxc h3{
    font-size:14px;
    height:25px;
    line-height:25px;
}
.index_xlxc a.index_xlxc_a{
    float:right;
    height:20px;
    line-height:20px;
    margin-right:10px;
}
.index_xlxc a.index_xlxc_a:hover{
    font-size:13px;
    font-weight:bold;
}