body{background:#fff}*{margin:0;padding:0}.section .wrapper{width:var(--contentwidth);max-width:1440px;margin-left:var(--contentpadding)}.banner{height:760px;background-size:cover;width:100%;display:flex;justify-content:start;align-items:center}.banner .wrapper{display:flex;justify-content:space-between;align-items:center}.banner .wrapper .slogan{width:auto;min-width:390px}.banner .wrapper .slogan .h1{font-size:54px;color:#fff;display:flex;align-items:center;line-height:1;font-family:OPPOSans;font-weight:500;margin-bottom:20px}.banner .wrapper .slogan .h2{font-size:54px;color:#fff;display:flex;line-height:1;font-family:OPPOSans;font-weight:500}.banner .wrapper .slogan .line{width:2px;height:46px;display:inline-block;margin:0 25px}.banner .wrapper .slogan .downBtn{width:187px;height:53px;border:1px solid rgba(242,244,248,0.4);border-radius:26px;font-size:14px;font-family:OPPOSans;font-weight:500;color:#ffffff;line-height:53px;display:flex;align-items:center;justify-content:center;margin-top:63px}.banner .wrapper .slogan .downBtn .arrow_icon{background:url(../img/solution/arrow_down.png) no-repeat center;width:9px;height:15px;display:inline-block;opacity:.4;background-size:cover;margin-left:39px}.section-content{min-height:500px;background:#eee;width:100%;margin:auto;text-align:center}.section-content .wrapper{padding-top:160px;padding-bottom:120px}.section-content .wrapper .flex_between{position:relative;overflow:hidden}.section-content .wrapper .img{position:absolute;right:0;height:100%}.section-content .wrapper .img img{max-height:100%}.nav-height{position:relative;z-index:9}.nav-height .nav-wrap{max-width:unset !important;margin-left:0 !important;margin-right:0 !important;padding-left:var(--contentpadding);padding-right:var(--contentpadding);position:absolute;top:-35px;overflow:hidden}.nav-height .nav-wrap ul{min-width:80%;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-around;align-items:center;background:#f2f4f8;box-shadow:0 0 5px 0 rgba(25,36,45,0.05);border-radius:35px;margin:0 auto}.nav-height .nav-wrap ul li{display:inline-block;height:70px;line-height:70px;width:100%;text-align:center;white-space:nowrap}.nav-height .nav-wrap ul li a{transition:none !important;display:block;padding:0 30px;color:#818f9a;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:OPPOSans;font-weight:bold;border-radius:40px;line-height:1;height:100%}.nav-height .nav-wrap ul li a.active .icon{-webkit-filter:brightness(2);filter:brightness(2)}.nav-height .nav-wrap ul li a .icon{width:19px;height:22px;display:inline-block;margin-right:9px}.nav-height .nav-wrap ul li a.active{background:linear-gradient(45deg, #4fa2e1, #48d3b4);color:#fff}.nav-height .nav-wrap.navFix{position:fixed;top:80px;z-index:99999}.nav-height .nav-wrap.navFix ul{border-bottom:0}.section1{width:100%;background:linear-gradient(180deg, rgba(151,160,178,0.23), #eef1f6)}.section1 .wrapper{padding-bottom:205px}.section2{width:100%;background:#fff}.section3{width:100%;background:linear-gradient(180deg, rgba(151,160,178,0.23), rgba(238,241,246,0.23))}.section4{width:100%;background:#ffffff}.section5{width:100%;background:linear-gradient(180deg, rgba(151,160,178,0.23), rgba(238,241,246,0.23))}.section6{background:#ffffff;width:100%}.section7{background:linear-gradient(180deg, rgba(151,160,178,0.23), rgba(238,241,246,0.23));width:100%}.section8{width:100%;background-image:url("../img/solution/图层 20.png") !important;background-size:cover;background-position:center;height:788px;box-sizing:border-box;display:flex;align-items:center;position:relative}.section8 .flex_center{display:flex;justify-content:space-between;align-items:flex-end}.section8 .flex_center .left{text-align:left;margin-right:60px;flex:2}.section8 .flex_center .left .h2{font-size:50px;font-family:OPPOSans;font-weight:500;color:#ffffff;line-height:1;margin:22px 0 45px;white-space:nowrap}.section8 .flex_center .left .desc{font-size:16px;font-family:OPPOSans;font-weight:400;color:#ffffff;line-height:1.5;width:384px}.section8 .flex_center .left .contact{font-size:14px;font-family:OPPOSans;font-weight:500;color:#707b89;line-height:30px;width:344px;margin-top:167px}.section8 .flex_center .left .contact a{color:#fff;border-bottom:1px solid rgba(255,255,255,0.28)}.section8 .flex_center .right{flex:1;display:flex;justify-content:flex-start;align-items:flex-end;border-left:1px solid rgba(255,255,255,0.3)}.section8 .flex_center .right .wrap{text-align:left;margin-left:60px}.section8 .flex_center .right .wrap .label-icon{margin-bottom:34px}.section8 .flex_center .right .wrap .label-icon .text{height:14px;font-size:14px;font-family:OPPOSans;font-weight:400;color:#707b89;margin-bottom:13px}.section8 .flex_center .right .wrap .label-icon .text.email::before{content:"";display:inline-block;background:url("../../assets/img/solution/邮箱.png");width:16px;height:14px;margin-right:10px}.section8 .flex_center .right .wrap .label-icon .text.phone::before{content:"";display:inline-block;background:url("../../assets/img/solution/电话.png");width:13px;height:13px;margin-right:10px}.section8 .flex_center .right .wrap .label-icon span{font-size:20px;font-family:Gilroy;font-weight:400;color:#ffffff}.section8 .flex_center .right .wrap .modalShow{margin-top:167px}.section8 .modalMask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);height:100%;display:none;z-index:999}.section8 .contactModal{position:fixed;width:741px;height:auto;background:#ffffff;border-radius:10px;display:none;margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:5;z-index:9999}.section8 .contactModal .closeBtn{background:url(../img/solution/close.png) no-repeat center;width:18px;height:18px;display:inline-block;position:absolute;right:24px;top:24px;background-size:cover}.section8 .contactModal .wrap{padding:60px;text-align:left}.section8 .contactModal .wrap .til{font-size:28px;font-family:OPPOSans;font-weight:bold;color:#000000;line-height:1;margin-bottom:17px}.section8 .contactModal .wrap .dec{font-size:15px;font-family:OPPOSans;font-weight:400;color:#000000}.section8 .contactModal .wrap .concact_form{margin-top:57px}.section8 .contactModal .wrap .concact_form section{display:flex;justify-content:space-between}.section8 .contactModal .wrap .concact_form section .input_box{position:relative;display:flex;flex-direction:column;margin-bottom:50px;flex:1}.section8 .contactModal .wrap .concact_form section .input_box:not(:last-child){margin-right:50px}.section8 .contactModal .wrap .concact_form section .input_box span{font-size:16px;font-family:OPPOSans;font-weight:500;color:#000000;display:block}.section8 .contactModal .wrap .concact_form section .input_box .contents{width:100%}.section8 .contactModal .wrap .concact_form section .input_box input,.section8 .contactModal .wrap .concact_form section .input_box textarea{width:100%;border:0;font-family:inherit;margin-top:8px;font-size:20px;color:#000;font-weight:500;font-size:16px;outline:none;background:none;border-radius:0;transition:all .25s ease;border-bottom:2px solid #eee;padding:0 10px;box-sizing:border-box;resize:none}.section8 .contactModal .wrap .concact_form section .input_box textarea{height:auto}.section8 .contactModal .wrap .concact_form section .input_box .errorMsg{font-size:12px;position:absolute;top:100%;color:red;display:none}.data_message{font-size:14px;position:absolute;z-index:1010;width:240px;top:50%;transition:all .3s;left:0;right:0;margin:auto;pointer-events:none;pointer-events:all;padding:8px 16px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,0.2);background:rgba(0,0,0,0.8);text-align:center;display:none;line-height:35px;opacity:0}.data_message.show{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}#cc .top{border-bottom:1px solid #c9ced6}.section-content .wrapper .top{border-bottom:1px solid #d7dce4}.section-content .wrapper .top .flex_between{display:flex;justify-content:space-between;align-items:flex-end}.section-content .wrapper .top .flex_between .left_tit{text-align:left;width:45%}.section-content .wrapper .top .flex_between .left_tit .h1{font-size:54px;line-height:1;font-family:OPPOSans;font-weight:500;color:#000000;display:flex;margin-bottom:25px}.section-content .wrapper .top .flex_between .left_tit .h1 p{font-weight:normal;margin-right:24px;font-size:64px;font-family:Gilroy;font-weight:400;color:#486587;line-height:1}.section-content .wrapper .top .flex_between .left_tit .desc{font-size:16px;font-family:OPPOSans;font-weight:500;color:#000000;line-height:28px;opacity:.96}.section-content .wrapper .top .flex_between .left_tit .text{font-size:16px;font-family:Gilroy;font-weight:500;color:#85939d;line-height:1;margin-top:55px;margin-bottom:50px}.section-content .wrapper .top .img img{display:block}.section-content .wrapper .mid{display:flex;justify-content:space-between;align-items:flex-start;margin-top:65px}.section-content .wrapper .mid .ietms{text-align:center;width:30%}.section-content .wrapper .mid .ietms .icon{width:47px;height:47px;background:#cad0da;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:52px}.section-content .wrapper .mid .ietms .icon img{display:block}.section-content .wrapper .mid .ietms .h2{color:#000;font-size:30px;font-family:OPPOSans;font-weight:500;line-height:1;text-align:left;position:relative;display:flex;margin-right:10px}.section-content .wrapper .mid .ietms .h2 span{position:relative}.section-content .wrapper .mid .ietms .h2 span::after{content:"";font-style:normal;position:absolute;font-size:14px;font-family:Gilroy;font-weight:500;color:#818f9a;top:-5px;left:5px}.section-content .wrapper .mid .ietms .h2 .text1::after{content:"01"}.section-content .wrapper .mid .ietms .h2 .text2::after{content:"02"}.section-content .wrapper .mid .ietms .h2 .text3::after{content:"03"}.section-content .wrapper .mid .ietms p{font-size:16px;font-family:OPPOSans;font-weight:400;color:#818f9a;line-height:26px;opacity:.96;margin-top:17px;text-align:left}.section-content .wrapper .bottom{background-image:url(../img/solution/310146318.png);background-size:cover;width:100%;height:600px;margin-top:130px;border-radius:12px;font-family:OPPOSans;font-weight:500}.section-content .wrapper .bottom .card{width:375px;height:449px;background:#ffffff;opacity:.9;border-radius:14px;position:relative;top:76px;left:79px;padding:45px;box-sizing:border-box}.section-content .wrapper .bottom .card .d_wrp{text-align:left}.section-content .wrapper .bottom .card .d_wrp .til{font-size:16px;color:#87949f;line-height:1}.section-content .wrapper .bottom .card .d_wrp .h3{font-size:30px;color:#000000;line-height:1.2;margin:42px 0 21px 0}.section-content .wrapper .bottom .card .d_wrp .desc{font-size:15px;color:#818f9a;line-height:1.5;opacity:.96;width:100%}.section-content .wrapper .bottom .card .d_wrp .btn{display:none;margin-top:120px}.section-content .wrapper .bottom .card .d_wrp .btn div{width:60px;height:60px;border:2px solid rgba(129,143,154,0.2);border-radius:50%;display:flex;justify-content:center;align-items:center}.section-content .wrapper .bottom .card .d_wrp .btn div img{width:30px;height:18px}.section-content .wrapper .bottom .card .d_wrp .btn .right{margin-left:11px}.nav-mobile{display:none;font-weight:bold;width:100%}.click-me{width:150px;height:30px;background:#4680d1;color:white;text-align:center;color:#000;line-height:30px}.click-me a{display:block;color:white}.inp{position:relative;margin:auto;width:100%;min-width:253px;margin:0 15px}.inp .label{position:absolute;top:18px;left:0;font-size:20px;font-family:OPPOSans;color:#707b89;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .2s ease}.inp input{-webkit-appearance:none;width:100%;border:0;font-family:inherit;padding:12px 0;height:35px;font-size:20px;color:#fff;font-weight:500;background:none;border-radius:0;transition:all .25s ease;border-bottom:2px solid #fff}.inp input:not(:placeholder-shown)+span{color:#707b89;-webkit-transform:translateY(-37px);transform:translateY(-37px);font-size:14px}.inp input:focus{background:none;outline:none}.inp input:focus+span{color:#707b89;-webkit-transform:translateY(-37px);transform:translateY(-37px);transition-delay:.1s;font-size:14px}@media screen and (max-width:750px){.nav-wrap{overflow:auto}.nav-wrap.navFix{position:fixed;top:50px !important}}input:-internal-autofill-selected{background-color:transparent !important}input:-webkit-autofill{background-clip:text}