.path{
  box-sizing: border-box;
  background: #f3f4fa;
  margin-top: 97px;
  width: 1400px;
  margin: 0 auto;
  margin-top: 97px;
  padding: 0 22px;
  color: #444;
 }
 @media (max-width: 767px) {
.path{
 width: 100%;
 margin-top: 20px;
}
}
 .visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
 display: none !important;
}
   @font-face {
   font-family: 'iconfont';
   /* project id 1792449 */
   src: url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.eot');
   src: url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.eot?#iefix') format('embedded-opentype'),
       url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.woff2') format('woff2'),
       url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.woff') format('woff'),
       url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.ttf') format('truetype'),
       url('https://at.alicdn.com/t/font_1792449_y8a25844c8e.svg#iconfont') format('svg');
}
   .iconfont {
   font-family: "iconfont" !important;
   font-size: 14px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

   .footer-top-info {
   width: 100%;
   height: 310px;
   background: url(../img/22.jpeg) no-repeat center center;
   background-size: cover;
   position: relative;
  
}

/* 使用伪元素添加蒙版 */
.footer-top-info::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8); /* 黑色半透明蒙版 */
z-index: 1;
}

/* 确保内容在蒙版之上 */
.footer-top-info .container {
position: relative;
z-index: 10; /* 确保内容在蒙版之上 */
}

.footers{
   width: 100%;
   /* position: absolute; */
   /* bottom: 0px; */
   /* left: 0px; */
   height: 375px;
       /* margin-top: 0; */
       margin-top: 45px;
       float: left;
   }
   
.footer-top-info {
   padding-top: 60px;
}

.footer-left-logo-img {
   display: block;
}

.footer-left-logo-img img {

 width:100%;
}


.footer-contact-title {
 font-size: 24px;
 color: #8AB0F3;
 letter-spacing: 1.5px;
  font-weight: normal;
}

.footer-contact-title span {
   font-weight: normal;
}

.footer-divider-line {
   margin: 20px 0 15px;
   width: 100%;
   height: 1px;
   background: #CCC;
}

.footer-contact-item {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #FFF;
   line-height: 30px;
   display: inline-block;
   margin-bottom: 15px;
   white-space: nowrap;
}

.footer-contact-item .iconfont {
   font-size: 16px;
   margin-right: 0px;
   color: #979797;
}

.footer-bottom-copy {
   /*width: 100%;*/
   height: 65px;
   text-align: center;
   overflow: hidden;
   line-height: 65px;
   font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
   font-size: 14px;
   color: #999;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
}

.row:before,
.row:after,
.container:before
{
 display: table;
 content: " ";
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
}
.footer-left-motto {
   height: 48px;
   /* margin-top: 26px; */
   margin-top: 15px;
}
.WeChat-share-box {
   position: relative;
}


.WeChat-share-box-code {
   position: absolute;
   width: 150px;
   height: 150px;
   top: -180px;
   left: -68px;
   background: #FFF;
   display: none;
}

.WeChat-share-box-code img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.WeChat-share-box:hover .WeChat-share-box-code {
   display: block;
}
.footer-left-motto img {
   width: 100%;
}

.footer-left-link {
   margin-top: 55px;
}




.footer-right-subtitle {
   font-family: Arial-BoldMT, TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #FFF;
   line-height: 30px;
   margin-bottom: 10px;
   white-space: nowrap;
}

.footer-right-content {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #DDD;
   line-height: 30px;
   margin-left: -5px;
   margin-bottom: 11px;
}
.container {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}
@media (min-width: 768px) {
 .container {
   width: 750px;
 }
}
@media (min-width: 992px) {
 .container {
   width: 970px;
 }
}
@media (min-width: 1200px) {
 .container {
   width: 1170px;
 }
}
.container {
   /* width: 1226px; */
   width: 1400px;
}
a {
   color: inherit;
   text-decoration: none !important;
}
@media screen and (max-width: 768px) {
 .container {
       width: 100%;
   }
   .footer-top-info {
     height: auto;
     padding-top: 35px;
     padding-bottom: 90px;
   }
   .footers {
     height: auto;
   }

   .footer-left-logo {
     display: none;
   }
   .footer-left-link {
     margin: 0px;
     margin-bottom: 10px;
   }


 .footer-bottom-copy {
   height: auto;
   line-height: 1.5;
   padding: 20px;
 }

   .footer-contact {
     margin-top: 20px;
     margin-bottom: 20px;
   }

}
.col-xs-12 {
 width: 100%;
}
.col-xs-6 {
 width: 50%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 float: left;
}
.col-xs-4 {
 width: 33.33333333%;
}
.col-xs-8 {
 width: 66.66666667%;
}
@media (max-width: 768px) {
 .visible-xs {
   display: block !important;
 }
}


