.tl_head_l{display: none;}
body>.tl_foot{display: none;}

.swiper-container-vertical>.swiper-pagination-bullets{right: 60px;}
.swiper-pagination-bullet{opacity: 1;background-color: transparent;border: 1px solid #fff;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;}
.swiper-pagination-bullet-active{background-color: #fff;}

.ti_loading{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: #000;z-index: 100;}
.ti_loading_c{display: flex;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.tl_index{min-width: var(--lg);}

.ti_fix{}
.ti_fix_tl{z-index: 3;position: fixed;top: 20px;left: 20px;}
.ti_fix_br{z-index: 3;position: fixed;bottom: 20px;right: 20px;}
.ti_fix_l{z-index: 3;position: fixed;left: 20px;top: 40vh;display: flex;flex-direction: column;align-items: center;}
.ti_fix_l>span{width: 10px;height: 10px;border-radius: 50%;border: 2px solid #fff;}
.ti_fix_l>i{height: 60px;border-left: 1px solid #fff;margin: 20px 0;}
.ti_fix_l>p{width: 20px;text-align: center;font-size: 16px;color: #fff;}
.ti_fix_r{z-index: 3;position: fixed;right: 56px;width: 20px;top: 60vh;color: #fff;text-align: center;}
.ti_fix_r>span{height: 30px;border-radius: 8px;border: 1px solid #fff;margin-top: 20px;display: block;width: 100%;display: flex;justify-content: center;align-items: center;}
.ti_fix_r>span>i{border-left: 1px solid #fff;display: block;height: 100%;}

/* .ti_item{width: 100vw;} */

.ti_banner{position: relative;}
.ti_banner>video{height: 100vh;position: absolute;width: 100%;top: 0;left: 0;right: 0;bottom: 0;transform: translate(0%,0%);object-fit: cover;}
.ti_banner_c{height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1;}
.ti_banner_c>h1{font-size: 38px;line-height: 1.4;color: #fff;font-family: 'sysh';margin: 45px 0px 30px;}
.ti_banner_c>p{font-size: 24px;color: #fff;line-height: 1.8;}

.ti_banner_w{position: absolute;z-index: 2;;bottom: 0;left: 0;right: 0;width: 100%;padding: 0 100px 60px;display: flex;justify-content: space-between;align-items: flex-end;color: #fff;}
.ti_banner_l{display: flex;gap: 20px;}
.ti_banner_l>a{width: 40px;height: 40px;border: 1px solid #fff;position: relative;border-radius: 50%;display: block;}
.ti_banner_l>a>img{padding: 10px;width: 100%;height: 100%;object-fit: contain;}
.ti_banner_rt{position: absolute;bottom: 120%;padding: 10px;left: 50%;transform: translateX(-50%);background-color: var(--base);border-radius: 5px;;display: none;}
.ti_banner_rt>img{width: 100px;}
.ti_banner_l>a:hover .ti_banner_rt{display: block;}
.ti_banner_m{}
.ti_banner_m>img{}
.ti_banner_r{width: 160px;text-align: right;}

.ti_about{background: url('/images/index/0.jpg') no-repeat center;background-size: cover;height: 100vh;}
.ti_about_l{min-width: 50%;padding-left: 100px;color: #fff;text-align: right;height: 100%;display: inline-flex;justify-content: center;flex-direction: column;}
.ti_about_lt{padding-right: 40%;}
.ti_about_lt>h2{font-size: 26px;}
.ti_about_lt>h2>img{width: 40px;}
.ti_about_lt>h1{font-size: 60px;font-weight: 600;}
.ti_about_lt>p{}
.ti_about_lt>h3{font-size: 26px;}
.ti_about_w{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;text-align: center;}
.ti_about_i>p{margin-top: 10px;}

.ti_prod{background: url('/images/index/29.jpg') no-repeat center;background-size: cover;}
.ti_prod_c{display: flex;justify-content: space-between;color: #fff;height: 100vh;}
.ti_prod_i{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ti_prod_i>h1{font-family: 'sysh';line-height: 1.3;font-size: 42px;position: relative;}
.ti_prod_i>h1:before,.ti_prod_i>h1:after{content: " ";width: 80px;height: 1px;display: block;background-color: #fff;position: absolute;}
.ti_prod_i>h1:before{right: 0px;top: 0px;transform-origin: right;-webkit-transform-origin: right;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.ti_prod_i>h1:after{left: 0px;bottom: 0px;transform-origin: left;-webkit-transform-origin: left;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.ti_prod_i>span{letter-spacing: 15px;transform: rotate(90deg) translateX(55%);white-space: nowrap;}

.ti_prod_j{flex: 1;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 140px;}
.ti_prod_j>p{font-size: 22px;width: 27px;margin-top: 40px;line-height: 2;}
.ti_prod_w{opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: .5s;}
.ti_prod_w>img{width: 100%;height: 100%;object-fit: cover;}
.ti_prod_j:hover .ti_prod_w{opacity: 1;}

.ti_join{display: flex;justify-content: space-between;background: url('/images/index/39.jpg') no-repeat center;background-size: cover;height: 100vh;color: #fff;}
.ti_join_l{width: 33.33%;display: flex;flex-direction: column;justify-content: center;text-align: right;padding: 0 60px 0 100px;}
.ti_join_l>h2{font-family: 'sysh';font-size: 26px;}
.ti_join_l>h2>img{width: 40px;margin-right: 20px;}
.ti_join_l>h1{font-size: 60px;font-weight: 600;}
.ti_join_l>p{}
.ti_join_l>h3{font-size: 22px;}
.ti_join_r{width: 66.66%;}
.ti_join_w{width: 100%;margin: 20px 0;}
.ti_join_v{}
.ti_join_v>b,.ti_join_v>i{font-style: normal;font-weight: 600;width: 36px;height: 36px;line-height: 36px;font-family: serif,monospace;display: inline-block;border: 1px solid #fff;text-align: center;margin-left: 10px;}
.ti_join_li{}
.ti_join_li>img{height: 234px;object-fit: cover;}
.ti_join_ri{border-left: 1px solid rgba(255,255,255,0.3);background-color: rgba(0,0,0,0.4);}
.ti_join_rc{height: 100%;}
.ti_join_ri{height: 100%!important;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 40px;transition: .3s;}
.ti_join_ri>img{height: 78px;}
.ti_join_ri>h1{font-size: 28px;line-height: 1.5;font-family: "sysh";margin: 20px 0 10px;}
.ti_join_ri>h2{font-size: 14px;line-height: 1.5;letter-spacing: 7px;margin-top: 6px;}
.ti_join_ri>span{display: block;width: 50px;height: 1px;margin: 40px auto;background-color: #fff;transform: rotate(-60deg);}
.ti_join_ri>p{line-height: 2;font-size: 16px;text-align: center;}
.ti_join_ri:hover{padding-bottom: 60px;}

.ti_news{display: flex;justify-content: space-between;background: url('/images/about/0.jpg') no-repeat center;background-size: 100% 100%;height: 100vh;color: #fff;}
.ti_news_l{width: 36%;text-align: right;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;padding-right: 60px;}
.ti_news_l>h2{font-family: 'sysh';font-size: 26px;}
.ti_news_l>h2>img{width: 40px;margin-right: 20px;}
.ti_news_l>h1{font-size: 60px;font-weight: 600;}
.ti_news_l>p{font-size: 16px;letter-spacing: 3px;}
.ti_news_l>h3{font-size: 30px;margin: 20px 0 0;}
.ti_news_l>a{line-height: 36px;padding: 0 40px;border: 1px solid #fff;margin-top: 100px;}
.ti_news_r{width: 64%;display: flex;justify-content: space-between;}
.ti_news_i{flex: 1;padding: 0 38px;display: flex;flex-direction: column;justify-content: center;border-left: 1px solid rgba(255,255,255,0.3);background-color: rgba(0,0,0,0.3);transition: .5s;}
.ti_news_i>img{width: 100%;height: 200px;object-fit: cover;}
.ti_news_i>h1{font-size: 24px;line-height: 1.5;margin: 20px 0 10px;transition: .5s;}
.ti_news_i>p{line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.ti_news_i>span{font-size: 16px;}
.ti_news_i:hover{background-color: rgba(0,0,0,0.6);}
.ti_news_i:hover h1{font-size: 28px;}

.ti_tact{display: flex;justify-content: space-between;background: url('/images/index/50.jpg') no-repeat center;background-size: cover;height: 100vh;color: #fff;}
.ti_tact_l{width: 40%;text-align: right;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;padding-right: 60px;background-color: rgba(0,0,0,0.2);}
.ti_tact_l>h2{font-family: 'sysh';font-size: 26px;}
.ti_tact_l>h2>img{width: 40px;margin-right: 20px;}
.ti_tact_l>h1{font-size: 60px;font-weight: 600;}
.ti_tact_l>p{}
.ti_tact_l>h3{font-size: 22px;}
.ti_tact_l>h4{line-height: 2;color: #9c9c9c;margin: 20px 0 10px;}
.ti_tact_w{text-align: left;width: 356px;}
.ti_tact_w>input{width: 100%;height: 32px;background-color: transparent;border: 1px solid rgba(255,255,255,0.2);margin-bottom: 10px;padding: 0 15px;color: #fff;}
.ti_tact_w>textarea{width: 100%;height: 100px;background-color: transparent;border: 1px solid rgba(255,255,255,0.2);padding: 15px;resize: none;color: #fff;}
.ti_tact_w>a{padding: 0 30px;line-height: 34px;background-color: #4d4d4d;display: inline-block;margin-top: 20px;cursor: pointer;}
.ti_tact_w>button{opacity: 0;}
.ti_tact_w>a:hover{background-color: var(--base);}

.ti_tact_r{width: 60%;display: flex;justify-content: center;align-items: center;}
.ti_tact_rc{position: relative;padding: 10% 12%;}
.ti_tact_rc>img:first-child{position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: contain;width: 100%;animation: kcircle 22s linear infinite;}
.ti_tact_v{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;}
.ti_tact_v>img:first-child{height: 100px;}
.ti_tact_v>p{color: #b9baba;}
.ti_tact_v>a:last-child{line-height: 30px;border: 1px solid #bbb;color: #ccc;padding: 0 20px;}
@keyframes kcircle{
    from{ transform: rotate(0)}
    to{ transform: rotate(360deg)}
}

@media screen and (max-width: 1200px) {
    .tl_index{min-width: unset;}
    .swiper-container-vertical>.swiper-pagination-bullets{right: 1.5rem;}
    .ti_fix{display: none;}

    .ti_banner{background: url('/images/index/100.jpg') no-repeat center/cover;}
    .ti_banner_c>img{width: 10rem;}
    .ti_banner_c>h1{font-size: 2.4rem;margin: 2rem 0;}
    .ti_banner_c>p{font-size: 1.8rem;}
    .ti_banner_w{padding: 0;bottom: 10rem;}
    .ti_banner_l{width: 100%;justify-content: center;}
    .ti_banner_rt{white-space: nowrap;}

    .ti_about_l{padding: 0 1.5rem;text-align: left;}
    .ti_about_lt>h1{font-size: 4rem;}
    .ti_about_lt>h3{font-size: 2rem;line-height: 2;}

    .ti_about_w{flex-wrap: wrap;justify-content: flex-start;gap: 2rem 2%;}
    .ti_about_i{width: 23%;}
    .ti_about_i>img{width: 50%;}

    .ti_prod_c{flex-direction: column;}
    .ti_prod_i{display: none;}
    .ti_prod_j{flex-direction: row;gap: 2rem;padding: 0;}
    .ti_prod_j>img{width: 10rem;}
    .ti_prod_j>p{width: unset;}

    .ti_join_r{display: none;}
    .ti_join_l{width: 100%;padding: 10rem 4rem 0;}
    .ti_join_l>h2{font-size: 2.6rem;}
    .ti_join_l>h1{font-size: 5rem;}
    .ti_join_l>h3{font-size: 2rem;line-height: 2;}
    .ti_join_li>img{height: 20rem;}

    .ti_news_r{display: none;}
    .ti_news_l{width: 100%;padding: 10rem 4rem 0;}
    .ti_news_l>h2{font-size: 2.6rem;}
    .ti_news_l>h1{font-size: 5rem;}
    .ti_news_l>h3{font-size: 2rem;line-height: 2;}
    .ti_news_l>p{font-size: 1.6rem;}
    .ti_news_l>a{margin: 4rem 0 0;}

    .ti_tact_r{display: none;}
    .ti_tact_l{width: 100%;padding: 10rem 4rem 0;justify-content: flex-start;}
    .ti_tact_l>h2{font-size: 2.6rem;}
    .ti_tact_l>h1{font-size: 5rem;}
    .ti_tact_l>h3{font-size: 2rem;line-height: 2;}
    .ti_tact_l>p{font-size: 1.6rem;}
    .ti_tact_w{width: 100%;}
    .ti_tact_w>textarea{height: 10rem;padding: 1rem;}
    .ti_tact_w>a{margin: 1.5rem;}
    
}