@keyframes electricity{0%{left:0;width:100%;}
100%{left:101%;width:0;}
;}

body #fp-nav ul li a span, 
body .fp-slidesNav ul li a span{ background: #531c86;}
#fullpage .section01 .banner{height:100%;}
#fullpage .section01 .banner .swiper-container{height:100%;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper{height:100%;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide{overflow:hidden;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:100vh;object-fit:cover;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide video{width:100%; height: 100%; position:absolute;top:0;left:0;object-fit: cover}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text{position:absolute;top:50%;left:13.5%;transform:translateY(-50%);  display: none;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text h2{font-weight:bold;color:#666;position:relative;top:20px;opacity:0;transition:all 1s ease 0.3s;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text p{color:#666;margin-top:4px;position:relative;top:20px;opacity:0;transition:all 1s ease 0.6s;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text .source{font-family:Source;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text .more{margin-top:40px;width:200px;height:60px; line-height: 60px; position:relative;top:20px;opacity:0;transition:all 1s ease 0.9s;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text .more p{display:block;font-weight:bold;text-align:center;border:2px solid #666;border-radius:5px;color:#666;transition:all 0.5s;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text .more p span{margin-left:8px;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text .more p:hover{background:#531c86;border:2px solid #531c86;color:#fff;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2{top:0;opacity:1;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text.active p{top:0;opacity:1;}
#fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide .text.active .more{top:0;opacity:1;}
#fullpage .section01 .banner .swiper-container .swiper-button-next{ background: none; text-align: center; top: auto; right: auto; bottom:107px; left:50%; margin-left: 140px; z-index: 101;text-shadow: 0 0 10px #000;}
#fullpage .section01 .banner .swiper-container .swiper-button-prev{ background: none; text-align: center; top: auto; right: auto; bottom:107px; left:50%; margin-left: -150px; z-index: 101;text-shadow: 0 0 10px #000;}

#fullpage .section01 .banner .swiper-container .swiper-button-next:hover,
#fullpage .section01 .banner .swiper-container .swiper-button-prev:hover{ opacity: 0.5;}

#fullpage .section01 .banner .swiper-container .pagination-all{position:absolute;bottom:120px;width:100%;left:0;z-index:100;text-align:center;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign{display:inline-block;width:22px;height:24px;background:url(../images/banner_btn.png) no-repeat;background-size:cover;margin-right:14px;cursor:pointer; overflow: hidden; vertical-align: top;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign span{color:#fff;display:inline-block;text-align:center;line-height:26px; vertical-align: top; position: relative; top: -1px;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign span.play{ right: -1px;text-shadow: 0 0 10px #000;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign span.pause{display:none;text-shadow: 0 0 10px #000;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign.active span.play{display:none;}
#fullpage .section01 .banner .swiper-container .pagination-all .sign.active span.pause{display:block;}
#fullpage .section01 .banner .swiper-container .swiper-pagination{position:relative;display:inline-block; width: 200px;box-shadow: 0 0px 10px 3px #ccc;}
#fullpage .section01 .banner .swiper-container .swiper-pagination .swiper-pagination-bullet{ flex: 1; height:2px;background:rgba(255,255,255,0.5);opacity:1;border-radius:0;position:relative;}
#fullpage .section01 .banner .swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:'';width:0;height:4px;background:#fff;position:absolute;left:0;top:-2px;box-shadow: 0 0px 10px 3px #999;}
#fullpage .section01 .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before{width:100%;transition:all  5s;}
#fullpage .section01 .news-swiper{position:absolute;bottom:30px; right: 0; left:0;z-index:100;padding:0 13.5%;}
#fullpage .section01 .news-swiper .con{height:72px;overflow:hidden;background:rgba(255,255,255,0.8);}
#fullpage .section01 .news-swiper .con .left{float:left;width:74px;height:72px;}
#fullpage .section01 .news-swiper .con .left img{width:100%;}
#fullpage .section01 .news-swiper .con .right{overflow: hidden; height:72px;background:url(../images/banner_search_bg.png) no-repeat right center;background-size:cover;}
#fullpage .section01 .news-swiper .con .right .swiper-slide{padding-left:30px;padding-right:260px; width: auto; height: 1em;}
#fullpage .section01 .news-swiper .con .right .swiper-slide a{display:inline-block;color:#364356;line-height:72px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#fullpage .section01 .news-swiper .con .right .swiper-slide span{float:right;display:inline-block;line-height:72px;color:#a5aab1;}
#fullpage .section01 .news-swiper .con .right .swiper-button-next{width:40px;height:72px; line-height: 72px; background:none;top:0;right:60px;margin-top:0;}
#fullpage .section01 .news-swiper .con .right .swiper-button-next:hover{color:#8f7bcc;}
#fullpage .section01 .news-swiper .con .right .swiper-button-prev{width:40px;height:72px;line-height: 72px; background:none;left:auto;right:30px;top:0;margin-top:0;}

#fullpage .section01 .news-swiper .con .right .swiper-button-prev:hover{color:#8f7bcc;}
#fullpage .section02 .con{width:100%;height:100%;}
#fullpage .section02 .con .left{float:left;width:50%;height:100%;background:url(../images/brief_left.jpg) no-repeat;background-size:cover;}
#fullpage .section02 .con .left .text{margin:0 15%;position:relative;top:15%;}
#fullpage .section02 .con .left .text h2{color:#333;text-align:left;font-weight:bold;position:relative;top:20px;opacity:0;}
#fullpage .section02 .con .left .text p{color:#999;text-align:left;line-height:2;margin:60px 0 80px;position:relative;top:20px;opacity:0;}
#fullpage .section02 .con .left .text .btn{position:relative;top:20px;opacity:0; text-align: center; }
#fullpage .section02 .con .left .text .btn a{background:url(../images/btn_01.png) no-repeat;background-size:cover;display:block;width:189px;height:59px;color:#531c86;text-align:center;line-height:59px;transition:all 0.5s;}
#fullpage .section02 .con .left .text .btn a:hover{background:url(../images/btn_02.png) no-repeat;background-size:cover;color:#fff;}
#fullpage .section02 .con .right{float:right;width:50%;height:100%;}
#fullpage .section02 .con .right .top{height:50%;background:#531c86 url(../images/wen.jpg); justify-content: center; color:#fff; box-sizing: border-box;}
#fullpage .section02 .con .right .top .pad-30{ width: 100%; box-sizing:border-box;}
#fullpage .section02 .con .right .top h2.f-24{ margin-top: 12vh;}
#fullpage .section02 .con .right .top .swiper-container{padding-bottom:100px;}
#fullpage .section02 .con .right .top .swiper-slide{text-align:center; position: relative;}
/* #fullpage .section02 .con .right .top .swiper-slide::after{ width: 1px; height: 3em; background: #fff; opacity: 0.5; position: absolute; content: ''; left: 0; top: 50%; margin-top: -1.5em;}
#fullpage .section02 .con .right .top .swiper-slide:first-child::after{ display: none;} */
#fullpage .section02 .con .right .top .swiper-slide .text .num h2{font-weight:bold;position:relative;display:inline-block;}
#fullpage .section02 .con .right .top .swiper-slide .text .num h2:before{content:'+';font-weight:normal;position:absolute;right:-48px;top:0; font-size: 2.6rem;}
#fullpage .section02 .con .right .top .swiper-slide .text .num2 h2:before{display:none;}
#fullpage .section02 .con .right .top .swiper-slide .text p{margin:10px auto;color:#f5f5f5;opacity:0.5;}
#fullpage .section02 .con .right .top .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px;background:#fff;}
#fullpage .section02 .con .right .bottom{height:0;position:relative;transition:all 2s; background-size: cover; background-position: center;}
#fullpage .section02 .con .right .bottom img{width:100%;}
#fullpage .section02 .con .right .bottom .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:72px;background:url(../images/btn_03.png) no-repeat;background-size:cover;cursor:pointer;transition:all 0.5s;}
#fullpage .section02 .con .right .bottom .video-btn:hover{background:url(../images/btn_04.png) no-repeat;background-size:cover;}

#fullpage .section02 .con .left h2{transition:all 0.5s ease 0.5s;}
#fullpage .section02.active .con .left h2{top:0;opacity:1;}
#fullpage .section02 .con .left p{transition:all 0.5s ease 0.8s;}
#fullpage .section02.active .con .left p{top:0;opacity:1;}
#fullpage .section02 .con .left .btn{transition:all 0.5s ease 1.1s;}
#fullpage .section02.active .con .left .btn{top:0;opacity:1;}
#fullpage .section02.active .con .right .bottom{height:50%;}


#fullpage .section03 .con{width:100%;height:100%;}
#fullpage .section03 .con .box{position:absolute;width:100%;height:100%;opacity:0;overflow:hidden; background-position:center; background-size: cover;}
#fullpage .section03 .con .box .fiex1 > h2{font-weight:bold;color:#76218e;text-align:center;position:relative;top:20px;opacity:0;transition:all 0.5s ease 0.3s;}
#fullpage .section03 .con .box .fiex1 > h3{color:#9e9d9d;text-align:center;margin-top:20px;position:relative;top:20px;opacity:0;transition:all 0.5s ease 0.6s;}
#fullpage .section03 .con .box .fiex1 > p{color:#333;font-weight:bold;text-align:center;margin-top:20px;position:relative;top:20px;opacity:0;transition:all 0.5s ease 0.6s;}
#fullpage .section03 .con .box.box1{z-index:3;}
#fullpage .section03 .con .box.box2{z-index:2;}
#fullpage .section03 .con .box.box3{z-index:1;}
#fullpage .section03 .con .box.box3 > h2{margin-top:6%;}
#fullpage .section03 .con .box.box3 .box-wrapper{  width: 80%; box-sizing: border-box;  margin:100px auto 0;position:relative;top:20px;opacity:0;transition:all 0.5s ease 0.9s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-container{padding:20px 0;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide{top:0;transition:all 0.5s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text{width:82%;margin:0 auto;padding:60px 20px 36px;border-radius:10px;overflow:hidden;transition:all 0.5s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu{margin:0 auto;width:80px;height:80px;overflow:hidden;position:relative;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu img{position:absolute;width:100%;left:0;transition:all 0.5s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu img.color{top:0;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu img.white{top:80px;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text h2{color:#666;text-align:center;margin:24px 0 8px;transition:all 0.5s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text p{color:rgba(255,255,255,0.6);text-align:center;opacity:0;position:relative;top:20px;transition:all 0.5s ease 0.2s;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover{top:-20px;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover .text{background:url(../images/icon_bg.png) no-repeat;background-size:cover;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover .text .tu img.color{top:-80px;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover .text .tu img.white{top:0;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover .text h2{color:rgba(255,255,255,0.8);}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide.hover .text p{top:0;opacity:1;}
#fullpage .section03 .con .box.box3 .box-wrapper .swiper-button-next{width:40px;background:none;top:32%;right:-40px;margin-top:0;z-index:100; text-align: center;}
#fullpage .section03 .con .box.box3  .swiper-button-disabled{ display: none;}

#fullpage .section03 .con .box.box3 .box-wrapper .swiper-button-prev{width:40px;background:none;left:-40px;top:32%;margin-top:0;z-index:100;text-align: center;}

#fullpage .section03 .con .box.active{opacity:1;z-index:4;transition:all 2s;}
#fullpage .section03 .con .box.active .fiex1 > h2{opacity:1;top:0;}
#fullpage .section03 .con .box.active .fiex1 > h3{opacity:1;top:0;}
#fullpage .section03 .con .box.active .fiex1 > p{opacity:1;top:0;}
#fullpage .section03 .con .box.active .box-wrapper{opacity:1;top:0;}

#fullpage .section03 .wrapper-list{position:absolute;bottom:0;width:100%;text-align:center;z-index:100;opacity:0;}
#fullpage .section03 .wrapper-list ul{display:inline-block;padding-top:18px;}
#fullpage .section03 .wrapper-list ul li{float:left;cursor:pointer;}
#fullpage .section03 .wrapper-list ul li h2{text-align:center;color:#999;position:relative;transition:all 0.5s;}
#fullpage .section03 .wrapper-list ul li h2:after{content:'';width:12px;height:10px;background:url(../images/btn_05.png) no-repeat;background-size:cover;position:absolute;top:-20px;left:50%;margin-left:-6px;}
#fullpage .section03 .wrapper-list ul li h2:before{content:''; pointer-events: none; width:12em; left:2em;height:1px;background:#bbb;position:absolute;top:-15px;}
#fullpage .section03 .wrapper-list ul li:last-child h2:before{display:none;}
#fullpage .section03 .wrapper-list ul li{margin:0 4em; width: 4em; text-align: center;}
#fullpage .section03 .wrapper-list ul li.active h2{color:#531c86; font-weight: bold;}
#fullpage .section03 .wrapper-list ul li.active h2:after{background:url(../images/btn_06.png) no-repeat;background-size:cover;}
#fullpage .section03 .wrapper-list ul li:hover h2{color:#531c86;}
#fullpage .section03 .wrapper-list ul li:hover h2:after{background:url(../images/btn_06.png) no-repeat;background-size:cover;}
#fullpage .section03.active .wrapper-list{bottom:13%;opacity:1;transition:all 1s ease 0.5s;}
#fullpage .section04{background:url(../images/section04_bg.jpg) no-repeat;background-size:cover;}
#fullpage .section04 .con{padding:0 6%;height:100%;}
#fullpage .section04 .con .title{margin-top:10vh;}
#fullpage .section04 .con .title .line{width:3px;height:80px;background-image:linear-gradient(#255DA7,#531D85);margin:0 auto;position:relative;top:20px;opacity:0; border-radius: 2px;}
#fullpage .section04 .con .title h2{color:#333;text-align:center;margin:0px 0 10px;position:relative;top:20px;opacity:0;}
#fullpage .section04 .con .title p{color:#364356;text-align:center;position:relative;top:20px;opacity:0;}
#fullpage .section04 .con .con-bottom{position:relative;top:20px;opacity:0; padding-top: 39.12%;}
#fullpage .section04 .con .con-bottom > img{width:100%; height: 100%; position:absolute;left:0;top:0;}
#fullpage .section04 .con .con-bottom .left{width:50%;height:100%; left: 0; top: 0; position: absolute;;}
#fullpage .section04 .con .con-bottom .left ul{width:58%;height:100%;position:absolute;top:68%;left:58%;transform:translate(-50%,-50%);}
#fullpage .section04 .con .con-bottom .left ul li{width:100%;opacity:0;position:absolute;top:0;left:0;transform:scale(0);transition:all 1s;}
#fullpage .section04 .con .con-bottom .left ul li img{width:100%;}
#fullpage .section04 .con .con-bottom .left ul li.active{transform:scale(1);opacity:1;}
#fullpage .section04 .con .con-bottom .right{width:40%; height: 100%; right:5%; top: 0; position: absolute;}
#fullpage .section04 .con .con-bottom .right .right-con{height:100%;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container{height:100%;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper{height:100%;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide{height:100%;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text{width:96%;position:absolute;top:47%;left:0;transform:translateY(-50%);}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text .sign{display:inline-block;text-align:center;line-height:2em; padding: 0 20px; background:#531c86;color:#fff;background:url(../images/section04_sign.png) no-repeat;background-size:cover;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text h2{color:#333;margin:10px 12px; margin-left:0; }
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text h3{font-weight:bold;letter-spacing:1px;color:#666; padding-left:2px;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text span{color:#666;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text .txt{margin-top:40px; padding-left:2px;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text .txt p{padding-left:20px;color:#888;position:relative;margin-top:12px;}
#fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text .txt p:before{content:'';width:4px;height:4px;background:#999;border-radius:50%;position:absolute;left:0;top:10px;}
#fullpage .section04 .con .con-bottom .swiper-button-next{background:url(../images/section04_btn.png) no-repeat;background-size:contain;top:50%;right:50%;margin-right:-20px;width:42px;height:42px;margin-top:-42px; text-align: center; line-height: 42px;}
#fullpage .section04 .con .con-bottom .swiper-button-next span{ opacity: 0.5;}
#fullpage .section04 .con .con-bottom .swiper-button-next:hover span{opacity:1;}
#fullpage .section04 .con .con-bottom .swiper-pagination{bottom:0;width:100%;text-align:center;}
#fullpage .section04 .con .con-bottom .swiper-pagination .swiper-pagination-bullet{width:12px;height:10px;background:url(../images/btn_05.png) no-repeat;background-size:cover;margin:0 6px;opacity:1;}
#fullpage .section04 .con .con-bottom .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/btn_06.png) no-repeat;background-size:cover;}
#fullpage .section04 .con .title .line{transition:all 0.5s ease 0.3s;}
#fullpage .section04.active .con .title .line{opacity:1;top:0;}
#fullpage .section04 .con .title h2{transition:all 0.5s ease 0.6s;}
#fullpage .section04.active .con .title h2{opacity:1;top:0;}
#fullpage .section04 .con .title p{transition:all 0.5s ease 0.9s;}
#fullpage .section04.active .con .title p{opacity:1;top:0;}
#fullpage .section04 .con .con-bottom{transition:all 0.5s ease 1.2s;}
#fullpage .section04.active .con .con-bottom{opacity:1;top:0;}

#fullpage .section05 .con{height:100%; overflow: hidden;}
#fullpage .section05 .con .title{height:22vh;position:relative;top:10px;opacity:0;}
#fullpage .section05 .con .title .text{position:absolute;bottom:24px;left:10%;}
#fullpage .section05 .con .title .text .tu{float:left;width:38px;margin-right:16px;position:relative;top:1px;}
#fullpage .section05 .con .title .text .tu img{width:100%;}
#fullpage .section05 .con .title .text h2{float:left;font-weight:bold;color:#333;line-height:1;}
#fullpage .section05 .con .bottom-con{height:78%;background:url(../images/section04_bottombg.jpg) no-repeat;background-size:cover;}
#fullpage .section05 .con .bottom-con .left{width:30%;float:left;padding-left:10%;}
#fullpage .section05 .con .bottom-con .left > h2{margin-top:60px;color:#364356;font-weight:bold;position:relative;top:20px;opacity:0;}
#fullpage .section05 .con .bottom-con .left > p{color:#364356;margin-top:28px;position:relative;top:20px;opacity:0;}
#fullpage .section05 .con .bottom-con .left ul{margin-top:60px;position:relative;top:20px;opacity:0;}
#fullpage .section05 .con .bottom-con .left ul li{margin-top:26px;border-radius:8px;overflow:hidden;cursor:pointer;}
#fullpage .section05 .con .bottom-con .left ul li .tu{float:left;width:70px;height:70px;background:#531c86;}
#fullpage .section05 .con .bottom-con .left ul li .tu img{width:100%;}
#fullpage .section05 .con .bottom-con .left ul li .text{overflow: hidden; height:70px;background:#fff;position:relative; line-height:70px;}
#fullpage .section05 .con .bottom-con .left ul li .text:before{content:'';width:0;height:100%;display:block;background:url(../images/section05_hover.jpg) no-repeat;background-size:cover;position:absolute;left:0;top:0;transition:all 0.5s;z-index:0; }
#fullpage .section05 .con .bottom-con .left ul li .text h2{float:left;width:calc(100%-100px);padding-left:30px;color:#364356;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.5s;position:relative;}
#fullpage .section05 .con .bottom-con .left ul li .text span{float:right;width:70px;height:70px;display:block;text-align:center;color:#245ea8;position:relative;transition:all 0.5s;}
#fullpage .section05 .con .bottom-con .left ul li .text span::after{content:'';width:1px;height:20px;background:#e0e3e7;position:absolute;left:0;top:50%;margin-top:-10px;}

#fullpage .section05 .con .bottom-con .left ul li.active .text:before{width:100%;}
#fullpage .section05 .con .bottom-con .left ul li.active .text h2{color:#fff;}
#fullpage .section05 .con .bottom-con .left ul li.active .text span{color:#fff;}
#fullpage .section05 .con .bottom-con .left ul li:hover .text:before{width:100%;}
#fullpage .section05 .con .bottom-con .left ul li:hover .text h2{color:#fff;}
#fullpage .section05 .con .bottom-con .left ul li:hover .text span{color:#fff;}
#fullpage .section05 .con .bottom-con .right{float:right;width:50%;height:100%;position:relative;top:-100%;opacity:0;overflow:hidden;}
#fullpage .section05 .con .bottom-con .right ul{width:100%;height:100%;}
#fullpage .section05 .con .bottom-con .right ul li{position:absolute;width:100%; padding-top: 71.57%; top:0;left:-100%;z-index:0;opacity:0;overflow:hidden;}
#fullpage .section05 .con .bottom-con .right ul li img{width:100%;}

#fullpage .section05 .con .bottom-con .right ul li{transition:all 1.5s;}
#fullpage .section05 .con .bottom-con .right ul li.active{left:0;z-index:1;opacity:1;}

#fullpage .section05 .con .title{transition:all 0.5s ease 0.5s;}
#fullpage .section05.active .con .title{top:0;opacity:1;}
#fullpage .section05 .con .bottom-con .left > h2{transition:all 0.5s ease 0.8s;}
#fullpage .section05.active .con .bottom-con .left > h2{top:0;opacity:1;}
#fullpage .section05 .con .bottom-con .left > p{transition:all 0.5s ease 1.1s;}
#fullpage .section05.active .con .bottom-con .left > p{top:0;opacity:1;}
#fullpage .section05 .con .bottom-con .left > ul{transition:all 0.5s ease 1.4s;}
#fullpage .section05.active .con .bottom-con .left > ul{top:0;opacity:1;}
#fullpage .section05 .con .bottom-con .right{transition:all 2s ease 0.5s;}
#fullpage .section05.active .con .bottom-con .right{opacity:1;top:0vh;}


#fullpage .section06{background:#f9f9f9;}
#fullpage .section06 .con{height:100%;}
#fullpage .section06 .con .title{margin-top:15vh;position:relative;top:20px;opacity:0;}
#fullpage .section06 .con .title h3{color:#531b86;text-align:center;margin-bottom:20px;}
#fullpage .section06 .con .title h2{font-weight:bold;color:#333;text-align:center;line-height:1.4;}
#fullpage .section06 .con > p{text-align:center;color:#999;margin:10vh 0 15px;position:relative;top:20px;opacity:0;}
#fullpage .section06 .con .server-list{padding:0 10%;position:relative;top:20px;opacity:0;}
#fullpage .section06 .con .server-list .swiper-container{padding:20px;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide{cursor:pointer;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text{background-color:#ffffff;padding:28px;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text span{color:#531c86;font-weight:bold;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text h2{font-weight:bold;color:#666;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text p{color:#999;margin-top:0.20px;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text .btn{position:absolute;bottom:1.8em;right:18px;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide .text .btn span{color:#531c86;}
#fullpage .section06 .con .server-list .swiper-container .swiper-wrapper .swiper-slide:hover .text{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
#fullpage .section06 .con .server-list .swiper-button-next{width:40px; line-height: 40px; text-align: center; background:none;top:36%;right:7%;margin-top:0;z-index:100;}

#fullpage .section06 .con .server-list .swiper-button-prev{width:40px; line-height: 40px; text-align: center; background:none;left:7%;top:36%;margin-top:0;z-index:100;}

#fullpage .section06 .con .server-bottom{position:absolute;width:100%;bottom:-20px;left:0;opacity:0;}
#fullpage .section06 .con .server-bottom img{width:100%;}
#fullpage .section06 .con .server-bottom .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#fullpage .section06 .con .server-bottom .text h2{color:#333;}
#fullpage .section06 .con .server-bottom .text .btn{width:45px;height:54px;background:url(../images/section06_btn.png) no-repeat;background-size:cover;text-align:center;cursor:pointer;margin:20px auto 0;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);transition:all 0.5s;}
#fullpage .section06 .con .server-bottom .text .btn span{line-height:54px;color:#531c86;transition:all 0.5s;}
#fullpage .section06 .con .server-bottom .text .btn:hover{background:url(../images/section06_color_btn.png) no-repeat;background-size:cover;}
#fullpage .section06 .con .server-bottom .text .btn:hover span{color:#fff;}
#fullpage .section06 .con .title{transition:all 0.5s ease 0.5s;}
#fullpage .section06.active .con .title{top:0;opacity:1;}

#fullpage .section06 .con > p{transition:all 0.5s ease 0.8s;}
#fullpage .section06.active .con > p{top:0;opacity:1;}
#fullpage .section06 .con .server-list{transition:all 0.5s ease 1.1s;}
#fullpage .section06.active .con .server-list{top:0;opacity:1;}
#fullpage .section06 .con .server-bottom{transition:all 0.5s ease 1.4s;}
#fullpage .section06.active .con .server-bottom{bottom:0;opacity:1;}

#fullpage .section07{background:url(../images/news_bg.jpg) no-repeat;background-size:cover;}
#fullpage .section07 .con{height:100%;padding:0 12%;}
#fullpage .section07 .con .title{margin-top:14vh;margin-bottom:6vh;position:relative;top:40px;opacity:0;}
#fullpage .section07 .con .title > h2{float:left;color:#364356;}
#fullpage .section07 .con .title .wrapper-list{float:right;}
#fullpage .section07 .con .title .wrapper-list ul{float:right;position:relative;top:20px;}
#fullpage .section07 .con .title .wrapper-list ul li{float:left;margin-left:60px;cursor:pointer;position:relative;padding-bottom:10px;}
#fullpage .section07 .con .title .wrapper-list ul li h2{color:#666;transition:all 0.5s;}
#fullpage .section07 .con .title .wrapper-list ul li:hover h2{color:#531B86;}

#fullpage .section07 .con .title .wrapper-list ul li.active h2{color:#531B86;}

#fullpage .section07 .con .title .wrapper-list ul li.active:before{content:'';position:absolute;left:50%;margin-left:-4px;bottom:-4px;width:8px;height:8px;border-bottom:1px solid #531B86;border-right:1px solid #531B86;background-color:#fff;z-index:10;transform:rotate(45deg);}
#fullpage .section07 .con .title .wrapper-list ul li.active:after{display:inline-block;content:"";height:1px;width:100%;position:absolute;left:0;right:0;bottom:0;background:#531B86;z-index:1;}

#fullpage .section07 .con .title .wrapper-list ul li.active .tabs-animation{position:absolute;left:100%;bottom:-8px;width:100%;height:10px;border-bottom:1px solid #fff;background-color:#fff;z-index:10;animation:electricity 0.8s;}

#fullpage .section07 .con .news-list{position:relative;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a{display:block;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .top{height:0;padding-bottom:62%;overflow:hidden; position: relative;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .top img{width:100%; position:absolute; height: 100%; object-fit: cover; transition: 0.3s all; }
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .bottom{margin-top:20px;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .bottom h3{font-weight:bold;color:#531d86;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .bottom h2{color:#364356;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:3em;margin:12px 0 16px;transition:all 0.5s;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide a .bottom p{color:#666;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:4.5em;line-height:1.8;height:5.4em;}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide:hover a .top img{transform:scale(1.1);}
#fullpage .section07 .con .news-list .box .swiper-container .swiper-wrapper .swiper-slide:hover a .bottom h2{color:#531c86;}
#fullpage .section07 .con .news-list .box .swiper-button-next{font-size: 5rem; width:40px;background:none;top:20%;right:-100px;margin-top:0;z-index:100;}

#fullpage .section07 .con .news-list .box .swiper-button-prev{font-size: 5rem;  width:40px;background:none;left:-100px;top:20%;margin-top:0;z-index:100;}

#fullpage .section07 .con .news-list .box .more{width:192px;height:60px;margin:5% auto 0;}
#fullpage .section07 .con .news-list .box .more a{display:block;width:100%;height:100%;background:url(../images/btn_01.png) no-repeat;background-size:cover;text-align:center;line-height:60px;color:#531c86;}
#fullpage .section07 .con .news-list .box .more a span{ font-size: 1.5rem;}
#fullpage .section07 .con .news-list .box .more:hover a{background:url(../images/btn_02.png) no-repeat;background-size:cover;color:#fff;}
#fullpage .section07 .con .title{transition:all 0.5s ease 0.5s;}
#fullpage .section07.active .con .title{top:0;opacity:1;}

.map-swiper{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:1000;}
.map-swiper .con{width:68%;background:#f4f4f4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.map-swiper .con .left{float:left;width:40%;padding-left:8%;}
.map-swiper .con .left h2{color:#531c86;font-weight:bold;margin-top:45%;}
.map-swiper .con .left h3{color:#333;}
.map-swiper .con .left span{color:#333;}
.map-swiper .con .right{ overflow: hidden;}
.map-swiper .con .right img{width:100%;}
.map-swiper .con .swiper-button-next{width:62px;height:54px;background:url(../images/map_btn.png) no-repeat;background-size:cover;bottom:15%; top: auto; left:15%;right:auto;margin-top:0;z-index:100; text-align: center; line-height: 50px;}

.map-swiper .con .swiper-button-next:hover{background:url(../images/map_btn_color.png) no-repeat;background-size:cover;}
.map-swiper .con .swiper-button-next:hover{color:#fff;}
.map-swiper .con .swiper-button-prev{width:62px;height:54px;background:url(../images/map_btn.png) no-repeat;background-size:cover;left:8%;bottom:15%; top: auto; margin-top:0;z-index:100; text-align: center; line-height: 50px;}

.map-swiper .con .swiper-button-prev:hover{background:url(../images/map_btn_color.png) no-repeat;background-size:cover;}
.map-swiper .con .swiper-button-prev:hover{color:#fff;}
.map-swiper .con .close{position:absolute;width:60px;height:60px;right:0;top:0;text-align:center;z-index:1;cursor:pointer;}
.map-swiper .con .close span{display:block;line-height:60px;color:#531c86;transition:all 0.5s;}
.map-swiper .con .close:hover span{transform:rotate(180deg);}

@keyframes more{from{top:-30px;}
to{top:-45px;}
;}
@keyframes row{from{margin-left:0;}
to{margin-left:10px;}
;}



body #fp-nav ul li:last-child{ display: none;}

@media only screen and (max-width: 1600px) {
    #fullpage .section03 .con .box.box3 .box-wrapper{ margin: 100px auto 0;}
    #fullpage .section04 .con{ padding: 0 2%;}
    #fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text .txt{ margin-top: 20px;}

    .map-swiper .con{ width: 75%;}
}

@media only screen and (max-width: 1260px) {
    #fullpage .section05 .con .bottom-con .left{ width: 40%;  padding-left: 7%;}
    .map-swiper .con{ width: 90%;}
    
}

@media only screen and (max-width: 1024px) {
	#fullpage .section04 .con .con-bottom .swiper-button-next{top: 42%;}
    body{ overflow: auto;}
    .body-box .section{ height: 900px; display: block; position: relative;}
    .body-box .section.fp-auto-height{ height: auto;}
    #fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide img{ height: 900px;}

    #fullpage .section02 .con .left .text{ margin: 0 5%;}
    #fullpage .section04 .con .con-bottom{ padding-top: 60%;}
    #fullpage .section04 .con .con-bottom > img{ display: none;}
    #fullpage .section01 .news-swiper .con .right .swiper-slide{ padding-right: 130px;}
    #fullpage .section01 .news-swiper .con .right .swiper-slide a{ width: 80%;}

    #fullpage .section01 .news-swiper{  padding: 0 4%;}
}

@media only screen and (max-width: 760px) {
    .body-box .section{ height: auto;}
    .body-box{ padding-top: 70px;}
    #fullpage .section01 .news-swiper{ position: relative; bottom: auto; margin: 10px ; padding: 0;}
    #fullpage .section01 .news-swiper .con{ height: 40px;}
    #fullpage .section01 .news-swiper .con .left img{ height: 40px;}
    #fullpage .section01 .news-swiper .con .left{ width: 40px; height: 40px;}
    #fullpage .section01 .news-swiper .con .right{ height: 40px;}
    #fullpage .section01 .news-swiper .con .right .swiper-slide{ padding-right: 0; padding-left: 5px;}
    #fullpage .section01 .news-swiper .con .right .swiper-slide a{ width: 70%; line-height: 40px;}
    #fullpage .section01 .news-swiper .con .right .swiper-slide span{ line-height: 40px; padding-right: 5px;}
    #fullpage .section01 .news-swiper .con .right .swiper-button-next,
    #fullpage .section01 .news-swiper .con .right .swiper-button-prev{ display: none;}
    #fullpage .section01 .banner .swiper-container .swiper-wrapper .swiper-slide img{ height: 57vw;object-fit: scale-down;}
    .body-box .section.section01{ height: auto;}
    #fullpage .section01 .banner .swiper-container .swiper-button-next,
    #fullpage .section01 .banner .swiper-container .swiper-button-prev{ bottom: 0; height: 35px;}
    #fullpage .section01 .banner .swiper-container .pagination-all{ bottom: 10px;}

    .body-box .section.section02{ height: auto;}
    #fullpage .section02 .con .left .text p{ margin: 20px 0;}
    #fullpage .section02 .con .left{ float: none; width:auto; height: auto; padding: 30px 0;}
    #fullpage .section02 .con .right{ width: auto; float: none;}
    #fullpage .section02 .con .right .top{ height: auto;}
    #fullpage .section02.active .con .right .bottom{ height: 70vw;}
    #fullpage .section02 .con .right .top .swiper-container{ padding-bottom: 0;}
    #fullpage .section02 .con .right .top h2.f-24{ margin-top: 20px;}

    #fullpage .section02 .con .right .top .swiper-slide .text .num h2:before{ right: -1em;}

    .body-box .section.section03{ height: 500px;}
    #fullpage .section03 .con .box.box3 .box-wrapper{ margin-top: 20px;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu{ height: 40px; width: 40px;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text{ padding: 30px 10px 15px;}
    #fullpage .section03 .wrapper-list ul li{ margin: 0 1em;}
    #fullpage .section03 .wrapper-list ul li h2:before{ width: 6em;}
    #fullpage .section03.active .wrapper-list{ bottom: 20px;}


    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide{top:-20px;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text{background:url(../images/icon_bg.png) no-repeat;background-size:cover;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu img.color{top:-80px;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text .tu img.white{top:0;}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text h2{color:rgba(255,255,255,0.8);}
    #fullpage .section03 .con .box.box3 .box-wrapper .swiper-slide .text p{top:0;opacity:1;}

    #fullpage .section03 .con .box.active .fiex1 > h3{ padding: 0 20px;}

    .body-box .section.section04{ height: auto;}
    #fullpage .section04 .con .title .line{ height: 40px;}
    #fullpage .section04.active .con .con-bottom{ margin: 20px;}
    #fullpage .section04 .con .title{ margin-top: 5px;}
    #fullpage .section04 .con .con-bottom{ padding-top: 0;}
    #fullpage .section04 .con .con-bottom .left{ position: relative; width: auto; padding-top: 67%;}
    #fullpage .section04 .con .con-bottom .left ul{ width: 70%; height: 70%; left: 15%; top: 15%; transform: none;}
    #fullpage .section04 .con .con-bottom .right{ position: relative; right: 0; width:auto; height:auto ; padding-bottom: 30px;}
    #fullpage .section04 .con .con-bottom .right .right-con .swiper-container .swiper-wrapper .swiper-slide .text{ position: relative; top: auto; transform: none; width: auto;}

    #fullpage .section05 .con .title{ height: auto; padding: 50px 0 30px;}
    #fullpage .section05 .con .bottom-con{ height: auto; background: #fafafa;}
    #fullpage .section05 .con .bottom-con .left{ width: auto; margin: 0 30px; float: none; padding: 0; padding-bottom: 20px; }
    #fullpage .section05 .con .title .text .tu{ top: -8px;}
    #fullpage .section05 .con .title .text{ position: relative;  bottom: auto;}
    #fullpage .section05 .con .bottom-con .left > h2{ margin-top: 20px;}
    #fullpage .section05.active .con .bottom-con .left > ul{ margin-top: 20px;}
    #fullpage .section05.active .con .bottom-con .right{ float: none; width: auto; top: 0; padding-top: 71.57%;}

    #fullpage .section05 .con .bottom-con .left ul li{ margin-top: 10px;}
    #fullpage .section05 .con .bottom-con .left ul li .tu{ height: 40px; width: 40px;}
    #fullpage .section05 .con .bottom-con .left ul li .text{ height: 40px; line-height: 40px;}
    #fullpage .section05 .con .bottom-con .left ul li .text span{ height: 40px; width: 40px;}

    #fullpage .section06 .con .title{ margin-top: 20px;}
    #fullpage .section06 .con > p{ margin: 20px 0 20px;}
    
    #fullpage .section06 .con .server-bottom{ position: relative; height: 150px;}
    #fullpage .section06 .con .server-bottom img{ position: absolute; bottom: 0; right: 0; left: 0;}


    #fullpage .section07.active .con .title{ margin: 20px auto 30px;}
    #fullpage .section07 .con{ padding: 0 30px 50px;}
    #fullpage .section07 .con .title .wrapper-list ul li{ margin-left: 20px;}
    #fullpage .section07 .con .title .wrapper-list ul{ top: 5px;}

    #fullpage .section07 .con .news-list .box .swiper-button-prev{ left: -30px; text-align: center; line-height: 40px;}
    #fullpage .section07 .con .news-list .box .swiper-button-next{ right: -30px; text-align: center; line-height: 40px;}

    

    .map-swiper .con .left{}
    .map-swiper .con .left h2{ margin-top: 60px; }
    .map-swiper .con .left{ float:none; width: auto; padding: 20px;}
    .map-swiper .con .swiper-button-next{ bottom: auto; top: 20px; left: auto; right: 70px;}
    .map-swiper .con .swiper-button-prev{ bottom: auto; top: 20px; left: auto; right: 130px;}
}