@charset "utf-8";

body{ margin:0px; padding:0px; font-size:12px;font-family:'tahoma2';color:#898989;line-height:1; background: linear-gradient(180deg, #021530 0%, #06122e 38.02%, #0e0d29 100%);}
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::-webkit-scrollbar {
  display: none; /* Safari 和 Chrome */
}
a{ color:#5c5c5c; text-decoration:none}
.CantactPop{ display: none; width: 276px; height: 320px; padding: 24px; box-sizing: border-box; border-radius:12px; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100;}
.CantactPop h2{ text-align: center; padding: 45px 0 0 0; font-size: 12px; color: #333;}
.CantactPop .icon{ margin: 30px auto 15px auto; width: 110px; height: 110px;}
.CantactPop .icon img{ display: block; width: 100%; height: 100%;}
.CantactPop p{ text-align: center; font-size: 14px; color: #333;}
.CantactPop .close{ font-size: 18px; position: absolute; right: 24px; top: 24px; cursor: pointer; color: #000000;}
.top{ width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 100; transition: 0.5s;}
.top.on{ background: rgb(10, 16, 45);}
.top .topBox{ width: 1200px; margin: 0 auto; height: 100%; }
.top .topBox .logo{position: relative; z-index: 2; line-height: 80px; float: left;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle; height: 20px; width: auto; -webkit-filter: brightness(0%) grayscale(100%) invert(100%); filter: brightness(0%) grayscale(100%) invert(100%); -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.top .nav{ position: absolute; left: 0; top: 0;  width: 100%; height: 100%;}
.top .nav ul{ text-align: center;}
.top .nav ul li{ display: inline-block; margin: 0 14px;  line-height: 80px;}
.top .nav ul li a{ font-size: 14px; color: #fff; font-size: 15px;}
.top .nav ul li span{ width: 12px; height: 7px; display: inline-block; margin-left: 8px; transition: 0.5s; transform: translateY(-2px); vertical-align: middle; line-height: 7px; transition: 0.5s;}
.top .nav ul li:hover span{ transform:translateY(2px) rotate(180deg); transform-origin: center center;}
.top .nav ul li span img{ width: 100%; height: 100%;}
.top .nav ul li .navList{ display: none;  width: 100%; position: absolute; left: 0; top: 80px; background: linear-gradient(178deg, rgba(37, 73, 126, 0.50) -42.25%, rgba(63, 65, 67, 0.02) 139.07%);backdrop-filter: blur(10px);
   ;}
.top .nav ul li .navList .NavBox{ width: 100%; border-bottom: 1px solid #212b72; padding: 30px 0;}

.top .nav ul li .navList .NavBox dl{ width: 1200px; margin: 0 auto; overflow: hidden;}
.top .nav ul li .navList .NavBox dl dd{ width: 23.5%; float: left; padding-left: 48px; position: relative; margin: 0 2% 0 0; box-sizing: border-box;}
.top .nav ul li .navList .NavBox dl dd:last-child{ margin-right: 0;}
.top .nav ul li .navList .NavBox dl dd .icon{ width: 36px; height: 36px; position: absolute; left: 0; top: 0; border-radius:50%; background: #4459fc;}
.top .nav ul li .navList .NavBox dl dd .icon img{ width: 40%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.top .nav ul li .navList .NavBox dl dd .text{ width: 100%;}
.top .nav ul li .navList .NavBox dl dd .text h2{ text-align: left; height: 26px; line-height: 26px; font-size: 16px; color: #fff;}
.top .nav ul li .navList .NavBox dl dd .text p{ margin-top:5px; text-align: left; line-height: 20px; color: #c0c0c0;}
.top .nav ul li .navList h3{ width: 1200px; margin: 0 auto; line-height: 70px; font-size: 16px; color: #fff; height: auto; line-height: 16px; text-align: left;}
.top .nav ul li a:hover{ color:#355FFD ;}
.top .nav ul li.on a{ color:#355FFD ;}



.top .topBox .enter{ position: relative; z-index: 2; margin-top: 20px; width: 110px; height: 40px; border-radius:7px; background: linear-gradient(to right,#7f14ce,#375dfc); padding: 2px; box-sizing: border-box; float: right;}
.top .topBox .enter a.enterBox{ display: block; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 15px; font-size: 15px; color: #fff; background: #0a102d; border-radius:6px ;}
.top .topBox .enter a.enterBox img{ transition: 0.5s; display: inline-block; vertical-align: middle;  width: 12px; height: 7px; margin-left: 14px;}
.top .topBox .enter .Xlist{ display: none; width: 146px; position: absolute; left: 0; top: 40px; padding-top: 4px;}
.top .topBox .enter .Xlist ul{ width: 100%; padding: 10px 0; border-radius:6px; border: 1px solid #3501c0; background: linear-gradient(to right,#42007a,#100048);}
.top .topBox .enter .Xlist ul li{ height: 32px; line-height: 32px; text-align: center;}
.top .topBox .enter .Xlist ul li:hover{ background: rgba(0,0,0,0.3);}
.top .topBox .enter .Xlist ul li a{ font-size: 14px; color: #fff;}
.top .topBox .enter:hover a.enterBox img{ transform: rotate(180deg);}

.top .topBox .enter:hover .Xlist{ display: block;}


.w1120{ width: 1120px; margin: 0 auto;}

.indexContainer{ width: 100%; padding-top: 130px; background-size:100% auto ; position: relative;}
.indexContainer .bg1{ position: absolute; left: 0; top: 0; z-index: 1;}
.indexContainer .bg2{ max-width: 100%;width: 100%; height: 1440px; position: absolute;top: 0; left: 0; z-index: 0; background: url(../images/a3.png) center bottom no-repeat; background-size:cover ; background-repeat: no-repeat; -webkit-background-position: center; background-position: center; }
.indexContainer .layer1{ padding-bottom: 120px; text-align: center; position: relative; z-index: 2;}
.indexContainer .layer1 h2{ display: inline-block; position: relative; font-size: 36px; color: #fff; height: 36px; line-height: 36px;}
.indexContainer .layer1 h2:after{ background: url(../images/a2.png); width: 115px; height: 10px; background-size:100% 100%; content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,200%);}
.indexContainer .layer1 a{ background: rgba(4,20,47,1); transition: 0.5s; color: #fff; font-size: 16px; display: block; width: 125px; height: 36px; margin: 55px auto 40px auto; border: 2px solid #355ffd; border-radius:18px; box-sizing: border-box; line-height: 32px; text-align: center;}
.indexContainer .layer1 a:hover{background: rgba(4,20,47,0);}
.indexContainer .layer1 p{ text-align: center; color: #b1b7be; font-size: 16px; padding-bottom: 240px;}
.indexContainer .layer1 img{ display: block; margin: 0 auto; width: 23px; height: auto;}

.indexContainer .layer2{ width: 100%; position: relative; }
.indexContainer .layer2:before{ background: url(../images/bg3.png); width: 385px; height: 844px;content: ''; position: absolute; left: 0; top: 200px; z-index: 1;}
.indexContainer .layer2:after{ background: url(../images/Bg2.png); width: 559px; height: 879px; content: ''; position: absolute; right: 0; top: 0; z-index: 1;}
.indexContainer .tit h2{ font-size: 32px; line-height: 32px; color: #fff; text-align: center;}
.indexContainer .tit span{ display: inline-block; position: relative;}
.indexContainer .tit span:after{ background: url(../images/a2.png); width: 115px; height: 10px; background-size:100% 100%; content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,200%);}
.indexContainer .tit p{ padding-top: 35px; text-align: center; font-size: 22px; color: #c0c0c0;}
.indexContainer .layer2 .hd{ z-index: 9; position: relative; width: 100%; height: 104px; border-bottom: 1px solid #1a3189; margin-top: 40px;}
.indexContainer .layer2 .hd ul{  margin: 0 auto; overflow: hidden; text-align: center;}
.indexContainer .layer2 .hd ul li{ width: 32%; text-align: center; float: left; margin: 0 2% 0 0; height: 104px; position: relative; line-height: 104px;}
.indexContainer .layer2 .hd ul li:after{ content: ''; width: 0; height: 4px; border-radius:2px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #4459fc; transition: 0.5s;}

.indexContainer .layer2 .hd ul li:last-child{ margin-right: 0;}
.indexContainer .layer2 .hd ul li .text{ overflow: hidden; position: relative; width: 194px; display: inline-block; height: 48px; line-height: 48px; font-size: 15px; color: #afb9df; transition: 0.5s; border-radius:24px; vertical-align: middle; cursor: pointer;}
.indexContainer .layer2 .hd ul li .text:hover{ background: #112765; color: #fff;}
.indexContainer .layer2 .hd ul li .text:after{ border-radius:50% ; width: 0; height: 0; display: block; content: ''; background: rgba(255,255,255,0.2); transition: 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;}
.indexContainer .layer2 .hd ul li.on .text{background: #112765; color: #fff;}
.indexContainer .layer2 .hd ul li .text span{ position: relative; width: 24px; height: 100%; display: inline-block; vertical-align: middle; margin-right: 10px;}
.indexContainer .layer2 .hd ul li .text span img{ position: absolute; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); transition: 0.5s;}
.indexContainer .layer2 .hd ul li .text span img.on{ opacity: 0;}
.indexContainer .layer2 .hd ul li.on .text span img{ opacity: 0;}
.indexContainer .layer2 .hd ul li.on .text span img.on{ opacity: 1;}
.indexContainer .layer2 .bdBox .icon, .bdBox .text { opacity: 0; }
@keyframes fadeInRight {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes fadeInLeft {
            from { opacity: 0; transform: translateX(-30px); }
            to { opacity: 1; transform: translateX(0); }
        }
.animate-fadeInRight { animation: fadeInRight 0.6s ease-out forwards; }
.animate-fadeInLeft { animation: fadeInLeft 0.6s ease-out forwards; }


.indexContainer .layer2 .hd ul li.on .text:after{ animation:ab 0.8s linear 1 ;}


.indexContainer .layer2 .hd ul li.on:after{ width: 156px;}
.indexContainer .layer2 .bd{ padding-top: 60px; z-index: 8; position: relative;}
.indexContainer .layer2 .bd .bdBox{ width: 100%; }
.indexContainer .layer2 .bd .bdBox .icon{ float: right; width: 535px;}
.indexContainer .layer2 .bd .bdBox .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer2 .bd .bdBox .text{ float: left; width: 540px; float: left;}
.indexContainer .layer2 .bd .bdBox .text h2{ font-size: 22px; color: #fff; margin-bottom: 40px;}
.indexContainer .layer2 .bd .bdBox .text ul{ width: 100%;}
.indexContainer .layer2 .bd .bdBox .text ul li{ width: 100%;   height: 85px;}
.indexContainer .layer2 .bd .bdBox .text ul li span{ float: left; width: 160px; display: block; height: 42px; border: 1px dashed #3041b7; text-align: center; box-sizing: border-box; line-height: 40px; font-size: 16px; color: #fff; background: #071332; border-radius:21px; box-shadow: 0 0 50px rgba(68,89,252,0.1);}
.indexContainer .layer2 .bd .bdBox .text ul li span b{ display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius:50%; background: #4459fc; margin-right: 10px; transform: translateY(-2px);}
.indexContainer .layer2 .bd .bdBox .text ul li p{ width: calc(100% - 160px); padding-left: 30px; box-sizing: border-box; font-size: 18px; color: #fff; line-height: 24px; float: left;}
.indexContainer .layer2 .bd .bdBox a{ position: relative; display: block; margin: 60px auto 0 auto; width: 135px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#8b00d7,#4557fa); border-radius:24px ;}
.indexContainer .layer2 .bd .bdBox a:after{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0); content: ''; position: absolute; left: 0; top: 0;}
.indexContainer .layer2 .bd .bdBox a:hover:after{ background: rgba(0,0,0,0.1);}


.indexContainer .layer3{ padding-top: 95px;}
.indexContainer .layer3 ul{ text-align: center; padding-top: 80px;}
.indexContainer .layer3 ul li{  display: inline-block; background: url(../images/icon1.png); width: 170px; height: 170px; background-size:100% 100%; margin: 0 90px 55px 90px;}
.indexContainer .layer3 ul li .icon{ width: 100%; height: 105px; line-height: 105px; text-align: center;}
.indexContainer .layer3 ul li .icon img{ display: inline-block; vertical-align: middle; height: 40px; width: auto;}
.indexContainer .layer3 ul li p{ font-size: 22px; color: #fff; text-align: center;}


.indexContainer .layer4{ padding-top: 70px;}
.indexContainer .layer4Box{ margin: 0 auto; padding-top: 80px; background: url(../images/bg4.png) center 120px no-repeat;}
.indexContainer .layer4Box .Nr{ width: 100%; overflow: hidden; margin-bottom: 325px;}
.indexContainer .layer4Box .Nr .icon{ float: left; width: 550px; height: 430px;}
.indexContainer .layer4Box .Nr .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer4Box .Nr .text{ width: calc(100% - 550px); padding: 0 0 0 38px; box-sizing: border-box; float: left;}
.indexContainer .layer4Box .Nr .text .bt{box-shadow: 0 0 10px rgba(68,89,252,0.5); transition: 0.5s; width: 120px; height: 30px; border: 1px solid #4459fc; line-height: 28px; text-align: center; font-size: 14px; color: #fff; box-sizing: border-box; border-radius:15px ;}
.indexContainer .layer4Box .Nr .text .bt:hover{box-shadow: 0 0 0 rgba(68,89,252,0);}
.indexContainer .layer4Box .Nr .text .bt b{ background: #4459fc; transform: translateY(-2px); display: inline-block; width: 8px; height: 8px; border-radius:50%; vertical-align: middle; margin-right: 8px; }
.indexContainer .layer4Box .Nr .text h2{ padding: 30px 0; font-size: 18px; line-height: 28px; color: #fff;}
.indexContainer .layer4Box .Nr .text ul{ width: 100%;}
.indexContainer .layer4Box .Nr .text ul li{ width: 100%; padding: 12px 15px 12px 38px; box-sizing: border-box; background: #111d4f; border-radius:4px; margin-bottom: 15px; line-height: 24px; position: relative; font-size: 16px; color: #fff; }
.indexContainer .layer4Box .Nr .text ul li:after{ width: 38px; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(../images/a4.png) center center no-repeat; background-size:50% auto;}
.indexContainer .layer4Box .Nr:nth-child(2n) .icon{ float: right;}
.indexContainer .layer4Box .Nr:nth-child(2n) .text{ float: left; padding: 0 38px 0 0;}
.indexContainer .layer4Box .Nr:last-child{ margin-bottom: 0;}
.indexContainer .layer4Box a{ position: relative; display: block; margin: 60px auto 0 auto; width: 135px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#8b00d7,#4557fa); border-radius:24px ;}
.indexContainer .layer4Box a:after{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0); content: ''; position: absolute; left: 0; top: 0;}
.indexContainer .layer4Box a:hover:after{ background: rgba(0,0,0,0.1);}


.indexContainer .layer5{ padding-top: 200px; padding-bottom: 200px;}
.indexContainer .layer5Box{ padding: 80px 0 0 0;}
.indexContainer .layer5Box ul{ overflow: hidden;  margin: 0 auto;}
.indexContainer .layer5Box ul li{ width: 49%; float: left; height: 290px; margin: 0 2% 0 0; background: linear-gradient(to right,#8a00d6,#4458fb); border-radius:14px; padding: 1px; box-sizing: border-box;}
.indexContainer .layer5Box ul li:last-child{ margin-right: 0;}
.indexContainer .layer5Box ul li .Nr{ width: 100%; height: 100%; padding: 60px 55px 0 55px; box-sizing: border-box; background: #14103e;border-radius:14px;}
.indexContainer .layer5Box ul li .Nr h2{ font-size: 22px; color: #fff; padding-bottom: 35px;}
.indexContainer .layer5Box ul li .Nr dl dd{ width: 100%; line-height: 40px; font-size: 16px; color: #fff;}
.indexContainer .layer5Box ul li .Nr dl dd img{ display: inline-block; vertical-align: middle; margin-right: 10px; height: 20px; width: auto;}
.indexContainer .layer5Box a{position: relative; display: block; margin: 60px auto 0 auto; width: 135px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#8b00d7,#4557fa); border-radius:24px ;}
.indexContainer .layer5Box a:after{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0); content: ''; position: absolute; left: 0; top: 0;}
.indexContainer .layer5Box a:hover:after{ background: rgba(0,0,0,0.1);}


.indexContainer .layer6{ width: 100%; padding-bottom: 200px;}
.indexContainer .layer6 ul{ padding-top: 75px; text-align: center;}
.indexContainer .layer6 ul li{ display: inline-block; vertical-align: top; margin: 0 145px;}
.indexContainer .layer6 ul li .icon{ height: 120px;}
.indexContainer .layer6 ul li .icon img{height: 94px; width: auto;}
.indexContainer .layer6 ul li p{ font-size: 16px; line-height: 22px; font-size: 16px; color: #fff;}
.indexContainer .layer6 a{ position: relative; display: block; margin: 60px auto 0 auto; width: 135px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#8b00d7,#4557fa); border-radius:24px ; position: relative; overflow: hidden;}
.indexContainer .layer6 a:after{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0); content: ''; position: absolute; left: 0; top: 0;}
.indexContainer .layer6 a:hover:after{ background: rgba(0,0,0,0.1);}
.indexContainer .layer7{ width: 1340px; background: url(../images/bg5.png); height: 450px; background-size:100% 100%; border-radius:25px; margin: 0 auto; padding-top: 75px; box-sizing: border-box;}
.indexContainer .layer7 .bt{ box-shadow:0 0 10px rgba(68,89,252,0.4); width: 135px; text-align: center; height:30px; border: 1px solid #4459fc; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 28px; border-radius:15px; margin: 0 auto; transition: 0.5s;}
.indexContainer .layer7 .bt b{ display: inline-block; width: 6px; height: 6px; border-radius:50%; margin: 0 10px 0 0; background: #4459fc; vertical-align: middle; transform: translateY(-2px);}
.indexContainer .layer7 .bt:hover{ box-shadow:0 0 0 rgba(68,89,252,0.4);}
.indexContainer .layer7 h2{ height: 130px; text-align: center; line-height: 130px; font-size: 48px; color: #fff;}
.indexContainer .layer7 p{ text-align: center; font-size: 16px; color: #9ca2b2;}
.indexContainer .layer7 ul{ padding-top: 75px; text-align: center;}
.indexContainer .layer7 ul li{ margin: 0 20px; height: 42px; width: 155px; display: inline-block; transition: 0.5s;}
.indexContainer .layer7 ul li a{ font-size: 16px; color: #fff; display: block; width: 100%; height: 100%; border-radius:21px; background: #4459fc; border: 1px solid #4459fc; box-sizing: border-box; line-height: 40px;}
.indexContainer .layer7 ul li:first-child a{ background: #07132f;}
.indexContainer .layer7 ul li:first-child a:hover{ background: none;}

.footer{ padding-top: 220px; padding-bottom: 30px;}
.footerBox{ width: 1200px; margin: 0 auto;  overflow: hidden;}
.footerBox .footerLeft{ width: 300px; float: left;}
.footerBox .footerLeft .logo{ margin: 0 0 20px 0;}
.footerBox .footerLeft .logo img{ height: 20px; width: auto;-webkit-filter: brightness(0%) grayscale(100%) invert(100%);
    filter: brightness(0%) grayscale(100%) invert(100%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.footerBox .footerLeft .code{ width: 110px; height: 110px;}
.footerBox .footerLeft .code img{ display: block; width: 100%; height: 100%;}
.footerBox .footerLeft ul{ padding: 8px 0;}
.footerBox .footerLeft ul li{ height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding-left: 22px; position: relative;}
.footerBox .footerLeft ul li img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.footerBox .footerRight{ float: right;}
.footerBox .footerRight ul{ float: left; margin: 0 0 0 105px;}
.footerBox .footerRight ul h2{ font-size: 16px; color: #fff; margin-bottom: 30px;}
.footerBox .footerRight ul li{ margin-bottom: 30px;}
.footerBox .footerRight ul li a{ font-size: 12px; transition: 0.5s; color: #6B78A6;}
.footerBox .footerRight ul li a:hover{ color: #fff;}

.copyRight{ width: 100%; height: 88px; border-top:1px solid #313131;}
.copyRight .copyRightBox{ overflow: hidden; margin: 0 auto; width: 1200px; color: #6d77a5; line-height: 88px; font-size: 16px;}
.copyRight .copyRightBox a{ display: inline-block; float: right; color: #6d77a5;}
.top .SideClick{ display: none;}

@keyframes ab{
	0%{ width: 0; opacity: 0;}
	50%{ width: 200px; height: 200px; opacity: 1;}
	100%{ width: 400%; height: 400px; opacity: 0;}
}

.indexContainer.NoBg{ background: url(../images/banner2.png) center top no-repeat; background-size:100% auto; padding: 0;}
.banner{ width: 100%;  margin: 0 auto; height: 850px; overflow: hidden; position: relative; z-index: 9;}
.bannerBox{ width: 1160px; margin: 0 auto; position: relative; padding: 330px 0 0 0; height: 100%; box-sizing: border-box;}
.bannerBox h2{ font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.bannerBox p{ font-size: 16px; color: #b8b9ba; margin-bottom: 100px;}
.bannerBox ul{ overflow: hidden;}
.bannerBox ul li{ float: left; margin:0 15px 0 0; width: 130px; height: 36px; border-radius:18px; padding: 2px; box-sizing: border-box; background: linear-gradient(to right,#7504b8,#4557fa);}
.bannerBox ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 32px; font-size: 14px; color: #fff;}
.bannerBox ul li:last-child a{ background: #07132f; border-radius:18px ;}
.bannerBox .icon{ width: 650px; position: absolute; height: 100%; top: 0; right: 0;}
.bannerBox img{ position: absolute; right: 0; top: 52%; transform: translateY(-50%) skewX(-15deg); transition: 0.5s;}
.banner:hover .bannerBox img{ transform: translateY(-50%) skewX(0);}

.indexContainer .layer2.pro:after{ background: url(../images/bg6.png); width: 969px; height: 2214px; background-size:cover ; position: absolute; display: block; content: ''; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.indexContainer .layer2.pro:before{ display: none;} 
.indexContainer .layer2.pro .hd ul li{ width: 25%; margin: 0;}
.indexContainer .layer2.pro .hd ul li span{ width: auto; padding: 0 25px;}

.indexContainer .layer2.pro .bd .bdBox .text .bt h2{ margin: 0;}
.indexContainer .layer2.pro .bd .bdBox .text .bt p{ padding-top: 15px; font-size: 16px; color: #fff; line-height: 24px; color: #fff; margin-bottom: 40px;}
.indexContainer .layer8{ padding-top: 160px; padding-bottom: 160px;}
.indexContainer .layer8 ul{ padding-top: 80px; overflow: hidden;}
.indexContainer .layer8 ul li{ width: 23.5%; margin-right: 2%; float: left;}
.indexContainer .layer8 ul li:last-child{ margin-right: 0;}
.indexContainer .layer8 ul li .icon{ width: 56px; height: 56px; border-radius:10px; background: #393e63; position: relative;}
.indexContainer .layer8 ul li .icon img{ height: 40%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer8 ul li h2{ padding: 35px 0 20px 0; font-size: 16px; color: #fff;}
.indexContainer .layer8 ul li p{ font-size: 15px; color: #adb2b1; line-height: 24px;}
.indexContainer .shiyong{ display: block; margin:45px auto 0 auto; width: 135px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right,#8b00d7,#4557fa); border-radius:24px ;}

.indexContainer .layer9{ width: 100%; padding-bottom: 100px;}
.indexContainer .layer9 ul{ text-align: center; padding-top: 60px;}
.indexContainer .layer9 ul li{ width: 290px; height: 370px; display: inline-block; margin: 0 75px; background: linear-gradient(to right,#8500d8,#4557fb); border-radius:10px; padding: 1px; box-sizing: border-box;}
.indexContainer .layer9 ul li .Nr{ width: 100%; height: 100%; border-radius:10px; background: #14103e;}
.indexContainer .layer9 ul li .Nr .icon{ width: 100%; height: 220px; position: relative;}
.indexContainer .layer9 ul li .Nr .icon img{ width: 50%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer9 ul li .Nr h2{ font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 30px; text-align: center;}
.indexContainer .layer9 ul li .Nr p{ text-align: center; line-height: 24px; font-size: 16px; color: #fff;}

.indexContainer .layer10{ padding-bottom: 110px;}
.indexContainer .layer10 ul{ padding-top: 60px; width: 1200px; margin: 0 auto; overflow: hidden;}
.indexContainer .layer10 ul li{ width: 23.5%; margin-right: 2%; float: left; border-radius:8px; height: 678px; float: left; padding: 1px; box-sizing: border-box; background: linear-gradient(to right,#7a00d1,#4152ec);}
.indexContainer .layer10 ul li:last-child{ margin-right: 0;}
.indexContainer .layer10 ul li .Nr{ width: 100%; height: 100%; border-radius:8px; padding: 0 28px; box-sizing: border-box; background: #0b0d34;}
.indexContainer .layer10 ul li .Nr h2{ padding: 35px 0 20px 0; font-size: 22px; color: #fff;}
.indexContainer .layer10 ul li .Nr p{ font-size: 15px; color: #8886aa; line-height: 24px; height: 90px;}
.indexContainer .layer10 ul li .Nr a{ display: block; width: 100%; height: 40px; text-align: center; background: linear-gradient(to right,#8c00d6,#4458fb); font-size: 15px; color: #fff; border-radius:5px; line-height: 40px;}
.indexContainer .layer10 ul li .Nr dl{ width: 100%; padding-top: 15px;}
.indexContainer .layer10 ul li .Nr dl dd{ height: 32px; line-height: 32px; font-size: 15px; color: #fff;}
.indexContainer .layer10 ul li .Nr dl dd img{ display: inline-block; vertical-align: middle; margin-right: 15px;}
.indexContainer .layer10 ul li:hover .Nr{ background: #140a62;}


.banner.banner2{ background: url(../images/banner3.png); background-size:cover ;}
.banner.banner2 p{ line-height: 24px; width: 470px;}
.banner.banner2 ul li a{ background: none;}
.indexContainer .layer11Box{ background: url(../images/bg7.png) center top no-repeat; margin-top: 75px;}
.indexContainer .layer11Box .Nr{cursor: pointer; width: 100%; overflow: hidden; margin-bottom: 315px;}
.indexContainer .layer11Box .Nr .icon{ float: left; width: 540px; height: 300px;}
.indexContainer .layer11Box .Nr .icon img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.indexContainer .layer11Box .Nr .text{ float: left; padding: 0 0 0 40px; width: calc(100% - 540px); box-sizing: border-box;}
.indexContainer .layer11Box .Nr .text h2{ padding: 85px 0 35px 0; font-size: 24px; color: #fff; font-weight: normal;}
.indexContainer .layer11Box .Nr .text p{ font-size: 18px; line-height: 26px; color: #fff;}
.indexContainer .layer11Box .Nr:nth-child(2n) .text{ float: left; padding: 0 40px 0 0;}
.indexContainer .layer11Box .Nr:nth-child(2n) .icon{ float: right;}

.indexContainer .layer12{ padding-bottom: 100px; }
.indexContainer .layer12 ul{ overflow: hidden; padding-top: 60px; text-align: center;}
.indexContainer .layer12 ul li{ display: inline-block; vertical-align: top; width: 320px; margin:0 27px; padding-top: 45px; position: relative; }
.indexContainer .layer12 ul li:nth-child(2n){ padding-top: 0;}
.indexContainer .layer12 ul li .Nr{ padding: 15px; box-sizing: border-box;  height: 430px; border-radius:20px; background:rgba(255,255,255,0.05);}
.indexContainer .layer12 ul li:last-child{ margin-right: 0;}
.indexContainer .layer12 ul li .icon{ width: 100%; height: 170px; border-radius:20px;}
.indexContainer .layer12 ul li .icon img{ width: 100%; height: auto;}
.indexContainer .layer12 ul li .text{ width: 100%;}
.indexContainer .layer12 ul li .text h2{ text-align: center; padding: 45px 0 30px 0; font-size: 22px; color: #fff;}
.indexContainer .layer12 ul li .text p{ font-size: 14px; color: #9ca2b2; line-height: 22px;}
.indexContainer .layer12 ul li:after{ position: absolute; width: 90%; height: 6px; border-radius:3px; background: linear-gradient(to right,#8d00d6,#4458fb); display: block; content: ''; top: 0; left: 50%; transform: translateX(-50%);}
.indexContainer .layer12 ul li:nth-child(2n):after{ top: auto; bottom: -45px;}

.indexContainer .layer12 ul.list1{ display: flex; width: 1360px; margin: 0 auto;}
.indexContainer .layer12 ul.list1 li { flex: 1; margin: 0 27px 0 0;}
.indexContainer .layer12 ul.list1 li:last-child{ margin: 0;}
.indexContainer .layer12 ul.list1 li .icon{ width: 100%; height: 200px; line-height: 200px; text-align: center;}
.indexContainer .layer12 ul.list1 li .icon img{ display: inline-block; width: auto; height: 54px; vertical-align: middle;}
.indexContainer .layer12 ul.list1 li:nth-child(2n) .icon{ height: 180px; line-height: 180px;}
.indexContainer .layer12 ul.list1 li .text h2{ padding-top: 0;}
.indexContainer .layer12 ul.list1 li:hover .Nr{ background: #141a4a;}
.indexContainer .layer12 ul.list1 li:nth-child(2n):after{ top: auto; bottom: 0;}

.indexContainer.bg{ padding-top: 180px; background: url(../images/bg8.png) top center no-repeat; background-size:100% auto;}
.indexContainer.bg .layer1 h2{ font-size: 76px; height: 76px; line-height: 76px;}
.indexContainer.bg .layer1 p{ padding-top: 60px; line-height: 24px; padding-bottom: 0;}
.indexContainer.bg .shiyong{display: block;
    margin: 45px auto 55px auto; border: none;
    width: 135px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(to right, #8b00d7, #4557fa);
    border-radius: 24px;}
.indexContainer.bg .shiyong:hover{background: linear-gradient(to right, #8b00d7, #4557fa);}
.indexContainer.bg .layer2 .bd .bdBox{ margin-bottom: 295px;}
.indexContainer.bg .layer2 .bd .bdBox .text .bt{box-shadow: 0 0 10px rgba(68,89,252,0.5); width: 120px; height: 30px; border: 1px solid #4459fc; line-height: 28px; text-align: center; font-size: 14px; color: #fff; box-sizing: border-box; border-radius:15px ; margin-bottom: 45px;}
.indexContainer.bg .layer2 .bd .bdBox .text .bt b{ background: #4459fc; transform: translateY(-2px); display: inline-block; width: 8px; height: 8px; border-radius:50%; vertical-align: middle; margin-right: 8px; }
.indexContainer.bg .layer2 .bd .bdBox .text h2{ font-weight: normal; font-size: 28px; margin-bottom: 15px;}
.indexContainer.bg .layer2 .bd .bdBox .text p{ font-size: 15px; line-height: 24px; color: #9ca2b2; margin-bottom: 35px;}
.indexContainer.bg .layer2 .bd .bdBox .text ul li span{ width: 126px; height: 42px;}
.indexContainer.bg .layer2 .bd .bdBox:nth-child(2n) .icon{ float: left;}
.indexContainer.bg .layer2 .bd .bdBox:nth-child(2n) .text{ float: right;}
.indexContainer.bg .layer4{ padding: 0;}
.indexContainer.bg .layer4Box{ padding: 0; background: none;}
.indexContainer.bg .layer4Box .Nr .text h2{ height: 46px; line-height: 46px; font-size: 32px;}
.indexContainer.bg .layer4Box .Nr .text p{ font-size: 16px; color: #355FFD; padding-top: 45px;}

.indexContainer .layer13{ width: 100%; padding-top: 250px; padding-bottom: 200px;}
.indexContainer .layer13 ul{ overflow: hidden; padding-top: 85px;}
.indexContainer .layer13 ul li{ border-radius:15px ; width: 32%; float: left; margin: 0 2% 0 0; background: linear-gradient(to right,#8800d7,#4558fb); padding: 1px; box-sizing: border-box; height: 320px;}
.indexContainer .layer13 ul li:last-child{ margin-right: 0;}
.indexContainer .layer13 ul li .Nr{ width: 100%; height: 100%; border-radius:15px; background: #14103e; padding:48px 24px 0 24px; box-sizing: border-box;}
.indexContainer .layer13 ul li .Nr .logo{ width: 80px; height:44px; border-radius:22px; position:relative; background:rgb(52, 63, 95); margin-bottom: 35px;}
.indexContainer .layer13 ul li .Nr .logo img{ display: block; width: 50px; position:absolute; transform:translate(-50%,-50%); left:50%; top:50%; height: auto;}
.indexContainer .layer13 ul li .Nr .text{ width: 100%; font-size: 16px; color: #fff; line-height: 24px; color: #fff; margin-bottom: 30px;}
.indexContainer .layer13 ul li .Nr .User{ width: 100%;}
.indexContainer .layer13 ul li .Nr .User .icon{ width: 48px; height: 48px; float: left; overflow: hidden;}
.indexContainer .layer13 ul li .Nr .User .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer13 ul li .Nr .User .name{ width: calc(100% - 48px); float: left; padding-left: 10px; box-sizing: border-box;}
.indexContainer .layer13 ul li .Nr .User .name h2{ height: 32px; line-height: 32px; font-weight: normal; color: #fff; font-size: 16px;}
.indexContainer .layer13 ul li .Nr .User .name p{ font-size: 12px; color: #bbb8bc;}

.indexContainer .layer14 ul{ padding-top: 60px; padding-bottom: 190px;}
.indexContainer .layer14 ul li{ height: 100px; width: 100%; padding: 0 30px; box-sizing: border-box; border-bottom: 1px solid #4d5066; position: relative;}
.indexContainer .layer14 ul li a{ color: #fff; display: block; width: 100%; height: 100%; line-height: 100px; font-size: 24px; font-weight: bold;}
.indexContainer .layer14 ul li:after{ background: url(../images/Q16.png); width: 24px; height: 22px; background-size:100% 100%; position: absolute; content: ''; right: 30px; top: 50%; transform: translateY(-50%);}
.indexContainer .layer14 ul li:hover{ background: #181e54;}


.indexContainer.bg.bg2{ background: url(../images/bg9.png) center top no-repeat; background-size:100% auto ;}
.indexContainer.bg.bg2 { padding-top: 280px;}
.indexContainer.bg.bg2 .layer1 h2{ font-size: 36px;}
.indexContainer.bg.bg2 .layer1 h2:after{ display: none;}
.indexContainer.bg.bg2 .layer1 p{ padding: 0 0 60px 0;}
.indexContainer.bg.bg2 .layer10 ul li{ position: relative;}
.indexContainer.bg.bg2 .layer10 ul li .Nr a{ position: absolute; width: calc(100% - 56px); position: absolute; left: 50%; transform: translateX(-50%);  bottom: 28px;}
.indexContainer.bg.bg2 .layer10 ul li .Nr dl{ padding: 0;}
.indexContainer.bg.bg2 .layer10{ padding-bottom: 70px;}


.indexContainer .layer15{ width: 100%;}
.indexContainer .layer15 .hd{ width: 100%; height: 100px; border-bottom: 1px solid #1a3189;}
.indexContainer .layer15 .hd ul{ display: flex; height: 100%;}
.indexContainer .layer15 .hd li{ flex: 1; height: 100%; line-height: 100px; margin-right: 35px;}
.indexContainer .layer15 .hd li a{ display: block; width: 100%; height: 100%; line-height: 100px;}
.indexContainer .layer15 .hd li span{ text-align: center; display: inline-block; vertical-align: middle; height: 48px; width: 100%; border-radius:24px; border: 2px solid #021530; line-height: 44px; font-size: 18px; color: #afb9df;}
.indexContainer .layer15 .hd li span b{ display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius:50%; background: #021430; margin-right: 10px;}
.indexContainer .layer15 .hd li a.on span{ border: 2px solid #355ffd;}
.indexContainer .layer15 .hd li a.on b{ background: #355ffd;}
.indexContainer .layer15 .hd li a.on{ border-bottom: 2px solid #355ffd;}
.navbar-container{ height: 100px;}
.navbar-container.on{ width: 100%; position: fixed; left: 0; top: 80px; background: rgb(10, 16, 45); z-index: 98;}

.indexContainer .layer15 .tab table{ width: 100%; margin-top: 40px;}
.indexContainer .layer15 .tab table th{ width: 20%;  height: 68px; text-align: center; font-size: 14px; color: #fff;}
.indexContainer .layer15 .tab table th span{ font-size: 14px; font-weight:bold; line-height: 18px;}
.indexContainer .layer15 .tab table th b{ font-weight: normal; font-size: 12px;}
.indexContainer .layer15 .tab table th:first-child{ text-align: left; text-indent: 15px;}
.indexContainer .layer15 .tab table td{ width: 20%; background: #06122e; font-size: 14px; color: #fff; padding-left: 15px;  height: 68px; line-height: 18px;}
.indexContainer .layer15 .tab table td img{ width: 15px; height: auto;}
.indexContainer .layer15 .tab table tr:nth-child(2n) td{ background: #0a1b47;}
.indexContainer .layer15 .tab h2{ height: 40px; line-height: 40px; font-size: 16px; color: #355ffd;}

.indexContainer .layer16{ padding: 75px 0 208px 0;}
.indexContainer .layer16 ul{ display: flex; padding-top: 60px;}
.indexContainer .layer16 ul li{ flex: 1; margin: 0 125px 0 0; height: 360px; background: linear-gradient(to right,#8c11d9,#385cfb); padding: 1px; border-radius:12px; box-sizing: border-box;}
.indexContainer .layer16 ul li .Nr{ width: 100%; height: 100%; border-radius:12px; background: #12123e;}
.indexContainer .layer16 ul li h2{ height: 158px; text-align: center; line-height: 158px; text-align: center; color: #fff; font-size: 24px; font-weight: normal;}
.indexContainer .layer16 ul li .icon{ display: block; margin:0 auto; width: 130px; height: 130px; border-radius:12px; background: rgba(212, 204, 255, 0.23); position: relative;}
.indexContainer .layer16 ul li .icon img{ width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer16 ul li:last-child{ margin-right: 0;}
.banner.banner3{ background: url(../images/banner5.png); background-size:cover ;}
.banner.banner4{ background: url(../images/banner6.png); background-size:cover ;}
.banner.banner5{ background: url(../images/banner7.png); background-size:cover ;}

.Pop{ width: 74px; position: fixed; right: 0; bottom: 55px; border-radius:37px 37px 0 0; background: #4358fa;  z-index: 99; padding: 0 5px; box-sizing: border-box;}
.Pop ul li{ position: relative; border-bottom: 1px solid #99a9fe; padding: 15px 0;}
.Pop ul li .icon{ width: 30px; height: 30px; border-radius:50%; position: relative; margin: 0 auto;}
.Pop ul li:hover .icon{ background: rgba(255,255,255,0.2);}
.Pop ul li .icon img{ position: absolute; width: 80%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.Pop ul li p{ padding-top: 18px; text-align: center; color: #fff; font-size: 12px; color: #fff;}
.Pop ul li:last-child{ border: 0;}
.Pop ul li:hover .Nr{ display: block;}
.Pop ul li .Nr{ display: none; position: absolute; right: 74px; top: 50%; transform: translateY(-50%); padding-right: 10px;}
.Pop ul li .NrBox{  width: 160px; padding: 12px; background: #fff; border-radius:8px;}
.Pop ul li .NrBox .code{ width: 108px; height: 108px; margin: 0 auto; background: #ddd;}
.Pop ul li .NrBox .code img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Pop ul li .NrBox span{ display: block; text-align: center; padding-top: 8px; font-size: 12px; color: #666;}
.Pop ul li .NrBox h2{ text-align: center; font-size: 16px; color: #000; font-weight: normal;}

@media (max-width:1000px) {
	.w1120{ width: 100%;}

	.top{ width: 100%; height: 64px;}
	.top .topBox{ width: 100%; padding: 0 15px;}
	.top .topBox .logo{ height: 64px; line-height: 64px;}
	.top .topBox .logo img{ height: 20px;}
	.top .topBox .enter{ display: none;}
	.top .SideClick{ display: block; width: 18px; height: 12px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.top .SideClick span{ display: block; background: #fff; width: 100%; height: 2px; position: absolute;}
	.top .SideClick span:nth-child(1){ top: 0;}
	.top .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.top .SideClick span:nth-child(3){ bottom: 0;}
	.top .nav{ display: none; height: auto; width: 100%; top: 64px; padding: 15px; box-sizing: border-box; background: linear-gradient(178deg, rgba(37, 73, 126, 0.50) -42.25%, rgba(63, 65, 67, 0.02) 139.07%); backdrop-filter:blur(18px);}
	.top .nav ul li{ position: relative; height: auto; line-height: 28px; width: 100%; text-align: left; margin: 0;}
	.top .nav ul li>a{ width: 100%; height: 44px; display: block; line-height: 44px; padding: 0 10px; box-sizing: border-box;}
	.top .nav ul li>a:hover{ background: rgba(255,255,255,0.2); border-radius:6px ;}
	.top .nav ul li span{ position: absolute; right: 15px; top: 22px; width: 12px; height: 7px;}
	.top .nav ul li .navList{ position: relative; top: 0; background: none;}
	.top .nav ul li .navList .NavBox{ width: 100%; padding: 0;}
	.top .nav ul li .navList .NavBox:last-child{ display: none;}
	.top .nav ul li .navList .NavBox dl{ width: 100%;}
	.top .nav ul li .navList .NavBox dl dd{ width: 100%; padding: 10px 15px; box-sizing: border-box; margin: 0;}
	.top .nav ul li .navList .NavBox dl dd .icon{ float: left; position: relative;}
	.top .nav ul li .navList .NavBox dl dd .text{ float: left; width: calc(100% - 36px); padding-left: 15px; box-sizing: border-box;}
	.indexContainer{ width: 100%; overflow: hidden;}
	.indexContainer .layer1 h2{ font-size: 24px;}
	.indexContainer .bg2{ max-height: 614px; background: url(../images/indexBg.png) center center no-repeat;  background-size:100% auto;}
	.indexContainer .bg1{ width: 200%; height: auto;}
	.indexContainer .bg1 img{ width: 100%; height: auto;}
	.indexContainer .layer1 p{ font-size: 12px; padding-bottom: 50px;}
	.indexContainer .layer1 img{ width: 16px;}
	.indexContainer .tit h2{ font-size: 20px; font-weight: normal;}
	.indexContainer .tit span:after{ width: 100%; background: url(../images/a2.png) top center no-repeat; background-size:100% auto ; }
	
	.indexContainer .layer2 .hd{ overflow: hidden; width: 100%; overflow-x:scroll ;}
	.indexContainer .layer2 .hd::-webkit-scrollbar {
    display: none; /* 隐藏滚动条整体 */
  }
	.indexContainer .layer2:after{ display: none;}
	.indexContainer .layer2 .hd{ height: 80px; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer2 .hd ul li{ height: 80px; line-height: 80px;}
	.indexContainer .layer2 .hd ul li span{ width: 100%; font-size: 12px;}
	.indexContainer .layer2 .hd ul li.on:after{ width: 100%; }
	.indexContainer .layer2 .bd .bdBox .icon{ width: 100%;}
	.indexContainer .layer2 .bd{ padding: 30px 15px; box-sizing: border-box;}
	.indexContainer .layer2 .bd .bdBox .text{ width: 100%; padding-top: 30px;}
	.indexContainer .layer2 .bd .bdBox .text h2{ display: none;}
	.indexContainer .layer2 .bd .bdBox .text ul li span{ width: 124px; height: 30px; line-height: 30px; font-size: 12px;}
	.indexContainer .layer2 .bd .bdBox .text ul li p{ font-size: 12px; width: calc(100% - 124px);}
	.indexContainer .layer2:before{ display: none;}
	.indexContainer .layer2 .bd .bdBox a{ margin: 30px auto;}
	.indexContainer .layer3{ padding-top: 30px;}
	.indexContainer .layer3 ul{display: flex; flex-wrap: wrap; align-items: center; -webkit-box-pack: justify; justify-content: space-between;  width: 100%; padding: 30px 15px; overflow: hidden; box-sizing: border-box; }
	.indexContainer .layer3 ul br{ display: none;}
	.indexContainer .layer3 ul li{  width: 100px; float: left; margin:0 0 15px 0; height: 100px;}

	.indexContainer .layer3 ul li .icon{ height: 80px; line-height: 80px;}
	.indexContainer .layer3 ul li .icon img{ height: 30px;}
	.indexContainer .layer3 ul li p{ font-size: 16px;}
	.indexContainer .tit p{ font-size: 16px; }
	.indexContainer .layer4Box{ padding-top: 30px;}
	.indexContainer .layer4Box .Nr .icon{ width: 100%; height: auto;}
	.indexContainer .layer4Box{ background: url(../images/bg4.png) center top no-repeat; background-size:100% auto ;}
	.indexContainer .layer4Box .Nr{ padding: 0 15px; box-sizing: border-box; margin-bottom: 80px;}
	.indexContainer .layer4Box .Nr .text{ width: 100%; padding: 0;}
	.indexContainer .layer4Box .Nr:nth-child(2n) .text{ padding: 0;}
	.indexContainer .layer4Box a{ margin-top: 30px;}
	.indexContainer .layer5{ padding-top: 30px; padding-bottom: 100px;}
	.indexContainer .layer5Box{ padding: 50px 15px 0 15px; box-sizing: border-box;}
	.indexContainer .layer5Box ul li{ width: 100%; margin-bottom: 15px; height: auto;}
	.indexContainer .layer5Box ul li .Nr{ padding:30px 20px;}
	.indexContainer .layer5Box ul li .Nr dl dd{ font-size: 14px;}
	.indexContainer .layer5Box ul li .Nr h2{ padding-bottom: 15px;}
	.indexContainer .layer5Box a{ margin-top: 30px;}
	.indexContainer .layer6{ padding-bottom: 50px; position: relative;}
	.indexContainer .layer6:after{ background: url(../images/Bg2.png); content: ''; bottom: -150px;  width: 50%;  display: block; height: 800px; background-size:100% 100%; transform: rotate(180deg); position: absolute;}
	.indexContainer .layer6 ul li{ width: 100%; margin: 0 0 30px 0;}
	.indexContainer .layer7{ position: relative; z-index: 2; width: 90%; margin: 0 auto; height: auto; padding: 75px 0;}
	.indexContainer .layer7 h2{ font-size: 20px;}
	.indexContainer .layer7 ul li{ width: 120px; height: 30px;}
	.indexContainer .layer7 ul li a{ line-height: 28px; font-size: 14px;}
	.indexContainer .layer7 h2{ height: 100px; line-height: 100px;}
	.indexContainer .layer7 ul{ padding-top: 45px;}
	.footer{ width: 100%; padding: 0 20px; box-sizing: border-box;}
	.footerBox{ width: 100%;}
	.footerBox .footerLeft{ width: 100%;}
	.footerBox .footerRight{ width: 100%;}
	.footerBox .footerRight ul{ padding-top: 50px; margin: 0 ; width: 50%;}
	.footerBox .footerLeft .logo{ width: 100%;}
	.footerBox .footerLeft .code{ float: left; width: 60px; height: 60px;}
	.footerBox .footerLeft ul{ padding: 0; width: calc(100% - 60px); float: left; padding-left: 15px; box-sizing: border-box;}
	.footerBox .footerLeft ul li{ height: 24px; line-height: 24px; font-size: 12px;}
	.copyRight{ height: auto;}
	.copyRight .copyRightBox{ height: auto; padding:30px 15px; width: 100%; font-size: 16px; line-height: 24px; box-sizing: border-box;}
	.copyRight .copyRightBox span{ display: block; float: inherit; margin-top: 20px;}
	
	
	.banner.banner2{ width: 100%; height: 220px; margin-top: 64px;}
	.banner.banner2 .bannerBox{ width: 100%; padding: 0 15px; box-sizing: border-box; }
	.banner.banner2 .bannerBox h2{ font-size: 22px;}
	.banner.banner2 .bannerBox p{ font-size: 12px; margin: 0; line-height: 22px; margin-bottom: 15px; width: 470px;}
	.indexContainer .layer8{ padding: 30px 15px;}
	.indexContainer .layer8 ul li{ float: inherit; width: 50%; margin: 0 auto 30px auto;}
	.indexContainer .layer8 ul li h2{ text-align: center;}
	.indexContainer .layer8 ul li p{ text-align: center;}
	.indexContainer .layer8 ul li .icon{ margin: 0 auto;}
	.indexContainer .layer8 ul li:last-child{ margin: 0 auto;}
	.indexContainer .layer8 ul li .icon{ width: 36px; height: 36px;}
	.indexContainer .layer11Box{ width: 100%; padding: 0 15px; box-sizing: border-box; background: none;}
	.indexContainer .layer11Box .Nr{ margin-bottom: 80px;}
	.indexContainer .layer11Box .Nr .icon{ width: 100%; height: auto;}
	.indexContainer .layer11Box .Nr .text{ width: 100%; padding: 0;}
	.indexContainer .layer11Box .Nr .text h2{ padding: 30px 0; font-size: 18px;}
	.indexContainer .layer11Box .Nr .text p{ font-size: 14px;}
	
	.indexContainer .layer12 ul li{ width: 80%; margin: 0 auto 30px auto; }
	.indexContainer .layer12 ul li:nth-child(2n){ padding-top: 45px;}
	.indexContainer .layer12 ul li:nth-child(2n):after{ top: 0; bottom: auto;}
	.banner{ height: auto;}
	.bannerBox{ padding: 64px 15px 0 15px; width: 100%; box-sizing: border-box;}
	.bannerBox .icon{ width: 100%; position: relative; height: auto;}
	.bannerBox .icon img{ display: block; position: relative; top: auto;  transform:translateY(0) skew(-15deg); width: 80%; margin: 0 auto;}
	.indexContainer .layer2{ padding-top: 50px;}
	.indexContainer .layer2.pro:after{ width: 70%; height: 900px; background-size:100% 100% ; transform: none;}
	.bannerBox h2{ font-size: 24px; padding-top: 30px; text-align: center;}
	.banner:hover .bannerBox img{ transform:translateY(0) skew(0);}
	.bannerBox p{ margin-bottom: 50px; text-align: center;}
	.bannerBox ul{ text-align: center;}
	.indexContainer .layer2 .hd ul li .text{ width: 100%;}
	.bannerBox ul li{ float: inherit; display: inline-block;}
	.indexContainer .layer9 ul li{ width: 65%; margin: 0 auto 30px auto;}
	.indexContainer .layer10 ul{ width: 100%; padding: 0 15px; box-sizing: border-box; padding-top: 50px;}
	.indexContainer .layer10 ul li{ width: 70%; height: auto; margin: 0 auto 30px auto; float: inherit;}
	.indexContainer .layer10 ul li .Nr{ padding: 20px; box-sizing: border-box;}
	.indexContainer .layer10 ul li:last-child{ margin: 0 auto;}
	
	.indexContainer.bg .layer1 h2{ font-size: 24px;}
	.indexContainer.bg .layer2 .bd .bdBox .text ul li{ height: auto;}
	.indexContainer.bg .layer2 .bd .bdBox .text ul li span {width: 124px;  height: 30px;line-height: 30px; font-size: 12px;}
	.indexContainer.bg .layer2 .bd .bdBox .text ul li p { width: calc(100% - 160px);padding-left: 15px; font-size: 12px; margin-bottom: 10px;}
	.indexContainer.bg .layer2 .bd .bdBox .text h2{ display: block; font-size: 18px;}
    .indexContainer.bg .layer2 .bd .bdBox{ margin-bottom: 30px;}
    .indexContainer.bg .layer4Box .Nr .text{ padding-top: 30px;}
    .indexContainer.bg .layer4Box .Nr .text h2{ padding: 15px 0; font-size: 18px;}
    .indexContainer .layer13{ padding-top: 50px; padding-bottom: 50px;}
    .indexContainer .layer13 ul{ padding: 50px 15px 0 15px; box-sizing: border-box;}
    .indexContainer .layer13 ul li{ width: 100%; margin-bottom: 15px;}
    .indexContainer .layer14 ul li a{ font-size: 18px;}
    
    .indexContainer.bg.bg2{ padding-top: 140px;}
    .indexContainer.bg.bg2 .layer1{ padding: 0 15px 50px 15px; box-sizing: border-box;}
    .indexContainer.bg.bg2 .layer1 h2{ font-size: 24px; height: 24px;}
    .indexContainer.bg .shiyong{ margin: 30px auto;}
    .indexContainer.bg.bg2 .layer10 ul li .Nr{ padding: 20px 20px 100px 20px;}
    .indexContainer .layer15 .hd{ width: 100%; height: 80px; padding: 0 15px!important; box-sizing: border-box; overflow-y: hidden; overflow-x: scroll; }
	.navbar-container{ height: 80px;}
	.navbar-container.on{ top: 64px;}
	
	.indexContainer .layer15 .hd ul{ width:700px; height: 100%;}
	.indexContainer .layer15 .hd li{ height: 100%; height: 100%;}
	.indexContainer .layer15 .hd li a{ line-height: 80px;}
	.indexContainer .layer15 .hd li span{ font-size: 12px; width: 100%; height: 28px; line-height: 24px; vertical-align: middle; transform: translateY(-3px); box-sizing: border-box;}
	.indexContainer .layer15 .hd li span b{ transform: translateY(-2px); margin-right: 5px;}
	.indexContainer .layer15 .hd{ }
	.indexContainer .layer15 .Warp{ width: 100%; overflow-x: scroll;}
	.indexContainer .layer15 .Warp .tab{ width: 900px;}
	.indexContainer .layer16{ padding: 50px 0;}
	.indexContainer .layer16 ul{  width: 100%; display: block;}
	.indexContainer .layer16 ul li{ width: 80%; display: block; margin: 0 auto 30px auto;}
	.indexContainer .layer16 ul li:last-child{ margin: 0 auto;}
	
	.indexContainer .layer12 ul.list1{ width: 100%; display: block;}
	.indexContainer .layer12 ul.list1 li{ width: 80%; display: block; margin: 0 auto 45px auto; }
	.indexContainer .layer12 ul.list1 li:after{ top: 0; bottom: auto;}
	.indexContainer .layer12 ul.list1 li:nth-child(2n):after{ top: 0;}
	.indexContainer .layer12 ul.list1 li:last-child{ margin: 0 auto;}
	.indexContainer .layer2 .hd ul{ width: 150%;}
	.Pop{ width: 38px;}
	.Pop ul li p{ display: none;}
	.Pop ul li{ padding: 5px 0;}
	.Pop ul li .Nr{ right: 30px;}
	.copyRight .copyRightBox a{ display: block; width: 100%; margin-top: 10px;}
	.copyRight .copyRightBox{ line-height: 24px;}
	
}

@media (max-width:1367px) and (min-width:1001px) {
	.w1120{ width: 100%; padding: 0 24px; box-sizing: border-box;}
	.top .topBox{ width: 100%; padding: 0 2%; box-sizing: border-box;}
	.indexContainer .layer2 .bd .bdBox .text{ width: 48%; }
	.indexContainer .layer2 .bd .bdBox .icon{ width: 48%;}
	.indexContainer .layer3 ul li{ margin: 0 40px 55px 40px;}
	.indexContainer .layer5Box{ padding: 80px 24px 0 24px; box-sizing: border-box;}
	.indexContainer .layer7{ width: 100%; margin: 0 auto;}
	.footerBox{ width: 100%; padding: 0 24px; box-sizing: border-box;}
	.footerBox .footerRight ul{ margin-left: 60px;}
	.footerBox .footerRight ul:first-child{ margin-left: 0;}
	
	

	.copyRight .copyRightBox{ width: 100%; padding: 0 24px; box-sizing: border-box;}
	.indexContainer .layer12 ul li{ width: 32%; float: left; margin: 0 2% 0 0 ;}
	.indexContainer .layer12 ul li:last-child{ margin-right: 0;}
	.indexContainer .layer12 ul{ padding: 80px 24px 0 24px; box-sizing: border-box;}
	.indexContainer .layer12 ul.list1{ width: 100%; padding: 50px 24px 0 24px;}
	.bannerBox{ width: 100%; padding: 320px 24px 0 24px; box-sizing: border-box;}
	.indexContainer .layer10 ul{ width: 100%; padding: 60px 24px 0 24px; box-sizing: border-box;}
	.indexContainer .layer6 ul li{ margin: 0 80px;}
	.top .nav ul li .navList .NavBox dl dd{ width: 49%; margin: 0 2% 0 0; padding: 16px 0 16px 48px;}
	.top .nav ul li .navList .NavBox dl dd:nth-child(2n){ margin-right: 0;}
	.top .nav ul li .navList .NavBox dl dd .icon{ top: 16px;}
}