﻿
@charset "utf-8";
/* CSS Document */
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;
	}
.blanck20{width:100%;height: 1rem;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%;
	}
.blank{
	width:100%;
	float:left;
	height: 1rem;
}


#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:40px; 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%;
	}

/*---------爱牙月--------*/
.ban img,.part1 img{
	width:100%;
	float: left;
}
.part1{
	width:95%;
	margin: 0 2.5%;
	float: left;
}
h2{
	width:95%;
	float: left;
	height: 5rem;
	background: #b50d10;
	font-size:1.5rem;
	color: #fff;
	line-height: 5rem;
	padding-left:5%;
}

.part2 p{
	width:90%;
	margin: 5% 5%;
	float: left;
	font-size: 1rem;
	line-height: 1.8rem;
	text-indent: 2em;
}
.con{
	width:100%;
	float: left;
}
.con dl{
	float:left;
	width:25%;
	margin: 0 auto;
}
.con dl dt{
	border:1px solid #e9e9e9;
	width: 5rem;
	height: 5rem;
	margin: 0 auto;
}
.con dl dt img{
	width:4rem;
	padding: 0.5rem;
}
.con dl:nth-child(2) dt img{
	width:3rem;
	padding: 0.5rem 1rem;
}
.con dl:nth-child(3) dt img{
	width:2.4rem;
	padding: 0.4rem 1.3rem;
}
.con dl:nth-child(4) dt img{
	width:4.5rem;
	padding: 0.6rem 0.25rem;
}
.con dl dd{
	text-align:center;
	font-size: 1rem;
	margin-top: 1rem;
}
.con dl dd font{
	font-size:0.8rem;
}
.part2 .button{
	margin:0 auto;
	width:80%;
}
.part2 .button img{
	width:100%;
	margin: 5% 0;
}
.text{
	width: 90%;
	margin: 3% 5%;
	background:url(../ayr/bj1.jpg) no-repeat;
	background-size: 100%;
	float: left;
	height: 15rem;
}
.text p{
	width:65%;
	padding-right: 5%;
	float: right;
	font-size: 1rem;
	color: #000;
	line-height: 1.5rem;
	text-indent: 2em;
	margin-top: 2%;
}
.four{
	width:95%;
	margin: 0 auto;
}
.four img{
	width:100%;
}
.part3 .button{
	width:80%;
	float: left;
	margin: 0 10%;
}
.part3 .button img{
	width:100%;
	margin: 5% 0;
}
.part4 ul{
	width:94%;
	margin: 5% 3%;
	float: left;
}
.part4 ul li img{
	float:left;
	width: 30%;
}
.part4 ul li{
	height:13.5rem;
	float: left;
}
.part4 ul li dl{
	width:64%;
	float: left;
	padding-left: 5%;
	margin-top: 0.8rem;
	border: 2px solid #eee6dd;
	border-left: none;
}
.part4 ul li dl dt{
	color:#b50d10;
	font-size: 1.4rem;
}
.part4 ul li dl dt font{
	font-size:1.2rem;
	line-height: 3.5rem;
}
.part4 ul li dl dd{
	font-size:1.1rem;
	line-height: 1.9rem;
	padding-right: 0.5rem;
}
.part5 img{
	width:100%;
	float: left;
}
.part5 .button{
	width:80%;
	margin: 0 10%;
}
.part5 .button img{
	width:100%;
	margin-bottom: 2rem;
}
.part6 img{
	width:100%;
	float: left;
}
/*底部通栏*/
.float_bottom{ width:100%;z-index:99999;_position: absolute; background:#017bac;position:fixed; bottom:0; max-width:640px;}
.bottom_wrap{ width:95%; margin:0 auto; height:36px; z-index:99999; position:relative; padding-top:3%; padding-bottom:2%;}
.bottom_wrap img{ width:100%;}
.bottom_tel a{ display:block;float:left; width:30%; overflow:hidden; }
.bottom_index a{display:block; width:30%; float:left; margin:0 7%; }
.bottom_mr a{ display:block; float:left;width:25%; overflow:hidden; }
@media (max-width:480px) and (min-width:320px){
.bottom_wrap{ height:30px;padding-bottom:0;}
	}