@font-face {
  font-family: "JetBrainsMono-ExtraLight";
  src: url("../font/JetBrainsMono-ExtraLight.woff2");
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../font/NotoSansJP-Bold.otf");
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../font/NotoSansJP-Regular.otf");
}
@font-face {
  font-family: "NotoSansJP-Thin";
  src: url("../font/NotoSansJP-Thin.otf");
}
@font-face {
  font-family: "NotoSansJP-Light";
  src: url("../font/NotoSansJP-Light.otf");
}
@font-face {
  font-family: "JetBrainsMono-Thin";
  src: url("../font/JetBrainsMono-Thin.woff2");
}
@font-face {
  font-family: "SG19";
  src: url("../font/SG19.TTF");
}

/* @font-face { */
  /* font-family: "LucidaCalligraphyItalic"; */
  /* src: url("../font/Lucida Calligraphy Italic.ttf"); */
/* } */
/* @font-face { */
  /* font-family: "NotoSansJP-Medium"; */
  /* src: url("../font/NotoSansJP-Medium.otf"); */
/* } */

/* @font-face { */
  /* font-family: "NotoSansJP-Black"; */
  /* src: url("../font/NotoSansJP-Black.otf"); */
/* } */

/* @font-face { */
  /* font-family: "AkzidenzGrotesk-Bold"; */
  /* src: url("../font/AkzidenzGrotesk-Bold.otf"); */
/* } */
/* @font-face { */
  /* font-family: "AkzidenzGrotesk-Medium"; */
  /* src: url("../font/AkzidenzGrotesk-Medium.otf"); */
/* } */

/* @font-face { */
  /* font-family: "YuGothR"; */
  /* src: url("../font/YuGothR.ttc"); */
/* } */
/* @font-face { */
  /* font-family: "YuGothM"; */
  /* src: url("../font/YuGothM.ttc"); */
/* } */
/* @font-face { */
  /* font-family: "YuGothL"; */
  /* src: url("../font/YuGothL.ttc"); */
/* } */
/* @font-face { */
  /* font-family: "YuGothB"; */
  /* src: url("../font/YuGothB.ttc"); */
/* } */
/* @font-face { */
  /* font-family: "NotoSansJP-Light"; */
  /* src: url("../font/NotoSansJP-Light.otf"); */
