.banner {
    width: 100%;
    position: relative;
}
.banner img {
    width: 100%;
    height: 15.8125rem;
}

.banner .text {
    width: 15rem;
    height: 7.5rem;
    color: white;
    position: absolute;
    top: 1.875rem;
    left: 5.9375rem;
    animation: slideRight 3s  0.1s ;
   
}

.banner .text h1 {
    font-size: 1.5rem;
    line-height: 2.5625rem;
    height: 2.0625rem;
}

.banner .text p {
    height: 1.0625rem;
    line-height: 1.875rem;
    font-size: 0.75rem;
}

@keyframes slideRight {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}


/* 关于利来国际 */

.about .introduction {
    padding: 0 2rem;
}
.about .introduction h1 {
    font-size: 0.875rem;
    height: 1.75rem;
}

.about .brief {
    color: #6b6b6b;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    text-align: justify;
}


.about .img1 {
    width: 20rem;
    margin: 2.1875rem auto;
    position: relative;
}

.about .img1 img {
    display: block;
    margin: 0 auto;
    width: 100%;

}

.about .img1 p {
    width: 100%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    font-size: 0.875rem;
    color: white;
    background-color: #3e99df;
    position: absolute;
    bottom: 0px;
    left: 0;
    font-weight: 600;
}



.about ul li {
    display: flex;
    background-color: #0e80d7;
    justify-content: space-between;
    padding: 1.4375rem 1.875rem 0.8125rem 1.9375rem;
    color: white;
    padding-bottom: 1.75rem;
}


.about ul li img {
    height: 1.5rem;
    margin-right: 0.625rem;
}

.about ul li h2 {
    font-size:0.9rem;
        height: 1.75rem;
        line-height: 1.75rem;
        position: relative;
}

.about ul li h2::before {
    content: "";
    position: absolute;
    top: 1.625rem;
    width: 1.25rem;
    border: 1px solid white;
}

.about ul li p {
    font-size: .6875rem;
    line-height:0.9rem;
    text-align: justify;
    margin-top: 0.625rem;

}

.about ul li:nth-child(2) {
    background-color: #2c94e4;
}

.about ul li:nth-child(3) {
    background-color: #3ba0ed;
}


/* 产品展示 */


.product ul {
    /* padding: 0px 1.625rem; */
    margin: 0 auto;
    width: 20.25rem;

}

.product ul li {
    margin-top: 1.125rem;
}

.product ul li img {
    width: 20.25rem;
    display: block;
}

.product ul li>div {
    display: flex;
    padding: 0.9rem 0;
    line-height: 1.4rem;
    color: white;
    background-color: #3e99df;
    align-items: center;
}

.product ul li>div p {
    font-size: 0.971875rem;
    margin: 0 1.625rem;
}

.product ul li>div span {
	font-size: 0.7128125rem;
	line-height: 1rem;
}


/* 新闻资讯 */
.news ul li{
    display: flex;
    margin: 0.625rem 0.9375rem;
    border-bottom: 1px dotted rgb(222, 222, 222);
    padding-bottom: 0.625rem;
}
    
.news ul li img{
    width: 8.375rem;
}
.news ul li .right{
    flex: 1;
    margin-left: 0.4375rem;
}
    
.news ul li h2{
    margin-top: 0.6275rem;
    color: #0e80d7;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.news ul li p{
    color: #a0a0a0;
    font-size: 0.75rem;
    height: 2.25rem;
    line-height: 1.875rem;
}

/* 视频动态 */
.video{
    background-color: rgb(14, 128, 215);
    /* width: 100%; */
    padding-bottom: 1.25rem;
}
.videoT{
    overflow: hidden;
}
.videoT img{
    width:14rem;
    margin: 30px auto;
    display: block;
}
.video .audiotxt{
    width: 21.125rem;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.9375rem;

}
.video .audiotxt .audioPic{
    width:21.125rem;
	display: block;

}
.video .audiotxt .audioPlay{
    position: absolute;
    right: 1.6875rem;
    bottom: 3.71875rem;
    width:3.125rem;
}


.video .audiotxt p{
    height: 3.875rem;
    background-color: rgb(76, 173, 255);
    color: white;
    position: absolute;
    width: 21.125rem;
    bottom: 0px;
    font-size: 0.9375rem;
    line-height: 3.875rem;
    padding: 0 .375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-indent: 1em;
}
.videomore {
    display: flex;
    align-items: center;
    font-size: 1.0625rem;
    color: white;
    font-weight: bolder;
    justify-content: center;
    height: 2.8125rem;
}
.videomore a{
    color: white;
}
.videomore a:hover{
    color: red;
}
 .videomore img {
    width: 3.5rem;
    margin-left: 0.3125rem;
}




/* 标题 */
.title {
    width: 20rem;
    height: 7.25rem;
    line-height: 7.25rem;
    background: url(/static/huapai/wap/images/juxing.png) no-repeat center;
    background-size: 11.25rem;
    font-size: 1.75rem;
    color: rgb(102, 102, 102);
    padding-left: 3.25rem;
    font-weight: 600;
    margin: 0 auto;
}
 .title span{
    font-size: 1.0625rem;
}


/* 查看更多 */
.more {
    display: flex;
    align-items: center;
    font-size: 1.0625rem;
   
    font-weight: bolder;
    justify-content: center;
    height: 2.8125rem;
}
   .more a{
    color: #0e80d7;
   } 
 
.more a:hover{
    color: red;
}
 .more img {
    transform: rotate(180deg);
    width: 3.5rem;
    margin-left: 0.3125rem;
}
<!--0.00016522407531738-->