@charset "utf-8";
body {background: #000;}
section {display: block;}
.header {background: #fff; height: 80px;}
.logo {display: block; height: 80px; margin: 0 auto; width: 300px;}
.carousel {background: #333;}
.carousel-caption {bottom: 3rem; z-index: 10;}
.carousel-item {height: 900px;}
.carousel-item>img {position: absolute; top: 0; left: 0; min-width: 100%; height: 900px;}
.carousel-control-prev, .carousel-control-next {background: none;}
.about {padding: 50px 0; position: relative;}
.tmtext {color: #333; font-family: Impact; text-align: center; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0;}
.intro {color: #fff; position: relative; z-index: 1;}
.intro-cover {border-radius: 5px; width: 100%;}
.intro-text {line-height: 30px; padding: 50px 50px 0 0;}
.product {background: #222; padding: 50px 0;}
.probox {padding-top: 75px;}
.card {background: none; border: 0;}
.card>img {cursor: pointer;}
.card>img:hover {opacity: 1;}
.card-text {color: #333; font-family: Impact; font-size: 80px; position: absolute; top: 0; left: 0; right: 0;}
.card-img {position: absolute; top: 100px;}
.flogo {}
.qrcode {float: left; margin-right: 20px;}
.contact {padding: 50px 0;}
.contact-info {}
.contact-info li {color: #fff; font-size: 14px; list-style: none;}
.contact-info li label {padding-right: 15px;}
.footer {background: #222; font-size: 14px; padding: 30px 0;}
.fimg {border-radius: 5px; width: 100%;}

.tmtext {
    font-size: 1px;
    opacity: 0;
    -webkit-transform: scale(0.9);
         -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                    transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
         -moz-transition: all 1s ease-in-out;
            -ms-transition: all 1s ease-in-out;
             -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
}
.tmtext.visible {
    font-size: 200px;
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
.card {
   margin-top: 50px;
   opacity: 1;
   -webkit-transform: none;
   -moz-transform: none;
     -ms-transform: none;
      -o-transform: none;
           transform: none;
   -webkit-transition: all 0.6s ease-out;
       -moz-transition: all 0.6s ease-out;
         -ms-transition: all 0.6s ease-out;
          -o-transition: all 0.6s ease-out;
               transition: all 0.6s ease-out;
}
.card.move {
   opacity: 0;
   -webkit-transform: translateX(40px);
       -moz-transform: translateX(40px);
         -ms-transform: translateX(40px);
          -o-transform: translateX(40px);
               transform: translateX(40px);
}
.card:nth-child(2) {
   margin-top: 0;
}
.card:nth-child(3) {
   margin-top: 50px;
}
.card:nth-child(4) {
   margin-top: 0;
}
.card:nth-child(5) {
   margin-top: 200px;
}

@media (max-width: 1200px) {
   .carousel-item {height: 500px;}
   .carousel-item>img {height: 500px;}
   .tmtext.visible {font-size: 160px;}
   .card-text {font-size: 70px;}
}

@media (max-width: 992px) {
   .carousel-item {height: 400px;}
   .carousel-item>img {height: 400px;}
   .intro-text {padding: 50px 0;}
   .card-text {font-size: 100px;}
   .card-img {top: 190px;}
   .contact-info {margin-top: 50px;}
}

@media (max-width: 768px) {
   .carousel-item {height: 300px;}
   .carousel-item>img {height: 300px;}
   .intro-text {padding: 50px; padding-top: 0;}
   .tmtext.visible {font-size: 100px; line-height: 90px; position: absolute; top: 50px; left: 0; right: 0;}
   .card-text {font-size: 80px;}
   .card-img {top: 160px;}
}

@media (max-width: 576px) {
   .carousel-item {height: 200px;}
   .carousel-item>img {height: 200px;}
   .intro-text {padding: 50px; padding-top: 0;}
   .tmtext {bottom: 100px;}
   .tmtext.visible {font-size: 80px; line-height: 100px; position: absolute; top: 10px; left: 0; right: 0;}
   .card-text {font-size: 45px;}
   .card-img {top: 110px;}
}