/* 页脚区域 */
/* footer */
.foot-bg {
  width: 100%;
  height: 200px;
  background: #555555;
  overflow: hidden;
  display: block;
  position: relative;
}
.footer-main {
  width: 100%;
  max-width: 1200px;
  height: 200px;
  margin: 0 auto;
  overflow: hidden;
}
.footer-main-top {
  width: 100%;
  max-width: 1200px;
  display: block;
  margin: 30px 0 0 0;
  overflow: hidden;
}

/* 1 */
.footer-logo {
  width: 25%;
  float: left;
  margin:0;
  z-index: 1;
  position: relative;
  text-align: center;
}
.footer-logo a:hover{
  cursor:pointer
}
.footer-line img{
  width: 400px;
  z-index: 0;
  position: absolute;
  margin: -30px 0 0 -320px;
  opacity: 0.2;
}
.footer-logo-1 {
  margin: 6px auto;
  width: 222px;
  text-align: center;
}
.footer-logo-2 {
  margin: 6px auto;
  width: 202px;
  text-align: center;
}

/* 1-1 */
.line-2{
  width: 5%;
  float: left;
  }
.line-2 div{
width: 1px;
height: 100px;
display: block;
margin:15px auto;
background: #FFFFFF;
opacity: 0.1;
float: left;
}
/* 2 */
.copyright-mind{
width:60%;
float: left;
height: auto;
display: block;
overflow: hidden;
}
.copyright-mind ul{
display: block;
float: left;
width: 98%;
}
.copyright-mind ul li{
width: 50%;
float: left;
}
.copyright-mind ul li div{
font-size: 14px;
line-height: 40px;
color: #ddd;
}
/* 3 */
.qrcode{
  width: 10%;
  height: auto;
  float: left;
}
.qrcode img {
  margin: 10px auto;
  width: 100px;
  height: 100px;
  display: block;
} 
/* 4 */
.copyright-bottom {
  width: 100%;
  margin: 0;
  overflow: hidden;
  height: 40px;
}
.copyright-main {
  width: 100%;
  margin:0 5%;
  float: left;
}
.copyright-main h5{
  width: 50%;
  margin: 0 auto;
  padding: 0;
  color: #ccc;
  text-align: center;
  display: block;
  overflow: hidden;
  line-height: 40px;
  font-size: 14px;
}
.copyright-main span {
  float: left;
}
.copyright-main a{
  float: left;
  margin:0 0 0 5px;
  color: #ccc;
 }
.copyright-main a:hover {
  color: #EFA300;
}
/* 5 */


@media (max-width: 1000px) {
  .footer-main-top {
    margin: 10px 0;
}
  .foot-bg {
    height: auto;
}
.footer-main {
  height: auto;
}
.footer-logo {
  width: 33%;
}
.copyright-mind {
  width: 44%;
}
.copyright-mind ul li {
  width: 100%;
}
.copyright-mind ul li div {
  line-height: 24px;
}
.copyright-main {
  margin: 0;
}
.copyright-main h5 {
  width: 410px;
}
.qrcode {
  width: 18%;
}
.footer-logo-1 {
  margin: 10px auto;
  width: 200px;
}
}

@media (max-width: 768px) {
.copyright-main span{float:none;}
.footer-logo-1 {
  margin: 10px auto;
  width: 160px;
}
.footer-logo-2 {
  margin: 10px auto;
  width: 150px;
}
}
@media (max-width: 600px) {
.copyright-main span{float:none;}
  .footer-line img{
    display: none;
  }
  .footer-logo {
    width: 90%;
    margin: 0 5%;
  }
  .footer-logo-1 {
    margin: 0px auto;
  }
  .footer-logo-2 {
    margin: 5px auto;
  }
  .footer-main-top {
    margin: 10px 0 0;
}
  .line-2 {
    display: none;
  }
  .copyright-mind {
    width: 90%;
    margin: 0 5%;
}
.copyright-mind ul li div {
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}
.qrcode {
    width: 100px;
    margin: 5px auto;
    float: none;
    overflow: hidden;
}
.qrcode img {
  margin: 0 auto;
}
.qrcode img {
  margin: 5px auto;
  width: 100%;
  height: auto;
}
.copyright-main h5 {
  font-size: 12px;
  line-height: 26px;
  width: 344px;
  margin: 0 auto;
}
.copyright-bottom {
  height: 30px;
}
}
@media (max-width: 360px) {
.copyright-main span{float:none;}
  .copyright-main h5 {
    font-size: 11px;
    line-height: 26px;
    width: 320px;
    margin: 0 auto;
  }
  .qrcode {
    width: 70px;
    margin: 5px auto;
    float: none;
    overflow: hidden;
}
}