img {
	display: block;
}

.doctor1,
.doctor-img,
.doctor1-btn-group,
.doctor4-btn-group {
	width: 100%;
}

.doctor1,
.doctor1-btn-box,
.doctor4 {
	position: relative;
}

.doctor1-btn-group,
.doctor1-btn-btn,
.doctor4-btn-group {
	position: absolute;
}

.doctor1-btn-group,
.doctor4-btn-group {
	left: 0;
}

.doctor1-btn-group,
.doctor4-btn-group {
	display: flex;
	justify-content: center;
}

.doctor4-btn-group {
	align-items: center;
}

.doctor1-btn-btn,
.doctor4-plan {
	cursor: pointer;
}

.doctor4-text {
	color: #fff;
	font-weight: bold;
}

.doctor4-name,
.doctor4-direction,
.doctor4-year,
.doctor4-contact {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 0 5px;
	box-sizing: border-box;
}

.doctor-btn-kefu {
	position: fixed;
	z-index: 3;
}

/*分辨率低于1280，采用下面的样式*/
@media screen and (min-width:1200px) {

	.doctor1-btn-group {
		bottom: -86px;
	}

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: 145px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: 744px;
	}

	.doctor1-btn-btn {
		width: 175px;
		top: 42px;
		right: 73px;
	}

	.doctor-btn-kefu {
		width: 149px;
		right: 20px;
		top: 270px;
	}

	.doctor4-btn-group {
		bottom: 26px;
	}

	.doctor4-text {
		font-size: 16px;
		line-height: 29px;
		margin-right: 8px;
	}

	.doctor4-name,
	.doctor4-direction,
	.doctor4-year,
	.doctor4-contact {
		height: 29px;
		font-size: 16px;
	}

	.doctor4-name,
	.doctor4-year {
		width: 78px;
	}

	.doctor4-direction,
	.doctor4-contact {
		width: 177px;
	}

	.doctor4-name {
		margin-right: 20px;
	}

	.doctor4-direction {
		margin-right: 13px;
	}

	.doctor4-year {
		margin-right: 11px;
	}

	.doctor4-contact {
		margin-right: 77px;
	}

	.doctor4-plan {
		width: auto;
		height: 35px;
	}
}

/*分辨率高于1440，采用下面的样式*/
@media screen and (min-width: 1280px) {

	.doctor1-btn-group {
		bottom: -91px;
	}

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: 155px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: 795.5px;
	}

	.doctor1-btn-btn {
		width: 175px;
		top: 43px;
		right: 73px;
	}

	.doctor-btn-kefu {
		width: 159px;
		right: 20px;
		top: 290px;
	}
}

@media screen and (min-width: 1366px) {

	.doctor1-btn-group {
		bottom: -102px;
	}

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: 174px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: 893.05px;
	}

	.doctor1-btn-btn {
		width: 195px;
		top: 52px;
		right: 83px;
	}

	.doctor-btn-kefu {
		width: 159px;
		right: 20px;
		top: 322px;
	}

	.doctor4-btn-group {
		bottom: 30px;
	}

	.doctor4-text {
		font-size: 16px;
		line-height: 29px;
		margin-right: 8px;
	}

	.doctor4-name,
	.doctor4-direction,
	.doctor4-year,
	.doctor4-contact {
		height: 29px;
		font-size: 16px;
	}

	.doctor4-name,
	.doctor4-year {
		width: 78px;
	}

	.doctor4-direction,
	.doctor4-contact {
		width: 177px;
	}

	.doctor4-name {
		margin-right: 20px;
	}

	.doctor4-direction {
		margin-right: 13px;
	}

	.doctor4-year {
		margin-right: 11px;
	}

	.doctor4-contact {
		margin-right: 77px;
	}

	.doctor4-plan {
		width: auto;
		height: 35px;
	}

}

