@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
select{
	-webkit-appearance:none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
}
 
body,button,input,select,textarea{ font: normal 12px/100% Helvetica, Arial, sans-serif;letter-spacing: 2px;}
li{ list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html{ width:100%; height: 100%;}
html{ background-color: #5f7081; }

body,html{ width:100%; height: 100%;  -webkit-tap-highlight-color: transparent;}

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
/**/
/*头部*/
.top_bg{
	position: fixed; 
	z-index: 999;
	top: 0; 
	left: 0;
	width: 94%;
	background-color: #fff;
	padding:.1rem 3%;
}
/*.top_bg>div{

}
*/
.top_logo{
	float: left;
	width: 80%;
	height: 0.68rem;
	position: relative;
}
.top_logo img{
	display: block;
	max-width: 100%;
	max-height: 0.68rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.top_search{
	float: right;
}
.top_search span{
	display: block;
	width: .54rem;
	height: .54rem;
	margin-top: .06rem;
	background: url(../images/icon_search.png) no-repeat center center;
	background-size: 64%;
}
.top_search>div{
	position: fixed;
	top: .88rem;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.top_search>div i{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}
.top_search .gg{
	position: absolute;
	z-index: 5;
	right: 0;
	width: 94%;
	padding:5% 3%;
	background-color: #fff;
	overflow: hidden;
}
.top_search .ss input{
	border:#ddd solid 1px;
	border-right:0;
	width: 78%;
	padding:0 2%;
	line-height: 260%;
	font-size:.26rem;
	float: left;
	border-radius: .07rem 0 0 .07rem;
}
.top_search .ss input:focus{
	border-color: #0083c3;
}
.top_search .ss button{
	font-size:.26rem;
	width: 17.5%;
	line-height: 260%;
	border:#0083c3 solid 1px;
	background-color: #0083c3;
	color: #fff;
	float: left;
	border-radius:0 .07rem .07rem 0;
}


/*主内容区*/
.module-content{
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	background-color: #f1f1f1;
	padding-top: .88rem;
}

/*banner轮播图*/
.banner{width: 100%; padding-bottom:.02rem;background: #fff;}
.banner ul li img{width: 100%;display: block;}
.banner .sp01 span{background-color: #fff;opacity: .7;}
.banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #37a6ff; opacity: 1;}

 
/*底部导航菜单*/
.foot_menu{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}
.foot_menu ul{ overflow: hidden; background-color: #0090ff; padding-top:1.5%; padding-bottom: 1%;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.foot_menu ul li{ text-align: center; width: 25%;}
.foot_menu ul li i{display: block; margin-bottom: .08rem;}
.foot_menu ul li img{ display: block; margin:0 auto; width: .55rem;height: .5rem; }
.foot_menu ul li a{ color: #fff; font-size: .24rem;display: inline-block;} 


.foot_menu dl{
	position: absolute;
	right: 0;
	bottom:.9rem;
	background: #0090ff;
	display: none;
}
.foot_menu dl dd a{
	padding: .3rem .8rem;
	display: block;
	font-size: .24rem;
	border-bottom: solid 1px #5eb9ff;
	color: #fff;
}
.foot_menu dl dd:last-child a{
	border-bottom: inherit;
}
/*关于浩然*/
.guanyv_hr{
	background: #fff;
	margin: .1rem 0;
}
.bt_shouy{
	padding:2% 2% 1% 2%;
	overflow: hidden;
	border-bottom: solid 1px #e6e6e6;

}
.bt_shouy p{
	font-size: .3rem;
	color: #0064ec;
	float: left;
	line-height: .3rem;
	border-left: solid 2px #0064ec;
	padding-left: .1rem;
	margin: 2% 0;

}
.bt_shouy a{
	display: inline-block;
	float: right;
	padding: 2% 0 2% 5%; 
	width: .1rem;
	height: .12rem;
}
.bt_shouy a img{
	width: 100%;
}



.guanyv_hr .text{
	padding: 2% 0;
}
.guanyv_hr .text p{
	padding: 2% 2%;
	line-height: .4rem;
	font-size: .24rem;
	color: #535353;
}


.guanyv_hr .img{
	height: 2.1rem;
	overflow: hidden;
}

.guanyv_hr .img img{
	width: 100%;
}



.video{ 
}
.video video{
background:  #282828;
width: 100%;
height: 4.2rem;

}
 

/*产品*/

.brand{
	background: #fff;
	margin: 2% 0;
}

.brand li{
	width: 100%;
	padding: 2% 0;
	border-bottom: solid 1px #e6e6e6;
	overflow:hidden;

}

.brand li:last-child{
	border-bottom:inherit;
}
.brand li img{width: 100%;}




/*加盟*/

.jiam{
	background:no-repeat top url(../images/jiam_bj.jpg);
	background-size:100% ;
	text-align: center;
}

.jiam a{
	display: inline-block;padding:5% 15%;
	margin:.8rem;
	background: rgba(10,106,236,.95);
	border-radius: 4px;
	color: #fff;
	font-size: .24rem;

}

/*新闻*/
.news_sy{
	background: #fff; 
}
.news_sy ul{
	padding: 2% 0;
}
.news_sy ul li a{
	color: #535353;
}
.news_sy ul li{
	padding:2%;
	border-bottom: solid 1px #e6e6e6;
}
.news_sy ul li dl{
	overflow: hidden;
}
.news_sy ul li dl dt{
	float: left;
	width: 1.9rem;
	height: 1.3rem;
	padding-right:.2rem;

}
.news_sy ul li dl dd{
	line-height: 24px;
}
.news_sy ul li dl dd h2{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .24rem;
    color: #535353;
}
.news_sy ul li dl dd span{
	color: #838383;
}
.news_sy ul li dl dt img{
	width: 100%;
}

/*浩然水之韵*/
.water{
	margin: 2% 0;
	background: #fff;
	padding-bottom:3%;
}
.water .text{
	background:no-repeat url(../images/water_bj.jpg);
	background-size: 100%;
	color: #aaaeb2;
	padding: 2%;
	text-align: center;
	line-height: .28rem;
}
.water .text .bt{
	overflow: hidden;
	text-align: center;
	padding:1% 0 3% 0;
} 
.water .text .bt>div{
	margin: 0 auto;
	width: 50%;
	overflow: hidden; 
		display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.water .text .bt i{
	display: block;
	width: .4rem;
	height: 1px;
	background: #fff;
	float:left;
}
.water .text .bt i:last-child{
	float:right;
}
.water .text .bt h1{
	float: left;
	padding: 0 4%;
	line-height: .35rem;
	font-size: .35rem;
	color: #fff;
}

.water .text h2{
	padding-bottom: .1rem;
}

.haoran{width: 100%; padding-bottom:.02rem;background: #fff;}
.haoran ul li img{width: 100%;display: block;}
.haoran .sp01 span{background-color: #fff;opacity: .7; width: 1rem; height:3px; border-radius:3px;}
.haoran .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #37a6ff; opacity: 1;}





/*联系方式*/

.dianh{
	background: #fff;
}

.dianh ul{
	overflow: hidden;
	margin: 5% 0;
	padding: 5% 0;
}

.dianh ul li{
	float: left;width: 50%;
	text-align: center;
	line-height:.3rem;
	border-left: solid 1px #a2a2a2;
	margin-left: -1px;
}
.dianh ul li h1{
	font-size:.3rem;
	margin-bottom: .3rem;
	color: #27282d;
}


.dianh ul li p{
	color: #484848;
}



/*footer*/

.footer_bj{
	margin:2% 0;
}
.footer_bj .dh{
	padding: 0  10% 4% 10%;
}
.footer_bj .dh ul{ 
	overflow: hidden; 
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

.footer_bj .dh ul a{
	font-size: .24rem;
	color: #3f4146;
}

.footer_bj .beian{
	padding: 3% 0 .9rem 0;
	background: #3f4146;
	color: #fff;
	text-align: center;
	line-height: .34rem;
}
/*


*/