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: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;}
}