
* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.head-img{
	width: 100%;
	height: 100%;
	background: url(/img/commer_bg.png) no-repeat center;
	background-size: 100%;
	overflow:hidden; 
}
.commerce-box{
	/* background-image: url(/img/zhuanye_bg.png);
	background-position: 50% 50%; */
	background-color: #fff;
}
.commerce-title{
	text-align: center;
	padding: 76px 0 60px 0;
	font-size: 36px;
}

.commerce-title p{
	padding-top: 20px;
	font-size: 20px;
	text-align: center;
}
.commerce-content{
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	margin: 0px auto;
	padding-bottom: 30px;
}
.commerce-content .li-box{
	width: 45%;
	height: 250px;
	background-color: #F4F8FB;
	/* box-shadow: 0px 0px 10px 0px rgb(139 51 8 / 8%); */
	position: relative;
	display: flex;
	margin: 0 20px;
	margin-bottom: 20px;
}
.commerce-content .li-box .img{
	width: 40%;
	position: relative;
}
.commerce-content .li-box .img .imgBg{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}
.commerce-content .li-box .img .imgBg_hover{
	opacity: 0;
}
.commerce-content .li-box .img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.commerce-content .li-box .text{
	width: 60%; 
	margin: 0 30px;
	position: relative;
}
/* .commerce-content .li-box>img {
    width: 100px;
    height: 100px;
    margin-top: 51px;
	position: absolute;
	top: 50%;
	left: 15%;
	transform: translate(-0%,-50%);
} */
.commerce-content .li-box .text>h4 {
    margin-top: 13px;
	font-size: 24px;
	position: absolute;
	left: 0%;
	/* transform: translate(-50%,-0%); */
	top: 20%;
	white-space: nowrap;;
}
.commerce-content .li-box .text>p{
	width: 100%;
	font-size: 18px;
	position: absolute;
	top: 45%;
	left: 0;
	line-height: 1.8;
	right: 30px;
}
.commerce-content .li-box:hover{
	background-color: #006BF0;
	color: #fff;
}
