body{background-repeat:no-repeat;font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}body,body *{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}ul,li{list-style:none}a[href]{cursor:pointer}.share-logo{position:absolute;left:-1000px;opacity:0}@keyframes newjump{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-2px,0)}}header{position:fixed;z-index:99999;top:0;width:100%;transition:all .3s ease;border:0;height:73px}header .ds2018_banner{height:0;background-color:#151623}header .ds2018_banner article{max-width:1280px;background-image:url(imgcss/headbar_9a88052.png);background-repeat:no-repeat;background-position:top right;height:100%;position:relative;margin:0 auto}@media screen and (max-width:1000px){header .ds2018_banner article{background-image:url(imgcss/kuang.svg);background-position:center center}}header .ds2018_banner article .tl_pc{position:absolute;left:45px;top:18px}@media screen and (max-width:1000px){header .ds2018_banner article .tl_pc{display:none}}header .ds2018_banner article .tc_pc{left:50%;position:absolute;transform:translate(-172px,13px)}@media screen and (max-width:1090px){header .ds2018_banner article .tc_pc{transform:translate(-50px,13px)}}@media screen and (max-width:1000px){header .ds2018_banner article .tc_pc{display:none}}@keyframes dsloading{70%{max-width:0}}header .btnToggle{top:20px;right:30px;height:10px;width:25px;height:25px;display:none}header .btnToggle em{vertical-align:top;width:100%;display:inline-block;height:3px;position:relative;transition:all .5s ease;background:#fff}header .btnToggle em::before,header .btnToggle em::after{content:'';transition:.5s all;position:absolute;height:3px;width:100%;background:#fff;border-radius:1px}header .btnToggle em::before{top:-9px}header .btnToggle em::after{top:9px}header nav{position:relative;max-width:1280px;margin:0 auto}@media screen and (max-width:1000px){header nav .btnLogin,header nav .btnLogout{display:none;visibility:hidden}}header nav .dropdown:after{content:'';width:6px;height:6px;display:inline-block;transform:rotate(-45deg);position:relative;top:-3px;left:7px;border-bottom:1px solid #fff;border-left:1px solid #fff}header nav .menu{position:relative}header nav .menu.demo{display:none}@media screen and (max-width:1000px){header nav .menu.demo{display:inherit}}header nav .menu a.menu-icon::before{content:'';display:inline-block;width:24px;height:24px;margin-right:11px;background-size:cover;transform:translate(0px,6px)}header nav .menu a.menu-collection::before{background-image:url('menu/menu_2.svg')}header nav .menu a.menu-paas::before{background-image:url('menu/menu_3.svg')}header nav .menu a.menu-private::before{background-image:url('menu/menu_4.svg')}header nav .menu a.menu-private1::before{background-image:url('menu/menu_5.svg')}header nav .menu a.menu-partner::before{background-image:url('menu/menu_24.svg')}header nav .menu a.menu-analysis::before{background-image:url('menu/menu_6.svg')}header nav .menu a.menu-recommend::before{background-image:url('menu/menu_9.svg')}header nav .menu a.menu-journey::before{background-image:url('menu/menu_10.svg')}header nav .menu a.menu-usertag::before{background-image:url('menu/menu_7.svg')}header nav .menu a.menu-focus::before{background-image:url('menu/menu_8.svg')}header nav .menu a.menu-finance::before{background-image:url('menu/menu_11.svg')}header nav .menu a.menu-ecommerce::before{background-image:url('menu/menu_12.svg')}header nav .menu a.menu-security::before{background-image:url('menu/menu_13.svg')}header nav .menu a.menu-retail::before{background-image:url('menu/menu_14.svg')}header nav .menu a.menu-service::before{background-image:url('menu/menu_15.svg')}header nav .menu a.menu-manual::before{background-image:url('menu/menu_16.svg')}header nav .menu a.menu-develop::before{background-image:url('menu/menu_17.svg')}header nav .menu a.menu-courses::before{background-image:url('menu/menu_18.svg')}header nav .menu a.menu-blog::before{background-image:url('menu/menu_19.svg')}header nav .menu a.menu-aboutus::before{background-image:url('menu/menu_20.svg')}header nav .menu a.menu-news::before{background-image:url('menu/menu_1.svg')}header nav .menu a.menu-joinus::before{background-image:url('menu/menu_23.svg')}header nav .menu a.menu-callme::before{background-image:url('menu/menu_25.svg')}header nav .menu a.menu-article::before{background-image:url('menu/menu_21.svg')}header nav .menu a.menu-group::before{background-image:url('menu/menu_22.svg')}header nav .menu a:hover.menu-icon{color:#2e4446}header nav .menu a:hover.menu-collection::before{background-image:url('menu/menu_2.svg')}header nav .menu a:hover.menu-paas::before{background-image:url('menu/menu_3.svg')}header nav .menu a:hover.menu-private::before{background-image:url('menu/menu_4.svg')}header nav .menu a:hover.menu-private1::before{background-image:url('menu/menu_5.svg')}header nav .menu a:hover.menu-partner::before{background-image:url('menu/menu_24.svg')}header nav .menu a:hover.menu-analysis::before{background-image:url('menu/menu_6.svg')}header nav .menu a:hover.menu-recommend::before{background-image:url('menu/menu_9.svg')}header nav .menu a:hover.menu-journey::before{background-image:url('menu/menu_10.svg')}header nav .menu a:hover.menu-usertag::before{background-image:url('menu/menu_7.svg')}header nav .menu a:hover.menu-finance::before{background-image:url('menu/menu_11.svg')}header nav .menu a:hover.menu-focus::before{background-image:url('menu/menu_8.svg')}header nav .menu a:hover.menu-ecommerce::before{background-image:url('menu/menu_12.svg')}header nav .menu a:hover.menu-security::before{background-image:url('menu/menu_13.svg')}header nav .menu a:hover.menu-retail::before{background-image:url('menu/menu_14.svg')}header nav .menu a:hover.menu-service::before{background-image:url('menu/menu_15.svg')}header nav .menu a:hover.menu-manual::before{background-image:url('menu/menu_16.svg')}header nav .menu a:hover.menu-develop::before{background-image:url('menu/menu_17.svg')}header nav .menu a:hover.menu-courses::before{background-image:url('menu/menu_18.svg')}header nav .menu a:hover.menu-blog::before{background-image:url('menu/menu_19.svg')}header nav .menu a:hover.menu-aboutus::before{background-image:url('menu/menu_20.svg')}header nav .menu a:hover.menu-news::before{background-image:url('menu/menu_1.svg')}header nav .menu a:hover.menu-joinus::before{background-image:url('menu/menu_23.svg')}header nav .menu a:hover.menu-callme::before{background-image:url('menu/menu_25.svg')}header nav .menu a:hover.menu-article::before{background-image:url('menu/menu_21.svg')}header nav .menu a:hover.menu-group::before{background-image:url('menu/menu_22.svg')}header nav .menu .submenu{display:none;transition:all .5s ease;transform:translate(26px,-10px);border-radius:5px;width:250px;right:-44px;position:absolute;margin:0;border-radius:2px;background-color:#fff;box-shadow:0 0 15px 0 rgba(26,52,45,.1);font-size:16px;color:#819394;padding-bottom:13.5px}header nav .menu .submenu::before{content:'';display:inline-block;position:absolute;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:18px solid #fff;left:50%;margin-left:-11px;transform:translate(-50%,0) rotate(-90deg);margin-left:0;top:-18px}@media screen and (max-width:1000px){header nav .menu .submenu{padding-bottom:0}}header nav .menu .submenu>li:nth-of-type(1){padding-top:7.5px}@media screen and (max-width:1000px){header nav .menu .submenu>li:nth-of-type(1){padding-top:13.5px}}header nav .menu .submenu.product{width:500px;right:-174px;background-color:#f3f6f8;transform:translate(30px,-10px)}@media screen and (max-width:1000px){header nav .menu .submenu.product{width:inherit;right:inherit;transform:none}}header nav .menu .submenu.product>ul{width:50%;display:block;float:left}header nav .menu .submenu.product>ul>li:nth-of-type(1){background:#fff;margin:0;padding:12.5px 0;border-radius:3px}@media screen and (max-width:1000px){header nav .menu .submenu.product>ul>li:nth-of-type(1){padding:0}}header nav .menu .submenu.product>ul>li:nth-of-type(1) a{font-weight:400}header nav .menu .submenu.product>ul>li:nth-of-type(1) a:hover{color:#2e4446;text-decoration:none;cursor:default}header nav .menu .submenu.product>ul>li:nth-of-type(2){padding-top:13.5px}header nav .menu .submenu.product>ul>li:not(:nth-of-type(1)) a{padding:14.5px 28px}header nav .menu .submenu>li,header nav .menu .submenu>ul>li{float:none}header nav .menu .submenu>li a,header nav .menu .submenu>ul>li a{padding:14.5px 31px;width:100%;display:inline-block;color:inherit}header nav .menu:hover .submenu{display:block}header nav .logo{position:absolute;left:45px;top:14px}@media screen and (max-width:1015px){header nav .logo{left:20px}}@media screen and (max-width:1000px){header nav .logo{left:20px;top:4px}}header nav .logo svg,header nav .logo img{width:140px;height:44px}@media screen and (max-width:1000px){header nav .logo svg{width:93px;height:31px}header nav .logo img{width:120px;height:38px}}header nav ul,header nav li{list-style:none}header nav .nav-menu{position:absolute;top:0;right:250px}header nav .nav-menu .new{margin-right:20px}@media screen and (max-width:1045px){header nav .nav-menu .new{margin-right:5px}}header nav .nav-menu .new a{position:relative}header nav .nav-menu .new a::after{content:'New';animation:newjump 1s linear 5;transform-origin:center bottom;padding:0 5px;font-size:11px;color:#00ccdd;border-radius:11px;background-image:linear-gradient(to bottom,#a4f96c,#fff);position:absolute;top:14px}@media screen and (max-width:1020px){header nav .nav-menu .new a::after{display:none}}@media screen and (max-width:1000px){header nav .nav-menu .new a::after{display:inline-block;position:initial;margin-left:10px;line-height:20px}}header nav .nav-menu>li{text-align:left;display:inline-block;padding-top:3px}header nav .nav-menu>li>a{text-decoration:none;padding:22px 15px;font-size:16px;line-height:20px;display:block;color:#fff}header nav .nav-menu>li>a:hover{color:#fff}header nav .buttons{position:absolute;right:45px;top:17px}@media screen and (max-width:1000px){header nav .buttons{right:55px;top:5px}}header nav .buttons .btn{margin:0 7.5px}.fixed header{background:#222221}@media screen and (max-width:1000px){.fixed header .btnRegister{display:inline-block}header{height:50px}header .btnRegister{display:none}header .btnToggle{display:block;position:absolute;right:20px;top:22px}header nav .nav-menu{transition:all .3s ease;display:block;background:#fff;height:0;overflow-y:scroll;position:absolute;top:50px;left:0;width:100%;margin:0}header nav .nav-menu>li{padding-top:0;display:block}header nav .nav-menu>li>a{font-size:16px;line-height:3.75;letter-spacing:normal;color:#819394;padding:0 15px}header nav .nav-menu>li>a:hover{color:#819394}header nav .nav-menu>li .submenu{transform:none;position:static;display:block;width:100%;background:rgba(244,248,251,.6);max-height:0;overflow:hidden;box-shadow:none}header nav .nav-menu>li .submenu>li,header nav .nav-menu>li .submenu>ul>li{padding:0}header nav .nav-menu>li .submenu>li:nth-last-child(1),header nav .nav-menu>li .submenu>ul>li:nth-last-child(1){padding-bottom:17.5px}header nav .nav-menu>li .submenu::before{display:none}header nav .nav-menu>li:hover .submenu{max-height:800px}header nav .dropdown::after{position:absolute;top:20px;right:22px;left:auto;border-bottom:2px solid #819394;border-left:2px solid #819394}.header-menu-active header nav{position:relative}.header-menu-active header nav .btnToggle em{background:rgba(255,255,255,0)}.header-menu-active header nav .btnToggle em::before,.header-menu-active header nav .btnToggle em::after{top:0}.header-menu-active header nav .btnToggle em::before{transform:rotate(45deg)}.header-menu-active header nav .btnToggle em::after{transform:rotate(-45deg)}.header-menu-active header nav .btnRegister{display:none}.header-menu-active header nav .nav-menu{background:#fff}}main{margin-top:-1;overflow-x:hidden;position:relative}main .bottom-laptop{position:absolute;right:-189px;bottom:327px}main section{position:relative; padding-top:90px;}@media screen and (max-width:1000px){main section{padding:50px 0}}main section article{text-align:center;position:relative;margin:0 auto;max-width:1440px;font-size:0}@media screen and (max-width:1000px){main section article{max-width:600px;margin:0 auto}}@media screen and (max-width:640px){main section article{margin:0 20px}}main section .center{text-align:center}main section .numbers{width:33%;display:inline-block;background:#FFFBE0}main section .numbers li{padding:10px}footer{background-color:#222222;color:#fff;position:relative;padding-bottom:45px}footer .bottom-laptop{position:absolute;right:0;top:-376px;pointer-events:none}@media screen and (max-width:1170px){footer .bottom-laptop{width:650px;top:-344px}}@media screen and (max-width:1110px){footer .bottom-laptop{width:600px;top:-318px}}@media screen and (max-width:1000px){footer .bottom-laptop{display:none}}footer section{padding:65px 0 42px;max-width:1280px;margin:0 auto;text-align:right;position:relative}@media screen and (max-width:1000px){footer section{text-align:center;padding:32px 0 42px}}footer section nav{text-align:center;margin-left:255px}@media screen and (max-width:1000px){footer section nav{max-width:600px;margin:0 auto}}@media screen and (max-width:640px){footer section nav{margin:0 20px}}footer section nav .cards{font-size:0}@media screen and (max-width:519px){footer section nav .cards{text-align:left;padding-left:17px}}footer section nav .cards .product{width:270px}@media screen and (max-width:1000px){footer section nav .cards .product{width:210px}footer section nav .cards .product .h4{font-size:13px}}@media screen and (max-width:370px){footer section nav .cards .product{width:200px}}footer section nav .cards .product>ul{display:inline-block;vertical-align:top;width:135px}@media screen and (max-width:1000px){footer section nav .cards .product>ul{padding:0;width:105px}}@media screen and (max-width:370px){footer section nav .cards .product>ul{width:100px}}footer section nav .cards>li{vertical-align:top;display:inline-block;text-align:left;width:135px}footer section nav .cards>li h3::before{content:'';width:100%;border-top:solid 1px #a6a8ab;display:inline-block;transform:translate(-2px,45px)}@media screen and (max-width:1000px){footer section nav .cards>li h3::before{transform:translate(-2px,39px)}}footer section nav .cards>li:nth-of-type(1){width:270px}@media screen and (max-width:1000px){footer section nav .cards>li:nth-of-type(1){width:210px}}@media screen and (max-width:370px){footer section nav .cards>li:nth-of-type(1){width:200px}}@media screen and (max-width:1000px){footer section nav .cards>li{width:105px;margin:0;text-align:left}}@media screen and (max-width:370px){footer section nav .cards>li{width:100px}}@media screen and (max-width:320px){footer section nav .cards>li{width:87px}}footer section nav .cards>li h3{font-weight:300;color:#fff}@media screen and (max-width:1000px){footer section nav .cards>li h3{font-weight:500}}footer section nav .cards>li ul{margin-top:25px}footer section nav .cards>li ul li{list-style:none;margin-bottom:14px}footer section nav .cards>li ul li a{color:#a6a8ab}@media screen and (max-width:1000px){footer section nav .cards>li ul li a{font-weight:500}}footer section nav .cards>li ul li a:hover{color:#fff}footer section nav .cards>li ul li.active a{color:#fff;pointer-events:none}footer section nav .left{position:absolute;left:30px;top:65px;text-align:left}@media screen and (max-width:1000px){footer section nav .left{position:relative;left:0;top:0}}footer section nav .left .mp .qrcode{width:110px;height:110px}footer section nav .left p{color:#a6a8ab}footer section nav .left p a{color:#a6a8ab}footer section nav .left p:nth-of-type(1){font-weight:300;margin-top:20px}@media screen and (max-width:1000px){footer section nav .left p:nth-of-type(1){margin-top:17px}}footer section nav .left p:nth-of-type(2){font-weight:300}@media screen and (max-width:1000px){footer section nav .left p:nth-of-type(2){margin-top:16px}}footer section nav .left p:nth-of-type(3){margin-top:13px;font-weight:300}footer section nav .left .logo svg,footer section nav .left .logo img{width:140px;height:44px}footer section nav .left .website-filling{line-height:20px}footer section nav .left .website-filling img{vertical-align:middle}footer section nav .left .website-filling a{font-size:14px}footer section nav .left .website-filling p{margin:0;display:inline}@media screen and (max-width:1000px){footer section nav .left{border-top:solid 1px #505254;float:none;text-align:left;padding-top:22px;padding-left:17px}}.btnGreen2,.btnGreen,.btnWhite,.btnMore,.btnMoreInCard{border-radius:2px;font-size:16px;border:solid 1px #fff;cursor:pointer;padding:7px 25px;display:inline-block}@media screen and (max-width:1000px){.btnGreen2,.btnGreen,.btnWhite,.btnMore,.btnMoreInCard{padding:4px 13px}}.btnGreen{background-color:rgba(255,255,255,.2);color:#fff}.btnGreen:hover{background-color:#fff;color:#222221}.btnGreen2{background-color:rgba(0,197,135,.1);border:solid 1px #00ccdd;color:#00ccdd}.btnGreen2:hover{color:#fff;background-color:#00ccdd;border:solid 1px #00ccdd}.btnWhite{background-color:#fff;color:#222221}.btnMore{padding:7px 36px;background-color:rgba(0,197,135,.1);border:solid 1px #00ccdd;font-size:16px;color:#00ccdd}.btnMore:hover{background-color:#00ccdd;color:#fff}.btnMoreInCard{background-color:rgba(255,255,255,.2);border:solid 1px #fff;font-size:18px;color:#fff}.btnMoreInCard:hover{background-color:#fff;border:solid 1px #fff;color:#00ccdd}.line-title,.line-title-left{font-size:32px;line-height:1.5;text-align:center;color:#2E4446}.line-title::after,.line-title-left::after{content:'';width:85px;height:3px;border-radius:4px;background-color:#00ccee;display:block;margin:25px auto 0}.line-title a,.line-title-left a{color:#52645e}.line-title a:hover,.line-title-left a:hover{color:#00bbcc}@media screen and (max-width:1000px){.line-title,.line-title-left{font-size:20px;line-height:1.5}}.line-title-sub,.line-title-left-sub{display:inline-block;width:100%;max-width:90%;font-size:18px;line-height:1.56;text-align:center;color:rgba(125,139,134,.7);margin-top:25px}@media screen and (max-width:1000px){.line-title-sub,.line-title-left-sub{font-size:14px;line-height:2}}.line-title-left{text-align:left}.line-title-left::after{margin:25px 0 0}.line-title-left-sub{text-align:left}.nameplate{border-radius:2px;background-color:#fff;box-shadow:0 0 20px 0 rgba(26,52,45,.1);display:inline-block;position:relative}.nameplate svg{position:absolute;left:31px;top:38.6px}.nameplate p{padding-left:139px;padding-right:41px;text-align:left}.nameplate p:nth-of-type(1){font-size:24px;font-weight:500;color:#95e0f9;margin-top:39px}.nameplate p:nth-of-type(2){margin-top:13px;opacity:.7;font-size:14px;line-height:1.79;text-align:justify;color:#7d8b86}.tabbar{padding:0}.tabbar article{font-size:0}.tabbar article ul.tabs{font-size:0}.tabbar article ul.tabs li{text-align:center;color:#869aa3;padding:18px 0;max-width:228px;width:50%;font-size:16px;font-weight:500;line-height:1.12;display:inline-block}@media screen and (max-width:1000px){.tabbar article ul.tabs li{font-size:13px}}.tabbar article ul.tabs li a{color:inherit}.tabbar article ul.tabs li.active{pointer-events:none;color:#00ccdd;background-color:#fff;border-bottom:solid 3px #00ccdd}h1,.h1{font-size:32px}h2,.h2{font-size:24px}h3,.h3{font-size:20px}h4,.h4{font-size:18px}h5,.h5{font-size:16px}h6,.h6{font-size:14px}@media screen and (max-width:1000px){h1,.h1{font-size:24px}h2,.h2{font-size:20px}h3,.h3{font-size:16px}h4,.h4{font-size:14px}h5,.h5{font-size:13px}h6,.h6{font-size:12px}}.btn{font-size:16px;display:inline-block;border-radius:2px;cursor:pointer;text-align:center}article .btn-standard1,article .btn-standard2,article .btn-standard3,article .btn-standard4{padding:6px 35px 6px 34px}.btn-standard1{background-color:rgba(0,197,135,.1);border:solid 1px #00ccdd;color:#00ccdd}.btn-standard1:hover,.btn-standard1:active{background-color:rgba(22,159,116,.1);border:solid 1px #00bbcc;color:#00bbcc}.btn-standard2{background-color:#00ccdd;border:solid 1px #00ccdd;color:#fff}.btn-standard2:hover,.btn-standard2:active{background-color:#00bbcc;border:solid 1px #00bbcc}.btn-standard3{background-color:rgba(255,255,255,.2);border:solid 1px #fff;color:#fff}.btn-standard3:hover,.btn-standard3:active{color:#ececec;border:solid 1px #ececec}.btn-standard4{background-color:#fff;border:solid 1px #fff;color:#00ccdd}.btn-standard4:hover,.btn-standard4:active{border:solid 1px #ececec;background-color:#ececec}nav .btn-standard1,nav .btn-standard2,nav .btn-standard3,nav .btn-standard4{padding:3px 12px}main section{}main section.banner{padding:0;background-size:cover;background-repeat:no-repeat}main section.banner h1,main section.banner .h1{font-weight:500;line-height:1.46;padding:2px 0}main section.banner h2,main section.banner h3,main section.banner .h2,main section.banner .h3{line-height:1.75;padding:2px 0}@media screen and (max-width:1000px){main section.banner h2,main section.banner h3,main section.banner .h2,main section.banner .h3{max-width:inherit}}main section.banner-shape{background-image:url(imgcss/banner_bg_1.png);height:470px}@media screen and (max-width:1000px){main section.banner-shape{background-image:url(imgcss/banner_bg_1.png);height:586px}}main section.banner-shape h1,main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape h4,main section.banner-shape .h1,main section.banner-shape .h2,main section.banner-shape .h3,main section.banner-shape .h4{text-align:left}@media screen and (max-width:1000px){main section.banner-shape h1,main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape h4,main section.banner-shape .h1,main section.banner-shape .h2,main section.banner-shape .h3,main section.banner-shape .h4{text-align:center}}@media screen and (max-width:1000px){main section.banner-shape article{padding-top:84px}}main section.banner-shape h2,main section.banner-shape h3,main section.banner-shape .h2,main section.banner-shape .h3{max-width:460px}main section.banner-shape .slogen{text-align:left;position:absolute;left:159px;top:140px}@media screen and (max-width:1000px){main section.banner-shape .slogen{text-align:center}}main section.banner-shape .slogen p:nth-child(1){font-weight:500;line-height:1.33}@media screen and (max-width:1000px){main section.banner-shape .slogen p:nth-child(1){line-height:1.46}}main section.banner-shape .slogen p:nth-child(2){line-height:1.88;margin-top:14px;max-width:660px}@media screen and (max-width:1000px){main section.banner-shape .slogen p:nth-child(2){margin-top:11px;line-height:1.75;margin:14px auto 0}}main section.banner-shape .slogen .buttons{margin-top:25px}@media screen and (max-width:1000px){main section.banner-shape .slogen .buttons{margin-top:20px}}@media screen and (max-width:1000px){main section.banner-shape .slogen{position:static}}main section.banner-shape .show .grid{left:538px;top:56px;width:858px;position:absolute}@media screen and (max-width:1000px){main section.banner-shape .show .grid{left:50%;transform:translate(-50%,0);top:381px;height:60%;width:auto}}main section.banner-shape .show .shape{position:absolute;left:800px;top:100px}@media screen and (max-width:1000px){main section.banner-shape .show .shape{left:50%;top:360px;height:8rem;transform:translate(-50%,0)}}main section.banner-poto{height:500px;background-image:url(imgcss/banner_bg_1.png)}@media screen and (max-width:1000px){main section.banner-poto{background-image:url(imgcss/banner_bg_1.png)}}main section.banner-poto article{padding-top:140px}@media screen and (max-width:1000px){main section.banner-poto article{padding-top:96px}}main section.banner-poto h1,main section.banner-poto .h1{margin:0 auto}main section.banner-poto h2,main section.banner-poto h3,main section.banner-poto .h2,main section.banner-poto .h3{max-width:593px;margin:19px auto 0;font-weight:100}@media screen and (max-width:1000px){main section.banner-poto h2,main section.banner-poto h3,main section.banner-poto .h2,main section.banner-poto .h3{margin:13px auto 0}}main section.banner-poto .buttons{margin:46px}main section.banner-simple{background-color:#0077cc;height:350px}main section.banner-simple article{padding-top:140px}@media screen and (max-width:1000px){main section.banner-simple article{padding-top:96px}}main section.banner-simple h1,main section.banner-simple .h1{margin:0 auto}main section.banner-simple h2,main section.banner-simple h3,main section.banner-simple .h2,main section.banner-simple .h3{max-width:593px;margin:19px auto 0;font-weight:100}@media screen and (max-width:1000px){main section.banner-simple h2,main section.banner-simple h3,main section.banner-simple .h2,main section.banner-simple .h3{margin:13px auto 0}}main section.banner-simple .buttons{margin:46px}main section.banner-home{background-image:url(imgcss/banner_bg_3.png);height:700px}@media screen and (max-width:1000px){main section.banner-home{background-image:url(imgcss/banner_bg_3m.png);height:645px}}main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4{text-align:left}@media screen and (max-width:1000px){main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4{text-align:center}}@media screen and (max-width:1000px){main section.banner-home article{padding-top:100px}}main section.banner-home h2,main section.banner-home h3,main section.banner-home .h2,main section.banner-home .h3{max-width:460px}main section.banner-home .slogen{text-align:left;position:absolute;left:159px;top:200px}@media screen and (max-width:1000px){main section.banner-home .slogen{text-align:center}}main section.banner-home .slogen p:nth-child(1){font-weight:500;line-height:1.33}@media screen and (max-width:1000px){main section.banner-home .slogen p:nth-child(1){line-height:1.46}}main section.banner-home .slogen p:nth-child(2){line-height:1.88;margin-top:14px;max-width:460px}@media screen and (max-width:1000px){main section.banner-home .slogen p:nth-child(2){margin-top:11px;line-height:1.75;margin:14px auto 0}}main section.banner-home .slogen .buttons{margin-top:25px}@media screen and (max-width:1000px){main section.banner-home .slogen .buttons{margin-top:20px}}@media screen and (max-width:1000px){main section.banner-home .slogen{position:static}}main section.banner-home .show .grid{left:538px;top:56px;width:858px;position:absolute}@media screen and (max-width:1000px){main section.banner-home .show .grid{left:50%;transform:translate(-50%,0);top:381px;height:60%;width:auto}}main section.banner-home .show .shape{position:absolute;right:20px;top:138px}@media screen and (max-width:1000px){main section.banner-home .show .shape{left:50%;top:381px;height:8rem;transform:translate(-50%,0)}}section article{margin:0 20px}.h1,.h2,.h3,.h4,.h5,.h6{color:#2E4446}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:#2E4446}.h1.detail,.h2.detail,.h3.detail,.h4.detail,.h5.detail,.h6.detail{color:#6C7C7D}.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .h5,.dark .h6{color:#fff}.dark .h1 a,.dark .h2 a,.dark .h3 a,.dark .h4 a,.dark .h5 a,.dark .h6 a{color:#fff}.mobile-only{display:none}@media screen and (max-width:1000px){.mobile-only{display:block}}@media screen and (max-width:1000px){.desktop-only{display:none}}main section.start{background-image:linear-gradient(106deg,#027EAE,#36C4FD)
;background-size:cover;padding-bottom:0;overflow:hidden}main section.start::before{content:'';width:100%;height:100%;;background-image:url(imgcss/footer_bg5.png);background-repeat:no-repeat;background-position:bottom;background-size:contain;display:inline-block;position:absolute;bottom:-2px;right:-5px;z-index:0}@media screen and (max-width:1000px){main section.start::before{background-position:center bottom;right:0}}main section.start .footer{height:24px;background:#222222}main section.start .bottom-laptop{position:absolute;right:0;bottom:-124px}@media screen and (max-width:1000px){main section.start .bottom-laptop{display:none}}main section.start article{text-align:left;height:200px;position:relative;padding-top:40px;z-index:1}@media screen and (max-width:1000px){main section.start article{padding-top:26px;text-align:center;height:200px}}main section.start article p{margin-left:173px;color:#fff;font-weight:500}@media screen and (max-width:1000px){main section.start article p{margin-left:0}}main section.start article p:nth-of-type(1){line-height:1.5}main section.start article p:nth-of-type(2){margin-top:10px;line-height:1.71}@media screen and (max-width:1000px){main section.start article p:nth-of-type(2){margin-top:9px}}main section.start article .buttons{margin-left:175px;margin-top:25px;position:relative;font-size:0}@media screen and (max-width:1000px){main section.start article .buttons{margin-left:0}}main section.start article .buttons .btn{margin:0 5px}main section.start article .buttons .btn:first-child{margin-left:0}main section.start article .buttons .btn:last-child{margin-right:0}main section.start article .drawbridge{position:absolute;height:50%;bottom:-2px;right:0}main section.customer article{position:relative}main section.customer article>img{margin-top:99px}main section.customer article .arrow{display:inline-block;cursor:pointer;width:49px;height:32px;background-image:url(imgcss/arrow_left_1.svg);background-repeat:no-repeat;background-size:contain;top:50%;position:absolute}@media screen and (max-width:1000px){main section.customer article .arrow{width:34.3px;height:22.4px}}main section.customer article .arrow.arrow-prev{left:50px}@media screen and (max-width:1000px){main section.customer article .arrow.arrow-prev{left:-10px}}main section.customer article .arrow.arrow-next{right:50px;transform:scale(-1,1)}@media screen and (max-width:1000px){main section.customer article .arrow.arrow-next{right:-10px}}main section.customer article .arrow:hover{background-image:url(imgcss/arrow_left_2.svg)}main section.customer .message{margin:112px auto 0;padding:52px 53px 27px 55px;max-width:874px;border-radius:4px;background-color:#fff;box-shadow:0 15px 30px 0 rgba(26,52,45,.1);position:relative;white-space:nowrap}main section.customer .message .talk{transition:all .7s}main section.customer .message .talk.nav-index-1{transform:translate3d(-100%,0,0)}main section.customer .message .talk.nav-index-2{transform:translate3d(-200%,0,0)}main section.customer .message .talk.nav-index-3{transform:translate3d(-300%,0,0)}main section.customer .message .talk.nav-index-4{transform:translate3d(-400%,0,0)}main section.customer .message .talk.nav-index-5{transform:translate3d(-500%,0,0)}main section.customer .message::before{content:'';background:url(imgcss/quoted.svg);background-repeat:no-repeat;background-size:contain;width:113px;height:98px;position:absolute;top:-50px;left:40px}@media screen and (max-width:1000px){main section.customer .message::before{width:83px;height:72px;left:0}}main section.customer .message li{transition:all .7s;display:inline-block;white-space:normal;opacity:0;position:relative}main section.customer .message li.active{opacity:1}main section.customer .message li img{width:78px;height:78px;position:absolute;top:-88px;left:50%;transform:translate(-50%,0)}main section.customer .message p:nth-of-type(1){font-size:18px;font-weight:500;line-height:1.5;text-align:center;color:#7d8b86}@media screen and (max-width:1000px){main section.customer .message p:nth-of-type(1){font-size:16px;line-height:2}}main section.customer .message p:nth-of-type(2){margin-top:30px;font-size:16px;line-height:1.69;text-align:justify;color:rgba(125,139,134,.8)}@media screen and (max-width:1000px){main section.customer .message p:nth-of-type(2){font-size:14px;line-height:2;color:#7d8b86}}main section.customer .nav{margin-top:62px}main section.customer .nav li{margin:9px;border-radius:50%;display:inline-block;width:8px;height:8px;background-color:rgba(125,139,134,.2)}main section.customer .nav li.active{background-color:#00ccdd}@media screen and (max-width:1000px){.figure{width:100%;max-width:335px;margin:0 auto}}html,body{overflow-x:hidden}main section.tabbar{background-color:rgba(244,248,251,.6)}main section.platform .cards{margin-top:18px;display:block;font-size:0}@media screen and (max-width:1000px){main section.platform .cards{margin-top:12px}}main section.platform .cards li{width:49%;height:339px;display:inline-block;vertical-align:top;padding-top:65px}@media screen and (max-width:1000px){main section.platform .cards li{padding-top:37px;padding-bottom:40px}}main section.platform .cards li:nth-of-type(1){border-right:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9}main section.platform .cards li:nth-of-type(2){border-bottom:solid 1px #e9e9e9}main section.platform .cards li:nth-of-type(3){border-right:solid 1px #e9e9e9}@media screen and (max-width:1000px){main section.platform .cards li:last-child{padding-bottom:0}}@media screen and (max-width:1000px){main section.platform .cards li{width:100%;height:auto}main section.platform .cards li:nth-of-type(1),main section.platform .cards li:nth-of-type(2),main section.platform .cards li:nth-of-type(3){border:0;border-bottom:solid 1px #e9e9e9}}main section.platform .cards li p:nth-of-type(1){margin-top:36px;font-size:20px;font-weight:500;line-height:1.6;color:#7d8b86}@media screen and (max-width:1000px){main section.platform .cards li p:nth-of-type(1){font-size:16px;margin-top:17px}}main section.platform .cards li p:nth-of-type(2){margin-top:19px;font-size:18px;line-height:1.79;text-align:center;color:rgba(125,139,134,.8);padding:0 107px}@media screen and (max-width:1000px){main section.platform .cards li p:nth-of-type(2){margin-top:3px;font-size:14px;padding:0}}main section.scene{background-color:rgba(244,248,251,.6)}main section.scene .tab-cards{margin-top:56px;display:inline-block;width:810px;border-radius:2px;background-color:#f0f4f7}@media screen and (max-width:1000px){main section.scene .tab-cards{width:100%}}main section.scene .tab-cards li{margin:5px;width:192px;float:left;border-radius:2px;line-height:1.8;color:#7d8b86}@media screen and (max-width:1000px){main section.scene .tab-cards li{width:21%}}main section.scene .tab-cards li.active{background-color:#fff}main section.scene .tab-contents{margin:0 20px;padding-top:102px}@media screen and (max-width:1000px){main section.scene .tab-contents{margin:0}}main section.scene .tab-contents .tab-content{display:none}main section.scene .tab-contents .tab-content.active{display:inline-block}@media screen and (max-width:1000px){main section.scene .tab-contents{padding-top:45px}}main section.scene .tab-contents .left,main section.scene .tab-contents .right{float:left;width:49.5%}@media screen and (max-width:1000px){main section.scene .tab-contents .left,main section.scene .tab-contents .right{width:100%}}main section.scene .tab-contents .left{text-align:left;padding-left:75px}@media screen and (max-width:1000px){main section.scene .tab-contents .left{padding:0}}main section.scene .tab-contents .left p:nth-of-type(1){font-weight:500;line-height:1.58;color:#7572f7}main section.scene .tab-contents .left p:nth-of-type(2){margin-top:18px;margin-bottom:11px;line-height:2;text-align:justify;color:rgba(125,139,134,.8)}main section.scene .tab-contents .left dl{margin-top:33px}main section.scene .tab-contents .left dl dt{display:list-item;list-style:disc;margin-left:25px;font-weight:500;line-height:1.6;color:#7d8b86}main section.scene .tab-contents .left dl dd{margin-top:5px;line-height:2.14;text-align:justify;color:rgba(125,139,134,.8)}main section.scene .tab-contents .right{padding-left:40px}@media screen and (max-width:1000px){main section.scene .tab-contents .right{padding:0}}main section.scene .tab-contents .right img{width:100%;box-shadow:0 15px 30px 0 rgba(26,52,45,.1)}main section.personas .cards{margin-top:102px;padding-left:165px;padding-right:165px;position:relative;height:412px;max-width:1088px;display:inline-block;font-size:0;background-image:url(imgcss/hongjie.png);background-repeat:no-repeat;background-position:48.7% 50%;width:100%}@media screen and (max-width:1000px){main section.personas .cards{margin-top:30.5px;padding:0;background:0 0}}main section.personas .cards .card{padding:32px 37px 36px 33px;width:335.6px;height:155px;position:absolute;border-radius:2px}@media screen and (max-width:1000px){main section.personas .cards .card{display:inline-block;position:static;padding:17px 33px;width:100%;height:auto;margin:7.5px 0}}main section.personas .cards .card::before{content:'';display:inline-block;position:absolute}@media screen and (max-width:1000px){main section.personas .cards .card::before{display:none}}main section.personas .cards .card p{color:#fff}main section.personas .cards .card p:nth-of-type(1){font-weight:500;line-height:1.6}main section.personas .cards .card p:nth-of-type(2){margin-top:5px;line-height:1.79;text-align:justify}main section.personas .cards .card:nth-of-type(1){background-color:#47e196;left:20px;top:0}main section.personas .cards .card:nth-of-type(1)::before{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #47e196;left:100%;transform:rotate(135deg);border-radius:12px;margin-left:-11px;top:35%}main section.personas .cards .card:nth-of-type(2){background-color:#36c4fd;right:20px;top:0}main section.personas .cards .card:nth-of-type(2)::before{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #36c4fd;left:0;transform:rotate(45deg);border-radius:12px;margin-left:-20px;top:35%}main section.personas .cards .card:nth-of-type(3){background-color:#2ae4d8;left:20px;bottom:0}main section.personas .cards .card:nth-of-type(3)::before{border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #2ae4d8;left:100%;transform:rotate(45deg);border-radius:12px;margin-left:-11px;top:35%}main section.personas .cards .card:nth-of-type(4){background-color:#8c91f1;right:20px;bottom:0}main section.personas .cards .card:nth-of-type(4)::before{border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #8c91f1;left:0;transform:rotate(135deg);border-radius:12px;margin-left:-20px;top:35%}main section.customer{background-color:rgba(244,248,251,.6)}@media screen and (max-width:1000px){main section.feature{padding-bottom:50px}}main section.feature .cards{display:inline-block;margin-top:75px}@media screen and (max-width:1000px){main section.feature .cards{margin-top:40px}}main section.feature .cards li{width:285px;height:230px;border-radius:2px;background-color:#fff;box-shadow:0 15px 25px 0 rgba(26,52,45,.1);margin:16.5px;padding:32px 35px 42px 30px;display:inline-block;vertical-align:top;text-align:left;position:relative}@media screen and (max-width:1000px){main section.feature .cards li{width:45%;margin:5px;height:110px;padding:14px 0;display:inline-block;text-align:center}main section.feature .cards li img{height:35px}}main section.feature .cards li p:nth-of-type(1){margin-top:20px;line-height:1.9;color:#7d8b86}@media screen and (max-width:1000px){main section.feature .cards li p:nth-of-type(1){margin-top:13px}}main section.feature .cards li p:nth-of-type(2){margin-top:3px;opacity:.7;line-height:1.79;text-align:justify;color:rgba(125,139,134,.7)}@media screen and (max-width:1000px){main section.feature .cards li p:nth-of-type(2){display:none}}main section.feature .cards li .btn{display:none;left:30px;bottom:30px;position:absolute}main section.feature .cards li:hover{background-image:linear-gradient(to top,#33ccff,#44ee99);box-shadow:0 0 20px 0 rgba(26,52,45,.1)}main section.feature .cards li:hover .btn{display:inline-block}@media screen and (max-width:1000px){main section.feature .cards li:hover .btn{display:none}}main section.feature .cards li:hover p:nth-of-type(1){color:#fff}main section.feature .cards li:hover p:nth-of-type(2){visibility:hidden}main section.feature .cards li:hover svg ellipse:nth-of-type(1){fill:#fff;opacity:1}