.dk{padding-bottom: 6rem;}
.dk-wrap{border-radius: 15px; box-shadow: 0 0 30px rgb(0 0 0 / 15%);}
.dk-txt{background-image: linear-gradient(135deg, var(--main) 0%, var(--hover) 100%); color: #fff;}
.dk-txt i{font-size: 3rem;}
.dk-txt ul{list-style: none;}
.dk-txt ul li{position: relative; padding-left: 1.5rem; font-size: 14px; font-style: italic;}
.dk-txt ul li:before{content: '\f101'; position: absolute; top: 0; left: 0; font-family: "Font Awesome 6 Pro"; font-size: 10px; font-weight: 300; line-height: 21px;}.banner{height: 400px; background: no-repeat center / cover; color: #fff;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%);}
@media all and (max-width: 576px){
	.banner{height: 300px;}
}.breadcrumb{position: relative; margin: calc(-2rem - 21px) 0 calc(2rem - 3px); z-index: 1;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{display: inline; font-size: 14px; color: #fff;}
.breadcrumb ul li:after{content: '/';}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li a{color: #fff;}.header #menu{display: none;}
.menu{position: relative; z-index: 2;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-weight: 500; line-height: 40px; transition: all 0.5s ease 0s;}
.menu ul li ul{position: absolute; top: calc(100% + 15px); width: 200px; opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu ul li ul li a{padding: 0 1rem; background-color: #fff; color: var(--text);}
.menu ul li ul li a:hover{background-color: var(--main); color: #fff;}
.menu > ul > li{float: left;}
.menu > ul > li+li{margin-left: 1.5rem;}
.menu > ul > li > a{position: relative; color: var(--text);}
.menu > ul > li > a:after{content: ''; position: absolute; bottom: 5px; left: 0; width: 0; height: 2px; background-color: var(--main); opacity: 0; transition: all 0.5s ease 0s;}
.menu > ul > li.active > a, .menu > ul > li > a:hover{color: var(--main);}
.menu > ul > li.active > a:after, .menu > ul > li > a:hover:after{width: 100%; opacity: 1;}
.menu > ul > li > ul{padding-top: 15px;}
.menu > ul > li > ul:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 15px); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
.mm-listitem__text i{display: none;}.slide:after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100px; background-color: #fff; clip-path: polygon(100% 0, 0 100%, 100% 100%); z-index: 2;}
.slide img{width: 100%;}
.slide-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 45.5%; overflow: hidden;}
.slide-video iframe{position: absolute; right: 0; width: 100%; height: 100%; transform: scale(1.25);}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; margin: auto;}
.slide .owl-nav button.owl-prev{left: 30px;}
.slide .owl-nav button.owl-next{right: 30px;}
.slide .owl-nav button i{display: block; font-size: 40px; color: #fff; transition: all 0.3s ease 0s;}
.slide .owl-nav button:hover i{color: var(--main);}
@media all and (max-width: 576px){
    .slide .owl-nav{display: none;}
}.gt{padding: 6rem 0 0;}
.gt:after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100px; background-color: var(--grey); clip-path: polygon(100% 0, 0 100%, 100% 100%); z-index: -1;}
.gt .main-small{position: absolute;}
.gt-title h2:nth-child(1){top: 3rem; left: 0;}
.gt-right span{bottom: 0; left: 0; height: 25%; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
.gt-right:hover span{height: 100%; background-color: rgb(222 77 48 / 75%); text-shadow: 1px 1px 1px rgb(0 0 0 / 0);}
.mt{padding-top: 6rem;}
.mt-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat top center / 100% auto; background-color: var(--grey); z-index: -1;}
.mt-str{width: 1px; height: 6rem; background-color: var(--main);}
.mt-str:before, .mt-str:after{content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: var(--main);}
.mt-str:before{left: 2rem;}
.mt-str:after{right: 2rem;}
.mt-item{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.mt-item:before{content: ''; position: absolute; top: calc(3rem + 25px); left: calc(3rem + 25px); width: 100px; height: 100px; background-color: var(--main); border-radius: 50%; opacity: 5%;}
.mt-item img{width: 100px; margin-bottom: 3rem;}
.sm{background-color: var(--grey);}
.sm-title{padding-left: 9rem;}
.sm-str{position: absolute; top: 3rem; left: 0; width: 6rem; height: 1px; background-color: var(--main);}
.sm-str:before, .sm-str:after{content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-color: var(--main);}
.sm-str:before{top: 2rem;}
.sm-str:after{bottom: 2rem;}
.sm-txt{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.sm-txt:before{content: ''; position: absolute; bottom: -25px; left: -25px; width: 200px; height: 200px; background-color: var(--main); border-radius: 50% 50% 50% 0; opacity: 5%;}
.cv{padding: calc(6rem + 100px) 0 3rem;}
.cv:before, .cv:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100px;}
.cv:before{background-color: var(--grey); clip-path: polygon(100% 0, 0 100%, 0 0); z-index: -1;}
.cv:after{background-color: #e7e7e7; clip-path: polygon(100% 100%, 0 0, 100% 0); z-index: -2;}
.cv-prev{max-width: 992px;}
.cv-more{line-height: 40px; letter-spacing: 1px;}
.cv-more:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--main); opacity: 0; transition: all 0.5s ease 0s; z-index: -1;}
.cv-more a{border-bottom: 1px solid var(--main); transition: all 0.25s ease 0s;}
.cv-more a i{transition: all 0.5s ease 0s;} 
.cv-more:hover:before{width: 100%; opacity: 1;}
.cv-more:hover a{color: #fff;}
.cv-more:hover a i{margin-left: 1rem!important;}
@media all and (max-width: 992px){
    .gt .main-small{position: initial;}
    .sm-title{padding-left: 0;}
    .sm-str{position: relative; top: 0; width: 1px; height: 6rem; margin-bottom: 3rem;}
    .sm-str:before, .sm-str:after{top: 0;}
    .sm-str:before{left: 2rem;}
    .sm-str:after{right: 2rem; bottom: 0; left: initial;}
}
@media all and (max-width: 576px){
	.mt-prev br{display: none;}
}.hh-cnt ul{list-style: none;}
.hh-cnt ul li{position: relative; padding-left: 2rem;}
.hh-cnt ul li:before{content: '\e416'; position: absolute; top: 0; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 2; color: var(--main);}.ohd-cnt ul{list-style: none;}
.ohd-cnt ul li{position: relative; padding-left: 2rem;}
.ohd-cnt ul li:before{content: '\e416'; position: absolute; top: 0; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 2; color: var(--main);}
.qt{margin-bottom: 6rem; background-color: var(--grey);}
.qt-item{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.qt-item:before{content: ''; position: absolute; top: calc(3rem + 15px); left: calc(3rem + 15px); width: 75px; height: 75px; background-color: var(--main); border-radius: 50%; opacity: 5%;}
.qt-item img{width: 75px; margin-bottom: 3rem;}
@media all and (max-width: 576px){
	.qt-prev br{display: none;}
}.news-img{border-radius: 5px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 50%); overflow: hidden;}
.news-img img{transition: all 1s ease 0s;}
.news-img:hover img{transform: scale(1.05);}
.news-time{font-size: 12px; color: #777;}
.news-time i{margin-right: 3px; color: var(--main);}
.news-name a{width: 100%; background-image: linear-gradient(transparent calc(100% - 2px), var(--main) 2px); background-repeat: no-repeat; background-size: 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.news-name a:hover{background-size: 100% 100%; color: var(--main);}
.news-prev{letter-spacing: 1px; color: #777;}
.news-other-title:after{content: ''; display: inline-block; width: 50px; height: 2px; margin-left: 10px; background-color: var(--main);}