*{padding:0;margin:0}.imgcode{width:24px;height:24px}.imgcode_box{position:fixed;background-color:#fff;border-bottom:2px solid #eee;top:0;left:0;max-height:120px;width:100vw;z-index:100000000000000000000;display:none}.box_img{max-width:1400px;margin:0 auto;padding:0 30px 20px 30px}.box_img .xx{display:flex;justify-content:space-between;align-items:center;font-size:#333;font-size:20px}.xxcont{display:inline-flex;width:100%;margin-top:10px}.xxcont input{background:#eee;width:100%;height:45px;padding:0 20px}.xxcont button{width:60px;height:40px;background:-moz-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-webkit-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-ms-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:linear-gradient(90deg,#ef993a 0%,#e78131 100%);color:#fff;cursor:pointer;text-align:center;border-radius:0}.cks{cursor:pointer}@media screen and (max-width:868px){.searches{display:none}.box_img{display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:center;padding:5px 10px 10px 10px}#searchform{flex:1;margin-right:15px}.imgcode_box{height:70px!important;position:fixed;top:0;left:0;width:100%}}.caseLists{background-color:#fff;padding:90px 0 80px}.caseLists .subnav{margin-bottom:45px}.caseLists .subnav>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.caseLists .subnav>ul>li{margin-right:5%;position:relative}.caseLists .subnav>ul>li>a{display:block;min-width:128px;height:42px;line-height:42px;background-color:#f1f1f1;border-radius:21px;text-align:center;padding:0 30px}.caseLists .subnav>ul>li:first-child>a::after{display:none}.caseLists .subnav>ul>li:last-child{margin-right:0}.caseLists .subnav>ul>li.active>a{background:-moz-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-webkit-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-ms-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:linear-gradient(90deg,#ef993a 0%,#e78131 100%);color:#fff}.caseLists .content .item{display:none}.caseLists .content .item:first-child{display:block}.caseLists .content ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-left:0;margin-right:0;padding-left:0}.caseLists .content ul li{width:33.33%;padding:0 28px 56px}.caseLists .content ul li a{display:block;height:100%;border:1px solid #e3e3e3;background-color:#fafafa;border-radius:10px;overflow:hidden}.caseLists .content ul li a:hover .img img{transform:scale(1.05)}.caseLists .content ul li .img{height:250px;overflow:hidden}.caseLists .content ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .5s}.caseLists .content ul li .txt{padding:25px 9%}.caseLists .content ul li .txt h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caseLists .content ul li .txt p{line-height:18px;color:#666;margin:10px 0 22px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px}.caseLists .content ul li .txt button{background-color:#fff;color:#e0852e;display:flex;justify-content:center;width:126px;height:33px;align-items:center;cursor:pointer;border-radius:16px;transition:all .5s}.caseLists .content ul li .txt button::after{content:"\e775";color:#fff;transition:all .5s;font-family:"iconfont"!important;font-size:15px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caseLists .content ul li .txt button::after{color:#e0852e;font-size:12px}.caseLists .content ul li .txt button:hover{background:-moz-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-webkit-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:-ms-linear-gradient(90deg,#ef993a 0%,#e78131 100%);background:linear-gradient(90deg,#ef993a 0%,#e78131 100%);color:#fff}.caseLists .content ul li .txt button:hover::after{transform:translateX(10%);color:#fff}.caseLists .content .btn-more{margin-top:0}.caseLists .content .btn-more a{display:block;width:142px;height:42px;line-height:42px;border-radius:21px;color:#e0852e;background:#f6f6f6;border:1px solid #e5e5e5;text-align:center;margin:0 auto}.caseLists .content .btn-more a:hover{background-color:#e0852e;color:#fff}.caseLists .sort{margin:0 0 40px;max-height:150px;overflow-y:auto}.caseLists .sort::-webkit-scrollbar-track{background-color:#fff0}.caseLists .sort::-webkit-scrollbar{width:2px;height:2px;border-radius:2px;background-color:#E7E7E7}.caseLists .sort::-webkit-scrollbar-thumb{background-color:#ea8b34;border-radius:3px}.caseLists .sort a{display:inline-block;margin:15px 12px;padding:6px 20px;border:1px solid #e0852e;color:#e0852e;border-radius:5px;min-width:120px;text-align:center}.caseLists .sort a.active{background:#e0852e;color:#fff}@media screen and (max-width:1440px){.page-Case-Recommended .swiper-cases .img{height:370px}.caseLists .subnav ul li{margin-right:3%}.caseLists .content ul{margin-left:-20px;margin-right:-20px}.caseLists .content ul li{padding:0 20px 40px}.caseLists .content ul li .img{height:190px}}@media screen and (max-width:1024px){.caseLists{padding:50px 0 40px}.caseLists .subnav{margin-bottom:25px}.caseLists .subnav ul{flex-wrap:wrap}.caseLists .content ul{margin-left:-15px;margin-right:-15px}.caseLists .content ul li{padding:0 15px 30px}.caseLists .content ul li .img{height:172px}.caseLists .content ul li .txt{padding:20px}}@media screen and (max-width:768px){.caseLists .content ul{margin-left:-10px;margin-right:-10px}.caseLists .content ul li{padding:0 10px 20px;width:50%}.caseLists .content ul li .img{height:25vw}.caseLists .content ul li .txt{padding:20px}.caseLists .subnav>ul>li a{height:38px;line-height:38px}.caseLists .subnav>ul{margin-left:-5px;margin-right:-5px}.caseLists .subnav>ul>li{width:33.33%;margin-right:0;padding:0 5px 10px}.caseLists .subnav>ul>li a{width:100%}.caseLists .subnav>ul>li ul{top:calc(100% - 10px)}.caseLists .sort a{margin:5px;min-width:90px}}@media screen and (max-width:520px){.caseLists .content ul{margin-left:-5px;margin-right:-5px}.caseLists .content ul li{padding:0 5px 10px}.caseLists .content ul li a{border-radius:5px}.caseLists .content ul li .img{height:25vw}.caseLists .content ul li .txt{padding:10px}.caseLists .subnav>ul>li{width:50%}}