.container{width:100%}@media screen and (min-width: 768px){.center{margin-top:46px;padding:46px 10vw 68px}.center .content{display:flex}.center .content .leftListBox{width:388px;height:100%;max-height:900px;display:flex;flex-direction:column}.center .content .leftListBox .titBox{padding:26px 0 14px 56px;background-color:#1f5aa7;color:#fff}.center .content .leftListBox .titBox .tit1{position:relative;font-size:26px;font-weight:700}.center .content .leftListBox .titBox .tit1::after{content:'';height:27px;width:6px;background-color:#fff;position:absolute;left:-32px;top:50%;transform:translateY(-50%)}.center .content .leftListBox .titBox .tit2{margin-top:22px;font-size:16px}.center .content .leftListBox .scrollBox{flex:1;overflow:hidden;white-space:nowrap;overflow-y:auto;scroll-behavior:smooth}.center .content .leftListBox .scrollBox::-webkit-scrollbar{display:none}.center .content .leftListBox .scrollBox .leftList{flex:1;border-left:1px solid #ededed;border-right:1px solid #ededed}.center .content .leftListBox .scrollBox .leftList .pullDownGroup{border-bottom:1px solid #cacaca}.center .content .leftListBox .scrollBox .leftList .pullDownGroup.active .tit .icon{background:url(../image/select-a.png) no-repeat center center/cover}.center .content .leftListBox .scrollBox .leftList .pullDownGroup.active .pullDownList{display:block}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit{padding:0 50px;height:86px;display:flex;align-items:center}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit .con{font-size:17px;color:#235aa7}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit .icon{margin-left:50px;width:27px;height:27px;background:url(../image/select.png) no-repeat center center/cover}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .pullDownList{background-color:#ededed;display:none}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .pullDownList .item{height:57px;font-size:16px}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .pullDownList .item:last-child{border-bottom:none}.center .content .leftListBox .scrollBox .leftList .item{border-bottom:1px solid #cacaca;display:flex;align-items:center;height:88px;padding:0 50px;font-size:20px}.center .content .leftListBox .scrollBox .leftList .item:hover,.center .content .leftListBox .scrollBox .leftList .item.action{background-color:#235aa7;color:#fff}.center .content .leftListBox .callMe .shadowBox{margin-top:40px;position:relative;width:364px;height:135px;border-radius:20px;background-color:#ceedfd}.center .content .leftListBox .callMe .shadowBox .conBox{z-index:2;box-sizing:border-box;position:absolute;left:-20px;top:-20px;height:100%;width:100%;padding:30px;background-color:#dcf6fddc;border-radius:20px;display:flex;justify-content:space-between}.center .content .leftListBox .callMe .shadowBox .conBox .left .titBox2 .tit1{font-size:16px;color:#3c494a}.center .content .leftListBox .callMe .shadowBox .conBox .left .titBox2 .tit2{font-size:12px;margin-top:10px;color:#81898e}.center .content .leftListBox .callMe .shadowBox .conBox .left .phone{margin-top:24px;font-size:20px;font-weight:700;color:#43514f}.center .content .leftListBox .callMe .shadowBox .conBox .right .img{width:70px;height:70px;object-fit:contain}.center .content .rightListBox{flex:1;margin-left:64px}.center .content .rightListBox .rightList{display:flex;flex-wrap:wrap}.center .content .rightListBox .rightList .item{margin-right:1.8%;margin-bottom:32px;padding-bottom:32px;flex:0 0 31.5%;display:flex;flex-direction:column;background-color:#f4f8fe;align-items:center}.center .content .rightListBox .rightList .item:hover,.center .content .rightListBox .rightList .item.active,.center .content .rightListBox .rightList .item.active2{background-color:#1f5aa7}.center .content .rightListBox .rightList .item:hover .imgBox .img,.center .content .rightListBox .rightList .item.active .imgBox .img,.center .content .rightListBox .rightList .item.active2 .imgBox .img{transform:scale(1.3)}.center .content .rightListBox .rightList .item:hover .titBox,.center .content .rightListBox .rightList .item.active .titBox,.center .content .rightListBox .rightList .item.active2 .titBox{color:#fff}.center .content .rightListBox .rightList .item:hover .txtCon,.center .content .rightListBox .rightList .item.active .txtCon,.center .content .rightListBox .rightList .item.active2 .txtCon{color:#fff}.center .content .rightListBox .rightList .item:hover .btn,.center .content .rightListBox .rightList .item.active .btn,.center .content .rightListBox .rightList .item.active2 .btn{background-color:#fff;color:#2159a9}.center .content .rightListBox .rightList .item .imgBox{margin-top:20px;display:flex;justify-content:center;align-items:center;width:200px;height:200px;overflow:hidden}.center .content .rightListBox .rightList .item .imgBox .img{transition:all 0.5s ease-out;width:80%;height:80%;object-fit:contain}.center .content .rightListBox .rightList .item .titBox{margin-top:10px;text-align:center;position:relative;display:flex;flex-direction:column;color:#44484c;font-size:16px}.center .content .rightListBox .rightList .item .titBox::after{content:'';position:absolute;bottom:-14px;left:50%;width:56px;height:1px;border:1px solid #b2c4f1;background-color:#1947b9;transform:translateX(-50%)}.center .content .rightListBox .rightList .item .titBox .tit{margin-top:8px}.center .content .rightListBox .rightList .item .titBox .tit:first-child{margin-top:0}.center .content .rightListBox .rightList .item .txtCon{flex:1;padding:30px 20px 0;color:#65696d;text-align:center;font-size:14px;line-height:19px}.center .content .rightListBox .rightList .item .btn{display:flex;align-items:center;justify-content:center;margin-top:40px;width:134px;height:32px;background-color:#2159a9;color:#fff;font-size:14px;line-height:1}.center .pagination{padding-left:450px}}@media screen and (max-width: 767px){.center{font-family:Microsoft YaHei, 微软雅黑;border-top:1px solid #dedede;background-color:#f5f5f5;padding:0 16px}.center .content .leftListBox .titBox{padding:30px 0;height:40px}.center .content .leftListBox .titBox::after{height:100%;content:'全部分类';display:block;background-color:#1f59a8;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;pointer-events:all}.center .content .leftListBox .titBox .tit1{display:none}.center .content .leftListBox .titBox .tit2{display:none}.center .content .leftListBox .scrollBox{width:0;z-index:2;position:fixed;top:0;right:0;height:100vh;background-color:#fff}.center .content .leftListBox .scrollBox .leftList{width:100%;box-sizing:border-box;border:1px solid #ebebeb;padding-top:45px}.center .content .leftListBox .scrollBox .leftList .pullDownGroup.active .tit .icon{background:url(../image/select-a.png) no-repeat center center/cover}.center .content .leftListBox .scrollBox .leftList .pullDownGroup.active .pullDownList{display:block}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit{padding:0 15px 0 40px;display:flex;align-items:center;border-bottom:1px solid #ebebeb}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit .con{line-height:50px;height:50px;color:#666666;font-size:15px}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .tit .icon{margin-left:10px;width:20px;height:20px;background:url(../image/select.png) no-repeat center center/cover}.center .content .leftListBox .scrollBox .leftList .pullDownGroup .pullDownList{display:none}.center .content .leftListBox .scrollBox .leftList .item{display:block;padding:0 15px 0 40px;line-height:50px;height:50px;border-bottom:1px solid #ebebeb;color:#666666;font-size:15px}.center .content .leftListBox .scrollBox .leftList .item.active{color:#1f59a8}.center .content .rightListBox .rightList{position:relative;display:flex;flex-wrap:wrap}.center .content .rightListBox .rightList .item{padding-top:10px;padding-bottom:20px;margin-top:6px;background-color:#fff;flex:0 1 49%;margin-left:6px}.center .content .rightListBox .rightList .item:nth-child(2n+1){margin-left:0}.center .content .rightListBox .rightList .item .imgBox .img{width:100%;height:100%;object-fit:contain}.center .content .rightListBox .rightList .titBox{margin-top:20px;text-align:center}.center .content .rightListBox .rightList .titBox .tit{margin-top:6px;color:#333333;font-size:14px;line-height:18px}.center .content .rightListBox .rightList .titBox .tit:first-child{margin-top:0}.center .content .rightListBox .rightList .txtCon{display:none}.center .content .rightListBox .rightList .btn{display:none}.center .callMe{display:none}}.ccFlexBox{display:flex;align-items:center;justify-content:center}