.head .logo .txt{
    color: #fff;
}
.head .logo .txt::after{
    background: #fff;
}
.head {
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 3;

}

.head::before {
    position: absolute;
    left: 0;
    top: -100%;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all .4s linear;
}

.head.pos {
    position: unset;
    background: rgba(0, 0, 0, .4);
}

.head:hover::before {
    top: 0;
    opacity: .4;
}
.head .right .nav li>a{
    color: #fff;
}
.head .right  .top-tel{
    color: #fff!important;
}

.head .right  .top-tel .big span{
    border:1px solid #fff;
}
.main {
    background: #edeef0;
}

.index-tit {
    margin-bottom: .4rem;
    display: flex;
    justify-content: space-between;
}

.index-tit .left {
    padding-right: .1rem;
    background: url("../img/index/tit-bg.png")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/tit-bg.png*/ left top no-repeat;
    background-size: 1.47rem;
    color: #231815
}

.index-tit .left .en {
    font-size: .27rem;
    line-height: 1em;
    font-weight: lighter;
}

.index-tit .left .cn {
    font-size: .26rem;
    font-weight: lighter;
}

.index-tit .right {
    font-size: .24rem;
}

.index-tit .right span {
    color: #e50012;
}

/* .p1 .w1200,
.p2 .w1200,
.p3 .w1200,

.p5 .w1200,
.p6 .w1200 {
    padding: 0 .5rem;
    box-sizing: border-box;
} */

.p1 {
    position: relative;
    padding-top: .65rem;
    height:5.6rem;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}
.p1::before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: .1rem;
    background: url("../img/index/p2-line.jpg")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/p2-line.jpg*/ top center no-repeat;
    background-size: 100%;
    z-index: 1;
}
.p1 .inner {
    position: relative;
    z-index: 1;
}
.p1-item-tit{
    position: absolute;
    top: .2rem;
    left: 3.8rem;
    font-size: .18rem;
    color: #aaa;
    display: flex;
}
.p1-item-tit::after{
    content: "";
    position: absolute;
    left: 50%;
    top:50%;
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background: #231815;
}
.p1-item-tit .item-tit{
    position: relative;
    cursor: default;
    padding: 0 .25rem;
    font-weight: bold;
    letter-spacing: .1rem;
}
.p1-item-tit .item-tit span{
    position: relative;
    z-index: 1;
}
.p1-item-tit .item-tit::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -.35rem;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #ddd;
    opacity: .5;

}
.p1-item-tit .item-tit:nth-of-type(1)::after{
    right: -.2rem;
}
.p1-item-tit .item-tit:nth-of-type(2)::after{
    left: -.2rem;
}
.p1-item-tit .item-tit.hover span{
    color: #231815;
}
.p1-item-tit .item-tit.hover::after{
    opacity: .4;
}
.p1-item-box{
    position: relative;
    height: 3.5rem;
    overflow: hidden;
}
.p1-item-box .item-cont{
    position: absolute;
    top: 0;
    display: none;
}
.p1-item-box .item-cont .p1-tit{
    height: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.p1-item-box .item-cont .p1-cont{
    padding: .15rem .2rem;
    box-sizing: border-box;
    position: relative;
    width: 6rem;
    background: #ececec;
}
.p1-item-box .item-cont .p1-cont::before{
    content: "";
    position: absolute;
    left: 0;
    top: -.27rem;
    width: 100%;
    height: .27rem;
    background: url("../img/index/p1-line2.png")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/p1-line2.png*/ center no-repeat;
    background-size: 100%;
}
.p1 .p1-video {
    position: absolute;
    right: -.5rem;
    top: -1.6rem;
    width: 11.5rem;


}
.p1-tit{
    margin-bottom: .4rem;
}
.p1-tit .big{
    font-size: .49rem;
    font-weight: lighter;
    letter-spacing: .02rem;
    color: #231815;
}
.p1-tit .en{
    font-size: .2rem;
    color: #000000;
}
.p1-tit .big strong span{
    color:#e50012 ;
}
.p1-tit .small{
    font-size: .32rem;
}
.p1-cont .txt {
    font-size: .24rem;
    font-weight: lighter;
    line-height:1.5em;
    color: #595757;
    text-align: justify;
}
.p1-cont .txt strong,
.p1-cont .txt span
{
    color: #e50012;
}
.p2 {
    position: relative;
    height: 8rem;
    overflow: hidden;

}

.p2 video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.p2 .p2-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: .6rem;
    padding-bottom: .75rem;
}

.p2 .index-tit {
    justify-content: flex-start;
    align-items: flex-end;
}

