/*! www.vancheer.com  |  Powered by vancheer */


@media screen and ( max-width:1600px ){
	.indexPart1 .txt{ font-size: 80px; line-height: 80px;}
	.indexPart1 .btnDiv{ padding-top: 90px; }
	.indexPart1 .btnDiv li .layerDiv{ margin-left: -85px; width: 170px; }
	.indexPart1 .btnDiv li .layerDiv .ewm img{ width: 140px;}

	.indexPart2 .txt{ font-size: 54px; line-height: 54px; padding-bottom: 75px; }
	.indexPart2 .msg{ font-size: 22px; line-height: 22px; padding-bottom: 100px;}
	.indexPart3 .txt{ font-size: 54px; line-height: 54px; padding-bottom: 75px; }
	.indexPart3 .msg{ font-size: 22px; line-height: 22px; padding-bottom: 100px;}
	.indexPart4 .txt{ font-size: 54px; line-height: 54px; padding-bottom: 75px; }
	.indexPart4 .msg{ font-size: 22px; line-height: 22px; padding-bottom: 100px;}

}

@media screen and ( max-width:1440px ){
	.wal{ width: 1280px; }
	.indexPart1 .txt{ font-size: 70px; line-height: 70px;}
	.indexPart1 .btnDiv{ padding-top: 75px; }
	.indexPart2 .txt{ font-size: 48px; line-height: 48px; padding-bottom: 65px; }
	.indexPart2 .msg{ font-size: 18px; line-height: 18px; padding-bottom: 80px;}
	.indexPart3 .txt{ font-size: 48px; line-height: 48px; padding-bottom: 65px; }
	.indexPart3 .msg{ font-size: 18px; line-height: 18px; padding-bottom: 80px;}
	.indexPart4 .txt{ font-size: 48px; line-height: 48px; padding-bottom: 65px; }
	.indexPart4 .msg{ font-size: 18px; line-height: 18px; padding-bottom: 80px;}
}

@media screen and ( max-width:1366px ){
	.wal{ width: 1200px; }
	.indexPart1 .txt{ font-size: 60px; line-height: 60px;}
}


@media screen and ( max-width:1024px ){
	html, body { position: relative; height: 100%; }
	.wal{ width: auto; }
	.headDiv .links, .headDiv .form, .PC-Box, .foot .wen{ display: none; }
	.Phone-Box, .page .swiper-pagination{ display: block; }
	.headDiv{ height:1.2rem; border-bottom: rgba(255,255,255,0.3) solid 1px;}
	.headDiv .wal{ height: 1.2rem; }
	.headDiv.hide { top: -1.2rem; }
	.headDiv .logo{ left:0.3rem; top: 0.4rem; width: 1.5rem; height: 0.4rem; }
	.headDiv .logo img{ width: 1.5rem; }
	.headDiv .topRight{ right: 0.4rem; top: 0; }
	.headDiv .lan{ padding-left: 0; }
	.headDiv .lan li{ margin-left: 0.45rem; font-size: 0.28rem; }
	.headDiv .lan li a{ line-height: 1.2rem; }
	.page { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
	.pageSlide{ box-sizing: border-box;}
  	.indexPart1 { padding: 0 0.45rem; height: 100vh; }
  	.indexPart2 { padding: 0 0.45rem; height: 100vh; display: block; }
	.indexPart3 {  padding: 0 0.45rem; height: 100vh; display: block; }
	.indexPart4 { padding: 0 0.45rem; height: 100vh; display: block; }
	.indexPart1 .txt{ font-size: 0.6rem; line-height: 0.72rem; }
	.indexPart1 .txt em{ display: block; }
	.indexPart1 .wen{ font-size: 0.3rem; line-height: 0.48rem; padding: 0.2rem 0.4rem 0; }
	.indexPart1 .btnDiv{ padding-top: 0.4rem; width: 2.6rem; margin: 0 auto; }
	.indexPart1 .btnDiv li{ display: block; margin: 0.4rem 0; }
	.indexPart1 .btnDiv li a{ width: 2.6rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; background: rgba(0,0,0,0.45); text-indent: 0.3rem; border-radius: 4px; }
	.indexPart1 .btnDiv li a img{ display: none; }
	.indexPart1 .btnDiv li a:after{ content: ''; position: absolute; right: 0.36rem; top: 50%; width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; background: url(../images/nimg27_1.png) no-repeat; background-size: 0.4rem; }
	.indexPart1 .btnDiv li .layerDiv{ display: none;}
	.indexPart2 .layerDiv{ position: absolute; left: 10%; right: 10%; bottom: 15%;}
	.indexPart2 .num{ padding-bottom: 0.2rem; }
	.indexPart2 .num img{ height: 0.7rem; }
	.indexPart2 .txt{ font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.7rem; color: #fff;}
	.indexPart2 .msg{ font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0;}
	.pre-wrap{ z-index: 3; width: 0.66rem; height: 0.45rem; position:absolute; left: 50%; bottom: 0.5rem; margin-left: -0.33rem;}
	.pre-wrap img{ width: 0.66rem; }
	.indexPart3 .layerDiv{ position: absolute; left: 10%; right: 10%; bottom: 15%;}
	.indexPart3 .num{ padding-bottom: 0.2rem; }
	.indexPart3 .num img{ height: 0.7rem; }
	.indexPart3 .txt{ font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.7rem; color: #fff;}
	.indexPart3 .msg{ font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0;}
	.indexPart4 .layerDiv{ position: absolute; left: 10%; right: 10%; bottom: 20%;}
	.indexPart4 .num{ padding-bottom: 0.2rem; }
	.indexPart4 .num img{ height: 0.7rem; }
	.indexPart4 .txt{ font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.7rem; color: #fff;}
	.indexPart4 .msg{ font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0;}
	.foot{ padding: 0.2rem 0; height: auto; width: 100%; background: #fff; }
	.foot .hala{ line-height: 0.52rem; font-size: 0.26rem; color: #333; float: none; text-align: center;}
	.foot .hala span{ display: none; }
	.foot .hala em{ display: block; }
	.foot .hala a{ color: #333; padding-left: 0.1rem; padding-right: 0.1rem;}
	.foot .hala a:hover{ color: #333;}

}