@charset "utf-8";

.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 100vh !important; transition:.3s; }
.mcnt1 .item{width: 100%; height: 100vh; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{width: 100%; height: 100%;}
.mcnt1 .item .mv_img video,
.mcnt1 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s; transform:scale(1) rotate(0.1deg)} 
.mcnt1 .active .item .mv_img video,
.mcnt1 .active .item .mv_img img{ transform: scale(1) rotate(0deg); }
.mcnt1 .item .m_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items:center; padding-top: 55px;}
.mcnt1 .item .m_txt h3{color: #FFF; text-align: center; font-size: 50px; font-weight: 700; line-height: 120%;  position: relative; top: 50px; opacity: 0; transition:.6s;  filter:blur(5px); margin-bottom: 30px;}
.mcnt1 .item .m_txt h3 span{color: #CD2731;}
.mcnt1 .item .m_txt p{color: #FFF; text-align: center; font-size: 22px; font-weight: 600; line-height: 160%; /* 35.2px */  position: relative; top: 50px; opacity: 0; transition:.6s .6s;  filter:blur(5px)}
.mcnt1 .active .item .m_txt *{opacity: 1; filter:blur(0px); top: 0;}
.mcnt1 .mv-controll{position: absolute; left: 50%; bottom: calc(35vh - 58px); z-index: 100; display: flex; align-items:center; justify-content: center; gap:19px; line-height: 0; translate:-50% 0; width: 1440px; }
.mcnt1 .mv-controll .mv-slider-bt{cursor: pointer;}
.mcnt1 .mv-controll .dots{display: flex; align-items:center; gap:8px; }
.mcnt1 .mv-controll .dots .dot{cursor:pointer; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.60); border-radius: 50%; box-sizing: border-box; transition:.3s; position: relative; overflow: hidden;}
.mcnt1 .mv-controll .dots .dot .line-bar{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mcnt1 .mv-controll .dots .dot .line-bar i{position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #CD2731;}
.mcnt1 .mv-controll .dots .dot.current{width: 80px; border-radius: 100px;}
.mcnt1 .scroll-mv{position: absolute; left: 50%; bottom: -17px; translate:-50% 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:7px; cursor: pointer;}
.mcnt1 .scroll-mv p{color: #CCC; font-family: "Montserrat";  font-size: 14px; font-weight: 600; line-height: 1; padding-bottom: 57px;} 
.mcnt1 .scroll-mv i{position: absolute;  width: 3px; height: 34px; background: rgba(91, 91, 91, 0.60);  left: 50%; bottom: 8px; translate:-50% 0}
.mcnt1 .scroll-mv i span{position: absolute; display: block; width: 100%; height: 14px; background: #CD2731; left: 0; top: 0;  animation: 1.2s ease 0s infinite normal none running; animation-name:mvScroll;}
@keyframes mvScroll {0% {transform:translateY(0)} 60% {transform:translateY(25px)} 100% {transform:translateY(0)} }


.main-tit{display: flex; flex-direction: column; }
.main-tit b{display: flex; gap:6px; justify-content: center; align-items:center; color: #CD2731; text-align: center; font-size: 28px; font-weight: 700; line-height: 160%; margin-bottom: 40px;}
.main-tit b svg{position: relative; top: -17px;}
.main-tit .box{display: flex; flex-direction: column; }
.main-tit .box p{color: #FFF; text-align: center; font-size: 46px; font-weight: 700; line-height: 150%; }
.main-tit .p-box{color: #fff; margin-top: 30px; height: 192px; overflow: hidden; -webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 50%,
		rgba(0,0,0,.5) 80%,
		transparent 100%
	); }
.main-tit .p-box .wam{height: auto; display: flex; flex-direction: column; gap:2em; ;}
.main-tit .p-box p{text-align: center; font-size: 20px; font-weight: 400; line-height: 160%; /* 32px */   }

.mcnt2-wrap{position: relative;  height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items:center; z-index: 10;	}
.mcnt2-wrap video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; z-index: -1;}
.mcnt2{position: relative; }
.mcnt2 .icon-box{}
.mcnt2 .icon-box .right{position: absolute; right: 0px; top: 0;}
.mcnt2 .icon-box .right i{position: absolute; }
.mcnt2 .icon-box .right .i1{right: 90px; top: -50px; animation: 12s ease 0s infinite normal none running; animation-name:bounce-icon;}
.mcnt2 .icon-box .right .i2{right: 171px; top: 41px; animation: 7s ease 0s infinite normal none running; animation-name:bounce-icon;}
.mcnt2 .icon-box .left{position: absolute; left: 0; bottom: 150px;}
.mcnt2 .icon-box .left i{position: absolute; left: 85px; top: 0;	animation: 8s ease 0s infinite normal none running; animation-name:bounce-icon;}

@keyframes bounce-icon {0% {transform:translateY(0)} 30% {transform:translateY(25px)} 70% {transform:translateY(0px)} 100% {transform:translateY(-10px)} }

.mcnt3-wrap{background: url(../img/main/mcnt3-bg.jpg) center / cover no-repeat; height: 1220px; box-sizing: border-box; padding-top: 240px;; width: 100%; overflow: hidden;}
.mcnt3 .main-tit{align-items: flex-start; margin-bottom: 40px;}
.mcnt3 .main-tit b{font-size: 24px; margin-bottom: 50px;}
.mcnt3 .wrap4{max-width:1360px; }
.mcnt3 .owl-carousel .owl-stage-outer{overflow: visible; }
.mcnt3 .item {position: relative; scale:0.81; transition:.3s; transform-origin: left bottom;}
.mcnt3 .item .mv_img{overflow: hidden;}
.mcnt3 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:.8s;}
.mcnt3 .item .m_txt{position: absolute; left: 0; top: 0; width: 100%; height:  100%; z-index: 1;}
.mcnt3 .item .m_txt .link-box{position: absolute; right: 0; top: 0; z-index: 10;}
.mcnt3 .item .m_txt .link-box a{display: flex; align-items:center; justify-content: space-between; width: 255px; padding: 20px 36px;  gap: 10px; background: #BD040F; color: #FFF; font-size: 20px; font-weight: 700; line-height: 160%; transition:.6s;}
.mcnt3 .item .m_txt .link-box a svg{transition:.3s;}
.mcnt3 .item .m_txt .box{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;display: flex; flex-direction: column; justify-content: flex-end; padding: 0 35px 28px 40px; box-sizing: border-box; background: linear-gradient( 0deg,rgba(0, 0, 0, 0.60) 31.16%,rgba(0, 0, 0, 0.00) 50.88%); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.40); transition:.6s; opacity: 0;}
.mcnt3 .item .m_txt .box p{color: #FFF; font-size: 20px; font-weight: 400; line-height: 160%; }
.mcnt3 .owl-nav{position: absolute; right: -218px; top: -105px; z-index: 10; display: flex; flex-wrap:wrap; align-items:center; gap:10px;}
.mcnt3 .owl-nav button{position: relative;}
.mcnt3 .owl-nav button span{position: relative; display: block; width: 61px; height: 58px; background: url(../img/main/mcnt3-btn.png) center no-repeat; transition:.3s;}
.mcnt3 .owl-nav button span:after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/main/mcnt3-prev.png) center no-repeat; transition:.3s;}
.mcnt3 .owl-nav .owl-next{top: 5px; }
.mcnt3 .owl-nav .owl-next span{rotate:180deg; }
.mcnt3 .owl-nav .owl-next span:after{top: 3px;}
.mcnt3 .active .item{scale:1;}
.mcnt3 .active .item .m_txt .box{opacity: 1;}
.mcnt3 .item:hover .mv_img img{scale:1.05;}
.mcnt3 .item .m_txt .link-box:hover {
	a{background: #000;}
	a svg{translate:5px 0;}
}
.mcnt3 .owl-nav button:hover span:after{translate:-3px 0;}
.mcnt4-wrap{position: relative; background: url(../img/main/mcnt4-bg.jpg) center / cover no-repeat; height: 1015px; box-sizing: border-box; padding-top: 240px;; width: 100%; overflow: hidden; z-index: 10;}
.mcnt4-wrap:after{position: absolute; content: ''; width: 720px; height: 780px; background: url(../img/main/mcnt4-bg-i.png) center no-repeat; right: 0; bottom: 82px; z-index: -1; animation: 12s ease 0s infinite normal none running; animation-name:bounce-icon;}


.mcnt4 .main-tit{align-items: flex-start; margin-bottom: 40px;}
.mcnt4 .main-tit b{font-size: 24px; margin-bottom: 50px;}
.mcnt4 .cnt{display: flex;}
.mcnt4 .cnt .box{position: relative; }
.mcnt4 .cnt .box .img-box{position: relative; overflow: hidden;}
.mcnt4 .cnt .box .img-box img{transition:.6s; width: 100%; height: 100%; object-fit:cover; } 
.mcnt4 .cnt .box .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; box-sizing: border-box; padding: 53px 50px;}
.mcnt4 .cnt .box .tbx p{color: #FFF; font-size: 38px; font-weight: 700; line-height: 160%; }
.mcnt4 .cnt .box .tbx .link-box{position: absolute; right: 0; bottom: 0;}
.mcnt4 .cnt .box .tbx .link-box > a{display: flex;  height: 72px; padding: 20px 36px; align-items:center; justify-content: space-between; gap: 20px; color: #FFF; font-size: 20px; font-weight: 700; line-height: 160%; background: #070707; transition:.3s;}
.mcnt4 .cnt .box .tbx .link-box > a svg{transition:.3s;}
.mcnt4 .cnt .box:hover .img-box img{scale:1.05;}
.mcnt4 .cnt .box .tbx .link-box:hover{
 > a{background: #CD2731;}
 > a svg{translate:5px 0;}
}


.mcnt5-wrap{background: url(../img/main/mcnt5-bg.jpg) center / cover no-repeat;  box-sizing: border-box; padding-top: 240px;; padding-bottom: 220px;; width: 100%; overflow: hidden;}
.mcnt5 .main-tit{margin-bottom: 100px;} 
.mcnt5-wrap .tit{display: flex; align-items:center; justify-content: space-between; margin-bottom: 30px;}
.mcnt5-wrap .tit p{color: #FFF; font-size: 46px; font-weight: 700; line-height: 160%; }
.mcnt5-wrap .tit .link-box > a{display: flex; align-items:center; gap:30px; color: #FFF; font-size: 20px; font-weight: 700; line-height: 160%; }
.mcnt5-wrap .tit .link-box > a svg{transition:.3s;}
.mcnt5-wrap .tit .link-box > a:hover svg{translate:5px 0}
.mcnt5 .item .img-box{overflow: hidden; }
.mcnt5 .item .img-box img{width: 100%; height: 100%; object-fit:cover; transition:.6s;}
.mcnt5 .item .tbx {margin-top: 24px;}
.mcnt5 .item .tbx p{color: #FFF; font-size: 26px; font-weight: 600; line-height: 160%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mcnt5 .item:hover .img-box img{scale:1.05;}
.mcnt5 .owl-dots{display: none;}

.mcnt5 .bar{position: relative; width: 100%; height: 6px; border-radius: 100px; background: #222; margin-top: 60px; margin-bottom: 160px;;}
.mcnt5 .bar .line{position: absolute; left: 0; top: 0; height: 6px; width: 0%; border-radius: 100px; background: #CD2731; transition:.3s;}

.mcnt6 .cnt{height: 108px; background: #fff; display: flex; flex-wrap:wrap; justify-content: space-between; align-items:center; padding: 20px 50px; margin-top: 40px;}
.mcnt6 .cnt .mcnt6-owl-box{width: calc(100% - 120px);}
.mcnt6 .cnt .mcnt6-owl-box .item > a{}
.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx{display: flex; align-items:center; flex-wrap:wrap; width: 100%;}
.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx p{color: #222; font-size: 24px; font-weight: 400; line-height: 180%; }
.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx .data{display: flex; align-items:center; color: #999; font-size: 24px; font-weight: 400; line-height: 180%; }
.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx .data:before{content: ''; width: 1px; height: 24px; background: #CCC; margin: 0 40px;}
.mcnt6 .cnt .mcnt6-controll{display: flex; align-items:center; justify-content: center; justify-content: flex-end; gap:9px; width: 120px;;}
.mcnt6 .cnt .mcnt6-controll .mv-slider-bt{line-height: 0; cursor: pointer;}
.mcnt6 .cnt .mcnt6-controll .num{display: flex; align-items:center; gap:5px; color: #444; font-size: 20px; font-weight: 400; width: 42px;}
.mcnt6 .cnt .mcnt6-controll .num .ac-num{color: #CD2731;}

.mcnt6 .owl-dots,
.mcnt6 .owl-nav{display: none;}