.banner {
  width: 100%;
  height: 0px;
  padding-bottom:26%;
  background: url(../img/solution.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
   margin-top:64px;
}
.main .main_con {
  padding-top: 50px;
  padding-bottom: 150px;
}
.main .main_con .solution_nav {
  padding: 0 40px;
  box-sizing: border-box;
}
.main .main_con .solution_nav ul {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.main .main_con .solution_nav ul li {
  width: 180px;
  cursor: pointer;
}
.main .main_con .solution_nav ul li.active p {
  color: #029ef6;
}
.main .main_con .solution_nav ul li .solution_img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.main .main_con .solution_nav ul li .solution_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .main_con .solution_nav ul li p {
  text-align: center;
  line-height: 50px;
}
.main .main_con .solution_nav .line_box {
  position: relative;
  height: 3px;
}
.main .main_con .solution_nav .line_box .line {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  height: 3px;
  background: #029ef6;
}
.main .main_con .solution_con ul li {
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  display: none;
}
.main .main_con .solution_con ul li > a {
  line-height: 50px;
  display: block;
  color: black;
  font-size:15px;
  font-weight: bold;
}
.main .main_con .solution_con ul li p {
  line-height: 25px;
  font-size:13px;
  color:#666;
}
.main .main_con .solution_con ul li.active {
  display: block;
}
.main .main_con .solution_con ul li > a:hover{
	color:#029ef6;
}