body{background:#cccccc}#HEAD .bbb{background:#3f3e43;position:relative;top:inherit;height:73px}.CCC_0{background:#fff;padding:0 0 40px 0;border-bottom:10px solid #ccc;border-top:10px solid #ccc}.CCC_0 .box-4{height:700px;position:relative}.CCC_0 .box-4 .picss{overflow:hidden}.CCC_0 .box-4 .picss .mask{width:100000px}.CCC_0 .box-4 .picss .mask li{width:1240px;height:700px;float:left}.CCC_0 .box-4 .picss .mask li img{width:100%;height:100%}.CCC_0 .box-4 .conl{position:absolute;bottom:0;width:100%;height:90px;background:rgba(0,0,0,0.5)}.CCC_0 .box-4 .conl .dian{right:40px;top:20px;position:absolute}.CCC_0 .box-4 .conl .dian a{border-radius:10px;width:10px;background:#aaa;height:10px;display:inline-block;margin:0 0 0 14px}.CCC_0 .box-4 .conl .dian a.active{background:#fff}.CCC_0 .search{padding:20px 20px 30px 20px;border-top:8px solid #ccc;border-bottom:8px solid #ccc}.CCC_0 .search .ttt{font-size:16px;padding:0 0 19px 0;color:#777}.CCC_0 .search .uli{display:flex;flex-wrap:nowrap;align-items:flex-end}.CCC_0 .search .uli li{margin:0 20px 0 0}.CCC_0 .search .uli li p{display:block;padding:0 0 5px 0;font-size:14px;color:#555}.CCC_0 .search .uli li:nth-child(1){width:34%}.CCC_0 .search .uli li:nth-child(2){width:44%}.CCC_0 .search .uli li:nth-child(3){width:9%}.CCC_0 .search .uli .i0{border:1px solid #ddd;border-radius:4px;width:100%;height:36px;padding:0 10px;background:url(../img/icon_11.png) 97% center no-repeat;background-size:12px}.CCC_0 .search .uli .i1{border:1px solid #ddd;border-radius:4px;width:100%;height:34px;padding:0 10px}.CCC_0 .search .uli .i2{border:1px solid #d0101b;border-radius:4px;width:100%;height:36px;background:#d0101b;color:#fff;padding:0 10px;margin:0 0 0 20px}.CCC_0 .product_list{width:97%;padding:20px 0 0 0;margin:0 auto;display:flex;flex-wrap:wrap}.CCC_0 .product_list a{position:relative;width:23.5%;margin:0 2% 4% 0}.CCC_0 .product_list a .pic{width:100%}.CCC_0 .product_list a .pic img{width:100%}.CCC_0 .product_list a .name{text-align:center;font-size:15px;color:#555;padding:5px 0 0 0;line-height:31px;letter-spacing:0.04em;font-weight:400}.CCC_0 .product_list a:hover .pic{transform:translateY(-8px)}.CCC_0 .product_list a:hover .name{color:#5b222b}.CCC_0 .product_list a:nth-child(4n){margin:0 0 4% 0}@media screen and (max-width: 650px){.CCC_0{background:#fff;padding:0 0 40px 0;margin:20px auto 0 auto;border-bottom:10px solid #ccc}.CCC_0 .box-4{height:auto;position:relative}.CCC_0 .box-4 .picss{overflow:hidden}.CCC_0 .box-4 .picss .mask{width:100%}.CCC_0 .box-4 .picss .mask li{width:100%;height:auto;float:left}.CCC_0 .box-4 .picss .mask li img{width:100%;height:100%}.CCC_0 .box-4 .conl{position:absolute;bottom:0;width:100%;height:40px;background:rgba(0,0,0,0.5)}.CCC_0 .box-4 .conl .dian{right:0;top:14px;position:absolute;width:100%}.CCC_0 .box-4 .conl .dian a{border-radius:10px;width:10px;background:#aaa;height:10px;display:inline-block;margin:0 0 0 14px}.CCC_0 .box-4 .conl .dian a.active{background:#fff}.CCC_0 .search{padding:20px 20px 10px 20px;border-top:8px solid #ccc;border-bottom:8px solid #ccc}.CCC_0 .search .ttt{font-size:14px;padding:0 0 19px 0;color:#777}.CCC_0 .search .uli{display:flex;flex-wrap:wrap;align-items:flex-end}.CCC_0 .search .uli li{margin:0 0 20px 0}.CCC_0 .search .uli li p{display:block;padding:0 0 5px 0;font-size:14px;color:#555}.CCC_0 .search .uli li:nth-child(1){width:100%}.CCC_0 .search .uli li:nth-child(2){width:76%}.CCC_0 .search .uli li:nth-child(3){width:20%;margin:0 0 20px 4%}.CCC_0 .search .uli .i0{border:1px solid #ddd;border-radius:4px;width:100%;height:36px;padding:0 10px;background:url(../img/icon_2.png) 97% center no-repeat;background-size:10px}.CCC_0 .search .uli .i1{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;height:34px;padding:0 10px}.CCC_0 .search .uli .i2{border:1px solid #d0101b;box-sizing:border-box;border-radius:4px;width:100%;height:36px;background:#d0101b;color:#fff;padding:0 10px;margin:0}.CCC_0 .product_list{width:95%;padding:20px 0 0 0;margin:0 auto;display:flex;flex-wrap:wrap}.CCC_0 .product_list a{position:relative;width:49%;margin:0 2% 4% 0}.CCC_0 .product_list a .pic{width:100%}.CCC_0 .product_list a .pic img{width:100%}.CCC_0 .product_list a .name{text-align:center;font-size:12px;color:#555;padding:9px 0 10px 0;line-height:21px;letter-spacing:0.04em;font-weight:400}.CCC_0 .product_list a:hover .pic{transform:translateY(-8px)}.CCC_0 .product_list a:hover .name{color:#5b222b}.CCC_0 .product_list a:nth-child(4n){margin:0 0 4% 0}.CCC_0 .product_list a:nth-child(2n){margin:0 0 4% 0}}
