/* 清除浮动通用 */
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

/* 图片渲染优化 */
img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* 图片居中容器 */
.img-center {
	text-align: center;
	font-size: 0;
}
.img-center img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

/* 图片等比覆盖容器 */
.img-cover {
	overflow: hidden;
	border-radius: 6px;
}
.img-cover span {
	display: block;
	width: 100%;
	background: no-repeat center / cover;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* 版心容器 */
.container {
	padding: 0 15px;
	width: 1200px;
	margin: 0 auto;
}
.w {
    width: 1580px;
    margin: auto;
}

/* 顶部地址导航栏 */
.dqaddressnav {
    width: 100%;
    background: #332c2b;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
}
.dqaddressnav .addressnav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #fff;
}
.dqaddressnav .addressnav .right,
.dqaddressnav .addressnav .left {
    display: flex;
    align-items: center;
}
.dqaddressnav .addressnav .left .item {
    margin-left: 18px;
}
.dqaddressnav .addressnav .left .item a {
    font-size: 16px;
    padding: 8px 28px;
    border: 1px solid #666;
    border-radius: 30px;
    transition: all .6s;
    color: #332c2b;
    display: block;
}
.dqaddressnav .addressnav .left .item a:hover,
.dqaddressnav .addressnav .left .item.active a {
    background: #332c2b;
    color: #fff;
}
.dqaddressnav .addressnav a {
    font-size: 16px;
    color: #fff;
    margin: 0 11px;
}
.dqaddressnav .addressnav .right img {
    width: 26px;
}

/* 产品详情外层布局 */
.yunu-showcase {
	margin: 10px auto 30px;
	overflow: hidden;
	display: flex;
	gap: 2%;
	align-items: flex-start;
}
.pc-slide {
	float: left;
	width: 40%;
}
.yunu-showcase-info {
	flex: 1;
	margin-left: 0;
}
.yunu-showcase-info h1 {
	font-size: 22px;
	margin: 0 0 12px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
	color: #111;
	letter-spacing: 0.5px;
}
.yunu-showcase-info p {
	margin: 15px 0 0;
	color: #555;
	line-height: 1.9;
	font-size: 15px;
}
.yunu-showcase-info .tel {
	margin-top: 24px;
}
.yunu-showcase-info .tel a {
	line-height: 44px;
	color: #fff;
	display: inline-block;
	width: 130px;
	text-align: center;
	border-radius: 8px;
	background-color: #b30f1e;
	box-shadow: 0 3px 10px rgba(179,15,30,0.25);
	transition: all 0.26s ease;
	font-weight: 500;
}
.yunu-showcase-info .tel a:hover {
	background-color: #9c0d1a;
	box-shadow: 0 5px 16px rgba(179,15,30,0.35);
	transform: translateY(-3px);
}

/* 详情大图轮播 */
.view .swiper-slide .imgauto {
	width: 100%;
	padding-top: 90%;
	position: relative;
	line-height: normal;
	background: #f5f7fa;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.view .swiper-slide .imgauto img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.view .swiper-container {
	width: 100%;
}

/* 缩略图轮播模块 */
.preview {
	width: 100%;
	margin-top: 16px;
	position: relative;
}
.preview .swiper-container {
	margin: 0 40px;
	height: auto;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	padding-top: 89%;
	text-align: center;
	cursor: pointer;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	transition: border-color 0.26s ease, box-shadow 0.26s ease;
}
.preview .swiper-slide .imgauto img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.preview .swiper-slide:hover .imgauto {
	border-color: #b30f1e;
	box-shadow: 0 0 0 1px rgba(179,15,30,0.2), 0 2px 8px rgba(0,0,0,0.06);
}
.preview .active-nav .imgauto {
	border: 2px solid #b30f1e;
	box-shadow: 0 0 0 3px rgba(179,15,30,0.12), 0 3px 10px rgba(0,0,0,0.08);
}

