.opa0-img {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.main .m-img{
	display: none;
}
.main .pc-img,
.main .m-img{
	width: 100%;
}
.hq-text{
	position: absolute;
}
.main .box1{
	position: relative;
}
.main .box1 .hq-text{
	top: 29.17%;
	width: 100%;
	left: 0;
}
.main .box1 .hq-text .text{
	float: right;
	margin-right: 7.4%;
}
.main .box1 .hq-text .pro-tit{
	color: #fff;
}
.main .box1 .hq-text .pro-con{
	color: #8b704c;
}
.hq-text .icon-text{
	margin-top: 50px;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 50px;
}
.hq-text .icon-text .tit{
	font-size: 24px;
	line-height: 34px;
}
.hq-text .icon-text .con{
	font-size: 18px;
	line-height: 28px;
}
.main .box1 .hq-text .tit{
	color: #a17335;
}
.main .box1 .hq-text .con{
	color: #8b704c;
}

.main .box1.white .hq-text .pro-tit{
	color: #000;
}
.main .box1.white .hq-text .pro-con{
	color: #666;
}
.main .box2{
	position: relative;
}
.main .box2 .hq-text{
	position: absolute;
	left: 0;
	top: 36.458%;
	width: 100%;
}
.main .box2 .hq-text .text{
	margin-left: 22.26%;
	width: 420px;
}
.main .box2 .hq-text .text .pro-tit{
	color: #4c4c4c;
}
.main .box2 .hq-text .text .pro-con{
	color: #8b704c;
}
.main .box2 .hq-text .icon-text .tit{
	color: #a17335;
}
.main .box2 .hq-text .icon-text .con{
	color: #8b704c;
}
.main .box2.black .hq-text .text .pro-tit{
	color: #c9995f;
}
.main .box3{
	position: relative;
}
.main .box3 .text{
	position: absolute;
	left: 0;
	top: 17.7%;
	width: 100%;
	text-align: center;
}
.main .box3 .pro-tit{
	color: #fff;
}
.main .box3.white .pro-tit{
	color: #000;
}
.tech-box li:nth-child(2n){
	background-color: #f8f8f8;
}
.tech-box li .pro-tip{
	position: absolute;
	left: 0;
	bottom: 3%;
	width: 100%;
	text-align: center;
	color: #999;
}
.table-wrap .wrap .text-box .table-box table td{
	text-align: center;
}
.table-wrap .wrap .text-box .table-box table tr:nth-child(2n+1) td{
	background-color: #fafafa;
}

.hqaz-page .main .box1 .hq-text .pro-tit{
	color: #333;
}
.hqaz-page .main .box1 .hq-text .pro-con{
	color: #333;
}

@media (max-width: 1600px){

}
@media (max-width: 1200px){
	
}
@media (max-width: 992px){
	
}
@media (max-width: 480px){
	.main .pc-img{
		display: none;
	}
	.main .m-img{
		display: block;
	}
	.hq-text{
		position: static;
		padding: 30px 0;
	}
	.main .box1 .hq-text .text{
		float: none;
		text-align: center;
		margin: 0;
	}
	.main .box1 .hq-text .pro-tit{
		color: #333;
	}
	.hq-text .icon-text{
		display: inline-block;
		text-align: left;
	}
	.hq-text .icon-text{
		margin-top: 20px;
	}
	.main .box1 .hq-text .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.hq-text .icon-text .con{
		font-size: 14px;
		line-height: 24px;
	}
	.main .box2 .hq-text{
		position: static;
	}
	.main .box2 .hq-text .text{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.main .box2 .hq-text .icon-text .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.main .box3 .text{
		position: static;
		padding: 30px 0;
	}
	.main .box3 .pro-tit{
		color: #333;
	}
}