.first_left_ul {
    height:auto;
}
.first_left_ul>li{
    width:200px;
    height:auto;
}
.first_left_ul>li:hover{
    cursor: pointer;
    width:200px;
    height:auto;
}
.title{
    width:200px;
    height:30px;
    line-height:30px;
    padding-left:20%;
    font-size:14px;
    margin:2px; 
    background: -webkit-linear-gradient(#fcfcfc, #e7e8e8); 
    background: -o-linear-gradient(#fcfcfc, #e7e8e8); 
    background: -moz-linear-gradient(#fcfcfc, #e7e8e8);
    background: linear-gradient(#fcfcfc, #e7e8e8);
    border:1px solid #ccc;
    border-radius: 5px;
}
.title:hover{
    width:200px;
    height:30px;
    line-height:30px;
    padding-left:20%;
    font-size:14px;
    margin:2px;
    background: -webkit-linear-gradient(#fcfcfc, rgba(126, 200, 235, 0.5));
    background: -o-linear-gradient(#fcfcfc, rgba(126, 200, 235, 0.5)); 
    background: -moz-linear-gradient(#fcfcfc, rgba(126, 200, 235, 0.5));
    background: linear-gradient(#fcfcfc, rgba(126, 200, 235, 0.5)); 
    color:#044dbb;
    border:1px solid rgba(126, 200, 235, 0.5);
}
.first_left_ul>li>ul li{
    width:200px;
    height:25px;
    line-height:25px;
    padding-left:20%;
    font-size:14px;
    margin:3px; 
    background: #f8f8f8; 
    border-radius: 5px;
    color:#044dbb;
}
.first_left_ul>li>ul li:hover{
    width:200px;
    height:25px;
    line-height:25px;
    padding-left:20%;
    font-size:14px;
    margin:3px; 
    background: rgba(156, 217, 245, 0.5); 
    border-radius: 5px;
    color:#0467fc
}

.heiUul{
    overflow: hidden;
    height:0;
}
.uul>li{
    width:200px;
    height:25px;
    line-height:25px;
    padding-left:20%;
    font-size:14px;
    background:#fcfcfc;
    border:1px solid #ccc;
    border-radius: 5px;
    color:#42608d;
}
.uul>li:hover{
    width:200px;
    height:25px;
    line-height:25px;
    padding-left:20%;
    font-size:14px;
    background:rgba(164, 221, 247, 0.5);
    border-radius: 5px;
}
.right_jiantou{
    text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
    -webkit-text-stroke: 1px white;
    -webkit-text-fill-color:12px black;
    display: inline-block;
    margin-left:-20px;
}
.aaa{
    width:192px;
    height:192px;
    padding:5px;
    border:1px solid #ccc;
}
.aaa:hover{
    border:1px solid red;
    padding:5px;
    background:rgba(248, 245, 90, 0.5);
}
.www{
    width:180px;
    height:180px;

}

@media screen and (min-width:1200px){
    .aaa{
        width:192px;
        height:192px;
        padding:5px;
        border:1px solid #ccc;
    }
    .aaa:hover{
        border:1px solid red;
        padding:5px;
        background:rgba(248, 245, 90, 0.5);
    }
    .www{
        width:180px;
        height:180px;

    }

}
@media screen and (min-width:992px) and (max-width:1200px){
    .aaa{
        width:176px;
         height:176px;
         padding:5px;
        border:1px solid #ccc;
    }
    .aaa:hover{
        border:1px solid red;
        padding:5px;
        background:rgba(248, 245, 90, 0.5);
    }
    .www{
        width:164px;
        height:164px;
    }
  
}
@media screen and (min-width:578px) and (max-width:992px){
    .aaa{
        width:131px;
         height:131px;
         padding:5px;
        border:1px solid #ccc;
    }
    .aaa:hover{
        border:1px solid red;
        padding:5px;
        background:rgba(248, 245, 90, 0.5);
    }
    .www{
        width:119px;
        height:119px;
    }
 
}