.son{width:16%;font-weight: bold;font-size: 20px;}

.ti
{
text-align:center;
margin-top:22px;}
footer {
  width: 100%;
  background-color: #123d80;}
.hq-footer {
  width: 1200px;
  margin: 0 auto;
  height: 100px;
  padding: 30px 0;}
.hq-footer-logo {
  float: left;
  width: 50%;
  position: relative;}
.hq-footer-message {
  float: left;
  width: 50%;
  position: relative;}
.hq-footer-logo img {
  display: block;
  position: relative;
  height: 90px;
  margin: 0 auto;
  top: 5px;}
.hq-footer-copyright {
  float: left;
  width: 40%;
  position: relative;
  margin-top: 25px;}
.hq-footer p {
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;}


@media screen and (min-width: 900px) and (max-width: 1200px) { 
  .Logo {
    padding-left: 20px;}
  .nav,.container,.hq-footer {
    width: 900px!important;}
  .white-logo {
    display: none;}
}

@media screen and (max-width: 900px) {
  .container,.hq-footer {
    width: 100%;}
  .hq-content {
    margin-top: 3.7rem;}
  .Search,.white-logo{
    display: none;}
  .Logo {
    padding-left: 1rem;
    margin-top: 1rem;}
  .Logo img {
    height: 3rem;
    width: 20rem;
    margin-top: 0;}
  header {
    height: 5rem;}
  nav {
    display: none;}
  .hidenNav {
    display: block;
    width: 1.7rem;
    float: right;
    padding-right: 0.5rem;
    line-height: 5rem;
    margin-top: 1.7rem;}
  footer {
    margin-top: 2rem;}
  .hq-footer-copyright {
    width: 50%!important;
    margin-top: 1rem!important;}
  .hq-footer p {
    font-size: 0.3rem!important;}
  .hq-footer-logo img {
    height: 3.5rem!important;
    top: 1.5rem!important;}
  .slides img, .slides li {
    height: auto;}
  .flexslider {
    height: auto;}
}
.ti
{
text-align:center;
margin-top:22px;}
footer {
  width: 100%;
  background-color: #123d80;}
.hq-footer {
  width: 1200px;
  margin: 0 auto;
  height: 100px;
  padding: 30px 0;}
.hq-footer-logo {
  float: left;
  width: 50%;
  position: relative;}
.hq-footer-message {
  float: left;
  width: 50%;
  position: relative;}
.hq-footer-logo img {
  display: block;
  position: relative;
  height: 90px;
  margin: 0 auto;
  top: 5px;}
.hq-footer-copyright {
  float: left;
  width: 40%;
  position: relative;
  margin-top: 25px;}
.hq-footer p {
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;}


@media screen and (min-width: 900px) and (max-width: 1200px) { 
  .Logo {
    padding-left: 20px;}
  .nav,.container,.hq-footer {
    width: 900px!important;}
  .white-logo {
    display: none;}
}

@media screen and (max-width: 900px) {
  .container,.hq-footer {
    width: 100%;}
  .hq-content {
    margin-top: 3.7rem;}
  .Search,.white-logo{
    display: none;}
  .Logo {
    padding-left: 1rem;
    margin-top: 1rem;}
  .Logo img {
    height: 3rem;
    width: 20rem;
    margin-top: 0;}
  header {
    height: 5rem;}
  nav {
    display: none;}
  .hidenNav {
    display: block;
    width: 1.7rem;
    float: right;
    padding-right: 0.5rem;
    line-height: 5rem;
    margin-top: 1.7rem;}
  footer {
    margin-top: 2rem;}
  .hq-footer-copyright {
    width: 50%!important;
    margin-top: 1rem!important;}
  .hq-footer p {
    font-size: 0.3rem!important;}
  .hq-footer-logo img {
    height: 3.5rem!important;
    top: 1.5rem!important;}
  .slides img, .slides li {
    height: auto;}
  .flexslider {
    height: auto;}
}