* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: Arial;

  word-break: normal

}



html, body {

  height: 100%;

  width: 100%;

}



html {

  position: relative;

}



body {

  position: absolute;

}



.content-width {

  width: 1000px;

  margin: auto;

}



.page-wrapper {

  min-height: 100%;

  width: 100%;

  margin-bottom: -75px;

}



.page-wrapper .header-wrapper {

  background: linear-gradient(#42c3fe, #1f84b2);

  height: 150px;

}



.page-wrapper .header-wrapper .navigation-wrapper {

  float: right;

  line-height: 150px;

}



.page-wrapper .header-wrapper .navigation-wrapper .navigation li {

  float: left;

  list-style: none;

  padding: 0px;

  opacity: 0.7;

}



.page-wrapper .header-wrapper .navigation-wrapper .navigation li:hover,

.page-wrapper .header-wrapper .navigation-wrapper .navigation li.active {

  opacity: 1;

}



.page-wrapper .header-wrapper .navigation-wrapper .navigation li a {

  padding: 13px 10px;

  background: linear-gradient(#136d96, #084059);

  color: #fff;

  text-decoration: none;

}



.page-wrapper .header-wrapper .navigation-wrapper .navigation li:first-child a {

  border-radius: 10px 0 0 10px;

}



.page-wrapper .header-wrapper .navigation-wrapper .navigation li:last-child a {

  border-radius: 0 10px 10px 0 ;

}



.page-wrapper .header-wrapper .banner {

  width: 400px;

  padding-top: 30px;

}



.page-wrapper .content-wrapper {

  padding: 20px 0 95px;

}



.page-wrapper .content-wrapper .header-img{

  display: block;

  margin: 0 auto 20px auto;

}



.footer {

  background: linear-gradient(#42c3fe, #1f84b2);

  height: 75px;

  text-align: center;

  line-height: 75px;

  color: #fff;

}



.footer a{

  color: #fff;

}