.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: 70px 0;
    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:30px;
    font-weight:400;
    color:#1D2843;
    line-height:33px;
    margin: 0 16px;
}
.section .sub-title{
    font-size:18px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#1D2843;
    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: 1180px;
    height: 500px;
    margin: 0px auto;
    margin-top: 27px;
}
.scene-wrapper nav li{
    width: 280px;
    height: 56px;
    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(//static.3w.cn/static/3w.cn/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:1180px;
    height:420px;
    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 145px 20px 80px;
}
.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: 444px;
    height: 382px;
    margin: 0;
}
.scene-img img{
    display: block;
    /* max-width: 444px; */
    height: 382px;
}
.introduce-text p{
    font-size:18px;
    color: #1D2843;
    height: 48px;
}
.introduce-text span{
    display: block;
    font-size:14px;
    font-weight:400;
    color:#8A889A;
    line-height:24px;
    margin-top: 20px;
}
.section-feature{
    width: 100%;
    background-color: #fff;
    padding: 70px 0 40px;
}
.feature-wrapper{
    width: 1200px;
    margin: 0 auto;
    margin-top: 56px;
}
.feature-wrapper li{
    width: 280px;
    height: 180px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 20px;
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.06),0px 0px 8px 6px rgba(39,110,247,0.04);
    margin-bottom: 20px;
}
.feature-wrapper li:nth-of-type(4){
    margin-right:0;
}
.feature-wrapper li:nth-of-type(8){
    margin-right:0;
}
.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:54px;
    height:54px;
    margin-top: 20px;
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-list-title{
    font-size:18px;
    color:#1D2843;
    line-height:22px;
    text-shadow:0px 2px 4px rgba(0,0,0,0.06);
    text-align: center;
    position: absolute;
    top: 106px;
    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: 127px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-list-subtitle2{
    width: 139px;
    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;
}
.section-services{
    width: 100%;
    background-color: #F4F8FF;
    padding: 70px 0 50px;
}
.services-wrapper{
    width: 1180px;
    margin: 0 auto;
    margin-top: 30px;
}
.services-wrapper .tips{
    font-size:14px;
    color:rgba(85,85,85,1);
    line-height:20px;
    text-align: center;
    margin-top: 30px;
}
.services-nav{
    width: 230px;
}
.services-nav li{
    width:230px;
    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:930px;
    height:390px;
    background:rgba(255,255,255,1);
    position: relative;
}
.services-concainer li{
    width:930px;
    height:390px;
    background:rgba(255,255,255,1);
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 30px;
}
.services-concainer-nav{
    padding: 0 91px 0 62px;
}
.services-concainer-nav ol{
    width: 151px;
    text-align: center;
    height:50px;
    font-size:36px;
    font-weight:400;
    color:rgba(155,191,255,1);
    line-height:50px;

}
.services-concainer-text{
    margin: 28px auto 0;
    width: 808px;
    height: 53px;
    background-image: url(../images/bg-services-concainer-text.png);
    background-size: auto 53px;
    background-repeat: no-repeat;
    padding: 7px 21px;
}
.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:688px;
    margin: 0 auto;
    margin-top: 12px;
}
.services-concainer .customization-img{
    width: 230px;
}
.section-introduce{
    width: 100%;
    background-color: #fff;
    padding: 70px 0 60px;
    /*border-bottom: 1px solid #E3E3E3;*/
}
.section-introduce .partner-logo{
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
.evaluate-title {
    font-size: 30px;
    /* font-weight: 500; */
    color: #1D2843;
    line-height: 33px;
    text-align: center;
}
.evaluate-wrapper{
    width: 1000px;
    margin: 0 auto;
    margin-top: 84px;
    padding: 0 0 30px 0;
}
.section-introduce .swiper-pagination-bullets{
    bottom: 0 !important;
}
.section-introduce .swiper-pagination-bullet-active{
    background: #8A889A !important;
}
.section-introduce .swiper-pagination-bullet{
    background: #FFFFFF;
    border: 1px solid #8A889A;
}


.section-introduce ul{
    width: 1180px;
    margin: 55px auto 0;
    padding: 0 0 30px 0;
}
.section-introduce ul li{
    width: 340px;
    height: 327px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px 0px rgba(27, 77, 203, 0.08);
    padding: 33px 41px;
}
.section-introduce ul li .container{
    margin-top: 10px;
}
.section-introduce ul li .container p{
    font-size: 14px;
    color: #1D2843;
    margin-top: 13px;
    line-height: 28px;
}
.section-introduce ul li .container span:nth-of-type(1){
    background: url(//static.3w.cn/static/3w.cn/images/quotation-mark1.png);
    width: 18px;
    height: 14px;
    display: block;
    background-position: center center;
    background-size: 18px auto;
    background-repeat: no-repeat;
}
.section-introduce ul li .container span:nth-of-type(2){
    background: url(//static.3w.cn/static/3w.cn/images/quotation-mark2.png);
    float: right;
    width: 18px;
    height: 14px;
    display: block;
    background-position: center center;
    background-size: 18px auto;
    background-repeat: no-repeat;
}
.section-introduce ul li .tit{
    padding-bottom: 14px;
    border-bottom: 1px solid #EDEEF6;
}
.section-introduce ul li .tit p{
    font-size: 18px;
    font-weight: 500;
    color: #1E2844;
}
.section-introduce ul li .tit img{
    width: 130px;
}




.section-zmyh{
    width: 100%;
    background: linear-gradient(90deg, #FEFFFF 0%, #EBF3FF 100%);
    padding: 86px 0 92px;
}
.section-zmyh .title{
    font-size: 30px;
    /*font-weight: 500;*/
    color: #1D2843;
    text-align: center;
}
.section-zmyh img{
    display: block;
    margin: 34px auto 0;
    width: 1180px;
}
.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(//static.3w.cn/static/3w.cn/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: 20px;
    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: #F4F8FF;
    padding-top: 17px;
}
.section-home .content{
    width: 1180px;
    margin: 0 auto;
    /*height: 498px;*/
}
.section-home .content .swiper-container {
    width: 100%;
    height: 380px;
}
.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: 56px;
    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-swiper.png);
    background-size: 70px 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: -1px 0px;
}
.section-home .content .pagination-custom.custom2 i{
    background-position: -1px -39px;
}
.section-home .content .pagination-custom.custom3 i{
    background-position: -1px -116px;
}
.section-home .content .pagination-custom.custom4 i{
    background-position: -1px -156px;
}
.section-home .content .pagination-custom.custom5 i{
    background-position: -1px -77px;
}
.section-home .content .pagination-custom.custom6 i{
    background-position: -1px -195px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom span{
    color: #fff;
}

.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom1 i{
    background-position: -39px 0px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom2 i{

    background-position: -39px -39px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom3 i{
    background-position: -39px -116px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom4 i{
    background-position: -39px -156px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom5 i{
    background-position: -39px -77px;
}
.section-home .content .swiper-pagination-bullet-active .pagination-custom.custom6 i{
    background-position: -39px -195px;
}
.section-home .content .swiper-pagination{
    width: 236px;
    height: 380px;
    background: #FFFFFF;
    top: 45px !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: 45px;
}
.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: 21px;
}
.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: 81px;
    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: 150px;
    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: 287px;
    left: 80px;
    box-shadow: 0px 6px 15px 0px rgba(27, 77, 203, 0.1);
}
.section-home .bottom{
    width: 1180px;
    height: 70px;
    background: url(../images/bg-home-bottom.jpg);
    background-size: 1180px 70px;
    margin-top: 20px;
}
.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: 16px;
    color: #1D2843;
    line-height: 26px;
    margin-left: 5px;
}

/* 娲诲姩banner */
.activeBanner {
    width: 100%;
    height: 80px;
    background-color: #F4F8FF;
}

.activeBanner .activeBannerInfo {
    width: 1180px;
    height: 80px;
    background-image: url(//static.3w.cn/static/3w.cn/images/activeBnner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 1180px auto;
    margin: 0 auto;

}


.activeBanner .close{
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    transform: translateX(550px);
    top: 11px;
    cursor: pointer;
    background-color: rgba(0,0,0,.1);
}

.activeBanner .close::before,
.activeBanner .close::after {
    position: absolute;
    content: ' ';
    background-color: #fff;
    left: 11px;
    width: 1px;
    height: 22px;
}

.activeBanner .close::before {
    transform: rotate(45deg);
}

.activeBanner .close::after {
    transform: rotate(-45deg);
}

/* 棣栭〉  鏂癱ms */
.section-index-news{
    width: 1180px;
    margin: 60px auto;
}
.section-index-news .title{
    font-size: 30px;
    color: #1D2843;
    text-align: center;
}
.section-index-news ul{
    margin-top: 63px;
}
.section-index-news ul li{
    width: 555px;
}
.section-index-news ul li .tit p{
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 13px;
}
.section-index-news ul li .tit p::before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 80%;
    background: #333333;
    position: absolute;
    left: 0;
    top: 20%;
}

.section-index-news ul li .tit span{
    font-size: 14px;
    color: #999999;
}
.section-index-news ul li .tit img{
    width: 12px;
    height: 12px;
    display: block;
    margin-left: 6px;
}
.section-index-news ul li .example-info{
    width: 555px;
    height: 177px;
    background-image: url(../images/bg-index-news-1.jpg);
    background-size: 555px auto;
    background-position: center center;
    margin-top: 20px;
    padding: 46px 27px;
    cursor: pointer;
}
.section-index-news ul li:last-child .example-info{
    background-image: url(../images/bg-index-news-2.jpg);
}
.section-index-news ul li .example-info p{
    font-size: 32px;
    color: #FFFFFF;
    position: relative;
}
.section-index-news ul li .example-info p::before{
    content: "";
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.section-index-news ul li .example-info span{
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 31px;
    display: block;
}
.section-index-news ul li .list{
    margin-top: 22px;
}
.section-index-news ul li .list ol{
    margin-bottom: 19px;
    cursor: pointer;
}
.section-index-news ul li .list ol p{
    font-size: 14px;
    color: #555555;
}
.section-index-news ul li .list ol span{
    font-size: 14px;
    color: #999999;
    margin-right: 12px;
    display: block;
}

/*new-footer  */

.new-footer{
    width: 100%;
}
.new-footer .top{
    width: 100%;
    /*height: 225px;*/
    background: #305FDB;
    background-image: url(//static.3w.cn/static/3w.cn/images/bg-footer.jpg);
    background-position: center center;
    background-size: auto 225px;
    background-repeat: no-repeat;
}
.new-footer .top .info{
    width: 1180px;
    padding-top: 16px;
    /*height: 123px;*/
    margin: 0 auto;
}
.new-footer .top .info img{
    width: 107px;
    height: 107px;
}
.new-footer .top .info .lxfx{
    width: 1000px;
}
.new-footer .top .info .lxfx p{
    font-size: 26px;
    font-weight: 600;
    color: #FFFFFF;

}
.new-footer .top .info .lxfx span{
    font-size: 14px;
    color: #FFFFFF;
}
.new-footer .top .info .lxfx i{
    display: block;
    width: 1px;
    height: 14px;
    background: #FFFFFF;
}
.new-footer .top .blogroll{
    width: 1180px;
    margin: 34px auto 0;
    padding: 0 0 16px 0;
}
.new-footer .top .blogroll p{
    font-size: 14px;
    color: #ABBCE7;
}
.new-footer .top .blogroll ul{
    width: calc(100% - 70px);
}
.new-footer .top .blogroll ul li{
    font-size: 14px;
    color: #ABBCE7;
    margin-bottom: 5px;
    margin-right: 15px;
    cursor: pointer;
}
.new-footer .bottom{
    width: 100%;
    height: 68px;
    background: #2E55BC;
    font-size: 14px;
    color: #ABBCE7;
    line-height: 68px;
    text-align: center;
}
.new-footer .bottom a{
    color: #ABBCE7;
}
.new-footer .bottom a:hover{
    text-decoration: underline;
}