h2 {
  text-align: center;
  padding: 0px;
  margin-bottom: 40px;
}
h2::after,
h2::before {
  content: "";
  display: inline-block;
  width: 42px;
  height: 1px;
  background: #222222;
  vertical-align: middle;
  margin: 0 20px;
}
img {
  max-width: 100%;
  height: auto;
}
.banner {
  padding: 142px 0 112px 0;
  background: url(/assets/images/free-recovery-software-for-winfr-users/bg-banner.png) no-repeat;
  background-size: cover;
  text-align: center;
}
.banner h1 {
  font-size: 70px;
  font-weight: bold;
  color: #F7E3AC;
  letter-spacing: 8px;
}
.banner .des {
  font-size: 30px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 37px;
  margin-top: 35px;
}
.banner .list {
  font-size: 0;
  margin-top: 90px;
}
.banner .list .iconbox {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 90px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.banner .list .icons {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 58px;
  background: url(/assets/images/free-recovery-software-for-winfr-users/icon.png) no-repeat;
  background-position: 0px 0px;
}
.banner .list li {
  width: 19%;
  display: inline-block;
  text-align: center;
}
.banner .list li:nth-child(2) .icons {
  width: 58px;
  background-position: -230px 0px;
}
.banner .list li:nth-child(3) .icons {
  width: 58px;
  height: 62px;
  background-position: -458px 0px;
}
.banner .list li:nth-child(4) .icons {
  width: 58px;
  height: 62px;
  background-position: -690px 0px;
}
.banner .list h3 {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 27px;
}
@media screen and (max-width: 992px) {
  .banner .list li {
    width: 25%;
  }
}
@media screen and (max-width: 592px) {
  .banner .list li {
    width: 50%;
    margin: 30px 0;
  }
}
.introduce {
  padding: 100px 0;
  background: #FFFFFF;
  font-size: 0;
  text-align: left;
}
.introduce .imgbox,
.introduce .txtbox {
  display: inline-block;
  vertical-align: middle;
}
.introduce .imgbox {
  width: 66.66%;
}
.introduce .txtbox {
  position: relative;
  width: 33.33%;
  z-index: inherit;
}
.introduce h3 {
  position: relative;
  font-size: 32px;
  font-weight: 400;
  color: #111111;
  text-align: left;
  z-index: 10;
}
.introduce h3::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: "";
  display: inline-block;
  width: 160px;
  height: 20px;
  background: #DCEEFB;
  z-index: -1;
}
.introduce .des {
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 32px;
  text-align: left;
  margin: 58px 0 45px 0;
}
.introduce .btnbox {
  text-align: left;
}
.introduce .btn {
  width: 160px;
  height: 40px;
  background: #0084FF;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
}
.introduce .btn:hover {
  opacity: 0.8;
}
.introduce .more {
  font-size: 16px;
  color: #0084FF;
  margin-left: 30px;
}
.introduce .int-cont:nth-last-child(1) {
  margin-top: 95px;
}
@media screen and (max-width: 992px) {
  .introduce .imgbox,
  .introduce .txtbox {
    width: 100%;
    text-align: center;
  }
  .introduce h3 {
    display: inline-block;
    text-align: center;
  }
  .introduce .des {
    text-align: center;
  }
  .introduce .btnbox {
    text-align: center;
  }
}
.reviews {
  padding: 99px 0 120px 0;
  background: #F2F2F2;
}
.reviews h2 {
  margin-bottom: 0px;
}
.reviews .item {
  position: relative;
  width: 1100px;
  height: 300px;
  text-align: center;
}
.reviews .bot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 60px 15px;
  background: #FFFFFF;
}
.reviews .bot::before {
  position: absolute;
  left: 80px;
  top: -70px;
  content: "";
  display: inline-block;
  width: 90px;
  height: 95px;
  background: url(/assets/images/free-recovery-software-for-winfr-users/yin.png) no-repeat;
}
.reviews .user {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
.reviews .name {
  display: inline-block;
  margin-bottom: 10px;
}
.reviews .des {
  margin-top: 30px;
}
.reviews .slick-dots {
  bottom: -40px;
}
.reviews .slick-dots li {
  margin: 0 10px;
}
.reviews .slick-dots li button {
  width: 6px;
  height: 6px;
}
.reviews .slick-arrow {
  width: 50px;
  height: 50px;
}
.reviews .slick-next,
.reviews .slick-prev {
  top: 62%;
}
.reviews .slick-arrow.slick-prev {
  left: -22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUxpcb7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L/Q4f////r7/dLe6urw9d3m78TU4/X4+r6TEbIAAAAMdFJOUwDZMVYI75Ucvah+YAcxgOUAAAE1SURBVEjHnVbtFoMgCM2WZoXf7/+uo9V2tonlufdneYULCAxDhXkzVmkirazZ5uEW86roB2q9Zo0LH8ohxeKd8yWmkPnDMrYt7IQQ3Q9i2EkNSw/2P3lXwSfW9RAIk2ELxYkobMlMFcMSRddEJLJTxcjFXaDkP84to+aYW8aLY75iRXTLYA7RJ26zvlL+HQP9zs9CwXUh0HJWSZdbp2vjaSS5TqTDzEzkeymeaFez9io51KxMUX3hegdN7X7l1oWSxsyebQ2/uOKDeNHGtZIapZu9eJMZrCiFMyAnK5Jl9cIvn1uvp7B+LWTFy9KPzOiBqFv6C0QiJVxTJMfctWOAfCDIQCqBggHKEih+5IkBDxloF0hTAlof0mCBNo4MC2QkAYMPGa/IEEdWBWghQdYeaLnqWuGeqIlk5jV5k6IAAAAASUVORK5CYII=) no-repeat center;
}
.reviews .slick-arrow.slick-prev:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACEUExURUxpcVOm/XO2/lOm/VOl/T2b/W6z/jya/VSm/VOm/TeY/HG1/jWX/HW3/lGl/WKt/k2j/TaX/FKm/Uig/Tya/G60/l2r/UGe/E6k/T+c/HK1/leo/WSv/USf/Uuj/TOW/DmZ/Fqp/WGt/Xa3/mew/Wqy/v///3i4/rTY/tLo/+z1/43E/pM37roAAAARdFJOUwAYmTEfj7OyCFvT7+/S233vEqWPBgAAAXxJREFUSMeVltmWgyAMQCMVIrh2m7Fjp9pl6Pb//zfFLqfWoHAfk3MPEsAEoEcoOaqkrhOFXIYwSshV3UHxYWuCNQFOrEJACq0U0IZMaiuJJISITwfhUc/A6Qj44URqOoqKums0DnTW4Y0T/K1WjSOvugXJwpHkeT64cAYft2Thwf3u4MqDdplw5YW51/m3F6bQyk9Rt+/6tXDW+kTFQ5AW46T1eU4lJPA5yVXrS0VmOCAZX2qtl2Rmg5BR8eqi9ZVefp5BselTmq1vLBRARc3WS5tSQknQKlagIIIz82E2o4BsRrAz25/RZIBkfH8r8p5WEDidMEe5phIVB1nRmBJsqYSE0KJsTQmoxO3BZFsvMvPEvrzIzUP2U9oGJXYeiPtPae3Bo6EJd0M8f7DxwZH41QDlnyNv7Y+5Gey9JYmlA6LbxtJxI/1sluJnBNFvyWzYYBE1KsR2IZaWgYTtLbDAPvYIShCT4eEqT48d0txlJJNMpPHxGKeCUSPcP4qwxbC004VcAAAAAElFTkSuQmCC) no-repeat center;
}
.reviews .slick-arrow.slick-next {
  right: -22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcb7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4L7P4P///77P4Pj6/Nbh7MjW5eXs8+/z9/xIduwAAAAMdFJOUwCV2fwI71scvagxfijQX1cAAAEuSURBVEjHnZbrsoMgDIQFREBZQN7/YU/stJ22gnI2P3E+l1xIMk0nc4vy2hpjtVeLm27NbRpfprdrag0GKHmvKcWYUt1zAUxY+wpB/ppr/LKa5TB0lBYrQIonSwLZpQHMqg28IDWfCA/ssWs74OcTUVK8sFR+mFvizKhb4sGoj1gBt4QwwDtuzl55/hkD+8pPQI5DlhGeVTJ0refV1v+JvGWcGRU5ZMzhzTYucshsgmjUcaRCy71Qmn/raBc4SWNuf2qfZ0mnaqdRyqP5YZeq8R1XqjzG2jr24n3qPpFGrSbx33azIiEoDcROwEUSGiGAuUJKByEuRrhPBJlIJVEwRFkSxc88MeIhE+2CaUpE62MaLNHGmWHBjCRi8DHjlRnizKpALSTM2kMtV0Mr3B89fl5kX91FrgAAAABJRU5ErkJggg==) no-repeat center;
}
.reviews .slick-arrow.slick-next:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpcVOm/TiZ/DWX/HK2/j+c/T+c/VCk/VSm/XG1/lCl/Xe4/jWX/GSu/nK2/jeY/EWf/VOm/Tqa/EGd/FKm/Vuq/U2j/T6c/DWX/GSv/Veo/Ueg/Uih/Wix/m60/jeY/HG1/jKW/HS3/k+k/V+r/WGt/USf/Uui/Wuy/ne4/v///7TY/tbq/87m/uz1/43E/sapuc8AAAASdFJOUwAxqL26lFwdB5fg5O8PWdh+t5P+ihYAAAF9SURBVEjHlZbZdsIgEEDHhCWQ3Wqr0Wpjqra4/f/fFdyqZkjgPs7kHsiwDAAtOKNhntR1koeUceiFF3n9RF50W4OgRggG9hFQ4SxZRmLJxErCECGik05o9Gqk4aSHMH0ZI1z2Eka+xotDh07Qh1oNHbnXjSeuSnJbn2DoTHDdJR8eXPZO4KOch+FvXpi/KfyUQiu5n5LreW0wdkodZmhmw4Gh8fleqR2uMKAzlOqo1AnNUChxZbZQSi2wRAlybuGk1LFC4hLetzZ0CfZNO6wVK81Bl6Ad3vorDTRWzMRG7bAEObJgfn+NxCWUFmOli7zCEiVQ3JiapUQzFFiFMTYbBs1UDDgaN9tyjCv6wMixF9IcMT/FHDH+7cX5WirXHpSXS2nqwbWhCXdD3C7YT2fuDTBzNbL/q1/8OCEeWxJZOECe2xjxNXR7JV89kLTVxEW3ISKk82fxykqc4c+LVNgMkdqfPeQXgQy6H1cifv4+Fi5PskyQWItxTESGfP8H6bbP3t6QMaoAAAAASUVORK5CYII=) no-repeat center;
}
@media screen and (max-width: 592px) {
  .reviews .bot::before {
    display: none;
  }
}