.service-support-title{
    font-size: 0.4rem;
    text-align: center;
    margin: 0.4rem 0 0.2rem;
    font-weight: bold;
    font-family: Source Han Sans CN-Normal;
}

.service-support-subtitle{
    font-size: 0.2rem;
    text-align: center;
    font-weight: lighter;
    font-family: Source Han Sans CN-Normal;
    margin-bottom: 0.3rem;
}

.circle1{
    position: absolute;
}

.circle2{
    position: absolute;
}

.circle3{
    position: absolute;
}

.field-list{
	overflow: hidden;
	margin: 0.2rem;
}

.field-list-item{
    float: left;
    position: relative;
    margin: 0.25rem;
    width: 3rem;
    height: 3.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid rgba(24, 51, 10, 0.1) 0.02rem;
    box-shadow: 0rem 0.04rem 0.1rem rgba(0,18,38,0.2);
}

.field-list-itemImg{
    margin: 0.3rem;
}

.field-list-itemTitle{
    font-size: 0.35rem;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.field-list-itemText{
    font-size: 0.2rem;
    padding: 0 0.3rem;
    text-align: center;
    line-height: 0.4rem;
    color: rgba(153, 153, 153, 1);
    letter-spacing: 0.02rem;
}

.product {
	overflow: hidden;
	padding: 0.7rem 0;
}

.product-banner {
	overflow: visible;
	margin-top: 0.5rem;
	width: 5.4rem;
	height: 8rem;
}

.product-banner .swiper-slide {
	transition: 300ms;
	transform: scale(0.8);
}

.product-banner .swiper-slide-active {
	transform: scale(1);
}

.product-banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-pagination {
	margin-top: 0.5rem;
	font-size: 0;
	text-align: center;
}

.product-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin-right: 0.25rem;
	width: 0.24rem;
	height: 0.24rem;
	background-color: #ccc;
}

.product-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.product-pagination .swiper-pagination-bullet-active {
	background-color: #6AA84F;
}

.product-banner-info {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0.3rem 0.45rem;
    width: 100%;
    height: 4rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.product-banner-title {
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.product-banner-text {
	position: relative;
	margin-top: 0.2rem;
	font-size: 0.22rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #fff;
	line-height: 0.38rem;
	text-align: center;
}

.product-banner-price{
    position: relative;
    margin-top: 0.6rem;
    font-size: 0.4rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 600;
    color: #fff;
    line-height: 0.38rem;
    text-align: center;
}

.product-banner-logo{
    margin: 0.5rem 0 0.4rem;;
    width: 1.2rem;
}

.image-field{
    height: 7.8rem;
    width: 92%;
    margin: 0 auto;
    /* background-color: orange; */
}
.image-field img{
    width: 100%;
}

.circle1{
    left: 10%;
    width: 80%;
    top: 65.5%;
}

.circle2{
    width: 64%;
    left: 18%;
    top: 70%;
}

.circle3{
    width: 48%;
    left: 26%;
    top: 74%;
}

.circle4{
    width: 32%;
    left: 34%;
    top: 78%;
    position: absolute;
}

.ask{
    position: absolute;
    font-size: 0.5rem;
    color: #6AA84F;
    border-radius: 0.5rem;
    left: 46%;
    top: 63%;
}

.install{
    position: absolute;
    font-size: 0.5rem;
    color: #6AA84F;
    border-radius: 0.5rem;
    left: 6%;
    top: 83%;
}

.repair{
    position: absolute;
    font-size: 0.5rem;
    color: #6AA84F;
    border-radius: 0.5rem;
    right: 6%;
    top: 83%;
}

.sale{
    position: absolute;
    font-size: 0.5rem;
    color: #6AA84F;
    border-radius: 0.5rem;
    left: 46%;
    top: 108%;
}

.circle5{
    position: absolute;
    left: 43.5%;
    top: 62.5%;
}

.circle6{
    position: absolute;
    left: 3.5%;
    top: 82.5%;
}

.circle7{
    position: absolute;
    right: 3.5%;
    top: 82.5%;
}

.circle8{
    position: absolute;
    left: 43.5%;
    top: 107.5%;
}

.green-pot1{
    position: absolute;
    left: 71%;
    top: 68%;
}

.green-pot2{
    position: absolute;
    left: 30%;
    top: 72%;
}

.green-pot3{
    position: absolute;
    left: 29%;
    top: 94%;
}

.green-pot4{
    position: absolute;
    left: 78%;
    top: 102%;
}