.gt .intro-slogan > *{font-size: 20px;}
.gt-bgr img{filter: blur(1.5px);}
.gt-bgr:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(13 85 77 / 75%);}
.gt-img:before, .gt-img:after{content: ''; position: absolute; width: 15rem; height: 15rem; z-index: 1;}
.gt-img:before{top: -2.5rem; left: -2.5rem; background-color: var(--main);}
.gt-img:after{right: -1rem; bottom: -1rem; border-right: 2px solid var(--main); border-bottom: 2px solid var(--main);}
.gt-img a, .gt-img > div{z-index: 2;}
.gt-img a:before, .gt-img a span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 75px; height: 75px; margin: auto; border-radius: 50%;}
.gt-img a:before{content: ''; border: 2px solid var(--main); animation: shadow 2s linear infinite;}
.gt-img a span{background-color: var(--main); color: var(--wite); transition: all 0.5s ease 0s;}
.gt-img a span i{line-height: 75px;}
.gt-img a:hover:before{border-color: var(--hover)}
.gt-img a:hover span{background-color: var(--hover);}
.gt-logo{max-width: 360px;}
.gt-title{font-size: 60px;}
.gt-content{text-align: justify;}
.gt-content p+p{margin-top: 0.75rem;}
@keyframes shadow{0%{transform: scale(1);} 100%{transform: scale(1.5); opacity: 0;}}

.td-background{height: 100%; background-color: var(--main); z-index: 1;}
.td-background:before, .td-background:after{content: ''; position: absolute; top: 0; height: 100%; z-index: 1;}
.td-background:before{left: 0; width: 100%; background: url(/theme/images/rhombus.jpg) no-repeat center bottom fixed; opacity: 25%;}
.td-background:after{right: -15px; width: 30px; background: linear-gradient(90deg, var(--main) 48%, var(--wite) 50%, var(--main) 52%);}
.td-manager{position: absolute; right: -15px; bottom: 0; font-weight: 700; text-transform: uppercase; writing-mode: vertical-lr; z-index: 2;}
.td-manager span{display: inline-block; vertical-align: middle; line-height: 30px;}
.td-manager span:nth-child(1){padding: 30px 0 15px; background-color: var(--main); color: var(--wite);}
.td-manager span:nth-child(2){padding: 15px 0 30px; background-color: var(--wite);}
.td-wrap{background: no-repeat top left / cover;}
.td-wrap:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 75%);}
.td-title:after{content: ''; display: block; width: 125px; height: 2px; margin-top: 1.5rem; background-color: var(--main);}
.td-list h3{background: url(/theme/images/rhombus.png) no-repeat top 6px left / 12px;}

.nt{background-color: var(--text);}
.nt-title:after{content: ''; display: block; width: 125px; height: 1px; margin-top: 1.5rem; background-color: var(--main);}
.nt-item:nth-child(1){background-color: #000;}
.nt-item:nth-child(3){background-color: var(--hover);}
.nt-item:nth-child(4){background: no-repeat center / cover;}
.nt-item:nth-child(4):before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(13 85 77 / 75%);}
.nt-wrap{position: relative; display: flex; justify-content: center; align-items: center; height: 0; padding: 50% 0;}
.nt-wrap > * {position: absolute; padding: 0 3rem;}
.nt-wrap img{width: 50px;}
.nt-wrap h3{border-bottom: 1px solid var(--main);}
.nt-wrap p{min-height: 48px;}

.tv-title span:before{content: ''; position: absolute; right: 0; bottom: -25px; left: 0; width: 0; height: 0; margin: 0 auto; border: 25px solid transparent; border-top-color: var(--main);}
.tv-title span:after{content: ''; display: block; width: 100%; height: 25px; margin-top: 1rem; box-shadow: inset 0 25px 25px -25px rgb(0 0 0 / 25%);}
.tv-item:nth-child(2n-1){background: url(/theme/images/bg.jpg) no-repeat center / cover;}
.tv-item:nth-child(2n){background-color: var(--hover);}
.tv-item:nth-child(2n) .tv-title{color: var(--main);}
.tv-item a{cursor: zoom-in;}
.tv-video{position: relative; cursor: pointer!important;}
.tv-video:before, .tv-video span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 75px; height: 75px; margin: auto; border-radius: 50%;}
.tv-video:before{content: ''; border: 2px solid var(--main); animation: shadow 2s linear infinite;}
.tv-video span{background-color: var(--main); color: var(--wite); transition: all 0.5s ease 0s;}
.tv-video span i{line-height: 75px;}
.tv-video:hover:before{border-color: var(--hover)}
.tv-video:hover span{background-color: var(--hover);}
.tv-full .row{padding: 0 0.75rem 0.75rem;}
.tv-slide .wrap{padding: 0 0.75rem 0.75rem;}
.tv-slide .wrap > a{display: block; padding: 0 0.75rem;}
.tv-slide .slick-slide > div{padding: 0 0.75rem;}
.tv-slide .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--wite); box-shadow: 0 0 25px rgb(0 0 0 / 50%);}
.tv-slide .slick-arrow:hover{background-color: var(--hover);}
.tv-slide .slick-arrow i{line-height: 40px; color: var(--main);}
.tv-slide .slick-prev{left: 2.25rem;}
.tv-slide .slick-next{right:2.25rem;}
.tv-slide .slick-disabled{background-color: var(--bord)!important; cursor: not-allowed;}

