body{font-family: "Microsoft YaHei",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:12px;line-height:1.6;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}
.lx{ }
/* 头部 */
.head{width: 100%;position: absolute;left: 0;z-index: 999;padding: 30px 0;}
.head .logo{}
.navbar{}
.navbar li{float: left;font-size: 14px;color: #fff;padding: 12px 0;margin: 0 20px;position: relative;text-transform:uppercase;}
.navbar li.on:after{content: "";display: block;width: 100%;height: 2px;background: #1e73be;position: absolute;left:50%;bottom:0;transform:translate(-50%,0);}
.navhide{background: rgba(255,255,255,0.85);width: 175px;position: absolute;left:0;top: 100%;z-index: 999;border-radius:4px;padding:12px 0;text-transform:capitalize;transition: .25s;opacity: 0;visibility: hidden;}
.navhide dl{line-height: 32px;position: relative;padding: 0 10px;color: #333333;}
.navhide dl>h3:hover,.navhide dl .tre p:hover>a{color: #1e73be;}
.navhide dl>h3:hover{background:url(../image/jt3.png) no-repeat right center;}
.navhide dl .tre{background: rgba(255,255,255,0.85);position: absolute;top: 0;min-width: 120px;left: 176px;padding: 12px 10px;margin-top: -12px;border-radius:4px;opacity: 0;visibility: hidden;}
.navhide dl .tre p{font-size: 14px;line-height: 28px;}
.navhide dl:hover .tre{opacity: 1;visibility: inherit;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* HOME */
.swiper-bn{height: 96vh;}
.swiper-bn .inner{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;text-transform:uppercase;background: rgba(0,0,0,0.4);text-align: center;}
.swiper-bn .t{font-size: 65px;margin-bottom: 15px;}
.swiper-bn .t em{font-family:"Arial Black";padding: 0 20px;}
.swiper-bn .more{background:linear-gradient(to right, #55b0ff, #1e73be);width: 280px;line-height: 60px;border-radius:50px;margin:60px auto 0;}
.swiper-bn .more i{transform:translateY(-2px);}
.page-bn{width: 100%;bottom: 2vw;}
.page-bn span{background: #fff;width: 22px;height: 3px;transition: all 0.4s linear;border-radius:0;margin: 0 5px;}
.page-bn .swiper-pagination-bullet-active{width: 44px;}
.step1{padding: 60px 0;}
.step1 li{width: 48%;height: 378px;position: relative;margin-bottom: 4%;}
.step1 li .pic{width: 100%;height: 100%;}
.step1 li .t{width: 100%;position: absolute;bottom: 0;left:0;line-height: 55px;background: rgba(0,0,0,0.65);color: #fff;text-align: center;transition: all 0.4s linear;}
.step1 li:hover .t{background: rgba(30,115,190,0.8);}
.step2{background: #f5f5f5;padding: 60px 0;}
.step2 .row{width: 46.5%;}
.step2 .row .pic{width: 100%;height: 290px;background: #fff;display:flex;align-items:center;justify-content: center;}
.step2 .row .pic span{position: absolute;top: 2%;left: 1%;background: #1e73be;color: #fff;line-height: 24px;padding: 0 6px;border-radius:4px;z-index: 9;}
.step2 .row .text{padding: 15px 0;}
.step2 .row .text h3{display:flex;justify-content: space-between;align-items:center;}
.step2 .row .text p{line-height: 2;color: #444444;margin-top: 10px;}
.step2 .row .text em{color: #bd0303;}
.step2 .row .text .more{text-transform:uppercase;border: 1px solid #000000;width: 170px;line-height: 38px;margin: 40px auto 0;border-radius:30px;}
.step3{padding: 60px 0 80px;}
.step3 .table{text-align: center;color: #010101;line-height: 54px;border-collapse: collapse; border-spacing: 0;border: 1px solid #000;background: rgba(255,255,255,0.8);}
.step3 .thead{background: #d0dfef;font-weight: bold;}
.step3 .btn{justify-content: space-evenly;}
.step3 .btn>a{color: #fff;width: 340px;line-height: 50px;background:linear-gradient(to right, #55b0ff, #1e73be);text-align: center;border-radius:30px;}
.step4 .pic{width: 48.5%;}
.step4 .text{width: 51.5%;padding: 0 4%;}
.step4 .text .box{font-size: 15px;}
.step4 .text .more{width: 188px;line-height: 46px;color: #fff;background:linear-gradient(to right, #55b0ff, #1e73be);border-radius:30px;text-transform:uppercase;}
.step5{padding: 60px 0;}
.step5 .pay{cursor:pointer;z-index: 99;}
.step5 .swiper-slide:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.35);}
.step5 .swiper-slide-thumb-active:after,.step5 .swiper-slide-thumb-active i{display: none;}
.step5 .more{background: #fff;width: 170px;line-height: 40px;border-radius:30px;margin: 50px auto 0;text-transform:uppercase;}
.step5 .gallery-top,.step5 .gallery-thumbs{margin: 0 15px;}
.step5 .gallery-top .video{height: 465px;display: flex;align-items:center;justify-content: center;}
.step5 .gallery-thumbs .swiper-slide{width: 131px;}
.step5 .gallery-thumbs .swiper-slide i{position: absolute;z-index: 9;top:50%;left:50%;transform:translate(-50%,-50%);}
.step5 .gallery-thumbs .swiper-wrapper{justify-content: center;}
.step6{padding: 80px 0;}
.step6 .row{width: 28%;text-align: center;line-height: 2;color: #ffffff;}
.step6 .row h3{margin-bottom: 10px;color: #ffffff;}
.step7{padding: 80px 0;}
.step7 .row{width: 18%;text-align: center;line-height: 2;color: #010101;padding-bottom: 0px; margin-bottom: 20px;border:1px solid #eeeeee;}
.step7 .row h3{margin-bottom: 10px;color: #010101;}
.foot{background: #000000;color: #fff;padding: 50px 0;}
.foot .f-dh{width: 60%;}
.foot .f-dh h3{font-size: 16px;text-transform:uppercase;margin-bottom: 12px;}
.foot .f-dh p{line-height: 2.2;}
.foot .f-dh p:hover a{text-decoration:underline;}
.foot .lx p:nth-child(1){background:url(../image/tel.png) no-repeat left center;padding-left: 22px;}
.foot .lx p:nth-child(2){background:url(../image/mailbox.png) no-repeat left center;padding-left: 22px;}
.foot .lx p:nth-child(3){background:url(../image/address.png) no-repeat left center;padding-left: 22px;}
.foot .lx p:nth-child(4){background:url() no-repeat left center;padding-left: 22px;}
.foot .code{line-height: 2.5;text-transform:uppercase;}
.copyright{background: #000000;color: #fff;line-height: 2;border-top: 1px solid rgba(255,255,255,0.3); height:80px; line-height:80px}
.copyright .cp1{ float:left;}
.copyright span{ float:right}
.ban{height: 325px;position: relative;color: #fff;}
.ban .inner{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;background: rgba(0,0,0,0.5);text-align: center;}
.ban h3{font-weight: bold;font-size: 65px;text-transform:uppercase;}
.contact{padding: 80px 0;}
.contact .item{width: 100%;}
.contact .item h3{text-transform:capitalize;margin-bottom: 18px;}
.contact .box{color: #444444;line-height: 2;font-size: 17px;}

.contact .form input,.contact .form textarea{border: 1px solid #e7e7e7;width: 32%;height: 40px;font-size: 14px;color: #666666;padding: 0 10px;margin-bottom: 2.2%;}
.contact .form textarea{width: 100%;height: 78px;padding: 10px 10px;}
.contact .form .btn{color: #fff;background: #1e73be;width: 165px;height: 40px;border-radius:5px;cursor:pointer;text-transform:uppercase;}
.map{height: 490px;margin-bottom: 6vw;}
.res-1{padding: 70px 0;}
.res-1 .row{width: 48%;height: 200px;box-shadow: 0px 0px 15px rgba(0,0,0,.05);padding: 0 6%;margin-bottom: 4%;}
.res-1 .row .t{margin-left: 40px;}
.res-1 .row h3{font-weight: bold;}
.res-1 .row .yl{background: #1e73be;width: 162px;line-height: 38px;color: #fff;border-radius:30px;text-transform:uppercase;}
.res-2{background: #f5f5f5;padding: 70px 0;}
.res-2 .text{width: 46%;line-height: 1.8;}
.res-2 .label{padding: 0 10px;}
.res-2 .label p:before{content: "•";display: inline-block;font-size: 20px;line-height: 1;margin-right:8px;}
.res-2 .img{width: 48.5%;background: #fff;}
.res-3 .core{flex-flow: row-reverse;}
.res-4{}
.res-4 li{margin-bottom: 3px;}
.res-4 li .t{line-height: 60px;background: #1e73be;color: #fff;padding: 0 18px;}
.res-4 li .t i{width: 15px;height: 14px;background:url(../image/jia.png) no-repeat;margin-right: 16px;cursor:pointer;}
.res-4 li .t i.on{background:url(../image/jian.png) no-repeat;}
.res-4 li .box,.res-5 li .box{background: #f5f5f5;line-height: 2;padding: 20px 30px;color: #444444;display: none;}
.res-4 li .box p em{color: #1e73be;}
.res-5{padding: 70px 0;}
.res-5 li{margin-bottom: 10px;box-shadow: 0px 0px 5px rgba(0,0,0,.1);}
.res-5 li .t{line-height: 60px;background: #f5f5f5;padding: 0 18px;}
.res-5 li .t i{width: 15px;height: 14px;background:url(../image/jia2.png) no-repeat;margin-right: 16px;cursor:pointer;}
.res-5 li .t i.on{background:url(../image/jian2.png) no-repeat;}
.res-5 li .box{background: #fff;padding-bottom: 30px;}
.product{padding: 30px 0;}
.list-p{padding: 20px 0;}
.list-p li{float:left;width: 24.5%;margin-right: 0.5%;color: #666666;padding: 0 1%;transition: all 0.3s linear;}
.list-p li .img{height: 340px;display: flex;align-items:center;justify-content: center;}
.list-p li .img img{max-height: 100%;}
.list-p li .text{padding: 15px 0;word-break: break-all;}
.list-p li h3{color: #333333;font-weight: bold;margin-bottom: 6px;}
.list-p li:hover h3{color: #1e73be;}
.list-p li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.05);}
.list-p li:last-of-type{margin-right: 0;}
.p-intro{background: #f5f5f5;padding: 80px 0;}
.p-intro .text{width: 48.5%;color: #444444;font-size: 15px;}
.p-intro .text h3{font-size: 36px;color: #000000;line-height: 1.2;margin-bottom: 30px;}
.p-intro .img{width: 45%;}
.list-vid{padding: 60px 0;}
.list-vid .core li{float: left;width: 31.5%;position: relative;margin-right: 2.75%;margin-bottom: 2.5%;font-size: 17px;}
.list-vid .core li .img{width: 100%;height: 220px;display: flex;align-items:center;justify-content: center;}
.list-vid .core li .t{line-height: 1.4;padding: 20px 0;color: #000000;}
.list-vid .core li .pay{cursor:pointer;}
.list-vid .core li .p2{display:none;}
.list-vid .core li:hover .p1{display: none;}
.list-vid .core li:hover .p2{display: block;}
.list-vid .core li:nth-child(3n+3){margin-right: 0;}
.demo{padding-bottom: 5vw;}
.demo .more{background: #1e73be;color: #fff;width: 365px;line-height: 46px;border-radius:30px;margin: 0 auto 0;}
.vid-contact{color: #fff;padding: 5vw 0;}
.vid-contact .more{background: #1e73be;width: 200px;line-height: 48px;border-radius:30px;margin: 40px auto;}
.vid-contact h3{margin-bottom: 30px;}
.vid-tab{font-size: 15px;margin-bottom: 3vw;}
.vid-tab li{background: #f5f5f5;line-height: 46px;border-radius:6px;margin-right: 1.5%;padding: 0 12px;color: #010101;transition: all 0.3s linear;}
.vid-tab li.on,.vid-tab li:hover{background: #1e73be;}
.vid-tab li.on>a,.vid-tab li:hover>a{color: #fff;}
.crumb{line-height: 2;padding: 35px 0;}
.relation{padding:3vw 0 5vw;}
.relation .img{height: 248px;display:flex;align-items:center;padding: 0 1.5%;}
.show-top .picture{width: 38%;}
.show-top .gallery-thumbs .swiper-slide{height: 100px;border: 1px solid #eeeeee;overflow: hidden;}
.show-top .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #1e73be;}
.show-top .text{width: 50%;}
.show-top .intro{line-height:1.9;}
.show-top .intro p,.p-show .area1 .box p{position: relative;padding-left: 18px;}
.show-top .intro p em{color: #1e73be;display: inline;}
.show-top .more{background:linear-gradient(to right, #55b0ff, #1e73be);width: 145px;line-height: 50px;color: #fff;border-radius:8px;}
.p-show{}
.p-show .hd{background: #f5f5f5;line-height: 44px;}
.p-show .hd li{border-bottom: 3px solid #c3c3c3;padding: 0 12px;}
.p-show .hd li.on{color: #1e73be;border-bottom: 3px solid #1e73be;}
.p-show h3{font-weight: bold;margin-bottom: 15px;}
.p-show .area1 .box p{line-height: 2;}
.p-show .area1 .box p:before{content: "●";font-size: 12px;}
.p-show .area1 h3{color: #1e73be;font-size: 24px;}
.p-show .area3 p:before{content: "●";display:inline-block;margin-right: 10px;font-size: 12px;line-height: 2;}

/* 详情 */
.detail .tool{border-bottom: #cccccc 1px solid;margin-top: 20px;justify-content: space-between;padding: 15px 0 25px;color: #999999;}
.detail .tool span{margin-right: 20px;}
.detail .content{padding: 30px 0;line-height: 2;color: #696969;}
.detail .prev_next{line-height: 2.4;font-size: 13px;margin-top: 30px;}
.detail .prev_next a:hover{color: #999999;}