@font-face{font-family:Oswald;src:url(/assets/Oswald-Medium-B5-uRbzx.ttf)}.pro-visi{position:absolute;width:1080px;left:50%;margin-left:-540px;bottom:10px;text-align:right;display:flex;justify-content:flex-end;align-items:flex-end}.pro-visi .info{margin-right:20px}.pro-visi .info .bom{min-width:350px;margin-top:10px;color:#ffe9c1;display:flex;justify-content:flex-end;align-items:center;font-family:Oswald,Arial,SimSun;background:url(/images/crab/bg-icon1.png) no-repeat right bottom;padding-bottom:15px}.pro-visi .pic{position:relative;float:right\	;display:none\	}.pro-visi .info .top{display:flex;align-items:center;justify-content:flex-end}.pro-visi .info .top b{margin:0 10px;position:relative;display:inline-block;width:15px;height:15px}.pro-visi .info .top b:before{content:"";position:absolute;inset:0;width:15px;height:15px;background:#dab48b;-webkit-mask:url(/images/crab/icon-plus-h.png) no-repeat center/contain;mask:url(/images/crab/icon-plus-h.png) no-repeat center/contain}.pro-visi .info .top b img{display:block;width:15px;height:15px;opacity:0}.pro-visi .info .top em{font-size:18px;font-family:Oswald,Arial,SimSun;margin:0 4px}.pro-visi .info .l{line-height:12px}.pro-visi .info .r{font-size:24px;margin-left:10px}.pro-visi .info .r em{font-family:Cinzel,Arial,SimSun}.pro-visi .info .u{text-decoration:line-through;font-family:Trirong,serif}.pro-visi .pic img{width:220px;height:auto;border-radius:10px}.pro-visi .xx{position:relative;padding-left:30px;display:inline-block;display:inline-flex;align-items:center;margin-left:10px}.pro-visi .xx:before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;background:#dab48b;transform:translateY(-50%);-webkit-mask:url(/images/crab/icon-xx-h.png) no-repeat center/contain;mask:url(/images/crab/icon-xx-h.png) no-repeat center/contain}.pro-visi .cx{position:relative;padding-left:30px;display:inline-block;display:inline-flex;align-items:center}.pro-visi .cx:before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;background:#dab48b;transform:translateY(-50%);-webkit-mask:url(/images/crab/icon-cx-h.png) no-repeat center/contain;mask:url(/images/crab/icon-cx-h.png) no-repeat center/contain}@keyframes provisiT{0%{transform:translateY(0)}70%{transform:translateY(-4px)}to{transform:translateY(0)}}.pro-visi.css3{animation:provisiT .3s}.crab-list{background:#f7f4ee url(../images/crab/list-bg.jpg) no-repeat 50% 50%;background-size:cover;height:590px;position:relative;padding-top:40px}.crab-list *{box-sizing:content-box}.crab-list .con{width:1080px;height:460px;background:url(../images/crab/dzx-list.png) no-repeat;margin:0 auto 35px;display:flex;position:relative}.crab-list .con .li-list{color:#fff;margin-top:20px;font-size:14px}.crab-list .con .li-list li{height:50px;line-height:50px;padding-left:40px;font-family:Oswald,Arial,SimSun;display:flex;align-items:center}.crab-list .con .li-list li .xx{background:url(../images/crab/icon-xx-b.png) no-repeat 0 50%;padding-left:30px;display:inline-flex;align-items:center}.crab-list .con .li-list li em{font-size:16px;margin:0 5px}.crab-list .con .li-list li b{display:inline-block;margin:0 20px}.crab-list .con .li-list li b img{display:inline-block}.crab-list .con .li-list li .cx{background:url(../images/crab/icon-cx-b.png) no-repeat 0 50%;padding-left:30px;display:inline-flex;align-items:center}.crab-list .tab-nav{flex:1;background:linear-gradient(to bottom,#d7b17d,#f9e2ae);transition:border-radius .3s ease;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}.crab-list .tab-nav:before{content:"";width:2px;height:60px;background:url(../images/crab/bg-x1.png) no-repeat;position:absolute;right:0;top:0}.crab-list .tab-nav:nth-child(2):before{display:none}.crab-list .tab-nav.active{color:#fff;background:#c71432;border-radius:20px 20px 0 0}.crab-list .tab-nav.active:before{display:none}.crab-list .hide-before:before{display:none}.crab-list .tips-box{transition:all .3s ease;position:absolute;width:1120px;height:50px;border:4px solid #eac596;top:76px;left:-24px;border-radius:10px}.crab-list .tips{position:absolute;bottom:15px;left:390px;font-size:12px;line-height:1.4;height:40px;font-family:Trirong,serif;background:url(../images/crab/icon-dv.png) no-repeat 0 0;color:#555;padding-left:40px}.crab-list .crab-list-item{height:50px;line-height:50px;text-align:right;padding-right:40px;position:relative;display:block}.crab-list .crab-list-item .n:before{position:absolute;width:100%;height:1px;background:#000;bottom:3px;content:"";visibility:hidden}.crab-list .crab-list-item:hover .n:before{visibility:visible}.crab-list .crab-list-item .n{font-family:Oswald,Arial,SimSun;font-size:24px;color:#444;position:relative}.crab-list .crab-list-item .n em{font-size:12px;padding:0 0 2px 5px;vertical-align:middle}.crab-list .crab-list-item .v{position:absolute;right:15px;display:flex;align-items:center;height:50px;top:0}.crab-list .crab-list-item .v img{width:16px;height:16px}@keyframes tranXtop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes beginProgress{0%{width:0%}to{width:100%}}@keyframes tranXbom{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dzx-baozhuang{background:url(/images/guide/a-bg.jpg) no-repeat;background-size:100% 100%;height:600px;overflow:hidden;display:flex}.dzx-baozhuang .con{margin:0 auto;position:relative;display:flex;align-items:center}.dzx-baozhuang ._lft{width:540px;height:600px;position:relative;display:none}.dzx-baozhuang ._lft img{position:absolute;transition:.6s;opacity:0}.dzx-baozhuang ._lft img:hover{transform:translateY(-4px)!important}.dzx-baozhuang ._lft1 .a-lihe{left:32px;top:118px;transform:translateY(-37px);width:340px}.dzx-baozhuang ._lft1 .a-dzx{left:0;top:350px;transform:translateY(37px);width:400px}.dzx-baozhuang ._lft1 .a-xiecu{left:353px;top:207px;transform:translate(37px,-20px)}.dzx-baozhuang ._lft1 .a-bingdai{left:-24px;top:233px;transform:translate(37px)}.dzx-baozhuang ._lft1 .a-jiangcha{left:288px;top:264px;transform:translate(37px)}.dzx-baozhuang ._lft1 .a-zisu{left:225px;top:282px;transform:translate(37px,30px)}.dzx-baozhuang ._lft1 .a-tuopan{left:154px;top:249px;transform:translate(17px)}.dzx-baozhuang ._lft2 .a-lihe{left:20px;top:80px;transform:translateY(-37px);width:380px}.dzx-baozhuang ._lft2 .a-dzx{left:-30px;top:353px;transform:translateY(37px);width:420px}.dzx-baozhuang ._lft2 .a-xiecu{left:370px;top:247px;transform:translate(37px,-20px)}.dzx-baozhuang ._lft2 .a-bingdai{left:400px;top:245px;transform:translate(37px)}.dzx-baozhuang ._lft2 .a-jiangcha{left:305px;top:280px;transform:translate(37px)}.dzx-baozhuang ._lft2 .a-zisu{left:225px;top:295px;transform:translate(37px,30px)}.dzx-baozhuang ._lft2 .a-tuopan{left:-88px;top:198px;transform:translate(-37px)}.dzx-baozhuang ._lft3 .a-lihe{left:20px;top:70px;transform:translateY(-37px);width:420px}.dzx-baozhuang ._lft3 .a-dzx{left:-30px;top:353px;transform:translateY(37px)}.dzx-baozhuang ._lft3 .a-xiecu{left:370px;top:247px;transform:translate(37px,-20px)}.dzx-baozhuang ._lft3 .a-bingdai{left:400px;top:245px;transform:translate(37px)}.dzx-baozhuang ._lft3 .a-jiangcha{left:305px;top:280px;transform:translate(-37px)}.dzx-baozhuang ._lft3 .a-zisu{left:225px;top:295px;transform:translate(37px,30px)}.dzx-baozhuang ._lft3 .a-tuopan{left:-88px;top:208px;transform:translate(-37px)}.dzx-baozhuang ._rgt{width:560px;height:401px;position:relative;border-bottom:1px solid #c4c5c5;border-radius:0 0 0 50px;padding:40px 0 30px 50px}.dzx-baozhuang .tips{position:absolute;left:50px;bottom:-40px;opacity:.3}.dzx-baozhuang ._rgt .imglist img{display:none;height:94px}.dzx-baozhuang ._rgt .imglist .cur{display:block;animation:tranXbom .3s ease both}.dzx-baozhuang ._rgt .info .text{display:none}.dzx-baozhuang ._rgt .info .text p{opacity:.6}.dzx-baozhuang ._rgt .info .cur{display:block;animation:tranXtop .4s ease .1s both}.dzx-baozhuang ._rgt .a-sec{display:flex;margin:50px 0}.dzx-baozhuang ._rgt .a-sec span{width:100%;text-align:center;border:1px solid #222;height:58px;line-height:58px;font-size:22px;font-family:Oswald,Arial,SimSun;cursor:pointer;transition:all .3s ease;margin-left:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dzx-baozhuang ._rgt .a-sec span:first-child{border-radius:10px 0 0 10px}.dzx-baozhuang ._rgt .a-sec span:last-child{border-radius:0 10px 10px 0}.dzx-baozhuang ._rgt .a-sec span:hover{text-decoration:underline}.dzx-baozhuang ._rgt .a-sec .cur{background:#222;color:#f8dfab;position:relative;overflow:hidden}.dzx-baozhuang ._rgt .a-sec .cur .progress{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(to bottom,#f8dfab00,#ffd37533)}.dzx-baozhuang ._rgt .a-sec .cur .progress.begin{animation:beginProgress 5s linear}.dzx-baozhuang ._rgt .text{font-size:16px;line-height:24px;display:flex;color:#222}.dzx-baozhuang .css3_1 ._lft1 img{opacity:1}.dzx-baozhuang .css3_1 ._lft1 .a-lihe,.dzx-baozhuang .css3_1 ._lft1 .a-dzx,.dzx-baozhuang .css3_1 ._lft1 .a-xiecu,.dzx-baozhuang .css3_1 ._lft1 .a-bingdai,.dzx-baozhuang .css3_1 ._lft1 .a-jiangcha,.dzx-baozhuang .css3_1 ._lft1 .a-zisu,.dzx-baozhuang .css3_1 ._lft1 .a-tuopan{transform:translate(0)}.dzx-baozhuang .css3_2 ._lft3 img{opacity:1}.dzx-baozhuang .css3_2 ._lft3 .a-lihe,.dzx-baozhuang .css3_2 ._lft3 .a-dzx,.dzx-baozhuang .css3_2 ._lft3 .a-xiecu,.dzx-baozhuang .css3_2 ._lft3 .a-bingdai,.dzx-baozhuang .css3_2 ._lft3 .a-jiangcha,.dzx-baozhuang .css3_2 ._lft3 .a-zisu,.dzx-baozhuang .css3_2 ._lft3 .a-xsj,.dzx-baozhuang .css3_2 ._lft3 .a-tuopan{transform:translate(0)}.pro-anim{background:url(/images/guide/a-bg2.jpg) no-repeat;background-size:100% 100%;height:600px;overflow:hidden;display:flex}.pro-anim .con{margin:0 auto;position:relative;display:flex;align-items:center}.pro-anim .btn-online{position:absolute;right:-40px;top:10%;z-index:40;animation:guidebounce 3s .2s ease both infinite}.pro-anim ._lft{width:540px;height:600px;position:relative}.pro-anim ._lft1{opacity:0;transition:all .5s ease}.pro-anim ._lft1 img{opacity:1;border-radius:10px;position:absolute;transition:all .5s ease}.pro-anim ._lft1 .a-fengtao{left:0;top:140px;box-shadow:0 0 24px #0003}.pro-anim ._lft1 .a-lsz{border-radius:15px;left:14px;top:155px;position:absolute;width:433px;height:278px}.pro-anim ._lft1 .a-lsz img{border-radius:20px}.pro-anim ._lft1 .a-lsz:before{content:"";left:0;top:0;width:433px;height:278px;box-shadow:0 0 20px #000 inset;position:absolute;z-index:2;border-radius:20px}.pro-anim ._lft1 .a-hedi{width:480px;left:-2px;top:130px;z-index:10;box-shadow:0 0 24px #0003}.pro-anim ._lft2{transform:scale(.9)}.pro-anim ._lft2 img{border-radius:10px;box-shadow:0 0 24px #0003}.pro-anim ._lft2 .a-fengtao{left:0;top:140px;box-shadow:0 0 24px #0003}.pro-anim ._lft2 .a-lsz{left:14px;top:155px;position:absolute}.pro-anim ._lft2 .a-ft1{left:14px;top:155px}.pro-anim ._lft2 ._zmft{position:absolute;top:200px;left:0}.pro-anim ._lft2 ._lsz{position:absolute;top:208px;left:6px}.pro-anim ._lft2 ._lsz img{box-shadow:0 0 10px #0000004d;border-radius:8px}.pro-anim ._lft2 ._daft{position:absolute;top:176px;left:-28px;z-index:20}.pro-anim ._lft2 ._daft_bs{position:absolute;width:200px;height:200px;left:170px;top:200px;background:#fff}.pro-anim ._lft2 ._daft img{box-shadow:none}.pro-anim ._lft3 .bg{width:1920px;transform:translate(-410px) scale(1.2);position:absolute;top:0;opacity:0}.pro-anim ._lft3 .a-card{width:80%}._2024card{display:flex;align-items:center;justify-content:flex-end}._2024card .a-card{opacity:1;z-index:10}._2024card .a-card1{position:absolute;width:0;animation:card1 1s .2s ease-out both;z-index:5}.pro-anim .css3_1 ._lft1 .a-fengtao{transform:translate(0)}.pro-anim .now_page{position:absolute;left:0;top:200px;z-index:10}.pro-anim .css3_1 ._lft1{opacity:1}.pro-anim .css3_1 ._lft1 .a-hedi{animation:flash 1.5s .3s linear both}.pro-anim .css3_1 ._lft1 .a-lsz{animation:flash2 1.5s 2s linear both}.pro-anim .css3_1 ._lft1 .a-lsz:before{animation:flash3 1.5s 2s linear both}.pro-anim .css3_2 ._lft2{animation:slideDown 1s ease both}.pro-anim .css3_2 ._lft2 ._daft,.pro-anim .css3_2 ._lft2 ._daft_bs{animation:slideLeft 1s 1s linear both}.pro-anim .css3_2 ._lsz{transform:translate(-530px);transition:all 1s 2.8s linear}.pro-anim .css3_3 .a-card,.pro-anim .css3_3 .bg{animation:filterblur 1s ease both}.preserve-3d{transform-style:preserve-3d;-ms-perspective:1600px;perspective:1600px}.book-page{position:absolute;top:0;left:0;width:465px;height:205px;-webkit-backface-visibility:hidden}.back_book_page{width:465px;height:205px;position:absolute;top:0;left:0;transform:rotateX(-180deg);-webkit-backface-visibility:hidden}.flip-animation-start{animation:flipBook1 2s 2s both}.pro-anim ._rgt{width:560px;height:380px;position:relative;border-bottom:1px solid rgba(255,255,255,.4);border-radius:0 0 0 50px;padding:0 0 30px 50px}.pro-anim .tips{position:absolute;left:50px;bottom:-40px;opacity:.6;color:#fff}.pro-anim ._rgt .imglist img{display:none}.pro-anim ._rgt .imglist .cur{display:block;animation:tranXbom .3s ease both}.pro-anim ._rgt .info .text{display:none}.pro-anim ._rgt .info .text p{opacity:.6}.pro-anim ._rgt .info .cur{display:block;animation:tranXtop .4s ease .1s both}.pro-anim ._rgt .a-sec{display:flex;margin:50px 0}.pro-anim ._rgt .a-sec span{width:100%;text-align:center;color:#fff;border:1px solid #fff;height:58px;line-height:58px;font-size:22px;font-family:Oswald,Arial,SimSun;cursor:pointer;transition:all .3s ease;margin-left:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pro-anim ._rgt .a-sec span:first-child{border-radius:10px 0 0 10px}.pro-anim ._rgt .a-sec span:last-child{border-radius:0 10px 10px 0}.pro-anim ._rgt .a-sec span:hover{text-decoration:underline}.pro-anim ._rgt .a-sec .cur{background:#fff;color:#000;position:relative;overflow:hidden}.pro-anim ._rgt .a-sec .cur .progress{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(to bottom,#fff0,#ffb0554d)}.pro-anim ._rgt .a-sec .cur .progress.begin{animation:beginProgress 6s linear}.pro-anim ._rgt .text{font-size:16px;line-height:24px;display:flex;color:#fff}@keyframes card1{0%{opacity:0;width:86%;left:-150%}to{left:-48%;width:86%;opacity:1;z-index:15;transform:translateY(45px)}}@keyframes filterblur{0%{transform:translate(-220px);opacity:0}50%{opacity:1}to{transform:translate(-20px) scale(1);transform-origin:0 0;opacity:1}}@keyframes slideDown{0%{transform:scale(.9)}30%{transform:translateY(0)}to{transform:scale(1);transform:translateY(86px)}}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-530px)}}@keyframes flash{30%{transform:translate(0) scale(1.1);box-shadow:0 0 24px #0000001a}70%{transform:translate(-530px) scale(1.1)}to{transform:translate(-530px)}}@keyframes flash2{10%{box-shadow:0 0 20px transparent inset}30%{transform:translate(0) scale(1.1)}70%{box-shadow:0 0 20px #0000001a inset;transform:translate(-530px) scale(1.1)}to{transform:translate(-530px)}}@keyframes flash3{10%{box-shadow:0 0 20px transparent inset}30%{transform:translate(0)}70%{box-shadow:0 0 20px #0000001a inset;transform:translate(-530px)}to{transform:translate(-530px)}}@keyframes guidebounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-4px)}30%{transform:translateY(-2px)}}@keyframes flipBook1{0%{-webkit-transform:perspective(2000) rotateX(0);-webkit-transform-origin:50% 50% 50%}to{-webkit-transform:rotateX(180deg)}}