@charset "utf-8";

#partner{margin: 0 auto;  }

#partner>.display{margin: 0 auto;padding: 100px 0;}
#partner>.display .list{ margin: 0 auto;}
#partner>.display .list>ul{margin: 0 auto;}
#partner>.display .list>ul>li{display: block;float: left;width:11.71%; margin-right: 3%; margin-bottom: 3%; position: relative;  transition: all .35s; }
#partner>.display .list>ul>li:nth-child(7n){margin-right: 0;}
#partner>.display .list>ul>li .img{ position: relative; width: 100%;overflow: hidden;  text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow: hidden;}
#partner>.display .list>ul>li .img>img{ width:auto; max-width: 100%; max-height:100%; transition: all .8s;}
#partner>.display .list>ul>li .tit{display: none; font-size:1.6rem; color: #333; text-align: center; padding: 30px 20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: all .35s;}
#partner>.display .list>ul>li:hover .img>img{transform: scale(1.05);}
#partner>.display .list>ul>li:hover .tit{ color: #154a9a;}



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

    #partner>.display .list>ul>li{width:14.16%; }
    #partner>.display .list>ul>li:nth-child(7n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(6n){margin-right: 0;}




}


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


    #partner>.display .list>ul>li{width:17.6%; }
    #partner>.display .list>ul>li:nth-child(7n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(6n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(5n){margin-right: 0;}

}


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


    #partner>.display .list>ul>li .tit{font-size:1.2rem;}

}

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


    #partner>.display .list>ul>li{width:22.75%; }
    #partner>.display .list>ul>li:nth-child(7n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(6n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(5n){margin-right: 3%;}
    #partner>.display .list>ul>li:nth-child(4n){margin-right: 0;}


}

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

    #partner>.display{padding: 50px 0;}



}