@charset "utf-8";


/*模块1*/

.index_lm {
    width: 748px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
   /* top: 55%;*/
    left: 72%;
    margin-left: -545px;
    z-index: 10;
    padding-top: 5px;
}

#index_lm1 {
    background: url(../images/index_lm1.png) center 30% no-repeat #ea565a;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}


.index_lm li {
    float: left;
    height: 125px;
    text-align: center;
    width: 16.6666666%;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}
.index_lm li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index_lm a span {
    margin-top: 50%;
    color: #fff;
    display: block;
    font-size: 16px;
}
.index_lm li:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#index_lm1{
        background:url(../images/icon01.png) center 13% no-repeat #ea565a; background-size:46px 46px; 
    }
    #index_lm2{
        background:url(../images/icon02.png) center 13% no-repeat #81ba51;background-size:46px 46px;
        animation-delay: 0.3s;
    }
    #index_lm3{
        background:url(../images/icon03.png) center 13% no-repeat #32c3c6;background-size:46px 46px;
        animation-delay: 0.5s;
    }
    #index_lm4{
        background:url(../images/icon04.png) center 13% no-repeat #657ce5;background-size:46px 46px;
        animation-delay: 0.7s;
    }
    #index_lm5{
        background:url(../images/icon05.png) center 13% no-repeat #1c71be;background-size:46px 46px;
        animation-delay: 0.9s;
    }
    #index_lm6{
        background:url(../images/icon06.png) center 13% no-repeat #00366a;background-size:46px 46px;
        animation-delay: 1.1s;
    }
/*------------响应式代码-----------------*/
@media only screen and (max-width : 1200px){
.index_lm {
    width: 100%;
    left: 0;
    margin: 0;
}
	

}

@media only screen and (max-width: 768px){
.index_lm {
    /*top: 50%;*/
}

.index_lm li {
    height: 90px;
}



}

@media only screen and (max-width : 414px){

.index_lm {
    position: relative;
    clear: both;
}

.index_lm li {
    width: 33.3333333%;
}

}