#Plan_li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid #1e90ff;
}
#Plan_li a {
    color:#1e90ff!important;
}

.container{
    padding:0;
    width:100%;
}
.carousel-inner {
    height: 400px;
}
 .carousel-inner > .item{
     width:100%;
     height:100%;
 }
 .carousel-inner > .item > img{
     width:100%;
     height:100%;
     background-size:100% 100%;
     background-color: #c0c0c0;
 }
 .carousel-inner > .item .carousel-caption{
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 100%;
 }
 .carousel-inner > .item .carousel-caption .dsbtn{
    background: #c7955b;
    color: #fff;
    border-radius: 20px;
    padding: 10px 35px;
    position: absolute;
    bottom: 25%;
    left: 50%;
    font-size: 20px;
 }
.erp{
    padding: 50px 15%;
    text-align: center;
    font-size: 18px;
}
.mTit{
    background: #1e90ff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 30px 0 10px;
    display: inline-block;
    min-height: 40px;
    font-size: 18px;
}
.erp p{
    margin:10px 0 5px;
}
.erp p img{
    padding-right:5px;
}
.erp .picbox .picdiv{
    /*float:left;
    width: 46%;*/
    margin-top: 3%;
    margin-left: 2%;
    margin-right:2%;
}
.erp .picbox .pic{
    width: 100%;
}
.erp .goodtit{
    font-weight: bold;
    margin-top: 10%;
}
.erp .goodbox{
    width:80%;
    margin:0 auto;
}
.erp .goodbox img{
    width:100%;
}

.DividLine{
    width:100%;
    height:20px;
    background:#f5f6fa;
}

.storage{
    padding: 50px 10%;
    text-align: center;
}
.storage .sbox{
    width: 80%;
    margin: 3% auto;
}
.storage .sbox img{
    width: 100%;
}
.storage .stit{
    color: #3c9fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 2%;
}
.storage .picbox{
    width:80%;
    margin:0 auto;
}
.storage .picbox .picdiv{
    float: left;
    width: 44%;
    /*height: 400px;*/
    max-height:400px;
    margin-top: 3%;
    margin-left: 3%;
    margin-right: 3%;
    background: #eee;
    padding:10px;
    border-radius:5px;
}
.storage .picbox .pic{
    width: 100%;
    height: 80%;
    border-radius:5px;
}
.storage .dtit{
    color:#1e90ff;
    margin:5px 0;
    font-size: 16px;
    font-weight: bold;
}
.storage .ddetail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.online{
    padding: 50px 10%;
    text-align: center;
    color:#000;
    font-size: 18px;
}
.online .sbox{
    width: 80%;
    margin: 3% auto;
}
.online .sbox img{
    width: 100%;
}
.online .stit{
    color: #3c9fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 2%;
}
.online .substit{
    margin: 2%;
}
.online .simg{
    width: 30%;
    margin: 0 auto;
}
.online .simg img{
    width: 100%;
}
.online .picbox{
    position:relative;
    margin-bottom:5%;
}
.online .picbox .picdiv{
    float: left;
    width: 17%;
    height: auto;
    margin-top: 3%;
    margin-left: 4%;
    margin-right: 4%;
}
.online .picbox .pic{
    width: 100%;
    height: 80%;
    border-radius:5px;
    margin-bottom: 10px;
    transition: all 0.6s;
}
.online .picbox .pic:hover {
    transform: scale(1.4);
}
.online .line{
    width: 92%;
    border-bottom: 1px dashed #3c9fff;
    position: absolute;
    top: 50%;
    left: 4%;
    z-index: -1;
}
.online .lineimg1{
    position: absolute;
    margin-top: -10px;
    left: 22%;
}
.online .lineimg2{
    position: absolute;
    margin-top: -10px;
    left: 49%;
}
.online .lineimg3{
    position: absolute;
    margin-top: -10px;
    left: 76%;
}

