/* CSS Document */
.askbg{background:url("") no-repeat 0px bottom;}
.tdbg{background:url("") no-repeat center center fixed;background-size:cover;}
.kfbg{background:url("") no-repeat center center;}
.bg{background:#F5F7FA;}
/*网站报价*/
.bj_ban{margin-top:80px;}
.bj_ban:before{width:100%;height:338px;background:#0052D9 url("../image/jg_bg.png") no-repeat right 0px;left:0px;top:0px;z-index:-1;}
.bj_ban h1{font-size:40px;line-height:50px;color:#fff;text-shadow:1px 1px 0px #06F4F2;margin-bottom:10px;}
.bj_ban h2{color:rgba(255,255,255,.80);font-size:20px;line-height:32px;}
.bj_ban ul{height:450px;margin-top:20px;}
.bj_ban li{width:calc(20% - 64px);padding:20px;border-radius:6px;background-image:linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1);margin-top:70px;text-align:center;}
.bj_ban li h3{font-size:20px;line-height:40px;font-weight:bold;}
.bj_ban li h4{color:#3D485D;display:block;margin-bottom:20px;border-bottom:solid 1px #D3D7DE;padding-bottom:20px;}
.bj_ban li em{font-size:40px;font-weight:bold;line-height:40px;color:#F44837;margin:20px 0;display:inline-block;position:relative;}
.bj_ban li em:before{content:"￥";width:16px;line-height:16px;text-align:center;font-size:12px;background:#F44837;color:#fff;border-radius:40px;left:-17px;bottom:5px;font-weight:400;}
.bj_ban li p{line-height:30px;font-size:14px;}
.bj_ban li j{color:#F44837;font-weight:bold;}
.bj_ban li a{background:#0052D9;color:#fff;display:block;text-align:center;font-size:16px;padding:15px 0;border-radius:40px;margin-top:20px;}
.bj_ban li a:hover{background:#2670E8;}
.bj_ban li:nth-child(4),.bj_ban li:nth-child(5){margin:0px;}

.bj_yuanz{width:calc(100% - 60px);float:left;position:relative;overflow:hidden;background:#F5F7FA;margin-bottom:30px;padding:30px;border-radius:4px;}
.bj_yuanz:before{width:calc(21% - 30px);height:100%;background:url("../image/jg_bg.png") no-repeat;background-size:100%; left:-50px;top:0px;transform:skewX(-14deg);}
.bj_yuanz ul{margin-left:-30px;}
.bj_yuanz li{width:calc(20% - 90px);float:left;padding:0 30px 0 60px;position:relative;z-index:2;}
.bj_yuanz li h2{font-size:22px;line-height:30px;margin-bottom:10px;}
.bj_yuanz li p{line-height:22px;}
.bj_yuanz li i{width:40px;height:40px;position:absolute;left:10px;top:0px;background:url("") no-repeat;background-size:90%; }

.bj_yuanz li:nth-child(1) h2{color:#fff;}
.bj_yuanz li:nth-child(1) p{color:#E9EFF7;}

.bj_nav{width:100%;float:left;}
.bj_nav_up{width:calc(100% - 250px);padding:0px 100px 0px 150px;position:fixed;top:60px;left:0px;z-index:10;}
.bj_nav ul{width:calc(100% - 3px);float:left;background:rgba(255,255,255,.8);background:linear-gradient(to top,rgba(255,255,255,.8),#F1F4F6);border-right:solid 1px #D3D7DE;}
.bj_nav li{width:calc(18% - 1px);float:left;border-left:solid 1px #D3D7DE;position:relative;height:80px;text-align:center;font-size:22px;line-height:60px;padding-top:20px;}
.bj_nav li h2{font-size:20px;font-weight:bold;margin-bottom:10px;}
.bj_nav li p{display:inline-block;overflow:inherit;position:relative;}
.bj_nav li j{font-size:30px;color:#F44837;margin-right:6px;position:relative;}
.bj_nav li j:before{content:"￥";font-size:18px;left:-18px;bottom:8px;}
.bj_nav li i{color:#98A3B7;font-size:12px;text-decoration:line-through;}
.bj_nav li em{position:absolute;background:#F44837;padding:0px 4px;color:#fff;font-size:12px;line-height:14px;right:0px;top:-10px;border-radius:10px 10px 10px 0px;}

.bj_nav li:nth-child(1){width:calc(28% - 0px);border-top:solid 2px #98A3B7;}
.bj_nav li:nth-child(1):before{width:80px;height:1px;background:#CDD1D4;transform:rotate(45deg);left:32%;top:50px;}
.bj_nav li:nth-child(1) span{position:absolute;left:20%;bottom:20px;line-height:30px;}
.bj_nav li:nth-child(1) .t1{right:6%;top:15px;}
.bj_nav li:nth-child(2){width:calc(18% - 2px);border-top:solid 2px #0052D9;}
.bj_nav li:nth-child(3){width:calc(18% - 1px);border-top:solid 2px #00A3FF;}
.bj_nav li:nth-child(4){border-top:solid 2px #00C8DC;}
.bj_nav li:nth-child(5){border-top:solid 2px #F44837;}

.bj_ser{width:100%;float:left;}
.bj_ser table{width:calc(100% - 2px);loat:left;border:solid 1px #D3D7DE;margin-bottom:20px;border-right:0;border-top:0;}
.bj_ser td{width:18%;border:solid 1px #D3D7DE;text-indent:20px;border-left:0;background:url() no-repeat center;color:#3D485D;}
.bj_ser b{font-size:18px;font-weight:bold;color:#070707;}
.bj_ser .no{background:url() no-repeat center;}
.bj_ser .tis{width:22px;height:22px;position:relative;display:inline-block;background:url() no-repeat center;background-size:16px;top:5px;margin-left:10px;cursor:pointer;}
.bj_ser .tis p{width:220px;padding:15px;position:absolute;left:40px;top:-28px;background:#fff;border:solid 1px #D3D7DE;border-radius:3px;text-indent:0;line-height:20px;visibility:inherit;opacity:0;}
.bj_ser .tis:hover p{visibility:visible;left:30px;transition:0.3s ease-out;opacity:1;}
.bj_ser td:nth-child(1),.bj_ser table:nth-child(1) td,.bj_ser .wbg{background:none;}
.bj_ser td:nth-child(1){width:10%;}


/*网站建设*/
.sit_box{width:100%;float:left;height:300px;position:relative;z-index:5;margin-top:30px;}
.sit_box:before{width:100%;height:100%;left:0px;top:0px;background:url("../image/ban.jpg") no-repeat center -130px;}
.sit_box .tit{width:800px;float:left;margin:100px 0 0 0px;}
.sit_box .tit h1{font-size:36px;line-height:40px;height:40px;font-weight:bold;overflow:hidden;position:relative;animation:type 2s steps(30) forwards;}
.sit_box .tit h2{font-size:18px;color:#3D485D;line-height:40px;margin-top:10px;font-weight:bold;}
.sit_box .tit p{font-size:18px;line-height:30px;margin-top:15px;color:#98A3B7;}

.sit_box .pic{width:500px;height:210px;position:absolute;right:-50px;top:130px;z-index:3;}
.sit_box .pic img{width:auto;height:240px;}
.sit_box .pic i{margin:0 auto;display:table;position:relative;top:-60px;animation:rowup linear 2s infinite;}

.sit_box .con{float:left;position:relative;padding:30px 0 50px 0;margin-top:80px;}
.sit_box .con:before{content:"WEBSITE";width:100%;font-size:180px;line-height:180px;top:-60px;letter-spacing:60px;font-weight:bold;text-align:center;color:rgba(255,255,255,.40);}
.sit_box .con ul{margin-left:-20px;position:relative;z-index:2;}
.sit_box .con li{width:calc(25% - 150px);float:left;margin:20px 0 0 20px;padding:30px;padding-left:100px;border-radius:6px;cursor:pointer;position:relative;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1);background:rgba(255,255,255,.80); backdrop-filter:blur(30px);}
.sit_box .con li:hover{box-shadow:0 12px 20px rgba(20,14,53,.1);transform:translateY(-5px);transition:360ms;}
.sit_box .con li img{width:50px;position:absolute;left:30px;}
.sit_box .con li h2{font-size:18px;font-weight:bold;line-height:20px;margin-bottom:13px;}
.sit_box .con li p{height:14px;line-height:14px;}
.sit_box .con li:nth-child(4){margin-right:0.5px;}
.sit_box .con li:last-child{width:calc(25% - 80px);height:174px;position:absolute;right:0px;top:0px;padding:30px;overflow:hidden;}
.sit_box .con li:last-child h2{width:100%;float:left;text-align:center;font-weight:bold;margin-bottom:20px;padding:0px;padding-bottom:25px;border-bottom:dotted 2px #0052D9;color:#0052D9;}
.sit_box .con li:last-child h3{width:calc(100% - 140px);float:left;font-size:14px;line-height:30px;}
.sit_box .con li:last-child h3 a{display:inline-block;padding:2px 30px;border-radius:20px;margin-top:8px;background:linear-gradient(to right,#0052D9,#06F4F2);color:#fff;}
.sit_box .con li:last-child img{width:120px;position:absolute;bottom:0px;left:auto;right:20px;}

.site_grow{background:url("../image/site-bg.png") no-repeat left bottom;position:relative;}
.site_grow:before{width:100%;height:327px;background:url("../image/site-bg1.png") no-repeat center;left:0px;bottom:30px;z-index:2;}
.site_grow .con{position:relative;margin-top:30px;}
.site_grow .con li{width:calc(33.3% - 130px);padding:50px;padding-bottom:300px;border:solid 1px #D3D7DE;border-radius:6px;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);align-self:flex-end;}
.site_grow .con li h2{font-size:30px;font-weight:bold;margin-bottom:30px;}
.site_grow .con li p{font-size:16px;line-height:32px;}
.site_grow .con li strong{color:#0052D9;}
.site_grow .con li span{color:#0052D9;}
.site_grow .con li:nth-child(1){padding-bottom:200px;}
.site_grow .con li:nth-child(2){padding-bottom:250px;}

.site_grow .tit{width:calc(100% - 400px);position:absolute;left:200px;bottom:44px;display:flex;justify-content:space-between;z-index:6;}
.site_grow .tit h2{background:#fff;border:solid 2px #0052D9;border-radius:20px;padding:6px 20px;color:#0052D9;font-size:18px;font-weight:bold;position:relative;}
.site_grow .tit h2:before{width:10px;height:10px;background:#0052D9;border:solid 3px #fff;border-radius:26px;left:50%;bottom:-30px;margin-left:-7px;box-shadow:0px 3px 10px 0 rgba(55,99,170,.6);z-index:5;}
.site_grow .tit h2:nth-child(2){top:-64px;}
.site_grow .tit h2:nth-child(3){top:-190px}

.site_surv ul {width:100%;position:relative;margin-top:100px;counter-reset:num;}
.site_surv li{width:calc(18% - 55px);height:340px;position:relative;padding:20px;background:#0052D9;align-self:flex-end;border-radius:6px;}
.site_surv li:before{width:40px;height:3px;background:#fff;left:20px;bottom:23px;}
.site_surv li h2{font-size:20px;color:#fff;font-weight:bold;margin:20px 0;position:relative;z-index:2;}
.site_surv li p{font-size:14px;color:rgba(255,255,255,.90);line-height:26px;}
.site_surv li:after{counter-increment:num;content:counter(num) '';text-transform:uppercase;font-size:60px;color:rgba(255,255,255,.20);left:20px;top:-20px;font-style:italic;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#0052D9;}

.site_surv li:nth-child(1),.site_surv li:nth-child(5){height:190px;}
.site_surv li:nth-child(2),.site_surv li:nth-child(4){height:270px;}
.site_surv li:nth-child(3){width:24%;background:none;}
.site_surv li:nth-child(3) h2{text-align:center;margin:20px 0 105px 0;}
.site_surv li:nth-child(3) b{display:none;}
.site_surv li:nth-child(3) p{font-size:16px;color:#070707;display:block;line-height:32px;margin-top:20px;overflow:inherit;z-index:2;}
.site_surv li:nth-child(3) em{font-size:14px;position:relative;color:#fff;margin-right:10px;padding:5px 10px;border-radius:4px;background:#F44837;z-index:2;}
.site_surv li:nth-child(3):before{width:100%;height:calc(100% - 90px);left:0px;bottom:0px;border-top-left-radius:200% 40%;border-top-right-radius:-200% 40%;background:#CCDFFD;background:linear-gradient(to top,#fff,rgba(233,239,247,.60));backdrop-filter:blur(30px);z-index:2;box-shadow:0px 5px 40px rgba(0, 0, 0, 0.1);}
.site_surv li:nth-child(3):after{content:"";width:90%;height:170px;background:#0052D9;left:5%;top:0px;border-bottom-left-radius:200% 40%;border-bottom-right-radius:200% 40%;box-shadow:0px 5px 40px rgba(0, 0, 0, 0.1);border-radius:6px;}
/*网站优化*/
.yh_ban{height:200px;background:#0979D3;background:linear-gradient(-30deg,#F5F7FA,#D3D7DE,#F5F7FA);padding-top:180px;}
.yh_ban dt{float:left;position:relative;margin-top:30px;}
.yh_ban dt h2{font-size:80px;line-height:80px;color:#0052D9;position:absolute;right:-260px;top:-10px;transform:skew(-16deg);text-shadow:1px 1px 0px #06F4F2;z-index:2;}
.yh_ban dt h3{position:absolute;font-size:80px;right:-262px;top:22px;transform:skew(-16deg);color:#0052D9;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0052D9;}
.yh_ban dt h4{font-size:40px;line-height:40px;font-weight:bold;color:#0052D9;background:linear-gradient(to right,#0052D9,#06F4F2);-webkit-background-clip:text;color:transparent;margin-top:13px;}
.yh_ban dt em{width:460px;position:absolute;bottom:-40px;left:0;text-transform:uppercase;letter-spacing:8px;}
.yh_ban dt i{padding:5px 9px;font-size:14px;border:solid 1px #98A3B7;color:#3D485D;border-left:0px;position:relative;}
.yh_ban dt i:nth-child(1){border-left:solid 1px #98A3B7;background:#0052D9;color:#06F4F2;border:solid 1px #0052D9;}
.yh_ban dt i:nth-child(1):before{height:0;width:0;border-color:#0052D9 transparent transparent transparent;border-style:solid;border-width:6px;left:18px;bottom:-12px;}

.yh_ban dd{width:702px;height:200px;background:url("../image/yh_dt.png") no-repeat center bottom;position:absolute;right:100px;bottom:-60px;}
.yh_ban dd img{width:auto;}
.yh_ban dd i{position:absolute;}
.yh_ban dd i:nth-child(1){left:50px;top:80px;animation:rowup linear 2s infinite;}
.yh_ban dd i:nth-child(2){left:150px;top:40px;animation:rowup linear 1.5s infinite;}
.yh_ban dd i:nth-child(3){left:315px;top:-15px;animation:rowup linear 1s infinite;}
.yh_ban dd i:nth-child(4){right:30px;top:40px;animation:rowup linear 2s infinite;}

.yhbg{background:url("../image/adv_bg.png") no-repeat center -150px;}
.yh_wen{height:470px;position:relative;}
.yh_wen dl{position:absolute;right:0px;bottom:20px;}
.yh_wen dt{font-size:32px;line-height:40px;font-weight:bold;}
.yh_wen dd{font-size:16px;line-height:30px;position:relative;padding-left:32px;margin-top:20px;color:#3D485D;}
.yh_wen dd:before{width:5px;height:48px;background:#0052D9;left:0px;top:7px;}
.yh_wen ul{counter-reset:num;}
.yh_wen li{width:calc(15% - 40px);position:relative;top:182px;padding-left:40px;}
.yh_wen li h2{font-size:20px;line-height:40px;font-weight:bold;}
.yh_wen li p{font-size:14px;line-height:24px;height:100px;overflow:hidden;}
.yh_wen li:after {counter-increment:num;content:counter(num) '';text-transform:uppercase;width:22px;height:22px;line-height:22px;background:#0052D9;color:#fff;text-align:center;border-radius:40px;left:0px;bottom:0px; border:solid 4px #fff;}
.yh_wen li:nth-child(2n+0):after{top:-20px;}
.yh_wen li:before{width:1px;height:106px;border-left:dotted 1px #0052D9;left:14px;top:15px;}
.yh_wen li:nth-child(2n+0):before{top:0px;}

.yh_wen li:nth-child(2){top:345px;}
.yh_wen li:nth-child(3){top:257px;}
.yh_wen li:nth-child(4){top:355px;}
.yh_wen li:nth-child(5){top:105px;}
.yh_wen li:nth-child(6){top:10px;}

.yx_dwei ul{justify-content:flex-start;counter-reset:section;}
.yx_dwei li{width:25%;height:200px;background:rgba(0,0,0,.40);cursor:pointer;position:relative;}
.yx_dwei li h2{font-size:20px;line-height:24px;font-weight:bold;position:absolute;left:100px;top:60px;color:#fff;z-index:2;}
.yx_dwei li h2:after {counter-increment:section;content:counter(section) '.';font-size:60px;font-weight:400; left:-60px;top:-12px;color:rgba(255,255,255,.60);transform:skewX(-10deg);}
.yx_dwei li h3{font-size:30px;font-weight:bold;color:#fff;margin-top:20px;position:relative;display:inline-block;}
.yx_dwei li strong{color:#00C8DC;background:linear-gradient(to top,#6AF4FE,#fff 80%);-webkit-background-clip:text;color:transparent;font-size:46px;line-height:46px;display:inline-block;margin-left:5px;position:relative;top:-2px;transform:skewX(-10deg);}
.yx_dwei li span{color:rgba(255,255,255,.80);margin-top:50px;font-size:16px;padding-right:100px;display:block;}
.yx_dwei li p{width:calc(100% - 140px);color:rgba(255,255,255,.80);position:absolute;line-height:20px;top:90px;left:100px;z-index:2;}
.yx_dwei li:nth-child(1){width:50%;background:none;}
.yx_dwei li:nth-child(2){background:rgba(255,255,255,.90);backdrop-filter:blur(20px);margin-right:0.5px;}
.yx_dwei li:nth-child(2) h2{color:#0052D9;}
.yx_dwei li:nth-child(2) b{color:#98A3B7;}
.yx_dwei li:nth-child(2) p{color:#3D485D;}
.yx_dwei li:nth-child(3){width:50%;background:url("../image/site.jpg") no-repeat 0 -60px;background-size:100%;}
.yx_dwei li:nth-child(3):before{width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);}
.yx_dwei li:nth-child(4){background:none;}
.yx_dwei li:nth-child(6){margin-left:25%;background:rgba(0,0,0,.50);}
.yx_dwei li:nth-child(7){background:url("../image/jg_bg.png");backdrop-filter:blur(20px);}
.yx_dwei li:nth-child(2) h2:after{color:#0052D9;}

.yx_ywen {width:100%;float:left;}
.yx_ywen ul{width:1200px;height:430px;margin:0 auto;position:relative;background:url("../image/yx_wen.png") no-repeat center 20px;}
.yx_ywen ul:before{width:650px;height:349px;background:url("../image/yx_ren.png") no-repeat center bottom;left:50%;bottom:-80px;margin-left:-325px;}
.yx_ywen li{position:absolute;z-index:2;}
.yx_ywen li h2{width:110px;line-height:50px;float:right;font-size:16px;background:url("../image/yx_zxt.png") no-repeat;text-align:center;color:#fff;margin-left:5px;position:relative;}
.yx_ywen li p{width:220px;height:40px;line-height:20px;display:inline-block;font-size:12px;background:#0052D9;background:linear-gradient(to right,#0052D9,#00A3FF);padding:5px 15px 5px 25px;border-radius:30px 5px 5px 30px;color:#fff;}

.yx_ywen li:nth-child(2n+0){float:right;}
.yx_ywen li:nth-child(2n+0) h2{float:left;background-position:0 -60px;margin-right:5px;margin-left:0px;text-indent:10px;}
.yx_ywen li:nth-child(2n+0) p{border-radius:5px 20px 20px 5px;}
.yx_ywen li:nth-child(1){left:110px;top:68px;}
.yx_ywen li:nth-child(2){right:170px;top:48px;}
.yx_ywen li:nth-child(3){left:11px;top:190px;}
.yx_ywen li:nth-child(4){right:3px;top:240px;}
.yx_ywen li:nth-child(5){left:18px;bottom:60px;}
.yx_ywen li:nth-child(6){right:33px;top:140px;}
.yx_ywen li i{width:6px;height:6px;position:absolute;right:-27px;top:23px;background:#0096FF;border-radius:8px;}
.yx_ywen li:before{width:10px;height:10px;right:-30px;top:20px;border-radius:80px;animation:dicon 1.2s infinite;border:solid 1px #0096FF;}
.yx_ywen li:after{width:20px;height:20px;right:-35px;top:15px;border-radius:80px;animation:dicon 1.8s infinite;border:solid 1px #00B6FF;}
.yx_ywen li:nth-child(2n+0) i{left:-27px;}
.yx_ywen li:nth-child(2n+0):before{left:-30px;}
.yx_ywen li:nth-child(2n+0):after{left:-35px;}

.yx_chua li{width:calc(25% - 20px);margin:0px 0 0 0px;border-radius:4px;position:relative;box-shadow:0 0px 20px rgba(0,0,0,0.10);}
.yx_chua li h2{font-size:22px;line-height:30px;margin:0 0 20px 0px;padding-left:110px;font-weight:bold;}
.yx_chua li p {line-height:26px;font-size:16px;}
.yx_chua li h2:before{width:80px;height:90px;position:absolute;left:0px;top:-60px;border:solid 2px #fff;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border-radius:60px;}
.yx_chua li .txt{width:calc(100% - 40px);float:left;padding:20px;}
.yx_chua li h2:after{width:40px;height:42px;background:url("") no-repeat center -643px;background-size:100%; left:50%;top:-70px;margin-left:-20px;z-index:2;}
.yx_chua li:nth-child(2) h2:after{background-position:0px -756px;}
.yx_chua li:nth-child(3) h2:after{background-position:0px -812px;}
.yx_chua li:nth-child(4) h2:after{background-position:0px -700px;}

.sban{width:100%;float:left;height:360px;background:url("../image/sban.jpg") no-repeat right 0;position:relative;z-index:2;}
.sban .txt{width:600px;position:absolute;top:130px;}
.sban .txt h1{font-size:40px;line-height:44px;height:44px;overflow:hidden;font-weight:bold;animation:type 2s steps(28) forwards;}
@keyframes type {from {width:0} to {width:100%}}
.sban .txt h3{font-size:20px;line-height:30px;margin:10px 0;color:#3D485D;}
.sban .txt strong{font-size:34px;line-height:40px;}
.sban .txt a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 60px 0 20px;display:inline-block;margin-top:50px;position:relative;z-index:2;}
.sban .txt a:before{width:100%;height:100%;right:0px;border-radius:40px;background:#0052D9;background:linear-gradient(to right,#0052D9 10%,#00A3FF,#06F4F2);z-index:-1;}
.sban .txt a:after{width:12px;height:18px;background:url("../image/ico.png") no-repeat 0 -260px;background-size:100%;right:25px;top:17px;}
.sban .txt a:hover:before{width:50px;transition:all 0.3s;}
.sban .txt a:hover:after{right:20px;transition:all 0.4s;}
.sban .txt a:hover{color:#070707;}

.sban .txt h2 {font-size:40px;line-height:40px;height:40px;overflow:hidden;position:relative;animation:type 2s steps(28) forwards;}
@keyframes type {from {width:0} to {width:100%}}
.sban .txt p{
	width:calc(33.3% - 30px);
	display:inline-block;
	padding-left:30px;
	font-size:16px;
	line-height:20px;
	margin-top:10px;
	background:url("../image/tick.png") no-repeat;
	background-size:22px;
}

.sban .dom{position:relative;top:200px;}
.sban .dom a{border:solid 1px #0052D9;background:#fff;color:#0052D9;display:inline-block;line-height:40px;padding:0 15px;margin:80px 20px 0 0;border-radius:4px;font-size:16px;position:relative;}
.sban .dom a:hover{background:#fff;color:#0052D9;}
.sban .dom a:hover i{visibility:visible;}
.sban .dom a i{width:calc(100% + 2px);position:absolute;left:-1px;top:46px;border:solid 1px #0052D9;visibility:hidden;z-index:3;border-radius:4px;}
.sban .dom a img{border-radius:4px;}
.sban .dom a:nth-child(1){padding:0 25px;background:#0052D9;color:#fff;}

.sban .pic{width:500px;height:210px;position:absolute;right:0px;top:190px;z-index:3;}
.sban .pic img{width:auto;height:260px;}
.sban .pic i{margin:0 auto;display:table;position:relative;top:-60px;animation:rowup linear 2s infinite;}

.sban .sct{width:500px;height:243px;position:absolute;right:0px;top:155px;background:url("../image/b1.png") no-repeat;z-index:3;}
.sban .sct img{width:auto;}
.sban .sct i{position:absolute;animation:rowup linear 3s;}
.sban .sct i:nth-child(1){left:175px;top:-60px;animation:rowup linear 2s infinite;}
.sban .sct i:nth-child(2){left:15px;top:110px;}
.sban .sct i:nth-child(3){left:425px;top:150px;}
.sban .sct i:nth-child(4){left:380px;top:-20px;}

.sban .xcx{width:500px;height:243px;position:absolute;right:0px;top:190px;background:url("../image/x1.png") no-repeat;z-index:3;}
.sban .xcx img{width:auto;}
.sban .xcx i{position:absolute;animation:rowup linear 3s;}
.sban .xcx i:nth-child(1){left:145px;top:-95px;animation:rowup linear 2s infinite;}
.sban .xcx i:nth-child(2){left:40px;top:-20px;}
.sban .xcx i:nth-child(3){left:335px;top:-30px;}
.sban .xcx i:nth-child(4){left:385px;top:110px;}

/*关于我们*/
.about_box{width:100%;height:100%;float:left;background:#E9EFF7;}
.about_box .cont{width:700px;position:absolute;top:150px;}
.about_box .cont em{color:rgba(255,255,255,.60);font-size:150px;line-height:150px;text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#D3D7DE;letter-spacing:45px;position:absolute;left:-60px;top:-65px;}
.about_box .cont h1{font-size:40px;line-height:50px;color:#0052D9;position:relative;margin:10px 0;font-weight:bold;}
.about_box .cont h2{font-size:24px;line-height:40px;font-weight:bold;margin-bottom:50px;position:relative;z-index:2;}
.about_box .cont p{font-size:18px;line-height:30px;margin-top:10px;}
.about_box .cont p a{color:#070707;position:relative;display:inline-block;padding-left:23px;}
.about_box .cont p a:hover{color:#0052D9;}
.about_box .cont p a:before{content:"·";left:9px;font-size:20px;}
.about_box .cont p a:nth-child(1){padding:0px;}
.about_box .cont p a:nth-child(1):before{display:none;}
.about_box .ayew{width:660px;height:660px;position:absolute;right:0px;top:90px;}
.about_box .ayew li{width:220px;height:220px;background:rgba(255,255,255,.80);border-radius:200px;backdrop-filter:blur(20px);text-align:center;position:absolute;z-index:2;}
.about_box .ayew li h2{font-size:20px;font-weight:bold;margin-top:50px;}
.about_box .ayew li p{padding:0 30px;margin-top:20px;font-size:16px;line-height:26px;text-align:center;}
.about_box .ayew li:before{width:calc(100% + 30px);height:calc(100% + 30px);left:-17px;top:-17px;border:dashed 2px rgba(255,255,255,.80);border-radius:200px;}

.about_box .ayew li:nth-child(1){left:50%;top:40px;margin-left:-110px;}
.about_box .ayew li:nth-child(2){left:60px;bottom:90px;}
.about_box .ayew li:nth-child(3){right:40px;bottom:90px;}

.about_box .ayew li:last-child{width:340px;height:340px;background:#0052D9;left:170px;top:170px;z-index:1;backdrop-filter:blur(0px);}
.about_box .ayew li:last-child:before,.about_box .ayew li:last-child:after{display:none;}
.about_box .ayew li:after{width:57px;height:102px;background:url("../image/hx.png");left:-100px;top:160px;}
.about_box .ayew li:nth-child(2):after{width:57px;height:102px;left:260px;top:auto;bottom:-40px;transform:rotate(-110deg);}
.about_box .ayew li:nth-child(3):after{width:57px;height:102px;left:auto;right:60px;top:-160px;transform:rotate(122deg);}

.about_box .numb{width:calc(100% - 0px);position:absolute;right:0px;bottom:0px;background:#0052D9;padding:40px 0;z-index:3;}
.about_box .numb ul{display:flex;justify-content:space-between;}
.about_box .numb li{position:relative;}
.about_box .numb li:before{width:1px;height:90px;background:rgba(255,255,255,.30);right:-160%;top:3px;}
.about_box .numb li b{font-size:60px;color:#fff;line-height:60px;margin-top:20px;display:inline-block;position:relative;}
.about_box .numb li b:after{content:"年";font-size:16px;right:-25px;bottom:-6px;}
.about_box .numb li h2{color:#fff;}
.about_box .numb li:last-child:before{display:none;}
.about_box .numb li:nth-child(2) b:after{content:"%";}
.about_box .numb li:nth-child(3) b:after{content:"家";}
.about_box .numb li:nth-child(4) b:after{content:"项";}

.about_box .amor{width:50px;height:50px;background:#fff;position:absolute;left:0px;top:650px;z-index:5;border-radius:40px;}
.about_box .amor:after,.about_box .amor:before {width:12px;height:6px;background:url("../image/down.png") no-repeat;background-size:100%;left:50%;margin-left:-6px;top:20px;animation:more_down ease-out 1s 0.2s infinite;}
.about_box .amor:before {background-position:0px -12px;top:30px;animation:more_down ease-out 1s 0.4s infinite;}

/*通用成本结构*/
.cl_cben{position:relative;height:400px;}
.cl_cben dl{width:40%;float:right;}
.cl_cben dt{width:60%;float:left;}
.cl_cben dt h2{font-size:30px;line-height:40px;color:#fff;}
.cl_cben dt em{font-size:20px;color:#06F4F2;margin-top:20px;display:block;}

.cl_cben dd{width:45%;float:left;margin-top:70px;background:rgba(0,82,217,.7);padding:30px;border-radius:10px;color:#fff;font-size:16px;line-height:32px;position:relative;animation:rowup linear 4s infinite;}
.cl_cben dd:before{bottom:-15px;width:0;height:0;border-top:13px solid transparent;border-right:30px solid rgba(0,82,217,.7);border-bottom:10px solid transparent;transform:rotate(-46deg);}
.cl_cben dd span{color:#06F4F2;font-size:18px;}

.cl_cben ul{width:40%;height:calc(100% - 100px);background:#0052D9;position:absolute;left:0px;top:0px;padding:50px;border-radius:0 30px 30px 0;padding-right:150px;}
.cl_cben li{width:calc(50% - 50px);float:left;padding:20px 0;margin:25px 0 0 50px;position:relative;}
.cl_cben li h2{font-size:20px;color:#fff;line-height:22px;background:#0052D9;}
.cl_cben li p{color:#D3D7DE;margin-top:10px;font-size:14px;height:40px;line-height:20px;overflow:hidden;}
.cl_cben li:last-child{padding-bottom:0px;}
.cl_cben li:after{width:calc(100% - 95px);height:1px;background:rgba(255,255,255,.50);right:0px;top:26px;}
.cl_cben li:before{content:"01";left:-4px;color:#fff;font-size:40px;top:0px;padding:0 8px;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,.50);transform:skewX(-10deg);letter-spacing:10px;}
.cl_cben li:nth-child(2):before{content:"02";}
.cl_cben li:nth-child(3):before{content:"03";}
.cl_cben li:nth-child(4):before{content:"04";}
.cl_cben li:nth-child(5):before{content:"05";}
.cl_cben li:nth-child(6):before{content:"06";}

/*vs对比*/
.vbg,.nbg{overflow:hidden;}
.vbg:before{width:calc(50% + 80px);height:100%;background:#0052D9;right:-100px;top:0px;z-index:2;transform:skewX(-10deg);}
.vtit{position:absolute;z-index:2;top:-10px;}
.vtit h2{font-size:30px;line-height:32px;}
.vtit h3{color:#3D485D;margin-top:10px;}
.clvs{width:100%;float:left;position:relative;z-index:3;}
.clvs:before{width:120px;height:140px;left:50%;top:45%;margin-left:-60px;background:url("../image/ympk.png") no-repeat;background-size:100%;z-index:5;}
.clvs ul{width:calc(50% - 110px);float:left;margin-top:80px;position:relative;}
.clvs li{width:100%;float:left;margin-top:20px;position:relative;}
.clvs li h2{font-size:18px;line-height:30px;}
.clvs li p{color:#98A3B7;margin-top:10px;}
.clvs li:nth-child(1){font-size:20px;font-weight:bold;line-height:30px;}
.clvs ul:nth-child(2){float:right;margin:0px;border-bottom:solid 1px #80B0FF;border-right:solid 1px #80B0FF;padding:0 0 40px 150px;}
.clvs ul:nth-child(2) li:nth-child(1){color:#00C8DC;}
.clvs ul:nth-child(2) li:last-child{width:120px;height:120px;background:url("../image/vym.png") no-repeat;background-size:100%; position:absolute;right:-34px;top:-40px;}
.clvs ul:nth-child(2) li h2{color:#fff;}
.clvs ul:nth-child(2) li p{color:rgba(255,255,255,.80);}

.clvs ul:nth-child(2):after{width:1px;height:100%;left:47px;top:0px;background:#80B0FF;transform:skewX(-10deg);}
.clvs ul:nth-child(2):before{width:calc(100% - 94px);height:1px;right:0px;top:0px;background:#80B0FF;}
/*优势通用*/
.cl_super{width:1200px;margin:0 auto;padding-top:40px;height:400px;clear:both;}
.cl_super p{width:calc(50% - 300px);padding-top:20px;padding:0 260px 0 0;height:120px;line-height:24px;font-size:14px;}
.cl_super strong{font-size:20px;line-height:30px;font-weight:bold;display:block;position:relative;margin-bottom:10px;text-align:right;}
.cl_super p:nth-child(2n+0){padding:0 0 0 260px;}
.cl_super p:nth-child(2n+0) strong{text-align:left;}
.cl_super i{width:440px;height:400px;position:absolute;left:50%;margin-left:-220px;top:50px;display:flex;align-items:center;}

.c_xin{width:100%;float:left;position:relative;background:url("../image/315.jpg") no-repeat center center fixed;background-size:cover;padding:50px 0;}
.c_xin:before{width:100%;height:100%;background:rgba(0,82,217,.80);left:0px;top:0px;}
.c_xin .txt{width:600px;margin:0 auto;display:table;text-align:center;position:relative;z-index:1;}
.c_xin .txt h2{font-size:30px;line-height:40px;color:#fff;margin-top:30px;}
.c_xin .txt em{font-size:12px;color:#fff;margin-top:10px;display:block;}
.c_xin .txt span{color:#fff;position:relative;z-index:2;}
.c_xin .txt a{background:#fff;color:#0052D9;padding:15px 180px 15px 20px;margin-top:30px;display:inline-block;position:relative;overflow:hidden;border-radius:40px;}
.c_xin .txt a:before{content:"18696588163";font-size:18px;font-weight:bold;left:110px;}
.c_xin .txt a:after{width:100px;height:100%;background:#0052D9;left:-10px;top:0px;transform:skewX(-10deg);}

.c_you ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.c_you li{width:calc(25% - 15px);margin:10px 0 10px 0px;position:relative;cursor:pointer;overflow:hidden;border-radius:6px;}
.c_you li:before{width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.40);z-index:2;}
.c_you li h2{font-size:20px;color:#fff;line-height:30px;position:relative;padding-bottom:30px;margin-top:10px;font-weight:bold;}
.c_you li h2:after{width:40px;height:2px;background:#fff;left:0px;bottom:10px;}
.c_you li p{color:#fff;transition:.5s;position:relative;opacity:0;visibility:hidden;transform:scaleY(0);transform-origin:top left;line-height:22px;height:0;}
.c_you li:hover p{opacity:1;visibility:visible;transform:scaleY(1);overflow:hidden;height:66px;}
.c_you li:hover:before{background:rgba(0,82,217,.60);backdrop-filter:blur(10px);transition:background-color .3s ease;}
.c_you li .txt{width:calc(100% - 60px);position:absolute;left:30px;bottom:30px;z-index:3;}
.c_you li:nth-child(1){width:calc(50% - 15px);margin:15px 0 15px 0px;}
.c_you li:nth-child(1) h2{font-size:30px;line-height:44px;color:#070707;margin-top:0px;}
.c_you li:nth-child(1) h3{font-size:24px;line-height:32px;color:#98A3B7;}
.c_you li:nth-child(1):before{display:none;}
/*小程序开发*/
.xpin .a,.xpin .c{width:240px;padding:20px;padding-top:0px;background:url("../image/casebg.png") #F1F7FF no-repeat;background-size:120%;border-radius:6px;align-items:center;position:relative;}
.xpin .a:before,.xpin .c:before{width:50px;height:100%;right:-50px;top:0px;background:url("../image/jtb.png") no-repeat center;background-size:100%;}
.xpin .c:before{left:-50px;transform:rotate(180deg);}
.xpin .a li,.xpin .c li{width:calc(50% - 12px);text-align:center;border-radius:6px;border:solid 1px #fff;background:linear-gradient(to top,#fff 70%,rgba(255,255,255,.60));backdrop-filter:blur(20px);margin-top:20px;padding:15px 0;}
.xpin .a li:nth-child(1),.xpin .c li:nth-child(1){width:calc(100% - 10px);font-size:22px;font-weight:bold;text-align:left;background:none;border:0;padding:0px;}
.xpin .a li i{width:30px;margin:0 auto;display:table;}
.xpin .a li h2{margin-top:10px;font-size:14px;}

.xpin .b{width:calc(100% - 800px);}
.xpin .b li{width:calc(40% - 60px);background:#F1F7FF;padding:20px;border-radius:6px;position:relative;}
.xpin .b li h2{font-size:20px;font-weight:bold;line-height:30px;}
.xpin .b li p{margin-top:10px;color:#3D485D;}
.xpin .b li:nth-child(1){width:calc(100% - 10px);margin-bottom:30px;font-size:20px;font-weight:bold;}
.xpin .b li:nth-child(1) h2{font-size:26px;line-height:30px;height:30px;margin:0 auto;display:table;}

.xpin .b li:nth-child(4){width:calc(70% - 10px);margin:30px auto;padding-top:10px;background:url("../image/xcxbg.jpg") no-repeat;background-size:100%;}
.xpin .b li:nth-child(4) p{width:calc(33.33% - 45px);margin-top:10px;color:#F5F7FA;padding:10px 15px;border-radius:6px;position:relative;z-index:2;text-align:center;}
.xpin .b li:nth-child(4) em{font-size:24px;font-weight:bold;display:block;margin-bottom:5px;color:#fff;}

.xpin .b li:before{width:150px;height:20px;background:url("../image/jtl.png") no-repeat;background-size:100%;right:-160px;top:40px;}
.xpin .b li:nth-child(3):before{transform:rotate(90deg);right:-20px;top:180px;}
.xpin .b li:nth-child(5):before{transform:rotate(-90deg);left:-20px;top:-100px;}
.xpin .b li:nth-child(6):before{transform:rotate(-180deg);left:-160px;}
.xpin .b li:nth-child(1):before,.xpin .b li:nth-child(4):before{display:none;}

.xpin .c li{width:100%;padding:10px 0;margin-top:0px;}
.xpin .c li:nth-child(1){margin:15px 0 5px 0;}
.xpin .c li:last-child{display:none;}

.xcx_tui li{width:calc(20% - 112px);margin:10px 0 10px 0px;padding:20px 20px 20px 70px;border:solid 1px #E9EFF7;cursor:pointer;border-radius:4px;background:#fff;}
.xcx_tui li h2{line-height:30px;font-size:18px;font-weight:bold;}
.xcx_tui li p{position:relative;z-index:2;font-size:14px;line-height:26px;height:52px;text-align:center;text-align:justify;text-justify:inter-word;}
.xcx_tui li:hover{border:solid 1px #0052D9;box-shadow:0 4px 20px 5px rgba(0,82,217,.2);transition:460ms;}
.xcx_tui li:before{width:30px;height:35px;background:url("../image/xcx_tui.png") no-repeat;background-size:100%;left:20px;top:20px;}
.xcx_tui li:nth-child(2):before{background-position:center -44px;}
.xcx_tui li:nth-child(3):before{background-position:center -90px;}
.xcx_tui li:nth-child(4):before{background-position:center -138px;}
.xcx_tui li:nth-child(5):before{background-position:center -186px;}
.xcx_tui li:nth-child(6):before{background-position:center -230px;}
.xcx_tui li:nth-child(7):before{background-position:center -278px;}
.xcx_tui li:nth-child(8):before{background-position:center -326px;}
.xcx_tui li:nth-child(9):before{background-position:center -372px;}
.xcx_tui li:nth-child(10):before{background-position:center -410px;}

.xcx_why ul{margin-left:-70px;}
.xcx_why li{width:calc(25% - 70px);float:left;margin-left:70px;padding-top:20px;text-align:center;position:relative;cursor:pointer;}
.xcx_why li p{padding:0 70px;font-size:14px;line-height:26px;height:78px;text-align:center;}
.xcx_why li em{font-size:46px;line-height:46px;color:#0052D9;background:linear-gradient(-40deg,#06F4F2,#0052D9);-webkit-background-clip:text;color:transparent;}
.xcx_why li h2{font-size:22px;line-height:60px;font-weight:bold;}
.xcx_why li h3{font-size:26px;line-height:30px;padding-bottom:30px;color:#0052D9;background:linear-gradient(-40deg,#06F4F2,#0052D9);-webkit-background-clip:text;color:transparent;position:relative;font-weight:bold;z-index:2;}
.xcx_why li b{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#D3D7DE;font-size:70px;line-height:70px;position:absolute;left:50%;margin-left:-10px;top:-35px;transform:skewX(-20deg);letter-spacing:10px;}
.xcx_why li b:before{width:60px;height:30px;background:#fff;left:-10px;bottom:0px;}
.xcx_why li .txt{position:absolute;top:50%;margin-top:-60px;}
.xcx_why li:before{width:60px;height:69px;background:url("");right:25px;top:30px;}
.xcx_why li:after{width:34px;height:39px;background:url("") no-repeat 0px -89px;right:0px;top:-4px;}
.xcx_why li:hover:before{right:-13px; transition:460ms;}
.xcx_why li:hover:after{top:44px;transition:460ms;}

/*商城网站*/
.sc_app{background:#3D485D;background:linear-gradient(-45deg,#131723,#262834);position:relative;overflow:hidden;padding-bottom:0px;}
.sc_app .txt{width:calc(100% - 1000px);float:left;}
.sc_app .txt h2{font-size:32px;color:#fff;line-height:50px;}
.sc_app .txt h3{font-size:16px;color:#fff;line-height:30px;margin-bottom:30px;margin-top:10px;}
.sc_app .txt p{width:100%;float:left;font-size:16px;color:rgba(255,255,255,.80);line-height:30px;margin-top:10px;}
.sc_app .txt span{width:calc(33.33% - 50px);display:inline-block;line-height:50px;height:50px;overflow:hidden;position:relative;padding-left:50px;margin-top:15px;}
.sc_app .txt span:before{width:24px;height:24px;background:rgba(233,239,247,.80);backdrop-filter:blur(20px);border-radius:40px;left:10px;top:13px;border:solid 1px #fff;z-index:2;}
.sc_app .txt span:after{width:18px;height:18px;background:#0052D9;left:6px;top:10px;border-radius:6px;transform:rotate(45deg);}
.sc_app .txt img{position:absolute;width:auto;height:16px;left:16px;top:18px;z-index:3;}
.sc_app .txt strong{display:block;color:rgba(255,255,255,.500);margin-top:40px;}

.sc_app ul{width:840px;height:524px;float:right;background:url("../image/makbg.png");background-size:100%;position:relative;margin-top:50px;}
.sc_app ul:before{bottom:100px;left:20px;width:400px;height:400px;background:url("../image/mak360.png");transform:rotate(360deg);transform-origin:100% 100%;animation:xdu 5s cubic-bezier(.63,.07,.2,1) 0s infinite;}
@keyframes xdu {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}
.sc_app li{width:80px;height:35px;padding-top:45px;position:absolute;text-align:center;z-index:3;background:#0052D9;color:#fff;border-radius:200%;}
.sc_app li:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-6px;top:-5px;border:dashed 1px rgba(255,255,255,.50);border-radius:90px;}

.sc_app li:nth-child(1){left:-40px;bottom:60px;}
.sc_app li:nth-child(2){left:115px;bottom:260px;}
.sc_app li:nth-child(3){left:50%;top:-30px;margin-left:-40px;}
.sc_app li:nth-child(4){right:115px;bottom:260px;}
.sc_app li:nth-child(5){right:-40px;bottom:60px;}
.sc_app li:nth-child(6){width:180px;height:140px;background:#00C8DC;left:50%;bottom:14px;margin-left:-90px;font-size:18px;line-height:32px;font-weight:bold;}
.sc_app li:nth-child(6):before,.sc_app li:nth-child(6):after{display:none;}
.sc_app li:after{width:24px;height:26px;background:url("../image/yyi.png") no-repeat;background-size:100%;left:50%;top:13px;margin-left:-12px;}
.sc_app li:nth-child(2):after{background-position:0 -35px;}
.sc_app li:nth-child(3):after{background-position:0 -71px;}
.sc_app li:nth-child(4):after{background-position:0 -107px;}
.sc_app li:nth-child(5):after{background-position:0 -143px;}

.sc_mos li{width:calc(25% - 20px);padding-bottom:40px;box-shadow:0 4px 60px 0 rgba(0,28,85,.04);position:relative;}
.sc_mos li:before{width:calc(100% - 10px);height:calc(100% - 80px);left:5px;bottom:5px;background:rgba(255,255,255,.60);backdrop-filter:blur(20px);border-radius:6px;z-index:2;}
.sc_mos li:after{width:100%;height:100%;left:0px;top:0px;background:#E3ECFC;background:linear-gradient(to top,#fff,#E3ECFC 90%);border-radius:8px;}
.sc_mos li .tit{width:100%;height:70px;line-height:70px;text-align:center;font-size:22px;font-weight:bold;position:relative;z-index:2;}
.sc_mos li .con{width:calc(100% - 60px);margin:30px 0 0 30px;position:relative;z-index:2;}
.sc_mos li .con h2{font-weight:bold;font-size:18px;line-height:30px;}
.sc_mos li .con p{margin-top:10px;line-height:24px;}
.sc_mos li .con span{font-size:12px;font-weight:400;padding:1px 5px;background:#fff;color:#1664FF;border:solid 1px #1664FF;display:inline-block;margin-left:10px;position:relative;line-height:16px;}
.sc_mos li:nth-child(2):after{background:linear-gradient(to top,#fff,#D4E5FF 90%);}
.sc_mos li:nth-child(3):after{background:linear-gradient(to top,#fff,#CCF0F8 90%);}
.sc_mos li:nth-child(4):after{background:linear-gradient(to top,#fff,#E7E2FA 90%);}

.sc_hex{width:1200px;margin:0 auto;padding-top:20px;display:flex;justify-content:space-between;}
.sc_hex li{border-bottom:solid 1px #E9EFF7;padding:20px 0 20px 60px;display:flex;}
.sc_hex li:last-child{border-bottom:none;}
.sc_hex li i{width:50px;height:50px;left:0px;border-radius:40px;position:absolute;background:#0052D9;}
.sc_hex li em{font-size:18px;font-weight:bold;color:#070707;display:block;margin:3px 0 6px 0;}
.sc_hex li h2{font-size:14px;color:#3D485D;}
.sc_hex .con{width:300px;padding:30px;background:#fff;border-radius:8px;position:relative;}
.sc_hex .con:before{width:calc(100% + 20px);height:calc(100% + 20px);left:-11px;top:-11px;border:dashed 1px #0052D9;border-radius:8px;}
.sc_hex .bod{width:320px;}
.sc_hex .bod li{padding:20px;background:#E9EFF7;border-radius:8px;margin-top:30px;position:relative;padding-left:60px;box-shadow:0 4px 60px 0 rgba(0,28,85,.04);}
.sc_hex .bod li h2{position:absolute;top:0px;left:0px;background:#0052D9;font-size:20px;color:#fff;font-weight:bold;width:20px;line-height:42px;padding:20px 10px;height:calc(100% - 40px);border-radius:8px;}
.sc_hex .bod li h3{font-size:16px;line-height:28px;text-align:justify;text-justify:inter-word;}
.sc_hex .bod li:nth-child(1){margin-top:70px;}
.sc_hex .bod li:before{width:276px;height:50px;left:-77px;top:-60px;background:url("../image/scb.png");}
.sc_hex .bod li:last-child:before{left:auto;top:auto;right:-77px;bottom:-60px;background-position:0 -90px;}
.sc_rom li{width:calc(50% - 125px);margin:25px 0 25px 0px;padding:30px 40px 30px 60px;background:#F5F7FA;border-radius:8px;position:relative;display:flex;justify-content:space-between;}
.sc_rom li h2{width:40px;position:absolute;left:0px;top:0px;font-size:22px;line-height:30px;padding:32px 15px;color:#fff;background:#00B82B;height:calc(100% - 64px);border-radius:8px 0 0 8px;text-align:center;}
.sc_rom li em{display:block;font-size:18px;line-height:20px;height:20px;overflow:hidden;color:#1D1F20;font-weight:bold;margin-bottom:10px;text-align:center;}
.sc_rom li h2:before,.sc_rom li h2:after{width:14px;height:14px;right:-7px;top:-7px;background:#fff;border-radius:20px;z-index:3;}
.sc_rom li h2:after{top:auto;bottom:-7px;}
.sc_rom li p{display:inline-block;height:70px;padding-top:70px;margin-left:40px;position:relative;line-height:20px;}
.sc_rom li p:before{width:50px;height:50px;top:10px;background:url("../image/scrom.png") no-repeat;background-size:46px;left:50%;margin-left:-23px;}
.sc_rom li:nth-child(1) p:nth-child(3):before{background-position:0 -54px;}
.sc_rom li:nth-child(1) p:nth-child(4):before{background-position:0 -110px;}
.sc_rom li:nth-child(1) p:nth-child(5):before{background-position:0 -166px;}
.sc_rom li:nth-child(2) p:nth-child(2):before{background-position:0 -221px;}
.sc_rom li:nth-child(2) p:nth-child(3):before{background-position:0 -274px;}
.sc_rom li:nth-child(2) p:nth-child(4):before{background-position:0 -331px;}
.sc_rom li:nth-child(2) p:nth-child(5):before{background-position:0 -386px;}
.sc_rom li:nth-child(3) p:nth-child(2):before{background-position:0 -442px;}
.sc_rom li:nth-child(3) p:nth-child(3):before{background-position:0 -500px;}
.sc_rom li:nth-child(3) p:nth-child(4):before{background-position:0 -555px;}
.sc_rom li:nth-child(3) p:nth-child(5):before{background-position:0 -611px;}
.sc_rom li:nth-child(4) p:nth-child(2):before{background-position:0 -666px;}
.sc_rom li:nth-child(4) p:nth-child(3):before{background-position:0 -720px;}
.sc_rom li:nth-child(4) p:nth-child(4):before{background-position:0 -777px;}
.sc_rom li:nth-child(4) p:nth-child(5):before{background-position:0 -832px;}
.sc_rom li:nth-child(2) h2{background:#FA8D1F;}
.sc_rom li:nth-child(3) h2{background:#F55353;}
.sc_rom li:nth-child(4) h2{background:#2379FA;}
.sc_rom li:before{width:20px;height:32px;background:url("../image/lci.png") no-repeat 0 -60px;right:-36px;bottom:74px;}
.sc_rom li:nth-child(2):before{right:44%;bottom:-40px;transform:rotate(90deg);}
.sc_rom li:nth-child(3):before{top:44%;top:-40px;right:44%;transform:rotate(-90deg);}
.sc_rom li:nth-child(4):before{left:-40px;transform:rotate(-180deg);}

/*通用系统功能*/
.inte{width:360px;float:left;}
.yem{width:calc(100% - 20px);float:left;padding:10px;border-radius:6px;cursor:pointer;background-image:linear-gradient(0deg, rgba(255,255,255,.70) 0%, #F5F7FA 100%);box-shadow:0 4px 20px rgba(190,196,207,.28);border:2px solid #fff;margin-top:10px;}
.yem:before,.yem:after{width:6px;height:6px;background:#D3D7DE;border-radius:9px;top:10px;left:50%;margin-left:-25px;}
.yem:after{width:30px;margin-left:-13px;}
.yem .bd{width:100%;float:left;margin-top:15px;}
.yem .bd li{height:660px;overflow:hidden;}

.yem .hd{width:calc(100% - 20px);background:#fff;padding-top:5px;position:absolute;left:10px;bottom:10px;}
.yem .hd ul{display:flex;justify-content:space-between;}
.yem .hd li{padding-top:25px;position:relative;color:#3D485D;}
.yem .hd li.on{color:#0052D9;}
.yem .hd li:before{width:22px;height:24px;background:url("../image/xti.png") no-repeat;background-size:100%;left:50%;top:0px;margin-left:-11px;}
.yem .hd li:nth-child(2):before{background-position:0 -56px;}
.yem .hd li:nth-child(3):before{background-position:0 -113px;}
.yem .hd li:nth-child(4):before{background-position:0 -172px;}
.yem .hd li:nth-child(5):before{background-position:0 -229px;}

.yem .hd li.on:before{background-position:0 -28px;}
.yem .hd li:nth-child(2).on:before{background-position:0 -85px;}
.yem .hd li:nth-child(3).on:before{background-position:0 -142px;}
.yem .hd li:nth-child(4).on:before{background-position:0 -200px;}
.yem .hd li:nth-child(5).on:before{background-position:0 -257px;}

.demo{width:calc(100% - 20px);float:left;margin-top:35px;padding:10px;border-radius:6px;background-image:linear-gradient(131deg,#E0F6FA 2%,#F9EDFC 45%, #FFEEEB 100%);box-shadow:0 4px 20px rgba(190,196,207,.28);border:2px solid #fff;backdrop-filter:blur(20px);position:relative;z-index:3;}
.demo dt{width:102px;float:left;margin-right:10px;padding:5px;background:#fff;border-radius:100px;}
.demo dt img{border-radius:100px;}
.demo dd h2{margin-top:5px;color:#06C060;font-size:12px;}
.demo dd h2:nth-child(3){margin-top:15px;}
.demo dd p{margin-top:5px;color:#070707;}
.gn_bg:before,.gn_bg:after{width:100%;height:162px;left:0px;top:-50px;background:url("../image/gn_bg.png") no-repeat center 40px;}
.gn_bg:after{background-position:center -314px;top:auto;bottom:-20px;}
.func{width:calc(100% - 400px);float:right;position:relative;z-index:2;}
.func li{width:calc(25% - 58px);height:114px;position:relative;overflow:hidden;margin:10px 0 10px 0px;padding:20px;border-radius:6px;cursor:pointer;background-image:linear-gradient(0deg, rgba(255,255,255,.70) 0%, #F5F7FA 100%);box-shadow:0 4px 20px rgba(190,196,207,.28);border:1px solid #fff;backdrop-filter:blur(20px);}
.func li h2{font-size:18px;font-weight:bold;margin-bottom:30px;}
.func li p{transition:.5s;position:relative;opacity:0;visibility:hidden;transform:scaleY(1);transform-origin:top left;line-height:22px;height:0;font-size:14px;}
.func li:hover p{opacity:1;visibility:visible;overflow:hidden;height:44px;}
.func li:hover h2{margin-bottom:10px;transition:460ms;}
.func li:hover i{margin-top:0px;}
.func li i{height:50px;display:inline-block;transition:460ms;margin-top:20px;}
.func li img{width:auto;height:50px;}

.func li:nth-child(6){width:calc(50% - 60px);}
.func li:last-child{width:calc(50% - 204px);padding-right:170px;}
.func li:last-child i{width:100px;height:auto;position:absolute;right:20px;top:30px;margin:0px;}
.func li:last-child h2{margin:0px;}
.func li:last-child p{opacity:1;visibility:visible;height:76px;line-height:26px;margin:20px 0 0 0;}
.func li:last-child img{width:100%;height:auto;}
.func li:last-child:hover i{margin:0;}

/*网站改版*/
.gb_why{width:100%;float:left;padding:50px 0;}
.gb_why dt{width:600px;float:left;}
.gb_why dt b{font-size:160px;line-height:160px;position:absolute;top:-40px;left:-30px;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,.2);letter-spacing:30px;}
.gb_why dt h2{font-size:32px;line-height:40px;margin-bottom:50px;color:#fff;}
.gb_why dt h3{font-size:18px;color:#fff;line-height:30px;}
.gb_why dt em{font-weight:bold;font-size:20px;color:#06F4F2;position:relative;top:-2px;}
.gb_why dt p{width:calc(50% - 40px);float:left;font-size:16px;line-height:30px;margin-top:20px;background-color:rgba(255,255,255,.80);
color:#0052D9;border-radius:4px;padding:0 4px 0 25px;position:relative;}
.gb_why dt p:before{content:"原因";width:20px;line-height:14px;height:100%;text-align:center;background:#F44837;color:#fff;left:0px;top:0px; font-size:12px;}
.gb_why dt p:nth-child(2n+0){float:right;}
.gb_why dt span{color:#06F4F2;}
.gb_why dt a{display:inline-block;margin-top:50px;background:#fff;color:#0052D9;font-size:16px;padding:10px 30px 10px 50px;position:relative;border-radius:40px;}
.gb_why dt a:before{content:"☎";left:20px;font-size:20px;}
.gb_why dd{width:40%;position:absolute;right:100px;bottom:0px;}

.gb_ser {width:calc(100% - 1px);float:left;border-left:solid 1px #D3D7DE;}
.gb_ser ul{}
.gb_ser li{width:calc(16% - 1px);float:left;height:400px;border:solid 1px #D3D7DE;border-left:none;cursor:pointer;}
.gb_ser li .tit{width:calc(100% - 60px);float:left;height:340px;padding:30px;position:relative;}
.gb_ser li .tit i{width:80px;height:92px;margin:0 auto;margin-top:70px;display:table;background:url("") no-repeat;background-size:100%;}
.gb_ser li .tit h2{font-size:20px;font-weight:bold;text-align:center;line-height:40px;}
.gb_ser li .tit p{width:100%;position:absolute;line-height:60px;background:#F5F7FA;left:0px;bottom:0px;border-top:dotted 1px #D3D7DE;text-align:center;overflow:inherit;}
.gb_ser li .con{width:calc(60% - 60px);float:left;padding:30px 20px;display:none;}
.gb_ser li .con p{line-height:24px;margin-top:10px;position:relative;padding-left:15px;font-size:14px;}
.gb_ser li .con p:before{width:7px;height:7px;background:#0052D9;left:0px;top:9px;border-radius:10px;}

.gb_ser li.active{width:calc(34% + 20px);}
.gb_ser li.active .tit{width:calc(40% - 60px);background:#0052D9;}
.gb_ser li.active .tit h2{color:#fff;}
.gb_ser li.active .tit p{background:none;color:#E9EFF7;}
.gb_ser li.active .tit p:before,.gb_ser li.active .tit p:after{width:9px;height:9px;background:#fff;left:-5px;top:-5px;border-radius:10px;}
.gb_ser li.active .tit p:after{left:auto;right:-5px;}
.gb_ser li.active .con{display:block;}

.gb_ser li:nth-child(2).active .tit{background:#575EF4;}
.gb_ser li:nth-child(3).active .tit{background:#FF8C12;}
.gb_ser li:nth-child(4).active .tit{background:#4191FF;}
.gb_ser li:nth-child(5).active .tit{background:#21D399;}

.xtbg:before{width:100%;height:202px;background:url("") no-repeat 0px 0px;left:0px;top:205px;}
.cl_supe{width:100%;float:left;margin-top:50px;}
.cl_supe ul{display:flex;justify-content:space-between;}
.cl_supe li{width:1000px;position:relative;padding-left:100px;}
.cl_supe li i{width:60px;height:60px;display:inline-block;margin-bottom:15px;background:#0052D9;background:linear-gradient(to right,#0052D9,#2670E8 50%,#00C8DC);border-radius:40px;position:relative;}
.cl_supe li i:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-6px;top:-6px;border:dotted 1px #D3D7DE;border-radius:40px;}
.cl_supe li h2{font-size:20px;font-weight:bold;line-height:24px;}
.cl_supe li p{font-size:14px;line-height:24px;margin-top:15px;}
.cl_supe li:nth-child(1){margin-top:10px;padding:0px;}
.cl_supe li:nth-child(2){margin-top:110px;margin-left:30px;}
.cl_supe li:nth-child(3){margin-top:10px;}
.cl_supe li:nth-child(4){margin-top:140px;}
.cl_supe li:nth-child(5){margin-top:10px;margin-left:20px;}
.cl_supe li:nth-child(6){margin-top:155px;}

.tg_shuj{background:#E9EFF7;overflow:hidden;}
.tg_shuj:before{width:550px;height:100%;transform:skewX(-10deg);background:#0052D9;right:-25px;top:0px;}
.tg_shuj .txt{width:300px;float:right;}
.tg_shuj .txt h2{font-size:26px;color:#fff;line-height:30px;margin-bottom:20px;letter-spacing:1px;}
.tg_shuj .txt p{color:#E9EFF7;}

.tg_shuj ul{width:calc(100% - 600px);}
.tg_shuj li{position:relative;}
.tg_shuj li em{display:inline-block;position:relative;font-size:42px;line-height:42px;color:#0052D9;}
.tg_shuj li b{width:20px;height:20px;background:#F44837;color:#fff;position:absolute;text-align:center;border-radius:40px;font-size:12px;right:-25px;top:-5px;}
.tg_shuj li h2{color:#3D485D;margin-top:5px;}
.tg_shuj li:nth-child(2){border-left:solid 1px #D3D7DE;border-right:solid 1px #D3D7DE;padding:0 150px;}

.jzlc{background:#E9EFF7;padding-top:80px;}
.jzlc:before{width:17%;height:calc(100% + 40px);background:#0052D9;left:-60px;top:-40px;transform:skewX(-15deg);}
.jzlc:after{width:17%;height:97%;left:-80px;top:-10px;transform:skewX(-15deg);border:solid 1px rgba(0,200,220,.50);}
.cflow{width:100%;float:left;}
.cflow .ltit{position:absolute;background:#0052D9;color:#fff;font-size:22px;font-weight:bold;left:-80px;top:-100px;z-index:2;padding:0 6px;}
.cflow .ltit:before{content:"STEP";color:#2670E8;font-size:80px;right:70px;top:50px;writing-mode:vertical-lr;transform:skewX(-16deg);-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(0,200,220,.50);}
.cflow ul{display:flex;justify-content:space-between;margin-left:200px;}
.cflow li{width:400px;float:left;margin-left:70px;position:relative;padding-top:40px;}
.cflow li h2{font-size:18px;font-weight:bold;margin-bottom:10px;line-height:22px;position:relative;z-index:4;}
.cflow li p{height:60px;line-height:20px;position:relative;z-index:4;}
.cflow li b{position:absolute;left:0px;top:-30px;font-size:60px;line-height:60px;color:#2670E8;font-weight:bold;transform:skewX(-10deg);}
.cflow li:before{width:100px;height:100px;top:2px;left:-10px;background:#0979D3;background:linear-gradient(-60deg,#E9EFF7,rgba(0,82,217,.08));border-radius:200px;z-index:2;border:solid 1px #E9EFF7;backdrop-filter:blur(10px);}
.cflow li:nth-child(1){margin-left:0px;}
.cflow li:after{content:"01";font-size:60px;line-height:60px;left:0px;top:-30px;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,.40);z-index:5;transform:skewX(-10deg);font-weight:bold;}
.cflow li:nth-child(2):after{content:"02";}
.cflow li:nth-child(3):after{content:"03";}
.cflow li:nth-child(4):after{content:"04";}
.cflow li:nth-child(5):after{content:"05";}
.cflow li:nth-child(6):after{content:"06";}

/*网站基础功能*/
.jbg{background:url("");}
.jbg:before{width:100%;height:100%;left:0px;top:0px;background:rgba(255,255,255,.80);backdrop-filter:blur(3px);}
.wzgn{width:calc(100% - 0px);float:left;}
.wzgn li{width:calc(25% - 70px);float:left;margin:80px 0 0 0px;padding-left:70px;position:relative;}
.wzgn li h2{font-size:20px;line-height:30px;font-weight:bold;margin:10px 0 20px 0;color:#0052D9;}
.wzgn li p{line-height:24px;height:96px;overflow:hidden;padding-right:60px;text-align:justify;text-justify:inter-word;}
.wzgn li i{width:50px;height:50px;position:absolute;left:0px;top:0px;}
.wzgn li i:before{width:100%;height:100%;border:solid 1px #fff;background:rgba(255,255,255,.20);backdrop-filter:blur(20px);border-radius:80px;z-index:2;}
.wzgn li i:after{width:60%;height:60%;background:#1664FF;border-radius:80px;right:-10px;top:10px;}
.wzgn li img{width:30px;height:30px;float:left;margin:10px 0 0 10px;position:relative;z-index:3;}

.wzgn .mti{padding:30px;padding-bottom:40px;background:#0052D9;position:absolute;left:0px;top:-130px;}
.wzgn .mti:after{width:100%;height:100%;right:-10px;bottom:-10px;border:solid 1px #0052D9;}
.wzgn .mti:before{content:"7";font-size:100px;line-height:80px;left:10px;top:35px;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;}
.wzgn .mti h2{font-size:20px;line-height:22px;font-weight:bold;color:#fff;padding-left:55px;}
.wzgn .mti h3{font-size:30px;line-height:30px;margin:10px 0 20px 0;color:#fff;padding-left:35px;}
.wzgn .mti em{font-size:12px;color:#fff;}

/*加油系统*/
.vbg{overflow:hidden;}
.vbg:before{width:calc(50% + 40px);height:100%;background:#1664FF;right:-60px;top:0px;z-index:2;transform:skewX(-10deg);}
.vtit{position:absolute;z-index:2;top:0px;}
.vtit h2{font-size:30px;line-height:32px;}
.vtit h3{color:#3D485D;margin-top:10px;}
.jyvs{width:100%;float:left;position:relative;z-index:3;}
.jyvs:after{width:128px;height:128px;right:-30px;top:-30px;background:url("../image/vym.png") no-repeat;z-index:5;}
.jyvs:before{width:100px;height:100px;left:50%;top:45%;margin-left:-45px;background:url("../image/ympk.png") no-repeat;background-size:100%;z-index:5;}
.jyvs ul{width:calc(50% - 110px);float:left;margin-top:80px;position:relative;z-index:2;}
.jyvs li{width:100%;float:left;margin-top:20px;position:relative;}
.jyvs li h2{font-size:18px;line-height:30px;font-weight:bold;}
.jyvs li p{color:#495770;margin-top:6px;line-height:24px;}
.jyvs li:nth-child(1){font-size:20px;font-weight:bold;line-height:30px;}
.jyvs ul:nth-child(2){float:right;margin:0px;border-bottom:solid 1px #80B0FF;border-right:solid 1px #80B0FF;padding:0 0 40px 150px;}
.jyvs ul:nth-child(2) li:nth-child(1){color:#6AF4FE;}
.jyvs ul:nth-child(2) li h2{color:#fff;}
.jyvs ul:nth-child(2) li p{color:rgba(255,255,255,.80);padding-right:80px;font-size:14px;}
.jyvs ul:nth-child(2):after{width:1px;height:100%;left:50px;top:0px;background:#80B0FF;transform:skewX(-10deg);}
.jyvs ul:nth-child(2):before{width:calc(100% - 100px);height:1px;right:0px;top:0px;background:#80B0FF;}