/* 轮播左右箭头 */
.preview .arrow-left,
.preview .arrow-right {
	width: 36px;
	height: 36px;
	top: 50%;
	margin-top: -18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 50%;
	transition: all 0.24s ease;
	position: absolute;
}
.preview .arrow-left {
	background-image: url(../images/feel3.png);
	left: 0;
}
.preview .arrow-right {
	background-image: url(../images/feel4.png);
	right: 0;
}
.preview .arrow-left:hover,
.preview .arrow-right:hover {
	background-color: #b30f1e;
	filter: brightness(10);
}
.preview img {
	padding: 1px;
}

/* 图片放大弹窗 */
div.zoomDiv {
	z-index: 9999 !important;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #eee;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
	box-shadow: 0 8px 30px rgba(0,0,0,0.18);
	border-radius: 6px;
}
div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}

/* 搜索栏 */
.yunu-sou {
	padding: 16px 0;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}
.yunu-sou .hot {
	float: left;
	padding: 6px 0;
}
.yunu-sou .hot a {
	margin-right: 12px;
	transition: color 0.24s ease;
	font-size: 14px;
}
.yunu-sou .hot a:hover {
	color: #b30f1e;
}
.yunu-sou .hot strong {
	color: #b30f1e;
	font-weight: 600;
}
.yunu-sou .hform {
	float: right;
}
.yunu-sou .hform input {
	float: left;
	font-size: 13px;
	border: 1px solid #e2e2e2;
	padding: 7px 14px;
	line-height: 18px;
	width: 220px;
	border-radius: 6px 0 0 6px;
	background: #fff;
	box-sizing: border-box;
}
.yunu-sou .hform button {
	border: 0;
	padding: 0;
	float: left;
	cursor: pointer;
	outline: none;
	width: 52px;
	height: 34px;
	background: #b30f1e;
	color: #fff;
	border-radius: 0 6px 6px 0;
	transition: background 0.24s ease;
	font-size: 13px;
}
.yunu-sou .hform button:hover {
	background: #9c0d1a;
}

/* 通用区块间距 */
.section {
	padding: 70px 0;
}
.section-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0.6px;
}
.section-title small {
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-top: 8px;
	color: #666;
}
.section-title:after {
	display: block;
	content: '';
	background: url(../images/cptit.jpg) no-repeat center bottom / auto 100%;
	height: 18px;
	margin-top: 20px;
}

