.nav-group{ 
	display: flex;
    justify-content: space-around;
    width: 100%; 
}
 
.index-page .header .logo {
	margin-top:2px;
} 

.index-page .header .nav-list .nav-a {
	font-family:Source Han Sans CN;
	font-weight:500;
	color:#131d1f;
	font-size:16px;
}
.index-page .header .nav-list .nav-a:hover {
	color:rgba(19,29,31,.7);
}
.index-page .header .nav-list .nav-a:hover:after {
	background-color:#fff
}
.index-page .header .nav-index .nav-a {
	color:#fff
}
.index-page .header .nav-index .nav-a:after {
	width:100%;
	background-color:#fff
}

.page1{
	width:100%;
	height:100%;
	position:relative;
	user-select: none;
	overflow:hidden;
}
.page1 .bg{
	width:100%; 
}
@media screen and (min-height: 1080px) {
	.page1 .bg{ 
		height:100%;
	}
}  


.page1 .txts{
	position:absolute;
	left:50%;
	top:24%;
	transform: translateX(-50%); 
}
.page1 .txts .txt1{ 
	font-family:Source Han Sans CN;
	font-weight:700;
	color:#131d1f;
	font-size:64px; 
	text-align:center;
	margin-bottom:9px;
}
.page1 .txts .txt2{ 
	font-family:Source Han Sans CN;
	color:rgba(19, 29, 31, 0.7);
	font-size:16px; 
	text-align:center;
	margin-bottom:4px;
}
.page1 .bottoms{
	position:absolute;
	left:50%;
	bottom:57px;
	transform: translateX(-50%); 
	width:62%;
	min-width:1194px;
	display: flex;
    justify-content: space-around; 
} 
.page1 .bottoms .txt1{
	font-family:Alimama ShuHeiTi;
	font-weight:500;
	color:#ffffff;
	font-size:26px;
	text-align:center; 
}
.page1 .bottoms .txt2{
	font-family:Roboto;
	color:rgba(255, 255, 255, 0.5);
	font-size:14px;
	text-align: center;
	margin-top:8px;
} 
.page21{
	width:100%; 
	height:365px;  
	position:relative;
	user-select: none;
	overflow:hidden;
} 
.page21 .txts{  
	padding-top:168px;
	background-image:url(/resources/img/zhcp.png); 
	background-repeat:no-repeat;
	background-position: center 145px;
	text-align:center;
}
.page21 .txts .txt1{
	font-family:Alimama ShuHeiTi; 
	color:#131d1f;
	font-size:58px; 
	text-align:center; 
}
.page21 .txts .txt2{
	font-family:Source Han Sans CN;
	color:#131d1f;
	font-size:16px; 
	text-align:center;
}

.page2{
	width:100%; 
	height:100%;
	overflow:hidden; 
	/* padding-bottom:58px; */
	position:relative;
	user-select: none;
} 
.page2 .products{
	margin:0 20px;
	height:50%;
	display: flex;
    justify-content: space-between;  
	gap:16px; 
}
.page2 .products .item{
	flex:1; 
	border-radius:6px;
	overflow:hidden;
	position:relative;
	margin-bottom:16px;
} 

.page2 .products .item .pbg{
	width: 100%; 
	transform: scale(1.1);
}
@media screen and (min-height: 1080px) {
	.page2 .products .item .pbg{ 
		height:100%;
	}
}  

.page2 .products .item .txt1{
	display: flex;
    align-items: center;
    gap: 8px;
	font-family:Source Han Sans CN;
	color:#ffffff;
	font-size:36px;
	width:100%; 
	position:absolute;
	left:32px;
	bottom:44px;
	z-index:2;
    transition: all 0.3s;  
	opacity: 1;
} 
.page2 .products .txt1:after{
	clear:both;
	display:block;
	content:"";
	width:100%;
	height:300px;
	background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.4) 40.16%,rgba(0, 0, 0, 0.7) 100%); 
	position: absolute;
    left: -32px;
    bottom: -44px; 
	z-index:-1; 
}

