 /* footer */
 .footer {
   width: 100%;
   position: relative;
   overflow: hidden;
   background: #F6F2F2;
 }


 .footer_con {
   width: 95%;
   max-width: 1320px;
   margin: 0 auto;
   padding: 76px 0 58px 0;
   position: relative;
   z-index: 9;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .footer_list {
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
   /* flex-wrap: wrap; */
   max-height: 300px;
   /* flex-basis: 0;
    flex-grow: 1; */
 }

 .footer_items_txt_cli {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }

 .footer_items_txt_cli>.footer_item_txt_cli {
   width: 50%;
 }

 .footer_item {
   width: 29%;
   /* margin-right:45px; */
   margin-left: 2em;
 }

 .footer_item_txt_cli>a {
   text-decoration: none;
   font-weight: 400;
   font-size: 14px;
   color: #121212;
   line-height: 36px;

 }

 .footer_item_txt {
   font-weight: 400;
   font-size: 18px;
   color: #121212;
   line-height: 60px;
 }


 .footer_item_list {
   width: 320px;
   flex-wrap: wrap;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
 }

 .footer_item_list>.footer_item_txt_cli {
   width: 50%;
 }

 .fotter_menu_m {
   display: flex;
   flex-wrap: wrap;
   padding: 20px 0;
   text-align: center;
   border-top: 1px solid #ccc;
   display: none;
 }

 .footer_item_txt_cli {
   font-weight: 400;
   font-size: 14px;
   color: #121212;
   line-height: 36px;
 }

 .fotter_menu_m_item {
   width: 45%;
   font-size: 16px;
   line-height: 1em;
   /* font-weight: 300; */
   color: #000;
   padding: 0 24px;
   box-sizing: border-box;
   position: relative;
   margin-bottom: 20px;
 }

 .fotter_menu_m_item>a {
   text-decoration: none;
   color: #000;
 }

 /* .fotter_menu_m_item::before {
  content: "·";
  font-weight: initial;
  position: absolute;
  left: 15px;
} */

 /* 备案 */
 .beian {
   width: 100%;
   /* height: 38px; */
   background: #F6F2F1;
   text-align: center;
   padding: 10px 0;
   position: relative;
   z-index: 2;
 }

 .back_top {
   width: 56px;
   height: 56px;
   background: #E71A1E;
   position: fixed;
   right: 5%;
   bottom: 30px;
   border-radius: 50%;
   cursor: pointer;
   display: none;

   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 999999;
 }

 .back_top>img {
   width: 65%;
   height: 65%;
   object-fit: contain;
 }

 .beian>div {
   margin-right: 20px;
   font-weight: 400;
   font-size: 12px;
   color: #FFFFFF;
   letter-spacing: 3px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .beian>div>span>a {
   text-decoration: none;
   margin-right: 10px;
   font-weight: 400;
   font-size: 12px;
   color: #FFFFFF;
   letter-spacing: 3px;
 }


 .beian>div>img {
   width: 22px;
   margin-right: 6px;
 }




 /* 关注我们 */
 .gz_list {
   max-width: 1200px;
   margin: 0 auto;
   height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .gz_list_item {
   width: 33%;
   height: 100%;
   border-left: 1px solid #DCDCDC;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .s1 {
   border-right: 1px solid #DCDCDC;
 }

 .s2 {
   position: relative;
 }

 .s2>.erweima_img {
   display: none;
   position: absolute;
   top: -330px;
   z-index: 99999;
   background-color: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px #ccc;
 }

 .s2:hover>.erweima_img {
   display: block;
 }

 .gz_list_item_txt {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
 }

 .gz_list_item>img {
   width: 75px;
   height: 75px;
   margin-right: 20px;
 }

 .gz_list_item_txt>span:nth-last-child(2) {
   font-size: 1.2em;
   font-weight: 500;
   color: #121212;
   margin-bottom: 15px;
 }

 .gz_list_item_txt>span:nth-last-child(1) {
   font-weight: 400;
   font-size: 18px;
   color: #121212;
 }

 .logo_btm {
   width: 160px;
 }

 @media only screen and (max-width: 1520px) {
   .gz_list {
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
 }







 @media only screen and (max-width: 1360px) {
   .footer_con {
     max-width: 1120px;
     justify-content: space-around;
   }

   .footer_list {
     max-height: 600px;
   }

   .footer_item {
     margin-bottom: 0 !important;
   }

   .footer_item {
     margin-left: 50px;
   }


   .gz_list {
     width: 100%;
     padding: 0;
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
   }



 }

 @media only screen and (max-width: 1200px) {

   .gz_list_item {
     border-left: none;
   }

   .s1 {
     border-right: none;
   }
 }

 /* mobile */
 @media only screen and (max-width: 1024px) {
   .footer {
     display: none;
   }

 }

 @media only screen and (max-width: 900px) {
   .gz_list>.gz_list_item>img {
     width: 80px;
     height: 80px;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 1em;
     font-weight: 500;
     color: #121212;
     margin-bottom: 15px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: 18px;
     color: #121212;
   }
 }

 @media only screen and (max-width: 800px) {
   .gz_list>.gz_list_item>img {
     width: 80px;
     height: 80px;
   }
 }

 @media only screen and (max-width: 768px) {




   .fotter_menu_m {
     display: flex;
     background-image: url(../img/footer.png);
     background-size: 100% 110%;
   }

   .fotter_menu_m_item {
     color: #fff;
   }

   .fotter_menu_m_item>a {
     color: #fff;
   }

   .beian {
     /* flex-wrap: wrap; */
     flex-direction: column;
   }

   .beian>div {
     font-size: 12px;
     margin: 3px auto;
   }

   .beian>div>img {
     width: 18px;
   }

   .gz_list {
     width: 100%;
     height: 150px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #F6F2F2;
     border-top: 2px solid rgba(125, 125, 125, .2);
   }

   .gz_list_item {
     width: 33%;
     height: 100%;
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
   }

   .gz_list>.gz_list_item>img {
     width: 60px;
     height: 60px;
     margin-right: 10px;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: .8em;
     font-weight: 500;
     color: #121212;
     margin-bottom: 10px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: .6em;
     color: #121212;
   }
 }

 @media only screen and (max-width: 648px) {
   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 12px !important;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-size: 10px !important;
   }
 }

 @media only screen and (max-width: 567px) {


   .gz_list {
     width: calc(100% - 36px);
     height: 150px;
     padding: 0 18px;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: .6em;
     font-weight: 500;
     color: #121212;
     margin-bottom: 8px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: .4em;
     color: #121212;
   }

 }

 @media only screen and (max-width: 550px) {
   .gz_list {
     width: calc(100% - 16px);
     padding: 0 8px;
   }

   /* 
  .beian {
    position: fixed;
    bottom: 0;
  } */
 }



 @media only screen and (max-width: 520px) {

   .gz_list {
     width: calc(100% - 36px);
     height: 150px;
     padding: 0 18px;
   }

   .gz_list>.gz_list_item>img {
     width: 45px;
     height: 45px;
     margin-right: 10px;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: .4em;
     font-weight: 500;
     color: #121212;
     margin-bottom: 5px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: .2em;
     color: #121212;
   }
 }

 @media only screen and (max-width: 500px) {
   .gz_list {
     width: calc(100% - 16px);
     height: 150px;
     padding: 0 8px;
   }
 }

 @media only screen and (max-width: 474px) {
   .gz_list {
     width: calc(100% - 16px);
     height: 150px;
     padding: 0 8px;
   }

   .gz_list_item>img {
     margin-right: 5px !important;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 12px !important;
     font-weight: 500;
     color: #121212;
     margin-bottom: 5px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: 10px !important;
     color: #121212;
   }
 }

 @media only screen and (max-width: 465px) {

   .gz_list {
     width: calc(100% - 16px);
     height: 150px;
     padding: 0 8px;
   }

   .gz_list_item>img {
     width: 38px;
     height: 38px;
   }

   .gz_list_item>img {
     margin-right: 5px !important;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 12px !important;
     font-weight: 500;
     color: #121212;
     margin-bottom: 5px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: 10px !important;
     color: #121212;
   }
 }

 @media only screen and (max-width: 438px) {

   .gz_list_item>img {
     width: 38px;
     height: 38px;
     margin-right: 5px !important;
   }

   .gz_list_item>img {
     margin-right: 5px !important;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 10px !important;
     font-weight: 500;
     color: #121212;
     margin-bottom: 5px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: 8px !important;
     color: #121212;
   }
 }

 @media only screen and (max-width: 386px) {

   .gz_list {
     width: 100%;
     padding: 0;
     height: 120px;
   }

   .gz_list_item>img {
     width: 38px;
     height: 38px;
   }

   .gz_list_item_txt>span:nth-last-child(2) {
     font-size: 12px !important;
     font-weight: 500;
     color: #121212;
     margin-bottom: 5px;
   }

   .gz_list_item_txt>span:nth-last-child(1) {
     font-weight: 400;
     font-size: 10px !important;
     color: #121212;
   }
 }