body{margin:0}
*{margin:0;padding:0;box-sizing:box-sizing}
  ul,li{list-style-type:none;margin:0 }
.container{width:1440px;margin:0 auto}
.container2{width:1600px;margin:0 auto}
  a{text-decoration:none !important;color:black}
  .color a{color:#003486 !important}
.center{ text-align: center;}
.right{ text-align: right;}
.middle{ vertical-align: middle;}
.flexBox{   
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; 
}
.border_box{
	box-sizing: border-box ;
}
.fixed{position: fixed;top: 0;left: 0;width: 100%;}

.z-999{z-index: 999;}
.z-99{z-index: 99;}
.flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex_1{flex: 1;}
.overflow{overflow: auto;}
.flex_between{-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex_around{-webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; }
.wrap{flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex_start{align-items: start;}
.flex_end{align-items: end;}
.flex_column{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column}
.white{color: white !important;}
.translate{transform: translate(-50%,-50%);}
.flex_items{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.justify_center{justify-content: center;}
.radius50{border-radius: 50%;}
.width_100{width: 100% !important;}
.relative{position: relative;}
.pointer{cursor: pointer;}
.black{color: #111 !important;}
.color{color: #002a74;}
.border_bom{border-bottom: 2px solid #00a0e9;}
.backcolor{ background-color: #003486;}
.hidden{overflow: hidden;}
.transition{transition:all .5s}
.line-15{ line-height: 1.5;}
.backwhite{background-color: white;}
.col_999{ color: #999;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font34{ font-size: 34px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font42{ font-size: 42px;}
.font56{ font-size: 56px;}
.border{border: 1px solid #003486;}

.padd30{padding: 20px 30px !important;}

.male10{margin-left: 10px;}
.male20{margin-left: 20px;}
.male30{ margin-left: 30px !important;}

.mbot10{margin-bottom: 10px;}
.mbot20{margin-bottom: 20px;}
.mbot30{margin-bottom: 30px !important;}

.mtop10{margin-top: 10px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}

.mar10{margin-right: 10px;}
.mar20{margin-right: 20px;}
.mar30{margin-right: 30px;}
.mar40{margin-right: 40px;}

.line2{
    line-height: 2;
}
.line30{
    line-height: 30px;
}
.block{display: block;}
.radius50{border-radius: 50px}
.bold{font-weight: bold;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}

.fw800{font-weight: 800;}
.fw900{font-weight: 900 !important;}

.bordernone{
    border-radius:0px !important;
}
.Masking{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);
}
.phoneshow{display:none}

    .logo2{width:180px}
.hide{display: none;}
.visibility{visibility:hidden}
.strike { text-decoration: line-through;}
.absolute{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


    
    .titlebox{margin-bottom:40px}
    .titlebox .titlebox-t1{font-size:76px;color:black;font-weight:bold}
    .titlebox-min{margin-left:10px}

/*brand*/
.channel-banner{margin-top:74px;position:relative}
.brandBox{position:absolute;top:50%;left:50%;z-index:99;transform:translate(-50%,-50%);}
.ellipsis2{
       display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 2; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
}

  .yuancror .swiper-button-prev{color:black;background:white;width:50px;height:50px;border-radius:50%}
   .yuancror .swiper-button-next{color:black;background:white;width:50px;height:50px;border-radius:50%}
     .yuancror .swiper-button-next:hover,.yuancror .swiper-button-prev:hover{background:#003486;color:white}
    .yuancror .swiper-button-prev:after,.yuancror .swiper-button-next:after{font-size:16px}

@font-face {
  font-family: "iconfont"; /* Project id 3986410 */
  src: url('../font/iconfont.woff2?t=1721891790795') format('woff2'),
       url('../font/iconfont.woff?t=1721891790795') format('woff'),
       url('../font/iconfont.ttf?t=1721891790795') format('truetype');
}
.phonebrand{display:none}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zhankai:before {
  content: "\e786";
}

.icon-xiangyoujiantou:before {
  content: "\e65f";
}

.icon-xiazai19:before {
  content: "\e613";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-dianhua:before {
  content: "\e604";
}

.icon-xiangzuojiantou:before {
  content: "\e660";
}

.icon-sousuokuangsousuotubiao:before {
  content: "\e72c";
}

.icon-ico2:before {
  content: "\e66b";
}

.icon-danxuananniu:before {
  content: "\e63e";
}

.icon-shijian:before {
  content: "\e64d";
}

.icon-shezhi:before {
  content: "\e64b";
}

.icon-shezhi-copy:before {
  content: "\e64c";
}

@media(max-width:1600px){
    
    /*.dg-wrapper {min-height:500px !important}*/

    
    .container2{
        width:90%;
    }
       .container{
        width:80%;
    }
    .titlebox{margin:0}
    .titlebox .titlebox-t1{font-size:56px}
    .product .toplic{font-size:30px}
 
}
@media(min-width: 1300px) and (max-width:1600px){
    .header-nav ul .navtoplit{
        padding:30px 30px;
    }
    .dg-wrapper{width:70%}
    .dg-container .dg-prev{left:14%}
    .dg-container .dg-next{right:14%}
    
    
    .typebox .bbbb:first-child ul li{width:90px}
     .typebox .bbbb:first-child ul li:first-child{width:105px}
    .qycard-item .yuan1{width:300px;height:300px}
    .cyuan{width:150px}
    .qywh {height:85vh}
    .qy-nit div{font-size:14px}
    .qy-nit h4{font-size:26px }
}

@media(max-width:1500px){
    
    .crid3 .text2{padding:50px 10px}
}

@media(max-width:1350px){
      .container2{
        width:95%;
    }
    .container{width:90%}
     .header-nav ul .navtoplit{
        padding:30px 20px;
    }
      .dg-wrapper{width:80%}
       .dg-container .dg-prev{left:14%}
    .dg-container .dg-next{right:14%}
}
@media(max-width:1024px){
    .header-main{display:none}
    #header .phonenav{display:block;}
}
@media(max-width:768px){
    .numBox .title1:after{content:none !important}
     .ThreeSwiperBox .swiper-pagination{bottom:-12% !important}
    .pcshow{display:none}
    .phonebrand{display:block}
    .new-tagb{position:unset;padding:0px}
    .tiao{display:none}
    .container{width:92%;padding:0}
    .brand-box .titleh2{font-size:30px}
    .brew{padding:0}
    .brew  .mores{display:none}
    
    .titlebox .titlebox-t1{font-size:36px}
    .titlebox-min {font-size:18px}
    
    /*.itemBox .itemBox-item{position:relative;top:0;left:0;width:100% !important;margin-bottom:10px;height:auto !important}*/
    .itemBox{grid-template-columns:repeat(1,1fr)}
    .about{height:auto;padding:30px 0;margin-top:50px}
    .about-left{width:100%;padding-right:0}
    .about-left .titlebox {margin-bottom:10px}
    .about-img{width:100%;text-align:center}
    .about-img img{width:80% !important}
    .about .numBox{padding:0}
    .about .titlebox {display:flex}
    .about .numBox .number{font-size:26px !important}
    
    .cpyys{margin-top:50px}
    .dg-wrapper{width:95%}
    .dg-itemnei{padding:10px 40px}
    .dg-itemnei .flexBox{flex-wrap:wrap}
    .dg-itemnei h4{font-size:20px}
    
    .productCaid .itemBox{flex-wrap:wrap;}
    .productCaid .proleft{width:100%;}
    .produchei{height:auto}
    .produchei .pr-right{height:auto}
    .pr-right>div{height:auto}
    .vebox-title{font-size:16px}
    .pr-item2{flex:auto}
    .vebox p{font-size:14px}

    .crid3{grid-template-columns:repeat(1,1fr);display:none}
    .crid3>div{border-bottom:1px solid #EFEFEF;border-right:none;padding:20px}
    .crid3 .text2{padding:0px;font-size:16px}
    
    .newst1 {flex-direction:column;margin-bottom:30px}
    .newst1-box{padding:20px;}
    .newst1-box h4{font-size:16px}
    .newst1-imt{width:100%}
    
    
    .bottom{padding-top:50px !important}
    .bottom .bottom-card{flex-direction:column;padding-bottom:50px}
    
    .bottom .bottom_right{width:100%;margin-top:30px}
    .crid-box{flex-direction:column;gap:20px}
   .bottom_right .crid-box>li{width:100%;border-bottom:1px solid #d4d4d4;padding-bottom:5px}
   .crid-box li ul{display:none}
    .crid-box li .black{font-size:16px;word-break:break-word}
    
    /*产品*/
    .product{margin:0px;padding:20px 30px;}
    .typebox ul{gap:10px}
    .typebox ul li {width:23%}
     .productype ul li {width:23%}
     .productype ul{width:100%}
    .toplic-box{padding:0 10px}
    .typebox{margin-top:20px}
    .bbbb{flex-direction:column;align-items:flex-start;}
    .typeTitle{font-size:18px;margin-bottom:10px}
     .toplic{font-size:24px !important}
     .prolist {flex-direction:column-reverse}
     .prolist .prolist-box{width:100%;grid-template-columns:repeat(2, 1fr);gap:10px}
     .prosiled{margin:0;display:none}
    .prolist-box .prolist_item{padding:20px 10px}
    .prosiled .childul a {padding-left:60px}
    .paginationbox{padding:10px;background:white}
    
    /*产品应用*/
    
    .texticlitst{margin:10px 0;}
    .texticlitst img{display:none !important}
    .version{width:100%}
    .texticlitst .texticlitst-item{height:auto;padding:5px 0;width:22%}
    .mengb{padding:10px;position:unset;background:white !important;color:black !important}
    .mengb h4{font-size:20px}
    .casebrd{width:100%;margin-top:50px}
    .casebox{margin:20px 0;min-height:auto}
    .caslist-item{flex-wrap:wrap;height:auto;flex-direction:column-reverse !important;margin-bottom:20px}
    .caslist-item>div{width:100%}
    .itm-text{padding:20px;gap:0}
    
    .carimga{height:auto}
    .caslist-item h4{font-size:20px}
    .channel-banner{margin-top:76px}
    
    .moretit h3{font-size:56px}
    
    /*关于我们*/
    .popvideo-box{width:80%}
    .gsjj{flex-direction:column;margin: 0}
    .about-tit{width:100%;margin-top:0;text-align:center;padding:10px 0}
    .about-tit div{width:100%}
    
    .about-box {flex-direction:column;margin:10px auto !important}
    .aboutimg{width:100%}
    .aboutnei{padding:10px}
    .about-tit .line{height:0px;width:80%;margin-top:0}
    .aboutnei h3{font-size:24px !important}
    
    .caird .number{font-size:26px !important;margin:0 !important}
    .caird img{margin-right:5px;width:20px}
    .caird span{font-size:16px}
    .caird div div{flex-direction:column;align-items:center !important}
    .qywh {height:auto;margin:50px 0}
    .qywh .font24{font-size:20px}
    .qywh h3{font-size:30px}
    .qy-nit{flex-direction:column-reverse !important;gap:10px;flex:1;border:none !important}
    .qy-nit div{font-size:14px;text-align:center}
    .qy-nit h4{font-size:24px}
    .qy-nit p{margin-bottom:5px}
    .qycard-item{height:auto;padding:0;width:50%}
    .yuan1{width:300px;height:300px;display:none}
    .cyuan{width:150px;display:none}
    .qycard-item .qy-nit:before{content:none}
    .qycard-item:nth-child(1) .qy-nit{margin-bottom:0px;}
    .qycard-item:nth-child(2) .qy-nit{margin-bottom:0px;}
    .qycard-item:nth-child(3) .qy-nit{margin-top:0px;}
    .qycard-item:nth-child(4) .qy-nit{margin-top:0px;margin-left:auto;}
    
    
    .zlzs .box1{width:100%;height:60vh;justify-content:space-between;top:-47%}
    
    .box1{gap:0;flex-direction:column}
    .box1-te,.box1-rig{width:100%;justify-content:end;background:#f5f7fb}
    .box1 p{font-size:14px}
    /*.box1{position:relative;padding:10px 20px}*/
    
    .zlzs{margin-top:100px}
    .honor{margin-top:250px}
    .honor .swiper_item{flex-direction:column-reverse;gap:10px}
    .honortopic{width:100%;text-align:center}
    
    .cardBox-box{margin:0;padding:20px;flex-direction:column}
    .cb-le{width:100%}
    .cb-content{padding:0;width:100%}
    .cb-content ul li{padding-bottom:10px;margin:10px 0}
    .cb-content div{font-size:16px}
    .card-list{grid-template-columns:repeat(1, 1fr)}
    .list-item .tit{font-size:16px}
    .list-item{padding:20px}
    .honor-swper{margin-top:30px}
    
    /*联系我们*/
    .lxwmbox{flex-direction:column;margin:76px 0 50px 0;gap:50px}
    .lxwmbox-left{width:100%;text-align:center}
    .lxwmbox-left h3{font-size:30px}
    .lxwmbox-left img{margin:auto;width:150px}
    .lxwmForm{padding:0}
    .form-button input{width:100%}
    
    .carudlbx{padding:50px 0}
    .lxwm-card{flex-direction:column}
    .mapbox{width:100%}
    .piece {padding:10px;height:130px;word-break: break-all;width:100%}
    .piece div img{margin-right:10px}
    .tezxt {font-size:14px}
    .lc-box{padding:0}
    
    /*投资者*/
    .cardbox{padding-top:50px}
    .cardbox h3{font-size:30px}
    .cwxx{grid-template-columns:repeat(1, 1fr)}
    .cwxx-item{    padding: 20px 10px}
    .btnbox{margin-top:20px}
    
    .gsgg{padding:10px}
    .gsgg ul li{line-height:35vh0px}
    .tzzgx{grid-template-columns:repeat(1, 1fr)}
    .tzzgx_item{padding:20px;border:none;border-bottom:1px solid #E4EAF3}
    .tzzgx_item p{margin:30px 0}
    .tztgx{padding:20px 0}
    
    /*产品详情页*/
    .boxbox{flex-direction:column}
    .swpeir-box{width:100%}
    .introduce{margin:0;padding:20px}
    .introduce h3{font-size:30px}
    .gapbox{padding:50px 0}
    .rubric{font-size:18px}
    .getsms{margin:0}
    .produnctyy-list{grid-template-columns:repeat(1, 1fr)}
    .other{padding:50px 0}
    
    
    .detials{flex-direction:column-reverse}
    .detialsMain h2{font-size:30px}
    .detialsMain img{width:100% !important;height:auto !important}
    .popular{width:100%;border:none;padding:0}
    .detialsMain{padding:0}
    
    
    
    .bread{padding:20px 0}
         
    
    .serachmain{margin-top:76px}
    
    .gsgg ul li{line-height:2}
    
    .vebox-more{display:none}
    /*.hover1:hover .vebox{*/
         /*transform: translateY(-10px) !important;*/
    /*}*/
    .vebox{transform:translateY(-10px);left:30px}
     .about .text{width:100%}
     .cardBox-box{display:none}
     
     .hpducim{width:70% !important}
     .dg-itemnei .dg-itemnei-text{width:100% !important;
             display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 2; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
     }
     .lxwmbox-left p{text-align:left}
     .mapbox{display:none}
     .phoneshow{display:inline-block}
     .pcshow{display:none}
     .piece{background-color:white !important;color:black !important}
}