body,p,h3,ul,li{margin:0px;paddin:0px;  }
li{list-style-type:none; }
img{ vertical-align:top;}
.fl{ float:left}
.fr{ float:right}
.tl{ text-align:left}
.clear{ clear:both}
/*css*/
.wrap{width:640px;margin:0 auto; text-align:center;margin-bottom:4rem;}
.banner2{width:100%; }




html, body {
	font-family: "΢ÈíÑźÚ";
	-webkit-text-size-adjust: none;
	font-size: 14px;
	height:atuo;
	max-width:640px;
	margin:0 auto;
}
div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, p, body {
	margin: 0px;
	padding: 0px;
}
ul, li, dl, dt, dd {
	list-style-type: none;
}
img {
	border: 0px;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
	height: 0;
	font-size: 0px;
	line-height: 0px;
}
.clearFix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: '';
}
.clearFix {
	zoom: 1;
}
@media screen and (min-width:320px) {
html {font-size:0.7rem;-webkit-text-size-adjust:none;}
}

@media screen and (min-width:400px) {
html {font-size:0.8rem;}}

@media screen and (min-width:480px) {
html {font-size:0.8rem;}
}

@media screen and (min-width:560px) {
html {font-size:1rem;}
}
@media screen and (min-width:640px) {
html {font-size:1.2rem;}
}
.lan{
	color:#0c79b6;
	}
.blank20{width:100%;height: 0.5rem;float: left;}

header{
	width:100%;
	background:#fff;
	float:left;
	}

header img{
	width:100%;
	}

.menu{
	width: 8%;
	float: left;
	padding: 7% 3%;
	}
.logo{
	width: 50%;
	float: left;
	padding:5% 0 5% 10%;
	}
.tel{
	width: 6%;
	float: right;
	padding: 7% 4%;
	}
section{
	float:left;
	width:100%;
	
	}
#banner,#news,#zlks,#zjtd,#case,online{
	margin-bottom:4%;
	}
#menu ul{
	width:100%;
	float:left;
	max-height:220px;
	border-bottom:1px #fff solid;
	}
#menu ul li{
	width:24.7%;
	float:left;
	border-right:1px #fff solid;
	background:#0076a3;
	padding:3% 0;
	text-align:center;
	}
#menu ul li:last-child{
	border-right:none;
	}
#menu ul li a{
	color:#fff;
	font-size:18px;
	}
#menu ul li p{
	margin-bottom:1%;
	}
@media(max-width:480px){
	#menu ul li a{
	font-size:16px;
	}
	}
@media(max-width:360px){
	#menu ul li a{
	font-size:14px;
	}
	}

.wechat{ height:40px; line-height:40px; background:#f1ac2e; position:relative; overflow:hidden; }
.wechat_title{ position:absolute; left:0; top:0; height:40px; width:100px; color:#fff; font-size:14px; background:url(../images/wico.jpg) no-repeat 7px center; padding-left:15px; width:97px; }
.wechat_infobg{ background:url(../images/wechat_bg2.jpg) no-repeat 0 12px; margin-left:100px; text-align:left; overflow:hidden; width:100%; height:40px; padding-left:8px; }
.wechat_info{ width:100%; height:40px; overflow:hidden; font-size:14px;}
.wechat_info a{ color:#4f4e4f; }


footer{
	width:100%;
	float:left;
	}
.phone{
	width:95%;
	margin:0 auto;
	padding-top:5%;
	}
.phone img{
	width:100%;
	}
.address{
	padding-top:3%;
	}
.address img{
	width:100%;
	}


.part1 img,.part2 img,.part3 img,.part4 img {max-width: 100%;width: 100%;-ms-interpolation-mode: bicubic; border:none; vertical-align:top;}
img, object {max-width: 100%;height: auto;}


/*one*/
.part1,.part2,.part3,.part4{width:100%;}
.part1 {padding-top:60px}
.part1 .part1_con{width:100%;padding-top:55px;padding-bottom:55px;font-size:20px;}
.part1_con .part1_one{float:left;width:33.33%;}
.part1_one .btn1{width:187px;text-align:left;line-height:30px;padding:17px 13px}

.part1_con .part1_ts{clear:both;padding:20px 0; }
.part1_ts img{width:42px; height:37px}
.ban {
    width: 410px;
    height:45px;
    margin: 0 auto;
    letter-spacing: 5px;
    background: #a77540;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
   
}
.ban .link {
    display: block;
    width: 410px;
    height: 45px;
    font-size: 24px;
    color: #fff;
    line-height: 45px;
    font-weight: 800;
}
.ban .jt{float:left}
/*two*/
.part2{width:100%;background:#fdead6;padding-top:53px;padding-bottom:38px}
.part2_con{width:100%; margin:36px auto;}

.part2_con  img{margin-bottom:20px;}
.part1_ts{font-size:20px;font-family:'ºÚÌå';font-weight:bold;line-height:37px;}
.ban{width:280px;margin:20px auto;letter-spacing:3px}
.ban .link{width:75%;margin:0 auto;text-align:center;}

/*three*/
 .part3{width:100%;background:#59bbbc;padding-top:53px;padding-bottom:38px}
.part3 .part1_ts{color:#535353}
.part3_4_nav{width:100%;background:#c60800;height:240px;}
.part3_4_nav .part3_4_con{width:100%;margin:0 auto;position:relative;}
.part3_4_nav .part3_4_con img{position:absolute; }
.part3_4_nav .part3_4_con .img1{width:150px;top:-84px;left:20px;}
.part3_4_nav .part3_4_con .img2{width:306px;top:53px;left:15px;}
.part3_4_nav .part3_4_con .img3{width:306px;top:53px;right:0px;}


/*four*/
.part4{ background:#fff;padding-top:40px;}

@media (min-width:300px) and  (max-width:540px){
.wrap{width:100%;}
.part1{padding-top:30px}
.part1 .part1_con{padding-top:25px;padding-bottom:25px;font-size:12px;}
.part1_one .btn1{width:110px;line-height:18px;padding:8px 6px}
.part1_ts {
	width:100%;margin:0 auto;
    font-size: 11px;
	padding:10px 0;
line-height: 27px;}
.part1_con .part1_ts {
	width:100%;margin:0 auto;
    font-size: 12px;
	padding:10px 0;
line-height: 27px;}
.part1_ts img {
    width: 7%;
	height:7%;
}

.ban .link {
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    font-weight: 800;
}
.part2_con {
    width: 100%;
margin: 19px auto;}
 .part3{padding-top:28px;padding-bottom:20px}
 .part4{padding-top:30px;padding-bottom:12px}

}