﻿.wp {
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	color: #010101;
	overflow: hidden;
	font-size: .2rem;
	color: #333
}
img {
	width: 100%;
	height: auto
}
a.btnas {
	display: block;
	background-color: #fde413;
	border-radius: .45rem;
	color: #fff;
	font-size: .45rem;
	overflow: hidden;
	text-align: center;
	margin: 4% 25% 0;
	padding: 3% 0;
	font-weight: 700
}
.item1 {
	font-size: .45rem;
	line-height: 1.3;
	color: #333
}
.over {
	overflow: hidden
}
.w20 {
	margin: 0 3%
}
.wp h2 {
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	font-family: microsoft yahei;
	margin-bottom: 6%;
	color: #333
}
.pb {
	padding: 2% 0
}
#banner {
	position: relative
}
#banner .hd {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: .5%;
	left: 0
}
#banner .hd li {
	width: .2rem;
	height: .2rem;
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	margin: 0 .08rem;
	text-indent: -9999px
}
#banner .hd li.on {
	background: #9e5fd4;
	border-color: #9e5fd4
}
.index_hot {
	overflow: hidden;
	padding: 6% 3% 4%;
	background: #e1e1e1
}
.index_hot .left {
	width: 24%;
	float: left
}
.index_hot .right {
	width: 70%;
	float: right
}
.index_hot .right .tg_scroll {
	width: 100%;
	overflow: hidden
}
.index_hot .right .tg_scroll .bd {
	padding: 2% 0
}
.index_hot .right .tg_scroll ol li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2% 0
}
.index_hot .right .tg_scroll ol li a {
	font-size: .22rem;
	color: #dc3171;
	display: block;
	padding: .5% 0
}
.index_hot .right .tg_scroll ol li a span {
	color: #fff;
	background: #dc3171;
	padding: 0 1%
}
.mbx h3 {
	font-size: .48rem;
	color: #333;
	text-align: left;
	font-weight: 400;
	padding: 4% 0 4% 2%
}
.mbx h3 i {
	display: inline-block;
	width: 1.8%;
	position: relative;
	top: -.15rem
}
.mbx h3 span {
	color: #000;
	font-size: .65rem
}
.ys {
	border-top: 0 solid #eee
}
.ys p {
	width: 96%;
	margin: 0 auto;
	margin-top: 4%
}
.ys p a img {
	width: 48%
}
.anli {
	border-top: 1px solid #eee
}
.case_c {
	padding: 3% 3% 0%
}
.case_c dl {
	overflow: hidden;
	padding: 0 0 2% 2%
}
.case_c dl dt {
	width: 16%
}
.case_c dl dd {
	width: 81%;
	float: right
}
.case_c dl dd h3 {
	font-size: .24rem;
	color: #000;
	line-height: 1.3;
	text-align: left
}
.case_c dl dd p {
	font-size: .24rem;
	color: #666;
	padding-top: 3%
}
.case_c dl dd p img {
	width: 20px;
	vertical-align: middle;
	padding: 0 3% 2px 0
}
.case_c1 {
	padding-bottom: 1%
}
.case_c1 img {
	width: 32%;
	margin-right: 2%
}
.case_c1 img:nth-child(3) {
	margin-right: 0
}
.case_c2 {
	font-size: .24rem;
	color: #333;
	line-height: 1.5;
	padding: 1%
}
.case_c2 a {
	color: #a57e4c
}
.pro_nav {
	background: #f2f2f2;
	width: 100%;
	text-align: center
}
.pro_nav li {
	font-size: .48rem;
	color: #333;
	padding: 2.5% 0;
	display: inline-block;
	margin: 0 5%
}
.pro_nav li:nth-child(1) {
	border-bottom: 2px solid pink
}
.content_box {
	padding-top: 2%
}
.content_box dl {
	width: 50%;
	float: left;
	margin: 0 auto;
	padding: 2.5% 0;
	margin-bottom: .6rem
}
.content_box dl dt {
	margin: 0 3%
}
.content_box dl dd {
	position: relative;
	background-color: #fff;
	width: 93%;
	margin-left: 4%;
	border-radius: 0 0 .2rem .2rem
}
.content_box dl dd h3 {
	color: #333;
	padding: 2% 0;
	font-size: .55rem
}
.content_box dl dd p.p1 {
	color: #fff;
	text-align: center;
	padding: 2% 0;
	background-color: #c8a561;
	font-size: .55rem
}
.content_box dl dd p.p2 {
	margin: 0 auto;
	text-align: center;
	color: #666;
	padding: 5% 2% 8%;
	background-size: .2rem;
	font-size: .55rem
}
.content_box dl dd .zx {
	text-align: center;
	border-top: 1px solid #d8d8d8;
	padding-top: 2%;
	padding-bottom: 2%
}
.content_box dl dd .zx span {
	color: #a7a7a7;
	padding-left: .63rem
}
.content_box dl dd .zx span:nth-child(1) {
	background: url(../images/con3.jpg) no-repeat left center;
	padding-right: 1%;
	background-size: .65rem;
	float: left;
	font-size: .45rem
}
.content_box dl dd .zx span:nth-child(2) {
	background: url(../images/con4.jpg) no-repeat left center;
	background-size: .65rem;
	float: right;
	font-size: .45rem
}
.content_box dl dd a.zindex {
	z-index: 2;
	display: inline-block;
	width: 70%;
	background: #c8a561;
	border-radius: .08rem;
	color: #fff;
	text-align: center;
	position: relative;
	left: 25%;
	margin-left: -10%;
	bottom: -.7rem;
	border-radius: .6rem
}
.content_box dl dd a.zindex span {
	background-size: .2rem;
	font-size: .65rem
}
.content_box .swiper-slide {
	height: 16px!important
}
.content_box .swiper-slide-active {
	height: auto!important
}

