@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body{color: #333333;font-size:14px;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;overflow-x:hidden;margin:0; padding:0;background-color: #fff;}
input,select,textarea {font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;border-radius: 0;outline: none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;color: #333333;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #666666;}
::-webkit-scrollbar-button{height:0; width:5px;background: #666666;}
::-webkit-scrollbar-thumb{background-color:#fdd000;box-shadow:inset 1px 1px 0 #fdd000,inset 0 -1px 0 #fdd000;}

/* 通用 */
.container-outer{width: 84%;margin: auto;position: relative;height: 100%;}
.container{margin: auto;min-height: 1px;width: 100%;max-width: 1400px;}
.column{position: absolute;bottom: 0;left: 0;font-size: 14px;letter-spacing: 1px;line-height: 33px;text-align: center;background-color: #404040;color: #FFFFFF;z-index: 10;padding: 0 3% 0 5%;}
.column::after{content: '';width: 31px;height: 33px;position: absolute;right: -30px;top: 0;background: url('img/sanjiao.svg') no-repeat;}
.ty-more {font-size: 0;display: inline-block;position: relative;}
.ty-more a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.ty-more span{color: #333333;font-size: 16px;line-height: 16px;display: inline-block;margin-right: 10px;z-index: 3;position: relative;}
.ty-more i{width: 9px;height: 12px;display: inline-block;background: url("../images/more_h.png");background-size:100% 100%;position: relative;z-index: 3;/*opacity: .5;*/}
.ty-more a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #FDD000;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.ty-more a:hover::before{width: 100%;}
.ty-more a:hover span {color: #FFFFFF;}
.ty-more a:hover i{background: url("../images/more_b.png");background-size:100% 100%;opacity: 1;}


.detail .header{background: #fff;border-bottom: 1px solid #e6e6e6;}
.detail .header .header-logo img.logo1{display: none}
.detail .header .header-logo img.logo2{display: block}
.detail .header .header-nav > ul > li > a{color: #333333;}
.detail .header .header-nav > ul > li.cur > a{color: #FDD000;}
.detail .header .header-nav > ul > li > a:hover{color: #FDD000;}
.detail .header .header-nav > ul > li > a:hover::after{width: 100%;}
.detail .header .header-search i img{filter: invert(100%);}
.detail .header .header-search a:hover i img{filter: invert(0);}
.detail .header .header-search a::after{border: 1px solid #e6e6e6;opacity: 1;}
.detail .header .header-search a:hover::after{border: 1px solid #fdd000;opacity: 1;}
.detail .header .header-search span{color: #333333;}
.no-touch .header,.header.scroll-top,.header.scroll-top{background: #fff;border-bottom: 1px solid #e6e6e6;}


/* 首页Banner */
.index-banner-swiper .index-banner-item .img .mpic{display: none;}
.index-banner-swiper{width: 100%;height: 100%;position: relative;}
.index-banner-swiper .index-banner-item{position: relative;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic,.index-banner-swiper .swiper-slide-active .img .mpic{animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .index-banner-item .text{width: 60%;left: 9%;top: 50%;z-index: 51;color: #fff;position: absolute;transform: translateY(-50%);}
.index-banner-swiper .index-banner-item .big div{font-size:48px;padding-bottom: 15px;font-weight: bold;color: #ffffff;}
.index-banner-swiper .index-banner-item .small div{font-size:24px;line-height: 38px;color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.index-banner-swiper .swiper-button{position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.index-banner-swiper .swiper-button .swiper-button-prev,.index-banner-swiper .swiper-button .swiper-button-next{width: 70px;height: 65px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin:0px 5px;outline: none;}
.index-banner-swiper .swiper-button .swiper-button-prev::before ,.index-banner-swiper .swiper-button .swiper-button-next::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #fff;}
.index-banner-swiper .swiper-button .swiper-button-prev::after ,.index-banner-swiper .swiper-button .swiper-button-next::after{font-size: 16px;font-weight:900;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.index-banner-swiper .swiper-button .swiper-button-prev{margin-top: 20px;}
.index-banner-swiper .swiper-button .swiper-button-prev:hover::before{background: #ededed;}
.index-banner-swiper .swiper-button .swiper-button-next::before{background: #fdd000;}
.index-banner-swiper .swiper-button .swiper-button-next:hover::before{background: #e6ac00;}
.index-banner-swiper .banner-pagination{bottom: 2%;left: 0;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span{display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current{font-size: 40px;padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total{font-size: 20px;padding-right: 40%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current::after{content: '';width: 100%;height: 1px;background: #fff;opacity: .3;position: absolute;bottom:0;left: 0;}
.index-banner-swiper .index-banner-item .more-group{display: flex;align-items: center;margin: 4% 0;}
.index-banner-swiper .index-banner-item .ty-more a{border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .ty-more span{color: #FFFFFF;}
.index-banner-swiper .index-banner-item .ty-more i{background: url("../images/more_b.png");background-size:100% 100%;}
.index-banner-swiper .index-banner-item .ty-more a:hover span {color: #333333;}
.index-banner-swiper .index-banner-item .ty-more a:hover i{background: url("../images/more_h.png");background-size:100% 100%;opacity: 1;}
.index-banner-swiper .index-banner-item .play {display: inline-block;margin-left: 10px;}
.index-banner-swiper .index-banner-item .play a{display: block;overflow: hidden;/*background: #FFFFFF;*/border: 1px solid rgba(255,255,255,.3);padding: 15px 20px;font-size: 0;}
.index-banner-swiper .index-banner-item .play i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/play.png") center no-repeat;background-size: 100%; }
.index-banner-swiper .index-banner-item .play span{font-size: 14px;color: #FFFFFF;display: inline-block;vertical-align: middle;}
.index-banner-swiper .index-banner-item .play a:hover {background: #FDD000;border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .play a:hover i{filter: invert(100%);}
.index-banner-swiper .index-banner-item .play a:hover span{color: #333333;}
.index-banner-swiper .index-banner-item .img{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}
.index-banner-swiper .index-banner-item .img img,.index-banner-swiper .index-banner-item .pic img,.index-banner-swiper .index-banner-item .mpic img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.index-banner-swiper .index-banner-item .img .pic,.index-banner-swiper .index-banner-item .img .mpic{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

/* 底部 */
.footer {position: relative;clear: both; overflow: hidden;background: #404040;}
.footer a {color: #fff;}
.footer a:hover {color: #FDD000;}
.footer .footer-content-top {position: relative;padding: 70px 0;line-height: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
/* .footer .footer-content-top .footer-item {float: left;width: 28%;} */
.footer .footer-content-top .footer-item:last-child {}
.footer .footer-content-top .footer-item-top {border-bottom: 2px solid rgba(255,255,255,0.1);padding: 20px 0;}
.footer .footer-content-top .footer-logo {width: 180px;height: 42px;position: relative;line-height: normal;}
.footer .footer-content-top .footer-logo a {width: 100%;display: inline-block;line-height: normal;font-size: 0;}
.footer .footer-content-top .footer-item-bottom {padding-top: 30px;}
.footer .footer-content-top .footer-social a img{max-width: 46%;max-height: 46%;z-index: 11;}
.footer .footer-content-top .footer-contact li,.footer .footer-content-top .footer-social li {list-style: none;margin: 0;padding: 0;}
.footer .footer-content-top .footer-contact li {display: block;}
.footer .footer-content-top .footer-contact span {font-size:18px;color: #d0d0d0;}
.footer .footer-content-top .footer-contact span.font{font-size: 32px;color: #FFFFFF;}
.footer .footer-content-top .footer-social {margin-top: 10px;}
.footer .footer-content-top .footer-social li {position: relative;margin-right: 10px;}
.footer .footer-content-top .footer-social li a{position: relative;width: 50px;height: 50px;border: 2px solid rgba(255,255,255,.2);border-radius: 100%;cursor: pointer;display: block;}
.footer .footer-content-top .footer-social li a:hover {background: #FDD000;border: 2px solid #FDD000;}
.footer .footer-content-top .footer-social li a:hover img {filter: invert(100%);}
.footer .footer-content-top .footer-link {font-size:24px;color: #ffffff;line-height: 42px;font-weight: bold;display: block;}
.footer .footer-content-top .footer-nav {display: flex;flex-wrap: wrap;}
.footer .footer-content-top .footer-nav a {font-size:18px;width: 33.33%;display: inline-block;}
.footer .footer-content-bottom {border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0;overflow: hidden;position: relative;}
.footer .footer-content-bottom .footer-copy {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-copy a {color: #d0d0d0;margin-left: 5px;}
.footer .footer-content-bottom .footer-copy a:hover{color: #FDD000;}
.footer .footer-content-bottom .footer-beian a,.footer .footer-content-bottom .footer-beian i,.footer .footer-content-bottom .footer-beian span,.footer .footer-content-top .footer-social li,.footer .footer-content-top .footer-contact span {display: inline-block;vertical-align: middle;}
.footer .footer-content-bottom .footer-beian {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer .footer-content-bottom .footer-beian i {width: 20px;height: 20px;position: relative;margin-right: 5px;}
.footer .footer-content-bottom .footer-beian span {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-beian span:hover {color: #FDD000;}
.footer .footer-content-top .footer-img-show {width: 120px;height: 120px;position: absolute;left: 50%;top: 100%;z-index: 11;background: #fff;padding: 5px;display: none;margin-left: -60px;}
.footer .footer-content-top .footer-img-show img {max-width: 100%;display: block;}
.footer .footer-content-top .footer-social li:hover .footer-img-show {display: block;}


/* 底部留言表单样式 */
.footer .message-section {
  background: #fff;
  padding: 32px 0 0 0;
  display: flex;
  justify-content: center;
}
.footer .message-form {
  width: 700px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  padding: 32px 32px 24px 32px;
}
.footer .message-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.footer .message-row input {
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
  background: #f8f8fa;
  border: none;
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 16px;
  color: #333;
  flex: 1;
  outline: none;
  transition: box-shadow 0.2s;
}
.footer .message-row.textarea-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.footer .message-row.textarea-row textarea {
  flex: 1;
  width: auto;
  min-width: 0;
  min-height: 100px;
  height: 100px;
  resize: vertical;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.footer .message-row input:focus,
.footer .message-row textarea:focus {
  box-shadow: 0 0 0 2px #FDD000;
}
.footer .message-row.message-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.footer .verify-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.footer .verify-img {
  height: 44px;
  width: 110px; 
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eee;
  object-fit: cover;
  display: block;
}
.footer .verify-group input[type="text"] {
  height: 44px;
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  background: #f8f8fa;
  padding: 0 16px;
  font-size: 16px;
  color: #333;
  margin-left: 10px;
  flex: 1;
  min-width: 100px;
}
.footer .message-submit-btn {
  height: 44px;
  line-height: 44px;
  padding: 0 36px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  border: none;
  background: #FDD000;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
@media (max-width: 900px) {
  .footer .message-row.message-bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .footer .verify-group {
    flex-direction: row;
    margin-bottom: 10px;
  }
  .footer .message-submit-btn {
    width: 100%;
    margin-left: 0;
  }
}



/* 分页 */
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;padding-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#FDD000;border-color:#FDD000;}

/* 栏目Banner */
.col-banner {position: relative;overflow: hidden;}
.col-banner .img{width: 100%;}
.col-banner .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;animation: srmgani 4000ms 1 ease forwards;}
.col-banner .pic img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.col-banner .text {position: absolute;left: 10%;bottom: 0;top:50%;width: 80%;z-index: 11;}
.col-banner .title {color: #fff;position: relative;z-index: 11;}
.col-banner .title h3{font-size: 40px;font-weight: bold;}
.col-banner .title i{    display: block;    margin: 20px 0;    width: 79px;    height: 4px;    background: url("img/tline.svg");}
.banner-path {position: absolute;width: 100%;height: 60px;bottom: 0;z-index: 12;background: rgba(255,255,255,0.1);backdrop-filter: blur(1px);}
.banner-path .icon {width: 70px;height: 100%;background: #FDD000;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 0;}
.banner-path .icon img {max-width: 40%;max-height: 40%;}
.banner-path .link {left: 100px;top: 50%;transform: translateY(-50%);position: absolute;}
.banner-path .link a {font-weight: bold;color: #848692;font-size: 16px;}
.banner-path .link a:hover {color: #FDD000;}
.banner-path .link a.cur {color: #fff;}
.banner-path .link span {font-weight: bold;color: #848692;font-size: 16px;padding: 0 5px;}




/* 资料下载 */
.download-detail{padding: 80px 0;overflow: hidden;}
.download-detail .download-detail-box{box-sizing: border-box;overflow: hidden;}
.download-detail .download-top {padding-bottom:50px;    overflow: hidden;}
.download-detail .download-top-left {float:left;font-size:35px;color:#000;}
.download-detail .download-top-left span{font-size:16px;margin-top: 1px;color: #6c6c6c;font-family: Arial, Helvetica, sans-serif;}
.download-detail .download-top-right {float:right;width:800px;}
.download-detail .download-top-right ul li {float:right;width:380px;background: #f0f5f7;height:54px;line-height:54px;position:relative;}

.multi-filter {display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0f5f7;border-radius:4px;}
.multi-filter select, .multi-filter input {height:36px;padding:0 8px;border:1px solid #e5e5e5;border-radius:2px;background:#fff;color:#666;}
.multi-filter input {width:70px;}
.multi-filter span {color:#888;}
@media (max-width: 600px) {
  .multi-filter {flex-wrap:wrap;gap:4px;}
  .multi-filter select, .multi-filter input {width:100%;min-width:80px;}
}

.download-detail .download-button {border:none;background:none;background-image:url(../images/so.svg);background-size: 18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:58px;background-color:#FDD000;}
.download-detail .download-button:hover{background-color:#404040;}
.download-detail .download-search {padding-left:5%;padding-right:58px;background:#f0f5f7;padding:10px 16px}
.download-detail .download-search input {border:none;width:100%;height:54px;line-height:54px;font-size:16px;color:#666;background:none;}

.download-detail .download-item {padding: 20px 0;overflow: hidden;font-size:0;color: #666;position: relative;box-sizing: border-box;transition:all .4s ease;display: flex;align-items: center;justify-content: space-around;}
.download-detail .download-item.bg2:hover,.download-detail .download-item.bg1:hover {border: 2px solid #FDD000;}
.download-detail .download-item.title{background: #404040;}
.download-detail .download-item.title li {font-weight: bold;font-size: 16px;color: #FFFFFF!important;padding:5px 0;position: relative;z-index: 10;padding-left:10px;}
.download-detail .download-item li{list-style: none;margin: 0;padding: 20px 0;display: inline-block;vertical-align: middle;font-size: 16px;color: #999;padding-left:10px;}
.download-detail .download-item li a{width: 20px;height: 20px;display: block;margin: auto;background: url("img/download1.png") center no-repeat;}
.download-detail .download-item li a:hover {background: url("img/download2.png") center no-repeat;}
/* .download-detail .download-item li:nth-child(1) {width: 35%;padding-left: 5%;color: #222;}
.download-detail .download-item li:nth-child(2) {width: 20%;}
.download-detail .download-item li:nth-child(3) {width: 10%;}
.download-detail .download-item li:nth-child(4) {width: 10%;}
.download-detail .download-item li:nth-child(5) {width: 10%;}
.download-detail .download-item li:nth-child(6) {width: 10%;text-align: center;} */
.download-detail .download-item.bg1{background: #f9fdff;border: 2px solid #f9fdff;}
.download-detail .download-item.bg2{background: #f0f5f7;border: 2px solid #f0f5f7;}



/* 合并与格式化底部footer相关样式 */
.footer-flex, .footer-content-top.container-outer.footer-flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  max-width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer-info, .footer-message {
  flex: 1 1 0;
  min-width: 0;
  padding: 40px 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer-info {
  flex: 0 0 39%;
  max-width: 39%;
  padding-left: 120px;
  padding-right: 30px;
}
.footer-message {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 30px;
  padding-right: 120px;
  border-left: none; 	
}

.footer .footer-link {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: left;
}
.footer .message-form {
  width: 100%;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.footer .message-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.footer .message-row input {
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
  background: #f8f8fa;
  border: none;
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 16px;
  color: #333;
  flex: 1;
  outline: none;
  transition: box-shadow 0.2s;
}
.footer .message-row.textarea-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.footer .message-row.textarea-row textarea {
  flex: 1;
  width: auto;
  min-width: 0;
  min-height: 100px;   /* 显示多行 */
  height: 100px;
  resize: vertical;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  padding-left: 2%;
}
.footer .message-row input:focus,
.footer .message-row textarea:focus {
  box-shadow: 0 0 0 2px #FDD000;
}
.footer .message-row.message-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.footer .verify-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.footer .verify-img {
  height: 44px;
  width: 110px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eee;
  object-fit: cover;
  display: block;
}
.footer .verify-group input[type="text"] {
  height: 44px;
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  background: #f8f8fa;
  padding: 0 16px;
  font-size: 16px;
  color: #333;
  margin-left: 10px;
  flex: 1;
  min-width: 100px;
}
.footer .message-submit-btn {
  height: 44px;
  line-height: 44px;
  padding: 0 36px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  border: none;
  background: #FDD000;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}
.footer .message-submit-btn:hover {
  background: #404040;
}
@media (max-width: 900px) {
  .footer-flex, .footer-content-top.container-outer.footer-flex {
    flex-direction: column;
    max-width: 100%;
    padding: 0 10px;
  }
  .footer-info, .footer-message {
    width: 100%;
    min-width: 0;
    padding: 20px 0;
    border: none;
  }
  .footer-message {
    padding-top: 0;
    border-left: none;
  }
  .footer .message-form {
    width: 100%;
  }
  .footer .message-row {
    flex-direction: column;
    gap: 10px;
  }
  .footer .message-submit-btn {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  .footer .message-row.message-bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .footer .verify-group {
    flex-direction: row;
    margin-bottom: 10px;
  }
}

.footer-content-top.container-outer.footer-flex {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}



@media (max-width: 768px) {
  .footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 8px;
  }
  .footer-info {
    width: 100%;
    max-width: 420px;
    margin: 0 auto 40px;
    float: none;
    box-sizing: border-box;
    background: rgba(0,0,0,0.02);
    border-radius: 10px;
    padding: 24px 12px 32px 12px;
    border-bottom: 2px solid #444;
  }
  .footer-message {
    max-width: 420px;
    margin: 0 auto ;
    float: none;
    box-sizing: border-box;
    background: rgba(0,0,0,0.02);
    border-radius: 10px;
    padding: 24px 12px 32px 12px;
  }
  .footer-message form {
    width: 100%;
  }
  .footer-copyright {
    display: block;
    text-align: center;
    margin: 0 auto 18px auto;
    padding: 0;
    line-height: 1.7;
    word-break: break-all;
    font-size: 15px;
    color: #fff;
  }
  .footer-beian {
    display: block;
    text-align: center;
    margin: 0 auto 28px auto;
    padding: 0;
    line-height: 1.7;
    word-break: break-all;
    font-size: 15px;
    color: #fff;
  }
  .footer-copyright,
  .footer-beian {
    display: block;
    text-align: center;
    margin: 0 auto 18px auto;
    padding: 0;
    line-height: 2.2;
    word-break: break-all;
    font-size: 15px;
    color: #fff;
  }
  .footer-copyright p,
  .footer-beian p {
    margin-bottom: 10px;
  }
}