.banner { position: relative; width: 100%; max-height: 800px; overflow: hidden; }
.banner .hd { position: absolute; left: 0; bottom: 50px; z-index: 5; width: 100%; height: 10px; text-align: center; font-size: 0; }
.banner .hd span { display: inline-block; width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; opacity:1; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .hd span.on { background-color: #fff; border: 1px solid #000; }
.banner .bd { position: relative; width: 100%; display: -webkit-flex; display: flex; }
.banner .bd .sw-item { position: relative; width: 100%; overflow: hidden; -webkit-flex-shrink: 0; flex-shrink: 0; }
.banner .bd .sw-item .bn-wrap { display: block; position: relative; left: 50%; top: 0; width: 4000px; margin-left: -2000px; text-align: center; }
.banner .bd .sw-item .bn-wrap img { display: inline-block; vertical-align: top; }
.banner .hd.sw-hd{bottom:50px;}

.main-inner { position: relative; width: 1000px; margin: 0 auto; margin-top: -30px; }

.details-line {position:relative; z-index:2; width: 100%; height: 30px; text-align: center; }
.details-line .det-btn { display: inline-block; height: 30px; line-height: 30px; padding: 0 50px; font-size: 12px; color: #fff; cursor: pointer; border-radius: 5px 5px 0 0; background: rgba(0, 0, 0, 0.8); }
.details-line .det-btn i { margin-left: 5px; font-size: 12px; color: #fff; }

.module-group:before, .module-group:after { content: " "; display: table; }
.module-group:after { clear: both; }
.module-group .module { padding: 10px; margin-bottom: 10px; background: #101010; }
.module-group .module .img-hover { display: block; overflow: hidden; }
.module-group .module .img-hover img { -webkit-transition: all 1s; transition: all 1s; }
.module-group .module .img-hover:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.9; }
.module-group .module .mt { height: 20px; line-height: 20px; padding-top: 5px; margin-bottom: 5px; overflow: hidden; }
.module-group .module .mt strong { font-size: 14px; color: #fff; }
.module-group .module .mt a { float: right; color: #555; }
.module-group .md-left, .module-group .md-right { float: left; width: 300px; }
.module-group .pic img { display: block; object-fit: cover; }
.module-group .left-m1 .pic { width: 280px; height: 200px; }
.module-group .left-m1 .mc { height: 80px; line-height: 20px; font-size: 12px; color: #666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.module-group .md-center { float: left; width: 380px; margin: 0 10px; }
.module-group .md-center .module .mt { margin-bottom: 0; }
.module-group .md-right .module .mt { margin-bottom: 0; }
.module-group .md-right .news { display: block; width: 200px; height: 20px; line-height: 20px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }