@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content01{width: 83.33%;margin: 0 auto; max-width:1600px; min-width:1400px;}
.layui-layer-content{overflow:hidden!important;}
.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.yinzi .yinzi_tst dl.dl2 dd {
    padding: 3rem 3%;
}

.yinzi .yinzi_tst dl.dl2 dd p {
    padding-bottom: 0.5rem;
    line-height: 1.33rem;
}

.yinzi .yinzi_tst dl.dl3 dd p {
    padding-bottom: 0.5rem;
    line-height: 1.5rem;
}
.yinzi .yinzi_tst dl.dl3 dd a {
    margin-top: 1.2rem;
}
.yinzi .yinzi_tst dl.dl2 dd a {
    margin-top: 1rem;
}

.banner {
    height: auto;
    max-width: 1920px;
    margin: 0 auto!important;
    position: relative;
    margin-top: -34px;
  }
  .banner .bd li {
    float: left;
    width: 100%;
    line-height: 0;
  }
  .banner .bd li img {
    width: 100%;
  }
  .banner .bd li a {
    display: block;
  }
  /*.banner .hd {*/
  /*  z-index: 1;*/
  /*  margin: 0 8.35%;*/
  /*  border-top: 1px solid rgba(255,255,255,0.1);*/
  /*  position: absolute;*/
  /* left:0;*/
  /*  height: 110px;*/
  /*  bottom: 20px;*/
  /*  width: 83.3%;*/
  /*  cursor: pointer;*/
  /*}*/
  
  .banner .pageState {
    z-index: 1;
    position: absolute;
    right:8.35%;
    top: 50%;
    cursor: pointer;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-family:Times New Roman;
    font-style: italic;
  }
  .banner .pageState span:nth-child(1){ font-size: 32px; }
  
  .banner .hd ul{ float: left;width: 200px;margin-top: 35px; }
  .banner .hd li {
    width: 20px;
    height: 20px;
   background: 0;
    display: inline-block;
    margin: 0 8px 0 0;
    border-radius: 13px;
    
  }
  .banner .hd li i{ display: block;width: 8px;height: 8px;border-radius: 4px;background: #fff;margin: 6px auto 0;}
  
  .banner .hd li.on {
    border:2px solid #e60012;
  }
  .banner .hd li.on i{ background: #e60012;}
  .banner .hd .next{ float: right; display: block;width: 52px;height:52px;margin-top: 24px;}
  
      .banner .banMenu {
              position: absolute;
              left: 50%;
              width: 24px;
              bottom: 60px;
          height: 34px;
              margin-left: -12px;
              text-align: center;
              z-index: 5;
          }
      /* .banner .banMenu:before{content: "";width: 10px;height: 7px;position: absolute;bottom: -15px;left: 50%;background:url(../images/ban_ic2.png) no-repeat center;margin-left: -5px;} */
      .banner .banMenu i {
              display: block;
              width: 24px;
              bottom: 34px;
              cursor: pointer;
          position: absolute;bottom: 0;left: 0;
          }
      .banner .banMenu i img {
  
              -webkit-transition: all 0.5s;
              -moz-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -o-transition: all 0.5s;
              transition: all 0.5s;
              -webkit-animation: bounceY 2s infinite;
              -moz-animation: bounceY 2s infinite;
              -o-animation: bounceY 2s infinite;
              -ms-animation: bounceY 2s infinite;
              animation: bounceY 2s infinite;
          }
        @-moz-keyframes bounceY {
              0%,
              100% {
                  -moz-transform: translateY(0);
                  transform: translateY(0);
              }
              50% {
                  -moz-transform: translateY(-8px);
                  transform: translateY(-8px);
              }
          }
          
          @-o-keyframes bounceY {
              0%,
              100% {
                  -o-transform: translateY(0);
                  transform: translateY(0);
              }
              50% {
                  -o-transform: translateY(-8px);
                  transform: translateY(-8px);
              }
          }
          
          @keyframes bounceY {
              0%,
              100% {
                  transform: translateY(0);
              }
              50% {
                  transform: translateY(-8px);
              }
          }
  
.case2 .video-wrap {
    position: absolute;
    width: 100%;
    z-index: 10;
    height: 100%;
    top: 0px;
    left: 0px;
}
.tit a {color:#333;}
.yinzi .tit h2 { color:#fff;}
.tit h2 {
    text-align: center;
    display: block;
    font-size: 2.5rem;
    color: #333;
    display: block;
    height: 2.5rem;
    line-height: 1.8rem;
}

.case2 {
    background: #fff;
    padding: 4.85rem 0 3.9rem 0;
}





.case2 dt {
    line-height: 0px;
    position: relative;
    height: 14.5rem;
    overflow: hidden;
}

.case2 dl {
    float: left;
    width: 32.1%;
    margin-right: 1.8%;
    background: #f7fafd;
    cursor: pointer;
    margin-bottom:2rem;
}

.case2 dl dd {
    display: block;
    height: 17.22rem;
    box-sizing: border-box;
    padding: 0rem 8% 1.75rem 8%;
}

.case2 dl img {
    width: 100%;
    height: 14.5rem;
}

.case2 dl h3 {
    height: 5.2rem;
    display: flex;
    align-items: center;     /* 垂直居中 */
    justify-content: left; /* 水平居中 */
}

.case2 dl h3 a {
    font-size: 1.23rem;
    font-weight: normal;
    color: #1a1a1a;
}

.case2 dl .case_desc {
    color: #666666;
    font-size: 0.8rem;
    line-height: 1.5rem;
    height: 6.25rem;
    overflow: hidden;
}

.case2 dl span a {
    font-size: 0.8rem;
}

.case2  dl span em {
    width: 1rem;
    float: left;
    height: 1rem;
    overflow: hidden;
    margin-left: 0.7rem;
    margin-top: 0.1rem;
}

.case2  dl span em img {
    width: 0.9rem;
    height: auto;
}


.case2 dl:nth-child(3n) {
    margin-right: 0px;
}
.case2 dl span a i {
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
    background: url(../images/aniu.png) 3.9rem center / 0.9rem no-repeat;
    border-radius: 2rem;
    text-align: left;
    box-sizing: border-box;
    margin-top: 1rem;
    color: #666;
    width: 4.9rem;
}
.case2 dl:hover span a i {
    display: block;  font-size: 0.8rem; font-weight: normal;  color: #fe7200; border-radius: 2rem;  box-sizing: border-box; 
      background: url(../images/anius.png) 3.9rem center / 0.9rem no-repeat;
}

.case2 dl:hover span em img:nth-child(1) {
    display: none;
}

.case2  dl:hover h3 a {
    color: #409eff;
    font-weight:bold;
}

.case2 .tit p {
    text-align: center;
    display: block;
    padding: 1.1rem 0  2.5rem 0;
    color: #333;
    font-size: 1rem;
}

.case2 dt:after {
    content: "";
    position: absolute;
    z-index: 9;
    width: 2.3rem;
    height: 2.3rem;
    bottom: 1.28rem;
    right: 5%;
    background: url(../images/video.png) no-repeat;
    background-size: 2.3rem;
}








.yinzi {
    background: url(../images/txbg1.jpg) no-repeat center top;
    background-size: 100%;
    padding: 4.8rem 0;
}

.yinzi .tit {
    color: #fff;
    margin-bottom: 1.9rem;
}

.yinzi .tit a {
    color: #fff;
}

.yinzi .tit p {
    text-align: center;
    font-size: 1rem;
    line-height: 1.68rem;
}

.yinzi .yinzi_tst {
    background: #fff;
    box-sizing: border-box;
    padding: 1.5rem;
    overflow: hidden;
}

.yinzi .yinzi_tst dl {
    float: left;
    width: 9.25%;
    overflow: hidden;
    margin-right: 1.5%;
    position: relative;
}

.yinzi .yinzi_tst dl:last-child {
    margin: 0px;
}

.yinzi .yinzi_tst dl.cur {
    width: 78.38%;
}

.yinzi .yinzi_tst dl dd {
    width: 34%;
    background: #409eff;
    display: none;
    padding: 2.5rem 5% 3rem;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.yinzi .yinzi_tst dl.cur dd {
    display: block;
}

.yinzi .yinzi_tst dl.cur dt.one {
    display: block;
}

.yinzi .yinzi_tst dl dt.one {
    display: none;
    float: right;
    width: 66%;
    line-height: 0px;
}

.yinzi .yinzi_tst dl dt.two {
    display: block;
    line-height: 0px;
    position: relative;
}

.yinzi .yinzi_tst dl.cur dt.two {
    display: none;
}

.yinzi .yinzi_tst dl dd b {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 1.5rem;
    line-height: 1.5rem;
}

.yinzi .yinzi_tst dl dd p {
    font-size: 0.8rem;
    padding-bottom: 1.8rem;
    line-height: 1.58rem;
}

.yinzi .yinzi_tst dl dd ul {}

.yinzi .yinzi_tst dl dd ul li {
    font-size: 0.8rem;
    display: block;
    line-height: 1.68rem;
}

.yinzi .yinzi_tst dl dd a {
    background: #fe7200;
    color: #fff;
    display: block;
    width: 7.8rem;
    height: 2.3rem;
    line-height: 2.3rem;
    text-align: center;
    font-size: 0.88rem;
    border-radius: 2rem;
    margin-top: 1.6rem;
}

.yinzi .yinzi_tst dl dt.two img {
    width: 100%;
}

.yinzi .yinzi_tst dl dt.one img {
    width: 100%;
}

.yinzi .yinzi_tst dl dt.two em {
    font-size: 1.3rem;
    position: absolute;
    top: 25%;
    left: 43%;
    width: 1.3rem;
    color: #fff;
    line-height: 1.6rem;
    display: block;
    height: 51%;
}


.yinzi .yinzi_tst dl:last-child dt.two em {
    line-height: 2.68rem;
}
/**/







.yinzi2 {
    background: url(../images/txbg2.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 5rem 0 0.5rem 0;
}

.yinzi2 .tit {
    display: block;
    margin-bottom: 1.5rem;
}

.yinzi2 .tit p {
    text-align: center;
    color: #333333;
    line-height: 1.85rem;
    font-size: 1rem;
}

.yinzi2 ul {}

.yinzi2 ul li {
    position: relative;
    float: left;
    width: 24.99%;
    height: 10rem;
    text-align: left;
    padding: 1.6rem 1% 0 3%;
    box-sizing: border-box;
    color: #312d26;
    cursor: pointer;
}

.yinzi2 ul li em {
    display: block;
    font-size: 0.6rem;
    line-height: 1.58rem;
}

.yinzi2 ul li span {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
}

.yinzi2 ul li  i {
    color: #212443;
    font-size: 4.15rem;
    font-weight: bold;
    opacity: 0.2;
    position: absolute;
    top: 2.1rem;
    left: 11%;
}

.yinzi2 ul li.cur {
    background: url(../images/txons.jpg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.yinzi2 ul li.cur a em,.yinzi2 ul li.cur a span {
    
    color: #fff;
}

.yinzi2 ul li.cur a i {
    top: 5rem;
    left: 73%;
    color: #fff;
}
.yinzi2 ul li:after {
    content:"";
    background:#e3e6e8;
    width:1px;
    right:0px;
    height: 5rem;
    top: 1.5rem;
    display:block;
    position:absolute;
}
.yinzi2 ul li:nth-child(4n) {
    border: 0px;
}
.yinzi2 ul li:nth-child(-n+4) {
    margin-bottom: 0.9rem;
}

.yinzi2 ul li.cur:after { display:none;}






.products {position: relative;}
.products .pcolumn{


}
.products .columnimg {line-height: 0px;position: relative;z-index: 9;}

.products .columnimg img {width: 100%;}

/* 卡片内容层 */
.products .columnimg .content01 {}

/* 描述文本区域 */
.products .columnimg .content01 .desc {color: #fff;line-height: 1.8rem;width: 32.88%;}

/* 卡片标题 */
.products .columnimg .content01 .desc h3 {font-size: 1.75rem;display: block;padding-bottom: 0.37rem;}

/* 正文包裹层 */
.products .columnimg .content01 .desc div {

}

/* 正文段落 */
.products .columnimg .content01 .desc div p.p1 {font-size: 0.9rem;}
.products .columnimg .content01 .desc div p {font-size: 0.8rem;line-height:1.4rem;}

/* 详情链接按钮 */
.products .columnimg .content01 .desc a {background: #fe7200;color: #fff;font-size: 0.8rem;text-align: center;border-radius: 2rem;width: 7.85rem;display: block;height: 2.25rem;line-height: 2.25rem;margin-top: 2.5rem;}

/* 视频占位区块 */
.products .columnimg .content01 .video {display: block;width: 4.75rem;height: 4.75rem;position: absolute;top: 12.2%;left: 48.2%;z-index: 9;cursor: pointer;}

/* ========== 底部文字列表 ========== */
.products .content {

}

/* 列表 */
.products .content ul {

}


.products .content ul li.cur b{background:#409eff}
.products .content ul li {text-align: right;display: block;margin-bottom: 3.9rem;position: relative;}

/* 列表链接 */
.products .content ul li a {color: #fff;}

/* 列表加粗标题 */
.products .content ul li a b {display: block;width: 9.5rem;height: 2.5rem;line-height: 2.5rem;position: relative;font-size: 1.2rem;box-sizing: border-box;padding-right: 1rem;}

.products .content ul li.cur a b:after{
 content: "";
  position: absolute;
  right: -8px;       /* 向左偏移，紧贴盒子右边缘 */
  top: 50%;
  transform: translateY(-50%); /* 垂直居中 */
  width: 0;
  height: 0;
  /* 上下边框透明，左边框与背景同色，形成尖角朝右的三角形 */
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #409eff;
}


.pos {
    position: absolute;
    top: 23%;
    left: 0px;
    width: 100%;
    display: block;
}

.products>.pos {
    z-index: 10;
    height: auto;
    position: absolute;
    right: 9rem;
    width: 10.555%;
    left: auto;
    top: 15%;
    padding-top: 3%;
    border-right: 2px dashed rgb(192 190 188 / 40%);
}

.products .content ul li:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    right: -0.3rem;
    top: 1rem;
    background: #fff;
    border-radius: 50%;
}



.products .content ul li.cur:before {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -0.56rem;
    top: 0.68rem;
    background: rgb(255 255 255 / 50%);
    border-radius: 50%;
}

.products .columnimg .content01 .desc div p:nth-child(1) {
    padding-bottom: 2.5rem;
}

.products .columnimg .content01 .video img {
    width: 100%;
}
.products .columnimg ul {background:#f7fafd;height: auto;width: 100%;box-sizing: border-box;padding: 1.3rem 8.3333%;}


.products .columnimg li {
    float: left;
    width: 16.666%;
}

.products .columnimg li a {
    line-height: 2rem;
    font-size: 0.85rem;
    color: #666;
}
.products .columnimg li:hover a{
    
    color: #409eff;
} 





/* ========== 优势模块外层容器 ========== */
.youshi {padding: 3.3rem 0 0rem 0;}

/* 优势模块内层包裹 */
.youshi .pre {position: relative;}

/* 优势列表容器 */
.youshi .youshilist {

}

/* 清浮动容器 */
.youshi .clearfix {position: relative;}

/* 左侧文本区域 */
.youshi .ys_left {position: absolute;width: 29.17%;background: #409eff;height: 100%;box-sizing: border-box;left: 0px;top: 0px;padding: 0 4% 0 8.333%;}

/* 左侧标题 */
.youshi .ys_left h4 {color: #fff;font-size: 2.4rem;font-weight: bold;padding-top: 51%;padding-bottom: 2.6rem;margin-bottom: 2.6rem;position: relative;}

/* 左侧描述段落 */
.youshi .ys_left p {color: #fff;font-size: 0.8rem;line-height: 1.38rem;}

/* 右侧图片区域 */
.youshi .ys_right {float: right;width: 70.83%;line-height: 0px;}

/* 右侧图片 */
.youshi .ys_right img {
width: 100%;
}

/* ========== 底部序号切换区域 ========== */
.youshi .ffy {position: absolute;bottom: 2rem;z-index: 9;right: 0px;width: 100%;text-align: right;}

/* 序号内容包裹 */
.youshi .ffy .content01 {

}

/* 序号容器 */
.youshi .ffy .num {

}

/* 序号项 */
.youshi .ffy .num span.cur {display: inline-block;width: 3.1rem;height: 3.1rem;background: url(http://g1.cms.51yxwz.com/20260730103323000267/images/huas.png) no-repeat;background-size: 100%;}

/* 当前选中序号 */
.youshi .ffy .num span {display: inline-block;width: 3.1rem;height: 3.1rem;text-align: center;color: #fff;font-size: 0.75rem;line-height: 2.6rem;cursor: pointer;}

.youshi .tit {
    margin-bottom: 1.8rem;
}

.youshi .tit p {
    color: #333;
    font-size: 1rem;
    text-align: center;
    display: block;
    line-height: 1.8rem;
}

.youshi a.zx {
    background: rgb(254, 114, 0);
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    text-align: center;
    border-radius: 2rem;
    width: 7.85rem;
    display: block;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-top: 2.5rem;
}

.youshi .ys_left h4:after {
    content: "";
    background: #fff;
    width: 2.8rem;
    height: 0.3rem;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
}






.video .video-list dl {
  width: 32.1%;
  float: left;
  margin-right: 1.8%;
}
.video .video-list dl dt {
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.video .video-list dl dt img {
  width: 100%;
  display: block;
}
.video .video-list dl dt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.video .video-list dl dt .video-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 2;overflow: hidden;}
.video .video-list dl dd {
  position: absolute;
  background: #fff;
  padding: 0.8rem 1.75rem 0.8rem 3.75rem;
  border-radius: 1.9rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.9rem;
  z-index: 1;
}
.video .video-list dl dd i {
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  background: #409eff;
  border-radius: 50%;
  left: 0.4rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 1;
  overflow: hidden;
}
.video .video-list dl dd i img {
  width: 2.6rem;
  display: block;
}
.video .video-list dl dd h3 a{
  line-height: 1.1rem;
  height: 2.2rem;
  font-size: 0.8rem;
  color: #666666;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: normal;
}

.video .video-list dl:hover dt:after {
  display: none;
}
.video .video-list dl:hover dd {
  background: #409eff;
}
.video .video-list dl:hover dd i {
  background: #fff;
}
.video .video-list dl:hover dd i img {
  transform: translateY(-2.6rem);
  -webkit-transform: translateY(-2.6rem);
  -ms-transform: translateY(-2.6rem);
  -moz-transform: translateY(-2.6rem);
}
.video .video-list dl:hover dd h3 a {
  color: #fff;
}

.video {
    padding: 4.7rem 0;
    display: block;
}

.video .video-list {
    float: right;
    width: 75%;
}

.video .sp_wzewm {
    float: left;
    width: 20.62%;
}

.video .video-list dl:nth-child(3) {
    margin-right: 0px;
}

.video .sp_wzewm .tit {
    text-align: left;
    display: block;
    margin-bottom: 2.2rem;
}

.video .sp_wzewm .tit h2 {
    height: auto;
    text-align: left;
    line-height: 3.2rem;
    padding-bottom: 2rem;
}

.video .sp_wzewm .tit p {
    color: #333;
    font-size: 1rem;
    line-height: 1.5rem;
}

.video .sp_ewm {}

.video .sp_ewm em {
    float: left;
    width: 39%;
    border: 2px solid #eaeaea;
    border-radius: 0.65rem;
    margin-right: 4%;
    overflow: hidden;
}

.video .sp_ewm em img {
    width: 100%;
}

.video .sp_ewm em span {
    display: block;
    line-height: 2rem;
    width: 100%;
    border-top: 2px solid #eaeaea;
    text-align: center;
    color: #666;
    font-size: 0.8rem;
}



.video  a.zx {
    background: rgb(254, 114, 0);
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    text-align: center;
    border-radius: 2rem;
    width: 7.85rem;
    display: block;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-top: 2.5rem;
}

.video .sp_ewm em:nth-child(2) {
}






.kehu {
    padding: 4.6rem 0 5rem 0;
    background: url(../images/hzbgs.jpg) no-repeat;
    background-size: 100%;
}

.kehu .tit {
    margin-bottom: 3.3rem;
}

.kehu .tit span {}

.kehu .tit p {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.5rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.kehu a.zx {
    background: rgb(254, 114, 0);
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    text-align: center;
    border-radius: 2rem;
    width: 7.85rem;
    display: block;
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 2.88rem auto 0;
}


.kehu ul li {
    float: left;
    width: 11.8%;
    margin-right: 0.77%;
    background: #fff;
    margin-bottom: 0.7rem;
}


.kehu ul li em img {
    width: 100%;
}

.kehu ul li:nth-child(8n) {
    margin-right: 0px;
}








.news{padding: 4.28rem 0 5rem;background: #f7fafd;}
.news_t{margin-top: 1.8rem;display: flex;justify-content: space-between;height: 2.3rem;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
.news_t ul{width: 71%;}
.news_t ul li{display: inline-block;}
.news_t ul li em{display: inline-block;width: 1.2rem;height: 1.2rem;overflow: hidden;margin-right: 0.3rem;vertical-align: -0.2rem;}
.news_t ul li em img{display: block;width: 1.2rem;height: 1.2rem; }
.news_t ul li a{display: block;font-size: 1rem;line-height: 1.2rem;color: #333333;height: 2.2rem;}
.news_t ul li.cur a{color: #409eff;font-weight: bold;border-bottom: 0.2rem solid #409eff;}
.news_t ul li.cur em img:nth-child(1){margin-top: -1.2rem;}
.news_t .more{display: block;font-size: 0.8rem;line-height: 1rem;color: #333333;}
.news_s{position:relative;display: flex;justify-content: space-between;}
.news_l{width: 48.8%;position: relative;margin-top: 2.2rem;}
.news_l dt{display:block;width:100%;overflow:hidden;position: relative;border-radius: 0.7rem;height: 20.3rem;object-fit: cover;object-position: center;}
.news_l dt img{display:block;width:100%;transition: all 0.5s;border-radius:0.7rem;height:20.3rem;object-fit: cover;object-position: center;}
.news_l dd{padding: 1.4rem 0rem 0;height: 7rem;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;cursor: pointer;}
.news_l dd h4 a{display: block;font-size: 0.9rem;line-height: 1.1rem;color: #333333;font-weight: normal;}
.news_l dl:hover dt img{transform: scale(1.05);}
.news_l dd p{ display: block;font-size: 0.8rem;line-height: 1.2rem;color: #666666;margin-top: 1rem;}
.news_l ul{height: 6rem;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;padding-top: 1rem;}
.news_l ul li a{display: block;font-size: 0.9rem;line-height: 2rem;color: #333333;position: relative;padding-left: 1.4rem;}
.news_l ul li img{display: inline-block;margin-right: 0.5rem;width: 0.7rem;height: 0.7rem;vertical-align: -0.05rem;}
.news_l dl:hover h4 a{color: #409eff;font-weight:bold;}
.news_l ul li a:hover{color: #409eff;}
.news_r{width: 46.875%; overflow:hidden;}
.news_r dl{padding: 1.7rem 0;border-bottom: 1px solid #e0e0e0;display: flex;justify-content: space-between;cursor: pointer;}
.news_r dl:last-child{border-bottom: 0;}
.news_r dt{width: 42.66%;overflow: hidden;height: 9rem;object-fit: cover;object-position: center;border-radius: 0.5rem;}
.news_r dt img{display: block;width: 100%;height: 9rem;object-fit: cover;object-position: center;border-radius: 0.5rem;}
.news_r  dd{ width: 50.94%;}
.news_r dd  h4 a{display: block;font-size: 0.9rem;color: #333333;line-height: 1.4rem;font-weight: normal;margin-top: 0.3rem;}
.news_r dd  p{  display: block;font-size:0.8rem ;color: #666666;line-height: 1.2rem;margin-top: 1rem;}
.news_r dd em{ display: block;font-size: 0.7rem;color: #999999;line-height:0.7rem;margin-top: 1rem;}
.news_r dl:hover h4 a{color: #409eff;font-weight:bold;}

.news .tit {}

.news .tit p {
    font-size: 0.8rem;
    color: rgb(51, 51, 51);
    line-height: 1.5rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.news_t ul li:nth-child(1) {
    margin-right: 65%;
}

.news_t ul li:nth-child(2) {
    margin-right: 5%;
}

.news_l ul li a:after {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    border: 0.2rem solid #c4c4c4;
    border-radius: 50%;
    top: 0.55rem;
    left: 0px;
}

.news_l ul li:hover a:after {
border-color: rgb(64 158 255 / 70%);
}


.about {padding-top: 4.8rem;position: relative;}
/* 内容区域通用容器 */
.about .content01 {
}
.about .ab_one {margin-bottom: 1.7rem;}

/* 标题模块 */
.about .ab_tit {float: left;}
.about .ab_tit span {color: #409eff;font-size: 0.8rem;display: block;padding-bottom: 0.6rem;}
.about .ab_tit h2 {color: #333333;font-size: 2.4rem;font-weight: bold;line-height: 3.35rem;}

/* 描述文本模块 */
.about .desc {float: right;width: 41.2%;}
.about .desc p {color: #666666;font-size: 0.8rem;line-height: 1.5rem;}
.about .desc a {color: #409eff;display: block;font-size: 0.8rem;font-weight: normal;background: url(http://g1.cms.51yxwz.com/20260730103323000267/images/anniu2.png) no-repeat 4rem center;text-align: left;box-sizing: border-box;margin-top: 1.1rem;width: 5.9rem;background-size: 1.1rem;line-height: 1.2rem;}

/* ===== 下半部分：图片+数据优势区块 ===== */
.about .ab_two {line-height: 0px;position: relative;}

/* 主图 */
.about .abimg {width: 100%;}

/* 视频播放按钮容器 */
.about .ab_video {width: 3.75rem;cursor: pointer;position: absolute;top: 45%;left: 48%;}

.about .ab_video:before {
  content: '';
  width: 3.7rem;
  height:3.7rem;
  position: absolute;
  -webkit-box-shadow: inset #409eff 0 0 40px;
  box-shadow: inset #409eff 0 0 40px;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn2 2s ease-out 0.1s infinite;
}
.about .ab_video:after {
  content: '';
  width: 3.7rem;
  height: 3.7rem;
  position: absolute;
  -webkit-box-shadow: inset #409eff 0 0 40px;
  box-shadow: inset #409eff 0 0 40px;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn 2s ease-out 1.1s infinite;
}



/*工厂*/.abt {
  padding: 2rem 0 3rem 0;
  background: #fff;
  width: 1770px;
  margin: 0rem auto 0 auto;
}
.abt_t {width: 100%;display: block;margin:0rem auto;height: 3rem;}
.abt_t li {margin-right: 2.1rem;float: left;}
.abt_t li em {display:inline-block;width:1.6rem;height:1.6rem;overflow:hidden;vertical-align:-0.4rem;}
.abt_t li em img {display:block;width:1.6rem;height:1.6rem;}
.abt_t li span {font-size: 1.1rem;color:#333333;display:inline-block;line-height:1.6rem;font-weight:normal;margin-left:0.3rem;}
.abt_t li.active span,.abt_con li:hover span {color: #409eff;font-weight:bold;}
.abt_t li.active em img:nth-child(1) {margin-top:-1.6rem;}
.abt_con.swiper-container {overflow:visible!important;}
.abt_con li img {display:block;auto;margin: 0 auto;width: 100%;}
.abt_con li span {display:block;font-size:0.8rem;color:#333333;line-height:1rem;font-weight:normal;text-transform:uppercase;transition:all 0.5s;margin-top:1rem;text-align:center;}




@keyframes warn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes warn2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

.about .ab_video img {width: 100%;}

/* 优势数据列表 */
.about .ab_ys {position: absolute;bottom: 0px;left: 0px;display: block;width: 100%;height: 8.9rem;background: url(http://g1.cms.51yxwz.com/20260730103323000267/images/about2.png) no-repeat bottom;background-size: 100%;padding-top: 2rem;}
.about .ab_ys li {display: block;height: 4.9rem;float: left;width: 24.99%;margin-top: 2rem;cursor: pointer;text-align: left;box-sizing: border-box;}
.about .ab_ys li span {display: block;}
.about .ab_ys li span b {float: left;font-size: 2.8rem;color: #fff;height: 2.8rem;line-height: 2.8rem;}
.about .ab_ys li span i {float: left;font-size: 0.8rem;color: #fff;height: 2.8rem;line-height: 4.58rem;}
.about .ab_ys li p {display: inline-block;line-height: 2rem;color: #fff;font-size: 0.8rem;padding-left: 0.2rem;}

.about .ab_ys li:last-child {
    padding-left: 12.6%;
}

.about .ab_ys li:nth-child(3) {
    padding-left: 10.2%;
}

.about .ab_ys li:nth-child(3) p,.about .ab_ys li:nth-child(4) p {
    padding-left: 0.66rem;
}

.about .ab_ys li:hover span b{ color:#fe7200;}


@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }