/* 手机屏幕样式 */
@media screen and (max-width: 640px) {
	/* index */
	.index {
		padding-bottom: 3.7rem;
	}

	.index-div1 {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 25.02rem;
	}

	.index-div1-banner {
		width: 300%;
		height: 100%;
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
	}

	.banner-fitstimg {
		position: absolute;
		top: 0;
		left: -375px;
		width: 33.3333%;
		height: 100%;
		display: block;
	}

	.banner-lastimg {
		position: absolute;
		top: 0;
		right: -100%;
		width: 33.3333%;
		height: 100%;
		display: block;
	}

	.index-div1-banner>div {
		width: 33.3333%;
		height: 100%;
		position: relative;
	}

	.index-div1-banner-div1 {
		background: url(../wap-images/mk-banner1.png) no-repeat;
		background-size: 100%;
	}

	.index-div1-banner-div2 {
		background: url(../wap-images/mk-banner2.png) no-repeat;
		background-size: 100%;
	}

	.banner-btn {
		position: absolute;
		bottom: 4.2rem;
		left: 50%;
		width: 11rem;
		margin-left: -5.5rem;
		cursor: pointer;
	}

	.spot {
		width: 100%;
		position: absolute;
		bottom: 2rem;
		left: 0;
		display: flex;
		justify-content: center;
	}

	.spot-0 {
		margin: 0 0.1rem;
		width: 1.5rem;
		height: 0.3rem;
		border-radius: 0.15rem;
		background-color: #ffffff;
	}

	.spot-1 {
		margin: 0 0.1rem;
		width: 0.3rem;
		height: 0.3rem;
		border-radius: 0.15rem;
		background-color: #ffffff;
	}

	.index-div2>p {
		text-align: center;
	}

	.index-div2 {
		text-align: center;
		display: inline-block;
		width: 100%;
	}

	.div2-p1 {
		margin-top: 2.3rem;
		font-size: 1.6rem;
		font-weight: bold;
		color: #333333;
	}

	.div2-p2 {
		color: #5c5e68;
		font-size: 0.75rem;
		margin-top: 0.9rem;
	}

	.index-div2>img {
		width: 100%;
		margin-top: 1.5rem;
	}

	.div2-more {
		display: flex;
		justify-content: center;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.div2-more>p {
		font-size: 0.87rem;
		font-weight: bold;
		margin-right: 0.5rem;
		color: #32e5ad;
		cursor: pointer;
	}

	.div2-more>img {
		height: 0.94rem;
		cursor: pointer;
	}

	.div2-QR {
		display: flex;
		justify-content: center;
		margin-bottom: 2rem;
	}

	.div2-QR>div>img {
		width: 5rem;
		margin: 0 2.5rem;
	}

	.div2-QR>div>p {
		text-align: center;
		color: #666666;
		font-size: 0.9rem;
	}

	.div2-p3 {
		font-size: 1.5rem;
		margin-top: 1.2rem;
		color: #333333;
	}

	.div2-span1 {
		background-color: #40e2aa;
		color: #FFFFFF;
		font-size: 1.9rem;
	}

	.div2-span2 {
		color: #40e2aa;
		font-size: 1.5rem;
	}

	.div2-span3 {
		color: #40e2aa;
		font-size: 2.4rem;
	}

	.div2-text {
		display: flex;
		justify-content: space-between;
		padding: 0 2.5rem;
	}

	.div2-text>div {
		width: 8rem;
	}

	.div2-text>div>p:first-child {
		margin-top: 2rem;
		margin-bottom: 0.6rem;
		font-size: 0.9rem;
		font-weight: bold;
		color: #333333;
	}

	.div2-text>div>p {
		font-size: 0.8rem;
		margin-top: 0.2rem;
		color: #666666;
	}

	.index-div3 {
		padding: 4rem 0;
	}

	.div3-title {
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #333333;
		margin-bottom: 1rem;
	}

	.index-div3>div {
		display: flex;
		padding: 0 2rem 0 1rem;
		flex-direction: row;
		margin-top: 2rem;
	}

	.index-div3>div>img {
		width: 7rem;
		height: 4.3rem;
		border-radius: 0.4rem;
		margin-right: 0.7rem;
	}

	.index-div3>div>p {
		font-size: 0.8rem;
		color: #4e4e4e;
		line-height: 1rem;
	}

	.index-div3>img {
		width: 100%;
		margin-top: 2rem;
	}
	.clinic-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 !important;
	}
	.clinic-list>div{
		width: 25%;
		text-align: center;
		margin-top: 1rem;
	}
	.clinic-list>div>img{
		width: 80%;
	}
	.clinic-list>div>p{
		text-align: center;
		margin-top: 0.5rem;
	}
	.index-div4 {
		background: url(../wap-images/mk-img9.png) no-repeat;
		background-size: 100%;
		padding: 1.85rem 0;
		position: relative;
		text-align: center;
	}

	.div4-title {
		text-align: center;
		font-size: 1.6rem;
		color: #FFFFFF;
		margin-bottom: 1rem;
	}

	.div4-icon {
		position: absolute;
		top: 0.9rem;
		right: 4rem;
		width: 1.5rem;
	}

	.div4-btn {
		width: 8rem;
		margin-top: 1rem;
		cursor: pointer;
	}

	/* index end */

	/* 内部详情页 */
	.inside {
		padding-bottom: 2.8rem;
	}

	.inside-box1 {
		background: url(../wap-images/tab2-img1.png) no-repeat;
		background-size: 100%;
		height: 13.2rem;
		text-align: center;
	}
	.inside-box12 {
		background: url(../wap-images/tab3-img1.png) no-repeat;
		background-size: 100%;
		height: 13.2rem;
		text-align: center;
	}

	.inside-box1-p1 {
		font-size: 1.8rem;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		padding-top: 2.4rem;
	}

	.inside-box1-p2 {
		text-align: center;
		color: #FFFFFF;
		font-size: 0.8rem;
		padding-top: 0.9rem;
	}

	.inside-btn1 {
		border: 1px solid #FFFFFF;
		border-radius: 0.1rem;
		color: #FFFFFF;
		background-color: transparent;
		font-size: 1rem;
		width: 9rem;
		height: 2.5rem;
		margin-top: 2.6rem;
	}

	.inside-box2 {
		text-align: center;
		background-color: #ffffff;
		padding: 0 1rem;
	}

	.inside-box3 {
		text-align: center;
		background-color: #f1f6f7;
		padding: 0 1rem;
	}

	.inside-title1 {
		color: #333333;
		font-size: 1rem;
		padding-top: 1.5rem;
		text-align: center;
	}

	.inside-title2 {
		color: #000000;
		font-size: 1.2rem;
		margin-top: 0.5rem;
		line-height: 1.5rem;
		text-align: center;
	}

	.inside-text {
		font-size: 0.85rem;
		color: #737373;
		margin-top: 0.5rem;
		line-height: 1.2rem;
	}

	.line {
		width: 2rem;
		height: 0.5rem;
		background-color: transparent;
		border-bottom: 1px solid #32e5ad;
		margin: auto;
	}

	.inside-img1 {
		width: 21rem;
		margin-top: 0.5rem;
	}
	
	.info-list{
		margin: 0 10px;
		height: 5.8rem;
		padding: 1rem 0;
		border-bottom: 1px solid #f1f6f7;
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
	}
	.info-list>img{
		float: left;
		/* height: 5.8rem; */
		width: 8rem;
	}
	.info-list>div{
		float: left;
		height: 5.8rem;
		margin-left: 0.5rem;
		overflow: hidden;
	}
	.list-title{
		font-size: 0.9rem;
		line-height: 1.3rem;
		font-weight: bold;
	}
	.list-text{
		font-size: 0.7rem;
		color: #969696;
		line-height: 1rem;
		margin-top: 0.5rem;
	}
	
	.news-title{
		text-align: center;
		font-size: 1.1rem;
		font-weight: bold;
		margin-top: 1rem;
		padding: 0 0.5rem;
		line-height: 1.5rem;
	}
	.news-date{
		text-align: center;
		font-size: 0.9rem;
		color: #797979;
		margin: 0.4rem 0;
	}
	.news-img{
		width: 90%;
		margin-left: 5%;
	}
	.news-text{
		width: 100%;
		overflow: hidden;
	}
	.news-text p{
		line-height: 1.5rem !important;
		padding: 0 0.5rem !important;
		margin: 0 !important;
		display: inline-block !important;
		word-break:break-word;
	}
	.news-text span{
		line-height: 1.5rem !important;
	}
	.news-text section{
		box-sizing: border-box;
		height: auto !important;
	}
	.news-text strong{
		color: #000000 !important;
	}
	.CaseDetails-title{
		text-align: center;
		font-size: 1.1rem;
		font-weight: bold;
		margin-top: 1rem;
		padding: 0 0.5rem;
		line-height: 1.5rem;
	}
	.CaseDetails-date{
		text-align: center;
		font-size: 0.9rem;
		color: #797979;
		margin: 0.4rem 0;
	}
	.CaseDetails-img{
		width: 90%;
		margin-left: 5%;
	}
	.CaseDetails-text{
		width: 100%;
		overflow: hidden;
	}
	.CaseDetails-text p{
		line-height: 1.5rem !important;
		padding: 0 0.5rem !important;
		font-size: 0.9rem;
	}
	/* 内部详情页  end */
	.gg-qr{
		background: url(../wap-images/guanggao.png) no-repeat;
		background-size: 100% 5rem;
		position: fixed;
		bottom: 3.7rem;
		width: 100%;
		height: 5rem;
		background-color: #f5f5f5;
	}
	.gg-qr>img{
		width: 4rem;
		height: 4rem;
		display: inline-block;
		position: absolute;
		top: 0.5rem;
		left: 0.5rem;
		animation: imgmove 1.5s infinite;
	}
	@keyframes imgmove{
		/* 0% {
			transform: rotate(0deg);
		}
		5% {
			transform: rotate(90deg);
		}
		10% {
			transform: rotate(250deg);
		}
		15% {
			transform: rotate(320deg);
		}
		20% {
			transform: rotate(360deg);
		}
		100% {
			transform: rotate(360deg);
		} */
		0% {
			transform: scale(0.2);
		}
		5% {
			transform: scale(0.4);
		}
		10% {
			transform: scale(0.6);
		}
		15% {
			transform: scale(0.8);
		}
		20% {
			transform: scale(1);
		}
		100% {
			transform: scale(1);
		}
	}
	.gg-qr>.qr-close{
		position: absolute;
		top: 0;
		right: 0;
		width: 1.6rem;
		height: 1.6rem;
		text-align: center;
		line-height: 1.8rem;
		background-color: #000000;
		opacity: 0.7;
		font-size: 1.6rem;
		color: #FFFFFF;
		border-radius: 0.1rem;
	}
	.gg-text{
		text-align: left;
		padding-left: 6rem;
		font-size: 0.7rem;
		color: #ff0000;
		line-height: 1rem;
		/* font-weight: bold; */
	}
	.gg-title{
		text-align: center;
		font-size: 0.8rem;
		color: #FFFFFF;
		font-weight: bold;
		width: 14rem;
		margin-left: 5rem;
		background-color: #2dc2c0;
		padding: 0.5rem 0;
		border-radius: 0 0 0.2rem 0.2rem;
	}

}

