#banner .slick-slide { position:relative; overflow:hidden; }
#banner .slick-slide >a {display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size: cover;overflow:hidden;animation: imageAnimation 6s ease infinite;}
.slick-slide a img { width:100%; }

@keyframes imageAnimation {
  0% {background-size: 100% 100%;opacity: 1;}
  60% {background-size: 105% 105%;opacity: 1;}
  100% {background-size: 100% 100%;opacity: 1;}
}
.slick-slide video,.slick-slide iframe,.slick-slide canvas { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.4); z-index:2; }
.slick-slide video,.slick-slide canvas { width:auto; transform:scale(1.4); }
#banner:before{content:"";background-color:#434f68;position:absolute;width:100%;height:60%;z-index:-1;top:-30px}
#banner{position:relative;margin-bottom:40px;margin-top:140px;z-index:2}
#banner .main-slider .item{position:relative;border-radius:30px}
#banner .slick-slide .art{position:absolute;z-index:3;width:calc(50% - 140px);bottom: calc(54% - 180px);left:0;color:#4d4d4d;padding:0px 10%}
#banner .slick-slide .art p.ovobtext{font-size:51px;letter-spacing:0.05em;margin-left:0;color:#7986a0;text-transform:uppercase}
#banner .slick-slide .art p.ovobtext span{color:#7986a0;font-size:21px}
#banner .slick-slide .h2:before{content:"X";font-size:31px;display:flex;position:absolute;font-weight:100;left:176px}
#banner .slick-slide .h2{font-size:77px;line-height:110%;text-align:left;letter-spacing:0.05em;color:#7986a0;font-weight:900;word-spacing:26px;max-width:66%}
#banner .slick-slide p{margin-top:0;font-size:26px;line-height:130%;text-align:left;width:70%;letter-spacing:0.18em;margin-left:0.08em;color:#666364;}
#banner .slick-slide p.ml11{margin-bottom: 60px;margin-top: 15px;}
#banner .slick-slide .litext{margin-top:34px;display:flex;margin-left:1px;margin-bottom:6px}
#banner .slick-slide b{display:flex;font-size:24px;position:relative;padding:13px 0px;line-height:110%;border-radius: 60px;color:#ffffff;margin-top:0;cursor:pointer;text-align:right;width:auto;position:relative;font-weight:normal;transition-delay:.4s;width:212px;background:#7986a0;flex-direction:column;align-items:center;padding-right:20px}
#banner .slick-slide b:after{content:'';width:13px;height:1px;background:#ffffff;display:block;position:absolute;right:12px;top:26px;transform:rotate(-140deg);transform-origin:0 0;transition:all linear .2s}
#banner .slick-slide b:before{content:'';width:13px;height:1px;background:#ffffff;display:block;position:absolute;right:12px;top:26px;transform:rotate(140deg);transform-origin:0 0;transition:all linear .2s}

#banner .slick-dots { text-align:right; top:10px; right:10px; width:auto; height:30px; }
#banner .slick-dots li button:before,#banner .slick-dots li.slick-active button:before { color:#fff; font-size:12px; }
#views { width:calc(100% - 90px); margin-left:90px; }

#TJtime{position:relative;display:flex}
#TJtime .timeJbar{position:relative;display: grid;grid-template-columns: 13% 81% 6%;border:#7986a0 2px solid;border-radius:10px;padding: 20px 0;margin:0px auto 20px;align-items:center}
#TJtime .timeJbar .timebarJ01{display:flex;justify-content: center;}
#TJtime .timeJbar:after{content:'';width:13px;height:1px;background:#7986a0;display:block;position:absolute;right:20px;top: 35px;transform:rotate(-140deg);transform-origin:0 0;transition:all linear .2s}
#TJtime .timeJbar:before{content:'';width:13px;height:1px;background:#7986a0;display:block;position:absolute;right:20px;top: 35px;transform:rotate(140deg);transform-origin:0 0;transition:all linear .2s}
#TJtime .timeJbar .timebarJ01 .h2{font-size:30px;color:#7986a0;}
#TJtime .timeJbar .timebarJ02 p{font-size: 20px;color:#7986a0;font-weight:100;overflow:hidden;margin:1px 0;height: 23px;width:86%;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight: 300;}
#TJtime .timeJbar .timebarJ02{display:flex;align-items:baseline;justify-content: space-between;}
#TJtime .timeJbar .timebarJ02 .more{margin-left:3px;color:#7987a1}

