*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ''; }

.clearfix:after {
  clear: both; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.hidden {
  display: none; }

.alpha {
  opacity: 0;
  visibility: hidden; }

#vid2 {
  object-position: 0px 0px; }

body {
  font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
  color: #494d55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

html {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  overflow: hidden; }

.newsImg {
  width: 5.10rem;
  height: 3.66rem;
  position: relative; }
  .newsImg .img_box {
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%; }
    .newsImg .img_box a{
      display: block;
      height: 100%;
    }
    .newsImg .img_box img {
      opacity: 0.95;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: scale3d(1.05, 1.05, 1);
      transform: scale3d(1.05, 1.05, 1); }
    .newsImg .img_box .img_ani {
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      pointer-events: none; }
    .newsImg .img_box .img_ani::before {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      -webkit-transition: -webkit-transform 0.6s;
      transition: transform 0.6s;
      -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
    .newsImg .img_box .img_ani::after {
      opacity: 0.6;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
  .newsImg .img_box:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .newsImg .img_box:hover .img_ani::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }

.bannerTxt .tit {
  position: relative;
  font-family: 'Poppins';
  color: #fff;
  font-weight: 800;
  font-size: 32px; }
  .bannerTxt .tit p {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 1.2s;
    -moz-transition: opacity 1s ease-out 1.2s;
    -ms-transition: opacity 1s ease-out 1.2s;
    -o-transition: opacity 1s ease-out 1.2s;
    transition: opacity 1s ease-out 1.2s; }
.bannerTxt .tit::after {
  width: 563px;
  content: '';
  height: 80px;
  animation: mainFadeIn 2s forwards;
  animation-delay: 2.6s; }
.bannerTxt .enB_box {
  position: relative; }
  .bannerTxt .enB_box .enB {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out 3.3s;
    -moz-transition: opacity 1s ease-out 3.3s;
    -ms-transition: opacity 1s ease-out 3.3s;
    -o-transition: opacity 1s ease-out 3.3s;
    transition: opacity 1s ease-out 3.3s; }
.bannerTxt .enB_box::after {
  width: 0%;
  content: '';
  position: absolute;
  top: 8px;
  left: 0px;
  height: 90px;
  background: #fff;
  -webkit-transition: width 1s ease-out 2s;
  -moz-transition: width 1s ease-out 2s;
  -ms-transition: width 1s ease-out 2s;
  -o-transition: width 1s ease-out 2s;
  transition: width 1s ease-out 2s;
  animation: mainFadeIn 2s forwards; }

.swiper-slide-active .swiper-slide-active .bannerTxt .tit p {
  opacity: 1; }
.swiper-slide-active .swiper-slide-active .bannerTxt .tit::after {
  width: 563px;
  content: '';
  height: 80px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  display: flex; }
.swiper-slide-active .swiper-slide-active .bannerTxt .enB_box .enB {
  opacity: 1; }
.swiper-slide-active .swiper-slide-active .bannerTxt .enB_box::after {
  width: 100%;
  height: 112px;
  animation: secBlock 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  animation-delay: 3s; }

/*.sideL .navico {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.45s cubic-bezier(0.74, 0.06, 0.4, 0.92);
  -moz-transition: transform 0.45s cubic-bezier(0.74, 0.06, 0.4, 0.92);
  -ms-transition: transform 0.45s cubic-bezier(0.74, 0.06, 0.4, 0.92);
  -o-transition: transform 0.45s cubic-bezier(0.74, 0.06, 0.4, 0.92);
  transition: transform 0.45s cubic-bezier(0.74, 0.06, 0.4, 0.92); }

.sideL .navico.on {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg); }*/

.sec_bg {
  height: 100vh;
  width: 100%; }
  .sec_bg .sec_pic1 {
    width: 100%;
    height: 100%;
    height: 100vh;
    /*background: url("/images/industrial1.jpg") no-repeat;*/
    background-position: top center;
    background-size: cover; }
  .sec_bg .sec_pics {
    top: 0;
    right: 0px;
    width: 1800px;
    height: 1080px;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right; }
    .sec_bg .sec_pics svg {
      height: 100%;
      position: absolute;
      right: 0; }
    .sec_bg .sec_pics svg rect{
      transform-origin: 50% 50%;
    }

.industrial2_box {
  height: 200%;
  width: 100%;
  top: 0;
  right: 0;
  transform-origin: top center;
  overflow: hidden;
  transform: rotate(15deg); }

.tran_pop {
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 99999;
  pointer-events: none; }
  .tran_pop ul, .tran_pop li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .tran_pop ul {
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .tran_pop li {
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px gray solid;
    border-right: 1px rgba(56, 79, 101, 0.2) solid;
    float: left;
    height: 100%;
    background-color: #d1291a; }
    .tran_pop li span{
      height: 100%;
      transform: translateY(100%);
      position: relative;
      display: block;
      background-color: #fff;
    }

.canvas {
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none; }

.indexSec .industrial .indus .indusBox {
  background: none; }

.indusBox_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  color: #fff;
  background-color: rgba(209, 41, 26, 0.7);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }

.indusBox:hover .indusBox_bg {
  width: 100%;
  -webkit-transition: all 0.6s ease-in-out 0.3s;
  -moz-transition: all 0.6s ease-in-out 0.3s;
  -ms-transition: all 0.6s ease-in-out 0.3s;
  -o-transition: all 0.6s ease-in-out 0.3s;
  transition: all 0.6s ease-in-out 0.3s; }

/*.navico:hover {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0.8) rotate(180deg);
  -moz-transform: scale(0.8) rotate(180deg);
  -ms-transform: scale(0.8) rotate(180deg);
  -o-transform: scale(0.8) rotate(180deg);
  transform: scale(0.8) rotate(180deg); }*/

.search:hover .icosearch {
  transition: transform .5s ease-out;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.indexSec .numList li .numCon {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

.indexSec .numList li:hover .numCon {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15); }

.indexSec .industrial .indus .indusBox:hover {
  background-color: transparent; }
  .indexSec .industrial .indus .indusBox:hover .indusA {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition-delay: 0s; }

.indexSec .industrial .indus .indusBox .indusA {
  display: flex;
  justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transition-delay: .5s; }

@keyframes mainBlock {
  0% {
    width: 0%;
    left: 0; }
  50% {
    width: 100%;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }
@keyframes secBlock {
  0% {
    width: 100%;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }
@keyframes mainFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes secFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

/*# sourceMappingURL=ani.css.map */





@media screen and (max-width: 750px){
  .bannerTxt .tit{
    font-size: 0.48rem;
  }
  .swiper-slide-active .swiper-slide-active .bannerTxt .enB_box::after, .bannerTxt .enB_box::after, .swiper-slide-active .swiper-slide-active .bannerTxt .tit::after, .bannerTxt .tit::after{
    height: 100%;
  }
}