.video_wrap {
	position: relative;
	height: 100vh;
	min-height: 420px;
	overflow: hidden;
}
.video_wrap video {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.video_wrap img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}


.msec_area{width: 100%;margin: 0 auto;min-height: 100vh;display: flex;align-items: center;}
.msection1{background: url(../image/main/msec1.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.msection2{background: url(../image/main/msec2.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.msection3{background: url(../image/main/msec3.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}
.msection4{background: #fff;background-attachment:fixed;}


.mcon_wid{width: calc(100% - 20px);max-width: 1280px;margin:0 auto;padding: 110px 0;}

.mtit_s{text-align: center;margin-bottom: 65px;font-size: 45px;color:#000;font-weight: bold;line-height:1;}
.mtit_s span{display: block;font-size: 20px;color:#818181;font-weight: 600;margin-bottom: 15px;}

.ctslid_area{width:100%;margin:0 auto;position:relative;}
.msection1 .swiper-button-next.bn2, .msection1 .swiper-button-prev.bn2{position:absolute;top:50%;margin-top:-20px;z-index:9;width:21px;height:41px;}
.msection1 .swiper-button-next.bn2{right:-20px;background: url(../image/main/ms_rt.png) 0 0 no-repeat;}
.msection1 .swiper-button-prev.bn2{left:-20px;background: url(../image/main/ms_lf.png) 0 0 no-repeat;}
.msection1 .swiper-button-next.bn2:after{display:none;}
.msection1 .swiper-button-prev.bn2:after{display:none;}
.swiper-container.msec_slid{position:relative;}
.swiper-container.msec_slid .swiper-slide{transform: scale(0.8);transition: .4s;}
.swiper-container.msec_slid .swiper-slide > a{position:relative;display: block;text-align:center;}
.swiper-container.msec_slid .swiper-slide > a > .img{position: relative;transition: .4s;border: 1px solid #e2e2e2;}
.swiper-container.msec_slid .swiper-slide > a > .img img{width:100%;}
.swiper-container.msec_slid .swiper-slide > a > .img > span{opacity:0;position:absolute;left:30px;top:30px;font-size: 26px;color:#000;font-weight:500;line-height:1;}
.swiper-container.msec_slid .swiper-slide.swiper-slide-active{transform: scale(1);}
.swiper-container.msec_slid .swiper-slide.swiper-slide-active  > a > .img{border: 2px solid #000;}
.swiper-container.msec_slid .swiper-slide.swiper-slide-active  > a > .img > span{opacity:1;}


.mnums_area{display: flex;justify-content:space-between;}
.mnums_area > .mnums_box{max-width: 540px;}
.mnums_area > .title h3{font-size: 42px;color:#fff;font-weight: bold;line-height: 1;}
.mnums_area > .title p{margin-top: 20px;font-size: 28px;color:#fff;font-weight: 200;line-height: 1.4;}
.num_rol{display: flex;flex-wrap:wrap;margin-top: -110px;margin-left:-10px;}
.num_rol > li{width: calc(50% - 10px);margin-top: 110px;;margin-left: 10px;}
.num_rol > li > div{padding-left: 50px;padding-top: 5px;}
.num_rol > li.ico1 > div{background: url(../image/main/aic1.png) no-repeat left top;}
.num_rol > li.ico2 > div{background: url(../image/main/aic2.png) no-repeat left top;}
.num_rol > li.ico3 > div{background: url(../image/main/aic3.png) no-repeat left top;}
.num_rol > li.ico4 > div{background: url(../image/main/aic4.png) no-repeat left top;}
.num_rol > li > div > p{font-size: 18px;color:#fff;line-height:1;margin-bottom:36px;}
.num_rol > li > div > div{font-size: 28px;color:#fff;font-weight: 600;line-height:1;}
.num_rol > li > div > div strong{font-size: 60px;}


.mcomp_box{text-align:center;}
.mcomp_box > p.txt1{font-size: 20px;color:#818181;font-weight:bold;line-height:1;}
.mcomp_box > p.txt2{margin: 25px 0 50px;font-size: 48px;color:#000;line-height:1.4;}
.mcomp_box > p.txt3{margin: 60px 0 20px;font-size: 36px;color:#0d5e75;font-weight: 600;line-height:1;}
.mcomp_box > p.txt4{font-size: 28px;color:#828282;line-height:1.4;}

.mcomp_box > p.txt1 span{color:#0da2e5;}
.mcomp_box > p.txt2 span{display: inline-block;font-weight: bold;}

.news_linebt{position:relative;}
.news_line{display: flex;flex-wrap:wrap;margin-top: -40px;margin-left:-40px;}
.news_line div > a{display: block;}
.news_line div > a > .img{overflow: hidden;}
.news_line div > a > .img img{width: 100%;transition: all 0.3s ease-in-out;}
.news_line div:hover > a > .img img{transform: scale(1.1) rotate(-3deg);}
.news_line div > a > .box{margin-top: 35px;}
.news_line div > a > .box .tit{font-size: 20px;color:#252525;font-weight:600;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_line div > a > .box .day{margin-top: 15px;font-size: 14px;color:#8c8c8c;font-weight:300;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.msection4 .swiper-button-next.bn3, .msection4 .swiper-button-prev.bn3{position:absolute;top:50%;margin-top:-20px;z-index:9;width:21px;height:41px;}
.msection4 .swiper-button-next.bn3{right:-40px;background: url(../image/main/ms_rt.png) 0 0 no-repeat;}
.msection4 .swiper-button-prev.bn3{left:-40px;background: url(../image/main/ms_lf.png) 0 0 no-repeat;}
.msection4 .swiper-button-next.bn3:after{display:none;}
.msection4 .swiper-button-prev.bn3:after{display:none;}

.mic_area{margin-top: 65px;}
.mic_line{display: flex;flex-wrap:wrap;margin-top: -34px;margin-left:-34px;}
.mic_line > li{width: calc(25% - 34px);margin-top: 34px;margin-left: 34px;background: #f5f5f5;}
.mic_line > li > a{display: block;text-align: center;padding: 30px 5px;}
.mic_line > li > a > span{display: inline-block;font-size: 0;}
.mic_line > li:hover > a > span{transition: .4s;transform: rotateY(360deg);}
.mic_line > li > a > p{margin-top: 11px;font-size: 17px;color:#2d2d2d;font-weight: 600;line-height:1;}

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


}
@media screen and (max-width:1599px){
	.msection1 .swiper-button-next.bn2{right:10px;}
	.msection1 .swiper-button-prev.bn2{left:10px;}
}

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

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

}

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


@media screen and (max-width:1024px){
	.video_wrap{height: auto;min-height: 100%;position: relative;padding-bottom:134%;}
	.video_wrap video{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}
	.video_wrap img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}

	.msec_area{min-height: 0;display: block;}
	.mcon_wid{padding: 80px 0;}
	.mtit_s{margin-bottom: 40px;font-size: 32px;}
	.mtit_s span{font-size: 18px;margin-bottom: 12px;}

	.mnums_area{display: block;}
	.mnums_area > .mnums_box{max-width: 100%;}
	.mnums_area > .title{text-align:center;margin-bottom: 40px;}
	.mnums_area > .title h3{font-size: 32px;}
	.mnums_area > .title p{margin-top: 15px;font-size: 22px;}
	.num_rol{margin-top: -40px;}
	.num_rol > li{margin-top: 40px;}
	.num_rol > li > div > p{margin-bottom: 20px;}

	.news_line{margin-top: -30px;margin-left:-5px;}
	.news_line div > a > .box{margin-top: 20px;}
	.news_line div > a > .box .tit{font-size: 17px;}
	.news_line div > a > .box .day{margin-top: 10px;font-size: 12px;}
	.msection4 .swiper-button-next.bn3, .msection4 .swiper-button-prev.bn3{display:none;}
	.mic_area{margin-top: 40px;}
	.mic_line{margin-top: -5px;margin-left:-5px;}
	.mic_line > li{width: calc(25% - 5px);margin-top: 5px;margin-left: 5px;}

}


@media screen and (max-width:767px){
	.swiper-container.msec_slid .swiper-slide > a > .img > span{left:15px;top:15px;font-size: 20px;}
	.mnums_area > .title h3{font-size: 27px;}
	.mnums_area > .title p{font-size: 18px;}
	.num_rol > li > div{padding-left: 40px;}
	.num_rol > li > div > p{font-size: 17px;}
	.num_rol > li > div > div{font-size: 16px;}
	.num_rol > li > div > div strong{font-size: 32px;}

	.mcomp_box > p.txt1{font-size: 18px;}
	.mcomp_box > p.txt2{margin: 15px 0 40px;font-size: 32px;line-height: 1.2;}
	.mcomp_box > p.txt3{margin: 40px 0 15px;font-size: 22px;}
	.mcomp_box > p.txt4{font-size: 18px;}
	.mcomp_box br{display: none;}
}

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

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

}

@media screen and (max-width:420px){
	.mcomp_box > p.txt2{font-size: 26px;}
	.news_line > li{width: calc(100% - 5px);}
	.mic_line > li{width: calc(50% - 5px);}
	.mic_line > li > a{padding: 20px 5px;}
}