@charset "utf-8";
.wxbody{background:#f8f8f8;max-width:640px;margin:0 auto;}
.banner .pagination{bottom:10px;}
.banner .swiper-slide{height:260px;}
.banner .swiper-pagination-bullet{width:8px;height:3px;/* border-radius:100%;border:1px solid #fff; */background:#fff;}
.banner .swiper-pagination-bullet-active{background:#333;width:15px;opacity: 1;}



.titis{
	padding:25px 0;
	text-align: center;
}
.titis h2{
	font-size:28px;
	color:#626262;
	width:80px;
	margin:0 auto;
	border-bottom:1px solid #626262;
	padding-bottom:10px;
	font-weight:bold;
}


.pro_brand{
	background:#fff;
	margin-bottom:10px;
	text-align: center;
}
.pro_brand .brand_box .list{
	display:inline-block;
	float:left;
	width:22.75%;
	margin-right:3%;
	margin-bottom:15px;
}
.pro_brand .brand_box .list:nth-child(4n){
	margin-right:0;
}
.pro_brand .brand_box .list i{
	width:90px;
	height:90px;
	display:inline-block;
	border:1px solid #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:100%;
}
.pro_brand .brand_box .list p{
	font-size:20px;
	height:30px;
	line-height:30px;
	text-align: center;
}
.pro_brand .brand_box .list.on p{
	color:#b31010;
}



.pro_format{
	background:#fff;
	text-align: center;
}
.pro_format .format_box .list{
	display:inline-block;
	float:left;
	width:22.75%;
	margin-right:3%;
	margin-bottom:15px;
}
.pro_format .format_box .list:nth-child(3n){
	margin-right:0;
}
.pro_format .format_box .list i{
	width:110px;
	height:110px;
	display:inline-block;
	border:1px solid #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	border-radius:100%;
	position: relative;
}
/* .pro_format .format_box .list i::after{
	content: '';
	width:84%;
	height:84%;
	display:inline-block;
	position: absolute;
	left:8%;
	top:8%;
	border-radius: 100%;
	z-index: 300;
	border:1px solid #fff;
} */
.pro_format .format_box .list p{
	font-size:18px;
	height:30px;
	line-height:30px;
	text-align: center;
}


.pro_tip{
	height:70px;
	line-height:70px;
	text-align:center;
	font-size:20px;
	color:#5b5b5b;
}


.footbar_mask{
	height:120px;
}
.footbar{
	height:120px;
	background:#fff;
	position: fixed;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	max-width:640px;
	text-align: center;
	margin:0 auto;
	z-index: 999;
}
.footbar .col{
	width:33.33%;
	float:left;
}
.footbar .list{
	display:inline-block;
	margin-top:18px;
}
.footbar .list i{
	width:35px;
	height:35px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size:auto 92%;
}
.footbar .list p{
	height:30px;
	line-height:30px;
	text-align: center;
	font-size:20px;
	color:#333;
	
}
.footbar .list a{
	display:block;
}

.footbar .col:nth-child(1) .list i{
	background-image:url(../images/ftag1.png);
}
.footbar .col:nth-child(2) .list i{
	background-image:url(../images/ftag2.png);
}
.footbar .col:nth-child(3) .list i{
	background-image:url(../images/ftag3.png);
}


@media (max-width:480px){
	.banner .swiper-slide{height:250px;}
	.titis h2{
		font-size:20px;
	}
	.pro_brand .brand_box .list i{
		width:65px;
		height:65px;
	}
	.pro_brand .brand_box .list p{
		font-size:15px;
	}
	
	.pro_format .format_box .list{
		width:24.25%;
		margin-right:1%;
		margin-bottom:15px;
	}
	.pro_format .format_box .list:nth-child(3n){
		margin-right:0;
	}
	.pro_format .format_box .list i{
		width:60px;
		height:60px;
	}
	.pro_format .format_box .list p{
		font-size:12px;
	}
	.pro_tip{
		height:40px;
		line-height:40px;
		font-size:16px;
	}
	.footbar_mask{
		height:80px;
	}
	.footbar{
		height:60px;
	}
	.footbar .list{
		margin-top:5px;
	}
	.footbar .list i{
		width:26px;
		height:26px;
	}
	.footbar .list p{
		height:20px;
		line-height:20px;
		font-size:14px;
	}
	
}
@media (max-width:370px){
	.banner .swiper-slide{height:200px;}
	.titis h2{
		font-size:20px;
	}
	.pro_brand .brand_box .list i{
		width:65px;
		height:65px;
	}
	
}

.public_nav ul{
	border-bottom:1px solid #ccc;
}
.public_nav ul li{
	border-radius:10px;
}
.public_nav ul li:nth-child(1){
    font-weight: normal;
}



.wxsearch_box{
	padding:15px 25px;
	background:#fff;
}
.wxsearch_box form{
	display:block;
	position: relative;
	border-radius: 25px;
	background:#f2f2f2;
	overflow: hidden;
}
.wxsearch_box input.qtext{
	width:100%;
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#333;
	text-indent:15px;
	border-radius: 4px;
	background:#f2f2f2;
}
.wxsearch_box input.submit{
	width:40px;
	height:35px;
	display:inline-block;
	position: absolute;
	right:0;
	top:0;
	background:#f2f2f2 url(../images/ftag4.png) no-repeat center;
	background-size: auto 16px;
	border:none;
}