@media screen and (min-width: 1440px) {


	.doctor1-btn-group {
		bottom: -102px;
	}

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: 174px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: auto;
	}

	.doctor1-btn-btn {
		width: 195px;
		top: 52px;
		right: 83px;
	}

	.doctor-btn-kefu {
		width: 179px;
		right: 20px;
		top: 327px;
	}

	.doctor4-btn-group {
		bottom: 30px;
	}

	.doctor4-text {
		font-size: 16px;
		line-height: 29px;
		margin-right: 8px;
	}

	.doctor4-name,
	.doctor4-direction,
	.doctor4-year,
	.doctor4-contact {
		height: 29px;
		font-size: 16px;
	}

	.doctor4-name,
	.doctor4-year {
		width: 78px;
	}

	.doctor4-direction,
	.doctor4-contact {
		width: 177px;
	}

	.doctor4-name {
		margin-right: 20px;
	}

	.doctor4-direction {
		margin-right: 13px;
	}

	.doctor4-year {
		margin-right: 11px;
	}

	.doctor4-contact {
		margin-right: 77px;
	}

	.doctor4-plan {
		width: auto;
		height: 35px;
	}
}

@media screen and (min-width: 1600px) {

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: auto;
	}

	.doctor1-btn-group {
		bottom: -115px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: 1002px;
		margin: 0 auto;
	}

	.doctor1-btn-btn {
		width: 195px;
		top: 60px;
		right: 92px;
	}

	.doctor-btn-kefu {
		width: 189px;
		right: 20px;
		top: 376px;
	}

	.doctor4-btn-group {
		bottom: 36px;
	}

	.doctor4-text {
		font-size: 20px;
		line-height: 39px;
		margin-right: 8px;
	}

	.doctor4-name,
	.doctor4-direction,
	.doctor4-year,
	.doctor4-contact {
		height: 39px;
		font-size: 20px;
	}

	.doctor4-name,
	.doctor4-year {
		width: 88px;
	}

	.doctor4-direction,
	.doctor4-contact {
		width: 187px;
	}

	.doctor4-name {
		margin-right: 30px;
	}

	.doctor4-direction {
		margin-right: 23px;
	}

	.doctor4-year {
		margin-right: 31px;
	}

	.doctor4-contact {
		margin-right: 87px;
	}

	.doctor4-plan {
		width: 209px;
		height: 45px;
	}

}

@media (min-width: 1680px) {

	.doctor1-btn-group,
	.doctor1-btn-box,
	.doctor1-btn-bg {
		height: 234px;
	}

	.doctor1-btn-group {
		bottom: -136px;
	}

	.doctor1-btn-box,
	.doctor1-btn-bg {
		width: 1201px;
		margin: 0 auto;
	}

	.doctor1-btn-btn {
		width: 225px;
		top: 73px;
		right: 111px;
	}

	.doctor4-btn-group {
		bottom: 40px;
	}

	.doctor4-text {
		font-size: 20px;
		line-height: 39px;
		margin-right: 8px;
	}

	.doctor4-name,
	.doctor4-direction,
	.doctor4-year,
	.doctor4-contact {
		height: 39px;
		font-size: 20px;
	}

	.doctor4-name,
	.doctor4-year {
		width: 88px;
	}

	.doctor4-direction,
	.doctor4-contact {
		width: 187px;
	}

	.doctor4-name {
		margin-right: 30px;
	}

	.doctor4-direction {
		margin-right: 23px;
	}

	.doctor4-year {
		margin-right: 31px;
	}

	.doctor4-contact {
		margin-right: 87px;
	}

	.doctor4-plan {
		width: 209px;
		height: 45px;
	}

	.doctor-btn-kefu {
		width: 189px;
		right: 20px;
		top: 407px;
	}
}

@media (min-width: 1920px) {

	.doctor4-btn-group {
		bottom: 48px;
	}

	.doctor-btn-kefu {
		width: 189px;
		right: 20px;
		top: 500px;
	}
}