.wld-banner{height:600px;background:url(wldbg.png) no-repeat center;padding-top:208px;}
/* .wld-banner{height:63.5vh;background:url(wldbg.png) no-repeat center;padding-top:208px;} */

.wld-banner div p:first-child{font-weight: 700;font-size: 56px;color: #FFFFFF;margin-bottom:60px;letter-spacing: 8px;}
.wld-banner div p:nth-child(2){font-weight: 700;font-size: 28px;color: #FFFFFF;}


@media only screen and (min-width: 1920px){
    .wld-banner{background-size:cover;}
}


.wld-first{
    height: 24.2vh;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E9F0FF 97%);
    /* padding-top:40px; */
    padding-top:4.44vh; 
}
.wld-first ul li{float: left;width:31.94%;min-height: 138px;background-image: linear-gradient(248deg, #EEF3FF 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;box-shadow: 0 0 26px 0 #00094717;border-radius: 8px;margin-left:2.08%;position: relative;padding:29px;}
.wld-first ul li:first-child{margin-left:0;}
.wld-first ul li img{position: absolute;bottom:23px;right:26px;}
.wld-first .wf-tit{font-weight: 500;font-size: 22px;display: inline-block;margin-right:20px;margin-bottom:26px;}
.wld-first .wf-zy{font-size: 14px;color: #999999;line-height:22px;}
.wld-first ul li a{display: inline-block;width: 84px;background: #F5F9FF;border: 1px solid #8CB7FB;border-radius: 4px;color: #3784FF;text-align: center;line-height:30px;}
.wld-first ul li a:nth-child(2){margin-left:30px;}
.znxt div.znxt-con-con:nth-child(4) img{max-height:50vh;}
.wld-second{
    /* padding-top:60px; */
    padding-top: 5vh;
    background: #F2F3F4;
    }
p.wld-bigtit{text-align: center;}
p.wld-smalltit{margin-top: 1.85vh;color:#999;text-align: center;}
.ws-nav{width:1110px;margin:30px auto 70px;}
@media only screen and (max-width: 1200px){
    .ws-nav{width:100%;}.wld-first .wf-zy{font-size:14px;}
}
.ws-nav li{float:left;width:14.41%;margin-left:2.7%;line-height: 50px;background-image: linear-gradient(248deg, #E5EDF6 0%, #F5F9FF 31%, #EAF1FF 55%, #ECF2FA 100%);text-align: center;font-size:18px;}
.ws-nav li:first-child{margin-left:0;}
.ws-con-tit span{display: inline-block;font-weight: 500;font-size: 22px;margin-right:30px;}
.ws-con-xx li{font-size:18px;line-height:36px;background:url(fkuai.png) no-repeat left 11px;padding-left:30px;margin-top:40px;width:37.152%;text-align: justify;}
.ws-con{position: relative;height:510px;}
.wld-second .ws-con>img{position: absolute;bottom:60px;right:0;width:54%;}
@media only screen and (max-width: 1366px){
    .wld-second .ws-con>img{width:60%;}
}


.wld-third{
    /* padding:60px 0; */
    padding: 5vh 0;
    background: #F3F7FF;
}
.wld-third ul.wt-nav li{
    float: left;
    width:31.94%;
    /* min-height: 158px; */
    min-height: 15.5vh;
    background-image: linear-gradient(270deg, #1E63F9 0%, #4A9CF9 100%);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-left:2.08%;
    /* padding:30px 24px; */
    padding:2.6vh;
}
.wld-third ul.wt-nav li:first-child{margin-left:0;}
.wld-third ul.wt-nav{
    /* margin-top:30px;
    margin-bottom:50px; */
    margin-top:2.2vh;
    margin-bottom:3.3vh;
}
ul.wt-nav li p:first-child{font-weight: 700;font-size: 22px;color: #FFFFFF;margin-bottom:10px;}
ul.wt-nav li p:last-child{color: #FFFFFF;line-height: 32px;opacity: 0.9;text-align: justify;}
.wt-con-nav li{padding-left:40px;}
/* 当窗口高度 ≤ 850px 时生效 */
@media (max-height: 850px)and(min-width: 1024px) {
  /* 样式代码 */
  /* 4.15 */
    .wld-third ul.wt-nav{margin-top:20px;margin-bottom:30px;}
    ul.wt-nav li p:last-child{display:none;}
    .wld-third ul.wt-nav li{min-height:auto;}
    ul.wt-nav li p:first-child{margin-bottom:0;}
    .wld-third ul.wt-nav li{padding:24px 40px;}
     .wt-con-con>div>div,.wt-con-con video{height: 59vh;}
    .wld-third ul.wt-nav li:first-child{background: url(lian11.png) no-repeat ;}
    .wld-third ul.wt-nav li:nth-child(2){background: url(lian22.png) no-repeat ;}
    .wld-third ul.wt-nav li:nth-child(3){background: url(lian33.png) no-repeat ;}
    .wld-third ul.wt-nav li{padding: 24px 40px;background-size: 100% 100%!important;border:none;}
/* 4.15 */
}

.wt-con-nav{width: 21.8%;}
.wt-con-nav li{line-height: 5.56vh;padding-left:30px;margin-bottom: 2.96vh;font-weight: 700;font-size: 22px;}
.wt-con-nav li.act{color: #2D59CD;background:url(wt-navbg.png) no-repeat left center;}
.wt-con-con{width:75.8%;text-align: center;}
.wt-con-con>div {background:#ECF2FF;}
.wt-con-con>div img{max-width:90%;max-height:90%}
.wt-con-con>div>div{
    border:1px solid #fff;
    background:#ECF2FF;
    width:100%;
    height: 48vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    }
.wt-con-con video{height: 47vh;/* float:right; */width:auto!important;max-width:100%;margin: 0 auto;}
.wld-forth .wf-con>div.znxt div img{
    max-height: 52vh;
    float:right;
    max-width: 100%;}
.wld-forth{
    background-image: linear-gradient(0deg, #F3F7FF 0%, #FFFFFF 100%);
    border: 1px solid #FFFFFF;
    /* padding:60px 0; */
    padding: 5vh 0;
}
.wf-nav li:first-child{margin-left:0;}
.wf-nav{
    /* margin-top:30px;
    margin-bottom:50px; */
    margin-top:3.3vh;
    margin-bottom: 3.3vh;
}

.wf-nav li:first-child span{background: url(ding1.png) no-repeat ;}
.wf-nav li:nth-child(2) span{background: url(ding2.png) no-repeat #EEF3FF;}
.wf-nav li:nth-child(3) span{background: url(ding3.png) no-repeat #EEF3FF;}
.wf-nav li:nth-child(4) span{background: url(ding4.png) no-repeat #EEF3FF;}
.wf-nav li:nth-child(5) span{background: url(ding5.png) no-repeat #EEF3FF;}
.wf-nav li{float:left;position:relative;width: 18%;line-height: 60px; background:#EEF3FF;padding-left:80px;border-radius:8px;font-weight: 500;font-size: 24px;cursor: pointer;margin-left:2.5%;background-position: 36px center!important;}
.wf-nav li.act{background:  linear-gradient(360deg, #2F5AD4 0%, #7398FE 100%);color:#fff;}
.wf-nav li span{position: absolute;width:30px;height:30px;left:36px;top:16px;}
.wf-con>div>div{
    width:100%;
    border-radius:8px;
    overflow: hidden;
    background-image: linear-gradient(180deg, #ECF2FF 0%, #F9FBFF 100%);
    height: 61.5vh;
    min-height:520px;
}
/* .wf-con>div img{
    height:90%;
    display: block;margin:auto;
} */
.wf-con>div>div img{
    max-width: 85%;
    max-height: 85%;
}
.wf-nav li.act:first-child span{background: url(ding1act.png) no-repeat ;}
.wf-nav li.act:nth-child(2) span{background: url(ding2act.png) no-repeat ;}
.wf-nav li.act:nth-child(3) span{background: url(ding3act.png) no-repeat ;}
.wf-nav li.act:nth-child(4) span{background: url(ding4act.png) no-repeat ;}
.wf-nav li.act:nth-child(5) span{background: url(ding5act.png) no-repeat ;}

.wld-fifth{padding:60px 0;background: #F2F3F4;}
.fifth-tit{font-weight: 700;font-size: 32px;margin-bottom:50px;text-align: center;}
.fif-con li{float:left;width:48.1%;position:relative;padding:29px;height: 142px;background-image: linear-gradient(260deg, #EEF3FF 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;box-shadow: 0 0 26px 0 #00094717;border-radius: 8px;}
.fif-con li:first-child{margin-right:2.77%;}
.fif-con li p:first-child{font-weight: 500;font-size: 24px;margin-bottom:14px;}
.fif-con li p:nth-child(2){font-size: 16px;color: #666666;line-height: 32px;width:85%;}
.fif-con li img{position: absolute;right:29px;bottom:29px;}



.znxt{
    /* height: 810px; */
    height: 55vh;
    background-image: linear-gradient(180deg, #E6ECFA 0%, #F9FBFF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 0 0;
    /* padding-top:90px; */
    padding-top: 3vh;
    padding-left:57px;
    padding-right:50px;
    min-height:520px;
}
.znxt-nav{
    /* margin-top:74px; */
    margin-top:5vh;
    width:37.5%;
}
.znxt-nav li p.znxttit{font-weight: 700;font-size: 18px;line-height: 36px;background:url(fkuai.png) no-repeat left 10px;padding-left:30px;margin-bottom:18px;}
.znxt-nav li p.znxtzy{color: #999999;line-height: 36px;margin-bottom:30px;padding-left:30px;width: 480px;max-width:98%;display: none;}
.znxt-nav li.act p.znxtzy{display: block;}
.wf-con>div>div.znxt-con{width:62.5%;background:none;}
.znxt-con-con img{display: block;margin-bottom:23px;}
/* 12.4 */
.wf-con>div>div.znxt-con-con img{max-height:56vh;max-width:93.6%;float: right;}

.znxt-con-con ul li{float:left;width:23.88%;position:relative;padding:15.8px;margin-right:1.33%;margin-bottom:12.6304px;height: 94.7104px;background: #FFFFFF;box-shadow: 0 0 5px 0 #00000008; border-radius: 6.32px;}
.znxt-con-con ul li:nth-child(4n){margin-right:0;}
.znxt-con-con ul li p:first-child{font-size: 12.6304px;color: #2292F9;letter-spacing: 0;margin-bottom:13.88px;}
.znxt-con-con ul li p:nth-child(2){font-size: 11.0496px;color: #999999;letter-spacing: 0;width:80%;}
.znxt-con-con ul li img{width:28px;height:28px;position: absolute;right:16px;top:16px;}
.znxt-con-con ul li:hover{border: .7904px solid #1690FF;box-shadow: 0 5px 19px 0 #1236544d;border-radius: 3.16px;}
.znxt-con-con ul li:hover p:first-child{color:#2292F9;}
div.znxt-con-con:first-child{padding-top:20px;}
/* div.znxt-con-con:nth-child(2){margin-top:-40px;} */
.wld-banner div p:nth-child(2) span:first-child{display:inline-block;margin-right:60px;}



/* 12.1 */
@media (max-width: 1200px) {
    .bt-box-1200, .bt-box-1440 {
        width: 93.6%;margin:0 3.2%;
    }
}

@media (max-width: 1024px){
    .wt-con-con>div{background:none;}
    .wld-forth .wf-con>div.znxt div img{float: none;}
    .bt-box-1200, .bt-box-1440 {
        width: 100%;margin:0;
    }
    body{background:#F1F9FF;}
    .wld-banner{height:18.75rem;background: url(mobwldbg.png) no-repeat top;background-size: 100%;padding-top:6.25rem;padding-left:2rem;}
    .wld-banner div p:first-child{font-size: 2.5rem;font-weight: 700;margin-bottom:1.5rem;line-height:2.5rem;letter-spacing:0;}
    .wld-banner div p:nth-child(2){font-size: 1.5rem;line-height: 2.25rem;width: 28.75rem;opacity: 0.8;}
    .wld-banner div p:nth-child(2) span:first-child{display:inline-block;margin-right:4rem;}
    .wld-banner>div.bt-box-1440>div{top:5.125rem;left:2rem;}
    .wld-first ul li{width:93.6%;margin:1.5rem 3.2%!important;background:#fff;
        border: .125rem solid rgba(255,255,255,1);
        box-shadow: 0rem 0rem 2.5rem 0rem rgba(0,9,71,0.09);
        border-radius: 1rem;float:none;padding:2rem;min-height:auto;}
    .wld-first{height:auto;background:none;padding-top:1rem;}
    .wld-first .wf-tit{font-size: 1.875rem;font-weight:500;margin-bottom:2rem;margin-right:1.875rem;}
    .wld-first .wf-zy{font-size: 1.5rem;color: #999999;}
    .wld-first ul li a{background: #F5F9FF;border: .0956rem solid rgba(140,183,251,1);border-radius: .25rem;width:8.125rem;height:3rem;font-size: 1.5rem;line-height:3rem;
        color: #3784FF;}
    .wld-first ul li a:nth-child(2){margin-left:1.5rem;}
    .wld-first ul li img{right:2.5rem;height:4.5rem;bottom:3.125rem;}
    p.wld-bigtit img{height:4.375rem;}
    .wld-second,.wld-third,.wld-forth,.wld-fifth{background: #FFFFFF;width:93.2%;margin:2.5rem 3.2%;padding:2rem 1.5rem;border: .1875rem solid rgba(255,255,255,1);box-shadow: 0rem .125rem 1.0625rem .6875rem rgba(201,216,235,0.37);border-radius: 1rem;}
    p.wld-smalltit{font-size: 1.5rem;color: #999999;text-align: center;line-height: 2.25rem;font-weight: 400;margin-top:1rem;}
    .ws-nav li{width:30.88%;margin-bottom:1.5rem;background:url(wbk.png) no-repeat 100% 100%;margin-left:3.67%;font-size: 1.5rem;}
    .ws-nav li:nth-child(3n-2){margin-left:0;}
    .ws-nav{margin:1.5rem auto 1rem;}
    .ws-con{height:auto;}
    .ws-con-tit span{font-size: 1.625rem;font-weight: 500;margin-right:2.5rem;margin-bottom:.5rem;}
    .ws-con-xx li{width: 100%;font-size: 1.625rem;color: #666666;line-height: 2.5rem;font-weight: 400;margin-top:2rem;background: url(fkuai.png) no-repeat left .625rem;background-size:1.375rem 1.25rem;padding-left:2.625rem;}
    .wld-second .ws-con>img{display:block;width:75.38%;margin:2.5rem auto 0.5rem;position: static;}
    .wld-third ul.wt-nav{margin:2rem 0 0.5rem;}
    .wld-third ul.wt-nav li{width:100%;min-height:auto;height:13.9375rem;padding:2rem;margin-bottom:1.5rem;margin-left:0;}
    .wld-third ul.wt-nav li:first-child{background:url(moblian1.png)no-repeat;background-size: 100% 100%;}
    .wld-third ul.wt-nav li:nth-child(2){background:url(moblian2.png)no-repeat;background-size: 100% 100%;}
    ul.wt-nav li p:first-child{font-size: 2rem;margin-bottom:1rem;font-weight: 700;}
    ul.wt-nav li p:last-child{font-size: 1.625rem;line-height: 2.5rem;}
    .wt-con-nav,.wf-nav{display:none;}
    .wt-con-con .bt-none,.wf-con .bt-none,.mob-znxt.bt-none{display: block;height:auto;}
    .znxt-nav,.znxt-con{display: none;}
    .wt-con-con{width:100%;}
    .mob-liantit{font-size: 1.875rem;color: #000000;font-weight: 500;padding-left:3rem;margin:2rem 0 1.5rem;}
    .wld-third{padding-bottom:2.5rem;}
    .znxt{height:auto;background:none;padding:0;}
.wt-con-con>div .mob-liantit{text-align: left;}

    .wt-con-con>div:nth-child(1) .mob-liantit{background: url(wldmob1.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wt-con-con>div:nth-child(2) .mob-liantit{background: url(wldmob2.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wt-con-con>div:nth-child(3) .mob-liantit{background: url(wldmob3.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wt-con-con>div:nth-child(4) .mob-liantit{background: url(wldmob4.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wt-con-con>div:nth-child(5) .mob-liantit{background: url(wldmob5.png) no-repeat left center;background-size:2rem 1.75rem;}
    
    .wf-con>div:nth-child(1) .mob-liantit{background: url(wldmob6.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wf-con>div:nth-child(2) .mob-liantit{background: url(wldmob7.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wf-con>div:nth-child(3) .mob-liantit{background: url(wldmob8.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wf-con>div:nth-child(4) .mob-liantit{background: url(wldmob9.png) no-repeat left center;background-size:2rem 1.75rem;}
    .wf-con>div:nth-child(5) .mob-liantit{background: url(wldmob10.png) no-repeat left center;background-size:2rem 1.75rem;}
    .fifth-tit{font-size: 2.25rem;color: #000000;font-weight: 600;height:3.125rem;margin-bottom:2rem;text-align: left;}
    .fif-con li{width:100%;margin:1.5rem 0!important;background:#fff;
        border: .125rem solid rgba(255,255,255,1);
        box-shadow: 0rem 0rem 2.5rem 0rem rgba(0,9,71,0.09);
        border-radius: 1rem;float:none;padding:2rem;min-height:auto;height:12.625rem;}
    .fif-con li p:first-child{font-size: 1.875rem;font-weight: 600;height:2.625rem;margin-bottom:1.5rem;}
    .fif-con li p:nth-child(2){font-size: 1.5rem;color: #666666;line-height: 2.25rem;width:72%;text-align: justify;}
    .fif-con li img{display:none;}
    .fif-con li:first-child{background:url(mobding1.png) no-repeat;background-size:100% 12.625rem;}
    .fif-con li:nth-child(2){background:url(mobding2.png) no-repeat;background-size:100% 12.625rem;}
    .mob-znxt .swiper-pagination-clickable .swiper-pagination-bullet{width:0.625rem;background:#0072D9;height:.625rem;margin-left:.625rem;}
    .mob-znxt .swiper-pagination-clickable .swiper-pagination-bullet:first-child{margin-left:0;}
    .mob-znxt .swiper-pagination-clickable .swiper-pagination-bullet-active{width:1.875rem;border-radius: .3125rem;}
    .swiper-pagination{margin:1rem 36% 1.5rem;}
    .mobznxttit{font-size: 1.5rem;color: #2D59CD;text-align: center;font-weight: 700;}
    .mob-znxt .swiper-slide{height:27.5rem;background-image: linear-gradient(180deg, #E6ECFA 0%, #F9FBFF 100%);
        border: .0313rem solid rgba(255,255,255,1);
        border-radius: .2269rem .2269rem 0rem 0rem;padding-top:1.75rem;text-align: center;}
    .mobznxttit{font-size: 1.5rem;color: #2D59CD;text-align: center;font-weight: 700;margin-bottom:1.75rem;background:url(mobznxttit.png) no-repeat;background-size:100% .375rem;background-position: left center;}
    .mob-znxt .swiper-slide img{width:80%;}
    .wld-forth{padding-bottom:5rem;}
    .wld-first ul li a:nth-child(2){display:none;}
    .wt-con-con>div>div{width: 100%;height:22.9375rem;}
    .wf-con>div img{max-width:90%;height:auto;}
    .wf-con>div{height:auto;background:none;min-height:auto;}
    .wf-con>div>div{
        width:100%;background: #ECF2FF;padding:0.5rem 0;border-radius: 0.5rem;height:auto;
        min-height:auto;}
    .wf-con>div>div.mob-znxt{background:none;}
}
  
@media only screen and (min-width: 1920px){
    .wld-banner{
      background-size:cover;
    }
}
.lowpc{display: none;}
.highpc{display: block;margin:3vh auto;}
@media (min-width:1025px) and (max-width: 1439px) {

}
@media (min-width:1025px) and (max-width: 1439px) {
    .wld-banner div p:first-child{letter-spacing:0;}
    .lowpc{display: block;margin: 3vh auto;}
    .highpc{display: none;}
    .wld-first ul li{height:122px;padding:20px;}
    .wld-first ul li img{right:20px;bottom:20px;}
    .wld-first{height:auto;padding:30px 0;}
    .wld-second{padding-top:30px;}
    p.wld-bigtit>img{height:4.0625rem;}
    p.wld-smalltit{margin-top:10px;}
    .ws-nav{margin:20px auto 46px;}
    .wld-second .ws-con>img{width:52%;bottom:50px;}
    .ws-con-xx li{margin-top:30px;}
    .ws-con{height:432px;}
    .wld-banner{background-position: -400px top;}
    .wt-con-nav{width:31.66%;}
    .wt-con-con{width:62.33%;}
    .wld-third{padding:30px 0;}
    .wt-con-nav li{padding-left:40px;}
    .wld-third ul.wt-nav{margin-top:20px;margin-bottom:30px;}
    ul.wt-nav li p:last-child{display:none;}
    .wld-third ul.wt-nav li{min-height:auto;}
    ul.wt-nav li p:first-child{margin-bottom:0;}
    .wld-third ul.wt-nav li{padding:24px 40px;}
     .wt-con-con>div>div,.wt-con-con video{height: 59vh;}
    .wld-third ul.wt-nav li:first-child{background: url(lian11.png) no-repeat 100%;}
    .wld-third ul.wt-nav li:nth-child(2){background: url(lian22.png) no-repeat 100%;}
    .wld-third ul.wt-nav li:nth-child(3){background: url(lian33.png) no-repeat 100%;}
    .wld-forth{padding: 2.77vh 0;}
    .wf-nav{/* margin-top:20px; *//* margin-bottom:30px; */}
    /* .wf-con>div img{height:65vh;width:auto;margin:0 auto;display: block;} */
    .wf-con>div.znxt{
        /* height:62.22vh; */
        padding:3vh 5.83%;}
    .znxt-nav{margin-top:0;width:36.79%;}
    .znxt-nav li p.znxtzy{/* width:385px; */}

    .wld-fifth{padding:40px 0;}
    .fif-con li{padding:20px;}
    .fifth-tit{margin-bottom:40px;}
    .wf-con>div>div, .znxt {
        height: 55vh;
        min-height: 450px;
    }
}
@media (min-width:1025px) and (max-width: 1200px) {
    .wt-con-nav{width:30%;}
    .wt-con-con{width:67%;}
    .fif-con li p:nth-child(2){width:80%;}
}

@media (min-width:1025px) and (max-width: 1280px) {
     .wf-con>div>div, .znxt {
        min-height: auto;
    }
    .znxt-nav li.act p.znxtzy{
        /* overflow: hidden; */
     /* text-overflow: ellipsis;
     display: -webkit-box;  
     -webkit-line-clamp: 1;  
     -webkit-box-orient: vertical;
      margin-bottom:10px;
    width:100%; */
        display:none;
 }
    .wt-con-nav li{margin-bottom:10px;}
    .znxt-nav li p.znxttit{margin-bottom:20px;} 
}