@media all and (max-width: 992px){
    .td-background{height: 40vh;}
    .td-background:after{top: calc(100% - 30px); right: 0; width: 100%; height: 30px; background: linear-gradient(to bottom, var(--main) 48%, var(--wite) 50%, var(--main) 52%);}
    .td-manager{right: 0; bottom: 0; writing-mode: unset;}
    .td-manager span:nth-child(1), .td-manager span:nth-child(2){padding: 0 15px;}
}
@media all and (max-width: 768px){
	.gt-title{font-size: 50px;}
    .nt-wrap{padding: 40% 0;}
}
@media all and (max-width: 576px){
	.gt-title{font-size: 40px;}
    .gt .intro-slogan > *{font-size: 16px;}
    .td-background{height: calc(3rem + 30px);}
    .nt-wrap{justify-content: start; height: auto; padding: 1.5rem 0;}
    .nt-wrap > *{position: relative; padding: 0 1.5rem;}
    .tv-title span:before, .tv-title span:after{display: none;}
    .tv-full .col-12, .tv-full .col-4{padding: 0 0.25rem;}
    .tv-slide .wrap > a,
    .tv-slide .slick-slide > div{padding: 0;}
}#header #menu{display: none;}
.menu-button{position: fixed; top: 1.5rem; left: 1.5rem; width: 70px; height: 70px;z-index: 99992;}
.menu-button a{background-color: var(--main); transform: rotate(45deg);}
.menu-button a:hover{background-color: var(--hover);}
.menu-button a i{flex: 0 0 auto; display: block; transform: rotate(-45deg); font-size: 24px; color: var(--wite);}
.mm-panel{display: flex!important; justify-content: start; align-items: center;}
.mm-listitem{border-color: transparent;}
.mm-listitem__text{padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; font-family: var(--fnt2); font-size: 24px; font-weight: 700; color: var(--main)!important;}
.mm-listitem__text span{line-height: 1.2;}
.mm-listitem__text span:before{content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: var(--main); opacity: 0; transition: all 0.5s ease 0s;}
.mm-listitem.active .mm-listitem__text span:before, .mm-listitem__text:hover span:before{width: 100%; opacity: 1;}
.mm-listitem.mm-listinfo{display: block!important;}
.mm-listitem.mm-listinfo .mm-listitem__text{display: block; font-size: 16px; overflow: initial; color: var(--prev)!important;}
@media all and (max-width: 576px){
    .menu-button{top: 1rem; right: 1rem; width: 40px; height: 40px;}
    .menu-button a i{font-size: 20px;}
}.intro{min-height: 100vh; background: no-repeat top center / cover;}
.intro:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / 50%) 100%); pointer-events: none; z-index: 1;}
.intro .bubble{list-style: none; pointer-events: none; z-index: 2;}
.intro .bubble li{bottom: -150px; background: url(/theme/images/bubble.png) no-repeat center / 100%; animation: float 30s linear infinite;}
.intro .container{z-index: 3;}
.intro-slogan:before, .intro-slogan:after{content: ''; position: absolute; max-width: 300px; height: 2px; margin: 0 auto; background: linear-gradient(90deg, transparent 0%, var(--wite) 50%, transparent 100%); z-index: 2;}
.intro-slogan:before{top: -1px; right: 0; left: 6rem;}
.intro-slogan:after{bottom: -1px; right: 6rem; left: 0;}
.intro-slogan > *{position: relative; display: inline-block; padding: 9px 6rem 7px; background: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 25%) 50%, transparent 100%); z-index: 1;}
.intro-logo{max-width: 360px;}
.intro-logo span{position: absolute; width: 0; height: 0; overflow: hidden;}
.intro-body{padding: 6rem 0;}
.intro-list{max-width: 500px; transform: rotate(45deg);}
.intro-item{height: 0; padding-top: 50%;}
.intro-item a{top: 0.25rem; left: 0.25rem; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); background-color: rgb(0 0 0 / 50%); border: 1px solid rgb(255 255 255 / 50%); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.intro-item a > div{transform: rotate(-45deg);}
.intro-item a > div > img{max-width: calc(100% - 2rem); margin: 0 auto;}
@keyframes float{0%{transform: translatey(0);} 100%{transform: translatey(-1000px); opacity: 0;}}
@media all and (max-width: 768px){
    .intro-slogan > *{padding: 9px 1.5rem 7px;}
    .intro-body{padding: 5rem 0;}
	.intro-list{max-width: calc(78% - 1rem);}
}
@media all and (max-width: 576px){
	.intro-item a > div > div{padding: 0 0.5rem; font-size: 11px;}
}.news-photo{height: 0; padding-top: 67%;}
.news-photo a{cursor: zoom-in!important;}
.news-slick .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--wite); box-shadow: 0 0 25px rgb(0 0 0 / 50%); z-index: 99999;}
.news-slick .slick-arrow:hover{background-color: var(--hover);}
.news-slick .slick-arrow i{line-height: 40px; color: var(--main);}
.news-slick .slick-prev{left: 40px;}
.news-slick .slick-next{right: 40px;}