*{margin:0;padding:0}body{background:#fff}#app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.cx_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:460px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/hnrcw.png)}.cx_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.cx_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.jy_box[data-v-6ec5fa00]{text-align:left;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:540px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/hainanjiaoyv.png);padding:0 40px;box-sizing:border-box}.jy_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.jy_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.ly_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:460px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/hainanly.png);background-position:50%;background-size:cover}.ly_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.ly_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.lj_box[data-v-6ec5fa00]{text-align:left;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:540px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/zwdaohang.png);padding:0 40px;box-sizing:border-box}.lj_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.lj_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.wl_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:460px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/U3c9786e0a607410ea81bf7b9cfc16227s.jpg)}.wl_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.wl_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.yl_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:460px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/Ubc029c21b895410097ecf78c54824971w.jpg)}.yl_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.yl_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.hl_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:460px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/U1e0bbbb7869149f59d9bb91d1875f796D.jpg)}.hl_item[data-v-6ec5fa00]{transition:all .5s;position:relative;bottom:-40px}.hl_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.hl_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.zn_box[data-v-6ec5fa00]{text-align:left;padding:0 40px;overflow:hidden;display:flex;flex-direction:column;opacity:.9;width:540px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/index_link_3_1.jpg);box-sizing:border-box;z-index:66}.h4[data-v-6ec5fa00]{transition:all .5s;position:relative;bottom:-320px}.p1[data-v-6ec5fa00]{transition:all .5s;position:relative;bottom:-340px}.zn_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.zn_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.zw_box[data-v-6ec5fa00]{background-image:url(http://www.haikoutour.cn/img/sy/Ud9681dc6049b4aaaba242922a6412500x.jpg)}.jsx_box[data-v-6ec5fa00],.zw_box[data-v-6ec5fa00]{text-align:left;overflow:hidden;display:flex;flex-direction:column;align-items:start;opacity:.9;width:460px;height:390px;padding:0 40px;box-sizing:border-box}.jsx_box[data-v-6ec5fa00]{background-image:url(http://www.haikoutour.cn/img/sy/U9b6c9e6b707f4e3b8caccb6502692465o.jpg)}.jsx_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.jsx_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.dj_box[data-v-6ec5fa00]{text-align:left;overflow:hidden;display:flex;flex-direction:column;align-items:start;opacity:.9;width:920px;height:390px;background-image:url(http://www.haikoutour.cn/img/sy/vjialong.png);padding:0 40px;box-sizing:border-box}.dj_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.dj_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.zw_box:hover .h4[data-v-6ec5fa00]{transform:translateY(-60px)}.zw_box:hover .p1[data-v-6ec5fa00]{transform:translateY(-90px)}.threebox[data-v-6ec5fa00]{position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:three-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes three-6ec5fa00{0%{left:-20px}to{left:10px}}.threebox2[data-v-6ec5fa00]{opacity:1;position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:three2-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes three2-6ec5fa00{0%{left:10px}to{left:-20px;opacity:.5}}a[data-v-6ec5fa00]{text-decoration:none}.three_icon1[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:threeicon1-6ec5fa00 .5s;animation-fill-mode:forwards}@keyframes threeicon1-6ec5fa00{0%{left:10px}to{opacity:1;left:-20px}}.three_icon2[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:threeicon2-6ec5fa00 .5s;animation-fill-mode:forwards}@keyframes threeicon2-6ec5fa00{0%{left:-20px}to{opacity:0;left:10px}}.twobox[data-v-6ec5fa00]{position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:two-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes two-6ec5fa00{0%{left:-20px}to{left:10px;opacity:1}}.twobox2[data-v-6ec5fa00]{opacity:1;position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:two2-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes two2-6ec5fa00{0%{left:10px}to{opacity:.5;left:-20px}}.two_icon1[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:twoicon .5s;animation-fill-mode:forwards}@keyframes twoicon1-6ec5fa00{0%{left:10px}to{opacity:1;left:-20px}}.two_icon2[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:twoicon2-6ec5fa00 .5s;animation-fill-mode:forwards}@keyframes twoicon2-6ec5fa00{0%{left:-20px}to{opacity:0;left:10px}}.ref_icon1[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:oneicon .5s;animation-fill-mode:forwards}@keyframes oneicon1-6ec5fa00{0%{left:10px}to{opacity:1;left:-20px}}.ref_icon2[data-v-6ec5fa00]{width:50px;height:70px;margin-left:0;border-left:8px solid #0052d9;animation:oneicon2-6ec5fa00 .5s;animation-fill-mode:forwards}@keyframes oneicon2-6ec5fa00{0%{left:-20px}to{opacity:0;left:10px}}.refbox[data-v-6ec5fa00]{position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:one-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes one-6ec5fa00{0%{left:-20px}to{opacity:1;left:10px}}.refbox2[data-v-6ec5fa00]{opacity:.5;position:relative;width:100%;height:260px;display:flex;box-sizing:border-box;animation:one2-6ec5fa00 1s;animation-fill-mode:forwards}@keyframes one2-6ec5fa00{0%{left:10px}to{left:-20px}}.test[data-v-6ec5fa00]{width:0;height:200px;background:red;animation:mymove-6ec5fa00 1s;animation-fill-mode:forwards;position:relative}.test2[data-v-6ec5fa00]{width:300px;height:200px;background:red;animation:mymove2 1s;animation-fill-mode:forwards;position:relative;left:100px}@keyframes mymove-6ec5fa00{0%{width:0}to{width:200px}}[data-v-6ec5fa00]{margin:0;padding:0}.index_box[data-v-6ec5fa00]{width:100%;height:480px;background-color:#000;margin:auto;position:relative;top:0}.nav_box[data-v-6ec5fa00]{width:1920px;height:310px;background-color:#fff}.nav_item[data-v-6ec5fa00]{width:1200px;height:100px;display:flex;position:relative;left:-355px;margin:auto}.h_box[data-v-6ec5fa00]{width:300px;font-size:24px;color:#fff}.select_box[data-v-6ec5fa00]{font-weight:8000;margin-right:10px;width:100px;height:100%;text-align:center;line-height:60px;font-size:16px;font-weight:800;color:#fff;margin-right:35px;margin-top:5px;position:relative;left:20px}.contnet_box[data-v-6ec5fa00]{top:355px;width:100%;height:300px;position:absolute;font-size:26px;font-weight:700;color:#fff;margin:auto;text-align:center}.js_box[data-v-6ec5fa00]{top:0;width:100%;height:400px;background-color:#fff;box-sizing:border-box;text-align:center;font-size:23px;font-weight:330;color:#747573;position:relative}.serve_box[data-v-6ec5fa00]{width:100%;height:650px;background-image:url(http://www.haikoutour.cn/img/sy/mt.jpg);display:flex;justify-content:center;overflow:hidden;position:relative;top:0}.serve_bg[data-v-6ec5fa00]{display:flex;justify-content:center;align-items:flex-end;top:330px}.serve_bg[data-v-6ec5fa00],.serve_item[data-v-6ec5fa00]{width:320px;height:310px;margin-right:20px;position:relative}.serve_item[data-v-6ec5fa00]{background-color:#fff;top:5px;transition:all .5s}.serve_bg:hover .serve_item[data-v-6ec5fa00]{transform:translateY(-60px)}.con_box[data-v-6ec5fa00]{width:100%;height:995px;background-color:#181818;padding-top:100px;padding-bottom:30px;position:relative;top:0}.con_item[data-v-6ec5fa00]{width:1440px;height:780px;margin:0 auto;display:flex}.left_box[data-v-6ec5fa00]{width:519px;height:100%}.right_box[data-v-6ec5fa00]{width:921px;height:100%}.wechtimg[data-v-6ec5fa00]{float:left;background-image:url(http://www.haikoutour.cn/img/gywm/wct1.png);height:25px;width:30px;background-size:100% 100%;margin-left:30px;transition:all .2s linear;cursor:pointer}.wechtimg[data-v-6ec5fa00]:hover{background-image:url(http://www.haikoutour.cn/img/gywm/wct.png)}.bannertext1[data-v-6ec5fa00]{font-size:14px;margin-top:15px;cursor:pointer;color:#7c8383}a[data-v-6ec5fa00]{color:#5e6464}.a-enter-active[data-v-6ec5fa00],.a-leave-active[data-v-6ec5fa00]{transition:all .5s linear}.a-enter[data-v-6ec5fa00],.a-leave-to[data-v-6ec5fa00]{height:0;opacity:0}.a-enter-to[data-v-6ec5fa00],.a-leave[data-v-6ec5fa00]{height:300;opacity:1}.transition-box[data-v-6ec5fa00]{width:30px;height:5px;border-radius:4px;background-color:#0052d9;text-align:center;color:#fff;box-sizing:border-box}.leftone-enter-active[data-v-6ec5fa00],.leftone-leave-active[data-v-6ec5fa00]{transition:all .1s linear}.leftone-enter[data-v-6ec5fa00],.leftone-leave-to[data-v-6ec5fa00]{transform:translateX(-20px)}.leftone-enter-to[data-v-6ec5fa00],.leftone-leave[data-v-6ec5fa00]{transform:translateX(0)}.leftonediv-enter-active[data-v-6ec5fa00],.leftonediv-leave-active[data-v-6ec5fa00]{transition:all 1s linear}.leftonediv-enter[data-v-6ec5fa00],.leftonediv-leave-to[data-v-6ec5fa00]{transform:translateX(-20px)}.leftonediv-enter-to[data-v-6ec5fa00],.leftonediv-leave[data-v-6ec5fa00]{transform:translateX(0)}.leftoned-enter-active[data-v-6ec5fa00],.leftoned-leave-active[data-v-6ec5fa00]{transition:all 1s linear}.leftoned-enter[data-v-6ec5fa00],.leftoned-leave-to[data-v-6ec5fa00]{left:140}.leftoned-enter-to[data-v-6ec5fa00],.leftoned-leave[data-v-6ec5fa00]{left:0}#davidszhou[data-v-6ec5fa00]{width:360px;height:auto}#davidszhoua[data-v-6ec5fa00]{width:360px;height:350px}#zongk[data-v-6ec5fa00]{width:200px;float:left;height:30px;line-height:30px;overflow:hidden;transition-property:height;transition-duration:.5s;margin-top:18px}#zongk ul[data-v-6ec5fa00]{padding:0;margin:0;list-style:none}#zongk ul li[data-v-6ec5fa00]{width:120px;height:30px;line-height:30px;float:left;color:#000;text-align:center;font-weight:330;margin-bottom:10px;margin-left:20px;position:relative;left:30px}#zongk ul li a[data-v-6ec5fa00]{color:#000;text-decoration:none}#zongk[data-v-6ec5fa00]:hover{height:300px}.li_box[data-v-6ec5fa00]:hover{color:#2a7fff}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/c/font_3807256_q46huocc9hm.woff2?t=1670116885970) format("woff2"),url(//at.alicdn.com/t/c/font_3807256_q46huocc9hm.woff?t=1670116885970) format("woff"),url(//at.alicdn.com/t/c/font_3807256_q46huocc9hm.ttf?t=1670116885970) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jiudian:before{content:"\e687"}.icon-daohangdizhi:before{content:"\e65e"}