#navigation {
  height: 78px;
  position: relative;
  line-height: 78px;
}
#navigation > .logo {
  position: absolute;
  left: 15%;
  font-size: 30px;
  color: #49b2af;
}
#navigation > ul {
  position: absolute;
  right: 6%;
  font-size: 16px;
}
#navigation > ul > li {
  margin-right: 75px;
}
#navigation > ul > li > a.active {
  color: #7CBCB7;
}
#banner {
  height: 760px;
  background: url(../imgs/banner1.jpg) no-repeat center;
}
#banner > img {
  display: block;
  margin: 0 auto;
  padding-top: 310px;
}
#product {
  width: 1321px;
  margin: 0 auto;
  color: #999999;
}
#product a {
  color: #999999;
}
#product > img {
  display: block;
  margin: 0 auto;
  padding: 66px 0 28px;
}
#product > p {
  margin-bottom: 5px;
}
#product > ul {
  margin: 190px 0 104px;
}
#system {
  background-color: #EAEEEE;
  color: #999999;
}
#system > .system-text {
  width: 27.6%;
  margin-left: 20.8%;
}
#system > .system-text > img {
  padding-top: 126px;
  padding-bottom: 25px;
}
#system > .system-text > p {
  border-top: 1px solid #B7D8D7;
  line-height: 30px;
  padding-top: 68px;
  padding-bottom: 82px;
}
#system > .system-list {
  width: 50%;
}
#system > .system-list > li {
  width: 50%;
  height: 350px;
}
#system > .system-list > li.system1 {
  background: url(../imgs/system1.jpg) no-repeat center;
}
#system > .system-list > li.system2 {
  background: url(../imgs/system2.jpg) no-repeat center;
}
#system > .system-list > li.system3 {
  background: url(../imgs/system3.jpg) no-repeat center;
}
#system > .system-list > li.system4 {
  background: url(../imgs/system4.jpg) no-repeat center;
}
#services {
  color: #999999;
  padding: 100px 0 96px;
}
#services a {
  color: #999999;
}
#services > img {
  display: block;
  margin: 0 auto 29px;
}
#services > p {
  padding-bottom: 10px;
}
#services > ul {
  width: 1320px;
  margin: 85px auto 0;
}
#services > ul > li {
  margin-left: 30px;
  text-align: center;
}
#services > ul > li img {
  display: block;
  padding-bottom: 38px;
}
#contact {
  color: #999999;
  background-color: #EAEEEE;
  padding: 110px 0 80px;
}
#contact > img {
  display: block;
  margin: 0 auto 17px;
}
#contact > p {
  margin-bottom: 10px;
}
#contact > form {
  width: 1320px;
  margin: 60px auto 0;
}
#contact > form > input {
  width: 636px;
  border: none;
  outline: none;
  background-color: #EAEEEE;
  border-bottom: 1px solid #ACB1B1;
  padding: 18px 9px;
}
#contact > form > .msg-name {
  margin-right: 42px;
}
#contact > form > textarea {
  padding: 18px 9px;
  width: 100%;
  height: 195px;
  background-color: #EAEEEE;
  outline: none;
  border: none;
  border-bottom: 1px solid #8BC4C1;
  margin-top: 10px;
}
#contact > form > button {
  outline: none;
  background-color: #EAEEEE;
  border: none;
  display: block;
  margin-top: 40px;
}