@charset "utf-8";

#download{margin: 0 auto;}
#download .title{text-align: center; margin: 100px auto;}
#download .title>h3{font-size: 5rem; color: #333;}
#download .title>h4{font-size: 2rem; font-weight: normal; color: #999; text-transform: uppercase;}


#download>.display {margin: 0 auto;}
#download>.display .list{margin: 0 auto;}
#download>.display .list>ul{margin: 0 auto;}
#download>.display .list>ul>li{display: block; padding: 50px 10px; margin-top: -1px; border-bottom: 1px solid #ddd;transition: all .35s;}
#download>.display .list>ul>li>a{display: block;zoom: 1; box-sizing: border-box; transition: all .35s;}
#download>.display .list>ul>li>a:before, #download>.display .list>ul>li>a:after { content: ""; display: table; }
#download>.display .list>ul>li>a:after { clear: both; }
#download>.display .list>ul>li>a .down{width: 20%; padding-top: 10px; text-align: right;}
#download>.display .list>ul>li>a .down>img{height: 56px; width: auto;}
#download>.display .list>ul>li>a .box{width: 60%;text-align: left;}
#download>.display .list>ul>li>a .box>.tit{ padding-bottom:10px; font-size: 2.4rem; color: #014081; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all .35s;}
#download>.display .list>ul>li>a .box>.time{ font-size: 1.6rem; color: #999;}
#download>.display .list>ul>li:hover{ border-color: #014081}
#download>.display .list>ul>li>a:hover .box>.tit{color: #04b8ef;}



@media (max-width:1460px){


}


@media (max-width:1280px){


    #download .title>h3{font-size: 3.6rem;}





}

@media (max-width:1200px){


}


@media (max-width:1080px){

    #download>.display .list>ul>li .tit{font-size: 1.8rem;}




}


@media (max-width:860px){


    #download>.display .list>ul>li .tit{font-size: 1.6rem;}

    #download>.display .list>ul>li{padding: 30px 10px;}
    #download>.display .list>ul>li>a .box>.tit{font-size: 1.8rem;}
    #download>.display .list>ul>li>a .box>.time{ font-size: 1.2rem;}
    #download>.display .list>ul>li>a .down>img{height: 35px;}


}




@media (max-width:640px){

    #download .title>h3{font-size: 2.8rem;}
    #download .title>h4{font-size: 1.6rem;}

    #download .title{margin: 30px auto;}




}


