*,*:before,*:after { }
body{overflow-x: hidden; width: 100%;  margin:0px; padding:0px; 
font-family: PingFangSC-Medium, PingFang SC;background:#FFF;overflow-x: hidden; 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: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
@keyframes ab{
	0%{ transform: translateY(0);}
	100%{transform: translateY(-50%);}
}
.top{ position: relative; width: 100%; height: 100px; padding: 0 6%; box-sizing: border-box;}
.top .logo{ float: left; line-height: 100px; height: 100px;}
.top .logo img{ display: inline-block; vertical-align: middle; height: 50%; width: auto;}
.top ul{ position: absolute; right: 6%; top: 50%; transform: translateY(-50%); height: 50px;}
.top ul li{ border: 1px solid #141414; box-sizing: border-box; text-align: center; line-height: 48px; float: left; width: 164px; height: 50px; margin-left: 20px; border-radius:25px; overflow: hidden; transition: 0.5s;}
.top ul li a{ position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 48px;}
.top ul li a img.tb{ display: inline-block; height: 24px; vertical-align: middle; transform: translateY(-2px);}
.top ul li .code{ width: 100%; height: 100%; padding: 12px 24px 24px 24px; box-sizing: border-box;}
.top ul li .code img{ width: 100%; height: 116px; background: #ddd; display: block;}
.top ul li:hover{ height: 200px;}

.indexContainer{ width: 100%;}
.indexContainer .layer1{ padding-bottom: 50px;}
.indexContainer .layer1 .icon{ transition: 1s; width: 100%; padding-top: 80px;}
.indexContainer .layer1 .icon img{ height: 100px; transition: 1s; display: block; margin: 0 auto;}
.indexContainer .layer1 h2{ text-align: center; line-height:120px; font-size: 58px; font-weight: 100;}
.indexContainer .layer1 p{ text-align: center; width: 845px; margin: 0 auto; line-height: 32px; font-size: 18px; color: #666;}
.indexContainer .layer1 .text{ transition: 1s; opacity: 1;}
.indexContainer .layer1.on .icon{ padding-top: 200px;}
.indexContainer .layer1.on .icon img{ height: 240px;}
.indexContainer .layer1.on .text{ opacity: 0;}

.indexContainer .layer2{ background: #f1f1f1; width: 100%; height: 900px; position: relative; overflow: hidden;}
.indexContainer .layer2 .swiper-container{ width: 100%; height: 100%;}
.indexContainer .layer2 .swiper-pagination{ right: 30px;top: 50%; transform: translateY(-50%); margin: 0;}
.indexContainer .layer2 .swiper-pagination span{ display: block; margin: 5px auto; }
.indexContainer .layer2 .layer2Warp{ top: 0; height: 200%; width: 100%; animation: ab 10s linear infinite;}
.indexContainer .layer2 .layer2Warp img{ display: block; height: 50%; width: auto; margin: 0 auto;}
.indexContainer .appLoad{ display: none; width: 100%;}
.indexContainer .appLoad ul{ padding: 0 0 50px 0; height: 30px; text-align: center;}
.indexContainer .appLoad ul li{ border: 1px solid #141414; box-sizing: border-box; text-align: center; line-height: 38px; display: inline-block; margin: 0 10px; width: 144px; height: 40px; margin-left: 20px; border-radius:25px; overflow: hidden; transition: 0.5s;}
.indexContainer .appLoad ul li a{ position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 38px;}
.indexContainer .appLoad ul li a img.tb{ display: inline-block; height: 24px; vertical-align: middle; transform: translateY(-2px);}

.footer{ padding: 30px 0;}
.footer p{ line-height: 46px; text-align: center; font-weight: 100;}

.kfPop{ z-index: 9; width: 45px; height: 45px; position: fixed; top: 50%; transform: translateY(-50%); right: 30px;}
.kfPop img{ width: 100%; height: auto;}

@media (max-width:1366px) {
	.top{ width: 100%; height: 60px;}
	.top ul{ display: none;}
	.top .logo{ line-height: 60px; height: 100%;}
	.top .logo img{ display: inline-block; vertical-align: middle;}
	.indexContainer .appLoad{ display: block;}
	.indexContainer .layer1 .icon{ padding-top: 50px;}
	.indexContainer .layer1 .icon img{ height: 50px;}
	.indexContainer .layer1.on .icon img{ height: 100px;}
	.indexContainer .layer1 h2{ font-size: 36px;}
	.indexContainer .layer1 p{ width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 14px; line-height: 26px;}
	.indexContainer .layer2{ width: 100%; height: 240px;}
	.footer{ padding: 30px; box-sizing: border-box;}
	.footer p{ font-size: 12px; line-height: 22px;}
}