@charset "UTF-8";*,a,img{-webkit-tap-highlight-color:transparent}.btmDataArea .btnTop a span,li{list-style:none}body,html,img{-webkit-touch-callout:none}@font-face{font-family:'Myriad Pro';src:url(font/myriadpro-light.eot);src:url(font/myriadpro-light.woff) format('woff'),url(font/myriadpro-light.ttf) format('truetype');font-style:normal;font-weight:200}@font-face{font-family:"Myriad Pro";font-style:normal;font-weight:200;src:url(parameter/myriadpro-light.woff) format("woff"),url(parameter/myriadpro-light.ttf) format("truetype")}@font-face{font-family:AvenirNextLTPro-Demi;src:url(font/AvenirNextLTPro-Demi.eot);src:url(font/AvenirNextLTPro-Demi.woff) format('woff'),url(font/AvenirNextLTPro-Demi.ttf) format('truetype');font-style:normal;font-weight:200}*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}body.visible,html.visible{overflow:visible!important}#hideScore,#sharePic,.clear,.head .headC .pc_logo .logoTxt{overflow:hidden;font-size:0;line-height:0}body,html{position:relative;z-index:3;width:100%;font-family:"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;background:#FFF;overflow-x:hidden;margin:0!important;padding:0!important;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clear,body,dd,dl,dt,h5,h6,input,li,p,ul{padding:0;margin:0}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}.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:20px}.head .headC .pc_logo .logoTxt{position:absolute;left:0;top:0;z-index:-1;display:block;width:0;height:0}.head .headC .pc_logo .btmIco{position:absolute;left:50%;top:6px;z-index:3;display:block;width:14px;padding:10px;margin:0 0 0 -16px}.head .headC .pc_logo .btmIco img{display:block;width:14px;height:auto;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;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 .ag-container{position:relative}#mainPage .ag-container .box{-webkit-transition:all 2s ease;transition:all 2s ease}#mainPage .ag-animate{position:relative;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}button{background:0 0;border:0;box-sizing:content-box;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;visibility:visible}button:focus{border:none;outline:0}#mainPage .picMB{display:none}#mainPage .picPC{display:block}.btmDataArea{width:100%;background:#f7f7f7;text-align:center;font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,"΢���ź�";display:none}.mainPage .areas .areaC .mes dt,.mainPage .areas .areaC .mes dt span,.mainPage .areas .areaC .mes dt strong{font-family:AvenirNextLTPro-Demi,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif}.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 .btnInset img{-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 .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;margin-top:0;margin-bottom:0}.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%}.mainPage .area2 .areaC .mes,.mainPage .area3 .areaC .mes{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);color:#000}.head_module{width:100%;position:absolute;top:0;z-index:99999}@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}#btmDataArea .btnTop{padding:20px 0 30px}}@media screen and (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}}@media screen and (max-width:767px){#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo .btmIco{margin:0 0 0 -31px;display:block}#head{position:fixed}#head .headC{width:100%;height:auto}#head .headC .pc_logo{float:none;height:20px;padding:10px 15px;margin-top:0;margin-left:0;background:#FFF}#head .headC .menu{float:none;margin-right:0;margin-bottom:0}#head .headC .menu li{float:none;margin:0;padding:0;border-top:1px #ececec solid}#head .headC .menu li a{height:28px;padding:15px;line-height:28px;background:#f6f7f9}#head .headC .menu li a .icos{margin-top:4px}#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}}#ag-wrap{overflow:hidden}section.root-section,section.root-section .part-top{position:relative;display:block;background:0 0}section.root-section .ag-container{position:relative}html{font-size:10px}@media (min-width:992px){html{font-size:9px!important}}@media (min-width:1200px){html{font-size:10px!important}}@media (min-width:1600px){html{font-size:13px!important}}@media (min-width:1920px){html{font-size:14px!important}}@media (min-width:2560px){html{font-size:17.7px!important}}@media (min-width:2880px){html{font-size:20px!important}}body.hasHeader .mainPage .area1 .areaC{padding-top:50px}.mainPage{padding-top:0}.mainPage .hold{display:block;width:100%}.mainPage .areas{position:relative;z-index:1;width:100%;overflow:hidden;border:none!important}.mainPage .areas .areaC{position:relative;width:100%;margin:0 auto}.mainPage .areas .areaC .mes{position:absolute}@media (max-width:767px){.mainPage{padding-top:40px}.mainPage .areas .areaC .mes{position:relative;padding-top:10%;padding-bottom:10%}}.mainPage .areas .areaC .mes dd{padding-top:1%}.mainPage .areas .areaC .mes dd p{line-height:1.5em;font-size:1.7rem;font-family:"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif}@media (max-width:767px){.mainPage .areas .areaC .mes dd p{font-size:16px;line-height:1.6em}}.mainPage .areas .areaC .mes dd p.small{line-height:1.5em;font-size:1.3rem}@media (max-width:767px){.mainPage .areas .areaC .mes dd p.small{font-size:12px;line-height:1.5em}}.mainPage .areas .areaC .mes dt strong{line-height:1.5em;font-size:3.5rem}@media (max-width:767px){.mainPage .areas .areaC .mes dt strong{font-size:26px;line-height:1.3em;padding-bottom:10px}}.mainPage .areas .areaC .mes dt span{display:block;line-height:1.4em;font-size:2.4rem}.mainPage .areas img{height:auto;width:100%}.mainPage .areas .phoneOut .phoneOutHold{display:none;width:100%}.mainPage .area1{background:#fff}.mainPage .area1 .areaC{width:100%;background:#fff}@media (min-width:768px){.mainPage .area2{background:url(../img/screen2/bg_1.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:1920px){.mainPage .area2{background:url(../img/screen2/bg_2.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:2880px){.mainPage .area2{background:url(../img/screen2/bg_3.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:3840px){.mainPage .area2{background:url(../img/screen2/bg.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (max-width:767px){.mainPage .areas .areaC .mes dt span{font-size:18px}.mainPage .areas .phoneOut .phoneOutHold{display:block;width:100%}.mainPage .area2{background:url(../img/screen2/bg_mb.jpg) bottom center no-repeat #b4d7f6;background-size:contain}}.mainPage .area2 .areaC .mes{width:52%;top:6%;text-align:center;transform:translate(-50%,0)}@media (max-width:1280px){.mainPage .area2 .areaC .mes{width:60%}}@media (max-width:1024px){.mainPage .area2 .areaC .mes{width:87%}}@media (max-width:767px){.mainPage .area2 .areaC .mes{width:90%;text-align:left}}@media (min-width:1280px){.mainPage .area1 .areaC{min-height:600px}.mainPage .area2 .areaC .mes dt{width:120%;margin-left:-10%}}.mainPage .area2 .areaC .pos1{position:absolute;width:52%;bottom:12%;left:24%}@media (max-width:1024px){.mainPage .area2 .areaC .pos1{bottom:10%}}@media (min-width:768px){.mainPage .area3{background:url(../img/screen3/bg_1.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:1920px){.mainPage .area3{background:url(../img/screen3/bg_2.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:2880px){.mainPage .area3{background:url(../img/screen3/bg_3.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:3840px){.mainPage .area3{background:url(../img/screen3/bg.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (max-width:767px){.mainPage .area2 .areaC .pos1{bottom:12%;width:90%;left:5%}.mainPage .area2 .areaC .phoneOut .phoneOutHold{width:108%}.mainPage .area3{background:url(../img/screen3/bg_mb.jpg) bottom center no-repeat #eff2f5;background-size:contain}}.mainPage .area3 .areaC .mes{text-align:center;width:52%;top:17%;transform:translate(-50%,0)}.mainPage .area3 .areaC .pos1,.mainPage .area4 .areaC .mes{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area3 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area3 .areaC .mes{width:90%}}@media (max-width:767px){.mainPage .area3 .areaC .mes{width:90%;text-align:left;z-index:9}}.mainPage .area3 .areaC .pos1{position:absolute;width:37.36%;bottom:0;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area3 .areaC .pos1{width:90%}}.mainPage .area3 .areaC .phoneOut .phoneOutHold{width:130%}@media (min-width:768px){.mainPage .area4{background:url(../img/screen4/bg_1.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:1920px){.mainPage .area4{background:url(../img/screen4/bg_2.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:2880px){.mainPage .area4{background:url(../img/screen4/bg_3.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:3840px){.mainPage .area4{background:url(../img/screen4/bg.jpg) center center no-repeat #b4d7f6;background-size:cover}}.mainPage .area4 .areaC .mes{text-align:center;width:50%;top:6%;color:#000;transform:translate(-50%,0)}.mainPage .area4 .areaC .pos1,.mainPage .area5 .areaC .mes,.mainPage .area5 .areaC .phoneOut .carousel{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (max-width:1280px){.mainPage .area4 .areaC .mes{width:57%}}@media (max-width:1024px){.mainPage .area4 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area4 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area4{background:url(../img/screen4/bg_mb.jpg) bottom center no-repeat #bdd5f5;background-size:cover}.mainPage .area4 .areaC .mes{width:90%;text-align:left}}.mainPage .area4 .areaC .pos1{position:absolute;width:28%;bottom:0;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area4 .areaC .pos1{width:90%;position:relative}}.mainPage .area5{background:#fff}.mainPage .area5 .areaC .mes{text-align:center;width:60%;top:6%;color:#000;transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area5 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area5 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area5 .areaC .mes{width:90%;text-align:left}.mainPage .area5 .areaC .phoneOut .phoneOutHold{width:295%}}.mainPage .area5 .areaC .phoneOut .carousel{position:absolute;width:21%;top:25%;transform:translate(-50%,0);border-radius:2.5vw}.mainPage .area5 .areaC .phoneOut .carousel .carouselBox{border-radius:14%;overflow:hidden;width:100%;margin:0 auto;position:relative}.mainPage .area5 .areaC .phoneOut .carousel .carouselBox .banner{width:100%;position:relative}.mainPage .area5 .areaC .phoneOut .carousel .carouselBox .banner a{width:100%;display:block;opacity:0;position:absolute;left:0;top:0}.mainPage .area5 .areaC .phoneOut .carousel .carouselBox .banner a img{width:100%}.mainPage .area5 .areaC .phoneOut .carousel .carousel-phone{position:absolute;top:0;left:0;width:100%}.mainPage .area5 .areaC .phoneOut .carousel #pageCon{width:300px;position:absolute;bottom:-45px;left:50%;margin-left:-150px;z-index:99;text-align:center}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li{display:none;font-size:1.7rem}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li.active{display:block}@media (max-width:768px){.mainPage .area5 .areaC .phoneOut .carousel{top:33%}}@media (max-width:767px){.mainPage .area5 .areaC .phoneOut .carousel{top:30%;width:62.5%}}@media (max-width:340px){.mainPage .area5 .areaC .phoneOut .carousel{top:35%}}.mainPage .area6 .areaC .mes,.mainPage .area7 .areaC .mes{top:6%;left:50%;color:#000;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (max-width:991px) and (min-width:768px){.mainPage .area6{background:url(../img/screen6/bg.jpg) bottom center no-repeat #dee7f0;background-size:100% auto}}@media (min-width:992px){.mainPage .area6{background:url(../img/screen6/bg_1.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:1920px){.mainPage .area6{background:url(../img/screen6/bg_2.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:2880px){.mainPage .area6{background:url(../img/screen6/bg_3.jpg) center center no-repeat #b4d7f6;background-size:cover}}@media (min-width:3840px){.mainPage .area6{background:url(../img/screen6/bg.jpg) center center no-repeat #b4d7f6;background-size:cover}}.mainPage .area6 .areaC .mes{text-align:center;width:54%;transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area6 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area6 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area6{background:url(../img/screen6/bg_mb.jpg) bottom center no-repeat #e1e8f0;background-size:contain}.mainPage .area6 .areaC .mes{width:90%;text-align:left}}.mainPage .area6 .areaC .pos1{position:absolute;width:52%;bottom:16%;left:24%}@media (max-width:767px){.mainPage .area6 .areaC .pos1{width:90%;left:5%}.mainPage .area6 .areaC .phoneOut .phoneOutHold{width:128%}}.mainPage .area7{background:#fff}.mainPage .area7 .areaC .mes{text-align:center;width:47%;transform:translate(-50%,0)}.mainPage .area7 .areaC .videoCon,.mainPage .area7 .areaC .videoReplay{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area7 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area7 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area7 .areaC .mes{width:90%;text-align:left}}.mainPage .area7 .areaC .videoCon{position:absolute;width:49.29%;bottom:20%;transform:translate(-50%,0);overflow:hidden}@media (max-width:767px){.mainPage .area7 .areaC .videoCon{width:90%}}.mainPage .area7 .areaC .videoCon .hold{width:100%;position:relative;z-index:2}.mainPage .area7 .areaC .videoCon .videoP{position:absolute;z-index:1;top:3.6%;left:1.8%;width:94.3%;object-fit:cover;border-radius:5%;overflow:hidden}@media (max-width:767px){.mainPage .area7 .areaC .videoCon .videoP{top:2.5%;padding:2px 0}}.mainPage .area7 .areaC .videoCon .videoP video{width:100%;position:absolute;top:0;left:0;z-index:3;opacity:0;transition:opacity .3s ease}.mainPage .area7 .areaC .videoCon .videoP.active video{opacity:1}.mainPage .area7 .areaC .videoReplay{font-size:1.7rem;position:absolute;bottom:13%;transform:translate(-50%,0);cursor:pointer}.mainPage .area8 .areaC .mes,.mainPage .area9 .areaC .mes{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.mainPage .area7 .areaC .videoReplay:after{content:'';position:relative;top:2px;display:inline-block;width:23px;height:14px;background:url(../img/screen7/replayIcon.png) center no-repeat;background-size:contain}.mainPage .area7 .areaC .videoReplay.canPlay{color:#0087cd}.mainPage .area7 .areaC .videoReplay.canPlay:after{background:url(../img/screen7/can-replayIcon.png) center no-repeat;background-size:contain}.mainPage .area8,.mainPage .area9{background:#fff}@media (max-width:767px){.mainPage .area7 .areaC .phoneOut .phoneOutHold{width:135%}}.mainPage .area8 .areaC .mes{text-align:center;width:57%;top:6%;color:#000;transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area8 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area8 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area8 .areaC .mes{width:90%;text-align:left}.mainPage .area8 .areaC .phoneOut .phoneOutHold{width:136%}}.mainPage .area8 .areaC .pos1{position:absolute;width:47%;bottom:0;left:26.5%}@media (max-width:767px){.mainPage .area8 .areaC .pos1{width:90%;left:5%;bottom:5%}}.mainPage .area9 .areaC .mes{text-align:center;width:50%;top:6%;color:#000;transform:translate(-50%,0)}.mainPage .area10 .areaC .mes,.mainPage .area9 .areaC .pos1{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);left:50%}@media (max-width:1024px){.mainPage .area9 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area9 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area9 .areaC .mes{width:90%;text-align:left}.mainPage .area9 .areaC .phoneOut .phoneOutHold{width:136%}}.mainPage .area9 .areaC .pos1{position:absolute;width:46.35%;bottom:0;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area9 .areaC .pos1{width:90%}}.mainPage .area10{background:#f3f3f3}.mainPage .area10 .areaC .mes{text-align:center;width:61%;top:6%;color:#000;transform:translate(-50%,0)}.mainPage .area10 .areaC .pos1,.mainPage .area11 .areaC .mes{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area10 .areaC .mes{width:60%}}@media (max-width:768px){.mainPage .area10 .areaC .mes{width:74%}}@media (max-width:767px){.mainPage .area10 .areaC .mes{width:90%;text-align:left}.mainPage .area10 .areaC .phoneOut .phoneOutHold{width:165%}}.mainPage .area10 .areaC .pos1{position:absolute;width:61%;bottom:0;left:50%;transform:translate(-50%,0)}@media (max-width:1280px) and (min-width:992px){.mainPage .area10 .areaC .pos1{width:58%}}@media (max-width:767px){.mainPage .area10 .areaC .pos1{width:95%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);left:5%}}.mainPage .area10 .areaC .pos1 .people{position:relative;z-index:1;width:100%}.mainPage .area10 .areaC .pos1 .grid{position:absolute;z-index:2;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}.mainPage .area10 .areaC.active .grid{-moz-animation:gridOpacity 1s .6s ease forwards;-o-animation:gridOpacity 1s .6s ease forwards;-webkit-animation:gridOpacity 1s .6s ease forwards;animation:gridOpacity 1s .6s ease forwards}@-moz-keyframes gridOpacity{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-o-keyframes gridOpacity{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes gridOpacity{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@keyframes gridOpacity{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}.mainPage .area10 .areaC.active .rightcircle{-moz-animation:circleProgressLoad_right 5s linear 1 forwards;-o-animation:circleProgressLoad_right 5s linear 1 forwards;-webkit-animation:circleProgressLoad_right 5s linear 1 forwards;animation:circleProgressLoad_right 5s linear 1 forwards}.mainPage .area10 .areaC.active .leftcircle{-moz-animation:circleProgressLoad_left 5s linear 1 forwards;-o-animation:circleProgressLoad_left 5s linear 1 forwards;-webkit-animation:circleProgressLoad_left 5s linear 1 forwards;animation:circleProgressLoad_left 5s linear 1 forwards}@-moz-keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,50%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-o-keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,50%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-webkit-keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,50%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,50%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-moz-keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-o-keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-webkit-keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}}.mainPage .area11{background:#fff}.mainPage .area11 .areaC .mes{text-align:center;width:53%;top:6%;left:50%;color:#000;transform:translate(-50%,0)}@media (max-width:1280px){.mainPage .area11 .areaC .mes{width:59%}}@media (max-width:1024px){.mainPage .area11 .areaC .mes{width:70%}}@media (max-width:767px){.mainPage .area11 .areaC .mes{width:90%;text-align:left}}.mainPage .area11 .areaC .pos1{position:absolute;width:23.4%;bottom:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area11 .areaC .pos1{width:67.65%;bottom:0}.mainPage .area11 .areaC .phoneOut .phoneOutHold{width:220%}}.mainPage .area12{background:#121212}.mainPage .area12 .part-top{padding:50px 0}.mainPage .area12 .areaC{width:62%;margin:0 auto;max-width:1300px;color:#fff}.mainPage .area12 .areaC .remarks-list{font-size:14px;padding-left:12px;color:#999}.mainPage .area12 .areaC .remarks-list li{list-style-type:decimal}@media (max-width:1024px){.mainPage .area12 .areaC{width:90%}}@media (max-width:767px){.mainPage .area12 .areaC{width:90%}.mainPage{padding-top:0}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li{font-size:.5rem}.mainPage .area7 .areaC .videoReplay{font-size:.5rem;bottom:11%}}@media (min-width:783px) and (max-width:991px){.mainPage .areas .areaC .mes dt span{font-size:.4rem}.mainPage .areas .areaC .mes dt strong{font-size:.5rem}.mainPage .areas .areaC .mes dd p{font-size:.25rem}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li{font-size:.2rem}.mainPage .area5 .areaC .phoneOut .carousel{top:33%}.mainPage .area7 .areaC .videoReplay{bottom:12%;font-size:.3rem}}#airbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#airbox em.loading{width:55px;height:55px;line-height:55px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(images/loading-ico.gif) no-repeat;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;display:none}#airbox .popup-page{width:100%;height:100%;overflow:hidden;color:#666;z-index:2;position:relative;display:none;-webkit-perspective:2000;-moz-perspective:2000;-ms-perspective:2000;perspective:2000;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.popup_page_mark{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5}#airbox .popup-inner{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0;visibility1:hidden;-ms-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-moz-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-ms-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-ms-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}#airbox .popup-page.open .popup-inner{opacity:1;visibility1:visible;-webkit-transform:scale(1) rotate3d(0,-1,0 ,0deg);-moz-transform:scale(1) rotate3d(0,-1,0 ,0deg);-ms-transform:scale(1) rotate3d(0,-1,0 ,0deg);transform:scale(1) rotate3d(0,-1,0 ,0deg)}