@media screen and (max-width:355px) and (min-width:320px) {
.content_box dl dt {
	margin: 3% 2%;
	width: 100%
}
.content_box dl dd h3 {
	font-size: .22rem;
	color: #333;
	padding: 2% 0;
	text-align: center;
	font-size: .55rem
}
.content_box dl dd p.p1 {
	font-size: .18rem;
	color: #737373;
	margin: 0 1%;
	font-size: .4rem
}
.content_box dl dd p.p2 {
	font-size: .18rem;
	color: #666;
	background-size: .3rem;
	font-size: .5rem
}
.content_box .zx span {
	background-color: #525460;
	border-radius: .2rem;
	font-size: .16rem;
	color: #fff;
	display: inline-block;
	width: 38%;
	text-align: center;
	height: .4rem;
	line-height: .5rem
}
.content_box .zixun .zindex {
	z-index: 2;
	display: block;
	width: 40%;
	padding: 3% 0;
	background: #a57e4c;
	border-radius: .3rem;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	float: left;
	height: .3rem;
	line-height: .3rem
}
.content_box dl dd a.zindex {
	z-index: 2;
	display: inline-block;
	width: 70%;
	background: #c8a561;
	border-radius: .08rem;
	color: #fff;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -35%;
	bottom: -.7rem;
	border-radius: .6rem
}
}

