.pageCon{ padding:0; background: url(../images/20191218/f01.jpg) #fff repeat left top ;}
.pageCon .mainContainer{ padding:3vw 2vw;position: relative;}
.conItem{ width:100%; background:#fff; padding:1vw 3vw; margin:0 auto; margin-bottom:3vw; text-align:center;  position:relative;}
 
.pageList{ padding:4vh 0; }
.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:100%; height:auto;}
.pageTitle{border-bottom:#f0f0f0 solid 1px; background:#fff;  line-height:100%; padding:30px 0; text-align:left; color:#333}
.pageTitle p{ margin:0; padding:0; text-align:left}
.product-tit{width: 100%; }
.product-tit h3{font-size: 40px;color: #df0716; font-weight:normal; letter-spacing:0;text-align:center; line-height:200%;}
.section-content h5{ font-size:20px; margin:0 0 0 0; color:#333; font-weight:normal;}
.pageBox{ padding:40px 0;}
.tagMenu {padding:6vh 10% 3vh 10%;display: flex; justify-content:center; flex-wrap:wrap; }
.tagMenu li{cursor:pointer ;margin:0 .5vw; transition: all .3s;  }
.tagMenu li .tagBtn{ 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:1.5vh 0;}
.moreBtn a{ padding:1.3vh 3vw;border:#CCC solid 1px; background:#FFF; display:inline-block; margin:2vh 0;border-radius:3px; overflow:hidden;transition: all .3s;}
.moreBtn a:hover{ padding:1.3vh 3vw;border:#df0716 solid 1px; display:inline-block; margin:2vh 0;transition: all .3s;}
.title{ width:100%; padding:2vw; background:#FFF;}
.title h1{ font-weight:500;}
.title p{ padding:1vh 0;  font-size:0.9vw; text-align:left;}
.activtytitle{ background:#FFF; padding:1vw;box-shadow:1px 1px 20px #cacaca;position:relative;}
.activtytitle .lefttitle{ float:left; width:160px; height:auto; position:relative;}
.activtytitle .lefttitle .bg img{ width:100%;  height:auto}
.activtytitle .lefttitle .tcon{ width:auto; position:absolute; left:50%; top:50%;transform: translate(-50%, -40%); }
.activtytitle .lefttitle .tcon img{ width:60px; height:auto;}
.activtytitle .lefttitle .tcon h2{ color:#FFF; font-weight:500; font-size:28px;white-space: nowrap; line-height:200%; margin:.5vh 0; letter-spacing:2px;}
.activtytitle .rightTxt{position:absolute; left:220px; top:50%; width:calc(100% - 240px); transform: translate(0, -50%); text-align:left; }
.activtytitle .rightTxt h1{ line-height:150%; font-weight:500; margin-bottom:2vh; font-size:1.5vw;}
.activtytitle .rightTxt p{ line-height:200%; font-size:1vw; color:#333}
.activtytitle .rightTxt .videoBox{ margin-bottom:1vh; display:inline-table; padding:.5vw .7vw; line-height:100%; color:#fff; background:#df0716; border-radius:5px; overflow:hidden;}
.activtytitle .rightTxt a .videoBox{padding:.5vw .7vw; color:#fff; background:#df0716;transition: all .5s;}
.activtytitle .rightTxt a:hover .videoBox{padding:.5vw .9vw; color:#fff; background:#f20313;transition: all .5s;}

.activtytitle .rightTxt i{ margin:0 0 0 5px;}
@media (min-width: 769px) and (max-width: 1520px){

.activtytitle .rightTxt h1{font-size:20px; }


}
@media (max-width: 768px) {
	.pageCon{ padding:0; background:#fafafa  ;}

	.pageList{ padding:20px 0; }
.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:100%; height:auto; margin-left:0;}
	.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:40px 0 0 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:10px 0;}
.moreBtn a{ padding:10px 40px;border:#CCC solid 1px; display:inline-block; margin:2vh 0;transition: all .3s;}
.moreBtn a:hover{ padding:10px 40px;border:#df0716 solid 1px; display:inline-block; margin:2vh 0;transition: all .3s;}

.activtytitle{ background:#FFF; padding:10px; margin:10px 0;box-shadow:none;position:relative;}
.activtytitle .lefttitle{ display:none; float:left; width:160px; height:auto; position:relative;}
.activtytitle .lefttitle .bg img{ width:100%;  height:auto}
.activtytitle .lefttitle .tcon{ width:auto; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); }
.activtytitle .lefttitle .tcon img{ width:69px; height:auto;}
.activtytitle .lefttitle .tcon h2{ color:#FFF; font-weight:500; font-size:28px;white-space: nowrap; line-height:200%; letter-spacing:2px;}
.activtytitle .rightTxt{position:static; left:0; top:0; width:100%; transform: translate(0, 0); text-align:left; padding:20px; }
.activtytitle .rightTxt h1{ font-weight:500; line-height:150%; margin-bottom:10px; font-size:20px}
.activtytitle .rightTxt p{ line-height:200%; font-size:14px; color:#333}
}