/* 底部 */
.footer{ text-align: center; background: #08072F }
.footer_t{ padding: 30px  0;  color: #ffff;}
.footer_t h6{ margin-bottom: 8px; font-size: 18px;} 
.icon_home{ display: block; width: 100px; height: 40px; background-position: 30px -590px;}
.copyright .icon_home{  transform: scale(.5);  margin-right: -35px; 
    -webkit-transform: scale(.5); }
.copyright{ padding-top: 10px;padding-bottom: 10px;}
.copyright,.copyright a{ color: #fff;}

@media screen and (max-device-width:1024px){
    .chall_k{ padding: 10px 0;}
      .footer_t{ padding: 20px 0 10px 0; } .footer_t h6{ font-size: 16px; margin: 0;}
      .copyright, .copyright a{ font-size: 13px; padding: 10px 0 ;}
      .copyright p{ margin: 0;}

}

  /* 底部 */
 
 

 
   .copyright a{ color:#fff;}
 .copyright span{ padding: 0 0 0 32px ; display: inline-block;}
 .copyright .bg{ text-align: left;}
 .copyright a:hover{ text-decoration: underline;color:#F5586D ;}

  .color_bai,.color_bai a{ color: #fff;}
  .color_bai a:hover{ text-decoration: underline; color:#F5586D ;}
  .footer_nav { padding: 96px 0 48px 0; }
  .footer_nav .bg{display: flex; justify-content: space-between;}
  .footer_l{   justify-content: flex-start;}
  .footer_nav .bg .footer_r{ text-align: left; display: flex; width: calc(100% - 600px);}
  /* .footer_nav dl{  width: 28%;} */
  .footer_nav dl dt{ 
    font-size: 19px;font-weight: bold;    text-transform: capitalize;
        padding: 0 0 8px 0;}
      .footer_nav dd{ line-height: 14px; padding: 8px 0; font-size: 17px;}
     .footer_l h1 { padding: 0; margin: 0;
        font-size: 19px;}
        .footer_l p{ padding: 0; margin: 0;}
        .f_logo{ margin-bottom: 20px;height: 120px;}
      @media screen and (min-width:1024px){
      .footer_nav dl:nth-last-child(1){ width: auto; margin-left: auto;}
      }
      @media screen and (max-device-width:1024px){
  .footer_nav .bg .footer_r{flex-wrap: wrap;}
  .footer_nav dl dt,.footer_nav dl dd{ padding-right: 20px;}
  /* .copyright a{ display: block; clear: both;} */
  .copyright a + a{ margin-top: -20px;}
  .copyright .icon_home{ margin-left: -40px;}
      }
  
.footer{ position: relative;} 
.footer .footer_logo{ padding: 20px 0 0 0;}
.footer_logo a{ border-radius: 50%;width: 42px; display: inline-block;
      height: 42px; margin-right: 12px;}
.footer_logo a:hover{ opacity: 1;}
.footer_logo img{width: 100%; height: 100%;}
.f1{background: linear-gradient(30deg, #7C70C6, #9B45AD, #DE4E4D, #F2C666);}
.f2{background: linear-gradient(210deg, #4C9CE7, #7C70C6);}
.f3{  background: linear-gradient(210deg, #359EE1, #1567CD);}
.f4{background: linear-gradient(210deg, #7FC4F0, #26A1F2);}

.gzh{  background: linear-gradient(210deg, #359EE1, #1567CD);}
.zh{background: linear-gradient(210deg, #7FC4F0, #26A1F2);}
.xhs{  background: linear-gradient( 75deg, rgb(237,0,0) 0%, rgb(223,88,79) 100%);}
.dy{    background-image: linear-gradient( 75deg, rgb(34,34,34) 0%, rgb(85,78,78) 100%);}
.wx{      background-image: linear-gradient( 75deg, rgb(61,139,74) 0%, rgb(95,200,127) 100%);}
 
 


@media screen and (max-device-width:1024px){
  .footer_l a{ text-align: center;}
  .f_logo{ margin: 0 auto 20px auto;}
  .footer_nav .bg{  flex-wrap: wrap; flex-direction: column;}
  .footer_nav { padding-top:1.4rem ; }
  .footer::before{background-size:130% auto ;  }
  .footer_l{width: 100%;}
 
  .footer_nav .bg .footer_r{ width: calc(100% + 20px); padding-top: .8rem;}
  .footer_logo a{ width: 40px; height: 40px;}
 
  /* .footer_nav dl{ width: 25%;} */
  .footer_l h1{ font-size: .6rem;}
}
  
.footer_logo a{ position: relative;}
 
.f_xila{max-height: 0px; overflow: hidden;
  position: absolute; bottom: 100%; left: 50%; text-align: center; color: #000; transform: translatex(-50%);transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out; }
.kin{background: #fff;padding: 10px; margin: 6px;  border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,.1); }
.f_xila img{ width: 200px; max-width: 200px; display: block; margin: 0 auto;}

.f_xila:after {
  position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
      border-left: 6px solid transparent ;
    border-right: 6px solid transparent ;
    border-top: 6px solid #fff;left: 50%; margin-left: -3px; bottom: 0;
	}
  .footer_r .wx{    display: inline-block; 
    border-radius: 50%; position: relative;
    vertical-align: middle;opacity: 1;
}
      .footer_r .wx > img{    width: 20px;}
 a.this .f_xila{   max-height: 1000px;}
  @media screen and (min-device-width:1024px){
  a:hover .f_xila{   max-height: 1000px;}
  }