/* 左侧产品分类侧边栏 */
.in-prd-cate {
	float: left;
	width: 246px;
}
.in-prd-cate dl {
	margin: 0 0 14px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.06);
	border-radius: 8px;
	overflow: hidden;
}
.in-prd-cate dt a {
	display: block;
	line-height: 52px;
	background: url(../images/cpfl.jpg) no-repeat center;
	color: #fff;
	padding-left: 22px;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.in-prd-cate dt a:hover {
	background-image: url(../images/cpflh.jpg);
}
.in-prd-cate dd {
	margin: 0;
	padding: 12px 20px 14px;
	background: #fff;
}
.in-prd-cate dd li {
	border-bottom: 1px dashed #e3e3e3;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
	background: url(../images/flico.jpg) no-repeat 0 10px;
	padding-left: 20px;
	transition: color 0.24s ease;
	font-size: 14px;
}
.in-prd-cate dd li:last-child {
	border-bottom: none;
}
.in-prd-cate dd li a:hover {
	color: #b30f1e;
}
.in-prd-con {
	float: right;
	width: 922px;
}

/* 产品列表1（三列） */
.list-1 {
	margin: -20px 0 0 -20px;
}
.list-1 li {
	float: left;
	width: 33.333333%;
}
.list-1 .wrap {
	margin: 20px 0 0 20px;
	background-color: #f5f5f5;
	padding: 12px;
	border-radius: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.list-1 .img-cover span {
	padding-top: 100%;
}
.list-1 .text {
	border-top: 0;
	padding: 20px 0 10px;
	text-align: center;
}
.list-1 .text h4 {
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
}
.list-1 .text p {
	margin: 15px 0 0;
	font-size: 14px;
	color: #666;
}
.list-1 .text .bt {
	display: inline-block;
	margin: 0 15px;
	line-height: 32px;
	color: #fff;
	padding: 0 16px;
	background-color: #b30f1e;
	border: 1px solid transparent;
	border-radius: 6px;
	transition: all 0.24s ease;
	font-size: 13px;
}
.list-1 .wrap:hover {
	background-color: #f7c433;
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.list-1 .wrap:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list-1 .wrap:hover a {
	color: #fff;
}
.list-1 .wrap:hover .bt {
	border-color: #fff;
	background-color: transparent;
}
.list-1 .wrap:hover .bt:last-child {
	background-color: #fff;
	color: #333;
}

/* 背景区块 */
.bg1 {
	background: url(../images/fabg.jpg) no-repeat center 0 / cover #f5f5f5;
}
.bg1 .section-title {
	color: #fff;
}
.bg1 .section-title:after {
	display: none;
}
.bg2 {
	background: url(../images/rzbg.jpg) no-repeat center / cover;
	color: #fff;
}
.bg2 .section-title:after {
	background-image: url(../images/cptit.png);
}

/* 内容主体区域 */
.ct2 {
	padding: 50px 0;
}
.ct2-sd {
	float: left;
	width: 240px;
}
.ct2-mn {
	float: right;
	width: 100%;
}

/* 侧边栏面板通用 */
.panel-sd {
	margin-bottom: 24px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 8px rgba(0,0,0,0.06);
}
.panel-sd .tit {
	background-color: #b30f1e;
	color: #fff;
	text-align: center;
	line-height: 52px;
	font-size: 20px;
	font-weight: 600;
}
.panel-sd .bd {
	padding: 22px;
	background: #fff;
}

/* 侧边栏联系方式 */
.contact-sd .tel {
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	text-align: center;
}
.contact-sd .tel strong {
	display: block;
	font-family: Impact;
	margin-top: 16px;
	font-size: 24px;
	color: #b30f1e;
}
.contact-sd p {
	margin: 12px 0 0;
	line-height: 1.8;
	color: #666;
	font-size: 14px;
}

/* 侧边栏目导航 */
.lanmu .tit {
	line-height: 62px;
	background-color: #b30f1e;
}
.lanmu li {
	margin-bottom: 22px;
}
.lanmu li:last-child {
	margin-bottom: 0;
}
.lanmu li>a {
	display: block;
	line-height: 38px;
	background-color: #b30f1e;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	transition: background 0.24s ease;
	font-weight: 500;
}
.lanmu li>a:hover {
	background-color: #9c0d1a;
}
.lanmu-box {
	margin-top: 12px;
}
.lanmu-box p {
	border-bottom: 1px dashed #e3e3e3;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
	background: url(../images/flico.jpg) no-repeat 0 10px;
	padding-left: 20px;
	margin: 0;
	transition: color 0.24s ease;
	font-size: 14px;
}
.lanmu-box p a:hover {
	color: #b30f1e;
}

/* 面包屑导航 */
.position {
	margin-bottom: 24px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0 10px 28px;
	background: url(../images/logo_03.png) no-repeat 0 center;
	color: #666;
	font-size: 14px;
}

/* 新闻列表4 */
.list-4 li {
	margin-bottom: 14px;
}
.list-4 li a {
	display: block;
	overflow: hidden;
	padding: 22px;
	background-color: #f5f5f5;
	border-radius: 8px;
	transition: box-shadow 0.3s ease;
	box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.list-4 li a:hover {
	box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.list-4 li .more {
	float: right;
	line-height: 38px;
	width: 94px;
	text-align: center;
	background-color: #999;
	color: #fff;
	margin-top: 20px;
	border-radius: 6px;
	transition: background 0.24s ease;
	font-size: 13px;
}
.list-4 li .more:hover {
	background-color: #b30f1e;
}
.list-4 li .date {
	float: left;
	width: 78px;
	background-color: #fff;
	text-align: center;
	padding: 16px 0;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.list-4 li .date strong {
	display: block;
	font-family: Impact;
	font-size: 26px;
	line-height: 1;
	margin-bottom: 6px;
	color: #b30f1e;
}
.list-4 li .text {
	margin: 0 114px 0 98px;
}
.list-4 li .text h4 {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	transition: color 0.24s ease;
}
.list-4 li .text h4:hover {
	color: #b30f1e;
}
.list-4 li .text p {
	margin: 6px 0 0;
	line-height: 1.8;
	height: 52px;
	overflow: hidden;
	color: #666;
	text-align: justify;
	font-size: 14px;
}
.list-4 li:nth-of-type(even) a {
	background-color: #edf6f4;
}

/* 图文小列表3 */
.list-3 {
	margin-top: -15px;
}
.list-3 li a {
	display: block;
	margin: 15px 0 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-3 li .img-center {
	overflow: hidden;
	border-radius: 6px;
}
.list-3 li .img-center img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-3 li .text {
	text-align: center;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 8px;
}
.list-3 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* 排行文字列表7 */
.list-7 li a {
	display: block;
	line-height: 28px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.24s ease;
}
.list-7 li a:hover {
	color: #b30f1e;
}
.list-7 li span {
	display: inline-block;
	vertical-align: top;
	width: 22px;
	line-height: 22px;
	text-align: center;
	background-color: #999;
	color: #fff;
	margin-top: 3px;
	margin-right: 6px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	border-radius: 3px;
}
.list-7 li:nth-of-type(1) span,
.list-7 li:nth-of-type(2) span,
.list-7 li:nth-of-type(3) span {
	background-color: #b30f1e;
}

/* 文章内容标题 */
.content-title {
	margin-bottom: 24px;
	text-align: center;
}
.content-title h1 {
	font-size: 24px;
	margin: 0;
	color: #222;
}
.content-title p {
	margin: 16px 0 0;
	font-size: 13px;
	color: #999;
	border-top: 1px dashed #ddd;
	padding-top: 16px;
}
.content-title p span {
	padding: 0 10px;
	display: inline-block;
}

/* 文章正文 */
.content-body {
	line-height: 1.9;
	font-size: 16px;
	color: #444;
}
.content-body img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 6px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.07);
	margin: 8px 0;
}

/* 文章底部相关推荐 */
.content-exp {
	padding: 12px 16px;
	font-size: 13px;
	background-color: #f5f5f5;
	margin-top: 24px;
	border-radius: 8px;
}
.content-exp li {
	line-height: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 产品详情小标题 */
.cp-content-tit {
	margin-bottom: 10px;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	font-size: 20px;
	color: #d91626;
}
.cp-content-tit small {
	font-size: 13px;
	text-transform: uppercase;
	color: #999;
	padding-left: 6px;
	font-weight: normal;
}

/* 产品列表6（四列） */
.list-6 {
	margin: -20px 0 0 -20px;
}
.list-6 li {
	float: left;
	width: 25%;
}
.list-6 li a {
	display: block;
	margin: 20px 0 0 20px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(0,0,0,0.04);
	transition: all 0.3s ease;
}
.list-6 li a:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.09);
}
.list-6 li .img-cover {
	border: 1px solid #efefef;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-6 li .img-cover span {
	padding-top: 90%;
}
.list-6 li .text {
	margin-top: 12px;
	text-align: center;
	padding: 0 8px 10px;
}
.list-6 li .text h4 {
	margin: 0;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.24s ease;
	font-size: 16px;
}
.list-6 li a:hover .img-cover {
	border-color: #b30f1e;
}
.list-6 li a:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list-6 li a:hover h4 {
	color: #b30f1e;
}

/* 顶部分类导航 */
.yunu-menu-inner {
	text-align: center;
	margin-bottom: 40px;
	margin-top: -20px;
}
.yunu-menu-inner a {
	float: left;
	width: 16.666666666%;
}
.yunu-menu-inner span {
	display: block;
	margin-left: 1px;
	background-color: #f4f4f4;
	color: #333;
	font-size: 18px;
	line-height: 58px;
	transition: all 0.24s ease;
}
.yunu-menu-inner a:hover span,
.yunu-menu-inner a.active span {
	background: #b30f1e;
	color: #fff;
}

/* 盒子主体容器 */
.box-main {
	padding: 40px;
	background-color: #f5f5f5;
	border-radius: 10px;
	box-shadow: inset 0 2px 12px rgba(0,0,0,0.04);
}

/* 公司简介文字 */
.about-desc {
	margin-bottom: 40px;
	line-height: 1.9;
	font-size: 15px;
	color: #444;
}

/* 公司优势五列列表 */
.about-list {
	margin-left: -15px;
	margin-bottom: 40px;
}
.about-list li {
	float: left;
	width: 20%;
}
.about-list li a {
	display: block;
	border: 1px solid #eee;
	padding: 18px 15px;
	margin-left: 15px;
	border-radius: 8px;
	transition: all 0.24s ease;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.about-list li .text {
	margin-top: 18px;
}
.about-list li .text h4 {
	margin: 0;
	font-size: 16px;
	text-align: center;
	color: #b30f1e;
	font-weight: 600;
}
.about-list li .text p {
	margin: 12px 0 0;
	line-height: 1.8;
	text-align: justify;
	height: 150px;
	overflow: hidden;
	font-size: 14px;
	color: #555;
}
.about-list li a:hover {
	border-color: #b30f1e;
	box-shadow: 0 2px 12px rgba(179,15,30,0.12);
	transform: translateY(-3px);
}

/* 服务介绍图文模块 */
.about-ser {
	margin: 0;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 10px rgba(0,0,0,0.05);
}
.about-ser dt {
	float: left;
	width: 220px;
}
.about-ser dd {
	margin-left: 220px;
	padding: 18px 22px;
}
.about-ser dd h4 {
	color: #b30f1e;
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 600;
}
.about-ser dd p {
	margin: 6px 0 0;
	font-size: 14px;
	color: #555;
	line-height: 1.8;
}
.about-ser dd strong {
	color: red;
}

/* 联系我们文字区域 */
.contact-desc {
	margin-bottom: 40px;
}
.contact-desc h4 {
	margin: 0;
	display: inline-block;
	padding: 0 42px;
	background-color: #b30f1e;
	color: #fff;
	line-height: 36px;
	font-size: 16px;
	border-radius: 8px;
	font-weight: 500;
	box-shadow: 0 2px 8px rgba(179,15,30,0.2);
}
.contact-desc p {
	margin: 22px 0 0;
	text-align: justify;
	line-height: 1.9;
	font-size: 15px;
	color: #444;
}

/* 联系背景板块 */
.contact-about {
	background-color: #fff;
	margin-bottom: 40px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 12px rgba(0,0,0,0.06);
}

/* 地图容器 */
.map {
	height: 300px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 8px rgba(0,0,0,0.07);
}

/* 留言表单背景块 */
.liuyan {
	background: url(../images/on_bj.jpg) no-repeat center;
	padding: 129px 0 50px 419px;
	background-size: cover;
	border-radius: 10px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.1);
}

/* 案例列表2（四列图文） */
.list-2 {
	margin: -20px 0 0 -20px;
}
.list-2 li {
	float: left;
	width: 25%;
}
.list-2 li a {
	display: block;
	margin: 20px 0 0 20px;
	border: 1px solid #eee;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 3px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.list-2 li .img-center {
	overflow: hidden;
	height: 186px;
	line-height: 186px;
	border-radius: 6px;
}
.list-2 li .img-center img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-2 li a:hover {
	box-shadow: 0 0 18px #ddd;
	transform: translateY(-4px);
}
.list-2 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* 移动端底部固定导航 */
.yunu-footer-fix {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #b30f1e;
	z-index: 10;
	display: none;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.12);
}
.yunu-footer-fix li {
	float: left;
	width: 25%;
}
.yunu-footer-fix li a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 8px 0;
	font-size: 12px;
	line-height: 1;
}
.yunu-footer-fix li i {
	display: block;
	height: 22px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 5px;
}
.yunu-footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.yunu-footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.yunu-footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.yunu-footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}

/* ===================== 移动端适配 767px以下 ===================== */
@media screen and (max-width: 767px) {
	#navbar{
		position: absolute;
	}
	.container {
		width: auto;
		padding: 0 12px;

	}
	.w {
		width: 90%;
		margin: auto;
		overflow: hidden;
	}

	/* 顶部地址导航手机适配 */
	.dqaddressnav {
		padding: 8px 0;
	}
	.dqaddressnav .addressnav a {
		font-size: 14px;
		margin: 0px 8px;
	}
	.dqaddressnav .addressnav .right img {
		width: 24px;
		height: 18px;
		vertical-align: -5px;
	}
	.dqaddressnav .addressnav .left .item a {
		padding: 6px 14px;
		font-size: 14px;
	}

	.kf {
		display: none;
	}
	.header {
		padding: 0px 0;
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0;
		left: 0;
		box-shadow: 0 0 10px #ddd;
	}
	.header .topbar, .header .text, .header .tel {
		display: none;
	}
	.header .logo {
		height: 50px;
		line-height: 30px;
		float: none;
		padding: 0;
	}
	.header .nav {
		margin: 10px 0 -10px;
		text-align: left;
		display: none;
		background-color: transparent;
		border-bottom: 0;
	}
	.header .nav ul {
		margin: 0 -15px;
	}
	.header .nav li {
		display: block;
		margin: 0;
		border-top: 1px solid #eee;
		background: none;
	}
	.header .nav li a {
		line-height: 40px;
		padding: 0 15px;
		color: #333;
		font-size: 15px;
	}
	.header .nav li .arr {
		display: block;
	}
	.header .nav li.active a,
	.header .nav li.open a,
	.header .nav li a:hover {
		background-color: transparent;
		color: #b30f1e
	}
	.header .nav li.open .arr:after {
		border-color: #b30f1e;
		transform: rotate(225deg);
	}
	.header .nav .dropdown-box {
		position: static;
		background-color: #f5f5f5;
		min-width: auto;
		text-align: left;
	}
	.header .nav .dropdown-box a {
		color: #333 !important;
		border-top: 1px dotted #ddd;
		padding: 0 15px;
		line-height: 40px;
		background-color: transparent !important;
		border-bottom: 0;
		font-size: 14px;
	}
	.menu-btn {
		display: block;
	}

	/* 轮播banner手机 */
	.banner .swiper-slide {
		height: 200px;
	}
	.banner .swiper-pagination {
		bottom: 10px;
	}
	.banner .swiper-pagination-bullet {
		width: 24px;
		height: 4px;
	}

	/* 产品详情手机布局 */
	.yunu-showcase {
		flex-direction: column;
		gap: 18px;
		margin: 8px auto 24px;
	}
	.pc-slide {
		float: none;
		width: 100%;
	}
	.yunu-showcase-info {
		width: 100%;
		margin: 20px 0 0;
	}
	.yunu-showcase-info h1 {
		font-size: 24px;
		padding-bottom: 10px;
	}
	.yunu-showcase-info p {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.8;
	}

	/* 缩略图轮播手机缩小箭头 */
	.preview .swiper-container {
		margin: 0 30px;
	}
	.preview .arrow-left,
	.preview .arrow-right {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 8px auto;
	}

	/* 详情大图比例适配手机 */
	.view .swiper-slide .imgauto {
		padding-top: 92%;
		border-radius: 6px;
	}

	/* 搜索栏手机重构 */
	.yunu-sou {
		padding: 0;
	}
	.yunu-sou .hot {
		display: none;
	}
	.yunu-sou .hform {
		float: none;
		position: relative;
	}
	.yunu-sou .hform input {
		font-size: 14px;
		border-color: transparent;
		width: 100%;
		padding: 9px 60px 9px 15px;
		border-radius: 0;
		background-color: #f5f5f5;
	}
	.yunu-sou .hform button {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 40px;
		font-size: 14px;
		border-radius: 0;
	}

	/* 区块内边距手机缩小 */
	.section {
		padding: 30px 0;
	}
	.section-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.section-title small {
		font-size: 12px;
	}
	.section-title:after {
		height: 12px;
		margin-top: 5px;
	}

	/* 侧边产品分类隐藏手机端 */
	.in-prd-cate {
		display: none;
	}
	.in-prd-con {
		float: none;
		width: auto;
	}

	/* 产品列表1 手机两列 */
	.list-1 {
		margin: -10px 0 0 -10px;
	}
	.list-1 li {
		width: 50%;
	}
	.list-1 .wrap {
		margin: 10px 0 0 10px;
		padding: 10px;
	}
	.list-1 .text {
		padding: 10px 0 0;
	}
	.list-1 .text p {
		display: none;
	}

	/* 内容主体手机 */
	.ct2 {
		padding: 0px 0;
	}
	.ct2-sd {
		width: 100%;
	}
	.ct2-mn {
		float: none;
		width: auto;
	}
	.position {
		font-size: 12px;
		display: none;
	}

	/* 新闻列表手机适配 */
	.list-4 li a {
		padding: 14px;
	}
	.list-4 li .more {
		display: none;
	}
	.list-4 li .date {
		width: 60px;
		padding: 10px 0;
	}
	.list-4 li .date strong {
		font-size: 18px;
	}
	.list-4 li .text {
		margin: 0 0 0 70px;
	}
	.list-4 li .text h4 {
		font-size: 14px;
	}
	.list-4 li .text p {
		font-size: 12px;
		height: 42px;
		margin-top: 2px;
	}

	/* 文章标题手机 */
	.content-title {
		margin-bottom: 15px;
	}
	.content-title p {
		margin-top: 10px;
		padding-top: 10px;
	}
	.content-title p span {
		padding: 0 5px;
	}
	.content-exp {
		margin-top: 15px;
	}

	/* 产品列表6手机两列 */
	.list-6 {
		margin: 10px 0;
	}
	.list-6 li {
		width: 50%;
	}
	.list-6 li a {
		margin: 10px 0 0 10px;
	}

	/* 顶部分类导航手机隐藏 */
	.yunu-menu-inner {
		display: none;
	}

	/* 盒子内边距缩小 */
	.box-main {
		padding: 18px;
	}

	/* 留言表单背景取消大图 */
	.liuyan {
		padding: 0;
		background: none;
	}

	/* 案例列表2手机两列 */
	.list-2 {
		margin: -10px 0 0 -10px;
	}
	.list-2 li {
		width: 50%;
	}
	.list-2 li a {
		margin: 10px 0 0 10px;
	}
	.list-2 li .img-center {
		height: 110px;
		line-height: 110px;
	}

	/* 表单验证码适配 */
	.hlbd .form-group {
		width: 100%;
	}
	.form-content.yzm .form-control {
		width: 80px;
	}
	.form-content.yzm .img {
		height: 34px;
		width: 90px;
	}

	/* 其他页面模块手机适配（保留原有业务样式，仅清理重复） */
	.in-jjfa {
		margin: -10px 0 0 -10px;
	}
	.in-jjfa li {
		width: 50%;
	}
	.in-jjfa li a {
		margin: 10px 0 0 10px;
	}
	.in-jjfa li .img-cover p {
		font-size: 14px;
		padding: 8px 0;
	}
	.in-jjfa li .text {
		padding: 10px;
		height: 140px;
	}
	.in-jjfa li .text p {
		font-size: 12px;
		line-height: 1.45;
		padding-left: 20px;
		background-position: 0 3px;
	}
	.in-jjfa li .text .more {
		display: none;
	}
	.hy-con {
		display: none;
	}
	.hy-menu {
		float: none;
		width: auto;
		margin: -20px 0 0 -10px;
		overflow: hidden;
	}
	.hy-menu li a {
		margin: 20px 0 0 10px;
	}
	.hy-menu li a:after {
		display: none;
	}
	.hy-menu li h4 {
		font-size: 14px;
		width: auto;
		background-color: #b30f1e;
	}
	.hy-menu li h4 small {
		display: none;
	}
	.hy-menu li p {
		font-size: 12px;
		line-height: 1.45;
		height: 52px;
	}
	.tel-tl {
		text-align: center;
		background-image: none;
	}
	.tel-tl dt {
		float: none;
	}
	.tel-tl dt a {
		margin: 0 auto;
	}
	.tel-tl dd {
		margin: 20px 0 0;
		float: none;
	}
	.in-rz {
		margin: -20px 0 0;
	}
	.in-rz li {
		width: 50%;
		margin: 20px 0 0;
	}
	.in-rz li .wrap {
		width: 131px;
		margin: 0 auto;
	}
	.in-rz-tel {
		margin-top: 30px;
	}
	.in-rz-tel p {
		background: none;
		width: auto;
		padding: 0;
		height: auto;
	}
	.in-rz-tel strong {
		display: block;
	}
}