@charset "utf-8";
body{ width: 100%; overflow-x: hidden; width: 100%; overflow-x: hidden; margin:0px; padding:0 0 0 0px; font-size:15px;font-family:Lato,LatoBold,Helvetica,Arial,sans-serif;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; */
}
body{ overflow: hidden;}
html{ height: 100%; overflow: auto;}
a{ color:#5c5c5c; text-decoration:none}


.indexContainer{ overflow: hidden; width: 100%; height: 100vh; background: url(../images/bg.jfif); background-size:cover ; position: relative;}
.indexContainer:after{ display: block; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(../images/wenli.png) repeat ; opacity: 0.4; }
.top{ z-index: 99; width: 100%; z-index: 50; left: 0; top: 0; position: fixed;  z-index: 999;}
.top.on{background-image: linear-gradient(0deg, #ffffffc2 4%, #F1F7FB 100%);box-shadow: 0 2px 16px 0 #1b518714; filter: invert(12px); backdrop-filter: blur(12px);}
.topBox{ height: 80px; width:1440px; margin: 0 auto;}
.topBox .logo{  height: 80px; float: left; line-height: 80px; color: #fff; font-size: 24px;}
.topBox .logo img{ height: 50%; width: auto; display: inline-block; vertical-align: middle; margin-right: 15px;}
.topBox .logo span{background: linear-gradient(to right,#0e6bfc,#049ffc); display: inline-block; vertical-align: middle; height: 34px; font-size: 16px; color: #fff; padding: 0 10px; transform: translateY(-2px); border-radius:5px; line-height: 34px; margin: 0 10px;}
.topBox .logo a{ color: #fff;}

@keyframes left{
	0%{ transform: translateX(0);}
	100%{ transform: translateX(-50%);}
}
@keyframes right{
	0%{ transform: translateX(-50%);}
	100%{ transform: translateX(0%);}
}
@keyframes sc{
	0%{ transform: translateX(-50%) scale(1);}
	50%{ transform: translateX(-50%) scale(1.05);}
	100%{ transform: translateX(-50%) scale(1);}
}

.Main{ z-index: 10; transition: 1s; width: 100%; margin: 0 auto; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.Main.on{transform: translate(-50%,-50%) rotate(-25deg) scale(1.8);}

.Main .layer{ width: 100%; overflow: hidden;}
.Main ul{ width: 9240px; white-space: nowrap; text-align: left; height: 300px; margin-bottom: 10px; overflow: hidden;} 
.Main ul li{ border-radius:15px; overflow: hidden; display: block; margin: 0 50px 0 0; height: 100%; float: left;}
.Main .layer{ margin-bottom: 50px;}
.Main ul li img{ display: inline-block; height: 100%; width: auto;}
.Main .list1{ animation: left 25s linear infinite;}
.Main .list2{transform: translateX(-50%); animation: right 25s linear infinite; }


.NrCon{ transition: 1s; width: 100%; height: 100%; position: absolute; left: 0; top:0;  padding-top: 400px; box-sizing: border-box; z-index: 11;}

.NrCon .Nr{ position: relative; z-index: 2; width: 1560px; margin:  0 auto;}
.NrCon .logo{ position: relative; z-index: 2; width: 150px; height: 150px; border-radius:10px; overflow: hidden; margin: 0 auto;}
.NrCon .logo img{ display: block; width: 100%; height: auto;}
.NrCon .icon{ border-radius:15px; overflow: hidden; float: left; width:800px;}
.NrCon .icon img{ display: block; width: 100%; height: auto;}
.NrCon .text{ padding-top: 0; float: left; padding-left: 100px; width: calc(100% - 800px); box-sizing: border-box;}
.NrCon .text .bt{ height: 100px; width: auto; line-height: 100px; font-style: italic;}
.NrCon .text .bt img{ display: block; float: left; height: 100px; border-radius:10px;}
.NrCon .text .bt p{ float: left; font-size: 44px; font-weight: bold; color: #049ffc; font-style: italic; font-weight: bold; margin-left: 15px;}
.NrCon .text .wenan{ width: 100%; padding-top: 100px; font-size: 22px; line-height: 38px; color: #fff;}
.NrCon .text ul{ padding-top: 50px;}
.NrCon .text ul li{ float: left; margin: 0 30px 0 0;}
.NrCon .text ul li a{ transition: 0.5s; display: block; height: 60px; font-size: 18px; color: #fff; line-height: 60px; padding: 0 30px; background: linear-gradient(to right,#0e6bfc,#049ffc); border-radius:10px ; }
.NrCon .text ul li img{ height: 30px; width: auto; display: inline-block; vertical-align: middle; margin-right: 15px;}
.NrCon .text ul li a:hover{ transform: scale(1.1);}

.NrCon:after{ height: 100%; position: absolute; width: 100%; content: ''; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); /* 半透明背景 *//* 应用模糊效果 */}
.APPIcon{ display: none;}
.AppText{ display: none;}
.APPIconLoad{ display: none;}
@media  (max-width:1024px ) {
	.top{ display: none;}
	.NrCon .Nr{ width: 100%; height: 100vh;}
	.topBox{ padding: 0 15px; box-sizing: border-box;}
	.NrCon .icon{ display: none;}
	.NrCon{ padding: 0;}
	.NrCon .text{ width: 100%; height: 100%; padding:60px 0 0 0;}
	.NrCon .text .bt img{ display: block; float: inherit; margin: 0 auto;}
	.NrCon .text .bt p{ display: block; width: 100%; text-align: center; margin: 0; font-size: 28px;}
	.NrCon .text .wenan{ display: none;}
	.NrCon .text ul{ display: none;}
	.AppText{ text-align: center; font-size: 16px; color: #fff; display: block;}
	.APPIcon{ display: block; padding-top: 30px;}
	.APPIcon img{ display: block; margin: 0 auto; width: 140%; height: auto; position: relative; left: 50%; transform: translateX(-50%);}
	.APPIconLoad{ animation: sc 1.5s linear infinite; display: block; width: 90%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; border-radius:30px; height: 60px; font-size: 18px; color: #fff; background: linear-gradient(to right,#0e6bfc,#049ffc); text-align: center; line-height: 60px;}
}