/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,div{margin:0;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,i,li,p,span,ul{text-decoration:none;box-sizing:border-box;font-size:14px;-webkit-margin-before:0;-webkit-margin-after:0;padding:0;margin:0;list-style-type:none;font-weight:400;color:#333}*,:after,:before{box-sizing:border-box}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}input,textarea{border:1px solid #d1d1d1;background:#fff;padding:0 10px;box-sizing:border-box;outline:0}a:hover{text-decoration:none}*{padding:0;word-wrap:break-word;word-wrap:break-word;box-sizing:border-box}body,html{overflow-x:hidden;position:relative;max-width:100%;margin:0 auto;background:#fff}img{display:block;max-width:100%}@media only screen and (-webkit-device-pixel-ratio:2){.border-1px::after{transform:scaleY(.5)}}@media only screen and (-webkit-device-pixel-ratio:3){.border-1px::after{transform:scaleY(.33333333)}}@font-face{font-family:OPPOSans;src:url(/static/font/OPPOSans-R.ttf),url(/static/font/OPPOSans-M.ttf),url(/static/font/OPPOSans-B.ttf),url(/static/font/OPPOSans-H.ttf),url(/static/font/OPPOSans-L.ttf);font-weight:400;font-style:normal}@font-face{font-family:enOPPOSans;src:url("/static/font/en/Futura Bk BT Book.ttf"),url("/static/font//en/Futura Md BT Bold Italic.ttf"),url("/static/font//en/Futura Md BT Bold.ttf"),url("/static/font//en/Futura Md BT Medium Italic.ttf"),url("/static/font//en/Futura Md BT Medium.ttf");font-weight:400;font-style:normal}body{font-family:OPPOSans,Avenir-Black,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif!important}body#enWeb{font-family:enOPPOSans,Avenir-Black,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif!important}.showPc{display:block}.showM{display:none!important}@media only all and (max-width:768px){.showPc{display:none}.showM{display:block!important}}.main{position:relative;z-index:100;background:#fff}.arrow-right{width:5px;height:5px;border-top:1.5px solid;border-right:1.5px solid;border-color:#fff;content:"";position:absolute;left:3px;top:4px;transform:rotate(45deg);transform-origin:50% 50%}@media only all and (max-width:768px){.arrow-right{width:9px;height:9px;left:3px;top:5px}}a{text-decoration:none!important}body{overflow-x:hidden}.container{max-width:1600px!important;width:80%;margin:0 auto}@media only all and (max-width:768px){.container{width:94%}}.sub-container{max-width:1600px!important;width:70%;margin:0 auto}@media only all and (max-width:768px){.sub-container{width:90%}}.common-banner-wrap{position:relative;width:100vw;overflow:hidden}.common-banner-wrap .common-banner-bg{display:block;width:100%;height:auto}.common-banner-wrap .common-banner-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner-wrap .common-banner-content .common-banner-title{font-weight:700;font-size:44px;color:#fff}@media only all and (max-width:1000px){.common-banner-wrap .common-banner-content .common-banner-title{font-size:40px}}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content .common-banner-title{font-size:24px}}.common-banner-wrap .common-banner-content .common-banner-desc{font-weight:700;font-size:26px;color:#fff;margin-top:34px}@media only all and (max-width:1000px){.common-banner-wrap .common-banner-content .common-banner-desc{font-size:20px;margin-top:14px}}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content .common-banner-desc{font-size:14px;margin-top:4px}}.common-downbanner-wrap{position:relative;width:100vw;overflow:hidden}.common-downbanner-wrap .common-banner-bg{display:block;width:100%;height:auto}.common-downbanner-wrap .common-banner-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-downbanner-wrap .common-banner-content .common-banner-title{font-weight:700;font-size:44px;color:#fff}@media only all and (max-width:1000px){.common-downbanner-wrap .common-banner-content .common-banner-title{font-size:40px}}@media only all and (max-width:768px){.common-downbanner-wrap .common-banner-content .common-banner-title{font-size:24px}}.common-downbanner-wrap .common-banner-content .down-page{margin-top:5%;border-color:#1dadd0}.common-downbanner-wrap .common-banner-content .down-page .arrow-right{transform:rotate(136deg);left:7px;top:5.8px;border-color:#1dadd0}.common-downbanner-wrap .ft-center{display:flex;flex-direction:column;align-items:center}.com-more-btn{display:inline-block;font-size:12px;padding:13px 50px;background:#1dadd0;border-radius:50px;color:#fff;transition:all .3s;cursor:pointer;opacity:1}@media only all and (max-width:768px){.com-more-btn{font-size:14px;padding:10px 20px}}.com-more-btn:hover{background:rgba(29,173,208,.56)}.arrow-box{position:relative;width:25px;height:25px;border-radius:50%;cursor:pointer;border:1.5px solid #fff}.arrow-box .arrow-right{border-color:#fff;width:8px;height:8px}.arrow-box.active,.arrow-box:hover{border-color:#1dadd0}.arrow-box.active .arrow-right,.arrow-box:hover .arrow-right{border-color:#1dadd0}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:35px 0}header *{color:#fff}header.active,header.arrow-box:hover{background-color:#363636}header .navbar-brand{width:111px}header .navbar-brand .logo2{display:none}header nav{display:flex;align-items:center;justify-content:space-between}header .navbar-collapse{display:flex;align-items:center}header .nav-link{padding:10px 0;font-size:14px;line-height:1.5;color:#fff;margin-right:60px}@media only all and (max-width:1000px){header .nav-link{margin-right:30px}}header .nav-link:hover{color:#1dadd0}header .nav-link span{color:#fff}header .navbar-nav{display:flex;align-items:center;justify-content:flex-end;text-align:center;flex:1}header .bgwhite{position:absolute;width:100%;height:100%;opacity:0;z-index:-1;transition:all .9s;top:0;left:0;background-color:#fff;box-shadow:0 -2px 20px 2px #fff}header.header-white .logo2{display:block}header.header-white .logo{display:none}header.header-white *{color:#333}.comm-title{font-size:50px;line-height:1.2;font-weight:700;color:#333}.comm-title::after{margin-top:30px;content:"";display:block;width:40px;height:5px;background:#333;border-radius:2px}.comm-btn{width:200px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:30px;transition:all .4s;cursor:pointer}.comm-btn span{font-size:18px;color:#fff}.comm-btn img{margin-left:40px;width:10px;height:auto}.comm-btn:hover{background:#1dadd0!important;border-color:#1dadd0;color:#fff!important;text-decoration:none}.henad-list{display:flex;align-items:center;word-spacing:normal;color:#000!important}.henad-list .lang_btn{margin-right:20px}footer{padding:129px 0 170px;background-color:#464646;width:100%;background:#333;color:#d8d8d8}@media only all and (max-width:1280px){footer{padding:109px 0 150px}}@media only all and (max-width:1000px){footer{padding:69px 0 110px}}@media only all and (max-width:768px){footer{padding:40px 0 60px}}footer .container{display:flex;justify-content:space-between}@media only all and (max-width:768px){footer .container{flex-direction:column}}footer .footer-logo{display:block;width:111px;height:auto;-o-object-fit:contain;object-fit:contain}@media only all and (max-width:768px){footer .footer-logo{text-align:center;margin:0 auto}}footer .navs{flex:1;display:flex;align-items:baseline;justify-content:center}@media only all and (max-width:768px){footer .navs{justify-content:space-between;margin:20px 0 0 0}}footer .navs .items{display:flex;flex-direction:column;margin-left:80px}footer .navs .items:first-child{margin-left:0}@media only all and (max-width:1280px){footer .navs .items{margin-left:40px}}@media only all and (max-width:768px){footer .navs .items{padding:0 0}}footer .navs .items .title{font-weight:500;font-size:18px;color:#1dadd0;margin-bottom:20px}@media only all and (max-width:768px){footer .navs .items .title{margin-bottom:0;padding:6px 0;font-size:16px}}footer .navs .items a{font-size:12px;color:#fff;line-height:1.6;margin-bottom:6px}@media only all and (max-width:768px){footer .navs .items a{margin-bottom:10px}}footer .navs .items a:hover{color:#1dadd0}footer .navs .items a:last-child{margin-bottom:0}@media only all and (max-width:768px){footer .other-infos{margin-top:10px}}footer .other-infos p{font-size:12px;color:#fff;line-height:1.6}@media only all and (max-width:768px){footer .other-infos p{text-align:left;width:100%}}footer .other-infos p a{display:block;font-size:12px;color:#fff;line-height:1.6;margin-top:4px}@media only all and (max-width:768px){footer .other-infos p a{text-align:left;width:100%}}footer .other-infos p a:hover{color:#1dadd0}.pagination{margin-top:40px;display:flex;justify-content:center;align-items:center}.pagination .page-btn{padding:10px;margin:0 15px}.pagination .page-item:last-child,.pagination .page-item:nth-child(1){padding:10px;margin:0 15px}.pagination .page-item:last-child .page-link,.pagination .page-item:nth-child(1) .page-link{width:auto;height:auto;margin:0}.pagination .page-item:last-child .page-link{transform:rotate(180deg)}.pagination img{display:block;height:16px;width:auto}.page-link{padding:0;margin:0 5px;width:50px;line-height:50px;text-align:center;background:0 0;border-radius:50%;border:none;font-size:18px;font-weight:700;color:#333}.page-item.active .page-link,.page-item.arrow-box:hover .page-link{background:#30a693;color:#fff}.page-item.disabled .page-link{color:#999;border-color:transparent;background:0 0}.lang_btn{position:relative;display:flex;align-items:center;color:#fff;font-size:15px}.lang_btn .lang-img{position:relative;width:15px;height:15px;margin-right:6px}.lang_btn .lang-img img{display:block;position:absolute;width:100%;height:100%;transition:.2s}.lang_btn .lang-img .dimg{opacity:1;display:block}.lang_btn .lang-img .bimg{opacity:0;display:none}.lang_btn .lang-img .himg{opacity:0}.lang_btn:hover{color:#1dadd0}.lang_btn:hover .lang-img .dimg{opacity:0}.lang_btn:hover .lang-img .himg{opacity:1}.header-white .lang_btn .dimg{display:none}.header-white .lang_btn .bimg{opacity:1;display:block}.header-white .lang_btn:hover{color:#1dadd0}.header-white .lang_btn:hover .lang-img .bimg{opacity:0}.header-white .lang_btn:hover .lang-img .himg{opacity:1}header .menu{transition:all .4s;float:right;width:48px;height:43px;padding-left:15px;padding-top:6px;padding-right:20px}header .menu span{display:block;width:25px;height:2px;margin:6px 0;background:#fff;border-bottom:1px solid #333;transition:all .4s}header .menu span:nth-child(1){width:20px}header .menu span:nth-child(3){width:20px}header .menu.active span,header .menu.arrow-box:hover span{margin:-2px}header .menu.active span:nth-child(1),header .menu.arrow-box:hover span:nth-child(1){display:none}header .menu.active span:nth-child(2),header .menu.arrow-box:hover span:nth-child(2){width:25px;transform:translateY(16px) rotate(45deg)}header .menu.active span:nth-child(3),header .menu.arrow-box:hover span:nth-child(3){width:25px;transform:translateY(16px) rotate(-45deg)}@keyframes banner{0%{background-position:50% 55%}25%{background-position:50% 50%}50%{background-position:50% 45%}75%{background-position:50% 50%}100%{background-position:50% 55%}}@media (min-width:2000px){body{max-width:100%;margin:0 auto}}@media (max-width:768px){header{padding:20px 0}.navbar-collapse{display:none;position:absolute;left:0;top:100%;width:100%;height:auto;background-color:#fff}.navbar-collapse .lang_btn{display:none}.navbar-collapse .navbar-nav{flex-direction:column}.navbar-collapse .navbar-nav .nav-item{width:100%;border-top:1px solid rgba(0,0,0,.1)}.navbar-collapse .navbar-nav .nav-item .nav-link{display:block;width:100%;margin:0;padding:20px 0;font-size:14px}}@media (max-width:768px){#enWeb .navbar-collapse .navbar-nav .nav-item .nav-link{padding:10px 0}#enWeb .common-downbanner-wrap .common-banner-content .common-banner-title{font-size:18px}}