@charset "utf-8";/* CSS Document */
.solution_bg {
    background: #fff;
    overflow: hidden;
}

.box-solution {
    display: block;
    margin: 36px 80px;
    overflow: hidden;
}

.solution_z {
    width: 35%;
    margin-top: 5%;
    float: left;
}

.solution_z b {
    font-size: 32px;
    color: #333;
    line-height: 1.2
}

.solution_z p {
    color: #888;
    margin-top: 5%;
    font-size: 14px;
}

.solution_z .more {
    position: relative;
    display: block;
    margin: 30px 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0px;
}

.solution_z .more:before, .solution_z .more:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.solution_z .more:before {
    background: url(../images/jiejue-jianh.png) no-repeat center center;
    z-index: 1
}

.solution_z .more:after {
    background: #fff;
    transform: scale(1);
    z-index: 0;
    border: 1px solid #ccc
}

.solution_z .more:hover {
    border: none
}

.solution_y {
    width: 60%;
    overflow: hidden;
    float: right;
    border: 1px solid #eee;
}

.solution_y li {
    width: 33.33%;
    float: left;
    border: 1px solid #eee;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 5% 0;
}

.solution_y li a {
    color: #666;
}

.solution_y li:hover a {
    color: #fff;
}

.solution_y li i {
    display: block;
    width: 73px;
    height: 68px;
    margin: 0 auto;
}

.solution_y li p {
    font-size: 18px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solution_y li:after {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #008d43;
}

.solution_y li.noaf:after {
    display: none
}

.solution_y li:hover {
    background: rgba(153,153,153,0.6);
    border-color: rgba(153,153,153,0.6)
}

.solution_y li:hover:after {
    width: 0
}

.solution_y li i.i1 {
    background: url(../images/fangan01.png) no-repeat center 0;
}

.solution_y li:hover i.i1 {
    background: url(../images/fangan01.png) no-repeat center -72px;
}

.solution_y li i.i2 {
    background: url(../images/fangan08.png) no-repeat center 0;
}

.solution_y li:hover i.i2 {
    background: url(../images/fangan08.png) no-repeat center -72px;
}

.solution_y li i.i3 {
    background: url(../images/fangan03.png) no-repeat center 0;
}

.solution_y li:hover i.i3 {
    background: url(../images/fangan03.png) no-repeat center -72px;
}

.solution_y li i.i4 {
    background: url(../images/fangan04.png) no-repeat center 0;
}

.solution_y li:hover i.i4 {
    background: url(../images/fangan04.png) no-repeat center -72px;
}

.solution_y li i.i5 {
    background: url(../images/fangan09.png) no-repeat center 0;
}

.solution_y li:hover i.i5 {
    background: url(../images/fangan09.png) no-repeat center -72px;
}

.solution_y li i.i6 {
    background: url(../images/fangan06.png) no-repeat center 0;
}

.solution_y li:hover i.i6 {
    background: url(../images/fangan06.png) no-repeat center -72px;
}

.solution_y li i.i7 {
    background: url(../images/fangan07.png) no-repeat center 0;
}

.solution_y li:hover i.i7 {
    background: url(../images/fangan07.png) no-repeat center -72px;
}

.solution_y li i.i8 {
    background: url(../images/fangan02.png) no-repeat center 0;
}

.solution_y li:hover i.i8 {
    background: url(../images/fangan02.png) no-repeat center -72px;
}

.solution_y li i.i9 {
    background: url(../images/fangan05.png) no-repeat center 0;
}

.solution_y li:hover i.i9 {
    background: url(../images/fangan05.png) no-repeat center -72px;
}

.solution_y li:hover,.solution_y li i {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

@media (max-width: 1200px) {
    .solution_z {
        float: none;
        width: 100%;
    }

    .solution_y {
        float: none;
        width: 100%;
    }

    .box-solution {
        margin: 36px;
    }
}

@media (max-width: 768px) {
    .box-solution {
        margin:36px 15px;
    }

    .solution_y li p {
        font-size: 14px;
        padding: 0 10px
    }
}

@media (max-width: 640px) {
    .body_list_classification .list_classification_list dd {
        display: none
    }

    .solution_y li {
        width: 50%;
    }

    .solution_y li.noaf {
        display: none
    }

    .solution_y li p {
        margin-top: 0px;
    }

    .solution_z b {
        font-size: 24px;
    }

    .solution_z p {
        font-size: 12px;
    }

    .solution_y li i {
        display: none
    }
}