@charset "gb2312";
 *{
	margin: 0;
	padding: 0;
}
body{
	font-size:14px; 
	font-family: "微软雅黑";
}
img,input,button{
	border:0;
	outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);    
}
a{
	text-decoration: none;
}

ul>li{
	list-style: none;
}
.Width{
	width:1280px;
	margin:0 auto;
	overflow: hidden;
}
h2 img{
	vertical-align: middle;
}
a,button,input{ 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);    
  
}
/* 头部 */
.ht_top {width: 100%;background: #fafafa url(www.huatu.comztopfooterimagesnav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1060px;height: 41px;margin: 0 auto;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(www.huatu.comztopfooterimageslogo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;color:#333;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
.banner{
	height:994px;
	background:url(imagesbj.jpg) center no-repeat;
	position: relative;
}
.banner .tel{
	display:block;
	color: #fff;
	width:325px;
	height:44px;
	line-height: 44px;
	text-align: center;
	background-color:#ff3333;
	border-radius:30px;
	font-size:24px;
	position:absolute;
	left:50%;
	margin-left:-162.5px;
	bottom:55px;
}
.pannel .title{
	text-align:center;
	padding:15px 0 15px 0;
}
.pannel .title .ztred
{color:red
}
.pannel1 .line{
	width:100%;
	height:4px;
	border-radius:5px;
	background-color:#c6cae6;
}
.pannel1{
	background-color:#fef649;
}

.pannel1 .box{
	margin-top:-14px;
	overflow: hidden;
	margin-bottom:86px;
}
.pannel1 .box li{
	float:left;
	width:194px;
	margin-right:7px;
	font-size:14px;
	color:#fff;
	overflow:hidden;
	height:268px;
	padding-top:190px;
	position: relative;

}
.pannel1 .box li p{
	width:166px;
	margin:0 auto 80px;
	line-height: 22px;
	overflow:hidden;
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden; */
}
.pannel1 .box li .sm-title{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
.pannel1 .box li>a{
	display: block;
	width:125px;
	line-height: 36px;
	text-align: center;
	background-color:#fff;
	color:#ff4f4f;
	font-size:16px;
	border-radius: 30px;
	position: absolute;
	bottom:25px;
	left:50%;
	margin-left:-62.5px;
}
.pannel1 .box li.list1{
	background:url(imagestb.png) center no-repeat;
	
}
.pannel1 .box li.list2{
	background:url(imagestbg1.png) center no-repeat;
}
.pannel1 .box li.list3{
	background:url(imagestbg2.png) center no-repeat;
}
.pannel1 .box li.list4{
	background:url(imagestbg3.png) center no-repeat;
}
.pannel1 .box li.list5{
	background:url(imagestbg4.png) center no-repeat;
	margin-right:0;
}
.pannel2{
	height: auto;
	background:#f13130;

}
.pannel2 .Width>p.mar{
	padding-left:25px;
}
.pannel2 .Width>p{
	color:#fff;
	text-align: center;
	font-size:16px;
	line-height: 26px;
}
.pannel2 ul{
	margin-top:60px;
	overflow:hidden; width:100%;
}
.pannel2 ul li a{
	color:#fff;
}
.pannel2 ul li a>p{
	margin-top:10px;
}
.pannel2 ul li{
	float:left;
	
	text-align:center;
	font-size:18px;
	font-weight:bold;width:100%;
}
.pannel3{
	padding-bottom:80px;
	background-color:#e5e6ef;
}
.pannel3 .title{
	padding:55px 0 50px;
	text-align:center;
}
.pannel4{
	background:#f2f1ef; height:auto;

}
.pannel4 .title{
	text-align: center;
}
.zt{
padding-top:20px;padding-bottom:20px;
}
.pannel4 ul{
	margin-top:55px;
	overflow:hidden;
}
.pannel4 ul li{
	width:140px;
	float:left;
	margin-right:3px;
}
.pannel4 ul li>a{
	color:#fff;
}
.pannel4 ul li>a img{
	width:100%;
}
.pannel4 ul li.no-mar{
	margin-right:0;
}
.pannel4 ul li .instr{
	padding:14px 10px 50px;
	background-color: #303440;
	line-height: 24px;
}
.pannel4 ul li .pic{
	height:339px;
	position:relative;
}
.pannel4 ul li .pic .maskerWp{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.pannel4 ul li .pic .maskerWp .masker{
	width:100%;
	height:50px;
	line-height: 50px;
	background-color:#000;
	opacity: 0.4;
}
.pannel4 ul li .pic .maskerWp p{
	position:absolute;
	bottom:14px;
	left:15px;
}
.pannel3 .cons_btn span{
	border: 1px solid #5d407d;
    color: #5d407d;
	
}
.cons_btn span{
	text-align:center;
	font-size:22px;
	color:#fff;
	width:160px;
	height:50px;
	line-height:50px;
	border-radius:30px;
	margin:50px auto 0;
	display:block;
	border:1px solid #fff;
	
}
/*城市添加*/
.maskerWp2{
	
	display:none;
	
}
.maskerWp2 .masker{
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	top:0;
	background-color:#000;
	opacity:0.6;
	z-index:10000;
}
.maskerWp2 .citys{
	width:770px;
	height:445px;
	background-color:#fff;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	border-radius:10px;
	padding:55px 15px 0 18px;
	z-index:10000;
}
.maskerWp2 .citys a{
	
	display:inline-block;
	color:#000;
	font-size:14px;
	width:63px;
	height:30px;
	border:1px solid #dfdfdf;
	border-radius:5px;
	text-align:center;
	line-height:30px;
	margin:0 13px 20px 14px;
	
}
.maskerWp2 .citys a:hover{
	color:#fff;
	background-color:#ff4f4f;
	border:1px solid #ff4f4f;
}
.pc_close_btn{
	position:absolute;
	right:10px;
	top:10px;
	
}
.close_btn{
	display:none;
}

/*底部*/		
.main-footer {clear:both;text-align: center;padding:28px 0;position: relative;background: #362c43;}
.main-footer p {line-height: 26px; color:#fff; font-size:14px;position: relative;z-index: 2;}
.main-footer p a {color: #fff; font-size:14px;}
.main-footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}
.mheader,.mbanner,.mfooter,.mpannel1,.mpannel2,.mpannel3,.mpannel4,.tel{
	display:none;
	
}

@media screen and (max-width:1080px){
	.mheader,.mbanner,.mfooter,.mpannel1,.mpannel2,.mpannel3,.mpannel4,.tel,.close_btn{
		display:block;
		
	}
	body{
		  background-color: #e9e9e9;
		  font-size:0.85rem;
	}
	.overflHidden{
		
		overflow:hidden;
		height:100%;
	}
	
		
	.Width{
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}
	.ht_top,.banner,.pannel1,.pannel2,.pannel3,.pannel4,.main-footer,.pc_close_btn{
		display:none;
	}
	.mheader{
		width:100%;
		display:block;
		height:2.5rem;
		line-height:2.5rem;
		overflow:hidden;
		z-index:9999;
		background:#fff;
	}
	.mheader .logo{
		height:2rem;
		width:32%;
		float:left;
	}
	.mheader .logo a>img{
		width:100%;
		margin-top:0.3rem;
		margin-left:0.5rem;
	}
	.mheader .text{
		margin-right:0.5rem;
		float:right;
	}
	.mheader .text>a{
		color:#000;
		font-size:0.8rem;
	}
	.mbanner img{
		width:100%;
	}
	.mpannel .title{
		
		text-align: center;
	}
	.mpannel .title>img{
		width:70%;
	}
	.mpannel1 dl{
		background-color:#fff;
		margin-bottom:1.4rem;
		border-radius:0 0 5px 5px;
	}
	.mpannel1 dl dt{
		font-size:0.85rem;
		line-height: 1.4rem;
		padding-bottom:1rem;
	
	}
	.mpannel1 dl dt a{
		display:block;
		width:55%;
		height:2.4rem;
		line-height: 2.4rem;
		background-color:#fff;
		color:#ff4f4f;
		border:1px solid #ff4f4f;
		border-radius:1.5rem;
		text-align:center;
		margin:0 auto;
	
	}
	.mpannel1 dl dt p{
		width:91%;
		margin:0 auto 1rem;
	}
	.mpannel1{
		background-color:#fff649;
	}
	
	.mpannel1 dl dd{
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size:1.2rem;
		width:100%;
		height:6.5rem;
		border-radius:5px 5px 0 0;
		margin-bottom: 1rem;
	}
	.mpannel1 dl.list_dl1 dd{
		background-color:#0084ff;
	}
	.mpannel1 dl dd>img{
		margin:1rem 0 0.3rem;
	}
	.mpannel1 dl.list_dl1 dd>img{
		width:3rem;
	}
	.mpannel1 dl.list_dl2 dd{
		background-color:#ff4f4f;
	}
	.mpannel1 dl.list_dl2 dd>img{
		width:1.4rem;
	}
	.mpannel1 dl.list_dl3 dd{
		background-color:#ff9c00;
	}
	.mpannel1 dl.list_dl3 dd>img{
		width:2.3rem;
	}
	.mpannel1 dl.list_dl4 dd{
		background-color:#00b4ff;
	}
	.mpannel1 dl.list_dl4 dd>img{
		width:2.3rem;
	}
	.mpannel1 dl.list_dl5 dd{
		background-color:#bd4bff;
	}
	.mpannel1 dl.list_dl5 dd>img{
		width:3.1rem;
	}
	.mpannel2{
	
		background: #f13130
	}
	.mpannel2 .sm-title{
		color:#fff;
		padding:0 0.3rem;
		text-align: center;
		font-size:0.85rem;
		line-height: 1.5rem;
		margin-bottom:2.3rem;
	}
	.mpannel2 .img-wp>img{
		width:100%;
	}
	.mpannel3{
		background-color:#e9e9e9;
	}
	.mpannel3 .contWp>div{
		margin-bottom:2rem;
	}
	.mpannel3 .contWp>div>img{
		width:100%;
	}
	.mpannel3 .contWp .text{
		position:relative;
		padding:1.2rem 0;
		padding-left:12%;
		background-color:#fff;
		line-height: 1.5rem;
		margin-top:-0.25rem;
	}
	.mpannel3 .contWp .text {
		
	}
	.mpannel3 .contWp .text .num{
		position:absolute;
		top:0;
		left:0;
		width:1.8rem;
		height:3rem;
		background:url(imagesnum.png) center no-repeat;
		background-size:100% 100%;
		text-align: center;
		line-height: 2.6rem;
		font-size:1rem;
		color:#fff;
	}
	.mpannel4{
		padding-bottom:2rem;
		background:url(imagesline.png) center repeat;
	}
	.mpannel4 .swiper-slide{
		width:82%;
		margin:0 auto;
	}
	.mpannel4 .swiper-slide a{
		color:#000;
	}
	.mpannel4 .picWp{
		text-align:center;
	}
	.mpannel4 .picWp>img{
		width:82%;
	}
	.mpannel4 .instr{
		width:82%;
		padding:1rem 0.8rem;
		margin:-0.5rem auto 0;
		background-color:#fff;
		box-sizing: border-box;
		font-size:0.9rem;
		line-height: 1.4rem;
	}
	.mpannel4 .instr .name{
		font-weight:bold;
	}
	.swiper-button-prev{
		background:url(imagesparr.png) center no-repeat;
		 -moz-background-size:100%;
		-webkit-background-size:100%;
		background-size:100% 100%;
		left:0;
	}
	.swiper-button-next{
		background:url(imagesnarr.png) center no-repeat;
		 -moz-background-size:100%;
		-webkit-background-size:100%;
		background-size:100% 100%;
		right:0;
	}
	.swiper-button-prev, .swiper-button-next{
		position: absolute;
		top: 50%;
		width:1.3rem;
		height: 5rem;
		margin-top: -2.5rem;
		z-index: 10;
		cursor: pointer;
	   
	}
	.tel{
		position:fixed;
		bottom:0;
		left:0;
		z-index:9999;
		width:100%;
		height:2.5rem;
		line-height:2.5rem;
		background-color:#ffba00;
		color:#fff;
		font-size: 1rem;
		border-radius:1.5rem;
		box-shadow: 0 0 15px #333;
		text-indent:1.5rem;
	}

	.tel span{
		width:4.9rem;
		height:1.85rem;
		text-align: center;
		line-height: 1.85rem;
		background-color:#fff;
		color:#ff4f4f;
		font-weight:bold;
		font-size: 1rem;
		position:absolute;
		right:1rem;
		top:0.3rem;
		border-radius:1.25rem;
		text-indent: 0;
	}
	/***添加城市链接***/
	.maskerWp2{
		display:none;

	}
	.maskerWp2 .citys{
		width:93%;
		height:23rem;
		margin-top:-12rem;
		margin-left:0;
		left:3.5%;
		overflow:hidden;
		overflow-y:scroll;
		padding:1rem 0.5rem 0 0.7rem;
		box-sizing:border-box;
		z-index:10002;
	}
	.maskerWp2 .citys a{
		width:20%;
		margin:0 0.25rem 0.6rem;
		font-size:0.7rem;
	}
	.close_btn{
		position:absolute;
		left:50%;
		margin-left:-1rem;
		bottom:0.35rem;
		z-index:10001;
	}
	.close_btn img{
		width:2rem;
	}
	.m_tel a{
		color:#fff;
		
	}
	.mfooter{
		display:block;
		padding:1rem 0;
		background:#362c43;
		text-align:center;
		color:#fff;
		font-size:0.8rem;
	}
	
}