@charset "utf-8";#download{margin:0 auto}#download .wrap{width:86%;max-width:1600px;margin:0 auto;padding:100px 0}#download .title{display:none;margin:0 auto;padding:0;text-align:left}#download .title>h2{display:inline-block;position:relative;margin:0 auto;font-size:32px;padding-bottom:12px;color:#333}#download .title>h2:after{display:none;position:absolute;z-index:1;left:50%;bottom:0;margin-left:-25%;width:50%;height:3px;background:#d82128;content:''}#download .display>.list,#download .display>.list>ul{margin:0 auto}#download .display>.list>ul>li{display:block;float:left;width:23.5%;margin-right:2%;margin-bottom:4%;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;text-align:left;-webkit-transition:all .35s;transition:all .35s}#download .display>.list>ul>li:nth-child(4n){margin-right:0}#download .display>.list>ul>li>a{display:block;zoom:1}#download .display>.list>ul>li>a:after,#download .display>.list>ul>li>a:before{content:"";display:table}#download .display>.list>ul>li>a:after{clear:both}#download .display>.list>ul>li>a>.img{position:relative;display:block;overflow:hidden;-webkit-transition:all .35s;transition:all .35s}#download .display>.list>ul>li>a>.img:after{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3);opacity:0;content:'';-webkit-transition:all .35s;transition:all .35s}#download .display>.list>ul>li>a>.img:before{position:absolute;z-index:9;left:50%;top:50%;margin-left:-30px;margin-top:-80px;width:60px;height:60px;opacity:0;background:url(../img/ico_download.png) 50% 50% no-repeat;background-size:100% auto;content:'';-webkit-transition:all .35s;transition:all .35s}#download .display>.list>ul>li>a>.img>div{width:100%;height:0;padding-bottom:50%;background:center/cover no-repeat;-webkit-transition:all .3s;transition:all .3s}#download .display>.list>ul>li>a>.con{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0}#download .display>.list>ul>li>a>.con>.tit{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;color:#333;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#download .display>.list>ul>li>a>.con>.time{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;font-size:14px;color:#333;font-weight:700;text-align:left}#download .display>.list>ul>li:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}#download .display>.list>ul>li>a:hover .img>img{opacity:.3;-webkit-filter:grayscale(100%)}#download .display>.list>ul>li>a:hover .img:after{opacity:1}#download .display>.list>ul>li>a:hover .img:before{margin-top:-30px;opacity:1}#download .display>.list>ul>li>a:hover .con>.tit{color:#d82128}@media only screen and (max-width:1480px){#download .title>h2{font-size:28px}}@media only screen and (max-width:1280px){#download .display>.list>ul>li{width:32%}#download .display>.list>ul>li:nth-child(4n){margin-right:2%}#download .display>.list>ul>li:nth-child(3n){margin-right:0}}@media only screen and (max-width:1080px){#download .wrap{padding:30px 0}}@media only screen and (max-width:860px){#download .display>.list>ul>li{width:48%;margin-right:0}#download .display>.list>ul>li:nth-child(4n){margin-right:0}#download .display>.list>ul>li:nth-child(even){float:right}#download .display>.list>ul>li>a>.con>.tit{font-size:18px}#download .display>.list>ul>li>a>.con>.time{font-size:12px}}@media only screen and (max-width:640px){#download .title>h2{font-size:24px}#download .display>.list>ul>li{float:none;width:100%}#download .display>.list>ul>li:nth-child(even){float:none}}@media only screen and (max-width:420px){#download .display>.list>ul>li>a>.con>.tit{font-size:18px}}