/* 首页适配 */

@media only screen and (max-width: 840px) {
body{ padding: 6rem 0 4rem;}
.headtel, .headtop p, .footer, .head-tel, .lang{ display: none;}
.head h1 { width: 70%;}  
.headtop{  border: none; height: 0;}
.lang-wrapper{ position: fixed; z-index: 8; top: 1rem; right: 1rem;  z-index: 100;}
.head{ position: fixed; border-bottom: 1px solid #ddd; top: 0; background-color: #fff; z-index: 99;}

.footer0{ display:block !important;}
.footer dl{ width: 100% !important; margin-bottom: 3rem;}

.contact-cont{ width: 100%; padding:clamp(2rem, 3vw, 5rem) clamp(1rem, 3vw, 5rem); margin-top: 0rem; }

.ICP{ background: #fff; color: #333; padding-top: 0;}
.aboutimg{ width: 100%;}
/* 导航 */
 .menu-btn { display: block; }
.nav-list { position: fixed; top: 0; z-index:20; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); max-height: 0; box-sizing: border-box;
        overflow: hidden;        transition: max-height 0.4s ease; }
.nav-list ul{ flex-direction: column; justify-content: flex-start; height: 100%; overflow-y: auto; }
.nav-item > a{ color: #333; display: block; }
.nav-item > a:hover{ color: #fff;}
.nav-list.show { max-height: 100%; padding: 10rem 1rem 1rem; }
.nav-item { line-height: 2.4rem; width: 100%; text-align: center; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.sub-nav {
        position: static;
        background: rgba(255,255,255,0.1);
        box-shadow: none;
        border-radius: 0;
        min-width: unset;
        opacity: 1;
        visibility: visible;
        transform: none;
        max-height: 0; padding: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }
      .nav-item.open .sub-nav { max-height: 500px; }
      /* 悬浮客服 */
.toolbar{ display: none;}

/* 
.barlist a{ text-align: center;
    border-right: 1px solid #00447e;
    color: #fff;
    padding: 1.2rem 0;
    }
.barlist a:last-child{ border: none;}
.barlist a i{ font-size: 2.4rem;}
.barlist a:hover, .hover{background: #3ba86f;} */
.barlist{position: fixed;  opacity: 1;
    bottom: 1rem; z-index: 6;
    width: 90%; left: 5%;
    }
.barlist a{ text-align: center;
    border-right: 1px solid #00447e;  background: #005197;
    color: #fff;
    padding: 1.2rem 0; position: relative;
    }
.barlist a:last-child{ border: none; border-radius:0 3rem 3rem 0;}
.barlist a:first-child{  border-radius:3rem 0 0 3rem;}
.barlist a i{ font-size: 2.4rem;}
.barlist a:hover, .barlist a.hover{background: #3ba86f;}

.barlist li .lang-m{ background: none !important; width: 100%; display: none; border-radius: 0 !important; position: absolute; z-index: -1;  left: 0; bottom: 0rem; padding-bottom: 4.8rem;}
.lang-m span{ display: block; color: #fff; background: #3ba86f; line-height: 4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.barlist li:last-child:hover .lang-m{ display: block;}

/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 28;
	display: none;
	background: rgba(0,0,0,.6); opacity: 1;;
}
.show {
      display: block !important; 
    }
#wxnr .nrdf {
	position: absolute;
	top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 78%;
    margin: 0 auto;
	padding: 3rem 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 14rem;
	height: 14rem;
	display: block;
	margin: 0 auto 1rem;
}
#wxnr p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
}
#wxnr i.icon-guanbi {
	position: absolute;
	top: 1.2rem;
	right: 1.5rem;
	width: 2rem;
	height: 2rem;
	font-size:2.2rem;
    font-weight: bold;
	text-align: center;
	cursor: pointer; color: #333;
}
.openwx {
	display: inline-block;
	padding: 0.5rem 2rem; margin-top: 0.5rem;
	line-height: 2rem;
	background-color: #3ba86f;
	color: #fff;
	border-radius: 0.5rem;
	cursor: pointer;
}

.Honors li{ width: 49%; margin: 0.5rem 0;  margin-right: 2%; }
.Honors li:nth-child(3n){ margin-right: 2%;}
.Honors li:nth-child(2n){ margin-right: 0;}
/* 详情 */
.details-title{ font-size: 2.6rem; line-height:3rem; }
.details-mark{
	line-height: 2.4rem;
	 font-size:1.6rem}
/* 新闻中心 */
.news-item { border-bottom: 1px dashed #ccc;
                gap: 0rem;
            }
           
 .news-title {font-size: 1.6rem; }
 .news-desc {font-size: 1.3rem; }

.list-img{ padding: 0;}
}

@media only screen and (max-width: 580px) {
.search{ width: 100% !important; min-width: 0;}
.head h1 { width: 82%;}  
}