/*轮播图*/
.banner {width:100%;padding-top: 90px}
.banner .swiper {width:100%;position:relative;overflow:hidden;}
.banner .swiper .swiper-pagination {left:0;right:0;height:4px;bottom:90px;margin:0 auto;}
.banner .swiper .swiper-pagination span {float:left;width:15px;height:15px;border:1px #ffffff solid;border-radius:20px;margin:0;opacity:1;margin-right:20px;background:none;}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active {background:#ffffff;width:15px;border-radius:10px;}
.banner .swiper .swiper-wrapper {height:100%;}
.banner .swiper .swiper-wrapper .swiper-slide {position:relative;}
.banner .swiper .swiper-wrapper .bt_img img{display:block;width:100%;margin:0 auto;height:420px;object-fit:cover;}
.banner .swiper .swiper-wrapper .swiper-slide .nrCon{width:600px;position:absolute;left:0;right:0;margin:0 auto;top:0;z-index:10;}
.banner .swiper .swiper-wrapper .swiper-slide .nrCon img{width:100%;}

.zong{width:100%;background:#f5f3f3;padding-bottom:3rem;}
.chanpincon{width:85%;margin:0 auto;background:#fff;padding:20px;position:relative;margin-top:-10rem;z-index:123;}
.navigation{float:right; display: none}
.navigation::before{content:'';display:inline-block;background-image:url(/eportal/uiFramework/commonResource/image/2025081314350422801.png);background-size:80% auto;background-repeat:no-repeat;background-position:center center;width:20px;height:20px;line-height:20px;position:relative;top:6px;}
.chanpintit{font-size:1.5rem;font-weight:bolder;color:#000;text-align:center;position:relative;margin-top:2rem;margin-bottom:3rem;}
.chanpintit::before{content:"";display:block;height:2px;background-color:red;width:55px;position:absolute;left:50%;top:-10px;transform:translateX(-50%);}
.Sincereloan{position:relative;overflow:hidden; background: #fff }



.goloan{width:100%;position: relative;overflow: hidden;}
.goloan::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image: url(/eportal/uiFramework/commonResource/image/2025082610252987737.jpg);background-repeat:no-repeat;background-position:center center;background-size: cover;transition:transform 0.5s ease;z-index:-1;}

.goloan:hover::before{transform:scale(1.1);}



.introIcon{    display: flex;
    justify-content: flex-start;
     margin-top: 1rem;flex-wrap: wrap;}
. introApp {margin-right: 8px}
.icon11 {background: url(/eportal/uiFramework/commonResource/image/2025092409045881187.png);
    background-size: 100% 100%;
    display: block;
    height: 48px;
    width: 147px;
   }
.icon2 {background: url(/eportal/uiFramework/commonResource/image/2025092409085725719.png);
    background-size: 100% 100%;
    display: block;
     height: 48px;
     width: 137px;
    }
.icon3 {background: url(/eportal/uiFramework/commonResource/image/2025092409092057885.png);
    background-size: 100% 100%;
    display: block;
        height: 48px;
    width: 120px;
    }
.ma {display: none;position: relative}
.ma .activeIcon {
     position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;

}
.qrimg{
      display: flex;
     width: 130px;
    height: 130px;
    background: white;
    border-radius: 8px;
    margin-bottom: 8px;
      position: absolute;
    top: -135px;
    align-items: center;
    justify-content: center;
    padding: 5px;
    box-sizing: border-box;
}
.qrimg img {width: 100%; height: 100%}



.enlarge-animation{-webkit-animation:scale-bg 6s ease-in-out 0s 1;animation:scale-bg 6s ease-in-out 0s 1;transform:scale(1.1, 1.1);}
@-webkit-keyframes scale-bg {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@keyframes scale-bg {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@media (max-width: 1240px) { 
.chanpincon{width:auto;}
.chanpintit{margin:2rem 0;}
.daikuan{flex-wrap:wrap!important;}
.daikuan li{width:50%!important;margin-right:0!important;}
.daikuan li::after{display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,.1);}
.daikuan li .activecon{z-index:5;}
.Sincereloanlist{height:auto!important;}
.Sincereloanmain {padding: 2rem!important;}
}

@media (max-width: 880px){

.daikuan li{width:100%!important;height:36rem!important;margin-bottom:1rem;}
.daikuan li .normalcss{padding:2rem!important;}
.daikuan li.item1 .activecss,
.daikuan li.item2 .activecss, 
.daikuan li.item3 .activecss, 
.daikuan li.item4 .activecss{width:auto!important;padding:2rem!important;}
.daikuan li .normalcss{opacity:0!important;}
.daikuan li .activecss{display:block!important;padding: 2rem!important;}
.daikuan li .activecon{opacity:1!important;}
.shorttit a font{margin-bottom:20px;}


}

@media (max-width: 768px) { 
.banner {width:100%;padding-top: 0px}
.banner .swiper .swiper-wrapper .bt_img img{height:15rem;}
.chanpincon {top:0;}
.bancon .tit{margin: 1rem 0 0 5%;}
.chanpincon{margin-top: 0}
 .introIcon {flex-wrap: wrap}
}