@media (min-width: 768px) {
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
   float: left;
 }
 .col-sm-12 {
   width: 100%;
 }
 .col-sm-11 {
   width: 91.66666667%;
 }
 .col-sm-10 {
   width: 83.33333333%;
 }
 .col-sm-9 {
   width: 75%;
 }
 .col-sm-8 {
   width: 66.66666667%;
 }
 .col-sm-7 {
   width: 58.33333333%;
 }
 .col-sm-6 {
   width: 50%;
 }
 .col-sm-5 {
   width: 41.66666667%;
 }
 .col-sm-4 {
   width: 33.33333333%;
 }
 .col-sm-3 {
   width: 25%;
 }
 .col-sm-2 {
   width: 16.66666667%;
 }
 .col-sm-1 {
   width: 8.33333333%;
 }
 .col-sm-pull-12 {
   right: 100%;
 }
 .col-sm-pull-11 {
   right: 91.66666667%;
 }
 .col-sm-pull-10 {
   right: 83.33333333%;
 }
 .col-sm-pull-9 {
   right: 75%;
 }
 .col-sm-pull-8 {
   right: 66.66666667%;
 }
 .col-sm-pull-7 {
   right: 58.33333333%;
 }
 .col-sm-pull-6 {
   right: 50%;
 }
 .col-sm-pull-5 {
   right: 41.66666667%;
 }
 .col-sm-pull-4 {
   right: 33.33333333%;
 }
 .col-sm-pull-3 {
   right: 25%;
 }
 .col-sm-pull-2 {
   right: 16.66666667%;
 }
 .col-sm-pull-1 {
   right: 8.33333333%;
 }
 .col-sm-pull-0 {
   right: auto;
 }
 .col-sm-push-12 {
   left: 100%;
 }
 .col-sm-push-11 {
   left: 91.66666667%;
 }
 .col-sm-push-10 {
   left: 83.33333333%;
 }
 .col-sm-push-9 {
   left: 75%;
 }
 .col-sm-push-8 {
   left: 66.66666667%;
 }
 .col-sm-push-7 {
   left: 58.33333333%;
 }
 .col-sm-push-6 {
   left: 50%;
 }
 .col-sm-push-5 {
   left: 41.66666667%;
 }
 .col-sm-push-4 {
   left: 33.33333333%;
 }
 .col-sm-push-3 {
   left: 25%;
 }
 .col-sm-push-2 {
   left: 16.66666667%;
 }
 .col-sm-push-1 {
   left: 8.33333333%;
 }
 .col-sm-push-0 {
   left: auto;
 }
 .col-sm-offset-12 {
   margin-left: 100%;
 }
 .col-sm-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-sm-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-sm-offset-9 {
   margin-left: 75%;
 }
 .col-sm-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-sm-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-sm-offset-6 {
   margin-left: 50%;
 }
 .col-sm-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-sm-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-sm-offset-3 {
   margin-left: 25%;
 }
 .col-sm-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-sm-offset-1 {
   /* margin-left: 8.33333333%; */
   margin-left: 3.33333333%;
 }
 .col-sm-offset-0 {
   margin-left: 0;
 }
}

/* @media screen and (orientation: landscape){ */
/* body{
 overflow-y: hidden;
 transform: scale(0.62);
 transform-origin: top left;
 width: 161.3vw;
} */
/* } */


@media (orientation: landscape) and (max-width: 1024px) and (max-height: 768px) {
 body {
     transform: scale(var(--dynamic-scale, 0.6));
     transform-origin: top left;
     width: var(--dynamic-width, 166.3vw);
     overflow: hidden auto;
 }
 .anso_gov .MN-1-head-c{
   display: flex;
   flex-wrap: wrap;
 }
 .MN-1-h-c-l,.MN-1-h-c-r {
 width: 100%;
}
.anso_gov .MN-1-h-c-t{
flex: 1 1 100%;
}
.anso_gov  .MN-1-h-c-l {
 /* width: 425px;
 height: 416px; */
 flex: 1;
}

.anso_gov .MN-1-h-c-r {
 /* width: 763px;
 height: 406px;
 margin-left: 10px; */
 flex: 1 1 35%;
}
.container{
width: 98%;

}
.nav-logo{
width: 40%;
}
.nav-right-info{
width: 60%;
}
.nav-two-list,.nav-two-item{
width: 100%!important;
}
.general_con_con dl dt{
width: 30%;
}
.general_con_con dl dd{
width: 65%;
}
}

/* 方案2: 华为手机兼容性更好的媒体查询 */
@media (orientation: landscape) and (max-width: 1024px) and (max-height: 768px)
and (-webkit-min-device-pixel-ratio: 1) {
 body {
     transform: scale(var(--dynamic-scale, 0.6));
     transform-origin: top left;
     width: var(--dynamic-width, 166.3vw);
     overflow: hidden auto;
 }
}

/* 方案3: 使用JavaScript检测作为备选方案 */
.mobile-landscape-scale {
 transform: scale(var(--dynamic-scale, 0.6));
 transform-origin: top left;
 width: var(--dynamic-width, 166.3vw);
}