/*第一屏*/
.video{ width:100%; height:100vh; overflow:hidden; position:relative}
.video video{min-width:100%;min-height:100%; position:relative; z-index:1; }
.video-wz{ width:100%; overflow:hidden; position:absolute;left:0px;top:0%; z-index:123; text-align:center; padding-top:70px;box-sizing:border-box; height:100vh}
.video-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.video-ver{ width:75%; overflow:hidden; display:inline-block; vertical-align:middle}
.video-wz span{  width:100%; overflow:hidden; font-size:30px; color:#fff; display:block}
.video-wz em{ width:100%; overflow:hidden; margin-top:27px; display:block; font-size:54px; font-weight:bold; color:#fff}
.video-wz p{ width:260px; height:48px; overflow:hidden; background:url(../images/icon-107.png) no-repeat; background-size:100%; text-align:center; margin-top:65px; line-height:48px; display:inline-block}
.video-wz p a{ font-size:16px; color:#fff; background:url(../images/icon-108.png) no-repeat right center; padding-right:20px;transition:all 0.4s ease}
.video-wz p a:hover{ font-size:18px}

.video-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12; background:rgba(0,0,0,0.5)}

/*第二屏*/
.map{ width:100%; height:100%; overflow:hidden; background:url(../images/bg-20.jpg) no-repeat center; background-size:cover}
.map-ver{ width:75%; overflow:hidden; height:100%; margin:0px auto; padding-top:72px;box-sizing:border-box;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.map-left{ float:left; width:63.13%; overflow:hidden; height:100%;}
.map-left:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.map-ver1{ width:99%; display:inline-block; vertical-align:middle;position:relative}
.map-left img{ float:left; width:100%; height:auto}
.map-head{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:23}
.map-head h3{ float:left; width:100%; overflow:hidden; font-size:32px; color:#fff}
.map-head p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#9193dc; margin-top:13px}
.map-bottom{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:23; background:url(../images/icon-59.png) no-repeat left center; padding-left:30px; font-size:20px; color:#fff}
.map-bottom span{ color:#eeaa18}
.map-right{ float:right; width:30.6%; overflow:hidden; height:100%}
.map-right:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.map-ver2{ width:98%; display:inline-block; padding:6% 0px; vertical-align:middle; overflow:hidden; background:#fff; height:67vh;box-sizing:border-box; position:relative }
.map-search{ width:80%; position:absolute;left:10%;top:6%; z-index:22;border:1px #ddd solid;border-radius:5px; height:46px}
.map-search select{ float:left; width:100%; overflow:hidden; line-height:46px; height:46px; margin:0px; padding:0px 10px;box-sizing:border-box; font-size:16px; color:#273045; cursor:pointer; position:relative; z-index:13;border:none; background:none}
.map-search span{width:20%; height:46px; background:url(../images/icon-60.png) no-repeat center; cursor:pointer; position:absolute;right:0px;top:0px; z-index:12}
.map-search .map-show{transform:rotate(180deg)}

@keyframes line{
0%{opacity:00;transform:scale(1)}
50%{opacity:0.6;transform:scale(1)}
100%{opacity:0;transform:scale(3)}
}
.map-city{ width:auto; position:absolute; z-index:12; font-size:14px; color:#fff}
.map-city span{ float:left; width:16px; height:16px; position:relative; cursor:pointer}
.map-city span:before{ width:100%; height:100%; content:""; position:absolute;left:1px;top:1px;border-radius:50%; background:#eeaa18;opacity:0.1;animation:line 2s linear infinite}
.map-city span em{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:13;border-radius:50%;border:1px #eeaa18 solid;}
.map-city span em:before{ width:40%;height:40%; position:absolute;left:50%;top:50%; background:#eeaa18; content:"";border-radius:50%;transform:translate(-50%,-50%)}
.map-city p{ float:left; width:auto; overflow:hidden; margin-left:20px}
.city1{right:6%;top:22%}
.city2{left:19%;top:40%}
.city3{left:57%;top:42%}
.city4{right:14%;top:37%}
.city5{right:22%;top:42%}
.city6{right:20%;top:44%}
.city7{right:23%;top:46.5%}
.city8{right:28%;top:57%}
.city9{right:19%;top:51%}
.city10{right:34%;top:49%}
.city10 p{ position:absolute;left:-24px;top:29px; width:60px}
.city11{right:44%;top:48%}
.city11 p{ position:absolute;left:-24px;top:29px; width:60px}
.city12{left:35%;top:53%}
.city13{right:38%;top:54%}
.city13 p{ position:absolute;left:-24px;top:29px; width:40px}
.city14{right:20%;top:56%}
.city14 p{ position:absolute;left:-24px;top:29px; width:60px}
.city15{right:10%;top:61%}
.city16{right:24%;top:61%}
.city16 p{ position:absolute;left:-24px;top:29px; width:60px}
.city17{right:47%;top:67%}
.city18{right:28%;top:64%}
.city19{right:37%;top:68%}
.city20{right:18%;top:65%}
.city20 p{ position:absolute;left:-24px;top:29px; width:60px}
.city21{right:30%;top:72%}
.city22{right:39%;top:76%}
.city23{right:26%;top:71%}
.city23 p{ position:absolute;left:-24px;top:29px; width:60px}
.city24{right:21%;top:75%}
.city24 p{ position:absolute;left:-24px;top:29px; width:60px}
.city25{right:24%;top:82%}
.city26{right:34%;top:83%}
.city27{right:49%;top:81%}
.city28{right:36%;top:94%}
.city28 p{ position:absolute;left:-24px;top:29px; width:60px}
.city29{right:9%;top:30%}
.city30{right:48%;top:53%}
.city30 p{ position:absolute;left:-24px;top:29px; width:60px}
.city31{right:80%;top:59%}
.city31 p{ position:absolute;left:-24px;top:29px; width:60px}
.city32{right:14.5%;top:80%}
.city32 p{ position:absolute;left:-24px;top:29px; width:60px}


.map-more{ width:80%; position:absolute;left:10%;bottom:6%; z-index:12; height:50px; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff); overflow:hidden; text-align:center; line-height:50px}
.map-more a{ display:inline-block; background:url(../images/icon-61.png) no-repeat left center; padding-left:30px; font-size:16px; color:#fff}
.map-more:hover{background:-webkit-linear-gradient(left,#1e70ff,#2ca1ff)}
.map-con-scroll {padding:70px 10% 70px; height:100%;box-sizing:border-box; }
.map-content{ width:100%; height:100%!important; overflow:hidden; overflow-y:auto;box-sizing:border-box}
.map-item{ width:100%; overflow:hidden; margin-top:30px; border-bottom:1px #dedede dashed; padding-bottom:16px}
.map-item h3{ float:left; width:100%; overflow:hidden; font-size:20px; color:#285ed4; padding-bottom:5px}
.map-item span{ float:left; width:100%; overflow:hidden; font-size:14px; color:#596580; line-height:24px}
.map-content .mCSB_scrollTools .mCSB_draggerRail{ width:5px;border-radius:0px; background:#f4f4f6;opacity:1}
.map-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#275cd1}


/*滚动条样式*/
        .map-content::-webkit-scrollbar {/*滚动条整体样式*/
            width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
            height:5px;
        }
        .map-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            background:##275cd1;
			border-radius:2.5px;
        }
        .map-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
           background:#f4f4f6;
        }


#fullpage .active .map-ver{transform:translateY(0px);opacity:1}


/*第三屏*/
.city{ width:100%; height:100%; overflow:hidden; padding-top:72px; box-sizing:border-box; background:url(../images/bg-21.jpg) no-repeat center; background-size:cover; text-align:center}
.city:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.city-ver{ width:62.5%; overflow:hidden; display:inline-block; vertical-align:middle;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.city-head{ width:82%; overflow:hidden; margin:0px auto}
.city-head h3{ width:100%; overflow:hidden; text-align:center; font-size:32px; color:#273045}
.city-head p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#9b9ba3; line-height:28px; margin-top:20px}
.city-head p span{ color:#108cee}
.city-pic{ width:100%; overflow:hidden; margin-top:66px}
.city-pic img{ float:left; width:100%; height:auto}

.city-slide{ width:100%; overflow:hidden; margin-top:70px; position:relative}
.city-slide:before{ width:100%; position:absolute;left:0px;bottom:0px; z-index:12; border-bottom:1px #cfdaf2 solid; content:""}
.city-slide span{ float:left; width:25%; overflow:hidden; line-height:30px; font-size:18px; color:#a0aac0; background:url(../images/icon-64.png) no-repeat 20px 13px; padding-left:50px; text-align:left;box-sizing:border-box; padding-bottom:20px;transition:all 0.5s ease; position:relative; cursor:pointer}
.city-slide span:before{ width:0px; height:4px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff);transition:all 0.4s ease}
.city-slide .active{ background:url(../images/icon-63.png) no-repeat 20px 10px; color:#0e86e4;}
.city-slide .active:before{ width:150px; height:4px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff)}
.city-content{ width:100%; overflow:hidden; margin-top:35px}
.city-list{ float:left; width:100%; overflow:hidden; display:none; text-align:left}
.city-list.active{ display:block}
.city-list span{ float:left; width:auto; line-height:30px; overflow:hidden; font-size:16px; color:#273045; margin:0px 30px; padding-left:32px}
.city-list span:nth-child(1){ background:url(../images/icon-65.png) no-repeat left center}
.city-list span:nth-child(2){ background:url(../images/icon-66.png) no-repeat left center}
.city-list span:nth-child(3){ background:url(../images/icon-67.png) no-repeat left center}
.city-list span:nth-child(4){ background:url(../images/icon-68.png) no-repeat left center}
.city-list span:nth-child(5){ background:url(../images/icon-69.png) no-repeat left center}
.city-list span:nth-child(6){ background:url(../images/icon-70.png) no-repeat left center}

#fullpage .active .city-ver{transform:translateY(0px);opacity:1}

/*funeng*/
.funeng{ width:100%; height:100%; overflow:hidden; padding-top:72px; box-sizing:border-box; background:url(../images/bg-22.jpg) no-repeat center; background-size:cover; text-align:center}
.funeng:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.fu-ver{ width:75%; overflow:hidden; display:inline-block; vertical-align:middle;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.fu-head{ width:100%; overflow:hidden; position:relative}
.fu-left{width:450px; overflow:hidden; position: absolute;left:0px;bottom:0px;}
.fu-left:before{ width:100%; content:"";border-bottom:1px #fff solid; position:absolute;left:0px;bottom:0px}
.fu-left span{ float:left; width:auto; overflow:hidden; line-height:30px; font-size:18px; color:#9294dc; background:url(../images/icon-72.png) no-repeat 20px 13px; padding-left:50px; text-align:left;box-sizing:border-box; padding-bottom:20px;transition:all 0.5s ease; position:relative; cursor:pointer; padding-right:15px}
.fu-left span:before{ width:0px; height:4px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff);transition:all 0.4s ease}
.fu-left span:last-child{ float:right}
.fu-left .active{ background:url(../images/icon-71.png) no-repeat 20px 10px; color:#fff;}
.fu-left .active:before{ width:100%; height:4px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff)}
.fu-right{ float:right; width:54%; overflow:hidden; text-align:right}
.fu-right h3{ float:left; width:100%; overflow:hidden; font-size:32px; color:#fff}
.fu-right p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#9294dc; line-height:28px; margin-top:18px}

.fu-content{ width:100%; overflow:hidden; margin-top:70px; background:url(../images/bg-24.jpg) no-repeat center; background-size:cover; height:50vh}
.fu-pannel{ width:100%; overflow:hidden; height:100%; display:none;}
.fu-pannel.active{ display:block}
.fu-slide{ float:left; width:25%; overflow:hidden; height:100%; background:#fbfbfe}
.fu-item{ float:left; width:100%; height:25%; overflow:hidden; box-sizing:border-box; border-bottom:1px #e9edf8 solid;padding:0px 10%; cursor:pointer}
.fu-item:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.fu-center{ display:inline-block; vertical-align:middle; width:126px;transition:all 0.4s ease; position:relative}
.fu-item span{ float:left; display:inline-block; font-size:18px; color:#a0aac0; height:40px; line-height:40px; padding-left:50px; text-align:left; }
.fu-item samp{height:40px; width:28px; background:url(../images/icon-73.png) no-repeat right center; position:absolute;right:0px;top:0px; z-index:12;opacity:0;transition:all 0.4s ease}
.fu-item .fu1{ background:url(../images/icon-74-1.png) no-repeat left center}
.fu-item .fu2{ background:url(../images/icon-75-1.png) no-repeat left center}
.fu-item .fu3{ background:url(../images/icon-76-1.png) no-repeat left center}
.fu-item .fu4{ background:url(../images/icon-77-1.png) no-repeat left center}
.fu-item.act{ background:url(../images/bg-23.jpg) no-repeat center; background-size:cover}
.fu-item.act span{ color:#fff}
.fu-item.act .fu-center{ width:80%}
.fu-item.act samp{opacity:1;}
.fu-item.act .fu1{ background:url(../images/icon-74.png) no-repeat left center}
.fu-item.act .fu2{ background:url(../images/icon-75.png) no-repeat left center}
.fu-item.act .fu3{ background:url(../images/icon-76.png) no-repeat left center}
.fu-item.act .fu4{ background:url(../images/icon-77.png) no-repeat left center}
.fu-item:last-child{ border:none}
.fu-def{ float:right; width:75%; height:100%; overflow:hidden; background:url(../images/icon-78-1.png) no-repeat right bottom; background-size:42%}
.fu-list{ width:90%; overflow:hidden; margin:60px auto 0px; text-align:left; display:none}
.fu-list.act{ display:block}
.fu-list h3{ float:left; width:100%; overflow:hidden; font-size:18px; color:#108cee; padding-left:30px; line-height:40px; background:url(../images/icon-63.png) no-repeat left center}
.fu-list p{ float:left; width:100%; overflow:hidden}
.fu-list p span{ float:left; width:30%; overflow:hidden; text-align:center; margin-right:4.6%; height:70px; border:1px #87a2e1 solid; line-height:70px; margin-top:30px; font-size:16px; color:#273045; position:relative}
.fu-list p span:before{ width:calc(100% - 20px); height:54px; content:""; position:absolute;left:7px;top:7px; z-index:1; border:2px #b9caf0 dashed}
.fu-list p span:nth-child(3n+3){ float:right; margin-right:0px}

.fu-s{ width:100%; height:100%; overflow:hidden; background:url(../images/icon-78.png) no-repeat right bottom; background-size:40%; text-align:left; padding-bottom:50px;box-sizing:border-box }
.fu-s:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.fu-s p{ width:80%; display:inline-block; vertical-align:middle; overflow:hidden; text-align:center; padding-left:5%}
.fu-s p span{float:left;width:30%; overflow:hidden; display:inline-block; text-align:center; margin:0px 2.3%; height:70px; border:1px #87a2e1 solid; line-height:70px; margin-top:50px; font-size:16px; color:#273045; position:relative}
.fu-s p span:before{ width:calc(100% - 20px); height:54px; content:""; position:absolute;left:7px;top:7px; z-index:1; border:2px #b9caf0 dashed}
#fullpage .active .fu-ver{transform:translateY(0px);opacity:1}

/*课程*/
.kc{ width:100%; height:100%; overflow:hidden; padding-top:72px;box-sizing:border-box; background:url(../images/bg-26.jpg) no-repeat center; background-size:cover ; position:relative}
.kc-head{ width:59.5%; margin:5% auto 0px; overflow:hidden; text-align:center;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.kc-head h3{ width:100%; overflow:hidden; font-size:32px; color:#273045}
.kc-head p{ width:100%; overflow:hidden; font-size:16px; color:#9b9ba3; line-height:28px; margin-top:24px}
.kc-head p span{ color:#108cee}

@keyframes cir{
0%{transform:rotate(0deg)}
100%{ transform:rotate(360deg)}
}
.kc-bottom{ width:80%; position:absolute;left:10%;bottom:0px; z-index:234;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.45s}
.kc-bottom img{ float:left; width:100%; height:auto;}
.kc-bg{ width:100%; position:absolute;left:0px; z-index:12;animation:cir 12s linear infinite;}
#fullpage .active .kc-head,#fullpage .active .kc-bottom{transform:translateY(0px);opacity:1}
@keyframes linear1{
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
@keyframes linear2{
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.5);opacity:0}
}
.kc-1{ width:auto; position:absolute;left:5%;top:58%; z-index:12; cursor:pointer}
.kc-2{ width:auto; position:absolute;left:15%;top:28%; z-index:12; cursor:pointer}
.kc-3{ width:auto; position:absolute;left:27%;top:6%; z-index:12; cursor:pointer}
.kc-4{ width:auto; position:absolute;left:48%;top:-6%; z-index:12; cursor:pointer}
.kc-5{ width:auto; position:absolute;right:27%;top:6%; z-index:12; cursor:pointer}
.kc-6{ width:auto; position:absolute;right:15%;top:28%; z-index:12; cursor:pointer}
.kc-7{ width:auto; position:absolute;right:5%;top:58%; z-index:12; cursor:pointer}
.kc-item{ float:left; width:72px}
.kc-item p{ float:left; width:100%; height:72px;position:relative}
.kc-item p em,.kc-item p em samp{ float:left; width:100%; height:100%;position:relative;}
.kc-item p em samp{border-radius:50%; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff); display:block;  z-index:25; position:relative }
.kc-item p em .icon1:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-88.png) no-repeat center; z-index:27}
.kc-item p em .icon2:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-89.png) no-repeat center; z-index:27}
.kc-item p em .icon3:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-90.png) no-repeat center; z-index:27}
.kc-item p em .icon4:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-91.png) no-repeat center; z-index:27}
.kc-item p em .icon5:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-92.png) no-repeat center; z-index:27}
.kc-item p em .icon6:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-93.png) no-repeat center; z-index:27}
.kc-item p em .icon7:before{ content:""; width:100%; height:100%; position: absolute;left:0px;top:0px; background:url(../images/icon-94.png) no-repeat center; z-index:27}

.kc-item p em:before{ content:""; width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:24;border-radius:50%; background:-webkit-linear-gradient(left,#70c0ff,#669eff);animation:linear1 2s linear infinite}
.kc-item p em:after{content:""; width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:23;border-radius:50%; background:-webkit-linear-gradient(left,#d5ecff,#d2e2ff);animation:linear2 2s linear infinite}
.kc-item p:before{ width:100%; height:100%; content:"";border-radius:50%; position:absolute;left:0px;top:0px; z-index:22; background:#fff;border:1px #f6f9ff solid;transform:scale(1);transition:all 0.4s ease}
.kc-item p:after{ width:100%; height:100%; content:"";border-radius:50%; position:absolute;left:0px;top:0px; z-index:21; background:#fff;border:1px #f6f9ff dashed;transform:scale(1);transition:all 0.4s ease}
.kc-item span{ float:left; width:140%; overflow:hidden; text-align:center; font-size:16px; color:#273045; margin-top:19px; position:relative; z-index:50; margin-left:-20%}
.kc-i1{ width:auto; position:absolute;left:0px;top:0px; z-index:23;opacity:0;transition:all 0.4s ease; transform:scale(0)}
.kc-i1 span{ width:100px; height:30px; line-height:30px; text-align:center;border-radius:15px; font-size:14px; color:#1f72ff;box-shadow:0px 0px 12px 4px rgba(55,132,247,0.16); display:inline-block; position:absolute;left:0px;top:0px; background:#fff}
.kc-i1 samp{ width:16px; height:14px; display:inline-block; position:absolute;left:110px;top:0px; background:url(../images/icon-95.png) no-repeat}
.kc-i2{ width:auto; position:absolute;left:0px;top:0px; z-index:23;opacity:0;transition:all 0.4s ease; transform:scale(0)}
.kc-i2 span{ width:100px; height:30px; line-height:30px; text-align:center;border-radius:15px; font-size:14px; color:#582cfe;box-shadow:0px 0px 12px 4px rgba(88,44,254,0.16); display:inline-block; position:absolute;left:0px;top:0px; background:#fff}
.kc-i2 samp{ width:26px; height:14px; display:inline-block; position:absolute;left:110px;top:12px; background:url(../images/icon-96.png) no-repeat}
.kc-i3{ width:auto; position:absolute;left:0px;top:0px; z-index:23;opacity:0;transition:all 0.4s ease; transform:scale(0)}
.kc-i3 span{ width:100px; height:30px; line-height:30px; text-align:center;border-radius:15px; font-size:14px; color:#2cb5fe;box-shadow:0px 0px 12px 4px rgba(44,181,254,0.16); display:inline-block; position:absolute;left:0px;top:0px; background:#fff}
.kc-i3 samp{ width:26px; height:14px; display:inline-block; position:absolute;left:110px;top:12px; background:url(../images/icon-97.png) no-repeat}
.kc-i4{ width:auto; position:absolute;left:0px;top:0px; z-index:23;opacity:0;transition:all 0.4s ease; transform:scale(0)}
.kc-i4 span{ width:100px; height:30px; line-height:30px; text-align:center;border-radius:15px; font-size:14px; color:#fba32f;box-shadow:0px 0px 12px 4px rgba(251,163,47,0.16); display:inline-block; position:absolute;left:0px;top:0px; background:#fff}
.kc-i4 samp{ width:40px; height:24px; display:inline-block; position:absolute;left:47px;top:41px; background:url(../images/icon-98.png) no-repeat}
.kc-i5{ width:auto; position:absolute;left:0px;top:0px; z-index:23;opacity:0;transition:all 0.4s ease; transform:scale(0)}
.kc-i5 span{ width:100px; height:30px; line-height:30px; text-align:center;border-radius:15px; font-size:14px; color:#3030fe;box-shadow:0px 0px 12px 4px rgba(48,48,254,0.16); display:inline-block; position:absolute;left:0px;top:0px; background:#fff}
.kc-i5 samp{ width:40px; height:24px; display:inline-block; position:absolute;left:0px;top:41px; background:url(../images/icon-99.png) no-repeat}
.item1:hover{ z-index:22}
.item1:hover .kc-item span,.item2:hover .kc-item span{background-image:-webkit-linear-gradient(left,#2ca0ff,#1f71ff);background-image:-moz-linear-gradient(left,#2ca0ff,#1f71ff);background-image:-ms-linear-gradient(left,#2ca0ff,#1f71ff);background-image:-o-linear-gradient(left,#2ca0ff,#1f71ff);background-image:linear-gradient(left,#2ca0ff,#1f71ff);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;}
.item1:hover .kc-item p:before,.item2:hover .kc-item p:before{transform:scale(1.4)}
.item1:hover  .kc-item p:after,.item2:hover  .kc-item p:after{transform:scale(2.1)}
.item1:hover .kc-i1,.item2:hover .kc-i1{left:-159px;top:115px;opacity:1;transform:scale(1)}
.item1:hover .kc-i2,.item2:hover .kc-i2{left:-186px;top:48px;opacity:1;transform:scale(1)}
.item1:hover .kc-i3,.item2:hover .kc-i3{left:-172px;top:-26px;opacity:1;transform:scale(1)}
.item1:hover .kc-i4,.item2:hover .kc-i4{left:-64px;top:-108px;opacity:1;transform:scale(1)}
.item1:hover .kc-i5,.item2:hover .kc-i5{left:83px;top:-105px;opacity:1;transform:scale(1)}
.kc-sj{ display:none}

/*manage*/
.manage{ width:100%; height:100%; overflow:hidden; background:url(../images/bg-25.jpg) no-repeat center; background-size:cover;padding-top:72px;box-sizing:border-box; text-align:center}
.manage:before{height:100%; content:""; display:inline-block; vertical-align:middle}
.manage-ver{ width:76%; display:inline-block; vertical-align:middle; position:relative}
.manage-head{ width:100%;position:relative; text-align:left;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.manage-left{ width:48%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12}
.manage-left h3{ width:100%; overflow:hidden; font-size:32px; color:#273045; letter-spacing:2px}
.manage-left p{ width:100%; overflow:hidden; font-size:16px; color:#9b9ba3; line-height:28px; margin-top:20px}
.manage-left p span{ color:#108cee}
.manage-right{ float:right; width:40%; overflow:hidden; position:relative}
.manage-right:before{ width:100%; height:1px; content:""; position:absolute; left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,rgba(207,218,242,1) 0%,rgba(207,218,242,1) 7%,rgba(207,218,242,0) 100%)}
.manage-right .swiper-slide{ font-size:18px; color:#a0aac0; position:relative; background: url(../images/icon-64.png) no-repeat left 29px;line-height:60px; padding-left:30px; padding-bottom:10px;box-sizing:border-box; cursor:pointer}
.manage-right .swiper-slide:before{ width:0px; height:4px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:-webkit-linear-gradient(left,#2ca1ff,#1e70ff);transition:all 0.4s ease}
.manage-right .swiper-slide-active{ background:url(../images/icon-63.png) no-repeat left 25px; color:#0e86e4; font-size:20px}
.manage-right .swiper-slide-active:before{ width:150px}

.manage-content{ width:100%; overflow:hidden; margin-top:36px}
.manage-1{ float:left; width:30%; overflow:hidden; margin-top:60px}
.manage-1 ul,.manage-1 ul li{ float:left; width:100%; overflow:hidden}
.manage-1 ul li em{ float:left; width:50px;overflow:hidden; height:56px; position:relative}
.manage-1 ul li em:before{ width:10px; height:10px; position:absolute;left:20px;top:23px; z-index:2; overflow:hidden;border-radius:50%; content:""; display:block}
.manage-1 ul li span{ float:left; width:auto; line-height:56px; font-size:18px; color:#273045}
.manage-1 ul li:nth-child(1) em:before{ background:#2c7efe}
.manage-1 ul li:nth-child(2) em:before{ background:#582cfe}
.manage-1 ul li:nth-child(3) em:before{ background:#fea32c}
.manage-1 ul li:nth-child(4) em:before{ background:#2c2cfe}
.manage-1 ul li:nth-child(5) em:before{ background:#ba3460}
.manage-1 ul li:nth-child(6) em:before{ background:#2c7efe}
.manage-1 ul li:nth-child(7) em:before{ background:#582cfe}
.manage-1 ul li:nth-child(8) em:before{ background:#2c2cfe}
.manage-1 ul li.act em:after{ width:20px; height:20px; content:""; position:absolute;left:14px;top:17px; z-index:1;border:1px #5697fd dashed;border-radius:50%; display:block}

@keyframes slides{
0%{display:none;opacity:0;transform:translateX(80px)}
5%{display:block;opacity:0;transform:translateX(80px)}
100%{display:block;opacity:1;transform:translateX(0px)}
}
.manage-2{ float:right; width:68%; overflow:hidden}
.manage-item{ float:left; width:100%; height:auto; display:none;opacity:0}
.manage-item img{ float:left; width:100%; height:auto;}
.manage-item.act{ display:block;animation:slides 0.6s ease;animation-fill-mode:forwards}

.manage-button{ width:37px; position:absolute;right:-50px;top:50%; z-index:23425}
.manage-button .swiper-button-prev{ float:left; width:37px; position:relative;left:0px;top:0px; height:37px; background:url(../images/icon-80.png) no-repeat; margin-top:0px}
.manage-button .swiper-button-next{ float:left; width:37px; position:relative;left:0px;top:0px; height:37px; background:url(../images/icon-80.png) no-repeat; margin-top:50px;transform:rotate(180deg)}
.manage-button .swiper-button-prev:after,.manage-button .swiper-button-next:after { display:none; }
.manage-button .swiper-button-prev:hover{background:url(../images/icon-81.png) no-repeat;transform:rotate(180deg)}
.manage-button .swiper-button-next:hover{background:url(../images/icon-81.png) no-repeat;transform:rotate(0deg)}
#fullpage .active .manage-head{transform:translateY(0px);opacity:1}

/*arc*/
.arc-banner{ width:100%; overflow:hidden; position:relative}
.arc-banner img{ float:left; width:100%; height:auto}
.arc-1{ width:75%; position:absolute;left:12.5%;bottom:120px; z-index:12;}
.arc-1 em{ float:left; width:100%; overflow:hidden; font-size:18px; color:#fff}
.arc-1 h1{ float:left; width:100%; overflow:hidden; font-size:50px; color:#fff; margin-top:5px}
.arc-1 p{ float:left; width:100%; overflow:hidden;margin-top:30px; font-size:16px; color:rgba(255,255,255,0.8)}
.arc-1 p span{ margin:0px 30px}
.arc-1 p span:first-child{ margin-left:0px}
.arc-1 p span a{color:rgba(255,255,255,0.8)}

.arc{ width:100%; background:#eee; padding-bottom:120px}
.arc-content{ width:75%; margin:-100px auto 0px; position:relative; z-index:14; background:#fff; padding:4% 3%;box-sizing:border-box; overflow:hidden;}
.arc-left{ float:left; width:69%; overflow:hidden}
.arc-2{ float:left; width:100%; overflow:hidden;box-sizing:border-box;border-right:1px #e6e6e6 solid; padding-right:6%;  font-size:16px; color:#333; line-height:36px}
.arc-2 img{max-width:100%; height:auto}
.arc-2 p{ padding-bottom:40px; overflow:hidden}
.arc-page{ float:left; width:95%; overflow:hidden; border-top:1px #e6e6e6 solid; padding-top:56px}
.arc-page span{ float:left; width:100%; overflow:hidden; line-height:40px; font-size:18px; color:#333}
.arc-page span a{ color:#333}
.arc-page span a:hover{ color:#108cee}

.arc-right{ float:right; width:26.5%; overflow:hidden}
.arc-right h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#273045}
.arc-right ul{ float:left; width:100%; overflow:hidden; margin-top:8px}
.arc-right ul li{ float:left; width:100%; overflow:hidden; line-height:30px; padding-left:24px; background: url(../images/icon-100.png) no-repeat left 15px; font-size:16px; margin-top:25px}
.arc-right ul li a{ color:#333}
.arc-right ul li a:hover{ color:#108cee}
.arc-right span{ float:left; width:52%; height:50px; overflow:hidden; line-height:50px; text-align:center; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); margin-top:42px}
.arc-right span a{ width:auto; display:inline-block; background:url(../images/icon-101.png) no-repeat right center;text-align:left; padding-right:40px; font-size:15px; color:#fff}
.arc-right span:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}


/*菜单定位导航*/
.menu-pos{ width:240px; position:fixed;left:0px;top:50%; z-index:1234;transition:all 0.4s ease;opacity:1; margin-top:-120px}
.menu-pos .menu1,.menu-pos .menu8{height:0px;opacity:0}
.menu-hide{opacity:0}
.menu-item{ width:100%; overflow:hidden; margin-top:12px }
.menu-item span{ float:left; width:70px;  overflow:hidden; margin-top:15px}
.menu-item span em{ float:right; width:40px; height:1px; background:#afb5c3; overflow:hidden;transition:all 0.2s ease}
.menu-item p{ float:left; width:150px; line-height:30px; font-size:16px; color:#36466a; margin-left:20px;opacity:0;transition:all 0.2s ease}
.menu-item.active span em{ width:100%;height:2px; background:#36466a;}
.menu-item.active p{opacity:1}
.menu-item:hover p{opacity:1}
.menu-def .menu-item.active span em{ background:#fff}
.menu-def .menu-item p{ color:#fff}