#goods-latest{margin-bottom:40px}@media screen and (max-width: 1024px){#goods-latest{padding:0 20px}}#goods-latest .h2{text-align:center;letter-spacing:2px;margin-bottom:50px}#goods-latest .h2 h2{font-size:25px}#goods-latest .h2 strong{text-transform:uppercase;color:#00479d;display:block;margin-bottom:20px}#goods-latest .h2 p{font-size:15px;line-height:1.5;letter-spacing:1.5px;display:block;margin:auto;max-width:300px}#goods-latest .container{margin:auto;max-width:1280px}#goods-latest .container ul{list-style:none;margin:0;padding:0;overflow:hidden}#goods-latest .container ul li{float:left;margin-right:calc(20px * 3 / 2);margin-bottom:calc(20px * 3 / 2);width:calc(100% / 3 - 20px)}#goods-latest .container ul li:nth-child(3n){margin-right:0}#goods-latest .container ul li img{max-width:inherit;width:100%}@media screen and (max-width: 600px){#goods-latest .container ul{list-style:none;margin:0;padding:0}#goods-latest .container ul li{float:none;display:block;margin-bottom:20px !important;width:100%}#goods-latest .container ul img{max-width:inherit;width:100%}}#goods-latest .container ul li{position:relative;text-align:center;background:#7c7c7c;overflow:hidden}#goods-latest .container ul li .image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;background:rgba(0,0,0,0.6);padding:0 20px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}@media screen and (max-width: 1024px){#goods-latest .container ul li .image{background:rgba(0,0,0,0.4);opacity:1}}@media screen and (max-width: 600px){#goods-latest .container ul li .image{top:inherit;height:40px}}#goods-latest .container ul li strong{font-size:20px;line-height:1.5;letter-spacing:2px;color:#fff;display:block;margin-bottom:10px;padding:calc(100% / 2) 0 0;max-width:350px}@media screen and (max-width: 600px){#goods-latest .container ul li strong{line-height:40px;text-align:left;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;padding:0;width:100%;height:40px;overflow:hidden}}#goods-latest .container ul li img{display:block;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;transition:all .7s;-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}#goods-latest .container ul li:hover{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}#goods-latest .container ul li:hover .image{opacity:1}#goods-latest .container ul li:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;transition:all .7s;-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}#goods-latest .button{margin:auto}.banner{position:relative;overflow:hidden}.banner .heading{position:absolute;top:calc(50% - 50px);left:0;right:0;z-index:9;text-align:center;letter-spacing:2px;color:#fff;margin:auto}@media screen and (max-width: 484px){.banner .heading{top:calc(50% - 30px)}}.banner .heading h1{font-size:2em}@media screen and (max-width: 484px){.banner .heading h1{font-size:20px}}.banner .heading strong{font-size:1.6em;display:block;margin-bottom:20px}@media screen and (max-width: 484px){.banner .heading strong{font-size:15px;margin-bottom:10px}}.banner .heading p{font-size:16px;line-height:1.6}@media screen and (max-width: 484px){.banner .heading p{font-size:13px}}.banner img{display:block;width:100%;-webkit-animation:slide 15s running;-moz-animation:slide 15s running;-ms-animation:slide 15s running;-o-animation:slide 15s running;animation:slide 15s running;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}@keyframes slide{0%{-webkit-transform:scale(1.3, 1.3);-moz-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}100%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes slide{0%{-webkit-transform:scale(1.3, 1.3);-moz-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}100%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}}#goods-lists .container{padding:0 20px;margin:auto;max-width:1280px}#goods-lists .container ul{list-style:none;margin:0;padding:0}#goods-lists .container ul li{float:left;margin-right:calc(12px * 2 / 1) !important;margin-bottom:calc(12px * 2 / 1);width:calc(100% / 2 - 12px)}#goods-lists .container ul li:nth-child(2n){margin-right:0 !important}#goods-lists .container ul li img{max-width:inherit;width:100%}@media screen and (max-width: 600px){#goods-lists .container ul{list-style:none;margin:0;padding:0}#goods-lists .container ul li{float:none;display:block;margin-bottom:20px !important;width:100%}#goods-lists .container ul img{max-width:inherit;width:100%}}#goods-lists .container ul li{position:relative;border:1px #eee solid;overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}#goods-lists .container ul li .image,#goods-lists .container ul li .font-all{float:left;width:calc(100% / 2)}@media screen and (max-width: 400px){#goods-lists .container ul li .image,#goods-lists .container ul li .font-all{float:none;width:100%}}#goods-lists .container ul li .image{display:block;overflow:hidden}#goods-lists .container ul li .image img{display:block;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);-webkit-transition:all 5s;-moz-transition:all 5s;-ms-transition:all 5s;transition:all 5s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}#goods-lists .container ul li .font-all{padding:20px}#goods-lists .container ul li .font-all span{font-size:13px;display:block;border-bottom:1px #ccc dashed;padding-bottom:5px;margin-bottom:5px}#goods-lists .container ul li .font-all .name{font-size:20px;color:#00479d;display:none;border-bottom:none;margin-bottom:7px}#goods-lists .container ul li .font-all strong{font-size:13px;display:inline-block;margin-right:7px}#goods-lists .container ul li:hover{border:1px #999 solid;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;transition:all 2s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}#goods-lists .container ul li:hover .name{color:#c22a42;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}#goods-lists .container ul li:hover .image img{display:block;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);-webkit-transition:all 5s;-moz-transition:all 5s;-ms-transition:all 5s;transition:all 5s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0);-ms-transition-timing-function:cubic-bezier(0.165, 0.84, 0);transition-timing-function:cubic-bezier(0.165, 0.84, 0)}