.main>.content{display: flex;justify-content: space-between;margin: 60px auto;}
.main .left{width: 300px;width: 280px;}
.main .left p{line-height: 60px;font-size: 20px;background:#eee;box-sizing:border-box;padding:0 20px;color: #ab1a29;/* border-bottom: 1px solid #ccc; */text-align: center;background: #ab1a29;color: #fff;}
.main .left ul{border:1px solid #ccc;border-top:0}
.main .left ul li{text-align:center;line-height:40px;padding:0 20px}
.main .left ul li a{color:#333;border-bottom:1px solid #ccc;display:block}
.main .left ul li:last-child a{border-bottom:0}
.main .left ul li:hover a,.main .left ul li.active a{color:#ab1a29}
.main .right{width: 870px;border: 1px solid #ccc;padding:0 20px;box-sizing: border-box;min-height:500px}
.location{border-bottom: 1px solid #ccc;line-height:50px;color:#333;display: flex;justify-content: space-between}
.location .title{font-size:16px;padding-left:5px}
.location p{font-size:12px}
.location a{color:#333;font-size:12px}
.location a:last-child{color:#ab1a29}
.location span{margin:0 5px}

.pageBox{padding: 20px 0;}
.pageBox .info{color: #333;line-height: 2;font-size: 14px;text-indent:2em}
.pageBox img{height:auto}
.proList ul{display:flex;flex-wrap:wrap;margin:20px 0}
.proList ul li{width:48%;margin-right:4%;margin-bottom:20px}
.proList ul li:nth-child(2n){margin-right:0}
.proList ul li .Img{text-align:center;overflow:hidden;/* height: 100px; */}
.proList ul li .Img img{max-height:100%;transition:all .35s ease-in-out}
.proList ul li p{line-height:40px;color:#333;text-align:center}
.proList ul li:hover img{transform:scale(1.2)}
.proList ul li:hover p{color:#ab1a29}

.searchList ul li{line-height: 40px;border-bottom: 1px solid #ccc}
/*.searchList ul li:last-child{border-bottom: 0}*/
.searchList ul li a{font-size:14px;color: #333}
.searchList ul li p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.pages{text-align: center;margin: 30px 0}
.pages span{display: none}
.pages a{margin: 0 10px;color: #333}
.pages a.currentpage{color:#ab1a29}


@media screen and (max-width: 880px){
    .main>.content{margin:30px auto}
    .main .left{display: none}
    .main .right{width:100%;min-height: auto;padding: 0 4vw;}

    .location .title{width:50%;padding: 15px 0;line-height: 20px;}
    .location p{max-width: 50%;padding: 15px 0;line-height: 20px;}
    .proList ul li .Img{height:100px}
    .proList ul li p{font-size:12px}

    
    .pageBox{overflow-x:scroll;}

}