/*! 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,.news-mode-wraps .news-nav .arrow-box.btns:hover,.news-mode-wraps .news-nav .arrow-box.next:hover,.news-mode-wraps .news-nav .arrow-box.prev:hover,.prod-mode-wraps .item-nav-list span.arrow-box:hover,.prod-mode-wraps .swiper-container span.arrow-box:hover{border-color:#1dadd0}.arrow-box.active .arrow-right,.arrow-box:hover .arrow-right,.news-mode-wraps .news-nav .arrow-box.btns:hover .arrow-right,.news-mode-wraps .news-nav .arrow-box.next:hover .arrow-right,.news-mode-wraps .news-nav .arrow-box.prev:hover .arrow-right,.prod-mode-wraps .item-nav-list span.arrow-box:hover .arrow-right,.prod-mode-wraps .swiper-container span.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}.news-mode-wraps .news-nav header.btns:hover,.news-mode-wraps .news-nav header.next:hover,.news-mode-wraps .news-nav header.prev:hover,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}.news-mode-wraps .news-nav .page-item.btns:hover .page-link,.news-mode-wraps .news-nav .page-item.next:hover .page-link,.news-mode-wraps .news-nav .page-item.prev:hover .page-link,.page-item.active .page-link,.page-item.arrow-box:hover .page-link,.prod-mode-wraps .item-nav-list span.page-item:hover .page-link,.prod-mode-wraps .swiper-container span.page-item: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}.news-mode-wraps .news-nav header .menu.btns:hover span,.news-mode-wraps .news-nav header .menu.next:hover span,.news-mode-wraps .news-nav header .menu.prev:hover span,.prod-mode-wraps .item-nav-list header span.menu:hover span,.prod-mode-wraps .swiper-container header span.menu:hover span,header .menu.active span,header .menu.arrow-box:hover span,header .news-mode-wraps .news-nav .menu.btns:hover span,header .news-mode-wraps .news-nav .menu.next:hover span,header .news-mode-wraps .news-nav .menu.prev:hover span,header .prod-mode-wraps .item-nav-list span.menu:hover span,header .prod-mode-wraps .swiper-container span.menu:hover span{margin:-2px}.news-mode-wraps .news-nav header .menu.btns:hover span:nth-child(1),.news-mode-wraps .news-nav header .menu.next:hover span:nth-child(1),.news-mode-wraps .news-nav header .menu.prev:hover span:nth-child(1),.prod-mode-wraps .item-nav-list header span.menu:hover span:nth-child(1),.prod-mode-wraps .swiper-container header span.menu:hover span:nth-child(1),header .menu.active span:nth-child(1),header .menu.arrow-box:hover span:nth-child(1),header .news-mode-wraps .news-nav .menu.btns:hover span:nth-child(1),header .news-mode-wraps .news-nav .menu.next:hover span:nth-child(1),header .news-mode-wraps .news-nav .menu.prev:hover span:nth-child(1),header .prod-mode-wraps .item-nav-list span.menu:hover span:nth-child(1),header .prod-mode-wraps .swiper-container span.menu:hover span:nth-child(1){display:none}.news-mode-wraps .news-nav header .menu.btns:hover span:nth-child(2),.news-mode-wraps .news-nav header .menu.next:hover span:nth-child(2),.news-mode-wraps .news-nav header .menu.prev:hover span:nth-child(2),.prod-mode-wraps .item-nav-list header span.menu:hover span:nth-child(2),.prod-mode-wraps .swiper-container header span.menu:hover span:nth-child(2),header .menu.active span:nth-child(2),header .menu.arrow-box:hover span:nth-child(2),header .news-mode-wraps .news-nav .menu.btns:hover span:nth-child(2),header .news-mode-wraps .news-nav .menu.next:hover span:nth-child(2),header .news-mode-wraps .news-nav .menu.prev:hover span:nth-child(2),header .prod-mode-wraps .item-nav-list span.menu:hover span:nth-child(2),header .prod-mode-wraps .swiper-container span.menu:hover span:nth-child(2){width:25px;transform:translateY(16px) rotate(45deg)}.news-mode-wraps .news-nav header .menu.btns:hover span:nth-child(3),.news-mode-wraps .news-nav header .menu.next:hover span:nth-child(3),.news-mode-wraps .news-nav header .menu.prev:hover span:nth-child(3),.prod-mode-wraps .item-nav-list header span.menu:hover span:nth-child(3),.prod-mode-wraps .swiper-container header span.menu:hover span:nth-child(3),header .menu.active span:nth-child(3),header .menu.arrow-box:hover span:nth-child(3),header .news-mode-wraps .news-nav .menu.btns:hover span:nth-child(3),header .news-mode-wraps .news-nav .menu.next:hover span:nth-child(3),header .news-mode-wraps .news-nav .menu.prev:hover span:nth-child(3),header .prod-mode-wraps .item-nav-list span.menu:hover span:nth-child(3),header .prod-mode-wraps .swiper-container span.menu: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}}@media only all and (max-width:768px){.common-banner-wrap .common-banner-bg{height:400px;-o-object-fit:cover;object-fit:cover}}.common-banner-wrap .common-banner-content{top:67%}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content{top:50%}}.common-banner-wrap .common-banner-content .common-banner-ft-box>div{color:#fff;line-height:1.6}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content .common-banner-ft-box>div{font-size:1.5}}.common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner-title{font-size:31px}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner-title{font-size:20px}}.common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner--subtitle{font-size:29px}@media only all and (max-width:768px){.common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner--subtitle{font-size:18px}}.common-banner-wrap .common-banner-content .com-more-btn{margin-top:6%}.mode-wraps .mode-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:29px;border-bottom:1px solid rgba(156,156,156,.4)}.mode-wraps .mode-title .title{font-weight:700;font-size:26px;color:#4c4c4c}@media only all and (max-width:768px){.mode-wraps .mode-title .title{font-size:20px}}.mode-wraps .mode-title .more{display:flex;align-items:center;font-size:12px;color:grey}@media only all and (max-width:768px){.mode-wraps .mode-title .more{font-size:14px}}.mode-wraps .mode-title .more span{position:relative;margin-left:4px;background-color:#1dadd0;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;transition:.3s}@media only all and (max-width:768px){.mode-wraps .mode-title .more span{font-size:14px;width:20px;height:20px}}.mode-wraps .mode-title .more span:hover{background-color:rgba(29,173,208,.56)}.prod-mode-wraps{background-color:#fff;padding-top:112px}@media only all and (max-width:1280px){.prod-mode-wraps{padding-top:82px}}@media only all and (max-width:1000px){.prod-mode-wraps{padding-top:62px}}@media only all and (max-width:768px){.prod-mode-wraps{padding-top:30px}}.prod-mode-wraps .mode-content{margin:133px 0 174px;display:flex;height:340px;align-items:center}@media only all and (max-width:1280px){.prod-mode-wraps .mode-content{margin:93px 0 134px}}@media only all and (max-width:1000px){.prod-mode-wraps .mode-content{margin:73px 0 104px}}@media only all and (max-width:768px){.prod-mode-wraps .mode-content{margin:20px 0 54px;height:auto;flex-direction:column}}.prod-mode-wraps .mode-nav{width:300px;height:100%;display:flex;flex-direction:column;flex-shrink:0}@media only all and (max-width:768px){.prod-mode-wraps .mode-nav{width:100%;flex-direction:row;align-items:center}}.prod-mode-wraps .mode-nav .btn{height:20px;width:20px;cursor:pointer;z-index:99}.prod-mode-wraps .mode-nav .btn .arrow-right{width:10px;height:10px;transform-origin:50% 50%;border-color:#2f3030}.prod-mode-wraps .mode-nav .btn:hover .arrow-right{border-color:rgba(29,173,208,.56)}.prod-mode-wraps .mode-nav .prve{position:relative;margin-bottom:50px}@media only all and (max-width:768px){.prod-mode-wraps .mode-nav .prve{margin:0 auto}}.prod-mode-wraps .mode-nav .prve .arrow-right{transform:rotate(-45deg)}@media only all and (max-width:768px){.prod-mode-wraps .mode-nav .prve .arrow-right{transform:rotate(223deg)}}.prod-mode-wraps .mode-nav .next{position:relative;margin-top:50px}@media only all and (max-width:768px){.prod-mode-wraps .mode-nav .next{margin:0 auto;left:-24px}}.prod-mode-wraps .mode-nav .next .arrow-right{transform:rotate(136deg)}@media only all and (max-width:768px){.prod-mode-wraps .mode-nav .next .arrow-right{transform:rotate(45deg)}}.prod-mode-wraps .mode-content-list{flex:1;overflow:hidden}@media only all and (max-width:768px){.prod-mode-wraps .mode-content-list{flex:auto;width:100%}}.prod-mode-wraps .prod-swiper{padding:0 25px}.prod-mode-wraps .prod-img-swipe{height:100%}.prod-mode-wraps .swiper-container{flex:1;margin:0 auto}@media only all and (max-width:768px){.prod-mode-wraps .swiper-container{flex:auto;width:100%}}.prod-mode-wraps .swiper-container .item-nav{text-align:center!important;display:block;width:100%!important}.prod-mode-wraps .swiper-container span{font-weight:400;font-size:18px;color:#4c4c4c;opacity:.5;cursor:pointer;text-align:center}@media only all and (max-width:768px){.prod-mode-wraps .swiper-container span{width:20%;line-height:1.6;text-align:center}}.news-mode-wraps .news-nav .prod-mode-wraps .swiper-container span.btns:hover,.news-mode-wraps .news-nav .prod-mode-wraps .swiper-container span.next:hover,.news-mode-wraps .news-nav .prod-mode-wraps .swiper-container span.prev:hover,.prod-mode-wraps .swiper-container .news-mode-wraps .news-nav span.btns:hover,.prod-mode-wraps .swiper-container .news-mode-wraps .news-nav span.next:hover,.prod-mode-wraps .swiper-container .news-mode-wraps .news-nav span.prev:hover,.prod-mode-wraps .swiper-container span.active,.prod-mode-wraps .swiper-container span:hover{opacity:1;color:#4c4c4c;transform:scale(.98);transform-origin:0 0}.prod-mode-wraps .showPc{flex:1}.prod-mode-wraps .item-nav-list{height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}@media only all and (max-width:768px){.prod-mode-wraps .item-nav-list{flex-direction:row;width:100%;padding:0 15px}}.prod-mode-wraps .item-nav-list span{font-weight:400;font-size:18px;color:#4c4c4c;opacity:.5;cursor:pointer}@media only all and (max-width:768px){.prod-mode-wraps .item-nav-list span{width:20%;line-height:1.6;text-align:center}}.news-mode-wraps .news-nav .prod-mode-wraps .item-nav-list span.btns:hover,.news-mode-wraps .news-nav .prod-mode-wraps .item-nav-list span.next:hover,.news-mode-wraps .news-nav .prod-mode-wraps .item-nav-list span.prev:hover,.prod-mode-wraps .item-nav-list .news-mode-wraps .news-nav span.btns:hover,.prod-mode-wraps .item-nav-list .news-mode-wraps .news-nav span.next:hover,.prod-mode-wraps .item-nav-list .news-mode-wraps .news-nav span.prev:hover,.prod-mode-wraps .item-nav-list span.active,.prod-mode-wraps .item-nav-list span:hover{opacity:1;color:#4c4c4c;transform:scale(.98);transform-origin:0 0;font-weight:700}.prod-mode-wraps .img-list{white-space:nowrap;height:100%;display:flex;width:100%;justify-content:space-between}@media only all and (max-width:768px){.prod-mode-wraps .img-list{margin-top:30px}}.prod-mode-wraps .img-list img{display:inline-block;height:100%;width:50%;-o-object-fit:contain;object-fit:contain}@media only all and (max-width:768px){.prod-mode-wraps .img-list img{width:50%}}.prod-mode-wraps .img-list img:first-child{margin-right:10px}.case--mode-wraps{background-color:#4c4c4c;padding-top:97px}@media only all and (max-width:1280px){.case--mode-wraps{padding-top:77px}}@media only all and (max-width:1000px){.case--mode-wraps{padding-top:57px}}@media only all and (max-width:768px){.case--mode-wraps{padding-top:30px}}.case--mode-wraps .mode-title .more,.case--mode-wraps .mode-title .title{color:#fff}.case--mode-wraps .mode-content{position:relative;padding:90px 0}@media only all and (max-width:1280px){.case--mode-wraps .mode-content{padding:67px 0}}@media only all and (max-width:1000px){.case--mode-wraps .mode-content{padding:47px 0}}@media only all and (max-width:768px){.case--mode-wraps .mode-content{padding-top:30px}}.case--mode-wraps .mode-content .buttons-prev .arrow-right{left:6px;top:8px}.case--mode-wraps .mode-content .buttons-next .arrow-right{transform:rotate(-138deg);left:9px;top:8px}@media only all and (max-width:768px){.case--mode-wraps .mode-content .buttons-next .arrow-right{top:12px;left:12px!important}}.case--mode-wraps .mode-content .cus-button-box{position:relative;margin-top:54px;display:flex;align-items:center}@media only all and (max-width:1280px){.case--mode-wraps .mode-content .cus-button-box{margin-top:27px}}@media only all and (max-width:768px){.case--mode-wraps .mode-content .cus-button-box{justify-content:center}}.case--mode-wraps .mode-content .cus-button-box>div{position:relative;width:25px;height:25px;border-radius:50%;cursor:pointer;border:1px solid #fff}@media only all and (max-width:768px){.case--mode-wraps .mode-content .cus-button-box>div{width:30px;height:30px}}.case--mode-wraps .mode-content .cus-button-box>div:last-child{margin-left:23px}.case--mode-wraps .mode-content .cus-button-box>div .arrow-right{border-color:#fff;width:8px;height:8px}@media only all and (max-width:768px){.case--mode-wraps .mode-content .cus-button-box>div .arrow-right{width:10px;height:10px;top:8px;left:7px}}.case--mode-wraps .mode-content .cus-button-box>div:hover{border-color:#1dadd0}.case--mode-wraps .mode-content .cus-button-box>div:hover .arrow-right{border-color:#1dadd0}.about-mode-wraps{position:relative;background-color:#fff;padding:147px 0}@media only all and (max-width:1440px){.about-mode-wraps{padding:120px 0}}@media only all and (max-width:768px){.about-mode-wraps{padding:30px 0}}.about-mode-wraps .sub-container{display:flex;align-items:center}@media only all and (max-width:768px){.about-mode-wraps .sub-container{display:flex;align-items:center;flex-direction:column;justify-content:center}}.about-mode-wraps .about-content{margin-right:40px}@media only all and (max-width:768px){.about-mode-wraps .about-content{margin-right:0}}.about-mode-wraps .about-img-box{width:50%;flex-shrink:0}@media only all and (max-width:768px){.about-mode-wraps .about-img-box{width:100%;margin-top:30px}}.about-mode-wraps .about-title{width:100%;font-weight:400;font-size:26px;color:#484848;font-weight:700}@media only all and (max-width:768px){.about-mode-wraps .about-title{font-size:20px}}.about-mode-wraps .sub-mode-title{width:100%;font-size:18px;color:#484848;margin-top:0;margin:23px 0 45px}@media only all and (max-width:1440px){.about-mode-wraps .sub-mode-title{margin:10px 0 20px}}@media only all and (max-width:768px){.about-mode-wraps .sub-mode-title{font-size:14px;margin:4px 0 10px}}@media only all and (max-width:768px){.about-mode-wraps .desc-box{margin:20px auto 10px;width:100%}}.about-mode-wraps .desc-box .detials{font-weight:400;font-size:14px;color:#484848;margin-bottom:30px;line-height:2}@media only all and (max-width:1440px){.about-mode-wraps .desc-box .detials{margin-bottom:20px}}@media only all and (max-width:768px){.about-mode-wraps .desc-box .detials{font-size:12px;margin-bottom:10px}}.about-mode-wraps .desc-box .detials:last-child{margin-bottom:0}.about-mode-wraps .desc-box .detials span{font-weight:700;color:#484848;font-size:16px}@media only all and (max-width:1440px){.about-mode-wraps .desc-box .detials span{font-size:14px}}@media only all and (max-width:768px){.about-mode-wraps .desc-box .detials span{font-size:12px}}.about-mode-wraps .aboutmore{display:flex;align-items:center;font-size:12px;color:#484848;margin-top:54px}@media only all and (max-width:1440px){.about-mode-wraps .aboutmore{margin-top:34px}}@media only all and (max-width:768px){.about-mode-wraps .aboutmore{font-size:14px;margin-top:20px}}.about-mode-wraps .aboutmore span{position:relative;width:25px;height:25px;border-radius:50%;cursor:pointer;border:1px solid #1dadd0;margin-left:10px}.about-mode-wraps .aboutmore span .arrow-right{border-color:#1dadd0;width:8px;height:8px;left:6px;top:8px}.about-mode-wraps .aboutmore span:hover{border-color:#1dadd0}.about-mode-wraps .aboutmore span:hover .arrow-right{border-color:#1dadd0}.news-mode-wraps{background-color:#efefef;padding-top:115px}@media only all and (max-width:1280px){.news-mode-wraps{padding-top:85px}}@media only all and (max-width:1000px){.news-mode-wraps{padding-top:65px}}@media only all and (max-width:768px){.news-mode-wraps{padding-top:40px}}.news-mode-wraps .news-nav{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:4%}.news-mode-wraps .news-nav .prev{position:relative}.news-mode-wraps .news-nav .prev .arrow-right{border-color:#aaa;width:8px;height:8px;left:43%;top:42%;transform:rotate(224deg)}.news-mode-wraps .news-nav .next{position:relative}.news-mode-wraps .news-nav .next .arrow-right{border-color:#aaa;width:8px;height:8px;left:32%;top:42%}.news-mode-wraps .news-nav .btns{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#aaa;cursor:pointer}.news-mode-wraps .news-nav .btns.active,.news-mode-wraps .news-nav .btns:hover{color:#fff;background:#1dadd0;box-shadow:0 7px 29px 0 rgba(126,223,247,.65);border-radius:50%}.news-mode-wraps .news-nav .next,.news-mode-wraps .news-nav .prev{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#aaa;cursor:pointer}.news-mode-wraps .news-nav .next.active,.news-mode-wraps .news-nav .next:hover,.news-mode-wraps .news-nav .prev.active,.news-mode-wraps .news-nav .prev:hover{color:#fff;background:#1dadd0;box-shadow:0 7px 29px 0 rgba(126,223,247,.65);border-radius:50%}.news-mode-wraps .news-nav .next.active,.news-mode-wraps .news-nav .next:hover,.news-mode-wraps .news-nav .prev.active,.news-mode-wraps .news-nav .prev:hover{color:#fff;background:#1dadd0;box-shadow:0 7px 29px 0 rgba(126,223,247,.65);border-radius:50%}.news-mode-wraps .news-nav .next.active .arrow-right,.news-mode-wraps .news-nav .next:hover .arrow-right,.news-mode-wraps .news-nav .prev.active .arrow-right,.news-mode-wraps .news-nav .prev:hover .arrow-right{border-color:#fff!important}.news-mode-wraps .mode-content{display:flex;justify-content:space-between;padding:70px 0 147px}@media only all and (max-width:1280px){.news-mode-wraps .mode-content{padding:40px 0 117px}}@media only all and (max-width:1000px){.news-mode-wraps .mode-content{padding:20px 0 87px}}@media only all and (max-width:768px){.news-mode-wraps .mode-content{padding:20px 0 47px;flex-direction:column}}.news-mode-wraps .mode-content .img-box-list{position:relative;width:50%;background-color:#4c4c4c;overflow:hidden}@media only all and (max-width:768px){.news-mode-wraps .mode-content .img-box-list{width:100%;height:250px}}.news-mode-wraps .mode-content .img-box-list .img-box{position:absolute;width:100%;top:0;left:0;height:100%}.news-mode-wraps .mode-content .img-box-list .img-box img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.news-mode-wraps .mode-content .img-box-list a{position:absolute;width:56px;height:52px;background:#1dadd0;border-radius:50%;bottom:-17px;left:-9px}.news-mode-wraps .mode-content .img-box-list a:hover{background-color:rgba(29,173,208,.56)}.news-mode-wraps .mode-content .img-box-list a .arrow-right{border-color:#fff;width:8px;height:8px;left:42%;top:30%}.news-mode-wraps .mode-content .news-list{width:50%;padding:0 4%;background-color:#fff}@media only all and (max-width:768px){.news-mode-wraps .mode-content .news-list{width:100%}}.news-mode-wraps .mode-content .news-list .items{cursor:pointer;display:flex;align-items:baseline;padding:37px 0 42px;border-top:1px solid rgba(118,118,118,.5)}@media only all and (max-width:1000px){.news-mode-wraps .mode-content .news-list .items{padding:17px 0 22px}}@media only all and (max-width:768px){.news-mode-wraps .mode-content .news-list .items{padding:17px 0 6px}}.news-mode-wraps .mode-content .news-list .items:first-child{border-top:0}.news-mode-wraps .mode-content .news-list .items .times{font-size:26px;color:#4c4c4c;margin-right:4%;white-space:nowrap}@media only all and (max-width:768px){.news-mode-wraps .mode-content .news-list .items .times{font-size:18px;margin-right:2%}}.news-mode-wraps .mode-content .news-list .items .times span{font-size:20px}@media only all and (max-width:768px){.news-mode-wraps .mode-content .news-list .items .times span{font-size:16px}}.news-mode-wraps .mode-content .news-list .items.active .times,.news-mode-wraps .mode-content .news-list .items.arrow-box:hover .times,.news-mode-wraps .mode-content .news-list .news-nav .items.btns:hover .times,.news-mode-wraps .mode-content .news-list .news-nav .items.next:hover .times,.news-mode-wraps .mode-content .news-list .news-nav .items.prev:hover .times,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .item-nav-list span.items:hover .times,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .swiper-container span.items:hover .times,.news-mode-wraps .news-nav .mode-content .news-list .items.btns:hover .times,.news-mode-wraps .news-nav .mode-content .news-list .items.next:hover .times,.news-mode-wraps .news-nav .mode-content .news-list .items.prev:hover .times,.prod-mode-wraps .item-nav-list .news-mode-wraps .mode-content .news-list span.items:hover .times,.prod-mode-wraps .swiper-container .news-mode-wraps .mode-content .news-list span.items:hover .times{color:#1dadd0!important}.news-mode-wraps .mode-content .news-list .items.active .times span,.news-mode-wraps .mode-content .news-list .items.arrow-box:hover .times span,.news-mode-wraps .mode-content .news-list .news-nav .items.btns:hover .times span,.news-mode-wraps .mode-content .news-list .news-nav .items.next:hover .times span,.news-mode-wraps .mode-content .news-list .news-nav .items.prev:hover .times span,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .item-nav-list span.items:hover .times span,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .swiper-container span.items:hover .times span,.news-mode-wraps .news-nav .mode-content .news-list .items.btns:hover .times span,.news-mode-wraps .news-nav .mode-content .news-list .items.next:hover .times span,.news-mode-wraps .news-nav .mode-content .news-list .items.prev:hover .times span,.prod-mode-wraps .item-nav-list .news-mode-wraps .mode-content .news-list span.items:hover .times span,.prod-mode-wraps .swiper-container .news-mode-wraps .mode-content .news-list span.items:hover .times span{color:#1dadd0!important}.news-mode-wraps .mode-content .news-list .items.active .brief *,.news-mode-wraps .mode-content .news-list .items.arrow-box:hover .brief *,.news-mode-wraps .mode-content .news-list .news-nav .items.btns:hover .brief *,.news-mode-wraps .mode-content .news-list .news-nav .items.next:hover .brief *,.news-mode-wraps .mode-content .news-list .news-nav .items.prev:hover .brief *,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .item-nav-list span.items:hover .brief *,.news-mode-wraps .mode-content .news-list .prod-mode-wraps .swiper-container span.items:hover .brief *,.news-mode-wraps .news-nav .mode-content .news-list .items.btns:hover .brief *,.news-mode-wraps .news-nav .mode-content .news-list .items.next:hover .brief *,.news-mode-wraps .news-nav .mode-content .news-list .items.prev:hover .brief *,.prod-mode-wraps .item-nav-list .news-mode-wraps .mode-content .news-list span.items:hover .brief *,.prod-mode-wraps .swiper-container .news-mode-wraps .mode-content .news-list span.items:hover .brief *{color:#1dadd0!important}.news-mode-wraps .mode-content .news-list .brief{flex:1;overflow:hidden}.news-mode-wraps .mode-content .news-list .brief .titel{font-weight:700;font-size:15px;line-height:1.6;color:#4c4c4c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news-mode-wraps .mode-content .news-list .brief .desc{font-size:12px;color:#4c4c4c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#enWeb .about-mode-wraps .about-title{margin-bottom:30px}@media only all and (max-width:768px){#enWeb .about-mode-wraps .about-title{margin-bottom:0}}#enWeb .about-mode-wraps .desc-box{text-align:justify}#enWeb .prod-mode-wraps .item-nav-list span{font-size:16px}#enWeb .common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner--subtitle{font-size:20px;width:43%;line-height:1.5}@media only all and (max-width:768px){#enWeb .common-banner-wrap .common-banner-content .common-banner-ft-box .common-banner--subtitle{font-size:16px;width:80%}}@media only all and (max-width:768px){#enWeb .about-mode-wraps .bg{height:68vh}#enWeb .about-mode-wraps .desc-box{text-align:justify}#enWeb .mode-wraps .mode-title .title{font-size:18px}#enWeb .prod-mode-wraps .swiper-container span{font-size:14px;line-height:1.4}#enWeb .about-mode-wraps .about-title{font-size:18px}#enWeb .about-mode-wraps .desc-box .detials{font-size:14px}#enWeb .news-mode-wraps .mode-content .news-list .brief .titel{font-size:14px}}