* {
    margin: 0;
    padding: 0;
    font-size: 0.16rem;
}

body {
    background: #FAFAFA;
}

.body .main {
    width: 14rem;
    margin: 0 auto;
}

.banner {
    width: 100%;
    max-width: 19.2rem;
    /*height: 100vh;*/
    position: relative;
    margin: -0.7rem auto 0;
}

.banner .banner_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    /*z-index: -1;*/
}

.banner .banner_img:first-child{
    position: static;
}

.banner .banner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.banner_item1 {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.banner_item1 .item_txt {*/
/*    font-weight: bold;*/
/*    font-size: 0.25rem;*/
/*    color: #FFFFFF;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    transition:all .4s;*/
/*	-moz-transition:all .4s;*/
/*	-webkit-transition:all .4s;*/
/*	-o-transition:all .4s;*/
/*}*/

/*.banner_item1 .item_txt i {*/
/*    width: 0.5rem;*/
/*    height: 0.5rem;*/
/*    display: block;*/
/*    border-radius: 50%;*/
/*    border: 0.06rem solid #fff;*/
/*    background: linear-gradient(180deg, #4FCCE8 0%, #0071FF 100%);*/
/*    box-shadow: 0rem 0rem 0.15rem 0.01rem rgba(0, 0, 0, 0.07);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    margin: 0 0.17rem;*/
/*}*/

/*.banner_item1 .item_txt i img {*/
/*    width: 0.22rem;*/
/*    height: 0.22rem;*/
/*}*/
/*.banner_item1 img {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    object-fit: contain;*/
/*}*/

/*.style1 .item1_img {*/
/*    width: 2.89rem;*/
/*    height: 2.86rem;*/
/*}*/

/*.style2 .item1_img {*/
/*    width: 3.76rem;*/
/*    height: 2.16rem;*/
/*}*/
/*.style3 .item1_img {*/
/*    width: 1.04rem;*/
/*    height: 0.89rem;*/
/*}*/
/*.style4 .item1_img {*/
/*    width: 2.49rem;*/
/*    height: 4.95rem;*/
/*}*/
/*.style5 .item1_img {*/
/*    width: 3.56rem;*/
/*    height: 3.03rem;*/
/*}*/
/*.banner .style1 {*/
/*    top: 2.5rem;*/
/*    left: 6.19rem;*/
/*    position: absolute;*/
/*}*/

/*.banner .style2 {*/
/*    top: 2.6rem;*/
/*    left: 10.11rem;*/
/*    position: absolute;*/
/*}*/
/*.banner .style3 {*/
/*    top: 2.06rem;*/
/*    left: 12.91rem;*/
/*    position: absolute;*/
/*}*/
/*.banner .style4 {*/
/*    top: 5.5rem;*/
/*    left: 2.97rem;*/
/*    position: absolute;*/
/*}*/
/*.banner .style5 {*/
/*    top: 5.84rem;*/
/*    left: 11.99rem;*/
/*    position: absolute;*/
/*}*/
/*.style1 .item_txt {*/
/*    left: -2.15rem;*/
/*    top: 0.96rem;*/
/*}*/
/*.style2 .item_txt {*/
/*    left: 2.70rem;*/
/*    top: 1.12rem;*/
/*}*/
/*.style3 .item_txt {*/
/*    left: -1.86rem;*/
/*}*/
/*.style4 .item_txt {*/
/*    left: 2.03rem;*/
/*    top: 3.30rem;*/
/*}*/
/*.style5 .item_txt {*/
/*    left: -1.14rem;*/
/*    top: 1.28rem;*/
/*}*/
/*.banner_item1:hover .item_txt{*/
/*    transform:scale(1.2);*/
/*}*/






.banner_class{
    width: 100%;
    text-align: center;
    padding-top: 1.97rem;
}
.banner_class .banner_class_name{
    font-weight: bold;
    font-size: 0.48rem;
    color: #FFFFFF;
    margin-bottom: 0.22rem;
}
.banner_class .banner_class_cont{
    font-weight: 400;
    font-size: 0.3rem;
    color: #96B8FE;
    /*color: #fff;*/
}



.banner .main{
    position: absolute;
    width: 100%;
    top: 0;
    max-width: 19.2rem;
    height: 100%;
}

.banner_item1{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_item1.style1{
    left: 4.3rem;
    top: 3.23rem;
    width: 140px;
    height: 103px;
}

.banner_item1.style2{
    left: 2.15rem;
    top: 5rem;
    width: 5.72rem;
    height: 3.83rem;
}
.banner_item1.style3{
    left: 8.7rem;
    bottom: 0.46rem;
    width: 5.29rem;
    height: 3.84rem;
}
.banner_item1.style4{
    right: 1.74rem;
    bottom: 0.46rem;
    width: 3.42rem;
    height: 8.11rem;
}

.banner_item1.style1 .item_txt{
    width: 5.72rem;
    height: 2.73rem;
}





.banner_item1 .item_txt {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    font-weight: bold;
    font-size: 0.25rem;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    column-gap: 0.4rem;
}
.banner_item1:hover .item_txt {
    display: flex;
}
.banner_item1 .item_txt .item_li{
    min-width: 2.5rem;
    height: auto;
}
.banner_item1 .item_txt .item_title{
    font-weight: 400;
    font-size: 0.3rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0.2rem;
}
.banner_item1 .item_txt .item_cont{
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: center;
}
.banner_item1 .item_txt .item_more{
    width: 0.72rem;
    height: 0.72rem;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% auto 0;
}

.banner_item1 .item_txt .item_more img{
    width: 0.44rem;
    height: 0.39rem;
    object-fit: contain;
}
.banner_item1 .item_txt .item_li:hover .item_more{
    background: linear-gradient( 180deg, #4FCCE8 0%, #0071FF 100%);
}
.banner_item1 .item_txt .item_li:hover .item_more img{
    filter: brightness(0) invert(1);
}

.banner_item1.style4 .item_txt{
    align-items: flex-start;
    padding-top: 0.67rem;
}












.class_name {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    margin-top: 1.02rem;
    margin-bottom: 0.82rem;
}

.body1_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.body1_item {
    width: 6.6rem;
    height: 6.6rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.8rem;
}

.body1_item .body1_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /*bottom: -110%;*/
    top: 0;
    left: 0;
    opacity: 0;
    transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
}
.body1_item:hover .body1_bg{
    /*bottom: 0;*/
    opacity: 1;
}
.body1_item .body1_txt {
    position: relative;
    z-index: 1;
}

.body1_item .body1_txt .body1_img {
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.body1_item .body1_txt .body1_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.body1_item .body1_txt .body2_cont {
    width: 100%;
    height: calc(100% - 3.8rem);
}

.body1_item .body1_txt .body2_cont .body2_title {
    font-weight: 400;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
    margin-top: 0.37rem;
}

.body1_item .body1_txt .body2_cont .body2_title b {
    font-weight: bold;
    margin-bottom: 0.08rem;
    color: #000000;
    font-size: 0.36rem;
}

.body1_item .body1_txt .body2_cont .body2_more {
    width: 1.64rem;
    height: 0.45rem;
    background: #F5F5F6;
    border-radius: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5F5F5F;
    margin: 0.43rem auto 0;
}

.body1_item .body1_txt .body2_cont .body2_more i {
    width: 0.22rem;
    height: 0.15rem;
    display: block;
    margin-left: 0.16rem;
    background: url(../img/jiantou1.png) center no-repeat;
}

.body1_item:hover .body1_bg {
    display: block;
}

.body1_item:hover .body1_txt .body2_cont .body2_title,
.body1_item:hover .body1_txt .body2_cont .body2_title b {
    color: #fff;
}

.body1_item:hover .body1_txt .body2_cont .body2_more {
    color: #fff;
    background: linear-gradient(90deg, #4FCCE8 0%, #0071FF 100%);
}

.body1_item:hover .body1_txt .body2_cont .body2_more i {
    background: url(../img/jiantou.png) center no-repeat;
}

.body2_list {
    /*margin-top: 1.52rem;*/
    margin-bottom: 1.2rem;
}

.body2_item {
    width: 100%;
    height: 5.4rem;
    background: url(../img/zhineng_bg3.jpg) center no-repeat;
    border-radius: 0.1rem;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
}





.body2_item:first-child {
    margin-top: 0;
}

.body2_item .body2_fl {
    width: 8.55rem;
    padding: 1rem 0.65rem 0 0.9rem;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}

.body2_item .body2_fl .body2_title {
    width: 100%;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
}

.body2_item .body2_fl .body2_hr {
    width: 100%;
    height: 0rem;
    border: 0.01rem solid rgba(0, 0, 0, 0.36);
    margin: 0.2rem 0;
}

.body2_item .body2_fl .body2_cont {
    width: 100%;
    height: 1rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.35rem;
    margin-bottom: 1rem;
}

.body2_item .body2_fl .body2_more {
    width: 1.64rem;
    height: 0.45rem;
    background: #F5F5F6;
    border-radius: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5F5F5F;
    border: 0.01rem solid #D9D9D9;
}

.body2_item .body2_fl .body2_more i {
    width: 0.22rem;
    height: 0.15rem;
    display: block;
    margin-left: 0.16rem;
    background: url(../img/jiantou1.png) center no-repeat;
}

.body2_item .body2_fr {
    width: 5.45rem;
    height: 5.4rem;
    overflow: hidden;
    padding: 0.2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.body2_item .body2_fr img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.body2_item .body2_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
}
.body2_item .body2_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.body2_item:hover .body2_bg{
    /*bottom: 0;*/
    opacity: 1;
}
.body2_item:hover .body2_fl .body2_title {
    color: #FFFFFF;
}

.body2_item:hover .body2_fl .body2_hr {
    border: 0.01rem solid rgba(255, 255, 255, 0.36);
}

.body2_item:hover .body2_fl .body2_cont {
    color: #FFFFFF;
}

.body2_item:hover .body2_fl .body2_more {
    border: 0.01rem solid #0071FF;
    background: linear-gradient(90deg, #4FCCE8 0%, #0071FF 100%);
    color: #fff;
}

.body2_item:hover .body2_fl .body2_more i {
    background: url(../img/jiantou.png) center no-repeat;
}


@media only screen and (max-width: 1024px) {
    .banner_item1{
        display: none;
    }
    .body .main{
        width: 100%;
        padding: 0 0.3rem;
    }
    .class_name{
        padding: 0;
    }
    .body1_item{
        flex: 0 0 48%;
        height: 5.6rem;
        margin-bottom: 0.3rem;
    }
    .body1_item .body1_txt .body1_img{
        height: 2.8rem;
    }
    .body1_item .body1_txt .body2_cont .body2_title{
        margin-top: 0;
    }
    .body1_item .body1_txt .body2_cont .body2_more{
        font-size: 12px;
    }
    .body1_item .body1_txt .body2_cont{
        padding: 0 0.2rem;
    }
    .body2_item .body2_fl{
        margin-left: 0.4rem;
    }
    .body2_item .body2_fl .body2_cont,.body2_item .body2_fl .body2_more{
        font-size: 12px;
    }
    .body2_item{
        margin-top: 0.5rem;
    }
}