html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.bannerTit {
    width: 100%;
    height: auto;
}

.imgBan {
    width: 100%;
    height: auto;
}

.solutionDiv {
    width: 90%;
    margin: 0 auto;
}

.factory {
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.facTit {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.hrStyle {
    width: 100px;
    margin: 0px auto;
    border: 0px;
    border-top: 2px solid #ec6b00;
    margin-top: 12px;
}

.facData {
    width: 100%;
    height: auto;
}

.facDes1 {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    height: 105px;
    margin-top: 27px;
    color: #333333;
}

.facDes2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
}

.facImg {
    width: 100%;
    height: auto;
}

.facDes3 {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    height: 140px;
    margin-top: 20px;
    color: #333333;
}

.server {
    width: 100%;
    height: auto;
}

.serData {
    width: 100%;
    height: auto;
    margin-top: 32px;
}

.serBlock {
    width: 100%;
}

.serInfoBlock1 {
    width: 100%;
    height: 260px;
}

.serInfoBlock2 {
    width: 100%;
    height: 288px;
}

.serInfoBlock3 {
    width: 100%;
    height: 260px;
}

.serInfoBlock4 {
    width: 100%;
    height: 260px;
}

.react {
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #ebebeb;
    transform: skewX(-35deg);
    width: 70%;
    margin: 0 auto;
}

.reactHover {
    background: #ec6b00;
}

.reactFontHover {
    color: white !important;
}

.serInfoHover {
    color: #ec6b00 !important;
}

.text {
    display: inline-block;
    transform: skewX(35deg);
    font-size: 16px;
    color: #333333;
}

.serDian {
    color: #a1a1a1;
    font-size: 16px;
    margin-right: 6px;
}

.serDataInfo {
    width: 100%;
    padding-top: 40px;
    height: 250px;
}

.serInfo {
    border-left: 1px solid #ebebeb;
    padding-left: 30px;
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
}

.serInfoTit {
    font-size: 16px;
    color: #888888;
    width: 100%;
    font-weight: bold;
}

.serinfoData {
    width: calc(100% - 20px);
    margin-top: 10px;
    padding-right: 20px;
}

.serInfoDes {
    font-size: 14px;
    color: #888888;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}