/*设计稿尺寸：1440px*/

/*根节点字号：100px*/

@media screen and (min-width: 320px) {
	html,
	body {
		font-size: 22px !important;
	}	
}

/*1366分辨率下根节点字号倍率：1440/1366 = 1.05*/
/*1366分辨率下根节点字号：100/1.05 = 95 */
@media screen and (min-width: 768px) {
	html,
	body {
		font-size: 87px !important;
	}
}

/*1440分辨率下根节点字号：100px*/
@media screen and (min-width: 1440px) {
	html,
	body {
		font-size: 92px !important;
	}
}

/*1600分辨率下根节点字号倍率： 1440/1600 = 0.9*/
/*1600分辨率下根节点字号：100/0.9 = 111px */
@media screen and (min-width: 1600px) {
	html,
	body {
		font-size: 106px !important;
	}	
}

/*1600分辨率下根节点字号倍率： 1440/1920 = 0.75 */
/*1920分辨率下根节点字号： 133px */
@media screen and (min-width: 1920px) {
	html,
	body {
		font-size: 125px !important;
	}	
}

/*初始化 开始*/
body {
  padding-top: .7rem;
  font-family: arial, "Microsoft Yahei", 微软雅黑;
}

* {
	/*大部分字体颜色*/
	/*color: #6a6a6a;*/
	font-size: .14rem;
}

div,
h1, 
h2, 
h3,
h4, 
h5, 
h6,
.h1, 
.h2, 	
.h3,
.h4, 
.h5, 
.h6 { 
	margin: 0;
	padding: 0;
}

.h1,
h1 {
	font-size: .36rem;
}

.h2,
h2 {
	font-size: .3rem;
}

.h3,
h3 {
	font-size: .24rem;
}

.h4,
h4 {
	font-size: .18rem;
}

.h5,
h5 {
	font-size: .14rem;
}

.h6,
h6 {
	font-size: .12rem;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.row div {
	padding: 0;
}

.container,
.container-fluid {
	/*padding: 0 .44rem;*/
	padding: 0 1rem;
}

/*初始化 结束*/

/*nav 开始*/
.navbar {
	height: .7rem;
}
/*
 .navbar-fixed-top .navbar-collapse{
	height: 1.2rem;
}*/

/*logo 开始*/
.navbar-brand {
	/*padding: .2rem .72rem 0 .44rem;*/
	padding: .1rem .72rem 0 1rem;
	height: auto;
	/*line-height: .8rem;*/
	background-color: #f9f9f9;
}

.navbar-brand img {
	width: 100%;
}
/*logo 结束*/

/*qq在线咨询 开始*/
#zqq {
	position: absolute;
	margin-top: .18rem;
	right: 1rem;	
	border-radius: .04rem;
	width: 1.3rem;
	height: .32rem;
  line-height: .32rem;
  text-align: center;  
  font-size: .2rem;
  color: #444;
  background: -webkit-linear-gradient(top,#fff,#eee);
  background: -o-linear-gradient(top,#fff,#eee);
  background: -moz-linear-gradient(top,#fff,#eee);
  background: linear-gradient(top,#fff,#eee);
  -webkit-box-shadow: 0 .01rem .04rem .01rem #999;
  -o-box-shadow: 0 .01rem .04rem .01rem #999;
  -moz-box-shadow: 0 .01rem .04rem .01rem #999;
  box-shadow: 0 .01rem .04rem .01rem #999; 
}

#zqq, 
#zqq:focus, 
#zqq:hover {
	text-decoration: none;
}

#zqq img {
	margin-right: .04rem;
	margin-top: -.04rem;
}
/*qq在线咨询 结束*/

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover{
	margin-right: .44rem;
	padding: .23rem 0 .06rem;
	font-size: .2rem;
	color: #666;
}

.navbar-default .navbar-nav>li>a:hover {
	border-bottom: .04rem solid #02b7a1; /*自定义*/
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #02b7a1;
  background-color: rgba(0,0,0,0);
}
/* nav 结束*/

/*模块背景 开始*/
.bg-custom {
	padding-bottom: .26rem;
	background-color: #f9f9f9;
}

.bg-custom2 {
	background-color: #fdfdfd;
}

.bg-custom h3,
.bg-custom2 h3,
.bg-custom3 h3 {
	font-size: .2rem;
}
/*模块背景 结束*/

/*模块标题，按钮 开始*/
.h2-custom{
 	padding-top: .64rem;
 	color: #666;
 	text-align: center;
 }
 
 .small-custom,
 .a-custom {
 	padding-top: .42rem;
 	color: #999;
 	font-size: .2rem;
 	text-align: center;
 }
 
 .a-custom {
 	padding-top: .5rem;
 	padding-bottom: .56rem;
 }
 
 a.a-custom,
 a.a-custom:focus,  
 a.a-custom:hover {
 	color: #999;
 	text-decoration: underline;
 }
/*模块标题,按钮 结束*/

/*bottom 开始*/
footer.container-fluid {
	padding-top: .3rem;
	padding-bottom: .3rem;
	background-color: #ebebeb;
}

address a,
address a:focus,
address a:hover {
	color: #999;
	font-size: .18rem;
}

footer.container-fluid img {
	width: auto;
}

address {
	margin: 0;
	text-align: left;
}

address span {
	display: inline-block;
	width: .28rem;		
	text-align: center;
}

address span:nth-child(1) {
	margin-bottom: .12rem;
}

address a{
	display: inline-block;
	margin-left: .18rem;
	margin-right: .26rem;
}
/*bottom 结束*/

/*animate 开始*/
div.flipInY,
div.fadeIn,
img.fadeIn {
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;    /*动画持续时间*/
}
/*animate 结束*/