.ml11,.ml112{position:relative;font-weight:700;text-align:center;opacity:1}
.ml11 .text-wrapper,.ml112 .text-wrapper{position:relative;display:inline-block}
.ml11 .line,.ml112 .line{opacity:1;position:absolute;left:0;height:70%;width:1px;background-color:#4d4d4d;transform-origin:0 50%}
.ml11 .line1,.ml112 .line{top:15%;left:0}
.ml112 .line{transform:translateX(0)}
.ml11 .line1{display:none}
.ml11 *,.ml112 *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
.letters{display:flex;width:100%;justify-content:center;gap: 5px;}
.ml11 .letter,.ml112 .letter{display:inline-block;color: #768095;}
.ml112 .letter{opacity:1}
.more a{color: #7987a1;}


@media (min-width:1025px) {
	#banner .slick-slide b:hover{color: #ffffff;background: #374461;}
}

@media (max-width:1460px){
	#banner{margin-bottom:30px}
	#TJtime .timeJbar{border:#7986a0b8 2px solid}
	#TJtime .timeJbar .timebarJ01 .h2{font-size: 21px;padding:0 5px;width:100%;text-align: center;}
	#TJtime .timeJbar .timebarJ02 p{font-size: 18px;margin-right:10px;width:87%;margin-left:14px}
	#banner .slick-slide .art{padding: 0px 7% 70px;bottom: calc(48% - 180px);}
	#banner .main-slider .item{height: 528px;border-radius:15px}
	#banner .slick-slide >a{margin-top:-10px}
	#banner .slick-slide .art p.ovobtext,#banner .slick-slide .h2{font-size:48px}
	#banner .slick-slide .h2:before{left:109px}
	#banner .slick-slide p{font-size:19px;letter-spacing:0.25em;width:auto}
	#banner .slick-slide b{font-size:20px;width:197px}
	#banner .slick-slide b:before{top:23px;right:15px}
	#banner .slick-slide b:after{top:23px;right:15px}
	
}
@media (max-width:1280px) {
	#banner .slick-slide .h2{margin-top:0;font-size:40px}
	#banner .main-slider .item{height:auto}
	#banner .slick-slide .h2:before{left:94px}
	#banner .slick-slide b{font-size:19px}
	#TJtime .timeJbar{grid-template-columns: 20% 74%;}
	#TJtime .timeJbar .timebarJ02 .more{display:none;}
}
@media (max-width:1024px) {
	#banner .slick-slide .art{width:100%}
	#banner{margin-top:88px}
	#banner .webframe{width:100%;max-width:100%}
	#banner .slick-slide .h2:before{left:73px}
	#banner .slick-slide .h2{width:100%;margin-top:0;font-size:30px}
	#banner .slick-slide p{width:100%}
	#TJtime .timeJbar .timebarJ01 .h2{padding:0 18px 0 10px;font-size:26px}
	#TJtime .timeJbar .timebarJ02 p{font-size:22px;width:73%}
}
@media (max-width:980px){
	#banner .slick-slide >a{animation:unset;background-size:cover;background-position: 47% 50%;margin-top:32px}
	#banner .slick-slide >a img{height:650px}
	.letters{gap:3px;}
}
@media (max-width:768px) {
	#TJtime .timeJbar{display:flex;flex-direction:column}
	#TJtime .timeJbar .timebarJ01 .h2{font-size: 21px;}
	#TJtime .timeJbar .timebarJ02 p{font-size:19px;margin-top:18px;width: 100%;display: none;}
	#banner .slick-slide .h2 { font-size:30px; }
	#banner .slick-slide p { margin-top:30px; }
	#banner .slick-slide .art {width: calc(100% - 100px);padding: 31px;bottom: auto;top: 10px;}
	#banner .slick-slide b {font-size: 16px;width: 156px;}
	#banner .slick-slide b:before{top: 22px;}
	#banner .slick-slide b:after{top: 22px;}
	#banner .slick-slide .art p.ovobtext, #banner .slick-slide .h2{font-size: 33px;display: flex;flex-direction: column;align-items: flex-start;}
}
@media (max-width:640px) {
	#banner {margin-top: 64px;}
	#banner .slick-slide .h2 {font-size: 37px;margin-top: 20px;}
	#banner .slick-slide p {margin-top:20px;font-size: 16px;}
	#banner .slick-slide .h2:before{left: 86px;}
}
@media (max-width:480px) {
	#banner{margin-top: 55px;}
	#banner .slick-slide .art p.ovobtext, #banner .slick-slide .h2{font-size: 29px;}
	#banner .slick-slide .litext{font-size: 14px;}
	#banner .slick-slide >a{background-position: 32% 50%;}
	#banner .slick-slide .h2:before{left: 75px;}
	#banner .slick-slide .art {width: calc(100% - 15px);background:none;padding: 12px 0px 54px 21px;top: 23px;}
	#banner .slick-slide .h2 {font-size: 32px;}
	#banner .slick-slide p {letter-spacing: 0;margin-top: 2px;}
	#banner .slick-slide p.ml11{margin-bottom: 20px;}
	#banner .slick-slide a img {padding:30px 0;height: 290px;}
	#banner .slick-dots li { margin:0; }
}