.center{margin:0 auto;width:80%;max-width:1200px}img{max-width:100%;display:block}.swiper-pagination-bullet{width:10px;height:10px;background-color:#fff}body{padding-top:82px}section.product-container{padding:60px 0}section.product-container h2.title{font-size:24px;font-weight:500;color:#3083eb;border-bottom:3px solid #3083eb;display:inline-block;position:relative;bottom:-2px;padding:10px 20px}section.product-container hr{margin:0}section.product-container .search{display:inline-block;position:relative;width:232px;height:32px;padding:20px 0}section.product-container .search input{width:232px;height:32px;border:1px solid #ccc;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}section.product-container .search i.icon{width:18px;height:18px;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(/public/img/search.png);position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}section.product-container .screen{border-top:2px solid #ddd}section.product-container .screen dl.selected-box{background-color:#eee;padding:8px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}section.product-container .screen dl.selected-box dt{margin-right:10px;font-size:14px}section.product-container .screen dl.selected-box dd{font-size:14px;margin-right:10px;border:1px solid #ccc;color:#666;padding:6px 30px 6px 10px;background-color:#fff;position:relative}section.product-container .screen dl.selected-box dd:after{content:"";width:9px;height:9px;background-repeat:no-repeat;background-position:50%;background-size:contain;cursor:pointer;background-image:url(/public/img/close.gif);position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}section.product-container .screen dl.screen-list{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eee;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.product-container .screen dl.screen-list dd,section.product-container .screen dl.screen-list dt{margin-right:20px;font-size:14px}section.product-container .screen dl.screen-list dd:hover a{color:#3083eb}section.product-container .product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.product-container .product-list .product-item{margin:0 15px 30px;width:calc(25% - 30px);position:relative}section.product-container .product-list .product-item a.img{display:block;width:100%;padding-top:65%;margin-bottom:15px}section.product-container .product-list .product-item .text{font-size:14px;color:#666}section.product-container .product-list .product-item .text .title{font-size:14px;margin-bottom:10px}section.product-container .product-list .product-item .text dd{line-height:2}section.product-container .product-list .product-item a.btn{position:absolute;right:10px;bottom:10px;font-size:12px;padding:4px 8px;border:2px solid #3083eb;-webkit-box-sizing:border-box;box-sizing:border-box;color:#3083eb}section.product-container .product-list .product-item a.btn:hover{background-color:#3083eb;color:#fff}section.product-container .pagelist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:30px}section.product-container .pagelist a{padding:0 10px;font-size:14px}section.product-container .pagelist a.status,section.product-container .pagelist a:hover{color:#3083eb}
.center{margin:0 auto;width:80%;max-width:1200px}img{max-width:100%;display:block}.swiper-pagination-bullet{width:10px;height:10px;background-color:#fff}
.center{margin:0 auto;width:80%;max-width:1200px}img{max-width:100%;display:block}.swiper-pagination-bullet{width:10px;height:10px;background-color:#fff}body{min-width:1000px;position:relative}header{position:fixed;width:100%;z-index:9999;background-color:#fff;top:0;left:0}header .center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}header .center .logo{width:200px;height:80px;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(/public/img/logo.png);background-position:0}header .center .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .center .nav-list .nav-item{border-top:2px solid rgba(0,0,0,0);display:block;height:80px;line-height:80px;padding:0 25px;position:relative}header .center .nav-list .nav-item .sublist{position:absolute;display:none;left:0;width:100%;background-color:#fff}header .center .nav-list .nav-item .sublist .subitem{height:48px;line-height:48px;text-align:center}header .center .nav-list .nav-item .sublist .subitem:hover a{color:#3083eb}header .center .nav-list .nav-item.active,header .center .nav-list .nav-item:hover{color:#3083eb;border-top:2px solid #3083eb}header .center .nav-list .nav-item:hover .sublist{display:block}
.center{margin:0 auto;width:80%;max-width:1200px}img{max-width:100%;display:block}.swiper-pagination-bullet{width:10px;height:10px;background-color:#fff}footer{padding:30px 0;background-color:#000;color:#8b919d;font-size:14px;text-align:center}footer .foot-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px}footer .foot-box .left-layout,footer .foot-box .right-layout{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .foot-box .left-layout .qrcode img{width:100px;height:100px}footer .foot-box .right-layout{font-size:24px}footer .foot-box .right-layout a{color:inherit}.return-up{position:fixed;display:block;bottom:50px;right:50px;width:50px;height:50px;z-index:999;background-repeat:no-repeat;background-position:50%;background-size:cover;cursor:pointer;background-image:url(/public/img/return-up.png)}