@charset "utf-8";
/*共用代码 */
body {font-family:微软雅黑;}
html{ font-size:calc(100vw/6.4);}
@media screen and (min-width:640px){html{ font-size:100px;}}
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;
	list-style-type: none;
}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.pr{ position: relative}
img{width: 100%;}
.fl{ float: left}
.fr{ float: right}
.ov{ overflow:hidden}
.clear{ clear: both;overflow: initial;}
.tc{ text-align: center}
input{ outline: none}

.patb30{ padding: 0.3rem 0}

.wi{max-width:640px; min-width:320px; margin: 0 auto; font-size: 0.2rem; overflow: hidden;
	position: relative;}
.wi img{ vertical-align:bottom}

.wi .ti { text-align: center; padding:5% 0; position: relative}

.wi .btn{ text-align: center;}
.wi .btn a{ color: #fff; display: inline-block;line-height: 0.7rem;
	font-size: 0.28rem; background: #ff8901; border-radius: 0.5rem; padding: 0 5%;
	animation: heartBeat 5s infinite; -webkit-animation: heartBeat 5s infinite
}
.wi .btn a:after{ content: ""; display: inline-block; vertical-align:middle;
	width:0.19rem; height:0.26rem; 
	background: url(../images/jt.png) no-repeat; background-size:cover;}
.wi .btn a:nth-child(even){ background: #c97c28;}

.kv{ position: relative}
.kv a{ display: block; width: 1.54rem; position: absolute; bottom:-0.5rem; right:0.7rem;
	animation: heartBeat 5s infinite; -webkit-animation: heartBeat 5s infinite
}

.p1{ position: relative;}
.p1 .text{  padding:0 5%; line-height:0.35rem; position: absolute; top:2.3rem; left:0; font-size: 0.24rem;}

.p2{ background: url(../images/bg2.jpg) no-repeat; background-size:cover; height:17.47rem; position: relative;}
.p2 .ti{ padding:0.5rem 0 0}
.p2 .con{ display: flex; display: -webkit-flex; justify-content: space-between; padding:10% 2%}
.p2 ul li {color: #ad6c23; text-align: center; margin-bottom: 35%; position: relative; width: 2.51rem;}
.p2 ul li img{ border-radius:50%; overflow: hidden;
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1); box-shadow:2px 2px 5px rgba(0,0,0,0.1);
}
.p2 ul li p{ padding-top: 2%; font-size: 0.24rem;}
.p2 ul li i{ display: block; width:0.42rem; height:0.42rem; background: url(../images/ico.png) no-repeat; background-size:cover; 
	line-height:0.42rem; color: #fff; position: absolute; top:-0.1rem; left:0.5rem;}
.p2 .con ul:nth-child(even){ padding-top:23%}
.p2 .con ul:nth-child(even) li i{ left: auto; right:0.5rem}
.p2 .con a{ display: block; width:1.97rem; position: absolute; bottom:1%; right:8%;
	animation: heartBeat 2s infinite; -webkit-animation: heartBeat 2s infinite;
}

.p3{ background: url(../images/bg3.jpg) no-repeat; background-size:cover;}
.p3 ul { display: flex; display:-webkit-flex; justify-content:space-between; flex-wrap: wrap; padding:0 3% 0 5%}
.p3 ul li{ width:34%; margin-bottom: 4%; height:2.2rem;
	background: #fff; padding:0 2% 0 10%;
	-moz-box-shadow:2px 2px 5px rgba(228,212,179,0.1); 
	-webkit-box-shadow:2px 2px 5px rgba(228,212,179,0.1);
	 box-shadow:2px 2px 5px rgba(228,212,179,0.1);
	 line-height:1.5; font-size: 0.22rem;
	 display: flex; display: -webkit-flex; justify-content: space-around; align-items: center;
	position: relative;
}
.p3 ul li i{ display: block; height:70%; width:10%; padding:0 4%; color: #fff; background: #c97c28; text-align: center;
	position: absolute; left:-4%; top:15%; font-size: 0.35rem;
	display: flex; display: -webkit-flex; justify-content: space-around; align-items: center;
	line-height:1.5;
}

.p4 { background:url(../images/bg4.jpg) no-repeat; background-size:cover; height:9.95rem;}
.p4 .ti{ padding:6% 0}
.p4 .text{ padding:0 5%; line-height:1.5; font-size: 0.24rem;}
.p4 .sp4{ position: relative; padding:5% 0 0}
.p4 .pa4{ position: absolute; bottom:0.2rem; left:0; width:100%; text-align: center;}

.p5 { background:url(../images/bg5.jpg) no-repeat; background-size:cover;}
.p5 .con{ padding:0 5%}
.p5 .con .text{ padding-top:5%; line-height:1.5; font-size: 0.24rem;}


.p6 { background:url(../images/bg6.jpg) no-repeat; background-size:cover;}
.p6 ul{ padding:0 5%}
.p6 ul li{ line-height:0.6rem; background: #fdfafa; border-radius: 0.5rem; margin-bottom: 5%; font-size: 0.27rem;
	-moz-box-shadow:2px 2px 5px rgba(228,212,179,0.5); 
	-webkit-box-shadow:2px 2px 5px rgba(228,212,179,0.5);
	 box-shadow:2px 2px 5px rgba(228,212,179,0.5);
}
.p6 ul li a{display: flex; display: -webkit-flex; align-items: center; color: #020202;}
.p6 ul li:nth-last-child(1){ margin-bottom: 0;}
.p6 ul li i{ display: block; width:0.5rem; height:0.5rem; border-radius:50%; background: #cf7b24; text-align: center; 
	line-height:0.5rem; color: #fff; float: left; margin-right: 5%;}

.wi .pagination {width: 100%; text-align: center; padding: 0.3rem 0}
.wi .swiper-pagination-switch {display: inline-block;width: 0.1rem;height: 0.1rem;border-radius: 50%;
	margin: 0 0.05rem;cursor: pointer; border-radius:50%;background: #fffefe;}
.wi .swiper-active-switch { background: #f7a518; }

@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(0.9);transform:scale(0.9)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(0.9);transform:scale(0.9)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1);transform:scale(1)}}