#spus-banner{background:#f7f7f7}#spus-banner .nav{padding:50px 0 15px}#spus-banner .nav a{font-size:24px;font-weight:400;color:#999;line-height:33px;margin-left:60px}#spus-banner .nav a.active{color:#474747;font-weight:500}#spus-banner .nav a:first-child{margin-left:0}#spus-banner .carousel-indicators{margin-bottom:40px;height:2px}#spus-banner .carousel-indicators li{width:146px;height:2px;background:#bebebe;border:0}#spus-banner .carousel-indicators li.active{background:#333}#spus-banner .carousel-control-prev .iconfont,#spus-banner .carousel-control-next .iconfont{color:#666;position:relative;left:2px}#spus-banner .carousel-control-prev,#spus-banner .carousel-control-next{width:50px;height:50px;background:#fff;border-radius:50%;opacity:1;top:33%}#spus-banner .carousel-control-prev:hover,#spus-banner .carousel-control-next:hover{box-shadow:0 0 10px 0 rgba(58,28,28,0.18)}#spus-banner .carousel-control-prev{transform:rotate(180deg);left:15px}#spus-banner .carousel-control-next{right:15px}#spus-banner .spu-block .sub-title{height:40px}.spu-carousel .col-md-3{padding:15px 0 0 1.84%}.spu-carousel .carousel-inner{overflow:visible}.spu-carousel .carousel-item .row{margin:0 0 0 -1.84%}.part-title{font-size:24px;font-weight:500;color:#474747;line-height:24px;padding:40px 0 30px}.part-item{overflow:hidden}.part-item img{height:auto;width:100%;transition:all .6s ease-in-out}.part-item:hover img{transform:scale(1.1);transition:all .8s ease-in-out}.microsoft{margin:0 auto 20px}.microsoft .arrow-right .iconfont{color:#fff;font-size:12px}.microsoft .item-content{left:28px;bottom:28px}.microsoft .item-title{font-size:32px;line-height:32px;font-weight:bold;color:#fff}.microsoft .item-sub-title{font-size:18px;font-weight:400;color:#fff;line-height:25px;margin-top:12px}.microsoft .left-part .arrow-right{margin-top:12px}.microsoft-content,.microsoft-content .right-part>div{margin:0 -8px}.microsoft-content>div,.microsoft-content .right-part .part-item{width:50%;margin:0 8px}.microsoft-content .right-part>div:first-child{margin-bottom:15px}.microsoft-content .right-part .item-content{left:24px;bottom:15px}#trade-in .part-one .item-content{top:32px;right:38px}#trade-in .part-two .item-content{top:25px;width:100%}#trade-in .part-three .item-content{top:30px;left:40px}#trade-in .item-title{font-size:28px;font-weight:600;color:#333;line-height:28px}#trade-in .item-sub-title{font-size:16px;font-weight:400;color:#666;line-height:16px;margin-top:12px}#trade-in a.btn{min-width:100px;height:auto;padding:6px 0;font-size:12px;line-height:20px;font-weight:600;border-radius:0;margin-top:19px;background:#333;color:#fff;border-width:2px}#trade-in .part-one a.btn{margin-top:26px;background:#fff;color:#333;margin-right:-12px}#trade-in .part-one .item-title,#trade-in .part-one .item-sub-title{color:#fff}#trade-in .part-three a.btn{margin-left:-12px}@media(min-width:769px){#trade-in .part-content>div{flex:1}.spu-carousel{padding-bottom:92px}.spu-carousel .carousel-item{padding:0 80px}.carousel-item .spu-block:hover{padding:4.375% 0 4.06%;margin:-4.375% 0 -4.06%}.microsoft{width:95%}}@media(min-width:1025px){.microsoft{width:89%}}@media(max-width:1280px){#spus-banner .nav a{font-size:20px}#spus-banner .spu-block .spu-title{font-size:16px}}@media(max-width:768px){#spus-banner .carousel-indicators,#spus-banner .carousel-indicators,#spus-banner .carousel-control-prev,#spus-banner .carousel-control-next{display:none}#spus-banner{padding:12px 0}#spus-banner .nav{padding:0;background:#fff}body a:hover{text-decoration:none}#spus-banner .nav a{line-height:50px;text-align:center;flex-grow:1;margin:0;font-size:16px;font-weight:500;padding:0;width:calc(100% / 3)}.spu-carousel .col-md-3{margin:0;border-top:1px solid #e9e9e9;height:auto;flex:100%;width:100%;max-width:100%}.spu-carousel .carousel-item{margin:0;display:block}.part-title{font-size:16px;line-height:50px;padding:0}.part-content{flex-grow:1;flex-wrap:wrap}.microsoft{width:100%;margin:0;border-bottom:12px solid #f7f7f7;padding:0 8px}.microsoft-content>div{width:100%}.microsoft-content .left-part,.microsoft-content .right-part>div:first-child{margin-bottom:6px}.microsoft-content .right-part>div{margin:0 -3px}.microsoft-content>div,.microsoft-content .right-part .part-item{margin:0 3px}.microsoft-content .right-part .item-content,.microsoft .item-content{left:12px;bottom:20px}.microsoft .item-title{font-size:16px;line-height:16px}.microsoft .item-sub-title{font-size:12px;zoom:.83;margin-top:6px}.microsoft .arrow-right{margin-top:6px}#trade-in .part-content{flex-wrap:wrap-reverse}#trade-in .part-item{width:100%;margin-bottom:10px}#trade-in .part-one{margin-bottom:0}}