.videocomponets{width:100%;height:642px;margin:0 auto;padding:0}.video-componets{position:relative;height:100%}.video-bgbtn{display:block;height:100%;width:100%;background:#0f0f0f;cursor:pointer;text-align:center}.video-bg{width:100%;height:100%;text-align:center;position:relative;z-index:99}.video-bg-pc{display:block}.video-bg-mb{display:none}.video-play,.video-replay{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-50px 0 0 -40px;z-index:100;padding:10px;box-sizing:border-box}.video-play svg{width:60px;height:60px}.video-play-white svg g{stroke:#fff}.video-play-black svg g{stroke:#000}.videocomponets-box{display:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}.video-on .video-bgbtn{display:none}.video-on .videocomponets-box{display:block}@media(max-width:1365px){.videocomponets{width:100%;height:506px}}@media(max-width:1023px){.videocomponets{width:100%;height:170px;margin:0 auto}.video-play,.video-replay{padding:20px}.video-play svg{width:40px;height:40px}.video-bg-pc{display:none}.video-bg-mb{display:block}}