.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.wrap{width:1156px;margin:0 auto}.introduce-content{padding-top:26px}.section-title-common{position:absolute;left:50%;top:-21px;width:326px;height:44px;line-height:44px;transform:translateX(-50%);background-image:url(../image/title-bg.png);background-size:cover;background-position:center;font-family:PingFangSC-Medium;font-size:20px;color:#fff;letter-spacing:1.14px;text-align:center;font-weight:600}.section-h1-common{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600}.section0{width:100%;background:#f8fafc;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 48px;position:relative}.section0 .wrap .content-box h1{margin-bottom:50px}.section0 .wrap .content-box .section0-main1{width:1060px;margin:0 auto}.section0 .wrap .content-box .section0-main1 .row{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section0 .wrap .content-box .section0-main1 .row:not(:first-child){margin-top:50px}.section0 .wrap .content-box .section0-main1 .row .item{width:230px;height:150px;background-image:url(../image/section0-img11.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:25px;padding-left:28px;font-family:PingFangSC-Regular;font-size:14px;color:#545c63;line-height:22px;font-weight:400}.section0 .wrap .content-box .section0-main1 .row .item1{width:169px;height:68px;background:#ff5733;background-image:linear-gradient(179deg,#0b8eff 8%,#1455f2 100%);border-radius:10px;font-family:PingFangSC-Semibold;font-size:16px;color:#ffe76f;text-align:center;font-weight:600;position:relative;left:-10px;margin-top:45px;box-sizing:border-box;padding-top:12px}.section0 .wrap .content-box .section0-main1 .row .item1-arr{position:relative}.section0 .wrap .content-box .section0-main1 .row .item1-arr::after{content:' ';position:absolute;top:119px;left:71px;width:17px;height:32px;background-image:url(../image/section0-arrow.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main1 .row .arrow{width:32px;height:17px}.section0 .wrap .content-box .section0-main1 .row .arrow-r{margin-top:70px;background-image:url(../image/section0-arrow-r.png);background-size:cover;background-position:center}.section1{width:100%;background:#fff;margin:0 auto}.section1 .wrap{height:100%}.section1 .wrap .content-box{width:100%;margin:0 auto;box-sizing:border-box;padding:64px 0 52px;position:relative}.section1 .wrap .content-box h1{margin-bottom:48px}.section1 .wrap .content-box .section1-box{width:1088px;margin:0 auto}.section1 .wrap .content-box .section1-box .row{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-box .row .item{width:249px;height:168px;background-image:url(../image/section1-img1.png);background-size:cover;background-position:center;background-size:100% 100%;box-sizing:border-box;padding-top:19px}.section1 .wrap .content-box .section1-box .row .item .tit{font-family:PingFangSC-Semibold;font-size:14px;color:#ffe76f;text-align:center;font-weight:600;margin-bottom:22px}.section1 .wrap .content-box .section1-box .row .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;text-align:center;font-weight:400}.section1 .wrap .content-box .section1-box .row .other-p{padding-top:29px}.section1 .wrap .content-box .section1-box .row .other-p .tit{margin-bottom:31px}.section1 .wrap .content-box .section1-box .row2{margin-top:48px}.section3{width:100%;background:#f8fafc;margin:0 auto}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;margin:0 auto;box-sizing:border-box;padding:64px 0 101px}.section3 .wrap .content-box .section-h1-common{margin-bottom:47px}.section3 .wrap .content-box .section3-main{width:100%;margin:0 auto}.section3 .wrap .content-box .section3-main .swiper-container{width:100%}.section3 .wrap .content-box .section3-main .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:640px;box-sizing:border-box}.section3 .wrap .content-box .section3-main .swiper-container .swiper-wrapper .swiper1{background-image:url(../image/swiper12.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .swiper-container .swiper-wrapper .swiper2{background-image:url(../image/swiper22.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .swiper-container .swiper-wrapper .swiper3{background-image:url(../image/swiper32.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .swiper-pagination{top:840px;left:538px}.section3 .wrap .content-box .section3-main .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#d8d8d8}.section3 .wrap .content-box .section3-main .swiper-pagination .swiper-pagination-bullet:nth-child(2){margin:0 10px}.section3 .wrap .content-box .section3-main .swiper-pagination .swiper-pagination-bullet-active{width:36px;height:12px;background:#106df8;border-radius:6px}.section2{width:100%;height:704px;position:relative}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;width:1152px;box-sizing:border-box;text-align:center;height:706px;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:12px}.section2 .wrap .content-box .section2-icon{position:absolute;left:505px;top:-14px;width:198px;height:48px;line-height:40px;background-image:url(../image/title-bg.png);background-size:cover;background-position:center;font-family:PingFangSC-Medium;font-size:24px;color:#fff;letter-spacing:1.14px;text-align:center;font-weight:500}.section2 .wrap .content-box .section2-main{padding-top:51px}.section2 .wrap .content-box .section2-main h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:10px}.section2 .wrap .content-box .section2-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-bottom:54px}.section2 .wrap .content-box .section2-main .section2-block{padding:0 55px}.section2 .wrap .content-box .section2-main .section2-img{width:204px;height:204px;float:left;margin-right:30px}.section2 .wrap .content-box .section2-main .section2-img1{background-image:url(../image/da.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img2{background-image:url(../image/code.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img3{background-image:url(../image/cai.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-img4{background-image:url(../image/wen.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-contBox{width:242px;float:left;margin:24px 60px 0 0}.section2 .wrap .content-box .section2-main .section2-main-contBox .title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:600;margin-bottom:18px;text-align:left}.section2 .wrap .content-box .section2-main .section2-main-contBox .content{width:252px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.section2 .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}