.pageCon{ padding: 1vw 0; background: url(../images/f01.jpg) #fff repeat left top ;}
.whiteBG{background:#fafafa; padding:0vw 2vw .5vw 2vw; box-shadow:1px 1px 15px #cacaca; margin:2.5vw 0; }
.pageList{ padding:4vh 0; }
.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:100%; height:auto;}
.pbanner img.pc{ display:block;}
.pbanner img.mob{ display:none;}

.pageTitle{border-bottom:#fff solid 1px; background:#fafafa;  line-height:100%; padding:.5vw 0; text-align:left; color:#333}
.pageTitle p{ margin:0; padding:1vw 0; text-align:left; font-size:.85vw;}

.tagMenu {padding:2vw 10% 0 10%;display: flex; justify-content:center; flex-wrap:wrap; }
.tagMenu li{cursor:pointer ;margin:0 .5vw; transition: all .3s;  }
.tagMenu li .tagBtn{ box-shadow:1px 1px 20px #cacaca;border: 1px solid #e8e8e8; padding:.5vw 1.5vw;background:#FFF; text-align:center; margin:0 auto;border-radius:3px; overflow:hidden;transition: all .3s;}
.tagMenu li .tagBtn p{padding:0 0;color:#3f3e3e; font-size:.85vw; line-height:150%;transition: all .3s;}
.tagMenu li:hover .tagBtn p{color:#cf1a20;transition: all .3s;}

.tagMenu li.current .tagBtn{ border: 1px solid #cf1a20; color:#cf1a20;transition: all .3s;}
.tagMenu li.current .tagBtn p{color:#cf1a20;transition: all .3s;}
.tagMenu li a{ display:block;}

.moreBtn{display:inline-block; margin: 2vw 0;}
.moreBtn a{ padding:.7vw 2.5vw;border:#CCC solid 1px; background:#FFF; line-height:100%; display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;box-shadow:1px 1px 20px #cacaca;display:inline-block; margin:2vh 0;border-radius:20px; overflow:hidden;transition: all .5s;}
.moreBtn a:hover{ padding:.7vw 2.8vw;border:#df0716 solid 1px; background:#df0716; color:#FFF;  display:inline-block; margin:2vh 0;transition: all .5s;}

@media (min-width: 769px) and (max-width: 1520px){



}
@media (max-width: 768px) {
	.pageTitle{border-bottom:#f0f0f0 solid 1px; background:#fff;  line-height:14px; padding:20px 0; text-align:left;}
	.pageTitle p{ margin:0; padding:0 0;}
.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:100%; height:auto;}
.pbanner img.pc{ display:none;}
.pbanner img.mob{ display:block;}
	.pageTitle{border-bottom:#f0f0f0 solid 1px; background:#fff;  line-height:14px; padding:20px 0; text-align:left;}
	.pageTitle p{ margin:0; padding:0 0;}
	.product-tit{width: 100%; }
.product-tit h3{font-size: 30px;color: #df0716; font-weight:normal; letter-spacing:1px;text-align:center; line-height:150%;}
.tagMenu { padding:20px 0 20px 0;display: flex; justify-content:center; flex-wrap:wrap; }
.tagMenu li{padding:0 3px; cursor:pointer ;margin:0 5px; border-radius:3px;transition: all .3s; }
.tagMenu li .tagBtn{ border: 1px solid #e8e8e8; padding:8px 20px; text-align:center; margin:0 auto;border-radius:3px; overflow:hidden;transition: all .3s;}
.tagMenu li .tagBtn p{ padding:0 0;color:#3f3e3e; font-size:14px; line-height:150%;transition: all .3s;}
.tagMenu li:hover .tagBtn p{color:#cf1a20;transition: all .3s;}

.tagMenu li.current .tagBtn{ border: 1px solid #cf1a20; color:#cf1a20;transition: all .3s;}
.tagMenu li.current .tagBtn p{color:#cf1a20;transition: all .3s;}
	.moreBtn{display:inline-block; margin:20px 0;}
.moreBtn a{ padding:10px 40px;border:#CCC solid 1px; display:inline-block; margin:0 0;box-shadow:none;transition: all .3s;}
.moreBtn a:hover{ padding:10px 40px;border:#df0716 solid 1px; display:inline-block; margin:2vh 0;transition: all .3s;}


}