html,
body {
	font-size: 18px;
	overflow-x: clip;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 0;
	padding: 0;
}

a {
	color: #ffffff;
	outline: none;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

.nav_item .nav_con {
	top: 70px !important;
}

/* =================================================== */
.wrapper {
	background: url(../image/business-bg.png) no-repeat;
	background-size: cover;
	background-position: center;
}

.business-con {
	position: relative;
	width: 100%;
	max-width: 1920px;
	padding: 0;
	overflow: hidden;
}

.business-img a {
	display: contents;
}

/* .business-conn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    color: #0048A2;
    padding: 0;
} */
.business-img {
	position: relative;
	margin: 100px auto;
	width: 1120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.business-img-select {
	/* width: 553px; */
	width: 49%;
	height: 250px;
	position: relative;
	background-size: 100% 300px;
}

.business-img-select div {
	height: 250px;
}

.business-img-li1 {
    position: relative;
    background: url(../image/01-bg-fang.png) no-repeat;
    background-position: left;
    margin-bottom: 15px;
    transition: all .3s;
    background-size: cover;
}

.business-img-li1:hover {
    border-top-left-radius: 58px;
}

.business-img-li1 div {
    width: 100%;
    background: url(../image/logo2.png) no-repeat 20% 50%, linear-gradient(-65deg, transparent 42%, RGBA(0, 72, 162, 0.7) 0) right;
    transition: all 0.3s;
}

.business-img-li1 div:hover {
    background: url(../image/logo2.png) no-repeat 50% 50%, RGBA(0, 72, 162, 1);
    border-top-left-radius: 58px;
}

.business-img-li1 img {
    position: absolute;
    width: 30%;
    top: 45%;
    left: 15%;
}

.business-img-li2 {
    position: relative;
    margin-bottom: 15px;
    background: url(../image/02-bg-fang.png) no-repeat;
    background-position: left;
    transition: all .3s;
    background-size: cover;
}

.business-img-li2:hover {
    border-top-right-radius: 58px;
}

.business-img-li2 div {
    width: 100%;
    background: url(../image/02logo-shengwu.png) no-repeat 20% 50%, linear-gradient(-65deg, transparent 42%, rgba(255, 120, 0, 0.7) 0) right;
    transition: all 0.3s;
}

.business-img-li2 div:hover {
    background: url(../image/02logo-shengwu.png) no-repeat 50% 50%, rgba(255, 120, 0, 1);
    border-top-right-radius: 58px;
}

.business-img-li2 img {
    position: absolute;
    width: 30%;
    top: 90px;
    left: 15%;
}


.business-img-li5 {
    position: relative;
    background: url(../image/01-bg-fang.png) no-repeat;
    background-position: left;
    transition: all .3s;
    background-size: cover;
}

.business-img-li5:hover {
    border-bottom-left-radius: 58px;
}

.business-img-li5 div {
    width: 100%;
    background: url(../image/logo2.png) no-repeat 20% 50%, linear-gradient(-65deg, transparent 42%, RGBA(90, 100, 80, 0.7) 0) right;
    transition: all 0.3s;
}

.business-img-li5 div:hover {
    background: url(../image/logo2.png) no-repeat 50% 50%, RGBA(90, 100, 80, 1);
    border-bottom-left-radius: 58px;
}

.business-img-li5 img {
    position: absolute;
    width: 30%;
    top: 45%;
    left: 15%;
}

.business-img-li6 {
    position: relative;
    background: url(../image/02-bg-fang.png) no-repeat;
    background-position: left;
    transition: all .3s;
    background-size: cover;
}

.business-img-li6:hover {
    border-bottom-right-radius: 58px;
}

.business-img-li6 div {
    width: 100%;
    background: url(../image/02logo-shengwu.png) no-repeat 20% 50%, linear-gradient(-65deg, transparent 42%, rgba(208, 89, 101, 0.7) 0) right;
    transition: all 0.3s;
}

.business-img-li6 div:hover {
    background: url(../image/02logo-shengwu.png) no-repeat 50% 50%, rgba(208, 89, 101, 1);
    border-bottom-right-radius: 58px;
}

.business-img-li6 img {
    position: absolute;
    width: 30%;
    top: 90px;
    left: 15%;
}





.business-img-li3 {
    position: relative;
    background: url(../image/03-bg-fang.png) no-repeat;
    background-position: right;
    transition: all 0.3s;
    background-size: cover;
    margin-bottom: 15px;
}

.business-img-li3 div {
    width: 100%;
    background: url(../image/03logo-mabplex.png) no-repeat 80% 50%, linear-gradient(116deg, transparent 42%, RGBA(0, 150, 125, .7) 0) right;
    transition: all 0.3s;
}


.business-img-li3 div:hover {
    background: url(../image/03logo-mabplex.png) no-repeat 50% 50%, RGBA(0, 150, 125, 1);
}

.business-img-li3 img {
    position: absolute;
    width: 20%;
    top: 50%;
    transform: translateY(-50%);
    left: 62%;
}

.business-img-li4 {
    position: relative;
    background: url(../image/04-bg-fang.png) no-repeat;
    transition: all 0.3s;
    background-size: cover;
    margin-bottom: 15px;
}

.business-img-li4 div {
    background: url(../image/04logo-yy.png) no-repeat 80% 50%, linear-gradient(116deg, transparent 42%, rgba(80, 30, 150, .7) 0) right;
    transition: all 0.3s;
}



.business-img-li4 div:hover {
    background: url(../image/04logo-yy.png) no-repeat 50% 50%, rgba(80, 30, 150, 1);
}

.business-img-li4 img {
    position: absolute;
    width: 20%;
    top: 50%;
    transform: translateY(-50%);
    left: 62%;
}


@media screen and (max-width: 900px) {
	.business-con {
		min-height: unset;
		font-size: 16px;
		text-align: justify;
		background-position: right;
		background-size: cover;
	}

	.business-img {
		width: 92%;
		margin: 60px auto;
	}

	.business-img-select {
		height: 100px;
		position: relative;
		background-size: cover;
		margin-bottom: 7px;
	}

	.business-img-select div {
		height: 100px;
	}

	    .business-img-li1 {
	        background-position: 80% center;
	    }
	    .business-img-li2 {
	        background-position: 90% center;
	    }
	    .business-img-li3 {
	        background-position: 19% center;
	    }
	    .business-img-li4 {
	        background-position: 23% center;
	    }
	    .business-img-li1:hover {
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li1 div {
	        background: url(../image/logo2.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(0, 72, 162, .5) 0) right;
	        background-size: 58%;
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li1 div:hover {
	        background: url(../image/logo2.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(0, 72, 162, .5) 0) right;
	        background-size: 63%;
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li2:hover {
	        border-top-right-radius: 0;
	    }
	
	    .business-img-li2 div {
	        background: url(../image/02logo-shengwu.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(255, 120, 0, 0.5) 0) right;
	        background-size: 59%;
	    }
	
	    .business-img-li2 div:hover {
	        background: url(../image/02logo-shengwu.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(255, 120, 0, 0.5) 0) right;
	        background-size: 64%;
	        border-top-right-radius: 0;
	    }
	    
	    
	        .business-img-li5:hover {
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li5 div {
	        background: url(../image/logo2.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(90, 100, 80, .5) 0) right;
	        background-size: 58%;
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li5 div:hover {
	        background: url(../image/logo2.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(90, 100, 80, .5) 0) right;
	        background-size: 63%;
	        border-top-left-radius: 0;
	    }
	
	    .business-img-li6:hover {
	        border-top-right-radius: 0;
	    }
	
	    .business-img-li6 div {
	        background: url(../image/02logo-shengwu.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(208, 89, 101, 0.5) 0) right;
	        background-size: 59%;
	    }
	
	    .business-img-li6 div:hover {
	        background: url(../image/02logo-shengwu.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(208, 89, 101, 0.5) 0) right;
	        background-size: 64%;
	        border-top-right-radius: 0;
	    }
	    
	    
	    
	
	    .business-img-li3:hover {
	        border-bottom-left-radius: 0;
	    }
	
	    .business-img-li3 div {
	        background: url(../image/03logo-mabplex.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(0, 150, 125, .5) 0) right;
	        background-size: 45%;
	    }
	
	    .business-img-li3 div:hover {
	        background: url(../image/03logo-mabplex.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, RGBA(0, 150, 125, .5) 0) right;
	        background-size: 50%;
	        border-bottom-left-radius: 0;
	    }
	
	    .business-img-li4:hover {
	        border-bottom-right-radius: 0;
	    }
	
	    .business-img-li4 div {
	        background: url(../image/04logo-yy.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(80, 30, 150, .5) 0) right;
	        background-size: 42%;
	    }
	
	    .business-img-li4 div:hover {
	        background: url(../image/04logo-yy.png) no-repeat center,
	            linear-gradient(0deg, transparent 0%, rgba(80, 30, 150, .5) 0) right;
	        background-size: 47%;
	        border-bottom-right-radius: 0;
	    }
}