body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;} fieldset,img{border:0;} ul,ol{list-style:none;} table{border-collapse:collapse;border-spacing:0;} a{text-decoration: none;color:#000;} small{font-size:12px;} h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;} label,input,select,form img,button,textarea{vertical-align:middle;outline:none} address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;} .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{display:inline-block;} /* Hides from IE-mac \*/ * html .clear{height:1%;} .clear{display:block;} /* End hide from IE-mac */ *{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;} html,body{width:1920px;height:1080px;position:relative;background:black;-webkit-user-select: none;user-select: none;overflow: hidden} body,input,select,textarea{font:12px "Microsoft YaHei","宋体",sans-serif;} /*body:after{display:none;content:url()} */ .arrow_top{position: absolute;left: 1638px;top: 232px;animation: arrowSlideTop 1s linear infinite;} .arrow_btm{position: absolute;left: 1638px;top: 946px;animation: arrowSlideBtm 1s linear infinite;} @keyframes arrowSlideTop { 0%{transform: translate(0,0);} 50%{transform: translate(0px,-10px);} 100%{transform: translate(0px,0);} } @keyframes arrowSlideBtm { 0%{transform: translate(0,0);} 50%{transform: translate(0px,10px);} 100%{transform: translate(0px,0);} } .container{width:1920px;height:1080px;position:fixed;overflow:hidden;left:0;top:0%;background: white} .fullpage{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .homepage video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .homepage .cover{position: absolute;left: 0;top: 0;width: 100%;} .homepage .home_t1{position: absolute;left: 542px;top: 235px;} .homepage .home_line{position: absolute;left: 664px;top: 314px;} .homepage .home_line2{position: absolute;left: 587px;top: 352px;} .homepage .pointer1{position: absolute;left: 680px;top: 680px;animation: cursorScale 1s linear infinite;width: 60px;} .homepage .pointer2{position: absolute;left: 1460px;top: 850px;animation: cursorScale 1s linear infinite;width: 60px;} #sidebar{position: absolute;left: 84px;top: 225px;overflow-x: hidden;overflow-y: auto;height: 770px;width: 380px;} #sidebar .grid{width: 374px;height: 103px;position: relative;margin-bottom: 16px;} #sidebar .grid img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #sidebar .grid .on{opacity: 0;transition: all 0.2s linear;} #sidebar .grid.active .on{opacity: 1;} #home_txt_pop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #home_txt_pop .txt{position: absolute;left: 0;top: 0;width: 100%;display: none;} #home_txt_pop.index0 .txt:nth-child(1){display: block;} #home_txt_pop.index1 .txt:nth-child(2){display: block;} #home_txt_pop.index2 .txt:nth-child(3){display: block;} #home_txt_pop.index3 .txt:nth-child(4){display: block;} #home_txt_pop.index4 .txt:nth-child(5){display: block;} #home_txt_pop.index5 .txt:nth-child(6){display: block;} #home_txt_pop.index6 .txt:nth-child(7){display: block;} #home_txt_pop.index7 .txt:nth-child(8){display: block;} #home_txt_pop.index8 .txt:nth-child(9){display: block;} #home_txt_pop.index9 .txt:nth-child(1){display: block;} .hot_spot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .hot_spot .spot{background: rgba(0, 0, 0, 0);} .hot_spot .spot1{position: absolute;right: 310px;top: 260px;width: 180px;height: 60px;} .hot_spot .spot11{position: absolute;right: 150px;top: 480px;width: 180px;height: 60px;} .hot_spot .spot2{position: absolute;right: 590px;top: 337px;width: 180px;height: 60px;} .hot_spot .spot22{position: absolute;right: 510px;top: 651px;width: 180px;height: 60px;} .hot_spot .spot23{position: absolute;left: 670px;top: 398px;width: 120px;height: 43px;} .hot_spot .spot3{position: absolute;right: 390px;top: 814px;width: 180px;height: 60px;} .hot_spot .spot33{position: absolute;right: 92px;top: 856px;width: 180px;height: 60px;} .hot_spot .spot4{position: absolute;left: 993px;top: 467px;width: 120px;height: 43px;} .hot_spot .spot5{position: absolute;left: 1076px;top: 774px;width: 160px;height: 43px;} .hot_spot .spot6{position: absolute;left: 816px;top: 469px;width: 100px;height: 43px;} .hot_spot .spot7{position: absolute;left: 566px;top: 670px;width: 150px;height: 43px;} .hot_spot .spot8{position: absolute;left: 880px;top: 754px;width: 150px;height: 43px;} .hot_spot .spot9{position: absolute;left: 896px;top: 509px;width: 100px;height: 43px;} #map_wrapper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #map_wrapper .circle{display: none;} .nav_element{opacity: 0;} .element1{position: absolute;left: 1486px;top: 348px;} .element1.show{animation: blueBlink 1s linear infinite;} .element2{position: absolute;left: 1235px;top: 442px;} .element2.show{animation: blueBlink 1s linear -0.6s infinite;} .element3{position: absolute;left: 1414px;top: 566px;} .element3.show{animation: blueBlink 1s linear -0.3s infinite;} .element4{position: absolute;left: 572px;top: 523px;} .element4.show{animation: blueBlink 1s linear -0.4s infinite;} .element5{position: absolute;left: 1107px;top: 628px;} .element5.show{animation: blueBlink 1s linear -0.2s infinite;} .element6{position: absolute;left: 795px;top: 574px;} .element6.show{animation: blueBlink 1s linear -0.5s infinite;} .element7{position: absolute;left: 694px;top: 580px;} .element7.show{animation: blueBlink 1s linear -0.7s infinite;} .element8{position: absolute;left: 1019px;top: 615px;} .element8.show{animation: blueBlink 1s linear -0.8s infinite;} .element22{position: absolute;left: 767px;top: 561px;} .element22.show{animation: blueBlink 1s linear -0.9s infinite;} .nav1_circle1{position: absolute;left: 641px;top: 619px;animation: focusCircle 2s linear infinite;} .nav1_circle2{position: absolute;left: 754px;top: 592px;animation: focusCircle 2s linear -1s infinite;} .nav1_icon1{position: absolute;left: 667px;top: 644px;} .nav1_icon1.show{animation: blueBlink 1s linear infinite;} .nav1_icon2{position: absolute;left: 785px;top: 619px;} .nav1_icon2.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon1{position: absolute;left: 1040px;top: 565px;} .nav2_icon1.show{animation: blueBlink 1s linear infinite;} .nav2_icon2{position: absolute;left: 1151px;top: 541px;} .nav2_icon2.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon3{position: absolute;left: 1207px;top: 381px;} .nav2_icon3.show{animation: blueBlink 1s linear infinite;} .nav2_icon4{position: absolute;left: 1257px;top: 518px;} .nav2_icon4.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon5{position: absolute;left: 1319px;top: 682px;} .nav2_icon5.show{animation: blueBlink 1s linear infinite;} .nav2_icon6{position: absolute;left: 1331px;top: 355px;} .nav2_icon6.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon7{position: absolute;left: 1387px;top: 490px;} .nav2_icon7.show{animation: blueBlink 1s linear infinite;} .nav2_icon8{position: absolute;left: 1455px;top: 652px;} .nav2_icon8.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon9{position: absolute;left: 1449px;top: 330px;} .nav2_icon9.show{animation: blueBlink 1s linear infinite;} .nav2_icon10{position: absolute;left: 1480px;top: 395px;} .nav2_icon10.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon11{position: absolute;left: 1512px;top: 464px;} .nav2_icon11.show{animation: blueBlink 1s linear infinite;} .nav2_icon12{position: absolute;left: 1551px;top: 544px;} .nav2_icon12.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_icon13{position: absolute;left: 1586px;top: 621px;} .nav2_icon13.show{animation: blueBlink 1s linear infinite;} .nav2_icon14{position: absolute;left: 1624px;top: 701px;} .nav2_icon14.show{animation: blueBlink 1s linear -0.5s infinite;} .nav2_circle1{position: absolute;left: 817px;top: 229px;animation: focusCircle 2s linear infinite;} .nav2_circle2{position: absolute;left: 1439px;top: 229px;animation: focusCircle 2s linear -1s infinite;} .nav2_circle3{position: absolute;left: 1694px;top: 828px;animation: focusCircle 2s linear -1.5s infinite;} .nav3_circle1{position: absolute;left: 639px;top: 626px;animation: focusCircle 2s linear -1s infinite;} .nav3_circle2{position: absolute;left: 1298px;top: 662px;animation: focusCircle 2s linear -0.5s infinite;} .nav3_circle3{position: absolute;left: 1362px;top: 470px;animation: focusCircle 2s linear infinite;} .nav4_circle1{position: absolute;left: 1694px;top: 828px;animation: focusCircle 2s linear -1.5s infinite;} .nav5_circle1{position: absolute;left: 1178px;top: 353px;animation: focusCircle 2s linear -1s infinite;} .nav5_circle2{position: absolute;left: 1121px;top: 517px;animation: focusCircle 2s linear -0.5s infinite;} .nav5_circle3{position: absolute;left: 1421px;top: 307px;animation: focusCircle 2s linear infinite;} .nav5_circle4{position: absolute;left: 1531px;top: 520px;animation: focusCircle 2s linear -1.5s infinite;} .nav5_circle5{position: absolute;left: 1568px;top: 600px;animation: focusCircle 2s linear -0.3s infinite;} .nav6_circle1{position: absolute;left: 817px;top: 229px;animation: focusCircle 2s linear infinite;} .nav6_circle2{position: absolute;left: 1439px;top: 229px;animation: focusCircle 2s linear -1s infinite;} .nav6_circle3{position: absolute;left: 1694px;top: 828px;animation: focusCircle 2s linear -1.5s infinite;} .inner2_page{display: none;z-index: 10;background: white;} .inner2_page .bg{display: block;width: 100%;position: relative;} .inner2_page .back_home_btn{position: absolute;left: 1129px;top: 960px;width: 500px;height: 100px;background: rgba(0, 0, 0, 0);} .inner2_page .type2{display: none;} .inner2_page .txt_wrapper{position: absolute;left: 65px;top: 92px;width: 414px;height: 60px;overflow: hidden;} .inner2_page .txt_wrapper .txt_loop{position: absolute;left: 0;top: 0;width: 9999px;height: 60px;transform: translate(0,0);} .inner2_page .txt_wrapper .txt_loop.two{animation: twoTxtLoop 4s linear infinite;} .inner2_page .txt_wrapper .txt_loop.three{animation: threextLoop 6s linear infinite;} .inner2_page .txt_wrapper .txt_loop .grid{float: left;width: 470px;height: 80px;} .inner2_page .txt_wrapper .txt_loop .grid .txt{display: block;padding-left: 20px;} .inner2_page .prev_btn{position: absolute;left: 0;top: 575px;padding: 6px;} .inner2_page .next_btn{position: absolute;right: 0;top: 575px;padding: 6px;} .inner3_page .prev_btn{position: absolute;left: 0;top: 575px;padding: 6px;} .inner3_page .next_btn{position: absolute;right: 0;top: 575px;padding: 6px;} .inner3_page .label{position: absolute;left: 1694px;top: 224px} .scroller{position: absolute;left: 120px;top: 298px;width: 1671px;height: 676px;overflow-x: auto;-webkit-overflow-scrolling:touch;} #cat1{} #cat1 .pointer1{position: absolute;left: 599px;top: 731px;animation: cursorScale 1s linear infinite;width: 60px;} #cat1 .pointer2{position: absolute;left: 1610px;top: 730px;animation: cursorScale 1s linear infinite;width: 60px;display: none;} #cat1 .pointer3{position: absolute;left: 1099px;top: 880px;animation: cursorScale 1s linear infinite;width: 60px;} #cat1 .pointer4{position: absolute;left: 1350px;top: 880px;animation: cursorScale 1s linear infinite;width: 60px;} #cat1 .pointer5{position: absolute;left: 1610px;top: 880px;animation: cursorScale 1s linear infinite;width: 60px;} #cat1 .detail_btn1{position: absolute;left: 530px;top: 671px;width: 410px;height: 180px;background: rgba(0, 0, 0, 0);} #cat1 .detail_btn2{position: absolute;left: 1365px;top: 590px;width: 410px;height: 180px;background: rgba(0, 0, 0, 0);} #cat1 .detail_btn3{position: absolute;left: 970px;top: 779px;width: 269px;height: 150px;background: rgba(0, 0, 0, 0);} #cat1 .detail_btn4{position: absolute;left: 1242px;top: 779px;width: 269px;height: 150px;background: rgba(0, 0, 0, 0);} #cat1 .detail_btn5{position: absolute;left: 1512px;top: 779px;width: 269px;height: 150px;background: rgba(0, 0, 0, 0);} #cat2 .detail_btn1{position: absolute;left: 910px;top: 660px;width: 450px;height: 130px;background: rgba(0, 0, 0, 0);} #cat2 .detail_btn2{position: absolute;left: 1370px;top: 840px;width: 360px;height: 90px;background: rgba(0, 0, 0, 0);} #cat2 .detail_btn3{position: absolute;left: 1370px;top: 660px;width: 360px;height: 170px;background: rgba(0, 0, 0, 0);} #cat2 .detail_btn4{position: absolute;left: 910px;top: 791px;width: 450px;height: 130px;background: rgba(0, 0, 0, 0);} #cat2 .pointer1{position: absolute;left: 1289px;top: 762px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat2 .pointer2{position: absolute;left: 1653px;top: 710px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat2 .pointer3{position: absolute;left: 1653px;top: 887px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat2 .pointer4{position: absolute;left: 1289px;top: 886px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} .inner3_page{display: none;z-index: 10;background: white;} .inner3_page .bg{display: block;width: 100%;position: relative;} .inner3_page .back_prev_btn{position: absolute;left: 1129px;top: 980px;width: 240px;height: 70px;background: rgba(0, 0, 0, 0);} .inner3_page .back_home_btn{position: absolute;left: 1383px;top: 980px;width: 240px;height: 70px;background: rgba(0, 0, 0, 0);} .inner4_page{display: none;z-index: 10;background: white;} .inner4_page .bg{display: block;width: 100%;position: relative;} .inner4_page .back_prev_btn{position: absolute;left: 1129px;top: 980px;width: 240px;height: 70px;background: rgba(0, 0, 0, 0);} .inner4_page .back_home_btn{position: absolute;left: 1383px;top: 980px;width: 240px;height: 70px;background: rgba(0, 0, 0, 0);} #cat3 .pointer1{position: absolute;left: 1260px;top: 754px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat3 .pointer2{position: absolute;left: 1260px;top: 900px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat3 .pointer3{position: absolute;left: 1719px;top: 753px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat3 .detail_btn1{position: absolute;left: 919px;top: 640px;width: 410px;height: 150px;background: rgba(0, 0, 0, 0);} #cat3 .detail_btn2{position: absolute;left: 1329px;top: 640px;width: 450px;height: 150px;background: rgba(0, 0, 0, 0);} #cat3 .detail_btn3{position: absolute;left: 919px;top: 790px;width: 410px;height: 150px;background: rgba(0, 0, 0, 0);} .type322{display: none;} #cat33 .pointer1{position: absolute;left: 580px;top: 760px;animation: cursorScale 1s linear infinite;width: 60px;} #cat33 .pointer2{position: absolute;left: 1140px;top: 760px;animation: cursorScale 1s linear infinite;width: 60px;} #cat33 .pointer3{position: absolute;left: 1707px;top: 760px;animation: cursorScale 1s linear infinite;width: 60px;} #cat33 .detail_btn1{position: absolute;left: 109px;top: 290px;width: 560px;height: 650px;background: rgba(0, 0, 0, 0);} #cat33 .detail_btn2{position: absolute;left: 679px;top: 290px;width: 560px;height: 650px;background: rgba(0, 0, 0, 0);} #cat33 .detail_btn3{position: absolute;left: 1243px;top: 290px;width: 560px;height: 650px;background: rgba(0, 0, 0, 0);} .type31 .pointer4{position: absolute;left: 503px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type31 .switch_btn2{position: absolute;left: 400px;top: 200px;width: 235px;height: 70px;background: rgba(0, 0, 0, 0);} .type32{display: none;} .type32 .pointer5{position: absolute;left: 113px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type32 .switch_btn1{position: absolute;left: 90px;top: 200px;width: 225px;height: 70px;background: rgba(0, 0, 0, 0);} .type41 .pointer1{position: absolute;left: 503px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type41 .pointer2{position: absolute;left: 583px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type41 .pointer3{position: absolute;left: 703px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type41 .pointer4{position: absolute;left: 1248px;top: 731px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} .type41 .detail_btn1{position: absolute;left: 891px;top: 600px;width: 440px;height: 170px;background: rgba(0, 0, 0, 0);} .type41 .switch_btn2{position: absolute;left: 480px;top: 200px;width: 105px;height: 70px;background: rgba(0, 0, 0, 0);} .type41 .switch_btn3{position: absolute;left: 571px;top: 200px;width: 95px;height: 70px;background: rgba(0, 0, 0, 0);} .type41 .switch_btn4{position: absolute;left: 661px;top: 200px;width: 135px;height: 70px;background: rgba(0, 0, 0, 0);} .type42{display: none;} .type42 .pointer1{position: absolute;left: 113px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .pointer2{position: absolute;left: 583px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .pointer3{position: absolute;left: 703px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .pointer4{position: absolute;left: 1723px;top: 339px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .pointer5{position: absolute;left: 1723px;top: 493px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .pointer6{position: absolute;left: 1723px;top: 596px;animation: cursorScale 1s linear infinite;width: 60px;} .type42 .switch_btn1{position: absolute;left: 90px;top: 200px;width: 105px;height: 70px;background: rgba(0, 0, 0, 0);} .type42 .switch_btn3{position: absolute;left: 571px;top: 200px;width: 95px;height: 70px;background: rgba(0, 0, 0, 0);} .type42 .switch_btn4{position: absolute;left: 661px;top: 200px;width: 135px;height: 70px;background: rgba(0, 0, 0, 0);} .type42 .detail_btn1{position: absolute;left: 1381px;top: 238px;width: 440px;height: 170px;background: rgba(0, 0, 0, 0);} .type42 .detail_btn2{position: absolute;left: 1381px;top: 408px;width: 440px;height: 130px;background: rgba(0, 0, 0, 0);} .type42 .detail_btn3{position: absolute;left: 1381px;top: 538px;width: 440px;height: 120px;background: rgba(0, 0, 0, 0);} .type43{display: none;} .type43 .pointer1{position: absolute;left: 113px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type43 .pointer2{position: absolute;left: 211px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type43 .pointer3{position: absolute;left: 520px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type43 .pointer4{position: absolute;left: 1691px;top: 909px;animation: cursorScale 1s linear infinite;width: 60px;} .type43 .pointer5{position: absolute;left: 1691px;top: 809px;animation: cursorScale 1s linear infinite;width: 60px;} .type43 .detail_btn1{position: absolute;left: 1351px;top: 750px;width: 440px;height: 90px;background: rgba(0, 0, 0, 0);} .type43 .detail_btn2{position: absolute;left: 1351px;top: 850px;width: 440px;height: 90px;background: rgba(0, 0, 0, 0);} .type43 .switch_btn1{position: absolute;left: 93px;top: 200px;width: 95px;height: 70px;background: rgba(0, 0, 0, 0);} .type43 .switch_btn2{position: absolute;left: 190px;top: 200px;width: 105px;height: 70px;background: rgba(0, 0, 0, 0);} .type43 .switch_btn4{position: absolute;left: 440px;top: 200px;width: 165px;height: 70px;background: rgba(0, 0, 0, 0);} .type44{display: none;} .type44 .pointer1{position: absolute;left: 113px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type44 .pointer2{position: absolute;left: 211px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type44 .pointer3{position: absolute;left: 290px;top: 239px;animation: cursorScale 1s linear infinite;width: 60px;} .type44 .pointer4{position: absolute;left: 1681px;top: 879px;animation: cursorScale 1s linear infinite;width: 60px;} .type44 .detail_btn1{position: absolute;left: 1351px;top: 760px;width: 440px;height: 170px;background: rgba(0, 0, 0, 0);} .type44 .switch_btn1{position: absolute;left: 93px;top: 200px;width: 95px;height: 70px;background: rgba(0, 0, 0, 0);} .type44 .switch_btn2{position: absolute;left: 193px;top: 200px;width: 85px;height: 70px;background: rgba(0, 0, 0, 0);} .type44 .switch_btn3{position: absolute;left: 279px;top: 200px;width: 85px;height: 70px;background: rgba(0, 0, 0, 0);} #cat5 .pointer1{position: absolute;left: 1293px;top: 420px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat5 .pointer2{position: absolute;left: 1697px;top: 420px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat5 .pointer3{position: absolute;left: 1293px;top: 612px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat5 .pointer4{position: absolute;left: 1697px;top: 612px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat5 .detail_btn1{position: absolute;left: 970px;top: 290px;width: 390px;height: 164px;background: rgba(0, 0, 0, 0);} #cat5 .detail_btn2{position: absolute;left: 1374px;top: 290px;width: 390px;height: 164px;background: rgba(0, 0, 0, 0);} #cat5 .detail_btn3{position: absolute;left: 970px;top: 482px;width: 390px;height: 164px;background: rgba(0, 0, 0, 0);} #cat5 .detail_btn4{position: absolute;left: 1374px;top: 482px;width: 390px;height: 164px;background: rgba(0, 0, 0, 0);} #cat6 .pointer1{position: absolute;left: 1291px;top: 727px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat6 .pointer2{position: absolute;left: 1200px;top: 820px;animation: cursorScale 1s linear infinite;width: 60px;} #cat6 .pointer3{position: absolute;left: 1200px;top: 730px;animation: cursorScale 1s linear infinite;width: 60px;} #cat6 .detail_btn1{position: absolute;left: 960px;top: 590px;width: 390px;height: 180px;background: rgba(0, 0, 0, 0);} #cat6 .detail_btn2{position: absolute;left: 1380px;top: 680px;width: 339px;height: 90px;background: rgba(0, 0, 0, 0);} #cat6 .detail_btn3{position: absolute;left: 1380px;top: 770px;width: 339px;height: 90px;background: rgba(0, 0, 0, 0);} #cat8 .type81 .pointer1{position: absolute;left: 1279px;top: 797px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type81 .detail_btn1{position: absolute;left: 930px;top: 659px;width: 420px;height: 180px;background: rgba(0, 0, 0, 0);} #cat8 .type81 .pointer2{position: absolute;left: 531px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type81 .pointer3{position: absolute;left: 681px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type81 .switch_btn2{position: absolute;left: 375px;top: 200px;width: 235px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type81 .switch_btn3{position: absolute;left: 603px;top: 200px;width: 155px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type82{display: none} #cat8 .type82 .pointer1{position: absolute;left: 1279px;top: 895px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type82 .detail_btn1{position: absolute;left: 930px;top: 766px;width: 420px;height: 180px;background: rgba(0, 0, 0, 0);} #cat8 .type82 .pointer2{position: absolute;left: 238px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type82 .pointer3{position: absolute;left: 681px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type82 .switch_btn1{position: absolute;left: 85px;top: 200px;width: 235px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type82 .switch_btn3{position: absolute;left: 603px;top: 200px;width: 155px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type83{display: none} #cat8 .type83 .pointer1{position: absolute;left: 1279px;top: 797px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type83 .pointer2{position: absolute;left: 238px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type83 .pointer3{position: absolute;left: 451px;top: 241px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type83 .pointer4{position: absolute;left: 1081px;top: 865px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat8 .type83 .switch_btn2{position: absolute;left: 295px;top: 200px;width: 235px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type83 .switch_btn1{position: absolute;left: 85px;top: 200px;width: 215px;height: 70px;background: rgba(0, 0, 0, 0);} #cat8 .type83 .detail_btn1{position: absolute;left: 890px;top: 616px;width: 238px;height: 300px;background: rgba(0, 0, 0, 0);} #cat9 .type91 .pointer1{position: absolute;left: 1279px;top: 862px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat9 .type91 .pointer2{position: absolute;left: 619px;top: 242px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat9 .type91 .detail_btn1{position: absolute;left: 930px;top: 719px;width: 420px;height: 180px;background: rgba(0, 0, 0, 0);} #cat9 .type91 .switch_btn2{position: absolute;left: 393px;top: 200px;width: 315px;height: 70px;background: rgba(0, 0, 0, 0);} #cat9 .type92{display: none} #cat9 .type92 .pointer1{position: absolute;left: 1259px;top: 846px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat9 .type92 .pointer2{position: absolute;left: 249px;top: 242px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5} #cat9 .type92 .detail_btn1{position: absolute;left: 930px;top: 719px;width: 420px;height: 180px;background: rgba(0, 0, 0, 0);} #cat9 .type92 .switch_btn1{position: absolute;left: 83px;top: 200px;width: 255px;height: 70px;background: rgba(0, 0, 0, 0);} #cat92 .detail_btn1{position: absolute;left: 840px;top: 926px;width: 240px;height: 90px;background: rgba(0, 0, 0, 0);} .product_list{position: absolute;left: 1355px;top: 272px;width: 430px;height: 665px;overflow: hidden;} .product_list .pic{display: block;margin-left: 30px;margin-bottom: 13px;} #product_wrapper{position: relative;} .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 2px; bottom: 2px; top: 2px; right: 8px; background: #fff;overflow: visible !important;} .iScrollVerticalScrollbar .iScrollIndicator { position: absolute; width: 10px; background: white;left: -4px;border-radius:10px;} .iScrollVerticalScrollbar .iScrollIndicator::after { display: block; content: ' '; padding-top: 1011%; } #video1{position: absolute;left: 118px;top: 197px;width: 806px;} #video1_spot{position: absolute;left: 118px;top: 207px;width: 556px;height: 370px;background: rgba(0, 0, 0, 0);} #video2{position: absolute;left: 118px;top: 197px;width: 755px;} #video2_spot{position: absolute;left: 118px;top: 207px;width: 755px;height: 370px;background: rgba(0, 0, 0, 0);} #video3{position: absolute;left: 118px;top: 218px;width: 975px;} #video3_spot{position: absolute;left: 118px;top: 207px;width: 755px;height: 720px;background: rgba(0, 0, 0, 0);} #video21{position: absolute;left: 108px;top: 287px;width: 995px;} #video321{position: absolute;left: 118px;top: 218px;width: 875px;} #video321_spot{position: absolute;left: 118px;top: 207px;width: 755px;height: 720px;background: rgba(0, 0, 0, 0);} #video322{position: absolute;left: 118px;top: 218px;width: 1275px;} #video322_spot{position: absolute;left: 118px;top: 207px;width: 755px;height: 720px;background: rgba(0, 0, 0, 0);} #video4{position: absolute;left: 119px;top: 218px;height: 421px;} #video41_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 354px;background: rgba(0, 0, 0, 0);} #video43{position: absolute;left: 118px;top: 209px;height: 421px;} #video43_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 354px;background: rgba(0, 0, 0, 0);} #video44{position: absolute;left: 119px;top: 378px;height: 421px;} #video44_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 714px;background: rgba(0, 0, 0, 0);} #video5{position: absolute;left: 119px;top: 364px;height: 421px;z-index: 9;} #video5_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 714px;background: rgba(0, 0, 0, 0);} #video6{position: absolute;left: 119px;top: 364px;height: 421px; z-index: 9;} #video6_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 707px;background: rgba(0, 0, 0, 0);} #video7{position: absolute;left: 119px;top: 386px;height: 421px;z-index: 9;} #video7_spot{position: absolute;left: 108px;top: 227px;width: 765px;height: 697px;background: rgba(0, 0, 0, 0);} #video8{position: absolute;left: -280px;top: 224px;height: 701px;} #video8_spot{position: absolute;left: 118px;top: 298px;width: 755px;height: 737px;background: rgba(0, 0, 0, 0);} #video82{position: absolute;left: -280px;top: 224px;height: 701px;} #video8_spot2{position: absolute;left: 118px;top: 298px;width: 755px;height: 737px;background: rgba(0, 0, 0, 0);} #video9_spot2{position: absolute;left: 118px;top: 298px;width: 755px;height: 737px;background: rgba(0, 0, 0, 0);} #video11{position: absolute;left: 60px;top: 273px;height: 587px;} #video11_spot{position: absolute;left: 118px;top: 297px;width: 875px;height: 747px;background: rgba(0, 0, 0, 0);} #video9{position: absolute;left: 119px;top: 386px;height: 421px;} #video9_spot{position: absolute;left: 108px;top: 277px;width: 765px;height: 697px;background: rgba(0, 0, 0, 0);} .video_pop{position: fixed;width: 1920px;height: 1080px;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);display: none;} .video_pop .main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1150px;} .video_pop .main video{display: block;width: 100%;} .video_pop .main .close_btn{position: absolute;right: -40px;top: -40px;padding: 20px} .qr_pop{position: fixed;width: 1920px;height: 1080px;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);display: none;} .qr_pop .bg{display: block;width: 100%;} .qr_pop #pop_qr{position: absolute;left: 50%;transform: translate(-50%,0);top: 300px;width: 300px;} #video41{position: absolute;left: 0px;top: 267px;height: 597px;} #video41_spot{position: absolute;left: 88px;top: 277px;width: 975px;height: 577px;background: rgba(0, 0, 0, 0);} /*@keyframes twoTxtLoop { 0%{transform: translate(0,0);} 40%{transform: translate(0,0);} 50%{transform: translate(-470px,0);} 90%{transform: translate(-470px,0);} 100%{transform: translate(-940px,0);} } @keyframes threextLoop { 0%{transform: translate(0,0);} 25%{transform: translate(0,0);} 33%{transform: translate(-470px,0);} 58%{transform: translate(-470px,0);} 66%{transform: translate(-940px,0);} 91%{transform: translate(-940px,0);} 100%{transform: translate(-1410px,0);} }*/ @keyframes twoTxtLoop { 0%{transform: translate(0,0);} 100%{transform: translate(-940px,0);} } @keyframes threextLoop { 0%{transform: translate(0,0);} 100%{transform: translate(-1410px,0);} } @keyframes focusCircle { 0%{transform: rotate(0deg) scale(0.9);} 50%{transform: rotate(180deg) scale(1.1);} 100%{transform: rotate(360deg) scale(0.9);} } @keyframes cursorScale { 0%{transform: scale(0.9);} 50%{transform: scale(1);} 100%{transform: scale(0.9);} } @keyframes blueBlink { 0%{opacity: 1;} 50%{opacity: 0.6;} 100%{opacity: 1;} }