@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font-family: Manrope, Arial, Verdana, Geneva, sans-serif;color: #333;background-color: #fff; line-height: 180%; font-size: 1rem; } 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{ height: 100%; width: 100%;}
a{color: #333;text-decoration: none;}
a:hover{color: var(--theme-color);text-decoration: none;}
img{border: 0; max-width: 100%;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;border: 1px solid #e5e5e5;}
.mt{margin-top: 0.625rem;}
.mr{margin-right: 0.625rem;}
.mb{margin-bottom: 0.625rem;}
.ml{margin-left: 0.625rem;}
.pt{padding-top: 0.625rem;}
.pt2{padding-top:1.25rem;}
.pt3{padding-top:1.875rem;}
.pt4{padding-top:2.5rem;}
.pt5{padding-top:3.125rem;}
.pt6{padding-top:3.75rem;}
.pt7{padding-top:4.375rem;}
.pt8{padding-top:5rem;}
.pt9{padding-top:5.625rem;}
.pt10{padding-top:6.25rem;}
.pr{padding-right: 0.625rem;}
.pb{padding-bottom: 0.625rem;}
.pb2{padding-bottom: 1.25rem;}
.pb3{padding-bottom: 1.875rem;}
.pb4{padding-bottom: 2.5rem;}
.pb5{padding-bottom: 3.125rem;}
.pb6{padding-bottom: 3.75rem;}
.pb7{padding-bottom: 4.375rem;}
.pb8{padding-bottom: 5rem;}
.pb9{padding-bottom: 5.625rem;}
.pb10{padding-bottom: 6.25rem;}
.pl{padding-left: 0.625rem;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 1.3rem; font-weight: 600;}
.container-s{ padding: 0px 40px;} 
.clearfix:after { content: ""; display: block;  height: 0; clear: both;}
.x1 {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.x2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.x3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f6f6f6;}
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar-thumb{background-color: var(--theme-color);}

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%;     object-fit: cover;}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto; transition:all 0.36s ease; }

.xg1{position: relative; overflow: hidden;}
.xg1:before{background:rgba(217,169,91,0.2); content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.xg1:after{background:rgba(217,169,91,0.2); bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.xg1:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.xg1:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.xg1 img{transition: all 0.36s ease;}
.xg1:hover img{transform: scale(1.08);}

.container-fluid{padding-left: 100px; padding-right: 100px;}


.ty-flex{display:flex; flex-wrap: wrap;}
.ty-flex-zy-lb{justify-content: space-between;}
.ty-flex-zy-jz{justify-content: center;}
.ty-flex-sx-jz{ align-items: center;} 
.ty-flex-wrap{flex-wrap: wrap;}


/*响应式字体*/
html {  font-size: calc(0.8rem + 0.3vw);}
/*768~以上的继承下面样式*/
@media (min-width: 768px) {
   html { font-size: 16px; }
}


@media (min-width: 1360px) {
    .container{ max-width: 1320px; margin:0px auto;} 
}
.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}
    


:root{
  --theme-color:#489d7a;
  --title-font-size:3.2rem;
}




@font-face {
  font-family: 'iconfont';  /* Project id 4110609 */
  src: url('https://at.alicdn.com/t/c/font_4110609_500cmq00s4u.woff2?t=1688009388812') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4110609_500cmq00s4u.woff?t=1688009388812') format('woff'),
       url('https://at.alicdn.com/t/c/font_4110609_500cmq00s4u.ttf?t=1688009388812') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: "iconfont2"; /* Project id 3888944 */
  src: url('../font2/iconfont.woff2?t=1685774145291') format('woff2'),
       url('../font2/iconfont.woff?t=1685774145291') format('woff'),
       url('../font2/iconfont.ttf?t=1685774145291') format('truetype');
}



.iconfont2 {
  font-family: "iconfont2" !important;
  font-size: 1.1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







/*效果*/

.zoom-one {
  -webkit-animation: zoom-one 15s infinite linear;
  animation: zoom-one 15s infinite linear;
}


@keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
      }
    
      50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
      }
    
      100% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
      }
}



/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: var(--theme-color);}