.page2 .products .item .fade{
	width:100%;
	height:100%;
	background:linear-gradient(180deg,rgba(0, 76, 255, 0.9) 0%,rgba(0, 0, 0, 0.3) 100%);
	position: absolute;
    left: 0;
    top: 0; 
	transition: all 0.3s; 
	opacity: 0;
}
.page2 .products .item .fade .txt12{
	display: flex;
    align-items: center;
    gap: 8px;
	font-family:Source Han Sans CN;
	color:#ffffff;
	font-size:36px;
	position:absolute;
	left:52px;
	top:70px;
	z-index:2; 
	cursor: pointer;
}
.page2 .products .item .fade .txt2{
	font-family:Source Han Sans CN;
	color:#ffffff;
	font-size:16px;
	letter-spacing:3px;
	position:absolute;
	left:52px;
	right:38px;
	top:142px;
	z-index:2;  
} 
.page2 .products .item:hover .txt1{
	opacity: 0;
}
.page2 .products .item:hover .fade{
	opacity: 1;
}
@media screen and (min-height: 980px){ 
	.page2 .products .item .pbg{
		 height: 100%;
	}
}  


.page3{
	width:100%;
	height:100%;
	/* min-height:1080px; */
	overflow:hidden;
	/* padding-top:85px; */
	background:#fbfbfb;
	position:relative;
	user-select: none;
}
.page3 .paddh{height:176px;} 
.page3 .meuns{
	position:absolute;
	left:40px;
	top:21%;
	z-index:1;
}
.page3 .meuns .txt{
    font-family:Source Han Sans CN;
	font-weight:500;
	color:rgba(19, 29, 31, 0.32);
	font-size:16px;
	margin-bottom:27px;
	cursor: pointer;
}
.page3 .meuns .txt:hover,
.page3 .meuns .txt.active{
	color:#131d1f;
} 
.page3 .meunsRender,
.page3 .meunsRender .item{
	width: 100%;
    height: 100%;
} 
.page3 .meunsRender .item{
	position:relative;
	display:none;
} 
.page3 .meunsRender .item .pbg2{
	width:74%;
	position:absolute;
	left:-100%;
	top:0;
	transition: all 0.5s;
	/* transition-delay:0.1s; */
}
.page3 .meunsRender .item .introduce{
	position:absolute;
	/* right:260px; */
	right:13%;
	top:100%;
	max-width:520px;
	width:27%;
	transition: all 0.6s; 
	/* transition-delay:0.1s;  */
	/* height:100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between; */
} 


.page3 .meunsRender .item .introduce .txt1{
	font-family:Source Han Sans CN;
	font-weight:700;
	color:#131d1f;
	font-size:40px;
	line-height:58px;
}
.page3 .meunsRender .item .introduce .txt2{
	line-height:24px;
	font-family:Source Han Sans CN;
	color:rgba(19, 29, 31, 0.7);
	font-size:14px;
	margin-top:18px;
	margin-bottom:22px;
}
.page3 .meunsRender .item .introduce .txt3{
	font-family:Source Han Sans CN; 
	font-size:16px;
	display: flex;
    align-items: center;
    gap: 5px;
	margin-bottom:140px;
	cursor: pointer;
} 
.page3 .meunsRender .item .introduce .txt4{
	font-family:Source Han Sans CN;
	font-weight:700;
	color:#131d1f;
	font-size:16px;
	margin-top:34px;
} 
.page3 .meunsRender .item .introduce .txt5{
	line-height:24px;
	font-family:Source Han Sans CN;
	color:rgba(19, 29, 31, 0.7);
	font-size:14px;
	margin-top:4px;
}  
.page3 .meunsRender .item.active{
	display:block;
}  
@media screen and (min-height: 600px) and (max-height: 700px) {
    .page3 .paddh{height:70px;}
	.page3 .meunsRender .item .introduce .txt2{line-height:16px;margin-bottom:10px;}
	.page3 .meunsRender .item .introduce .txt3{margin-bottom:30px;}
	.page3 .meunsRender .item .introduce .txt4{margin-top:15px;}
} 
@media screen and (min-height: 700px) and (max-height: 800px) {
    .page3 .paddh{height:90px;}
	.page3 .meunsRender .item .introduce .txt3{margin-bottom:80px;}
} 
@media screen and (min-height: 800px) and (max-height: 900px) {
    .page3 .paddh{height:130px;}
	.page3 .meunsRender .item .introduce .txt3{margin-bottom:100px;}
} 


