.xinxi_solution_bg { background-size: 100% 295px; max-width: 1920px; margin: 0 auto; background-color: #F7F7F7; }
.xinxi_solution_main ul { overflow: hidden; height: 295px; }
.xinxi_solution_main .main_mobile { max-width: 100%; min-width: 100%; }
.xinxi_solution_main ul li { background: url('../images/pic22.png') no-repeat; height: 295px; float: left; width: 17%; position: relative; overflow: hidden; transition: all 0.5s; }
.xinxi_solution_main ul li:nth-child(2) { background: url('../images/pic23.png') no-repeat; background-size: 100% 100%;}
.xinxi_solution_main ul li:nth-child(3) { background: url('../images/pic24.png') no-repeat; background-size: 100% 100%; }
.xinxi_solution_main ul li:nth-child(4) { background: url('../images/pic25.png') no-repeat; background-size: 100% 100%;}
.xinxi_solution_main ul li:nth-child(5) { background: url('../images/pic26.png') no-repeat; background-size: 100% 100%;}
.xinxi_solution_main ul li:nth-child(6) { background: url('../images/pic22.png') no-repeat; background-size: 100% 100%;}
.xinxi_solution_main ul li .left_top { position: absolute; left: 30px;top: 40px; text-align: center; }
.xinxi_solution_main ul li .left_top img { width: 30px; display: inline-block;vertical-align: middle;margin-right: 10px;}
.xinxi_solution_main ul li i { font-size: 24px; color: #FFF; font-style: normal;}
.xinxi_solution_main .left_top { font-size: 30px; color: #FFF; }
.xinxi_solution_main ul li .left { float: left; width: 100%; background: #0068b7; opacity: 0.7; height: 295px; }
.xinxi_solution_main ul li .right { float: left; width: calc(100% - 200px); position: relative; height: 295px; display: flex;align-items: center;padding: 0 20px;background-color: rgba(0,104,183,0.7);}
.xinxi_solution_main ul li .right p{color: #fff;font-size: 18px;line-height: 30px;max-height: 240px;overflow: hidden;}
.xinxi_solution_main ul li .right p a{color: #ff9901;}
.xinxi_solution_main .right dl { position: absolute; top: 50%; left: 30px; }
.xinxi_solution_main .right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 280px; height: 75px; margin-bottom: 45px; background: #000; opacity: 0.5; }
.xinxi_solution_main .right dl a { background-repeat: no-repeat; color: #FFF; font-size: 16px; line-height: 40px; height: 40px; width: 280px; text-align: center; padding: 0 10px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; background-size: 100% 100%; background-color: rgba(0,0,0,0.23); border-radius: 5px; margin-top: 10px; }
.xinxi_solution_main .right dl a.yichu { float: left; margin-right: 20px; }
.xinxi_solution_main ul li.on { width: 32%; }
.xinxi_solution_main ul li.two { background: url('images/pic22.png') no-repeat; }
.xinxi_solution_main ul li.thr { background: url('images/pic22.png') no-repeat; }
.xinxi_solution_main ul li.four { background: url('images/pic22.png') no-repeat; }
.xinxi_solution_main ul li.five { background: url('images/pic22.png') no-repeat; }
.xinxi_solution_main ul li.six { background: url('images/pic22.png') no-repeat; }
.xinxi_solution_main ul li:hover .left{
    width: 70%;transition: all .3s;
}
.xinxi_solution_main ul li:hover .right{
    display: none;
}
.xinxi_solution_main ul li.on .left{
    width: 200px;
}
.xinxi_solution_main ul li.on .right{
    display: flex;
}