@charset "utf-8";
/* CSS Document */

*{margin: 0px;padding: 0px;}

body{font-family:  harmonyos-regular, 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;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.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: 16px; font-weight: 600;}
.container-s{ padding: 0px 40px;} 

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative; text-align: center;}
.zsy-img img{ max-width:100%;      display: block;}
.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; object-fit:cover;}
.zsy-img a:hover img.abc{ transform: scale(1.08);} 

.hover-img:hover img{transform: scale(1.08);}

.zoom{ transition:all 0.36s ease;}

.zoom-box{ overflow:hidden;}
.zoom-box img{ max-width:100%;}
.zoom-box:hover .zoom{ transform:scale(1.08); border-radius:0px;}

.box-pl10{ padding-left:100px;}
.box-pr10{ padding-right:100px;}

.fz42{ font-size:42px; color:#333; line-height:120%; padding-bottom:1.25rem;font-weight:normal;}


.container{ padding-right: 1.25rem; padding-left: 1.25rem;} 
.row { margin-right: -1.25rem; margin-left: -1.25rem;}  
.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: 1.25rem; padding-left: 1.25rem;}

img{display:inline-block; max-width: 100%;}

.x1{ width:100%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.x2{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }
.x3{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 3;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }


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

.hidden{display:none;}

/* Project id 4010919 */

/* @font-face {
  font-family: "iconfont"; 
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
} */

/*layui-颜色*/
.layui-laypage a:hover{color:var(--theme-color);}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--theme-color);}

