*,
        body {
            margin: 0px;
        }
        .menu-item {
            display: inline-block;
            height: 80px;
            line-height: 83px;
            font-size: 20px;
            padding-left: 10px;
            margin: 0px 10px;
            padding-right: 10px;
            font-weight: 500;
            letter-spacing: 2px;
            color: #666;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            cursor: pointer;
        }

        .menu-item:hover {
            border-bottom: 3px solid #ffd55c;
            color: #4468e6;
        }

        .menu-item.active {
            border-bottom: 3px solid #ffd55c;
            color: #4468e6;
        }
        .cb{
            clear: both;
        }
.cpys-item{
    height: 110px;
    width: 470px;
    cursor: pointer;
}
.cpys-item .num-1{
    background: url(./images/cpfw/num/01-1.png)  no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item.active .num-1{
    background: url(./images/cpfw/num/01.png) no-repeat;
}
.cpys-item:hover .num-1{
    background: url(./images/cpfw/num/01.png) no-repeat;
}

.cpys-item .num-2{
    background: url(./images/cpfw/num/02.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item.active .num-2{
    background: url(./images/cpfw/num/02-1.png) no-repeat;
}
.cpys-item:hover .num-2{
    background: url(./images/cpfw/num/02-1.png) no-repeat;
}

.cpys-item .num-3{
    background: url(./images/cpfw/num/03.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item.active .num-3{
    background: url(./images/cpfw/num/03-1.png) no-repeat;
}
.cpys-item:hover .num-3{
    background: url(./images/cpfw/num/03-1.png) no-repeat;
}

.cpys-item .num-4{
    background: url(./images/cpfw/num/04.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item:hover .num-7{
    background: url(./images/cpfw/num/07-1.png) no-repeat;
}

.cpys-item .num-5{
    background: url(./images/cpfw/num/05.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item:hover .num-7{
    background: url(./images/cpfw/num/07-1.png) no-repeat;
}

.cpys-item .num-6{
    background: url(./images/cpfw/num/06.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item:hover .num-7{
    background: url(./images/cpfw/num/07-1.png) no-repeat;
}

.cpys-item .num-7{
    background: url(./images/cpfw/num/07.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item.active .num-7{
    background: url(./images/cpfw/num/07-1.png) no-repeat;
}
.cpys-item:hover .num-7{
    background: url(./images/cpfw/num/07-1.png) no-repeat;
}

.cpys-item .num-8{
    background: url(./images/cpfw/num/08.png) no-repeat;
    width: 44px;
    height: 36px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
}
.cpys-item.active .num-8{
    background: url(./images/cpfw/num/08-1.png) no-repeat;
}
.cpys-item:hover .num-8{
    background: url(./images/cpfw/num/08-1.png) no-repeat;
}

.cpys-item .label{
    float:left;
    margin-left: 20px;
    padding-top: 30px;
    text-align: left;
}
.cpys-item .icon{
    float:right;
}
.cpys-item .icon .right{
    background: url(./images/cpfw/num/right.png);
    height: 41px;
    width: 41px;
    margin-right: 30px;
    margin-top: 40px;
}
.cpys-item.active .icon .right{
    background: url(./images/cpfw/num/right-active.png);
}
.cpys-item.active{
    background-color: #ffb35B;
}
.cpys-item:hover .icon .right{
    background: url(./images/cpfw/num/right-active.png);
}
.cpys-item:hover{
    background-color: #ffb35B;
}
.cpys-item .title{
    font-size: 20px;
    font-weight: 600;
    color:#9ea1b4;
}
.cpys-item .sub{
    font-size: 15px;
    margin-top: 5px;
    color:#9ea1b4;
}

.cpys-item.active .title{
    color:#282b45;
}
.cpys-item.active .sub{
    color:#282b45;
}

.cpys-item:hover .title{
    color:#282b45;
}
.cpys-item:hover .sub{
    color:#282b45;
}
.cpys-content{
    margin-top: 10px;
    margin-left: 112px;
    text-align: left;

}
.cpys-content .title{
    font-size: 32px;
    font-weight: 700;
    color: #282b45;

}
.cpys-content .content{
    color: #6d7393;
    font-size: 16px;
    width: 510px;
    margin-top: 38px;
}
.cpys-content .img{
    width: 550px;
    margin-top: 50px;
}
.cpys-content .img img{
    width: 100%;
}

.cpgn-item{
    cursor: pointer;
    float: left;width:170px;padding-top:30px;padding-bottom: 30px;border-bottom: 3px solid #c9d3f6;
    font-size: 18px;
    font-weight: 700;
    color: #767b97;
}
.cpgn-item:hover{
    border-bottom: 3px solid #4468e6;
    color: #4468e6;
}
.cpgn-item.active{
    border-bottom: 3px solid #4468e6;
    color: #4468e6;
}
.ys-item-header{
    text-align: center;margin-top: 10px;
    padding-top: 60px;
}
.ys-item{
    cursor: pointer;
    width:380px;text-align: left;background-color: white;float: left;margin: 8px;
}
.ys-item img{
    width:380px;height: 240px;
}
.ys-item:hover{
    box-shadow: 0px 5px 6px rgb(17 30 87 / 10%);
}
.ys-item .title{
    font-weight: 700;font-size: 18px;padding-left: 15px;
}
.ys-item:hover .title{
    color: #175cfa;
}
.ys-item .desc{
    text-align: left;
    height:125px;
    line-height: 25px;
    color: #282b45;
    padding-left:10px;
    padding-right:10px;
    margin-top: 10px;
    padding-bottom: 20px;
    text-indent: 20px;

}
.news-content{
    width: 1196px;
    margin-left: auto;
    margin-right: auto;

}
.content{
    width: 1196px;
    margin-left: auto;
    margin-right: auto;
}

.fzlc-right{
    float:left;text-align: left;position: relative;background-color: white;height: 128px;width: 470px;margin-left: 128px;    
    box-shadow: 1px 3px 5px rgb(17 30 87 / 10%);
}
.fzlc-right .triple{
    position: absolute;border: 0px;border-right: 30px solid white;
    border-top:30px solid transparent;
    border-bottom: 30px solid transparent;height: 0px;width: 0px;
    left: -30px;top: calc(50% - 30px);
    filter: drop-shadow(-1px 2px 2px rgba(0, 0, 0, .1));
}

.fzlc-left{
    float:left;
    text-align: right;
    position: relative;
    background-color: white;
    height: 128px;
    width: 470px;
    margin-right: 128px;    
    box-shadow: 1px 3px 5px rgb(17 30 87 / 10%);
}

.fzlc-left .triple{
    position: absolute;border: 0px;border-left: 30px solid white;
    border-top:30px solid transparent;
    border-bottom: 30px solid transparent;height: 0px;width: 0px;
    right: -30px;top: calc(50% - 30px);
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, .1));
}

.xinwen{
    position:absolute;top:80px;z-index:2;background-color:white;padding-left:10px;padding-right:10px;width:120px;left:0px;    height: 63
px;line-height: 60px;box-shadow: 0px 2px 1px #efefef;display: none;
color: #666;
}
.xinwen:hover{
    color: #4468e6;
}

.tms-item{
    float: left;
    position: relative;
    margin:15px 10px;
    width: 680px;
    height: 320px;
    background-color: white;
    cursor: pointer;
}
    .tms-item .img img{
        height: 100%;
    }
.tms-item.active .box{
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    transform: scale(1.01);
    background-color: white;
    cursor: pointer;
    box-shadow:2px 4px 8px #111e57;
}
.tms-item:hover .box{
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    transform: scale(1.01);
    background-color: white;
    cursor: pointer;
    box-shadow:2px 4px 8px #111e57;
}

.tms-item .img{
    float: left;
    width: 278px;
    height: 100%;
}
.tms-item .body{
    float: left;
    padding-left: 60px;
    padding-right: 60px;
    width: calc(100% - 278px);
    text-align: left;
}
.tms-item .body .title{
    font-size: 30px;
    color: #175cfa;
    margin-top: 60px;
    width: 100%;
}
.tms-item .body .content{
    font-size: 18px ;
    line-height: 30px;
    color: #0a1633;
    width: 100%;
    margin-top: 20px;
    
}
.dash-item{
    height: 310px;
    width: 310px;
    margin: 15px 10px;
    float: left;
    position: relative;
    cursor: pointer;
}
.dash-item img{
    height: 100%;
    width: 100%;
}

.banben{
    position: relative;
    cursor: pointer;
    background-color: white;float: left;width: 398px;height: 532px;
}
.banben .title{
margin-top: 60px;font-size: 35px;font-weight: 700;text-align: center;
}
.banben:hover .title{
color: #175cfa;
}
.banben .btn {
    margin-top:40px;text-align: center;
}
.banben .btn img{
    cursor: pointer;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.banben .desc{
    text-align: center;margin-top: 35px;color: #6d7393;
}
.banben:hover .desc{
    color: #175cfa;
}
.banben .dingjia
{
    margin-top: 70px;text-align: center;color: #4468e6;
}
.banben:hover .dingjia{
    color: #fda617;
}
.banben .border{
    position: absolute;
    right: 0px;
    top: 15%;
    bottom: 15%;
    z-index: 2;
    width: 2px;
    background-color: #dee7fe;
}
.desc-item{
border-top:1px solid #e0e0e0;
}
.desc-item .module{
    display: inline-block;
    font-size: 18px;
    color: #232941;
    width: 140px;font-weight: 700;
    padding: 20px 20px;
    vertical-align: top;
}
.fw700{
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0px;
}
.desc-item .gn{
    display: inline-block;
    font-size: 15px;
    color: #232941;
    width: 200px;
}
.desc-item .sm{
    display: inline-block;
    
    font-size: 15px;
    color: #232941;
    width: 480px;
}
.desc-item .bd{
    font-size: 15px;
    display: inline-block;
    font-size: 15px;
    color: #4468e6;width: 106px;font-weight: 700;text-align: center;
}
.desc-item .zy{
    display: inline-block;font-size: 15px;color: #ff6e6d;width: 106px;font-weight: 700;text-align: center;
}
.desc-item .qj{
    display: inline-block;font-size: 15px;color: #3bcfe0;width: 106px;font-weight: 700;text-align: center;
}
.desc-item .bd img,
.desc-item .zy img,
.desc-item .qj img{
    width:24px;
    margin-left: auto;
    margin-right: auto;
}

.news-item{
    cursor: pointer;
    position: relative;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.news-item .img{
    float:left;width: 326px;
    margin: 5px;
    height: 200px;
}
.news-item .img img{
    height: 100%;
    width: 100%;
}
.news-item .content{
    float:left;padding:20px 20px;width: calc(100% - 366px);
}
.news-item .content .header{
    font-size: 24px;
    color: #282b45;
    font-weight: 600;
}

.news-item .content .desc{
    margin-top: 14px;
    text-indent: 2;
    font-size: 16px;
}
.news-item .btn{
    width: 120px;
    background-color: #2362e2;
    color: white;
    line-height: 35px;
    border-radius: 14px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    text-align: center;
    cursor: pointer;
}
.news-item:hover .header{
    color: #175cfa;
}
.news-item:hover{
    box-shadow: 3px 4px 4px rgba(17,30,87,.1);
}

.news-item .btn:hover{
    background-color: #fda617;
}

.abus-desc-item{
    float:left;
    padding: 30px 100px;
    cursor: pointer;
}

.abus-desc-item:hover{
    color: #fda617;
}
.abus-desc-item:first-child{
    padding-left: 0px;
}
.abus-desc-item .num{
    font-size: 45px;position: relative;
    font-weight: 700;
}
.abus-desc-item .sub{
    position:absolute;
    font-size: 20px;
    top: 1px;right: -31px;
    vertical-align: top;
}

.abus-desc-item .sub.plus{
    font-size: 30px;
}

.abus-desc-item .dsc{
    text-align: right;margin-top: 10px;
    font-size: 17px;
}
.img-fee{
    cursor: pointer;
    position: relative;
    width: 100%;text-align:center;height: 164px;
}
.img-fee .img{
    width: 139px;
    height: 164px;
    margin-left: auto;
    margin-right: auto;
    background:url(/src/images/fee.png) no-repeat;
}

.img-fee:hover .img{
    width: 165px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 84px);
    height: 195px;
    background:url(/src/images/fee-h.png) no-repeat;
}


.img-num{
    cursor: pointer;
    position: relative;
    width: 100%;text-align:center;height: 164px;
}
.img-num .img{
    width: 139px;
    height: 164px;
    margin-left: auto;
    margin-right: auto;
    background:url(/src/images/numberic.png) no-repeat;
}

.img-num:hover .img{
    width: 165px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 84px);
    height: 195px;
    background:url(/src/images/numberic-h.png) no-repeat;
}

.img-gsyj{
    cursor: pointer;
    position: relative;
    width: 100%;text-align:center;height: 164px;
}
.img-gsyj .img{
    width: 139px;
    height: 164px;
    margin-left: auto;
    margin-right: auto;
    background:url(/src/images/gsyj.png) no-repeat;
}

.img-gsyj:hover .img{
    width: 165px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 84px);
    height: 195px;
    background:url(/src/images/gsyj-h.png) no-repeat;
}

.qyyj-desc{
    margin-top: 30px;font-size: 15px;line-height: 30px;text-align: center;color: white;text-indent: 30px;padding-left: 30px;
    padding-right: 30px;padding-bottom: 20px;
}

.cus-item{
    width: 220px;
    height: 100px;
    cursor: pointer;
    float: left;

    
}

@keyframes cus_anmiation{
                0%{
                transform: scale(1);  /*开始为原始大小*/
                
    
                }
                100%{
                    transform: scale(1.5);
                    
                }
}

.cus-item:hover img{
    position: absolute; 
    z-index: 2;
    animation:cus_anmiation 0.4s;
    animation-timing-function:cubic-bezier();
    transform: scale(1.5);
    background-color: white;

    
}
.lh-nav li.rela{
    position: relative;
}
.hover-nav{
    position: absolute;
    z-index: 400;
    left: 0px  ;
    right: 0px;
    top: 90px;
    box-shadow: -1px -2px 3px rgb(0 0 0 / 30%);
    display: none;
}
.hover-nav li{
    width: 90px;
    background-color: white;
    border-bottom: 0px;
    display: block;
    margin: 0px;
    cursor: pointer;
    line-height: 60px;
}
li.rela:hover .hover-nav{
    display: block;
}
.ljzx-btn{
    font-size: 36px;
    color: white;
    border-radius: 40px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #2362e2;
}
.ljzx-btn:hover{
    
    background-color: #fda617;
}
.b-c{
        width:1400px;
        margin-left:auto;margin-right:auto;
    }
.b-c .title{
    color:white;font-size: 80px;font-weight: 700;
}
.b-c .desc{
    margin-top:40px;color:white;font-size: 38px;
}
.box-cc{
        width:1400px;
        margin-left:auto;margin-right:auto;
    }

.contactus-lyb-box{
    width: 1400px;margin-left: auto;margin-right: auto;margin-top: 30px;
}
.contactus-lyb-box .name{
width:350px;
}
.contactus-lyb-box .phone{
    width:450px;
    margin-left: 75px;
}
.contactus-lyb-box .email{
    width:450px;
    margin-left: 75px;
}
.contactus-lyb-box  .input{
    height: 70px;
    line-height: 70px;font-size: 20px;width: 100%;border: 0px;padding-left: 10px;
}
.contactus-lyb-box  .liuyan{
    line-height: 30px;font-size: 20px;height:193px;width: 100%;border: 0px;padding: 10px;
}
.contact-us-dz{
    margin-top: 80px;background-color: white;margin-left: auto;margin-right: auto;width: 1400px;
}

.tms-itembox{
    margin-top: 40px;width: 1400px;padding-bottom:40px;text-align: center;
    margin-left: auto;margin-right: auto;
}


.fx-ico{
  position:relative;
  height: 45px;
  width: 45px;
  background-size: 45px 45px;
  cursor: pointer;
  margin: 10px;
  display: block;
}
.fx-ico.qq{
  background:url(./imgs/ico/qq.png) no-repeat;
  background-size: 45px 45px;
}
.fx-ico.qq:hover{
  background:url(./imgs/ico/qq-h.png)no-repeat;
  background-size: 45px 45px;
}

.fx-ico.kf{
  background:url(./imgs/ico/kf.png) no-repeat;
  background-size: 45px 45px;
}
.fx-ico.kf:hover{
  background:url(./imgs/ico/kf-h.png) no-repeat;
  background-size: 45px 45px;
}

.fx-ico.wechat{
  background:url(./imgs/ico/wechat.png) no-repeat;
  background-size: 45px 45px;
}
.fx-ico.wechat:hover{
  background:url(./imgs/ico/wechat-h.png) no-repeat;
  background-size: 45px 45px;
}
.fx-ico.wechat .qr{
  position:absolute;width: 90px;height: 90px;left: -110px;background: white;
  top: -25px;
  display: none;
}

.fx-ico.wechat:hover .qr{
  display: block;
}