.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 {
     /* height: 45px; */
   width:100%;
 }
 
 .footer-contact-title {
     font-size: 30px;
     color: #8AB0F3;
     letter-spacing: 1.5px;
     font-weight: normal;
 }
 /* .footer-contact-title {
   font-family: NotoSansCJKsc-Bold;
   font-size: 24px;
   color: #8AB0F3;
   letter-spacing: 1.5px;
} */
 
 .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-left-link a .iconfont {
     font-size: 18px;
     color: #B2B2B2;
     /* margin-right: 14px; */
     margin-right: 36px;
 }
 
 .footer-left-link a:last-of-type {
     margin-right: 0;
 }
 
 
 .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;
   }
 }
/* 仅在触摸设备横屏时缩放and (hover: none) and (pointer: coarse) */
/* @media (orientation: landscape)  {
 body {
     margin: 0;
     padding: 0;

     transform: scale(var(--scale, 1));
     transform-origin: top left;
 
     width: calc(1400px / var(--scale, 1));
     min-height: 100vh;
     overflow: hidden auto; 
   }
} */
 

/* 针对移动设备横屏的优化 - 使用更兼容的媒体查询 */
/* 方案1: 基于屏幕尺寸的移动设备检测 */
@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);
   }
   .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);
   }
}

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