@charset "utf-8";

/* subTitle */
#subTitle{ margin-bottom: 60px;}
#subTitle h4{font-size: 20px; color: #74bc38; margin-bottom: 15px;}
#subTitle h2{font-size: 50px; color: #000000;}
#subTitle h2 span{}

@media all and (max-width:1280px){
	#subTitle{margin-bottom: 50px;}
	#subTitle h4{font-size: 19px;}
	#subTitle h2{font-size: 44px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 45px;}
	#subTitle h4{font-size: 18px;}
	#subTitle h2{font-size: 40px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 40px;}
	#subTitle h4{font-size: 17px;}
	#subTitle h2{font-size: 36px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 35px;}
	#subTitle h4{font-size: 16px;}
	#subTitle h2{font-size: 32px;}
}

/* s_txt */
.s_txt{}
.s_txt .video_bg{width: 100%; position: relative; overflow: hidden; height: 480px; padding: 40px 80px;  margin-bottom: 40px;display: flex; align-items: center; border-radius: 15px;}
.s_txt .video_bg video{width: 100%; height: 110%; min-width: 100%; min-height: 110%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; object-fit: cover;}
.s_txt .video_bg h3.eng{color: #fff; margin-bottom: 0;}
.s_txt .flex{display: flex; align-items: flex-end; gap:80px;}
.s_txt .flex h3{margin-bottom: 0 !important;}
.s_txt .flex h4{ padding-bottom: 10px;}
.s_txt h3{font-size: 52px; color: #000; line-height: 1.2em; margin-bottom: 25px;}
.s_txt h3.eng{font-size: 64px; color: #000; line-height: 1.15em; margin-bottom: 25px;}
.s_txt h3 span{color: #74bc38;}
.s_txt h4{font-size: 22px; font-weight: 600; color: #333; line-height: 1.6em;}
.s_txt p{font-size: 20px; font-weight: 400; color: #666; line-height: 1.6em; margin-top: 30px; word-break: keep-all;}

@media all and (max-width:1280px){
	.s_txt .video_bg{height: 420px; padding: 30px 50px; margin-bottom: 35px;}
	.s_txt .video_bg video{height: 120%; min-height: 120%;}
	.s_txt h3{font-size: 46px;}
	.s_txt h3.eng{font-size: 56px;}
	.s_txt p{font-size: 19px; margin-top: 25px;}
	.s_txt h4{font-size: 21px;}
}
@media all and (max-width:1024px){
	.s_txt .video_bg{height: 360px; padding: 25px 40px; margin-bottom: 30px;}
	.s_txt h3{font-size: 40px;}
	.s_txt h3.eng{font-size: 48px;}
	.s_txt p{font-size: 18px;}
	.s_txt h4{font-size: 20px;}
}
@media all and (max-width:768px){
	.s_txt .video_bg{height: 300px; padding: 20px 30px; margin-bottom: 25px;}
	.s_txt .video_bg video{height: 125%; min-height: 125%;}
	.s_txt h3{font-size: 34px;}
	.s_txt h3.eng{font-size: 42px;}
	.s_txt p{font-size: 17px; margin-top: 20px;}
	.s_txt h4{font-size: 19px; word-break: keep-all;}
	.s_txt h4 br{display: none;}
}
@media all and (max-width:500px){
	.s_txt .video_bg{height: 240px; padding: 15px 20px;}
	.s_txt h3{font-size: 28px;}
	.s_txt h3.eng{font-size: 36px;}
	.s_txt p{font-size: 16px; margin-top: 16px;}
	.s_txt h4{font-size: 18px;}
}


/* intro1 */
.intro1{}
.intro1 .top{position: relative; z-index: 2;}
.intro1 .top .inner{display: flex; justify-content: space-between;}
.intro1 .top .inner #subTitle{width: 50%;}
.intro1 .top .inner .top_txt{font-size: 30px; color: #000; font-weight: 700; line-height: 1.6em; width: 50%; word-break: keep-all; z-index: 2;}
.intro1 .img{margin-top: -100px;}
.intro1 .img img{max-width: 100%;}
.intro1 .bottom{margin-top: 80px;}
.intro1 .bottom .inner{}
.intro1 .bottom .inner .txt{}
.intro1 .bottom .inner .txt p{font-size: 18px; font-weight: 400; color: #444444; line-height: 2em;}
.intro1 .bottom .inner .txt p+p{margin-top: 35px;}
.intro1 .bottom .inner .txt .name{font-size: 18px; font-weight: 700; color: #000000; margin-top: 60px; display: flex; align-items: center; gap:10px;}

@media all and (max-width:1280px){
	.intro1 .top .inner .top_txt{font-size: 26px;}
	.intro1 .top .inner .top_txt br{display: none;}
	.intro1 .img{margin-top: -80px;}
	.intro1 .bottom{margin-top: 60px;}
	.intro1 .bottom .inner .txt p{font-size: 17px; line-height: 1.8em;}
	.intro1 .bottom .inner .txt p+p{margin-top: 30px;}
	.intro1 .bottom .inner .txt .name{font-size: 17px; margin-top: 50px;}
}
@media all and (max-width:1024px){
	.intro1 .top .inner .top_txt{font-size: 24px;}
	.intro1 .img{margin-top: -60px;}
	.intro1 .bottom{margin-top: 50px;}
}
@media all and (max-width:768px){
	.intro1 .top .inner{flex-direction: column;}
	.intro1 .top .inner .top_txt{font-size: 22px; width: 100%; margin-top: 30px;}
	.intro1 .img{margin-top: 0px;}
	.intro1 .bottom{margin-top: 45px;}
	.intro1 .bottom .inner .txt p{font-size: 16px; line-height: 1.6em;}
	.intro1 .bottom .inner .txt p+p{margin-top: 25px;}
	.intro1 .bottom .inner .txt .name{font-size: 16px; margin-top: 40px;}
}
@media all and (max-width:500px){
	.intro1 .top .inner .top_txt{font-size: 20px;}
	.intro1 .bottom{margin-top: 40px;}
	.intro1 .bottom .inner .txt p+p{margin-top: 20px;}
}


/* intro2 */
.intro2{}
/*.intro2 #pageCont{padding-bottom: 0;}*/
.intro2 .s_txt{}
.intro2 #subTitle{margin-bottom: 40px;}
.intro2 .cont_box{margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap:0 30px;}
.intro2 .cont_box li{padding: 35px; height: 560px; border-radius: 10px; position:relative; overflow: hidden;}
.intro2 .cont_box li .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.intro2 .cont_box li .bg span{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.intro2 .cont_box li.aos-animate .bg span{ animation: imgzoomout 1.5s ease-in-out forwards;}
.intro2 .cont_box li:nth-child(1) .bg span{background-image: url(/images/sub/intro2_img1.webp);}
.intro2 .cont_box li:nth-child(2) .bg span{background-image: url(/images/sub/intro2_img2.webp);}
.intro2 .cont_box li:nth-child(3) .bg span{background-image: url(/images/sub/intro2_img3.webp);}
.intro2 .cont_box li .txt{color: #fff; position: relative;}
.intro2 .cont_box li .txt h3{font-size: 16px; letter-spacing: 0.5em; opacity: 0.75;}
.intro2 .cont_box li .txt p{font-size: 36px; font-weight: 700; margin-top: 14px; word-break: keep-all; line-height: 1.4em;}
/*
.intro2 .bg{margin-top: 160px; padding: 160px 0; background: url(/images/sub/intro2_bg.webp) no-repeat top center / cover;}
.intro2 .bg .inner{}
.intro2 .bg .inner .s_txt{}
.intro2 .bg .inner .s_txt h3{color: #fff;}
.intro2 .bg .inner .info_box{margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.intro2 .bg .inner .info_box li{background-color: #fff; padding: 30px;}
.intro2 .bg .inner .info_box li .txt{}
.intro2 .bg .inner .info_box li .txt h3{font-size: 24px; color: #000; margin-bottom: 15px;}
.intro2 .bg .inner .info_box li .txt p{font-size: 18px; color: #666;}
.intro2 .bg .inner .info_box li .icon{text-align: right; margin-top: 50px;}
.intro2 .bg .inner .info_box li .icon img{max-width: 48px;}
*/
.intro2 .logo_cont{padding-top: 160px;}
.intro2 .logo_cont .inner{display: flex; justify-content: space-between; align-items: center;}
.intro2 .logo_cont .inner .img{max-width: 568px; text-align: right;}
.intro2 .logo_cont .inner .img img{max-width: 100%;}
.intro2 .logo_cont .inner .txt{width: 50%;}
.intro2 .logo_cont .inner .txt .s_txt{}
.intro2 .logo_cont .inner .txt .s_txt h3{}
.intro2 .logo_cont .inner .txt .s_txt p{}
.intro2 .logo_cont .inner .color_box{display: flex; gap:10px; margin-top: 40px; padding-top: 40px; border-top: 1px dotted #ddd;}
.intro2 .logo_cont .inner .color_box li{text-align: center; position: relative;}
.intro2 .logo_cont .inner .color_box li .color{width: 100px; height: 70px;}
.intro2 .logo_cont .inner .color_box li .color.c1{background-color: #51b431;}
.intro2 .logo_cont .inner .color_box li .color.c2{background-color: #138a37;}
.intro2 .logo_cont .inner .color_box li .color.c3{background-color: #595656;}
.intro2 .logo_cont .inner .color_box li p{position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; width: 100%;}

@media all and (max-width:1280px){
	.intro2 #subTitle{margin-bottom: 35px;}
	.intro2 .cont_box{margin-top: 60px; gap:20px;}
	.intro2 .cont_box li{padding: 30px; height: 480px;}
	.intro2 .cont_box li .txt h3{font-size: 15px;}
	.intro2 .cont_box li .txt p{font-size: 32px; margin-top: 12px; line-height: 1.3em;}
	.intro2 .logo_cont{padding-top: 120px;}
	.intro2 .logo_cont .inner .img{width: 45%;}
	.intro2 .logo_cont .inner .color_box{margin-top: 30px; padding-top: 30px; gap:8px;}
	.intro2 .logo_cont .inner .color_box li .color{height: 60px;}
/*
	.intro2 .bg{margin-top: 130px; padding: 130px 0;}
	.intro2 .bg .inner .info_box{margin-top: 50px;}
	.intro2 .bg .inner .info_box li{padding: 25px;}
	.intro2 .bg .inner .info_box li .txt h3{font-size: 22px; margin-bottom: 12px;}
	.intro2 .bg .inner .info_box li .txt p{font-size: 17px;}
	.intro2 .bg .inner .info_box li .icon{margin-top: 40px;}
	.intro2 .bg .inner .info_box li .icon img{max-width: 44px;}
*/
}
@media all and (max-width:1024px){
	.intro2 #subTitle{margin-bottom: 30px;}
	.intro2 .cont_box{margin-top: 50px; gap:16px;}
	.intro2 .cont_box li{padding: 25px; height: 420px;}
	.intro2 .cont_box li .txt h3{font-size: 15px;}
	.intro2 .cont_box li .txt p{font-size: 28px; margin-top: 10px; line-height: 1.3em;}
	.intro2 .cont_box li .txt p br{display: none;}
	.intro2 .logo_cont{padding-top: 100px;}
	.intro2 .logo_cont .inner .color_box{margin-top: 25px; padding-top: 25px; gap:8px;}
	.intro2 .logo_cont .inner .color_box li .color{height: 50px;}
/*
	.intro2 .bg{margin-top: 110px; padding: 110px 0;}
	.intro2 .bg .inner .info_box{margin-top: 40px;}
	.intro2 .bg .inner .info_box li .icon img{max-width: 40px;}
*/
}
@media all and (max-width:768px){
	.intro2 #subTitle{margin-bottom: 27px;}
	.intro2 .cont_box{margin-top: 45px; gap:16px; grid-template-columns: repeat(1, 1fr);}
	.intro2 .cont_box li{padding: 25px 20px; height: 240px; width: 100%;}
	.intro2 .cont_box li .txt h3{font-size: 14px;}
	.intro2 .cont_box li .txt p{font-size: 26px; margin-top: 8px; line-height: 1.2em;}
	.intro2 .cont_box li .txt p br{display: none;}
	.intro2 .logo_cont{padding-top: 80px;}
	.intro2 .logo_cont .inner{flex-direction: column;}
	.intro2 .logo_cont .inner .txt{width: 100%; margin-bottom: 60px;}
	.intro2 .logo_cont .inner .img{width: 100%; max-width: 440px;}
	.intro2 .logo_cont .inner .color_box{margin-top: 20px; padding-top: 20px; gap:8px;}
	.intro2 .logo_cont .inner .color_box li .color{height: 46px;}
/*
	.intro2 .bg{margin-top: 90px; padding: 90px 0;}
	.intro2 .bg .inner .info_box{grid-template-columns: repeat(2, 1fr);}
	.intro2 .bg .inner .info_box li{padding: 20px;}
	.intro2 .bg .inner .info_box li .txt h3{font-size: 20px;}
	.intro2 .bg .inner .info_box li .txt p{font-size: 16px;}
	.intro2 .bg .inner .info_box li .icon{margin-top: 30px;}
	.intro2 .bg .inner .info_box li .icon img{max-width: 36px;}
*/
}
@media all and (max-width:500px){
	.intro2 #subTitle{margin-bottom: 24px;}
	.intro2 .cont_box{margin-top: 40px; gap:15px; grid-template-columns: repeat(1, 1fr);}
	.intro2 .cont_box li{padding: 22px 18px; height: 180px; width: 100%;}
	.intro2 .cont_box li .txt h3{font-size: 14px;}
	.intro2 .cont_box li .txt p{font-size: 22px; margin-top: 8px; line-height: 1.2em;}
	.intro2 .logo_cont{padding-top: 70px;}
	.intro2 .logo_cont .inner .txt{width: 100%; margin-bottom: 50px;}
	.intro2 .logo_cont .inner .img{width: 100%; max-width: 320px;}
	.intro2 .logo_cont .inner .color_box li .color{height: 42px;}
/*
	.intro2 .bg{margin-top: 80px; padding: 80px 0;}
	.intro2 .bg .inner .info_box{gap:15px; margin-top: 35px;}
	.intro2 .bg .inner .info_box li .icon img{max-width: 32px;}
	.intro2 .bg .inner .info_box li .txt h3{font-size: 19px;}
*/
}


/* intro3 */
@keyframes widthplus {
	0%{max-width: 0;}
	100%{max-width: 100%;}
}
.intro3{}
.intro3 .his_top{width: 120%; position: relative}
.intro3 .his_top .bg{text-align: right; width: 100%;}
.intro3 .his_top .bg img{max-width: 100%; object-fit: cover;}
.intro3 .his_top .list{display: flex; align-items: flex-end; margin-left: -80px; margin-top: -340px; position: relative; z-index: 2;}
.intro3 .his_top .list li{margin-right: 30px;}
.intro3 .his_top .list li .img{border-radius: 15px; overflow: hidden;}
.intro3 .his_top .list li .img img{max-width: 100%; object-fit: cover; transform: scale(1.1);}
.intro3 .his_top .list li.aos-animate .img img{animation: imgzoomout 1.5s 1s ease-in-out forwards;}
.intro3 .bg_cont{display: flex; gap:15px;}
.intro3 .bg_cont .bg{width: 100%; height: 480px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 12px;}
.intro3 .bg_cont .bg.bg1{background-image: url(/images/sub/intro3_bg1.webp);}
.intro3 .bg_cont .bg.bg2{background-image: url(/images/sub/intro3_bg2.webp);}
.intro3 .bg_cont .bg.bg3{background-image: url(/images/sub/intro3_bg3.webp);}
.intro3 .bg_cont .bg.bg4{background-image: url(/images/sub/intro3_bg4.webp);}
.intro3 .flex_cont{display: flex; position: relative; align-items: flex-start;}
.intro3 .history_title{margin: 100px 0; position: sticky; top: 240px; width: 500px;}
/*.intro3 .history_title{background-color: #74bc38; max-width: 100%; margin: -60px auto 0; text-align: center; padding: 120px 40px 60px; border-bottom-right-radius: 60px; border-top-left-radius: 60px;  position: relative; z-index: -1;}*/
.intro3 .history_title h3{color: #000; font-size: 72px; letter-spacing: 0em; margin-bottom: 15px; font-weight: 800;}
.intro3 .history_title p{color: #666; font-size: 20px;}
.intro3 .history_title .list{display: flex; margin-top: 50px; gap:20px; width: 300px;}
.intro3 .history_title .list li{}
.intro3 .history_title .list li a{color: #aaa; font-weight: 700; font-size: 18px; display: block; width: 100%; transition: .4s;}
.intro3 .history_title .list li.on a{color: #74bc38;}
.intro3 .history_cont{width: calc(100% - 500px); margin-top: 80px; position: relative;}
.intro3 .history_cont::before{content: ''; position: absolute; left: 135px; height: 100%; width: 1px; background-color: #ddd; display: block;}
.intro3 .history_cont .history_list{margin: 100px 0;}
.intro3 .history_cont .history_list .history_box{position: relative;}
.intro3 .history_cont .history_list .history_box::before{content: ''; width: 20px; height: 20px; border-radius: 100%; background-color: #74bc38; position: absolute; left: 125px; top: 5px; border: 6px solid #fff;}
.intro3 .history_cont .history_list .history_box .year{position: absolute; left: 0; font-size: 32px; color: #000; font-weight: 700; top: 0; line-height: 1em;}
.intro3 .history_cont .history_list .history_box .info{padding-left: 200px; display: flex; gap:15px; align-items: flex-start;}
.intro3 .history_cont .history_list .history_box .info + .info{margin-top: 15px;}
.intro3 .history_cont .history_list .history_box .info .month{font-size: 18px; color: #aaa;font-weight: 700; width: 30px;}
.intro3 .history_cont .history_list .history_box .info .txt{ width: calc(100% - 50px);}
.intro3 .history_cont .history_list .history_box .info .txt p{font-size: 18px; color: #000; font-weight: 500; word-break: keep-all; line-height: 1.4em;}
.intro3 .history_cont .history_list .history_box .info .txt p+ p{margin-top: 15px;}

@media all and (max-width:1720px){
	.intro3 .his_top{width: 100%;}
	.intro3 .his_top .bg img{height: 28vw;}
	.intro3 .his_top .list{margin-left: 0; margin-top: -20vw;}
	.intro3 .his_top .list li{margin-right: 20px;}
}
@media all and (max-width:1280px){
	.intro3 .his_top .list li{margin-right: 10px;}
	.intro3 .his_top .list li .img{border-radius: 10px;}
	.intro3 .bg_cont .bg{height: 420px;}
	.intro3 .history_title{width: 440px; margin: 80px 0;}
	.intro3 .history_title h3{font-size: 64px;}
	.intro3 .history_title p{font-size: 19px;}
	.intro3 .history_title .list{margin-top: 40px; gap:18px;}
	.intro3 .history_title .list li a{font-size: 17px;}
	.intro3 .history_cont{margin-top: 70px; width: calc(100% - 420px);}
	.intro3 .history_cont .history_list{margin: 80px 0;}
	.intro3 .history_cont .history_list .history_box .year{font-size: 28px;}
	.intro3 .history_cont .history_list .history_box .info{gap:13px; padding-left: 180px;}
	.intro3 .history_cont .history_list .history_box .info .month{font-size: 17px;}
	.intro3 .history_cont .history_list .history_box .info .txt p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.intro3 .his_top .bg{width: 88%; margin-left: auto;}
	.intro3 .his_top .bg img{height: 62vw;}
	.intro3 .his_top .list{flex-wrap: wrap; gap:15px; margin-top: -54vw;}
	.intro3 .his_top .list li{width: calc(52% - 15px / 2); margin-right: 0;}
	.intro3 .his_top .list li:nth-child(n+2){width: calc(40% - 20px / 2); margin-right: 0;}
	.intro3 .his_top .list li:nth-child(3){margin-left: auto;}
	.intro3 .his_top .list li .img{border-radius: 8px;}
	.intro3 .bg_cont .bg{height: 340px;}
	.intro3 .history_title{width: 400px; margin: 70px 0;}
	.intro3 .history_title h3{font-size: 56px;}
	.intro3 .history_title p{font-size: 18px;}
	.intro3 .history_title .list{margin-top: 35px; gap:15px;}
	.intro3 .history_cont{ width: calc(100% - 340px);}
	.intro3 .history_cont::before{left: 0;}
	.intro3 .history_cont .history_list{margin: 70px 0;}
	.intro3 .history_cont .history_list .history_box{padding-left: 50px;}
	.intro3 .history_cont .history_list .history_box::before{left: -9px; top: 0;}
	.intro3 .history_cont .history_list .history_box .year{position: static; margin-bottom: 30px; font-size: 26px; margin-bottom: 25px;}
	.intro3 .history_cont .history_list .history_box .info{padding-left: 0; gap:10px;}
}
@media all and (max-width:768px){
	.intro3 .bg_cont{flex-wrap: wrap;}
	.intro3 .bg_cont .bg{width: calc(100% / 2 - 15px / 2); height: 180px; background-size: cover;}
	.intro3 .flex_cont{flex-direction: column;}
	.intro3 .history_title{width: 100%; margin: 40px 0; position: static;}
	.intro3 .history_title h3{font-size: 48px;}
	.intro3 .history_title p{font-size: 17px;}
	.intro3 .history_cont{margin-top: 0; width: 100%;}
	.intro3 .history_cont .history_list{margin: 50px 0;}
	
	.intro3 .history_cont .history_list .history_box{padding-left: 35px;}
	.intro3 .history_cont .history_list .history_box .year{font-size: 22px; margin-bottom: 20px;}
	.intro3 .history_cont .history_list .history_box .info .month{font-size: 16px; width: 25px;}
	.intro3 .history_cont .history_list .history_box .info .txt{ width: calc(100% - 40px);}
	.intro3 .history_cont .history_list .history_box .info .txt p{font-size: 16px;}
	.intro3 .history_cont .history_list .history_box .info .txt p+ p{margin-top: 10px;}
	.intro3 .history_cont .history_list .history_box .info + .info{margin-top: 10px;}
	
}
@media all and (max-width:500px){
	.intro3 .his_top .list{flex-wrap: wrap; gap:10px; margin-top: -54vw;}
	.intro3 .his_top .list li{width: calc(52% - 10px / 2); margin-right: 0;}
	.intro3 .bg_cont{gap:10px;}
	.intro3 .bg_cont .bg{height: 140px;}
	.intro3 .history_title h3{font-size: 42px;}
	.intro3 .history_title p{font-size: 16px;}
	.intro3 .history_title .list li a{font-size: 16px;}
	.intro3 .history_cont .history_list .history_box{padding-left: 25px;}
	.intro3 .history_cont .history_list .history_box .year{font-size: 20px; margin-bottom: 15px;}
	.intro3 .history_cont .history_list .history_box .info .txt p+ p{margin-top: 7px;}
	.intro3 .history_cont .history_list .history_box .info + .info{margin-top: 7px;}
}


/* intro4 */
.intro4{}
.intro4 #subTitle{margin: 40px 0;}
.intro4 .top_txt{}
.intro4 .top_txt .img{background: url(/images/sub/intro4_bg.webp) no-repeat center center / cover; width: 100%; height: 480px; padding: 40px 80px; border-radius: 15px;}
.intro4 .top_txt .img .txt{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.intro4 .top_txt .img .txt h4{font-size: 24px; color: #eee; margin-bottom: 10px;}
.intro4 .top_txt .img .txt h3{color: #fff; font-size: 56px;}
.intro4 .flex_cont{display: flex; margin-top: 50px; align-items: flex-start;}
.intro4 .flex_cont .l_cont{width: 320px;}
.intro4 .flex_cont .l_cont h3{font-size: 28px; color: #000; font-weight: 700;}
.intro4 .flex_cont .r_cont{width: calc(100% - 320px);}
.intro4 .flex_cont .r_cont .s_txt p{margin-top: 0;}
.intro4 .team_list{margin-top: 30px; display: flex; gap:16px;}
.intro4 .team_list li{width: 100%;border: 1px solid #ddd; padding: 25px 30px; border-radius: 12px;}
.intro4 .team_list li .tit{font-weight: 700; font-size: 24px; line-height: 48px; color: #74bc38; margin-bottom: 10px;}
.intro4 .team_list li .text{}
.intro4 .team_list li .text p{font-size: 18px; font-weight: 500; color: #333; line-height: 1.6em;}
.intro4 .mid-cont{margin: 100px 0; padding: 100px 0; background-color: #f8f8f8;}
.intro4 .mid-cont .inner{}
.intro4 .mid-cont .inner .tit{font-size: 28px; color: #000; font-weight: 700; margin-bottom: 40px;}
.intro4 .mid-cont .inner .flex{display: flex; gap:16px;}
.intro4 .mid-cont .inner .box{}
.intro4 .mid-cont .inner .box .img{border-radius: 12px; overflow: hidden;}
.intro4 .mid-cont .inner .box .img img{max-width: 100%;}
.intro4 .mid-cont .inner .box .txt{margin-top: -6em;}
.intro4 .mid-cont .inner .box .txt h3{display: inline-block; background-color: #f8f8f8; padding: 20px 30px 20px 20px; font-size: 26px; color: #000; height: 1em; box-sizing: content-box; border-top-right-radius: 12px;}
.intro4 .mid-cont .inner .box .txt .info{padding: 20px 20px;}
.intro4 .mid-cont .inner .box .txt .info p{font-size: 18px;position: relative; line-height: 1.6em;}
.intro4 .equip_cont{}
.intro4 .equip_cont .inner{}
.intro4 .equip_cont .inner .flex_cont{}
.intro4 .equip_cont .inner .flex_cont .l_cont{position: sticky; top: 140px;}
.intro4 .equip_cont .inner .flex_cont .l_cont h3{}
.intro4 .equip_cont .inner .flex_cont .r_cont{}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box{}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box{display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(20, auto);
	grid-auto-columns: 1fr;
  gap: 16px;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li{display: flex; align-items: center; padding: 20px; border: 1px solid #ddd; font-size: 18px; border-radius: 5px; background: #fff;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .num{font-weight: 700; color: #74bc38; width: 40px;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .tit{ width: calc(100% - 40px); word-break: keep-all;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list{display: grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin-bottom: 40px;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li{position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li .img{width: 100%; height: 100%;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li .img img{width: 100%; height: 100%; object-fit: cover;}
.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li .txt{position: absolute; padding-bottom: 20px; padding-left: 20px; color: #fff; font-size: 18px; width: 100%; bottom: 0; left: 0; height: 50%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7)); display: flex; align-items: flex-end;}
.intro4 .bg{width: 100%; height: 720px;  margin-top: 140px; position: relative;}
.intro4 .bg .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.intro4 .bg .img span{display: block; width: 100%; height: 100%; background: url(/images/sub/intro4_bg2.webp) no-repeat center center / cover;}
.intro4 .bg .img.aos-animate span{animation: imgzoomout 1.5s ease-in-out forwards;}
.intro4 .bg .inner{height: 100%;}
.intro4 .bg .inner .txt{display: flex; flex-direction: column; justify-content: center; align-items: flex-end; height: 100%;}
.intro4 .bg .inner .txt h3{color: #fff; font-size: 56px;}
.intro4 .img img{max-width:100%;}
.intro4 .img img.mo{display: none;}

@media all and (max-width:1280px){
	.intro4 #subTitle{margin: 35px 0;}
	.intro4 .top_txt .img{height: 420px; padding: 30px 50px;}
	.intro4 .top_txt .img .txt h4{font-size: 22px;}
	.intro4 .top_txt .img .txt h3{font-size: 50px;}
	.intro4 .flex_cont .l_cont{width: 280px;}
	.intro4 .flex_cont .l_cont h3{font-size: 24px;}
	.intro4 .flex_cont .r_cont{width: calc(100% - 280px);}
	.intro4 .team_list li{padding: 20px 25px; gap:14px}
	.intro4 .team_list li .tit{font-size: 22px; line-height: 44px; margin-bottom: 5px;}
	.intro4 .team_list li .text p{font-size: 17px;}
	.intro4 .mid-cont{margin: 80px 0; padding: 80px 0;}
	.intro4 .mid-cont .inner .box .txt{margin-top: -5em;}
	.intro4 .mid-cont .inner .box .txt h3{font-size: 23px; padding: 16px 26px 16px 16px;}
	.intro4 .mid-cont .inner .box .txt .info{padding: 16px;}
	.intro4 .mid-cont .inner .box .txt .info p{font-size: 17px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box{gap:14px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li{padding: 16px; font-size: 17px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .num{width: 35px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .tit{width: calc(100% - 35px); word-break: break-all;}
	.intro4 .bg{margin-top: 110px; height: 600px;}
	.intro4 .bg .inner .txt h3{font-size: 48px;}
}
@media all and (max-width:1024px){
	.intro4 #subTitle{margin: 30px 0;}
	.intro4 .top_txt .img{height: 360px; padding: 25px 40px;}
	.intro4 .top_txt .img .txt h4{font-size: 21px;}
	.intro4 .top_txt .img .txt h3{font-size: 44px;}
	.intro4 .flex_cont .l_cont{width: 240px;}
	.intro4 .flex_cont .l_cont h3{font-size: 23px;}
	.intro4 .flex_cont .r_cont{width: calc(100% - 240px);}
	.intro4 .mid-cont{margin: 75px 0; padding: 75px 0;}
	.intro4 .mid-cont .inner .box .txt{margin-top: -4em;}
	.intro4 .mid-cont .inner .box .txt h3{font-size: 21px; padding: 13px 22px 13px 13px;}
	.intro4 .mid-cont .inner .box .txt .info{padding: 13px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box{
 	 grid-template-rows: auto;
	grid-auto-columns: 1fr; grid-template-columns: repeat(2, 1fr); grid-auto-flow:row}
	.intro4 .bg{margin-top: 100px; height: 520px;}
	.intro4 .bg .inner .txt h3{font-size: 42px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list{gap:10px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li .txt{padding-left: 15px; padding-bottom: 15px; font-size: 17px;}
}
@media all and (max-width:768px){
	.intro4 #subTitle{margin: 27px 0;}
	.intro4 .top_txt .img{height: 300px; padding: 20px 30px;}
	.intro4 .top_txt .img .txt h4{font-size: 20px;}
	.intro4 .top_txt .img .txt h3{font-size: 38px;}
	.intro4 .flex_cont{flex-direction: column; margin-top: 40px;}
	.intro4 .flex_cont .l_cont{width: 100%; margin-bottom: 30px;}
	.intro4 .flex_cont .l_cont h3{font-size: 22px;}
	.intro4 .flex_cont .r_cont{width: 100%;}
	.intro4 .team_list{margin-top: 25px; gap:12px;}
	.intro4 .team_list li{padding: 17px 22px;}
	.intro4 .team_list li .tit{font-size: 20px; line-height: 40px;}
	.intro4 .team_list li .text p{font-size: 16px;}
	.intro4 .mid-cont{margin: 70px 0; padding: 70px 0;}
	.intro4 .mid-cont .inner .flex{flex-wrap: wrap; gap:35px 16px;}
	.intro4 .mid-cont .inner .box{width: calc(100% / 2 - 16px / 2);}
	.intro4 .mid-cont .inner .box .txt .info p{font-size: 16px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box{gap:10px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li{padding: 12px; font-size: 16px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .num{width: 30px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .tit{width: calc(100% - 30px); word-break: break-all;}
	.intro4 .bg{margin-top: 90px; height: 440px;}
	.intro4 .bg .inner .txt{align-items: flex-start;}
	.intro4 .bg .inner .txt h3{font-size: 36px; width: 80%; word-break: keep-all;}
	.intro4 .bg .inner .txt h3 br{display: none;}
	.intro4 .img img.pc{display: none;}
	.intro4 .img img.mo{display: block;}
	.intro4 .equip_cont .inner .flex_cont .l_cont{position: static;}
}
@media all and (max-width:500px){
	.intro4 #subTitle{margin: 24px 0;}
	.intro4 .top_txt .img{height: 240px; padding: 15px 20px;}
	.intro4 .top_txt .img .txt h4{font-size: 18px;}
	.intro4 .top_txt .img .txt h3{font-size: 32px;}
	.intro4 .flex_cont{margin-top: 30px;}
	.intro4 .flex_cont .l_cont{margin-bottom: 20px;}
	.intro4 .flex_cont .l_cont h3{font-size: 20px;}
	.intro4 .team_list{flex-wrap: wrap; gap:10px;}
	.intro4 .team_list li{width: calc(100% / 2 - 10px / 2); flex: auto;}
	.intro4 .team_list li .tit{font-size: 19px; line-height: inherit;}
	.intro4 .mid-cont{margin: 65px 0; padding: 65px 0;}
	.intro4 .mid-cont .inner .box .txt{margin-top: -3.5em;}
	.intro4 .mid-cont .inner .box .txt h3{font-size: 19px; padding: 11px 17px 11px 11px;}
	.intro4 .mid-cont .inner .box .txt .info{padding: 11px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box{gap:8px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li{padding: 10px; font-size: 15px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .num{width: 28px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_box .box li .tit{width: calc(100% - 28px); word-break: keep-all;}
	.intro4 .bg{margin-top: 80px; height: 360px;}
	.intro4 .bg .inner .txt h3{font-size: 32px;}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list{grid-template-columns: repeat(2, 1fr);}
	.intro4 .equip_cont .inner .flex_cont .r_cont .equip_list li .txt{padding-bottom: 12px; padding-left: 12px; font-size: 16px;}
}


/* intro5 */
.intro5{}
.intro5 .title{width: 100%; height: 600px; background: url(/images/sub/intro5_bg.webp) no-repeat bottom center / cover;}
.intro5 .title .inner{height: 100%;}
.intro5 .title .txt{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.intro5 .title .txt h3{font-size: 72px; color: #000; margin-bottom: 20px;}
.intro5 .title .txt p{font-size: 28px; font-weight: 600; color: #333;}
.intro5 .orga{width: 94%; text-align: center; margin-top: -100px; margin-left: auto; margin-right: auto;}
.intro5 .orga img{max-width: 100%;}
.intro5 .orga.mo{display: none;}

@media all and (max-width:1280px){
	.intro5 .title{height: 540px;}
	.intro5 .title .txt h3{font-size: 64px;}
	.intro5 .title .txt p{font-size: 24px;}
	.intro5 .orga{margin-top: -80px;}
}
@media all and (max-width:1024px){
	.intro5 .title{height: 460px;}
	.intro5 .title .txt h3{font-size: 56px;}
	.intro5 .title .txt p{font-size: 22px;}
	.intro5 .orga{margin-top: -70px;}
}
@media all and (max-width:768px){
	.intro5 .orga.pc{display: none;}
	.intro5 .orga.mo{display: block;}
	.intro5 .title{height: 380px;}
	.intro5 .title .txt h3{font-size: 48px;}
	.intro5 .title .txt p{font-size: 20px;}
	.intro5 .orga{margin-top: -40px;}
}
@media all and (max-width:500px){
	.intro5 .title{height: 320px;}
	.intro5 .title .txt h3{font-size: 40px;}
	.intro5 .title .txt p{font-size: 18px;}
	.intro5 .orga{margin-top: -20px;}
}


/* intro6 */
.intro6{}
.intro6 .partner_list{display: grid; grid-template-columns: repeat(4, 1fr); gap:16px;}
.intro6 .partner_list li{border: 1px solid #ddd; border-radius: 8px; overflow: hidden;}
.intro6 .partner_list li a{}
.intro6 .partner_list li a img{max-width: 100%;}

@media all and (max-width:1280px){}
@media all and (max-width:1024px){
	.intro6 .partner_list{grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width:768px){
	.intro6 .partner_list{grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width:500px){
	.intro6 .partner_list{gap:12px;}
}


/* intro7 */
.intro7{}
.intro7 .location_box{}
.intro7 .location_box + .location_box{margin-top: 100px;}
.intro7 .location_box.loca1{}
.intro7 .location_box.loca2{}
.intro7 .location_box .map_box{}
.intro7 .location_box .map_box iframe{border-radius: 12px;}
.intro7 .location_box .info_box{margin-top: 40px; display: flex; justify-content: space-between;}
.intro7 .location_box .info_box:has(.img-flex){align-items: flex-start;}
.intro7 .location_box .info_box .text{width: calc(100% - 460px);}
.intro7 .location_box .info_box .text h3{font-size: 28px; color: #000; margin-bottom: 25px;}
.intro7 .location_box .info_box .dl_box{}
.intro7 .location_box .info_box .dl_box dl{display: flex;}
.intro7 .location_box .info_box .dl_box dl + dl{margin-top: 10px;}
.intro7 .location_box .info_box .dl_box dl dt{color: #000; font-weight: 700; font-size: 18px; width: 100px;}
.intro7 .location_box .info_box .dl_box dl dd{font-size: 18px; color: #666; width: calc(100% - 100px);}
.intro7 .location_box .info_box .btn{margin-top: 40px;}
.intro7 .location_box .info_box .btn a{display: inline-block; line-height: 50px; color: #74bc38; font-size: 16px; font-weight: 600; border: 1px solid #74bc38; padding: 0 54px; border-radius: 5px;}
.intro7 .location_box .info_box .img{width: 400px; height: 240px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #eee; border-radius: 10px;}
.intro7 .location_box.loca1 .info_box .img{width: 960px; background-image: url(/images/sub/intro7_img1_251106.png);}
.intro7 .location_box.loca2 .info_box .img{width: 960px; background-image: url(/images/sub/intro7_img2_251127.png);}
.intro7 .location_box.loca3 .info_box .img{width: 240px; background-image: url(/images/sub/intro7_img5.png);}
.intro7 .location_box.loca6 .info_box .img{background-image: url(/images/sub/intro7_img4.webp);}
.intro7 .location_box .info_box .img-slick{max-width: 450px;}
.intro7 .location_box .info_box .img-slick img.slick-slide{max-width: 100%; border-radius: 10px;}
.intro7 .location_box .info_box .img-slick button{width: 50px; height: 50px; opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}
.intro7 .location_box .info_box .img-slick button img{width: 100%; height: 100%;}
.intro7 .location_box .info_box .img-slick .custom-prev{left: 3px;}
.intro7 .location_box .info_box .img-slick .custom-next{right: 3px;}
.intro7 .location_box .info_box .img-slick .slick-dots{transform: translateX(-50%);}
.intro7 .location_box .info_box .img-slick .slick-dots li{width: 15px; height: 3px; border-radius: 0;}
.intro7 .location_box .info_box .img-slick .slick-dots li.slick-active{background-color: #138a37;}
.intro7 .location_box .info_box .img-flex{display: flex; max-width: 850px; width: 100%; gap: 10px;}
.intro7 .location_box .info_box .img-flex.w3 img{width: calc((100% - 20px)/3); aspect-ratio: 80/48; height: auto; border-radius: 5px;}

@media all and (max-width:1024px){
	.intro7 .location_box .map_box iframe{height: 380px;}
	.intro7 .location_box + .location_box{margin-top: 80px;}
	.intro7 .location_box .info_box .text h3{font-size: 24px; margin-bottom: 20px;}
	.intro7 .location_box .info_box .dl_box dl dt{font-size: 17px; width: 90px;}
	.intro7 .location_box .info_box .dl_box dl dd{font-size: 17px; width: calc(100% - 90px);}
	.intro7 .location_box .info_box .btn{margin-top: 30px;}
	.intro7 .location_box .info_box .btn a{line-height: 46px; padding: 0 40px;}
	.intro7 .location_box .info_box .img{width: 360px; height: 200px;}
}
@media all and (max-width:976px){
	.intro7 .location_box .map_box iframe{height: 330px;}
	.intro7 .location_box .info_box{flex-direction: column-reverse; margin-top: 30px;}
	.intro7 .location_box .info_box .img{width: 100%; height: 36vw; margin-bottom: 30px;}
    .intro7 .location_box.loca1 .info_box .img{width: 100%;}
    .intro7 .location_box.loca2 .info_box .img{width: 100%;}
    .intro7 .location_box.loca3 .info_box .img{width: 100%; height: 90vw;}
	.intro7 .location_box .info_box .text{width: 100%; margin-top: 0px;}
	.intro7 .location_box .info_box .text h3{font-size: 23px; margin-bottom: 17px;}
	.intro7 .location_box .info_box .btn {margin-top: 30px;}
	.intro7 .location_box .info_box .btn a{line-height: 42px; padding: 0 36px;}
    .intro7 .location_box .info_box .img-slick{max-width: 500px; margin-bottom: 15px;}
    .intro7 .location_box .info_box .img-flex{width: 100%; margin-bottom: 15px;}
}
@media all and (max-width:500px){
	.intro7 .location_box .map_box iframe{height: 60vw;}
	.intro7 .location_box .info_box{margin-top: 25px;}
	.intro7 .location_box + .location_box{margin-top: 60px;}
	.intro7 .location_box .info_box .img{width: 100%; height: 32vw; margin-bottom: 25px;}
	.intro7 .location_box .info_box .text{width: 100%; margin-top: 0px;}
	.intro7 .location_box .info_box .text h3{font-size: 20px;}
	.intro7 .location_box .info_box .dl_box dl dt{font-size: 16px; width: 75px;}
	.intro7 .location_box .info_box .dl_box dl dd{font-size: 16px; width: calc(100% - 75px);}
	.intro7 .location_box .info_box .btn{margin-top: 25px;}
	.intro7 .location_box .info_box .btn a{line-height: 40px; padding: 0 32px; font-size: 15px;}
    .intro7 .location_box .info_box .img-slick button{width: 35px; height: 35px;}
    .intro7 .location_box .info_box .img-slick .slick-dots{bottom: 6px;}
}

.intro8{}
.intro8 .esg_tit{margin-bottom: 40px;}
.intro8 .esg_tit h3{font-size: 24px; color: #000; margin-bottom: 10px;}
.intro8 .esg_tit p{font-size: 20px; font-weight: 500; color: #444; line-height: 1.6em;}
.intro8 .esg_box{}
.intro8 .esg_box .tit{color: #74bc38; font-size: 22px; margin-bottom: 20px;}
/*.intro8 .esg_box + .esg_box{margin-top: 50px;}*/
.intro8 .esg_box + .esg_box{margin-top: 50px; padding-top: 50px; border-top: 1px solid #eee;}
.intro8 .esg_box .img{width: 100%; height: 480px; border-radius: 15px; overflow: hidden; position: relative;}
.intro8 .esg_box .img img{width: 100%; height: 100%; object-fit: cover;}
.intro8 .esg_box .img p{position: absolute; bottom: 40px; left: 40px; color: #fff; font-size: 64px; font-weight: 800; opacity: 0.6;}
.intro8 .esg_box .text{margin-top: 10px;}
.intro8 .esg_box .text p{font-size: 18px; color: #666; line-height: 2em; word-break: keep-all;}
.intro8 .esg_box .text p + p{margin-top: 20px;}

@media all and (max-width:1280px){
	.intro8 .esg_box .img{height: 420px;}
	.intro8 .esg_tit{margin-bottom: 35px;}
	.intro8 .esg_tit h3{font-size: 22px;}
	.intro8 .esg_tit p{font-size: 19px;}
	.intro8 .esg_box .tit{font-size: 20px; margin-bottom: 17px;}
	.intro8 .esg_box .text p{font-size: 17px; line-height: 1.8em;}
	.intro8 .esg_box + .esg_box{margin-top: 40px; padding-top: 40px;}
	.intro8 .esg_box .text p + p{margin-top: 17px;}
	.intro8 .esg_box .img p{font-size: 56px; bottom: 35px; left: 35px;}
}
@media all and (max-width:1024px){
	.intro8 .esg_box .img{height: 360px;}
	.intro8 .esg_tit{margin-bottom: 30px;}
	.intro8 .esg_tit h3{font-size: 21px; margin-bottom: 8px;}
	.intro8 .esg_tit p{font-size: 18px;}
	.intro8 .esg_box .tit{font-size: 19px;}
	.intro8 .esg_box + .esg_box{margin-top: 35px; padding-top: 35px;}
	.intro8 .esg_box .img p{font-size: 48px; bottom: 32px; left: 32px;}
}
@media all and (max-width:768px){
	.intro8 .esg_box .img{height: 300px;}
	.intro8 .esg_tit{margin-bottom: 27px;}
	.intro8 .esg_tit h3{font-size: 20px;}
	.intro8 .esg_tit p{font-size: 17px;}
	.intro8 .esg_box .tit{font-size: 18px; margin-bottom: 13px;}
	.intro8 .esg_box .text p{font-size: 16px; line-height: 1.6em;}
	.intro8 .esg_box + .esg_box{margin-top: 32px; padding-top: 32px;}
	.intro8 .esg_box .text p + p{margin-top: 14px;}
	.intro8 .esg_box .img p{font-size: 42px; bottom: 28px; left: 28px;}
}
@media all and (max-width:500px){
	.intro8 .esg_box .img{height: 240px;}
	.intro8 .esg_tit{margin-bottom: 25px;}
	.intro8 .esg_tit h3{font-size: 19px; margin-bottom: 6px;}
	.intro8 .esg_box + .esg_box{margin-top: 28px; padding-top: 28px;}
	.intro8 .esg_box .img p{font-size: 36px; bottom: 25px; left: 25px;}
}


/* business */
.business{}
.business #subTitle{margin: 40px 0;}
.business .bsuiness_top{height: 480px; width: 100%;  padding: 40px 80px; border-radius: 15px; position: relative; overflow: hidden;}
.business .bsuiness_top .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business .bsuiness_top .img span{background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; width: 100%; height: 100%;}
.business .bsuiness_top.aos-animate span{animation: imgzoomout 1.5s ease-in-out forwards;}
.business.business1 .bsuiness_top .img span{background-image: url(/images/sub/business1_img1.webp);}
.business.business2 .bsuiness_top .img span{background-image: url(/images/sub/business2_img1.webp);}
.business.business3 .bsuiness_top .img span{background-image: url(/images/sub/business3_img1.webp);}
.business.business4 .bsuiness_top .img span{background-image: url(/images/sub/business4_img1.webp);}
.business .bsuiness_top .inner{height: 100%;}
.business .bsuiness_top .inner .txt{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.business .bsuiness_top .inner .txt p{font-size: 24px; color: #eee; margin-bottom: 10px; font-weight: 700;}
.business .bsuiness_top .inner .txt h3{color: #fff; font-size: 56px;}
.business .inner{}
.business .inner .text{margin-top: 30px;}
.business .inner .text p{font-size: 18px; color: #444; line-height: 1.8em; word-break: keep-all;}
.business .inner .btn{margin-top: 50px; text-align: center;}
.business .inner .btn a{display: inline-block; line-height: 60px; color: #fff; background-color: #000; font-size: 17px; font-weight: 600; padding: 0 40px; transition: .4s; border: 1px solid #000;}
.business .inner .btn:hover a{background-color: transparent;  color: #000;}

@media all and (max-width:1280px){
	.business #subTitle{margin: 35px 0;}
	.business .bsuiness_top{height: 420px; padding: 30px 50px;}
	.business .bsuiness_top .inner .txt p{font-size: 22px;}
	.business .bsuiness_top .inner .txt h3{font-size: 50px;}
	.business .inner .text{margin-top: 25px;}
	.business .inner .text p{font-size: 17px;}
	.business .inner .btn{margin-top: 40px;}
	.business .inner .btn a{font-size: 16px; padding: 0 35px; line-height: 54px;}
}
@media all and (max-width:1024px){
	.business #subTitle{margin: 30px 0;}
	.business .bsuiness_top{height: 360px; padding: 25px 40px;}
	.business .bsuiness_top .inner .txt p{font-size: 21px;}
	.business .bsuiness_top .inner .txt h3{font-size: 44px;}
}
@media all and (max-width:768px){
	.business #subTitle{margin: 27px 0;}
	.business .bsuiness_top{height: 300px; padding: 20px 30px;}
	.business .bsuiness_top .inner .txt p{font-size: 20px;}
	.business .bsuiness_top .inner .txt h3{font-size: 38px;}
	.business .inner .text{margin-top: 20px;}
	.business .inner .text p{font-size: 16px;}
	.business .inner .btn{margin-top: 30px;}
	.business .inner .btn a{font-size: 15px; padding: 0 30px; line-height: 48px;}
}
@media all and (max-width:500px){
	.business #subTitle{margin: 24px 0;}
	.business .bsuiness_top{height: 240px; padding: 15px 20px;}
	.business .bsuiness_top .inner .txt p{font-size: 18px;}
	.business .bsuiness_top .inner .txt h3{font-size: 32px;}
}