.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end}
.justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between}
.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.section-top{
    height: 420px;
    margin: 0 auto;
    background-color: #276ef7;
    background-image: url(../images/banner.png);
    background-size: 1920px 420px;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 1px solid transparent;
}
.section-top-btn{
    width:150px;
    height:50px;
    background:rgba(255,170,3,1);
    box-shadow:0px 0px 4px 1px rgba(39,110,247,0.14);
    border-radius:4px;
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    top: 330px;
    box-shadow: 0px 0px 4px 3px rgba(255,170,3,0.2);
    left:50%;
    transform: translateX(-50%);
}
.section-top img{
    display: block;
    width: 473px;
}
.section-tool{
    width:100%;
    background:rgba(39,110,247,1);
    padding: 40px 0 30px;
}
.short-ipt{
    width:550px;
    height:36px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    font-size: 14px;
    padding-left: 10px;
}
.short-btn{
    width:100px;
    height:34px;
    background:rgba(255,170,3,1);
    box-shadow:0px 0px 4px 3px rgba(255,170,3,0.2);
    border-radius:4px;
    font-size:16px;
    color:rgba(255,255,255,1);
    line-height:34px;
    margin-left: 10px;
}
.tool-info-wrapper{
    margin: 0 auto;
    width: 660px;
}
.tool-info .doname-list {
    margin-top: 10px;
}
.tool-info .doname-list li{
    color: #ffffff;
    font-size: 14px;
    margin-right: 20px;
}
.tool-info .doname-list li label{
    cursor: pointer;
}
.tool-info .doname-list .radio-input {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: -5%;
    background-color: #ffffff;
    cursor: pointer;
}
.tool-info .doname-list .radio-input:checked::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 4px solid #fff;
    background: #276EF7;
    border-radius: 50%;
    top: -1px;
    left: -1px;
}
.tool-info .doname-list span{
    margin: 0;
    font-size: 14px;
}
.term {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}
.termName {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0 5px 0 0;
}
.term_select {
    display: inline-block;
    vertical-align: middle;
    width:60px;
    height:20px;
    color: #777777;
    outline: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 12px;
}
.section-scene{
    width: 100%;
    padding: 7% 0px ;
    background-color: #F4F8FF;
}
.section.title{
    margin: 0 auto;
}
.section .title hr{
    width:152px;
    height:1px;
    margin: 0;
    border: none;
    border-top: 1px solid #D9D9D9;
}
.section .title span{
    font-size:24px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:33px;
    margin: 0 16px;
}
.section .sub-title{
    font-size:18px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:25px;
    text-align: center;
    margin-top: 20px;
}
.short-creat-wrapper{
    width:660px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(235,235,235,1);
    margin-top: 18px;
    padding: 40px 144px 17px;
}
.short-creat-wrapper .tips{
    width: 100%;
    top: 10px;
    left: 0;
    font-size: 14px;
    color: rgb(170, 170, 170);
    text-align: center;
    /* display: none;
 */}
.short-creat-wrapper p{
    font-size:14px;
    color:#555555;
    line-height:20px;
}
.short-creat-wrapper span{
    font-size:14px;
    color:#276EF7;
    line-height:20px;
}
.short-creat-wrapper img{
    width: 70px;
}
.qrcode-creat{
    margin-top: 18px;
}
.qrcode-creat .qrcode{
    width: 176px;
}
.short-creat-wrapper .copy-btn,.short-creat-wrapper a{
    width:50px;
    height:22px;
    background:rgba(244,248,255,1);
    border-radius:4px;
    font-size:12px;
    color:rgba(39,110,247,1);
    line-height:22px;
    text-align: center;
    cursor: pointer;
}
.scene-wrapper{
    width: 1000px;
    height: 500px;
    margin: 0px auto;
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .scene-wrapper{
        width: 100%;
        }
      }