/*oa+crm*/
.oacrm{
    padding: 50px 5% 100px;
    text-align: center;
    color:#000;
    font-size: 18px;
}
.oacrm .txt{
    letter-spacing: 1px;
    margin: 2%;
    line-height: 35px;
    color: #282828;
}
.oacrm .oc_tit{
    margin: 5% 0 3%;
    color: #6A6A6A;
}
/*.oacrm .oc_tit:last-child{
    margin-top: 12%;
}*/
.oacrm .oc_imglist{
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    display:-ms-flexbox;
    -ms-flex-align:end;
     -ms-flex-pack:center;
}
.oacrm .oc_imglist>div{
    margin: 0 15px;
    width: 300px;
    /*height: 560px;*/
}
.oacrm .oc_imglist > div .img,
.oacrm .oc_imglist > div .img1 {
    width:100%;
    /*height:100%;*/
}
.oacrm .oc_imglist > div:first-child {
    margin:0;
    width: 440px;
}

.oacrm .oc_imglist>div>.img:hover{
    box-shadow: 0 0 10px 2px #a8a8a8;
}
.oacrm .oc_imglist>div>.img1:hover{
    box-shadow:none;
}

.oacrm .oc_imglist>div>p{
    color: #6A6A6A;
    font-size: 16px;
    margin-top: 3rem;
}
.mr{
    margin-right:5px;
    width:24px;
}

/*对接平台*/
.platform{
    padding: 50px 10%;
    text-align: center;
    color:#fff;
    background:#555;
    font-size: 18px;
}
.platform .txt{
    letter-spacing: 1px;
    margin: 2%;
    line-height: 35px;
}
.platform .img{
    margin: 0 auto;
}
.platform .img img{
    width: 70px;
    height: 50px;
}
.platform .img p{
    margin:10px 0;
}
.platform .pfgood{
    margin: 40px 20px;
    position: relative;
    min-height: 170px;
}
.platform .pfgood_m{
    display:none;
}
.platform .pfgood p{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.platform .pfgood .ptLeft{
    position: absolute;
    /*left: 27%;*/
    width: 50%;
    height: 100%;
    text-align: right;
    border-right: 4px solid #6e654b;
    padding-right: 25px;
}
.ptLeft p:first-child{
    margin: 20px 0 50px;
}
.platform .pfgood .ptRight{
    position: absolute;
    left: 52%;
    width: 40%;
    text-align: left;
}
.ptRight p:first-child{
    margin: 55px 0 50px;
}
.pfgood i{
    display:inline-block;
    width: 10px;
    height: 10px;
    background: #6e654b;
    border-radius: 50%;
    border: 1px solid #dda922;
}
.ptLeft p i{
    margin-left:5px;
}
.ptRight p i{
    margin-right:5px;
}
.plfmen .plfmenrow{

}
.plfmen .p1{
    width: 70%;
    margin-left: 20%;
}
.plfmen .p2{
    width: 90%;
}
.plfmen .plfmenrow img{
    background: #fff;
    padding: 2px;
    min-width: 200px;
    height: 65px;
    border-radius: 25px;
    margin: 0 15px 20px 0;
    border: 4px solid #aeebfd;
}
.plfmen .plfmenrow img:hover{
    box-shadow: 0 0 0 5px #999589;
}

/*汽配联盟*/
.qpunion{
    padding: 50px 10%;
    text-align: center;
    color:#000;
    font-size: 18px;
}
.qpunion .txt{
    letter-spacing: 1px;
    margin: 2%;
    line-height: 35px;
    color: #000;
    font-weight: bold;
}
.qpunion .img{
    margin: 4% 0;
}
.qpunion .img p{
    margin: 10px 20px 0;
    line-height: 35px;
}
.qpunion .dataimg{
    width: 60%;
    margin: 0 auto;
}
.qpunion .dataimg img{
    width: 100%;
}
.qpunion .subtxt{
    line-height: 35px;
    margin-top:3%;
}


.sopj{
    width: 100%;
    text-align: center;
    padding: 2% 0;
}
.sopj .txt{
    width: 53%;
    margin: 1% auto;
    font-size: 18px;
}
.sopj .txt .cont{
    text-indent: 37px;
    text-align: left;
    line-height: 30px;
}
.sopj .imgbox{
    margin-bottom:1%;
}

/*ipad竖屏*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .carousel-inner > .item {
        height: 200px !important;
    }
    .erp {
        margin: 40px 0!important;
    }
    /*.storage .picbox .picdiv {
        width: 48%!important;
    }*/
    .online .simg {
        width: 50%!important;
    }
    .carousel-inner > .item .carousel-caption .dsbtn {
        font-size: 14px!important;
        padding: 10px 35px!important;
        bottom: 28%!important;
        left: 42%!important;
    }
    .erp, .storage, .online, .qpunion {
        width: 100%!important;
    }
}

