*{
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
.prohead{
    position:absolute;
    left:0;
    top:0;
    background:transparent!important;
}
.scficon {
    display: inline-block;
    background: url("../images/indexNew/iconCon.png") no-repeat;
}

/* baner */
.swipecot {
    width: 100%;
    height: 570px;
}
.swpimg1 {
    width: 100%;
    height: 570px;
    background: url("../images/indexNew/scfbanner1.jpg") no-repeat center top;
}
.swpimg2 {
    width: 100%;
    height: 570px;
    background: url("../images/indexNew/scfbanner2.jpg") no-repeat center top;
}
.swpimg2 a{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet{

    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    background: transparent;
    height: 12px;
    width: 12px;
    cursor: pointer;
    border-radius: 50px;
    border: solid 2px #ffffff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    border-color: #ff8737;
    background: transparent;
    opacity: 1;
}
.chainCon{
    width:100%;
    position:relative;;
}
.mainWrap{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.chainTitle {
    padding: 80px 0 70px;
}
.chainTitle h3{
    font-size: 44px;
    font-weight: normal;
    text-align: center;
    color: #333333;
}
.chainTitle p{
    margin-top:25px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #999999;
}
.chainCon{
    padding:0 0 90px 0;
}
.chain1{
    width:100%;
    height: 120px;
    padding:26px 0;
    background-color: #f0f4f6;
}
.chain1 ul{
    display: flex;
    justify-content: space-between;
}

.advantRight{
    padding:0 0 0 15px;
    float:left;
}
.advantRight h3{
    font-size: 36px;
    font-weight: normal;
    color: #333333;
    margin-bottom:5px;
}
.advantRight p{
    font-size: 16px;
    color: #666666;
}
.chain1 .advantList{
    width:68px;
    height:68px;
    float:left;
}
.advantList_1 .advantList{
    background-position: 0 0;
}
.advantList_2 .advantList{
    background-position: -75px 0;
}
.advantList_3 .advantList{
    background-position: -149px 0;
}
.advantList_4 .advantList{
    background-position: -221px 0;
}
.advantList_5 .advantList{
    background-position: -293px 0;
}
/*服务对象*/
.chain2{
    padding-bottom:20px;
}
.chainBox{

}
.objectBox ul{
    display: flex;
    justify-content: space-between;
}
.objectBox ul li{
    width:286px;
    height:655px;
    position:relative;
}
.objectBox ul li.objectBg_1{
    background:url("../images/indexNew/object_1.png") no-repeat;
}
.objectBox ul li.objectBg_2{
    background:url("../images/indexNew/object_2.png") no-repeat;
}
.objectBox ul li.objectBg_3{
    background:url("../images/indexNew/object_3.png") no-repeat;
}
.objectBox ul li.objectBg_4{
    background:url("../images/indexNew/object_4.png") no-repeat;
}
.objectBox ul li .objectBottom{
    width:260px;
    height:382px;
    position:absolute;
    bottom:0;
    left:13px;
    background:url("../images/indexNew/obOne.png") no-repeat;
    opacity: 0.9;
    padding:55px 20px 0;
}
.objectBottom h4{
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
    position:relative;
    text-align: center;
    margin-bottom:20px;
}
.objectBottom h4:before{
    content:"";
    width: 46px;
    height: 1px;
    background-color: #000;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:-10px;
}
.objectBottom p{
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #333333;
    margin-bottom:2px;
}
.objectBox ul li:hover .objectBottom{
    background:url("../images/indexNew/obTwo.png") no-repeat;
}
.objectBox ul li:hover .objectBottom h4, .objectBox ul li:hover .objectBottom p{
    color:#fff;
}
.objectBox ul li:hover .objectBottom h4:before{
    background:#fff;
}
/*覆盖的业务场景*/
.chain3{
    height:940px;
    background:url("../images/indexNew/sceneBg.jpg") no-repeat center bottom;
}
.chainBox3{
    width:1289px;
    height:677px;
    background:url("../images/indexNew/scene.png") no-repeat -65px center;
}
.sceneCon{
    width:450px;
    padding:100px 0 0 50px;
    float:left;
}
.sceneCon p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
    margin-bottom:40px;
}
.sceneCon .seekCon{
    width: 119px;
    height: 44px;
    line-height: 44px;
    background-color: #2577e3;
    border-radius: 4px;
    text-align: center;
}
.sceneCon .seekCon a{
    width:100%;
    display: inline-block;
    color:#fff;
    cursor: pointer;
}
/*主要产品介绍*/
.chain4{
    height:880px;
}
.majorLeft{
    width:300px;
    height:580px;
    float:left;
}
.majorLeft li{
    height:145px;
    text-align: center;
    padding:38px 0 0 0;
    background:#e9ebed;
    border-bottom:1px solid #fff;
}
.majorLeft .marjorShow{
    background:#2577e3;
}
.majorLeft li i{
    display: inline-block;
    width:43px;
    height:37px;
    margin-bottom:20px;
}
.majorLeft li h5{
    font-size: 22px;
    font-weight: normal;
    color: #333333;
}
.majorLeft .marjorIcon_1 i{
    background-position: -366px -40px;
}
.majorLeft li.marjorIcon_2 i{
    background-position: -412px -40px;
}
.majorLeft li.marjorIcon_3 i{
    background-position: -456px -40px;
}
.majorLeft li.marjorIcon_4 i{
    background-position: -504px -40px;
}
.majorLeft .marjorIcon_1.marjorShow i{
    background-position: -366px 0;
}
.majorLeft li.marjorIcon_2.marjorShow i{
    background-position: -412px 0;
}
.majorLeft li.marjorIcon_3.marjorShow i{
    background-position: -456px 0;
}
.majorLeft li.marjorIcon_4.marjorShow i{
    background-position: -504px 0;
}

.majorLeft .marjorShow h5{
    color:#fff;
}
.majorRight{
    width:900px;
    height:580px;
    float:left;
    padding:40px 75px 0 58px;
    border-top:1px solid #2577e3;
}
.majorBox{
    width:100%;
    display: none;
}
.majorShow{
    display: block;
}
.majorBox .majorTxt{
    clear:both;
    margin-bottom:50px;
}
 .majorTxt a h3{
     font-size: 24px;
     font-weight: 600;
     color: #2577e3;
     margin-bottom:20px
}
.majorTxt a:hover h3{
    color:#1961bf;
}
.majorTxt a p{
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #333333;
}
.majorTxt a p span{
    color:#2577e3;
}
.otherMajor{
    padding-top:20px;
}
.otherMajor h4{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-bottom:18px;
}
.otherMajor ul{
    overflow:hidden;
    width:690px;
}
.otherMajor li{
    width: 204px;
    height: 64px;
    background-color: #e4e6e9;
    float:left;
    padding:12px 10px;
    text-align: left;
    margin:0 20px 20px 0;
    position:relative;
}
.otherMajor li:hover{
    background-color:#cfd1d3;
}
.otherMajor li a{
    display: inline-block;
    width:100%;
    height:100%;
}
.otherMajor li p{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}
.otherMajor li span{
    display: inline-block;
    width:14px;
    height:13px;
    background:url("../images/indexNew/iconCon.png") no-repeat;
    background-position: -570px -401px;
    position:absolute;
    bottom:13px;
    right:12px;
}
/*区块链金融创新*/
.chain5{
    height:1080px;
    background:url("../images/indexNew/bringBg.png") no-repeat top center;
}

.chuangBox{
    padding:0 20px;
    text-align: center;
}
.chuangBox h3 {
    font-size: 30px;
    font-weight: normal;
    color: #333333;
    margin:20px 0;
}
.chuangBox p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}
.chuangBox .zixun{
    width: 180px;
    height: 48px;
    line-height: 48px;
    background-color: #2577e3;
    border-radius: 4px;
    margin:30px auto 50px;
}
.chuangBox .zixun a{
    width:100%;
    color:#fff;
    font-size: 18px;
    display: inline-block;
}
.zixun a i{
    width:25px;
    height:26px;
    display: inline-block;
    vertical-align: -8px;
    margin-right:4px;
    background:url("../images/indexNew/face.png") no-repeat;
}
.advantCon{
    position:relative;
}
.advantLeft{
    width:512px;
    height:370px;
    background-color: #ffffff;
    box-shadow: 2px 3px 10px 0px
    rgba(0, 0, 0, 0.1);
    position:absolute;
    left:0;
    top:120px;
    z-index: 999;
}
.adRightBox{
    width:769px;
    height:595px;
    float:right;
}
.swipecot3 .adRight{
    width:769px;
    height:595px;
}
.swipecot3 .advantOne{
    background:url("../images/indexNew/point_1.png") no-repeat;
}
.swipecot3 .advantTwo{
    background:url("../images/indexNew/point_2.png") no-repeat;
}


/*轮播图*/
.swipecot2 .swiper-slide {
    width:512px;
    height:370px;
    padding: 35px 0 0 36px;
    box-sizing: border-box;
}
.swipecot2 .swiper-slide a{
    width:100%;
    height:450px;
    display: block;
    margin-top:120px;
    cursor: pointer;
}
.swipecot2 h5 {
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    padding-bottom: 30px;
    line-height: 1;
    border-bottom: 1px solid #458be7;
}

.swipecot2  p {
    padding-right:36px;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    color: #333333;
    margin-bottom:20px;
    text-indent: 2rem;
}
.swipecot2 .swiper-button-prev {
    top: 40px;
    width: 10px;
    height: 20px;
    margin-top: 0;
    left: auto;
    right: 45px;
    background:url("../images/indexNew/swipL.png") no-repeat;
}
.swipecot2 .swiper-button-next {
    top: 40px;
    width: 10px;
    height: 20px;
    margin-top: 0;
    left: auto;
    right: 20px;
    background:url("../images/indexNew/swipR.png") no-repeat;
}
.swipecot2 em{
    position:absolute;
    right:0;
    bottom:0;
    font-size: 52px;
    font-weight: normal;
    font-style: normal;
    color: #2577e3;
    opacity: 0.1;
}
/*轮播图*/
/*风控管理*/
.chain6{
    height:980px;
}
.chainBox6{
    width:100%;
}
.manageLeft{
    width:469px;
    height:689px;
    float:left;
    margin:-30px 0 0 -60px;
    background:url("../images/indexNew/risk.png") no-repeat;
}
.manageRight{
    float:right;
}
.manageRight ul li{
    width: 699px;
    height: 176px;
    background-color: #f0f1f2;
    margin-bottom:25px;
    padding:20px 92px 0 40px;
}

.manageRight ul  li h3{
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    margin-bottom:25px;
}
.manageRight ul li p{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 26px;
    padding-left:35px;
    position:relative;
    margin-bottom:5px;
}
.manageRight ul li p:before{
    content: "";
    width:18px;
    height:14px;
    background:url("../images/indexNew/iconCon.png") no-repeat;
    background-position: -542px -400px;
    position:absolute;
    left:0;
    top:8px;
}
.manageRight ul li p span{
    color:#333;
    font-weight: 600;
}
/*产品特点*/
.chain7 {
    height:1109px;
    background:#f5f7fa;
}
.chainBox7{

}
.chainBox7 ul{
    width:1228px;
    margin-left:-28px;
}
.chainBox7 ul li{
    width: 384px;
    height: 360px;
    background-color: #ffffff;
    border: solid 1px #cacaca;
    padding:35px;
    float:left;
    text-align: center;
    margin-right:25px;
    margin-bottom:28px;
}
.chainBox7 ul li:hover{
    background:#2577e3;
}
.chainBox7 ul li:hover h3{
    color:#fff;
}
.chainBox7 ul li:hover p{
    color:#fff;
}
.chainBox7 ul li i{
    width:98px;
    height:98px;
}
.chainBox7 ul .tedian_1 i{background-position: 0 -185px;}
.chainBox7 ul .tedian_2 i{background-position: -109px -185px;}
.chainBox7 ul .tedian_3 i{background-position: -217px -185px;}
.chainBox7 ul .tedian_4 i{background-position: -321px -185px;}
.chainBox7 ul .tedian_5 i{background-position: -427px -185px;}
.chainBox7 ul .tedian_6 i{background-position: -543px -185px;}
.chainBox7 ul .tedian_1:hover i{background-position: 0 -82px;}
.chainBox7 ul .tedian_2:hover i{background-position: -109px -82px;}
.chainBox7 ul .tedian_3:hover i{background-position: -217px -82px;}
.chainBox7 ul .tedian_4:hover i{background-position: -321px -82px;}
.chainBox7 ul .tedian_5:hover i{background-position: -427px -82px;}
.chainBox7 ul .tedian_6:hover i{background-position: -543px -82px;}

.chainBox7 ul li h3{
    font-size: 24px;
    font-weight: normal;
    color: #333333;

    margin:25px 0;
}
.chainBox7 ul li p{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 24px;
    text-align: left;
}
/*金融服务*/
.chain8{
    height:570px;
    padding-bottom:0;
}
.chainBox8{

}
.chainBox8 ul{
    display: flex;
    justify-content: space-between;
}
.chainBox8 ul li{
    width: 386px;
    height: 314px;
    background-color: #f5f7fa;
    position:relative;
}
.chainBox8 ul li .serviceBg{
    width: 386px;
    height: 158px;
}
.chainBox8 ul li .serviceBg_1{
    background:url("../images/indexNew/service_1.png") no-repeat;
}
.chainBox8 ul li .serviceBg_2{
    background:url("../images/indexNew/service_2.png") no-repeat;
}
.chainBox8 ul li .serviceBg_3{
    background:url("../images/indexNew/service_3.png") no-repeat;
}
.chainBox8 ul li p{
    padding:33px 28px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #333333;
}
.chainBox8 ul li span{
    display: inline-block;
    width: 49px;
    height: 1px;
    background-color: #27b534;
    position:absolute;
    bottom:20px;
    right:33px;
}
.chainBox8 ul li span.bottomR_1{
    background-color: #27b534;
}
.chainBox8 ul li span.bottomR_2{
    width: 49px;
    height: 1px;
    background-color: #df8729;
}
.chainBox8 ul li span.bottomR_3{
    background-color: #3078ed;
}
/*多版本支持*/
.chain9{
    height:500px;
}
.chainBox9{

}
.chainBox9 ul{
    width:1070px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.chainBox9 ul li{
    width:108px;
    text-align: center;
}
.chainBox9 ul li i{
    width: 108px;
    height:108px;
    display: inline-block;
    background:url("../images/indexNew/iconCon.png") no-repeat;
}
.chainBox9 ul li:hover i{
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}
.chainBox9 ul li .plunk_1{
    background-position: 0 -286px;
}
.chainBox9 ul li .plunk_2{
    background-position: -113px -286px;
}
.chainBox9 ul li .plunk_3{
    background-position: -235px -286px;
}
.chainBox9 ul li .plunk_4{
    background-position: -355px -286px;
}
.chainBox9 ul li .plunk_5{
    background-position: -476px -286px;
}
.chainBox9 ul li p{
    margin-top:20px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}
.chain10{
    height: 545px;
    background-image: linear-gradient(90deg,
    #4765db 0%,
    #507dea 41%,
    #5995f9 63%,
    #5384ee 78%,
    #4c72e3 100%),
    linear-gradient(
            #f5ca59,
            #f5ca59);
    background-blend-mode: normal,
    normal;
}
.chain10 .chainTitle h3 {
    color:#fff;
}
.chainBox10 ul{
    width:100%;
    display: inline-flex;
    justify-content: space-between;
}
.chainBox10 li{
    width: 220px;
    height: 294px;
    background-color: #ffffff;
    border-radius: 6px;
    padding:45px 0 0 0;
    text-align: center;
}
.chainBox10 li i{
    width:52px;
    height:68px;
}
.chainBox10 .safe_1 i{
    background-position: 0 -400px;
}
.chainBox10 .safe_2 i{
    background-position: -59px -400px;
}
.chainBox10 .safe_3 i{
    background-position: -119px -400px;
}
.chainBox10 .safe_4 i{
    background-position: -175px -400px;
}
.chainBox10 .safe_5 i{
    background-position: -235px -400px;
}
.chainBox10 ul li h5{
    margin:28px 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    color: #2f434c;
}
.chainBox10 ul li p{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #4e5e66;
}
/*技术架构*/
.chain11{

}
.chainBox11{
    width:1180px;
    height:835px;
    margin:0 auto;
    background:url("../images/indexNew/frameBg.png") no-repeat;
}

.chain12 {
    height: 448px;
    /*background-color: #f6f7fb;*/
    background-color: #fff;
}
.chain12 ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.chain12 li {
    position: relative;
    flex: 1;
}
.chain12 .toptit {
    position: relative;
    padding: 0 0 20px 50px;
}
.gbg {
    background: url("../images/index/gbg.png") no-repeat;
}
.chain12 li i {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 12px;
}
.chain12 li i.gbgi1 {
    width: 33px;
    height: 38px;
    background-position: 0 -1px;
}
.chain12 li i.gbgi2 {
    width: 41px;
    height: 36px;
    background-position: -56px -2px;
}
.chain12 li i.gbgi3 {
    width: 42px;
    height: 38px;
    background-position: -116px -1px;
}
.chain12 li i.gbgi4 {
    width: 40px;
    height: 40px;
    background-position: -177px 0;
}
.chain12 li i.gbgi5 {
    width: 38px;
    height: 39px;
    background-position: -238px -1px;
}
.chain12 li span {
    display: block;
    width: 218px;
    height: 152px;
    margin: 0 auto;
}
.chain12 li .spa1 {
    background-position: 0 -55px;
}
.chain12 li .spa2 {
    background-position: 0 -218px;
}
.chain12 li .spa3 {
    background-position: 0 -382px;
}
.chain12 li .spa4 {
    background-position: 0 -548px;
}
.chain12 li .spa5 {
    background-position: 0 -710px;
}
.chain12 li h6 {
    margin: 0 0 10px 0;
    line-height: 1;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
}
.chain12 li p {
    margin: 0;
    line-height: 1;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

/*暂加关于我们*/
.cot14{
    height:715px;
    background:#f9f9f9;
}
.cot14 .gyminfo{
    position: relative;
    padding: 35px 10px 0;
}
.cot14 .infociv {
    position: absolute;
    top: 98px;
    right: 0;
    width: 864px;
    height: 360px;
    padding: 20px 40px 20px 40px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.9);
}
.cot14 .infociv p {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    text-indent: 32px;
}