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;padding:0}
.container2{width:1720px;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;}
.height_100{height:100%}
.relative{position: relative;}
.pointer{cursor: pointer;}
.black{color: #111 !important;}
.color{color: #ad8a55;}
.color2{color:#003486}
.hover:hover img{transform:scale(1.1)}
.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;}
.font48{ font-size: 48px;}
.font52{ font-size: 52px;}
.font56{ font-size: 56px;}
.border{border: 1px solid #003486;}

.bornone{border:none !important}

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

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

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

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

.pale10{padding-left:10px}
.pale20{padding-left:20px}
.pale30{padding-left:30px}
.pale40{padding-left:40px}
.pale50{padding-left:50px}

.hoverColor{transition:all .5s}
.hoverColor:hover{color:#edb626;}

.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}

.bordernone{
    border-radius:0px !important;
}
.Masking{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
.hover:hover{background:#1c2d70 !important;color:white;border-color:#1c2d70}
.phoneshow{display:none}
.hide{display: none;}
.visibility{visibility:hidden}
.strike { text-decoration: line-through;}
.absolute{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.viewMover{border:1px solid white;background: rgba(229,234,255,0.16);border-radius:28px;padding:13px 0;display:inline-block;width:136px;text-align:center}
/*brand*/
.channel-banner{position:relative}
.brandBox{position:absolute;top:50%;left:50%;z-index:99;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);height:100%}
.brandtitle{font-size:50px}
.ellipsis1{
       display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 1; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
}
.ellipsis2{
       display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 2; /* 限制显示两行 */
      overflow: hidden; /* 隐藏超出范围的内容 */
      text-overflow: ellipsis; /* 使用省略号 */
}
.ellipsis3{
       display: none; /* 设置为WebKit内核的弹性盒子模型 */
      -webkit-box-orient: vertical; /* 垂直排列 */
      -webkit-line-clamp: 3; /* 限制显示两行 */
      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}*/
     .titletopic{padding-left:20px}
    .titletopic:after{content:'';width:6px;height:100%;background:#003486;position:absolute;top:0;left:0}
 .topic{margin:100px 0 60px 0}
.ckgd{border:1px solid #ddd;padding:13px 45px;border-radius:28px;color:#999}
.hoverimg:hover img{transform:scale(1.1)}
@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:1700px){

    .container2{
        width:95%;
    }
       .container{
        width:90%;
    }
 
}
@media(min-width: 1300px) and (max-width:1600px){
    .header-nav ul .navtoplit{
        padding:0px 30px;
    }
    .header-nav ul .navtoplit .font24{ font-size: 20px;}
    
    .card-c div{padding:50px 50px}
    .textms{font-size:24px}
   
}


@media(max-width:1350px){

    .container{width:90%}
     .header-nav ul .navtoplit{
        padding:0px 20px;
        font-size:15px;
    }
    /*  .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){
    .brandtitle{font-size:26px}
    .textlist .textlist-item{grid-template-columns:repeat(1,1fr);margin-bottom:40px}
    .text-box{order:1 !important;padding:0 !important}
    .programmeBox{padding:50px 0}
    .pop-list{grid-template-columns:repeat(1,1fr);row-gap:50px}
    .newscridimg{width:100%}
    .newscrid{flex-direction:column}
    .news-list{grid-template-columns:repeat(1,1fr)}
    
    .block_list{grid-template-columns:repeat(1,1fr)}
    .videoplay{width:50px}
    .number{font-size:26px}
    .texts .span1{font-size:16px}
    .video-pop div {width:85%}
    .texts .unit{font-size:16px}

    .vrid_block{flex-direction:column}
    .black_box{width:100%}
    .formBox{padding-left:0}
    .form-button{width:100%}
    .form-button input{width:100%}
    .address_box{gap:10px}
    
    .ttts{width:100%}
    .ttts a{display:block}
    
    .bottom{padding-top:50px !important}
   .bottom .bottom-card{flex-direction:column;padding-bottom:30px}
   .bottom-card .crid-box{flex-direction:column;margin-top:30px;gap:0}
    .crid-box ul{display:none}
   .bottom .bottom_right{width:100%}
   .bottom_right .crid-box>li{width:100%;border-bottom:1px solid #999;padding:10px 0}
    .phonebrand{display:block}
    .crid-box ul li{margin-top:10px}
    
    .topic{font-size:26px}
    .newsbox{grid-template-columns:repeat(1,1fr)}
    .llloert{padding:60px 0}
    
    .detail_main{flex-direction:column}
    .detail_content{width:100%}
    .detail_silde{margin:0;margin-top:30px}
    
    .text-box .font24{font-size:18px}
    .newsbox-item{padding:20px 15px}
    .timebox{margin-top:50px}
    .nav-bread{margin-bottom:40px}
    
    .produnt{flex-direction:column}
    .productlist{margin:0}
    .prolist{grid-template-columns: repeat(2, 1fr);}
    .parameter tr td{padding:5px}
    .produnt-sidle{display:none}
    
    .introduce{padding:50px 0}
    /*.introduce .inttext{width:100%}*/
    .about_home{min-height:400px}
    .introduce .font24{font-size:18px}
    .inttext{width:90%}
    
    .more{padding:10px 20px}
    .titleh2{font-size:26px}
    .brandMain .swiper-button-next,.brandMain .swiper-button-prev{display:none}
    
    .gridBox{grid-template-columns:repeat(1, 1fr)}
    .gridBox .g-r-ron{height:auto;background:none;padding:30px}
    .gridBox-item{background:none !important}
    .gridBox-item  .grid-hover-image{position:relative;top:0;left:0;visibility:visible;opacity:1;transform:translate(0);height:auto}
    .g-r-ron p{color:black !important}
    .g-r-ron span{color:black !important}
    .g-r-ron .g-text{display:block}
    .gtitle{text-align:center}
    .g-r-ron .btnb{text-align:center}
    .g-r-ron .viewMover{background:#003486;color:white;}
     .b-title:after{content:'';position:absolute;bottom:-10px;left:50%;height:3px;width:80%;transform:translateX(-50%);background:#edb626}
     
    .intro{border:none}
    
    .brand-box{text-align:center}
    
    .son-block{gap:10px;grid-template-columns:repeat(2,1fr)}
    
    .address_box{grid-template-columns:repeat(1, 1fr)}
    
    .bannertext {bottom:0}
    .yshb-content{margin-top:30px}
    
    .product_ciotn{flex-direction:column;}
    .bolck_pro h1{font-size:36px}
    .proimg{width:100%}
    .bolck_pro{padding:0;margin-top:10px}
    .appcrid {grid-template-columns:repeat(1, 1fr);margin-bottom:100px}
    .appcrid-text{padding:0}
    .selemodel table{width:150%}
    .parameter table{width:150%}
}