.main {
    width: 1200px;
    margin: 0 auto;
}
.banner {
    height: 300px;
    background: url("banner.png") top center no-repeat;
    display: flex;
    align-items: center;
}
.BannerTxt {
    font-size: 48px;
    color: white;
}
.bod {
    margin-bottom: 50px;
}
.geren {
    margin-top: 50px;
}
.geren-title,
.qiye-title {
    font-size: 28px;
    /* margin-bottom: 30px; */
    height: 65px;
    border-bottom: 2px solid #3D3D3D;
    margin-top: 50px;
}
.geren-list ul,
.qiye-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.geren-list ul li,
.qiye-list ul li {
    width: 380px;
    height: 150px;
    background-color: #f5f5f5;
    margin-right: 30px;
    margin-top: 30px;
}
.geren-list ul li.blue,
.qiye-list ul li.blue,.qiye-list ul li:nth-child(5){
background: url(blue.png) top center no-repeat;
}
.geren-list ul li.blue a,
.qiye-list ul li.blue a,.qiye-list ul li.blue a{
    background-color: #1182F2;
}
.geren-list ul li.cyan,
.qiye-list ul li.cyan{
background: url(cyan.png) top center no-repeat;
}
.geren-list ul li.cyan a,
.qiye-list ul li.cyan a{
    background-color: #01CC93;
}
.geren-list ul li.orange,
.qiye-list ul li.orange,.qiye-list ul li.blue{
background: url(orange.png) top center no-repeat;
}
.geren-list ul li.orange a,
.qiye-list ul li.orange a,.qiye-list ul li.orange a{
    background-color: #FFB46A;
}
.geren-list ul li p,
.qiye-list ul li p{
margin-top: 30px;
margin-left: 20px;
font-size: 20px;
}
.geren-list ul li:nth-child(3n),
.qiye-list ul li:nth-child(3n) {
    margin-right: 0px;
}
.geren-list ul li a,
.qiye-list ul li a {
    width: 94px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 32px;
    margin-top: 44px;
    margin-left: 20px;
}
.geren-list ul li a span, .qiye-list ul li a span {
    font-size: 14px;
    color: white;
}
.geren-list ul li a img,
.qiye-list ul li a img {
    width: 21px;
    height: 10px;
}



@media screen and (max-width: 767px) {
	.banner {
		height: 3rem;
		background-size: 14rem 3rem !important;
	}
	.BannerTxt {
		font-size: 0.52rem;
		padding: 0 0.32rem;
	}
	.main {
		width: 100%;
	}
	.geren {
		margin-top: 0;
	}
	.geren-title, .qiye-title {
		font-size: 0.44rem;
		color: #333333;
		padding: 0 0.24rem;
		border-bottom: none;
		margin-top: 0.5rem;
		height: 0.56rem;
		line-height: 0.56rem;
	}
	.geren-list ul, .qiye-list ul {
		padding: 0 0.24rem;
	}
	.main .geren-list ul li, .main .qiye-list ul li {
		width: 48%;
		height: 2.25rem;
		margin-right: 4%;
		margin-top: 0.32rem;
		background-size: 100% 100%;
		padding: 0 0.32rem;
		position: relative;
	}
	.main .geren-list ul li:nth-child(2n), .main .qiye-list ul li:nth-child(2n) {
		margin-right: 0;
	}
	.geren-list ul li p, .qiye-list ul li p {
		font-size: 0.3rem;
		color: #333333;
		margin-top: 0.4rem;
		margin-left: 0;
	}
	.geren-list ul li a, .qiye-list ul li a {
		width: 1.4rem;
		height: 0.48rem;
		margin: 0;
		position: absolute;
		left: 0.32rem;
		bottom: 0.3rem;
	}
	.geren-list ul li a span, .qiye-list ul li a span {
		font-size: 0.21rem;
		line-height: 0.48rem;
	}
}