html,body{height:100%;overflow-y: hidden;}

.tx-home-head{position: absolute;z-index: 20;top:35px;}
.tx-home-head img{height: 46px;}

.tx-home{height:100%}
.tx-home .swiper{height: 100%;}
.tx-home .swiper-slide{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.tx-home .swiper-slide .texts{display: none;}

.tx-home-click{position: absolute;left:0;top:50%;transform: translate(0, -50%);z-index: 20;min-width: 1230px;}
.tx-home-click .clicks{margin-top:110px;font-size:20px;color:#fff;}
.tx-home-click .clicks img{width:74px;height:74px;margin-right:25px;}
.tx-home-click .mains{position: relative; padding:30px 30px 40px 50px;color:#fff;z-index: 20; transform: perspective(280px) rotateY(18deg);}
.tx-home-click .mains::before{content:''; position: absolute;left:8px;top:15px; z-index: -1;width: 104%;height:87%;background: var(--mColor);opacity:0.4;}
.tx-home-click .mains i{position: absolute;width: 1px;height:calc(100% - 78px) ;background: #fff;left:30px;top:30px;z-index:20;}
.tx-home-click .mains i::before{content:'';position: absolute;bottom:-9px;left:-8px;width: 15px;height:15px;border-radius: 50%;border:1px solid #fff;}
.tx-home-click .mains h3{font-size: 26px;font-weight: bold;line-height: 40px;position:relative;z-index:20;}
.tx-home-click .mains h4{font-size: 20px;margin-top: 30px;position:relative;z-index:20;}
.tx-home-click .mains em{display: block; font-size: 12px;opacity: 0.6;margin-top: 4px;position:relative;z-index:20;}
.tx-home-click .texts{width: 60%;color:#fff;transform: translate(-88px, 0);opacity: 0;transition: 2s;-webkit-transition: 2s;-ms-transition: 2s;}
.tx-home-click .texts.cur{transform: translate(0, 0);opacity: 1;}
.tx-home-click .texts h3{position: relative; font-size: 42px;font-weight: bold;padding-bottom: 30px;margin-bottom: 44px;}
.tx-home-click .texts h3::before{content:'';position: absolute;left:0;bottom:0;width: 83px;height:5px;background:#fff;}
.tx-home-click .texts em{display: block;font-size: 24px;opacity: 0.7;}
.tx-home-click .texts a{display: inline-block; margin-top:45px;width: 54px;height:54px;background: url('../img/home-text.png') center center no-repeat;}
.tx-home-click .texts span{position: relative; float: left;width: 50%;height:100%;overflow: hidden;}
.tx-home-click .texts span i{position: absolute;top:0;width: 54px;height:54px;border-radius: 50%;transform: rotate(45deg);border-width: 3px;border-style:
solid;}
.tx-home-click .texts span:first-child i{left:0; border-top-color:var(--mColor);border-right-color:var(--mColor);border-bottom-color:#fff;border-left-color:#fff;animation: rotateright 3.5s linear 1.8s infinite;}
.tx-home-click .texts span:last-child i{right:0; border-top-color:#fff;border-right-color:#fff;border-bottom-color:var(--mColor);border-left-color:var(--mColor);animation: rotateleft 3.5s linear 1.8s infinite;}


.tx-home-footer{position: absolute;bottom:37px;z-index: 20;color:#fff;}
.tx-home-footer a{color:#fff;}

@keyframes rotateleft{
    0%{transform: rotate(45deg);}
    50%{transform: rotate(225deg);}
    100%{transform: rotate(225deg);}
}
@keyframes rotateright{
    0%{transform: rotate(45deg);}
    50%{transform: rotate(45deg);}
    100%{transform: rotate(225deg);}
}

@media screen and (min-width: 769px){

    .tx-home-footer a:hover{opacity: 0.7;}
    .tx-home-click .mains:hover{left:0; transform: perspective(280px) rotateY(0deg)}

}

@media screen and (max-width: 1465px){

    .tx-home-head img{height: 40px;}

    .tx-home-click .texts h3{font-size: 32px;}
    .tx-home-click .texts h3::before{height: 3px;}
    .tx-home-click .texts em{font-size: 18px;}
    .tx-home-click .texts a{width: 48px;height: 48px;background-size: 18px auto;}
    .tx-home-click .texts span i{width: 48px;height: 48px;border-width: 2px !important;}
    .tx-home-click .mains h3{font-size: 20px;line-height: 28px;}
    .tx-home-click .mains h4{font-size: 18px;}
    
    .tx-home-click .clicks{font-size:16px;}
    .tx-home-click .clicks img{width:65px;height:65px;}

}

@media screen and (max-width: 768px){

    .tx-home-head{top:18px;}
    .tx-home-head img{height: 28px;}

    .tx-home-click{min-width: 320px;}
    .tx-home-click .mains{float: left;padding:20px 20px 20px 50px;margin-top: 50px;}
    .tx-home-click .mains::before{top:6px;left:0;}
    .tx-home-click .mains h4{display: none;}
    .tx-home-click .mains em{display: none;}
    .tx-home-click .mains h3{font-size: 13px;line-height: 22px;}
    .tx-home-click .texts{width: 100%;}
    .tx-home-click .texts h3{font-size: 20px;padding-bottom: 12px;margin-bottom: 15px;}
    .tx-home-click .texts h3::before{height: 1px;}
    .tx-home-click .texts em{font-size: 14px;}
    .tx-home-click .texts a{margin-top: 20px;}
    .tx-home-click .texts a{width: 36px;height: 36px;background-size: 12px auto;}
    .tx-home-click .texts span i{width: 36px;height: 36px;border-width: 1px !important;}
    
    .tx-home-click .clicks{float:left; font-size:13px;margin-top:30px;}
    .tx-home-click .clicks img{width:46px;height:46px;margin-right:8px;}
    
    .tx-home-footer{font-size: 12px;bottom:15px;}

}