*{box-sizing: border-box}
.creditCon{}
.box{padding-bottom:100px;}
.banner{
    height:450px;
    background:url("../images/creditReport/banner.png") no-repeat center top;
    color:#fff;
    padding:140px 0 0 0;
}
.wrapCon{
    width:1200px;
    margin:0 auto;
}
.titleCon{
    padding:90px 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/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/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/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/creditReport/bg.png") no-repeat;
}
.box3 ul li:before{
    content:"";
    width:79px;
    height:89px;
    background:url("../images/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/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/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/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/creditReport/business.png") no-repeat center 280px;
}
.report7{
    display: flex;
    justify-content: center;
    position:relative;
}
.report7 .circle{
    width:260px;
    height:260px;
    background:url("../images/creditReport/bigMap.png") no-repeat;
    position:relative;
}
.report7 .circle:before{
    content:"";
    width:232px;
    height:232px;
    background:url("../images/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/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/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/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/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/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/creditReport/shouBg.jpg") no-repeat center top;
}
.box12{}
.allrdbox {
    position: relative;
    width: 1300px;
    height: 462px;
    margin: 0 auto;
    background: url(../images/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;
}