@charset "utf-8";*,a,img{-webkit-tap-highlight-color:transparent}.btmDataArea .btnTop a span,li{list-style:none}.mainPage .area10 .areaC .pos1 .circle_wrapper *,button{box-sizing:content-box}@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}@font-face{font-family:"zawgyi one";font-weight:200;src:url(font/zawgyi-webfont.eot);src:url(font/zawgyi-webfont.eot?#iefix) format('embedded-opentype'),url(font/Zawgyi-One.ttf) format("truetype")}*{-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:"zawgyi one","Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;background:#FFF;overflow-x:hidden;margin:0!important;padding:0!important}.clear,body,dd,dl,dt,h5,h6,input,li,p,ul{padding:0;margin:0}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;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:"zawgyi one","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 .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)}.mainPage .area2 .areaC .mes,.mainPage .area3 .areaC .mes{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);color:#000}#btmDataArea .btmDataAreaAc .btnInset .bgAc{position:static;display:block}#btmDataArea .btmDataAreaAc .btnInset .hold{display:none}.btmDataArea .phoneData{background:#FFF;display:none;border-top:1px #ccc dashed}.btmDataArea .phoneData dl{width:90%;padding:0 5%;text-align:left}.btmDataArea .phoneData dl dt{padding:10px 0;font-size:18px;border-bottom:1px #666 solid;font-weight:700}.btmDataArea .phoneData dl h6{font-size:12px;line-height:18px;font-weight:400}.btmDataArea .phoneData dl dd{padding:10px 0;font-size:12px;line-height:18px;border-bottom:1px #e2e2e2 solid}.btmDataArea .phoneData dl dd span{float:left;display:block;width:40%}.btmDataArea .phoneData dl dd p{float:left;width:60%}.return_top{position:fixed;right:15px;bottom:55px;z-index:99999;display:none;width:40px;margin-left:-20px;cursor:pointer}.return_top img{display:block;width:100%}#dataPop,.mainPage .myBanner{display:none}.return_top_box{width:100%;height:110px;background:#222;display:none}#dataPop{position:fixed;left:0;top:0;z-index:999999999;width:100%;height:100%}.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}img{-webkit-touch-callout:none}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:10px!important}}@media (min-width:2560px){html{font-size:17.7px!important}}@media (min-width:2880px){html{font-size:20px!important}}.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 .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}@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{font-family:AvenirNextLTPro-Demi,"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif}.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%}@media (max-width:767px){.mainPage .areas .areaC .mes dt span{font-size:18px}.mainPage .areas .phoneOut .phoneOutHold{display:block;width:100%}}.mainPage .area1{background:-webkit-linear-gradient(#ebf2fa,#d0dcea);background:-o-linear-gradient(#ebf2fa,#d0dcea);background:-moz-linear-gradient(#ebf2fa,#d0dcea);background:linear-gradient(#ebf2fa,#d0dcea)}.mainPage .area1 .areaC{width:100%}@media (min-width:1024px){.mainPage .area1 .areaC{padding-top:0;min-height:500px}}@media (min-width:1920px){.mainPage .area1 .areaC{width:80%;max-width:2560px}}@media (min-width:768px){.mainPage .area2{background:url(../img/screen2/bg.jpg) center center no-repeat;background-size:cover}}@media (max-width:767px){.mainPage .area2{background:url(../img/screen2/bg_mb.jpg) bottom center no-repeat #9fd9fc;background-size:contain}}.mainPage .area3,.mainPage .area4,.mainPage .area5,.mainPage .area6{background:#fff}.mainPage .area2 .areaC .mes{width:76%;top:6%;left:50%;text-align:center;transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area2 .areaC .mes{width:76%!important}}@media (max-width:767px){.mainPage .area2 .areaC .mes{width:90%;text-align:left}}@media (min-width:1280px){.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 (max-width:767px){.mainPage .area2 .areaC .pos1{bottom:12%;width:90%;left:5%}.mainPage .area2 .areaC .phoneOut .phoneOutHold{width:108%}}.mainPage .area3 .areaC .mes{text-align:center;width:58%;top:6%;left:50%;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:25%;bottom:0;left:30.8%}@media (max-width:767px){.mainPage .area3 .areaC .pos1{width:58.4%;left:4.68%}}.mainPage .area3 .areaC .pos2{position:absolute;width:25.2%;bottom:0;left:44.6%}@media (max-width:767px){.mainPage .area3 .areaC .pos2{width:58.75%;left:auto;right:4.68%}.mainPage .area3 .areaC .phoneOut .phoneOutHold{width:140%}}.mainPage .area4 .areaC .mes,.mainPage .area4 .areaC .pos1{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.mainPage .area4 .areaC .mes{text-align:center;width:52%;top:6%;color:#000;transform:translate(-50%,0)}@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 .area3{background:#fff}.mainPage .area4 .areaC .mes{width:90%;text-align:left}}.mainPage .area4 .areaC .pos1{position:absolute;width:42%;bottom:0;transform:translate(-50%,0)}.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:767px){.mainPage .area4 .areaC .pos1{width:100%;position:relative}}.mainPage .area5 .areaC .mes{text-align:center;width:50%;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:275%}}.mainPage .area5 .areaC .phoneOut .carousel{position:absolute;width:21%;top:27%;transform:translate(-50%,0);border-radius:2.5vw}.mainPage .area6 .areaC .mes,.mainPage .area6 .areaC .pos1,.mainPage .area7 .areaC .mes{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.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 (min-width:1920px){.mainPage .area5 .areaC .phoneOut .carousel #pageCon{bottom:-65px}}@media (max-width:768px){.mainPage .area5 .areaC .phoneOut .carousel{top:33%}}@media (max-width:767px){.mainPage .area5 .areaC .phoneOut .carousel{top:37%;width:62.5%}}@media (max-width:340px){.mainPage .area5 .areaC .phoneOut .carousel{top:35%}}.mainPage .area6 .areaC .mes{text-align:center;width:47%;top:6%;left:50%;color:#000;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 .areaC .mes{width:90%;text-align:left}}.mainPage .area6 .areaC .pos1{position:absolute;width:60.4%;bottom:10%;left:50%;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area6 .areaC .pos1{width:90%}.mainPage .area6 .areaC .phoneOut .phoneOutHold{width:128%}}.mainPage .area7 .areaC .mes{text-align:center;width:47%;top:6%;left:50%;color:#000;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 .pos1{position:absolute;width:52%;bottom:12%;left:24%}@media (max-width:1024px){.mainPage .area7 .areaC .pos1{bottom:10%}}@media (max-width:767px){.mainPage .area7 .areaC .pos1{bottom:18%;width:90%;left:5%}.mainPage .area7 .areaC .phoneOut .phoneOutHold{width:135%}}.mainPage .area8 .areaC .mes,.mainPage .area8 .areaC .pos1{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}@media (min-width:768px){.mainPage .area7{background:url(../img/screen7/fish.png) center 65% no-repeat #e0f5fb;background-size:auto 60%}}@media (max-width:767px){.mainPage .area7{background:url(../img/screen7/fish_mb.png) center 70% no-repeat #e0f5fb;background-size:60%}}@media (min-width:768px){.mainPage .area8{background:url(../img/screen8/pic_2k.jpg) center center no-repeat;background-size:cover}}@media (min-width:2560px){.mainPage .area8{background:url(../img/screen8/pic_3k.jpg) center center no-repeat;background-size:cover}}@media (min-width:3840px){.mainPage .area8{background:url(../img/screen8/pic_5k.jpg) center center no-repeat;background-size:cover}}.mainPage .area8 .areaC .mes{text-align:center;width:50%;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:80%}}@media (max-width:767px){.mainPage .area8{background:url(../img/screen8/pic_mb.jpg) bottom center no-repeat #fff;background-size:contain}.mainPage .area8 .areaC .mes{width:90%;padding-bottom:75%;text-align:left}}.mainPage .area8 .areaC .pos1{position:absolute;width:50.2%;bottom:3%;transform:translate(-50%,0)}.mainPage .area9 .areaC .mes,.mainPage .area9 .areaC .pos1{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:767px){.mainPage .area8 .areaC .pos1{width:90%}.mainPage .area8 .areaC .phoneOut .phoneOutHold{width:125%}}.mainPage .area9{background:#fff}.mainPage .area9 .areaC .mes{text-align:center;width:47%;top:9%;color:#000;transform:translate(-50%,0)}@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 .pos1{position:absolute;width:62.2%;bottom:0;transform:translate(-50%,0)}.mainPage .area10 .areaC .mes,.mainPage .area10 .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:767px){.mainPage .area9 .areaC .pos1{width:90%;bottom:5%}}.mainPage .area10{background:#f4f4f4}.mainPage .area10 .areaC .mes{text-align:center;width:47%;top:6%;color:#000;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:185%}}.mainPage .area10 .areaC .pos1{position:absolute;width:31.5%;bottom:0;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area10 .areaC .pos1{width:300px}}.mainPage .area10 .areaC .pos1 .circle_wrapper{width:14vw;height:14vw;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:url(../img/screen10/pic.png) center no-repeat #fff;background-size:96%;position:absolute;top:40%;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 .area10 .areaC .pos1 .circle_wrapper{width:180px;height:180px;top:29%}}.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper{width:50%;height:100%;position:absolute;top:0}@media (max-width:767px){.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper{width:90px;height:180px}}.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper .circle{width:calc(200% - 4px);height:calc(100% - 4px);border:2px solid #2199fe;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper .rightcircle{border-top:2px solid #ddd;border-right:2px solid #ddd;right:0}.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper .leftcircle{border-bottom:2px solid #ddd;border-left:2px solid #ddd;left:0}.mainPage .area10 .areaC .pos1 .circle_wrapper .right{right:0;z-index:9;overflow:hidden}.mainPage .area10 .areaC .pos1 .circle_wrapper .left{left:0;z-index:8}.mainPage .area10 .areaC .pos1 .percent-num,.mainPage .area13 .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 .area10 .areaC .pos1 .percent-num{font-size:2.4rem;position:absolute;bottom:11%;font-weight:700;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area10 .areaC .pos1 .circle_wrapper .wrapper .circle{width:176px;height:176px}.mainPage .area10 .areaC .pos1 .percent-num{font-size:20px}}.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 .area13{background:#fff}.mainPage .area13 .areaC .mes{text-align:center;width:53%;top:6%;color:#000;transform:translate(-50%,0)}.mainPage .area11 .areaC .mes,.mainPage .area13 .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 .area13 .areaC .mes{width:60%}}@media (max-width:767px){.mainPage .area13 .areaC .mes{width:90%;text-align:left}}.mainPage .area13 .areaC .pos1{position:absolute;width:74.7%;bottom:0;transform:translate(-50%,0)}@media (max-width:767px){.mainPage .area13 .areaC .pos1{width:100%}.mainPage .area13 .areaC .phoneOut .phoneOutHold{width:160%}}.mainPage .area11{background:#f7f7f7}.mainPage .area11 .areaC .mes{text-align:center;width:53%;top:6%;color:#000;transform:translate(-50%,0)}@media (max-width:1024px){.mainPage .area11 .areaC .mes{width:60%}}@media (max-width:767px){.mainPage .area11 .areaC .mes{width:90%;text-align:left}}.mainPage .area11 .areaC .pos1{position:absolute;width:24.1%;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:768px){.mainPage .area11 .areaC .pos1{bottom:6%}}@media (max-width:767px){.mainPage .area11 .areaC .pos1{width:85%;bottom:0}.mainPage .area11 .areaC .phoneOut .phoneOutHold{width:283%}}.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 .area5 .areaC .phoneOut .carousel #pageCon{bottom:-70px}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li{font-size:.7rem}}@media (min-width:991px) and (max-width:1375px){.mainPage .area2 .areaC .mes{width:80%}.mainPage .area2 .areaC .pos1{bottom:5px}.mainPage .area3 .areaC .pos1,.mainPage .area3 .areaC .pos2{bottom:-10%}.mainPage .area4 .areaC .mes{width:65%}.mainPage .area10 .areaC .mes,.mainPage .area11 .areaC .mes,.mainPage .area13 .areaC .mes,.mainPage .area5 .areaC .mes,.mainPage .area6 .areaC .mes,.mainPage .area7 .areaC .mes{width:62%}.mainPage .area4 .areaC .pos1{bottom:-2%}.mainPage .area5 .areaC .phoneOut .carousel{top:30%}.mainPage .area6 .areaC .pos1{bottom:2%}.mainPage .area11 .areaC .pos1,.mainPage .area13 .areaC .pos1{bottom:-6%}}@media (min-width:767px) and (max-width:991px){.mainPage .area10 .areaC .mes,.mainPage .area11 .areaC .mes,.mainPage .area13 .areaC .mes,.mainPage .area3 .areaC .mes,.mainPage .area4 .areaC .mes,.mainPage .area5 .areaC .mes,.mainPage .area6 .areaC .mes,.mainPage .area7 .areaC .mes{width:82%}.mainPage .area6 .areaC .pos1{bottom:2%}.mainPage .areas .areaC .mes dt span{font-size:.35rem}.mainPage .areas .areaC .mes dt strong{font-size:.5rem}.mainPage .area5 .areaC .phoneOut .carousel #pageCon li,.mainPage .areas .areaC .mes dd p{font-size:.25rem}.mainPage .areas .areaC .mes dd p.small{font-size:.2rem}.mainPage .area5 .areaC .phoneOut .carousel{top:38%}.mainPage .area2 .areaC .pos1{bottom:6%}.mainPage .area2 .areaC .mes{width:85%!important}}@media screen and (max-width:640px){.mainPage .area5 .areaC .phoneOut .carousel #pageCon li{font-size:.45rem}}#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)}.__uimix_wrapper *{font-family:"zawgyi one"}