/*头部导航*/
.header{position:fixed;top:0;left:0;z-index:100;box-sizing:border-box;padding:0 50px 0 60px;width:100%;height:100px;background:#004b9c;transition:all 2s;}
.header.on{background:transparent;}
.header-box,.header-box .item,.header-box .item a,.header-box>div{height:100%;color:#fff;font-size:22px;}
.header .nav{flex-shrink:0;}
.header .item{position:relative;margin:0 55px;}
.header .item .nav-list{position:absolute;top:100%;left:50%;display:none;box-sizing:border-box;padding:0 5px 15px;width:170px;border-radius:0 0 8px 8px;box-shadow:0 2px 15px 0 rgba(0,0,0,.36);transform:translateX(-50%);}
.header .item .icon{margin-left:8px;transition:all .5s;}
.header .item:hover .icon{transform:rotate(180deg);}
.header .item .nav-list{background:#fff;}
.header .item .nav-list::before{position:absolute;top:0;top:0;left:0;left:0;display:block;width:100%;height:3px;background:#0285ff;content:"";}
.header .item .nav-list .li{padding:23px 0 10px 13px;border-bottom:1px solid #e6e6e6;}
.header .item .nav-list .li .h3{color:#191d21;font-size:22px;transition:all .3s;}
.header .item .nav-list .li .h4{margin-top:7px;width:90%;color:#8b959f;font-size:14px;line-height:22px;transition:all .3s;}
.header .item .nav-list .li:hover .h3,.header .item .nav-list .li:hover .h4{color:#0285ff;}
.floor-bar{position:fixed;top:30vh;left:60px;z-index:100;}
.floor-bar .li{width:50px;height:10px;border-radius:5px;background:#1e73c1;opacity:.9;cursor:pointer;transition:all .5s;}
.floor-bar .li a{display:block;height:100%;}
.floor-bar .li:not(:last-child){margin-bottom:40px;}
.floor-bar .li.on{width:100px;background:#fff;box-shadow:0 0 2px 0 #1e73c1;}
.floor-bar .li:hover{opacity:1;}

/*首页*/
.bodys{min-width:1200px;}
/*#app-index{width:100vw;height:100vh;}
.content{padding-top:100px;}*/
@media screen and (min-width:750px){.bodys{min-width:95%;}.wrap{max-width:95%;}}
/*#app-index{padding:0 2%;box-sizing: border-box;}*/
/*#app-index{width:100%;height:100%;}*/
.content{padding-top:150px;}
.bg{width:100%;height:100%;object-fit:cover;}
.swiper{width:100%;height:100%;}
.banner-box .title img{width:1074px;}
.banner-box button{margin-top:138px;width:320px;height:76px;border-radius:76px;background:#fff;color:#1a1a4b;font-size:40px;cursor:pointer;transition:all .5s;}
.banner-box button:hover{box-shadow:0 0 10px 2px #fff;}
.page1 .icon{position:absolute;bottom:62px;left:calc(50% - 13px);}
.page1 .icon img{width:26px;}
.page2{background:#fff;}
.page2 .con{margin-top:70px;}
.page2 .con .right{margin-left:86px;width:510px;}
.page2 .con .right .h3{color:#004b9b;font-weight:700;font-size:30px;}
.page2 .con .right p{margin-top:30px;color:#7f7f7f;font-size:16px;line-height:30px;}
.page3{background:#ededed;}
.page3 .con{margin-top:60px;}
.page3 .con .left img{width:360px;}
.page3 .con .bottom .right,.page3 .con .top .left{margin-right:48px;}
.page3 .con .right{width:790px;}
.page3 .con .right .h3{color:#004b9b;font-weight:700;font-size:22px!important;}
.page3 .con .right .h3 img{padding-right:22px;width:22px;}
.page3 .con .right p{margin-top:24px;color:grey;font-size:16px;line-height:25px;}
.page4{background:#fff;}
.page4::after,.page4::before{position:absolute;top:0;left:0;display:block;width:304px;height:439px;background:url(../images/img_12.png) no-repeat center;content:"";}
.page4::after{top:auto;right:115px;bottom:27px;left:auto;width:214px;height:221px;background:url(../images/img_06.png) no-repeat center;}
.page4 .con{margin-top:106px;}
.page4 .con{position:relative;}
.page4 .con .text{position:absolute;}

/*.page4 .con img.bg{width:474px;}*/
.page4 .con .text1{top:-7px;right:calc(100% - 180px);}
.page4 .con .text2{top:160px;left:calc(100% - 128px);}
.page4 .con .text3{top:356px;right:calc(100% - 210px);}
.page5{background:#ededed;}
.page5 .con{position:relative;margin-top:94px;}
.page5 .con::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../images/img_11.png) no-repeat center;content:"";}
.page5 .con .li{margin-bottom:28px;}
.page5 .con .li .h4 img{margin-top:1.5px;margin-right:11px;}
.page5 .con .li .h4{color:#004b9b;font-weight:700;font-size:20px;}
.page5 .con .li p{margin-top:13px;margin-left:33px;padding-bottom:17px;width:330px;border-bottom:1px solid #e6e6e6;color:#7f7f7f;font-size:16px;line-height:22px;}
.page5 .con .right{margin-left:472px;}

/*关于我们*/
#app-aboutus,#app-login{overflow:hidden;box-sizing:border-box;padding:173px 0 30px;min-height:100vh;background:#fff;}
#app-login .header{background:#004b9c;}
.about .tab{margin-top:60px;}
.about .tab .item{width:290px;height:100px;background:#004b9b;}
.about .tab .item img{margin-right:20px;width:28px;}
.about .tab .item span{color:#fff;font-size:36px;}
.about .font{margin:38px 0;color:#191d21;font-size:16px;line-height:30px;}
.about .font p:not(:last-child){margin-bottom:40px;}
.about .about-list .item{margin-bottom:36px;}
.about .about-list img{margin-right:25px;width:88px;}
.about .about-list .left p{width:400px;}
.banner{overflow:hidden;padding:181px 0 68px;background:url(../images/cooperate_02.png) no-repeat center;background-size:cover;}
.banner .box{margin-top:64px;}

/*合作流程*/
#app-cooperate{overflow:hidden;background:#fff;}
#app-cooperate .header{position:absolute;}
.apply{padding-top:65px;padding-bottom:88px;border-bottom:1px solid #E8E8E8;}
.apply h3{color:#004b9b;text-align:center;font-weight:700;font-size:36px;}
.apply h4{margin-top:14px;color:#004b9b;text-align:center;font-size:24px;}
.apply .input{margin-top:30px;}
.apply .input .item{margin-bottom:16px;}
.apply .input .item .input-box{position:relative;box-sizing:border-box;padding-left:10px;width:44%;height:48px;border:1px solid #e0e0e0;background:#f2f2f2;}
.apply .input .item .textarea-box{padding:17px 10px;border:1px solid #e0e0e0;background:#f2f2f2;}
.apply .input .item .input-box.on,.apply .input .item .textarea-box.on{box-shadow:0 0 5px 0 #004b9b;}
.apply .input .item .input-box.required::after{position:absolute;top:50%;left:calc(100% + 5px);color:#d10000;content:'*';font-size:18px;transform:translateY(-50%);}
.apply input,.apply textarea{width:100%;height:100%;background:#f2f2f2;font-size:18px;font-family:Arial;}
.apply .input button{display:block;margin:35px auto 0;width:280px;height:60px;border-radius:280px;background:#004b9b;color:#fff;font-weight:700;font-size:24px;opacity:.9;cursor:pointer;}
.apply .input button:hover{box-shadow:0 0 10px 0 #004b9b;opacity:1;transition:all .3s;}

/*底部*/
.fp-tableCell{display:flex;}
.page6,.page6 .fp-tableCell{height:50vh !important;}
.page6{background:transparent;color:#fff;font-size:70px;font-style:italic;text-align:center;}
.page6 .text{padding-top:300px;color:#004b9c;font-style:normal;font-size:20px;}

/*效果*/
.about .about-list,.about .font,.about .tab,.about .title,.apply .input,.apply .input button,.apply .titles,.banner-box button,.cooperate .box,.cooperate .title,.page1 .icon,.page2 .con,.page3 .bottom,.page3 .top,.page4 .con,.page5 .left,.page5 .right,.swiper-slide .title{opacity:0;transition:transform 1s,opacity 1s;transform:translateY(100px);}
.page5 .con::before{opacity:0;transition:all 2s;}
.cooperate .box,.page2 .con,.page3 .bottom,.page3 .top,.page4 .con,.page5 .left,.page5 .right{transition-delay:.5s;}
.about .tab,.banner-box button{transition-delay:.3s;}
.about .font,.page1 .icon{transition-delay:.6s;}
.apply .titles{transition-delay:.7s;}
.apply .input{transition-delay:.9s;}
.apply .input button{transition-delay:1.1s;}
.about .about-list,.apply .input button,.page5 .con::before{transition-delay:1s;}
.about.open .about-list,.about.open .font,.about.open .tab,.about.open .title,.apply.open .input,.apply.open .input button,.apply.open .titles,.cooperate.open .box,.cooperate.open .title,.open .banner-box button,.page1.open .icon,.page2.open .con,.page3.open .bottom,.page3.open .top,.page4.open .con,.page5.open .con::before,.page5.open .left,.page5.open .right,.swiper-slide.open .title{opacity:1;transform:translateY(0);}

.login .title{font-size:26pt;}
.login .tab{margin-top:40px;}
.layui-layer-tips .layui-layer-content{background-color:#FF5722!important;}
.layui-layer-tips .layui-layer-content i{border-right-color:#FF5722!important;}

@media(min-width:1000px){
.banner-box .title img{margin-top:40px;}
}

@media(min-width:750px){
.page1 .title{padding:0 15px;}
.page3 .con{padding:0 15px;}
.page3 .bottom{margin-top:50px;}
.page4 .back{width:80%;}
.page4 .con .text1,.page4 .con .text3{right:calc(100% - 260px);}
.page4 .con .text2{left:calc(100% - 228px);}
.page5 .con::before{background-size:70% 70%;}
.page5 .con .right{margin-left:240px;}
}