@charset "UTF-8";
/*
 * @Author: 卢景滔
 * @Date: 2021-07-13 10:22:05
 * @LastEditTime: 2021-07-14 09:05:12
 * @LastEditors: 卢景滔
 * @Description: 首页css
 */
body {
  color: #fff;
  background: #000;
}
a {
  color: #fff;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}
.container {
  position: relative;
  height: 100%;
}
.btn {
  display: inline-block;
  width: 98px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
}
.btn:hover {
  text-decoration: none;
  background-color: #333;
  border-color: #eee;
}

.btn-primary {
  background: #0072ff;
  border-color: #0072ff;
  margin-right: 20px;
}

.btn-primary:hover {
  background: #1f84ff;
  border-color: #1f84ff;
}

.header .btns {
  float: right;
  font-size: 0;
}

.banner {
  height: 558px;
  background: url(../images/index/banner.jpg) center 0 no-repeat #262c4e;
}

.row {
  background-position: center 0;
  background-repeat: no-repeat;
  background-color: #181819;
}
.row .info {
  position: absolute;
  left: 11%;
  top: 85px;
  width: 400px;
}
.row .info h3 {
  font-size: 30px;
  margin-bottom: 25px;
  color: #00c6ff;
  font-family: "SimSun";
}
.row .info ul {
  padding-left: 22px;
  font-size: 16px;
  line-height: 28px;
}
.row .info li {
  margin-bottom: 8px;
}
.row-even .info {
  left: auto;
  right: 0;
  width: 510px;
}
.row-1 {
  height: 447px;
  background-image: url(../images/index/row-1.jpg);
  background-color: #0e0914;
}
.row-2 {
  height: 449px;
  background-image: url(../images/index/row-2.jpg);
}
.row-3 {
  height: 450px;
  background-image: url(../images/index/row-3.jpg);
  background-color: #2d2e32;
}
.row-4 {
  height: 448px;
  background-image: url(../images/index/row-4.jpg);
}
.row-5 {
  height: 450px;
  background-image: url(../images/index/row-5.jpg);
  background-color: #2d2e32;
}
/* .row-5 .info {
  width: 510px;
} */
.row-6 {
  height: 446px;
  background-image: url(../images/index/row-6.jpg);
}
.row-7 {
  height: 450px;
  background-image: url(../images/index/row-7.jpg);
  background-color: #2d2e32;
}

/* @media screen and (max-width: 1280px) {
  .row-even .info {
    left: 540px;
  }
} */