/* 必要布局样式css */

.solution-box {

	background: #FFFFFF;

}

.solution-list {

	width: 300px;

	float: left;

}

.solution-list ul li {

	width: 300px;

	height: 174px;

	background: rgba(255, 255, 255, 0.15);

	position: relative;

	text-align: center;

}



.solution-list ul li h2 {

	font-size: 18px;

	line-height: 174px;

	font-weight: inherit;

	position: relative;

}

.solution-list ul h2::before{

    content: "";

    position: absolute;

    right: 100px;

    top: 50%;

    margin-top: -0.5px;

    width: 16px;

    height: 1px;

    background: #f8f8f8;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

    -webkit-transform: translate(50px, 0);

    -moz-transform: translate(50px, 0);

    -ms-transform: translate(50px, 0);

    transform: translate(50px, 0);

}



.solution-list ul h2::after {

    content: "";

    position: absolute;

    left: 100px;

    top: 50%;

    margin-top: -0.5px;

    width: 16px;

    height: 1px;

    background: #f8f8f8;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transition: all 0.6s ease;

    -webkit-transform: translate(-50px, 0);

    -moz-transform: translate(-50px, 0);

    -ms-transform: translate(-50px, 0);

    transform: translate(-50px, 0);

}

.solution-list ul .on h2::before{

    background: #fff;

	transform: translate(10px, 0);

}

.solution-list ul .on h2::after{

    background: #fff;

	transform: translate(-10px, 0);

}



.solution-list ul {

	background-color: #f8f8f8;

}



.solution-list ul .on {

	margin: 0;

	background-color: #3d7eff;

	color: #FFFFFF;

}



.solution-item {

	display: block;

	padding: 30px 50px;

	overflow: hidden;

}



.solution-item ul {

	display: inline-block;

}



.solution-item ul li {

	padding: 20px 0;

	display: inline-block;

	width: 24.5%;

	text-align: center;

	transition: all 0.5s ease 0s;

	margin: 20px 0;

}

.solution-item ul li:hover{

	background-color: #3d7eff;

	box-shadow: 0px 0px 10px #c3c3c3;

}

.solution-item ul li:hover a {

	color: #FFFFFF;

}

.solution-item ul.industry li {

	padding: 20px 0;

	display: inline-block;

	width: 49%;

	text-align: center;

	transition: all 0.5s ease 0s;

}

.solution-item ul li h2 {

	font-size: 22px;

	line-height: 28px;

	margin: 0 0 15px 0;

	font-weight: inherit;

}