body {
	/* background: #f00; */
	max-width: 640px;
	margin: 0 auto;
}
.clear {clear:both;}

.clear_fix {zoom:1;}

.clear_fix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}


.wrap {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	position: relative;
}


.hf {

	     width: 100%;
	     max-width: 640px;
	 /*   max-width: 640px;
	top: 0rem;
	left: 50%;
	margin-left: -320px; */
}
.hf  a{
	display: block;
	width: 100%;
	height: auto;
}

.hf a img{
	display: block;
	width: 100%;
	height: auto;
}


.navtop{
	width: 100%;
	padding-top: 0.5rem;
	
}

.navtop img{
	width: 100%;
}

.banner{
	width: 100%;
}

.banner img{
	width: 100%;
}

.bc1{
	width: 100%;
	height: auto;
	padding-top: 1rem;
}

.bc1_p1{
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 3rem;
	text-align: center;
}

.bc1_p2{
	font-size: 1.2rem;
	line-height: 2rem;
	text-align: center;
}

.bc1_ul{
	width: 96%;
	height: auto;
	margin: 0 auto;
	margin-top: 1rem;
}

.bc1_ul li{
	width: 49%;
	margin-right: 2%;
	float: left;
	background-color: #f5f5f5;
	padding-bottom: 1rem;
}

.bc1_ul li:nth-child(2){
	margin-right: 0;
}
.bc1_ul li img{
	width: 100%;
	height: 8.3rem;
}
.bc1_ul li p{
	font-size: 1rem;
	text-align: left;
	width: 92%;
	margin: 0 auto;
}
.bc1_ul li .bc1_ul_p1{
	font-size: 1.1rem;
	color: #fe3c00;
	font-weight: 700;
text-align: center;
line-height: 2rem;
padding-top: 0.5rem;
}

.bc1_ul_zixun{
	display: block;
	width: 50%;
	height: 2.2rem;
	border-radius: 0.5rem;
	margin: 1rem auto;
	background-color: #FE3C00;
	color: #FFFFFF;
	line-height: 2.2rem;
	text-align: center;
	font-size: 1.2rem;
}
.bc2_ul{
	width: 100%;
	height: auto;
	margin-top: 1rem;
}
.bc2_ul li{
	width: 49%;
	height: 2.2rem;
	margin-bottom: 0.5rem;
	float: left;
	margin-right: 2%;
	background-color: #FE3C00;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
	line-height: 2.2rem;
}
.bc2_ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}
.bc2_ul li:nth-child(2n){
	margin-right: 0;
}

/* 对话 */
.pssj3 {
	height: 18rem;
	text-align: left;
}

.talkbox {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	z-index: 999;
	background: #eee;
}

.speak {
	position: relative;
	top: 500px;
	display: flex;
	justify-content: left;
	margin: 1rem auto;
	align-items: flex-start;
	width: 96%;
}

.speak>img {
	width: 2rem;
	border-radius: 0.3rem;
	overflow: hidden;
	background: #808396;
	font-size: 0.15rem;
}

.speak p {
	background: url(../Images/ltk.png) no-repeat;
	background-size: 100% 100%;
	padding: 0.6rem 1rem 0.6rem 2.5rem;
	color: #313233;
	font-size: 1rem;
	line-height: 1.5rem;
}

.speak p::before,
.speak p::after {
	border: 0.06rem solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: 0.1rem;
	right: 100%;
	border-right-color: #d8d8d8;
}

.speak p::after {
	border-right-color: #ffffff;
	margin-right: -2px;
}

.speak p>img {
	display: inline-block;
	vertical-align: middle;
}

.speak.one {
	transition: all 1s 1s;
}

.speak.two {
	transition: all 1s 3s;
}

.speak.there {
	transition: all 1s 5s;
}

.speak i {
	font-size: 1.3rem;
	font-weight: bold;
	color: #ff0000;
}

.speak.top {
	top: 0;
}

.inputbox {
	padding: 0.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border-top: 1px solid #bfbfbf;
	background: #fff;
}

.inputbox img {
	width: 1.8rem;
	font-size: 0.15rem;
}

.inputbox input {
	outline: none;
	color: #333 !important;
	width: 80%;
	height: 2.5em;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	text-indent: 1em;
	margin: 0 2%;
	font-size: 15px;
}

.inputbox a {
	display: inline-block;
	min-width: 4em;
	line-height: 2em;
	background: #45C01A;
	color: #fff;
	border-radius: 0.3rem;
	text-align: center;
	font-size: 15px;
}

.inputbox a.wys {
	background: none;
	border-radius: 0;
}