
 .footer-content {
     height: 400px;
     width: 100%;
     background-color: #414757;
     z-index: 300;
 }
 .foot-class1 img{
     width:260px;
 }
 .foot-class5{
     float: left;
     width:5%;
 }
 .foot-class5 span{
     margin-left: 13px;
     color: white;
 }
 .foot-class5 span:hover{
     
     color: #836643;
 }
 .foot-main {
     height: 300px;
     padding-top:50px;
     width: 1344px;
     margin: 0 auto;
 }
 .back-top span a{
     color: white;
 }
 .foot-class2 {
     width: 20%;
     color: white;
     float: left;
 }
 
 .foot-class3 {
     width: 20%;
     color: white;
     float: left;
 }
 
 .foot-class1 {
     width: 30%;
     color: white;
     float: left;
 }
 
 .foot-class1-content,
 .foot-class2-content {
     line-height: 36px;
 }
 
 .foot-class-menu ul {
     margin: 0px;
     list-style: none;
     text-decoration: none;
 }
  .foot-class-menu ul li a{
    color: white; 
 }
.foot-class-menu ul li a:hover{
    color: #836643;
 }
 .class2-title {
     /*margin-left: 40px;*/
 }
 
 .foot-class-menu ul li {
     line-height: 24px;
 }
 
 .foot-class4 {
     margin-top: 8px;
     color: white;
     float: left;
     width: 25%;
 }
 .kefu{
     margin-top:10px;
 }
 .lingying {
     width: 26px;
     height: 26px;
     background-image: url(/static/images/link.png);
     background-size: 100%;
     float: left;
 }
  .top {
     width: 50px;
     height: 50px;
     background-image: url(/static/images/jiantou.png);
     background-size: 100%;
    
 }
 .top:hover {
     width: 50px;
     height: 50px;
     background-image: url(/static/images/jiantou2.png);
     background-size: 100%;
    
 }
 .weixin {
     background-image: url(/static/images/wechat.png);
     float: left;
     background-size: 100%;
     margin-left: 16px;
     width: 30px;
     height: 30px;
 }
 
 .lingying:hover {
     width: 26px;
     height: 26px;
     background-image: url(/static/images/link2.png);
     background-size: 100%;
     float: left;
 }
 
 .weixin:hover {
     position: relative;
     background-image: url(/static/images/wechat2.png);
 }
 
 .weixin:hover img {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateX(-50%) scale(1);
     transform: translateX(-50%) scale(1)
 }
 
 .weixincode img {
     display: inline-block;
     transition: all .3s ease-out;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: -130px;
     left: 50%;
     max-width: 120px;
     pointer-events: none;
     -webkit-transform: translateX(-50%) scale(0);
     transform: translateX(-50%) scale(0);
 }
 .foot-class6{
     color: white;
     font-size: 16px;
   
     width: 1344px;
     margin: 0 auto;
 }
 .foot-class6-content a{
     width: 1344px;
     color: white;
     font-size: 15px;
 }
 .back-top {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    text-align: center;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.back-top i {
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    font-size: 110px;
    display: inline-block
}

.back-top span {
    font-size: 16px;
    display: block;
    margin-top: 1.25em
}
 @media screen and (max-width: 768px) {
   .foot-main{
       width: 100%;
   }
   .foot-class1{
       width: 100%;
   }
   .foot-class1-content{
       text-align: center;
   }
   .foot-class6{
       margin-top: 5%;
       width: 100%;
       text-align: center;
   }
   .foot-class2,.foot-class3,foot-class4{
       margin-left: 3%;
       width:30%;
   }
   .foot-class2{
       margin-left: 8%;
   }
   .foot-class5{
       display: none;
   }
}