/* 电脑屏幕样式 */
@media screen and (min-width: 640px) {

	/* index */
	.index {
		width: 640px;
		margin: auto;
		padding-bottom: 3.75rem;
	}

	.index-div1 {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 42.69rem;
	}

	.index-div1-banner {
		width: 200%;
		height: 100%;
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
	}

	.index-div1-banner>div {
		width: 50%;
		height: 100%;
		position: relative;
	}

	.index-div1-banner-div1 {
		background: url(../wap-images/mk-banner1.png) no-repeat;
		background-size: 100%;
	}

	.index-div1-banner-div2 {
		background: url(../wap-images/mk-banner2.png) no-repeat;
		background-size: 100%;
	}

	.banner-btn {
		position: absolute;
		bottom: 7rem;
		left: 50%;
		width: 19rem;
		margin-left: -9.5rem;
		cursor: pointer;
	}

	.spot {
		width: 100%;
		position: absolute;
		bottom: 3rem;
		left: 0;
		display: flex;
		justify-content: center;
	}

	.spot-0 {
		margin: 0 0.2rem;
		width: 2.5rem;
		height: 0.4rem;
		border-radius: 0.2rem;
		background-color: #ffffff;
	}

	.spot-1 {
		margin: 0 0.2rem;
		width: 0.4rem;
		height: 0.4rem;
		border-radius: 0.2rem;
		background-color: #ffffff;
	}

	.index-div2>p {
		text-align: center;
	}

	.index-div2 {
		text-align: center;
		display: inline-block;
		width: 100%;
	}

	.div2-p1 {
		margin-top: 3.3rem;
		font-size: 1.9rem;
		font-weight: bold;
		color: #333333;
	}

	.div2-p2 {
		color: #5c5e68;
		font-size: 1.5rem;
		margin-top: 1.5rem;
	}

	.index-div2>img {
		width: 100%;
		margin-top: 1.5rem;
	}

	.div2-more {
		display: flex;
		justify-content: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.div2-more>p {
		font-size: 1.4rem;
		font-weight: bold;
		margin-right: 0.5rem;
		color: #32e5ad;
		cursor: pointer;
	}

	.div2-more>img {
		height: 1.4rem;
		cursor: pointer;
	}

	.div2-QR {
		display: flex;
		justify-content: center;
		margin-bottom: 2rem;
	}

	.div2-QR>div>img {
		width: 9rem;
		margin: 0 2.5rem;
	}

	.div2-QR>div>p {
		text-align: center;
		color: #666666;
		font-size: 1.1rem;
	}

	.div2-p3 {
		font-size: 2.1rem;
		margin-top: 1.8rem;
		color: #333333;
	}

	.div2-span1 {
		background-color: #40e2aa;
		color: #FFFFFF;
		font-size: 2.5rem;
	}

	.div2-span2 {
		color: #40e2aa;
		font-size: 2.1rem;
	}

	.div2-span3 {
		color: #40e2aa;
		font-size: 3.4rem;
	}

	.div2-text {
		display: flex;
		justify-content: space-between;
		padding: 0 5.5rem;
	}

	.div2-text>div {
		width: 11rem;
	}

	.div2-text>div>p:first-child {
		margin-top: 2rem;
		margin-bottom: 0.6rem;
		font-size: 1.4rem;
		font-weight: bold;
		color: #333333;
	}

	.div2-text>div>p {
		font-size: 1.1rem;
		margin-top: 0.2rem;
		color: #666666;
	}

	.index-div3 {
		padding: 4rem 0;
	}

	.div3-title {
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #333333;
		margin-bottom: 1rem;
	}

	.index-div3>div {
		display: flex;
		padding: 0 3rem 0 2rem;
		flex-direction: row;
		margin-top: 2rem;
	}

	.index-div3>div>img {
		width: 12rem;
		border-radius: 0.4rem;
		margin-right: 0.7rem;
	}

	.index-div3>div>p {
		font-size: 1.1rem;
		color: #4e4e4e;
		line-height: 1.3rem;
	}

	.index-div3>img {
		width: 100%;
		margin-top: 2rem;
	}
	.clinic-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 !important;
	}
	.clinic-list>div{
		width: 25%;
		text-align: center;
		margin-top: 1rem;
	}
	.clinic-list>div>img{
		width: 80%;
	}
	.clinic-list>div>p{
		text-align: center;
		margin-top: 0.5rem;
	}

	.index-div4 {
		background: url(../wap-images/mk-img9.png) no-repeat;
		background-size: 100%;
		padding: 2.85rem 0;
		position: relative;
		text-align: center;
	}

	.div4-title {
		text-align: center;
		font-size: 1.6rem;
		color: #FFFFFF;
		margin-bottom: 1rem;
	}

	.div4-icon {
		position: absolute;
		top: 1.8rem;
		right: 12rem;
		width: 1.5rem;
	}

	.div4-btn {
		width: 9rem;
		margin-top: 1rem;
		cursor: pointer;
	}

	/* index end */

	/* 内部详情页 */
	.inside {
		padding-bottom: 61px;
		width: 640px;
		margin: 0 auto;
	}

	.inside-box1 {
		background: url(../wap-images/tab2-img1.png) no-repeat;
		background-size: 100%;
		height: 360px;
		text-align: center;
	}
	
	.inside-box12 {
		background: url(../wap-images/tab3-img1.png) no-repeat;
		background-size: 100%;
		height: 360px;
		text-align: center;
	}

	.inside-box1-p1 {
		font-size: 49px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		padding-top: 64px;
	}

	.inside-box1-p2 {
		text-align: center;
		color: #FFFFFF;
		font-size: 21.5px;
		padding-top: 24px;
	}

	.inside-btn1 {
		border: 1px solid #FFFFFF;
		border-radius: 2px;
		color: #FFFFFF;
		background-color: transparent;
		font-size: 25px;
		width: 228px;
		height: 67px;
		margin-top: 74px;
	}

	.inside-box2 {
		text-align: center;
		background-color: #ffffff;
		padding: 0 20px;
	}

	.inside-box3 {
		text-align: center;
		background-color: #f1f6f7;
		padding: 0 20px;
	}

	.inside-title1 {
		color: #333333;
		font-size: 25px;
		padding-top: 30px;
	}

	.inside-title2 {
		color: #000000;
		    font-size: 33px;
		    margin-top: 10px;
		    line-height: 40px;
	}

	.inside-text {
		    font-size: 22px;
		    color: #737373;
		    margin-top: 10px;
		    line-height: 31px;
	}

	.line {
		width: 50px;
		height: 10px;
		backgroun-color: transparent;
		border-bottom: 1.2px solid #32e5ad;
	}

	.inside-img1 {
		width: 598px;
		margin-top: 15px;
	}
	
	.info-list{
		margin: 0 10px;
		height: 10rem;
		padding: 1rem 0;
		border-bottom: 1px solid #f1f6f7;
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
	}
	.info-list>img{
		float: left;
		/* height: 10rem; */
		width: 15rem;
	}
	.info-list>div{
		float: left;
		height: 10rem;
		margin-left: 0.5rem;
		overflow: hidden;
	}
	.list-title{
		font-size: 1.5rem;
		line-height: 1.8rem;
		font-weight: bold;
	}
	.list-text{
		font-size: 1.1rem;
		color: #969696;
		line-height: 1.5rem;
		margin-top: 0.5rem;
	}
	
	.news-title{
		text-align: center;
		font-size: 1.1rem;
		font-weight: bold;
		margin-top: 1rem;
		padding: 0 0.5rem;
		line-height: 1.5rem;
	}
	.news-date{
		text-align: center;
		font-size: 0.9rem;
		color: #797979;
		margin: 0.4rem 0;
	}
	.news-img{
		width: 90%;
		margin-left: 5%;
	}
	/* 内部详情页  end */
	/* 小程序广告 */
	.gg-qr{
		background: url(../wap-images/guanggao.png) no-repeat;
		background-size: 100% 7rem;
		position: fixed;
		bottom: 3.5rem;
		left: 50%;
		margin-left: -320px;
		width: 640px;
		height: 7rem;
		background-color: #f5f5f5;
	}
	.gg-qr>img{
		width: 5.5rem;
		height: 5.5rem;
		display: inline-block;
		position: absolute;
		top: 0.5rem;
		left: 0.5rem;
		-webkit-transform:imgmove 1s infinite;
	}
	@keyframes imgmove{
		0% {
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.gg-qr>.qr-close{
		position: absolute;
		top: 0;
		right: 0;
		width: 1.6rem;
		height: 1.6rem;
		text-align: center;
		line-height: 1.8rem;
		background-color: #000000;
		opacity: 0.7;
		font-size: 1.6rem;
		color: #FFFFFF;
		border-radius: 0.1rem;
	}
	.gg-text{
		text-align: left;
		padding-left: 12rem;
		font-size: 0.9rem;
		color: #ff0000;
		line-height: 1.2rem;
		font-weight: bold;
	}
	.gg-title{
		text-align: center;
		font-size: 1.2rem;
		color: #FFFFFF;
		font-weight: bold;
		width: 22rem;
		margin-left: 8rem;
		background-color: #2dc2c0;
		padding: 0.6rem 0;
		border-radius: 0 0 0.2rem 0.2rem;
	}
	/* 小程序广告  end */
}