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

/*banner样式*/ 
.bannerBg { background: url(/eportal/uiFramework/commonResource/image/2024022310515889716.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, #dfeafc,#dfeafc), 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; }


/*浏览客户案例*/
.khal {padding-bottom: 0.2rem;} 
.khal ul {} 
.khal ul li { border: 2px solid #f4f5f8; padding: 0.2rem 0.2rem 0.35rem; margin-right: 0.2rem; width: 2.36rem; margin-bottom: 0.2rem; text-align: center; 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; background: #fff; } 
.khal ul li:nth-child(3n) { margin-right: 0px; } 
.khal ul li img { width: 1.5rem; height: 0.5rem; object-fit: contain; } 
.khal ul li p.khalJt a{ 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 { box-shadow: 0px 6px 20px 5px rgba(121,128,143,0.1); } 
.khal ul li:hover .khalJt a{ opacity: 1; right: 0.2rem; }

/*信赖选择*/
.trustBg { background: #f6f7fb; } 
.xlxz { padding-bottom: 0.4rem; }
.xlxz ul {} 
.xlxz ul li { width: 1.75rem; 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); }


@media screen and (max-width:900px){
    /*banner*/
    .bannerBg .khalBanner .modelTitle { font-size: 22px; } 
    .bannerBg .khalBanner .modelCon p { font-size: 14px; line-height: 0.28rem; }
    .bannerBg .khalBanner .modelCon .modelBtn a { font-size: 14px; padding: 5px 18px; }
    /*公用标题*/
    .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 a{ width: 0.1rem; height: 0.1rem; margin-top: 1rem; } 
    .khal ul li:hover p.khalJt a{ right: 0.4rem; }

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

}


@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: 22px; 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: 16px; margin: 0.3rem 0; line-height: 28px; } 
    .khal ul li p.khalSummary { font-size: 14px; line-height: 24px; }
    .khal ul li p.khalJt a{ height: 0.2rem; width: 0.2rem; margin-top: 1.5rem; }
    .khal ul li:hover p.khalJt a{ 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; }

}