/*加载动画*/
.preloader{height:100vh;width:100%;position:fixed;background:var(--white);top:0;left:0;right:0;bottom:0;z-index:9999999999}
.preloader-orbit-loading{position:relative;top:50%;left:50%;width:100px;height:100px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:780px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.preloader-orbit-loading .cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.preloader-orbit-loading .cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:5px solid var(--theme-color)}
@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-one{0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-one{0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}

/*=========导航==========*/
/*=====一级导航====*/
.ix-header{position: relative; z-index: 12; background: #333333; height: 60px; transition:all 0.36s ease;}
.ix-header.active{position:fixed; width:100%;}

.ix-logo img{margin-top: 10px; height: 40px;}
.ix-nav{line-height:60px; height: 60px;}
.ix-nav li{float:left; padding:0px 40px; position:relative; color:#fff; }
.ix-nav li:nth-last-child(1){padding-right:0px;}
.ix-nav li>a{color:#b3b3b3; transition:all 0.6s ease;}
.ix-nav li>a:hover{color:#fff;}
.ix-nav li>i{font-size:12px; display:inline-block; padding-left:10px;}
.ix-nav li i.yy{padding-left:0px; font-size:20px; vertical-align:middle; padding-right:10px;}
.ix-nav li i.mobile-an{cursor:pointer;}
.nax-an{ display:none;}
.ix-nav li:nth-child(1){display: none;}

.ix-nav li.active a{font-weight:bold; color:#fff;}

/*二级导航*/
.ix-nav li .subnav{width:100% !important; left:0 !important; right:0!important;  position:absolute; top:150px;  opacity:0; visibility:hidden; transition:all 0.36s ease; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); width:100%; text-align:center; border-radius:6px; overflow:hidden;}
.ix-nav li:hover .subnav{ opacity:1; visibility:visible; top:80px; }
.ix-nav li .subnav a{line-height:160%; display: block; font-size:14px; padding:10px 10px; transition:all 0.36s ease;}
.ix-nav li .subnav a:hover{background:var(--theme-color);color:#fff;}
.yy-abc{display:none;}
/*=========导航-end=========*/

/*=========语言========*/
.ix-yy{ height: 60px;}
.ix-yy img{height:18px; vertical-align:sub; display:inline-block; margin-right:10px;}
.ix-yy ul{padding-top:11px;}
.ix-yy li{float:left; padding:0px 20px; position:relative; color:#fff; border:1px solid #616161; height:36px; border-radius:6px; line-height:36px; }
.ix-yy li>a{color:#b3b3b3; font-size:16px; transition:all 0.6s ease;}
.ix-yy li>a:hover{color:#fff;}
.ix-yy li>i{font-size:12px; display:inline-block; padding-left:10px;}
.ix-yy li i.yy{padding-left:0px; font-size:20px; vertical-align:middle; padding-right:10px;}
/*二级导航*/
.ix-yy li .subnav{width:150px !important; left:0 !important; left:50%!important; margin-left:-75px;  position:absolute; top:150px;  opacity:0; visibility:hidden; transition:all 0.36s ease; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); width:100%; text-align:center; border-radius:6px; overflow:hidden;}
.ix-yy:hover .subnav{ opacity:1; visibility:visible; top:48px; }
.ix-yy li .subnav a{line-height:160%; display: block; font-size:14px; padding:10px 10px; transition:all 0.36s ease; padding-left:38px;  text-align:left;}
.ix-yy li .subnav a:hover{background:var(--theme-color);color:#fff;}
/*=========导航-end=========*/


/*banner*/
.swiper-slide img{transition:all 1s ease;}
.ix-banner{position:relative;}
.ix-banner a:hover img{transform:scale(1.03);}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
.swiper-pagination .swiper-pagination-bullet{margin: 0px 5px; width: 10px; height: 10px; transition: all 0.36s ease;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); width:30px; border-radius:5px;}

.ix-banner-m{display:none;}

/*通用栏目*/
.ix-head{font-size:2rem;   line-height:120%; text-align:center;}



/*产品列表*/
.ix-pro-list{ border-radius: 18px; position:relative;  padding-top:2.5rem; transition:all 0.36s ease; background: #f5f5f5;}
.ix-pro-list .ipl-tit{position:absolute; left:2.5rem; top:0px; display: grid; height:100%;align-items: center; text-align:center;}
.ix-pro-list .zsy-img{width:50%; margin: 0px auto; margin-right: 0; }
.ix-pro-list .zsy-img img{object-fit: contain;}
.ix-product .row{gap:2.5rem 0px;}
.ix-pro-list .ipl-tit .t1{font-size:1.75rem;   line-height: 120%;  text-align: left;}
.ix-pro-list .ipl-tit .t2{padding-top:1.25rem; color:var(--theme-color); line-height:180%; font-size:1.2rem;}
.ix-pro-list .ipl-tit .t3{}
.ix-pro-list .ipl-tit .t3 span{display:block; width:124px; height:48px;border-radius: 5px; border: 1px solid var(--theme-color); font-size: 18px; color: var(--theme-color); line-height: 48px; text-align: center;  transition: all .36s ease;}
.ix-pro-list .ipl-tit .t3 span:hover{background: #313133; border: 1px solid #313133;}
.ix-pro-list:hover{background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#f5f6f8)); background: linear-gradient(180deg, #fbfbfc, #f5f6f8);  -webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.16);  box-shadow: 0 0 18px 0 rgba(0,0,0,.16);  background-color: #fff; -webkit-transform: scale(1.02);  transform: scale(1.02);     background: #fff;}

.m2-img{display:none !important;}

/*新闻列表*/
.ix-news-list{ background: #fff; border-radius: 16px;  border: 1px solid #f3f3f3; -webkit-box-orient: vertical; -ms-flex-direction: column;  flex-direction: column; padding: 2.5rem; transition: all .36s ease;}
.ix-news .row{gap:2.5rem 0rem;}
.ix-news-list .t1{font-size:1.25rem;}
.ix-news-list .t2{ margin:1rem 0rem; color:#999;}
.ix-news-list .t3{ align-items: center; color:#999;}
.ix-news-list .t3 b{font-weight:normal; display:block; width:118px; height:34px; background: #fff; color:var(--theme-color); border-radius: 4px; border: 1px solid var(--theme-color);color: var(--theme-color); line-height: 34px;  text-align: center; transition:all 0.36s ease;}
.ix-news-list .t3 b:hover{ background: #313133; border: #313133;}
.ix-news-list:hover{-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.06); box-shadow: 0 0 18px 0 rgba(0,0,0,.06);  background-color: #fff; -webkit-transform: scale(1.02); transform: scale(1.02);}

.ix-news-more a{display:block;  width: 100%;  height: 54px;  border-radius: 10px;  border: 1px solid var(--theme-color);  font-size: 20px; color: var(--theme-color); line-height: 54px; text-align: center; transition:all 0.36s ease;}
.ix-news-more a:hover{ background: #313133; border:#313133;}


/*底部*/
.ix-footer .if-nav{gap:2.5rem;}
.ix-footer a{color:#333; transition:all 0.36s ease;}
.ix-footer .if-nav a{transition:all 0.36s ease; color: #333;}
.ix-footer .if-nav a:hover{color:var(--theme-color);}
.if-links ul{ gap:1rem 0.625rem;}
.if-links ul li a{display:block;}
.if-links img{width:30px; height:30px; transition:all 0.36s ease;}
.if-links ul li a:hover img{transform:scale(1.08);}
.ix-footer .if-xx{gap:2.5rem;}
.ix-footer .if-xx img{padding-right:1rem;}
.if-copy{text-align:center; color:#999; font-size:0.97rem;}
.ix-footer a:hover{color:var(--theme-color);}
@media (max-width: 1480px) {

  /*导航*/



}


@media (max-width: 1380px) {
  /*导航*/

}

@media (max-width: 1280px) {
 
    /*=======移动端响应式导航======*/
    .ix-header{ height:60px;}
    .ix-header .ix-logo{padding-top:10px;}
    .ix-header .ix-logo img{height:40px; margin-top: 0px;}
    .nax-an{ display:block; font-size:30px; color:#fff; padding-top:17px;}
    .ix-nav{width: 280px; height: 100%;  background: #fafafa; position: fixed; top: 0;  right: -380px;  z-index: 2000; overflow-x: hidden;  overflow-y: scroll;  transition: all .3s;  -webkit-transition: all .3s;}
    .ix-nav ul li a{ color:#333;  padding:15px 0px;    padding:15px 0px;  padding-left:10px; display:inline-block; }
    .ix-nav li{ display:block;  width:calc(100% - 0px); line-height:initial;border-bottom: 1px solid #ebebeb; }
    .ix-nav li a:after{ width:10px; height:10px; border:solid 1px #d8d8d8; position:absolute; left:20px; top:22px; content:''; border-radius:10px;}
    .ix-nav.open{right:0;}
    .ix-yy{display:none;}
    .yy-abc{display:block;}

      /*二级*/
     .ix-nav li .subnav{ opacity:initial; visibility:initial; transition:initial; display:none; position:initial; box-shadow:none; margin-bottom:20px; }
     .ix-nav li .subnav a{padding-left:30px; text-align:left;}
     .ix-nav li i.mobile-an{ transition:all 0.36s ease; transform:rotate(270deg); font-size: 14px; color:#b3b3b3; position:absolute; right:5px; top:12px; width: 30px; padding-left:0px; height: 30px; text-align: center; line-height:30px;}
     .ix-nav li .mobile-an.active{transform:rotate(360deg); }
     .ix-nav li:nth-child(1){padding:20px 0px; color:#666; text-align:right; display:block;}
     .ix-nav li i.yy{display:none;}


     /*移动端黑色层*/
     .nav-bg { display: none;background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
     .nav-bg.open{opacity: 1; z-index: 11; display: block;}

      /*=======移动端响应式导航-END======*/





}

@media (max-width: 1080px) {

   
    }
@media (max-width: 780px) {
  body{font-size: 1.2rem; line-height: 160%;}

  :root{
    --theme-color:#489d7a;
    --title-font-size:2rem;
  }
  

    /*火箭*/
    .db_xs{ right:20px;}

}
@media (max-width: 640px) {
  
    .ix-nav li>a:hover{color:var(--theme-color);}
    .ix-index{background:#f5f5f5;}

  /*通用*/
  .pt6{ padding-top: 1.875rem;}
  .pb6{ padding-bottom: 1.875rem;}
  .pt8{ padding-top: 1.875rem;}
  .pb8{ padding-bottom: 1.875rem;}
  .pt4{padding-top: 1.25rem;}
 .pb4{padding-bottom: 1.25rem;}
 .pt10{ padding-top: 2.5rem;}
 .pb10{ padding-bottom: 2.5rem;}
 .row {margin-left: -0.4rem;margin-right: -0.4rem;}
 .container{padding-right: 0.8rem;  padding-left: 0.8rem;}
 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{    padding-right: 0.4rem;padding-left: 0.4rem;}

 .ix-head{font-size:1.5rem; font-weight:bold;}

 .ix-footer .if-xx{gap: 1.25rem;}

 /*轮播图*/
 .ix-banner .swiper-slide img{/*height: 200px;*/ object-fit: cover;}

 /*产品列表*/

 .ix-product{padding-bottom:1.875rem;}
 .ix-product .row{gap:1.87rem 0rem;}
 .ix-pro-list{background:#fff; padding-top:0rem;}
 .ix-pro-list .zsy-img{width:100%; border-radius:6px;  background:#f5f5f5;}
 .ix-pro-list .ipl-tit{position:initial; padding-top:1.2rem; display: block;}
 .ix-pro-list .ipl-tit .t1{font-size:1.5rem; width:100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
 .ix-pro-list .ipl-tit .t2{ padding:0rem; margin:0.625rem 0rem; width:100%; font-size:1rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#999;}
 .ix-pro-list:hover{background:#fff; box-shadow:none; transform:scale(1);}
 .ix-pro-list .ipl-tit .t3 span{height:38px; line-height:38px; margin: 0px auto;}
 .ix-pro-list .ipl-tit .t3{margin:0px auto;}

.pro-box{background:#fff; padding-top:1.25rem; padding-bottom:1.25rem; border-radius: 10px;}

 /*新闻*/
.ix-news .row {gap: 1.2rem 0rem;}
.ix-news{background:#f5f5f5; padding-top: 0;}
.ix-news-list{padding:1.2rem 0.8rem; border-radius: 10px;}
.ix-news-list .t2{margin-top:0.625rem;}
.pg-news-list, .pg-news-deta .pg-deta{border-radius: 10px;}

  /*轮播*/
.ix-banner{display:none;}
.ix-banner-m{display:block; position:relative;}
.ix-banner-m::before{background:#333333; content:''; position:absolute; top:0; left:0; right:0; width:100%; height:100px; border-radius:0px 0px 15px 15px; display:block; }
.ix-banner-m .swiper{margin:0.8rem; overflow:hidden; margin-bottom:0rem;    margin-top: 0rem;}
.ix-banner-m .swiper img{border-radius:10px; }
.m1-img{display:none !important;}
.m2-img{display:block !important;}

}





