@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";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: "微软雅黑"; 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; }
a{ cursor: pointer;}

.banner{ width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}	
.top{ width: 100%; position: absolute; top: 0; left: 0;}
.top .topBox{ width: 1200px; margin: 0 auto; height: 100px;}
.top .topBox .logo{ float: left; height: 100px; line-height: 100px;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .nav{ float: right; height: 100px;}
.top .topBox .serach{ position: relative; float: right; width: 160px; height: 100px; background: url(../images/icon_03.png) center center no-repeat;}
.top .topBox .nav ul{ overflow: hidden;}
.top .topBox .nav ul li{ font-size: 18px; float: left; line-height: 100px; color: rgba(255,255,255,0.7);}
.top .topBox .nav ul li a{ color: #fff; font-size: 16px;}

.indexContainer{ background: #f5f5f5; width: 100%;}
.indexContainer .layer1{ width: 1200px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; margin: -350px auto 0 auto; border-radius:50px ;}
.indexContainer .layer1 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer2{ width: 1200px; margin: 40px auto 0 auto;}
.indexContainer .layer2 ul{ overflow: hidden;}
.indexContainer .layer2 ul li{ transition: 0.5s; position: relative; border-radius:30px; overflow: hidden; width: 386px; float: left; margin-right: 21px; background: url(../images/index_04.jpg); height: 680px; background-size:100% 100% ; padding: 0 35px 0 25px; box-sizing: border-box;}
.indexContainer .layer2 ul li:last-child{ margin-right: 0;}
.indexContainer .layer2 ul li .bt{ transition: 0.5s; width: 100%; height: 130px; line-height: 130px; font-size: 52px; color: #fff; font-weight: bold; text-shadow: 10px 10px 15px #7ab7f8;}
.indexContainer .layer2 ul li .icon{ width: 115px; height: 115px; position: absolute; right: 0; top: 0;}
.indexContainer .layer2 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer2 ul li h2{ font-size: 14px; transition: 0.5s; color: #333; line-height: 24px;}
.indexContainer .layer2 ul li p{ transition: 0.5s; margin-bottom: 20px; font-size: 14px; line-height: 24px; color: #5f5f5f; }
.indexContainer .layer2 ul li a{ transition: 0.5s; display: block; width: 146px; height: 42px; border-radius:21px; border: 1px solid #564cf1; box-sizing: border-box; text-align: center; line-height: 40px; font-size: 18px; color: #564cf1; margin: 55px auto 0 auto;}
.indexContainer .layer2 ul li:hover h2{ color: #fff;}
.indexContainer .layer2 ul li:hover p{ color: #fff;}
.indexContainer .layer2 ul li:hover a{ border: 1px solid #fff; color: #fff;}
.indexContainer .layer2 ul li:hover{ background: url(../images/index_06.jpg);}
.indexContainer .layer2 ul li:hover .bt{ text-shadow: 10px 10px 15px rgba(0,0,0,0.2);}

.indexContainer .layer3{ width: 100%; padding-bottom: 465px; position: relative;   margin: 40px auto 0 auto; }
.indexContainer .layer3 ul{ height: 500px; width: 1200px; overflow: hidden;background: linear-gradient(to right,#4b67eb,#471bcd);border-radius:70px ; margin: 0 auto; position: relative; z-index: 2;}
.indexContainer .layer3 ul li{transition: 0.5s; width: 33%; height: 100%; float: left; position: relative; transition: 0.5s;}
.indexContainer .layer3 ul li:nth-child(2){ width: 34%;}
.indexContainer .layer3 ul li:nth-child(2):after{ content: ''; width: 1px; height: 420px; display: block; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.indexContainer .layer3 ul li:nth-child(2):before{ content: ''; width: 1px; height:420px; display: block; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


.indexContainer .layer3 ul li img{ position: absolute; left: 50%; transform: translateX(-50%); top: 45px; z-index: 2;}
.indexContainer .layer3 ul li .text{ width: 100%; height: 100%; padding-top: 95px; box-sizing: border-box; position: relative; z-index: 3;}
.indexContainer .layer3 ul li .text h2{ text-align: center; font-size: 22px; color: #fff; line-height: 32px;}
.indexContainer .layer3 ul li .text p{ text-align: center; font-size: 12px; color: #afa0ff; padding-bottom: 34px;}
.indexContainer .layer3 ul li .text dl{ padding-top: 50px;}
.indexContainer .layer3 ul li .text dl dd{ text-align: center; font-size: 13px; color: #fff; padding-bottom: 32px; text-align: center;}
.indexContainer .layer3 ul li .text dl dd a{ color: #fff;}
.indexContainer .layer3 ul li .text dl dd:hover a{ color: #00fffc;}
.indexContainer .layer3 ul li:nth-child(1) .text dl{ padding-top: 0;}
.indexContainer .layer3 ul li:nth-child(1) .text dl dd{ padding: 0; line-height: 24px;}
.indexContainer .layer3 ul li:hover{ background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3));}
.indexContainer .layer3 .bg{ position: absolute; bottom: -50px; left: 0; width: 100%;}
.indexContainer .layer4{ width: 100%; background: #f5f5f5;}
.indexContainer .layer4Box{ width: 1200px; margin: 0 auto; height: 745px; position: relative;}
.indexContainer .layer4Box ul{ width: 270px; position: absolute; left: 0; top: 165px;}
.indexContainer .layer4Box ul li{ transition: 0.5s; width: 100%; height: 187px; background: #fff; border-radius:45px; margin-bottom: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexContainer .layer4Box ul li h2{ line-height: 70px; height: 70px; text-align: center; font-size: 24px; color: #222;}
.indexContainer .layer4Box ul li span{ display: block; width: 70px; height: 1px; margin: 0 auto; background: #3f3f3f;}
.indexContainer .layer4Box ul li h3{ color: #28282c; font-size: 18px; text-align:center; line-height: 34px; margin-top: 15px;}
.indexContainer .layer4Box ul li p{ color: #28282c; text-align: center; line-height: 20px; font-size: 14px;}
.indexContainer .layer4Box .tit img{ display: block; margin: 0 auto;}
.indexContainer .layer4Box ul:nth-child(2){ right: 0; left: auto;}
.indexContainer .layer4Box ul li:hover{ background: linear-gradient(to right,#504feb,#4c20d9);}
.indexContainer .layer4Box ul li:hover h2{ color: #fff;}
.indexContainer .layer4Box ul li:hover span{ background: #fff;}
.indexContainer .layer4Box ul li:hover h3{ color: #fff;}
.indexContainer .layer4Box ul li:hover p{ color: #fff;}
.indexContainer .layer4Box .nr{ background: url(../images/index_13.jpg); width: 360px; height: 360px; position: relative; margin:45px auto 0 auto;}
.indexContainer .layer4Box .nr p{ width: 165px; height: 40px; line-height: 40px; text-align: center; border-radius:20px; background: #fff; position: absolute;}
.indexContainer .layer4Box .nr p a{ display: inline-block; font-size: 14px; line-height: 18px; color: #222; vertical-align: middle;}
.indexContainer .layer4Box .nr p:nth-child(1){ top: 0; left: -65px;}
.indexContainer .layer4Box .nr p:nth-child(2){ top: 0; right: -65px;}
.indexContainer .layer4Box .nr p:nth-child(3){ top: 50%; transform: translateY(-50%); left: -135px;}
.indexContainer .layer4Box .nr p:nth-child(4){ top: 50%; transform: translateY(-50%); right: -135px;}
.indexContainer .layer4Box .nr p:nth-child(5){ bottom: 0; left: -65px;}
.indexContainer .layer4Box .nr p:nth-child(6){ bottom: 0; right: -65px;}
.indexContainer .layer4Box .nr p:hover{ background: url(../images/icon_20.png); background-size:100% 100%;}
.indexContainer .layer4Box .nr p:hover a{ color: #fff;}

.indexContainer .layer5{ background: #f5f5f5;}
.indexContainer .layer5Box{ width: 1200px; margin: 0 auto;}
.indexContainer .layer5Box h2{ height: 125px; text-align: center; line-height: 125px; font-size: 36px; color: #3a5df1; font-weight: bold;}
.indexContainer .layer5Box p{ font-size: 20px; color: #222; line-height: 38px;}
.indexContainer .layer5Box ul{ overflow: hidden; padding-top: 25px; padding-bottom: 65px;}
.indexContainer .layer5Box ul li{ width: 18.4%; float: left; margin: 0 2% 15px 0;}
.indexContainer .layer5Box ul li:nth-child(5n){ margin-right: 0;}
.indexContainer .layer5Box ul li img{ display: block; width: 100%;}

.indexContainer .layer6{ background: #fff; padding-top: 80px; padding-bottom: 1px;}
.indexContainer .layer6 .tit{ padding-bottom: 25px;}
.indexContainer .layer6 .tit img{ display: block; margin: 0 auto;} 
.indexContainer .layer6Box{ background: url(../images/bg3_03.jpg) right top no-repeat; width: 1200px; margin: 0 auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:25px ;}
.indexContainer .layer6Box .NrTop{ width: 100%; overflow: hidden;}
.indexContainer .layer6Box .NrTop .box{ width:50%; float: left;}
.indexContainer .layer6Box h2{ text-align: center; line-height: 120px; height: 120px; color: #3a5df1; font-weight: bold; font-size: 36px;}
.indexContainer .layer6Box .NrTop .box img{ display: block; margin: 0 auto;}
.indexContainer .layer6Box .NrTop .box h3{ text-align: center; font-size: 16px; color: #3a5df1; margin-top: 70px;}
.indexContainer .layer6Box .NrTop .box p{ color: #222; font-size: 16px; margin-top: 24px; text-align: center;}
.indexContainer .layer6Box .NrTop .box h3:first-child{ margin:0;}
.indexContainer .layer6Box .NrBottom ul{ text-align: center; padding-bottom: 60px;}
.indexContainer .layer6Box .NrBottom ul li{ margin: 0 10px; display: inline-block; font-size: 16px; color: #222;}
.indexContainer .layer6Box .NrBottom ul li span{ font-size: 26px; color: #b0bef9;}
.indexContainer .layer6 .enter{ margin: 45px auto; border-radius:25px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; width: 235px; height: 50px; background: linear-gradient(to right,#3c23cd,#2ce4eb); display: block;}

.indexContainer .layer7{ background: url(../images/bgNr_20.jpg) center bottom no-repeat; position: relative; padding-bottom: 120px; width: 100%; padding-top: 70px;}
.indexContainer .layer7 .tit{ padding-bottom: 65px;}
.indexContainer .layer7 .tit img{ display: block; margin: 0 auto;}
.indexContainer .layer7Box{ width: 1200px; margin: 0 auto;}
.indexContainer .layer7Top{position: relative; z-index: 2; width: 1050px; margin: 0 auto; overflow: hidden; padding-bottom: 90px;}
.indexContainer .layer7Top img{ display: block; float: left;}
.indexContainer .layer7Top img:last-child{ display: block; float: right;}
.indexContainer .layer7 ul{ width: 1160px; margin: 0 auto; position: relative; z-index: 2;}
.indexContainer .layer7 ul li{ border-radius:15px ; width: 49%; float: left; margin-right: 2%; margin-bottom: 25px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; height: 80px;}
.indexContainer .layer7 ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer7 ul li .icon{ float: left; background: url(../images/icon_30.png) center center no-repeat; width: 78px; height: 80px;}
.indexContainer .layer7 ul li p{ float: left; height: 80px; line-height: 80px; font-size: 16px; color: #333;}
.indexContainer .layer7 ul li a{ display: inline-block; height: 80px; line-height: 80px; float: right; margin-right: 20px; font-size: 16px; color: #3a5df1;}
.indexContainer .layer7 ul li:hover{ background: linear-gradient(to right,#254ee6,#5eace4);}
.indexContainer .layer7 ul li:hover .icon{ background: url(../images/icon_27.png) center center no-repeat;}
.indexContainer .layer7 ul li:hover p{ color: #fff;}
.indexContainer .layer7 ul li:hover a{ color: #fff;}
.indexContainer .layer7 .enter{ margin: 60px auto 0 auto; border-radius:25px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; width: 235px; height: 50px; background: linear-gradient(to right,#3c23cd,#2ce4eb); display: block;}

.indexContainer .layer7 img.bg{ display: block; position: absolute; left:84px; top: 390px; z-index: 1;}