/* } */
* {
  margin: 0;
  padding: 0;
  
}
li {
  padding: 0;
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input,
select,
option,
textarea {
  outline: none;
}
.clear {
  clear: both;
  float: none !important;
}

html {
  scroll-behavior: smooth;
}
body {
	font-size: 0.265vw;
    line-height: 1.35vw;
  margin: 0;
  padding: 0;
  background:#000000;
}
img {
  margin: 0px;
  padding: 0px;
  border: none;
  display:block;
}
.cli_mhb{
		display:none !important;
	}
	.cli_pcb{
		display:block;
	}
.w1400{width:73.2vw;}


#snap-container {
            height: 100vh; 
            overflow-y: scroll;
            scroll-snap-type: y mandatory; 
            scroll-behavior: smooth;
           
            scrollbar-width: none; 
            -ms-overflow-style: none;
        }
        #snap-container::-webkit-scrollbar {
            display: none;
        }

      
        .snap-section {
            height: 100vh;
            width: 100%;
            scroll-snap-align: start;
            position: relative;
           
            overflow: hidden;
        }
	
	
	.d1{
		width:100%;height:100vh;
		position:relative;
	}
	    .header .menu-toggle {
        display: none;
    }
	.header .nav {
    float: right;
    display: flex;
    position: relative;
    margin-right: 86px;
  }
  .navbodyd_d {
    display: flex;
}
  .header .nav li{
    position: relative;
    margin-left: 44px;
  }
  
  .header .nav a {
    display: block;
   letter-spacing: 0.17em;
    font-size: 16px;
    line-height: 90px;
    font-weight: 500;
    font-family: "Noto Sans JP";
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all 0.5s;
  }
  .header .nav a:hover{color:#27c94e;}
  .header .nav .itemList{
    position: absolute; width: 150px; background-color: #000; padding: 10px 0;  display: none;
    left: 50%; top: 90px; transform: translateX(-50%);
  }
  .header .nav .itemList03{ width: 200px;}
  .header .nav .itemList a{
    display: block;
    line-height: 40px;
    text-align: center;letter-spacing:0;
  }
  .header .nav li:hover .itemList{
    display: block;
  }
	.head{
		width:100%;
	}
	.nav a img{display:none;}
	.d1 .bg-video{
		position:absolute;
		left:0;top:0;
		width: 100%;
    height: 100%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d1top{
		width:100%;
		background:url(../images/topbg.png) no-repeat;
		background-size:100% 100%;
		
		align-items:center;
	}
	.d1top>img{
		width:7.657vw;
		height:auto;float: left;
		padding:1.25523vw 0;padding-left:4.45vw;
	}
	.bannertxt{
		position:absolute;
		left:10vw;top:11.51vw;
		width:19.927vw;
	}
	.d1>p{
		position:absolute;
		left:10vw;top:20.5vw;
		 font-family: "NotoSansJP-Thin";color:#fff;
		 font-size:2.5vw;
		 line-height:175%;
	}
	.no1{
		width:18.386vw;
		position:absolute;left:11vw;top:32.66vw;
	}
	.d1txtright{
		position:absolute;bottom:5.55vw;right:9.23vw;
		display:flex;align-items:center;justify-content:center;
		width:31.355vw;height:5.37vw;
		background:url(../images/bannerrimg.png);
		background-size:100% 100%;
	}
	
	.d1txtright p{
		font-family: "NotoSansJP-Thin";color:#fffff6;
		font-size:1.25523vw;text-align:center;line-height:200%;
	}
	 
	.d2{
		width:100%;height:100vh;
		position:relative;
	}
	.d2 .bg-video{
		position:absolute;
		left:0;top:0;
		width: 100%;
    height: 100%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d3{
		width:100%;height:100vh;
		position:relative;
	}
	.d3 .bg-video{
		position:absolute;
		left:0;top:0;
		width: 100%;
    height: 100%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d4{
		width:100%;height:100vh;
		position:relative;
	}
	.d4 .bg-video{
		position:absolute;
		left:0;top:0;
		width: 100%;
    height: 100%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d41{
		width:100%;height:100vh;
		position:relative;
	}
	.d41 .bg-video{
		position:absolute;
		left:0;top:0;
		width: 100%;
    height: 100%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	

	
	.d2 p{
		 font-family: "NotoSansJP-Bold";color:#fff;
		 font-size:1.883vw;line-height:150%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d3 p{
		 font-family: "NotoSansJP-Bold";color:#fff;
		 font-size:1.883vw;line-height:150%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d4 p{
		 font-family: "NotoSansJP-Bold";color:#fff;
		 font-size:1.883vw;line-height:150%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d41 p{
		 font-family: "NotoSansJP-Bold";color:#fff;
		 font-size:1.883vw;line-height:150%;padding-left:10vw;
	}
	.d2 span{
		display:block;
		font-family: "NotoSansJP-Thin";color:#c3c3c3;
		font-size:0.732vw;line-height:200%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d3 span{
		display:block;
		font-family: "NotoSansJP-Thin";color:#c3c3c3;
		font-size:0.732vw;line-height:200%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d4 span{
		display:block;
		font-family: "NotoSansJP-Thin";color:#c3c3c3;
		font-size:0.732vw;line-height:200%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d41 span{
		display:block;
		font-family: "NotoSansJP-Thin";color:#c3c3c3;
		font-size:0.732vw;line-height:200%;padding-left:10vw;padding-top: 2.5vw;
	}
	.d2 .d15img{
		width:17.813vw;
		padding-left:10vw;
		padding-top:5.4vw;
	}
	.d3 .d15img{
		width:17.813vw;padding-left:10vw;padding-top:5.4vw;
	}
	.d4 .d15img{
		width:17.813vw;padding-left:10vw;padding-top:5.4vw;
	}
	.d41 .d15img{
		width:17.813vw;padding-left:10vw;padding-top:5.4vw;
	}
	
	
.d5{
	width:100%;
	
	background:url(../images/05bg.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	padding-top:3vw;
}
.d5>p{
	font-family: "NotoSansJP-Regular";color:#fff;
	font-size:4.69vw;line-height:100%;
	position:absolute;
	width:100%;
	left:0;bottom:7vw;text-align:center;
}
.d5>img{
	float:right;
	width:50.053vw;
	padding-right:11vw;
}
.d5>p>i{
	font-style:normal;
	color:#27c94e;
}
.d5txt{
	float:left;
	padding-top:6vw;
	padding-left:10vw;
}
.d5txt>i{
	  font-family: "JetBrainsMono-ExtraLight";color:#27c94e;
	  font-size:0.732vw;line-height:200%;font-style:normal;
}
.d5txt>img{
	width:18.542vw;
	padding:1vw 0 2vw 0;
}
.d5txt>span{
	  font-family: "NotoSansJP-Thin";color:#fff;
	  font-size:0.837vw;line-height:150%;
	 
}
.d6{
	margin:0 auto;
	margin-bottom:6vw;
}
.d6body{
	width:100%;
	display:flex;
	    justify-content: space-between;
		flex-wrap: wrap;
}
.d6body li{
	
	width:23.49vw;
	height:23.698vw;
	margin-top:3vw;
	position:relative;
	transition:all ease .4s;
	border-radius:1.5vw;
	
}


.d6body li strong{
	font-weight:normal;
	font-family: "NotoSansJP-Thin";color:#fff;
	font-size:2.5vw;line-height:150%;
}
.d6body li h1{
	font-weight:normal;
	 font-family: "JetBrainsMono-Thin";color:#27c94e;
	 font-size:4.69vw;line-height:75%;
	 width:89%;margin:0 auto;
	 padding-top: 2vw;
}
.d6body li h1 i{
	font-style:normal;
	font-size:3.138vw;
}
.d6body li p{
	font-family: "NotoSansJP-Thin";color:#fff;
	font-size:1.25523vw;line-height:150%;
	width:86%;margin:0 auto;
}
.d6body li p i{
	color:#27c94e;
	font-style:normal;
	
}


.d6body li:hover{
	box-shadow: 0 0 10px white, 0 0 20px rgba(255, 255, 255, 0.5);
}
.d6body li:nth-child(1){
	background:url(../images/06iimg.png) no-repeat;
	background-size:100% 100%;
}
.d6body li:nth-child(2){
	background:url(../images/06iimg2.png) no-repeat;
	background-size:100% 100%;
}.d6body li:nth-child(3){
	background:url(../images/06iimg3.png) no-repeat;
	background-size:100% 100%;
}.d6body li:nth-child(4){
	background:url(../images/06iimg4.png) no-repeat;
	background-size:100% 100%;
}.d6body li:nth-child(5){
	background:url(../images/06iimg5.png) no-repeat;
	background-size:100% 100%;
}.d6body li:nth-child(6){
	background:url(../images/06iimg6.png) no-repeat;
	background-size:100% 100%;
}
.d6body li:nth-child(2) p{
	text-align:center;    padding-top: 3vw;

}
.d6body li:nth-child(3) p{
	text-align:center;padding-top: 3vw;
}
.d6body li:nth-child(2) strong{
	text-align:center;display:block;
}
.d6body li:nth-child(5) p{
	text-align:center;padding-top: 1.5vw;
}
.d6body li:nth-child(6) p{
	text-align:center;padding-top: 1.5vw;
}

.d7{
	margin:0 auto;
}
.d7body{
	width:100%;
	display:flex;
	    justify-content: space-between;
		margin:2vw 0 6vw 0;
}
.d7body li{
	width:13.907vw;
	height:24.688vw;
	display:flex;
	    flex-direction: column;
		justify-content:flex-end;
		position:relative;
		border-radius: 1.5vw;
		overflow:hidden;
}


.d7body li::before {
    content: "";
    position: absolute;
    bottom: -0.1vw;
    left: -0.1vw;
    width: 0;
    height: 0;
   
    
    background:url(../images/d6jiao.png) no-repeat;
    
    background-size:100% 100%;
   
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    
 
    transition: width 0.3s ease, height 0.3s ease;
    z-index: 10;
  }
.d7body li:hover::before {
    width: 3vw;  
    height: 3vw;
  }

.d7body li:nth-child(1){
	background:url(../images/07iimg1.png);
	background-size:100% 100%;
}
.d7body li:nth-child(2){
	background:url(../images/07iimg2.png);
	background-size:100% 100%;
}
.d7body li:nth-child(3){
	background:url(../images/07iimg3.png);
	background-size:100% 100%;
}
.d7body li:nth-child(4){
	background:url(../images/07iimg4.png);
	background-size:100% 100%;
}
.d7body li:nth-child(5){
	background:url(../images/07iimg5.png);
	background-size:100% 100%;
}
.d7body li p{
	 font-family: "NotoSansJP-Regular";color:#fff;
	 font-size:1.25523vw;line-height:150%;text-align:center;
}
.d7body li span{
	font-family: "NotoSansJP-Thin";color:#000;transition:all ease .4s;
	font-size:0.837vw;line-height:200%;text-align:center;display:block;padding-bottom:2vw;
	padding-top:0.5vw;
}
.d7body li:nth-child(4) span{
	padding-top:1vw;
}
.d7body li:nth-child(5) span{
	padding-top:1vw;
}
.d7body li:hover span{
	padding-bottom:3vw;
}




.d8{
	width:100%;
	background:url(../images/08bg.png) no-repeat center;
	background-size:100% 100%;
	margin:3vw 0;
	padding-top:2vw;
}
.d8body{
	margin:0 auto;	
}
.d8show{
	width:100%;
	position:relative;
	height: 42vw;
	    margin-top: 6vw;
}
.d8show>div>p{
	font-family: "JetBrainsMono-Thin";
	color:#fff;
	font-size:4.69vw;
	line-height:100%;
	text-align:center;
}
.d8show>div>p>i{
	font-size:2.5vw;
	font-style:normal;
}
.d8show>div{
	position:absolute;
	display:flex;
	cursor:pointer;
	    flex-direction: column;
		    align-items: center;
    justify-content: center;
}
.d8showli1{
	width:19.02vw;
	height:19.02vw;
	left:0;top:6vw;
	background:url(../images/08iimg2.png) no-repeat;
	background-size:100% 100%;
}
.d8showli1:hover{
	background:url(../images/08iimg2h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli1:hover span{
	display:block;
}
.d8showli2{
	width:16.36vw;
	height:16.36vw;
	left:23vw;top:2vw;
	background:url(../images/08iimg3.png) no-repeat;
	background-size:100% 100%;
}
.d8showli2:hover{
	background:url(../images/08iimg3h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli3{
	width:13.08vw;
	height:13.08vw;
	left:44vw;top:0;
	background:url(../images/08iimg5.png) no-repeat;
	background-size:100% 100%;
}
.d8showli3:hover{
	background:url(../images/08iimg5h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli4{
	width:15.47vw;
	height:15.47vw;
	left:18vw;top:20vw;
	background:url(../images/08iimg1.png) no-repeat;
	background-size:100% 100%;
}
.d8showli4:hover{
	background:url(../images/08iimg1h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli5{
	width:19.011vw;
	height:19.011vw;
	left:37vw;top:19vw;
	background:url(../images/08iimg6.png) no-repeat;
	background-size:100% 100%;
}
.d8showli5:hover{
	background:url(../images/08iimg6h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli5:hover span{
	display:block;
}
.d8showli6{
	width:16.3545vw;
	height:16.3545vw;
	right:0vw;top:10vw;
	background:url(../images/08iimg4.png) no-repeat;
	background-size:100% 100%;
}
.d8showli6:hover{
	background:url(../images/08iimg4h.png) no-repeat;
	background-size:100% 100%;
}
.d8showli6:hover span{
	display:block;padding-bottom: 3vw;
}

.d8show>div>i{
	color:#fff;line-height:150%;
	font-size:2.5vw;
	font-style:normal;
	font-family: "JetBrainsMono-ExtraLight";text-align:center;
}
.d8show>div>span{
	font-family: "NotoSansJP-Thin";line-height:150%;color:#fff;text-align:center;
	font-size:1.25523vw;
	
}
.d8showli1 span{
	display:none;
}
.d8showli5 span{
	display:none;
}
.d8showli6 span{
	display:none;
}
.d8showli2 span{
	display:block;
}
.d8showli6>i{
	font-size:1.25523vw !important;font-family: "NotoSansJP-Thin" !important;
}


.d8body>p{
	font-family: "NotoSansJP-Regular";
	line-height:150%;
	font-size:3.138vw;text-align:center;color:#fff;
}
.d8body>p>i{
	font-style:normal;color:#27c94e;
}
.d8body>span{
	display:block;
	font-family: "NotoSansJP-Thin";
	color:#c3c3c3;
	font-size:1.25523vw;text-align:center;
	line-height:175%;
}
.d8body>span>i{
	font-style:normal;color:#27c94e;
}


.d9{
	margin:0 auto;	
}
.d9>img{
	margin:0 auto;
	width:66.67vw;
	margin-top:3vw;margin-bottom:4vw;transition:all ease .4s;
}
.d9>img:hover{
	filter: brightness(1.3);
}
.d0{
	margin:0 auto;
}
.d0body{
	width:100%;
	margin-top:4vw;
	margin-bottom:10vw;
}
.d0body li{
	width:100%;
	margin-bottom:6vw;
}
.d0body li img{
	width:40.63vw;
	transition:all ease .4s;
	
}
.d0body li:hover img{
	filter: brightness(1.4);
}
.d0body li .d0litxt,.d0body li img{
	float:left;
}
.d0body li:nth-child(2n+1) .d0litxt,.d0body li:nth-child(2n+1) img{
	float:right;
}

.d0litxt{
	width:calc(100% - 45.63vw);
	margin-left: 5vw;
	margin-top:6vw;
}
.d0body li:nth-child(4) .d0litxt{
	margin-top:4vw;
}
.d0litxt>i{
	font-style:normal;
	font-family: "JetBrainsMono-ExtraLight";
	color:#27c94e;
	font-size:0.732vw;line-height:100%;
}
.d0litxt p{
	 font-family: "NotoSansJP-Bold";
	 color:#fff;
	 font-size:1.883vw;line-height:200%;
}
.d0litxt p i{
	font-style:normal;color:#27c94e;
}
.d0litxt span{
	font-family: "NotoSansJP-Thin";
	color:#c3c3c3;
	font-size:0.837vw;line-height:200%;display: block;
    padding-top: 1em;
	letter-spacing:0.1em;
}
.s1{
	margin:0 auto;
}
.s1body{
	width:100%;
	position:relative;
}
.s1body>img{
	width:100%;
	margin-top:2vw;
}
.s1body>p{
	position:absolute;
	bottom:1vw;width:100%;left:0;
	font-family: "NotoSansJP-Light";color:#fff;transition:all ease .4s;
	font-size:1.25523vw;line-height:300%;text-align:center;
}
.s1body:hover p{
	bottom:1.5vw;
}
.s1show{
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-top:2vw;
		margin-bottom:5vw;
}
.s1showli{
	width:22.92vw;
	position:relative;
}
.s1showli p{
	position:absolute;
	bottom:0;width:100%;left:0;
	font-family: "NotoSansJP-Thin";color:#fff;transition:all ease .4s;
	font-size:1.25523vw;line-height:300%;text-align:center;
}
.s1showli img{
	border-radius:1.5vw;transition:all ease .4s;
	width:100%;
}

.s1showli:hover p{
	bottom:0.5vw;
}
.s1showli:hover img{
	box-shadow: 0 0 10px white, 0 0 20px rgba(255, 255, 255, 0.5);
    
}
.s2{
	margin:0 auto;
}
.s2>p{
	font-family: "NotoSansJP-Light";
	font-size:0.837vw;
	color:#c3c3c3;line-height:500%;text-align:center;
	padding: 3vw 0 5vw 0;
}
.s2body{
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-top:1.4vw;
}
.s2body>li{
	width:17.24vw;
	height:15.21vw;
	background:url(../images/12bg.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	flex-direction: column;
		justify-content:flex-end;
		align-items: center;
}
.s2body>li img{
	transition:all ease .4s;
}
.s2body>li:nth-child(1) img{
	width:6.2vw;
	height:auto;
	padding-bottom: 2vw;
}
.s2body>li:nth-child(2) img{
	width:5.47vw;
	height:auto;
	padding-bottom: 2vw;
}
.s2body>li:nth-child(3) img{
	width:4.9vw;
	height:auto;
	padding-bottom: 2vw;
}
.s2body>li:nth-child(4) img{
	width:3.855vw;
	height:auto;
	padding-bottom: 2vw;
}
.s2body>li:hover img{
	padding-bottom:2.5vw;
}
.s2body>li p{
	font-family: "NotoSansJP-Thin";text-align:center;
	font-size:1.042vw;
	color:#ffffff;line-height:150%;
	height: 5.8vw;
}

.s3{
	width:100%;
	position:relative;
}
.s3>img{
	width:100%;
}
.s3body{
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-36.6vw;
}
.s3body>p{
	font-family: "NotoSansJP-Bold";
	color:#fff;
	line-height:250%;
	font-size:1.883vw;
	padding-top: 2.5vw;
}
.s3body>span{
	 font-family: "NotoSansJP-Thin";
	 color:#fff;
	line-height:200%;
	display:block;
	font-size:0.837vw;
}
.s3body>i{
	font-family: "NotoSansJP-Light";
	display:block;
	font-style:normal;
	line-height:400%;
	color:#c3c3c3;
	font-size:0.837vw;
	text-align:right;
	padding-top: 23vw;
	width:100%;
	margin-left: 7vw;
}
 



.s4{
	margin:0 auto;
}
.s5{
	margin:0 auto;
}
.title2{
	width:100%;
	background:url(../images/06dian.png) no-repeat center;
	background-size:100%;
	padding: 5vw 0;
}
.title3{
	width:100%;
	background:url(../images/06dian.png) no-repeat center;
	background-size:100%;
	padding: 2vw 0 5vw 0;
}
.title4{
	width:100%;
	background:url(../images/06dian.png) no-repeat center;
	background-size:100%;
	padding: 4vw 0 4vw 0;
}
.title1{
	width:100%;
	background:url(../images/06dian.png) no-repeat center;
	background-size:100%;
	padding: 6vw 0;
}
.title2>span{
			font-family: "JetBrainsMono-ExtraLight";
			text-align:center;
			display:block;
			color:#27c94e;
			line-height: 200%;
	font-size:0.732vw;
}
.title3>span{
			font-family: "JetBrainsMono-ExtraLight";
			text-align:center;
			display:block;
			color:#27c94e;
			line-height: 300%;
	font-size:0.732vw;
}
.title2>p{
			font-family: "NotoSansJP-Bold";
			text-align:center;
	color:#ffffff;
	line-height: 150%;
	font-size:3.138vw;
}
.title4>p{
			font-family: "NotoSansJP-Bold";
			text-align:center;
	color:#ffffff;
	line-height: 150%;
	font-size:3.138vw;
}
.title3>p{
			font-family: "NotoSansJP-Bold";
			text-align:center;
	color:#ffffff;
	line-height: 200%;
	font-size:3.138vw;
}
.title1>p{
			font-family: "NotoSansJP-Bold";
			text-align:center;
	color:#ffffff;
	line-height: 150%;
	font-size:3.138vw;
}
.title2>p>i{
	color:#27c94e;
	font-style:normal;
}
.title4>p>i{
	color:#27c94e;
	font-style:normal;
}
.title3>p>i{
	color:#27c94e;
	font-style:normal;
}
.title1>i{
	display:block;
	font-style:normal;
	font-family: "NotoSansJP-Light";
	text-align:center;
	line-height: 250%;
	color:#c3c3c3;
	font-size:1.25523vw;
}
.title3>i{
	display:block;
	font-style:normal;
	font-family: "NotoSansJP-Light";
	text-align:center;
	line-height: 250%;
	color:#c3c3c3;
	font-size:1.25523vw;
}
.title3>i>strong{
	color:#27c94e;
	font-style:normal;font-weight: normal;
}
.s4>img{
	margin:0 auto;
	width:100%;
	border-radius: 1.5vw;
	margin-top:2vw;
	margin-bottom:6vw;
}
.s5_ul{
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-top:5vw;
}
.s5_ul li{
	width:23.484vw;
	height:27.459vw;
	display:flex;
	    flex-direction: column;
		justify-content:flex-end;
}
.s5_ul li:nth-child(1){
	background:url(../images/15iimg1h.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li:nth-child(1):hover{
	background:url(../images/15iimg1.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li:nth-child(2){
	background:url(../images/15iimg2h.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li:nth-child(2):hover{
	background:url(../images/15iimg2.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li:nth-child(3){
	background:url(../images/15iimg3h.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li:nth-child(3):hover{
	background:url(../images/15iimg3.png) no-repeat;
	background-size:100% 100%;
}
.s5_ul li p{
	font-family: "NotoSansJP-Regular";
	text-align:center;
	line-height:200%;
	color:#fff;
	font-size:1.25523vw;
}
  .s5_ul li span{
	   font-family: "NotoSansJP-Thin";
	   color:#666666;
	   display:block;
	   text-align:center;
	   height: 5.4vw;
	   line-height:200%;
	   font-size:0.732vw;
  }
.s6{
	width:100%;
	background:url(../images/16bg.png) no-repeat bottom center;
	background-size:100% auto;
	padding-bottom: 4vw;
	margin-bottom:6vw;
	margin-top:3vw;
}
.s6top{
	width:100%;position:relative;
}
.s6toptxt{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-36.6vw;
}
.s6toptxt p{
	font-family: "NotoSansJP-Regular";color:#fff;
	font-size:3.138vw;line-height:100%;
}
.s6toptxt span{
	font-family: "JetBrainsMono-ExtraLight";color:#27c94e;
	font-size:0.732vw;line-height:300%;
}
.s6top img{
	width:100%;
}
.s6body{
	margin:0 auto;
	display:flex;margin-top:-1vw;
	justify-content: space-between;
}
.s6body ul{
	width:35.42vw;
}
.s6body ul li{
	width:100%;
	border-bottom:1px solid #67768C;
	display:flex;
	justify-content: space-between;
}
.s6body ul li p:nth-child(1){
	font-family: "NotoSansJP-Thin";color:#fff;
	font-size:0.94vw;line-height:350%;
}
.s6body ul li p:nth-child(2){
	 font-family: "NotoSansJP-Light";color:#fff;
	font-size:0.94vw;line-height:350%;
}
.s7{
	margin:0 auto;
	margin-top:3vw;
	margin-bottom:3vw;
	display:flex;
	    justify-content: space-between;
		
		align-items:center;
}
.s7 li{
	width:17.71vw;
	height:21.98vw;
	background:url(../images/17bgh.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	    flex-direction: column;
		justify-content:flex-end;
		align-items: center;
}
.s7 li:hover{
	background:url(../images/17bg.png) no-repeat;
	background-size:100% 100%;
}
.s7 li:nth-child(1) img{
	width:14.011vw;
	padding-bottom: 7vw;transition:all ease .4s;
}
.s7 li:nth-child(1):hover img{
	padding-bottom: 8vw;
}
.s7 li:nth-child(2) img{
	width:7.448vw;
	padding-bottom: 5vw;transition:all ease .4s;
}
.s7 li:nth-child(2):hover img{
	padding-bottom: 6vw;
}
.s7 li:nth-child(3) img{
	width:7.97vw;
	padding-bottom: 5vw;transition:all ease .4s;
}
.s7 li:nth-child(3):hover img{
	padding-bottom: 6vw;
}
.s7 li:nth-child(4) img{
	width:14.38vw;
	padding-bottom: 7vw;transition:all ease .4s;
}
.s7 li:nth-child(4):hover img{
	padding-bottom: 8vw;
}
.s7 li div{
	width:90%;
	margin:0 auto;
	display:flex;
	    justify-content: space-between;
		
		align-items:center;
		margin-bottom:1.2vw;
	
}
.s7 li div span{
	font-family: "NotoSansJP-Thin";display:block;color:#fff;line-height:250%;
	font-size:0.837vw;
}
.s7 li div a{
	display:block;width:6em;
	font-family: "NotoSansJP-Thin";color:#fff;border-radius:5vw;
	font-size:0.94vw;text-align:center;line-height:250%;background:#000;
	transition:all ease .4s;
}
.s7 li:hover div a{
	background:#28C950;
}
.s8{
	margin:0 auto;
	position:relative;
	margin-bottom:5vw;
}
.s8>a>p{
	font-family: "JetBrainsMono-Thin";
	font-size:2.5vw;color:#fff;line-height:400%;
}
 .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      width:23.75vw;
      display: flex;
      justify-content: center;
      align-items: center;
	  background:#161616;
	  border-radius: 2vw;
    }
	 .swiper-slide img{
		 width:100%;
	 }
.newtxt{
	width:86%;
	margin:0 auto;
}
   .newtxt p{
	    font-family: "NotoSansJP-Thin";color:#fff;
		font-size:0.94vw;line-height:200%;padding-top: 0.75em;
   } 
    .newtxt span{
		color:#666666; font-family: "NotoSansJP-Thin";margin-bottom: 2em;padding-top: 1em;
		font-size:0.837vw;line-height:150%;display:block;height: 3em;overflow:hidden;
	}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right: 0 !important;
    top: 5.3vw !important;
	width:2.5vw !important;
	height:2.5vw !important;
	background:url(../images/newright.png) no-repeat;
	background-size:100% 100%;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:auto !important;right:3vw !important;top:5.3vw !important;
	width:2.5vw !important;
	height:2.5vw !important;
	background:url(../images/newleft.png) no-repeat;
	background-size:100% 100%;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content: '' !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content: '' !important;
}
.swiper-slide img{
	transition:all ease .4s;
}
.swiper-slide:hover img{
	border-radius:1.5vw;
}
.footd{
	width:100%;
}
.footd>img{
	width:49vw;
	float:left;
}
.footdbody{
	
	float: left;
    width: 35.42vw;
    margin-left: 2vw;
}
.footd p{
	  font-family: "JetBrainsMono-Thin";
	  color:#fff;
	  font-size:3.75vw;line-height:200%;
}
.footd>a>img{
	width:7.5vw;
	margin:0 auto;
	padding:8vw 0 5vw 0;
}
.footdbody span{
	 font-family: "NotoSansJP-Thin";color:#666666;
	 font-size:0.837vw;line-height:200%;
}
.footdbody ul{
	width:100%;
	margin-top:1vw;
}
.footdbody ul li{
	border-bottom:1px solid #282828;
}
.footdbody ul li a{
	font-size:0.94vw;color:#fff; font-family: "NotoSansJP-Thin";line-height:400%;
	transition:all ease .4s;
}
.footdbody ul li:hover a{
	font-weight:bold;
}
.footlink{
	display:block;
	width:100%;font-family: "NotoSansJP-Thin";background:#161616;border-radius:5px;
	font-size:1.25523vw;color:#fff;line-height:300%;text-align:center;
	margin-top:2.5vw;
}
.footlink:hover{
	background:#28C950;	transition:all ease .4s;
}





/* top */
.d_top{display:block;position:fixed;right:100px;bottom:100px;
	cursor:pointer;width:2.917vw;
}
/* top */

@media screen and (max-width: 1801px) {

}
@media (min-width: 1000px) and (max-width: 1560px) {
 
		
}
@media screen and (max-width: 1601px) {

}
@media screen and (max-width: 1401px) {

	
	
	
	
	
	
}
@media screen and (max-width: 999px) {
body {
	
  margin: 0;
  padding: 0;
}
	.cli_pcb{
		display:none !important;
	}
	.cli_mhb{
		display:block !important;
	}


.w1400{width:6.9rem;}
.s1show{
	flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0.3rem;
}
.s1showli{
	width:3.35rem;margin-top:0.4rem;
}
.s1showli:nth-child(3){
	width:6.9rem;
}
.mhnewlist{
	width:100%;
}
.mhnewlist li{
	width:100%;
	background: #161616;
	border-radius: 0.5rem;margin-bottom: 0.6rem;
}
.mhnewlist li img{
	width:100%;
}
.newtxt p {
	font-size:0.28rem;
}
.s8 {
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.2rem;
	
}
.d0body {
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
}
.d0body li {
    width: 100%;
    margin-bottom: 0.5rem;
}
.newtxt span{
	font-size:0.24rem;padding-bottom: 2em;
}
.swiper-button-prev{
	display:none !important;
}
.swiper-button-next{
	display:none !important;
}
.newtxt {
	width:92%;
}
.s1showli p{
	font-size:0.24rem;
}
.d0litxt>i{
	font-size: 0.18rem;
}
.s1showli:nth-child(3) p{
	width:96%;text-align:right;
}
.d0body li img {
	width:100%;
}
.title1{
	background: url(../images/06dianmh.png) no-repeat center;
    background-size: 100%;padding: 0.6rem 0 0.28rem 0;
}
.s2body>li {
    width: 3.35rem;
    height: 3.35rem;
	margin-top:0.4rem;
}
.s2body>li:nth-child(1) img {
    width: 1.2rem;padding-bottom: 0.6rem;
	
}
.s2body>li:nth-child(2) img {
    width: 1.04rem;padding-bottom: 0.6rem;
	
}
.s2body>li:nth-child(3) img {
    width: 0.95rem;padding-bottom: 0.6rem;
	
}
.s2body>li:nth-child(4) img {
    width: 0.72rem;padding-bottom: 0.6rem;
	
}
.s2>p {
	font-size:0.2rem;padding: 0;
}
.s3body {
	position:static;margin-left:0;margin:0 auto;
}
.s3body>p {
	font-size:0.48rem;padding-top: 0;
}
.s3body>span {
	font-size:0.24rem;
}
.s2body>li p {
	font-size:0.2rem;height: 3em;padding-bottom: 2em;
}
.s3 {
    width: 100%;
    position: relative;
    margin-bottom: 0.6rem;
}
.s2body {
	flex-wrap:wrap;margin-top: 0;
}
.title1>p{
	font-size:0.48rem;
}
.title1>i {
	font-size:0.24rem;
}
.d5txt {
    float: none;
    padding-top: 2rem;
    padding-left: 0.3rem;
	
}
.d5 {
    width: 100%;
    background: url(../images/05bgmh.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
	height: 12.98rem;
	padding-top: 0;
}
.title3{
	background: url(../images/06dianmh.png) no-repeat center;
    background-size: 100% auto;padding: 0.6rem 0 0.4rem 0;
}
.title4>p {
	font-size: 0.48rem;
}
.d9>img {
	 width: 100%;margin-top: 0.2rem;
    margin-bottom: 0.4rem;
}
.d6body li h1 {
	font-size: 0.64rem;padding-top: 0.3rem;
}
.d5txt>span {
	font-size: 0.2rem;line-height: 200%;
}
.s1body>img {
    width: 100%;
    margin-top: 0.2rem;
}
.d5txt>img {
    width: 4.3rem;
    padding: 0.3rem 0 0.4rem 0;
}
.s1body>p {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
   
    color: #fff;
    transition: all ease .4s;
    font-size: 0.24rem;
    line-height: 250%;
}
.d6body li h1 i{
	 font-size: 0.42rem;
 }
 .d6body li p {
	 font-size: 0.2rem;width: 90%;
 }
 .d5txt>i {
	 font-size: 0.16rem;
 }
 .d5>p{
	 font-size: 0.6rem;line-height: 125%;bottom: 0.6rem;
 }
 .d6body li strong{
	 font-size:0.4rem;
 }
 .s6 {
	     width: 100%;
    background: url(../images/16bgmh.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 0;
        margin-bottom: 1rem;
    margin-top: 0.6rem;
 }
 .s6toptxt span {
	 font-size:0.16rem;
 }
 .s6toptxt p {
	 font-size:0.48rem;
 }
 .title2 {
	 background: url(../images/06dianmh.png) no-repeat center;padding: 0.9rem 0;
 }
 .d6body li:nth-child(6) p {
    text-align: left;
	 padding-top: 0.3rem;
}
.d6body li:nth-child(2) p {
    text-align: left;
    padding-top: 0.3rem;
}
.d6body li:nth-child(3) p {
    text-align: left;
    padding-top: 0.3rem;
}
.d6body li:nth-child(5) p {
    text-align: left;
    padding-top: 0.3rem;
}
.d6body li:nth-child(2) strong {
    text-align: left;
    display: block;
	width: 90%;
        margin: 0 auto;
}
 .s4 .title2{
	 padding: 0.4rem 0;
 }
 .s4>img {
    margin: 0 auto;
    width: 100%;
    border-radius: 1.5vw;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
 }
 .s5_ul li {
    width: 5.4rem;
    height: 6.3rem;
	margin-bottom:0.4rem;
 }
 .s5_ul li p {
	 font-size:0.32rem;
	 
 }
 .d8 {
    width: 100%;
    background: url(../images/08bgmh.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0.6rem 0;
    padding-top: 0.6rem;
	
 }
 .d8show {
	 height:14rem;margin-top: 0.5rem;
 }
 .d8body>p {
	 font-size:0.44rem;line-height: 250%;
 }
 .d8body>span {
	 font-size:0.24rem;
 }
 .d8show>div>i {
    color: #fff;
    line-height: 150%;
    font-size: 0.38rem;
	
 }
 .d8showli1 {
    width: 3.68rem;
    height:3.68rem;
	left:0;
	top:3.7rem;
 }
 .d8showli2 {
    width: 3.14rem;
    height: 3.14rem;
	top:0;
	left:0.76rem;
 }
 .d8showli3 {
    width: 2.5rem;
    height: 2.5rem;
	right:0rem;top:1rem;
	left:auto;
 }
 .d8show>div>span {
	 font-size:0.28rem;
 }
 .title4{
 background: url(../images/06dianmh.png) no-repeat center;
    background-size: 100%;padding: 0.3rem 0 0.3rem 0;
}
 .d8showli4 {
    width: 2.96rem;
    height:2.96rem;
	left:0.15rem;
	top:8rem;
 }
 .d8showli6 {
    width: 3.14rem;
    height: 3.14rem;
	right:0.1rem;
	top:5.3rem;
 }
 .d8show>div>p {
	 font-size:0.72rem;
 }
 .d8show>div>p>i {
	 font-size:0.38rem;
 }
 .d8showli6>i {
	 font-size:0.24rem !important;
 }
 .d8showli5 {
    width: 3.66rem;
    height: 3.66rem;
	right:0.14rem;
	top:9.37rem;
	left:auto;
 }
 .s5_ul li span {
	 font-size:0.2rem;line-height: 175%;height: 1.1rem;width: 94%;
        margin: 0 auto;
 }
 .s5_ul {
	 flex-wrap: wrap;justify-content: center;margin-top: 0.3rem;
 }
 .s6body {
	 flex-wrap: wrap;margin-top: -0.4rem;
 }
 .s6body ul {
	 width:100%;
 }
 .s6body ul li p:nth-child(1){
	 font-size:0.24rem;line-height: 300%;
 }
 .s6body ul li p:nth-child(2){
	  font-size:0.24rem;line-height: 300%;
 }
 .s6toptxt {
	 left: 0;
    top: 0;
	width:100%;
	text-align:center;
    margin-left: 0;
 }
 .d41 p {
	 font-size:0.288rem;
	 padding-left: 0.3rem;
 }
 .d4 p {
	 font-size:0.288rem;
	 padding-left: 0.3rem;padding-top: 0.3rem;
 }
 .d3 p {
	 font-size:0.288rem;
	 padding-left: 0.3rem;padding-top: 0.3rem;
 }
 .d2 p {
	 font-size:0.288rem;
	 padding-left: 0.3rem;padding-top: 0.3rem;
 }
 .bannertxt {
    position: absolute;
    left: 0.7rem;
    top: 1.7rem;
	        width: 3.8rem;

}
.d1>p {
    position: absolute;
    left: 0.7rem;
    top: 3.2rem;
    font-family: "NotoSansJP-Thin";
    color: #fff;
    font-size: 0.4rem;
    line-height: 175%;
}
.d1txtright p {
    font-family: "NotoSansJP-Thin";
    color: #fffff6;
    font-size: 0.24rem;
}
.d1txtright {
    position: absolute;
    bottom: 0.2rem;
    right: 50%;
	margin-right:-3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 1rem;
    background: url(../images/bannerrimg.png);
    background-size: 100% 100%;
	
}
.d1 .bg-video {
    position: absolute;
    left: 0;
	top:auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	
}
.no1 {
    width: 3.5rem;
    position: absolute;
    left: 0.7rem;
    top: 5rem;
}
 .d41 .d15img {
    width: 2.72rem;
    padding-left: 0.3rem;
    padding-top: 1rem;
 }
 .d1top>img {
    width: 1.23rem;
    height: auto;
    padding: 0.39rem 0;
    padding-left: 0.4rem;
	
 }
 .d4 .d15img {
    width: 2.72rem;
    padding-left: 0.3rem;
    padding-top: 1rem;
 }
 .d3 .d15img {
    width: 2.72rem;
    padding-left: 0.3rem;
    padding-top: 1rem;
 }
 .d2 .d15img {
    width: 2.72rem;
    padding-left: 0.3rem;
    padding-top: 1rem;
 }
 .d2 span {
	font-size:0.2rem;
	padding-left: 0.3rem;
    padding-top: 0.3rem;
 }
 .d3 span {
	font-size:0.2rem;
	padding-left: 0.3rem;
    padding-top: 0.3rem;
 }
 .d4 span {
	font-size:0.2rem;
	padding-left: 0.3rem;
    padding-top: 0.3rem;
 }
 .d41 span {
	font-size:0.2rem;
	padding-left: 0.3rem;
    padding-top: 0.3rem;
 }
.d0litxt {
    width: 100%;
    margin-left: 0;
   margin-top: 0.5rem;
}
	 .d0litxt p {
		 font-size: 0.48rem;
	 }
	 .d0litxt span{
		  font-size: 0.20rem;
	 }
.title2>span {
	font-size: 0.16rem;
}
.title2>p {
	font-size: 0.48rem;
}
.title3>span {
	font-size: 0.18rem;
}
.d6body li:nth-child(1){
	 background: url(../images/06iimgmh.png) no-repeat;
    background-size: 100% 100%;
 }
 .d6body li:nth-child(2){
	 background: url(../images/06iimg2mh.png) no-repeat;
    background-size: 100% 100%;
 }
 .d6body li:nth-child(3){
	 background: url(../images/06iimg3mh.png) no-repeat;
    background-size: 100% 100%;
 }
 .d6body li:nth-child(4){
	 background: url(../images/06iimg4mh.png) no-repeat;
    background-size: 100% 100%;
 }
 .d6body li:nth-child(5){
	 background: url(../images/06iimg5mh.png) no-repeat;
    background-size: 100% 100%;
 }
  .d6body li:nth-child(6){
	 background: url(../images/06iimg6mh.png) no-repeat;
    background-size: 100% 100%;
 }
 .d6body li {
	 width:3.36rem;
	 height:3.39rem;margin-top: 0.3rem;
 }
.title3>p {
	font-size: 0.48rem;line-height: 150%;
}
.d7body li {
    width: 3.21rem;
    height: 5.69rem;
	margin-bottom:0.24rem;
}
.s3body>i {
	font-size:0.24rem;
	        position: absolute;
        bottom: 0;
        text-align: center;
        margin-left: 0;
        left: 0;line-height: 300%;
}
.s3>img {
    width: 100%;
    margin-top: 0.5rem;
}
.d7body li:nth-child(1) {
    background: url(../images/07iimg1mh.png);
    background-size: 100% 100%;
	
}
.d7body li:nth-child(2) {
    background: url(../images/07iimg2mh.png);
    background-size: 100% 100%;
	
}
.d7body li:nth-child(3) {
    background: url(../images/07iimg3mh.png);
    background-size: 100% 100%;
	
}
.d7body li:nth-child(4) {
    background: url(../images/07iimg4mh.png);
    background-size: 100% 100%;
	
}
.d7body li:nth-child(5) {
    background: url(../images/07iimg5mh.png);
    background-size: 100% 100%;
	width:6.9rem;
	height:3.98rem;
	justify-content: flex-start;
}
.d7body {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0.3rem 0 0.6rem 0;
    flex-wrap: wrap;
}
.d7body li p {
	font-size: 0.28rem;
}
.d7body li:nth-child(5) p{
	text-align: left;
        text-indent: 1em;padding-top: 1em;
}
.d7body li span {
	font-size: 0.24rem;    padding-top: 0.1rem;
}
.d7body li:nth-child(5) span {
 
    text-align: left;
    text-indent: 1.2em;
}
.d6 {
    margin: 0 auto;
    margin-bottom: 0rem;
}
.title3>i {
	font-size: 0.2rem;
}
.footd p {
   
    font-size: 0.72rem;
    line-height: 175%;
    width: 6.9rem;
    margin: 0 auto;
	
}
.s8>a>p {
	font-size:0.72rem;line-height: 250%;
}
.s7 li {
    width: 3.4rem;
    height: 4.2rem;
}
.s7 {
	   flex-wrap: wrap;margin-top: 0;margin-bottom: 0.3rem;
}
.s7 li{
	margin-bottom:0.22rem;
}
.s7 li:nth-child(1) img {
	width: 2.7rem;padding-bottom: 1.5rem;
}
.s7 li:nth-child(1):hover img{
	padding-bottom: 1.5rem;
}
.s7 li:nth-child(2) img {
	width: 1.45rem;
	padding-bottom: 0.8rem;
}
.s7 li:nth-child(2):hover img{
	padding-bottom: 0.8rem;
}
.s7 li:nth-child(4) img {
	width: 2.75rem;padding-bottom: 1.3rem;
}
.s7 li:nth-child(4):hover img{
	padding-bottom: 1.3rem;
}
.s7 li:nth-child(3) img {
	width: 1.55rem;padding-bottom: 1.1rem;
}
.s7 li:nth-child(3):hover img{
	padding-bottom: 1.1rem;
}
.s7 li div {
	margin-bottom: 0.1rem;
}
.s7 li div span {
	font-size:0.24rem;
	    line-height: 125%;
}
.s7 li div a {
	font-size:0.18rem;
	
}
.footd>a>img {
	width:1rem;padding: 0.5rem 0 0.5rem 0;
}
.footdbody span{
	font-size:0.24rem;
	display:block;
	width:6.9rem;margin:0 auto; line-height: 175%;padding-top: 0.6rem;
}
.footdbody ul li a {
    font-size:0.24rem;
}
.footlink {
	font-size:0.28rem;margin-top: 0.68rem;
}
.footdbody {
    float: none;
    width: 6.9rem;
    margin-left: 0;
	margin:0 auto;
}
	.footdbody ul {
    width: 100%;
    margin-top: 0.2rem;
	}
	.footd>img{
    width: 100%;
    float: none;
	
 }
	.d_top{
		right: 0.3rem;
		bottom: 1rem;width: 0.6rem;
	}
	
	
		.d2{
		width:100%;height:100vh;
		position:relative;
	}
	.d2 .bg-video{
		position:absolute;
		left: -6rem;
    bottom: 0;
	top:auto;
    width: 14.5rem;
    height: 50%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d3{
		width:100%;height:100vh;
		position:relative;
	}
	.d3 .bg-video{
		position:absolute;
		left: -6rem;
    bottom: 0;
	top:auto;
    width: 14.5rem;
    height: 50%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d4{
		width:100%;height:100vh;
		position:relative;
	}
	.header .menu-toggle {
    display: flex;
    position: absolute;
    right: 0rem;
    top: 0rem;
    flex-direction: column;
    justify-content: center;
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    background: none;
    z-index: 1001;
  }
  .header .menu-toggle .menu-toggle-bar {
    display: block;
    width: 0.42rem;
    height: 0.04rem;
    background-color: #fff;
    margin: 0.06rem auto;
    transition: all 0.3s ease;
  }
  .header nav {
    position: fixed;
    top: -120vh;
    left: 0%;
    width: 100%;
    height: 100vh;
    padding: 2rem 0.4rem 1rem;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #fff, #f4f4f4);
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    transition: all 0.6s;
    z-index: 1000;
    overflow-y: auto;
  }
  .header .nav a {
    display: block;
    padding-left: 0.3rem;
    font-size: 0.28rem;
    line-height: 0.84rem;
    color: #fff;
    font-weight: 500;
    transition: color 0.3s;
  }
  .header .nav a:hover {
    color: #27c94e;
  }
  .header .nav a[aria-current=page] {
    color: #27c94e;
    border-bottom: 2px solid #27c94e;
  }
  .header nav.active {
    top: 0;
  }
      .header .nav a img {
        float: right;
        display: block;
              padding-right: 0.3rem;
        width: 0.32rem;
        padding-top: 0.28rem;
    }
  .header .nav a {
    display: block;
    width: 7.2rem;
    height: 0.84rem;letter-spacing: 0em;
    border-bottom: 1px solid #eee;
  }
      .navbodyd_d {
        width: 100%;
        display: block;
        margin-top: -0.8rem;
    }
	    #g-nav {
        overflow: hidden;
        position: absolute;
        top: 0.8rem;
        height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0vw;
        width: 100vw;
        background: rgba(0, 0, 0, .9);
        transition: all ease .4s;
        z-index: 999;
    }
	.header .nav li {
  position: unset; 
 margin-left: 0;
	
	}
	    .itemList {
        height: 0px;
        overflow: hidden;
		}
		.header .nav .itemList {
    position: unset;
 display:block;
	width:auto;    transform: none;padding:0;
		}
	.header .nav{
		float: none;
    display: flex;
    position: relative;
    margin-right: 0;
	}
	    .header .nav .itemList a {
        color: #27c94e;
        padding-left: 0.6rem;
		display: block;
    line-height: 0.84rem;
    text-align: left;
		}
  .header .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1) {
    transform: translateY(0.15rem) translateX(0.05rem) rotate(45deg);
  }
  .header .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2) {
    opacity: 0;
  }
  .header .menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3) {
    transform: translateY(-0.15rem) translateX(0.05rem) rotate(-45deg);
  }

	.d4 .bg-video{
		position:absolute;
		left: -6rem;
    bottom: 0;
	top:auto;
    width: 14.5rem;
    height: 50%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
	.d41{
		width:100%;height:100vh;
		position:relative;
	}
	.d41 .bg-video{
		position:absolute;
		left: -6rem;
    bottom: 0;
	top:auto;
    width: 14.5rem;
    height: 50%;
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
	}
}