.top {
     width: 100%; 
     background-image: url('/template/default/images/Index/footer.png');
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     color: #fff;
     line-height: 32px;
     padding: 3% 0;
     justify-content: center;
 }


  

.footcontent{
    width: 1200px;
    height: 100%;
    display: flex;
      justify-content: space-between;
}


 .topmiddle {
     width: 60%;
 }

 .topmiddle img {
     width: 100px;
     height: 100px;
     margin-top: 20px;
 } 
 .topmiddle .link{
     margin-top:16px ;
     height: 17px;
font-family: Source Han Sans SC, Source Han Sans SC;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 17px;
 }
 .topmiddle .link a{ 
     height: 17px;
font-family: Source Han Sans SC, Source Han Sans SC;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 17px;
 }
 .small {
     font-size: 12px;
 }

 .topright {
     flex: 1;

 }

 .topright .df {
     display: flex;
     margin: 10px 0;
     height: 36px;
     font-size: 14px;
 }

 .topright .dfsamall {
     display: flex;

     min-height: 24px;
     margin-bottom: 5px;
 }

 .topright .dfsamall p {

     font-size: 12px;

 }

 .topright .right-l {
     width: 25%;
     display: inline-block;
 }
 .topright .right-l .a-2{
     font-size: 14px;
    color: #fff;
 }

 .topright .right-r {
     flex: 1;
     display: inline-block;
 }

 .bootm {
     background-color: #000000;
  
     text-align: center;
     padding: 10px 0;
     left: 0;
     bottom: 0;
     width: 100%;
 }

 .bootm p {
     opacity: 0.6;
    margin: 0; 
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
 }

 .bootm a {
     color: white;
     text-decoration: none;
     /* 移除下划线 */
 }

 .bootm a:hover {
     text-decoration: underline;
     /* 鼠标悬停时添加下划线 */
 }
 .gzbottom {
     margin-top: 8px;
 }

 .gzbottom p {
     font-size: 12px;
     color: #FFFFFF;
     line-height: 17px;
 }