.bbs{margin: 0 0.2rem;}
.ProHeadNav{display: -webkit-box; display: -ms-flexbox; display: flex; background: #f2f2f2;}
.ProHeadNav a{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 0.22rem; color: #666; font-weight: bold; height: 0.6rem; line-height: 0.6rem;}
.ProHeadNav .on{color: #333;}
.ProBanner{width: 100%; position: relative; height: 5rem;}
.ProBanner .swiper-slide{position: relative; height: 5rem;}
.ProBanner .swiper-slide .img{width: 100%; overflow: hidden; height: 100%; -o-object-fit: cover; object-fit: cover;}
.ProBanner .swiper-slide .title{position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; max-width: 5rem;}
.ProBanner .swiper-slide .title img{width: 100%;}
.ProBanner .swiper-slide .PlayBtn{width: 0.7rem; height: 0.7rem; position: absolute; z-index: 3; cursor: pointer; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; left: 50%; top: 70%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/icon_play.png) no-repeat; background-size: 100%;}
.ProBanner .swiper-pagination{bottom: 20px;}
.ProBanner .swiper-pagination .swiper-pagination-bullet{background: #fff; width: 0.18rem; height: 0.18rem;}
.VideoInfo{width: 100%; height: 100%; z-index: 2999; position: fixed; left: 0; top: 0; overflow: hidden; display: none;}
.VideoInfo .VideoBg{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);}
.VideoInfo .VideoBody{width: 85%; height: 5rem; margin: 0 auto; position: relative;}
.VideoInfo .VideoBody .VideoClose{position: absolute; right: -0.5rem; top: 50%; width: 0.43rem; height: 0.43rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAM1BMVEUAAAD//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vs7SnsYAAAAEHRSTlMAEesJRDDgL95AFfOwTzpQdnMOOgAAAJpJREFUOMvl0rEWgkAMBdEAakQF8/9f664U0+3Q86oUt8qZiFhv4cstOq1ynFXfiL3KcXa0xfIAD+k8Bdgp2CnYqGKoYqhiqGKoYqhiqGKoYugI5/++j+mBP0bBTsFK2UXosp+nT9pQShtCCckp2Cn4DAU7BTs9ngEWCmZQxVDFUMVQxVDHCRW8xjRDh/j9ioY7Vdxpw406bvQHIKkU7sH6l2AAAAAASUVORK5CYII=) no-repeat; background-size: 100%; cursor: pointer;}
.VideoInfo .VideoBody video{width: 100%; height: 5rem; position: relative; top: 50%;}
.ProductItem{width: 100%; overflow: hidden; background: #f2f2f2; min-height: 0.8rem; margin-top: 0.1rem;}
.ProductItem .ProTitle{width: 2.4rem; height: 0.7rem; background: url(../images/title_img.png) no-repeat; background-size: 100%; margin: 0.2rem auto; overflow: hidden;}
.ProductItem .ProTitle i{display: block; background: url(../images/title_icon.png) no-repeat; background-size: 1.4rem auto; width: 1.4rem; height: 0.36rem; margin: 0.26rem auto;}
.ProductItem .ProTitle .tt_yxgl{background-position: 0 0;}
.ProductItem .ProTitle .tt_tjdq{background-position: 0 -0.4rem;}
.ProductItem .ProTitle .tt_xzbd{background-position: 0 -0.75rem;}
.ProductItem .ProTitle .tt_stzx{background-position: 0 -1.13rem;}
.ProductItem .ProTitle .tt_ldzp{background-position: 0 -1.5rem;}
.ProductItem .txtbt{height: 0.5rem; line-height: 0.55rem; color: #fff; font-size: 0.2rem; font-weight: bold; width: 100%; text-align: center; display: block; background: url(../images/title_bg.png) no-repeat; background-size: 100% 100%; margin: 0 0.1rem 0.2rem;}
.TabHead{display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 .2rem .2rem; border-bottom: 1px solid #d9d9d9; padding: 0 0 .2rem;}
.TabHead span{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.4rem; width: 1.2rem; background: #e6dfdf; border-radius: .2rem; text-align: center; line-height: 0.4rem; display: block; font-size: .18rem; font-weight: bold; color: #666;}
.TabHead span + span{margin-left: 0.8rem;}
.TabHead .on{background: #af1827; color: #fff;}
.TabBody .item + .item{display: none;}
.TabBody .listA{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;}
.TabBody .listA a{display: block; float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2.2rem; position: relative; overflow: hidden; border-radius: 0.1rem; margin: 0 0 0 0.15rem;}
.TabBody .listA a img{width: 100%; height: 100%;}
.TabBody .listA a p{width: 100%; height: 0.4rem; line-height: 0.4rem; padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 0.16rem; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-align: center;}
.TabBody .listB{width: 100%; overflow: hidden; margin: 0.1rem 0;}
.TabBody .listB li{float: left; width: 100%; height: 0.3rem; line-height: 0.3rem; margin-top: 0.05rem; display: -webkit-box; display: -ms-flexbox; display: flex;}
.TabBody .listB li::before{content: ""; display: block; float: left; width: 0.08rem; height: 0.08rem; background: #af1827; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: 0.12rem 0.1rem 0 0.15rem;}
.TabBody .listB li .bt{float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.3rem; font-size: 0.16rem; color: #666; text-align: left; display: block; margin-right: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.TabBody .listB li span{float: right; font-size: 0.16rem; color: #666; margin-right: 0.15rem;}
.TabBody .morebtn{width: 1.6rem; height: 0.4rem; line-height: 0.4rem; text-align: center; margin: 0.2rem auto; display: block; background: #e6dfdf; color: #333; font-size: 0.16rem; border-radius: 0.2rem;}
.TabBody .morebtn i{display: inline-block; border: 1px solid #9c9c9c; border-radius: 50%; width: 0.16rem; height: 0.16rem; vertical-align: middle; margin: 0 0 0.04rem 0.08rem;}
.TabBody .morebtn i::after{width: 0.06rem; height: 0.06rem; border-left: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; content: ""; display: block; margin: 0.04rem 0 0 0.03rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.TabBody .PicList{margin: 0 0.2rem;}
.TabBody .PicList li{width: 33.33%; float: left; margin-bottom: 0.1rem;}
.TabBody .PicList li a{display: block; width: 1.8rem;}
.TabBody .PicList li a img{width: 100%; height: 1.8rem; display: block; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
.TabBody .PicList li a p{text-align: center; height: 0.2rem; font-size: 0.18rem; color: #666; margin: 0.12rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.TabBody .PicList li:nth-child(3n + 2) a{margin: 0 auto;}
.TabBody .PicList li:nth-child(3n + 3) a{float: right;}
.TabBody .DownlList{margin: 0.1rem;}
.TabBody .DownlList .swiper-slide a{display: block; border-radius: 0.08rem; overflow: hidden; position: relative; height: 4rem;}
.TabBody .DownlList .swiper-slide a .img{display: block; width: 100%; height: 4rem; position: relative; z-index: 1;}
.TabBody .DownlList .swiper-slide a p{width: 100%; height: 0.5rem; line-height: 0.5rem; background: rgba(0, 0, 0, 0.8); padding: 0 0.2rem; overflow: hidden; text-align: center; color: #fff; font-size: 0.18rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 2; bottom: 0; left: 0;}
.TabBody .DownlList .swiper-button-next::after, .TabBody .DownlList .swiper-button-prev::after{color: #fff;}
.TabBody .DownlList .swiper-pagination{bottom: 0.6rem;}
.TabBody .DownlList .swiper-pagination .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; background: #fff;}
.AudioVisual{margin: 0.1rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;}
.AudioVisual .VideoItem{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 3.6rem; height: 3rem; position: relative; float: left; border-radius: 0.1rem; overflow: hidden;}
.AudioVisual .VideoItem .OLogo{background: url(../images/icon_original.png) no-repeat; background-size: 100%; right: 0.2rem; top: 0.2rem;}
.AudioVisual .VideoItem .videoBg{width: 100%; height: 2.4rem; -o-object-fit: cover; object-fit: cover; border-radius: 0.1rem;}
.AudioVisual .VideoItem .OLogo, .AudioVisual .VideoItem .PlayBtn{width: 0.5rem; height: 0.5rem; position: absolute; z-index: 3; cursor: pointer; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.AudioVisual .VideoItem .OLogo:hover, .AudioVisual .VideoItem .PlayBtn:hover{opacity: 0.6;}
.AudioVisual .VideoItem .PlayBtn{left: 50%; top: .9rem; margin-left: -.3rem; background: url(../images/icon_play.png) no-repeat; background-size: 100%;}
.AudioVisual .VideoItem .txtbt{height: .4rem; line-height: .4rem; font-size: .16rem;}
.AudioVisual .VideoItem + .VideoItem{margin-left: .1rem;}
.VideoMind{margin: 0.1rem;}
.VideoMind .swiper-slide a{display: block; border-radius: 0.08rem; overflow: hidden; position: relative; height: 4rem;}
.VideoMind .swiper-slide a .img{display: block; width: 100%; height: 4rem; position: relative; z-index: 1;}
.VideoMind .swiper-pagination .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; background: #fff;}
.HistoryList .swiper-slide a{display: block; width: 100%;}
.HistoryList .swiper-slide .img{display: block; width: 1.6rem; height: 2.4rem; -o-object-fit: cover; object-fit: cover; border-radius: .08rem; margin: .1rem auto;}
.HistoryList .swiper-slide p{text-align: center; line-height: .4rem; margin-bottom: .2rem; font-size: .18rem; color: #666; width: 100%; height: .4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.HistoryList .swiper-slide-active .img{-webkit-box-shadow: 0 0 .1rem #af1827; box-shadow: 0 0 .1rem #af1827; border: 2px solid #af1827;}
.HistoryList .swiper-slide-active p{color: #af1827;}