.p2 .index-tit .tit-desc {
    margin-left: .75rem;
    padding-bottom: .05rem;
    font-size: .34rem;
    font-weight: bold;
    color: #000;
}

.p2 .index-tit .left {
    color: #fff;
    background: url("../img/index/tit-bg2.png")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/tit-bg2.png*/ left top no-repeat;
    background-size: 1.47rem;
    
}

.p2-tit {
    margin-bottom: .9rem;
    letter-spacing: .02rem;
    color: #fff;
}
.p2-tit  .tit-en{
    color: #fff;
    margin-bottom: .2rem;
}
.p2-tit h3 {
    
    font-size: .64rem;
    color: #fff;
}

.p2-tit h3 span {
    font-weight: lighter;
}


.p2-tit h4 {
    font-weight: lighter;
    font-size: .3rem;
}

.p2-cont ul {
    display: flex;
    justify-content: space-between;
}

.p2-cont ul li {
    width: 30%;

}

.p2-cont ul li .txt {
    padding: .2rem .13rem 0 .13rem;
    box-sizing: border-box;
    height: 1.8rem;
    background: #de0000;
    color: #fff;
    border-bottom: .07rem solid #231815;
}

.p2-cont ul li .txt .tit {
    margin-bottom: .3rem;
}

.p2-cont ul li .txt .tit .cn {
    font-size: .3rem;
    font-weight: lighter;
}

.p2-cont ul li .txt .tit .en {
    font-size: .14rem;
    font-weight: lighter;
    color: #231815;
}

.p2-cont ul li .txt .cont {
    font-size: .16rem;
    line-height: .24rem;
    letter-spacing: .04rem;
    text-align: justify;
}

.p2-cont ul li .more {
    height: .95rem;
    background: #fff;
    font-size: .16rem;
}

.p2-cont ul li .more a {
    position: relative;
    color: #595757;
    line-height: .95rem;
    text-align: right;
    padding-right: 1rem;
}

.p2-cont ul li .more a::after {
    content: "";
    position: absolute;
    right: .35rem;
    top: 50%;
    margin-top: -.18rem;
    width: .36rem;
    height: .36rem;
    background: url("../img/index/ar.png")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/ar.png*/ center no-repeat;
    background-size: 100%;
}

.p3 {
    padding-top: .86rem;
    padding-bottom: .5rem;
    background: #fff;

}

.p3-top {
    margin-bottom: .65rem;
    display: flex;
}

.p3-top .left {
    margin-right: .75rem;
    width: 4rem;
}

.p3-top .p3-tit {
    
    font-size: .5rem;
    color: #231815;
    font-weight: lighter;
}.p3-top .tit-en{
    margin-top: .05rem;
    margin-bottom: .15rem;
}

.p3-top .p3-tit>div {
    white-space: nowrap;
}

.p3-top .p3-tit-desc .desc-tit {
    margin-bottom: .1rem;
    color: #231815;
    font-size: .3rem;
}

.p3-top .p3-tit-desc .desc-tit span {
    font-size: .24rem;
    font-weight: lighter;
}
.p3-top .p3-tit-desc .desc-cont span img{
    width: .4rem;
    height: .38rem;
    vertical-align: middle;
}
.p3-top .p3-tit-desc .desc-cont span {
    display: inline-block;
    margin-right: .2rem;

    font-size: .24rem;
    line-height: .5rem;
    font-weight: lighter;
}

.p3-cont {
    width: 100%;
}

.p3-cont .p3-item {
    position: relative;
    min-height: 4.7rem;
    margin-top: -.01rem;
    margin-bottom: .6rem;
}


.p3-cont .p3-item .item-tit a{
    color: #fff;
}



.p3-cont .p3-item .txt-box {
    position: absolute;
    top: 0;
    left:0;
    z-index: 11;
    

}

.p3-cont .p3-item .txt-box .top-img {
    position: relative;
    margin-bottom: .4rem;
    display: flex;
    justify-content: space-between;
}
.p3-cont .p3-item .txt-box .top-img .top-txt{
    padding-bottom: .1rem;
    margin-top: .4rem;
    flex: 1;
    height: 100%;
    font-size: .28rem;
    color: #231815;
    letter-spacing: .1rem;
    text-align: right;
    border-bottom: 1px solid #bfbfbf;
}
.p3-cont .p3-item .txt-box .top-img .top-txt strong{
    color: #d0111c;
}
.p3-cont .p3-item .txt-box .top-img img{
    width: 1.3rem;
    display: block;
}
.p3-cont .p3-item .txt-box .item-tit {
    margin-bottom: .1rem;
    
    display: inline-block;
    
    color: #fff;
    
}
.p3-cont .p3-item .txt-box .item-tit span{
    display: inline-block;
    background: #d1111c;
    padding: 0 .2rem;font-size: .48rem;
    letter-spacing: .08rem;
}
.p3-cont .p3-item .txt-box .item-tit  span.tit-en{
    color: #fff;
    padding: .05rem .2rem;
    font-size: .2rem;
    letter-spacing: 0;
}
.p3-cont .p3-item .txt-box .item-cont ul {
    display: inline-block;
}

