/* solution_category
----------------------------------------------- */
#solution {}
#solution .solution-tree {
 text-align: center;
 border-bottom: 1px solid #DDD;
}
#solution .solution-tree a {
 padding: 0 40px;
}
#solution .solution-tree a.active, #solution .solution-tree a:hover {
 border-bottom: 3px solid #004FA4;
 margin-bottom: -3px;
}
#solution .solution-tree i {
 display: block;
 margin-bottom: 10px;
}
#solution .solution-tree i img {
 width: 50px;
}
#solution .solution-tree b {
 display: block;
 font-size: 20px;
}
#solution .solution-tree a:hover b {
 color: #004FA4;
}
/* main */
#solution .main .head {
 line-height: 40px;
 font-size: 30px;
 letter-spacing: 1px;
 display: block;
 text-align: center
}
@media (max-width:767px) {
 #solution .main .head {
  font-size: 26px;
  line-height: 30px;
 }
}
#solution .box-a {
 padding: 4.68vw 0px 6.25vw;
}
#solution .box-a .list-a {
 display: flex;
 justify-content: space-around;
 margin-top: 1.5vw;
}
#solution .box-a .list-a li {
 width: 100%;
 padding: 0 1.8vw;
 text-align: center;
 transition: all 0.5s ease-in-out;
}
#solution .box-a .list-a strong {
 font-size: 24px;
 line-height: 46px;
 font-weight: normal;
 letter-spacing: 1px;
 display: block;
 margin: 6px 0px 12px;
}
#solution .box-a .list-a p {
 font-size: 16px;
 line-height: 26px;
 color: #888888;
}
#solution .box-a .list-a .icon {
 display: inline-block;
 transition: all 0.5s ease-in-out;
}
#solution .box-a .list-a li:hover #solution .box-a .list-a .icon {
 transform: rotateY(180deg);
}
#solution .box-a .list-a li:hover {
 transform: translateY(-15px);
}
#solution .box-b {
 background: #F5F5F5;
 padding: 5.2vw 0px 1.5vw;
}
#solution .box-b .list-b {
 margin-top: 2.2vw;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#solution .box-b .list-b li {
 width: 50%;
 padding: 30px 58px 35px 120px;
 margin-bottom: 3.12vw;
 position: relative;
}
#solution .box-b .list-b li:before {
 content: "";
 background: url(../images/m2cs_tbg.png) no-repeat left center;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 transition: all 0.5s ease-in-out;
 opacity: 0;
 background-size: cover;
}
#solution .box-b .list-b li:hover:before {
 opacity: 1;
}
#solution .box-b .list-b .text {
 position: relative;
}
#solution .box-b .list-b .text span {
 display: inline-block;
 height: 60px;
 width: 60px;
 position: absolute;
 left: -80px;
 top: 3px;
}
#solution .box-b .list-b .text strong {
 font-size: 24px;
 font-weight: normal;
 letter-spacing: 1px;
 display: block;
 line-height: 46px;
}
#solution .box-b .list-b .text p {
 font-size: 16px;
 line-height: 26px;
 color: #888888;
}
#solution .box-c {
 padding: 4.68vw 0px 5.2vw;
 position: relative;
}
#solution .box-c .list-c {
 margin-top: 2.2vw;
 position: relative
}
#solution .box-c .list-c .item img {
 max-width: 100%;
}
#solution .box-c .list-c .item strong {
 font-size: 24px;
 font-weight: normal;
 letter-spacing: 1px;
 display: block;
 line-height: 42px;
 margin: 25px 0px 10px;
 height: 42px;
 overflow: hidden;
}
#solution .box-c .list-c .item p {
 font-size: 16px;
 line-height: 26px;
 color: #888888;
}
@media (max-width:1799px) {
 #solution .box-a .list-a strong {
  font-size: 21px;
  line-height: 38px
 }
 #solution .box-a .list-a p {
  font-size: 14px;
 }
 #solution .box-b .list-b .text strong {
  font-size: 21px;
 }
 #solution .box-b .list-b .text p {
  font-size: 14px;
 }
 #solution .box-b .list-b li {
  margin-bottom: 1.8vw;
 }
 #solution .box-c .list-c .item strong {
  font-size: 21px;
 }
 #solution .box-c .list-c .item p {
  font-size: 15px;
 }
}
@media (max-width:1199px) {
 #solution .box-c .list-c {
  margin-left: 70px;
  margin-right: 70px;
 }
}
@media (max-width:993px) {
 #solution .box-a .list-a li {
  width: calc(50% - 30px);
 }
 #solution .box-b .list-b li {
  width: 100%;
 }
}
@media (max-width:767px) {
 #solution .box-a {
  padding: 50px 0;
 }
 #solution .box-a .list-a {
  flex-wrap: wrap;
 }
 #solution .box-a .list-a li {
  width: 100%;
 }
 #solution .box-a .list-a .icon {
  width: 100px;
  height: 100px;
 }
 #solution .box-a .list-a strong {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 6px;
 }
 .#solution .box-b {
  padding: 50px 0;
 }
 #solution .box-b .list-b li {
  padding: 20px 10px 5px 70px;
 }
 #solution .box-b .list-b .text span {
  top: -9px;
  left: -69px;
 }
 #solution .box-c {
  padding: 50px 0;
 }
 #solution .box-c .list-c {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 25px;
  padding-bottom: 35px;
 }
 #solution .box-c .list-c .item strong {
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  height: 32px;
  margin: 18px 0 5px;
 }
 #solution .box-c .list-c .item p {
  font-size: 14px;
  line-height: 26px;
 }
}
#solution .case-list {
 padding-top:20px;
 zoom:1;
 overflow:hidden;
}
@media (max-width:992px) {
 #solution .case-list {
  padding-top:0;
 }
}
#solution .case-list .item {
 margin-bottom: 26px;
}
#solution .case-list .item .img img {
 width: 100%;
}
#solution .case-list .item .img {
 margin-bottom: 15px;
}
#solution .case-list .item .title {
 text-align:center;
}