[v-cloak] {
    display: none;
}
.backSize{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.maxImg{
    max-height: 100%;
    max-width: 100%;
}
.navBanner{
    width: 100%;
    height: 10.39rem;
    position: relative;
}
.navBanner:after{
    content: '';
    width: 100%;
    height: 10.39rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/bannerAfter.png?1")no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    pointer-events: none;
}
.navBannerInfo{
    position: absolute;
    top: 3.66rem;
    left: 4.49rem;
    z-index: 9;
}
.bannerTitle{
    font-size: 0.63rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1rem;
    letter-spacing: 1px;
    pointer-events: none;
    z-index: 9;
    text-shadow: 0px 0px 0px #086F29;
}
.bannerTitle2{
    font-size: 0.28rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.46rem;
    text-shadow: 0px 0px 0px rgba(30,97,4,0.6);
    margin-top: .2rem;
    letter-spacing: 1px;
    z-index: 9;
    width: 7.19rem;
    pointer-events: none;

}

.btnBox{
    margin: 0.7rem auto 0;
    width: 3.03rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 3.7rem;
    left: 4.56rem;
    z-index: 9;
}
.btnBox div{
    width: 1.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;

    font-weight: 500;
    cursor: pointer;
    border-radius: 0.05rem;
    letter-spacing: 1px;

}
.btnBox .icon1{
    width: 0.16rem;
    height: 0.21rem;
    background: url(//qjzb.kuleiman.com/record/klm/vrzhct/1/programme.svg) center center / 100% 100% no-repeat;
    margin-right: 0.13rem;

}
.btnBox .icon2{
    width: 0.16rem;
    height: 0.21rem;
    background: url(//qjzb.kuleiman.com/record/klm/vrzhct/1/playVideo.svg) center center / 100% 100% no-repeat;
    margin-right: 0.13rem;
}
.programme{
    border-radius: 0.07rem;
    border: 0.03rem solid #FFFFFF;
    color: #52B10F;
    background: #fff;
}
.programme:hover{
    /*background: rgba(255,255,255,0.2);*/
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(1px);
    border: none;
}
.introduce{
    background: linear-gradient(213deg, #3DB111 0%, #F7B500 100%);
    color: #FFFFFF;
}
.introduce:hover{
    background: linear-gradient(213deg, #F7B500 0%, #3DB111 100%);
}


.commonTitle{
    font-size: 0.43rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.55rem;
    text-align: center;
    padding-top: 0.71rem;

}
.commonDesc{
    font-size: 0.18rem;
    font-weight: 400;
    color: #888;
    text-align: center;
    padding-top: 0.2rem;
}

/*model1*/
.model1{
    width: 100%;
    height: 7.5rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model1Bg.png");
}
.model1Box{
    width: 15rem;
    margin: 0.45rem auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.model1List{
    width: 3.56rem;
    height: 4.38rem;
    background: linear-gradient(180deg, #FFFEF9 0%, #F9FFFA 46%, #F3FFFE 100%);
    box-shadow: 0rem 0rem 0.08rem 0rem rgba(140,140,140,0.24);
    border-radius: 0.25rem;
    border: 0.03rem solid #FFFFFF;
    transition: all 0.5s;
}
.model1List:hover{
    transform: translate(0, -5%);
}
.model1Icon{
    width: 0.78rem;
    height: 0.78rem;
    margin-top: 0.76rem;
    margin-left: 1.4rem;
}
.model1Title{
    text-align: center;
    font-size: 0.25rem;
    font-weight: bold;
    color: #333333;
    margin-top: 0.25rem;
    position: relative;
}
.model1Title span{
    position: relative;
    z-index: 9;
}
.model1Title:after{
     width: 1.6rem;
     height: 0.11rem;
     background: #DADCD9;
     border-radius: 0.06rem;
    content: '';
     position: absolute;
    bottom: -0.02rem;
    left: 50%;
    transform: translate(-50%,0);
}
.model1Desc{
    width: 2.88rem;
    height: 1.5rem;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    line-height: 0.4rem;
    margin:  0.13rem auto 0;
    text-align: center;
}

/*model2*/

.model2{
    width: 100%;
    height: 10.51rem;
    background-image: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model2Bg.png");
}

.model2Box{
    width: 14.01rem;
    height: 7.51rem;
    margin: 0.4rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.model2Box video{
    height: 100%;
    border-radius: 0.33rem;
    border: 0.1009rem solid #FFFFFF;
    object-fit: cover;
    width: 100%;
}
.playVideoIcon{
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.playVideoIcon img{
    max-width: 100%;
    max-height: 100%;
}




/*model3*/
.model3{
    width: 100%;
    height: 10.55rem;
    overflow: hidden;
    background-image: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model3Bg.png");

}
.model3Box{
    width: 15rem;
    margin: 0.38rem auto 0;
    display: flex;
    justify-content: center;
}
.model3Left{
    width: 4.63rem;
    height: 7.13rem;
    position: relative;
    margin-right: 0.25rem;
    transition: all .4s;
    border-radius: 0.38rem;
}
.model3Left:hover{
    box-shadow: 0rem 0rem 0.15rem 0rem rgba(46,46,46,0.5);
    transform: scale(1.05);
}
.model3Left img{
    width: 100%;
    height: 100%;
}
.moedl3Right{
    width: 10.13rem;
    height: 7.13rem;
}
.moedl3Right img{
    width: 100%;
    height: 100%;
}
.model3Top{
    display: flex;
    justify-content: center;
}
.model3Title{
    font-size: 0.33rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    /*padding-top: 0.61rem;*/
    /*padding-left: 0.49rem;*/
    position: absolute;
    top: 0.31rem;
    left: 0.49rem;
}
.model3Desc{
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.35rem;
    position: absolute;
    top: 0.8rem;
    left: 0.49rem;
}
.model3_1{
    width: 4.94rem;
    height: 3.45rem;
    position: relative;
    transition: all .4s;
    border-radius: 0.38rem;
}
.model3_1:hover{
    box-shadow: 0rem 0rem 0.15rem 0rem rgba(46,46,46,0.5);
    transform: scale(1.02);

}
.model3Top .model3_1:first-child{
    margin-right: 0.25rem;
}
.model3_3{
    margin-top: 0.23rem;
    width: 10.13rem;
    height: 3.45rem;
    position: relative;
    transition: all .4s;
    border-radius: 0.38rem;
}
.model3_3:hover{
    box-shadow: 0rem 0rem 0.15rem 0rem rgba(46,46,46,0.5);
    transform: scale(1.02);

}
/*.modle3List{*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
/*.model3List::after{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -85%;*/
/*    z-index: 2;*/
/*    display: block;*/
/*    content: "";*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 100%);*/
/*    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.8)));*/
/*    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 100%);*/
/*    -webkit-transform: skewX(-25deg);*/
/*    -ms-transform: skewX(-25deg);*/
/*    transform: skewX(-25deg);*/
/*    z-index: 20;*/
/*}*/
/*.model3List:hover:after{*/
/*    animation: shine 1s;*/
/*}*/

/*model4*/
.model4{
    width: 100%;
    height: 9.33rem;
    overflow: hidden;
}
.model4Nav{
    width: 15rem;
    margin: 0.29rem auto 0;
    display: flex;
    justify-content: space-between;
}
.model4Box{
    overflow: hidden;
}
.model4NavLis{
    /*width: 1.63rem;*/
    height: 0.48rem;
    padding:0 0.34rem;
    line-height: 0.48rem;
    text-align: center;
    font-size: 0.2rem;
    font-weight: 500;
    color: #444444;
    cursor: pointer;
}
.active4{
    background: linear-gradient(213deg, #6DD400 0%, #F7B500 100%);
    border-radius: 0.23rem;
    backdrop-filter: blur(7px);
    color: #fff;
}

.model4Contnet{
    width: 100%;
    height: 6.7rem;
    margin: 0.13rem auto 0;
}

.model4Img{
    width: 100%;
    height: 6.7rem;
    position: relative;
}
.model4Imgs{
    width: 100%;
    height: 100%;
}


.model4Desc{
    position: absolute;
    width: 5.25rem;
    height:3.93rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model4Ornament.png?1") no-repeat;
    background-size: 100% 100%;
    top: 50%;
    left: 4.86rem;
    padding:0.65rem 1rem;
    transform: translate(0%,-50%);
}



.model4DescTitle{
    font-size: 0.25rem;
    font-weight: 500;
    color: #333333;

}
.model4DescInfo{
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.35rem;
    margin-top: 0.1rem;

}
.model4DescBtn{
    width: 1.23rem;
    height: 0.36rem;
    background: linear-gradient(180deg, #00D41F 0%, #F7B500 100%);
    backdrop-filter: blur(0px);
    font-size: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 0.08rem;
    /*border: 0.03rem solid rgba(255,255,255,0.5);*/
    line-height: 0.32rem;
    padding-left: 0.2rem;
    position: absolute;
    bottom: 0.33rem;
    right: 1.2rem;
    cursor: pointer;
}
.model4DescBtn:hover{
    background: linear-gradient(180deg, #F7B500 0%, #00D41F 100%);
}

.model4_1_1{
    width: 4.66rem;
    height: 5.78rem;


}
.model4_1_1{
    position: absolute;
    top: 1.26rem;
    left: 12.96rem;
}

.model4_2_1{
    width: 1.14rem;
    height: 0.79rem;
    position: absolute;
    bottom: 3.03rem;
    right: 9.42rem;
}
.model4_left_bottom{
    width: 3.13rem;
    height: 0.93rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model4Tool1.png") no-repeat;
    background-size: 100% 100%;
    line-height: 0.45rem;
    padding-left: 0.26rem;
}
.model4_right_bottom{
    width: 2.73rem;
    height: 0.59rem;
    text-align: right;
    line-height: 0.45rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model4Tool2.png") no-repeat;
    background-size: 100% 100%;
}

.model4Tips{
    font-size: 0.2rem;
    font-weight: 400;
    color: #074D15;

}

.model4_3_1 {
    position: absolute;
    top: 3.51rem;
    left: 10.73rem;


}
.model4_3_2 {
    position: absolute;
    top: 1.02rem;
    right: 8.2rem;
    padding-right: 0.26rem;
}
.model4_left_top{
    width: 2.3rem;
    height: 0.59rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model4Tool3.png") no-repeat;
    background-size: 100% 100%;
    line-height: 0.7rem;

}
.model4_right_top{
    width: 3.06rem;
    height: 0.91rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model4Tool4.png") no-repeat;
    background-size: 100% 100%;
    line-height: 1.35rem;
    text-align: right;

}
.model4_4_1{
    position: absolute;
    top: 2.08rem;
    left: 12.45rem;
    padding-left: 0.46rem;

}
.model4_4_2{
    position: absolute;
    bottom: 0.93rem;
    right: 7.75rem;
    padding-left: 0.16rem;

}
.model4_4_3{
    width: 4.56rem;
    height: 5.2rem;
    position: absolute;
    top: 0.81rem;
    right: 4.78rem;
}



.model4_5_1{
    width: 6.08rem;
    height: 4.74rem;
    position: absolute;
    top: 1.98rem;
    right: 3.35rem;
}
.model4_5_2{
    position: absolute;
    top: 2.83rem;
    left: 11.46rem;
    padding-left: 0.24rem;
    z-index: 3;
}
.model4_6_1{
    width: 3rem;
    height: 4.64rem;
    position: absolute;
    top: 1.39rem;
    right: 5.16rem;
}
.model4_6_2{
    position: absolute;
    top: 4.03rem;
    left: 12.71rem;
    padding-left: 0.24rem;
    z-index: 3;
}
.model4_7_1{

    position: absolute;
    top: 3.68rem;
    right: 5.09rem;
    padding-right: 0.29rem;
}

.model4_8_1{
    width: 2.42rem;
    height: 4.89rem;
    position: absolute;
    top: 1.05rem;
    right: 5.4rem;
}
.model4_8_2{

    position: absolute;
    bottom: 2.14rem;
    right: 8.15rem;
    padding-left:  0.24rem;
}
.model4_9_1{
    width: 2.51rem;
    height: 5.06rem;
    position: absolute;
    top: 0.83rem;
    right: 5.38rem;
}
.model4_9_2{

    position: absolute;
    top: 3.06rem;
    left: 12.74rem;
    padding-left:  0.24rem;
}

.model4_10_1{
    position: absolute;
    top: 0.49rem;
    right: 5rem;
    padding-right:  0.24rem;
}
.model4_11_1{
    width: 4.25rem;
    height: 0.5rem;
    position: absolute;
    bottom: 1.39rem;
    right: 7.33rem;
}

.model4_11_2{
    position: absolute;
    top: 4.26rem;
    right: 6.91rem;
    font-size: 0.2rem;
    font-weight: 400;
    color: #074D15;
}
/*model5*/
.model5{
    width: 100%;
    overflow: hidden;
    height: 3.2rem;
}
.model5Title{
    font-size: 0.35rem;
    font-weight: 500;
    color: #333333;
    display: flex;
    justify-content: center;
    margin-top: 0.46rem;
}
.model5Title .model5Title1{
    position: relative;
}

.model5Tips{
    width: 0.43rem;
    height: 0.43rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model5_tips1.png") no-repeat;
    background-size: 100% 100%;
    /*opacity: 0.23;*/
    border-radius: 50%;
    position: absolute;
    top: 0rem;
    left: -0.45rem;
}
.model5Tips1{
    width: 0.15rem;
    height: 0.15rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model5_tips2.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    position: absolute;
    top: 0.1rem;
    right: -0.36rem;
}
.model5Tips2{
    width: 0.23rem;
    height: 0.23rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model5_tips3.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    position: absolute;
    top: 0.25rem;
    right: -0.25rem;
}
.model5Box{
    width: 15rem;
    margin: 0.44rem auto 0;
    display: flex;
    justify-content: space-between;
}

.model5List{
    width: 0.9rem;
    transition: all 0.5s!important;
    cursor: pointer;

}
.model5List:hover{
    transform: translate(0,-15%)!important;
}
.model5Icon{
    width: 0.9rem;
    height: 0.75rem;
}
.model5Icon img{
    width: 100%;
    height: 100%;
}
.model5Titles{
    text-align: center;
    margin-top: 0.24rem;
    font-size: 0.2rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #3B485F;
}


/*model6*/
.model6{
    width: 100%;
    height: 9.63rem;
    background-image: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model6Bg.png");
}

.model6Box{
    width: 15rem;
    margin: 0.31rem auto 0;
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/

}

.model6List{
    width: 4.13rem;
    height: 3.14rem;
    position: relative;
    margin-bottom: 0.24rem;
    cursor: pointer;
    overflow: hidden;
    float: left;
    margin-left: 0.24rem;
}
.model6Box .model6List:first-child,.model6Box .model6List:last-child{
    width: 6.25rem;
    height: 3.14rem;

}
.model6Box .model6List:first-child,.model6Box .model6List:nth-child(4){
    margin-left: 0;
}
.model6List img{
    width: 100%;
    height: 100%;
}
.model6Title{
    width: 2.49rem;
    height: 0.6rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/mdoel6Tips.png") no-repeat;
    background-size: 100% 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.23rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.model6List::after{
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.8)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 20;
}
.model6List:hover:after{
    animation: shine 1s;
}

@keyframes shine {
    100% {
        left: 125%
    }
}







/*model7*/
.model7{
    width: 100%;
    height: 6.98rem;
    /*background: linear-gradient(90deg, #F6F8FF 0%, #F7F9FF 100%);*/
}


.select_box {
    width: 19.2rem;
    height: 3.1902rem;
    overflow: hidden;
    margin: 0.55rem auto 1rem;
    position: relative;
}

.select_box .select_log {
    position: absolute;
    z-index: 10;
    right: 0rem;
    transform: rotate(180deg);
}

.select_box .select_log2 {
    position: absolute;
    z-index: 10;
    left: 0rem;
}

.line_odd {
    width: 36.2395rem;
    animation: 36s linear 0s infinite normal none running scrollToRight-data-v-6a32e916;
}

@keyframes scrollToRight-data-v-6a32e916 {
    0% {
        transform: translate3d(-50%, 0rem, 0rem);
    }

    100% {
        transform: translate3d(0%, 0rem, 0rem);
    }
}

.line_odd img {
    width: 50%;
    display: inline-block;
    float: left;
}

.line_event {
    width: 36.2395rem;
    animation: 28s linear 0s infinite normal none running scrollToRight-data-v-6a32e916;
}

.line_event img {
    width: 50%;
    display: inline-block;
    float: left;
}

/*model7*/

.model8{
    width: 100%;
    height: 4.5rem;
    background: url("//qjzb.kuleiman.com/record/klm/vrzhct/1/model8bg.png") no-repeat;
    background-size: 100% 100%;
}
.model8Title{
    font-size: 0.45rem;
    font-weight: bold;
    color: #2D220D;
    text-align: center;
    padding-top: 0.53rem;
}
.model8Desc{
    font-size: 0.3rem;
    font-weight: bold;
    color: #2D220D;
    margin-top: 0.12rem;
    /*margin-bottom: 0.59rem;*/
    text-align: center;
}

.model8 .model8Info{
    display: flex;
    justify-content: center;
    margin-top: 0.68rem;
}
.model8 .model8Info .inputBox{
    margin-right: 0.24rem;
}
.model8 .model8Info .inputBox input{
    width: 3.73rem;
    height: 0.5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.05rem 0rem rgba(0,0,0,0.1);
    border-radius: 0.25rem;
    padding-left: 0.25rem;
    border: none;
    color: #333;
    font-size: 0.2rem;
}
.model8 .model8Info .inputBtn{
    width: 1.75rem;
    height: 0.5rem;
    background: linear-gradient(213deg, #6DD400 0%, #F7B500 100%);
    box-shadow: 0rem 0rem 0.09rem 0rem rgba(22,131,44,0.5);
    border-radius: 0.25rem;
    backdrop-filter: blur(7px);
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.18rem;
}
.model8 .model8Info .inputBtn:hover{
    background: linear-gradient(213deg, #F7B500 0%, #6DD400 100%);


}
.model8Tip{
    width: 0.63rem;
    height: 0.06rem;
    background: #333333;
    border-radius: 0.04rem;
    margin: 0.4rem auto 0;

}