.top{
width: 100%;
height: 1.16rem;
background-color: #31302f;
	position: fixed;
	z-index: 22;
}
.topCenter{
	width: 14.04rem;
	margin: 0 auto;

}
.logo{
	width: 1.71rem;
	height: .56rem;
	margin-top: .27rem;

}
.navUl{
	font-size: .2rem;
	color: #fff;
}
.navLi{
width: .85rem;
	height: 1.16rem;
	float: left;
	text-align: center;
	padding-top: .53rem;
	position: relative;
	margin-left: .58rem;
	position: relative;
	cursor: pointer;
}
.navLi span{
	position: absolute;
	display: none;
	width: .85rem;
	height: .02rem;
	bottom:0.2rem;
	left: 0;


}
.navLi .icon{
	position: absolute;
	width: .18rem;
	right: 0;
	bottom: 0.45rem;

}
.triangle{
	position: absolute;
	width: .19rem;
}
.navUl .childBox{
	display: none;
	position: absolute;
	top: 1.15rem;
	left: -0.2rem;
	width: 1.47rem;
z-index:11;
	text-align: center;
	background:url(../image/triangle.png)   no-repeat top center;
	background-size: 1.47rem 0.32rem;
}
.navUl .childNav{
	width: 1.47rem;
padding-bottom: .2rem;
	text-align: center;
	background:#31302f;
}
.navUl .childNav .childLi{
font-size: .2rem;
	color: #fff;
	margin-top: .24rem;

}
.navUl .childNav .childLi a{
	color: #fff;
	text-decoration: none;
}
.banner{
	width: 100%;
	height: auto;
	padding-top: 1.16rem;
}
#index .read{
	width: 100%;
	height: 5.02rem;
	background-color: #31302f;
}
#index .read .title{
	text-align: center;
	font-size: .36rem;
	color: #fff;
	padding-top: .5rem;

}
#index .read .info{
	width: 13.87rem;
	margin: 0 auto;
	font-size: .24rem;
	color: #fff;
	padding-top: .47rem;
	line-height: .35rem;

}
#index .read .info p{
	font-weight: lighter;
}
.pic2{
	width: 100%;
}
.foot{
	width: 100%;
	height: 5.62rem;
	background-color: #454443;
	color:#fff;
}
.footLeft{
margin-left: 2.58rem;
}
.footLeft .contactTitle{
	font-size: .36rem;
	padding-top: 1.2rem;
	margin-bottom: .53rem;
}
.contactInfo{}
.contactLi{
	margin-bottom: .4rem;
	line-height: .3rem;
	font-size: .24rem;
	position: relative;
	text-indent: .57rem;
}
.contactInfo span{
	position: absolute;
	display: inline-block;
	width: .3rem;
	height: .3rem;
	left: 0;
	top: 0;

}
.footRight{
	margin-right: 2.58rem;
}
.footNav{

}
.footNav .footNavTitle{
	font-size: .36rem;
	padding-top: 1.2rem;
	margin-bottom: .53rem;
}
.footNavLi >div{
width: 100%;
	height: .3rem;

	margin-bottom: .4rem;
	text-indent: .29rem;


}
.footNavLi >div span{
	display: inline-block;
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
}
.footNavLi a{
	text-decoration: none;
	color: #fff;
}
.copyRight{
	text-align: center;
	font-size: .14rem;
	color: #fff;
	height: 1.4rem;
	line-height: .3rem;
	background-color: #31302f;
	padding-top: .5rem;
}
.copyRight a{
	color: #fff;
	text-decoration: none;
}
.download{
	margin-left: 1.6rem;
	padding-top: 1.2rem;
	font-size: .24rem;
}
.download .qr2{
	width: 1.88rem;

}
.download .qr1{
	width: 1.88rem;

	margin-left: .54rem;
}
.download .qr1 >div,.download .qr2 >div{
	width: 1.88rem;
	height: 1.88rem;
	margin-bottom: .4rem;
}
.download .qr1>p{

}

