/*顶部导航 */
.top-nav-container{
    width: 100%;
    background: rgba(0, 0, 0, 0);
    position: relative;
    z-index: 997;
}
.logo{
   padding-top:10px;
   box-sizing: border-box;
}

.bg-linear-color{
    background: linear-gradient(90deg,#021048,#1e38a3);
    box-shadow: 0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09) ;
}
.top-nav-container>ul{
    width: 1200px;
    color: #fff;
    background-color:rgba(0, 0,0,0);
    height: 48px;
    padding:15px 0;
    margin:0 auto;
    text-align: right;
}
.top-nav-container ul li a{color: rgb(231, 231, 231);display: block;}

.navitem-ac a{color: #fff !important;}
.top-nav-container ul li img{display: block;}
.top-nav-container img{width: 120px;vertical-align: middle;}
.top-nav-container>ul li{
    display: inline-flex;
    flex-direction: column;
    font-size: 17px;
    height: 100%;
    position: relative;
}
.top-nav-container li:not(:first-child){
    margin-left: 30px;
}
.top-nav-container li:last-child{
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    background-color:#007bfc ;
    color: #fff;
    padding: 0 20px;
    font-size: 17px;
}
.top-nav-container li:last-child span{
    font-size: 18px;
    margin-right:5px;
}
.btn{
    position: relative;
    border:none;
}
.btn::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.btn:hover::before{
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.colorbg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    height: 700px;
    user-select: none;
    transform: translateX(-50%);
    background: linear-gradient(90deg,#021048,#1e38a3);
}
.float-lt{
    float: left;
}

.colorbg>svg{
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    float: left;
}
.svg:not(:root){
    overflow: hidden;
}

.common-container{
    position: relative;
    z-index: 2;
    color: #fff;
    width: 100%;
    text-align: center;
}
.ad{padding: 80px 0 0 0 ; position: relative;}
.ad a{
    display: block;
    width: 120px;
    margin:0 auto;
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    background-color:#007bfc;
    color: #fff;
    padding: 0 20px;
    font-size: 17px;
    margin-top:50px;
    position: relative;
    z-index: 1;
}
.ad h1{margin-bottom:20px;}
.practical{padding-top:30px;}
.practical h2{line-height:36px;}
.top-nav-container .iconxiala{
    width: 15px;
    font-size: 12px;
    color: #717db1;
}
.pr-list{
    background-color: #fff;
    width: 356px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09);  
    top: 58px;
    opacity: 0;
    visibility: hidden;
    z-index:998;
    transition:all .3s ease;
}
.pr-list1{
    top: 48px;
    opacity: 1;
    visibility: visible;
}
.pr-item{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
   text-align: left;
   padding:20px;
   box-sizing: border-box;
}
.pr-item:first-child{
    border-radius: 4px 4px 0 0 !important;
}
.mrt15{ margin-top:-12px;border-radius: 4px 4px 0 0; }
.pr-item:not(:last-child){
    border-bottom: 1px solid #f9f9f9;
}
.pr-item .img-con{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.pr-item .img-con img{ width: 48px; }
.pr-item h2 {
    font-weight: 500;
    color: #142149; 
}
.pr-item:hover{
   background-color: #eef4ff;
}

.pr-item p{
    font-size: 12px;
    color: #142149;
}
.pr-item i{
    font-weight: 500;
    font-style: normal;
    color: #999;
    display: block;
    font-size: 14px;
    position: relative;
    margin-left: 15px;
}
.pr-item i::before{
    content: '';
    display: block;
    width: 10px;
    height: 1.5px;
    background-color: #007bfc;
    position: absolute;
    left: -15px;
    top:50%;
    transform: translateY(-50%);
}
.pr-item i:hover{
    color:#007bfc;
}
.delta{
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    margin-left: 203px;
    margin-top: -8px;
    position: relative;
    z-index:-1;
}

/*顶部导航end */


/* ********banner轮播*********** */
.layui-carousel-ind ul{
    line-height: auto !important;
}
.banner{
    width: 100%;
    /* height: 440px; */
}
.banner .layui-carousel-ind{
    z-index: 3;
}
.banner img{
    min-width: 1600px;
}
.ban-item{
    text-align: center;
    position: relative;
}
.banner .ban-item img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    min-height: 28rem;
}
.text-con1{
    color:#fff;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* height: 300px; */
    /* padding-top:70px; */
}
.text-con1  h1{
    font-size: 48px;
    font-weight: bold;
}
.text-con1 p{
    margin-top: 30px;
}
.text-con1 a{
    color: #fff;
    width: 280px;
    height:60px;
    line-height: 60px;
    background-color:#007bfc;
    text-align: center;
    margin-top: 50px;
    border-radius: 4px;
}

.width16{
    width:95%;
    box-sizing: border-box;
     margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
    z-index: 2;
}
.wk-con .right>ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wk-con .left{
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 12px 61.2px 6.8px rgba(4, 12, 27, 0.17); 
    width:60%;
}
/* .wk-con .layui-carousel{
    min-height: 14rem;
} */
.wk-con .layui-carousel img{
    width: 100%;
    height: auto;
    /* display: inline-block; */
    /* min-height: 14rem; */
}
.fl-tit{width: 100%; margin-top:110px;margin-bottom: 50px;}
.fl-tit h1{
   font-size:40px;
   color: #142149;
   text-align: center;
   font-weight: bold;
   margin-bottom: 20px;
}
.fl-tit p{
    color: #525666;
    font-size: 14px;
    text-align: center;
}
.case-top{
    height: 70px;
    width: 100%;
    background-image: linear-gradient(90deg,#6b68d8,#4654b0);
    border-radius: 15px 15px 0 0;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding:20px 40px;
}
.case-bottom{
    width: 100%;
    height: 30px;
    background-image: linear-gradient(90deg,#827fde,#626dbc);
    border-radius: 0 0 15px 15px;
    box-sizing: border-box;
    padding: 15px 0;
}
.case-top span{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 20px;
}
.case-top span:first-child{
    background-color: #f6996e;
}
.case-top span:nth-of-type(2){
    background-color: #ffdb80;
}
.case-top span:last-child{
    background-color: #12d0ff;
}
.wk-con{
    padding-bottom: 90px;
    position: relative;
}
.wk-con .right{
    box-sizing: border-box;
    padding-top: 20px;
    width:30%;
}
.wk-con .right ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 320px;
    height: 120px;
    border-radius:10px;
    border:1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box;
    padding:0 30px;
    margin-bottom: 30px;
}
.wk-con .right ul li:first-child{
    border:none;
    border-radius:10px;
    box-shadow: 0px 0px 46.92px 4.08px rgba(78, 78, 78, 0.1);
    position: relative;
}
.wk-con .right ul li:first-child::before{
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background-color: #007bfc;
    left: -20px;
    top:40%;
}
.wk-con .right ul li:last-child{
    border:none;
}
.wk-con .right ul li:last-child a{
    width: 333px;
    height:60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #007bfc;
    border-radius: 8px;
}
.wk-con .right ul li h1, .wk-con .right ul li p{
    color: #142149 !important;
}
.wk-con .right ul li h1{
    font-size: 16px;
    font-weight: bold;
}
.wk-con .right ul li p{
    font-size: 12px;
}
.wk-con .right ul li:nth-of-type(2):hover,.wk-con .right ul li:nth-of-type(3):hover{
    border-color:#007bfc ;
}
.wk-con .right ul li img{
    width: 45px;
    margin-right: 20px;
}
.line{
    width: 100%;
    height: 1px;
    background-color: #f0f0f0;
}
.width80{
    width: 800px;
    background-color: rgba(0,0,0,0) !important;
    box-sizing: border-box;
    box-shadow: none !important;
}
.svg-con{
    position: absolute;
    width: 100%;
    height: 100%;
    top:100px;
    right:-600px;
    z-index: -1;
    transform: scale(.8);
}
.case3{
    width: 100%;
    margin-top:30px;
}
.width100{
    width: 100%;
    position: relative;
    height: 793px;
}
.svg-con1{
    float: right;
}
.svg-con2{
    width: 100%;
    position: absolute;
    top: 0;
    z-index:0;
}
.advantage,.caselist, .news1{  
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 110px;
}
.advantage li{
    width: 23%;
    padding:40px 20px;
    box-sizing:border-box;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 46.92px 4.08px rgba(78, 78, 78, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform .3s ease-in;
}
.advantage li img{
    width: 60%;
}
.advantage li:hover{
    transform: translateY(-10px);
}
.advantage li p{
    margin-top:10px;
    color: #999;
    line-height: 2;
    font-size: 13px;
}
.advantage li h1{
    font-weight: 550;
    margin-top: 50px;
    color: #333;
    font-size: 17px;
}
.svgsize1{
    transform: scale(.85);
    margin-left: -40px;
}
.svgsize2{
    transform: scale(.85);
    margin-right: -40px;
}
.caselist li{
    width: 23%;
    padding:20px 20px;
    box-sizing:border-box;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 46.92px 4.08px rgba(78, 78, 78, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border:1px solid #cdcdcd;
    transition: transform .3s ease-in;
}
.caselist li div{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.caselist li div img{
    width:60%;
}
.caselist li h1{
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}
.caselist li a{
    color: #085efa;
    font-size: 16px;
}
.caselist li:hover{
    border-color:#007bfc;
    transform: translateY(-10px);
}


.news1 li{
    width: 23%;
    padding:40px 20px;
    box-sizing:border-box;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 46.92px 4.08px rgba(78, 78, 78, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    transition: transform .3s ease-in;
}
.news1 li h1{
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.news1 li p{
    color: #999;
    line-height: 1.5;
    font-size: 14px;
}
.news1 li:hover{
    transform: translateY(-10px);
}
.news1 li div{
    font-size: 14px;
    color: #999;
    font-weight: normal;
}
/* *********** 方案详情****************** */
.plan-details-tit{
    font-size:50px;
    font-weight: 550;
}
.margintop30{
    margin-top: 30px !important;
}
.marginbt30{
    margin-bottom: 50px !important;
}
.plan-details-triat{
    margin-top: 40px !important;
    position: relative;
    z-index: 99;
}
.plan-details-triat ul{
   display: flex;
   flex-direction: row;
   justify-content:space-between;
}
.plan-details-triat ul li{
    width: 24%;
    padding:50px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    box-shadow: 0px 7px 53.69px 5.31px rgba(4, 15, 36, 0.08);
    border-radius: 4px;
    background-color: #fff;
    transition: transform .3s ease;
}
.plan-details-triat ul li:hover{
    transform: translateY(-10px);
}
.plan-details-triat ul li h1{
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}
.plan-details-triat ul li p{
    text-align: center;
    color: #999;
    font-size: 13px;
    line-height: 2;
    min-height: 77px;
    width: 84%;
}
.plan-details-triat ul li .iconbox, .plan-details-triat-1 .iconbox{
    width: 100%;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.illustration{
    position: relative;
    width: 100%;
    z-index: 0;
}
.illustration__shape-right{
   margin-top: -120px;
   height:800px;
}
.illustration__shape-right svg{
    transform: scale(.8);
    display: block;
    position:absolute;
    right:-120px;
    top:-250px;
} 
.planimg-con1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.planimg-con1 .item{
    padding: 30px;
    box-sizing: border-box;
    width: 32%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 7px 53.69px 5.31px rgb(4 15 36 / 8%);
    border-radius: 4px;
    background-color: #fff;
    transition: transform .3s ease;
}
.planimg-con1 .item:hover{
    transform: translateY(-10px);
}
.planimg-con1 .item h1{
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    color: rgb(20, 33, 73);
    margin-top: 40px;
    text-align: center;
}
.planimg-con1 .item p{
    display: block;
    width:90%;
    color: rgb(82, 86, 102);
    margin-top: 20px;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
}
.advantage_cont{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}
.advantagebg{
   width:550px;
   margin-left: 50px;
}
.shortcoming{
    width: 400px;
    margin-right: 30px;
    /* box-shadow: 0px 7px 14px 5.31px rgb(4 15 36 / 8%);*/
    border: 1px solid #007bfc; 
    border-radius: 4px;
    background-color: #fff;
    padding: 50px;
    box-sizing: border-box;
}
.shortcoming p,.shortcoming li{
    color: #525666;
}
.shortit{
    color: #142149 !important;
    font-size: 19px;
    font-weight: 400;
    position: relative;
    z-index: 2;
}
.shortit1{
    margin-top:10px;
}
.shortit::before{
    content: '"';
    position: absolute;
    font-family:"微软雅黑";
    top: 5px;
    left: -25px;
    font-size: 100px;
    color: #0758e9;
    opacity: .1;
    z-index: 1;
}
.shortcoming li{
    list-style: square;
    font-size: 15px;
    color: #8b92ad;
}
.shortcoming li:hover{
    color: #007bfc !important;
}
.shortcoming ul{
    margin-left: 20px;
    margin-top: 5px;
}
.planimg-con{
    width: 100%;
    position: absolute;
    top:120px;
    z-index: 2;
}
.planimg-con img{
    width:100%;
    margin:0 auto;
}
.plan-pages{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.plan-pages li{
    box-sizing: border-box;
    padding: 30px 30px 20px 30px;
}
.plan-pages li:not(:nth-child(2)):hover{
    border-radius: 4px;
    border-color: #085efa;
}
.plan-pages li:nth-child(2):hover{
    border-radius: 4px;
    border:1px solid #085efa;
}
.plan-pages li:first-child{
   width: 30%;
   border-radius: 4px 0 0 4px;
   border:1px solid #e4e4e4;
}
.plan-pages li:nth-child(2){
    width: 40%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
 }
.plan-pages li:last-child{
    width: 30%;
    border:1px solid #e4e4e4;
    border-radius: 0px 4px 4px 0px;
 }
 .plan-pages li h1{
     color: #333;
     font-size: 18px;
 }
 .plan-pages li p{
    color: #999;
    font-size: 14px;
    height: 56px;
}
.plan-pages .iconfont{
    color: #0758e9;
    font-size: 32px;
    display: block;
    margin-right: 20px;
}
.plan-pages .iconfont::before{
    display: block;
    margin-top: 10px;
}
.plan-pages .msg-con{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: initial;
}
.planimg1{
    height: 390px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.planimg1 img{
    width: 80%;
}
.plan-pages li:last-child .planimg1 img{
    width: 95%;
}
/* ******定制服务******** */
.margintop180{
    margin-top: 180px !important;
}
.custom{
    position: relative;
}
.custom ul{
   width: 100%; 
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   position: relative;
   z-index: 2;
}
.custom ul li{
    width: 48%;
    padding:50px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    box-shadow: 0px 7px 53.69px 5.31px rgba(4, 15, 36, 0.08);
    border-radius: 4px;
    background-color: #fff;
    transition: transform .3s ease;
}
.custom ul li:hover{
    transform: translateY(-10px);
}
.custom ul li h1{
    color: #000;
    font-size: 28px;
    margin-top: 30px;
}
.light{
    width:300px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:30px;
}
.block{
    position: absolute;
}
.lt{
    left:-100px;
    top:-110px;
    z-index:0;
}
.rt{
    right:-100px;
    top:-110px;
    z-index:0;
}

.lt1{
    left:-100px;
    bottom:-100px;
    z-index:0;
    width: 160px;
}
.rt1{
    right:-100px;
    bottom:-100px;
    z-index:0;
    width: 160px;
}
.height30{
    height: 150px;
}
.newsnav ul{
    display:flex;
    flex-direction: row;
    align-items: center;
}
.newsnav{
    padding: 0 250px;
    /* margin-top: -200px; */
    height: 80px;
    position: relative;
    z-index: 996;
}

.newsnav ul li{
    color: #9499ac;
    margin-right: 30px;
    box-sizing: border-box;
}
.newactive{
    color: #fff !important;
    border-bottom: 2px solid #6b68d8;
}
.news{
    margin-top: -20px;
    position: relative;
    z-index: 99;
}
.news ul li{
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 7px 53.69px 5.31px rgba(4, 15, 36, 0.08);
    padding:30px;
    box-sizing: border-box;
    margin-bottom: 30px; 
    display: flex;
    flex-direction: row;
    /* align-items: center; */
}
.news ul li .leftbx{
    background-color: #6b68d8;
    color: #fff;
    width:20%;
    /* height: 120px; */
    text-align: right;
    padding:30px;
    box-sizing: border-box;
}
.news ul li .leftbx h1{
    font-size: 48px;
    font-weight: 550;
    margin-bottom: 20px;
}
.news ul li .leftbx p:first-child{
    font-size: 13px;
}
.news ul li .leftbx p:last-child{
    font-size: 13px;
}
.news ul li .rightbx{
    height: 100%;
    padding:30px;
    box-sizing: border-box;
    position: relative;
    width: 80%;
}
.news ul li .rightbx h1{
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.news ul li .rightbx p{
   color: #999;
   font-size: 14px;
   line-height: 1.5;
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
}
.browse{
    color: #999;
    font-size: 14px;
    margin-top:10px;
}
.news ul li .rightbx a.todetail{
    color:#4e59af;
    width: 160px;
    height: 45px;
    border:1px solid #6b68d8;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    right:0;
    bottom: 0;
}
.newsdetails{
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0px 7px 53.69px 5.31px rgba(4, 15, 36, 0.08);
    padding:20px;
    box-sizing: border-box;
    margin-bottom: 30px; 
    /* margin-top: -150px; */
}
.newsdetails .left{
    float: left;
    width: 840px;

}
.newsdetails .right{
    float:right;
    width: 300px;
    background-color: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
}
.newsdetails .right .tit1{
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 550;
}
.newsdetails .right ul li{
    padding-bottom: 10px;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 20px;
}
.newsdetails .right ul li h1{
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
}
.newsdetails .right ul li .msg span{
    color: #999;
    font-size: 14px;
    margin-right: 20px;
}
/* 资讯详情 */
.newsdetails .left>h1{
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
.newsdetails .left .msg span{
    color: #999;
    margin-right: 20px;
    font-size: 14px;
    font-weight: normal;
}
.newsdetails .left .contentbox{
    font-size: 16px;
    color: #000 !important;
    line-height: 2;
    margin-top: 10px;
    border-bottom: 1px dashed #e4e4e4;
    padding-bottom: 30px;
}
.newsdetails .left .contentbox p{color: #333}
.newsdetails .left .contentbox img{max-width:100%;}
.newsdetails  .last{
    position: relative;
    margin-top: 50px;
}
.newsdetails  .last a{
    display: block;
    color: #333;
}
.newsdetails  .last a:last-child{
    color:#4e59af;
    width: 100px;
    height: 32px;
    border:1px solid #6b68d8;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    right:0;
    bottom: 0;
}
.up, .down{
    width: 70%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.navbgs{
    width: 100%;
    background-image: -moz-linear-gradient( 30deg, rgb(16,36,116) 0%, rgb(24,47,141) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(16,36,116) 0%, rgb(24,47,141) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(16,36,116) 0%, rgb(24,47,141) 100%); 
    height: 78px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}
.questibg{
    width: 100%;
    background: linear-gradient(90deg,#142149,#233ba2);
    /* position: absolute;
    left: 0px;
    top: 0px; */
    height: 280px;
    z-index: 0;
      
}
.questions{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 40px 0px 40px;
    box-sizing: border-box;
}
.questions .left{
    width: 26%;
    height: 100%;
    padding-top: 50px;
    box-sizing: border-box;
}
.questions .left li{
   display: flex;
   flex-direction: row;
   align-items: flex-start;
  justify-content: center;
  border:1px solid #e4e4e4;
  padding: 30px;
  box-sizing: border-box;
  margin-right: 30px;
  margin-bottom: 30px;
}
.questions .left li:hover,.questions-active{
    border-left: 2px solid #0758e9 !important;
}
.questions .left li img{
    width: 40px;
    margin-right: 20px;
}
.questions .left li h1{
    font-size: 18px;
    color: #333;
    font-weight: 550;
    margin-bottom: 5px;
    line-height: auto;
}
.questions .left li p{
    color: #999;
    font-size: 14px;
}
.questions .right{
    width: 74%;
    padding-top: 50px;
    box-sizing: border-box;
    padding-left: 50px;
    border-left: 1px solid #e4e4e4;
    min-height: 800px;
}
.questions .right .tits2{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.questions .right .tits2 img{
    width: 50px;
    margin-right: 20px;
}
.questions .right .tits2 h1{
    font-size: 24px;
    color: #333;
}
.questions .right .tits2 p{
    font-size: 17px;
    color: #999;
    margin-top: 10px;
}
.questionlist{
    margin-top: 40px;
}
.questionlist li{
    margin-bottom: 50px;
}
.questionlist li h1{
    font-size: 22px;
    color:#333;
    margin-bottom: 20px;
    padding-left: 40px;
    box-sizing: border-box;
    margin-left: 30px;
    position: relative;
}
.questionlist li h1:hover{
    color: #007bfc;
}

.questionlist li h1::before{
    content: '';
    width: 18px;
    height: 3px;
    background-color: #b8b8b8;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}
.questionlist li h1::after{
    content: '';
    width:2.5px;
    height: 18px;
    background-color: #b8b8b8;
    position: absolute;
    left: -1.5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}
.h1active{
    color: #007bfc;
}
.h1active::after{
    transform: translateY(-50%) rotate(90deg) !important;
    opacity: 0;
}
.questionlist li .contentbox{
    color:#999 !important;
    font-size: 17px;
    display: none;
    border-left: 1px solid #e4e4e4;
    transition: all .3s ease;
    padding-left: 40px;
    box-sizing: border-box;
    margin-left: 30px;
}
.questionlist li .contentbox p{
    color:#999 !important;
}
.qsactive{
   height: auto !important;
   display: block !important;
}
.marginleft30{margin-left: 30px !important;}
.margintop30{margin-top: 40px !important;}
.marginleft60{margin-left: 60px !important;}

/* ******
***************
*****************
******************
媒体查询之后的样式
******* */
.mb-top-nav{
    height: 78px;
    width: 100%;
    position: relative;
    z-index: 999;
}
.mb-top-nav img{
    width: 150px;
}
.mb-top-nav .iconcaidan{
    color:#fff !important;
    font-size: 48px;
}
.mb-nav-item-0{
    position: absolute;
    top:-900px;
    width:90%;
    left:5%;
    background-color: #fff;
    border-radius: 4px;
    padding:30px 40px;
    box-sizing: border-box;
    box-shadow: 0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09) ;
    transition: all .2s ease-in-out;
}
.mb-nav-item-1{
    top: 100px;
}
.mb-nav-item{
    max-height: 900px;
    overflow-x:hidden;
    overflow-y: scroll;
}
.mb-nav-item li{
    padding: 15px 0;
}
.mb-nav-item li .nav-tit-1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.rotate90{
    transform: rotate(-90deg);
}
.mb-nav-item li .pr-item a{
    /* border-bottom: 1px solid #e4e4e4; */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
   text-align: left;
   padding:20px 20px 0 0px;
}
.nav-tit-2{
    display: none;
    margin-top: 20px;
}
.mb-nav-item a{
    color: #333 !important;
    display:inline-block;
    width: 90%;
}
.mb-nav-item  li span{
    color: rgb(215 215 215);
}
.mb-nav-item a:hover{
    color: #085efa !important;
}
.mb-top-nav1{
    height: 78px;
    width: 880px;
    margin-left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    box-sizing: border-box;
    /* background-color: #085efa; */
}
.shape{
    width:20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
    margin-top: -40px;
    float: right;
    margin-right: 1%;
}
.plan-details-triat-1{
    width: 60%;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 300px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-top: 40px;
}
.plan-details-triat-1 .l-item{
     width: 100%;
     height: 300px;
     border-radius: 4px;
     background-color: #fff;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding:20px
}
.plan-details-triat-1 .l-item h1{
    font-size: 16px;
    color: #000;
    text-align: center;
}
.plan-details-triat-1 .l-item p{
    font-size: 13px;
    color: #999;
    text-align: center;
}
.plan-details-triat-1 .layui-carousel{
    box-shadow:0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09) ;
    border-radius: 4px;
}
.scene{
    width: 50%;
    height: 500px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 50%;
    transform:  translateX(-50%);
}
.scene .layui-carousel{
    background-color: #fff;
    border-radius: 4px;
    box-shadow:0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09) ;
    border-radius: 4px;
}
.scene .layui-carousel>[carousel-item]>*{
    background-color: #fff;

}
.scene .l-item2{
    width: 100%;
    height: 100%;
    color: #000;
    border-radius: 40x;
    background-color: #fff;
    box-shadow:0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09) ;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px;
}
.scene .l-item2 .msg-con{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: initial;
}
.scene .l-item2 .iconfont{
    color: #007bfc;
    font-size: 32px;
    margin-right: 20px;
    margin-top: 8px;
}
.scene .l-item2 h1{
    font-size: 18px;
    color: #000;
    line-height: inherit;
}
.scene .l-item2 p{
    color: #999;
    font-size: 14px;
}
.scene .l-item2 .planimg2 {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scene .l-item2 .planimg2 img{
    width: auto !important;
}
/* .scene .l-item2:nth-child(2) .planimg2 img{
    width: 80% !important;
} */
.crumbs{
    width: 100%;
    padding: 20px 20px 20px 50px;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #fff;
}
.crumbs a{
    color: #999;
}

.crumbs span{
    color: #999;
    padding: 0 5px;
    font-size: 14px;
}
.crumbs span:last-child{
    font-size: 18px;
    /* margin-right: 10px; */
    display: none;
}
.crumbs span:last-child:hover, .crumbs a:hover{
    color: #085efa;
}
.window-tit{
    padding: 20px 50px 20px 50px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.window-tit span{
    font-size: 16px;
    color: #000;
}
.window-tit span:last-child{
    color: #085efa;
}
.mb-phone{
    display: none;
    position: relative;
}
.colorbg1{
    height: 400px;
    display: none;
}
.tit-color1{
    color: #142149;
}
.tit-color2{
    color: #525666;
}
.shell{
    width: 60%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.more{
    display: block;
    margin-top: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 70%;
    padding: 10px 0;
    text-align: center;
    background-color: #233ba2;
    border-radius: 8px;
}
.mb-ban-con{
    width: 54%;
    margin-left: 50%;
    transform: translateX(-46%);
    margin-top: -20px;
}
.bigcon{
    position: relative;
    height: 432px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pt-rt{
    position: relative;
}
.mb-phone .rt-svg{
    position: absolute;
    right: -150px;
    top:-100px;
    transform: scale(.5);
}
.mb-phone .lt-svg{
    position: absolute;
    left: -100px;
    top:-100px;
    transform: scale(.5);
}
.mb-phone .rt-svg1{
    position: absolute;
    right: -50px;
    top:-50px;
    transform: scale(.8);
}

/* 服务价格 */
.pc_tips{
    display: none;
}
.pricelist{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 33;
}
.pricelist li{
    width: 24%;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09);
    color: #142149;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:40px 20px;
    box-sizing: border-box;
    transition: all .3s ease-out;
    overflow: hidden;
}
.label{
    position: absolute;
    color: white;
    right: -28px;
    top:10px;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    transform: rotate(45deg);
}
.bgcolor_red{
    background-color: red;
}
.bgcolor_blue{
    background-color: #007bfc;
}
.pricelist li:hover{
    transform: translateY(-10px);
}
.pricelist li h1{
    color: #142149;
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}
.pricelist .price{
    font-size: 22px;
    color: #007bfc;
    font-weight: 500;
}
.costprice{
    color: #7a7f94;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #007bfc;
    width: 100%;
    text-align: center;
    text-decoration: line-through;
}
.pritit{
    font-size: 19px;
    color:#142149 ;
    line-height: 3;
}
.pri_dot{
    line-height: 1.5;
    font-size: 17px;
    color: #525666;
    text-align: center;
    margin-bottom: 5px;
}
.pri_dot span{
    color: #007bfc;
}
.someprice{
    width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.pri_item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
}
.pri_item:first-child{
    border-top: 1px solid #f1f1f1;
}
.pri_item:first-child li, .pri_item:last-child li{
    background-color: #233ba2;
    color: #fff;
}
.pri_item li{
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    color: #142149;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pri_item li:first-child{
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    width: 14%;
}
.pri_item li:nth-of-type(2){
    width: 50%;
    border-right: 1px solid #f1f1f1;
}
.pri_item li:nth-of-type(3){
    width:12%;
    border-right: 1px solid #f1f1f1;
}
.pri_item li:nth-of-type(4){
    width:12%;
    border-right: 1px solid #f1f1f1;
}
.pri_item li:nth-of-type(5){
    width:12%;
    border-right: 1px solid #f1f1f1;
}
.pri_item .right{
   width: 24px;
}
.pri_item .error{
    width: 26px;
 }
 /* 服务承诺 */
 .promise{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 33;
    width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.promise li{
    width: 32%;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 12px 61.2px 6.8px rgba(19, 17, 73, 0.09);
    color: #142149;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:40px 20px;
    box-sizing: border-box;
    transition: all .3s ease-out;
}
.promise li:hover{transform: translateY(-10px);}
.promise li img{
    margin-bottom: 10px;
}
.promise li h1{
    color: #142149;
    font-size: 18px;
    margin-bottom: 10px;
}
.promise li p{
    text-align: center;
    color: #999;
    font-size: 13px;
    line-height: 2;
    min-height: 77px;
    width: 84%;
}
/* 联系 */
.contactus{
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: 130px;
    right: 100px;
    z-index: 98;
}
.contactus a{
    width: 50px;
    height: 50px;
    background-color: #007bfc;
    color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.contactus a .iconweixin1{
    font-size: 22px;
}
.contactus a .iconqq{
    font-size: 24px;
}
.contactus a .icondianhua{
    font-size: 26px;
}
.contactus a .cont_ewm{
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #f1f1f1;
    border-radius: 4px;
    right: 50px;
    top:50%;
    transform: translateY(-50%);
    display: none;
}
.contactus a .cont_iph{
    position: absolute;
    height: 50px;
    padding:0 20px;
    line-height: 50px;
    top: 0;
    right: 50px;
    background-color: #fff;
    color: #021048;
    display: none;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
}
.contactus a:not(:last-child){
    margin-bottom: 5px;
}
.contactus_mb{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 98;
}
.contactus_mb a .iconfont{
    color: #0758e9;
    padding: 0 20px;
}
.contactus_mb a:first-child .iconfont{
      font-size: 26px;
      float: left;
}
.contactus_mb a:nth-child(2) .iconfont{
    font-size: 24px;
    float: left;
}
.contactus_mb a:last-child{
    height: 38px;
    line-height: 38px;
    float: right;
    margin-right: 20px;
    padding:0 30px;
    text-align: center;
    background-color: #0758e9;
    margin-top:6px;
    border-radius: 500px;
}

 .update {
      margin-top: 30px;
      margin-bottom: 60px;
    }

    .update>ul {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .update>ul>li {
      display: flex;
      flex-direction: row;
      width: 76%;
    }

    .update li {
      color: #000;
    }

    .update .time,
    .update .title {
      color: #000;
    }

    .update .time {
      margin-right: 30px;
      width: 50%;
      box-sizing: border-box;
      text-align: right;
    }

    .update .right_cont {
      margin-left: 30px;
      width: 50%;
      box-sizing: border-box;
    }

    .update .title {
      margin-bottom: 20px;
    }

    .update_content {
      position: relative;
      padding-bottom: 30px;
    }

    .update_content>li {
      color: #999;
      font-size: 17px;
      line-height: 1.5;
    }
     .update_content>li>p {
      color: #999;
    }

    .update_content::after {
      content: '';
      width: 4px;
      height: 100%;
      background-color: #e7e7e7;
      position: absolute;
      left: -32px;
      top: -14px;
      padding: 20px 0;
    }

    .update_content::before {
      content: "";
      width: 16px;
      height: 16px;
      background: linear-gradient(90deg, #142149, #233ba2);
      position: absolute;
      border-radius: 50%;
      top: -30px;
      left: -38px;
      z-index: 2;
      border: 2px solid #fff;
      box-sizing: border-box;
    }

    .update .end {
      color: #fff;
      position: relative;
      z-index: 3;
      font-variant: small-caps;
      padding: 8px;
      background: linear-gradient(90deg, #142149, #233ba2);
      border-radius: 200px;
      font-size: 14px;
      border: 2px solid #fff;
      box-sizing: border-box;
    }

    @media (max-width: 1300px) {
      .update>ul>li {
        width: 100%;
        flex-direction: column;
      }

      .update .time {
        width: 100%;
        margin-right: 0;
        text-align: left;
      }

      .update .right_cont {
        width: 100%;
        margin-left: 0;
      }

      .update .end {
        display: none;
      }

      .update_content::before,
      .update_content::after {
        display: none;
      }
    }