@charset "utf-8";.clear,body,dd,dl,dt,h5,h6,input,li,p,ul{padding:0;margin:0}*,a,img{-webkit-tap-highlight-color:transparent}@font-face{font-family:'Myriad Pro';src:url(font/MYRIADPRO-LIGHTSEMIEXT_0.otf);font-style:normal;font-weight:200}.__uimix_wrapper *{font-family:"Myriad Pro"}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}a{text-decoration:none}.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}}.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)}.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:24px}.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: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%}#mainPage .hold{display:block;width:100%}#mainPage .areas{position:relative;z-index:1}.mainPage .areas .areaC{position:relative;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 .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}#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-color:#fff;padding-top:0}.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 img{display:block;width:100%}.mainPage .area1 .areaC .pos1{z-index:2;left:10.19%;top:50%;width:62.25%}.mainPage .area1 .areaC .pos2{z-index:3;left:24.24%;top:41%;width:65%}.mainPage .area1 .areaC .pos1 .front-shadow{position:absolute;top:0;left:0}.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:41.35%;top:16%;width:31%}.mainPage .areas{border:none!important}.mainPage .areas .areaC .mes{position:absolute}.mainPage .areas .areaC .mes dt,.modal-wrap .modal-inner .mes dt{font-family:AvenirNextLTPro-Demi,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;line-height:1.5em;text-align:center;font-size:3.8rem}.mainPage .areas .areaC .mes dt span,.modal-wrap .modal-inner .mes dt span{display:block;line-height:1.4em;font-size:2.56rem}.mainPage .areas .areaC .mes dd p,.modal-wrap .modal-inner .mes dd p{line-height:1.5em;font-size:1.4rem;text-align:center}.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:#fff}.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!important}#mainPage .picPC{display:block!important}.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 .mes dd span{display:block}.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:0;margin-left:50%;transform:translateX(-50%)}.mainPage .area3 .areaL_3 .mes dt,.modal-wrap .modal-inner .mes{margin:0 auto}.mainPage .areas .areaC .mes .area_icon img{width:100%}@media (min-width:768px){.mainPage .area2 .areaC .video-con{background-image:url(../img/screen2/bg-pc.jpg);background-color:#000}.mainPage .area4 .areaC .video-con,.mainPage .area4-2 .areaC .video-con,.mainPage .area4-3 .areaC .video-con,.mainPage .area4-4 .areaC .video-con{background-image:url(../img/screen4/bg-pc.jpg);background-color:#000}.mainPage .area3 .areaC{background:url(../img/screen3/bg_1k.jpg) center center no-repeat;background-size:cover;max-width:100%}}@media (min-width:1280px){.mainPage .area3 .areaC{background:url(../img/screen3/bg_2k.jpg) center center no-repeat;background-size:cover;max-width:100%}}@media (min-width:2560px){.mainPage .area3 .areaC{background:url(../img/screen3/bg.jpg) center center no-repeat;background-size:cover;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 .mes dd{color:#fff;text-align:center}.mainPage .area3 .areaL_3 .mes dd{padding-top:2%}.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:47%;width:51.1%;max-width:928px;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 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:auto;width:8%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.mainPage .area3 .mask{position:absolute;top:4.41%;height:92.94%;left:1.94%;width:93.96%}.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}@media (min-width:768px){.mainPage .area3 .mask .bg-img .bg{background:url(../img/screen3/bg_1k.jpg) center center no-repeat;background-size:cover}}@media (min-width:1280px){.mainPage .area3 .mask .bg-img .bg{background:url(../img/screen3/bg_2k.jpg) center center no-repeat;background-size:cover}}@media (min-width:2560px){.mainPage .area3 .mask .bg-img .bg{background:url(../img/screen3/bg.jpg) center center no-repeat;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 .modal-wrap .modal-inner{padding-top:0;background-color:#4ea4bd}.modal-wrap .modal-inner .mes dd p,.modal-wrap .modal-inner .mes dt{text-align:center}.modal-wrap .modal-inner .pics{position:absolute;display:block}.modal-wrap .modal-inner .pics img{display:block;width:100%}.mainPage .modal-wrap .modal-inner3{background-color:#2161a9}.mainPage .modal-inner3 .areaInner1 .areaC{background-color:#1c3469}@media (min-width:768px){.mainPage .modal-inner3 .areaInner1 .areaC{background-image:url(../img/screenInner3/bg1_1k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:1280px){.mainPage .modal-inner3 .areaInner1 .areaC{background-image:url(../img/screenInner3/bg1_2k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:2560px){.mainPage .modal-inner3 .areaInner1 .areaC{background-image:url(../img/screenInner3/bg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}.mainPage .modal-inner3 .areaInner1 .areaC .mes{position:absolute;left:24.2%;top:5%;z-index:6;width:51.64%;color:#fff}.mainPage .modal-inner3 .areaInner1 .areaC .mes dt{text-align:center}.mainPage .modal-inner3 .areaInner1 .areaC .mes dd{padding-top:2%;color:#fff}.mainPage .modal-inner3 .areaInner1 .areaC .mes dd span{display:block}.mainPage .modal-inner3 .areaInner1 .areaC .mes dd p{text-align:center}.mainPage .modal-inner3 .areaInner1 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .modal-inner3 .areaInner1 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .modal-inner3 .areaInner1 .areaC .posPic{position:absolute;display:block}.mainPage .modal-inner3 .areaInner1 .areaC .posPic img{display:block;width:100%}.mainPage .modal-inner3 .areaInner1 .areaC .pos1{z-index:2;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:24%;width:17.68%}.mainPage .modal-inner3 .areaInner2 .areaC{background-color:#081024;max-width:100%}@media (min-width:768px){.mainPage .modal-inner3 .areaInner2 .areaC{background-image:url(../img/screenInner3/bg2_1k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:1280px){.mainPage .modal-inner3 .areaInner2 .areaC{background-image:url(../img/screenInner3/bg2_2k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:2560px){.mainPage .modal-inner3 .areaInner2 .areaC{background-image:url(../img/screenInner3/bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}.mainPage .modal-inner3 .areaInner2 .areaC .mes{width:55%;top:7%;left:50%;color:#fff;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%)}.mainPage .modal-inner3 .areaInner2 .areaC .mes dd p{color:#fff}.mainPage .modal-inner3 .areaInner2 .areaC .product{text-align:center;position:absolute}.mainPage .modal-inner3 .areaInner2 .areaC .product .explain{padding-top:20px;color:#fff;font-size:1.4rem}.mainPage .modal-inner3 .areaInner2 .areaC .product .pos img{width:100%;display:block;position:relative}.mainPage .modal-inner3 .areaInner2 .areaC .product .pos .textImg{position:absolute;top:43%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .modal-inner3 .areaInner2 .areaC.active .product .pos .textImg{text-align:center}.mainPage .modal-inner3 .areaInner3 .areaC .mes dd p,.mainPage .modal-inner3 .areaInner3 .areaC .mes dt{text-align:left}.mainPage .modal-inner3 .areaInner2 .areaC.active .product .pos .textImg .percent_num{font-size:4.5vw;line-height:1;font-weight:700;color:#fff}.mainPage .modal-inner3 .areaInner2 .areaC .product .pos .corner-mark{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.mainPage .modal-inner3 .areaInner2 .areaC.active .product .pos .corner-mark{opacity:1;filter:alpha(opacity=100)}.mainPage .modal-inner3 .areaInner2 .areaC .product .pos{position:relative}.mainPage .modal-inner3 .areaInner2 .areaC .product1{width:15%;left:31.8%;top:27%;max-width:1438px}.mainPage .modal-inner3 .areaInner2 .areaC .product2{width:15%;left:52.9%;top:27%;max-width:1438px}.mainPage .modal-inner3 .areaInner2 .areaC .product .pos .product-line{position:absolute;top:0;left:0;width:100%;height:100%}.mainPage .modal-inner3 .areaInner2 .areaC .product1 .pos .product-line .line{position:absolute;height:2px;background:linear-gradient(to right,transparent,#fff);-webkit-transform:rotate(118.3deg);-moz-transform:rotate(118.3deg);-ms-transform:rotate(118.3deg);-o-transform:rotate(118.3deg);transform:rotate(118.3deg)}.mainPage .modal-inner3 .areaInner2 .areaC .product1 .pos .product-line .line1{background:linear-gradient(to right,transparent,#fff);top:51.5%;width:2%;left:46%;opacity:0;-webkit-transition:all 1s .5s ease;transition:all 1s .5s ease}.mainPage .modal-inner3 .areaInner2 .areaC .product1 .pos .product-line .line2{background:linear-gradient(to left,transparent,#fff);left:61%;top:37.8%;width:2%;opacity:0;-webkit-transition:all 1s .5s ease;transition:all 1s .5s ease}.mainPage .modal-inner3 .areaInner2 .areaC.active .product1 .pos .product-line .line1{left:-7%;top:70%;width:68%;opacity:1}.mainPage .modal-inner3 .areaInner2 .areaC.active .product1 .pos .product-line .line2{left:39.5%;top:27.5%;width:68%;opacity:1}.mainPage .modal-inner3 .areaInner2 .areaC .product2 .pos .product-line .line{position:absolute;height:2px;background:linear-gradient(to right,transparent,#fff);-webkit-transform:rotate(114.6deg);-moz-transform:rotate(114.6deg);-ms-transform:rotate(114.6deg);-o-transform:rotate(114.6deg);transform:rotate(114.6deg)}.mainPage .modal-inner3 .areaInner2 .areaC .product2 .pos .product-line .line1{background:linear-gradient(to right,transparent,#fff);left:40%;top:56.5%;width:2%;opacity:0;-webkit-transition:all 1s .5s ease;transition:all 1s .5s ease}.mainPage .modal-inner3 .areaInner2 .areaC .product2 .pos .product-line .line2{background:linear-gradient(to left,transparent,#fff);left:60%;top:36.5%;width:2%;opacity:0;-webkit-transition:all 1s .5s ease;transition:all 1s .5s ease}.mainPage .modal-inner3 .areaInner2 .areaC.active .product2 .pos .product-line .line1{left:-17%;top:76%;width:81%;opacity:1}.mainPage .modal-inner3 .areaInner2 .areaC.active .product2 .pos .product-line .line2{left:34.8%;top:21.5%;width:81%;opacity:1}@-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 .modal-inner3 .areaInner3 .areaC{background-color:#9399b0}@media (min-width:768px){.mainPage .modal-inner3 .areaInner3 .areaC{background-image:url(../img/screenInner3/bg3_1k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:1280px){.mainPage .modal-inner3 .areaInner3 .areaC{background-image:url(../img/screenInner3/bg3_2k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:2560px){.mainPage .modal-inner3 .areaInner3 .areaC{background-image:url(../img/screenInner3/bg3.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}.mainPage .modal-inner3 .areaInner3 .areaC .mes{position:absolute;left:57.6%;bottom:35%;z-index:6;width:32.6%;color:#fff}.mainPage .modal-inner3 .areaInner3 .areaC .mes dd{padding-top:2%;color:#fff}.mainPage .modal-inner3 .areaInner3 .areaC .mes dd span{display:block}.modal-inner6 .areaInner3{width:100%;background-color:#f7f7f7}.area_banner{width:100%}.area_banner .banner{position:relative;width:100%}.area_banner .swiper_div{position:relative;width:100%;height:auto}.area_banner .swiper_div .swiper-container{width:100%;height:450px;position:relative;overflow:hidden;padding:0 15%;margin-top:3%}.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 .areaL_5{background-color:#000}@media (min-width:768px){.mainPage .area5 .areaL_5.active{background:url(../img/screen5/bg_1k.jpg) center bottom no-repeat #000;background-size:contain}}@media (min-width:1280px){.mainPage .area5 .areaL_5.active{background:url(../img/screen5/bg_2k.jpg) center bottom no-repeat #000;background-size:contain}}@media (min-width:2560px){.mainPage .area5 .areaL_5.active{background:url(../img/screen5/bg.jpg) center bottom no-repeat #000;background-size:contain}}.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 p,.mainPage .area5 .areaC .mes dt{text-align:center}.mainPage .modal-inner2 .areaInner1 .areaC .mes dd p,.mainPage .modal-inner2 .areaInner1 .areaC .mes dt,.mainPage .modal-inner2 .areaInner2 .areaC .mes dd p,.mainPage .modal-inner2 .areaInner2 .areaC .mes dt{text-align:left}.mainPage .area5 .areaC .mes dd span{display:block}@media (min-width:768px){.mainPage .modal-inner2 .areaInner1 .areaC{background-color:#4ea4bd;background-image:url(../img/screenInner-front/bg1_1k.jpg);background-repeat:no-repeat;background-position:center;background-size:contain}.mainPage .modal-inner2 .areaInner3 .areaC{padding-bottom:106px}}@media (min-width:1280px){.mainPage .modal-inner2 .areaInner1 .areaC{background-color:#a9d1dd;background-image:url(../img/screenInner-front/bg1_2k.jpg);background-repeat:no-repeat;background-position:center;background-size:contain}}@media (min-width:2560px){.mainPage .modal-inner2 .areaInner1 .areaC{background-color:#a9d1dd;background-image:url(../img/screenInner-front/bg1.jpg);background-repeat:no-repeat;background-position:center;background-size:contain}}.mainPage .modal-wrap .modal-inner2{background:#fff}.mainPage .modal-inner2 .areaInner1 .areaC .mes{position:absolute;left:64%;top:31%;z-index:6;width:26.8%;color:#000}.mainPage .modal-inner2 .areaInner1 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner2 .areaInner1 .areaC .mes dd span{display:block}.mainPage .modal-inner2 .areaInner1 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .modal-inner2 .areaInner1 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .modal-inner2 .areaInner1 .areaC .posPic{position:absolute;display:block}.mainPage .modal-inner2 .areaInner1 .areaC .posPic img{display:block;width:100%}.mainPage .modal-inner2 .areaInner1 .areaC .pos1{z-index:2;left:59.38%;bottom:0;width:26.37%}.mainPage .modal-inner2 .areaInner2 .areaC{background-color:#9ec2eb}.mainPage .modal-inner2 .areaInner2 .areaC .mes{position:absolute;left:13.86%;top:29.3%;z-index:6;width:28.6%;color:#000}.mainPage .modal-inner2 .areaInner2 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner2 .areaInner2 .areaC .mes dd span{display:block}.mainPage .modal-inner2 .areaInner3 .areaC .mes dd p,.mainPage .modal-inner2 .areaInner3 .areaC .mes dt{text-align:center}.mainPage .modal-inner2 .areaInner2 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .modal-inner2 .areaInner2 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .modal-inner2 .areaInner2 .areaC .posPic{position:absolute;display:block}.mainPage .modal-inner2 .areaInner2 .areaC .posPic img{display:block;width:100%}.mainPage .modal-inner2 .areaInner2 .areaC .pos1{z-index:2;left:0;top:0;width:100%;height:100%}.mainPage .modal-inner2 .areaInner2 .areaC .pos1 .video-con{width:100%;height:100%}.mainPage .modal-inner2 .areaInner3{background-color:#fff}.mainPage .modal-inner2 .areaInner3 .areaC .mes{position:relative;margin:4% auto 3%;z-index:6;width:38%;color:#000}.mainPage .modal-inner2 .areaInner3 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner2 .areaInner3 .areaC .mes dd span{display:block}.mainPage .modal-inner2 .areaInner3 .areaC .posPic{position:relative;display:block}.mainPage .modal-inner2 .areaInner3 .areaC .posPic img{display:block;width:100%}.mainPage .modal-inner2 .areaInner3 .areaC .pos1{z-index:2;width:100%}.mainPage .modal-inner2 .areaInner3 .areaC .self-light-word{overflow:hidden}.mainPage .modal-inner2 .areaInner3 .areaC .self-light-word li{width:33.33%;float:left;text-align:center;line-height:40px;font-size:1.4rem}.mainPage .modal-inner6 .areaInner1 .areaC .mes dd p,.mainPage .modal-inner6 .areaInner1 .areaC .mes dt,.mainPage .modal-inner6 .areaInner2 .areaC .mes dd p,.mainPage .modal-inner6 .areaInner2 .areaC .mes dt{text-align:left}.mainPage .area6{background-color:#000}.mainPage .area6 .areaC .mes{position:absolute;left:22.5%;top:5%;z-index:3;width:55%;color:#fff}.mainPage .area6 .areaC .mes dd{padding-top:3%;color:#fff}.mainPage .area6 .areaL_6 .mes{width:52%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area6 .areaC .phone{position:absolute;right:0;bottom:0;display:block;width:73.69%}.mainPage .area6 .areaC .phone .front_back .front{position:absolute!important;top:0;left:0;z-index:1}.mainPage .area6 .areaC .phone .front_back .back{position:relative;z-index:0}.mainPage .area6 .areaC .phone ul.lens1_ul{position:absolute;z-index:3;display:block;left:22.5%;bottom:67%;width:10%}.mainPage .area6 .areaC .phone ul.lens2_ul{position:absolute;z-index:3;display:block;left:22.5%;bottom:40.5%;width:10%}.mainPage .area6 .areaC .phone ul .holdBox,.mainPage .area6 .areaC .phone ul li img{display:block;width:100%}.mainPage .area6 .areaC .phone ul .posPic{position:absolute;display:block;width:100%;filter:alpha(opacity=0);opacity:0}.mainPage .area6 .areaC .phone ul .pos1{left:0;top:4%;z-index:1;width:81%}.mainPage .area6 .areaC .phone ul .pos2{left:36%;top:1%;z-index:2;width:77%}.mainPage .area6 .areaC .phone ul .pos3{left:66%;top:-6%;z-index:3;width:76%}.mainPage .area6 .areaC .phone ul .pos4{left:98%;top:-12%;z-index:4;width:76%}.mainPage .area6 .areaC .phone ul .pos5{left:130%;top:-24%;z-index:5;width:76%}.mainPage .area6 .areaC .phone ul .pos6{left:158%;top:-47%;z-index:6;width:93%}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos1{-webkit-animation:area6_pos1 .81s 1.2s ease forwards;animation:area6_pos1 .81s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos2{-webkit-animation:area6_pos2 .948s 1.2s ease forwards;animation:area6_pos2 .948s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos3{-webkit-animation:area6_pos3 1.083s 1.2s ease forwards;animation:area6_pos3 1.083s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos4{-webkit-animation:area6_pos4 1.236s 1.2s ease forwards;animation:area6_pos4 1.236s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos5{-webkit-animation:area6_pos5 1.53s 1.2s ease forwards;animation:area6_pos5 1.53s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens1_ul .pos6{-webkit-animation:area6_pos6 1.704s 1.2s ease forwards;animation:area6_pos6 1.704s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos1{-webkit-animation:area6_pos1 .81s 1.2s ease forwards;animation:area6_pos1 .81s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos2{-webkit-animation:area6_pos2 .948s 1.2s ease forwards;animation:area6_pos2 .948s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos3{-webkit-animation:area6_pos3 1.083s 1.2s ease forwards;animation:area6_pos3 1.083s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos4{-webkit-animation:area6_pos4 1.236s 1.2s ease forwards;animation:area6_pos4 1.236s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos5{-webkit-animation:area6_pos5 1.53s 1.2s ease forwards;animation:area6_pos5 1.53s 1.2s ease forwards}.mainPage .area6 .areaC.active .phone ul.lens2_ul .pos6{-webkit-animation:area6_pos6 1.704s 1.2s ease forwards;animation:area6_pos6 1.704s 1.2s ease forwards}@keyframes area6_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 area6_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 area6_pos2{0%{opacity:0;-webkit-transform:translate3d(-87%,18%,0);-moz-transform:translate3d(-87%,18%,0);-o-transform:translate3d(-87%,18%,0);-ms-transform:translate3d(-87%,18%,0);transform:translate3d(-87%,18%,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 area6_pos2{0%{opacity:0;-webkit-transform:translate3d(-87%,18%,0);-moz-transform:translate3d(-87%,18%,0);-o-transform:translate3d(-87%,18%,0);-ms-transform:translate3d(-87%,18%,0);transform:translate3d(-87%,18%,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 area6_pos3{0%{opacity:0;-webkit-transform:translate3d(-120%,26%,0);-moz-transform:translate3d(-120%,26%,0);-o-transform:translate3d(-120%,26%,0);-ms-transform:translate3d(-120%,26%,0);transform:translate3d(-120%,26%,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 area6_pos3{0%{opacity:0;-webkit-transform:translate3d(-120%,26%,0);-moz-transform:translate3d(-120%,26%,0);-o-transform:translate3d(-120%,26%,0);-ms-transform:translate3d(-120%,26%,0);transform:translate3d(-120%,26%,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 area6_pos4{0%{opacity:0;-webkit-transform:translate3d(-147%,31%,0);-moz-transform:translate3d(-147%,31%,0);-o-transform:translate3d(-147%,31%,0);-ms-transform:translate3d(-147%,31%,0);transform:translate3d(-147%,31%,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 area6_pos4{0%{opacity:0;-webkit-transform:translate3d(-147%,31%,0);-moz-transform:translate3d(-147%,31%,0);-o-transform:translate3d(-147%,31%,0);-ms-transform:translate3d(-147%,31%,0);transform:translate3d(-147%,31%,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 area6_pos5{0%{opacity:0;-webkit-transform:translate3d(-180%,42%,0);-moz-transform:translate3d(-180%,42%,0);-o-transform:translate3d(-180%,42%,0);-ms-transform:translate3d(-180%,42%,0);transform:translate3d(-180%,42%,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 area6_pos5{0%{opacity:0;-webkit-transform:translate3d(-180%,42%,0);-moz-transform:translate3d(-180%,42%,0);-o-transform:translate3d(-180%,42%,0);-ms-transform:translate3d(-180%,42%,0);transform:translate3d(-180%,42%,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 area6_pos6{0%{opacity:0;-webkit-transform:translate3d(-150%,30%,0);-moz-transform:translate3d(-150%,30%,0);-o-transform:translate3d(-150%,30%,0);-ms-transform:translate3d(-150%,30%,0);transform:translate3d(-150%,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 area6_pos6{0%{opacity:0;-webkit-transform:translate3d(-150%,30%,0);-moz-transform:translate3d(-150%,30%,0);-o-transform:translate3d(-150%,30%,0);-ms-transform:translate3d(-150%,30%,0);transform:translate3d(-150%,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)}}#mainPage .modal-wrap .modal-inner6{background-color:#d5e3ee}@media (min-width:768px){.mainPage .modal-inner6 .areaInner1 .areaC{background:url(../img/screenInner6/bg1_1k.jpg) center center no-repeat #1c3469;background-size:contain}}@media (min-width:1280px){.mainPage .modal-inner6 .areaInner1 .areaC{background:url(../img/screenInner6/bg1_2k.jpg) center center no-repeat #1c3469;background-size:contain}}@media (min-width:2560px){.mainPage .modal-inner6 .areaInner1 .areaC{background:url(../img/screenInner6/bg1.jpg) center center no-repeat #1c3469;background-size:contain}}.mainPage .modal-inner6 .areaInner1 .areaC .mes{position:absolute;left:62.6%;top:12%;z-index:6;width:32.6%;color:#000}.mainPage .modal-inner6 .areaInner1 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner6 .areaInner1 .areaC .mes dd span{display:block}.mainPage .modal-inner6 .areaInner2{background-color:#1c3469}.mainPage .modal-inner6 .areaInner2 .areaC .mes{position:absolute;left:57.6%;bottom:19%;z-index:6;width:32.6%;color:#fff}.mainPage .modal-inner6 .areaInner2 .areaC .mes dd{padding-top:2%;color:#fff}.mainPage .modal-inner6 .areaInner2 .areaC .mes dd span{display:block}.mainPage .area7 .areaC .mes,.mainPage .area7 .areaC .mes dd p,.mainPage .area7 .areaC .mes dt,.mainPage .area8 .areaC .mes dd p,.mainPage .area8 .areaC .mes dt{text-align:center}@media (min-width:768px){.mainPage .area7{background:url(../img/screen7/bg_1k.jpg) center bottom no-repeat #16243e;background-size:contain}}@media (min-width:1280px){.mainPage .area7{background:url(../img/screen7/bg_2k.jpg) center bottom no-repeat #16243e;background-size:contain}}@media (min-width:2560px){.mainPage .area7{background:url(../img/screen7/bg.jpg) center bottom no-repeat #16243e;background-size:contain}}.mainPage .area7 .areaC .mes{position:absolute;left:22.5%;top:8.3%;z-index:3;width:55%;color:#fff}.mainPage .area7 .areaC .mes dd{padding-top:2%;color:#fff;text-align:center}.mainPage .area7 .areaC .mes dd span{display:block}@media (min-width:768px){.mainPage .area8 .areaC{background-image:url(../img/screen8/bg_1k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:1280px){.mainPage .area8 .areaC{background-image:url(../img/screen8/bg_2k.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}@media (min-width:2560px){.mainPage .area8 .areaC{background-image:url(../img/screen8/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#1c3469}}.mainPage .area8 .areaC .mes{position:absolute;left:50%;top:5%;z-index:6;width:43%;color:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area8 .areaC .mes dd{padding-top:4%;color:#fff}.mainPage .area8 .areaC .mes dd span{display:block}.mainPage .modal-inner8 .areaInner1 .areaC .mes dd p,.mainPage .modal-inner8 .areaInner1 .areaC .mes dt,.mainPage .modal-inner8 .areaInner2 .areaC .mes dd p,.mainPage .modal-inner8 .areaInner2 .areaC .mes dt{text-align:left}.mainPage .area8 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .area8 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .area8 .areaC .posPic{position:absolute;display:block}.mainPage .area8 .areaC .posPic img{display:block;width:100%}.mainPage .area8 .areaC .pos1{z-index:2;left:7.5%;top:35%;width:85%}.mainPage .modal-inner8 .areaInner1 .areaC,.mainPage .modal-wrap .modal-inner8{background-color:#fff}@media (min-width:768px){.mainPage .modal-inner8 .areaInner1 .areaC{background:url(../img/screenInner-face/bg1_1k.jpg) center center no-repeat;background-size:contain}}@media (min-width:1280px){.mainPage .modal-inner8 .areaInner1 .areaC{background:url(../img/screenInner-face/bg1_2k.jpg) center center no-repeat;background-size:contain}}@media (min-width:2560px){.mainPage .modal-inner8 .areaInner1 .areaC{background:url(../img/screenInner-face/bg1.jpg) center center no-repeat;background-size:contain}}.mainPage .modal-inner8 .areaInner1 .areaC .mes{position:absolute;left:8%;bottom:34%;z-index:6;width:29.4%;color:#000}.mainPage .modal-inner8 .areaInner1 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner8 .areaInner1 .areaC .mes dd span{display:block}.mainPage .modal-inner8 .areaInner2 .areaC{background-color:#f5f6f1}.mainPage .modal-inner8 .areaInner2 .areaC .mes{position:absolute;left:45.2%;top:50%;z-index:6;width:24%;color:#000}.mainPage .modal-inner8 .areaInner2 .areaC .mes dd{padding-top:2%;color:#000}.mainPage .modal-inner8 .areaInner2 .areaC .mes dd span{display:block}.mainPage .area9 .areaC .mes dd p,.mainPage .area9 .areaC .mes dt{text-align:center}.mainPage .modal-inner8 .areaInner2 .areaC .posPic{position:absolute}.mainPage .modal-inner8 .areaInner2 .areaC .posPic img{width:100%}.mainPage .modal-inner8 .areaInner2 .areaC .pos1{width:42.17%;left:0;bottom:0}.mainPage .modal-inner8 .areaInner2 .areaC .pos2{width:14.45%;left:70%;bottom:-4.2%}.mainPage .modal-inner8 .areaInner2 .areaC .eye-line{width:40%;height:20%;right:22%;bottom:65.3%}.mainPage .modal-inner8 .areaInner2 .areaC .eye-line span{position:absolute;display:block;right:0;bottom:0;width:0}.mainPage .modal-inner8 .areaInner2 .areaC .eye-line span.e1{height:1px;border-top:1px dashed #00a0e9}.mainPage .modal-inner8 .areaInner2 .areaC .eye-line span.e2{height:1px;border-top:1px dashed #00a0e9;top:100%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.mainPage .modal-inner8 .areaInner2 .areaC.active .eye-line span.e1{width:100%}.mainPage .modal-inner8 .areaInner2 .areaC.active .eye-line span.e2{width:100%;top:134%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.mainPage .modal-inner8 .areaInner2 .areaC .volume{width:2.38%;height:130px;left:85%;top:26.5%}.mainPage .modal-inner8 .areaInner2 .areaC .volume>img{position:absolute;bottom:10px;z-index:3}.mainPage .modal-inner8 .areaInner2 .areaC .volume span{height:100%;width:3px;display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-1.5px;border-radius:3px}.mainPage .modal-inner8 .areaInner2 .areaC .volume span.line-gray{background:#ccc;z-index:1}.mainPage .modal-inner8 .areaInner2 .areaC .volume span.line-blue{height:95px;background:#00a0e9;z-index:2}.mainPage .modal-inner8 .areaInner2 .areaC.active .volume span.line-blue{height:10px}@media (min-width:768px){.mainPage .area9 .areaC{background:url(../img/screen9/bg_1k.jpg) center center no-repeat #1c3469;background-size:cover}}@media (min-width:1280px){.mainPage .area9 .areaC{background:url(../img/screen9/bg_2k.jpg) center center no-repeat #1c3469;background-size:cover}}@media (min-width:2560px){.mainPage .area9 .areaC{background:url(../img/screen9/bg.jpg) center center no-repeat #1c3469;background-size:cover}}.mainPage .area9 .areaC .mes{position:absolute;left:50%;top:5%;z-index:6;width:43%;color:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.mainPage .area9 .areaC .mes dd{padding-top:4%;color:#fff}.mainPage .area9 .areaC .mes dd span{display:block}.mainPage .area9 .areaC .holdBox{position:relative;z-index:1;width:100%;height:100%}.mainPage .area9 .areaC .holdBox .holdBoxPic{display:block;width:100%}.mainPage .area9 .areaC .posPic{position:absolute;display:block}.mainPage .area9 .areaC .posPic img{display:block;width:100%}.mainPage .area9 .areaC .pos1{z-index:2;left:12.65%;bottom:0;width:74.7%}@media (min-width:768px){.mainPage .area10{background-image:url(../img/screen10/bg_1k.jpg);background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#1c3469}}@media (min-width:1280px){.mainPage .area10{background-image:url(../img/screen10/bg_2k.jpg);background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#1c3469}}@media (min-width:2560px){.mainPage .area10{background-image:url(../img/screen10/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#1c3469}}.mainPage .area10 .areaC .mes{position:absolute;left:5.7%;bottom:30.77%;z-index:6;width:31%;color:#fff}.mainPage .area10 .areaC .mes dt{text-align:left;width:130%}.mainPage .area10 .areaC .mes dd{padding-top:4%;color:#fff}.mainPage .area10 .areaC .mes dd span{display:block}.mainPage .area10 .areaC .mes dd p{text-align:left}.mainPage .areaPhone{background:#1b1b27}.mainPage .area11{background:#121212}.mainPage .area11 .part-top{padding:50px 0}.mainPage .area11 .areaC{width:62%;margin:0 auto;max-width:1300px}.mainPage .area11 .remarks{color:#fff;font-weight:700}.mainPage .area11 .remarks-list{color:#999;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:"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%;margin-bottom:0}.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 .area3 .areaL_3 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .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}#ag-wrap,.full_width{overflow: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}#mainPage .modal-wrap .modal_inner_game{background-color:#1a1a24}.modal-wrap .modal-inner.modal_inner_game .sec_in1 .part-top>.ag-container,.modal-wrap .modal-inner.modal_inner_game .sec_in2 .part-top .ag-container{background-color:#1b1b25}.buy_now_btn,.buy_now_btn_mb{background:#0098e8;border-radius:20px;color:#fff}.modal-wrap .modal-inner .sec_in1 .mes{width:40%;text-align:center;color:#fff;padding-top:5%}.modal-wrap .modal-inner.modal_inner_game .sec_in1 .pics{width:52%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-top:3%}#mainPage .area4 .mes,.modal-wrap .modal-inner.modal_inner_game .sec_in2 .pics{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);left:50%}.modal-wrap .modal-inner .sec_in2 .mes{width:47.71%;text-align:center;color:#fff;padding-top:5%}.modal-wrap .modal-inner.modal_inner_game .sec_in2 .pics{width:58.16%;transform:translateX(-50%);padding-top:6%}.buy_now_btn{padding:5px 15px}.buy_now_btn_mb{padding-left:10px;padding-right:10px;line-height:20px}#mainPage .area4{background:#000}#mainPage .area4 .mes{width:50%;position:absolute;top:8%;transform:translateX(-50%);color:#fff}.buy_now_wrap .buy_now{padding-bottom:40px}#mainPage .area4 .mes dd{padding-top:1%}#mainPage .area4 .pics{width:51%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:1200px){.mainPage .areas .areaC .mes dd p,.modal-wrap .modal-inner .mes dd p{font-size:14px}section.root-section button.popBtn span.label{font-size:16px!important}.mainPage .modal-inner2 .areaInner3 .areaC .self-light-word li{font-size:14px}.mainPage .areas .areaC .mes dt,.modal-wrap .modal-inner .mes dt{font-size:26px}}button.closeBtn.active span.label{line-height:28px}@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 .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}#videoPop .inset{top:15%;left:5%;width:90%}#btmDataArea .btnTop{padding:20px 0 30px}.mainPage .modal-inner2 .areaInner1 .areaC .mes{width:120%;margin-left:0}.buy_now_wrap .buy_now .container .row{padding-left:20px;margin-right:7px}}@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%}}@media screen and (min-width:768px){.h-xs-inline-block{display:none!important}.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)}}@media screen and (min-width:1400px){.area_banner .swiper_div .swiper-container{height:500px}}@media (min-width:768px) and (max-width:991px){#head .headC .menu{margin-right:20px}body.not-pc .mainPage .modal-wrap .modal-inner{padding-top:60px}section.root-section button.popBtn{bottom:50px}#mainPage .areas .areaC .mes dt{font-size:26px}#mainPage .areas .areaC .mes .area_icon{width:60%}#mainPage .modal-inner2 .areaInner1 .areaC{background-size:contain;background-position:center bottom}#mainPage .area10,#mainPage .area7,#mainPage .modal-inner6 .areaInner1 .areaC,.mainPage .modal-inner8 .areaInner1 .areaC{background-size:cover}#mainPage .area3 .areaL_3 .mes dt{width:120%;margin-left:-10%}#mainPage .area3 .areaL_3 .mes,#mainPage .area4 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes{width:75%}#mainPage .area6 .areaL_6 .mes{width:68%}#mainPage .area6 .areaC .phone{width:72%;right:5%}#mainPage .area8 .areaC .mes{width:76%}#mainPage .area8 .areaC .mes dd{padding-top:2%}#mainPage .area8 .areaC .pos1{top:43%}#mainPage .modal-inner3 .areaInner1 .areaC .pos1,.mainPage .modal-inner3 .areaInner2 .areaC .product1,.mainPage .modal-inner3 .areaInner2 .areaC .product2{top:34%}#mainPage .area9 .areaC .mes{width:60%}#mainPage .modal-inner2 .areaInner3 .areaC .mes,.mainPage .modal-inner3 .areaInner2 .areaC .mes{width:70%}#mainPage .area10 .areaC .mes{bottom:23%}#mainPage .modal-inner3 .areaInner1 .areaC .mes{width:70%;left:15%}.mainPage .modal-inner2 .areaInner1 .areaC .mes{top:10%;left:67%;width:28.8%}.mainPage .modal-inner8 .areaInner2 .areaC .mes{left:8%;top:4%;width:84%}.mainPage .modal-inner8 .areaInner2 .areaC .eye-line{bottom:55%}.mainPage .modal-inner8 .areaInner2 .areaC .pos2{bottom:0}.mainPage .modal-inner8 .areaInner2 .areaC.active .eye-line span.e2{top:130%}.modal-wrap .modal-inner .sec_in1 .mes,.modal-wrap .modal-inner .sec_in2 .mes{width:74%}#mainPage .modal-inner2 .areaInner3 .areaC{padding-bottom:95px}}@media (min-width:992px) and (max-width:1024px){body.not-pc .mainPage .modal-wrap .modal-inner{padding-top:60px}#head .headC .menu{margin-right:20px}section.root-section button.popBtn{bottom:50px}#mainPage .areas .areaC .mes dt{font-size:26px}#mainPage .areas .areaC .mes .area_icon{width:60%}#mainPage .area3 .areaL_3 .mes,#mainPage .area4 .mes,#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes{width:75%}#mainPage .area6 .areaL_6 .mes{width:68%}#mainPage .area6 .areaC .phone{width:62%;right:9%}#mainPage .modal-inner3 .areaInner1 .areaC .pos1{width:15%;top:34%}#mainPage .modal-inner6 .areaInner1 .areaC{background-size:cover}#mainPage .area8 .areaC .mes{width:76%}#mainPage .area8 .areaC .mes dd{padding-top:2%}#mainPage .area8 .areaC .pos1{top:33%}#mainPage .area9 .areaC .mes{width:60%}.modal-wrap .modal-inner .sec_in1 .mes{width:65%}}@media (max-width:991px) and (min-width:640px){#mainPage .area2 .areaC .video-con,#mainPage .area4 .areaC .video-con{background-size:cover}}@media (min-width:768px){.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){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo{margin-left:0}#head .headC .menu{margin-right:0;margin-bottom:0}#head .headC .menu li{margin-left:25px}#head .headC .menu li a{font-size:14px}#mainPage .areaVideo .areaC .video-con{background-size:cover}html{font-size:10px!important}#mainPage .areas .areaC .mes .area_icon{width:87%}#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes{width:52%;left:50%}}@media (min-width:1300px){.mainPage .area5 .areaC .mes dd,.mainPage .area6 .areaC .mes dd,.mainPage .modal-inner3 .areaInner1 .areaC .mes dd{padding-top:1%}html{font-size:10.5px!important}#mainPage .areas .areaC .mes .area_icon{width:70%}.mainPage .area3 .areaC .mes dt,.mainPage .area8 .areaC .mes dt{width:150%;margin-left:-25%}#mainPage .area5 .areaL_5 .mes,#mainPage .area7 .areaL_7 .mes{width:68%}.mainPage .area6 .areaL_6 .mes{width:66%}.mainPage .modal-inner8 .areaInner2 .areaC .mes{left:44.2%;width:26%}.mainPage .modal-inner3 .areaInner1 .areaC .mes{top:3%}}@media (min-width:1600px){.area_banner .swiper_div .swiper-container{height:559px}html{font-size:13px!important}#mainPage .areas .areaC .mes .area_icon{width:95%}#mainPage .area3 .areaL_3 .mes dt b{width:140%;margin-left:-20%}#mainPage .area5 .areaL_5{background-size:94%}#mainPage .area8 .areaC .mes{width:53%}#mainPage .area8 .areaC .pos1{top:39%;width:82%;left:9%}#mainPage .area10 .areaC .mes dt{width:120%}#mainPage .area6 .areaC .phone{width:67%;right:8.5%}.mainPage .modal-inner3 .areaInner1 .areaC .pos1{top:28%;width:16.68%}}@media (min-width:1700px){.area_banner .swiper_div .swiper-container{height:632px}}@media (min-width:1900px){.area_banner .swiper_div .swiper-container{height:711px}}@media (min-width:1920px){html{font-size:14px!important}#mainPage .areas .areaC .mes .area_icon{width:90%}}@media (min-width:2560px){.area_banner .swiper_div .swiper-container{height:910px}html{font-size:18.7px!important}#mainPage .area11 .remarks{font-size:20px}#mainPage .area11 .remarks-list{font-size:18px}#mainPage .areas .areaC .mes .area_icon{width:92%}}@media (min-width:2880px){.area_banner .swiper_div .swiper-container{height:910px}html{font-size:21px!important}#mainPage .area11 .remarks{font-size:20px}#mainPage .area11 .remarks-list{font-size:18px}#mainPage .areas .areaC .mes .area_icon{width:92%}}@media screen and (max-width:767px){#head .headC,#mainPage .areas .areaC,.modal-wrap .modal-inner .pics img{width:100%}#head .headC .phoneHeadTop{display:none}#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}#videoPop .inset{left:0;top:30%;width:100%;margin-left:0;margin-top:0}#videoPop .inset .closeBtn{right:0;top:-35px}#head{position:fixed}#head .headC{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}#head .headC .menu li a .icos{margin-top:4px}.h-hidden-xs{display:none!important}.h-xs-inline-block{display:inline-block!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,.mb_icon{display:block}#mainPage dl{margin-bottom:0}#mainPage .areas .areaC .mes dt{font-size:30px}#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 .picMB{display:block!important}#mainPage .picPC{display:none!important}.modal-wrap .modal-inner .pics{position:relative}.modal-wrap .modal-inner .sec_in1 .mes,.modal-wrap .modal-inner .sec_in2 .mes{width:90%}#mainPage .modal-wrap .modal-inner{padding-top:0}#mainPage .modal-wrap .modal-inner .areaC .mes{position:relative;width:90%;left:0;padding-top:10%;padding-bottom:8%;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}#mainPage .modal-wrap .modal-inner .areaC .mes dd p,#mainPage .modal-wrap .modal-inner .areaC .mes dt{text-align:left}section.root-section button.popBtn{bottom:45px}#mainPage section.root-section button.section-btn span.label{font-size:15px}.mainPage .areas .areaC .mes dt,.modal-wrap .modal-inner .mes dt{font-size:38px}#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in1 .mes dd p,.mainPage .areas .areaC .mes dd p,.modal-wrap .modal-inner .mes dd p{font-size:14px}#mainPage .area1{background-color:#fff}#mainPage .area1 .areaC .holdBox{position:relative;z-index:2;margin-top:6%}#mainPage .area1 .areaC .holdBox .holdBoxPic{display:block}#mainPage .area1 .areaC .tit1{position:static;width:70%;margin-left:15%;padding-top:20%}#mainPage .area1 .areaC .tit1>img{width:100%}#mainPage .area1 .areaC .pos2{left:33%;top:auto;bottom:-3%;width:60.6%}.mainPage .area1 .areaC .pos1{width:68.43%;left:6.25%;top:6%}#mainPage .areaVideo{background:#fff}#mainPage .areaVideo .areaC{height:auto}#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 #020510;background-size:100% auto}.mainPage .area3 .areaC .ban .btns a{border-color:#f6f7f9}#mainPage .area3 .areaC{height:auto;padding-bottom:20%}#mainPage .area3 .areaL_3 .mes{position:relative;left:50%;width:90%;padding-top:15%;text-align:center}#mainPage .area3 .areaC .mes dd{padding-top:4%;padding-bottom:2%}#mainPage .area3 .areaC .mes dd:last-child{padding-top:135%}#mainPage .area3 .areaL_3 .mes{padding-bottom:0}#mainPage .area3 .areaC .mes dd span{display:inline}#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:33%;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:42%;right:-38%;left:initial;width:27%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}.mainPage .area3 .areaC.active .phones_mb .phone_model{opacity:1;transition:opacity 1s 1.6s}#mainPage .area3 .mask{position:absolute;top:2%;left:4.95%;width:90.5%;height:93.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:100% auto}.mainPage .area3 .mask .bg-img{overflow:scroll}.mainPage .modal-inner2 .areaInner3 .areaC .self-light-word{display:none}#mainPage .modal-wrap .modal-inner3{background-color:#3483c5}#mainPage .modal-inner3 .areaInner1 .areaC.active{background:url(../img/screenInner3/bg1-mb.jpg) center bottom no-repeat #246ab7;background-size:cover}#mainPage .modal-inner3 .areaInner1 .areaC .holdBox>img{width:136%}#mainPage .modal-inner3 .areaInner1 .areaC .pos1{width:45.3%;top:auto;bottom:10%}#mainPage .modal-inner3 .areaInner2 .areaC{background:url(../img/screenInner3/bg2-mb.jpg) center center no-repeat #1c3469;background-size:cover}#mainPage .modal-inner3 .areaInner2 .areaC .holdBox>img{width:144%}#mainPage .modal-inner3 .areaInner2 .areaC .product1{width:41.4%;left:5.8%;top:38%}.mainPage .modal-inner3 .areaInner2 .areaC .product2{width:41.4%;left:52.9%;top:38%}#mainPage .area4 .mes,#mainPage .area4 .pics{position:relative;width:90%}#mainPage .modal-inner3 .areaInner3 .areaC .mes{padding-bottom:117%}#mainPage .modal-inner3 .areaInner3 .areaC.active{background:url(../img/screenInner3/bg3-mb.jpg) center center no-repeat;background-size:cover}#mainPage .modal-inner3 .areaInner3 .areaC .mes,#mainPage .modal-inner3 .areaInner3 .areaC .mes dd{color:#000}#mainPage .area4 .mes{padding-top:10%;padding-bottom:10%}#mainPage .area6{padding:6% 0 0}#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 .areaL_5.active{background:#000}#mainPage .area5 .areaC .mes{position:relative;width:100%;padding-top:10%;padding-bottom:40%;overflow:hidden}#mainPage .area5 .areaC .mes dd p,#mainPage .area5 .areaC .mes dt{width:90%;margin:0 auto}#mainPage .area5 .areaC .mes dd img{width:100%}#mainPage .area5 .areaC .phone{position:relative;width:80%;left:7%;top:20px}#mainPage .modal-inner2 .areaInner1 .areaC .holdBox>img{width:140%}#mainPage .modal-inner2 .areaInner1{background:#a8d0dc}#mainPage .modal-inner2 .areaInner1 .areaC .pos1{width:100%;left:0}#mainPage .modal-inner2 .areaInner2 .areaC .holdBox>img{width:100%}#mainPage .modal-inner2 .areaInner2 .areaC .pos1{position:absolute;width:100%;left:0;background:url(../img/screenInner-front/01.jpg) center center no-repeat;background-size:contain;-webkit-animation:rabit-ani 1.4s .6s steps(1,start) infinite;animation:rabit-ani 1.4s .6s steps(1,start) infinite}@-webkit-keyframes rabit-ani{0%{background:url(../img/screenInner-front/01.jpg) center center no-repeat;background-size:contain}16.666%{background:url(../img/screenInner-front/02.jpg) center center no-repeat;background-size:contain}33.333%{background:url(../img/screenInner-front/03.jpg) center center no-repeat;background-size:contain}50%{background:url(../img/screenInner-front/04.jpg) center center no-repeat;background-size:contain}66.666%{background:url(../img/screenInner-front/05.jpg) center center no-repeat;background-size:contain}75%{background:url(../img/screenInner-front/06.jpg) center center no-repeat;background-size:contain}83.333%{background:url(../img/screenInner-front/07.jpg) center center no-repeat;background-size:contain}100%{background:url(../img/screenInner-front/01.jpg) center center no-repeat;background-size:contain}}@keyframes rabit-ani{0%{background:url(../img/screenInner-front/01.jpg) center center no-repeat;background-size:contain}16.666%{background:url(../img/screenInner-front/02.jpg) center center no-repeat;background-size:contain}33.333%{background:url(../img/screenInner-front/03.jpg) center center no-repeat;background-size:contain}50%{background:url(../img/screenInner-front/04.jpg) center center no-repeat;background-size:contain}66.666%{background:url(../img/screenInner-front/05.jpg) center center no-repeat;background-size:contain}75%{background:url(../img/screenInner-front/06.jpg) center center no-repeat;background-size:contain}83.333%{background:url(../img/screenInner-front/07.jpg) center center no-repeat;background-size:contain}100%{background:url(../img/screenInner-front/01.jpg) center center no-repeat;background-size:contain}}#mainPage .modal-inner6 .areaInner1,.mainPage .modal-wrap .modal-inner8 .areaInner2 .areaC{background:#fff}#mainPage .modal-inner2 .areaInner3 .areaC .pos1{padding-top:5%}#mainPage .area6 .areaC{height:auto}#mainPage .area6 .areaC .mes{position:relative;width:90%;padding-top:10%;padding-bottom:10%;text-align:center}#mainPage .area6 .areaC .mes dd{padding-top:104%;padding-bottom:27%}#mainPage .area6 .areaC .mes dd .sm{font-size:12px}#mainPage .area6 .areaC .phone{right:5%;bottom:auto;width:90%;top:20%}#mainPage .modal-wrap .modal-inner6 .areaC .mes{padding-bottom:8%}#mainPage .modal-wrap .modal-inner6 .areaInner3 .areaC{padding-bottom:120px}#mainPage .modal-wrap .modal-inner8 .areaInner2 .areaC{padding-bottom:124px}#mainPage .modal-wrap .modal-inner8 .areaInner2 .areaC .holdBox{position:relative;background:#f5f6f1;overflow:hidden}#mainPage .modal-wrap .modal-inner8 .areaInner2 .areaC .holdBox>img{width:93%}#mainPage .modal-inner8 .areaInner2 .areaC .pos1{width:50%}#mainPage .modal-inner8 .areaInner2 .areaC .pos2{width:21.25%;bottom:-4%}#mainPage .modal-inner8 .areaInner2 .areaC .eye-line{width:40%;right:18%;bottom:64.3%;height:0}#mainPage .modal-inner8 .areaInner2 .areaC.active .eye-line span.e2{transform:translateY(17px) rotate(-10deg)}#mainPage .area7 .areaC .mes,#mainPage .area8 .areaC .mes{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);margin:0 auto}#mainPage .modal-inner8 .areaInner2 .areaC .volume{top:10%;left:92%;width:5%}#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in1 .mes dd p,#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in1 .mes dt,#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in2 .mes dd p,#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in2 .mes dt{text-align:left}#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in1 .mes dd .small{text-align:left;display:block}#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in1 .pics,#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in2 .pics{width:90%}#mainPage .modal-wrap .modal-inner.modal_inner_game .sec_in2 .pics{padding-bottom:80px}.mainPage .area7{background:#000}#mainPage .area7 .areaC{height:auto;padding-bottom:5%}#mainPage .area7 .areaC .mes{position:relative;left:auto;right:auto;top:auto;width:100%;padding-top:10%;padding-bottom:2%;text-align:left;transform:translateX(0)}#mainPage .area7 .areaC .mes dd p,#mainPage .area7 .areaC .mes dt{width:90%;margin:0 auto}#mainPage .area7 .areaC .mes dd p{padding-top:6%}#mainPage .area7 .areaC .mes dd img{width:100%}#mainPage .area7 .phoneOut{position:relative;width:100%}#mainPage .area7 .phoneOut .phoneOutHold{display:block;width:145%}#mainPage .area7 .areaC .posPic{width:100%}#mainPage .area7 .areaC .posPic img{display:block;width:162%}#mainPage .pageViewAc .areaL_7 .pos1{right:0;bottom:-81%;filter:alpha(opacity=100);opacity:1;z-index:3}#mainPage .area8 .areaC{position:relative;background:url(../img/screen8/bg-mb.jpg) center top no-repeat #000;background-size:cover;height:auto;padding-bottom:12%}#mainPage .area8 .areaC .mes{position:static;width:90%;padding-top:12%;padding-bottom:5%;transform:translateX(0)}#mainPage .area8 .areaC .mes dt{line-height:1.2em}#mainPage .area8 .areaC .mes dt span{line-height:1.5em}#mainPage .area8 .areaC .mes dd img{width:100%}#mainPage .area8 .areaC .mes dd p{padding-bottom:10%;padding-top:0}#mainPage .area8 .areaC .mes dd{padding-top:4%;color:#fff}#mainPage .area8 .areaC .mes dd:first-child{padding-top:10%}#mainPage .area9 .areaC{height:auto;background:url(../img/screen9/bg-mb.jpg) center top no-repeat #000;background-size:contain}#mainPage .area9 .areaC .mes{position:relative;left:auto;width:100%;margin:0 auto;padding-top:12%;padding-bottom:5%;text-align:left;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}#mainPage .area9 .areaC .mes dd img{width:100%;padding:5% 0 6%}#mainPage .area9 .areaC .mes dd p,#mainPage .area9 .areaC .mes dt{width:90%;margin:0 auto}#mainPage .area9 .areaC .mes dd p{padding-bottom:20%}#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:#000}#mainPage .area10 .phoneOut .phoneOutHold{display:block;width:100%;padding-bottom:112%}#mainPage .area10 .areaC .mes dd{padding-top:0}#mainPage .area10 .areaC .mes dd img{width:100%}#mainPage .area10 .areaL_10 .mes{width:100%;left:0;padding-top:12%;position:relative}#mainPage .area10 .areaL_10 .mes dd p,#mainPage .area10 .areaL_10 .mes dt{width:90%;margin:0 auto;text-align:center}#mainPage .area10 .areaL_10 .mes dd p{padding:5% 0 6%}#mainPage .area11 .areaC{width:90%}#mainPage .area11 .remarks-list{padding-left:5%}@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:90%;padding-bottom:0}.buy_now_wrap{z-index:997}.buy_now_wrap .buy_now .container .col_h{padding:5px 10px}#head .headC .pc_logo .buy_now_btn_mb{position:absolute;right:43px;top:8px;font-size:12px;height:24px;line-height:24px}.buy_now_wrap .buy_now .container .row{padding-left:15px;padding-right:15px;margin-right:-15px}.buy_now_wrap .buy_now .container .row .buy_line{padding:30px 0 10px;margin-bottom:30px}.buy_now_wrap .buy_now{padding-bottom:30px}.buy_now_wrap .buy_now .container .row .buy_line .buy_now_close{top:6px}}body,html,section.root-section .ag-container{position:relative}@media (min-width:340px) and (max-width:400px){.mainPage .area3 .areaC .phones_mb{top:41%}}@media (max-width:400px){#mainPage .area8{background-position:center 31%}}@media (max-width:360px){.area_banner .swiper_div .swiper-container{height:204px}#mainPage .area3 .areaC .phones_mb{top:42%}#mainPage .area3 .areaC .mes dt{width:110%;margin-left:-5%}}@media (max-width:340px){#mainPage .area9 .areaC .circle{top:24%}}@media (max-width:320px){.area_banner .swiper_div .swiper-container{height:180px}#mainPage .area3 .areaC .phones_mb{top:44%}#mainPage .area3 .areaC .mes dt{width:110%;margin-left:-5%}}body,html{width:100%;padding:0;margin:0;overflow-x:hidden}body.visible,html.visible{overflow:visible!important}#mainPage{overflow:hidden}section.root-section,section.root-section .part-top{position:relative;display:block;background:0 0}section.root-section .square{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-top:-70px;background-color:#000}section.root-section .square:nth-of-type(1){margin-left:-200px}section.root-section .square:nth-of-type(2){margin-left:100px}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 cubic-bezier(.645,.045,.355,1) both;animation:translateExpandEnter 1s cubic-bezier(.645,.045,.355,1) both}section.root-section .inner-section-wrap.animate-translate-leave{-webkit-animation:translateExpandLeave 1s cubic-bezier(.645,.045,.355,1) both;animation:translateExpandLeave 1s cubic-bezier(.645,.045,.355,1) both}section.root-section .inner-section-wrap .inner-details-content{position:relative;top:0;left:0;width:100%;visibility:hidden;overflow:visible;background-color:#fca}section.root-section .inner-section-wrap.sliding .inner-details-content{position:absolute;visibility:visible}section.root-section .inner-section-wrap.active .inner-details-content{visibility:visible}@-webkit-keyframes translateExpandEnter{0%{margin-top:0}100%{margin-top:-87px}}@keyframes translateExpandEnter{0%{margin-top:0}100%{margin-top:-87px}}@-webkit-keyframes translateExpandLeave{0%{margin-top:-87px}100%{margin-top:0}}@keyframes translateExpandLeave{0%{margin-top:-87px}100%{margin-top:0}}@media (min-width:768px){@-webkit-keyframes translateExpandEnter{0%{margin-top:0}100%{margin-top:-100px}}@keyframes translateExpandEnter{0%{margin-top:0}100%{margin-top:-100px}}@-webkit-keyframes translateExpandLeave{0%{margin-top:-100px}100%{margin-top:0}}@keyframes translateExpandLeave{0%{margin-top:-100px}100%{margin-top:0}}}section.root-section button.popBtn{position:absolute;bottom:60px;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}section.root-section button.popBtn span.label{display:block;line-height:20px;margin-bottom:40px;color:#fff;font-size:1.7rem}section.root-section button.popBtn 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:#009ee2;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.popBtn span.icon svg{width:14px;height:14px;fill:#17171f;-webkit-transform:rotate(0);transform:rotate(0)}button.closeBtn{position:absolute;bottom:64px;z-index:99;border:none;outline:0;visibility:visible;overflow:hidden;cursor:pointer;box-sizing:border-box;width:50px;background:#009ee2;margin:0 auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;border-radius:25px;padding:11px 12px}button.closeBtn span.label{display:inline-block;margin-bottom:0;line-height:20px;padding-left:10px;font-size:17px;font-weight:600;color:#17171f;opacity:0;position:absolute;left:38px;white-space:nowrap}button.closeBtn span.icon{display:-webkit-box;display:flex;position:relative;bottom:0;left:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:24px;height:24px;margin-left:0;border:1px solid transparent;background:0 0;border-radius:50%;float:left}button.closeBtn span.icon svg{height:26px;width:26px;fill:#17171f;-webkit-transform:rotate(0);transform:rotate(0)}.btn-easeing{-webkit-transition:all 1s cubic-bezier(.645,.045,.355,1);transition:all 1s cubic-bezier(.645,.045,.355,1)}.button-easeing{-webkit-transition:all .445s cubic-bezier(.645,.045,.355,1);transition:all .445s cubic-bezier(.645,.045,.355,1)}button.closeBtn.active span.icon{border-color:#17171f}button.closeBtn.active span.label{transition:all .2s .2s ease;opacity:1}button.closeBtn.active span.icon svg{width:12px;height:12px}button.btn-stuck-bottom{top:auto;bottom:60px}button.btn-fixed{position:fixed}.ag-animate,.ag-container{position:relative}button.section-btn.closeBtn{bottom:40px;transition-duration:.3s;-webkit-transition-duration:.3s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transform:translate(-50%,90px);-webkit-transform:translate(-50%,90px)}button.section-btn.closeBtn span.icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}button.section-btn.closeBtn.active{padding:11px 14px;width:112px}.mainPage.modal-open button.section-btn.closeBtn{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.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}section.root-section button.modal-btn{position:absolute;bottom:64px;left:0;z-index:2;width:100%;height:63px;color:#6bf;background:0 0;border:none;outline:0;visibility:visible;overflow:visible;cursor:pointer}#mainPage .main-wrap{position:relative;z-index:1}#mainPage .shadow-wrap{background:rgba(0,0,0,.4);position:fixed;z-index:2;top:0;width:100%;height:100%;opacity:0;pointer-events:none}#mainPage .modal-wrap{position:fixed;z-index:3;display:none;top:0;left:0;min-width:100%;min-height:100%;background:#eee;-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100%);-o-transform:translateY(100vh);transform:translateY(100%)}#mainPage.modal-will-open .modal-wrap{display:block;-webkit-animation:ani-modal-in .6s ease forwards;-o-animation:ani-modal-in .6s ease forwards;animation:ani-modal-in .6s ease forwards}#mainPage.modal-open .modal-wrap{display:block;position:relative;transform:none}#mainPage.modal-will-close .modal-wrap{display:block;-webkit-animation:ani-modal-out .6s ease forwards;-o-animation:ani-modal-out .6s ease forwards;animation:ani-modal-out .6s ease forwards}#mainPage .modal-wrap .modal-inner,#mainPage.modal-open:not(.modal-will-open) .main-wrap{display:none}#mainPage.modal-animating .modal-wrap{will-change:transform;-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}@-ms-keyframes ani-modal-in{0%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}100%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}@-moz-keyframes ani-modal-in{0%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}100%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes ani-modal-in{0%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}100%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}@keyframes ani-modal-in{0%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}100%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}@-ms-keyframes ani-modal-out{0%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}100%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}}@-moz-keyframes ani-modal-out{0%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}100%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}}@-webkit-keyframes ani-modal-out{0%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}100%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}}@keyframes ani-modal-out{0%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}100%{-webkit-transform:translateY(calc(100vh + 2px));-moz-transform:translateY(calc(100vh + 2px));-ms-transform:translateY(calc(100vh + 2px));-o-transform:translateY(calc(100vh + 2px));transform:translateY(calc(100vh + 2px))}}#mainPage.modal-will-open .main-wrap{-webkit-animation:ani-bg-in .6s ease forwards;-o-animation:ani-bg-in .6s ease forwards;animation:ani-bg-in .6s ease forwards}#mainPage.modal-will-close .main-wrap{-webkit-animation:ani-bg-out .6s ease forwards;-o-animation:ani-bg-out .6s ease forwards;animation:ani-bg-out .6s ease forwards}@-ms-keyframes ani-bg-in{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}@-moz-keyframes ani-bg-in{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes ani-bg-in{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}@keyframes ani-bg-in{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}@-ms-keyframes ani-bg-out{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes ani-bg-out{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ani-bg-out{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes ani-bg-out{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}#mainPage.modal-will-open .shadow-wrap{-webkit-animation:ani-shadow-in .6s ease forwards;-o-animation:ani-shadow-in .6s ease forwards;animation:ani-shadow-in .6s ease forwards}#mainPage.modal-will-close .shadow-wrap{-webkit-animation:ani-shadow-out .6s ease forwards;-o-animation:ani-shadow-out .6s ease forwards;animation:ani-shadow-out .6s ease forwards}@-ms-keyframes ani-shadow-in{from{opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes ani-shadow-in{from{opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes ani-shadow-in{from{opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100)}}@keyframes ani-shadow-in{from{opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100)}}@-ms-keyframes ani-shadow-out{from{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}@-moz-keyframes ani-shadow-out{from{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes ani-shadow-out{from{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}@keyframes ani-shadow-out{from{opacity:1;filter:alpha(opacity=100)}to{opacity:0;filter:alpha(opacity=0)}}#mainPage .modal-wrap .modal-inner.active{display:block}