body{font-family:Microsoft YaHei;font-size:16px;color:#000000;}
*{margin:0;padding:0;}
i{font-style: normal;}
li{list-style:none}
img{border:0}
a,u{text-decoration:none;color:#000000;}
a:hover{color:#0b42ab;}
.clear{clear:both}
.w1200{width:1200px;margin:0 auto}
.fl{float: left;}
.fr{float: right;}
.container {
      display: flex;
      justify-content: center;
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto;
    }
.menu{display:none}
 
.header{z-index:100;position:fixed;width:100%;top:0;left:0;height:80px;background:#fff}
.logo{float:left}
.logo a{display:block;height:80px;line-height:80px}
.logo a img{vertical-align:middle}
.tel{float:left;line-height:80px;padding-left:25px;background:url(../images/tel.png)  no-repeat  left  center;font-weight:bold;}
.tel a{padding-right: 10px;border-right:1px #e5e5e5 solid;}
.nav{float:right}
.nav>ul{float:left;margin-right:20px}
.nav>ul>li{float:left}
.nav>ul>li a{padding:0 25px;display:block;line-height:80px;position: relative;}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{
position: absolute;
width: 35px;height: 5px;background:#2a6fff;bottom:0;content:" ";display: block;    left: 50%;
    margin-left: -17px;
}

.nav>ul>li.on>a,.nav>ul>li:hover>a{color:#2a6fff;}

.nav>ul>li>ul{z-index:2;display:none;position:absolute;background:rgb(255 255 255 / 85%);width:auto;min-width:124px}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul li a{display:block;line-height:40px}

/* 标准产品下拉菜单 */
.nav>ul>li>ul.subnav{
    background:#fff;
    min-width:200px;
    box-shadow:0 4px 16px rgba(0,0,0,.08);
    border-radius:0 0 6px 6px;
    padding:8px 0;
    top:80px;
}
.nav>ul>li>ul.subnav li{display:block;border-bottom:1px solid #f3f4f6;}
.nav>ul>li>ul.subnav li:last-child{border-bottom:0;}
.nav>ul>li>ul.subnav li a{
    line-height:44px;
    padding:0 20px;
    font-size:14px;
    color:#333;
    white-space:nowrap;
    transition:all .2s;
}
.nav>ul>li>ul.subnav li a:hover{color:#2a6fff;background:#f5f8ff;}

 .nav>ul>li:hover#nav_cp>ul {
     background: none;
    width: 1200px;
 
    left: 50%;
    margin-left: -600px;    top: 80px;
}
#nav_cp>ul .siledown { margin-top: 8px;   display: flex;
    justify-content: space-around;
    background: rgb(255 255 255 / 100%);padding:0 40px;}

#nav_cp>ul  a{line-height:1;    padding: 0;}
#nav_cp>ul dl{width:15%;padding:40px 0;}
#nav_cp>ul dl:last-child{border-right:0;}
#nav_cp>ul dl dt{font-size: 15px;border-bottom:1px #ecedee solid;margin-bottom:15px;padding-bottom: 15px;}
 #nav_cp>ul dl dd{margin-bottom:16px;}

 #nav_cp>ul dl dd a{color: #605e62;
    font-size: 14px;}


.tool{float:right;margin:21px 0 0 0px;display:flex}
.tool a{margin-left: 10px;line-height:36px;}
.tool a.sqsy{    margin-left: 20px;background:#2b70ff;color:#fff;text-align:center;width:112px;display:block;border-radius:5px;}
.tool a:hover{opacity:.8}





.banner{height:600px;background:url(../images/banner.jpg)  no-repeat  center;margin-top: 80px;}
.banner_l{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:600px}
.banner_l h3{position: relative;line-height:1.2;margin:30px 0 0 0;font-size:25px;font-weight: bold;}
.banner_l p{ line-height:2;font-size:42px;margin:20px 0;font-weight: bold;}
.banner_l  span{display: block;font-size: 16px;color:#444444;margin: 0px 0 20px;line-height: 2.0;}
.banner_l a{display: block;width: 160px;line-height: 50px;border-radius: 50px;background:#2a6fff;text-align: center;font-size: 16px;color:#fff;}
.banner_l a:hover{opacity: 0.5}
 
 .banner_l .banner_b  span{line-height: 1.8;margin-bottom:20px;}
.banner_l .banner_b  span em{font-style: normal;display: block;}
.banner_l .banner_b  span em b{    display: inline-block;
    width: 160px;}
.banner_l .banner_b  p {line-height: 1.3;}

.banner_l .banner_b a{width: 280px;}
.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:36px;color:#333;display:block;   font-weight: bold;margin-bottom:20px;}
.bta p{color:#777777;font-size: 16px;}

.cpfa{background: url(../images/cpfa.jpg) no-repeat  center;padding:70px 0;}
.cpfa .bta span,.cpfa .bta p{color:#fff;}


.zntltjg{padding:80px 0;}
.ltkj{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
font-size: 14px;
}
.ltkjl{width: 985px}
.ltkjl dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-bottom:15px;}
.ltkjl dl:last-child{margin-bottom:0;}
.ltkjl dl dt{width: 70px;background:#2a6fff;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;color:#fff;    align-items: center;
    justify-content: center;font-size: 16px;font-weight: bold;    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;}
.ltkjr{    margin-left: 15px;width: 200px}
.ltkboxa{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;width: 900px;background:#f3f5fa;  margin-left: 15px;   padding-left:10px;
    box-sizing: border-box;    justify-content: space-between;}
.ltkboxa dd{    width: 23%;padding-bottom: 15px;}

.ltkboxa dd span{display: block;text-align: center;color:#000000;font-size: 16px;font-weight: bold;margin-bottom:13px;line-height: 35px;background:#deebfe;}
 
.ltkboxa dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.ltkboxa dd ul li{width: 49%;margin-bottom:2%;}
.ltkboxa dd ul li a{display: block;background:#fff;line-height: 32px;border:1px #e4ebf3 solid;padding:0 5px;    text-align: center;}
 
.ltkboxa dd.ltkhy{background:#deebfe;    padding: 0 10px;}
.ltkboxa dd.ltkhy ul li{width: 32%}
.ltkboxb{width: 900px;background:#f3f5fa;margin-left: 15px;    padding: 10px;
    box-sizing: border-box;}

.ltkboxb_top{border:1px #2a6fff dashed ;
/*padding:14px;*/
margin-bottom:14px;}

.ltkboxb_top ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.ltkboxb_top ul li a{display: block;background:#fff;line-height: 38px;border:1px #e4ebf3 solid;padding:0 25px;}
.ltkboxb_bottom {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
 .ltkboxb_bottom dd {background:#deebfe;width: 19%;padding:13px 5px;    box-sizing: border-box;}
.ltkboxb_bottom dd span{display: block;text-align: center;color:#2a6fff;font-size: 16px;font-weight: bold;margin-bottom:13px;}
.ltkboxb_bottom dd ul li a{font-size: 14px;}
.ltkboxb_bottom dd ul li.w100{width: 100%;}
.ltkboxb_bottom dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.ltkboxb_bottom dd ul li{width: 49%;margin-bottom:2%;}
.ltkboxb_bottom dd ul li a{display: block;background:#fff;line-height: 32px;border:1px #e4ebf3 solid;padding:0 5px;    text-align: center;}
.ltkboxb_bottom dd ul li a.wzx{font-size: 12px;    line-height: 16px;}

.ltkboxc{width: 900px;

    margin-left: 15px;

    box-sizing: border-box;}
.ltkboxc_top{margin-bottom:10px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.ltkboxc_top h3{width: 85px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;font-size: 16px;color: #2a6fff;background:#deebfe;    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 24px;
    text-align: center;}

.ltkboxc_top  dd {background:#f3f5fa;width: 21%;padding:13px 5px;    box-sizing: border-box;}
.ltkboxc_top dd span{display: block;text-align: center;font-size: 16px;font-weight: bold;margin-bottom:13px;}
.ltkboxc_top  dd ul li a{font-size: 14px;}
.ltkboxc_top  dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.ltkboxc_top  dd ul li{width: 49%;margin-bottom:2%;}
.ltkboxc_top  dd ul li a{display: block;background:#fff;line-height: 32px;border:1px #e4ebf3 solid;padding:0 5px;    text-align: center;}
.ltkboxc_top dd ul li.w40{width: 40%}
.ltkboxc_top dd ul li.w60{width: 58%;}
.ltkboxc_top dd ul li.w100{width: 100%;}
.ltkboxc_top dd ul li.w60 a{font-size: 13px;}
.ltkboxc_top dd ul li.w40 a{font-size: 14px;}

.ltkboxc_middle{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    margin-bottom: 10px;}
.ltkboxc_middle h3{width: 85px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;font-size: 16px;color: #2a6fff;background:#deebfe;    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;}
.ltkboxc_middle .dmx{    width: 900px;
    margin-left: 15px;
    box-sizing: border-box;}
.dmx_top ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: space-between;}

 

.dmx_top ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.dmx_top ul li a{display: block;background:#fff;line-height: 38px;border:1px #e4ebf3 solid;padding:0 25px;}



.dmx_bottom{    border: 1px #2a6fff dashed;
    /*padding: 14px;*/
    margin-top: 14px;}
.dmx_bottom ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: space-between;}

 
.dmx_bottom ul li a{display: block;background:#fff;line-height: 38px;border:1px #e4ebf3 solid;padding:0 10px;}

.ltkboxc_bottom{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;background:#deebfe;    padding: 10px;}

.ltkboxc_bottom dd {background:#fff;width:19%;padding:13px 5px;    box-sizing: border-box;}
.ltkboxc_bottom dd span{display: block;text-align: center;font-size: 16px;font-weight: bold;margin-bottom:13px;color:#2a6fff;}
.ltkboxc_bottom  dd ul li a{font-size: 14px;}
.ltkboxc_bottom  dd ul li a.fz15{     font-size: 14px;   padding: 0;}
.ltkboxc_bottom  dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.ltkboxc_bottom  dd ul li{width: 49%;margin-bottom:2%;}
.ltkboxc_bottom  dd ul li a{display: block;background:#fff;line-height: 32px;border:1px #e4ebf3 solid;padding:0 5px;    text-align: center;}


.ltkboxc_bottom  dd ul li.w100{width: 100%;}
 

.ltkjl  ul li{    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    -o-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);}
.ltkjl  ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);}

.ltkjr{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.ltkjr_l{width: 48%;    display: flex
;padding:10px;
    flex-direction: column;
    text-align: center;box-sizing: border-box;
    background: #2a6fff;}
.ltkjr_l h3{color:#fff;padding:20px 0;font-size: 16px;font-weight: bold;}
.ltkjr_l ul{    display: flex
;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;}
.ltkjr_l ul li{background:#6094ff;padding:23px 0;}
.ltkjr_l ul li a{color:#fff;}
.ltkjr_r{width: 48%;    display: flex
;padding:10px;
    flex-direction: column;
    text-align: center;box-sizing: border-box;
    background: #deebfe;    border: 1px #2a6fff dashed;}

.ltkjr_r ul{display: flex
;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
.ltkjr_r ul li{}
.ltkjr_r ul li a{    display: block;
    background: #fff;
    line-height: 32px;
    border: 1px #e4ebf3 solid;
    padding: 15px;
    text-align: center;}






.newlb{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin:65px 0 0;}

.newlb_left{width:270px;margin-right: 20px;}
.newlb_left ul li{ border-radius: 10px;:height: 40px;line-height:40px;padding:0 20px;font-weight: bold;cursor: pointer;color:#8c96a5;background:#dae6ff;margin-bottom:5px;}
.newlb_left ul li p{display:none;color:#686e85;font-size: 14px;line-height: 1.7;}
.newlb_left ul li span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;    align-items: center;
display: flex;font-size: 16px;color:#5e6378;font-weight: bold;    line-height: 40px;
    height: 40px;}
.newlb_left ul li.on p{display: block;}
.newlb_left ul li.on span{color:#2468f2;    line-height: 35px;
    height: 35px;}
.newlb_left ul li:hover,.newlb_left ul li.on{
    padding:10px 20px;
   background: #fff;
   cursor: pointer;
   color: #fff;}
.newlb_left ul li i{display: block;float: left;width:30px;height: 40px;margin-right:25px;}
.newlb_left ul li i.ico1{background: url(../images/ico_cp1.png) no-repeat  center;}
.newlb_left ul li i.ico2{background: url(../images/ico_cp2.png) no-repeat  center;}
.newlb_left ul li i.ico3{background: url(../images/ico_cp3.png) no-repeat  center;}
.newlb_left ul li i.ico4{background: url(../images/ico_cp4.png) no-repeat  center;}

.newlb_left ul li i.ico5{background: url(../images/ico_cp5.png) no-repeat  center;}
.newlb_left ul li i.ico6{background: url(../images/ico_cp6.png) no-repeat  center;}
.newlb_left ul li i.ico7{background: url(../images/ico_cp7.png) no-repeat  center;}
.newlb_left ul li i.ico8{background: url(../images/ico_cp8.png) no-repeat  center;}

.newlb_left ul li i.ico9{background: url(../images/ico_cp9.png) no-repeat  center;}
.newlb_left ul li i.ico10{background: url(../images/ico_cp10.png) no-repeat  center;}
.newlb_left ul li i.ico11{background: url(../images/ico_cp11.png) no-repeat  center;}
.newlb_left ul li i.ico12{background: url(../images/ico_cp12.png) no-repeat  center;}

.newlb_right{width:910px;}
.newlb_right img{display: block;width: 100%;border-radius:10px;}
.newlb_right .tablb {display: none;
}
.newlb_right .tablb.on{display: block;
}
 

.hzal{background: url(../images/casebg.png) no-repeat  center;padding-top:80px;margin-bottom:40px;}
.hzal img{display: block;}


.ylz{padding:85px 0 ;
background-image: url(../images/ylz.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.ylz .bta span,.ylz .bta p{color:#fff;} 
.ylz ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.ylz ul li{width:23%;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;  border-radius: 20px;
    box-sizing: border-box;text-align: center;padding:30px 20px;
box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);


}

.ylz ul li:nth-child(1){
    background:url(../images/tk1.png) no-repeat;
}
.ylz ul li:nth-child(2){
    background:url(../images/tk2.png) no-repeat;
}

.ylz ul li:nth-child(3){
    background:url(../images/tk3.png) no-repeat;
}

.ylz ul li:nth-child(4){
    background:url(../images/tk4.png) no-repeat;
}


 .ylz ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}

.ylz ul  li span{font-weight: bold;display: block;margin:20px 0;font-size: 22px;}
.ylz ul  li p{line-height:1.5;color:#686e85; }
.ylz ul  li i {display: block;height: 75px;}
.ylz ul  li i.ico1 {background:url(../images/ico_ylz1.png) no-repeat center}
.ylz ul  li i.ico2 {background:url(../images/ico_ylz2.png) no-repeat center}
.ylz ul  li i.ico3 {background:url(../images/ico_ylz3.png) no-repeat center}
.ylz ul  li i.ico4 {background:url(../images/ico_ylz4.png) no-repeat center}


.hzhb{background:#f2f6fd;padding:80px 0;}

.hzhb ul{    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.hzhb ul li{margin-bottom:10px}
.hzhb ul li img{border-radius:5px;
 -webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear; 
box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
    -o-box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
width: 100%;


}
  
.hzhb ul li img:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
}

.gywm{background:url(../images/gybg.jpg)  center top no-repeat ;padding:50px 0  80px}

.about{}
.aboutl{line-height:0;float:right;width:50%;position:relative}
.aboutl img{width:100%}
.aboutr{float:left;width:46%;}
 
.aboutr h3{font-size:24px;margin:0px 0 20px;color:#333333}
.aboutr h3 span{padding-left:15px;vertical-align:middle;font-size:24px}
.aboutr>p{line-height:2;color:#9ca3b1;margin-bottom:10px;text-align:justify}
.aboutr a{    display: block;
   -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    text-align: center;
    line-height: 45px;
    border-radius: 45px;
    background: #2b70ff;
    width: 160px;
    color: #fff;}
.aboutr a:hover{-webkit-transform: translate3d(0, -2px, 0);color:#fff;
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}


.gszs{padding:30px 40px;background:#2a6fff;margin-top: 70px;position: relative;}
.gszs img{width: 100%;border:1px #fff solid;box-sizing: border-box;}

.gszs .swiper-button-next,.gszs  .swiper-button-prev{color:#fff;}
.gszs .swiper-button-next:after,.gszs  .swiper-button-prev:after{font-size: 38px;    font-weight: bold;}

.gszs .swiper-button-next,.gszs  .swiper-rtl .swiper-button-prev {
    right: 5px;
    left: auto;
}
.gszs .swiper-button-prev,.gszs  .swiper-rtl .swiper-button-next {
    left: 5px;
    right: auto;
}
.zxzx{background:url(../images/zixun.png) no-repeat center #4183ff;padding:35px 0;box-sizing: border-box;text-align: center;text-align:center;}

.zxzx h3{color:#fff;font-size: 24px;}
.zxzx h3 span{font-size: 45px}
.zxzx p{font-size:16px;color:#fff;margin: 15px 0;}
 
.zxzx a{line-height: 45px;height: 45px;color: #fff;display: inline-block;width: 180px;color:#2468f2;    -webkit-transition: all .2s linear;text-align: center;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;border-radius: 45px;background:#fff;}

 

.zxzx a:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}
 

.footer{background:#151b26;padding:40px 0}


.footc{float:left;}
.footc h3 {font-size:16px;color:#fff;font-weight:400}
.footc h3 a{color:#fff;}
.footc ul{float:left;margin-right:60px}
.footc ul:nth-child(4){margin-right:0}
.footc ul li{color:#8c96a5;margin-top:15px;font-size: 14px;}
.footc ul li a{color:#8c96a5;font-size: 14px;}
.footr{float:right}
.footr ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.footr ul li{text-align: center;}
.footr ul li:first-child{margin-right: 30px;}
.footr ul span{font-size:15px;display:block;margin-top:15px;color:#fff;}

.footbottom{  margin-top: 30px;  display: flex;
    justify-content: space-between;}
.share{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: center;margin-top: 20px;}
.share a{display: block;margin-left: 15px;}
.share i{display: block;width:30px;height: 30px;border-radius:100%;}
.share i.ico1{background:url(../images/ico_bd.png)  no-repeat  center #73767d}
.share i.ico2{background:url(../images/ico_wx2.png)  no-repeat  center #73767d}
.share i.ico3{background:url(../images/ico_dy.png)  no-repeat  center #73767d}
.share i.ico4{background:url(../images/ico_wb.png)  no-repeat  center #73767d}



.db{border-top:1px #373839 solid;font-size:14px;line-height:60px;height:60px;color:#777677;text-align:center;background:#151b26}
.db a{color:#797879}


/*平台*/

    .card {
      background: #f4f8fc;
      border-radius: 24px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      padding: 32px;
      width: 270px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      position: relative;
      transition: box-shadow 0.2s, background 0.2s, color 0.2s;
    }
    .card .icon {
      width: 39px;
      height: 28px;
    
    }
    .card h2 {
      font-size: 24px;
      font-weight: bold;
      
    }
    .card p {
      font-size: 16px;
      line-height: 1.9;
      margin: 0 0 24px 0;
    }
    .card .img {
     
      margin-top: auto;
      align-self: center;
      opacity: 0.95;
    }
    /* 鼠标悬停时高亮 */
    .card:hover {
      background: linear-gradient(135deg, #4d6fff 0%, #6ea8ff 100%);
      color: #fff;
      box-shadow: 0 8px 32px rgba(77,111,255,0.18);
    }
    .card:hover h2,
    .card:hover p {
      color: #fff;
    }
    .card:hover .img {
      filter: brightness(1.1);
    }
    .card-header {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
    }
    .card-header .icon {
      margin-bottom: 0;
      margin-right: 12px;
    }
	.pro_banner{height:548px;background:url(../images/pro_banner.jpg)  no-repeat  center;margin-top: 80px;margin-bottom: 90px;}
	.w1200{width: 1200px;margin: 0 auto;}
	.banner_l_pro{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:600px; color: #FFFFFF;}
	.banner_l_pro h3{position: relative;line-height:1.2;margin:30px 0 0 0;font-size:25px;font-weight: bold;color: #FFFFFF;}
	.banner_l_pro p{ line-height:2;font-size:42px;margin:20px 0;font-weight: bold;color: #FFFFFF;}
	.banner_l_pro  span{display: block;font-size: 16px;color:#FFFFFF;    margin: 0px 0 50px;}
	.banner_l_pro a{display: block;width: 160px;line-height: 50px;border-radius: 50px;background:#FFFFFF;text-align: center;font-size: 16px;color:#2b70ff;}
	.banner_l_pro a:hover{opacity: 0.5}
	.btna{display: flex;gap: 30px;}
	.bta{text-align:center;margin-bottom:60px}
	.bta span{font-size:36px;color:#333;display:block;   font-weight: bold;margin-bottom:20px;}
	.bta p{color:#777777;font-size: 16px;}
	.pro_cpld{margin: 90px 0;}
	.bg_c {
	    background: #f5f7fa;
	}
	
	.hxys_box {
	    overflow: hidden;
	    padding: 80px 0 20px 0;
	}
	
	.hxys_img {
	    width: 60%;
	}
	
	.hxys_img img {
	    max-width: 100%;
	    height: auto;
	    vertical-align: middle;
	}
	
	.hxys_text {
	    width: 36%;
	    margin-top: 50px;
	}
	.hxys_text p{line-height: 1.8;margin-bottom: 20px;color: #555555}

	
	.hxys_text h3 {
	    font-size: 24px;
	    font-weight: 600;
	    
	}
	.hxys_text h3:after {
    content: " ";
    display: block;
    background: #0076fe;
    height: 5px;
    width: 60px;
    margin-top: 15px;
}
	.hxys_text p.text {
	    padding: 20px 0;
	    line-height: 2.0;
	    margin: 0 0 10px;
	    font-size: 16px;
	}
.magt50 {
    margin-top: 50px;
}
@media screen and (max-width:800px){
body{font-size: 14px;}
.header{height:50px;}
 
.logo{padding-left:20px}
.logo a{height:50px;line-height:50px}
.logo a img{height:20px;display:inline-block}
.menu{display:block;padding:6px 15px;width:20px;margin-right:5px;position:absolute;        right: 20px;
        top: 10px;z-index:10}
.menu i{display:block;background:#2468f2;width:100%;height:3px;margin-bottom:5px}
.nav{position:fixed;top:0;height:100%;width:250px;background:#000;margin-left:0;left:-250px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;z-index:11}
.nav>ul{padding-top:80px;float:none;   width: 100%;margin-right:0;}
.nav>ul>li{float:none;margin-right:0;text-align:center;line-height:50px;border-bottom:1px #383838 solid;z-index:10px}
.nav>ul>li a{line-height:50px;color:#fff;padding: 0;font-size: 16px;}
.nav>ul>li a:hover, .nav li a.on {
    color: #4d8aff;
    font-weight: bold;
}
.nav>ul>li:hover>ul{display: none;}
.nav>ul>li>a.on+ul{display: block;}
.nav>ul>li>a i {
        background: url(../images/jtb.png) no-repeat center;
        width: 12px;
        height: 12px;
        margin-left: 10px;
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .nav>ul>li>ul {
        background: #333;
        position: initial;
    }

.nav.on{left:0;overflow-x: auto; }
.tool {
    float: none;
    margin: 21px 0 0 0px;
    display: flex
;
    justify-content: center;
}
.tool a{color:#fff;} 

.bta{margin-bottom:30px}
.bta span{font-size:30px}

.hbg{position:fixed;display:none;z-index:9;background:rgb(0 0 0 / 38%);width:100%;height:100%;left:0;top:0}
.hbg.on{display:block}

.zntltjg{padding:20px;
}
 .ltkj {

    flex-direction: column;
}

.ltkjl dl {

    margin-bottom: 20px;
    flex-direction: column;
}
.ltkjl dl dt,.ltkjl{width: 100%}
.ltkjl dl dt{margin-bottom:20px;line-height: 40px;font-size: 16px;}
.ltkboxa{   flex-wrap: wrap;     margin-left: 0;width: 100%}
.ltkboxa dd{width: 49%;}
.ltkboxb_bottom dd{margin-bottom:20px;}
.ltkboxb_bottom dd:last-child{width: 100%;margin-bottom:0px;}
.ltkboxa dd.ltkhy{box-sizing: border-box;}
.ltkboxa dd ul li a,.ltkboxb_bottom dd ul li a,.ltkboxb_top ul li a,.ltkboxc_top dd ul li a,.ltkboxc_top dd ul li.w40 a{font-size: 13px;padding:0;}
.ltkboxb{   flex-wrap: wrap;     margin-left: 0;width: 100%}
.ltkboxb_bottom{flex-wrap: wrap;}

.ltkboxb_bottom dd{width: 49%}
.ltkboxc_top{flex-wrap: wrap;width: 100%;}
.ltkboxc_top h3{width: 100%;padding:0;}
.ltkboxc_top dd{width: 49%;margin-top: 20px;}
.ltkboxb_top ul{ flex-wrap: wrap;}
.ltkboxb_top ul li{width: 49%}
.ltkboxb_top ul li a {padding:0;text-align: center;}

.ltkboxc_middle{flex-wrap: wrap;}
.ltkboxc_middle h3{width: 100%;padding:0;margin-bottom:20px;}
.ltkboxc_middle .dmx{ margin-left: 0;width: 100%}
.dmx_bottom ul{flex-wrap: wrap;}
.dmx_top ul{flex-wrap: wrap;}
.ltkjl ul li{width: 32%}
.dmx_bottom ul li a{text-align: center;font-size: 13px;}
.dmx_top ul li a{font-size: 13px;padding:0;text-align: center;}
.ltkboxc{    flex-wrap: wrap;    margin-left: 0;width: 100%}
.ltkjr_r{width:100%;}
.ltkjr_l{width:100%;}
.ltkboxc_bottom{flex-wrap: wrap;}
.ltkboxc_bottom dd{width: 49%;margin-bottom:20px;}
.ltkboxc_bottom dd:last-child{width: 100%;margin-bottom:0;}
.ltkboxc_bottom dd ul li a{font-size: 13px;padding:0;}
.ltkboxc_bottom dd ul li a.fz15{font-size: 12px;}
.ltkjr {
    margin-left: 0;
    width: 100%;    flex-wrap: wrap;
}
.ltkjr_l ul{ flex-wrap: wrap;    flex-direction: row;}
.ltkjr_l ul li{width: 32%;padding:0;        line-height: 30px;
        margin-bottom: 10px;}
        .ltkjr_r ul li a{line-height: 35px;padding:0;}
.w1200{width:100%;}
 .newlb_left ul li.on p{display: none;}
 .newlb_left ul li i{margin-right: 10px;}
 .newlb_left ul li span{font-size: 14px;}
 .newlb_left ul li:hover, .newlb_left ul li.on{padding:0 20px;}
.tel{float:none;        width: 110px;
        margin: 0 auto;
        line-height: 40px;margin-top:20px;}
 .tel a{color:#fff;border-right:0;}
.cpfa{padding:20px;}
.hzal{padding: 20px 20px 0 20px;margin-bottom: 20px;}
#nav_cp>ul dl {
  width: 100%;
    padding: 16px 0 0;
}
#nav_cp>ul .siledown {

    flex-wrap: wrap;    background: rgb(69 69 69 / 85%);
}#nav_cp>ul dl dd a {
    color: #a1a1a1;
    font-size: 14px;
}
#nav_cp>ul dl dt{font-size: 14px;border-bottom: 1px #4b4b4b solid;}
.nav>ul>li:hover#nav_cp>ul{width: 100%;left:0;margin-left: 0;}
.newlb{    flex-direction: column;    margin: 20px 0 0;}
.newlb_left{width:100%;padding-top: 0;margin-right: 0}
.newlb_left ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;           justify-content: space-between;     flex-wrap: wrap;}
.newlb_left ul li {
    width: 49%;
    box-sizing: border-box;padding:0 10px;
}
.newlb_right{width:100%;margin-left:0;}
.newlb_right h3{font-size: 16px;}

.ylz{padding:30px 20px;}

.ylz ul {       
    flex-wrap: wrap;
}
.ylz ul li{width:49%; margin-bottom: 2%;padding:10px;}

.ylz ul li i{       height: 50px;
        background-size: auto 100% !important;}
.ylz ul li span{font-size: 15px;}        
.ylz ul li p{font-size: 12px;}

 


.banner{height:500px;background:url(../images/banner_wap.jpg); margin-top: 0;
        padding-top: 50px;}
.banner_l h3{font-size:20px;}
.banner_l p{font-size:14px}
.banner_l img{width:100%;}
.banner_l{height:500px;padding:0 20px;width:100%;box-sizing:border-box}
.banner_l a{font-size:13px;padding:0 30px;line-height:40px;height:40px;border-radius:40px;margin:0 auto;}
  
 
.aboutl{float:none;width:100%;margin-bottom:20px;}
.aboutr{float:none;width:100%;}
 .hzhb{padding:30px 20px;}
.gywm{padding:30px 20px;    background: url(../images/gybg.jpg) top center no-repeat;}
 .gszs{margin-top: 20px;}
.hzhb ul{    flex-wrap: wrap;}
.hzhb ul li{width: 49%}
.zxzx{padding:30px 20px;        height: auto;}
.zxzx h3{font-size: 20px;}
.zxzx h3 span{font-size: 24px;}
.zxzx p{font-size:14px;}
.zxzx a{line-height:40px;height:40px;font-size:14px;display:inline-block;}
.footer{padding:30px 20px;}

.footc ul {
    float: none;
    margin-right: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.footc ul h3{margin-bottom:20px;}
.footc ul li{float:left;margin-top: 0;margin-right: 10px;        line-height: 2;}
.footc {
    float: none;
    margin-left: 0;
    width: 100%;
}
.footr{float:none;}
.footr ul {
    justify-content: space-around;
}
.footbottom {
    margin-top:20px;
    flex-direction: column;
}
.share {
    justify-content: space-around;
}
.share a {
    margin-left: 0;
}
.db{line-height:2;font-size: 14px;height: auto;padding:0 20px;}
}

@media screen and (max-width:440px){
.yyl ul a{width:100px;}
.nlkj li {flex-direction: column;}
.nlkj h3{margin-bottom:15px;}
.nlkj li div{width:100%;        margin-right: 0;margin-bottom:10px;
        flex: 0 0 auto;}
        .nlkj p{height: auto;}
        .nlbox1,.nlbox2,.nlbox3{padding:15px;}
}
@media screen and (max-width:420px){
 .top{font-size: 12px;}
 .top a{font-size: 12px;}
 .xzwm ul li p span{font-size: 12px;}
 .bta span{font-size: 26px;}
 .yyl ul a{width:80px;}
}
@media screen and (max-width:400px){
  .bta span{font-size: 24px;}
  .topl{width:auto;}
  .topr{width:auto;        float: right;}
  .zxzx a{width:130px;}
}
 @media screen and (max-width:380px){
  .bta span{font-size: 22px;}
}

/* ============================================================
 * 移动端整体适配补丁 (2026-05)
 * 统一处理 .w1200 中间区间、agent/lists 页 banner、card 网格、
 * hxys 双列堆叠、footer 链接换行、tap target 等通用问题
 * ============================================================ */

/* 1. 中间区间 (800px–1200px)：避免 .w1200 横向滚动 */
@media (max-width:1200px){
  .w1200{width:auto !important;max-width:100%;padding-left:24px;padding-right:24px;box-sizing:border-box;}
}

/* 2. ≤1024 平板：4 列 card / hxys 双列收成更友好的形态 */
@media (max-width:1024px){
  .container{flex-wrap:wrap !important;gap:18px !important;}
  .card{width:calc(50% - 9px) !important;box-sizing:border-box;padding:24px !important;}
  .hxys_box{padding:50px 0 10px !important;}
  .hxys_img{width:50% !important;}
  .hxys_text{width:46% !important;margin-top:20px !important;}
}

/* 3. ≤768 移动端：核心堆叠 + 首屏紧凑化 */
@media (max-width:768px){
  /* 容器 */
  .w1200{padding-left:16px;padding-right:16px;}

  /* agent / lists_single 顶部 banner — 去掉固定高度 */
  .pro_banner{height:auto !important;min-height:280px;padding:50px 0 40px;margin-top:50px !important;margin-bottom:40px !important;background-size:cover !important;background-position:center !important;}
  .banner_l_pro{height:auto !important;min-height:0;padding:0 4px;}
  .banner_l_pro h3{font-size:18px;margin:0 0 10px !important;}
  .banner_l_pro p{font-size:24px !important;line-height:1.3 !important;margin:8px 0 12px !important;}
  .banner_l_pro span{font-size:13.5px;line-height:1.7;margin:0 0 22px !important;}
  .banner_l_pro a{width:auto;min-width:140px;line-height:44px;height:44px;font-size:14px;padding:0 22px;}

  /* 4 列 card 收成 1 列 */
  .container{flex-direction:column !important;align-items:stretch !important;gap:14px !important;padding:0 4px;}
  .card{width:100% !important;max-width:none !important;padding:22px !important;border-radius:18px !important;}
  .card h2{font-size:20px !important;}
  .card p{font-size:14px !important;line-height:1.7 !important;margin:0 0 16px !important;}

  /* hxys 60/36 → 上下堆叠 */
  .hxys_box{padding:36px 0 8px !important;}
  .hxys_img,
  .hxys_text{width:100% !important;float:none !important;margin-top:0 !important;}
  .hxys_text{margin-top:20px !important;padding:0 4px;}
  .hxys_text h3{font-size:20px !important;}
  .hxys_text h3:after{height:4px;width:48px;margin-top:10px;}
  .hxys_text p,
  .hxys_text p.text{font-size:14px !important;line-height:1.75 !important;}
  .pro_cpld{margin:40px 0 !important;}
  .magt50{margin-top:24px !important;}

  /* bta 区段标题：避免在 480 以上、768 以下区间过大 */
  .bta{margin-bottom:32px !important;padding:0 12px;}
  .bta span{font-size:24px !important;margin-bottom:12px !important;}
  .bta p{font-size:13.5px !important;line-height:1.7;}

  /* footer 链接：从浮动改成 flex 换行 */
  .footc ul li{float:none !important;display:inline-block;margin-right:14px !important;line-height:2 !important;}
  .footc ul{display:flex;flex-wrap:wrap;gap:0 14px;}

  /* 通用 tap target ≥44px */
  .banner_l a{height:44px !important;line-height:44px !important;font-size:14px;}
  .tool a.sqsy{line-height:44px;height:44px;}

  /* 防止任何图片溢出 */
  img{max-width:100%;height:auto;}
}

/* 4. ≤480 小屏：进一步压缩 */
@media (max-width:480px){
  .w1200{padding-left:14px;padding-right:14px;}
  .pro_banner{padding:36px 0 28px;min-height:0;}
  .banner_l_pro p{font-size:20px !important;}
  .banner_l_pro span{font-size:13px;margin-bottom:18px !important;}
  .banner_l_pro a{width:100%;max-width:280px;}
  .card{padding:18px !important;}
  .card h2{font-size:18px !important;}
  .card p{font-size:13.5px !important;}
  .hxys_text h3{font-size:18px !important;}
  .bta span{font-size:22px !important;}
  .bta p{font-size:13px !important;}
}

/* ============================================================
 * bz_* 标准产品页：通用网格收敛
 * 命中各页 yx-/cs-/kf-/yq-/bi- 等 N 列网格，统一在 ≤768/≤480 收成 1 列
 * 配合各页已有的 900px 断点，补齐 480px 缺口
 * ============================================================ */
@media (max-width:768px){
  .cs-channels,
  .cs-arch-row,
  .cs-inds,
  .kf-channels,
  .kf-inds,
  .kf-kpis,
  .yq-kpi-row,
  .yq-media-grid,
  .yq-report-grid,
  .yx-grid,
  .yx-feat-grid,
  .sms-phones,
  .dash-body,
  .bi-charts,
  .bi-feats-grid,
  .bi-stack,
  .ljsr,
  .ljsr ul{
    grid-template-columns:1fr !important;
    display:grid !important;
  }
  /* 老 .ljsr 用 li width:50% — 强制单列 */
  .ljsr li,
  .ljsr ul li{width:100% !important;float:none !important;margin-right:0 !important;}
  /* yingxiao 页 min-width:380px 容器溢出修复 */
  [style*="min-width:380px"],
  [style*="min-width: 380px"]{min-width:0 !important;}
  /* 大数字 KPI 在 ≤480 偏大 */
  .yq-kpi b{font-size:24px !important;}
  .kf-kpi b{font-size:22px !important;}
}
@media (max-width:480px){
  .yq-kpi b{font-size:22px !important;}
}

/* ============================================================
 * 移动端补充补丁 v2 (2026-05) - PC 不动，仅 ≤768/≤480 生效
 * 补齐：header tap target、footer 行距、各 bz 页特有溢出、
 *      banner 通用兜底、表格、长字符串、bzcp-grid、行内 style 溢出
 * ============================================================ */
@media (max-width:768px){
  /* —— header 汉堡按钮强可见（防被遮挡 / 防被 transform 影响） —— */
  .header .menu{display:block !important;position:absolute !important;right:16px !important;top:10px !important;z-index:200 !important;width:26px;padding:8px 4px;}
  .header .menu i{display:block;background:#2468f2;width:100%;height:3px;margin-bottom:5px;border-radius:2px;}
  /* —— 抽屉内 申请试用按钮样式优化 —— */
  .nav .tool a.sqsy{display:inline-flex !important;align-items:center;justify-content:center;height:38px;line-height:38px;padding:0 18px;font-size:14px;border-radius:20px;background:#2a6fff;color:#fff;width:auto !important;}

  /* —— 通用 banner_bzcp 二次兜底 —— */
  .banner_bzcp{height:auto !important;background-size:cover !important;background-position:center !important;margin-top:50px !important;}
  .banner_bzcp .banner_l{padding:40px 18px !important;}

  /* —— 全局长字符串避免横向溢出 —— */
  body{word-break:break-word;overflow-wrap:break-word;}
  .w1200,.w1200 *{max-width:100%;box-sizing:border-box;}

  /* —— 标品矩阵卡片网格 —— */
  .bzcp-grid{grid-template-columns:1fr !important;gap:14px !important;margin-top:20px !important;}

  /* —— 各 bz 页 inline section padding 收紧 —— */
  .kshsq,.qykfjqr,.jzyxgj{padding:30px 0 !important;}
  .kshsq > .w1200,.qykfjqr > .w1200,.jzyxgj > .w1200{padding-left:16px;padding-right:16px;}

  /* —— 各 bz 页 inline 区段标题字号 —— */
  .bta span{font-size:22px !important;line-height:1.4 !important;}

  /* —— 图片/表格/视频强约束 —— */
  table{display:block;overflow-x:auto;max-width:100%;}
  iframe,video{max-width:100%;height:auto;}

  /* —— footer 联系区 / 友链 / 二维码 —— */
  .footc{padding:0 4px;}
  .footc ul h3{font-size:15px !important;}
  .footc ul li a{font-size:13px;line-height:1.9;}
  .footr ul li img{max-height:80px;width:auto;}
  .footbottom{padding:0 14px;text-align:center;}
  .footbottom > *{margin:0 auto;}

  /* —— ylz 引领者 4 卡（首页） —— */
  .ylz ul.leader-cards{grid-template-columns:1fr !important;gap:14px !important;}
  .ylz ul.leader-cards li{padding:22px 18px !important;}
  .ylz ul.leader-cards li .title{font-size:18px !important;}
  .ylz ul.leader-cards li p{font-size:13px !important;}

  /* —— 合作伙伴 logo 网格更密集 —— */
  .hzhb ul li{width:32% !important;margin-bottom:8px;}
  .hzhb ul li img{max-width:100%;height:auto;}

  /* —— 通用按钮兜底（防止 inline 写死 width） —— */
  .btn-primary,.btn-secondary{box-sizing:border-box;max-width:100%;}

  /* —— inline 样式经常写 width:1200px / 800px 等的兜底 —— */
  [style*="width:1200"],[style*="width: 1200"],
  [style*="width:800"],[style*="width: 800"]{width:100% !important;max-width:100% !important;}

  /* —— /agents 页 .container 卡片若没被前面规则覆盖到的兜底 —— */
  .pro_cpld .hxys_box{flex-direction:column;display:flex;}
}

@media (max-width:480px){
  /* 顶部 hero 文本进一步压缩 */
  .bta span{font-size:20px !important;}
  .ylz ul.leader-cards li .title{font-size:17px !important;}
  .hzhb ul li{width:48% !important;}
  /* 抽屉内 申请试用按钮再紧凑 */
  .nav .tool a.sqsy{padding:0 14px !important;font-size:13.5px;}
}