@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/solution/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/solution/fangan01.png) no-repeat center 0;}
.solution_y li:hover i.i1{background: url(../images/solution/fangan01.png) no-repeat center -72px;}
.solution_y li i.i2{background: url(../images/solution/fangan08.png) no-repeat center 0;}
.solution_y li:hover i.i2{background: url(../images/solution/fangan08.png) no-repeat center -72px;}
.solution_y li i.i3{background: url(../images/solution/fangan03.png) no-repeat center 0;}
.solution_y li:hover i.i3{background: url(../images/solution/fangan03.png) no-repeat center -72px;}
.solution_y li i.i4{background: url(../images/solution/fangan04.png) no-repeat center 0;}
.solution_y li:hover i.i4{background: url(../images/solution/fangan04.png) no-repeat center -72px;}
.solution_y li i.i5{background: url(../images/solution/fangan09.png) no-repeat center 0;}
.solution_y li:hover i.i5{background: url(../images/solution/fangan09.png) no-repeat center -72px;}
.solution_y li i.i6{background: url(../images/solution/fangan06.png) no-repeat center 0;}
.solution_y li:hover i.i6{background: url(../images/solution/fangan06.png) no-repeat center -72px;}
.solution_y li i.i7{background: url(../images/solution/fangan07.png) no-repeat center 0;}
.solution_y li:hover i.i7{background: url(../images/solution/fangan07.png) no-repeat center -72px;}
.solution_y li i.i8{background: url(../images/solution/fangan02.png) no-repeat center 0;}
.solution_y li:hover i.i8{background: url(../images/solution/fangan02.png) no-repeat center -72px;}
.solution_y li i.i9{background: url(../images/solution/fangan05.png) no-repeat center 0;}
.solution_y li:hover i.i9{background: url(../images/solution/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 p{margin-top: 0px;}
.solution_z b{font-size: 24px;}
.solution_z p{font-size: 12px;}
.solution_y li i{display: none}
}