@font-face {
  font-family: 'NotoSansJPThin';
  src: url('../fonts/NotoSansJP-Thin.otf');
}
@font-face {
  font-family: 'SourceHanSansJPLight';
  src: url('../fonts/SourceHanSansJP-Light.otf');
}
.SourceHanSansJPLight{
	font-family: 'SourceHanSansJPLight';
}
.yjftNotoSansJPThin{
	font-family: 'NotoSansJPThin';
}
body {
  font-size: 14px;  line-height: 26px;  font-family: "NOTOSANSJP-REGULAR";  color: #000;transition:all ease .4s;
  background-color: #4A4A4A;  overflow: hidden;}

.yj_pc{	display:block;}
.yj_mh{	display:none !important;}
.fize14{	font-size:0.73222vw;}
.fize16{	font-size:0.837vw;}
.fize18{	font-size:0.94142vw;}
.fize24{	font-size:1.25523vw;}
.fize36{	font-size:1.883vw;}
.fize72{	font-size:3.76569vw;}
.line20{	line-height:1.0467vw;}
.line25{line-height:1.308vw;}
.line44{	line-height:2.302vw;}
.line30{	line-height:1.56904vw;}
.line32{	line-height:1.674vw;}
.line50{	line-height:2.6156vw;}
.line80{	line-height:4.1841vw;}
.line36{	line-height:1.883vw;}



.yj_1{
	width:100%;height:100vh;background:#000;
}
#yj_1top{	height:75px;line-height:75px;}
#yj_1top>img{
	width:10vw;padding-left:1.5vw;display:inline-block;
}
#yj_1body{width:100%;height:calc(100vh - 75px);
	background:#E6E6E6;
	display:flex;justify-content: space-between;
}
.yj_1bodyleft{	width:68.95833%;height:100%;	background:url(../images/banner.jpg) no-repeat right;	background-size:auto 100%;        object-fit: cover;}
.yj_1bodyleft>p{	padding:2.877vw 0 0 3vw;}
.yj_1bodyleft>p span{	margin-right: -0.25em;}

.animate-char {  display: inline-block;  
}
.carousel-container {    position: relative;    width: 30.92%;    height: 100%;    overflow: hidden;
}
 .carousel {            display: flex; flex-direction: column;            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            width:100%;height:100%;        }
.slide>p{
	position:absolute;color:#FFF;	left:4vw;top:5.5vw;	font-size:2.0922vw;line-height:3.1388vw;}
 .slide {
            min-width: 100%;
            height: 100%;
            position: relative;background: #fff;
        }
.slidebodyy{	overflow: hidden;height: calc(100vh - 75px - 3vw);
        margin: 1.5vw;}
 .slide img {		 display: block;
        width: 100%;height: auto;
             
    }   
.banneri{
	width: 100% !important;position:absolute;top:0;left:0;z-index:1;
        height: calc(100vh - 75px) !important;
        object-fit: fill !important;
    }	
	.player{
		position:absolute;bottom:5vw;right:5vw;z-index:2;cursor:pointer;width:3vw !important;
	}
 .slide-content {  
 height: calc(100vh - 75px - 50.436vh - 3vw );
    color: white;    width:100%;	overflow-y: auto;   
	}
 .slide-content p{
		 color:#666;padding: 0.25vw 0.5vw;		 font-size:0.73222vw;line-height:1.308vw; font-family: 'SourceHanSansJPLight';
	 }	
 .slide-title {
            background:#FEF991;
    color:#000;
	padding:0.261675vw 0 0.261675vw 0.52335vw;letter-spacing: 0.04em;
	margin-top:0.785vw;margin-bottom: 0.4vw; font-family: 'SourceHanSansJPLight';
        }
 .nav-btn {
           height: 0px;  border-radius: 50%;            background: rgba(255, 255, 255, 0.2);            border: 2px solid white;
            color: white;  font-size: 20px;            cursor: pointer;            display: flex;            justify-content: center;            align-items: center;
            transition: all 0.3s ease;   backdrop-filter: blur(10px); display:none; 
        }
	.slide video{		width:100%;height:calc(100vh - 75px);object-fit: cover;
	}		
#yj_2{	width:97vw;	display:flex;	justify-content: space-between;
    align-items: center;	margin:0 auto;	margin-top:3.923vw;
	margin-bottom:3.923vw;
}
#yj_2 li{display:block;position:relative;border-radius: 0.5vw;
        overflow: hidden;
