* {
  margin: 0;
  padding: 0;
}

body {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
}

/* 顶部导航 */
header {
  width: 80vw;
  margin: 0 auto;

  nav {
    width: 1500px;
    height: 50px;
    text-align: center;
    margin: 10px auto;
    display: flex;
    justify-content: space-around;

    a {
      text-decoration: none;
      color: #4e4e4e;
      font-size: 16px;
      font-weight: 600;
    }
  }
}

nav a:nth-child(1) {
  margin-top: 5px;
}

nav a:nth-child(2),
a:nth-child(3) {
  margin-top: 15px;
}

.Bpu,
#puC {
  margin: 0 auto;
}

/* 中间banner */
.mid {
  background-image: url(../img/pcimg/3banner.png);
  margin: 0 auto;
  height: 700px;
  background-size: cover;
}

/* 我们的产品 */
.Bpu {
  width: 80vw;
  overflow: hidden;
}

#puC {
  display: block;
  width: 1200px;
  height: 100px;
}

#puC {
  #lef {
    width: 400px;
    height: 100px;
  }

  #rigH {
    width: 600px;
    height: 100px;
  }
}

#puC #leF {
  margin-left: 50px;
  float: left;
  margin-top: 45px;
}

#puC #rigH {
  float: right;
  margin-top: 50px;
  color: #4e4e4e;
  font-size: 14px;
}

/* 三个图 */
#sanH {
  width: 1200px;
  height: 480px;
  margin: 0 auto;
}

.box1,
.box2,
.box3 {
  width: 600px;
}

/* 第一个格子样式 */
.box1 {
  height: 480px;
  background: url(../img/pcimg/3.jpg);
  background-size: contain;
  float: left;
}

.box1 ul {
  list-style: none;
  width: 500px;
  height: 200px;
  margin: 125px auto 0px;
  color: #fff;

  li:first-child {
    font-size: 30px;

    a {
      color: #fff;
      text-decoration: none;
    }

    a:hover {
      color: #5aa3fa;
    }
  }
}

.box1 ul li:nth-child(2),
li:nth-child(3) {
  font-size: 15px;
}

.box1 ul li:nth-child(3) {
  margin-top: 15px;
}

/* 第二个格子 */
.box2 {
  background: url(../img/pcimg/2.jpg);
  background-size: cover;
  height: 240px;
  float: right;
}

.box2 ul {
  list-style: none;
  width: 430px;
  height: 150px;
  margin: 70px auto 0px;
  color: #fff;

  li:first-child {
    font-size: 30px;

    a {
      color: #fff;
      text-decoration: none;
    }

    a:hover {
      color: #5aa3fa;
    }
  }
}

.box2 ul li:nth-child(2),
li:nth-child(3) {
  font-size: 15px;
}

.box2 ul li:nth-child(3) {
  margin-top: 15px;
}

/* 第三个格子 */
.box3 {
  background: url(../img/pcimg/600190.jpg);
  background-size: 120% 100%;
  height: 240px;
  float: right;
}

.box3 ul {
  list-style: none;
  width: 430px;
  height: 150px;
  margin: 90px auto 0px;
  color: #fff;

  li:first-child {
    font-size: 30px;

    a {
      text-decoration: none;
      color: #fff;
    }

    a:hover {
      color: #5aa3fa;
    }
  }
}

/* ABOUT US部分 */
.abo {
  width: 900px;
  height: 300px;
  margin: 50px auto;
  text-align: center;
  overflow: hidden;
}

.abo li {
  list-style: none;
  margin-top: 20px;
}

.abo li .btn1 {
  margin-top: 35px;
  padding: 10px 50px;
  border-radius: 20px;
  color: #5aa3fa;
  background-color: #fff;
  border: 1px solid #5aa3fa;
}

.abo li button:hover {
  color: #fff;
  background-color: #5aa3fa;
}


body {
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
}