@charset "utf-8";
body{font-family: "Microsoft YaHei";font-size:12px;line-height:1.6;}
.container{width: 100%;max-width: 1500px;margin: 0 auto;}
.head_wap{display: none;}
.pcxs{ display:block}
.sjxs{ display:none;}
.pcxs .swiper-slide{ width:30%; margin:3% 1%;}

/* 头部 */
.head.on{top: 0;box-shadow: 0 0 15px rgba(0,0,0,.15);background:#1f0f7f;}
.head{width: 100%;position: fixed;left: 0;top: 50px;z-index: 999;transition: all 0.3s linear;padding: 15px 0;}
.head .logo{width: 200px;}
.navbar{}
.navbar li{float: left;font-size: 18px;color: #fff;padding: 10px 0;margin:0 1.67vw;position: relative;}
.navbar li:last-of-type{margin-right: 0;}
.navhide{background: #fff;width: 160px;position: absolute;left: 50%;margin-left: -80px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.navhide a{font-size: 14px;display: block;line-height: 40px;color: #666;text-align: center;position: relative;}
.navhide a:after{content: "";position: absolute;bottom: 0;width: 90%;height: 1px;background-color: #eeeeee;left: 5%;}
.navhide a:hover{color: #db0000;transition: all 0.4s ease-in-out;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* start */
.banner{height: 100vh;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;padding-top: 9vw;}
.banner .inner{width: 42.5vw;color: #fff;line-height: 1.8;margin: 0 5%;}
.banner .more{width: 180px;line-height: 55px;background: #feba02;font-weight: bold;margin: 0 auto;border-radius:50px;}
.banner .prompt{font-size:18px;margin-top:10px;}
.banner .t{margin: 28px 0 35px;}
.hm-tit{font-weight: bold;color: #373737;text-transform:uppercase;}

.step1{padding: 100px 0;}
.step1 .cont{width: 51.5%;}
.step1 .text{line-height: 2.1;color: #373737;margin-top: 50px;}
.step1 .pic{width: 48%;position: absolute;right: 0;margin-top: 50px;}

.step2{padding-top: 90px;}
.step2 .cont{justify-content: space-between;align-items:center;margin-top: 8vw;}
.step2 .cont .pic{width: 47%;}
.step2 .cont .text{width: 48%;}
.step2 .cont .item{background: #f1f3f9;text-align: center;height: 260px;margin-bottom: 25px;border-radius:10px;line-height: 1.8;padding: 40px 6% 0;}
.step2 .cont .item h3{font-weight:bold;color: #505050;margin-bottom: 22px;}
.step2 .cont .item h3 i{margin-right: 18px;}
.step2 .cont .item:hover,.step2 .part li:hover{background: linear-gradient(to left,#40a2e8,#395ecf);color: #fff;}
.step2 .cont .item:hover h3,.step2 .part li:hover h3{color: #fff;}
.step2 .cont .item:hover i{filter: brightness(100);}
.step2 .part{flex-wrap: wrap;justify-content: space-between;border-radius:10px;overflow: hidden;}
.step2 .part li{background: #f1f3f9;width: 49.9%;height: 165px;margin-bottom: 0.2%;text-align: center;color: #505050;line-height: 1.8;padding: 25px 5% 0;cursor:pointer;}
.step2 .part li h3{color: #505050;font-weight: bold;}
.h_bg{background:url(../images/bg_1.png) no-repeat center top;}
.step3{padding: 140px 0 50px;}
.step3 .cont{flex-wrap: wrap;justify-content: flex-start;margin-top: 70px;}
.step3 .swiper-hz{margin-top: 30px;padding: 0 10px;}
.step3 .swiper-grid-column>.swiper-wrapper{flex-direction: row;}
.step3 .swiper-slide{margin-top: 1.5% !important;margin-bottom: 1% !important;text-align: center;}
.step3 .swiper-slide span{display: inline-block;background: #fff;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.step4{padding: 80px 0;}
.step4 .des{line-height: 1.8;color: #373737;margin-top: 70px;}
.step4 .cont{margin-top: 60px;}
.step4 .swiper-slide{height: 320px;text-align: center;color: #373737;line-height: 1.7;box-shadow: 0 0 10px rgba(0,0,0,.1);margin: 30px 0;background: #fff;padding: 40px 3.5% 0;}
.step4 .swiper-slide .t{margin-top: 30px;}
.step4 .swiper-slide:hover{background: linear-gradient(to bottom left, #40a2e8,#395ecf);color: #fff;}
.step4 .swiper-slide:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.step4 .next-step4{right: -3vw;}
.step4 .prev-step4{left: -3vw;}
.swiper-step4{padding: 0 10px;}
.step5{color: #373737;padding: 50px 0;background: linear-gradient(transparent,#f1f3f9);}
.step5 .des{margin-top: 60px;}
.step5 .tab-list{justify-content: center;margin-top: 50px;}
.step5 .tab-list li{width: 165px;line-height: 46px;text-align: center;color: #fff;font-weight: bold;background: linear-gradient(to left, #40a2e8,#395ecf);border-radius:30px;cursor:pointer;margin: 0 1.5vw;transition: all 0.3s linear;}
.step5 .bd .box{text-align: center;line-height: 2;margin-top: 60px;}
.step5 .more{width: 200px;line-height: 75px;color: #fff;font-weight: bold;background: linear-gradient(to right, #40a2e8,#395ecf);border-radius:10px;margin: 70px auto;}
.step6{padding: 130px 0;}
.step6 .swiper-gn{padding: 0 10px;background:url(../images/bg_2.png) no-repeat center top 8vw;margin-top: 60px;padding-bottom: 170px;}
.step6 .swiper-slide{height: 285px;text-align: center;font-size: 18px;color: #414141;line-height: 1.8;display: flex;flex-flow: column;justify-content: center;border-radius:10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.1);margin: 30px 0;padding: 0 20px;background: #fff;cursor:pointer;}
.step6 .swiper-slide .t{margin-top: 30px;}
.step6 .swiper-slide-active{background: linear-gradient(#40a0e7,#395fd0);color: #fff;}
.step6 .swiper-slide-active img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.step6 .page-gn span{background: #bbdcf5;opacity: 1;width: 20px;height: 20px;margin: 0 0.8vw !important;}
.step6 .page-gn .swiper-pagination-bullet-active{border: 1px solid #4aa1e7;zoom: 1.4;transform:translateY(2px);}
.step7{background: url(../images/bg_4.jpg) no-repeat center top/cover;padding: 65px 0;}
.step7 .swiper-slide{width:30%; float:left;height: 268px;border-radius:10px;overflow: hidden;text-align: center;color: #373737;font-size: 18px;line-height: 1.8;padding: 35px 3% 0;box-shadow: 0 0 15px rgba(0,0,0,.15);margin-top: 70px;}
.step7 .swiper-slide h3{font-weight:bold;margin-bottom: 28px;}
.step7 .swiper-slide h3:after{content: "";display: block;width: 64px;height: 6px;background: url(../images/bg_3.png) no-repeat;margin: 16px auto;}
.step7 .nav-ys{justify-content: center;margin-top: 70px;}
.step7 .prev-ys,.step7 .next-ys{position:static;width: 92px;height: 36px;margin: 0 15px;text-align: center;transition: all 0.4s linear;}
.step7 .prev-ys:hover,.step7 .next-ys:hover{background:rgba(255,255,255,0.25);}
.step8{padding: 120px 0;}
.step8 .cont{flex-wrap: wrap;justify-content: space-between;align-items:center;margin-top: 100px;}
.step8 .row{width: 242px;height: 242px;border-radius:100%;box-shadow: 0 0 15px rgba(29,37,79,.15);position:relative;}
.step8 .row span{font-family:"Arial";font-size: 40px;font-weight: bold;}
.step8 .row .pic{width: 100%;height: 100%;border-radius:100%;color: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;transition: all 0.2s linear;}
.step8 .row .text{width: 100%;height: 100%;text-align: center;font-size: 17px;color: #404040;line-height: 1.8;padding: 20px 10% 0;}
.step8 .row .text span{color: #3b75d7;}
.step8 .row:hover .pic{opacity: 1;visibility: inherit;}
.step8 .row:after{content: "";display: block;width: 46px;height: 100%;background: url(../images/jt.png) no-repeat left center;position: absolute;right:-59px;top: 0;}
.step8 .row:last-of-type:after{display: none;}
.step9{padding: 30px 0;}
.step9 .cont{margin-top: 50px;}
.step9 .swiper-slide{height: 303px;border-radius:12px;overflow: hidden;color: #fff;margin-bottom: 2%;}
.step9 .pic{width: 100%;height: 100%;display: flex;align-items:center;justify-content: center;}
.step9 .pic:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(64,159,231,0.4);}
.step9 .text{position: absolute;left: 0;bottom: 1px;height: 91%;width: 94%;background: linear-gradient(to left, #40a2e8,#395ecf);border-top-right-radius:12px;z-index: 99;line-height: 1.8;padding: 30px 30px 0;opacity: 0;visibility: hidden;transition: all 0.4s linear;}
.step9 .swiper-slide h3{font-weight: bold;position: sticky;z-index: 9;margin-bottom: 10px;}
.step9 .swiper-slide:hover .text{opacity: 1;visibility: inherit;}
.step10{padding: 100px 0;}
.step10 .des{color:#373737;margin-top: 60px;}
.step10 .cont{width: 55.5%;margin-top: 80px;}
.step10 .row{height: 182px;border: 1px solid #409fe7;border-radius:10px;line-height: 2;padding: 0 30px;margin-bottom: 22px;display:flex;flex-flow: column;justify-content: center;}
.step10 .row h3{font-weight: bold;margin-bottom: 2px;color: #3a67d3;}
.step10 .row:hover{background:url(../images/bg_6.png) no-repeat center/cover;color: #fff;border: 1px solid transparent;}
.step10 .row:hover h3{color: #fff;}
.step10 .b_g{width: 41%;position: absolute;right: 0;bottom: 11%;text-align: right;}
.foot{background:url(../images/bg_foot.jpg) no-repeat left bottom/cover;color: #fff;padding: 80px 0 70px;}
.foot .f-dh{justify-content: center;margin: 60px 0;}
.foot .f-dh li{margin: 0 1.4vw;}
.copyright{line-height: 2.2;border-top: 1px solid rgba(255,255,255,0.3);padding-top: 22px;}