/****项目****/
#product .bannerProduct{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 1.16rem;
}
#product .bannerProduct .goldInfo{
	position: absolute;
	top: 1.16rem;
	right: 2.58rem;
	width: 6.84rem;
	height: 9.74rem;
	background-color: rgba(0,0,0,0.7);
}
#product .goldInfo .title{
font-size: .36rem;
	color: #fff;
	padding-top: 1.9rem;
	padding-left: .81rem;
}
#product .goldInfo .read{
	font-size: .23rem;
	color: #fff;
	line-height: .4rem;
	margin-top: .87rem;
	padding-left: .81rem;
	padding-right: .81rem;
}
#product .box2{
	width: 100%;
	height: 10.77rem;
	background-color: #31302f;
	overflow: hidden;
}
#product .boxLeft{
	margin-left: 2.58rem;
	width: 5.25rem;
}
#product .boxRight{
	margin-right: 2.27rem;
	width: 7.42rem;
	height: auto;
	padding-top: 2.74rem;
}
#product .boxLeft .title{
	font-size: .36rem;
	color: #fff;
	padding-top: 2.31rem;
	font-size: .36rem;
	margin-bottom: 1.11rem;

}
#product .boxLeft .read{
font-size: .24rem;
	color: #fff;
	padding-left: .37rem;
	margin-bottom: .47rem;
	background: url(../image/dot.png) no-repeat left 0.08rem;
	background-size: .15rem;
	line-height: .3rem;
}
#product .box3{
	width: 100%;
	height: 7.4rem;
	background-color: #1b1a18;
}
#product .box3 .title{
	padding-top: 1.19rem;
	width: 100%;
	text-align: center;
	font-size: .36rem;
	color: #fff;
}
#product .box3 .read{
	width: 100%;
font-size: .24rem;
	color: #fff;
	text-align: center;
	margin-top: .48rem;
	line-height: .3rem;
}
#product .box3 .imgList{
	margin-top: .52rem;
	height: auto;
	overflow: hidden;
	margin-left: 3.17rem;
}
#product .box3 .imgLi{
	width: 3.3rem;
	height: auto;
	float: left;

}
#product .box3 .imgLi p{
	font-size: .19rem;
	line-height: .23rem;
	color: #fff;
	margin-top: .3rem;
}
#product .box3 .imgLi p> span{
	width: 2rem;
	display: block;
	margin: 0 auto;
}
#product .box3 .imgLi img{
	width: 1.56rem;
	margin: 0 auto;
}
#product .box3 .imgLi:nth-child(2){
	margin-left: 1.73rem;
	margin-right: 1.73rem;
}
#product .box4{
	width: 100%;
	height: 6.91rem;
	background-color: #31302f;
}
#product .box4 .title{
width: 100%;
	text-align: center;
	padding-top: 1.19rem;
	color: #fff;
	font-size: .36rem;
}
#product .box4 .teamImg{
width: 14.03rem;
	margin: 0 auto;
	margin-top: 1.49rem;
}

/**关于**/
#about .bannerAbout{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 1.16rem;
}
#about .teamInfo{
	width: 6.8rem;
	top: 2.94rem;
	position: absolute;
	left: 2.58rem;
}
#about .teamInfo .title{
	font-size: .36rem;
	color: #fff;
}
#about .teamInfo .read{
	font-size: .24rem;
	line-height: .3rem;
	color: #fff;
	margin-top: .47rem;
}
#about .bannerAbout .logo2{
	position: absolute;
	right: 3.35rem;
	top: 2.98rem;
	width: 5.32rem;
	height: auto;
}

/**app下载*/
#download .bannerDown{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 1.16rem;
}
#download .bannerDown .box{
	top: 2.34rem;
	position: absolute;
	width: 100%;
}
#download .bannerDown .title{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: .36rem;

}
#download .bannerDown .img{
	width: 3.42rem;
	margin:0 auto;
	margin-top: .75rem;
}


/*隐私政策*/
#Privacy .bannerAbout{
	width: 100%;
	height: auto;

background-color: #000;
	position: relative;

}
#Privacy .teamInfo{

	padding-top: 1.5rem;
padding-right:2.58rem ;
	padding-left: 2.58rem;
	background-image: url('../image/pic4.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 7.97rem;
}
#Privacy .teamInfo .title{
	font-size: .36rem;
	color: #fff;
}
#Privacy .teamInfo .read{
	font-size: .16rem;
	line-height: .3rem;
	color: #fff;
	margin-top: .47rem;
}
#Privacy .bannerAbout .logo2{
	position: absolute;
	right: 3.35rem;
	top: 3.6rem;
	width: 5.32rem;
	height: auto;
}