.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .hero-banner {
        position: relative;
        margin: 0;
        height: 100vh;
        display:flex; justify-content: center; align-items: center;  
    }
    .hero-banner h1 {
      width:860px;
        font-size:55px;
        font-weight:700;
        color:#fff;
        position:absolute; z-index:12;
      }
      .hero-banner h1 span{
        width:860px;
        display: inline-block;
        position:absolute; z-index:99; 
        left:0;
      }
    .h-banner-title:before{
      content: "/";  display: inline-block; clear: both; color: #EA553E; font-weight:100; position:absolute; left:-40px;
    }
    .hero-banner h1{ }
    
    .hero-banner .inner-title{
      display:flex; justify-content: center; align-items: center;  
      position:relative;
      text-align:left; 
      width:100%;
    }
    .main-mb-btn{color:#fff; font-size:1vw; background:transparent; border:1px solid #fff; padding:10px 20px; margin-top:20px; 	
      -khtml-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease;
      -ms-transition:all 0.5s ease;
      -o-transition:all 0.5s ease;
      transition:all 0.5s ease;}
    .main-mb-btn:hover{color:#000; font-size:1vw; border:1px solid #DF1F2A; background:#DF1F2A; padding:10px 20px; margin-top:20px;} 
    .right-title-img{display:inline-block; position:absolute; z-index:1; margin-top:-300px; right:0;;}
    .right-title-img img{width:530px; height:auto;}
    .right-linep{position:absolute; right:0; bottom:0; }
    .right-linep img{height:auto; width:150px;}
    .fl50{width:50%; float:left;}
    .contents-inner{max-width:1400px; margin:0 auto; position:relative;}
    .contents-inner:after { content: "";  display: block; clear: both;}
    .tze-logo{max-height:65px; margin-bottom:65px;}
    .tzh-logo{max-height:65px;  margin-bottom:65px;}
    .tzb-logo{max-height:65px;  margin-bottom:65px;}
    .slice-car-lines{max-width:900px;}
    .tz-con-box{position:absolute; right:0; bottom:30px;}
    .tz-con-box-l{margin-top:60px; margin-bottom:110px;}
    .tz-con-box-contents{margin-bottom:220px; font-size:18px; font-weight:200; line-height:1.6;}
    .m-v-m-btn{font-size:20px; font-weight:700; color:#333;}
    .m-v-m-btn.white{color:#fff; 	-khtml-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease;
      -ms-transition:all 0.5s ease;
      -o-transition:all 0.5s ease;
      transition:all 0.5s ease;}
    .m-v-m-btn.white:hover{color:#DF1F2A;}
    .arrowbtn{-khtml-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease;
      -ms-transition:all 0.5s ease;
      -o-transition:all 0.5s ease;
      transition:all 0.5s ease;}
    .arrowbtn:hover{opacity:0.5;}
    .hi-tec-right-wrap-out{display:flex; justify-content: space-between;  align-items: center; }
    
    .hi-tec-right-wrap img{max-width:640px;}
    .main-c-title{color:#000; text-align:center; font-size:40px; font-family: 'Montserrat', sans-serif; font-weight:900; padding:110px 0;}
    
    .contact-sq-box-wrap-margin{padding:90px 0;}
    .contact-main-img{max-width:100%;}
    .contact-sq-box-wrap{display:flex; justify-content: space-between;  align-items: center; padding:22px 0;}
    .contact-sq-box{width:675px; min-height:200px; display: inline-block; border-radius: 15px; padding:30px 40px; border:1px solid #EFEFEF; background:#fff;   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
    .contact-sq-box h3{color:#B2B8C7; font-size:15px; margin-bottom:30px;  transition: all 0.3s;}
    .contact-sq-box .name{color:#0F1F3C; font-size:30px; font-weight:700; margin-bottom:15px;}
    .contact-sq-box .name span{ font-size:18px; font-weight:300;}
    .contact-sq-box .phone{color:#727171; font-size:15px; font-weight:300; line-height:1.5;}
    .contact-sq-box .phone b{color:#000; font-weight:700;}
    .contact-sq-box:hover {
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }
    .contact-sq-box:hover h3{color:#DF1F2A; }
    
    .main-r-btns-wrap{ display:flex;justify-content: space-between;  align-items: center; padding:10px 0 110px 0;}
    
    .main-r-btns-wrap .w33{width:33%;}
    
    .main-r-btns{width:100%; max-width:390px; height:150px; display:flex;justify-content: space-between;  align-items: center; border-radius: 15px; padding:30px 40px; background:#fff; color:#000;  box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.0);
      transition: all 0.3s;}
    .main-r-btns span{font-weight:700; font-size:25px; display:inline-block; }
    .main-r-btns:hover{
      background:#DF1F2A; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); color:#fff;
    }
    .main-r-btns svg{width:52px;  transition: all 0.3s;}
    .main-r-btns:hover svg path{fill:#fff;}
    
    
    .tech-wrap{ background-size:contain; background-repeat: no-repeat; background-position: right bottom 50%; padding-bottom:150px;}
    
    
    .tec-slide .swiper-slide{ height:490px; box-sizing:border-box; background:#ddd; text-align:left; display:flex; flex-direction:column;  justify-content: space-between; align-items: flex-start; }
    .tec-slide-box{padding:40px; text-align:left;}
    .tec-slide-box img{height:auto;}
    .tec-slide-box h3{font-size:25px; font-weight:700; margin-top:40px; margin-bottom:25px; }
    .tec-slide-box p{line-height:1.6;}
    .tec-slide-box .arrowbtn{width:115px; height:auto; }
    .tec-slide-box a{display:inline-block; margin-top:auto; }
    .pc-pink-line{display:block;}
    .m-pink-line{display:none;}

    .bg-video-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100vh;
    }
    video {
      min-width: 100%;
      min-height: 100vh;
      z-index: 1;
    }
    .overlay {
      width: 100%;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
      background-size: 3px 3px;
      z-index: 2;
    }
    .text-wrap-outer {
    
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 3;
      width: 100%;
    }
    .text-wrap {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: #fff;
      font-weight:900;
    }
    
    .line {
      width: 100vw;
    }
    .left, .right {
      width: 50vw;
      overflow: hidden;
      display: inline-block;
    }
    .left {
      color:#DF1F2A;
      transform: skew(0deg, -15deg);
    }
    .right {
      color: #fff;
      transform: skew(0deg, 15deg);
    }
    .left .content {
      width: 100vw;
      text-align: center;
    }
    .right .content {
      width: 100vw;
      text-align: center;
      transform: translate(-50vw);
    }
    .text-wrap span {
      display: inline-block;
      font-family: 'Montserrat', sans-serif;
      font-size: 10vw;
      text-transform: uppercase;
      line-height: .8;
      transition: ease-out .6s;
    }
    .background {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


      /********************* Mobile *********************/

@media all and (max-width:767px) {

  .text-wraps h2 {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14vw;
    text-transform: uppercase;
    font-weight:900;
    line-height:  1.2;
    transition: ease-out .6s;
    -webkit-animation:colorchange 5s infinite alternate;
}

  .text-wrap-outer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    text-align:center;
}

  .text-wraps h4{
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight:900;
    transition: ease-out .6s;
  color:#fff; text-align:center;
  -webkit-animation:colorchange2 5s infinite alternate;
 
  }




  @-webkit-keyframes colorchange {
    0% {
      
      color: #fff;
    }
    
    50% {
      
      color: #fff;
    }
    
    100% {
      
      color: #DF1F2A;
    }
  }


  @-webkit-keyframes colorchange2 {
    0% {
      
      color: #fff;
    }
    
    50% {
      
      color: #DF1F2A;
    }
    
    100% {
      
      color: #fff;
    }
  }



  .text-wrap {
    height: 100vh;

    display:flex; 
    flex-direction:column; 
    justify-content: center;  
    align-items: center;
    color: #fff;
    font-weight: 900;
}


  .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 90vh;
  }
  .background {
    height: 90vh;
}
  .hero-banner {
    position: relative;
    margin: 0;
    height: 50vh;
    display:flex; justify-content: center; align-items: center;  
}
.hero-banner h1 {
  width:320px;
		font-size:25px;
    font-weight:700;
		color:#fff;
    position:absolute; z-index:12;
	}
  .hero-banner h1 span{
    width:320px;
    display: inline-block;
    position:absolute; z-index:99; 
    left:0;
  }

  .right-title-img{display:inline-block; position:absolute; z-index:1; margin-top:-140px; right:0;}
  .right-title-img img{width:230px; height:auto;}
  .right-linep{display:none;}
  .right-linep img{height:auto; width:150px;}
  .h-banner-title:before {
    left: -10px;
   }
   .fl50{width:100%; float:none; clear:both;}
   .fl50:after { content: "";  display: block; clear: both;}
   .slice-car-lines{max-width:300px; float:right; text-align:center;  clear:both; margin-bottom:30px;}
   .tz-con-box {
     padding:30px; 
    position: relative; 

    }
    .tze-logo{max-height:35px; margin-bottom:35px;}
    .tzh-logo{max-height:35px;  margin-bottom:35px;}
    .tzb-logo{max-height:35px;  margin-bottom:35px;}
    .tz-con-box-contents {
      margin-bottom: 50px;
      font-size: 13px;
      font-weight: 200;
      line-height: 1.6;
  }
  .hi-tec-right-wrap{position:absolute; top:110px; text-align:right; right:30px;}
  .hi-tec-right-wrap img {
    max-width: 220px;
}
.pc-pink-line{display:none;}
.m-pink-line{display:block; float:left;}
.tz-con-box-l{padding:30px; margin-bottom: 50px;
}
.m-v-m-btn {
  font-size: 14px;
  font-weight: 700;
  color: #333;

}
.slice-car-lines {
  max-width: 100%;
  float: left;
  text-align: center;
  clear: both;
  margin-bottom: 30px;
}
 
.tech-wrap{background-image:none !important; background-color:#EFEFEF;}
.contact-main-img{display:none;}
.contact-sq-box-wrap {
  display: flex;
  flex-direction:column;
  align-items: center;
  padding: 0 0;
}

.contact-sq-box-wrap-margin {
  padding:0 0 40px 0;
}

.main-r-btns-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  padding: 5px 0 50px 0;
}
.main-r-btns-wrap .w33{width:100%;}

.contact-sq-box {
  width: 95%;
  margin:10px 0;
  display: inline-block;
  border-radius: 15px;
  padding: 30px 40px;
  border: 1px solid #EFEFEF;
  background: #fff;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 
}

.contact-sq-box h3{color:#B2B8C7; font-size:12px; margin-bottom:30px;  transition: all 0.3s;}
.contact-sq-box .name{color:#0F1F3C; font-size:20px; font-weight:700; margin-bottom:15px;}
.contact-sq-box .name span{ font-size:14px; font-weight:300;}
.contact-sq-box .phone{color:#727171; font-size:12px; font-weight:300;}

.main-r-btns {
margin:0 auto 15px auto;
    width: 100%;
   max-width: 320px;
    min-height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align:left;
    border-radius: 15px;
    padding: 30px 40px;
    background: #fff;
    color: #000;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
    transition: all 0.3s;
}
.footer-logo{width:200px;}

 
.tec-slide-box {
  padding: 15px;
  text-align: left;
}
.tec-slide-box img {
  height: auto;
}

.tech-wrap {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom 50%;
  padding-bottom: 100px;
}

.tec-slide-box h3 {
  font-size: 15px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px;
}
.tec-slide-box p {
  line-height: 1.6;
  font-size:12px;
}
.tec-slide .swiper-slide {
  height: 330px;
  box-sizing: border-box;
  background: #ddd;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
}
/********************* Mobile *********************/
@media all and (max-width:767px) {

}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {

}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {


}

/********************* PC *********************/
@media all and (min-width:1025px) {

    

}

/********************* PC *********************/
@media all and (max-width:1553px) {
}