* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}
body {
  font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
}
#head {
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background: #FFFFFF;
}
#head .box {
  width: 1025px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
#head .box .center {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#head .box .logo {
  font-size: 20px;
  font-weight: 700;
}
#head .box .logo a {
  color: #66af33;
  text-decoration: none;
}
#head .box .menu {
  width: 580px;
}
#head .box .menu ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
#head .box .menu ul li {
  font-size: 15px;
  font-weight: 700;
  color: #5e5e5e;
}
#head .box .menu ul li a {
  text-decoration: none;
  color: #333;
}
#head .box .menu ul li a:hover {
  color: #66af33;
}
#section {
  height: 600px;
  background-position: center;
  background-size: cover;
}
#section1 {
  height: 715px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
#section1 .box {
  width: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#section1 .box .center {
  height: 555px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#section1 .box .center .topic {
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#section1 .box .center .topic h1 {
  color: #00a0dc;
}
#section1 .box .center .topic hr {
  width: 313px;
  border: 2px solid #dddddd;
}
#section1 .box .center .content {
  height: 420px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#section1 .box .center .content .pic {
  width: 450px;
  background-size: cover;
}
#section1 .box .center .content .provide {
  width: 540px;
}
#section1 .box .center .content .provide ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#section1 .box .center .content .provide ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#section1 .box .center .content .provide ul li .co {
  width: 80%;
  height: 90%;
}
#section1 .box .center .content .provide ul li .co h2 {
  color: #444444;
}
#section1 .box .center .content .provide ul li .co p {
  margin-top: 8px;
  font-size: 14px;
  color: #6b6866;
  line-height: 20px;
}
#section2 {
  height: 420px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background: #2a333b;
}
#section2 .box {
  width: 1120px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#section2 .box .center {
  height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
#section2 .box .center .topic {
  height: 55px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#section2 .box .center .topic h1 {
  color: #00a0dc;
}
#section2 .box .center .topic hr {
  width: 390px;
  border: 2px solid #313b44;
}
#section2 .box .center .title {
  text-align: center;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#section2 .box .center .title h2 {
  color: #FFFFFF;
}
#section2 .box .center .title p {
  font-size: 13px;
  line-height: 20px;
  color: #a5b3bf;
}
#section2 .box .center .work {
  height: 36px;
}
#section2 .box .center .work a {
  padding: 9px 13px;
  border: 2px solid #7f8589;
  color: #FFFFFF;
}