width:23.693vw;}

.yj_2fotb{position:absolute;bottom:1.5vw;width:100%;left:0;}
.yj_2fotb a{
	display:block;float:right;background:#000;color:#fff;width:5.7533vw;border-radius: 3vw;text-align:center;letter-spacing: 0.026vw;margin-right:1.5vw;
	font-family: 'NotoSansJPThin';
}
.yj_2fotb a:hover{
	color:#000;background:#FEF991;
}
.yj_2fotb span{text-indent: 2.354vw;font-family: 'NotoSansJPThin';
    display: inline-block;}
#yj_2 li>img{width:100%;display: block;transition: transform 0.3s ease;}
#yj_2 li:hover img{	transform: scale(1.2);}
#yj_3{	width:97vw;margin:0 auto;}
#yj_3>a>p{	color:#fff;}
#yj_3 .swiper {	padding: 5.5977vw 0 0 0;}
#yj_3 .swiper-slide{	width:31.904vw;border-radius: 0.5vw;        overflow: hidden;}
#yj_3 .swiper-slide img{width:100%;display: block; transition: filter 0.3s ease; 
  filter: brightness(80%); }
 #yj_3 .swiper-slide:hover img{  filter: brightness(100%); }
#yj_3 .swiper-button-next, #yj_3 .swiper-button-prev{
	width:2.4589vw;height:2.4589vw;top:0;margin-top:0;
}
#yj_3 .swiper-button-prev, #yj_3 .swiper-rtl .swiper-button-next {    left: auto;
    right: 2.7209vw;
}
#yj_3 .swiper-button-next, #yj_3 .swiper-rtl .swiper-button-prev {    right: 0;    left: auto;}
#yj_3 .swiper-button-next img, #yj_3 .swiper-button-prev img{	width:100%;}
#yj_3 .swiper-button-next:after, #yj_3 .swiper-rtl .swiper-button-prev:after {    content: "" !important;}
#yj_3 .swiper-button-prev:after, #yj_3 .swiper-rtl .swiper-button-next:after {
    content: "" !important;
}
.yj3txt{width:100%;background:#363636;padding:1.674vw 2.354vw 1.674vw 2.354vw;}
.yj3txt p{color:#fff;font-size:0.94142vw;line-height:1.151vw;	 display: -webkit-box;font-family: 'NotoSansJPThin';  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; transition:all ease .4s;  overflow: hidden;  text-overflow: ellipsis;}
.yj3txt span{color:#fff;line-height:300%;font-size:0.837vw;
width:100%;display:block;overflow: hidden;font-family: 'NotoSansJPThin';
    white-space: nowrap;
    text-overflow: ellipsis;transition:all ease .4s;
}
 #yj_3 .swiper-slide:hover p{
  font-weight:bold;
}
 #yj_3 .swiper-slide:hover span{
  font-weight:bold;
}
.newsnore{display:none;}
#yj_4{	width:100%;margin-top:7.27vw;}
#yj_4>img{	width:59.584vw;display: block;float: left;}
#yj_4show{float:right;width:36.459vw;padding-right:1.5vw;}
#yj_4show>p{line-height:200%;color:#fff;}
#yj_4show>span{color:#c6c6c6;}
#yj_4show ul li{	border-bottom:1px solid #666;}
#yj_4show ul li a{	font-size:0.94142vw;line-height:4.1841vw;color:#fff;font-family: 'NotoSansJPThin';}
#yj4link{	color:#323232;background:#FEF991;border:1px solid #000;border-radius:0.1vw;text-align:center;height:3.923vw;
	line-height:3.923vw;	margin-top:2.825vw;border-radius: 0.5vw;}
#yj4link:hover{	color:#FEF991;background:#000;border:1px solid #fff;}
#yj_5{	width:100%;background:#242424;padding-bottom:1.151vw;}
#yj_5 img{display:block;margin:0 auto;width:12.71vw;padding-top: 2.877vw;padding-bottom:2.0923vw;}
#yj_5 span{text-align:center;display:block;color:#fff;padding-bottom:1.25523vw;
font-weight:100;opacity:0.8;}