.about{
    width:100%;
    display:flex;
    flex-direction:column;
    position: relative;
}

.about .yanfa{
    background-image: url("/h/images/n/yfyj.png");
    width:100%;
    height: 630px;
    background-position: center;
    background-repeat: no-repeat;
}
.about .yanfa .content{
    width:1310px;
    margin:0 auto;
    padding-top:120px;
}
.about .yanfa .content .title{
    
    font-weight: 400;
    font-size: 24px;
    color: #E1251B;
    opacity: 0.8;
    /* width:100px; */
    border-bottom:2px #E50113 solid;
    width:auto;
    display:table;
}
.about .yanfa .content .h1{
    
    font-weight: 400;
    font-size: 70px;
    color: #0E161E;
    line-height: 90px;
    padding:25px 0;
}
.about .yanfa .content .des{
    
    font-weight: 300;
    font-size: 30px;
    color: #0E161E;
    line-height: 36px;
    line-height:50px;
}
.about .yanfa .content .con{
    padding:30px 45px;
    
    background-color: rgb(255,255,255,0.5);
    font-weight: 400;
    font-size: 20px;
    color: #0E161E;
    line-height: 30px;
    margin-top:40px;
    width:580px;
}
.about .yanfa .content .title1{
    
    font-weight: 400;
    font-size: 30px;
    color: #0E161E;
    line-height: 30px;
    margin-bottom:20px;
}
/**about 动画部分**/
.about .banner{
    opacity: 0;
    transform: translateY(50px);
}
.about .leftNav{
    opacity: 0;
    transform: translateY(50px);
}