.page4{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	user-select: none;
}
.page4 .bg{
	width:100%;
	height:100%;
}
.page4 .txts{
	position:absolute;
	left:50%;
	top:24%;
	transform: translateX(-50%); 
}
.page4 .txts .txt1{ 
	font-family:Microsoft YaHei;
	font-weight:700;
	color:#ffffff;
	font-size:64px;  
	text-align:center;
	margin-bottom:20px;
}
.page4 .txts .txt2{ 
	font-family:Source Han Sans CN;
	color:rgba(255, 255, 255, 0.5);
	font-size:16px; 
	text-align:center;
	margin-bottom:4px;
}
.page4 .txts .linkus{  
	width:184px;
	height:46px;
	line-height: 46px;
	background-image:url(/resources/img/gywm_btn.png); 
	background-repeat:no-repeat; 
	text-align:center;
	font-family:Source Han Sans CN;
	color:#ffffff;
	font-size:16px; 
	margin: 0 auto;
	margin-top:42px;
}
.page4 .bottoms{
	position:absolute;
	left:50%;
	bottom:150px;
	transform: translateX(-50%); 
	width:62%;
	min-width:1194px;
	display: flex;
    justify-content: space-around; 
} 
.page4 .bottoms .txt1{
	font-family:Alimama ShuHeiTi;
	font-weight:500;
	color:#ffffff;
	font-size:26px;
	text-align:center; 
}
.page4 .bottoms .txt2{
	font-family:Roboto;
	color:rgba(255, 255, 255, 0.5);
	font-size:14px;
	text-align: center;
	margin-top:8px;
} 
@media screen and (min-height: 600px) and (max-height: 700px){
    .page4 .bottoms{
		bottom:58px;
	}
}
@media screen and (min-height: 700px) and (max-height: 800px){
    .page4 .bottoms{
		bottom:70px;
	}
}
@media screen and (min-height: 800px) and (max-height: 980px){
    .page4 .bottoms{
		bottom:105px;
	}
}
@media screen and (min-height: 1080px) {
    .page4 .bottoms{
		bottom:125px;
	}
} 


.page5{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	user-select: none;
}
.page5 .bg{
	width:100%;
	height:100%;
}
.page5 .form{
	width:33%;
	max-width: 500px;
	position:absolute;
	left:14%;
	top:18%; 
}  
.page5 .form .txt1{
	font-family:Source Han Sans CN;
	font-weight:700;
	color:#131d1f;
	font-size:40px;
	margin-bottom:5px;
}
.page5 .form .txt2{
	line-height:24px;
	font-family:Source Han Sans CN;
	color:rgba(19, 29, 31, 0.7);
	font-size:14px;
	margin-bottom:60px;
}
.page5 .form .lable{
	font-family:Source Han Sans CN;
	color:rgba(11, 11, 27, 0.85);
	font-size:14px;
	margin-bottom:5px;
	margin-top:32px;
}
.page5 .form .input{
	width:100%;
	max-width:520px;
	height:44px;
	background:#ffffff;
	border:1px solid;
	border-color:rgba(11, 11, 27, 0.2);
	border-radius:8px;
	text-indent:14px; 
}
.page5 .form .textarea{
	width:100%;
	max-width:520px;
	height:150px;
	background:#ffffff;
	border:1px solid;
	border-color:rgba(11, 11, 27, 0.2);
	border-radius:8px;
	padding:15px 12px;
}
.page5 .form .input::placeholder,
.page5 .form .textarea::placeholder {
   color:rgba(11, 11, 27, 0.45);
}

.page5 .nametel{
	display:flex;
	justify-content: space-between;
	gap:20px;
}
.page5 .nametel >div{
	flex:1;
}



.page5 .form .submit{
	background:#0077FF;
	font-family:Source Han Sans CN;
	color:#ffffff;
	font-size:16px; 
	text-align:center;
	width:184px;
	height:46px;
	line-height:46px;
	border-radius:38px;
	margin-top:32px;
}  
@media screen and (min-height: 600px) and (max-height:700px){
	.page5 .form{ top:70px;}
    .page5 .form .txt2{margin-bottom: 10px;} 
	.page5 .form .lable{margin-top: 16px;} 
	.page5 .form .textarea{height: 100px;} 
} 
@media screen and (min-height: 700px) and (max-height: 800px){
	.page5 .form{ top:115px; }
    .page5 .form .txt2{margin-bottom: 30px;} 
	.page5 .form .lable{margin-top: 16px;} 
	.page5 .form .textarea{height: 100px;} 
} 
@media screen and (min-height: 800px) and (max-height: 900px){
	.page5 .form{ top:115px; }
    .page5 .form .txt2{margin-bottom: 30px;} 
	.page5 .form .lable{margin-top: 16px;} 
	.page5 .form .textarea{height: 100px;} 
}