@charset "utf-8";
@media screen and (max-width:770px) {
	body {font-size: 0.813em;}
	.top {height: 70px;background:#fff;position: relative;}
	.pc { display: none; }
	.phone { display: block; }
	.inline-block { display: inline-block; }
	.visible-phone {display:inherit!important;z-index:999;}
	.hidden-phone {display:none!important}
	.wrap {margin: 0;}
	.top .logo,.logoclose {width: 130px;margin:8px 0 0 12px;top:0;}
	.menu-icon {width: 32px;height: 32px;float: right;background: url(../images/ico_open.png) center no-repeat;background-size:100% 100%; }
	.menu-icon-close {position: absolute;width: 32px;height: 32px;background: url(../images/ico_close.png) center no-repeat;background-size:100% 100%;right: 22px;top: 18px;z-index:9999; }
	.nav-phone {padding-top: 55px;}
	.Nodes { display: none; }
	.menubg ul { margin-top:-26px;margin:46px;}
	.menubg li { height:45px;width:100%; overflow:hidden; font-size: 28px;}
	.menubg li a .menubg li a {width: 90%;padding:15px 0 15px 10%;color:#666;height: 100%;height: 85px;line-height: 35px;display: block;font-size: 14px;}
	.top .en { right:16%;top:24px;}
	.top .en a { font-size: 18px; }
	.tb121 { max-width:260px;width:100%;/*background: #aaa;*/float: left;}
	
/*	.language .menu-title p{color: #666;}
    .language .menu{ padding: 0px;} 
    .language .menu-title{height: 40px; border-radius: 0; width: 60px;}
    .language .menu-dropdown{left: -21px; top: 45px; max-height: 265px; overflow-y: auto; overflow-x: hidden;}
    .language{right: 105px; top:15px;}
	*/
	
	
	.proview .des .tu {width: 100%;border:#ccc 1px solid;float: left;}
.proview .des .wenzi { width:98%;float: right; padding-top: 20px; }
.proview .biaoti { padding:8px 0 12px;margin:0 0 15px;border-bottom: #ddd 1px solid;font-size: 24px;font-weight: bold;DISPLAY: none; }
.proview .dianhua { padding:6% 0 3%;margin:0 0 3%;border-bottom:#ccc 1px solid; }
.proview .dianhua a { font-size: 22px; }
.proview .more a { display:block;width:150px;text-align: center;background-color: #2452a1;height: 40px;line-height: 40px;color: #fff;border-radius: 10px;font-size: 17px; }
.proview .more a:hover { background-color: #4171c2; }
.proview .xg { margin-top: 2%; }

.language span {width:60px;display: inline-block;padding-left: 35px;}
.language{list-style: none;box-sizing:border-box;z-index: 999; margin:22px 0 0; position: relative;display:inline-block;width: 8%;float: right;}
.language img {margin-right: 5px;border-radius: 50%;}	

	.menu-icon {width: 32px;height: 32px;float: right;background: url(../images/ico_open.png) center no-repeat;background-size:100% 100%; margin-right: -28px}

	.home-banner { width:100%;border-top:0;}
	.home-banner .swiper-slide { height: auto; }

	.gaodu { height: 50px;background: #fff; }
	.db { position: fixed;bottom:0;left:0;width:100%;height: 50px;line-height: 50px;z-index: 999; }
	.dbbg { width: 100%;height: 100%;background-color: #fff;opacity:0.85 }
	.dbcd { position: absolute;display:block;left: 0;top:0;width:100%;height: 100%;z-index: 9999;background:url(../images/footico.png) no-repeat top 2px center;background-size: 84% auto; }
	.dbcd li { width: 25%;float: left;height: 30px;padding-top:16px; }

	.home .title { text-align: center;padding: 15px 0; }
	.home .title .tit,.home .title .des,.home .title .more { width: 100%;text-align: center; }
	.home .title .tit { font-size: 24px; }
	.home1 .content li { width: 100%;margin:0 0 2%; }

	.home2 .left,.home2 .right { width: 100%;margin:0 0 25px;text-align: left; }
	.home2 .right li:hover a { margin-left: 0; }
	.home2 .right li .pic img { height: 50px; }
	.home3 {  height: auto;overflow:none; }
	.home3 img { margin:0 15px;height: 32px; }

	.footer .left { width:100%;margin-right: 0%;margin-top:2%;text-align: center; }
	.footer .left img { width: 140px; }
	.footer .middle { width:100%;margin:10px 0 22px;}
	.footer .middle .ca { text-align: center; }
	.footer .middle .ca a  { margin: 0 5px;font-size: 14px; }
	.footer .middle .lx { padding-left: 15%; }
	.foot12 { margin-top: 0; }
	.foot12 .left { width:100%;margin:0;text-align: center;}
	.foot12 .right { width:100%;text-align: center; }

	.banner,.search  { width:100%;border-top:0; }
	.banner { height: 120px; }
	.banner .left { width:55%;margin-top: 80px;font-size: 14px; }
	.banner .left div { font-size: 12px;margin:0 0 4px;line-height: 12px; }
	.banner .right { margin-top: 70px;font-size: 8px; }
	.search { height: 90px; }
	.search .container { padding-top: 18px; }

	.main .titen { font-size: 38px; }
	.main .titcn { font-size: 23px; }

	.hexin li { margin:0 0 6%;padding:0 0 6%;border-bottom:#ddd 1px solid;float:left;background:#fff;}
	.hexin li .tit { margin-left: 0%;width:100%;font-size: 18px;font-weight:bold;background: none bottom;padding-bottom: 0;line-height: 30px; }
	.hexin li .des { margin-left: 0%;margin-top:2%;width:100%;min-height: 120px;}
	.hexin li .pic { position: relative;left: 0;width: 100%;margin:4% 0;height:auto; }
	.hexin li .pic image { width:100%;max-height: auto;height: auto; }
	.hexin li:nth-child(2n) .tit { margin-left:0%; }
	.hexin li:nth-child(2n) .des { margin-left: 0%; }
	.hexin li:nth-child(2n) .pic { left: 0%; }

	.products li .tit { margin-left: 0%;width:100%;font-size: 18px;padding-bottom: 12px; }
	.products li .des { margin-left: 0%;width:100%;min-height: 60px; }
	.products li .pic { position: relative;left: 0;width: 100%;top: 0;height:auto; }
	.products li .pic image { width:100%;max-height: auto;height: auto; }
	.products li .more { margin-left: 0%;width:100px;height: 30px;line-height: 30px; }
	.products li:nth-child(2n) .tit { margin-left:0; }
	.products li:nth-child(2n) .des { margin-left: 0;margin-top:3%; }
	.products li:nth-child(2n) .pic { left: 0; }
	.products li:nth-child(2n) .more { margin-left: 0; }

	
	.news li { width:100%;margin:0 0 2%;background: none; }
	.news li:hover { background: none; }
	.news li .left,.news li .middle,.news li .right { width:100%; }
	.news li .right { float: left; }

	.newsview { padding:4% 0 0; }
	.newsview .title { font-size:18px;}
	.newsview .date .left { width:100%;text-align: center; }
	.newsview .date .right { width:100%; }
	.newsview .xg .left { width: 100%; }
	.newsview .xg .right { width: 100%;text-align: left;}

	.honor .tit { font-size: 18px;margin:5% 0 2%; }
	.honor li { width:48%;margin:0 4% 2.66% 0;float: left; }
	.honor li:nth-child(2n) { margin-right: 0; }

	.about .left { width: 100%; }
	.about .right { width: 100%;padding-top: 25px; }
	.about .right .titcn { padding:0 0 1%; }

	.contact .content li { width:46%;margin:0 2%;float: left; }
	.contact .content li .pic img { width: 80px; }

	.bbs .lx { margin-top: -35px;z-index: 9;font-size: 22px; }
	.bbs li { width: 100%;margin-right: 0; }
	.main .container img { width: 100%;}
	.main .newsview  span img {width:100%;margin:5px 0;}
	
	
	/* 1. 覆盖新闻页面所有图片：保持比例+自适应屏幕 */
/* 匹配新闻内容区、正文段落、列表中的所有图片 */
.newsview .content img,    /* 新闻正文内容中的图片 */
.newsview p img,           /* 新闻段落内嵌套的图片 */
.hexin li .pic img,        /* 列表项中的图片（若存在） */
.products li .pic img,     /* 产品列表中的图片（若存在） */
.main .container img       /* 已有样式，补充属性 */
{
  width: 100% !important;  /* 强制图片宽度充满父容器（解决“太宽超出屏幕”） */
  height: auto !important; /* 高度随宽度等比例自适应（核心！解决“显示不全”） */
  max-width: 100% !important; /* 防止图片过大超出屏幕（冗余保护） */
  object-fit: cover;       /* 可选：图片按比例填满容器（不拉伸，可能裁剪边缘）；若想“完整显示不裁剪”，改为 object-fit: contain; */
  display: block;          /* 消除图片底部默认空白间隙 */
  margin: 10px auto !important; /* 图片水平居中，上下留间距（优化显示） */
  box-sizing: border-box;  /* 防止图片因padding/border超出容器 */
}

/* 2. 确保图片容器不限制高度（避免裁剪图片） */
/* 检查图片父容器是否有固定高度，若有则重置为自适应 */
.newsview .content,        /* 新闻正文容器 */
.hexin li .pic,            /* 列表图片容器 */
.products li .pic          /* 产品图片容器 */
{
  height: auto !important; /* 容器高度随图片高度自适应，不强制固定高度 */
  overflow: visible !important; /* 取消“溢出隐藏”（若之前有设置 overflow: hidden） */
}
	
	
	
	
	
	 .newsview .title {
    font-size: 22px !important; /* 增大字体，提升醒目度 */
    font-weight: 700 !important; /* 加粗标题，增强层次感 */
    color: #222 !important; /* 深灰色标题，比黑色更柔和且清晰 */
    text-align: center !important; /* 居中对齐，适配手机阅读习惯 */
    margin: 15px 0 20px !important; /* 上下增加间距，避免拥挤 */
    line-height: 1.4 !important; /* 优化行高，换行时更易读 */
    padding: 0 10px !important; /* 左右留边距，防止标题贴紧屏幕边缘 */
  }
  
  .main .tit1 {font-size: 22px;padding: 12px 0;}
	
	
	
}

@media (max-width:720px){
	.main.newsview .content img {width:100%;margin:5px 0;}
	
	.main .tit1 {font-size: 22px;padding: 12px 0;}
	
	
	
	
	
	/* 1. 覆盖新闻页面所有图片：保持比例+自适应屏幕 */
/* 匹配新闻内容区、正文段落、列表中的所有图片 */
.newsview .content img,    /* 新闻正文内容中的图片 */
.newsview p img,           /* 新闻段落内嵌套的图片 */
.hexin li .pic img,        /* 列表项中的图片（若存在） */
.products li .pic img,     /* 产品列表中的图片（若存在） */
.main .container img       /* 已有样式，补充属性 */
{
  width: 100% !important;  /* 强制图片宽度充满父容器（解决“太宽超出屏幕”） */
  height: auto !important; /* 高度随宽度等比例自适应（核心！解决“显示不全”） */
  max-width: 100% !important; /* 防止图片过大超出屏幕（冗余保护） */
  object-fit: cover;       /* 可选：图片按比例填满容器（不拉伸，可能裁剪边缘）；若想“完整显示不裁剪”，改为 object-fit: contain; */
  display: block;          /* 消除图片底部默认空白间隙 */
  margin: 10px auto !important; /* 图片水平居中，上下留间距（优化显示） */
  box-sizing: border-box;  /* 防止图片因padding/border超出容器 */
}

/* 2. 确保图片容器不限制高度（避免裁剪图片） */
/* 检查图片父容器是否有固定高度，若有则重置为自适应 */
.newsview .content,        /* 新闻正文容器 */
.hexin li .pic,            /* 列表图片容器 */
.products li .pic          /* 产品图片容器 */
{
  height: auto !important; /* 容器高度随图片高度自适应，不强制固定高度 */
  overflow: visible !important; /* 取消“溢出隐藏”（若之前有设置 overflow: hidden） */
}


 .newsview .title {
    font-size: 22px !important; /* 增大字体，提升醒目度 */
    font-weight: 700 !important; /* 加粗标题，增强层次感 */
    color: #222 !important; /* 深灰色标题，比黑色更柔和且清晰 */
    text-align: center !important; /* 居中对齐，适配手机阅读习惯 */
    margin: 15px 0 20px !important; /* 上下增加间距，避免拥挤 */
    line-height: 1.4 !important; /* 优化行高，换行时更易读 */
    padding: 0 10px !important; /* 左右留边距，防止标题贴紧屏幕边缘 */
  }





}