.page-know .main-content .banner {
  width: 100%;
  height: 490px;
}
.page-know .main-content .banner .bg {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background: url(../images/tour_wholesaler/批发商解决方案banner.png);
  height: 490px;
  text-align: center;
}
.page-know .main-content .banner .bg h3 {
  padding-top: 100px;
  font-size: 42px;
  color: #f5f5f5;
}
.page-know .main-content .banner .bg p {
  font-size: 76px;
  color: #f5f5f5;
}
.page-know .main-content .banner .bg h4 {
  font-size: 22px;
  color: #f5f5f5;
}
.page-know .main-content .solution {
  height: 680px;
  width: 1280px;
  margin: 0 auto 40px auto;
}
.page-know .main-content .solution h3 {
  text-align: center;
  color: #333333;
  font-size: 40px;
  margin: 82px 0;
}
.page-know .main-content .solution .list {
  display: inline-block;
  width: 23.5%;
  height: 341px;
  margin: 10px 5px;
  color: #404040;
  vertical-align: top;
  perspective: 1000px;
}
.page-know .main-content .solution .list .title {
  font-size: 22px;
  text-align: center;
}
.page-know .main-content .solution .list div {
  font-size: 14px;
  width: 80%;
  margin: 10px auto;
}
.page-know .main-content .solution .list .img1,
.page-know .main-content .solution .list .img2,
.page-know .main-content .solution .list .img3,
.page-know .main-content .solution .list .img4 {
  display: block;
  margin: 60px 0 30px 35%;
  height: 70px;
  width: 70px;
  background-size: 100% 100%;
}
.page-know .main-content .solution .list .box {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}
.page-know .main-content .solution .list .bg {
  background-size: 100% 100%;
  height: 341px;
  width: 100%;
}
.page-know .main-content .solution .list .content-box {
  position: absolute;
  top: 0px;
  left: 20px;
}
.page-know .main-content .solution .list .front {
  height: 300px;
}
.page-know .main-content .solution .list .front .bg1 {
  background-image: url(../images/tour_wholesaler/组1.png);
}
.page-know .main-content .solution .list .front .bg2 {
  background-image: url(../images/tour_wholesaler/组2.png);
}
.page-know .main-content .solution .list .front .bg3 {
  background-image: url(../images/tour_wholesaler/组3.png);
}
.page-know .main-content .solution .list .front .bg4 {
  background-image: url(../images/tour_wholesaler/组4.png);
}
.page-know .main-content .solution .list .front .img1 {
  background-image: url(../images/tour_wholesaler/内部智能管理.png);
}
.page-know .main-content .solution .list .front .img2 {
  background-image: url(../images/tour_wholesaler/多网络营销渠道.png);
}
.page-know .main-content .solution .list .front .img3 {
  background-image: url(../images/tour_wholesaler/随时随地移动办公.png);
}
.page-know .main-content .solution .list .front .img4 {
  background-image: url(../images/tour_wholesaler/同业数据对接.png);
}
.page-know .main-content .solution .list .back {
  transform: rotateY(-180deg);
}
.page-know .main-content .solution .list .back .bg1 {
  background-image: url(../images/tour_wholesaler/组5.png);
}
.page-know .main-content .solution .list .back .bg2 {
  background-image: url(../images/tour_wholesaler/组6.png);
}
.page-know .main-content .solution .list .back .bg3 {
  background-image: url(../images/tour_wholesaler/组7.png);
}
.page-know .main-content .solution .list .back .bg4 {
  background-image: url(../images/tour_wholesaler/组8.png);
}
.page-know .main-content .solution .list .back .img1 {
  background-image: url(../images/tour_wholesaler/1.png);
}
.page-know .main-content .solution .list .back .img2 {
  background-image: url(../images/tour_wholesaler/2.png);
}
.page-know .main-content .solution .list .back .img3 {
  background-image: url(../images/tour_wholesaler/3.png);
}
.page-know .main-content .solution .list .back .img4 {
  background-image: url(../images/tour_wholesaler/4.png);
}
.page-know .main-content .solution .list:hover .front {
  transform: rotateY(180deg);
}
.page-know .main-content .solution .list:hover .back {
  transform: rotateY(0deg);
  color: #ffffff;
}
.page-know .main-content .solution a {
  display: block;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background: #3f7ef7;
  color: #ffffff;
  clear: both;
  margin: 81px auto;
  font-size: 16px;
  text-align: center;
  line-height: 45px;
}
.page-know .main-content .tips {
  background-color: #fafafa;
}
.page-know .main-content .tips .tips-box {
  height: 820px;
  width: 1280px;
  margin: 0 auto;
  background-image: url(../images/tour_wholesaler/从繁琐的事务中解放出来.png);
  background-size: 80% 30%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: center;
}
.page-know .main-content .tips .tips-box h3 {
  text-align: center;
  color: #333333;
  font-size: 32px;
  padding: 100px 0px 71px 0;
}
.page-know .main-content .tips .tips-box img {
  margin: 0px 0 30px 30%;
  height: 70px;
}
.page-know .main-content .tips .tips-box .list {
  width: 15%;
  height: 300px;
  margin: 0px 32px;
  float: left;
}
.page-know .main-content .tips .tips-box .list p {
  font-size: 14px;
  color: #888888;
}
.page-know .main-content .tips .tips-box .list .title {
  color: #404040;
  font-size: 22px;
  padding: 20px 10px;
  text-align: center;
}
.page-know .main-content .advantage .first .left,
.page-know .main-content .advantage .third .left {
  width: 65%;
}
.page-know .main-content .advantage .first .right,
.page-know .main-content .advantage .third .right {
  width: 35%;
}
.page-know .main-content .advantage .fourth .left,
.page-know .main-content .advantage .second .left {
  width: 35%;
}
.page-know .main-content .advantage .fourth .right,
.page-know .main-content .advantage .second .right {
  width: 65%;
  text-align: right;
}
.page-know .main-content .advantage .advantage-box {
  width: 1280px;
  height: 520px;
  margin: 0px auto;
  padding: 100px 0 0px 0;
}
.page-know .main-content .advantage .advantage-box .left {
  float: left;
}
.page-know .main-content .advantage .advantage-box .left div {
  color: #888888;
  padding: 0 20px;
  font-size: 14px;
}
.page-know .main-content .advantage .advantage-box .right {
  float: left;
}
.page-know .main-content .advantage .advantage-box .right div {
  color: #888888;
  padding: 0 20px;
  font-size: 14px;
}
.page-know .main-content .advantage .advantage-box .title {
  color: #404040;
  font-size: 32px;
  padding: 0 20px;
}
.page-know .main-content .advantage .advantage-box .subtitle {
  color: #404040;
  font-size: 20px;
  text-align: left;
  padding: 0 20px;
  margin-top: 10px;
}
.page-know .main-content .advantage .second,
.page-know .main-content .advantage .fourth {
  width: 100%;
  background-color: #fafafa;
}
.page-know .main-content .cumstom-case {
  margin: 0 auto;
  height: 1052px;
  clear: both;
}
.page-know .main-content .cumstom-case h3 {
  text-align: center;
  color: #333333;
  font-size: 32px;
  padding: 71px 0px;
}
.page-know .main-content .cumstom-case .first-case,
.page-know .main-content .cumstom-case .second-case,
.page-know .main-content .cumstom-case .third-case {
  width: 1280px;
  height: 200px;
  margin: 20px auto 0 auto;
}
.page-know .main-content .cumstom-case .first-case .left,
.page-know .main-content .cumstom-case .second-case .left,
.page-know .main-content .cumstom-case .third-case .left {
  width: 244px;
  float: left;
  height: 200px;
  box-shadow: -8px 8px 10px #fafafa;
}
.page-know .main-content .cumstom-case .first-case .left img,
.page-know .main-content .cumstom-case .second-case .left img,
.page-know .main-content .cumstom-case .third-case .left img {
  height: 200px;
  width: 244px;
}
.page-know .main-content .cumstom-case .first-case .right,
.page-know .main-content .cumstom-case .second-case .right,
.page-know .main-content .cumstom-case .third-case .right {
  float: left;
  height: 200px;
  width: 1036px;
  background: #214abc;
}
.page-know .main-content .cumstom-case .first-case .right p,
.page-know .main-content .cumstom-case .second-case .right p,
.page-know .main-content .cumstom-case .third-case .right p {
  color: #ffffff;
  font-size: 24px;
  margin: 48px 20px 10px 35px;
}
.page-know .main-content .cumstom-case .first-case .right div,
.page-know .main-content .cumstom-case .second-case .right div,
.page-know .main-content .cumstom-case .third-case .right div {
  color: rgba(225, 225, 225, 0.8);
  font-size: 14px;
  margin: 0px 35px;
}
.page-know .main-content .cumstom-case a {
  display: block;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background: #3f7ef7;
  color: #ffffff;
  clear: both;
  margin: 81px auto;
  font-size: 16px;
  text-align: center;
  line-height: 45px;
}
.page-know .main-content .bottom {
  background: url(../images/tour_wholesaler/bottompng.png);
  width: 100%;
  height: 200px;
  clear: both;
  text-align: center;
  color: #ffffff;
}
.page-know .main-content .bottom h3 {
  font-size: 30px;
  padding: 30px 0px 0px 0;
}
.page-know .main-content .bottom p {
  font-size: 18px;
  padding: 10px 0px;
}
.page-know .main-content .bottom a {
  display: block;
  width: 120px;
  height: 32px;
  border-radius: 50px;
  background: #3f7ef7;
  color: #ffffff;
  clear: both;
  margin: 10px auto;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #ffffff;
}