.widthCon{width: 6.25rem; margin: 0 auto;}

/*banner样式*/ 
.bannerBg { background: url(/eportal/uiFramework/commonResource/image/2024022615484824759.jpg) center no-repeat; background-size: cover; padding: 0.3rem 0; } 
.bannerBg .khalBanner { width: 4.4rem; } 
.bannerBg .khalBanner .modelTitle { font-size: 0.16rem; font-weight: 400; color: #070b2d; letter-spacing: 0.02rem; } 
.bannerBg .khalBanner .modelCon p { font-size: 0.1rem; font-weight: 400; line-height: 0.2rem; color: #9597a0; margin: 0.2rem 0; font-weight: 300; } 
.bannerBg .khalBanner .modelCon .modelBtn { } 
.bannerBg .khalBanner .modelCon .modelBtn a { display: inline-block; padding: 0.06rem 0.3rem; font-size: 0.1rem; border: 2px solid transparent; border-radius: 50px; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, #d5deef,#d5deef), linear-gradient(90deg, #c472aa,#3e89e4); } 
.bannerBg .khalBanner .modelCon .modelBtn a:hover { color: #fff; }

/*公用标签*/
.conTitle { padding-top: 0.4rem; } 
.conTitle p { font-size: 0.2rem; font-weight: 400; display: flex; justify-content: center; letter-spacing: 0.03rem; color: #070b2d; margin-bottom: 0.4rem; }


/*浏览客户案例*/
.browseBg {
    position: relative;
    height: 2.7rem;
}
.khal {padding-bottom: 0.2rem;} 
.khal ul {
    display: flex;
    justify-content: center;
} 
.khal ul li {padding: 3%;width: 30%;position: relative;font-size: 0.1rem;line-height: 0.18rem;color: #9597a0;font-weight: 300;border-radius: 10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;z-index: 10;} 
.khal ul li:nth-child(3n) { margin-right: 0px; } 
.khal ul li img {width: 100%;object-fit: contain; box-shadow: 0px 6px 20px 5px rgba(121,128,143,0.1);border-radius: 15px;} 
.khal ul li p.khalJt { position: absolute; content:""; height: 0.06rem; width: 0.06rem; border-width: 2px 2px 0 0; border-color: #9597a0; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top: 50%; right: 50%; margin-left: 0rem; margin-top: 0.64rem; transition: all 0.5s ease; opacity: 0; } 
.khal ul li p.khalTitle { font-size: 0.12rem; font-weight: 500; color: #070b2d; line-height: 0.2rem; text-align: center; margin: 0.06rem 0; } 
.khal ul li p.khalSummary { text-align: left; }
.khal ul li:hover .khalJt { opacity: 1; right: 0.2rem; }

/*信赖选择*/
.trustBg { background: #f6f7fb;padding-bottom: 40px;padding-top:.7292rem } 
.xlxz { /*padding-bottom: 0.4rem; */}
.xlxz ul {} 
.xlxz ul li { width: 1.76rem; height: 0.9rem; text-align: center; background: #fff; margin-right: 0.15rem; margin-bottom: 0.15rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 
.xlxz ul li:nth-child(4n) { margin-right: 0px; } 
.xlxz ul li:hover { box-shadow: 0px 6px 20px 5px rgba(121,128,143,0.1); }

.helpyy {width:5.3125rem;margin:auto;border:.0052rem solid #e7e9f1;border-radius:.0781rem;margin-bottom: .2083rem;}
.helph2 {color:#070b2d;font-size:.1042rem;margin-bottom:.1563rem;font-weight: bold;}
.helpList ul li {float:left;background:#f0f6ff;border-radius:.0781rem;padding:.0781rem .1042rem;margin-right:.1042rem;margin-bottom: .1042rem;}
.helpList ul li a {color:#0878e0;font-size:.0833rem;display:flex;align-items:center;}
.helpList ul li:hover {background:#0878e0;box-shadow:0rem .0521rem .0781rem 0rem rgba(8,120,224,0.2);-webkit-box-shadow:0rem .0521rem .0781rem 0rem rgba(8,120,224,0.2);-moz-box-shadow:0rem .0521rem .0781rem 0rem rgba(8,120,224,0.2);}
.helpList ul li:hover a {color:#fff;}
.helpList ul li a img {margin-left:.2083rem;}
.helpyy:hover {background:url(/eportal/uiFramework/commonResource/image/2024022614545740176.jpg) no-repeat;background-size:100% 100%;border:.0052rem solid transparent;box-shadow:0rem .0521rem .1302rem .026rem rgba(121,128,143,0.1);-webkit-box-shadow:0rem .0521rem .1302rem .026rem rgba(121,128,143,0.1);-moz-box-shadow:0rem .0521rem .1302rem .026rem rgba(121,128,143,0.1);}
.helpList ul li:hover a img {filter:brightness(100);}
.helpyy {padding:.2083rem;background:#fff;}



@media screen and (max-width:900px){
    /*banner*/
    .bannerBg .khalBanner .modelTitle { font-size: 0.22rem; } 
    .bannerBg .khalBanner .modelCon p { font-size: 0.14rem; line-height: 0.28rem; }
    .bannerBg .khalBanner .modelCon .modelBtn a { font-size: 0.14rem; }
    /*公用标题*/
    .conTitle p { font-size: 0.28rem; } 

    /*客户案例*/
    .khal ul li p.khalTitle { font-size: 0.22rem; margin: 0.2rem 0; line-height: 0.22rem; } 
    .khal ul li p.khalSummary { font-size: 0.18rem; line-height: 0.3rem; } 
    .khal ul li { width: 3.65rem; padding: 0.3rem 0.3rem 0.5rem; } 
    .khal ul li:nth-child(3n) { margin-right: 0.2rem; } 
    .khal ul li:nth-child(2n) { margin-right: 0px; } 
/*    .khal ul li img { width: 2rem; height: 0.8rem; } */
    .khal ul li p.khalJt { width: 0.1rem; height: 0.1rem; margin-top: 1rem; } 
    .khal ul li:hover p.khalJt { right: 0.4rem; }

    /*信赖选择*/
    .xlxz ul li img { width: 50%; height: auto; object-fit: contain; }

}
@media screen and (max-width:768px){
    .bannerBg {
        margin-top: 1.3906rem;
    }
div#banner {padding: 0 5.25%;}
.bannerBg .khalBanner .modelTitle {font-size:24px;}
.bannerBg .khalBanner .modelCon p {font-size:14px;}
.bannerBg .khalBanner .modelCon .modelBtn a {font-size:18px;display:block;width:180px;height:50px;line-height:50px;padding:0px;text-align:center;}
.conTitle p {font-size:30px;}
.widthCon {width:96%;}
.browseBg {height:auto;}
.trustBg {padding-top:0px;}
.helpyy {width:96%;}
.helph2 {font-size:20px;font-weight:unset;}
.helpList ul li a {font-size:16px;}

}

@media screen and (max-width:600px){
    .bannerBg { padding: 2rem 0 0.6rem; }
    /*banner*/
    .bannerBg .khalBanner { width: 100%; } 
    .bannerBg .khalBanner .modelTitle { font-size: 0.5rem; } 
    .bannerBg .khalBanner .modelCon p { font-size: 0.3rem; line-height: 0.6rem; margin: 1rem 0; } 
    .bannerBg .khalBanner .modelCon .modelBtn a { font-size: 0.3rem; padding: 0.08rem 0.4rem; } 

    /*公用标题*/
    .conTitle { padding-top: 1rem; } 
    .conTitle p { font-size: 0.5rem; margin-bottom: 1rem; } 

    /*客户案例*/
    .khal ul li { width: 100%; margin-right: 0px; padding: 0.4rem 0.4rem 0.7rem; margin-bottom: 0.7rem; } 
/*    .khal ul li img { width: 3.4rem; height: 1.4rem; } */
    .khal ul li p.khalTitle { font-size: 0.36rem; margin: 0.3rem 0; line-height: 0.36rem; } 
    .khal ul li p.khalSummary { font-size: 0.3rem; line-height: 0.5rem; }
    .khal ul li p.khalJt { height: 0.2rem; width: 0.2rem; margin-top: 1.5rem; }
    .khal ul li:hover p.khalJt{ right: 0.4rem; }

    /*信赖选择*/
    .xlxz ul li { width: 3.6rem; height: 2rem; margin-right: 0.3rem; margin-bottom: 0.3rem; } 
    .xlxz ul li:nth-child(2n) { margin-right: 0px; }

}

@media screen and (max-width:440px){
.bannerBg .khalBanner .modelTitle {font-size:18px;}
.bannerBg {padding:1rem 0 0.6rem;}
.bannerBg .khalBanner .modelCon p {font-size:14px;margin:0.5rem 0;}
.bannerBg .khalBanner .modelCon .modelBtn a {width:150px;height:40px;line-height:40px;font-size:16px;padding: 0px;}
.khal ul li {padding:0.2rem;}
.conTitle p {font-size:20px;margin-bottom:0.4rem;}
.helph2 {font-size:16px;}
.helpList ul li a {font-size:14px;}

}