* { padding: 0px; margin: 0px; }
body { background-color: rgb(0, 0, 0); overflow-x: hidden; }
ul, li { list-style: none; }
video { position: absolute; left: 50%; margin-left: -2px; top: 0px; transform: translate(-50%); object-fit: contain; }
#demo {overflow: hidden;width: 1160px;}
#demo img { border: 3px solid rgb(57, 50, 50); }
#indemo { float: left; width: 5800%; }
#demo1 { float: left; }
#demo2 { float: left; }
#demb {overflow: hidden;border: 0px dashed rgb(204, 204, 204);width: 1160px;}
#demb img { border: 3px solid rgb(57, 50, 50); }
#indemb { float: left; width: 5800%; }
#demb1 { float: left; }
#demb2 { float: left; }
#demor {overflow: hidden;border: 0px dashed rgb(204, 204, 204);width: 1160px;}
#demor img { border: 3px solid rgb(57, 50, 50); }
#indemor { float: left; width: 5800%; }
#demor1 { float: left; }
#demor2 { float: left; }
.cls { }
.cls { clear: both; }
a { text-decoration: none; color: rgb(68, 59, 59); }
a:hover { text-decoration: none; color: rgb(211, 20, 20); }
.mod-video .video .con { width: 100%; height: 158px; }
.mod-video .video li { width: 275px; height: 150px; float: left; position: relative; overflow: hidden; margin-bottom: 12px; }
.mod-video .v-img { width: 100%; height: 100%; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s, -moz-transform 0.5s ease 0s; }
.mod-video .v1 { background: url("../images/kv-1.jpg") no-repeat; }
.mod-video .v2 { background: url("../images/kv-2.jpg") no-repeat; }
.mod-video .v3 { background: url("../images/kv-3.jpg") no-repeat; }
.mod-video .v4 { background: url("../images/kv-4.jpg") no-repeat; }
.mod-video .v5 { background: url("../images/kv-5.jpg") no-repeat; }
.mod-video .v6 { background: url("../images/kv-6.jpg") no-repeat; }
.mod-video .v7 { background: url("../images/kv-7.jpg") no-repeat; }
.mod-video .v8 { background: url("../images/kv-8.jpg") no-repeat; }
.mod-video .v9 { background: url("../images/kv-9.jpg") no-repeat; }
.mod-video .video li:hover .v-img { transform: scale(1.1); }
.mod-video .v-bg { width: 100%; height: 28px; position: absolute; bottom: 0px; text-align: center; background-color: rgba(3, 3, 3, 0.35); color: rgb(255, 255, 255); padding-left: 10px; line-height: 28px; }
.mod-video li { margin-left: 12px; }
.v-info .video-play-btn { width: 60px; height: 56px; position: absolute; left: 50%; top: 130px; margin-left: 90px; }
html #layuicss-layer { display: none; position: absolute; width: 1989px; }

/* 视频弹窗（点击装备图弹出） */
#vOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(30, 31, 36, 0.8); display: flex; align-items: center; justify-content: center; }
#vBox { position: relative; }
#vBox video { position: relative; left: auto; top: auto; margin-left: 0; transform: none; display: block; background: #000; }
#vBox .v-close { position: absolute; right: -36px; top: -36px; z-index: 10; width: 30px; height: 30px; line-height: 28px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.55); border-radius: 50%; font-size: 22px; font-weight: bold; }
#vBox .v-close:hover { color: #d31414; }