.scene-wrapper nav li{
    width:200px;
    height:54px;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.06);
    border-radius:4px;
    text-align: center;
    line-height: 50px;
    color: #276EF7;
    font-size: 18px;
    cursor: pointer;
    background-color: #fff;
}
.scene-wrapper nav li i{
    content: '';
    background-image: url(../images/icon-scene.png);
    width:22px;
    height:22px;
    display: inline-block;
    background-size: auto 22px;
    background-position: -24px 0;
    margin-right: 5px;
}
.scene-wrapper nav li:nth-of-type(1) i{
    background-position: -46px 0;
}
.scene-wrapper nav li:nth-of-type(2) i{
    background-position: -92px 0;
}
.scene-wrapper nav li:nth-of-type(3) i{
    background-position: -135px 3px;
}
.scene-wrapper nav li:nth-of-type(4) i{
    background-position: -175px 0;
}
.scene-wrapper nav li:nth-of-type(5) i{
    background-position: -214px 0;
}
.scene-wrapper nav .active{
    background:rgba(39,110,247,1);
    color: #fff;
}
.scene-wrapper nav li:nth-of-type(1).active i{
    background-position: -24px 0;
}
.scene-wrapper nav li:nth-of-type(2).active i{
    background-position: -69px 0;
}
.scene-wrapper nav li:nth-of-type(3).active i{
    background-position: -114px 3px;
    width:21px;
}
.scene-wrapper nav li:nth-of-type(4).active i{
    background-position: -155px 0;
    width:21px;
}
.scene-wrapper nav li:nth-of-type(5).active i{
    background-position: -195px 0;
    width:21px;
}
.scene-wrapper ul{
    position: relative;
    margin-top: 16px;
}
.scene-wrapper ul li{
    width:1000px;
    /* height:400px;
 */    background:rgba(255,255,255,1);
    box-shadow:0px 2px 4px 2px rgba(39,110,247,0.06);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 70px 20px 80px;
}
@media screen and (max-width: 768px) {
    .scene-wrapper ul li{
        width: 100%;
        }
      }
.scene-wrapper ul li .scene-introduce{
    width: 355px;
}
.scene-introduce .title{
    font-size:18px;
    color:rgba(39,110,247,1);
}
.scene-introduce .title::before{
    content: '';
    display: inline-block;
    width:4px;
    height:24px;
    background:rgba(39,110,247,1);
    vertical-align: -18%;
    margin-right: 5px;
}
.scene-introduce-wrapper{
    width: 100%;
    height: 100%;
}
.introduce-text{
    margin-top: 22px;
}
.scene-img{
    width: 422px;
    height: 382px;
    margin: 0;
}
.scene-img img{
    display: block;
    max-width: 422px;
    max-height: 382px;
}
.introduce-text p{
    font-size:16px;
    color:#555555;
}
.introduce-text span{
    display: block;
    font-size:14px;
    font-weight:400;
    color:rgba(119,119,119,1);
    line-height:24px;
    margin-top: 20px;
}
.section-feature{
    width: 100%;
    background-color: #fff;
    padding: 80px 0 30px;
}
.feature-wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-top: 56px;
}
@media screen and (max-width: 768px) {
    .feature-wrapper{
        width: 100%;
        }
      }
