html,body{
	background-color:#ffffff;
	font-size:14px;
}
a,a:hover,a:active{
	color:#ffffff;
	text-decoration:none;
}
.pic{
	max-width:100%;
	margin:auto;
}
.wline{
	background-color:#eeeeee;
	height:4px;
	margin-top:10px;
	margin-bottom:10px;
}
.prompt-top{
	position:fixed;
	z-index:2000;
	top:10px;
	left:calc(50vw - 125px);
	width:250px;
	box-shadow:2px 4px 4px #cccccc;
}
.layer.top{
	position:fixed;
	height:60px;
	top:0;left:0;
	width:100%;
	background-color:#ffffff;
	backdrop-filter: saturate(180%) blur(20px);
    background-color: hsla(0,0%,100%,.72);
	color:#000000;
	z-index:1000;
	border-bottom:1px solid #eeeeee;
}
.layer-top-interval{
	height:60px;
}
.layer.top .content{
	width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
	display:flex;
	margin:auto;
	max-width:1184px;
}
.layer.top .content .logo-box{
	flex:1;
	height:60px;
	position:relative;
}
.layer.top .content .logo-box .logo{
	position:absolute;
	top:14px;left:0px;
	height:32px;
}

.layer.top .content .nav{
	display:flex;
	position:relative;
	padding:0 10px;
}
.nav-slider{
	height:100%;
	min-height:100%;
	float:left;
	overflow-x: hidden;
    overflow-y: scroll;
	border-right:1px solid #ffffff;
}
.nav-slider .item{
	text-align:center;
	line-height:60px;
	color:#ffffff;
	font-size:1.2em;
	border-bottom:1px solid #666666;
}
.nav-slider-bar .item.active{
	color:#3399ff;
}
.layer.top .content .nav-btn{
	display:none;
	position:absolute;
	top:0;right:20px;
	line-height:60px;
	height:60px;
	text-align:center;
	color:#666666;
	font-size:26px;
}
.layer.top .content .nav .item{
	flex:1;
	text-align:center;
	line-height:60px;
	color:#000000;
	font-size:1.2em;
	margin:0 10px;
	white-space:nowrap;
}
.layer.top .content .nav .item.active{
	color:#3399ff;
}

.layer.footer{
	background-color:#333333;
	min-height:100px;
}
.layer.footer .content{
	display:flex;
	color:#ffffff;
	padding:20px 20px;
	max-width:1184px;
	margin:auto;
}
.layer.footer .content .menu{
	display:flex;
}
.layer.footer .content .group{
	flex:1;
}
.layer.footer .content .group .title{
	color:#ffffff;
	font-size:15px;
}
.layer.footer .content .group .t{
	color:#aaaaaa;
	font-size:13px;
}
.layer.bottom{
	background-color:#000000;
}
.layer.bottom .content{
	color:#ffffff;
	padding:20px 20px;
	max-width:1184px;
	margin:auto;
}
.layer.bottom .copyright{
	color:#ffffff;
}
.layer.bottom .copyright .ir{
	color:#555555;
}
.copyright-mob{
	display:none;
}

.layer.main{
	background-color:#ffffff;
	min-height:300px;
	margin-bottom:20px;
}
.layer.main .content{
	max-width:1184px;
	margin:auto;
}

.layer.main .curtain{
	width:100%;
	height:40vw;
	background-color:#336699;
	background-size:cover;
	margin-bottom:20px;
	background-position:center center;
}
.layer.main .curtain .context{
	position:relative;
	margin:auto;
	max-width:1184px;
	height:40vw;
}
.layer.main .curtain .context .slogan{
	position:absolute;
	top:10vw;
	left:5vw;
	font-size:44px;
	font-weight:bold;
	color:#ffffff;
}
.layer.main .curtain.index{
    background-image: url(https://promotion-static.tuyacn.com/static/420060790754893824.jpg);
}
.layer.main .curtain.about{
    background-image: url(../images/bg_about.jpg);
}
.layer.main .curtain.sale{
    background-image: url(../images/bg_sale.png);
}
.layer.main .curtain.ai{
    background-image: url(../images/bg_ai.jpg);
}
.layer.main .curtain.efficiency{
    background-image: url(../images/bg_eff.jpg);
}
@media only screen and (max-width:640px){/*mobile*/
	.layer.main .curtain{
		width:100%;
		height:50vw;
		background-color:#336699;
		background-size:cover;
		margin-bottom:20px;
		background-position:center center;
	}
	.layer.main .curtain{
		height:50vw;
	}
	.layer.main .curtain .context{
		height:50vw;
	}
	.layer.top .content .logo-box .logo{
		left:10px;
	}
	.layer.top .content .nav{
		display:none;		
	}
	.nav-slider-bar,.nav-slider.am-offcanvas{
		top:60px!important;
	}
	.nav-slider-bar{
		width:150px;
	}
	.layer.top .content .nav-btn{
		display:block;
	}
	.layer.main .curtain .context .slogan{
		top:5vw;left:5vw;
		font-size:14px;
		font-weight:bold;
	}
	.layer.bottom .copyright{
		display:none;
	}
	.layer.bottom .copyright-mob{
		display:block;
	}
}