* {
  box-sizing: border-box;
}
.creditCon {
}
.box {
  padding-bottom: 100px;
}
.banner {
  height: 450px;
  background: url("../../images/product/creditReport/banner.png") no-repeat center top;
  color: #fff;
  padding: 190px 0 0 0;
}
.wrapCon {
  width: 1200px;
  margin: 0 auto;
}
.titleCon {
  padding: 30px 0 50px 0;
  margin-bottom: 70px;
  text-align: center;
}
.titleCon h3 {
  position: relative;
  color: #333333;
  font-size: 36px;
}
.titleCon h3:before {
  content: "";
  width: 60px;
  height: 6px;
  background-color: #d02a24;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: -30px;
}
.banner h3 {
  margin-bottom: 35px;
  font-size: 40px;
}
.banner p {
  font-size: 18px;
}
.topBox {
  padding: 35px 0 20px 0;
}
.topBox ul {
  display: flex;
}
.topBox ul li {
  width: 25%;
  height: 76px;
  border-left: 1px solid #cfcfcf;
  text-align: center;
}
.topBox ul li:last-child {
  border-right: 1px solid #cfcfcf;
}
.topBox ul li h3 {
  color: #c7242b;
  font-size: 40px;
  margin-bottom: 6px;
}
.topBox ul li h3 em {
  font-style: normal;
}
.topBox ul li p {
  color: #333333;
  font-size: 14px;
}
/*我们的优势*/
.box1 {
}
.box1 ul {
  display: flex;
  justify-content: space-between;
}
.box1 ul li {
  width: 238px;
  height: 381px;
  padding: 75px 30px 0;
  background-color: #f7f7f7;
  text-align: center;
  position: relative;
}
.box1 ul li.active {
  background-color: #ca1011;
}
.box1 ul li i {
  width: 79px;
  height: 89px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -39.5px;
  top: -44.5px;
}
.box1 ul li .goodIcon_1 {
  background-position: 0 0;
}
.box1 ul li .goodIcon_2 {
  background-position: -80px 0;
}
.box1 ul li .goodIcon_3 {
  background-position: -160px 0;
}
.box1 ul li .goodIcon_4 {
  background-position: -240px 0;
}
.box1 ul li .goodIcon_5 {
  background-position: -320px 0;
}
.box1 ul li.active .goodIcon_1 {
  background-position: 0 -90px;
}
.box1 ul li.active .goodIcon_2 {
  background-position: -80px -90px;
}
.box1 ul li.active .goodIcon_3 {
  background-position: -160px -90px;
}
.box1 ul li.active .goodIcon_4 {
  background-position: -240px -90px;
}
.box1 ul li.active .goodIcon_5 {
  background-position: -320px -90px;
}
.box1 ul li h3 {
  color: #333333;
  padding-bottom: 40px;
  font-size: 18px;
  line-height: 1.2;
}
.box1 ul li .topH {
  margin-top: -15px;
  padding-bottom: 30px;
}
.box1 ul li p {
  color: #666666;
  font-size: 14px;
  line-height: 30px;
}
.box1 ul li.active h3 {
  color: #ffffff;
}
.box1 ul li.active p {
  color: #ffffff;
  opacity: 0.8;
}
.box2 {
  height: 1010px;
  background: url("../../images/product/creditReport/caseBg.jpg") no-repeat center top;
}
.box2 .titleCon h3 {
  color: #ffffff;
}
.box2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box2 ul li {
  width: 580px;
  height: 201px;
  padding: 65px 30px 0;
  background-color: #ffffff;
  box-shadow: 0px 2px 26px 0px rgba(68, 8, 4, 0.1);
  border-radius: 10px;
  margin-bottom: 30px;
}
.box2 ul li h3 {
  color: #333333;
  font-size: 20px;
  margin-bottom: 15px;
  position: relative;
}
.box2 ul li h3:before {
  content: "";
  width: 34px;
  height: 34px;
  position: absolute;
  left: 0;
  top: -45px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
  background-position: -601px -188px;
}
.box2 ul li p {
  color: #666666;
  font-size: 14px;
  line-height: 26px;
}
.box3 {
  height: 770px;
  background: #f8f8f8;
}
.report3 {
  padding-top: 50px;
}
.box3 ul {
  display: flex;
  justify-content: space-between;
}
.box3 ul li {
  width: 360px;
  height: 328px;
  text-align: center;
  background-color: #ffffff;
  padding: 60px 36px 0;
  position: relative;
  transition: all 0.6s;
}
.box3 ul li.active {
  height: 374px;
  background: url("../../images/product/creditReport/bg.png") no-repeat;
}
.box3 ul li:before {
  content: "";
  width: 79px;
  height: 89px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -39.5px;
  top: -54.5px;
}
.box3 ul li:nth-of-type(1):before {
  background-position: -400px 0;
}
.box3 ul li:nth-of-type(2):before {
  background-position: -480px 0;
}
.box3 ul li:nth-of-type(3):before {
  background-position: -560px 0;
}
.box3 ul li:nth-of-type(1).active:before {
  background-position: -400px -90px;
}
.box3 ul li:nth-of-type(2).active:before {
  background-position: -480px -90px;
}
.box3 ul li:nth-of-type(3).active:before {
  background-position: -560px -90px;
}
.box3 ul li h3 {
  color: #333333;
  font-size: 22px;
  margin-bottom: 30px;
}
.box3 ul li p {
  color: #666666;
  font-size: 14px;
  line-height: 28px;
}
.box3 ul li.active h3 {
  color: #ffffff;
}
.box3 ul li.active p {
  color: #ffffff;
  opacity: 0.8;
}
.box3 ul li a {
  display: none;
  width: 174px;
  height: 52px;
  line-height: 52px;
  background-color: #ca1011;
  border-radius: 26px;
  border: solid 1px #ffffff;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  left: 50%;
  margin-left: -87px;
  bottom: 25px;
  cursor: pointer;
}
.box3 ul li a i {
  display: inline-block;
  width: 15px;
  height: 8px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
  background-position: -423px -238px;
  margin-left: 20px;
}
.box3 ul li.active a {
  display: inline-block;
}
/*增值服务*/
.box4 {
  background: #ffffff;
}
.report4 {
  display: flex;
  justify-content: space-between;
  padding-top: 100px;
}
.report4 .addLeft {
  width: 480px;
  padding-top: 90px;
}
.report4 .addLeft h6 {
  width: 140px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 20px 19px 19px 0px;
  border: solid 1px #dd2b21;
  font-weight: normal;
  color: #ca1011;
  font-size: 18px;
  margin: 0;
}
.report4 .addLeft h3 {
  color: #333333;
  font-size: 30px;
  font-weight: 600;
  margin: 20px 0 30px 0;
}
.report4 .addLeft p {
  color: #666666;
  font-size: 14px;
  line-height: 30px;
}
.box5 {
  padding-top: 225px;
  height: 652px;
  background: url("../../images/product/creditReport/serBg.jpg") no-repeat center top;
}
.report5 {
  width: 820px;
  height: 354px;
  background-color: #ca1011;
  float: right;
  padding: 47px 22px 0 50px;
  display: flex;
  justify-content: space-between;
}
.report5 .serLeft {
  width: 310px;
}
.report5 .serLeft h6 {
  width: 140px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 18px;
  background-color: #ca1011;
  font-weight: normal;
  border-radius: 20px 19px 19px 0px;
  border: solid 1px #ffffff;
  color: #ffffff;
  margin: 0;
}
.report5 .serLeft h3 {
  margin: 18px 0 30px 0;
  font-weight: normal;
  color: #ffffff;
  font-size: 30px;
}
.report5 .serLeft p {
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  opacity: 0.7;
}
.report5 ul {
  width: 336px;
  height: 236px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.report5 ul li {
  width: 50%;
}
.report5 ul li:nth-of-type(1) {
  padding: 20px 0 0 0;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.report5 ul li:nth-of-type(2) {
  padding: 20px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.report5 ul li:nth-of-type(3) {
  padding: 38px 0 0 0;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.report5 ul li:nth-of-type(4) {
  padding: 38px 0 0 0;
}
.report5 ul li i {
  display: inline-block;
  height: 35px;
  margin-left: 54px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
}
.report5 ul li:nth-of-type(2) i,
.report5 ul li:nth-of-type(4) i {
  margin-left: 64px;
}
.report5 ul li i.reportIcon_1 {
  width: 38px;
  height: 34px;
  background-position: -555px -188px;
}
.report5 ul li i.reportIcon_2 {
  width: 35px;
  height: 34px;
  background-position: -457px -189px;
}
.report5 ul li i.reportIcon_3 {
  width: 34px;
  height: 33px;
  background-position: -509px -188px;
}
.report5 ul li i.reportIcon_4 {
  width: 38px;
  height: 34px;
  background-position: -415px -189px;
}
.report5 ul li p {
  color: #ffffff;
  font-size: 14px;
  margin-top: 20px;
}
.report5 ul li:nth-of-type(2) p {
  text-indent: 54px;
}
.report5 ul li:nth-of-type(4) p {
  text-indent: 40px;
}
.box6 {
  padding-bottom: 0;
}
.box6 .titleCon {
  margin-bottom: 20px;
}
.box6 .titleCon span {
  color: #dd2b21;
}
.box6 .titleCon h3:before {
  content: none;
}
.box6 .titleCon p {
  color: #666666;
  margin-top: 20px;
  font-size: 16px;
}
.report6 {
  display: flex;
  justify-content: space-between;
}
.report6 ul {
  margin-top: 70px;
}
.report6 ul li {
  width: 630px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 57px;
}
.report6 ul li em {
  margin-right: 35px;
  font-style: normal;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #dd2b21;
  position: relative;
  color: #ffffff;
  font-size: 16px;
}
.report6 ul li em:after {
  content: "";
  width: 34px;
  height: 34px;
  background-color: #dd2b21;
  opacity: 0.3;
  position: absolute;
  left: 16px;
  bottom: -10px;
  z-index: -1;
}
.report6 ul li p {
  width: 545px;
  color: #333333;
  font-size: 16px;
  margin-top: 12px;
  line-height: 28px;
}
.report6 ul li p span {
  color: #dd2b21;
}
/*覆盖业务*/
.box7 {
  height: 850px;
  background: url("../../images/product/creditReport/business.png") no-repeat center 280px;
}
.report7 {
  display: flex;
  justify-content: center;
  position: relative;
}
.report7 .circle {
  width: 260px;
  height: 260px;
  background: url("../../images/product/creditReport/bigMap.png") no-repeat;
  position: relative;
}
.report7 .circle:before {
  content: "";
  width: 232px;
  height: 232px;
  background: url("../../images/product/creditReport/littleMap.png") no-repeat;
  position: absolute;
  left: 14px;
  top: 14px;
  -webkit-transform: rotate(360deg);
  animation: rotation 9s linear infinite;
  -moz-animation: rotation 9s linear infinite;
  -webkit-animation: rotation 9s linear infinite;
  -o-animation: rotation 9s linear infinite;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.report7 span {
  display: inline-block;
  width: 260px;
  height: 260px;
  line-height: 260px;
  text-align: center;
  color: #333333;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 0;
}
/*征信中间件系统*/
.box8 {
  background: #f9f9f9;
}
.report8 {
}
.report8 .tabCon > ul {
  width: 660px;
  margin: 0 auto 40px;
  display: flex;
}
.report8 .tabCon > ul li {
  width: 330px;
  height: 52px;
  line-height: 52px;
  background-color: #f9f9f9;
  border: solid 1px #dd2b21;
  text-align: center;
  color: #dd2b21;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.report8 .tabCon > ul li:first-child {
  border-radius: 26px 0 0 26px;
}
.report8 .tabCon > ul li:last-child {
  border-radius: 0 26px 26px 0;
}
.report8 .tabCon > ul li.active {
  background-color: #dd2b21;
  color: #ffffff;
}
.report8 .tabBox {
}
.report8 .tabBox .twoMark > p {
  margin: 0 0 50px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
.tabBox .twoMark {
  display: none;
}
.tabBox .twoMark.markShow {
  display: block;
}
.tabBox .twoMark ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabBox .twoMark ul li {
  width: 383px;
  height: 170px;
  margin-bottom: 40px;
  display: flex;
}
.tabBox .twoMark ul li .markLeft {
  width: 120px;
  height: 170px;
  line-height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../../images/product/creditReport/markBg.png") no-repeat;
}
.tabBox .twoMark ul li.markBg_1 .markLeft {
  background-position: 0 0;
}
.tabBox .twoMark ul li.markBg_2 .markLeft {
  background-position: -122px 0;
}
.tabBox .twoMark ul li.markBg_3 .markLeft {
  background-position: -244px 0;
}
.tabBox .twoMark ul li.markBg_1.markActive .markLeft {
  background-position: 0 -174px;
}
.tabBox .twoMark ul li.markBg_2.markActive .markLeft {
  background-position: -122px -174px;
}
.tabBox .twoMark ul li.markBg_3.markActive .markLeft {
  background-position: -244px -174px;
}
.tabBox .twoMark ul li .markLeft i {
  display: inline-block;
  background: url("../../images/product/creditReport/creditIcon_2.png") no-repeat;
}
.tabBox .twoMark ul li .markLeft .markIcon_1 {
  width: 35px;
  height: 47px;
  background-position: 0 0;
}
.tabBox .twoMark ul li .markLeft .markIcon_2 {
  width: 46px;
  height: 46px;
  background-position: -38px 0px;
}
.tabBox .twoMark ul li .markLeft .markIcon_3 {
  width: 43px;
  height: 44px;
  background-position: -90px -3px;
}
.tabBox .twoMark ul li .markLeft .markIcon_4 {
  width: 44px;
  height: 44px;
  background-position: -139px -3px;
}
.tabBox .twoMark ul li .markLeft .markIcon_5 {
  width: 40px;
  height: 40px;
  background-position: -189px -3px;
}
.tabBox .twoMark ul li .markLeft .markIcon_6 {
  width: 34px;
  height: 40px;
  background-position: -235px -4px;
}
.tabBox .twoMark ul li .markLeft .markIcon_7 {
  width: 44px;
  height: 43px;
  background-position: -275px -3px;
}
.tabBox .twoMark ul li .markLeft .markIcon_8 {
  width: 36px;
  height: 41px;
  background-position: -325px -4px;
}
.tabBox .twoMark ul li .markLeft .markIcon_9 {
  width: 39px;
  height: 44px;
  background-position: -367px -3px;
}
.tabBox .twoMark ul li .markLeft .markIcon_10 {
  width: 38px;
  height: 41px;
  background-position: -412px -4px;
}
.tabBox .twoMark ul li .markLeft .markIcon_11 {
  width: 35px;
  height: 47px;
  background-position: -456px -1px;
}
.tabBox .twoMark ul li .markLeft .markIcon_12 {
  width: 44px;
  height: 44px;
  background-position: -2px -58px;
}
.tabBox .twoMark ul li .markLeft .markIcon_13 {
  width: 41px;
  height: 43px;
  background-position: -52px -59px;
}
.tabBox .twoMark ul li .markLeft .markIcon_14 {
  width: 42px;
  height: 44px;
  background-position: -99px -59px;
}
.tabBox .twoMark ul li .markLeft .markIcon_15 {
  width: 32px;
  height: 40px;
  background-position: -147px -62px;
}
.tabBox .twoMark ul li .markLeft .markIcon_16 {
  width: 48px;
  height: 46px;
  background-position: -185px -56px;
}
.tabBox .twoMark ul li .markLeft .markIcon_17 {
  width: 49px;
  height: 48px;
  background-position: -239px -57px;
}
.tabBox .twoMark ul li .markLeft .markIcon_18 {
  width: 42px;
  height: 45px;
  background-position: -294px -59px;
}
.tabBox .twoMark ul li .markLeft .markIcon_19 {
  width: 43px;
  height: 43px;
  background-position: -342px -60px;
}
.tabBox .twoMark ul li .markLeft .markIcon_20 {
  width: 40px;
  height: 45px;
  background-position: -391px -61px;
}
.tabBox .twoMark ul li .markLeft .markIcon_21 {
  width: 44px;
  height: 42px;
  background-position: -437px -61px;
}

.tabBox .twoMark ul li .markRight {
  width: 263px;
  height: 170px;
  padding: 38px 25px 0;
  text-align: center;
  background: #ffffff;
}
.tabBox .twoMark ul li .markRight h3 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 10px;
}
.tabBox .twoMark ul li .markRight p {
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
/*产品页面展示*/
.box9 {
  padding-bottom: 0;
}
.box9 .report9 {
  position: relative;
}
.box9 .report9 div {
  width: 324px;
  height: 216px;
  background-color: #f75b35;
  border-radius: 5px;
  padding: 48px 35px;
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  right: 30px;
  bottom: 160px;
}
.box9 p {
  color: #333333;
  font-size: 16px;
  margin-bottom: 70px;
  text-align: center;
}
.report10 {
  text-align: center;
}
/*系统优势*/
.box11 {
  height: 720px;
  background: url("../../images/product/creditReport/shouBg.jpg") no-repeat center top;
}
.report11 {
  padding-top: 30px;
}
.box11 .titleCon h3 {
  color: #ffffff;
}
.box11 ul {
  display: flex;
  justify-content: space-between;
}
.box11 ul li {
  width: 220px;
  height: 334px;
  background: #ffffff;
  border: 1px solid #e2dede;
  border-radius: 5px;
  padding: 24px 20px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.box11 ul li:nth-of-type(2) {
  margin-top: 80px;
}
.box11 ul li:nth-of-type(4) {
  margin-top: 80px;
}
.box11 ul li:after {
  content: "";
  position: absolute;
  background: url("../../images/product/creditReport/creditIcon_2.png") no-repeat;
}
.box11 ul li:nth-of-type(1):after {
  width: 106px;
  height: 109px;
  background-position: 0 -117px;
  right: -33px;
  bottom: -48px;
  opacity: 0.5;
}
.box11 ul li:nth-of-type(2):after {
  width: 95px;
  height: 109px;
  background-position: -111px -122px;
  right: -45px;
  bottom: -50px;
}
.box11 ul li:nth-of-type(3):after {
  width: 88px;
  height: 109px;
  background-position: -213px -120px;
  right: -38px;
  bottom: -65px;
}
.box11 ul li:nth-of-type(4):after {
  width: 108px;
  height: 101px;
  background-position: -311px -119px;
  right: -40px;
  bottom: -40px;
}
.box11 ul li:nth-of-type(5):after {
  width: 106px;
  height: 112px;
  background-position: -426px -116px;
  right: -55px;
  bottom: -60px;
}
.box11 ul li i {
  display: inline-block;
  width: 80px;
  height: 86px;
  background: url("../../images/product/creditReport/creditIcon_1.png") no-repeat;
}
.box11 ul li .sysIcon_1 {
  background-position: 0 -180px;
}
.box11 ul li .sysIcon_2 {
  background-position: -81px -180px;
}
.box11 ul li .sysIcon_3 {
  background-position: -162px -180px;
}
.box11 ul li .sysIcon_4 {
  background-position: -243px -180px;
}
.box11 ul li .sysIcon_5 {
  background-position: -324px -180px;
}
.box11 ul li h3 {
  color: #333333;
  font-size: 20px;
  margin: 22px 0 30px 0;
}
.box11 ul li p {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.box11 {
  height: 740px;
  background: url("../../images/product/creditReport/shouBg.jpg") no-repeat center top;
}
.box12 {
}
.allrdbox {
  position: relative;
  width: 1300px;
  height: 462px;
  margin: 0 auto;
  background: url("../../images/product/creditReport/allrdbg.png") no-repeat;
}
.allrd {
  float: left;
  position: absolute;
  width: 197px;
}
.allrd1 {
  top: 20px;
  left: 320px;
}
.allrd2 {
  top: 15px;
  left: 740px;
}
.allrd3 {
  top: 15px;
  right: 0;
}
.allrd4 {
  bottom: 0;
  left: 105px;
}
.allrd5 {
  bottom: 70px;
  left: 525px;
}
.allrd6 {
  bottom: 62px;
  right: 215px;
}
.allrd h6 {
  font-size: 18px;
  line-height: 32px;
  color: #333;
  margin: 0;
}
.allrd p {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}