/* header */
.common-wrap {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%
}
.common-width {
  margin: 0 auto;
  width: 1200px;
  /* background: skyblue */
}
.header {
  display: block;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  right: 0;
  /* padding: 0 15%; */
}
.head_hidden {
	top: -72px;
}
.head_white {
  top: 0px;
	background: #fff;
}
.head_white .contact-us span, .header:hover .contact-us span{
	color: #333
}
.head_white.header .logo, .header:hover .logo, .footer .logo  {
	background: url(../img/logo_active.png) no-repeat center center;
}

.header:hover {
  background: #fff;
}
.logo-content {
	padding: 21px 0 21px 0;
}
.header .logo {
	background: url(../img/logo_white.png) no-repeat center center;
	background-size: cover;
	width: 190px;
	height: 50px;
}
.contact-us {
  padding: 38px 0 28px 0
}
.contact-us span {
  color: #fff;
  font-size: 18px;
  padding-left: 88px;
  cursor: pointer;
}
/* footer */
.footer {
  background: #EFEFEF;
}
.footer.footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.footer.footer-static {
  position: static
}
.footer .logo {
	background: url(../img/logo_active.png) no-repeat center center;
	background-size: cover;
	width: 190px;
	height: 50px;
}
.footer .logo-content {
  padding: 65px 0 0 0;
}
.footer .title {
  color: #000;
  font-size: 27px;
  margin: 0 0 2px 55px;
}
.footer .logo-inline-block {
  display: inline-block;
  vertical-align: middle
}
.copyright {
  padding: 46px 0 30px 0;
  text-align: center;
}
.copyright span, .copyright a {
  color: #666;
  font-size: 15px;
  margin-right: 18px;
}
/* siderbar */
.siderbar {
	height: 50px;
	background: #F7F7F7;
	line-height: 50px;
	color: #333;
	font-size: 15px;
}


@media screen and (max-width: 768px) {
  .common-width {
    width: 100%;
    margin: 0 auto
  }
	.head_white.header .logo, .header:hover .logo, .footer .logo {
    background: url(../img/mobile_logo_active.png) no-repeat;
    background-size: cover;
		height: 28px;
		width: 109px;
  }
  .header .logo {
    background: url(../img/mobile_logo_white.png) no-repeat center center;
    background-size: cover;
    height: 28px;
		width: 109px;
    
  }
	.logo-content {
		padding: 10px
	}
	.contact-us {
		padding: 13px 15px 0 0;
	}
	.contact-us span {
    font-size: .14rem;
    padding-left: .1rem;
	}
  .footer .logo-content {
    padding: .1rem
  }
  .copyright {
    padding: 0 .1rem .1rem .1rem;
    text-align: left;
  }
  .footer {
    height: auto;
  }
  .footer .logo-inline-block {
    display: block;
  }
  .footer .title {
		margin: 10px 0 0 0;
    font-size: .14rem;
  }
  .copyright span {
    display: block;
	}
	.copyright span, .copyright a {
		font-size: .12rem
	}
  span.sep {
    display: none;
  }
  .siderbar {
    padding-left: 20px
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
}

@media screen and (max-width: 1920) {
}