/**************解决方案与案例*******************/
.sol_bk_01 { position:relative; }
.sol_bk_01 .wrap{ margin-top:3.5%; z-index:3; background:#fff; position:relative; margin-bottom:20px;  box-shadow:0px 5px 20px rgba(0,0,0,0.1);}
.sol_bk_01 .img { position:absolute; right:0px; top:0px; bottom:0px; width:46.875%; }
.sol_bk_01 .text { float:left; margin-left:4.6875%; color:#999; width:43.75%; padding:2.6% 0px 3.8%; }
.sol_bk_01 .text dt { color:#333; padding-bottom:14px; }
.sol_bk_01 .text dd { line-height:1.75; }
.sol_bk_01 .bg { position:absolute; z-index:1; left:0px; bottom:0px; right:0px; height:32.5%; background:#f5f5f6; }


/*****************sol_bk_02***********************/
.sol_bk_02 { background:#f5f5f6; }
.sol_bk_02 .wrap { padding:3.7% 0px 6.3%;  }
.sol_bk_02 .title { color:#333; }
.sol_bk_02 ul { margin-top:4.3%;  }
.sol_bk_02 ul li {display:inline-block; width:19%; }
.sol_bk_02 ul li .con { padding:0px 10px; }
.sol_bk_02 ul li h3 { color:#333; line-height:1.55; margin-top:16px; }
.sol_bk_02 .img  { margin:0px auto; width:73px; height:62px; position:relative; }
.sol_bk_02 .img img { opacity:0;transition:0.5s all; width:100%; height:100%; -webkit-transition:0.5s all; position:absolute; left:0px; right:0px; top:0px; bottom:0px; }
.sol_bk_02 .img .img01 {opacity:1; }
.sol_bk_02 ul li:hover .img01 { opacity:0; }
.sol_bk_02 ul li:hover .img02 { opacity:1; }


/*****************sol_bk_03***********************/
.sol_bk_03 { }
.sol_bk_03 .wrap { padding:5.8% 0px 5.8%; }
.sol_bk_03 .title { color:#333; }
.sol_bk_03 ul {width: 90%; margin:auto;  margin-top:3.2%; }
.sol_bk_03 ul li  { float:left; width:33.33%; color:#999; }
.sol_bk_03 ul li .con { margin:10px; /*height:198px;*/ position:relative; overflow:hidden; border:1px solid #e7e7e7;  }
.sol_bk_03 ul li h3 { color:#333; margin-top:9px; display:none; }
.sol_bk_03 ul li .text { line-height:1.71; display:none; height:3.42em; max-height:3.42em; text-align:left; }
.sol_bk_03 ul li .img {transition:0.5s all; -webkit-transition:0.5s all;  height:69px; line-height:69px; -webkit-transition:0.5s all;}
.sol_bk_03 ul li .img img { max-height:70px; max-width:60%; vertical-align:middle; }
.sol_bk_03 dl dd { float:left; width:33.33%;  } 
.sol_bk_03 dl dd p { padding:4px 0px; }
.sol_bk_03 ul li:hover .con { box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:1px solid #fff;}
.sol_bk_03 ul li .up { position:absolute; display:none; height:100%; padding:0px 10%; background:#fff; left:0px; top:100%; right:0px; }
.sol_bk_03 ul li .up h3 { margin-top:24px; }
.sol_bk_03 ul li:hover  .up { top:0px; }






@media only screen and (max-width:1200px){


.sol_bk_03 ul li  {  width:50%; }

}


@media only screen and (max-width:980px){


/**************sol_bk_01*******************/
.sol_bk_01 .img { position:relative; width:100%; padding-bottom:50%; }
.sol_bk_01 .text { margin-left:0px; width:100%; padding:2.6% 5% 3.8%; }

/*****************sol_bk_02***********************/
.sol_bk_02 ul li { width:32.33%; margin-bottom:5%;  float: left;}
.sol_bk_02 .wrap { padding-bottom:4.3%; }


}



@media only screen and (max-width:767px){


/**************sol_bk_01*******************/
.sol_bk_01 .text {  padding:5% 7%; }

/*****************sol_bk_02***********************/
.sol_bk_02 ul li { width:50%; float:left; }

/*****************sol_bk_03***********************/
.sol_bk_03 ul li  {  width:100%; }

}


@media only screen and (max-width:480px){



}