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%;}

#sidebar{position: absolute;left: 84px;top: 225px;overflow-x: hidden;overflow-y: auto;height: 770px;width: 380px;}
#sidebar .grid{width: 374px;height: 119px;position: relative;margin-bottom: 12px;}
#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.index8 .txt:nth-child(8){display: block;}
#map_wrapper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#map_wrapper .circle{display: none;}

.nav_element{z-index: 9;opacity: 0;}

.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;}

.nav1_icon3{position: absolute;left: 549px;top: 670px;}
.nav1_icon3.show{animation: blueBlink 1s linear -0.2s 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;}


.nav8_circle1{position: absolute;left: 641px;top: 619px;animation: focusCircle 2s linear infinite;}
.nav8_circle2{position: absolute;left: 754px;top: 592px;animation: focusCircle 2s linear -1s infinite;}
.nav8_circle3{position: absolute;left: 522px;top: 642px;animation: focusCircle 2s linear -0.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;}

#cat1{}
#cat1 .pointer1{position: absolute;left: 1292px;top: 732px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat1 .pointer2{position: absolute;left: 1718px;top: 732px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat1 .pointer3{position: absolute;left: 1179px;top: 872px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat1 .pointer4{position: absolute;left: 1450px;top: 872px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat1 .pointer5{position: absolute;left: 1718px;top: 872px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat1 .detail_btn1{position: absolute;left: 950px;top: 590px;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);}

.type21 .pointer1{position: absolute;left: 495px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type21 .pointer2{position: absolute;left: 605px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type21 .pointer3{position: absolute;left: 1244px;top: 730px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}

.type21 .detail_btn1{position: absolute;left: 890px;top: 550px;width: 440px;height: 260px;background: rgba(0, 0, 0, 0);}
.type21 .switch_btn2{position: absolute;left: 470px;top: 200px;width: 135px;height: 70px;background: rgba(0, 0, 0, 0);}
.type21 .switch_btn3{position: absolute;left: 571px;top: 200px;width: 135px;height: 70px;background: rgba(0, 0, 0, 0);}

.type22 .pointer1{position: absolute;left: 105px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type22 .pointer2{position: absolute;left: 577px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type22 .pointer3{position: absolute;left: 1653px;top: 360px;animation: cursorScale 1s linear infinite;width: 60px;}
.type22 .pointer4{position: absolute;left: 1653px;top: 496px;animation: cursorScale 1s linear infinite;width: 60px;}
.type22 .pointer5{position: absolute;left: 1653px;top: 626px;animation: cursorScale 1s linear infinite;width: 60px;}

.type22 .detail_btn1{position: absolute;left: 1370px;top: 270px;width: 440px;height: 137px;background: rgba(0, 0, 0, 0);}
.type22 .detail_btn2{position: absolute;left: 1370px;top: 403px;width: 440px;height: 137px;background: rgba(0, 0, 0, 0);}
.type22 .detail_btn3{position: absolute;left: 1370px;top: 538px;width: 440px;height: 120px;background: rgba(0, 0, 0, 0);}


.type22 .switch_btn1{position: absolute;left: 80px;top: 200px;width: 135px;height: 70px;background: rgba(0, 0, 0, 0);}
.type22 .switch_btn3{position: absolute;left: 540px;top: 200px;width: 145px;height: 70px;background: rgba(0, 0, 0, 0);}


.type23 .pointer1{position: absolute;left: 105px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type23 .pointer2{position: absolute;left: 217px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type23 .pointer3{position: absolute;left: 1620px;top: 833px;animation: cursorScale 1s linear infinite;width: 60px;}

.type23 .detail_btn1{position: absolute;left: 1350px;top: 670px;width: 440px;height: 257px;background: rgba(0, 0, 0, 0);}

.type23 .switch_btn1{position: absolute;left: 80px;top: 200px;width: 115px;height: 70px;background: rgba(0, 0, 0, 0);}
.type23 .switch_btn2{position: absolute;left: 180px;top: 200px;width: 145px;height: 70px;background: rgba(0, 0, 0, 0);}

.type22{display: none;}
.type23{display: none;}

.type71 .pointer1{position: absolute;left: 495px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type71 .switch_btn2{position: absolute;left: 348px;top: 200px;width: 205px;height: 70px;background: rgba(0, 0, 0, 0);}
.type72 .pointer2{position: absolute;left: 195px;top: 236px;animation: cursorScale 1s linear infinite;width: 60px;}
.type72 .switch_btn1{position: absolute;left: 80px;top: 200px;width: 185px;height: 70px;background: rgba(0, 0, 0, 0);}
.type72{display: none;}

.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);}

#cat3 .pointer1{position: absolute;left: 1550px;top: 880px;animation: cursorScale 1s linear infinite;width: 60px;}
#cat3 .detail_btn1{position: absolute;left: 1380px;top: 830px;width: 410px;height: 100px;background: rgba(0, 0, 0, 0);}

#cat4 .pointer1{position: absolute;left: 1287px;top: 859px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat4 .pointer2{position: absolute;left: 1712px;top: 859px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat4 .detail_btn2{position: absolute;left: 940px;top: 729px;width: 440px;height: 170px;background: rgba(0, 0, 0, 0);}
#cat4 .detail_btn1{position: absolute;left: 1380px;top: 729px;width: 440px;height: 170px;background: rgba(0, 0, 0, 0);}

#cat5 .pointer1{position: absolute;left: 1292px;top: 728px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat5 .detail_btn1{position: absolute;left: 940px;top: 540px;width: 440px;height: 260px;background: rgba(0, 0, 0, 0);}

#cat6 .pointer1{position: absolute;left: 1264px;top: 819px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat6 .pointer2{position: absolute;left: 1652px;top: 732px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}
#cat6 .pointer3{position: absolute;left: 1652px;top: 819px;animation: cursorScale 1s linear infinite;width: 60px;opacity: 0.5}


#cat6 .detail_btn1{position: absolute;left: 940px;top: 680px;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);}

.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: 556px;}
#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);}
#video4{position: absolute;left: 118px;top: 361px;height: 421px;z-index:9}
#video4_spot{position: absolute;left: 118px;top: 217px;width: 755px;height: 714px;background: rgba(0, 0, 0, 0);}
#video5{position: absolute;left: 118px;top: 353px;height: 422px;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: 81px;top: 379px;height: 506px;z-index: 9;}
#video6_spot{position: absolute;left: 88px;top: 287px;width: 905px;height: 717px;background: rgba(0, 0, 0, 0);}

#video7{position: absolute;left: 117px;top: 308px;height: 529px;}
#video7_spot{position: absolute;left: 88px;top: 277px;width: 975px;height: 577px;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;}





/*@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;}
}