body .home{background:#F2F2F2}body .home .container{padding:8.33333vw 5.20833vw}body .home .container .sr input{width:100%;border:1px solid #D4D4D4;background:#FFF;outline:none;padding:1.5625vw 2.08333vw;font-size:.9375vw}body .home .container .types{display:flex;gap:2.08333vw;padding:3.125vw 0 1.04167vw 0;border-bottom:1px solid #D4D4D4}body .home .container .types span{color:#858585;line-height:1.11;letter-spacing:0.36px;text-transform:capitalize;cursor:pointer;transition:all 600ms}body .home .container .types span.on{color:#000}body .home .container .rs{margin:.83333vw 0 2.08333vw 0;line-height:1.5;letter-spacing:0.36px}body .home .container .boxs .box{display:none}body .home .container .boxs .box.on{display:block}body .home .container .boxs .box .pager{display:flex;justify-content:center;align-items:center;gap:1.5625vw;margin-top:4.16667vw}body .home .container .boxs .box .pager .prev,body .home .container .boxs .box .pager .next{display:block}body .home .container .boxs .box .pager .prev svg,body .home .container .boxs .box .pager .next svg{display:block;width:1.04167vw;height:auto}body .home .container .boxs .box .pager .prev svg:hover path,body .home .container .boxs .box .pager .next svg:hover path{fill:#B62D23}body .home .container .boxs .box .pager .nums{display:flex;gap:1.04167vw}body .home .container .boxs .box .pager .nums a{width:2.08333vw;height:2.08333vw;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#333;line-height:1;transition:all 600ms}body .home .container .boxs .box .pager .nums a.on,body .home .container .boxs .box .pager .nums a:hover{background:#B62D23;color:#fff}body .home .container .boxs .box.pro_box .list{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.45833vw}body .home .container .boxs .box.pro_box .list .item{width:100%;border-radius:1.5625vw;background:#FAFAFA;transition:0.6s;padding:1.04167vw 1.35417vw 1.19792vw;cursor:pointer;position:relative}body .home .container .boxs .box.pro_box .list .item .hand{width:1.61458vw;position:absolute;top:9.375vw;right:2.1875vw;opacity:0;transition:0.6s}body .home .container .boxs .box.pro_box .list .item .hand img{display:block;width:100%}body .home .container .boxs .box.pro_box .list .item .item_bg{position:absolute;width:8.22917vw;right:0;bottom:1.40625vw;opacity:0;transition:0.6s;z-index:2}body .home .container .boxs .box.pro_box .list .item .item_bg img{display:block;width:100%}body .home .container .boxs .box.pro_box .list .item .h5{color:#333;font-weight:700;line-height:2;text-transform:capitalize;transition:0.6s;position:relative;z-index:3}body .home .container .boxs .box.pro_box .list .item .img{width:100%;height:7.8125vw;margin:1.04167vw 0 .52083vw;position:relative;z-index:3}body .home .container .boxs .box.pro_box .list .item .img img{display:block;width:100%}body .home .container .boxs .box.pro_box .list .item .item_list{margin-bottom:1.19792vw;position:relative;z-index:3}body .home .container .boxs .box.pro_box .list .item .item_list .tr{width:100%;display:flex;justify-content:space-between;align-items:center;height:1.82292vw;border-bottom:.05208vw solid #DDD}body .home .container .boxs .box.pro_box .list .item .item_list .tr:not(:last-child){margin-bottom:.52083vw}body .home .container .boxs .box.pro_box .list .item .item_list .tr .td{color:#333;font-weight:400;transition:0.6s}body .home .container .boxs .box.pro_box .list .item .btns{display:flex;justify-content:space-between;position:relative;position:relative;z-index:3}body .home .container .boxs .box.pro_box .list .item .btns:after{content:"";width:.05208vw;height:1.35417vw;background:#DDDDDD;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:0.6s}body .home .container .boxs .box.pro_box .list .item .btns .btn{display:flex;align-items:center;gap:.41667vw}body .home .container .boxs .box.pro_box .list .item .btns .btn p{color:#B62D23;font-weight:400;transition:0.6s}body .home .container .boxs .box.pro_box .list .item .btns .btn img{display:block;transition:0.6s;width:1.09375vw}body .home .container .boxs .box.pro_box .list .item:hover{background:#B62D23}body .home .container .boxs .box.pro_box .list .item:hover .hand{opacity:1}body .home .container .boxs .box.pro_box .list .item:hover .item_bg{opacity:1}body .home .container .boxs .box.pro_box .list .item:hover .h5{color:#FFFFFF}body .home .container .boxs .box.pro_box .list .item:hover .item_list .tr .td{color:#FFFFFF}body .home .container .boxs .box.pro_box .list .item:hover .btns:after{background:#FFFFFF}body .home .container .boxs .box.pro_box .list .item:hover .btns .btn p{color:#FFFFFF}body .home .container .boxs .box.pro_box .list .item:hover .btns .btn img{filter:brightness(0) invert(1)}body .home .container .boxs .box.p_box .list{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25vw .98958vw}body .home .container .boxs .box.p_box .list a{display:block;width:100%;padding:.625vw;padding-bottom:1.19792vw;border-radius:1.5625vw;background:#FAFAFA;transition:all 600ms}body .home .container .boxs .box.p_box .list a .pic{border-radius:1.04167vw;overflow:hidden;position:relative}body .home .container .boxs .box.p_box .list a .pic .mp{width:100%;display:block;object-fit:cover;height:11.97917vw;transition:all 600ms}body .home .container .boxs .box.p_box .list a .pic .icon{width:3.125vw;display:block;position:absolute;right:.625vw;bottom:.625vw;opacity:0;transition:all 600ms}body .home .container .boxs .box.p_box .list a .pt{margin:.83333vw 0 .52083vw 0;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight:500;line-height:1.2;transition:all 600ms}body .home .container .boxs .box.p_box .list a .des{color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.2;height:3.4375vw;transition:all 600ms}body .home .container .boxs .box.p_box .list a:hover{background:#B62D23}body .home .container .boxs .box.p_box .list a:hover .pic .icon{opacity:1}body .home .container .boxs .box.p_box .list a:hover .pt,body .home .container .boxs .box.p_box .list a:hover .des{color:#fff}body .home .container .boxs .box.n_box .list a{border-top:1px solid #E8E8E8;padding:2.08333vw 0;display:flex;justify-content:space-between;gap:3.90625vw}body .home .container .boxs .box.n_box .list a .pic{width:34.375vw;overflow:hidden;border-radius:1.04167vw}body .home .container .boxs .box.n_box .list a .pic img{width:100%;height:21.04167vw;display:block;object-fit:cover;transition:all 600ms}body .home .container .boxs .box.n_box .list a .text{width:100%;flex:1;position:relative}body .home .container .boxs .box.n_box .list a .text .time{color:#666;line-height:1.2}body .home .container .boxs .box.n_box .list a .text .pt{margin:1.5625vw 0 .9375vw 0;color:#333;font-weight:700}body .home .container .boxs .box.n_box .list a .text .des{color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}body .home .container .boxs .box.n_box .list a .text .more{display:inline-flex;width:7.8125vw;height:2.29167vw;justify-content:center;align-items:center;gap:.52083vw;border-radius:1.5625vw;border:1px solid #B62D23;color:#B62D23;font-weight:500;cursor:pointer;transition:all 600ms;position:absolute;left:0;bottom:0}body .home .container .boxs .box.n_box .list a .text .more img{display:block;width:.88542vw;margin-top:.10417vw;transition:all 600ms}body .home .container .boxs .box.n_box .list a:hover .pic img{transform:scale(1.05)}body .home .container .boxs .box.n_box .list a:hover .text .more{background:#B62D23;color:#fff}body .home .container .boxs .box.n_box .list a:hover .text .more img{filter:brightness(0) invert(1)}@media screen and (max-width: 768px){body .home .container{padding:80px 5%}body .home .container .sr input{padding:15px 20px;font-size:16px}body .home .container .types{gap:20px;padding:30px 0 10px 0}body .home .container .rs{margin:8px 0 20px 0}body .home .container .boxs .box.pro_box .list{gap:20px;grid-template-columns:1fr}body .home .container .boxs .box.pro_box .list .item{width:100%;padding:20px;border-radius:20px}body .home .container .boxs .box.pro_box .list .item .hand{display:none}body .home .container .boxs .box.pro_box .list .item .img{width:100%;height:166px;margin:6px 0}body .home .container .boxs .box.pro_box .list .item .item_list{margin-bottom:12px}body .home .container .boxs .box.pro_box .list .item .item_list .tr{height:36px}body .home .container .boxs .box.pro_box .list .item .item_list .tr:not(:last-child){margin-bottom:6px}body .home .container .boxs .box.pro_box .list .item .item_list .tr .td{font-size:15px}body .home .container .boxs .box.pro_box .list .item .btns .btn{gap:4px}body .home .container .boxs .box.pro_box .list .item .btns .btn p{font-size:15px}body .home .container .boxs .box.pro_box .list .item .btns .btn img{width:16px}body .home .container .boxs .box.pro_box .list .item .btns:after{height:20px}body .home .container .boxs .box.p_box .list{grid-template-columns:repeat(1, 1fr);gap:20px}body .home .container .boxs .box.p_box .list a{padding:20px;padding-bottom:16px;border-radius:20px}body .home .container .boxs .box.p_box .list a .pic{border-radius:15px}body .home .container .boxs .box.p_box .list a .pic .mp{height:230px}body .home .container .boxs .box.p_box .list a .pic .icon{width:40px;right:8px;bottom:8px}body .home .container .boxs .box.p_box .list a .pt{margin:12px 0 8px 0;font-size:18px}body .home .container .boxs .box.p_box .list a .des{line-height:1.5;font-size:16px;height:auto}body .home .container .boxs .box.n_box .list a{flex-direction:column;gap:20px;padding:30px 0}body .home .container .boxs .box.n_box .list a .pic{width:100%;border-radius:10px}body .home .container .boxs .box.n_box .list a .pic img{height:200px}body .home .container .boxs .box.n_box .list a .text .time{font-size:14px}body .home .container .boxs .box.n_box .list a .text .pt{margin:15px 0 10px 0;font-size:18px}body .home .container .boxs .box.n_box .list a .text .des{font-size:14px;-webkit-line-clamp:3}body .home .container .boxs .box.n_box .list a .text .more{position:static;width:120px;height:38px;gap:8px;margin-top:20px;border-radius:20px;font-size:14px}body .home .container .boxs .box.n_box .list a .text .more img{width:14px}body .home .container .boxs .box .pager{gap:15px;margin-top:30px}body .home .container .boxs .box .pager .prev svg,body .home .container .boxs .box .pager .next svg{width:16px}body .home .container .boxs .box .pager .nums{gap:10px}body .home .container .boxs .box .pager .nums a{width:35px;height:35px;font-size:14px}}