body{font-size:14px;overflow: hidden;overflow-y:auto;margin:0px;padding:0px;background: #f4f4f4;background-size: 100%;background-repeat: no-repeat;}
p,div{margin:0px;padding: 0px;}

a:visited {color: #0167AA; text-decoration:none} 
a:hover {color: #0167AA; text-decoration:none} 
a:active {color: #0167AA;text-decoration:none}
a{color: #0167AA;text-decoration:none}
.center{text-align: center;margin:0 auto;overflow: hidden;height: auto;zoom:1;}
.shadow{box-shadow: 0px 0px 1px #e8e8e8;background: #fff;}
.box{width:100%;height: auto;zoom:1;overflow: hidden;}
.margin10{margin: 10px;}
.bottomeBox{position:fixed;bottom:0px;left:0px;width:100%;height:40px;text-align:center;background: #fff;border-top: 1px solid #f4f4f4;padding-top: 8px;overflow: hidden;z-index: 1000}

[v-cloak]{ display: none; }

.AppMenu{width:280px;height: auto;zoom:1;overflow: hidden; position: fixed;top:50px;right: 10px;z-index: 1001;background: #fff;border-radius:5px;box-shadow: 0px 0px 5px #999;}
/** Items **/
.classItem{width:70px;height: 60px;float: left;text-align: center;margin:10px;}

.items{width:100%;height:auto;zoom:1;overflow: hidden;margin:0 auto;margin-bottom:10px;position: relative;padding-top:7px;padding-bottom: 10px;background: #fff;border-bottom: 1px solid #e8e8e8}
.items_header{width:28%;height:90px;background-size:cover;margin:5px;float:left;border:1px solid #e8e8e8;border-radius:3px}
.items_header_small{width:20px;height:20px;border-radius:20px;float:left;overflow: hidden;background-size:cover;float:left;margin-top: 5px}
.items_title{margin-left:10px;margin-right: 10px;margin-top: 10px; line-height:20px;min-height: 24px;color:#333;font-size: 16px;font-weight: bold}
.items_other{margin:10px;margin-top:5px;margin-bottom:5px;font-size:14px;color:#666;line-height: 24px;}
.items_attrib{background: #077b98;color:#fff;width:50px;height: 10px;text-align:center;padding:3px;font-size:10px;border-radius:3px;margin:5px;}
.items_content{font-size: 16px;line-height: 28px;width:95%;height: auto;zoom:1;overflow: hidden;margin:0 auto}
.title{width:346px;height: auto;margin-bottom: 30px;margin-top: 10px;}
table{margin: 0px;}
img{width:100%}
/*自适应Float*/
.container {
      position: relative;
      height: auto;zoom:1;overflow: hidden;
   }
  
   .center2 {      
      margin-left: 60px;
      margin-right: 60px;
      margin-bottom: 10px;margin-top: 10px;
   }
   .left {
      width: 80px; 
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 10px;
   }
   .right {
      width: 32px;      
      position: absolute;
      top: 0px;
      right: 0px;
   }

image[lazy=loading] {
  width: 40px;
  height: 300px;
  margin: auto;
  
}

.bold16{border-right:1px dashed #ddd;text-align:center;font-size:14px;}
.bold22{font-size:22px;font-weight:bold}

.header_menu_tip{font-size:14px;margin-top:20px;margin-bottom:20px;text-align:center;cursor:pointer;color:#fff;}

.header_menu_tip:hover{font-size:14px;margin-top:20px;margin-bottom:20px;text-align:center;cursor:pointer;color:#e8e8e8;}

.header_menu{width:24%;float:left;overflow: hidden;border-right:1px dashed #ddd;}
#header_menu a{color:#fff}
#header_menu ul{display: none;position: fixed;top:120px;left:0px;background: #333;padding:10px;margin:0px auto;width: 100%;z-index: 100;}
#header_menu li{
   list-style-type: none;cursor:pointer;color:#fff;padding:5px;
}
#header_menu li:hover{
   list-style-type: none;cursor:pointer;background:#000;
}

.rimg{border-radius:5px;overflow: hidden;border:1px solid #e8e8e8;width:100%}

#fot p{padding:5px;color:#333}
.input_2{width: 100px; border: 1px solid rgb(221, 221, 221); padding: 5px;border-radius:5px;height:35px;}
.input_3{width: 100px; border: 0px solid rgb(221, 221, 221); padding: 5px;border-radius:5px;height:35px;text-align:center}
.button{width:auto;height:40px;padding:10px;color:#fff;border-radius:5px;background:#A51016;border:0px;cursor: pointer;}

.zuopinlist{width:45%;margin: 5px;background: #fff;border:1px solid #f7f7f7;height:370px;cursor: pointer;border-radius:5px;float:left;}
.zuopinlist:hover{border:1px solid #ddd}

.danhang{
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.table{background:#000000; }
.table td{background:#FFFFFF}


/* =========================================================
   Mobile About page root fix
   原因：About页面复用了PC版 about_cards_block，卡片子元素保留了两列/固定宽度。
   这里只在 .m-about-page 内强制所有卡片容器与卡片子元素改成单列全宽。
   ========================================================= */
.m-about-page{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.m-about-page *,
.m-about-page *:before,
.m-about-page *:after{
    box-sizing:border-box !important;
}

/* 根本修正：About 页面内部所有 div/section/article 不再保留 PC 两列宽度 */
.m-about-page div,
.m-about-page section,
.m-about-page article,
.m-about-page ul,
.m-about-page li{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
}

/* 不管原来是 flex 还是 grid，都压成单列 */
.m-about-page [style*="display:flex"],
.m-about-page [style*="display: flex"],
.m-about-page [style*="display:grid"],
.m-about-page [style*="display: grid"],
.m-about-page [class*="grid"],
.m-about-page [class*="list"],
.m-about-page [class*="row"],
.m-about-page [class*="wrap"],
.m-about-page [class*="section"]{
    display:block !important;
    grid-template-columns:1fr !important;
    flex-direction:column !important;
    gap:0 !important;
}

/* 卡片本体：一行一个，占满 */
.m-about-page [class*="card"],
.m-about-page [class*="item"],
.m-about-page [class*="office"],
.m-about-page [class*="license"],
.m-about-page [class*="equipment"],
.m-about-page [class*="machine"]{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 100% !important;
    float:none !important;
    clear:both !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* 图片跟随卡片宽度 */
.m-about-page img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block !important;
}

/* 地图保持上下结构 */
.m-about-page iframe{
    width:100% !important;
    max-width:100% !important;
}

/* 747px 这种手机模拟宽度也强制一列 */
@media screen and (max-width: 900px){
    .m-about-page div,
    .m-about-page section,
    .m-about-page article,
    .m-about-page ul,
    .m-about-page li{
        width:100% !important;
        max-width:100% !important;
        float:none !important;
        display:block !important;
    }

    .m-about-page [class*="card"],
    .m-about-page [class*="item"],
    .m-about-page [class*="office"],
    .m-about-page [class*="license"],
    .m-about-page [class*="equipment"],
    .m-about-page [class*="machine"]{
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
        display:block !important;
    }
}