.p3-cont .p3-item .txt-box .item-cont li .inner {
    padding: .05rem .2rem;
    display: inline-flex;
    color: #fff;
    background: #d1111c;
    font-size: .2rem;
    font-weight: lighter;
    letter-spacing: .03rem;
    line-height: .3rem;
}

.p3-cont .p3-item .txt-box .item-cont li .inner span {
    padding-right: .2rem;
    font-size: .22rem;
}
.p3-cont .p3-item .tab-box{
    position: absolute;
    right: 0;
    top: 1.15rem;
    width: 9rem;
}
.p3-cont .p3-item .tab-box .swiper-slide img{
    width: 2.15rem;
    height: 3.59rem;
}
.p3-cont .p3-item .tab-box .swiper-button-next{
    width: .55rem;
    height: 100%;
    background: url("../img/index/p3-ar.jpg")/*tpa=http://www.ruolinchina.com/Public/Home/img/index/p3-ar.jpg*/ center no-repeat;
    background-size: .2rem;
    top: 0;
    margin-top: 0;
    right: -.55rem;
}
.p3-cont .p3-item .tab-box .swiper-button-next::after{
    display: none;
}

.p5 {
    padding-top: .5rem;
}

.p5-tit {
    margin-bottom: .4rem;
    letter-spacing: .02rem;
}


.p5-tit h3 {
    
    font-size: .64rem;
    color: #000;
}
.p5-tit .tit-en{
    margin-top: .05rem;
    margin-bottom: .2rem;
}
.p5-tit h3 span {
    font-weight: lighter;
}


.p5-tit h3 strong {
    color: #e50012;
}


.p5-tit h4 {
    font-weight: normal;
    font-size: .4rem;
}

.p5 .new-cont ul {
    padding-right: .5rem;
    padding-bottom: .55rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}




.p5 .new-cont ul li {
    

    width: 3.75rem;
    flex: 0 0 3.75rem;
    margin-bottom: .45rem;
}
.p5 .new-cont ul li>a{
    position: relative;
    padding:.12rem;
}
.p5 .new-cont ul li>a::after{
    content: "";
    position: absolute;
    bottom: 10px;
    left: .12rem;
    width: 3.5rem;
    height: 1px;
    background: #d3d3d4;
}
.p5 .new-cont ul li>a::before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: .12rem;
    width: .35rem;
    height:5px;
    background: #d0111c;
    z-index: 2;
}

.p5 .new-cont ul li:hover a{
    background: #e2e2e2;
}

.p5 .new-cont ul li img {
    margin: 0 auto .25rem auto;
    width: 3.5rem;
    height: 2.1rem;
}

.p5 .new-cont ul li .time {
    color: #d1111c;
    display: flex;
    justify-content: space-between;
}

.p5 .new-cont ul li .time .left
{
    position: relative;
}
.p5 .new-cont ul li .time .left::after{
    content: "";
    position: absolute;
    top: .2rem;
    left: .8rem;
    width: 1.45rem;
    height: .01rem;
    background: #d3d3d4;
}
.p5 .new-cont ul li .time .left span{
    display: block;
}
.p5 .new-cont ul li .time .left .year{
    font-size: .28rem;
    color: #3e3a39;
}
.p5 .new-cont ul li .time .left  .day{
    font-size: .17rem;
    color: #a5a5a5;
}
.p5 .new-cont ul li .time .more{
    padding-top: .05rem;
    font-size: .14rem;
    color: #d0111c;
}
.p5 .new-cont ul li .new-tit {
    position: relative;
    margin: .15rem 0 .25rem 0;
    font-size: .2rem;
    height: .8rem;
    line-height: .38rem;
    color: #595757;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}





.p6-tit {
    font-size: .64rem;
    letter-spacing: .02rem;
    color: #231815;
    font-weight: lighter;
    text-align: center;
}

.p6-tit span {
    color: #e60012;
}

/*0306*/
.video-box .cover-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*0403*/
.head.bg{
    z-index: 12;
}
.head.bg::before {
    top: 0;
    opacity: .6;
}