

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%;

}
.flex{display: flex; 
      flex-direction: row; 
	  flex-wrap: wrap;
	  justify-content: space-between;
	  }

.aktit{margin-top:2%;margin-bottom:1%;}
.aktit li{width:25%;font-size:1rem;text-align:center;border-right:1px solid #b5b5b5;}
.aktit li a{color:#262626;}
.aktit li:nth-child(4){border-right:none;}


.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: center;

	width: 96%;

	margin: 0 auto;

}

.bc1_ul li .bc1_ul_p1{

	font-size: 1.1rem;

	color: #2679f7;

	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: #2679f7;

	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.5rem;

	margin-bottom: 0.5rem;

	float: left;

	margin-right: 2%;

	background-color: #014199;



	font-size: 1.2rem;

	text-align: center;

	line-height: 2.5rem;

}

.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;

}

