@charset "utf-8";
/* CSS Document */

/*head width:1400px*/
div.top span.jianfan{margin-left:calc(50% - 700px)}
div.top span.time{text-align:right; margin-right:calc(50% - 700px)}
div.logo{width:700px; margin-left:calc(50% - 700px)}
div.login_mini{width:700px; margin-right:calc(50% - 700px)}
div.login_mini ul{margin-left:calc(50% + 140px)}

/*menu*/
div.menu{width:1400px}
/*菜单"+"表示下一个选择器*/
.header{width:1400px}
.menu{width:1400px}
.nav > li > a{width:140px}

.pages{background:#fff; border-radius:7px}

div.list{width:1400px; background:#fff; margin:20px auto 0 auto; border-radius:6px; overflow:hidden}

div.box{width:280px; background:#eee; float:left}
div.box img{width:280px; height:auto}
div.desc{width:100%; height:60px; background:#fff}


/*jQuery响应式瀑布流布插件*/
.article{display:block; margin:0 0 30px 0; padding:12px; background:white; border-radius:3px; box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition:all 220ms}
.article:hover{box-shadow:0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform:translateY(-5px); transition:all 220ms}
.article img{display:block; width:100%; margin:0 0 24px 0}
.article h2{text-align:center; font-size:16px; text-transform:uppercase; margin:0 0 12px 0}

.wall{display:block; width:calc(1400px + 20px); background:none; padding-top:5px; margin:15px auto 0 auto; overflow:hidden; position:relative}
.wall-column{display:block; position:relative; /*width:33.333333%;*/ width:25%; float:left; padding:0 12px; box-sizing:border-box}
@media (max-width:640px){.wall-column{width:50%}
}
@media (max-width:480px){.wall-column{width:auto; float:none}
}