/*ipad横屏*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .qpunion .dataimg {
        width: 75%;
    }
    .carousel-inner {
        height: 250px;
    }
    .carousel-inner > .item{
        height:100%;
    }
    .erp,.storage,.online,.qpunion{
        width:100%;
        margin-left:0;
        padding:50px 5%;
    }
    .erp .goodbox,.storage .sbox,.storage .picbox,.online .sbox{
        width:100%;
    }
    /*.storage .picbox .picdiv{
        height: 330px;
    }*/
    .storage .picbox .pic {
        height: 77%;
    }
    .online .simg{
        width:45%;
    }
    .online .picbox .picdiv {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .platform{
        padding:50px 5%;
    }
    .carousel-inner > .item .carousel-caption .dsbtn{
        font-size: 16px;
    }
    .sopj .txt {
        width: 95%;
    }
    .oacrm {
        padding: 50px 2% 100px;
    }
    .oacrm .oc_imglist > div {
        margin: 0 1%;
    }
}


/*2.兼容分辨率*/
@media screen and (min-device-width: 1440px) and (max-device-width: 1920px){/*1920*/
    /*.storage .picbox .picdiv {
        height: 410px;
    }*/
}
@media screen and (min-device-width: 1680px) and (max-device-width: 1916px){/*1916*938*/
    /*.storage .picbox .picdiv {
        height: 445px;
    }*/
}
@media screen and (min-device-width: 1600px) and (max-device-width: 1680px) { /*1680*1050*/
    /*.storage .picbox .picdiv {
        height: 395px;
    }*/
}
@media screen and (min-device-width: 1440px) and (max-device-width: 1600px){/*1600*1200*/
    /*.storage .picbox .picdiv {
        height: 370px;
    }*/
}
@media screen and (min-device-width: 1366px) and (max-device-width: 1440px){/*1440*900*/
    .carousel-inner {
        height: 360px;
    }
    .storage .picbox .picdiv {
        height: 335px;
    }
}
@media screen and (min-device-width: 1366px) and (max-device-width: 1400px){/*1400*1050*/
    
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1366px){/*1366*768*/
   .carousel-inner {
        height: 300px;
    }
    .storage .picbox .picdiv {
        height: 317px;
    }
    .storage .picbox .pic {
        height: 77%;
    }
}
@media screen and (min-device-width: 1152px) and (max-device-width: 1280px){/*1280*1024/960/800/768/720/600*/ /*960 ...*/
    .carousel-inner {
        height: 300px;
    }
    .storage .picbox .picdiv {
        height: 300px;
    }
    .storage .picbox .pic {
        height: 75%;
    }
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1152px){/*1152*864*/
    .carousel-inner {
        height: 300px;
    }
    /*.storage .picbox .picdiv {
        height: 300px;
    }*/
}

@media screen and (min-device-width: 800px) and (max-device-width: 1024px){/*1024*768*/
    .carousel-inner {
        height: 250px;
    }
}

@media screen and (min-device-width: 600px) and (max-device-width: 800px){/*800*600*/
    
}