@charset "utf-8";
.indban{ display:block; padding-top:170px;}
@media screen and (max-width: 1660px) {
.indban{ display:block; padding-top:160px;}
}
@media screen and (max-width: 580px) {
.indban{ display:block; padding-top:80px;}
}
@media screen and (max-width: 480px) {
.indban{ display:block; padding-top:70px;}
}

@media screen and (min-width:1060px) {
.indbanpc{ display:block;}
.indbanwap{ display:none;}
}
@media screen and (max-width:1060px) {
.indbanpc{ display:none;}
.indbanwap{ display:block;}
}

.indvideo{ padding:3% 0;}
.indvideo_tit{ text-align:center;}
.indvideo_tit span img{ width:60%; max-width:255px; display:block; margin:0 auto;}
.indvideo_tit i{ display:block; line-height:2; color:#959595}
@media screen and (min-width:1200px) {
.indvideo_tit span{ font-size:68px; line-height:85px;}
.indvideo_tit i{ font-size:45px;}
.indvideo_con li{ width: calc(33.33% - 56px); margin-right:84px;}
.indvideo_con li:nth-child(3n+0){ margin-right:0;}
.indvideo_con li span{ font-size:16px; margin-top:15px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.indvideo_tit span{ font-size:68px; line-height:85px;}
.indvideo_tit i{ font-size:45px;}
.indvideo_con li{ width: calc(33.33% - 18px); margin-right:27px;}
.indvideo_con li:nth-child(3n+0){ margin-right:0;}
.indvideo_con li span{ font-size:16px; margin-top:15px;}
}
@media screen and (max-width:960px) {
.indvideo_tit span{ font-size:24px; line-height:35px;}
.indvideo_tit img{ height:45px; width:auto !important;}
.indvideo_tit i{ font-size:18px;}
.indvideo_con li{ width: calc(33.33% - 12px); margin-right:18px;}
.indvideo_con li:nth-child(3n+0){ margin-right:0;}
.indvideo_con li span{ font-size:14px; margin-top:10px;}
}
.indvideo_con{ margin-top:2%;}
.indvideo_con li{ float:left; overflow:hidden;}
.indvideo_con li img{ display:block; width:100%; border-radius:20px;}
.indvideo_con li span{ display:inline-block; display:flex; justify-content: center;}
.indvideo_con li span img{ width:auto; height:auto; border-radius:0px; margin:0 5px;}

.indys{ padding:6% 0; background:url(../images/bg.jpg) #011009 center bottom no-repeat; background-size:100% 100%;}
.indys_tit{ color:#1dbfa8; text-align:center;}
.indys_tit span{ display:block; font-size:24px; letter-spacing:4px;}
.indys_tit img{ display:block; max-width:60%; margin:30px auto;}
.indys_tit p{ background:url(../images/bg01.png) center no-repeat; line-height:69px; color:#fff;}
.indys_img img{ display:block; margin:7% auto 3%; max-width:100%; }
.indys_bot li{ float:left; position:relative;}
.indys_bot li:nth-child(4n+0){ margin-right:0;}
@media screen and (min-width:760px) {
.indys_tit p{ font-size:32px; letter-spacing:2px;}
.indys_bot li{ width: calc(25% - 60px); margin-right:80px;}
.indys_bot li:nth-child(4n+0){ margin-right:0;}
.indys_bot li p{ font-size:28px; letter-spacing:2px;}
}
@media screen and (max-width:760px) {
.indys_tit p{ font-size:24px; letter-spacing:0px;}
.indys_bot li{ width: calc(50% - 20px); margin-right:40px;}
.indys_bot li:nth-child(2n+0){ margin-right:0;}
.indys_bot li p{ font-size:18px; letter-spacing:0px;}
}
.indys_bot li img{ display:block; width:100%;}
.indys_bot li p{ position:absolute; z-index:10; width:100%; left:0; top:50%; transform: translateY(-50%); color:#fff; text-align:center; line-height:1.5;}
.indys_bot li p i{ font-weight:700;}
@media screen and (min-width:760px) {
.indys{ display:block;}
.indyswap{ display:none;}
}
@media screen and (max-width:760px) {
.indys{ display:none;}
.indyswap{ display:block;}
.indyswap img{ display:block; width:100%;}
}

.indpro{ padding:3% 0;}
.indpro_tit{ text-align:center;}
.indpro_tit em{ line-height:2; display:block; color:#5e5e5e; position:relative;}
.indpro_tit em:before{ content:""; width:60%; max-width:94px; height:4px; position:absolute; background:#002e19; left:50%; transform: translateX(-50%); bottom:0; }
.indpro_tit span{ color:#717171; display:block; line-height:2;}
.indpro_con{ margin-top:2%;}
.indpro_con li{ float:left; overflow:hidden;}
.indpro_con li div{ overflow:hidden;}
@media screen and (min-width:760px) {
.indpro_tit em{ font-size:40px; letter-spacing:2px;}
.indpro_tit span{ font-size:32px; }
.indpro_con li{ width: calc(25% - 12px); margin-right:16px; }
.indpro_con li:nth-child(4n+0){ margin-right:0;}
.indpro_con li p{ font-size:21px;}
}
@media screen and (max-width:760px) {
.indpro_tit em{ font-size:24px; letter-spacing:1px;}
.indpro_tit span{ font-size:18px; }
.indpro_con li{ width: calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
.indpro_con li:nth-child(2n+0){ margin-right:0;}
.indpro_con li p{ font-size:16px;}
}
.indpro_con li div img{ display:block; width:100%; transform: scale(1); transition: all 1s ease-out;}
.indpro_con li:hover div img{ transform: scale(1.15);}
.indpro_con li p{ text-align:center; color:#111; font-weight:700; padding:15px 0; letter-spacing:2px;}
@media screen and (max-width:960px) {
.indpro_con li p{ letter-spacing:0; padding:10px 0; font-size:14px;}
}
.indad{ display:block;}
.indad img{ display:block; width:100%;}
@media screen and (min-width:960px) {
.indpro_con.pc{ display:block;}
.indpro_con.wap{ display:none;}
}
@media screen and (max-width:960px) {
.indpro_con.pc{ display:none;}
.indpro_con.wap{ display:block;}
}