@media screen and (max-width:450px) and (min-width:320px) {
.content_box dl dd a.zindex {
	z-index: 2;
	display: inline-block;
	width: 70%;
	background: #c8a561;
	border-radius: .08rem;
	color: #fff;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -35%;
	bottom: -.7rem;
	border-radius: .6rem
}
.ys p {
	margin-top: 0%
}
}
.content_box .swiper-slide {
	height: 16px!important
}
.content_box .swiper-slide-active {
	height: auto!important
}
#doctor_slider .hd {
	width: 100%;
	text-align: center;
	margin-top: 4%
}
#doctor_slider .hd ul li {
	width: .2rem;
	height: .2rem;
	border-radius: 50%;
	text-indent: -9999px;
	border-radius: 50%;
	background: #9e9d9f;
	display: inline-block;
	margin: 0 .1rem
}
#doctor_slider .hd ul li.on {
	background: #a84ad5
}
.brand_item {
	overflow: hidden;
	padding: 0 2%;
	margin-bottom: 8%
}
.brand_item a {
	width: 24%;
	float: left;
	margin: 0 .5%;
	position: relative;
	padding: 3% 0
}
.brand_item a:after {
	content: "";
	position: absolute;
	border: .05rem solid #e1e1e1;
	left: .05rem;
	bottom: .05rem;
	right: .05rem;
	top: .05rem
}
.brand_item a span {
	display: block;
	margin: 0 20%
}
.brand_item a b {
	font-size: .21rem;
	color: #333;
	text-align: center;
	font-weight: 400;
	display: block
}
.slist {
	width: 94%;
	margin: 4% auto
}
.slist .lcont {
	border-top: 1px solid #e8e8e8;
	padding: 4% 0
}
.slist .lcont:last-child {
	border-bottom: 0;
	border-top: 1px solid #eee
}
.slist .lcont img {
	width: 40%;
	border: 1px solid #efefef
}
.slist .lcont .ltit {
	width: 60%;
	margin-left: -2px
}
.slist .lcont .ltit h2 {
	text-align: left;
	font-size: .24rem;
	margin-bottom: 4%
}
.slist .lcont .ltit p {
	text-align: left;
	font-size: .23rem;
	color: #666
}
.slist .lcont .ltit p span {
	color: #b69770
}
.button02 {
	width: 100%;
	text-align: center;
	border: 0;
	background-color: #fff;
	color: #999;
	margin-top: .5rem;
	font-size: .68rem;
	cursor: pointer;
	outline: 0;
	display: block;
	margin-bottom: .5rem
}
.button02 i img {
	width: .8rem;
	vertical-align: middle;
	padding-right: .2rem;
	padding-bottom: .15rem
}
.litpic {
	padding-top: .8rem
}
.pic {
	padding-top: .8rem
}
.xiangmu {
	border: 1px dashed #999;
	margin: 0 auto;
	width: 94%;
	height: auto;
	margin-top: 3%
}
.xiangmu p {
	padding: 3%;
	font-size: .7rem
}
.xiangmu p font {
	color: #c89e5c
}
.xm {
	margin: 0 auto;
	width: 94%;
	height: auto;
	margin-top: 2%
}
.xm01 img {
	padding-top: 3%
}
.xmp {
	font-size: .7rem;
	padding-top: 4%
}
.xm02 {
	margin: 0 auto;
	margin-top: 8%;
	width: 100%;
	height: auto
}
.xm02 img {
	margin-top: -.1rem!important
}
.dt {
	margin-top: 8%
}
.dt h2 {
	font-size: .7rem;
	padding-top: 3%;
	line-height: 1rem
}
.dt01 {
	background-color: #000;
	color: #fff;
	padding: 3%
}
.dt02 {
	font-size: .7rem;
	padding-top: 3%;
	line-height: 1rem
}
.bao002 {
	width: 100%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 100%
}
.bao002 .bd img {
	width: 100%
}
.bao002 .hd li {
	width: 8px;
	height: 8px;
	border-radius: 50%
}
.bao002 .hd li.on {
	background: #c89e5c
}
.bao002 .hd {
	width: 100%;
	text-align: center;
	margin-top: 1rem
}
.bao002 .hd ul {
	position: absolute;
	bottom: 2%;
	left: 38%
}
.bao002 .hd .on {
	background-color: red
}
.bao002 .hd li {
	float: left;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #fff;
	color: #fff;
	font-size: 0!important;
	border: 1px solid #c89e5c
}
.xmp, .xiangmu p {
	text-indent: 1rem;
}
.zj_1_2 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 640px;
}
.ys {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.bao01 {
	width: 100%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 100%;
}
.bao01 .bd img {
	width: 100%;
}
.bao01 .hd li {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.bao01 .hd li.on {
	background: #c17c3c;
}
.bao01 .hd {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.bao01 .hd ul {
	position: absolute;
	bottom: 2%;
	left: 38%;
}
.bao01 .hd .on {
	background-color: red
}
.bao01 .hd li {
	float: left;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: white;
	color: white;
	font-size: 0 !important;
}
.zt_bottom_03 {
	width: 100%;
	height: auto;
	display: none;
	margin: 0 auto;
	max-width: 640px;
	padding-top: 0.35rem;
}
.call_number {
	display: block;
	margin: 20px auto;
	width: 100%;
	max-width: 640px;
}
.copyRight {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 640px;
}
.tel {
	background-color: #C8A561;
	width: 100%;
	height: 3.5rem;
	margin: 0 auto;
	text-align: center;
	max-width: 640px;
}
.tel p {
	color: #FFF;
	font-size: 0.55rem;
	line-height: 0.85rem
}
.tel .tel_center {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding-top: 1.5rem;
	padding-left: 1.5em;
}
.tel .tel_center ul {
	padding: 0px;
	margin: 0px;
}
.tel .tel_center ul li {
	float: left;
	width: 25%;
	padding-right: 8%
}
.tel .tel_center ul li a img {
	width: 100%;
}
.lx {
	font-weight: bold;
	color: #C8A561;
}
.xiangmu_content {
	margin: 0 auto;
	width: 94%;
	margin-top: 0.2rem;
}
.lxty {
	width: 1.5rem;
	vertical-align: middle;
	padding-right: 0.2rem;
}
.lx {
	text-indent: 0rem !important;
}
