@charset "utf-8";.fancybox-nav,a{text-decoration:none}*,.fancybox-nav,a,img{-webkit-tap-highlight-color:transparent}@font-face{font-family:'Myriad Pro';src:url(font/myriadpro-light.eot);src:url(font/myriadpro-light.woff) format('woff'),url(font/myriadpro-light.ttf) format('truetype');font-style:normal;font-weight:200}.__uimix_wrapper *{font-family:"languageFont"}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{padding-top:0!important}@font-face{font-family:myriadprolight;src:url(MYRIADPRO-LIGHTSEMIEXT_0.OTF) format('opentype');font-style:normal;font-weight:400}body{font-family:myriadprolight!important;font-style:normal;font-weight:400}body,html{position:relative;z-index:3;width:100%;font-family:myriadprolight,AvenirNextLTPro-Demi,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;background:#FFF;overflow-x:hidden;margin:0!important;padding:0!important}.clear,body,dd,dl,dt,h5,h6,input,li,p,ul{padding:0;margin:0}html{font-size:10px}#hideScore,#sharePic,.clear,.head .headC .pc_logo .logoTxt{font-size:0;line-height:0;overflow:hidden}li{list-style:none}input{background:0 0;outline:0}.clear{clear:both;width:0;height:0}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hold{display:block;width:100%}#hideScore,#sharePic{position:absolute;left:0;top:0;z-index:-9999;width:0;height:0}.ofHidden{overflow:hidden;height:100%}.fadeIn_h{animation:fadeIn_ani .5s ease forwards}.fadeOut_h{animation:fadeOut_ani .5s ease forwards}@keyframes fadeIn_ani{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut_ani{0%{opacity:1}100%{opacity:0}}.mainPage .areas.areaVideo .areaC sup.s{top:-1.5em;left:-1em}.videoPop{position:fixed;left:0;top:0;z-index:999999;width:100%;height:100%;display:none}.videoPop .inset{position:absolute;left:10%;top:3%;z-index:3;width:80%;background:#000;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-ms-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.videoPop .inset .borBox,.videoPop .inset .hold,.videoPop .inset video{width:100%;display:block}.videoPop .inset .borBox{position:relative;height:100%;overflow:hidden}.videoPop .inset video{background:#000}.videoPop .inset .closeBtn{position:absolute;right:-35px;top:0;z-index:99;display:block;width:30px;height:30px;overflow:hidden;background:#333;color:#FFF;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-ms-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.videoPop .bg,.videoPop .inset .closeBtn:hover span{background:#000}.videoPop .inset .closeBtn span{display:block;width:10px;height:10px;padding:10px}.videoPop .inset .closeBtn img{display:block;width:100%;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.btmDataArea .btnTop .btnInset img,.head .headC .pc_logo .btmIco img{-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.videoPop .inset .closeBtn:hover img{-webkit-transform:scale(1.4) rotate(180deg);-moz-transform:scale(1.4) rotate(180deg);-ms-transform:scale(1.4) rotate(180deg);-o-transform:scale(1.4) rotate(180deg);transform:scale(1.4) rotate(180deg)}.videoPop .bg{position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;filter:alpha(opacity=50);opacity:.5}.head{position:fixed;left:0;top:0;z-index:998;width:100%;background:#FFF;margin-bottom:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mainPage{padding-top:0!important}.head .headC{height:50px;margin:0 auto}.head .headC .pc_logo{position:relative;z-index:2;float:left;display:block;margin-top:15px}.head .headC .pc_logo img{display:block;width:auto;height:20px}.head .headC .pc_logo .logoTxt{position:absolute;left:0;top:0;z-index:-1;display:block;width:0;height:0}.head .headC .pc_logo .btmIco{position:absolute;left:50%;top:6px;z-index:3;display:block;width:14px;padding:10px;margin:0 0 0 -16px}.head .headC .pc_logo .btmIco img{display:block;width:14px;height:auto;transition:all linear .3s}.head .headC .pc_logo .btmIcoAc img{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.head .headC .phoneHeadTop{width:100%;background:#008cd6}.head .headC .phoneHeadTop .inset{padding:8px 15px 13px}.head .headC .phoneHeadTop .inset .logo{float:left;height:20px}.head .headC .phoneHeadTop .inset .menuBtn{float:right;display:block;height:20px}.head .headC .phoneHeadTop .inset img{display:inline-block;width:auto;height:20px}.head .headC .menu{float:right}.head .headC .menu li{float:left;margin-left:25px}.head .headC .menu li a{display:block;height:50px;line-height:50px;font-size:16px;color:#000;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}.head .headC .menu li a .icos{float:left;display:block;width:20px;height:20px;margin:15px 6px 0 0;background:url(../img/head/menuico.png) no-repeat;background-image:-webkit-image-set(url(../img/vivo-products-ico.png) 1x,url(../img/vivo-products-ico-x2.png) 2x)}.head .headC .menu li a .ico1{background-position:0 0}.head .headC .menu li a .ico2{background-position:-40px 0}.head .headC .menu li a .ico4{background-position:-20px 0}.head .headC .menu li a .ico3{background-position:-60px 0}.head .headC .menu li a .ico5{background-position:-80px 0}.head .headC .menu li a:hover{color:#008cd6}.head .headC .menu li a:hover .ico1{background-position:0 -20px}.head .headC .menu li a:hover .ico2{background-position:-40px -20px}.head .headC .menu li a:hover .ico4{background-position:-20px -20px}.head .headC .menu li a:hover .ico3{background-position:-60px -20px}.head .headC .menu li a:hover .ico5{background-position:-80px -20px}.mainPage .phoneBox{position:relative;z-index:3;width:90%;margin:0 auto}.mainPage .phoneBox .phoneBox_inset{position:absolute;left:0;top:0;z-index:2;width:100%}.mainPage .phoneBox .hold{display:block;width:100%}.mainPage .change_ban_out{padding:0}.mainPage .change_ban{position:relative;display:block;width:100%;height:100%}.mainPage .change_ban .mark{position:absolute;right:0;top:0;z-index:2;width:50%;height:100%}.mainPage .change_ban .line{position:absolute;left:0;top:0;z-index:1;width:1px;height:100%;background:#FFF;overflow:hidden;font-size:0;line-height:0}.mainPage .change_ban .mark .topBg{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:#000;filter:alpha(opacity=10);opacity:.1}.mainPage .change_ban .btnBox{z-index:99;position:absolute;left:-16px;bottom:13%;width:32px;height:32px;margin:0;cursor:pointer}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.mainPage .change_ban .btnBox .point{display:block;width:32px;height:32px;background:#FFF;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 1px rgba(0,0,0,.3);-ms-box-shadow:0 0 1px rgba(0,0,0,.3);-o-box-shadow:0 0 1px rgba(0,0,0,.3);box-shadow:0 0 1px rgba(0,0,0,.3);animation:flash 3s infinite;-moz-animation:flash 3s infinite;-webkit-animation:flash 3s infinite;-o-animation:flash 3s infinite}.mainPage .change_ban .btnBox .txts{position:absolute;bottom:4px;display:block;height:24px;font-size:14px;line-height:24px;color:#FFF;white-space:nowrap;padding:0 10px;overflow:hidden;font-family:myriadprolight,"Myriad Pro",Arial,Helvetica,sans-serif,'黑体';-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.3);-moz-text-shadow:1px 1px 1px rgba(0,0,0,.3);-ms-text-shadow:1px 1px 1px rgba(0,0,0,.3);-o-text-shadow:1px 1px 1px rgba(0,0,0,.3);text-shadow:1px 1px 1px rgba(0,0,0,.3);background:rgba(0,0,0,.5)}.mainPage .change_ban .btnBox .txts .bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#000;filter:alpha(opacity=90);opacity:.9}.mainPage .change_ban .btnBox .txtLeft{right:34px}.mainPage .change_ban .btnBox .txtRight{left:34px}.mainPage .change_ban .mark .inset{position:absolute;top:0;right:0;display:block;width:100%;height:100%;overflow:hidden}.mainPage .change_ban .mark img{position:absolute;top:0;right:0;display:block;width:auto;height:100%}.buy_now_btn{background:#0098e8;padding:5px 15px;border-radius:20px;color:#fff}.h-xs-inline-block{display:none}#mainPage .hold{display:block;width:100%}#mainPage .areas{position:relative;z-index:1}.mainPage .areas .areaC{position:relative;max-width:1600px;width:100%;margin:0 auto}#mainPage .areas img{height:auto}#mainPage .areas .areaC .mes span.xing{display:inline-block;width:12px}#mainPage .areas .areaC .half{position:relative;font-size:50%;left:1px;display:inline!important}#mainPage .areas .areaC .half_top{top:-11px}.mainPage .areas .areaC .mes .openBtn{position:absolute;display:block;white-space:nowrap;font-size:16px;padding-right:4%;line-height:1.5em;color:#FFF}#mainPage .areas .areaC .mes .openBtn .inset{display:inline-block;width:48px;height:24px;margin:0 10px;padding:3px;background-color:#48403b;vertical-align:middle;text-align:left;-webkit-transition:all .5s ease;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px}#mainPage .areas .areaC .mes .openBtnAc .inset{background-color:#008cd6}.mainPage .areas .areaC .mes .openBtn .inset i{display:inline-block;width:24px;height:24px;background:#FFF;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}#mainPage .areas .areaC .mes .openBtnAc .inset i{margin-left:50%}#mainPage .ag-container{position:relative}#mainPage .ag-container .box{-webkit-transition:all 2s ease;transition:all 2s ease}#mainPage .ag-animate{position:relative;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}#mainPage .pageViewAc .areaC .tranlateX50_f,#mainPage .pageViewAc .areaC .tranlateX50_z{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}#mainPage .pageViewAc .areaC .tranlateY50_f,#mainPage .pageViewAc .areaC .tranlateY50_z{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}#mainPage .pageViewAc .areaC .tranlateOpacity{filter:alpha(opacity=100);opacity:1}#mainPage .areas .areaC .mes b{display:block;font-weight:400}#areaCBody{position:absolute;left:0;top:0;z-index:-1;width:100%;height:0;font-size:0;line-height:0;overflow:hidden}#mainPage .area1{background:#fff;padding-top:0!important}.mainPage .area1 .container .kv_wrap{width:100%}.mainPage .area1 .container .kv_wrap img{width:100%;display:block}#mainPage .area1 .container .kv_wrap .kv_mb{display:none}#mainPage .area1 .container .kv_wrap .kv_pc{display:block}#mainPage .area1 .container .kv_wrap .kv_pc5k,#mainPage .area1 .container .kv_wrap .kv_tab{display:none}.mainPage .area1 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .area1 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .area1 .areaC .posPic{position:absolute;display:block}.mainPage .area1 .areaC .posPic2{filter:alpha(opacity=100);opacity:1}.mainPage .area1 .areaC .posPic img{display:block;width:100%}.mainPage .area1 .areaC .pos2{z-index:3;left:13.75%;top:36%;width:72.5%}.mainPage .area1 .areaC .tits{position:absolute;z-index:2;display:block}.mainPage .area1 .areaC .tits img{display:block;width:100%}.mainPage .area1 .areaC .tit1{left:36.6%;top:16%;width:26.8%}.mainPage .areas{border:none!important}.mainPage .areas .areaC .mes{position:absolute}.mainPage .areas .areaC .mes dt{font-family:myriadprolight,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;line-height:1.5em;font-size:4.2rem}.mainPage .areas .areaC .mes dt span{display:block;line-height:1.4em;font-size:2.56rem}.mainPage .areas .areaC .mes dd p{line-height:1.5em;font-size:1.7rem;text-align:left}.mainPage .areas .areaC .pare_list{width:86%;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:15px;overflow:hidden}.mainPage .areas .areaC .pare_list li{width:25%;float:left}.mainPage .areas .areaC .pare_list li .big{font-size:3.2rem;font-weight:700;line-height:1.5em;color:#fff;margin-bottom:5px}.mainPage .areas .areaC .pare_list li .small{font-size:1.2rem;line-height:1.3em;color:#a8a8a8}.mainPage .areas .areaC sub.b,.mainPage .areas .areaC sup.b{position:relative;left:-9px;display:inline-block;font-size:100%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.mainPage .areas .areaC sup.b{top:-.3em}.mainPage .areas .areaC .normal,.mainPage .areas .areaC .pare_list .small{color:#d6d6d6}.mainPage .areas .areaC sub.s,.mainPage .areas .areaC sup.s{display:inline-block;font-size:1.2rem;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}button{background:0 0;border:0;box-sizing:content-box;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;visibility:visible}button:focus{border:none;outline:0}#mainPage .picMB{display:none}#mainPage .picPC,.mainPage .areaVideo .areaC .mes dd span{display:block}.mainPage .areaVideo{background:#000}.mainPage .areaVideo .areaC{width:100%;max-width:100%!important}.mainPage .areaVideo .areaC .mes{position:absolute;left:0;top:50%;z-index:3;width:100%;color:#fff;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.mainPage .area3 .areaC .mes,.mainPage .areas .areaC .mes .area_icon{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.mainPage .areaVideo .areaC .mes dd{padding-top:2%;color:#000;text-align:center}.mainPage .areaVideo .areaC .mes dd p,.mainPage .areaVideo .areaC .mes dt{text-align:center}.mainPage .areaVideo .areaC .video-con{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}.mainPage .areaVideo .areaC .video-con .video{width:100%;height:100%}.mainPage .areaVideo .areaC .video-con .video-hold{display:none}.mainPage .areaVideo .areaC .playIcon{width:70px;cursor:pointer}.mainPage .areas .areaC .mes .area_icon{width:80%;padding-bottom:3%;margin-left:50%;transform:translateX(-50%)}.mainPage .areas .areaC .mes .area_icon img{width:100%}.mainPage .area3 .areaWidth{max-width:100%}.mainPage .area3 .areaC .mes{position:absolute;top:8.3%;z-index:3;width:58%;color:#fff;text-align:center;left:50%;transform:translateX(-50%)}.mainPage .area3 .areaC .phones,.mainPage .area3 .inner-section-wrap .areaC .mes{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.mainPage .area3 .areaC .mes dd{color:#fff;text-align:center}.mainPage .area3 .areaL_3 .mes dd{padding-top:72%}.mainPage .area3 .areaL_3 .mes dt{width:492px;margin:0 auto}.mainPage .area3 .areaL_3 .mes dt img{width:100%}.mainPage .area3 .areaL_3 .pare_list li:nth-of-type(1) .small img{width:56px;position:relative;top:3px}.mainPage .area3 .areaC .mes dd .pare_list .big{color:#fff}.mainPage .area3 .areaC .mes dd .pare_list .big img{width:40px;position:relative;top:-6px}.mainPage .area3 .areaC .mes dd .pare_list .small{color:#a8a8a8}.mainPage .area3 .areaC .mes dd .normal{color:#d6d6d6}.mainPage .area3 .areaC .mes dd p,.mainPage .area3 .areaC .mes dt{text-align:center}.mainPage .area3 .areaC .mes dd span,.mainPage .area3 .areaC .phones{display:block}.mainPage .area3 .areaC .phones_mb{display:none}.mainPage .area3 .areaC .phones{position:absolute;top:20%;width:58%;max-width:928px;left:50%;transform:translateX(-50%)}.mainPage .area3 .areaC .phones img{position:absolute;top:0;left:0;width:100%}.mainPage .area3 .areaC .phones .old{z-index:3}.mainPage .area3 .areaC .phones .new{position:relative;z-index:2}.mainPage .area3 .areaC .phones .phone_model{top:50%;right:-15%;left:initial;width:8%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.mainPage .area3 .mask{position:absolute;top:4.41%;left:4.94%;width:89.95%;height:92.94%}.mainPage .area3 .mask.show{opacity:1}.mainPage .area3 .mask .bg-color{position:absolute;top:0;left:0;background-color:#000;opacity:1}.mainPage .area3 .mask .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden}.mainPage .area3 .mask .bg-img .bg{position:absolute;top:0;left:0;background:url(../img/screen3/bg.jpg) center center no-repeat;background-image:-webkit-image-set(url(../img/screen3/bg.jpg) 1x,url(../img/screen3/bg_2x.jpg) 2x);background-size:cover}.mainPage .area3 .areaC.active .phones .p_top{-webkit-animation:top_ani 1.2s .8s ease-out forwards;-o-animation:top_ani 1.2s .8s ease-out forwards;animation:top_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones .p_bottom{-webkit-animation:bottom_ani 1.2s .8s ease-out forwards;-o-animation:bottom_ani 1.2s .8s ease-out forwards;animation:bottom_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones .p_left{-webkit-animation:left_ani 1.2s .8s ease-out forwards;-o-animation:left_ani 1.2s .8s ease-out forwards;animation:left_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones .p_right,.mainPage .area3 .areaC.active .phones_mb .p_top{-webkit-animation:right_ani 1.2s .8s ease-out forwards;-o-animation:right_ani 1.2s .8s ease-out forwards;animation:right_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones_mb .p_bottom{-webkit-animation:left_ani 1.2s .8s ease-out forwards;-o-animation:left_ani 1.2s .8s ease-out forwards;animation:left_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones_mb .p_left{-webkit-animation:top_ani 1.2s .8s ease-out forwards;-o-animation:top_ani 1.2s .8s ease-out forwards;animation:top_ani 1.2s .8s ease-out forwards}.mainPage .area3 .areaC.active .phones_mb .p_right{-webkit-animation:bottom_ani 1.2s .8s ease-out forwards;-o-animation:bottom_ani 1.2s .8s ease-out forwards;animation:bottom_ani 1.2s .8s ease-out forwards}@keyframes top_ani{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes top_ani{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);opacity:0;filter:alpha(opacity=0)}}@keyframes bottom_ani{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes bottom_ani{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);opacity:0;filter:alpha(opacity=0)}}@keyframes left_ani{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes left_ani{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);opacity:0;filter:alpha(opacity=0)}}@keyframes right_ani{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes right_ani{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=100)}100%{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);opacity:0;filter:alpha(opacity=0)}}.mainPage .area3 .inner-section-wrap .areaC .mes dd{padding-top:3%}.mainPage .area3 .inner-section-wrap .areaC .mes{width:60%;left:50%;transform:translateX(-50%)}.mainPage .area3 .inner-section-wrap .areaInner1 .areaC{max-width:1600px}.mainPage .area3 .inner-section-wrap .areaInner1 .areaC .mes{top:11%}.mainPage .area3 .inner-section-wrap .areaInner1{background:#121212}.mainPage .area3 .inner-section-wrap .areaInner1 .mes{width:66%;left:50%}.mainPage .area3 .inner-section-wrap .areaInner1 .product{position:absolute;right:-1%;bottom:-7%;width:64%;max-width:1024px}.mainPage .area3 .inner-section-wrap .areaInner2 .product img,.mainPage .area3 .inner-section-wrap .product img{width:100%}.mainPage .area3 .inner-section-wrap .areaInner2 .product .pos{text-align:center;position:absolute;width:20%;top:17%}.mainPage .area3 .inner-section-wrap .areaInner2 .product .pos1{left:27%}.mainPage .area3 .inner-section-wrap .areaInner2 .product .pos2{right:27%}.mainPage .area3 .inner-section-wrap .areaInner2 .product .pos p{padding-top:30%;color:#000}.mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes{top:8%}.mainPage .area3 .inner-section-wrap .areaInner3 .product img{width:100%}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos{text-align:center;position:absolute;width:37%;max-width:592px;top:23%}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos1{left:11%}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos2{right:11%}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos p{padding-top:25%;color:#000}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos .img-shadow{padding-top:11%}.mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes{top:8%}.mainPage .area3 .inner-section-wrap .areaInner4 .product .pos{text-align:center;position:absolute;width:20%;top:17%}.mainPage .area3 .inner-section-wrap .areaInner4 .product .pos1{left:27%}.mainPage .area3 .inner-section-wrap .areaInner4 .product .pos2{right:27%}.mainPage .area3 .inner-section-wrap .areaInner4 .product .pos p{padding-top:30%;color:#000}.mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes{top:8%}.mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes b,.mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes b,.mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes b{color:#000}.mainPage .area3 .inner-section-wrap .areaInner5{background-color:#121212;color:#fff}.mainPage .area3 .inner-section-wrap .areaInner5_2{margin-top:-1px}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC{max-width:100%}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .mes{width:65%;top:12%}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product{text-align:center;position:absolute}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product .pos img{display:block;position:relative}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg{position:absolute;width:22%;top:3%;left:39%;opacity:0;filter:alpha(opacity=0)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .textImg{background:url(../img/screen3_inner/page5/84percent_1x.png) no-repeat;background-size:contain;height:100%;text-align:center;opacity:1;filter:alpha(opacity=100)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .textImg .percent_num{font-size:6.2vw;line-height:1}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .textImg .percent_code{font-size:3.5vw;line-height:1}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .corner-mark{position:absolute;top:0;left:0;opacity:1;filter:alpha(opacity=100)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .corner-mark{opacity:0;filter:alpha(opacity=0)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .pos .textImg{position:absolute!important;width:25%;top:-13%;left:initial;right:29%}#mainPage .area3 .inner-section-wrap .full_b{width:116px}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1{width:80%;left:50%;top:54%;max-width:1438px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2{width:66%;right:43%;top:21%;max-width:1187px}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .product-line{position:absolute;top:0;left:0;width:100%;height:100%}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .product-line .line{position:absolute;height:2px;background:linear-gradient(to right,#fff,#000);-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-ms-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .product-line .line1{background:linear-gradient(to right,#fff,#0e0e0e);left:39%;top:37%;width:2%;opacity:0}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .product-line .line2{background:linear-gradient(to left,#fff,#0e0e0e);left:58%;top:27%;width:2%;opacity:0}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .product-line .line1{-webkit-animation:product_line1 1s .6s ease forwards;animation:product_line1 1s .6s ease forwards}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .product-line .line2{-webkit-animation:product_line2 1s .6s ease forwards;animation:product_line2 1s .6s ease forwards}@-webkit-keyframes product_line1{0%{left:39%;top:37%;width:2%;opacity:0}100%{left:6.6%;top:48.2%;width:32%;opacity:1}}@keyframes product_line1{0%{left:39%;top:37%;width:2%;opacity:0}100%{left:6.6%;top:48.2%;width:32%;opacity:1}}@-webkit-keyframes product_line2{0%{left:58%;top:27%;width:2%;opacity:0}100%{left:57.8%;top:19.5%;width:28%;opacity:1}}@keyframes product_line2{0%{left:58%;top:27%;width:2%;opacity:0}100%{left:57.8%;top:19.5%;width:28%;opacity:1}}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line1:after{content:'';width:16px;height:16px;background:url(../img/screen3_inner/page5/arrow-left.png) no-repeat;background-size:contain;display:block;position:absolute;left:-10px;top:-7px}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line2:after{content:'';width:16px;height:16px;background:url(../img/screen3_inner/page5/arrow-left.png) no-repeat;transform:rotate(174deg);background-size:contain;display:block;position:absolute;right:-9px;top:-7.8px}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .product-arrow .arrow{position:absolute!important;width:5%;right:18%;top:-3.8%}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .product-arrow .arrow1{top:-4.1%}.mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .product-arrow .arrow2{top:2.4%}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC{background:#000;-webkit-box-shadow:0 0 1000px 1000px #000;-moz-box-shadow:0 0 1000px 1000px #000;box-shadow:0 0 1000px 1000px #000;max-width:1600px}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC.active{-webkit-animation:area3_areaInner6_bg_an .8s 3s ease forwards;animation:area3_areaInner6_bg_an .8s 3s ease forwards}@-webkit-keyframes area3_areaInner6_bg_an{0%{background:#000;-webkit-box-shadow:0 0 1000px 1000px #000;-moz-box-shadow:0 0 1000px 1000px #000;box-shadow:0 0 1000px 1000px #000}100%{background:0 0;-webkit-box-shadow:0 0 1000px 1000px transparent;-moz-box-shadow:0 0 1000px 1000px transparent;box-shadow:0 0 1000px 1000px transparent}}@keyframes area3_areaInner6_bg_an{0%{background:#000;-webkit-box-shadow:0 0 1000px 1000px #000;-moz-box-shadow:0 0 1000px 1000px #000;box-shadow:0 0 1000px 1000px #000}100%{background:0 0;-webkit-box-shadow:0 0 1000px 1000px transparent;-moz-box-shadow:0 0 1000px 1000px transparent;box-shadow:0 0 1000px 1000px transparent}}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{z-index:7}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product{position:absolute;width:100%;top:41%}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .pos{position:absolute;width:38%;max-width:607px;opacity:0;filter:alpha(opacity=0)}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC.active .product .pos{-webkit-animation:area3_pos_an .8s 3s ease forwards;animation:area3_pos_an .8s 3s ease forwards}@-webkit-keyframes area3_pos_an{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@keyframes area3_pos_an{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .pos1{top:-24%;left:1%;z-index:4}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .pos2{top:-13%;right:1%;z-index:6}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap{position:relative;z-index:5;width:50%;max-width:800px;margin:0 auto;text-align:center}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .new_pd{position:relative}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd{position:absolute;top:0;z-index:10;width:100%;height:100%;-webkit-transition:none;transition:none}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .new_pd img{width:100%}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd figure{overflow:hidden;position:absolute;width:50%;height:100%}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd .right img{float:right}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd figure img{vertical-align:middle}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd figure.left:after{right:0}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd figure.right:after{left:0}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd figure:after{display:block;content:'';position:absolute;top:0;width:1px;height:514px;background:#000;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC.active .product .game_fun_wrap .old_pd figure:after{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition:opacity 2s 1.5s ease}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC.active .product .game_fun_wrap .old_pd figure.left,.mainPage .area3 .inner-section-wrap .areaInner6 .areaC.active .product .game_fun_wrap .old_pd figure.right{-webkit-animation:old_pd_an 1.5s 1.6s ease forwards;animation:old_pd_an 1.5s 1.6s ease forwards}@keyframes old_pd_an{0%{width:50%}100%{width:0}}@-webkit-keyframes old_pd_an{0%{width:50%}100%{width:0}}.mainPage .area3 .inner-section-wrap .areaInner7 .mes,.mainPage .area3 .inner-section-wrap .areaInner7 .mes dd,.mainPage .area3 .inner-section-wrap .areaInner7 .mes dd p{color:#fff}.mainPage .area3 .inner-section-wrap .areaInner7 .product{position:absolute;width:66%;left:17%;bottom:-4%}.area_banner .banner,.area_banner .swiper_div{width:100%;position:relative}.area_banner .swiper_div{height:auto}.area_banner .swiper_div .swiper-container{width:100%;height:450px;position:relative;overflow:hidden;padding:0 15%}.area_banner .swiper_div .swiper-wrapper{position:absolute;width:600%;height:100%;left:0;margin-left:11.5%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}.area_banner .swiper_div .swiper-wrapper .swiper-slide{display:block;width:8%;margin:0 .5%;height:100%;float:left;overflow:hidden}.area_banner .swiper_div .swiper_btn.none{display:none}.area_banner .swiper_div .swiper_btn{height:100%;position:absolute;width:3%;z-index:999;top:0;cursor:pointer}.area_banner .swiper_div .swiper_btn img{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.area_banner .swiper_div .swiper_btn.left{left:13.5%}.area_banner .swiper_div .swiper_btn.right{right:13.5%}.area_banner .swiper_div .swiper_content{position:relative;width:100%;height:100%;margin:0 auto}.area_banner .swiper_div a img{width:100%}.area_banner .swiper_div .swiper_content .text{position:absolute;width:100%;height:85%;top:0;left:0;right:0;bottom:0;margin:auto}.area_banner .swiper_div .swiper_content .text .text_des{position:absolute;top:0;bottom:0;right:0;margin:auto;width:570px;height:200px}.area_banner .swiper_div .swiper_content .text .center,.area_banner .swiper_div .swiper_content .text .text_des .text_desWrap{position:relative;width:100%;height:100%}.area_banner .swiper_div .swiper_content .phone{position:absolute;left:0;top:100px;bottom:0;margin:auto;width:640px}.area_banner .swiper_div .swiper_content .text img.word{position:absolute;top:0;left:0;width:500px}.area_banner .swiper_div .swiper_content .text .uList_wrap{width:185px;padding:100px 0 20px 380px}.area_banner .swiper_div .swiper_content .text .uList{width:100%;list-style:disc}.area_banner .swiper_div .swiper_content .text .uList li{margin:3px 0;color:#666}.area_banner .swiper_div .swiper_content .text .btnRadius{margin:20px 0 0 -10px}.area_banner .swiper-pagination{position:absolute;text-align:center;width:100%;height:40px;bottom:25px}.area_banner .swiper-pagination .pagination{position:relative;width:50%}.area_banner .swiper-pagination .pagination span{margin:0 5px;width:10%;height:40px;line-height:40px;border-bottom:solid 5px #eee;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;color:#333}.area_banner .swiper-pagination span.active{border-bottom:solid 5px #ccc}.area_banner .swiper-pagination span.active i{display:block}.area_banner .swiper-pagination span i{display:none}.area_banner .swiper-pagination-bullet{position:relative}.mainPage .area5{background:#000}.mainPage .area5 .areaC .mes{position:absolute;left:22.5%;top:8.3%;z-index:3;width:55%;color:#fff;text-align:center}.mainPage .area5 .areaC .mes dd{padding-top:3%;color:#fff;text-align:center}.mainPage .area5 .areaC .mes dd .pare_list .big{color:#fff}.mainPage .area5 .areaC .mes dd .pare_list .big img{width:40px;position:relative;top:-3px}.mainPage .area5 .areaC .mes dd .normal,.mainPage .area5 .areaC .mes dd .pare_list .small{color:#d6d6d6}.mainPage .area5 .areaC .mes dd p,.mainPage .area5 .areaC .mes dt{text-align:center}.mainPage .area5 .areaC .mes dd span{display:block}.mainPage .area5 .areaC p.normal{position:absolute;z-index:4;color:#d6d6d6;font-size:1.7rem;width:57%;left:21.5%;bottom:15%}.mainPage .area5 .areaC{position:relative;width:100%;margin:0 auto;max-width:1600px}.mainPage .area5 .areaC .phone{position:absolute;left:25%;bottom:15%;display:block;width:50%}.mainPage .area5 .areaC .phone .front_back .front{position:absolute!important;top:0;left:0;z-index:1}.mainPage .area5 .areaC .phone .front_back .back{position:relative;z-index:0}.mainPage .area5 .areaC .phone ul{position:absolute;z-index:3;display:block;left:36%;bottom:72%;width:26%}.mainPage .area5 .areaC .phone ul .holdBox,.mainPage .area5 .areaC .phone ul li img{display:block;width:100%}.mainPage .area5 .areaC .phone ul .posPic{position:absolute;display:block;width:100%;filter:alpha(opacity=0);opacity:0}.mainPage .area5 .areaC .phone ul .pos1{left:0;top:4%;z-index:1;width:81%}.mainPage .area5 .areaC .phone ul .pos2{left:47%;top:3%;z-index:2;width:69%}.mainPage .area5 .areaC .phone ul .pos3{left:85%;top:-1%;z-index:3;width:61%}.mainPage .area5 .areaC .phone ul .pos4{left:124%;top:-9%;z-index:4;width:57%}.mainPage .area5 .areaC .phone ul .pos5{left:159%;top:-24%;z-index:5;width:63%}.mainPage .area5 .areaC .phone ul .pos6{left:200%;top:-47%;z-index:6;width:78%}.mainPage .area5 .areaC.active .phone ul .pos1{-webkit-animation:area5_pos1 .81s 1.2s ease forwards;animation:area5_pos1 .81s 1.2s ease forwards}.mainPage .area5 .areaC.active .phone ul .pos2{-webkit-animation:area5_pos2 .948s 1.2s ease forwards;animation:area5_pos2 .948s 1.2s ease forwards}.mainPage .area5 .areaC.active .phone ul .pos3{-webkit-animation:area5_pos3 1.083s 1.2s ease forwards;animation:area5_pos3 1.083s 1.2s ease forwards}.mainPage .area5 .areaC.active .phone ul .pos4{-webkit-animation:area5_pos4 1.236s 1.2s ease forwards;animation:area5_pos4 1.236s 1.2s ease forwards}.mainPage .area5 .areaC.active .phone ul .pos5{-webkit-animation:area5_pos5 1.53s 1.2s ease forwards;animation:area5_pos5 1.53s 1.2s ease forwards}.mainPage .area5 .areaC.active .phone ul .pos6{-webkit-animation:area5_pos6 1.704s 1.2s ease forwards;animation:area5_pos6 1.704s 1.2s ease forwards}@keyframes area5_pos1{0%{opacity:0;-webkit-transform:translate3d(-47%,11%,0);-moz-transform:translate3d(-47%,11%,0);-o-transform:translate3d(-47%,11%,0);-ms-transform:translate3d(-47%,11%,0);transform:translate3d(-47%,11%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos1{0%{opacity:0;-webkit-transform:translate3d(-47%,11%,0);-moz-transform:translate3d(-47%,11%,0);-o-transform:translate3d(-47%,11%,0);-ms-transform:translate3d(-47%,11%,0);transform:translate3d(-47%,11%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area5_pos2{0%{opacity:0;-webkit-transform:translate3d(-104%,20%,0);-moz-transform:translate3d(-104%,20%,0);-o-transform:translate3d(-104%,20%,0);-ms-transform:translate3d(-104%,20%,0);transform:translate3d(-104%,20%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos2{0%{opacity:0;-webkit-transform:translate3d(-104%,20%,0);-moz-transform:translate3d(-104%,20%,0);-o-transform:translate3d(-104%,20%,0);-ms-transform:translate3d(-104%,20%,0);transform:translate3d(-104%,20%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area5_pos3{0%{opacity:0;-webkit-transform:translate3d(-167%,30%,0);-moz-transform:translate3d(-167%,30%,0);-o-transform:translate3d(-167%,30%,0);-ms-transform:translate3d(-167%,30%,0);transform:translate3d(-167%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos3{0%{opacity:0;-webkit-transform:translate3d(-167%,30%,0);-moz-transform:translate3d(-167%,30%,0);-o-transform:translate3d(-167%,30%,0);-ms-transform:translate3d(-167%,30%,0);transform:translate3d(-167%,30%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area5_pos4{0%{opacity:0;-webkit-transform:translate3d(-239%,46%,0);-moz-transform:translate3d(-239%,46%,0);-o-transform:translate3d(-239%,46%,0);-ms-transform:translate3d(-239%,46%,0);transform:translate3d(-239%,46%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos4{0%{opacity:0;-webkit-transform:translate3d(-239%,46%,0);-moz-transform:translate3d(-239%,46%,0);-o-transform:translate3d(-239%,46%,0);-ms-transform:translate3d(-239%,46%,0);transform:translate3d(-239%,46%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area5_pos5{0%{opacity:0;-webkit-transform:translate3d(-284%,60%,0);-moz-transform:translate3d(-284%,60%,0);-o-transform:translate3d(-284%,60%,0);-ms-transform:translate3d(-284%,60%,0);transform:translate3d(-284%,60%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos5{0%{opacity:0;-webkit-transform:translate3d(-284%,60%,0);-moz-transform:translate3d(-284%,60%,0);-o-transform:translate3d(-284%,60%,0);-ms-transform:translate3d(-284%,60%,0);transform:translate3d(-284%,60%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area5_pos6{0%{opacity:0;-webkit-transform:translate3d(-283%,56%,0);-moz-transform:translate3d(-283%,56%,0);-o-transform:translate3d(-283%,56%,0);-ms-transform:translate3d(-283%,56%,0);transform:translate3d(-283%,56%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area5_pos6{0%{opacity:0;-webkit-transform:translate3d(-283%,56%,0);-moz-transform:translate3d(-283%,56%,0);-o-transform:translate3d(-283%,56%,0);-ms-transform:translate3d(-283%,56%,0);transform:translate3d(-283%,56%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mainPage .inner-section-wrap .areas .product img{width:100%;height:auto}.mainPage .area5 .inner-section-wrap .inner-details-content{background-color:#171717}.mainPage .area5 .inner-section-wrap .areaC .mes dd p,.mainPage .area5 .inner-section-wrap .areaC .mes dt{text-align:left;color:#000}.mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:32%;top:35%;left:10%;color:#000}.mainPage .area5 .inner-section-wrap .areaInner1 .product{position:absolute;width:40%;bottom:0;right:0}.mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes{width:37%;top:22%;left:54%}.mainPage .area5 .inner-section-wrap .areaInner2 .product{position:absolute;width:36%;top:5%;left:12.5%}.mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:39%;top:22%;left:10%}.mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dt{width:120%}.mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dd .sm{padding-top:3%;font-size:1.28rem;padding-left:12px}.mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes p.sm:before{content:'*';position:absolute;width:12px;height:12px;left:0}.mainPage .area5 .inner-section-wrap .areaInner3 .product{position:absolute;width:61%;top:3%;left:31%}.mainPage .area5 .inner-section-wrap .areaInner4{border:none;background-color:#f6f4de;background-image:url(../img/screen5_inner/bg4.jpg);background-image:-webkit-image-set(url(../img/screen5_inner/bg4.jpg) 1x,url(../img/screen5_inner/bg4_2x.jpg) 2x);background-repeat:no-repeat;background-position:top center;background-size:contain}.mainPage .area5 .inner-section-wrap .areaInner4 .areaC .mes{width:37%;bottom:11%;right:6.25%;top:inherit;left:inherit}.mainPage .area6{padding:3% 0;background:#0f0f0f}.mainPage .area7{background:#171717}.mainPage .area7 .areaC{max-width:1600px;position:relative;margin:0 auto}.mainPage .area7 .areaC .mes{position:absolute;left:30%;top:11.3%;z-index:4;width:40%;color:#fff}.mainPage .area7 .areaL_7 .mes{top:8.3%;width:33%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area7 .areaC .mes dt{text-align:center}.mainPage .area7 .areaC .mes dd span{display:block}.mainPage .area7 .areaC .pare_list li{width:33.333%}.mainPage .area7 .areaC .mes dd{padding-top:3%;color:#fff;text-align:center}.mainPage .area7 .areaC .mes dd .pare_list .big{color:#fff}.mainPage .area7 .areaC .posPic{position:absolute!important;display:block;width:54.1%;max-width:2078px;left:26%;bottom:-1%}.mainPage .area10 .areaC,.mainPage .area10 .inner-section-wrap .areaInner1 .areaC,.mainPage .area7 .inner-section-wrap .areaInner2 .areaC{max-width:1600px}.mainPage .area7 .areaC .posPic img{display:block;width:100%}.mainPage .area7 .phoneOut .phoneOutHold{display:none;width:100%}.mainPage .area7 .areaC .mes dd .pare_list .big img{width:30px;position:relative;top:0}.mainPage .area7 .inner-section-wrap .areaInner1{background:#000}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{position:absolute;left:22.5%;top:14%;z-index:3;width:55%;color:#fff;text-align:center}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dd{padding-top:2%;color:#fff;text-align:center}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dd p,.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dt{text-align:center}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dd span{display:block}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC{position:relative;z-index:2;width:100%;margin:0 auto;max-width:1600px}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{position:absolute;left:25%;bottom:-18%;display:block;width:100%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone .posPic{position:absolute;left:25%;bottom:20%;display:block;width:93%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul{position:absolute;z-index:3;display:block;left:11%;bottom:76%;width:26%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .holdBox{display:block;width:100%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul li img{display:block;width:100%;height:auto}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .posPic{opacity:0;position:absolute;display:block;width:100%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos1{-webkit-animation:area7_pos1 .651s .8s ease forwards;animation:area7_pos1 .651s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos2{-webkit-animation:area7_pos2 .81s .8s ease forwards;animation:area7_pos2 .81s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos3{-webkit-animation:area7_pos3 .948s .8s ease forwards;animation:area7_pos3 .948s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos4{-webkit-animation:area7_pos4 1.083s .8s ease forwards;animation:area7_pos4 1.083s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos5{-webkit-animation:area7_pos5 1.236s .8s ease forwards;animation:area7_pos5 1.236s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos6{-webkit-animation:area7_pos6 1.53s .8s ease forwards;animation:area7_pos6 1.53s .8s ease forwards}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos7{-webkit-animation:area7_pos7 1.704s .8s ease forwards;animation:area7_pos7 1.704s .8s ease forwards}@keyframes area7_pos1{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);-moz-transform:translate3d(0,50%,0);-o-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos1{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);-moz-transform:translate3d(0,50%,0);-o-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos2{0%{opacity:0;-webkit-transform:translate3d(0,88%,0);-moz-transform:translate3d(0,88%,0);-o-transform:translate3d(0,88%,0);-ms-transform:translate3d(0,88%,0);transform:translate3d(0,88%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos2{0%{opacity:0;-webkit-transform:translate3d(0,88%,0);-moz-transform:translate3d(0,88%,0);-o-transform:translate3d(0,88%,0);-ms-transform:translate3d(0,88%,0);transform:translate3d(0,88%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos3{0%{opacity:0;-webkit-transform:translate3d(0,92%,0);-moz-transform:translate3d(0,92%,0);-o-transform:translate3d(0,92%,0);-ms-transform:translate3d(0,92%,0);transform:translate3d(0,92%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos3{0%{opacity:0;-webkit-transform:translate3d(0,92%,0);-moz-transform:translate3d(0,92%,0);-o-transform:translate3d(0,92%,0);-ms-transform:translate3d(0,92%,0);transform:translate3d(0,92%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos4{0%{opacity:0;-webkit-transform:translate3d(0,95%,0);-moz-transform:translate3d(0,95%,0);-o-transform:translate3d(0,95%,0);-ms-transform:translate3d(0,95%,0);transform:translate3d(0,95%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos4{0%{opacity:0;-webkit-transform:translate3d(0,95%,0);-moz-transform:translate3d(0,95%,0);-o-transform:translate3d(0,95%,0);-ms-transform:translate3d(0,95%,0);transform:translate3d(0,95%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos5{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos5{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos6{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos6{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes area7_pos7{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes area7_pos7{0%{opacity:0;-webkit-transform:translate3d(0,96%,0);-moz-transform:translate3d(0,96%,0);-o-transform:translate3d(0,96%,0);-ms-transform:translate3d(0,96%,0);transform:translate3d(0,96%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos1{left:27%;top:60%;z-index:1;width:52%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos2{left:32%;top:42%;z-index:2;width:45%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos3{left:35%;top:26%;z-index:3;width:39%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos4{left:36%;top:11%;z-index:4;width:36%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos5{left:38%;top:-1%;z-index:5;width:32%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos6{left:36%;top:-15%;z-index:6;width:36%}.mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos7{left:27%;top:-31%;z-index:7;width:55%}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes .tit1{border-radius:12%;-webkit-box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 5px 5px rgba(0,0,0,.5) inset;-moz-box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 5px 5px rgba(0,0,0,.5) inset;box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 5px 5px rgba(0,0,0,.5) inset}.mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{position:absolute;left:28.5%;width:43%;top:inherit;bottom:9%;z-index:3;color:#fff;text-align:center}.mainPage .area7 .inner-section-wrap .areaInner2 .areaC .product{position:absolute;width:58%;left:21%;top:4.5%}.mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes dd p{text-align:center}.mainPage .area7 .inner-section-wrap .areaInner3{border:none;background-image:url(../img/screen7_inner/page3/bg3.jpg);background-image:-webkit-image-set(url(../img/screen7_inner/page3/bg3.jpg) 1x,url(../img/screen7_inner/page3/bg3_2.jpg) 2x);background-repeat:no-repeat;background-position:top center;background-size:cover}.mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes{width:37%;bottom:inherit;left:5.25%;top:40%;right:inherit;text-align:left;color:#000}.mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes b{text-align:left}.mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes dd p{color:#000}.mainPage .area7 .inner-section-wrap .areaInner3Slider{padding:3% 0}.mainPage .area8 .areaC .mes{position:absolute;left:25%;top:8.3%;z-index:6;width:50%;color:#fff}.mainPage .area8 .areaC .mes dt{text-align:center}.mainPage .area8 .areaC .mes dd{padding-top:4%;color:#fff}.mainPage .area8 .areaC .mes dd span{display:block}.mainPage .areas .areaC .mes dd .sm{padding-top:3%;font-size:1.28rem}.mainPage .area8 .areaC .pare_list li:nth-of-type(1),.mainPage .area8 .areaC .pare_list li:nth-of-type(4){width:30%}.mainPage .area8 .areaC .pare_list li:nth-of-type(2),.mainPage .area8 .areaC .pare_list li:nth-of-type(3){width:20%}.mainPage .area8 .areaC .mes dd .pare_list li img{width:100%}.mainPage .area8 .areaC .mes dd .pare_list .big img{width:30px;height:auto;position:relative;top:-3px}.mainPage .area8 .areaC .mes dd .pare_list .small img{width:115px}.mainPage .area8 .areaC .mes dd p{text-align:center}.mainPage .area8 .areaL_8 .mes dd .pare_list li:nth-of-type(1) sub.b{left:-16px}.mainPage .area8 .areaC p.normal{position:absolute;color:#d6d6d6;font-size:1.7rem;width:70%;left:15%;bottom:2%}.mainPage .area8 .areaC .btmBtn .btn{display:block;width:14px;height:14px;padding:10px;background:#008cd6;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.mainPage .area8 .areaC .btmBtn .btn:hover img{-webkit-transform:scale(1.3) rotate(180deg);-moz-transform:scale(1.3) rotate(180deg);-ms-transform:scale(1.3) rotate(180deg);-o-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}.mainPage .area9{background:#171717}.mainPage .area9 .bg{position:absolute;left:-70%;top:7%;z-index:-1;width:240%}.mainPage .area9 .areaC .mes{position:absolute;width:57%;left:21.5%;z-index:3;top:8.3%;color:#fff;text-align:center}#mainPage .areas.area9 .areaC .mes b,.mainPage .area9 .areaC .mes dt{text-align:center}.mainPage .area9 .areaC .mes dd{padding-top:3%;color:#d6d6d6;text-align:center}.mainPage .area9 .areaC .mes dd p{padding-bottom:6.5%;text-align:center}.mainPage .area9 .areaC .mes dd span{display:block}.mainPage .area9 .areaC .posPic{position:absolute;z-index:3;width:50%}.mainPage .area9 .areaC .pos1{left:25%;bottom:12%;filter:alpha(opacity=100);opacity:1}.mainPage .area9 .areaC .phoneOut .phoneOutImg{display:none}.mainPage .area9 .areaC .circle{position:absolute;bottom:0;width:100%;height:50%;z-index:0}.mainPage .area9 .areaC .dot{width:80px;height:25px;border-radius:50%;background:radial-gradient(#171717,rgba(35,77,147,.3));transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;opacity:1}.mainPage .area9 .areaC.active .dot1{animation:dotAni 5.4s infinite ease-in-out;-webkit-animation:dotAni 5.4s infinite ease-in-out}.mainPage .area9 .areaC.active .dot2{animation:dotAni 5.4s .9s infinite ease-in-out;-webkit-animation:dotAni 5.4s .9s infinite ease-in-out}.mainPage .area9 .areaC.active .dot3{animation:dotAni 5.4s 1.8s infinite ease-in-out;-webkit-animation:dotAni 5.4s 1.8s infinite ease-in-out}.mainPage .area9 .areaC.active .dot4{animation:dotAni 5.4s 2.7s infinite ease-in-out;-webkit-animation:dotAni 5.4s 2.7s infinite ease-in-out}.mainPage .area9 .areaC.active .dot5{animation:dotAni 5.4s 3.6s infinite ease-in-out;-webkit-animation:dotAni 5.4s 3.6s infinite ease-in-out}.mainPage .area9 .areaC.active .dot6{animation:dotAni 5.4s 4.5s infinite ease-in-out;-webkit-animation:dotAni 5.4s 4.5s infinite ease-in-out}@keyframes dotAni{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(20);opacity:0}}@-webkit-keyframes dotAni{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(20);opacity:0}}.mainPage .area10{background-color:#000}.mainPage .area10 .areaC{position:relative;margin:0 auto}.mainPage .area10 .full_width{background-image:url(../img/screen10/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.mainPage .area10 .areaC .mes{position:absolute;left:30%;top:8%;z-index:4;width:40%;color:#fff}.mainPage .area10 .areaC .mes dt{text-align:center}.mainPage .area10 .areaC .mes dd span{display:block}.mainPage .area10 .areaC .mes dd p{text-align:center;color:#d6d6d6}.mainPage .area10 .areaC .pare_list li{width:33.333%}.mainPage .area10 .areaC .mes dd{padding-top:4%;color:#fff;text-align:center}.mainPage .area10 .areaC .mes dd .pare_list .big{color:#fff}.mainPage .area10 .areaC .mes dd .pare_list .small,.mainPage .area7 .areaC .mes dd .normal{color:#d6d6d6}.mainPage .area10 .areaC p.normal{position:absolute;color:#d6d6d6;font-size:1.7rem;width:54%;left:23%;bottom:14%;text-align:center;z-index:4}.mainPage .area10 .areaC .posPic{position:absolute!important;display:block;filter:alpha(opacity=100);opacity:1}.mainPage .area10 .areaC .posPic.pos1{width:21.7%;left:32.3%;top:28.5%}.mainPage .area10 .areaC .posPic.pos2{width:20%;right:34.5%;top:32%}.mainPage .area10 .areaC .posPic img{display:block;width:100%}.mainPage .area10 .phoneOut .phoneOutHold{display:none;width:100%}.mainPage .area10 .areaC .mes dd .pare_list .big img{width:40px;position:relative;top:0}.mainPage .area10 .inner-section-wrap .areaInner1{background:#121212}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{top:28%;left:8%}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes b,.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes dd p{text-align:left;color:#d6d6d6}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes dd p.sm{padding-top:1%;padding-bottom:2%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes dd p.sm:before{content:'*';position:absolute;width:12px;height:12px;left:0}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes dd p.sm,#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes dd p.sm{padding-left:12px}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes .lists{text-align:left}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes .lists li{display:inline-block;width:10%;margin-right:1%;margin-bottom:3%;opacity:0;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1)}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC.active .mes .lists li{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes .lists li img{width:100%;display:block;height:auto}.mainPage .area10 .inner-section-wrap .areaInner1 .areaC .product{position:absolute!important;width:28%;right:10%;bottom:0}.mainPage .area10 .inner-section-wrap .areaInner2 .areaC .product{position:absolute!important;width:56%;left:22%;bottom:0}.mainPage .area10 .inner-section-wrap .areaInner2{background:url(../img/screen10_inner/page2/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_pc{width:100%;height:100%;position:absolute}.mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes{top:14%}.mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes dd p{color:#d6d6d6}.mainPage .area10 .inner-section-wrap .areaInner3{background:#f5f6f1}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc{height:100%;overflow:hidden}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes{color:#000;width:24%;left:52%;top:23%}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes dt{text-align:left}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes dd p{color:#000;text-align:left}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos{position:absolute!important}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos1{width:18%;right:7%;bottom:-4%}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{left:15.5%;top:17.8%;z-index:4;width:69%;color:#fff}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes dd{padding-top:1%}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .product{position:absolute!important;width:51%;left:24.5%;bottom:14.2%}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .product.product1{z-index:5}.mainPage .area10 .inner-section-wrap .areaInner4{background:url(../img/screen10_inner/page4/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_pc{width:100%;height:100%;position:absolute}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes dd p{color:#d6d6d6}.mainPage .area11{background:#121212}.mainPage .area11 .part-top{padding:50px 0}.mainPage .area11 .areaC{width:90%;margin:0 auto;max-width:1300px}.mainPage .area11 .remarks{color:#818181;font-weight:700}.mainPage .area11 .remarks-list{color:#4f4f4f;font-size:14px;padding-left:12px}.mainPage .area11 .remarks-list li{list-style-type:decimal}.btmDataArea{width:100%;background:#f7f7f7;text-align:center;font-family:myriadprolight,"Myriad Pro","Helvetica Neue",Helvetica,Arial;display:none}.btmDataArea .btnTop{display:inline-block;padding:30px 0 40px}.btmDataArea .btnTop a{color:#008cd6;line-height:1.5em;text-align:center;font-size:16px;list-style:none}.btmDataArea .btnTop a span{list-style:none}.btmDataArea .btnTop .btnInset img{transition:all linear .3s}.btmDataArea .btnTop .btnInset .bgAc{position:absolute;left:0;top:0;z-index:2;display:none;width:100%;height:100%}.btmDataArea .btnTop .btnInset .bgAc img{display:block;width:100%}.btmDataArea .btnTop .btnInset{position:relative;z-index:2;display:block;width:14px;height:14px;padding:10px;background:#008cd6;margin:5px auto 0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.btmDataArea .btnTop .btnInset:hover .hold{-webkit-transform:scale(1.3) rotate(180deg);-moz-transform:scale(1.3) rotate(180deg);-ms-transform:scale(1.3) rotate(180deg);-o-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}#btmDataArea .btmDataAreaAc .btnInset .bgAc{position:static;display:block}#btmDataArea .btmDataAreaAc .btnInset .hold{display:none}.btmDataArea .phoneData{background:#FFF;display:none;border-top:1px #ccc dashed}.btmDataArea .phoneData dl{width:90%;padding:0 5%;text-align:left}.btmDataArea .phoneData dl dt{padding:10px 0;font-size:18px;border-bottom:1px #666 solid;font-weight:700}.btmDataArea .phoneData dl h6{font-size:12px;line-height:18px;font-weight:400}.btmDataArea .phoneData dl dd{padding:10px 0;font-size:12px;line-height:18px;border-bottom:1px #e2e2e2 solid}.btmDataArea .phoneData dl dd span{float:left;display:block;width:40%}.btmDataArea .phoneData dl dd p{float:left;width:60%}.return_top{position:fixed;right:15px;bottom:55px;z-index:99999;display:none;width:40px;margin-left:-20px;cursor:pointer}.return_top img{display:block;width:100%}#dataPop,.mainPage .myBanner{display:none}.return_top_box{width:100%;height:110px;background:#222;display:none}#dataPop{position:fixed;left:0;top:0;z-index:999999999;width:100%;height:100%}.foweverGo .foweverGo_ts03{-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.foweverGo .foweverGo_ts05{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.foweverGo .foweverGo_delay03{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.foweverGo .foweverGo_delay05{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.foweverGo .foweverGo_delay15{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.foweverGo .foweverGo_delay16{-webkit-transition-delay:1.6s;-moz-transition-delay:1.6s;-ms-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s}.head_module{width:100%;position:absolute;top:0;z-index:99999}#mainPage .areas .inner-section-wrap{overflow:visible;background-color:transparent}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:58%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}#mainPage .areas .inner-section-wrap .inner-details-content{visibility:visible;overflow:visible}body.visible,html.visible{overflow:visible!important}#ag-wrap{overflow:hidden}section.root-section,section.root-section .part-top{position:relative;display:block;background:0 0}section.root-section .ag-container{position:relative}section.root-section .inner-section-wrap{display:none;position:relative;top:0;left:0;width:100%;overflow:visible;background-color:transparent}section.root-section .inner-section-wrap.active,section.root-section .inner-section-wrap.sliding{display:block}section.root-section .inner-section-wrap.animate-translate-enter{-webkit-animation:translateExpandEnter 1s ease both;animation:translateExpandEnter 1s ease both}section.root-section .inner-section-wrap.animate-translate-leave{-webkit-animation:translateExpandLeave 1s ease both;animation:translateExpandLeave 1s ease both}section.root-section .inner-section-wrap .inner-details-content{position:absolute;top:0;left:0;width:100%;visibility:hidden;overflow:visible;background-color:#171717}section.root-section .inner-section-wrap.sliding .inner-details-content{visibility:visible}section.root-section .inner-section-wrap.active .inner-details-content{position:relative;visibility:visible}@-webkit-keyframes translateExpandEnter{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-87px)}}@keyframes translateExpandEnter{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-87px)}}@-webkit-keyframes translateExpandLeave{0%{-webkit-transform:translateY(-87px)}100%{-webkit-transform:translateY(0)}}@keyframes translateExpandLeave{0%{-webkit-transform:translateY(-87px)}100%{-webkit-transform:translateY(0)}}@media (min-width:768px){@-webkit-keyframes translateExpandEnter{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100px)}}@keyframes translateExpandEnter{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100px)}}@-webkit-keyframes translateExpandLeave{0%{-webkit-transform:translateY(-100px)}100%{-webkit-transform:translateY(0)}}@keyframes translateExpandLeave{0%{-webkit-transform:translateY(-100px)}100%{-webkit-transform:translateY(0)}}}section.root-section button.section-btn{position:absolute;bottom:70px;left:0;z-index:9;width:100%;height:63px;color:#6bf;background:0 0;border:none;outline:0;visibility:visible;overflow:visible;cursor:pointer;padding-left:0;padding-right:0}#airbox em.loading,.fancybox-inner,.full_width,.of_hidden{overflow:hidden}section.root-section button.section-btn span.label{display:block;line-height:20px;margin-bottom:40px;color:#6bf;font-size:1.7rem}section.root-section button.section-btn span.icon{display:-webkit-box;display:flex;position:absolute;bottom:0;left:50%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:34px;height:34px;margin-left:-17px;background:#6bf;border-radius:50%}section.root-section button.btn-expand:hover span.label{color:#fff}section.root-section button.btn-expand:hover span.icon{background-color:#fff}section.root-section button.btn-close span.icon,section.root-section button.btn-expand.active:hover span.icon{background:rgba(210,210,210,.8)}section.root-section button.section-btn span.icon svg{width:14px;height:14px;fill:#000;-webkit-transform:rotate(0);transform:rotate(0)}.btn-easeing{-webkit-transition:all 1s ease;transition:all 1s ease}section.root-section button.btn-expand.active span.label{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}section.root-section button.btn-expand.active span.icon{background:rgba(210,210,210,.8);-webkit-transform:translateY(63px);transform:translateY(63px)}section.root-section button.btn-expand.active span.icon svg{fill:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}section.root-section button.btn-close{display:none;top:28px;bottom:auto}section.root-section button.btn-close span.icon svg{fill:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}section.root-section button.btn-stuck-bottom{top:auto;bottom:60px}section.root-section button.btn-fixed{position:fixed}.ag-animate,.ag-container{position:relative}@media (max-width:640px){section.root-section button.section-btn{bottom:38px}section.root-section button.btn-close{top:14px}section.root-section button.btn-expand.active span.label{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}section.root-section button.btn-expand.active span.icon{-webkit-transform:translateY(30px);transform:translateY(30px)}}.ag-container .box{-webkit-transition:all 2s ease;transition:all 2s ease}.ag-animate{transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;backface-visibility:hidden;-webkit-backface-visibility:hidden}.full_width{width:100%}section.area3 .part-top>.full_width,section.area5 .part-top>.full_width{background-color:#000}section.area7 .part-top>.full_width{background-color:#171717}@media screen and (min-width:641px){.mainPage .area2 .areaC .video-con{background-image:url(../img/screen2/bg-pc.jpg);background-color:#000}.mainPage .area3 .areaWidth{background:url(../img/screen3/bg.jpg) center center no-repeat;background-image:-webkit-image-set(url(../img/screen3/bg.jpg) 1x,url(../img/screen3/bg_2x.jpg) 2x);background-size:cover}.mainPage .area3 .inner-section-wrap .areaInner2{background:url(../img/screen3_inner/page2/bg.jpg) center center no-repeat;background-size:100% 100%}.mainPage .area3 .inner-section-wrap .areaInner3{background:url(../img/screen3_inner/page3/bg.jpg) center center no-repeat;background-size:100% 100%}.mainPage .area3 .inner-section-wrap .areaInner4{background:url(../img/screen3_inner/page4/bg.jpg) center center no-repeat;background-size:100% 100%}.mainPage .area3 .inner-section-wrap .areaInner6{background:url(../img/screen3_inner/page6/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd .left{background:url(../img/screen3_inner/page6/v5_2x.png) left center no-repeat;background-size:auto 100%;left:0}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd .right{background:url(../img/screen3_inner/page6/v5_2x.png) right center no-repeat;background-size:auto 100%;right:0}.mainPage .area3 .inner-section-wrap .areaInner7{background:url(../img/screen3_inner/page7/bg_pc.jpg) center center no-repeat;background-size:100% 100%;margin-bottom:-2px}.mainPage .area4 .areaC .video-con{background-image:url(../img/screen4/bg-pc.jpg);background-color:#000}.mainPage .area5 .inner-section-wrap .areaInner1{background:url(../img/screen5_inner/bg1.jpg) top center no-repeat;background-size:cover}.mainPage .area5 .inner-section-wrap .areaInner2{background:url(../img/screen5_inner/bg2.jpg) top center no-repeat #d0e0f9;background-size:cover;border:none}.mainPage .area5 .inner-section-wrap .areaInner3{background:url(../img/screen5_inner/bg3.jpg) top center no-repeat;background-size:cover}.mainPage .area7 .inner-section-wrap .areaInner2{background:url(../img/screen7_inner/page2/bg.jpg) center center no-repeat;background-size:cover}.mainPage .area8{background-image:url(../img/screen8/card.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto 88%;background-color:#000}.mainPage .area10 .inner-section-wrap .areaInner3 .areaC{max-width:1600px;background:url(../img/screen10_inner/page3/bg.jpg) center center no-repeat;background-image:-webkit-image-set(url(../img/screen10_inner/page3/bg.jpg) 1x,url(../img/screen10_inner/page3/bg_2x.jpg) 2x);background-size:cover}}@media screen and (max-width:640px){.mainPage .area3 .inner-section-wrap .areaInner2{background:url(../img/screen3_inner/page2/bg_mb.jpg) center center no-repeat;background-size:100% 100%}.mainPage .area3 .inner-section-wrap .areaInner3{background:url(../img/screen3_inner/page3/bg_mb.jpg) center center no-repeat;background-size:100% 100%}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd .left{background:url(../img/screen3_inner/page6/v5_2x_mb.png) left center no-repeat;background-size:auto 100%;left:0}.mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap .old_pd .right{background:url(../img/screen3_inner/page6/v5_2x_mb.png) right center no-repeat;background-size:auto 100%;right:0}.mainPage .area5 .inner-section-wrap .areaInner1{background:url(../img/screen5_inner/bg1_mb.jpg) top center no-repeat;background-size:cover}.mainPage .area5 .inner-section-wrap .areaInner2{background:url(../img/screen5_inner/bg2_mb.jpg) top center no-repeat #d0e0f9;background-size:cover;border:none}.mainPage .area8{background-image:url(../img/screen8/card_mb.jpg);background-repeat:no-repeat;background-position:center center;background-size:auto 88%;background-color:#000}}@media screen and (max-width:1200px){#mainPage .areas .areaC .mes dd p,.mainPage .area5 .areaC p.normal{font-size:16px}.mainPage .areas .areaC sub.s,.mainPage .areas .areaC sup.s{font-size:14px}.mainPage .area10 .areaC p.normal,.mainPage .area8 .areaC p.normal{font-size:16px}}@media screen and (min-width:640px) and (max-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop,#mainPage .myBanner{display:none}#head .headC .menu{margin-bottom:0}#head .headC .menu li{margin-left:20px}#head .headC .menu li a{font-size:14px}#mainPage .area1 .areaC .lists li{font-size:11px}#mainPage .area1 .areaC .lists li .points{margin-right:3px}#mainPage .area1 .areaC .lists{right:1%}#mainPage .areas .areaC .mes dt{line-height:1.5em;font-size:30px}#mainPage .areas .areaC .mes dt span{line-height:1.4em;font-size:24px}#mainPage .areas .areaC .mes dd p{line-height:1.6em}#mainPage .areas .areaC .mes dd p.small{line-height:1.2em}#mainPage .area3 .areaC .mes dd{padding-top:52%}#mainPage .area3 .inner-section-wrap .areaC .mes dd{padding-top:2%}#mainPage .area5 .areaC .mes dd p{text-align:center}#mainPage .inner-section-wrap .areas .product img{width:100%}#mainPage .area3 .inner-section-wrap .full_b{width:116px!important}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg{width:20%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .pos .textImg{width:33%}#mainPage .area5 .inner-section-wrap .areaC .mes dd p,#mainPage .area5 .inner-section-wrap .areaC .mes dt{text-align:left;color:#000}#mainPage .area5 .inner-section-wrap .areaInner1{background:url(../img/screen5_inner/bg1.jpg) top center no-repeat;background-size:cover}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:30%;top:22%;left:10%;color:#000}#mainPage .area5 .inner-section-wrap .areaInner1 .product{position:absolute;width:40%;bottom:0;right:0}#mainPage .area5 .inner-section-wrap .areaInner2{background:url(../img/screen5_inner/bg2.jpg) top center no-repeat;background-size:cover}#mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes{width:37%;top:22%;left:54%}#mainPage .area5 .inner-section-wrap .areaInner2 .product{position:absolute;width:36%;top:5%;left:12.5%}#mainPage .area5 .inner-section-wrap .areaInner3{background:url(../img/screen5_inner/bg3.jpg) top center no-repeat;background-size:100% 100%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:30%;top:22%;left:10%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dd .sm{padding-top:3%;font-size:12px}#mainPage .area5 .inner-section-wrap .areaInner3 .product{position:absolute;width:68%;top:8%;left:22%}#mainPage .area5 .inner-section-wrap .areaInner4 .areaC .mes{width:37%;bottom:11%;right:6.25%;top:inherit;left:inherit}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product .pos1 .textImg{width:20%;top:3%;left:40%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product .pos2 .textImg{width:33%;top:-15%;left:initial;right:32%}#mainPage .area6 .areaC .mes{right:3%}#mainPage .area6 .areaC .mes dd p{text-align:left}#mainPage .area7 .areaC .btmMes li.line{height:50px;margin-top:3px}#mainPage .area7 .areaC .btmMes li .toptxt{font-size:16px}#mainPage .area7 .areaC .btmMes li .btmTxt{height:30px;padding-top:5px;font-size:24px;line-height:1.5em}#mainPage .area7 .areaC .btmMes li .btmTxt .smTxt{font-size:12px}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes .tit1{font-size:2.2rem}#videoPop .inset{top:15%;left:5%;width:90%}#btmDataArea .btnTop{padding:20px 0 30px}}@media screen and (min-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop{display:none}#head .headC .menu li a,#mainPage .area1 .areaC .lists li{font-size:14px}#head .headC .pc_logo{margin-left:0}#head .headC .menu{margin-right:0;margin-bottom:0}#head .headC .menu li{margin-left:25px}#mainPage .area1 .areaC .lists li .points{margin-right:8px}#mainPage .area1 .areaC .tit2{width:15.66%}#mainPage .area1 .areaC .lists{right:0}#mainPage .areaVideo .areaC .video-con{background-size:cover}}@media screen and (max-width:992px){.area_banner .swiper_div .swiper_content{width:100%}.area_banner .swiper_div .swiper-container{height:260px}.area_banner .swiper_div .swiper_content .phone{width:490px}.area_banner .swiper_div .swiper_content .text img.word{width:370px}.area_banner .swiper_div .swiper_content .text .uList_wrap{padding:70px 0 20px 285px}}@media screen and (min-width:992px) and (max-width:1224px){.area_banner .swiper_div .swiper_content{width:100%}.area_banner .swiper_div .swiper-container{height:340px}.area_banner .swiper_div .swiper_content .phone{width:510px}.area_banner .swiper_div .swiper_content .text img.word{width:430px}.area_banner .swiper_div .swiper_content .text .uList_wrap{padding:85px 0 20px 330px}.area_banner .swiper_div .swiper_content .text .text_des{width:480px;right:30px}#mainPage .area3 .areaC .mes{width:70%}#mainPage .area5 .areaC p.normal{width:62%;left:19%}#mainPage .area10 .areaC .posPic.pos1{top:26.5%}#mainPage .area10 .areaC .posPic.pos2{top:28%}}@media screen and (min-width:768px){.area_banner .swiper_div .swiper-wrapper .swiper-slide img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:All .5s linear;-webkit-transition:All .5s linear;-moz-transition:All .5s linear;-o-transition:All .5s linear}.area_banner .swiper_div .swiper-wrapper .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.mainPage .area3 .areaC .phones{top:14%}.mainPage .area3 .areaC .mes{top:5.3%}}@media screen and (min-width:1400px){.area_banner .swiper_div .swiper-container{height:500px}}@media (min-width:768px) and (max-width:1200px){#head .headC .menu{margin-right:20px}#mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes{top:30%}}@media (max-width:991px) and (min-width:640px){#mainPage .area1 .areaC .pos2{top:41%}#mainPage .area3 .areaL_3 .mes dd{padding-top:70%}#mainPage .area2 .areaC .video-con,#mainPage .area4 .areaC .video-con{background-size:cover}#mainPage .area3 .inner-section-wrap .areaInner1 .areaC .mes{top:19%}#mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes,#mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes,#mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes{top:10%}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos p{padding-top:62%}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos p{padding-top:36%}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos p{padding-top:62%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1{top:53%}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{top:15%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:54%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product{top:49%}#mainPage .area3 .inner-section-wrap .areaInner7 .product{width:84%;left:8%;bottom:-8%}#mainPage .area5 .areaC .phone{bottom:25%}#mainPage .area5 .areaC p.normal{width:80%;left:10%;bottom:20%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:36%;top:32%}#mainPage .area5 .inner-section-wrap .areaInner1 .product{width:46%;right:-5%}#mainPage .area5 .inner-section-wrap .areaInner2 .product{width:40%;left:9%}#mainPage .area5 .inner-section-wrap .areaInner3 .product{width:68%;left:27%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:44%;top:17%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dt{width:130%}#mainPage .area7 .areaC .posPic{bottom:0}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{top:21%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{bottom:-16%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos1{left:27%;top:60%;z-index:1;width:52%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos2{left:32%;top:42%;z-index:2;width:45%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos3{left:35%;top:26%;z-index:3;width:39%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos4{left:36%;top:11%;z-index:4;width:36%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos5{left:38%;top:-1%;z-index:5;width:32%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos6{left:36%;top:-15%;z-index:6;width:36%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos7{left:27%;top:-31%;z-index:7;width:55%}#mainPage .area8 .areaC p.normal{width:90%;left:5%}#mainPage .area9 .areaL_9 .pos1{width:60%;left:20%;bottom:14%}#mainPage .area9 .areaC .mes{width:80%;left:10%}#mainPage .area10 .areaC p.normal{width:80%;left:10%;bottom:24%}#mainPage .area10 .areaC .posPic.pos1{width:23%;top:31%;left:31.3%}#mainPage .area10 .areaC .posPic.pos2{width:20.3%;top:34%;right:33.5%}#mainPage .area10 .areaC .posPic{top:34%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .product{bottom:8%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .product{width:70%;left:15%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos1{width:21%;right:9%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .product{width:70%;left:15%;bottom:6%}}@media (max-width:768px) and (min-width:640px){#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1{top:70%}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{top:29%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{width:80%;left:10%;top:14%}#mainPage .area1 .areaC .tit1{position:static;width:39.8%;margin-left:30.1%;padding-top:4.8%}#mainPage .area1 .areaC .tit2{position:absolute;width:15.6%;left:30.7%;bottom:8%;top:inherit}#mainPage .area1 .areaC .pos2{width:73.7%;top:2%;left:15%;right:inherit}#mainPage .area1 .areaC .tit1>img{width:100%}}@media screen and (min-width:640px) and (max-width:1024px){#mainPage .area1 .container .kv_wrap .kv_mb,#mainPage .area1 .container .kv_wrap .kv_pc{display:none}#mainPage .area1 .container .kv_wrap .kv_tab{display:block}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos{top:25%}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos p{padding-top:35%}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos{top:30%}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos p{padding-top:27%}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos{top:25%}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos p{padding-top:35%}#mainPage .area5 .inner-section-wrap .areaInner2 .product{top:15%}#mainPage .area5 .inner-section-wrap .areaInner3 .product{top:19%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .product{top:12%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos1{right:5%}#mainPage .area3 .areaL_3 .mes{width:68%}#mainPage .area3 .areaL_3 .mes dd{padding-top:65%}}@media screen and (min-width:992px) and (max-width:1024px){#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos,#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos{top:20%}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos p,#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos p{padding-top:20%}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos p{padding-top:15%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{width:48%;left:26%;bottom:4%}#mainPage .area5 .inner-section-wrap .areaInner3 .product{width:65%;top:7%;left:27%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:41%}#mainPage .area9 .areaC .pos1{bottom:9%}#mainPage .area9 .areaC .circle{bottom:-3%}#mainPage .area10 .areaL_10 .posPic.pos1{top:30%}#mainPage .area10 .areaL_10 .posPic.pos2{top:33%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:62%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{top:19%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes,#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{width:50%;left:25%}#mainPage .areas .areaC .mes .area_icon{width:84%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:72%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:55%}}@media screen and (min-width:640px) and (max-width:768px){#mainPage .area8 .areaC .mes{width:68%;left:16%}#mainPage .area7 .inner-section-wrap .areaInner2{background:url(../img/screen7_inner/page2/bg.jpg) center top no-repeat #000;background-size:contain}#mainPage .area5 .areaC p.normal{bottom:16%}#mainPage .area10 .areaC p.normal{left:15%;width:70%;bottom:17%}#mainPage .area5 .inner-section-wrap .areaInner4{background-size:cover}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:38%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC{background-position:center bottom;background-size:cover}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos1{width:23%;right:2%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes{width:29%;left:49%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{width:62%;left:19%}#mainPage .area8{background-size:auto 80%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .mes{width:70%;top:16%}#mainPage .areas .areaC .mes .area_icon{width:84%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:69%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:55%}}@media screen and (min-width:768px) and (max-width:992px){#mainPage .area3 .inner-section-wrap .areaInner1 .areaC .mes,#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .mes,#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:70%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1{top:74%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{width:62%}#mainPage .area9 .areaL_9 .pos1{bottom:9%}#mainPage .area9 .areaC .circle{bottom:-4%}#mainPage .area10 .areaC p.normal{width:80%;left:10%;bottom:18%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .pos .textImg{top:-17%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{width:70%;left:15%}#mainPage .area5 .areaC p.normal{bottom:18%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{top:17%;width:45%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes{width:70%;left:15%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{width:80%;left:10%;top:15%}}@media (min-width:641px){#mainPage .area8 .areaC p.normal .h-hidden-xs,.h-hidden-xs{display:block!important}.h-visible-xs-block{display:none!important}.h-xs-block{display:inline!important}.h-sm-block{display:block!important}.pc_icon{display:block}.mb_icon{display:none}.position-relative-left-12{position:relative;left:-12px}}@media (min-width:1200px){html{font-size:10px!important}#mainPage .areas .areaC .mes .area_icon{width:87%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:52%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:77%}}@media (min-width:1300px){html{font-size:10.5px!important}#mainPage .areas .areaC .mes .area_icon{width:84%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:57%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:68%}}@media (min-width:1600px){.area_banner .swiper_div .swiper-container{height:559px}#mainPage .area3 .areaL_3 .mes dt{width:425px}#mainPage .area3 .inner-section-wrap .full_b{width:194px}#mainPage .area3 .inner-section-wrap .areaInner1 .mes{width:71%}.mainPage .area3 .inner-section-wrap .areaInner1 .areaC .mes{top:10%}#mainPage .area3 .inner-section-wrap .areaInner2{background-size:cover}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:60%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line1:after{left:-10px;top:-6px}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{top:17%}#mainPage .area3 .inner-section-wrap .areaInner7 .mes{width:51%}#mainPage .area5 .areaC p.normal{bottom:12.5%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes,#mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes{width:40%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:50%;left:3%}#mainPage .area8{background-position:50% 0}#mainPage .area8 .areaC .mes{width:58%;left:21%}#mainPage .area8 .areaC p.normal{padding-bottom:0}#mainPage .area9 .areaC .mes dd{padding-top:2%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{width:42%;top:21%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes{width:25%}#mainPage .area10 .areaC .posPic.pos1{top:29%}#mainPage .area10 .areaC .posPic.pos2{top:32%}#mainPage .area10 .areaC p.normal{bottom:15%}#mainPage .area3 .inner-section-wrap .areaInner7 .product{bottom:-8%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_num{font-size:100px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_code{font-size:58px}#mainPage .area7 .inner-section-wrap .areaInner2 .product{top:8.5%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{bottom:6%}#mainPage .areas .areaC .mes .area_icon{width:95%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:50%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:83%}}@media (min-width:1700px){.area_banner .swiper_div .swiper-container{height:632px}}@media (min-width:1900px){.area_banner .swiper_div .swiper-container{height:711px}.mainPage .area3 .inner-section-wrap .areaInner7 .product{bottom:-8%}}@media (min-width:1920px){#mainPage .area1 .container .kv_wrap .kv_pc{display:none}#mainPage .area1 .container .kv_wrap .kv_tab{display:block}#mainPage .areas .areaC .mes .area_icon{width:90%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:60%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:57%}}@media (min-width:2560px){.area_banner .swiper_div .swiper-container{height:910px}html{font-size:18.7px!important}#mainPage .area3 .areaL_3 .mes dt{width:480px}#mainPage .area3 .inner-section-wrap .full_b{width:194px}#mainPage .area3 .inner-section-wrap .areaInner1 .mes{width:90%}#mainPage .area3 .inner-section-wrap .areaInner2{background-size:cover}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:80%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product{top:45%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line1:after{left:-10px;top:-6px}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{top:17%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dt{width:120%}#mainPage .area5 .areaC p.normal{bottom:12.5%;width:78%;left:11%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:40%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes dt{width:120%}#mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes{width:40%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:50%;left:3%;top:15%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{width:72%;left:14%}#mainPage .area8{background-size:auto 78%;background-position:50% 42%}#mainPage .area8 .areaC .mes{width:70%;left:15%}#mainPage .area9 .areaL_9 .mes{width:88%;left:6%}#mainPage .area9 .areaC .mes dd{padding-top:2%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{width:50%;top:14%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes{width:28%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{width:70%;left:15%}#mainPage .area10 .areaC .posPic.pos1{top:35%}#mainPage .area10 .areaC .posPic.pos2{top:37%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .product{bottom:6%}#mainPage .area11 .remarks{font-size:20px}#mainPage .area11 .remarks-list{font-size:18px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_num{font-size:114px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_code{font-size:64px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .pos .textImg{width:310px;top:-14%;right:30%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{bottom:4%;width:60%;left:20%}#mainPage .areas .areaC .mes .area_icon{width:92%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:70%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:49%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{bottom:-24%}#mainPage .area7 .inner-section-wrap .areaInner2 .product{border-radius:11%;-webkit-box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 3px 5px rgba(0,0,0,.5) inset;-moz-box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 5px 5px rgba(0,0,0,.5) inset;box-shadow:0 0 0 2000px rgba(0,0,0,.5),0 0 5px 5px rgba(0,0,0,.5) inset;top:5.5%}#mainPage .area3 .inner-section-wrap .areaInner7 .mes{width:80%}#mainPage .area3 .inner-section-wrap .areaInner7 .product{bottom:-20%}#mainPage .area8 .areaC p.normal{width:90%;bottom:0;left:5%}#mainPage .area8 .areaC p.normal .h-hidden-xs{display:none!important}#mainPage .area10 .areaC p.normal{width:80%;left:10%;bottom:12%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes{width:80%;left:10%;top:10%}#mainPage .area7 .inner-section-wrap .areaInner3{background-image:url(../img/screen7_inner/page3/3x5k.jpg)}#mainPage .area10 .full_width{background-image:url(../img/screen10/bgx5.jpg);background-size:100%}}@media (min-width:2880px){.area_banner .swiper_div .swiper-container{height:910px}html{font-size:21px!important}#mainPage .area3 .areaL_3 .mes dt{width:480px}#mainPage .area8 .areaC p.normal{width:80%;left:10%}#mainPage .area3 .inner-section-wrap .full_b{width:194px}#mainPage .area3 .inner-section-wrap .areaInner1 .mes{width:90%}#mainPage .area3 .inner-section-wrap .areaInner2{background-size:cover}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{width:80%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product{top:45%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line1:after{left:-10px;top:-6px}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{top:17%}#mainPage .area3 .inner-section-wrap .areaInner7 .mes{width:51%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes dt{width:120%}#mainPage .area5 .areaC p.normal{bottom:12.5%;width:78%;left:11%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{width:40%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes dt{width:120%}#mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes{width:40%}#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:50%;left:3%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{width:72%;left:14%}#mainPage .area8{background-position:50% 62%}#mainPage .area8 .areaC .mes{width:70%;left:15%}#mainPage .area9 .areaL_9 .mes{width:88%;left:6%}#mainPage .area9 .areaC .mes dd{padding-top:2%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{width:50%;top:14%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes{width:70%;left:15%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .mes{width:25%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes{width:70%;left:15%}#mainPage .area10 .areaC .posPic{top:36%}#mainPage .area10 .areaC p.normal{bottom:15%;width:61%;left:19.5%}#mainPage .area11 .remarks{font-size:20px}#mainPage .area11 .remarks-list{font-size:18px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_num{font-size:114px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .pos .textImg .percent_code{font-size:64px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .pos .textImg{width:310px;top:-14%;right:30%}#mainPage .area7 .inner-section-wrap .areaInner2 .product{top:8.5%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{bottom:4%;width:60%;left:20%}#mainPage .areas .areaC .mes .area_icon{width:92%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:80%;left:50%}#mainPage .area3 .areaL_3 .mes dd{padding-top:42%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{bottom:-22%}}@media (min-width:3000px){#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{bottom:-24%}#mainPage .area7 .inner-section-wrap .areaInner2 .product{top:5.5%}#mainPage .area3 .inner-section-wrap .areaInner7 .mes{width:80%}#mainPage .area3 .inner-section-wrap .areaInner7 .product{bottom:-20%}#mainPage .area8 .areaC p.normal{width:90%;bottom:0;left:5%}#mainPage .area8 .areaC p.normal .h-hidden-xs{display:none!important}#mainPage .area8{background-position:50% 42%}#mainPage .area10 .areaC p.normal{width:80%;left:10%;bottom:12%}#mainPage .area10 .areaC .posPic{top:38%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes{width:80%;left:10%;top:10%}#mainPage .area7 .inner-section-wrap .areaInner3{height:1200px}#mainPage .area10 .areaL_10.ag-container{min-height:1300px}}@media screen and (max-width:640px){.h-xs-inline-block{display:inline-block!important}#mainPage .area1 .container .kv_wrap .kv_mb{display:block}#head .headC .phoneHeadTop,#mainPage .area1 .container .kv_wrap .kv_pc,#mainPage .area1 .container .kv_wrap .kv_tab{display:none}#head .headC .pc_logo .buy_now_btn_mb{font-size:12px;height:24px;background:#0098e8;padding-left:10px;padding-right:10px;border-radius:20px;color:#fff;line-height:24px}#head .headC .pc_logo .btmIco{margin:0 0 0 -31px;display:block}#mainPage .areas .areaC .mes b{font-size:26px}#mainPage .area2 .areaC .mes b,#mainPage .area4 .areaC .mes b{font-weight:400}#mainPage .area1{padding-top:40px}#videoPop .inset{left:0;top:30%;width:100%;margin-left:0;margin-top:0}#videoPop .inset .closeBtn{right:0;top:-35px}#head{position:fixed}#mainPage{padding-top:41px}#head .headC{width:100%;height:auto}#head .headC .pc_logo{float:none;height:20px;padding:10px 15px;margin-top:0;margin-left:0;background:#FFF}#head .headC .menu{float:none;margin-right:0;margin-bottom:0}#head .headC .menu li{float:none;margin:0;padding:0;border-top:1px #ececec solid}#head .headC .menu li a{height:28px;padding:15px;line-height:28px;background:#f6f7f9}#mainPage .area1 .areaC,#mainPage .areaVideo .areaC{height:auto}#head .headC .menu li a .icos{margin-top:4px}#head .headC .pc_logo .buy_now_btn_mb{position:absolute;right:43px;top:8px}#mainPage .areas .areaC{width:100%}.h-hidden-xs{display:none!important}.h-visible-xs-block{display:block!important}.xing{display:none!important}.h-xs-block{display:block!important}.h-sm-block{display:inline-block!important}.position-relative-left-12{position:relative;left:-5px}.pc_icon{display:none}#mainPage .areas .areaC .mes dd span,#mainPage .picMB,.mb_icon{display:block}#mainPage dl{margin-bottom:0}#mainPage .areas .areaC .mes dt{font-size:30px;width:100%}#mainPage .areas .areaC .mes dt span{font-size:21px}#mainPage .areas .areaC p{font-size:16px;line-height:1.7em}#mainPage .areas .areaC p.sm{font-size:12px}#mainPage .areas .areaC .mes .openBtn{font-size:18px;padding-right:0}#mainPage .areas .areaC .mes dt b{line-height:1.3em;padding-bottom:10px}#mainPage .areas .areaC .half_top{top:-9px}#mainPage .picPC{display:none}#mainPage .areas .areaC sub.s,#mainPage .areas .areaC sup.s{font-size:100%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);left:-2px;top:-4px}#mainPage .areas .areaC sub.b{bottom:-3px;left:-5px}#mainPage section.root-section button.section-btn span.label{font-size:1.5rem}#mainPage .area1 .areaC .holdBox{position:relative;z-index:2;margin-top:6%}#mainPage .area1 .areaC .holdBox>img{width:120%}#mainPage .area1 .areaC .holdBox .holdBoxPic{display:block}#mainPage .area1 .areaC .tit1{position:static;width:77.4%;margin-left:11.3%;padding-top:20%}#mainPage .area1 .areaC .tit2{position:absolute;width:35.9%;left:20%;bottom:13.8%;top:inherit}#mainPage .area1 .areaC .tit1>img{width:100%}#mainPage .area1 .areaC .pos2{right:0;top:inherit;bottom:30.3%;width:100%}#mainPage .areaVideo{background:#fff}#mainPage .areaVideo .areaC .mes{position:absolute;left:0;width:100%;margin:0 auto;opacity:1;filter:alpha(opacity=100);text-align:center}#mainPage .areaVideo .areaC .playIcon{width:50px}#mainPage .areaVideo .areaC .mes dd span{display:inline}#mainPage .areaVideo .areaC .video-con{position:relative}#mainPage .areaVideo .areaC .video-con .video-hold{display:block}#mainPage .areaVideo .areaC .video-con .video{position:absolute;top:0}#mainPage .area2 .areaC .video-con{background-image:url(../img/screen2/bg.jpg)}#mainPage .area4 .areaC .video-con{background-image:url(../img/screen4/bg.jpg)}#mainPage .area3 .areaWidth{background:url(../img/screen3/bg_mb.jpg) top center no-repeat #000;background-size:contain}.mainPage .area3 .areaC .ban .btns a{border-color:#f6f7f9}#mainPage .area3 .areaC{height:auto;padding-bottom:20%}#mainPage .area3 .areaC .mes,#mainPage .area3 .areaL_3 .mes{padding-bottom:5%;text-align:center;margin:0 auto;position:relative}#mainPage .area3 .areaC .mes{left:auto;width:90%;padding-top:17%}#mainPage .area3 .areaL_3 .mes{padding-top:15%}#mainPage .area3 .areaC .mes dd{padding-top:132%;padding-bottom:12%}#mainPage .area3 .areaC .mes dd span{display:inline}#mainPage .area3 .areaL_3 .mes dt{width:314px}#mainPage .area3 .areaL_3 .mes p.normal{width:90%;margin:0 auto}#mainPage .area3 .areaC .ban{position:relative}#mainPage .area3 .areaC .ban .btns{top:0}#mainPage .area3 .areaC .ban .btns a{width:30px;height:30px;margin:0 10px}#mainPage .area3 .areaC .ban .banHold{display:block;width:100%}#mainPage .area3 .areaC .pos1{left:5%;top:inherit;bottom:-45%;width:90%}#mainPage .area3 .areaC .pos2{left:120%;top:inherit;bottom:40%;width:52%}#mainPage .area3 .areaC .phones{display:none}#mainPage .area3 .areaC .phones_mb{display:block}.mainPage .area3 .areaC .phones_mb{position:absolute;top:15%;width:51%;max-width:687px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area3 .areaC .phones_mb img{position:absolute;top:0;left:0;width:100%}.mainPage .area3 .areaC .phones_mb .old{z-index:3}.mainPage .area3 .areaC .phones_mb .new{position:relative;z-index:2}.mainPage .area3 .areaC .phones_mb .phone_model{top:50%;right:-38%;left:initial;width:27%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}#mainPage .area3 .inner-section-wrap .areaC .mes,#mainPage .area7 .areaC .mes{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.mainPage .area3 .areaC.active .phones_mb .phone_model{opacity:1;transition:opacity 1s 1.6s}#mainPage .area3 .mask{position:absolute;top:4.94%;left:2.41%;width:92.94%;height:89.95%}#mainPage .area3 .mask .bg-img .bg{position:absolute;top:0;left:0;background:url(../img/screen3/bg_mb.jpg) top center no-repeat;background-size:contain}#mainPage .area3 .inner-section-wrap .areaC .mes{padding-top:30%;padding-bottom:60%}#mainPage .area3 .inner-section-wrap .areaC .mes b{text-align:left}#mainPage .area3 .inner-section-wrap .areaC .mes dd{text-align:left;padding-top:2%}#mainPage .area3 .inner-section-wrap .areaC .mes dd p{text-align:left;color:#d6d6d6}#mainPage .area3 .inner-section-wrap .areaInner1 .product{position:relative;width:120%;left:7%}#mainPage .area3 .inner-section-wrap .areaC .mes{width:90%;transform:translateX(0)}#mainPage .area3 .inner-section-wrap .areaInner1 .areaC{padding-bottom:7%}#mainPage .area3 .inner-section-wrap .areaInner1 .areaC .mes{padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos{text-align:center;position:absolute;width:40%;top:21%}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos1{left:5%;right:initial}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos2{right:5%;left:initial}#mainPage .area3 .inner-section-wrap .areaInner2 .product .pos p{padding-top:17%;font-size:16px}#mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes{padding-top:8%;padding-bottom:100%;text-align:center}#mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes b{text-align:center}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos{text-align:center;position:absolute;width:90%}.mainPage .area3 .inner-section-wrap .areaInner3 .product .pos .img-shadow{display:none}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos1{left:5%;top:16%;right:initial}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos2{left:5%;top:58%;right:initial}#mainPage .area3 .inner-section-wrap .areaInner3 .product .pos p{padding-top:7%;color:#000;font-size:16px}#mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes{padding-top:8%;padding-bottom:120%;text-align:center}#mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes b{text-align:center}#mainPage .area3 .inner-section-wrap .areaInner4{background:#fff}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos{text-align:center;position:absolute;width:40%;top:21%}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos1{left:5%;right:initial}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos2{right:5%;left:initial}#mainPage .area3 .inner-section-wrap .areaInner4 .product .pos p{padding-top:17%;font-size:16px}#mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes{padding-top:8%;padding-bottom:100%;text-align:center}#mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes b{text-align:center}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dd p,#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes dt b,#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes dd p,#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes dt b,#mainPage .area9 .areaC .mes{text-align:left}#mainPage .area3 .inner-section-wrap .areaInner2 .areaC .mes b,#mainPage .area3 .inner-section-wrap .areaInner3 .areaC .mes b,#mainPage .area3 .inner-section-wrap .areaInner4 .areaC .mes b{color:#000}#mainPage .area3 .inner-section-wrap .areaInner5{background-color:#121212;color:#fff}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC{max-width:100%;padding-bottom:10%}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC{padding-bottom:20%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .mes{width:90%;left:auto;padding-top:8%;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .mes dd{padding-top:46%;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product .pos .textImg{position:absolute;width:26%;left:37%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .textImg .percent_num{font-size:8vw}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC.active .product1 .pos .textImg .percent_code{font-size:4.4vw}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1{width:90%;top:33%}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2{width:90%;left:initial;right:28%;top:63%}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2{width:90%;left:initial;right:28%;top:47px;position:relative}#mainPage .area3 .inner-section-wrap .areaInner6{background:url(../img/screen3_inner/page6/bg_mb.jpg) top center no-repeat #121212;background-size:contain}#ainPage .area3 .inner-section-wrap .areaInner6 .areaC{padding-bottom:12%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC{padding-bottom:8%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes{padding-top:8%;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes dd{padding-top:148%;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product{top:33%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .pos1{width:67%;left:initial;bottom:initial;right:-10.5%;top:83%;z-index:6}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .pos2{width:67%;right:initial;bottom:initial;left:-16%;top:-99%;z-index:4}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .product .game_fun_wrap{width:80%}#mainPage .area3 .inner-section-wrap .areaInner7 .mes dd p{color:#fff}#mainPage .area3 .inner-section-wrap .areaInner7{background:#121212}#mainPage .area3 .inner-section-wrap .areaInner7 .mes{color:#fff;padding-top:70%;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner7 .mes dd{color:#fff;padding-top:0;padding-bottom:0}#mainPage .area3 .inner-section-wrap .areaInner7 .product{position:absolute;width:100%;left:0;top:0;bottom:inherit}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line{border-radius:5px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line1:after{content:'';width:10px;height:10px;background:url(../img/screen3_inner/page5/arrow-left.png) no-repeat;background-size:contain;display:block;position:absolute;left:-4.5px;top:-3.8px}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product1 .product-line .line2:after{content:'';width:10px;height:10px;background:url(../img/screen3_inner/page5/arrow-left.png) no-repeat;transform:rotate(174deg);background-size:contain;display:block;position:absolute;right:-4px;top:-4.3px}#mainPage .area3 .inner-section-wrap .areaInner5_2 .areaC .product2 .pos .textImg{width:27%;top:-14.5%;right:27%;left:initial}#mainPage .area3 .inner-section-wrap .areaInner5 .areaC .product2 .product-arrow .arrow1{top:-4.5%}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes dd p.sm{padding-left:12px}#mainPage .area3 .inner-section-wrap .areaInner6 .areaC .mes dd p.sm:before{content:'*';position:absolute;width:12px;height:12px;left:0}#mainPage .area6,#mainPage .area7 .inner-section-wrap .areaInner3Slider{padding:6% 0}.area_banner{height:auto}.area_banner .swiper_div .swiper-container{padding:0;height:210px}.area_banner .swiper_div .swiper_content{width:100%}.area_banner .swiper_div .swiper_btn{width:13%}.area_banner .swiper_div .swiper_btn.right{right:1%}.area_banner .swiper_div .swiper_btn.left{left:1%}.area_banner .swiper_div .swiper-wrapper{margin:0}.area_banner .swiper_div .swiper-wrapper .swiper-slide{width:16.66%;margin:0;height:auto}.area_banner .swiper_div .swiper_content .text{height:100%}.area_banner .swiper_div .swiper_content .text .text_des{position:static;width:100%;height:auto;right:0}.area_banner .swiper_div .swiper_content .text img.word{position:static;width:300px;margin:100px auto 0;display:block}.area_banner .swiper_div .swiper_content .text .uList_wrap{padding:0;width:100%}.area_banner .swiper_div .swiper_content .text .uList{position:static;width:75%;margin:20px auto}.area_banner .swiper_div .swiper_content .phone{width:320px;left:0;right:0;margin:0 auto;top:260px}.area_banner .swiper_div .swiper_content .text .btnRadius{position:static;margin:315px 0 0 35%}#mainPage .area5 .areaC .mes{position:relative;width:90%;left:5%;padding-top:10%;padding-bottom:10%;overflow:hidden}#mainPage .area5 .areaC .phone{position:relative;width:80%;left:7%;top:20px}#mainPage .area5 .areaC p.normal{position:relative;width:90%;left:5%;padding-bottom:40%;margin-bottom:0}#mainPage .area5 .areaL_5 p.normal{padding-bottom:35%}#mainPage .area5 .inner-section-wrap .areaInner1 .areaC .mes{position:relative;padding-top:30%;width:90%;left:5%}#mainPage .area5 .inner-section-wrap .areaInner1 .product{position:relative;width:106%;left:23%}#mainPage .area5 .inner-section-wrap .areaInner2 .areaC .mes,#mainPage .area5 .inner-section-wrap .areaInner3 .areaC .mes{width:90%;left:5%;position:relative}#mainPage .area5 .inner-section-wrap .areaInner2 .product{position:relative;top:-7px;padding-bottom:10%;width:90%;left:5%}#mainPage .area5 .inner-section-wrap .areaInner3{background:url(../img/screen5_inner/bg3_mb.jpg) bottom center no-repeat #fff;background-size:contain}#mainPage .area5 .inner-section-wrap .areaInner3 .product{position:relative;top:7px;width:136%;left:-44%;padding-bottom:16%}#mainPage .area5 .inner-section-wrap .areaInner4{background:#fff}#mainPage .area5 .inner-section-wrap .areaInner4 img{width:100%;height:auto}#mainPage .area5 .inner-section-wrap .areaInner4 .areaC .mes{position:relative;width:90%;left:5%}#mainPage .area5 .inner-section-wrap .areaInner4 .product{position:relative;width:80%;left:10%}#mainPage .area6 .areaC .mes,#mainPage .area7 .areaC .mes{width:90%;position:relative;margin:0 auto;text-align:left}#mainPage .area6{background:#0f0f0f}#mainPage .area6 .areaC{height:auto;padding-bottom:100%}#mainPage .area6 .areaC .mes{left:auto;right:inherit;padding-top:10%;padding-bottom:10%}#mainPage .area6 .areaC .mes dd{padding-top:2%;color:#000}#mainPage .area6 .areaC .mes dd .sm{font-size:12px}#mainPage .foweverGo .areaL_7 .phone .finger{left:22%;bottom:-40%}#mainPage .area7 .areaC{height:auto;padding-bottom:5%}#mainPage .area7 .areaC .mes{left:auto;right:auto;top:auto;padding-top:10%;padding-bottom:5%;transform:translateX(0)}#mainPage .area7 .areaC .mes dd{padding-top:4%;color:#000}#mainPage .area7 .inner-section-wrap .areaC .mes dd p,#mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes b{color:#fff}#mainPage .area7 .phoneOut{position:relative;width:100%}#mainPage .area7 .phoneOut .phoneOutHold{display:block;width:145%}#mainPage .area7 .areaC .posPic{width:90%;bottom:-12%;left:5%}#mainPage .area7 .areaC .posPic img{display:block;width:100%}#mainPage .pageViewAc .areaL_7 .pos1{right:0;bottom:-81%;filter:alpha(opacity=100);opacity:1;z-index:3}#mainPage .area7 .areaInner3 .areaC{height:auto;padding-bottom:0}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .mes{padding-top:30%;padding-bottom:85%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone{left:-6%;bottom:-23.5%;width:232%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul{position:absolute;z-index:3;display:block;left:11%;bottom:76.8%;width:26%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .holdBox,#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul li img{display:block;width:100%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .posPic{position:absolute;display:block;width:100%;filter:alpha(opacity=0);opacity:0}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos1{left:27%;top:70%;z-index:1;width:52%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos2{left:32%;top:70%;z-index:2;width:45%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos3{left:35%;top:70%;z-index:3;width:39%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos4{left:36%;top:70%;z-index:4;width:36%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos5{left:38%;top:70%;z-index:5;width:32%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos6{left:36%;top:70%;z-index:6;width:36%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC .phone ul .pos7{left:27%;top:70%;z-index:7;width:55%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos1{left:27%;top:60%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos2{left:32%;top:42%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos3{left:35%;top:26%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos4{left:36%;top:11%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos5{left:38%;top:-1%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos6{left:36%;top:-15%}#mainPage .area7 .inner-section-wrap .areaInner1 .areaC.active .phone ul .pos7{left:27%;top:-31%}#mainPage .area7 .inner-section-wrap .areaInner2{background:url(../img/screen7_inner/page2/bg_mb.jpg) top center no-repeat #000;background-size:contain}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .mes{padding-top:25%}#mainPage .area7 .inner-section-wrap .areaInner2 .areaC .product{position:relative;top:55px;width:48%;left:26%}#mainPage .area7 .inner-section-wrap .areaInner3{background:#121212}#mainPage .area7 .inner-section-wrap .areaInner3 img{width:100%;height:auto}#mainPage .area7 .inner-section-wrap .areaInner3 .areaC .mes{position:relative;width:90%;left:inherit}#mainPage .area7 .inner-section-wrap .areaInner3 .product{position:relative;width:80%;left:10%}#mainPage .area8{background-size:210%;background-position:center 21%}#mainPage .area8 .areaC{height:auto;padding-bottom:12%;position:relative}#mainPage .area8 .areaC .mes{position:static;left:2.5%;width:95%;margin:0 auto;padding-top:12%;padding-bottom:5%}#mainPage .area8 .areaC .mes dt{line-height:1.2em}#mainPage .area8 .areaC .mes dt span{line-height:1.5em}#mainPage .area8 .areaC .mes dd{padding-top:4%;color:#fff}#mainPage .area8 .areaC .mes dd .sm{font-size:12px;bottom:2%;z-index:100;line-height:1.2}#mainPage .area8 .areaC .phone{position:relative;right:auto;width:60%;margin:10% auto 0}#mainPage .area8 .areaC .btmBtn p{font-size:14px}#mainPage .area8 .areaC .btmBtn .btn{width:10px;height:10px;padding:5px}#mainPage .area8 .areaC .phone .finger{left:9%;bottom:-12%;width:40%}#mainPage .area8 .areaC p.normal{position:relative;width:90%;left:5%;padding-top:82%}#mainPage .foweverGo .areaC_8 .phone .finger{left:15%;bottom:-20%}#mainPage .area9 .areaC{height:auto}#mainPage .area9 .areaC .mes{position:relative;left:auto;width:90%;margin:0 auto;padding-top:12%;padding-bottom:5%}#mainPage .area9 .areaC .mes dd{padding-top:110%}#mainPage .area9 .areaC .mes dd p{padding-bottom:4%}#mainPage .area9 .areaC .mes .lists{width:90%;padding:0}#mainPage .area9 .areaC .phoneOut{position:absolute;z-index:1;top:7%;width:100%;padding-bottom:0}#mainPage .area9 .areaC .circle{position:absolute;top:29%}#mainPage .area9 .areaC .phoneOut .phoneOutImg{display:block;width:100%}#mainPage .area9 .areaC .posPic{width:116%}#mainPage .area9 .areaC .pos1{left:5%;top:28%;width:90%}#mainPage .area9 .areaC .pos2{left:35%;top:21%}#mainPage .area9 .areaC .pos2 img{width:61%}#mainPage .area10{background:url(../img/screen10/bg_mb.jpg) center top no-repeat #000;background-size:100%}#mainPage .area10 .phoneOut .phoneOutHold{display:block;width:100%;padding-bottom:62%}#mainPage .area10 .areaC .mes{width:80%;left:10%;padding-top:12%;position:relative}#mainPage .area10 .areaL_10 .mes{padding-top:12%;position:relative}#mainPage .area10 .areaC p.normal{position:relative;width:90%;left:5%;padding-bottom:39%;margin-bottom:0}#mainPage .area10 .areaC .posPic.pos1{width:50.8%;left:9.4%;top:24.2%}#mainPage .area10 .areaC .posPic.pos2{width:45.5%;right:15.6%;top:28.2%}#mainPage .pageViewAc .areaL_10 .pos1{right:0}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes{padding-top:30%;padding-bottom:8%;width:90%;left:5%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes dd:nth-last-child(2){padding-top:124%}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .product{width:48%;right:26%;top:36.5%;bottom:initial}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes .lists{text-align:center}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_mb .mes dd p,#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_mb .mes dd p,#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_pc .mes dt{text-align:left}#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .mes .lists li{width:13%;margin-right:1%;margin-left:1%}#mainPage .area10 .inner-section-wrap .areaInner2{background:#000}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_pc{position:relative;overflow:hidden}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_pc>img{width:100%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .product{width:90%;left:5%;bottom:-7%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_pc .mes{position:absolute}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_mb .mes{width:90%;left:5%;padding-top:8%;padding-bottom:8%}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .area_mb .mes dd{padding-top:0}#mainPage .area10 .inner-section-wrap .areaInner2 .areaC .mes dd p.sm:before{content:'*';position:absolute;width:12px;height:12px;left:0}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC{background:0 0}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .mes{position:absolute;width:90%;left:5%;top:0;padding-top:8%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .product{position:relative}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_pc .pos1{right:17%;bottom:-2%}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_mb{background:#fff}#mainPage .area10 .inner-section-wrap .areaInner3 .areaC .area_mb .mes{position:relative;width:90%;left:5%;padding:8% 0}#mainPage .area10 .inner-section-wrap .areas .areaC .area_mb .mes dl{margin-bottom:0}#mainPage .area10 .full_width{background:0 0}#mainPage .area11 .areaC{width:90%}#mainPage .area11 .remarks-list{padding-left:5%}#mainPage .area10 .inner-section-wrap .areaInner4{background:#000}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_pc{position:relative;overflow:hidden}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_pc>img{width:100%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .product{width:78%;left:11%;bottom:13%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_pc .mes{position:absolute}.mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes .tit1{font-weight:400;font-size:20px}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_mb .mes{width:90%;left:5%;padding-top:0;padding-bottom:8%;margin-top:-4%}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .area_mb .mes dd{padding-top:0}#mainPage .area10 .inner-section-wrap .areaInner4 .areaC .mes dd p.sm:before{content:'*';position:absolute;width:12px;height:12px;left:0}@keyframes handAni{0%{left:43%;opacity:0}50%{left:43%;opacity:1}100%{left:54%;opacity:1}}@-webkit-keyframes handAni{0%{left:43%;opacity:0}50%{left:43%;opacity:1}100%{left:54%;opacity:1}}@-ms-keyframes handAni{0%,50%{left:43%}100%,50%{opacity:1}0%{opacity:0}100%{left:54%}}@-o-keyframes handAni{0%{left:43%;opacity:0}50%{left:43%;opacity:1}100%{left:54%;opacity:1}}@-moz-keyframes handAni{0%{left:43%;opacity:0}50%{left:43%;opacity:1}100%{left:54%;opacity:1}}#mainPage .myBanner{display:block;border-top:1px #ccc solid}#mainPage .myBanner .spWin .spBpx li img{width:100%;height:auto}#mainPage .myBanner .ctrBtns{width:30px;height:60px;margin-top:-30px}#mainPage .myBanner .btmBtn{bottom:10px}#btmDataArea{display:block;background:#FFF}#btmDataArea .btnTop{padding:20px 0 30px}#mainPage .return_top_box{display:block}.oVivo_icon_wrap .content{border-top:1px solid #D4D4D4}#mainPage .areas .areaC .mes .area_icon{width:80%;padding-bottom:5%}#mainPage .area10 .areaL_10 .mes,#mainPage .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes,#mainPage .area8 .areaL_8 .mes{width:100%;left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}#mainPage .area3 .areaL_3 .mes dd{padding-top:132%}}@media (min-width:340px) and (max-width:400px){#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .product{top:39%}}@media (max-width:400px){#mainPage .area3 .inner-section-wrap .areaInner1 .mes dd p{padding-right:5px}#mainPage .area8{background-position:center 16%}}@media (max-width:360px){.area_banner .swiper_div .swiper-container{height:204px}}@media (max-width:340px){#mainPage .area10 .inner-section-wrap .areaInner1 .areaC .product{top:41%}#mainPage .area9 .areaC .circle{top:24%}}@media (max-width:320px){.area_banner .swiper_div .swiper-container{height:180px}}#airbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#airbox em.loading{width:55px;height:55px;line-height:55px;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(images/loading-ico.gif) no-repeat;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;display:none}#airbox .popup-page{width:100%;height:100%;overflow:hidden;color:#666;z-index:2;position:relative;display:none;-webkit-perspective:2000;-moz-perspective:2000;-ms-perspective:2000;perspective:2000;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.popup_page_mark{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5}#airbox .popup-inner{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0;visibility1:hidden;-ms-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-moz-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-ms-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-ms-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}#airbox .popup-page.open .popup-inner{opacity:1;visibility1:visible;-webkit-transform:scale(1) rotate3d(0,-1,0 ,0deg);-moz-transform:scale(1) rotate3d(0,-1,0 ,0deg);-ms-transform:scale(1) rotate3d(0,-1,0 ,0deg);transform:scale(1) rotate3d(0,-1,0 ,0deg)}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#FFF;color:#444;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif) center center no-repeat}.fancybox-close{background-image:url(../img/btn_x.jpg);top:0;right:0;width:31px;height:31px}.fancybox-nav{top:0;width:40%;height:100%;background:url(../img/blank.gif)}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8000;background:url(../img/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:hidden}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite_2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../img/fancybox_loading_2x.gif);background-size:24px 24px}}