.feature-wrapper li{
    width:220px;
    height:200px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 40px;
}
.feature-wrapper li:nth-of-type(4){
    margin-right:0;
}
.feature-wrapper li:hover{
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.06),0px 0px 8px 6px rgba(39,110,247,0.04)}
.feature-wrapper li:hover .feature-list-title{
    color: #006DFF;
}
.line{
    width:0px;
    height:1px;
    border-radius:3px;
    background-color:#006DFF;
    margin:0 auto;
    position:absolute;
    left:0px;
    right:0px;
    top: 90px;
    transition:width .3s linear;
}
.feature-wrapper li:hover .line{
    width:180px;
}
.feature-list-img{
    width:74px;
    height:74px;
    margin-top: 20px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-list-title{
    font-size:16px;
    font-weight:600;
    color:#555555;
    line-height:22px;
    text-shadow:0px 2px 4px rgba(0,0,0,0.06);
    text-align: center;
    position: absolute;
    top: 126px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-list-subtitle{
    width: 100%;
    font-size:14px;
    font-weight:400;
    color:#777777;
    text-shadow:0px 2px 4px rgba(0,0,0,0.06);
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-list-subtitle2{
    width: 100%;
    font-size:14px;
    font-weight:400;
    color:rgba(119,119,119,1);
    text-shadow:0px 2px 4px rgba(0,0,0,0.06);
    margin-top: 10px;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    padding: 0 20px;
}
.section-services{
    width: 100%;
    background-color: #F4F8FF;
    padding: 80px 0 30px;
}
.services-wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .services-wrapper{
        width: 100%;
    }
}
.services-wrapper .tips{
    font-size:14px;
    color:rgba(85,85,85,1);
    line-height:20px;
    text-align: center;
    margin-top: 30px;
}
.services-nav{
    width: 176px;
}
.services-nav li{
    width:176px;
    height:70px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(241,241,241,1);
    margin-bottom: 10px;
    font-size:18px;
    font-weight:400;
    color:rgba(119,119,119,1);
    line-height:70px;
    text-align: center;
    cursor: pointer;
}
.services-nav .active{
    background:#276ef7;
    box-shadow:0px 0px 4px 2px rgba(39,110,247,0.2);
    color: #FFFFFF;
    border: 1px solid #276ef7;
    box-shadow:0px 0px 4px 2px rgba(39,110,247,0.2);
}
.services-concainer{
    width:805px;
    height:390px;
    background:rgba(255,255,255,1);
    position: relative;
}
.services-concainer li{
    width:805px;
    height:390px;
    background:rgba(255,255,255,1);
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 30px;
}
.services-concainer-nav ol{
    width: 155px;
    text-align: center;
    height:50px;
    font-size:36px;
    font-weight:400;
    color:rgba(155,191,255,1);
    line-height:50px;
}
.services-concainer-text{
    margin-top: 28px;
}
.services-concainer-text ol{
    width:155px;
    height:40px;
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:20px;
    text-align: center;
}
.services-concainer img{
    display: block;
    width:694px;
    margin: 0 auto;
    margin-top: 12px;
}
.services-concainer .customization-img{
    width: 230px;
}
.section-introduce{
    width: 100%;
    background-color: #fff;
    padding: 80px 0;
    border-bottom: 1px solid #E3E3E3;
}
.section-introduce .partner-logo{
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
.evaluate-title{
    font-size:24px;
    color:rgba(51,51,51,1);
    line-height:33px;
    text-align: center;
    margin-top: 58px;
}
.evaluate-wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-top: 84px;
}
.evaluate-wrapper li{
    width:275px;
    height:250px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 4px 1px rgba(39,110,247,0.06);
    border-radius:5px;
    position: relative;
    padding: 41px 24px;
}
.evaluate-wrapper li .evaluate-logo{
    position: absolute;
    width:80px;
    height:80px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 4px 0px rgba(39,110,247,0.06),0px 0px 4px 1px rgba(39,110,247,0.06);
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% - 41px));
}
.evaluate-wrapper li:nth-of-type(1) .evaluate-logo img{
    width: 68px;
}
.evaluate-wrapper li:nth-of-type(2) .evaluate-logo img{
    width: 56px;
}
.evaluate-wrapper li:nth-of-type(3) .evaluate-logo img{
    width: 56px;
}
.evaluate-wrapper li i{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-quotation-mark.png);
    background-size: 30px 30px;
    margin-bottom: 10px;
}
.evaluate-text p{
    font-size:14px;
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:28px;
    margin-top: 18px;
}
.evaluate-text span{
    font-size:14px;
    font-weight:400;
    color:#276EF7;
    line-height:28px;
}
.experience-btn{
    width:150px;
    height:49px;
    background:rgba(39,110,247,1);
    box-shadow:0px 0px 4px 1px rgba(39,110,247,0.14);
    border-radius:4px;
    margin: 0 auto;
    cursor: pointer;
    font-size:18px;
    color:rgba(255,255,255,1);
    line-height:49px;
    margin-top: 50px;
    text-align: center;
}
.mt-80{
    margin-top: 80px;
}
.information-wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}
.information-ul{
    width: 460px;
}
.information-title{
    height: 60px;
}
.information-title span{
    font-size:18px;
    color:rgba(51,51,51,1);
    line-height:25px;
}
.information-title a{
    font-size:14px;
    color:rgba(39,110,247,1);
}
.information-ul ul li{
    width:460px;
    height:80px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(241,241,241,1);
    cursor: pointer;
    margin-bottom: 10px;
}
.information-ul .time{
    width: 80px;
}
.information-ul .time p{
    font-size:24px;
    font-weight:600;
    color:rgba(153,153,153,1);
    text-align: center;
    margin-top: 10px;
}
.information-ul .time span{
    display: block;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-top: 2px;
}
.information-ul ul li i{
    width:1px;
    height:65px;
    background:rgba(241,241,241,1);
}
.information-concainer{
    width: 300px;
    margin-left: 21px;
}
.information-concainer h2{
    font-size:14px;
    color:rgba(85,85,85,1);
}
.information-concainer span{
    width: 300px;
    display: block;
    font-size:12px;
    color:#777;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
/* 登陆 */.login{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
}
.login-wrapper{
    padding: 30px 80px 30px 70px;
    background:#fff;
    border-radius:10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.login-title{
    font-size:20px;
    font-weight:600;
    color:#333333;
    text-align: center;
}
.login-subtitle{
    font-size:14px;
    color:#777777;
    text-align: center;
    margin-top: 6px;
}
.login-mode{
    margin-top: 30px;
}
.mob-mode{
    width: 240px;
    margin-right: 75px;
}
.login-mode hr{
    height: 217px;
    border: 1px solid #F0F0F0;
}
.qrcode-mode{
    width: 168px;
    margin-left: 70px;
}
.login-mode-title{
    font-size:16px;
    font-weight:600;
    color:rgba(119,119,119,1);
    text-align: center;
}
.mob-mode-ipt{
    margin-top: 22px;
}
.mobnum-ipt{
    width: 240px;
    height: 30px;
    border-bottom: 1px solid #C0C0C0;
    font-size:14px;
    background-image: url(../images/phone_number.png);
    background-size: 16px 18px;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 25px;
    background-position: 4px 6px;
}
.password-ipt{
    width: 240px;
    height: 30px;
    border-bottom: 1px solid #C0C0C0;
    font-size:14px;
    background-image: url(../images/password.png);
    background-size: 16px 18px;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 25px;
    background-position: 4px 5px;
}
.tips-remember{
    width: 240px;
    height: 16px;
    margin-top: 26px;
}
.tips-remember input{
    width: 0;
    height: 0;
}
.tips-remember i{
    display: inline-block;
    width:16px;
    height:16px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(190,190,190,1);
}
.tips-remember span{
    font-size:12px;
    color:rgba(119,119,119,1);
    margin-left: 10px;
}
.tips-remember-lable{
    cursor: pointer;
}
.tips-remember a{
    font-size:12px;
    color: #919191;
}
.tips-remember input:checked + i{
    background-image: url(../images/icon-pitch-on.png);
    background-size: 16px 16px;
    border: none;
}
.login_btn{
    width:130px;
    height:40px;
    background:#3361E7;
    box-shadow:0px 4px 6px 0px rgba(39,124,242,0.2);
    border-radius:4px;
    font-size:16px;
    color:rgba(255,255,255,1);
    line-height:40px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    cursor: pointer;
    display: block;
}
.weChatQrCode{
    width:160px;
    height:160px;
    background:rgba(216,216,216,1);
    display: inline-block;
    margin-top: 25px;
}
.qrcode-mode .tips{
    font-size:14px;
    color:rgba(119,119,119,1);
    text-align: center;
    margin-top: 10px;
}
.qrcode-mode .qrcode-time{
    font-size: 14px;
    color: rgba(119,119,119,1);
    text-align: center;
    margin-top: 10px;
}
.qrcode-mode .qrcode-time span{
    font-size: 14px;
    color: #D0021B;
    text-align: center;
    margin-top: 10px;
}
.landing-code-btn{
    font-size:14px;
    color:rgba(39,124,242,1);
    line-height:20px;
    text-align: center;
    cursor: pointer;
    margin-top: 16px;
}
.register-btn{
    font-size:14px;
    color:rgba(119,119,119,1);
    text-align: center;
    margin-top: 16px;
}
.register-btn a{
    color: #277CF2;
}
.close-btn{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.error-tips{
    position: absolute;
    top: 40px;
    font-size: 12px;
    color: rgba(248, 52, 55, 1);
    display: none;
}
.login-code-text{
    width:320px;
    height:120px;
    border-radius:4px;
    border:1px solid rgba(192,192,192,1);
    margin-top: 30px;
    resize:none;
    font-size:14px;
    padding: 7px 10px;
}
.login-code{
    padding: 0;
}
.login-code-wrapper{
    padding: 50px 40px 50px;
}
.login-code-tips{
    position: relative;
    cursor: pointer;
}
.login-code-tips span{
    font-size:12px;
    color:rgba(145,145,145,1);
}
.login-code-tips img{
    width: 12px;
    height: 12px;
    margin-left: 6px;
    cursor: pointer;
}
.login-code-tips p{
    position: absolute;
    top: 20px;
    background: #f9f9f9;
    font-size: 12px;
    color: #919191;
    padding: 5px;
    border-radius: 5px;
    display: none;
}
.login-code-tips:hover p{
    display: block;
}
.modes-list{
    width: 220px;
    margin: 20px auto 40px;
}
.modes-list li{
    font-size:14px;
    color:rgba(39,124,242,1);
    cursor: pointer;
}
.other-modes hr{
    width:136px;
    background: #EDEDED;
    padding-top: 1px;
    border: none;
}
.other-modes span{
    font-size:14px;
    color:rgba(119,119,119,1);
}
.toast-message{
    font-size: 12px;
}
.section-home{
    width: 100%;
    background-color: #f7f8fb;
    padding-top: 17px;
}
.section-home .content{
    width: 1180px;
    margin: 0 auto;
    height: 498px;
}
@media screen and (max-width: 768px) {
    .section-home .content{
        width: 100%;
    }
  }
.section-home .content .swiper-container {
    width: 100%;
    height: 428px;
}
.section-home .content .swiper-slide {
    padding-left: 256px;
}
.section-home .content .swiper-slide .slide-content{
    width: 100%;
    height: 100%;
    background: #fff;
}
.section-home .content .swiper-pagination-bullet{
    width: 236px;
    height: 64px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    color: #1D2743;
    display: block;
    margin: 0 !important;
}
.section-home .content .swiper-pagination-bullet-active{
    background: linear-gradient(270deg, #1C53DE 0%, #3F88EA 100%);
}
.section-home .content .pagination-custom{
    width: 211px;
    height: 100%;
    border-bottom: 1px solid rgba(137, 135, 153,.25);
    margin: 0 auto;
}
.section-home .content .pagination-custom i{
    display: block;
    width: 30px;
    height: 30px;
    /* background-color: red;
 */    margin-left: 30px;
    background-image: url(../images/icon-swiper1.png);
    background-size: 200px auto;
    background-repeat: no-repeat;
}
.section-home .content .pagination-custom span{
    font-size: 16px;
    color: #1D2743;
    margin-left: 14px;
}
.section-home .content .pagination-custom.custom1 i{
    background-position: -4px 4px;
}
.section-home .content .pagination-custom.custom2 i{
    background-position: -37px 1px;
}
.section-home .content .pagination-custom.custom3 i{
    background-position: -70px 2px;
}
.section-home .content .pagination-custom.custom4 i{
    background-position: -102px 3px;
}
.section-home .content .pagination-custom.custom5 i{
    background-position: -139px 2px;
}
.section-home .content .pagination-custom.custom6 i{
    background-position: -172px 2px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom span{
    color: #fff;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom i{
    width: 43px;
    height: 43px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 20px 0px rgba(27, 77, 203, 0.12);
    border-radius: 50%;
    margin-left: 18px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom i{
    background-image: url(../images/icon-swiper2.png);
    background-size: 200px auto;
    background-repeat: no-repeat;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom1 i{
    background-position: -12px -2px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom2 i{
    background-position: -79px -2px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom3 i{
    background-position: -145px -2px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom4 i{
    background-position: -11px -48px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom5 i{
    background-position: -79px -48px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom6 i{
    background-position: -145px -48px;
}
.section-home .content .swiper-pagination{
    width: 236px;
    height: 380px;
    background: #FFFFFF;
    top: 48px !important;
    left: 0;
    transform: translate3d(0,0%,0) !important;
}
.section-home .content .tool-list-tit{
    position: absolute;
    width: 236px;
    height: 43px;
    background: linear-gradient(90deg, #EBF3FF 0%, #CEE4FF 100%);
    top: 0;
    left: 0;
    padding-left: 21px;
}
.section-home .content .tool-list-tit img{
    width: 20px;
    height: 20px;
}
.section-home .content .tool-list-tit span{
    font-size: 18px;
    color: #1D2743;
    margin-left: 10px;
}
.section-home .home-container .swiper-slide .slide-content{
    background-size: 924px auto;
    position: relative;
}
.section-home .home-container .swiper-slide .slide-content1{
    background-image: url(../images/home-swiper-slide1.jpg);
}
.section-home .home-container .swiper-slide .slide-content2{
    background-image: url(../images/home-swiper-slide2.jpg);
}
.section-home .home-container .swiper-slide .slide-content3{
    background-image: url(../images/home-swiper-slide3.jpg);
}
.section-home .home-container .swiper-slide .slide-content4{
    background-image: url(../images/home-swiper-slide4.jpg);
}
.section-home .home-container .swiper-slide .slide-content5{
    background-image: url(../images/home-swiper-slide5.jpg);
}
.section-home .home-container .swiper-slide .slide-content6{
    background-image: url(../images/home-swiper-slide6.jpg);
}
.section-home .home-container .swiper-slide .tit{
    position: absolute;
    top: 106px;
    left: 80px;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}
.section-home .home-container .swiper-slide .tit span{
    font-weight: 400;
}
.section-home .home-container .swiper-slide .subtit{
    position: absolute;
    top: 162px;
    left: 80px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 28px;
}
.section-home .home-container .swiper-slide button{
    width: 140px;
    height: 43px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 18px;
    color: #3D6FEF;
    position: absolute;
    top: 323px;
    left: 80px;
}
.section-home .bottom{
    width: 1180px;
    height: 98px;
    background: url(../images/bg-home-bottom.jpg);
    background-size: 1180px 98px;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
.section-home .bottom{
        width: 100%;
    }
  }
.section-home .bottom ul{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 119px;
}
.section-home .bottom ul i{
    display: block;
    width: 1px;
    height: 30px;
    background: #7BE1FF;
}
.section-home .bottom li img{
    width: 55px;
    height: 55px;
}
.section-home .bottom li span{
    font-size: 18px;
    color: #1D2843;
    line-height: 26px;
    margin-left: 5px;
}
@media screen and (max-width: 768px) {
    
    .section-home .content .swiper-slide {
      padding-left: 0px;
    }

    .section-home .content .swiper-pagination {
      display: none;
    }

    .section-home .content .swiper-container {
      height: 63%;
    }

    .section-home .home-container .swiper-slide .slide-content {
      background-size: 100%;
      position: relative;
      background-repeat: no-repeat;
      margin-top: 63px;
    }

    .section-home .content .swiper-slide .slide-content {
      height: 100%;
    }

    .section-home .home-container .swiper-slide .tit {
      top: 10%;
      left: 5.5%;
      font-size: 19px;
    }

    .section-home .home-container .swiper-slide .subtit {
      top: 18%;
      left: 5.5%;
      font-size: 10px;
    }

    .section-home .home-container .swiper-slide button {
      width: 20%;
      height: 6%;
      font-size: 10px;
      top: 40%;
      left: 5.5%;
    }

    .section-home .bottom ul {
      display: flex;
      justify-content: space-between;
      /* width: 100%; */
      align-items: center;
      padding: 0px;
    }

    .bottom ul {
      display: flex;
      align-items: center;
      padding: 0px;
      justify-content: center;
    }

    .bottom li {
      width: 52%;
      margin: 0px 24%;
    }

    .section-scene {
      width: 100%;
      padding: 28% 0px;
    }

    .section .title hr {
      width: 20%;
      margin: 0 4%;
    }

    .section-scene .justify-content-between {
      display: flex;
    }

    .scene-wrapper nav li {
      width: 24%;
      height: 70px;
    }

    .scene-wrapper nav li i {
      margin: 10px 5px 0px 5px;
    }

    .scene-wrapper ul li {
      padding: 10px;
    }

    .scene-img img {
      width: 100%;
    }

    section-feature {
      padding: 50% 0px;
    }

    .feature-wrapper li {
      width: 32%;
      height: 170px;
      margin-right: 1%;
    }

    .feature-list-img {
      margin-top: 0px;
      top: 0px;
    }

    .feature-list-title {
      top: 40%;
      width: 52%;
    }

    .feature-list-subtitle {
      top: 55%;
    }

    .section-services .services-nav {
      display: none;
    }

    .section-services .swiper-container {
      margin: 0px;
    }

    .services-concainer {
      width: 100%;
    }

    .services-concainer li {
      width: 100%;
    }

    .services-concainer .services-wrapper {
      width: 100%;
    }

    .section-introduce .justify-content-between {
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .evaluate-wrapper li {
      width: 90%;
      margin: 0px 5%;
    }

    .section-introduce .information-ul {
      width: 100%;
    }

    .section-introduce .information-ul ul li {
      width: 100%;
      padding: 0px 1%;
    }

    .section-introduce .information-ul .time {
      width: 15%;
    }

    .section-introduce .information-concainer {
      width: 75%;
      margin-left: 5%;
    }
    .footer .justify-content-between {
        
        justify-content: center;
    }
  }