@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:"PINGFANG_MEDIUM";color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;
	/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

@keyframes layer1{
	0%{ transform: translateY(0);}
	50%{transform: translateY(-15px);}
	100%{transform: translateY(0);}
}

@keyframes layer2{
	0%{ transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}

.top{ width: 100%; height: 1.5rem; position: fixed; top: 0; left: 0; z-index: 10;}
.top .topBox{ width: 13.6rem; margin: 0 auto; overflow: hidden;}
.top .topBox .logo{ float: left; height: 1.5rem; line-height: 1.5rem;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle; height: .76rem; width: auto;}
.top .topBox .nav{ float: right;}
.top .topBox .nav ul{ float: right; overflow: hidden;}
.top .topBox .nav ul li{ float: left; margin-left: .88rem; line-height: 1.5rem;}
.top .topBox .nav ul li a{ font-size: .22rem; color: #fff;}



.indexContainer{ width: 100%; height: 100vh; overflow: hidden;}
.indexContainer .layer1{ width: 100%;height: inherit; background: url(../images/bg_01.jpg) no-repeat center;background-size: cover;}
.indexContainer .layer1 img.bg{ display: block; width: 100%; height: auto;}
.indexContainer .layer1 .text{ position: absolute; top: 2.2rem; left: 2.05rem;}
.indexContainer .layer1 .text img.logo{ width: 4.3rem; height: auto;}
.indexContainer .layer1 .text ul{ width: 3.44rem; margin-top: .95rem;}
.indexContainer .layer1 .text ul li{ margin-bottom: .35rem; width: 100%; height: .86rem; border-radius:.43rem; position: relative; background: #f8f3fd; border: .01rem solid #fff; box-sizing: border-box;}
.indexContainer .layer1 .text ul li a{ display: block; width: 100%; height: 100%; line-height: .84rem; padding-left: 1.47rem; font-size: .28rem;}
.indexContainer .layer1 .text ul li img{ height: .44rem; width: auto; position: absolute; left: .74rem; top: 50%; transform: translateY(-50%);}
.indexContainer .layer1 .text ul li:nth-child(1){ color: #8127de;}
.indexContainer .layer1 .text ul li:nth-child(2){ color: #1080f2;}
.indexContainer .layer1 .text ul li:nth-child(3){ color: #2c2f42;}
.indexContainer .layer1 .pic1{position: absolute; background:url(../images/layer1_48.png) ; width: 7.49rem; height: 7.55rem; right: 3.05rem; top: 1.75rem; background-size:100% 100% ;}
.indexContainer .layer1 .pic2{position: absolute; background: url(../images/layer1_23.png); width: 2.53rem; height: .8rem; background-size:100% 100%; right: 3.55rem; top: 2.6rem;}
.indexContainer .layer1 .app{ display: none;}
.indexContainer .layer1 .pic3{position: absolute; background: url(../images/layer1_21.png); width: 2.53rem; height:.82rem ;  background-size:100% 100%; right:1.88rem; top: 4.03rem;}
.indexContainer .layer1 .pic4{position: absolute; background: url(../images/layer1_19.png); width: 2.53rem; height:.82rem ;  background-size:100% 100%; right: 8.92rem; bottom: 3.6rem;}
.indexContainer .layer1 .pic5{position: absolute; background: url(../images/layer1_25.png); width: 2.53rem; height:.82rem ;  background-size:100% 100%; right: 6.9rem; bottom: 2.2rem;}
.indexContainer .layer1 .pic6{position: absolute; right: 2.6rem; top: 1.35rem; width: .69rem;}
.indexContainer .layer1 .pic6 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer1 .pic7{position: absolute;right: 10.46rem; bottom: 1.35rem; width: .88rem;}
.indexContainer .layer1 .pic7 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer1 .pic8{ width: 1.38rem; position: absolute; right: 9.38rem; top: 3.4rem;}
.indexContainer .layer1 .pic8 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer1 .pic9{ position: absolute; width: 1.84rem; height: auto; right: 3.2rem; bottom: 2.35rem;}
.indexContainer .layer1 .pic9 img{ display: block; width: 100%; height: auto;}

.indexContainer .layer2{ width: 100%;background: url(../images/bj_02.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:2rem}
.layer2box{width: 15.2rem; overflow: hidden; margin: 0 auto; }
.layer_left{float: left; width: 6.6rem; position: relative;}
.layer_left img{width: 100%;}
.ly1{width: 1.7rem; position: absolute;right: 0;bottom:1rem;}
.ly2{width: 1.32rem; position: absolute; left:0;top:3.1rem ;}
.layer_right{width: 7.1rem; position: relative; float: right;}
.layertigth{width: 4.84rem; }
.layertigth img{width: 100%;}
.layernr img{width: 100%;}
.bj3{background: url(../images/bj_03.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:1.5rem}
.spbox{overflow: hidden; width: 14.6rem; margin: 0 auto;}
.spleft{float: left; width: 6.1rem;}
.sptitle{padding-bottom: .65rem;}
.sptitle p{color: #fff; font-size: .32rem; margin-top: .35rem;}
.sptitle h2 img{width: 6.45rem;}
.spnr img{width: 100%;}
.spright{width: 8.08rem; position: relative;float: right;overflow: hidden; margin-right: .2rem;}
.spright img{width: 6.68rem; float: right;}
.sptp1{width: 2.62rem; position: absolute; left: 0;bottom: .75rem;}
.sptp1 img{width: 100%;}
.sptp2{width:1.43rem; position: absolute; right: 0;top: 4.2rem;}
.sptp2 img{width: 100%;}

.bj4{background: url(../images/bj_04.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:1.5rem}
.gqzx{width: 14.3rem; overflow: hidden;margin: 0 auto;}
.gqzx_left{float: left;width: 6.6rem;position: relative;}
.gqzx_left img.pic{ width: 100%; height: auto;}
.gq1{position: absolute;width: 1.49rem; left: 0;top: 1.35rem;}
.gq1 img{ width: 100%; height: auto;}
.gq2{position: absolute;width: 2.86rem; right: 0;bottom: 1.65rem;}
.gq2 img{ width: 100%; height: auto;}
.gqzx_right{position: relative; width: 6.5rem;float: right;}
.tqtitle{padding-bottom: .2rem;}
.tqtitle img{width: 5.77rem;}
.gqnr img{width: 6.37rem;}

.bj5{background: url(../images/bj_05.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:1rem}
.xyzs{overflow: hidden;margin: 0 auto; width: 15rem;position: relative; padding: 1.5rem 0 0 0;}
.xyzs_left{float: left;width: 8.15rem; position: absolute;left: 0;top: .5rem;}
.xyzs_right{float: right;width: 7.3rem; position: relative;}
.xyzs_right img{width: 100%;}
.xy1{width: 1.2rem; position: absolute;left: .15rem;top: .35rem;}
.xy2{width: 1.44rem; position: absolute;right: 1.3rem;bottom: .35rem;}
.xyzs_title img{width: 8.41rem;}
.xyzs_nr img{width: 5.53rem;}
.xyzs_nr{padding-top: .6rem;}

.bj6{background: url(../images/bj_06.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:1.5rem}
.sjqz{width: 16.5rem; margin: 0 auto; overflow: hidden;}
.sjqz_left{float: left;width: 8.4rem; position: relative; padding-left: 1.07rem;box-sizing: border-box;}
.sjqz_left img{width: 7.03rem;}
.sj1{position: absolute;width: 2.62rem; right: 0;bottom: 1.3rem;}
.sj1 img{width: 100%;}
.sj2{width: 1.36rem; position: absolute; left: 0; top: 2.25rem;}
.sj2 img{width: 100%;}
.sjqz_right{float: right;width: 8.04rem;}
.sjqz_title img{width: 100%;}
.sjqz_nr {position: relative;}
.sjqz_nr img{width: 6.48rem;padding-top: .2rem;}
.mybox{width: 1.76rem; position: absolute; right: 1.4rem; top: 0;}
.mybox img{width: 100%;}

.bj7{background: url(../images/bj_07.jpg) no-repeat center;background-size: cover;height:inherit;padding-top:1.5rem}
.xldz{width: 14.7rem; margin: 0 auto;display: flex;justify-content : space-between;}
.xldz_left{position: relative;width:7.2rem;}
.xldz_title img{width: 100%;}
.xldz_nr img{width: 5rem;}
.xldz_nr {padding-top: .3rem;}
.xldz_right{float: right;width: 7.1rem; position: relative; padding-right: .25rem;box-sizing: border-box;}
.xldz_right img{width: 100%;}
.xl_1{position: absolute;width: 1.19rem; right: -1.19rem;top: 0;}
.xl_2{position: absolute;width: 1.68rem; top: .78rem;}
.xl_3{position: absolute;width: 2.48rem; right: 1rem;bottom: .2rem;}

.bj8{ padding :2.5rem  3rem}

@media(max-width:1000px) {
	.top{ width: 100%; height: 60px; background: rgba(0,0,0,0.4); position: fixed; left: 0; top: 0; padding: 0 15px; box-sizing: border-box;}
	.top .topBox .logo{ height: 100%; line-height: 60px;}
	.top .topBox .logo img{ display: inline-block; vertical-align: middle; height: 50%; width: auto;}
	.top .topBox{ width: 100%; height: 100%;}
	.indexContainer{ width: 100%; height: 100vh;}
	.indexContainer .swiper-wrapper{ display: block;}
	.indexContainer .layer1{ width: 100%; height: 100vh;}
	.indexContainer .layer1 img.bg{ height: 100%; width: auto;}
	.top .topBox .nav{ float: right; height: 100%; line-height: 60px;}
	.top .topBox .nav ul li{ margin-left: 15px; line-height: 60px;}
	.top .topBox .nav ul li a{ font-size: 14px;}
	.indexContainer .layer1 .text{ z-index: 2; position: absolute; width: 100%; height: 50%; top: 100px; left: 0;}
	.indexContainer .layer1 .text img.logo{ width: 50%; display: block; margin: 0 auto;}
	.indexContainer .layer1 .text ul{ width: 80%; margin: 30px auto 0 auto;}
	.indexContainer .layer1 .text ul li{ height: 60px; border-radius:30px; line-height: 60px; margin-bottom: 15px;}
	.indexContainer .layer1 .text ul li a{ text-align: center; box-sizing: border-box; font-size: 16px; line-height: 60px;}
	.indexContainer .layer1 .text ul li img{ height: 40%; width: auto; left: 25px;}
	.indexContainer .layer1 .pc{ display: none;}
	.indexContainer .layer1 .app{ display: block; width: 100%; left: 0; bottom: 60px; position: absolute; z-index: 1;}
	.indexContainer .layer1 .app img{ display: block; width: 95%; margin: 0 auto;}

	.indexContainer .layer2{ width: 100%; height: 100%;}
	.indexContainer .layer2{ padding: 100px 15px 0 15px; box-sizing: border-box;}
	.layer2box{ width: 100%; height: 100%;}
	.layer_right{ top: 0; left: 0; width: 100%;}
	.layertigth{ width: 100%}
	.layertigth img{ width: 50%; margin: 0 auto;}
	.layer_left{ width: 100%; margin-top: 25px;}
	.layer_left img{ width: 80%; display: block; margin: 0 auto;}

	.bj3{ width: 100%; height: 100%; padding: 100px 15px 0 15px; box-sizing: border-box;}
	.ly2{ width: 80px;}
	.ly1{ width: 80px;}
	.spbox{ width: 100%;}
	.spleft{ width: 100%;}
	.sptitle h2 img{ width: 60%; display: block; margin: 0 auto;}
	.spright{ width: 100%; margin: 20px 0 0 0;}
	.spright img{ width: 80%; display: block; margin: 0 auto; float: initial;}
	.sptp1{ width: 80px;}
	.sptp2{ width: 50px;}
	.bj4{ height: 100%; width: 100%; padding: 100px 15px 0 15px; box-sizing: border-box;}

	.gqzx{ width: 100%;}
	.gqzx_right{ width: 100%;}
	.tqtitle img{ width: 60%; margin: 0 auto; display: block;}
	.gqnr img{ display: block; width: 100%; height: auto;}
	.gqzx_left{ width: 100%; margin: 40px auto 0 auto;}
	.gqzx_left img.pic{ width: 70%; display: block; margin: 0 auto;}
	.gq1{ width: 60px;}
	.gq2{ width: 70px;}

	.bj5{ width: 100%; height: 100%; padding: 100px 15px 0 15px; box-sizing: border-box;}

	.xyzs{ width: 100%; height: 100%;}
	.xyzs_left{ width: 100%; position: relative;}
	.xyzs_title img{ display: block; width: 60%; margin: 0 auto;}
	.xyzs_nr img{ width: 80%; height: auto; margin: 0 auto; display: block;}
	.xyzs_right{ width: 100%; margin-top: 40px;}
	.xyzs_right img{ width: 70%; display: block; margin: 0 auto;}
	.xy1{ width: 80px;}
	.xy2{ width: 60px;}

	.bj6{ width: 100%; height: 100%; padding: 100px 15px 0 15px; box-sizing: border-box;}
	.sjqz_right{ width: 100%;}
	.sjqz_nr img{ display: block; width: 100%; height: auto;}
	.mybox{ width: 60px;}
	.sjqz_left{ padding: 0; width: 100%; margin: 60px auto 0 auto;}
	.sjqz_left img{ width: 80%; display: block; margin: 0 auto;}
	.sj1{ width: 90px;}
	.sj2{ width: 50px;}

	.bj7{ width: 100%; height: 100%; padding: 100px 15px 0 15px; box-sizing: border-box;}
	.xldz{ width: 100%; display: block;}
	.xldz_left{ width: 100%;}
	.xldz_nr{ padding: 20px 0 0 0;}
	.xldz_nr img{ width: 60%; display: block; margin:0 auto; height: auto;}
	.xldz_right{ width: 100%; margin: 20px 0 0 0;}
	
		.bj8{ width: 100%; height: 100%; padding: 100px 15px 100px 15px; box-sizing: border-box;}
}