/* html {
                min-height: 600px;
                overflow: hidden;
                background: #ffffff
            }
             */
            
            .mt50 {
                margin-top: 50px;
            }
            
            .mt30 {
                margin-top: 30px;
            }
            
            .mt20 {
                margin-top: 20px;
            }
            
            .mShow {
                display: none;
            }
            
            .mHide {
                display: block;
            }
            
            .picm {
                display: none;
            }
            
            .container {
                width: 100%;
                height: 100%;
                -webkit-transition: all linear .3s;
                -ms-transition: all linear .3s;
                -moz-transition: all ease .3s;
                transition: all linear .3s
            }
            
            #orientLayer {
                display: none
            }
            
            .opacity0 {
                opacity: 0;
                filter: "alpha(opacity=0)";
                filter: alpha(opacity=0);
                zoom: 1
            }
            /* .fp-auto-height {
    height: auto !important
} */
            
            .breadNav {
                height: 50px;
                background: #f7f9fc;
                margin-bottom: 20px;
            }
            
            .breadNavInfo {
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #000000;
            }
            
            .breadNavInfo a {
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #646464
            }
            
            .icon_v {
                position: absolute;
                left: 20px;
                top: 50%;
                margin-top: -13px;
                width: 26px;
                height: 26px;
                display: block;
                overflow: hidden;
                line-height: 26px;
            }
            
            .i_btnwhite .i_btn_wd {
                margin-left: 20px;
            }
            
            .icon_v img {
                width: 26px;
                height: 26px;
                margin: 0;
                padding: 0;
            }
            
            .wrapper {
                width: 100%;
                height: 100%;
                overflow: hidden
            }
            
            .section {
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            
            .section .content,
            .header .contentNav {
                width: 1200px;
                margin: 0 auto;
                color: #fff
            }
            
            .section .words {
                width: 50%
            }
            
            .section .content {
                font-family: hyht, 'Microsoft Yahei', simsun, "sans serif", tahoma, verdana, helvetica;
                font-weight: 400;
                position: relative;
                z-index: 1;
                transform: translate3d(0, 0, 0)
            }
            
            .section .arrow {
                width: 40px;
                height: 22px;
                background: url(/resources/sync/images/arrow.png) no-repeat;
                position: absolute;
                bottom: 40px;
                left: 50%;
                margin: 0 0 0 -20.5px;
                transform: translate3d(0, 0, 0);
                z-index: 1
            }
            
            .section .arrow a {
                width: 100%;
                height: 100%;
                display: block
            }
            
            #fp-nav,
            #fp-nav ul li .fp-tooltip {
                color: #6c6c6c !important;
                word-break: keep-all;
                word-wrap: normal;
                white-space: nowrap;
                font-family: 'Microsoft Yahei', simsun
            }
            
            #fp-nav ul li a span,
            .fp-slidesNav ul li a span {
                height: 12px;
                width: 12px;
                border: 1px solid #ffffff;
                background: #ffffff;
                left: 0;
                -webkit-transition: all .1s ease-in-out;
                -moz-transition: all .1s ease-in-out;
                -o-transition: all .1s ease-in-out;
                transition: all .1s ease-in-out
            }
            
            #fp-nav ul li a.active span,
            .fp-slidesNav ul li a.active span,
            #fp-nav ul li:hover a.active span,
            .fp-slidesNav ul li:hover a.active span {
                background: transparent;
                width: 12px;
                height: 12px;
                border: 1px solid #000;
                background: #000;
                top: 7px;
                left: 0
            }
            
            .header {
                width: 100%;
                background: #fff;
                border-bottom: 3px solid #48a0ff;
                /* box-sizing: border-box; */
                height: 87px;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            
            .icon_logo {
                display: inline-block;
                width: 100%;
                height: 100%;
                stroke-width: 0;
                stroke: #000;
                fill: #000
            }
            
            .intro .logo .icon_logo,
            .header .contentNav .logoicon .icon_logo {
                stroke: #fff;
                fill: #fff
            }
            
            .header .contentNav {
                height: 87px
            }
            
            .header .contentNav .logoHref {
                float: left;
                margin: 26px 0 0 3px;
                width: 200px;
                height: 44px;
                background-image: url(../images/logo.png);
                background-size: 100%;
            }
            
            .header .contentNav .logoicon {
                width: 200px;
                height: 44px
            }
            
            .header .contentNav .logoicon img {
                width: 200px;
                height: 44px
            }
            
            .header .contentNav ul {
                text-align: right;
                line-height: 87px;
                height: auto;
                height: 87px;
            }
            
            .header .contentNav ul li {
                display: inline-block;
                font-size: 16px;
                margin-left: 5px
            }
            
            .header .contentNav ul li a {
                /* color: #fff; */
                /* opacity: .3 */
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #000000;
                font-size: 18px;
            }
            
            .header .contentNav ul li .item {
                padding: 0 20px;
                line-height: 87px;
                height: 87px;
                display: block;
                position: relative;
            }
            
            .header .contentNav ul li.active .item {
                padding: 0 20px;
                line-height: 87px;
                height: 87px;
                display: block;
                position: relative;
            }
            
            .header .contentNav ul li.active .item::after {
                content: '';
                height: 50px;
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                opacity: .3;
                background: linear-gradient(0deg, #48a0ff 0%, rgba(72, 160, 255, 0.00) 100%);
                border-radius: 1px 1px 1px 1px;
            }
            
            .header .contentNav ul li a.active {
                opacity: 1;
            }
            
            .header .contentNav ul li.actived .item::after {
                content: '';
                height: 50px;
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                opacity: .3;
                background: linear-gradient(0deg, #48a0ff 0%, rgba(72, 160, 255, 0.00) 100%);
                border-radius: 1px 1px 1px 1px;
            }
            
            .header .contentNav ul li a.actived {
                opacity: 1;
            }
            
            .header .menu,
            .header .back {
                display: none
            }
            
            .subMenu {
                width: 100%;
                position: absolute;
                left: 0;
                top: 90px;
                background: #ffffff;
                z-index: 9999;
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s ease-in
            }
            
            .subMenu .header__aiot {
                width: 1200px;
                margin: 20px auto;
            }
            
            .header__aiot {
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
            }
            
            .header__aiot-item {
                width: 19%;
                background: #f7f9fc;
                border-radius: 5px;
                text-align: center
            }
            
            .header__aiot-item-img {
                margin: 19px auto 0 auto;
                width: auto;
                height: 54px;
                cursor: pointer
            }
            
            .header__aiot-item-img img {
                width: auto;
                height: 54px
            }
            
            .header__aiot-item-title {
                display: block;
                cursor: pointer;
                padding-top: 14px;
                margin-bottom: 20px;
                text-align: center;
                color: #000;
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                font-family: OPPOSans-Medium;
            }
            
            .header .contentNav ul li.active .subMenu {
                opacity: 1;
                visibility: visible;
            }
            
            .intro {
                /* background: #0E111E url(/resources/sync/images/banner.jpg) center bottom no-repeat */
                background: #0E111E
            }
            
            .intro .header .contentNav {
                margin-top: 0;
                background-color: #fff;
            }
            
            .intro h1 {
                font-size: 60px;
                line-height: 80px
            }
            
            .intro .wordtxt {
                margin-top: 135px;
                width: 400px;
                font-size: 50px;
                font-family: Source Han Sans CN, Source Han Sans CN-Medium;
                font-weight: 500;
                text-align: left;
                color: #ffffff;
                line-height: 68px;
            }
            
            .intro .wordtxt .title {
                font-size: 50px;
                font-weight: 500;
            }
            
            .intro p {
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #ffffff;
                line-height: 36px;
                font-size: 20px;
                padding: 51px 0 48px
            }
            
            .data {
                background: #48A0FF url(/resources/sync/images/banner_b.jpg) center top no-repeat
            }
            
            .data .content {
                height: 100%;
                color: #48A0FF
            }
            
            .section .content.f7modify .secondImg {
                padding-bottom: 51px
            }
            /* .data:after {
                width: 200%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -50%;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
                content: '';
                background: #fff;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            } */
            
            .data .words {
                width: 48%;
                padding: 0 0 0 50px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -97px 0 0
            }
            
            .data h1 {
                font-size: 48px;
                line-height: 86px
            }
            
            .data p {
                font-size: 24px;
                line-height: 36px
            }
            
            .data .pic {
                width: 60%;
                max-width: 950px;
                margin-left: -30px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -293px
            }
            
            .data .pic img {
                width: 100%
            }
            
            .data .arrow {
                background: url(/resources/sync/images/arrow2.png) no-repeat;
                z-index: 1
            }
            
            .safe {
                background: #48a0ff
            }
            /* 
            .safe:after {
                width: 200%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -50%;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
                content: '';
                background: #3987ec url(/resources/sync/images/map.jpg) center center no-repeat;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            } */
            
            .safe .words {
                color: #fff
            }
            
            .safe h1 {
                line-height: 86px;
                font-size: 50px;
                font-family: Source Han Sans CN, Source Han Sans CN-Medium;
                font-weight: 500;
            }
            
            .safe p {
                /* font-size: 24px;
                line-height: 36px;
                padding: 30px 0 40px */
            }
            
            .safe .phone {
                width: 538px;
                height: 640px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -325px 0 0 100px
            }
            
            .mtpt3 .pic {
                width: 60%;
                max-width: 950px;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -340px;
            }
            
            .safe .pic img {
                width: 100%;
                height: auto;
            }
            
            .how:after {
                width: 200%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -50%;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
                content: '';
                background: #48A0FF;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }
            
            .how .words {
                width: 100%;
                text-align: center;
                padding: 0 0 100px
            }
            
            .how .words h1 {
                font-size: 48px
            }
            
            .how .step ul {
                font-size: 0;
                text-align: center
            }
            
            .how .step li {
                width: 49%;
                display: inline-block
            }
            
            .how .step li img {
                display: block;
                margin: 0 auto
            }
            
            .how .step li p {
                padding: 60px 0 0;
                font-size: 24px;
                line-height: 36px
            }
            
            .how .back {
                display: none
            }
            
            .begin {
                background: #333
            }
            
            .begin .back-home {
                width: 109px;
                height: 109px;
                position: absolute;
                top: -40px;
                left: 50%;
                margin: 0 0 0 -55px;
                z-index: 2;
                background: url(/resources/sync/images/back.png) no-repeat;
                cursor: pointer
            }
            
            .begin .words {
                width: 100%;
                padding: 150px 0 60px;
                text-align: center
            }
            
            .begin .words h1 {
                color: #48A0FF;
                font-size: 48px
            }
            
            .begin .words h2 {
                display: none
            }
            
            .begin .btns {
                font-size: 0;
                text-align: center;
                margin-bottom: 145px
            }
            
            .begin .btns a {
                display: inline-block;
                margin: 0 16px
            }
            
            .testBtn:hover {
                background: #1788e8;
                color: #fff;
            }
            
            .footer {
                width: 100%;
                min-height: 290px;
                height: auto;
                line-height: 36px;
                padding: 0;
                margin: 0;
                position: relative;
                left: auto;
                top: auto;
                background: #333333;
                overflow: visible;
                z-index: 1
            }
            
            .footerWrap {
                width: 100%;
                color: #fff
            }
            
            .footerInner {
                width: 1200px;
                margin: 0 auto;
                position: relative;
                display: flex;
                justify-content: space-around;
            }
            
            .foot_title {
                width: 100%;
                padding: 0 429px;
                height: 135px;
                background-color: #284F77;
                color: #ffffff;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            
            .foot_title div:first-child {
                width: 520px;
                height: 25px;
                line-height: 25px;
                font-size: 22px;
                font-weight: 500;
                text-align: left;
            }
            
            .foot_title div:last-child {
                width: 520px;
                height: 25px;
                line-height: 25px;
                font-size: 24px;
                font-weight: 400;
                text-align: right;
            }
            
            .footerInner .tubiao {
                width: 350px;
                height: 57px;
                margin-top: 42px;
            }
            
            .footerInner .lianxi {
                padding: 0 10px;
                box-sizing: border-box;
                width: 176px;
                height: 52px;
                background: #48a0ff;
                border-radius: 6px;
                opacity: 1;
                display: flex;
                justify-content: space-around;
                align-items: center;
                margin-top: 32px;
            }
            
            .footerInner .lianxi img {
                width: 30px;
                height: 24px;
            }
            
            .footerInner .lianxi span a {
                color: #ffffff;
                font-size: 20px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                text-align: left;
                color: #ffffff;
            }
            
            .footerInner .lianxi span:hover {
                cursor: pointer;
            }
            
            .footerInner .dizhi {
                width: 500px;
                height: 254px;
                z-index: 2;
                opacity: 1;
                margin-top: 32px;
            }
            
            .footerInner .comName {
                width: 350px;
                color: #ffffff;
                text-align: left;
                font-size: 24px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
            }
            
            .footerInner .banquan {
                width: 100%;
                color: #ffffff;
                text-align: left;
                font-size: 14px;
                margin-top: 28px;
            }
            
            .footerInner .banquan a {
                color: #ffffff;
            }

            .footerInner .filingsBox {
                display: flex;
                /* justify-content: center; */
                align-items: center;
                width: 420px;
                font-size: 14px;
            }

            .filingsBox>div>a {
                text-decoration: none;
                /* 清除文本修饰线（去掉下划线） */
                color: inherit;
                /* 继承父元素的颜色 */
                font-weight: normal;
                /* 取消链接的加粗效果 */
            }

            .filingsBoxInfo {
                display: flex;
            }

            .filingsBoxInfo>div>a {
                text-decoration: none;
                /* 清除文本修饰线（去掉下划线） */
                color: inherit;
                /* 继承父元素的颜色 */
                font-weight: normal;
                /* 取消链接的加粗效果 */
            }

            .filingsIcon {
                width: 20px;
                height: 20px;
                margin: 0 10px;
                background: url('../images/filingsIcon.png') no-repeat;
                background-size: contain;
                align-self: center;
            }
            
            .footerInner .youxiang {
                width: 220px;
                color: #ffffff;
                overflow: hidden;
                font-size: 20px;
                margin-top: 42px;
                display: flex;
                align-items: center;
                margin-bottom: 10px
            }
            
            .footerInner .youxiang img {
                width: 21px;
                height: 17px;
                float: left;
                margin-right: 10px;
            }
            
            .footerInner .youxiang div {
                float: left;
                color: #ffffff;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
            }
            
            .footerInner .dianhua {
                width: 220px;
                overflow: hidden;
                color: #ffffff;
                font-size: 20px;
                display: flex;
                align-items: center;
                margin-top: 31px;
                margin-bottom: 10px
            }
            
            .footerInner .dianhua img {
                width: 18px;
                height: 20px;
                float: left;
                margin-top: 5px;
                margin-right: 10px;
            }
            
            .footerInner .dianhua div {
                float: left;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
            }
            
            .footerInner .thin {
                font-weight: 400 !important;
                color: #ffffff !important;
                width: 190px;
                height: 36px;
                background: #48a0ff;
                border-radius: 3px;
                font-size: 16px !important;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                text-align: center;
            }
            
            .footerInner .banshi_title {
                color: #ffffff;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                margin-top: 42px;
                display: flex;
                align-items: center;
                margin-bottom: 5px;
            }
            
            .cline {
                margin-bottom: 5px;
            }
            
            .banshi_img {
                width: 16px;
                height: 21px;
                margin-right: 14px;
            }
            
            .footerInner .banshi {
                color: #ffffff;
                font-size: 16px;
                text-align: left;
                padding-bottom: 20px;
            }
            
            .footerInner .banshi div {
                line-height: 28px;
            }
            
            .footerInner .banshi .banshi_spe {
                margin-left: 100px;
            }

            .footPageAddressInfoCell {
                display: flex;
            }

            .addressTitle {
                white-space: nowrap;
            }

            .addressText {
                text-align: left;
            }
            
            .mr120 {
                /* margin-right: 20px; */
                margin-right: 0px;
            }
            
            @media all and (max-width:1367px) {
                .section .content,
                .header .contentNav {
                    width: 1100px
                }
                .intro .phone {
                    margin-left: 30px
                }
                .data .pic {
                    margin-top: -247px
                }
                .footerInner {
                    width: 1100px;
                    margin: 0 auto;
                    position: relative
                }
            }
            
            @media all and (min-width:1367px) {
                .data .pic {
                    width: 68%;
                    margin-left: -100px
                }
                .data .words {
                    padding: 0 0 0 60px
                }
                .quick .pic {
                    width: 62%;
                    margin-left: -100px;
                    margin-top: -341px
                }
                .quick .words {
                    padding: 0 0 0 60px;
                    margin-top: -115px
                }
            }
            
            .loginBtn {
                margin-left: 50px;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #48a0ff;
                display: inline-block;
            }
            
            .testBtn {
                width: 118px;
                height: 42px;
                background: #48a0ff;
                border-radius: 5px;
                margin-left: 32px;
                font-size: 18px;
                font-family: Source Han Sans CN, Source Han Sans CN-Regular;
                font-weight: 400;
                color: #ffffff;
                line-height: 42px;
                display: inline-block;
                text-align: center;
            }
            
            .testBtn:hover {
                color: #ffffff;
            }
            
            .ml40 {
                margin-left: 40px;
            }
            
            .mtpt1 {
                margin-top: 70px;
            }
            
            .flexCC {
                display: flex;
            }
            
            .mtpt1 .pic {
                display: block;
                width: 56%;
                max-width: 950px;
                margin-right: 0px;
                position: absolute;
                right: 0;
                top: 0;
                margin-top: -133px;
            }
            
            .mtpt1 .pic img {
                width: 100%;
                height: 100%;
            }
            
            .mtpt2 {
                color: #020813;
            }
            
            .mtpt2 .words {
                color: #020813;
            }
            
            .mtpt2 .pic {
                /* width: 552px;
                height: 544px; */
                width: 50%;
                max-width: 950px;
                margin-left: -30px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -293px;
            }
            
            .mtpt2 .pic img {
                width: 100%;
                height: 100%;
            }
            
            .mtpt2 h1 {
                font-size: 50px;
                font-family: Source Han Sans CN, Source Han Sans CN-Medium;
                text-align: left;
                color: #020813;
                line-height: 72px;
                font-weight: 500;
            }
            
            .mtpt2 .words {
                width: 40%;
                padding: 0 0 0 50px;
                position: absolute;
                right: 0;
                left: auto;
                top: 50%;
                margin: -197px 0 0;
            }
            
            .mtpt3 {
                font-size: 50px;
                font-family: Source Han Sans CN, Source Han Sans CN-Medium;
                text-align: left;
                color: #fff;
                line-height: 72px;
                font-weight: 500;
            }
            
            .mtpt3 p {
                font-size: 24px;
                line-height: 36px;
            }
            
            .quick {
                background: #e7f3ff
            }
            /* .quick .content {
                color: #3987ec;
                height: 100%
            } */
            /* .quick:after {
                width: 200%;
                height: 100%;
                position: absolute;
                top: 0;
                left: -50%;
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
                content: '';
                background: #fff;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            } */
            
            .quick .words {
                width: 600px;
                position: absolute;
                left: auto;
                right: -100px;
                padding: 0 0 0 0;
                bottom: 80px;
                /* top: 50%; */
                /* margin: -268px 0 0 */
            }
            
            .quick h1 {
                font-size: 50px;
                font-family: Source Han Sans CN, Source Han Sans CN-Medium;
                text-align: left;
                color: #020813;
                line-height: 72px;
                font-weight: 500;
            }
            
            .quick p {
                font-size: 24px;
                color: #020813;
                line-height: 36px
            }
            
            .quick .pic {
                width: 65%;
                max-width: 920px;
                margin-left: -100px;
                position: absolute;
                bottom: -4px;
                left: 0;
            }
            
            .quick .pic img {
                width: 100%;
                height: 100%;
            }
            
            .quick .arrow {
                background: url(/resources/sync/images/arrow2.png) no-repeat
            }
            
            .caseList img {
                margin-right: 37px;
            }
            
            .pofis {
                position: relative;
            }