.about.DSActive .banner{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.about.DSActive .leftNav{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
/***/

.about .list{
    width:1310px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:80px;
}
.about .list .item{
    display:flex;
    flex-direction:column;
    justify-content:start;
    width:420px;
    background-color:#fff;
}
.about .list .item img{
    width:420px;
    height:300px;
}
.about .list .item .con{
    padding:40px 30px;
}
.about .list .item .con .title{
    
    font-weight: 400;
    font-size: 24px;
    color: #0E161E;
    line-height: 35px;
    height:100px;
}
.about .list .item .con .title .b
{
    width: 40px;
    height: 2px;
    background: #E1251B;
}
.about .list .item .content{
    
    font-weight: 300;
    font-size: 19px;
    color: #0E161E;
    line-height: 32px;
    text-align:left;
}


.about .manage{
    width:100%;
    margin:80px auto;
    margin-bottom:0px;
}
.about .manage .title{
    
    font-weight: bold;
    font-size: 48px;
    color: #0E161E;
    line-height: 90px;
    text-align:center;
}
.about .manage .des{
    
    font-weight: 300;
    font-size: 24px;
    color: #0E161E;
    line-height: 30px;
    margin:0 auto;
    width:1310px;
    text-align:center;
}
.about .manage .box{
    border: 6px solid #0E161E;
    border-left:0px;
    border-right:0px;
    margin:30px auto;
    width:1310px;
    margin-bottom:0px;
}
.about .manage .item{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    padding:50px 0;
    border-bottom:1px #E4E4E4 solid;
}
.about .manage .item .t{
    
    font-weight: 400;
    font-size: 34px;
    color: #0E161E;
    line-height: 50px;
    width:320px;
}
.about .manage .item .lists{
    flex:1;
}
.about .manage .item .lists .text{
    
    font-weight: 300;
    font-size: 22px;
    color: #0E161E;
    line-height: 40px;
}
.about .manage .item .imglist{
    display:flex;
    flex-direction:row;
    
    font-weight: 300;
    font-size: 18px;
    color: #0E161E;
    /* line-height: 49px; */
    justify-content: space-between;
    width:750px;
}
.about .manage .item .imglist div{
    width:auto;
    padding-top:50px;
    text-align:center;
}
.about .manage .item .imglist div span{
    width:100%;
    padding-top:25px;
    display:table;
}
.about .manage .item .imglist div.il{
    width:110px;
}
.about .manage .item .imglist div.ic{
    width:120px;
}
.about .manage .item .imglist div.ir{
    width:170px;
}


.about .manage .item .imglist div img{
    display:block;
    margin:0 auto;
}
.about .manage-content{
    background-color:#fff;
    width:100%;
}


.mobile-about .bander{
    width:7.5rem;
    height:7rem;
}
.mobile-about .bander img{
    width:7.5rem;
    height:7rem;
}

.mobile-leftnav{
    width:7.5rem;
    height:6.2rem;
    margin-top:-1.6rem;
    background-image: url('/h/images/m/about/a02.png');
    background-repeat: no-repeat;
    background-position:left;
    background-size: 6.2rem 6.2rem;
    z-index: 10;
    position: relative;
}

.mobile-leftnav .leftNav{
    width:7.5rem;
    position: relative;
    z-index: 2;
    height:4.4rem;
    background: none;
}
.mobile-leftnav .leftNav .box{
    width:4.3rem;
    margin:0px;
    padding:0px;
    padding-top:.84rem;
    padding-left:.4rem;
    height:auto;
}
.mobile-leftnav .leftNav .bg{
    background-image: url('/h/images/m/about/a06.png');
    width:2.7rem;
    height:2.89rem;
    position: absolute;
    background-size: 100%;
    bottom:0px;
    right:0px;
    z-index: 1;
}
.mobile-leftnav .leftNav .title{
    
    font-weight: bold;
    font-size: .44rem;
    color:#FFFFFF;
    padding:0px;
    margin:0px;
    line-height:.44rem;
    padding-bottom:.3rem;
}
.mobile-leftnav .leftNav .text{
    
    font-weight: 400;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .32rem;
}
.mobile-leftnav .leftNav .mtext{
    line-height: .18rem;
}
.mobile-leftnav .leftNav .more{
    margin-top:.1rem;
    height:.56rem;
}
.mobile-leftnav .leftNav .more .updown1{
    width:.54rem;
    height:.54rem;
    background-size: .08rem .2rem;
}
.mobile-leftnav .leftNav .more .updown1::before {
    content: '';
    width: .54rem;
    height: .54rem;
    border: 2px dotted rgba(255, 255, 255, .9);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: turnrotate 8000ms linear infinite;
}


.mobile-about .yanfa{
    background-image: url("/h/images/m/about/a31.png");
    width:100%;
    height:7.52rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-top:-1.81rem;
    background-size: 100%;
}
.mobile-about .yanfa .content{
    width:6.2rem;
    margin:0 auto;
    padding-top:1.8rem;
}
.mobile-about .yanfa .content .title{
    
    font-weight: 400;
    font-size: .24rem;
    color: #E1251B;
    opacity: 0.8;
    display:table;
    border-bottom:2px #E50113 solid;
}
.mobile-about .yanfa .content .h1{
    
    font-weight: 400;
    font-size: .7rem;
    color: #0E161E;
    line-height: .9rem;
    padding:.25rem 0;
}
.mobile-about .yanfa .content .des{
    
    font-weight: 300;
    font-size: .3rem;
    color: #0E161E;
    line-height: .36rem;
    line-height:.5rem;
}
.mobile-about .yanfa .content .con{
    padding:.3rem .5rem;
    
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    font-size: .2rem;
    color: #0E161E;
    line-height: .3rem;
    margin-top:.4rem;
    width:6.2rem;
}
.mobile-about .yanfa .content .title1{
    
    font-weight: 400;
    font-size: .3rem;
    color: #0E161E;
    line-height: .3rem;
    margin-bottom:.2rem;
}


.mobile-about .list{
    width:6.7rem;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:start;
    margin-top:.8rem;
}
.mobile-about .list .item{
    display:flex;
    flex-direction:column;
    justify-content:start;
    width:6.7rem;
    background-color:#fff;
    padding:.3rem;
    margin-bottom:.4rem;
}
.mobile-about .list .item img{
    width:6.1rem;
    height:3rem;
}
.mobile-about .list .item .con{
    padding:.4rem 0rem;
}
.mobile-about .list .item .con .title{
    
    font-weight: 400;
    font-size: .3rem;
    color: #0E161E;
    line-height: .65rem;
    height:1rem;
}
.mobile-about .list .item .con .title .b
{
    width: .4rem;
    height: .02rem;
    background: #E1251B;
}
.mobile-about .list .item .content{
    
    font-weight: 300;
    font-size: .2rem;
    color: #0E161E;
    line-height: .3rem;
    text-align:left;
}



.mobile-about .manage{
    width:6.7rem;
    width:7.5em;
    margin:.8rem auto;
    margin-bottom:0px;
    background-color: #fff;
}
.mobile-about .manage .manage_t{
    background-image: url(/h/images/home/bg.png);
    background-repeat: repeat;
    display:flex;
    flex-direction:column;
}
.mobile-about .manage .title{
    
    font-weight: bold;
    font-size: .48rem;
    color: #0E161E;
    line-height: .9rem;
    text-align:center;
}
.mobile-about .manage .des{
    
    font-weight: 300;
    font-size: .24rem;
    color: #0E161E;
    line-height: .3rem;
    margin:0 auto;
    width:100%;
    text-align:center;
    padding-bottom:.3rem;
}
.mobile-about .manage .box{
    border: .06rem solid #0E161E;
    border-left:0px;
    border-right:0px;
    margin:.3rem auto;
    margin-top:0px;
    width:100%;
    margin-bottom:0px;
}
.mobile-about .manage .item{
    display:flex;
    flex-direction:column;
    justify-content: start;
    padding:.5rem 0;
    border-bottom:1px #E4E4E4 solid;
}
.mobile-about .manage .item .t{
    
    font-weight: 400;
    font-size: .34rem;
    color: #0E161E;
    line-height: .5rem;
    width:100%;
    text-align:center;
    padding-bottom:.2rem;
}
.mobile-about .manage .item .lists{
    flex:1;
}
.mobile-about .manage .item .lists .text{
    
    font-weight: 300;
    font-size: .22rem;
    color: #0E161E;
    line-height: .4rem;
    padding:0 .3rem;
}
.mobile-about .manage .item .imglist{
    display:flex;
    flex-direction:column;
    
    font-weight: 300;
    font-size: .24rem;
    color: #0E161E;
    line-height: .49rem;
    justify-content: start;
    width:100%;
    background-color:#fff;
}
.mobile-about .manage .item .imglist div{
    width:auto;
    padding-top:.7rem;
    text-align:center;
}
.mobile-about .manage .item .imglist div img{
    display:block;
    margin:0 auto;
    width:1.6rem;
    height:1.6rem;
}
.mobile-about .manage-content{
    width:100%;
}