.banner{
    height: 3.5rem;
    position: relative;
    background: url(../img/researches//banner_bgc1.jpg) no-repeat center / cover;
}
.active {
    background: #E11932!important;
}
.banner span {
    font-size: 0.4rem;
    position: absolute;
    left: 2.4rem;
    top:1.09rem;
    font-weight: bold;
    font-family: Catamaran-ExtraBold, Catamaran;
    font-weight: 800;
    color: #FFFFFF;
    line-height: 0.4rem;
}

.title-style1 {
    margin-top: 1rem;
    margin-bottom: 0.53rem;
}

.researches-list li {
    position: relative;
    width: 7.2rem;
    height: 3rem;
    margin-top: 0.3rem;
}
.researches-list{
    margin-bottom: 0.9rem;
}

.list-img{
    width: 7.2rem;
    height: 3rem;
    transition: all .25s;
}

.ul-left:hover>img{
    transform: scale(1.03);
}
.ul-right:hover>img{
    transform: scale(1.03);
}
.list-text{
    width: 7.2rem;
    height: 3rem;
    background: #EEEEEE;
}
.ul-left{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.ul-right{
    position: absolute;
    left: 7.2rem;
    top:0;
    overflow: hidden;
}
.text-title{
    /* position: absolute; */
    margin-top: 0.6rem;
    margin-left: 0.38rem;
    width: 5.5rem;
    color: #193158;
    font-size: 0.20rem;
    font-family: Catamaran-ExtraBold, Catamaran;
    font-weight: 800;
    /*line-height: 0rem;*/
}
.list-text .line{
    /* position: absolute;
    top: 1.6rem;
    left: 0.38rem; */
    width: 0.8rem;
    height: 0.04rem;
    background: #E11932;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.text-main{
    /* position: absolute;
    top: 1.96rem; */
    margin: 0.38rem;
    margin-top: 0.2rem;
    height: 0.82rem;
    width: 2.88rem;
    font-size:0.16rem;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #666666;
    line-height: 0.3rem;
}

.text-title-first{
    margin-top: 0.52rem;
    margin-left: 0.38rem;
    width: 5.5rem;
    color: #193158;
    font-size: 0.20rem;
    font-family: Catamaran-ExtraBold, Catamaran;
    font-weight: 800;
    /*line-height: 0rem;*/
}
.text-title-first .line{
    margin-top: 0.38rem;
    /* margin-bottom: 0.2rem; */
    width: 6.44rem;
    height: 2px;
    background: #DCDCDC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.read-more{
    margin-top: -0.17rem;
    margin-left: 0.38rem;
    width: 1.56rem;
    height: 0.44rem;
    background: #E11932;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.button-font{
    /* margin-left: 0.14rem;
    margin-top: 0.11rem; */
    position: relative;
    top: 0.03rem;
    left:0.14rem;
    width: 0.97rem;
height: 0.22rem;
font-size: 0.16rem;
font-family: MiSans-Medium, MiSans;
font-weight: 500;
color: #FFFFFF;
line-height: 0.36rem;
/* -webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}
.more-add{
    width: 0.14rem;
    height: 0.14rem;
    position: relative;
    left: 1.28rem;
    top: -0.08rem;
    background: url(../img/researches//icon_more.jpg) no-repeat center / cover;
}





@media only screen and (max-width:1024px){
    .banner{
        margin-top: 50px;
    }
    .banner span{
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        white-space: nowrap;
    }
    .wrap{
        padding: 15px;
        box-sizing: border-box;
    }
    .title-style1{
        margin: 0;
        font-size: 16px;
    }
    .text-style1{
        margin-top: 15px;
        font-size: 12px;
    }
}