@charset "utf-8";
/* CSS Document */
/*共用代码 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style-type: none;

}
html{ font-size:0.01rem}
body{font-family:微软雅黑; font-size:0.22rem; color: #333; /*background: url("../images/pic_bg.jpg") repeat*/}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.p_pr{ position: relative}
.p_pa{ position: absolute}
img{vertical-align: middle;width: 100%}
.p_block{ display: block}
.p_fl{ float: left}
.p_fr{ float: right}
.p_hide{ overflow:hidden}
.mb30{ margin-bottom: 0.3rem}
.mr10{ margin-right: 0.1rem}
.ml60{ margin-left: 0.6rem}
.patb20{ padding: 0.2rem 0}
.patb30{ padding: 0.3rem 0}
.pat20{ padding-top: 0.2rem}
.pa20{ padding: 0.2rem}
.clearfix{ clear: both}
.font_no{  font-weight: normal}
.text_c{ text-align: center}
.text_r{ text-align: right}
.text_L{ text-align: left}
.line30{line-height: 0.3rem}
.line35{line-height: 0.35rem}
.line40{line-height: 0.4rem}

.font29{ font-size: 0.29rem}
.font22{ font-size: 0.22rem}

.bg_gray1{background: #b38a74;}
.bg_gray2{background: #eacca1;}
.bg_gray{ background: #322624}
.bg_pink{ background: #c2a2a4}
.bg_white{ background: #fff}
.bg_org{ background: #8d4621}
.col_white{ color: #fff}
.col_black{ color: #000}

.bor_b{ border-bottom: 1px solid #fff}

.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: rgba(255,255,255,0.8)}


.auto{ margin:0 auto;}
.wi{max-width:640px; min-width:320px;}
.wi560{ width: 5.6rem}

.btn a{ display: inline-block; padding: 0.1rem 0.4rem; font-size: 0.28rem; border-radius: 0.2rem; line-height: 0.4rem; color:#fff; }

.banner{ width: 100%; height:7.58rem; background: url("../images/banner.jpg") no-repeat; background-size:cover}
.banner a{ width: 2.07rem; line-height: 0.55rem; background: #a67053; color: #fff; border-radius: 0.2rem; font-size: 0.28rem; left: 0.4rem; bottom: 1.32rem}

.p1 dl dt,.p1 dl dd{ width: 50%; float: left; text-align: center}

.p2 dl{ color: #ffe9bf}
.p2 dl dt img{ width:1.91rem; height: 1.91rem; border-radius: 50%; border-radius: 50%}
.p2 dl dd{ width: 3.9rem;}
.p2 dl dd h3{font-size: 0.24rem;}

.zj_con .tabs{  padding: 0.2rem; margin: 0 auto; text-align: center}
.zj_con .tabs.fixed{position: fixed;}
.zj_con .tabs a{
	 display: inline-block;
	width:23%;
	margin-right: 2%;
	text-align:center;
	text-decoration:none;
	font-size: 0.24rem;
	background:#fff;
	color:#000;
	text-align: center;
	line-height: 0.4rem;
	padding: 0.1rem 0;
	position: relative;
}
.zj_con .tabs a:nth-last-child(1){ margin-right: 0}
.zj_con .tabs a.active{
	background:#8d4621;
	color: #fff;
}
.zj_con .swiper-container{
	height:8.1rem;
	width:100%;
	position:relative;
	margin-top: 0.2rem;
}
.zj_con .swiper-container h3{ color: #8d4621; font-size: 30px}

.p3 .btn a{ width: 47%; padding: 0; line-height: 0.6rem; color: #fff; text-align: center}
.p3 .btn a:nth-child(1){ background: #61331a}
.p3 .btn a:nth-child(2){ background: #8d4621}


.p4 .swiper-container{
	height:4rem;
	width:100%;
	position:relative;

}
.p4 .swiper-container img{ width:2.97rem; height: 3.49rem }
.p4 .swiper-container h3{ font-size: 0.24rem; color: #ffdda7}
.p4 .swiper-container span{ padding: 0.2rem; width: 3rem}
.p4 .swiper-container a{ width: 2.5rem; line-height: 0.6rem; border-radius: 0.1rem; font-size: 0.25rem}
.p4 .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom:0.2rem;
	width: 100%;
}
.p4 .swiper-pagination-switch {
	display: inline-block;
	width: 0.26rem;
	height: 0.26rem;
	border-radius: 50%;
	background: #9d9897;
	margin: 0 0.03rem;
	cursor: pointer;
}
.p4 .swiper-active-switch {
	background: #fff;
}


.p5 ul li{ background: #f3f3f3; border-radius: 5rem; overflow: hidden; font-size: 0.22rem; margin-bottom: 0.2rem}
.p5 ul li dt{ width: 2.4rem}
.p5 ul li dt img{ width: 2.4rem; height: 2.4rem; border-radius: 50%; overflow: hidden}
.p5 ul li dd{ width: 3rem}
.p5 ul li dd h3{ color: #8d4621; font-size: 0.28rem}

.p6{ background: #483c39}


.p6 .tabs{  padding: 0.2rem; margin: 0 auto; text-align: center}
.p6 .tabs a{
	display: inline-block;
	width:17%;
	margin-right: 1%;
	text-align:center;
	text-decoration:none;
	background:#8d4621;
	text-align: center;
	position: relative;
	border: 0.03rem solid #000;
}
.p6 .tabs a:nth-last-child(1){ margin-right: 0}
.p6 .tabs a.active{
	border: 3px solid #ffe5b8;
}
.p6 .swiper-container{
	height:4.2rem;
	width:100%;
	position:relative;
}
.p6 .p_fr{ position:relative;}
.p6 .swiper-container .swiper-slide{ position: relative}
.p6 .swiper-container .swiper-slide img{ float: right;width: 4.2rem; height:4.28rem}
.p6 .swiper-container span{ position: absolute; left: 0;padding: 0.4rem 0.3rem 0.3rem; width: 3rem}
.p6 .swiper-container span h3{ color: #fef2ca; font-weight: normal; font-size: 0.39rem }
.p6 .swiper-container span h3 i{  font-size: 0.22rem;}
.expert_pic a{ display: block; background: #8d4621;width: 1.5rem; height: 0.6rem; font-size: 0.25rem; line-height: 0.6rem; position: absolute; right: 0.8rem; bottom: 0.2rem; border-radius: 0.2rem; color:#fff;}