@font-face {
  font-family: "iconfont"; /* Project id 4793050 */
  src: url('../font/iconfont.woff2?t=1735033604133') format('woff2'),
       url('../font/iconfont.woff?t=1735033604133') format('woff'),
       url('../font/iconfont.ttf?t=1735033604133') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


:root{
  --theme-color:#cc1414;
  --title-font-size:3.2rem;
}
.ty-color{color:var(--theme-color)}
.bs-color{color:#fff;}




@font-face {
  font-family: "harmonyos-regular";
  src: url("../font/harmonyos-regular.woff2") format("woff2"),
       url("../font/harmonyos-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


.zt{ font-family: 'harmonyos-regular';  font-size: 30px; color:#b2b2b2;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


/*加载动画*/
.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)}
}


/*header*/
 .ix-header{position:fixed; width:100%; top:0; z-index:101; height:100px;}


 .fp-viewing-0 .ix-header:after{ content:""; position:absolute; bottom:0; height:200px; left:0; display:block; width:100%; z-index: -1;
  background: linear-gradient(top , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);          
  background: -o-linear-gradient(top , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);
  }

.ix-header .ix-logo img{ height:50px;}
.ix-header .ix-logo img.a2{ display:none;}

/*滚屏导航效果*/
.fp-viewing-1 .ix-header .ix-logo img.a2, .fp-viewing-3 .ix-header .ix-logo img.a2, .fp-viewing-5 .ix-header .ix-logo img.a2, .fp-viewing-6 .ix-header .ix-logo img.a2{display:block;}
.fp-viewing-1 .ix-header .ix-logo img.a1, .fp-viewing-3 .ix-header .ix-logo img.a1, .fp-viewing-5 .ix-header .ix-logo img.a1, .fp-viewing-6 .ix-header .ix-logo img.a1  {display:none;}
.fp-viewing-1 .ix-nav li>a, .fp-viewing-3 .ix-nav li>a, .fp-viewing-5 .ix-nav li>a, .fp-viewing-6 .ix-nav li>a{color:#333;}
.fp-viewing-1 .ix-nav li>.mobile-an , .fp-viewing-3 .ix-nav li>.mobile-an, .fp-viewing-5 .ix-nav li>.mobile-an, .fp-viewing-6 .ix-nav li>.mobile-an{color:#333;}





/*=========导航==========*/
/*一级导航*/
.ix-nav{line-height:100px;}
.ix-nav li{float:left; padding:0px 1.5vw; position:relative; color:#fff;     height: 100px;}
.ix-nav li>a{color:#fff; font-size:18px;}
.ix-nav li>i{font-size:12px; display:inline-block; padding-left:10px;}
.ix-nav li i.yy{padding-left:0px; font-size:1.25rem; vertical-align:middle; padding-right:10px;}
.ix-nav li i.mobile-an{cursor:pointer;}
.nax-an{ display:none;}
.nav-colose{ display:none;}
/*二级导航*/
.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:100px; }
.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;}
/*=========导航-end=========*/


/*===============================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.2);}
.db_xs:hover{ background-color: var(--theme-color);}
.wp-box{ padding-left:8%; padding-right:8%;}

/*banner*/
.ix-banner .swiper-container{width:100%;}
.ix-banner .sw-box{height:100%;overflow:hidden;}
.ix-banner .ix-ban-bj{width:100%;height:100vh;transition:all 0.36s ease;display:table;} 
.ix-ban-bj .ib-tit{display:table-cell;vertical-align:middle;}
.ix-ban-bj .ib-tit .ib-t1{font-size:3rem;color:#fff;width:48%;line-height:120%; padding-bottom:1.25rem; font-weight: bold;}
.ix-ban-bj .ib-tit .ib-t1 span{display:inline-block;width:40px;height:3px;background:#fff;vertical-align:middle;margin-right:1.25rem;}
.ix-ban-bj .ib-tit .ib-t2{font-size:2.5rem;line-height:150%;padding-top:1.87rem;color:#fff;padding-bottom:3.125em;}
.ix-ban-bj .ib-tit .ib-t3{font-size:1.2rem;;color:rgba(255,255,255,1);width:43%;line-height:180%;}
.ix-ban-bj .ib-tit .ib-t3 span{display:inline-block;padding-left:1.25rem;color:#999999;font-weight:normal;position:relative;}
.ix-ban-bj .ib-tit .ib-t3 span:after{content:'';position:absolute;left:0px;top:12px;width:calc(100% - 0.5rem);height:1px;background:#aeb3c3;margin:0}
.ix-ban-bj .ib-tit .ib-t4{margin-top:3.125rem;}

.ix-banner .swiper-button-next,.ix-banner .swiper-button-prev{width:3.125rem;height:3.125rem;background:rgba(0,0,0,0.5);border-radius:6px;text-align:center;line-height:50px;transition:all 0.36s ease;}
.ix-banner .swiper-button-next i,.ix-banner .swiper-button-prev i{font-size:0.9rem;color:#fff;}
.ix-banner .swiper-button-next{right:3.75rem;}
.ix-banner .swiper-button-prev{left:3.75rem;}
.ix-banner .swiper-button-prev:after,.ix-banner .swiper-button-next:after{display:none;}
.ix-banner .swiper-button-prev:after,.ix-banner .swiper-button-next:after{display:none;}
.ix-banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,0.2);margin:0px 5px;transition:all 0.36s ease;opacity:1;}
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.875rem;background:#fff;}
.ix-banner .swiper-button-next:hover,.ix-banner .swiper-button-prev:hover{background:#e72629;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1.25rem;}

.ix-banner .swiper-pagination{padding-left:8%; text-align:left; bottom: 1.875rem;;}


.ix-video video { width: 100%; height: calc(100vh - 0px); object-fit: fill; object-position: center center;}
.ix-banner .ix-ban-bj img{width: 100%; height: 100vh;} 

.ix-ban-bj .ib-tit::after{position: absolute;top: 0; width: 100%;height: 100%; background:rgba(0,0,0,0.2); z-index: -1; content: '';}


.scr {
  position: absolute;
  bottom: 35px;
  z-index: 20000;
  left: 0;
  right: 0;
  margin: auto;
  padding: 4px 0;
  width: 120px;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  font-size: 0.9rem;
  
  animation-fill-mode: both;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);
    animation-delay: 0.5s;

  animation-name: fadeInUpSmall;
    animation-duration: 1s;

    display: flex;
      
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}



.scr small {

  color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 1.4;

  width: 14px;
  display: inline-block;
  margin-left: 16px;
  height: 24px;
  border-radius: 50px;
  border: 1px solid #fff;
  position: relative;
  vertical-align: middle;
}

.scr small:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 5px;
  left: 5px;
  top: 12px;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 5;
  animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}


@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.scaleI {
  -webkit-animation-name: scaleI;
  animation-name: scaleI;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
@keyframes scaleI {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: none;
  }
}

/*滚动高亮*/
.ix-lb-abc #fp-nav ul li a span{ width:10px; height:10px; background:rgba(255,255,255,0.2); margin: -5px 0 0 -5px; transition:all 0.36s ease;}
.ix-lb-abc #fp-nav ul li{ width:initial; height:initial;}
.ix-lb-abc #fp-nav ul li a{ width:1.25rem; height:1.25rem; border:solid 1px transparent; border-radius:1.25rem; margin:5px 0px; transition:all 0.36s ease;}
.ix-lb-abc #fp-nav ul li a.active span{width:10px; height:10px;}
.ix-lb-abc #fp-nav ul li a.active{border:solid 1px #fff;}
.ix-lb-abc #fp-nav ul li a.active span{margin: -5px 0 0 -5px; background:#fff;}



.ix-lb-abc.fp-viewing-1 #fp-nav ul li a span, .ix-lb-abc.fp-viewing-3 #fp-nav ul li a span, .ix-lb-abc.fp-viewing-5 #fp-nav ul li a span, .ix-lb-abc.fp-viewing-3 #fp-nav ul li a span, .ix-lb-abc.fp-viewing-6 #fp-nav ul li a span{background: rgba(0,0,0,0.2);}
.ix-lb-abc.fp-viewing-1 #fp-nav ul li a.active span, .ix-lb-abc.fp-viewing-3 #fp-nav ul li a.active span, .ix-lb-abc.fp-viewing-5 #fp-nav ul li a.active span, .ix-lb-abc.fp-viewing-6 #fp-nav ul li a.active span{margin: -5px 0 0 -5px; background:#cc1414;}
.ix-lb-abc.fp-viewing-1 #fp-nav ul li a.active, .ix-lb-abc.fp-viewing-3 #fp-nav ul li a.active, .ix-lb-abc.fp-viewing-5 #fp-nav ul li a.active, .ix-lb-abc.fp-viewing-6 #fp-nav ul li a.active{border:solid 1px #cc1414;}


 .ix-more{
  a{font-size:1.1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:11rem;padding:0.65rem 0rem;color:#fff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;background:var(--theme-color);border-radius:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
  em{margin-left:0.6rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;font-size:1.2rem;
  svg{vertical-align:middle}}
  &:hover{em{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:1rem}}
}}



/*通用头部*/
.wp-box.ab5{padding-top:50px; position:relative;}
.ix-head{position:relative;}
.ix-head h1{font-size:50px; color:#333; line-height:120%; padding-bottom:1.25rem; font-weight:normal;}
.ix-head p{font-size:18px; color:#666; line-height:150%; width:60%; margin:0px auto;}
.ix-head.bs h1, .ix-head.bs p{color:#fff;}

 .ix-abc-more.aaa{position:absolute; right:11%; top:60px;}

/*关于我们*/
.ix-ab-tit{padding-right: 1.25rem;}


.ab-head .t1{font-size: 2.5rem; font-weight: bold; line-height: 150%;}
.ab-head .t2{font-size: 2rem; font-weight: bold; line-height: 150%;}

.iat-list { border-top: solid 1px #ccc;}

.iat-list  .iat-list-a{position:relative; text-align: center; font-size:3.6rem;  color:#333333; padding-bottom:10px; line-height: 120%;}
.iat-list .iat-list-a span{display:inline-block;  font-size:2rem; color:#333; position: absolute; top: -15px; }
.iat-list .iat-list-b{text-align: center;}
.ix-ab-img{padding-right:2.5rem; position:relative;  overflow:hidden; padding-bottom:2.5rem;}
.zsy-img-box::before { width:80%; height:calc(100% - 2.5rem); background:#f0f0f0; border-radius:6.25rem 0rem 6.25rem 0rem; content:'';position:absolute; right:0;  top:2.5rem;}
.ix-ab-img .zsy-img img{border-radius:6.25rem 0rem 6.25rem 0rem;}

.ix-ab-img .zsy-img img{    border-radius: 3rem 0rem 3rem 0rem;}
.zsy-img-box::before{ border-radius: 3rem 0rem 3rem 0rem;}

#about-video{width: 100%; border-radius: 20px;}

video#about-video::-webkit-media-controls-fullscreen-button {
    display: none;
  }

/*通用更多按钮*/
.ix-abc-more a{text-transform:uppercase; font-size:18px; color:#666;}
.ix-abc-more a span{width:40px; transition:all 0.36s ease; height:40px; display:inline-block; border-radius:100%; text-align:center; background:#fff; line-height:40px; margin-left:1.25rem; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.ix-abc-more.bs a{color:#fff;}
.ix-abc-more.bs span { color:#666;}
.ix-abc-more a:hover span{background:#cc1414; color:#fff;}

/*案例*/

.ix-case-fl .ix-head{position: absolute; left: 0; right: 0; top: 20%; z-index: 111; width: 100%; margin: 0px auto;}
.swiper-button-next, .swiper-button-prev {width: 3.125rem; height: 3.125rem; background: rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; line-height: 50px; text-align:center; transition: all 0.36s ease;}
.swiper-button-next i, .swiper-button-prev i{ font-size: 0.9rem; color:#fff;}
.swiper-button-next{ right: 3.75rem;}
.swiper-button-prev{ left: 3.75rem;}
.swiper-button-prev:after,  .swiper-button-next:after{display: none;}
.swiper-button-prev:after, .swiper-button-next:after{display: none;}
.swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; background:rgba(0,0,0,0.2); margin:0px 5px; transition:all 0.36s ease; opacity:1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:var(--theme-color); }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1.875rem;}

.pg-sw-a .swiper-button-next:hover, .pg-sw-a .swiper-button-prev:hover{background: var(--theme-color);}
.pg-sw-a .swiper-slide img{width:100%;height: 100vh;}
.pg-sw-a .swiper-pagination{bottom: 1.875rem; margin: 0px auto; left: 0; right: 0; display:none;}
.ix-pro-tit{ position:absolute; left:50%;  bottom: 26%;  transform: translate(-50%, -26%); color:#fff; text-align:left;z-index: 2;}
.ix-pro-tit .t1{ font-size:2rem; color:#fff;}
.ix-pro-tit .t2{ width: 50%;}
.ix-pro-tit .t4 a{text-align:left;}
.pg-sw-b{position:absolute; left:0; right:0; bottom:0;  z-index:1;}
.pg-sw-b .swiper-container{border-top:solid 1px rgba(255,255,255,0.2);}
.pg-sw-b .swiper-container .swiper-slide{cursor:pointer; transition:all 0.36s ease;}
.ix-pro-nav{padding:1.875rem 1rem;  text-align:center; color:#fff; }
.ix-pro-nav img{height: 3.75rem; width: 3.75rem;}
.pg-sw-b .swiper-slide.swiper-slide-thumb-active, .pg-sw-b .swiper-container .swiper-slide:hover{background:rgba(255,255,255,0.2);}

.pg-sw-a .swiper-slide::before{position: relative; bottom: 0;  left:0; width: 100%; height: 100%; display: block; position: absolute; /*background: rgba(0,0,0,0.3); */content: '';z-index: 1;}


 .ix-head .t2{font-size: 3rem; font-weight: bold; line-height: 120%;}
 .ix-head .t2 span{display: inline-block; font-size: 1rem;}
.ix-pro-tit .ix-more{position: absolute; right: 0; bottom: 0;}


.pg-sw-a {box-sizing: border-box;}



/*产品列表*/
.ix-pro-box{padding: 1.25rem;}
.ix-pro-list .swiper{padding: 20px;}
.ix-pro-box a{background:#fff; border-radius: 6px; display: block; position: relative; transition: all 0.36s ease;     overflow: hidden;}
.ipb-abc{padding: 2rem 1.25rem; padding-bottom: 1.5rem; text-align: center; transition: all 0.36s ease;}
.ix-pro .ix-pro-list{padding-bottom: 2.5rem;}
.ix-pro-list  .ims-box{padding: 1.87rem;position: relative;  background: #fff; transition: all 0.36s ease; }
.ix-pro-list  .ims-t1 img{width: 60px; }
.ix-pro-list  .ims-t2{ font-size: 1.5rem; color: #333; line-height: 120%; padding-bottom: 1rem;}
.ix-pro-list  .ims-t3{ line-height: 160%;  color: #999;  height: 52px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.36s ease;}
.ix-pro-list  .ims-box .ims-t5:after { background: url(../images/menu_bj.png); background-repeat: no-repeat; content: ""; position: absolute; height: 170px; width: 170px; bottom: 0; right: 0;  animation: pulse infinite 1.5s; opacity: .4;}
.ix-pro-list  .ims-box .ims-t4{position: absolute; right: 20px; top: 20px; font-size: 4rem; font-weight: 100; opacity: 0.1;}

.sw-dw{position: relative;}
.sw-pagin{text-align: center; width: calc(100% - 0px); padding-top: 20px;}
.sw-pagin .swiper-pagination-bullet{ margin: 0px 5px; transition: all 0.36s ease; width: 20px; height: 20px; border-radius: 20px; border: solid 1px transparent; background: transparent; position: relative; text-align: center;}
.sw-pagin .swiper-pagination-bullet::after{transition: all 0.36s ease; position: absolute; left: 0; right: 0; width: 8px; height: 8px; display: inline-block;  background: #999; border-radius: 8px; top: 5px; content: '';margin: 0px auto;}
.sw-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: solid 1px #d9a95b;}
.sw-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active::after{background: #d9a95b;}

.ipb-abc::before{content: ''; display: block; position: absolute; left: 50%;  transform: translateX(-50%); height: 4px; width: 0; bottom: 0;  background-color: var(--theme-color); transition: all 0.3s ease-in-out;}
.ix-pro-box:hover  .ipb-abc::before{width: 100%;}
.ix-pro-box:hover  .ipb-abc .ims-t3{opacity: 1; visibility: visible;}
.ix-pro-box:hover .ipb-abc{margin-top: -1rem;}

.ix-pro-list .ix-pro-box a:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.ix-pro-list .swiper-pagination{bottom:0rem;}


/*案例展示*/

.ix-case-box{position:relative;}
.ix-case-box:after{ content:""; position:absolute; bottom:0; height:200px; left:0; display:block; width:100%;
background: linear-gradient(bottom , rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0) 100%);          
background: -o-linear-gradient(bottom , rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(bottom , rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(bottom , rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom , rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0) 100%);
}
.ix-case-box{ text-align:center; overflow:hidden; border-radius: 6px;}
.ix-case-box .icl-tit{position:absolute; bottom: -60%; text-align:center; width:100%; height:100%; color:#FFF; z-index:1; left: 0; right: 0; transition:all 0.36s ease;}
.ix-case-box .icl-tit .icl-tit-t0 img{height: 60px; margin: 0px auto;}
.ix-case-box .icl-tit .icl-tit-t1{ font-size:1.25rem;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:92%;margin:0px auto;  font-weight:bold;transition:all 0.36s ease; padding-top: 0.625rem; }
.ix-case-box .icl-tit .icl-tit-t2{padding-top:1rem; transition:all 0.36s ease;  display:none; width:92%; margin:0px auto; font-weight:normal;}
.ix-case-list .swiper-pagination-bullet{ width:10px; height:10px; transition:all 0.36s ease;}
.ix-case-list .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#fff; border-radius:10px;}

.ix-case-box:hover .icl-tit {background:rgba(0,0,0,0.5); bottom:0; padding-top: 2.5rem;}
.ix-case-box:hover .icl-tit .icl-tit-t2{display:block;}

.ix-case-list .swiper-pagination-bullet{    background: rgba(255, 255, 255, 0.2);}

.ix-case-list .swiper-slide { transition:300ms;transform:scale(0.7);opacity:0.5;}
.ix-case-list .swiper-slide-active, .ix-case-list .swiper-slide-duplicate-active{ transform: scale(1); opacity: 1;}

.ix-case-list .swiper-button-next{right: 8rem; }
.ix-case-list .swiper-button-prev{left: 8rem;}
.ix-case-list .swiper-button-next:hover{background: var(--theme-color);}
/*新闻列表*/
.ix-news-list .zsy-img{height: initial; border-radius: 6px;}
.ix-news-list .inl-tit{padding-top: 1.25rem;}
.ix-news-list .inl-tit .t1{font-size: 1.25rem; font-weight: bold; transition: all 0.36s ease;}
.ix-news-list .inl-tit .t2{color: #999; margin-top: 0.3rem;} 
.ix-news-list .inl-tit .t3{padding-top: 1rem; color: #666; position: relative;}
.ix-news-list .inl-tit .t3 i{color: #666; display: inline; padding-right: 0.625rem;} 
.ix-news-list .inl-tit .t3 i.ab2{position: absolute; right: 0px; top:10px; padding-right: 0rem; transition: all 0.36s ease;}
.inl-right .ix-news-box{padding: 1.5rem 0rem; border-bottom:solid 1px #e0e0e0;}
.inl-right .ix-news-box:nth-last-child(1){padding-bottom: 0rem; border-bottom:none;}
.inl-right .ix-news-box:nth-child(1){padding-top: 0px;}
.ix-news-list  .inl-right .inl-tit{padding-top: 0rem;}
.ix-news-box a:hover .inl-tit .t1{color: var(--theme-color);}
.ix-news-list a:hover .inl-tit .t3 i.ab2{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 1rem; animation: arrowRun 4s infinite;}


.ix-news .ix-more{position: absolute; right: 0; top: 0;}


/*底部*/
.ix-footer{background:url(../images/ix_foot_bj.jpg)no-repeat top center; background-size:cover;}
.ix-foot-xx .ifx-t1 img{ max-height:50px;}
.ix-foot-xx .ifx-t2{padding-top:30px; line-height:180%; width:90%;}
.ix-foot-xx .ifx-t2 ul li{padding-left:40px;  color:#fff; position:relative; padding-bottom:1rem; min-height:30px;}
.ix-foot-xx .ifx-t2 ul li i{font-size:30px; color:#fff; display:block; top:0; left:0; position:absolute;}
.ix-foot-mess .col-md-4, .ix-foot-mess .col-md-12{padding-left:0.625rem; padding: right 0.625rem;}

.ix-foot-copy{border-top:solid 1px #262626; padding:15px 0px; color:#fff;}
.ix-foot-copy a{color:#fff;}
.ix-foot-copy a:hover{color:var(--theme-color);}



/*首页效果*/
.section.active.ix-about .ix-ab-tit {  animation-name: fadeInLeft; animation-delay: 0.2s;}
.section.active.ix-about .ix-ab-img { animation-name: fadeInRight; animation-delay: 0.2s;}

.section.active.ix-about .iat-list{ animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-about .ix-ab-img a{display:block; width:100%; height:100%;}

.section.active.ix-about .ix-ab-img:before{background:rgba(255,255,255,0.3); border-radius:50px 0px 0px 0px; content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.section.active.ix-about .ix-ab-img:after{background:rgba(255,255,255,0.3); bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.section.active.ix-about .ix-ab-img:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.section.active.ix-about .ix-ab-img:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}

.section.active.ix-case-fl .ix-head{animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-case-fl .ix-pro-tit-a{animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-case-fl .ix-pro-tit .ix-more { animation-name: fadeInRight; animation-delay: 0.2s;}



.section.active.ix-star-pro .ix-head {  animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-star-pro .isp-list { animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-star-pro .ix-abc-more.aaa {  animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-pro .ix-pro-list { animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-pro .ix-head {  animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-pro .ix-abc-more.aaa {  animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-pro .ix-more { animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-case .ix-head {  animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-case .ix-case-list { animation-name: fadeInUp; animation-delay: 0.2s;}

.section.active.ix-case .swiper-pagination{ bottom: 0rem;}

.section.active.ix-news .ix-head{animation-name: fadeInUp; animation-delay: 0.2s;}
.section.active.ix-news .ix-news-list{animation-name: fadeInUp; animation-delay: 0.2s;} 

/*响应式字体*/
html {font-size: calc(0.8rem + 0.3vw);}





/*768~以上的继承下面样式*/
@media (min-width: 768px) {
  html { font-size: 16px; }
}

@media (min-width: 1380px) {
  .container{ max-width: 1440px; } 
}
@media (min-width: 1680px) {
  .container{ max-width: 1640px; } 

}


@media (max-width: 161.25rem) {
   .wp-box{padding-left: 4%; padding-right:4%;}
}
@media (max-width: 1580px) {
    
   
   


}
@media (max-width: 1480px) {
/*    .ix-header .ix-logo{padding-top:30px;}
   .ix-header .ix-logo img{ height:24px;}*/

}


@media (max-width: 1380px) {
       .ix-nav li{ padding: 0px 0.8vw;}
}
@media (max-width: 1280px) {
       .ix-nav li{ padding: 0px 6px;}
}
/*
@media (max-width: 1100px) {

   
     

    =======移动端响应式导航======

    .nax-an{ display:block; font-size:2.5rem; color:#333; }
    .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:30px; display:inline-block; }
    .ix-nav li{ display:block;  width:calc(100% - 0px); line-height:initial;border-bottom: 1px solid #ebebeb; height: initial;}
    .ix-nav li a:after{ width:10px; height:10px; border:solid 1px #d8d8d8; position:absolute; left:1.25rem; top:22px; content:''; border-radius:10px;}
    .ix-nav.open{right:0;}


      二级
     .ix-nav li .subnav{ opacity:initial; visibility:initial; transition:initial; display:none; position:initial; box-shadow:none; margin-bottom:1.25rem; }
     .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); }
     .nav-colose{padding:1.25rem 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;}


     .fp-viewing-1 .ix-header .nax-an, .fp-viewing-3 .ix-header .nax-an{color:#333;}

      =======移动端响应式导航-END======

      html, body{height: initial; }
      .ix-header{position: relative; height: 60px;}
      .ix-header .ix-logo img.a1{display: none;}
      .ix-header .ix-logo img.a2{display: block;}
      .ix-header .ix-logo{padding: 10px 0rem;}
      .ix-header .ix-logo img { height: 40px;}
  
      
      banner
      .scr{display: none;}
      .ix-video video{ height: initial;}
      .ix-banner .ix-ban-bj{height: 100%;}
      .ix-pro-tit{top:25%;}
      .ix-banner .ix-ban-bj img{height: 100%;}
      .ix-pro-tit .ix-more{position: initial;}
      .ix-banner .swiper-button-next, .ix-banner .swiper-button-prev{display: none;}
      .ix-banner .swiper-pagination{padding-left: 2.5rem;}

      .ix-banner .ix-ban-bj {height: 500px;}
      .ix-ban-bj .ib-tit .ib-t3{width: 80%;}

      关于我们
      .ix-ab-img{padding-top: 2.5rem;     width: 70%;}
      
    .iat-list{padding-bottom: 3.75rem;}
    .iat-list .row{gap: 1.25rem 0rem;}

    案例分类
    .pg-sw-a{position: relative;}
    .pg-sw-a .swiper-pagination{display: block;}
    .ix-case-fl {padding-top: 3.75rem;}
    .ix-case-fl .ix-head{position: relative; color: #333; padding-bottom: 2.5rem;}
    .ix-case-fl .ix-head .bs-color{ color:#333;}
    .pg-sw-a .swiper-slide img{height: 100%;}
    .pg-sw-b{position: relative; background-color: var(--theme-color); display: none;}
    .ix-case-fl .swiper-button-next,    .ix-case-fl .swiper-button-prev{display: none;}


    .ix-case-list .swiper-slide { transition:300ms;transform:scale(1);opacity:1;}
.ix-case-list .swiper-slide-active, .ix-case-list .swiper-slide-duplicate-active{ transform: scale(1); opacity: 1;}
.ix-case-list .swiper-button-next, .ix-case-list .swiper-button-prev{display: none;}

    产品
    .ix-pro .ix-pro-list{padding: 3.75rem 0rem;}
    .ix-pro {padding-bottom: 3.75rem ;}
    .ix-pro-box{    padding: 0rem;}
    案例列表
    .ix-case{padding: 3.75rem 0rem; }
    .ix-case .ix-head{position: relative;}
    .ix-case .swiper-pagination{bottom: 0rem;}
    .ix-case .ix-head .t3{width: 100% !important;}
    .ix-case .ix-more{position: relative !important;}


    企业文化
    .ix-case-box .icl-tit{bottom: -50%;}


    新闻列表
    .ix-news{padding: 3.75rem 0rem;}

}


@media (max-width: 1080px) {

  
}
@media (max-width: 780px) {
    .wp-box.ab5{padding-top:0px;}
    .ix-head p{width:80%;}
    .ix-abc-more.aaa{position:initial; margin:0px auto; text-align:center;}
   

  }
@media (max-width: 640px) {

    通用
    .pt6{ padding-top: 1.875rem;}
    .pb6{ padding-bottom: 1.875rem;}
    .pt8{ padding-top: 1.875rem;}
    .pb8{ padding-bottom: 1.875rem;}
    .pt4{padding-top: 1.875rem;}
   .pb4{padding-bottom: 1.875rem;}
   .pt10{ padding-top: 2.5rem;}
   .pb10{ padding-bottom: 2.5rem;}

    body{font-size:1rem; line-height:180%;}
    .ix-lb-abc #fp-nav.right{right:0px;}
    .wp-box{padding-left:1.25rem; padding-right:1.25rem;}

    向上
    .db_xs{ width: 40px; height: 40px; line-height: 40px; background-size: 30px 30px; bottom: 30px; right: 1.25rem;}
   

    .ix-case-fl{padding-top: 1.875rem;}
    .iat-list{padding-bottom: 1.875rem;}
    .ix-case-fl .ix-head{padding-bottom: 1.875rem;}
    
    轮播图片
    .ix-banner .swiper-pagination{padding-left: 1.25rem; bottom: 0.625rem;}
    .ix-ban-bj .ib-tit .ib-t1{font-size:1.875rem;width: 80%;}
    .ix-ban-bj .ib-tit .ib-t3{font-size:1rem; width: 100%; line-height: 160%;
      width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;   }
    .ix-banner .ix-ban-bj {height: 280px;}
    .ix-ban-bj .ib-tit .ib-t4{margin-top: 2rem;}
    .ix-video video{height: 280px;}

 

    通用head
    .ix-head .t2{font-size: 2rem;}
    .ix-head h1{font-size:1.5rem;}
    .ix-head p{font-size:16px; width:100%; width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal; }


    关于我们
    .ix-ab-img{width: 100%; padding: 1.25rem; padding-left: 0rem; }
    .iat-list .iat-list-a{font-size: 2.6rem;}
    .ix-ab-tit{padding-top: 0px;}

    业务
    .pg-sw-a{padding-bottom: 1.875rem;}
    .pg-sw-a .swiper-pagination{bottom: 1.875rem;}
    .pg-sw-a .swiper-slide{padding-bottom: 3.5rem;}
    .ix-pro-tit{color:#666; }
    .ix-pro-tit .t2{width: 100%;}
    .ix-pro-tit{position:initial;     transform: translate(0%, 0%);}
    .pg-sw-a .swiper-slide::before{content: none;}
    .ix-pro-tit .t1{color:#333; padding-top: 1.875rem;}
    产品
    .ix-pro{padding-bottom: 1.875rem;}
    .ix-pro-list .ims-t3{opacity: 1; visibility: visible;}
    .ix-pro .ix-pro-list{padding-top: 1.875rem; padding-bottom: 3rem;}

    案例
    .ix-case .ab5{padding-right: 1.25rem; padding-left: 1.25rem;}
    .ix-case{padding: 1.875rem 0rem;}
    .ix-case-list.pb6{padding-bottom: 3rem;} 
    新闻
    .ix-news{padding: 1.875rem 0rem;}
    .ix-news-box{padding-bottom: 1.875rem;}


    底部
    .ix-foot-xx .ifx-t2 ul li{padding-bottom: 1.5rem;}
    .ix-foot-xx .ifx-t1 img{display: none;}
    .ix-foot-xx .ifx-t2{width:100%; padding-top:0px;}
    .ifx-t2{padding-bottom: 0.625rem;}

    .xzprosc{padding-top:1.25rem; display: block;}

   
} */