@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

.pcbr{display:none;}
.ptbr{display:block;}
.tbbr{display:block;}
.tmbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}

.pc_view{display: none;}
.pt_view{display: block;}
.t_view{display: block;}
.tm_view{display: block;}
.m_view{display: none;}

/*header*/

/* sub공통 ----------------------------- */
/* .page_top */
.page_top {
position: relative;
}
.page_top.pn1 {
background: url(/images/page/sub_visual_pn1.png) no-repeat center bottom / cover;
}
.page_top.pn2 {
background: url(/images/page/sub_visual_pn2.png) no-repeat center bottom / cover;
}
.page_top.pn3 {
background: url(/images/page/sub_visual_pn3.png) no-repeat center bottom / cover;
}
.page_top.pn4 {
background: url(/images/page/sub_visual_pn4.png) no-repeat center bottom / cover;
}
.page_top.pn5 {
background: url(/images/page/sub_visual_pn5.png) no-repeat center bottom / cover;
}
.page_top.pn6 {
background: url(/images/page/sub_visual_pn6.png) no-repeat center bottom / cover;
}
.page_top::after {
content:'';
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
position: absolute;
top:0;
left: 0;
}
.pageTopWrap {
position: relative;
z-index: 2;
padding: 250px 0 90px 0;
max-width: 1570px;
width: 94%;
margin: 0 auto;
}
.page_top .dep1 {
font-size: var(--fz-34);
color: #fff;
}
.page_top .slogan {
font-size: var(--fz-58);
color: #fff;
font-weight: 700;
margin-top: 40px;
}

/* .sub_tab */
.sub_tab {
padding: 90px 0;
max-width: 1570px;
width: 94%;
margin: 0 auto;
}
.sub_tab.has-visual {
padding-bottom: 40px;
}
.sub_tab ul {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #D4D4D4;
border-radius: 80px;
}
.sub_tab ul li {
flex:1;
}
.sub_tab ul li a {
display: block;
padding: 17px 10px;
font-size: var(--fz-16);
text-align: center;
}
.sub_tab ul li.on {
background-color: var(--main-color);
border-radius: 80px;
}
.sub_tab ul li.on a {
color: #fff;
}

/* sub_visual */
.sub_visual {
width: 100%;
border-radius: 36px;
height: 400px;
overflow: hidden;
max-width: 1860px;
width: 98%;
margin: 0 auto;
margin-bottom: 140px;
}

/* sub page */
.innerwrap{
max-width: 1570px;
width: 94%;
margin: 0 auto;
}

.icon-arr {
width: 40px;
height: 40px;
border:1px solid #0000004D;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
transition: all 0.3s;
}
.icon-arr i{
position: relative;
display: block;
width: 13px;
height: 11px;
background: url(/images/page/icon-arr.png) no-repeat center / contain;
transition: all 0.3s;
}

/* paging */
.paging{
margin-top:85px;
text-align:center;
}
.paging a{
display:inline-block;
vertical-align:top;
box-sizing:border-box;
width:50px;height:50px;
background:#fff;
font-family:"Pretendard";color:#2a3d64;font-size:18px;line-height:50px;
}
.paging strong{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 50px;
height: 50px;
border-radius:50%;
background: #2a3d64;
font-family: "Pretendard";
color: #fff;
font-size: 18px;
line-height: 50px;
font-weight: 400;
}
.paging .page_begin{
width:42px;height:52px;
background:url(/images/page/page_begin.png) no-repeat center;
border:0;
}
.paging .page_prev{
width:42px;height:52px;
background:url(/images/page/page_prev.png) no-repeat center;
border:0;margin-right:20px;
}
.paging .page_next{
width:42px;height:52px;
background:url(/images/page/page_next.png) no-repeat center;
border:0;margin-left:20px;
}
.paging .page_end{
width:42px;height:52px;
background:url(/images/page/page_end.png) no-repeat center;
border:0;
}


/* sub ----------------------------- */
.m10 {}
.m10 section:last-child{
padding-bottom: 160px;
}
.m11 section:last-child,
.m13 section:last-child{padding-bottom: 0;}

/* m11 */
.m11 .section .container-title {
font-size: var(--fz-40);
font-weight: 700;
}
.m11 .section .container-text {
font-size: var(--fz-20);
margin-top: 14px;
color: #525252;
line-height: 1.4;
}
.m11{}
.m11 .section1{
padding-bottom: 160px;
}
.m11 .section1 .container{
text-align: center;
}
.m11 .section1 .page-title{
font-size: var(--fz-58);
font-weight: 700;
}
.m11 .section1 .page-text{
margin-top: 40px;
font-size: var(--fz-20);
line-height: 1.4;
color: #525252;
}
.m11 .section2 {
background-color: #EEEDF2;
}
.m11 .section2 .container {
padding: 160px 0;
}
.m11 .section2 .content {
padding: 40px 0;
}
.m11 .section2 .content:last-child{
padding: 40px 0 0;
}
.m11 .section2 .content + .content {
border-top: 1px solid #ACACAC;
}
.m11 .section2 .content .content-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap:5vw;
}
.m11 .section2 .content .text-area {
width: 50%;
}
.m11 .section2 .content .text-area .content-title {
font-size: var(--fz-58);
display: block;
}
.m11 .section2 .content .text-area .content-subTitle {
font-size: var(--fz-20);
margin-top: 53px;
display: block;
}
.m11 .section2 .content .text-area .content-text {
font-size: var(--fz-20);
margin-top: 14px;
color: #525252;
line-height: 1.4;
}
.m11 .section2 .content .thumb-box {
aspect-ratio: 534 / 370;
width: 50%;
max-width: 534px;
border-radius: 70px;
overflow: hidden;
}
.m11 .section2 .content .thumb-box img {
width: 100%;
height: 100%;
object-fit: cover;
}
.m11 .section3 {
padding: 90px 0;
}
.m11 .section3 .container {}
.m11 .section3 .content {
margin-top: 90px;
}
.m11 .section3 .content .content-wrap {
padding-bottom: 40px;
width: 103%;
}
.m11 .section3 .content .business-list {}
.m11 .section3 .content .business-list .list-item {
border-radius: 24px;
width: 100%;
padding: 50px 24px 24px;
aspect-ratio: 636 / 546;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.m11 .section3 .content .business-list .list-item:nth-child(1){
background: url(/images/page/m11_sec3_img1.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .list-item:nth-child(2){
background: url(/images/page/m11_sec3_img2.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .list-item:nth-child(3){
background: url(/images/page/m11_sec3_img3.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .list-item:nth-child(4){
background: url(/images/page/m11_sec3_img1.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .list-item:nth-child(5){
background: url(/images/page/m11_sec3_img1.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .list-item:nth-child(6){
background: url(/images/page/m11_sec3_img1.png) no-repeat center /cover;
}
.m11 .section3 .content .business-list .item-title {
text-align: center;
color: #fff;
font-size: var(--fz-30);
font-weight: 600;
display: block;
}
.m11 .section3 .content .business-list .item-textWrap {
padding: 20px 2vw;
backdrop-filter: blur(15px);
border-radius: 24px;
background-color: rgba(255, 255, 255, 0.2);
width: 100%;
opacity: 0;
transition: all 0.3s;
}
.m11 .section3 .content .business-list .list-item:hover .item-textWrap {
opacity: 1;
}
.m11 .section3 .content .business-list .item-text {
color: #fff;
font-size: var(--fz-20);
text-align: center;
line-height: 1.8;
}
.m11 .section3 .content .swiper-container .swiper-scrollbar {
left: 0%;
max-width: 1570px;
width: 97%;
}
.m11 .section3 .content .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
background: #000;
border-radius: 0;
}
.m11 .section4 {
background-color: #F6F5F8;
padding-top: 160px;
}
.m11 .section4 .content {
position: relative;
margin-top: 50px;
}
.m11 .section4 .content-wrap {
width: 100%;
padding-top: 100px;
margin-top:45px;
overflow: hidden;
height: 50vw;
}
.m11 .section4 .circle {
position: relative;
}
.m11 .section4 .circle-line{
width: 70%;
border-radius: 50%;
border: 8px solid #C3CBDA;
aspect-ratio: 1;
max-width: 884px;
padding: 40px;
margin: 0 auto;
}
.m11 .section4 .circle-center {
margin: 0 auto;
width: 100%;
height: 100%;
border-radius: 50%;
background: radial-gradient(circle, #48B3D5 0%, #fff 70%);
z-index: 1;
}
.m11 .section4 .center-list {
position: relative;
width: 80%;
height: 100%;
margin: 0 auto;
}
.m11 .section4 .center-list .list-item{
position: absolute;
top: 0%;
left: 50%;
transform: translateX(-50%);
width: 100%;
opacity: 0;
transition: all 0.2s;
height: 62%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.m11 .section4 .center-list .list-item .img-box{
margin: 0 auto;
width: 80px;
height: 80px;
background: url(/images/page/m11_icon_bg.png) no-repeat center / 60px;
display: flex;
align-items: center;
justify-content: center;
}
.m11 .section4 .center-list .list-item .img-box img {
width: 40px;
height: 40px;
}
.m11 .section4 .center-list .list-item .item-text{
margin-top: 15px;
font-size: var(--fz-20);
line-height: 1.6;
color: #404040;
text-align: center;
}
.m11 .section4 .center-list .list-item.on {
opacity: 1;
}
.m11 .section4 .circle-list {
position: absolute;
z-index: 2;
width: 80%;
height: 100%;
bottom: 40px;
transform: translateX(-50%);
left: 50%;
}
.m11 .section4 .circle-list .list-item {
display: flex;
align-items: center;
gap: 16px;
font-size: var(--fz-22);
color: #6b7480;
white-space: nowrap;
position: absolute;
width: 310px;
}
.m11 .section4 .circle-list .list-item.left {
flex-direction: row-reverse;
text-align: right;
}
.m11 .section4 .circle-list .list-item.right {
flex-direction: row;
text-align: left;
}
.m11 .section4 .circle-list .list-item.top {
flex-direction: column-reverse;
text-align: center;
}
.m11 .section4 .circle-list .item-text {
font-size: var(--fz-20);
color: #ACACAC;
transition: all 0.2s;
}
.m11 .section4 .circle-list .list-item:hover .item-text,
.m11 .section4 .circle-list .list-item.on .item-text {
color: #000;
}
.m11 .section4 .circle-list .list-item:hover .item-number,
.m11 .section4 .circle-list .list-item.on .item-number {
color: #2A2D64;
background-color: #C3C5E3;
}
.m11 .section4 .circle-list .item-number{
border-radius: 50%;
background: #fff;
padding: 12px;
font-size: var(--fz-20);
color: #ACACAC;
transition: all 0.2s;
}
.m11 .section4 .mContent-list .item-number{
border-radius: 50%;
padding: 12px;
font-size: var(--fz-20);
color: #2A2D64;
background-color: #C3C5E3;
}
.m11 .section4 .circle-list .list-item:nth-child(1) {
bottom: 50%;
right: 100%;
}
.m11 .section4 .circle-list .list-item:nth-child(2) {
bottom: 85%;
right: 85%;
}
.m11 .section4 .circle-list .list-item:nth-child(3) {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
}
.m11 .section4 .circle-list .list-item:nth-child(4) {
bottom: 85%;
left: 85%;
}
.m11 .section4 .circle-list .list-item:nth-child(5) {
bottom: 50%;
left: 100%;
}
.m11 .section4 .mContent-wrap {
text-align: center;
}
.m11 .section4 .mContent-wrap .mContent-list .list-item {
display: none;
}
.m11 .section4 .mContent-wrap .mContent-list .list-item.on {
display: block;
}
.m11 .section4 .mContent-wrap .mContent-list .list-item .item-number {
display: inline-block;
}
.m11 .section4 .mContent-wrap .mContent-list .list-item .item-title {
font-size: var(--fz-20);
color: #000;
transition: all 0.2s;
display: block;
margin-top: 8px;
}
.m11 .section4 .mContent-wrap .mContent-list .list-item .item-text {
display: none;
}

/* m12 */
.m12 {}
.m12 .content1 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 9.5vw;
}
.m12 .content .textArea,
.m12 .content .imgArea{
width: calc((100% - 9.5vw)/2);
}
.m12 .content1 h6 {
font-size: var(--fz-58);
font-weight: 700;
}
.m12 .content1 p{
margin-top: 60px;
color: #525252;
font-size: var(--fz-20);
line-height: 1.6;
}
.m12 .content .textArea .ceo {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
color: #525252;
font-size: var(--fz-20);
line-height: 1.6;
}
.m12 .content2 .textArea .ceo img{
display: block;
}


/* m13 */
.m13{}
.m13 .container{
display: flex;
align-items: flex-start;
margin-top: 15%;
position: relative;
}
.m13 .container::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background-color: #ccc;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.m13 .content{
width: 50%;
}
.m13 .year-content {
padding-right: 6.15vw;
}
.m13 .year-content .year-list{
position: relative;
width: 100%;
}
.m13 .year-content .year-list .list-item{
position: absolute;
width: 100%;
opacity: 0;
transition: all 0.4s;
}
.m13 .year-content .year-list .list-item.active{
opacity: 1;
}
.m13 .year-content .year-list .list-item .year-title {
font-size: var(--fz-68);
font-weight: 700;
line-height: 1;
}
.m13 .year-content .year-list .list-item .year-thumb {
margin-top: 50px;
width: 100%;
border-radius: 70px;
aspect-ratio: 636 / 400;
}
.m13 .year-content .year-list .list-item:nth-child(1) .year-thumb{
background: url(/images/page/m13_img3.png) no-repeat center / cover;
}
.m13 .year-content .year-list .list-item:nth-child(2) .year-thumb{
background: url(/images/page/m13_img2.png) no-repeat center / cover;
}
.m13 .year-content .year-list .list-item:nth-child(3) .year-thumb{
background: url(/images/page/m13_img1.png) no-repeat center / cover;
}
.m13 .month-content{position: relative;}
.m13 .month-content .content-wrap{
padding: 0 0 10.5vw 6.15vw;
}
.m13 .month-content .month-item{
display: flex;
align-items: flex-start;
gap:30px;
position: relative;
transform: translateY(10%);
opacity: 0;
transition: all 0.6s;
}
.m13 .month-content .month-item.active {
opacity: 1;
transform: translateY(0%);
}
.month-box:first-child .month-item:first-child{
padding-top: 0;
}
.m13 .month-content .month-item{
padding: 3.1vw 0;
}
.m13 .month-content .month-item::after{
content:'';
position: absolute;
width: calc(100% - 6.15vw);
height: 1px;
background-color: #D9D9D9;
bottom: 0;
}
.m13 .month-content .month-item .item-month{
color: #2A2D64;
font-size: var(--fz-40);
font-weight: 700;
position: relative;
}
.m13 .month-content .month-item .item-month::before{
content:'';
position: absolute;
width: 12px;
height: 12px;
background-color: #2A2D64;
border-radius: 50%;
left: calc(-6.15vw - 6px);
top:50%;
transform: translateY(-50%);
z-index: 1;
}
.m13 .month-content .month-item .item-month::after{
content:'';
position: absolute;
width: 40px;
height: 40px;
background-color: #2A2D64;
border-radius: 50%;
left: calc(-6.15vw - 20px);
top:50%;
z-index: 2;
opacity: 0;
transition: all 0.8s 0.6s;
transform-origin: center;
transform: translateY(-50%) scale(0);
}
.m13 .month-content .month-item .item-text{
margin-top: 1%;
}
.m13 .month-content .month-item .item-text p{
color: #525252;
font-size: var(--fz-20);
}
.m13 .month-content .month-item .item-text p + p{
margin-top: 14px;
}
.m13 .month-content .month-item.active {
opacity: 1;
transform: translateY(0%)
}
.m13 .month-content .month-item.active .item-month::after{
opacity: 0.2;
transform: translateY(-50%) scale(1);
}



/* m14 */
.m14{}
.m14 .section1 {
scroll-margin-top: 110px;
}
.m14 .section1 .tabs{
	display: flex;
}
.m14 .section1 .tabs li{
	flex:1;
}
.m14 .section1 .tabs li a{
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: var(--fz-16);
	color: #525252;
	border-bottom: 1px solid #D4D4D4;
}
.m14 .section1 .tabs li.on a{
	color: #2A2D64;
	font-weight: 700;
	border-bottom: 2px solid #2A2D64;
}
.m14 .section2{margin-top: 195px;	}

/* m141 */
.m141 .section2 .container{}
.m141 .section2 .container + .container{
margin-top: 200px;
}
.m141 .section2 .container .textArea{text-align: center;}
.m141 .section2 .container .containerTitle{
font-size: var(--fz-58);
font-weight: 700;
}
.m141 .section2 .container .containerSubTitle{
margin-top: 40px;
font-size: var(--fz-20);
font-weight: 700;
}
.m141 .section2 .container .containerText{
margin-top: 14px;
font-size: var(--fz-20);
color: #525252;
}
.m141 .section2 .container .content1 {
margin-top: 104px;
}
.m141 .section2 .container .content1 .contentList {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
gap:10px;
}
.m141 .section2 .container .content1 .contentList-item {
text-align: center;
width: calc((100% - 10px) / 2);
}
.m141 .section2 .container .content1 .contentList-item .iconBox {
background-color: #E7EDEF;
width: 96px;
aspect-ratio: 1;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 60px;
position: relative;
}
.m141 .section2 .container .content1 .contentList-item .iconBox::before{
content: '';
position: absolute;
width: 1px;
height: 54px;
border-left: 1px dashed #ACACAC;
top: 96px;
left: 50%;
transform: translateX(-50%);
}
.m141 .section2 .container .content1 .contentList-item .iconBox::after{
content: '';
position: absolute;
bottom: -66px;
left: 50%;
width: 10px;
height: 10px;
border: 2px solid #2A2D64;
border-radius: 50%;
transform: translateX(-50%);
}
.m141 .section2 .container .content1 .contentList-item .itemText-wrap {
background-color: #F7F7F7;
border-radius: 14px;
padding: 40px 1.25vw;
height: calc(100% - 156px);
display: flex;
justify-content: center;
align-items: center;
}
.m141 .section2 .container .content1 .contentList-item .itemText {
color: #525252;
font-size: var(--fz-20);
text-align: left;
position: relative;
padding-left: 17px;
}
.m141 .section2 .container .content1 .contentList-item .itemText::before{
content:'';
position: absolute;
top: calc((var(--fz-20) * 1.2) / 2 - 3.5px);
left: 0;
width: 7px;
height: 7px;
border:1px solid #ACACAC;
border-radius: 50%;
}
.m141 .section2 .container .content1 .contentText {
margin-top: 40px;
text-align: center;
font-size: var(--fz-20);
color: #525252;
}
.m141 .section2 .container .content2 {
margin-top: 160px;
padding: 160px 0;
background: url(/images/page/m14_cn1_con2_bg.png) no-repeat center / cover;
}
.m141 .section2 .container .content2 .contentWrap {
width: 350px;
text-align: center;
margin: 0 auto;
}
.m141 .section2 .container .content2 .contentTitle{
font-size: var(--fz-32);
font-weight: 700;
}
.m141 .section2 .container .content2 .targetList{
margin-top: 25px;	
}
.m141 .section2 .container .content2 .targetList-item{
display: flex;
align-items: center;
justify-content: flex-start;
gap:12px;
}
.m141 .section2 .container .content2 .targetList-item + .targetList-item {
margin-top: 10px;
}
.m141 .section2 .container .content2 .targetList-item .itemNumber {
display: inline-block;
font-size: var(--fz-16);
font-weight: 700;
color: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #404040;
display: flex;
align-items: center;
justify-content: center;
}
.m141 .section2 .container .content2 .targetList-item .itemText {
color: #525252;
font-size: var(--fz-20);
}
.m141 .section2 .container .content3 {
background: url(/images/page/m14_cn1_con3_bg.png) no-repeat top;
}
.m141 .section2 .container .content3 .contentWrap {
padding-top: 169px;
margin-top: -50px;
}
.m141 .section2 .container .content3 .contentTitle {
text-align: center;
background-color: #404040;
border-radius: 20px;
width: 33.3%;
color: #fff;
font-size: var(--fz-26);
font-weight: 700;
margin: 0 auto;
padding: 2.2vw 1vw;
}
.m141 .section2 .container .content3 .projectList {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: 70px auto 0;
width: 96%;
}
.m141 .section2 .container .content3 .projectList-item {
flex:1;
position: relative;
}
.m141 .section2 .container .content3 .projectList-item:nth-child(1)::before,
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2)::before{
content: '';
position: absolute;
width: 13px;
height: 1px;
background: #fff;
right: 21.5px;
top: 29.5px;
z-index: 1;
}
.m141 .section2 .container .content3 .projectList-item:nth-child(1)::after,
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2)::after{
content: "";
position: absolute;
width: 1px;
height: 13px;
background: #fff;
right: 28px;
top: 24.5px;
z-index: 1;
}
.m141 .section2 .container .content3 .projectList-item:nth-child(1){
margin-right: -30px;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2){
margin: 0 -30px;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3)))
.projectList-item:nth-child(2) {
margin-left: -30px;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(3){
margin-left: -30px;
}
.m141 .section2 .container .content3 .projectList-item .itemTitle {
display: block;
font-size: var(--fz-20);
font-weight: 700;
text-align: center;
height: 60px;
line-height: 60px;
border-radius: 30px;
position: relative;
mix-blend-mode: multiply;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(3))
.projectList-item:nth-child(1) .itemTitle {
    background-color: #C3C5E3;
	color: #2A2D64;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(3))
.projectList-item:nth-child(2) .itemTitle {
    background-color: #5D5D79;
	color: #fff;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(3))
.projectList-item:nth-child(3) .itemTitle {
    background-color: #2A2D64;
	color: #fff;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3)))
.projectList-item:nth-child(1) .itemTitle {
    background-color: #5D5D79;
	color: #fff;
}
.m141 .section2 .container .content3
.projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3)))
.projectList-item:nth-child(2) .itemTitle {
    background-color: #2A2D64;
	color: #fff;
}
.m141 .section2 .container .content3 .projectList-item .itemTextbox {
background-color: #F7F7F7;
border-radius: 24px;
width: calc(100% - 60px);
padding: 40px 1.25vw;
height: calc(100% - 150px);
}
.m141 .section2 .container .content3 .projectList-item:nth-child(1) .itemTextbox{
margin-right: auto;
margin-top: 20px;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2) .itemTextbox{
margin: 20px auto 0;
width: calc(100% - 120px);
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3))) .projectList-item:nth-child(2) .itemTextbox {
margin-left:auto;	
margin-top: 20px;
}
.m141 .section2 .container .content3 .projectList-item:nth-child(3) .itemTextbox{
margin-left:auto;	
margin-top: 20px;
}
.m141 .section2 .container .content3 .projectList-item .itemText{
font-size: var(--fz-20);
color: #525252;
padding-left: 17px;
position: relative;
}
.m141 .section2 .container .content3 .projectList-item .itemText::before{
content: '';
position: absolute;
top: calc(var(--fz-20) / 2 - 3.5px);
left: 0;
width: 7px;
height: 7px;
border: 1px solid #ACACAC;
border-radius: 50%;
}
.m141 .section2 .container .content3 .projectList-item .itemText + .itemText{
margin-top: 10px;
}
.m141 .section2 .container .content3 .projectList-item .itemSubTitle {
display: block;
text-align: center;
width: calc(100% - 60px);
position: relative;
font-size: var(--fz-20);
}
.m141 .section2 .container .content3 .projectList-item:nth-child(1) .itemSubTitle{
margin-top: 55px;
margin-right: auto;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2) .itemSubTitle {
margin: 55px auto 0;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3))) .projectList-item:nth-child(2) .itemSubTitle,
.m141 .section2 .container .content3 .projectList-item:nth-child(3) .itemSubTitle {
margin-top: 55px;
margin-left: auto;
}
.m141 .section2 .container .content3 .projectList-item .itemSubTitle::before{
content: '';
position: absolute;
width: 1px;
height: 32px;
border-left: 2px dashed #ACACAC;
top: -55px;
left: 50%;
transform: translateX(calc(-50% + 1px));
}
.m141 .section2 .container .content3 .projectList-item .itemSubTitle::after{
content:'';
position: absolute;
width: 10px;
height: 10px;
border-radius:50%;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(1) .itemSubTitle::after {
background-color: #C3C5E3;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(2) .itemSubTitle::after,
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3))) .projectList-item:nth-child(1) .itemSubTitle::after{
background-color: #5D5D79;
}
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(3)) .projectList-item:nth-child(3) .itemSubTitle::after,
.m141 .section2 .container .content3 .projectList:has(.projectList-item:nth-child(2)):not(:has(.projectList-item:nth-child(3))) .projectList-item:nth-child(2) .itemSubTitle::after{
background-color: #2A2D64;
}

/* m142 */
.m142 .section2 .container {}
.m142 .section2 .container1 .content + .content{
margin-top: 130px;
}
.m142 .section2 .container1 .content {
border: 1px solid #ACACAC;
border-radius: 24px;
padding: 4.2vw;
display: flex;
align-items: center;
justify-content: space-between;
gap:2%;
}
.m142 .section2 .container1 .content-textArea {
width: 60%;
}
.m142 .section2 .container1 .contentTitle {
font-size: var(--fz-32);
color: #2A2D64;
font-weight: 700;
}
.m142 .section2 .container1 .contentText {
margin-top: 40px;
font-size: var(--fz-22);
color: #525252;
line-height: 1.4;
}
.m142 .section2 .container1 .content-info {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #ACACAC;
}
.m142 .section2 .container1 .infoTitle {
font-size: var(--fz-19);
color: #525252;
font-weight: 600;
}
.m142 .section2 .container1 .infoText {
font-size: var(--fz-18);
margin-top: 22px;
color: #525252;
line-height: 1.4;
}
.m142 .section2 .container1 .infoCaption {
font-size: var(--fz-16);
margin-top: 45px;
color: #525252;
display: inline-block;
}
.m142 .section2 .container1 .content-thumb {
padding: 0 3.6vw;
border-left: 1px solid #ACACAC;
}
.m142 .section2 .container1 .content-thumb img {
border: 1px solid #ACACAC;
border-radius: 24px;
overflow: hidden;
}

/* m143 */
.m143 .section2 {
	padding: 0 0 160px;
}
.m143 .section2 .conTitle{
	margin-bottom: 100px;
	text-align: center;
}
.m143 .section2 .conTitle h3{
	font-size: var(--fz-40);	
	font-weight: 700;
}
.m143 .section2 .conTitle p{
	font-size: var(--fz-20);	
	line-height: 1.6em;
	color: #525252;
	margin-top: 20px;
}
.m143 .section2 .diaWrap{
	margin: 0 0 160px;
}
.m143 .section2 .diaWrap .dia{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.m143 .section2 .diaWrap .dia > img{
	max-width: 620px;
	margin: 0 auto;
}
.m143 .section2 .diaWrap .dia ul{
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.m143 .section2 .diaWrap .dia li{
	width: calc((100% - 10px) / 2);
	padding:30px 20px;
	border-radius: 12px;
	border: 1px solid #ccc;
	text-align: left;
}

.m143 .section2 .diaWrap .dia li .tit{
	font-size: var(--fz-26);
	font-weight: 700;
	color: #2A2D64;
	margin-bottom: 10px;
}
.m143 .section2 .diaWrap .dia li p{
	position: relative;
	padding: 0 0 0 17px;
	font-size: var(--fz-18);
	color: #525252;
}
.m143 .section2 .diaWrap .dia li p + p{
	margin-top: 10px;
}
.m143 .section2 .diaWrap .dia li p:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-18) * 1.2) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius:50%;
	border: 1px solid #ccc;
	box-sizing:border-box;
}

.m143 .section2 .system{
	display: flex;
	justify-content: center;
	gap: 40px;
}
.m143 .section2 .system > div{
	position: relative;
	width: fit-content;
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.m143 .section2 .system > div:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	border-right: 1.5px dashed #ccc;
}
.m143 .section2 .system > div .titWrap{
	position: relative;
	width: 250px;
	aspect-ratio: 1;
	padding: 7px;
	border-radius: 14px;
	background: #2A2D64;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m143 .section2 .system > div .titWrap:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3px;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #2A2D64;
	background: #fff;
	box-sizing: border-box;
}
.m143 .section2 .system > div .boxWrap{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.m143 .section2 .system > div .boxWrap:after{
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #2A2D64;
	background: #fff;
	box-sizing: border-box;
}
.m143 .section2 .system > div .boxWrap .box{
	width: 250px;
	aspect-ratio: 1;
	padding: 7px;
	border-radius: 14px;
	background: #F6F5F8;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m143 .section2 .system > div .boxWrap .box .tit{
	font-size: var(--fz-20);
	font-weight: 500;
	line-height: 1.6em;
}
.m143 .section2 .system > div .boxWrap .box p{
	font-size: var(--fz-18);
	line-height: 1.6em;
	color: #525252;
	margin-top: 10px;
}
.m143 .section3{
	padding: 160px 0 200px;
	background: #F6F5F8;
}
.m143 .section3 .conWrap{
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
}
.m143 .section3 .conWrap .conTit{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
	background: #2A2D64;
}
.m143 .section3 .conWrap .inner{
	width: 100%;
	padding: 60px;
}
.m143 .section3 .conWrap .inner .con{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m143 .section3 .conWrap .inner .con .img{
	width: 100%;
	text-align:center;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.m143 .section3 .conWrap .inner .con .img img{
	max-width: 485px;
}
.m143 .section3 .conWrap .inner .con .txts{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m143 .section3 .conWrap .inner .con .txts dl{
	display: flex;
	gap: 15px;
}
.m143 .section3 .conWrap .inner .con .txts dl + dl{
	margin-top: 20px;
}
.m143 .section3 .conWrap .inner .con .txts dl dt{
	display: block;
	width: 92px;
	padding: 7px 0;
	text-align: center;
	font-size: var(--fz-16);
	font-weight: 500;
	color: #2A2D64;
	background: #EEEDF2;
	border-radius: 12px;
}
.m143 .section3 .conWrap .inner .con .txts dl dd{
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #525252;
}

.m143 .section3 .conWrap .inner .imgWrap{
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.m143 .section3 .conWrap .inner .imgWrap .img{
	position: relative;
	width: calc((100% - 30px) / 2);
	aspect-ratio: 670 / 382;
	border-radius: 14px;
}
.m143 .section3 .conWrap .inner .imgWrap .img1{
	background: url(/images/page/m143_sec3_imgwrap_img1.jpg) no-repeat center / cover;
}
.m143 .section3 .conWrap .inner .imgWrap .img2{
	background: url(/images/page/m143_sec3_imgwrap_img2.jpg) no-repeat center / cover;
}
.m143 .section3 .conWrap .inner .imgWrap .txt{
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: calc(100% - 48px);
	padding: 10px 0;
	border-radius: 24px;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(20px);
	text-align: center;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #fff;
}
.m143 .section3 .innerwrap > .boxWrap{
	margin-top: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}
.m143 .section3 .innerwrap > .boxWrap .box{
	position: relative;
	width: 100%;
	padding: 0 40px;
	border: 1px solid #2A2D64;
	border-radius: 14px;
	background: #fff;
	text-align: center;
}
.m143 .section3 .innerwrap > .boxWrap .box .boxTit{
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #2A2D64;
}
.m143 .section3 .innerwrap > .boxWrap .box .img{
	text-align: center;
	padding: 45px 0;
}
.m143 .section3 .innerwrap > .boxWrap .box:nth-child(1) img{
	width: 100%;
	max-width: 380px;
}
.m143 .section3 .innerwrap > .boxWrap .box:nth-child(2) img{
	width: 100%;
}
.m143 .section3 .innerwrap > .boxWrap .box .exp{
	position: absolute;
	left: 0;
	top: calc(100% + 10px);
	font-size: var(--fz-16);
	color: #525252;
}



/* m15 */
.m15{}
.m15 .section .secTitle {
font-size: var(--fz-40);	
font-weight: 700;
}
.m15  .containerText-area .subTitle{
font-size: var(--fz-26);	
font-weight: 700;
font-family: "Wix Madefor Display";
}
.m15  .containerTitle {
font-size: var(--fz-58);	
font-weight: 700;
margin-top: 40px;
}
.m15 .section1{
overflow: hidden;
padding-bottom: 150px;
}
.m15 .section1 .container1 {
margin-top: 175px;
display: flex;
align-items: center;
justify-content: center;
gap:20px;
}
.m15 .section1 .container1 .content {
padding: 35px;
border-radius: 50%;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
width: 340px;
}
.m15 .section1 .container1 .content::before{
content:'';
padding: 45px;
position: absolute;
width: 130%;
height: 130%;
background-color: #F5F5FF;
opacity: 0.5;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.m15 .section1 .container1 .content::after{
content:'';
padding: 19px;
position: absolute;
width: 115%;
height: 115%;
border-radius: 50%;
border:1px dashed #D4D4D4;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.m15 .section1 .container1 .content1 {background-color: #2A2D64;}
.m15 .section1 .container1 .content2 {background-color: #fff;}
.m15 .section1 .container1 .content b {
display: inline-block;
margin-top: 10px;
font-size: var(--fz-30);	
font-weight: 700;
}
.m15 .section1 .container1 .content1 b{color: #fff;}
.m15 .section1 .container1 .content2 b{color: #404040;}
.m15 .section1 .container1 .content .contentSubTitle {
margin-top: 20px;
font-size: var(--fz-20);	
}
.m15 .section1 .container1 .content1 p{color: #fff;}
.m15 .section1 .container1 .content2 p{color: #000;}
.m15 .section1 .container1 .content .contentText {
line-height: 1.4;
margin-top: 10px;
font-size: var(--fz-18);
opacity: 0;
transform: translateY(10px);
visibility: hidden;
transition: all 0.4s;
}
.m15 .section1 .container1 .content:hover .contentText {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.m15 .section2 .container1 {
margin-top: 60px;
background: url(/images/page/m15_bg1.png) no-repeat center / cover;
padding: 6.7vw;
text-align: center;
}
.m15 .section2 .container1 b {
display: inline-block;
font-size: var(--fz-34);	
font-weight: 700;
color: #fff;
}
.m15 .section2 .container1 .targetList{
margin: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.m15 .section2 .container1 .targetList .targetList-item{
padding: 0 2.9vw;
}
.m15 .section2 .container1 .targetList .targetList-item:not(:last-child){
border-right: 1px solid #fff;
}
.m15 .section2 .container1 .targetList .targetList-item .itemTitle {
color: #fff;
font-size: var(--fz-20);	
font-weight: 700;
}
.m15 .section2 .container1 .targetList .targetList-item .itemText {
color: #fff;
font-size: var(--fz-68);	
font-weight: 700;
}
.m15 .section2 .container1 .targetList .targetList-item .itemTextWon {
color: #fff;
font-size: var(--fz-20);	
font-weight: 700;
}
.m15 .section2 .container1 .contentText {
margin-top: 70px;
color: #fff;
font-size: var(--fz-20);	
line-height: 1.4;
}
.m15 .section3 {
padding: 160px 0;	
}
.m15 .section3 .innerwrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.m15 .section3 .containerText-area{
flex-shrink: 0;
width: 210px;
}
.m15 .section3 .container1 {
width: calc(100% - 210px);
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap:32px;
}
.m15 .section3 .container1 .content{
width: calc((100% - 32px)/2);
padding: 30px;
max-width: 502px;
aspect-ratio: 502 / 560;
border-radius: 30px;
}
.m15 .section3 .container1 .content:nth-child(1){
background: #2A2D64 url(/images/page/m15_bg2.png) no-repeat right -26px bottom -21px;
}
.m15 .section3 .container1 .content:nth-child(2){
background: url(/images/page/m15_bg3.png) no-repeat center / cover;
}
.m15 .section3 .container1 .content:nth-child(3){
background: url(/images/page/m15_bg4.png) no-repeat center / cover;
}
.m15 .section3 .container1 .content:nth-child(4){
background: url(/images/page/m15_bg5.png) no-repeat center / cover;
}
.m15 .section3 .container1 .content .contentTitle {
color: #fff;
font-size: var(--fz-34);	
}
.m15 .section3 .container1 .content .contentText {
margin-top: 14px;
font-size: var(--fz-20);	
line-height: 1.4;
color: #fff;
opacity: 0;
transform: translateY(10px);
visibility: hidden;
transition: all 0.4s;
}
.m15 .section3 .container1 .content:hover .contentText {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.m15 .section4{
padding: 160px 0;
background-color: #EEEDF2;
}
.m15 .section4 .containerText-area .containerText {
margin-top: 30px;
font-size: var(--fz-20);	
color: #525252;
}
.m15 .section4 .container1 {
margin-top: 100px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap:20px;
}
.m15 .section4 .container1 .content  {
width: calc((100% - 20px)/2);
padding: 20px 40px;
background-color: #fff;
border-radius: 14px;
cursor: pointer;
}
.m15 .section4 .container1 .contentTitle-box {
display: flex;
align-items: center;
}
.m15 .section4 .container1 .contentTitle-box p {
font-size: var(--fz-34);	
color: #000;
font-weight: 700;
margin-left: 20px;
}
.m15 .section4 .container1 .contentTitle-box i {
display: inline-block;
width: 26px;
height: 13px;
background: url(/images/page/m15_icon_arr.png) no-repeat center;
margin-left: auto;
transition: all 0.4s;
}
.m15 .section4 .container1 .contentTitle-box.on i {
transform: rotate(180deg);
}
.m15 .section4 .container1 .contentText-box {
overflow: hidden;
transition: all 0.4s;
}
.m15 .section4 .container1 .contentText-wrap {
padding-top: 30px;
min-height: 400px;
}
.m15 .section4 .container1 .contentText-wrap b {
font-size: var(--fz-20);	
color: #000;
font-weight: 700;
line-height: 1.4;
padding-top: 30px;
border-top: 1px solid #000;
display: block;
}
.m15 .section4 .container1 .contentText-box .coreValueList {
margin-top: 25px;
}
.m15 .section4 .container1 .contentText-box .coreValueList-item {
font-size: var(--fz-20);	
color: #525252;
line-height: 1.4;
padding-left: 25px;
position: relative;
}
.m15 .section4 .container1 .contentText-box .coreValueList-item:nth-child(1)::before{
content:"1.";
position: absolute;
left: 0;
}
.m15 .section4 .container1 .contentText-box .coreValueList-item:nth-child(2)::before{
content:"2.";
position: absolute;
left: 0;
}
.m15 .section4 .container1 .contentText-box .coreValueList-item:nth-child(3)::before{
content:"3.";
position: absolute;
left: 0;
}


/* m16 */
.m16 {}
.m16 .containerTitle {
font-size: var(--fz-40);	
font-weight: 700;
}
.m16 .containerText {
font-size: var(--fz-20);	
color: #525252;
line-height: 1.4;
margin-top: 40px;
}
.m16 .section1 {}
.m16 .section1 .secTitle {
font-size: var(--fz-40);	
font-weight: 700;
}
.m16 .section1 .container1 {
margin-top: 100px;
background-color: #F6F5F8;
padding: 160px 0;
}
.m16 .section1 .content1{
margin-top: 60px;
display: flex;
align-items: center;
justify-content: center;
gap:20px;
background: url(/images/page/m16_sec2_bg1.png) no-repeat bottom;
padding-bottom: 150px;
}
.m16 .section1 .content1 .box{
width: 492px;
aspect-ratio: 1;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap:15px;
}
.m16 .section1 .content1 .box:nth-child(1){
background: url(/images/page/m16_sec1_img1.png) no-repeat center /cover;
}
.m16 .section1 .content1 .box:nth-child(2){
background: url(/images/page/m16_sec1_img2.png) no-repeat center /cover;
}
.m16 .section1 .content1 .box:nth-child(3){
background: url(/images/page/m16_sec1_img3.png) no-repeat center /cover;
}
.m16 .section1 .content1 .box .boxTitle {
font-size: var(--fz-28);	
font-weight: 700;
color: #fff;		
}
.m16 .section1 .content1 .box .boxText {
font-size: var(--fz-20);	
font-weight: 700;
color: #fff;	
}
.m16 .section1 .content2{
padding: 31.5px 1vw;
background-color: #404040;
border-radius: 24px;
text-align: center;	
margin-top: 7px;
}
.m16 .section1 .content2 .contentTitle{
font-size: var(--fz-26);	
font-weight: 700;
color: #fff;	
}
.m16 .section1 .content2 .contentText{
font-size: var(--fz-18);	
color: #fff;
margin-top: 20px;
}
.m16 .section2 {
padding-top: 160px;
}
.m16 .section2 .content1{
margin-top: 80px;
}
.m16 .section2 .content {
display: flex;
align-items: flex-start;
justify-content: center;
gap:28px;
}
.m16 .section2 .content + .content {
margin-top: 140px;
}
.m16 .section2 .content .box {
flex:1;
}
.m16 .section2 .content .box .boxTitle {
display: inline-block;
font-size: var(--fz-30);
line-height: 1.6em;
height: 3.2em;
font-weight: 700;
}
.m16 .section2 .content .box .boxThumb {
min-height:310px;
padding: 35px 2vw;
margin-top: 30px;
border-radius: 70px;
overflow: hidden;
background-color: #F6F5F8;
border: 1px solid rgba(112, 115, 124, 0.22);
display: flex;
align-items: center;
justify-content: center;
}
.m16 .section2 .content .box .boxText {
margin-top: 28px;
font-size: var(--fz-20);	
color: #525252;
line-height: 1.4;
}



/* m17 */
.m17 {}
.m17 .section1 {
margin-bottom: 160px;
}
.m17 .section1 .container{
display: flex;
align-items: stretch;
justify-content: space-between;
gap:80px;
}
.m17 .section1 .content1{
width: 100%;
max-width: 588px;
height: 567px;
overflow-y: auto;
}
.m17 .section1 .content1 .area-box{
padding: 40px 30px;
border-radius:24px;
transition: all 0.4s;
position: relative;
}
.m17 .section1 .content1 .area-box + .area-box {
margin-top: 40px;
}
.m17 .section1 .content1 .area-box:nth-child(n+2)::before {
content:'';
width: 100%;
height: 1px;
background-color: #ccc;
position: absolute;
top:-20px;
left: 0;
}
.m17 .section1 .content1 .area-box:hover,
.m17 .section1 .content1 .area-box.on {
background-color: #F6F5F8;
}
.m17 .section1 .content1 .area-box .icon-arr,
.m17 .section1 .content1 .area-box .icon-arr{
opacity: 0;
}
.m17 .section1 .content1 .area-box .area-title {
font-size: var(--fz-40);
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;	
}
.m17 .section1 .content1 .area-box .area-title small {
font-weight: 500;
font-size: var(--fz-22);
color: #525252;
}
.m17 .section1 .content1 .area-box:hover .icon-arr,
.m17 .section1 .content1 .area-box.on .icon-arr{
opacity: 1;
}
.m17 .section1 .content1 .area-box .area-info {
margin-top: 30px;
}
.m17 .section1 .content1 .area-box .area-info dl {
display: flex;
align-items: center;
justify-content: flex-start;
gap:2vw;
}
.m17 .section1 .content1 .area-box .area-info dl + dl {
margin-top: 12px;
}
.m17 .section1 .content1 .area-box .area-info dt {
color: #525252;
font-size: var(--fz-18);
width: 100px;
flex-shrink: 0;
}
.m17 .section1 .content1 .area-box .area-info dt img {
margin-right: 11px;	
}
.m17 .section1 .content1 .area-box .area-info dd {
font-size: var(--fz-18);
line-height: 1.5;
word-break: break-word;
}
.m17 .content2 {
width: 100%;
}
.m17 .content2 .map-box {
width: 100%;
height: 100%;
border-radius: 24px;	
overflow: hidden;
}
.m17 .content2 .map-box iframe{
width: 100%;
height: 100%;
}
.m17 .section2 {
background-color: #F6F5F8;
}
.m17 .section2 .main-color {color: var(--main-color);}
.m17 .section2 .innerwrap {
padding-top: 160px;
}
.m17 .section2 .sec-titleWrap {
padding-bottom: 25px;
border-bottom: 1px solid #ACACAC;
}
.m17 .section2 .sec-title {
font-size: var(--fz-58);
font-weight: 700;
}
.m17 .section2 .sec-titleWrap p {
margin-top: 30px;
text-align: right;
font-size: var(--fz-18);
color: #525252;
}
.m17 .section2 form {}
.m17 .section2 form .formContent-wrap {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
gap:50px 60px;
}
.m17 .section2 form .w50{
width: calc((100% - 60px)/2);
}
.m17 .section2 form .formContent-wrap select, .m17 .section2 form .formContent-wrap input {
background-color: #fff;
border:1px solid #ACACAC;
border-radius: 12px;
color: #000;
width: 100%;
outline: none
}
.m17 .section2 form label{
font-size: var(--fz-20);
font-weight: 700;
}
.m17 .section2 form input::placeholder{font-size: var(--fz-20);color: #ACACAC;}
.m17 .section2 form input{
margin-top: 8px;
padding: 21px 35px;
font-size: var(--fz-20);
display: block;
}
.m17 .section2 form select{
margin-top: 8px;
padding: 21px 35px;
font-size: var(--fz-20);
display: block;
appearance: none;
}
.m17 .section2 form .select-wrap{
position: relative;
}
.m17 .section2 form .select-wrap::after{
content: "";
position: absolute;
width: 6px;
height: 6px;
transform-origin: center center;
transition: transform 0.4s ease;
border-right: 1px solid #ACACAC;
border-bottom: 1px solid #ACACAC;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(45deg);
}
.m17 .section2 form .textarea-box {width: 100%;}
.m17 .section2 form textarea{
margin-top: 8px;
padding: 21px 35px;
font-size: var(--fz-20);
display: block;
border-radius: 12px;
color: #ACACAC;
width: 100%;
min-height: 300px;
outline: none;
border:1px solid #ACACAC;
}
.m17 .section2 form input:focus,
.m17 .section2 form textarea:focus {
border: 1px solid var(--main-color);
}
.m17 .section2 form .privacy-box {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid #ACACAC;
}
.m17 .section2 form .privacy-box .privacy-textArea {
padding: 35px;
background-color: #fff;
border-radius: 12px;
}
.m17 .section2 form .privacy-box .text-wrap {
height: 300px;
}
.m17 .section2 form .privacy-box .text-wrap p {
font-size: var(--fz-20);
color: #525252;
}
.m17 .section2 form .privacy-box .input-wrap {
display: flex;
gap:3.5px;
align-items: center;
justify-content: flex-start;
margin-top: 20px;
}
.m17 .section2 form .privacy-box .input-wrap input{
position: absolute;
opacity: 0;
width: auto;
}
.m17 .section2 form .privacy-box .input-wrap label {
position: relative;
padding-left: 34px;
cursor: pointer;
line-height: 26px;
}
.m17 .section2 form .privacy-box .input-wrap label::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 26px;
border: 1px solid #D4D4D4;
border-radius: 4px;
background: #fff;
}
.m17 .section2 form .privacy-box .input-wrap input:checked + label::before {
background: #D4D4D4 url('/images/page/icon_form_check.png') no-repeat center;
}
.m17 .section2 form .privacy-box .input-wrap label{
color: #525252;
font-size: var(--fz-18);
}
.m17 .section2 form .button-box {
margin-top: 68px;
text-align: center;
}
.m17 .section2 form .button-box button{
font-size: var(--fz-18);
color: #fff;
background-color: #5D5D79;
border-radius: 70px;
padding: 21px 119px;
border: none;
}


.m21{}
.m21 .section1{
	padding: 0 0 200px;
}
.m21 .section1 .titWrap{
	margin: 100px 0;
	text-align: center;
}
.m21 .section1 .titWrap .pageTit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m21 .section1 .titWrap .pageP{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
	margin-top: 40px;
}
.m21 .section1 .dia{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m21 .section1 .dia .cc{
	width: 452px;
}
.m21 .section1 .dia .boxWrap{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-top: 120px;
}
.m21 .section1 .dia .boxWrap:before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 49px;
	width: 68.5%;
	height: 1px;
	border-top: 1.5px dashed #ccc;
}
.m21 .section1 .dia .boxWrap .box{
	position: relative;
	width: calc((100% - 20px) / 3);
	border-radius: 0 0 12px 12px;
	background: #F6F5F8;
}
.m21 .section1 .dia .boxWrap .box:before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	width: 1px;
	height: 70px;
	border-left: 1.5px dashed #ccc;
}
.m21 .section1 .dia .boxWrap .box.box2:before{
	height: 120px;
}
.m21 .section1 .dia .boxWrap .box:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #2A2D64;
	background: #fff;
	z-index: 2;
	box-sizing: border-box;
}
.m21 .section1 .dia .boxWrap .box .tit{
	width: 100%;
	height: 72px;
	line-height: 72px;
	background: #2A2D64;
	border-radius: 12px 12px 0 0;
	text-align: center;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
}
.m21 .section1 .dia .boxWrap .box ul{
	padding: 40px 24px;
	background: #F7F7F7;
	border-radius: 0 0 12px 12px;
}
.m21 .section1 .dia .boxWrap .box ul li{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m21 .section1 .dia .boxWrap .box ul li + li{
	margin-top: 7px;
}
.m21 .section1 .dia .boxWrap .box ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-20) * 1.6) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

.sub_tab.pn2.sn2{padding-bottom: 60px;}
.m220{}
.m220 .tabWarp.fixed {
position: fixed;	
top:120px;
width: 100%;
z-index: 2;
}
.m220 .tabWarp.fixed:before{
content: '';
position: absolute;
height: 120%;
width: 100%;
top: -10%;
background-color: #fff;
z-index: -1;
border-bottom: 1px solid #ccc;
}
.m220 .btnWrap{
display: flex;
justify-content: space-between;
max-width: 1570px;
width: 94%;
margin: 0 auto;
}
.m220 .btnWrap li{
	width: calc((100% - 60px) / 7);
	height: 110px;
	text-align: center;
}
.m220 .btnWrap li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #F8F7FA;
	border-radius: 12px;
	padding: 0 1vw;
}
.m220 .btnWrap li a p{
	font-size: var(--fz-16);
	color: #404040;
	margin-top: 12px;
}

.m220 .btnWrap li.on a{
	background: #fff;
}
.m220 .btnWrap li.on a{
	box-shadow: inset 0 0 0 2px rgba(44, 52, 204, 0.60);
}
.m220 .btnWrap li.on a p{
	font-weight: 700;
	color: #2C34CC;
}
.m220 .btnWrap li.on a svg path{
	stroke: #2C34CC;
}
.m220 .secTit{
	font-size: var(--fz-40);
	font-weight: 700;
}

.m220 .section1{
	padding: 0 0 140px;
}
.m220 .section1 .conWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 100px;
}
.m220 .section1 .conWrap .titWrap{
	width: 50%;
	padding-right: 5%;
}
.m220 .section1 .conWrap .titWrap .pageTit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m220 .section1 .conWrap .titWrap p{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
	margin-top: 40px;
}
.m220 .section1 .conWrap .titWrap .exp{
	margin-top: 70px;
}
.m220 .section1 .conWrap .titWrap .exp dl{}
.m220 .section1 .conWrap .titWrap .exp dl + dl{
	margin-top: 30px;
}
.m220 .section1 .conWrap .titWrap .exp dl dt{
	position: relative;
	font-size: var(--fz-22);
	font-weight: 600;
	line-height: 1.5em;
	padding-left: 21px;
}
.m220 .section1 .conWrap .titWrap .exp dl dt:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-22)*1.5)/2 - 5px);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #2C34CC;
}
.m220 .section1 .conWrap .titWrap .exp dl dd{
	margin-top: 14px;
	font-size: var(--fz-22);
	line-height: 1.6em;
}

.m220 .section1 .conWrap .imgWrap{
	width: 50%;
	border-radius: 70px;
	overflow: hidden;
	aspect-ratio: 1;
}
.m220 .section1 .conWrap .imgWrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m220 .section2{
	padding: 140px 0;
	background: #F6F5F8;
}
.m220 .section2 .innerwrap{
	position: relative;
}
.m220 .section2 .innerwrap .secTit{
	position: absolute;
	left: 0;
	top: 0;
}
.m220 .section2 .slideWrap{
	display: flex;
}
.m220 .section2 .slideWrap .btns{
	display: flex;
	gap: 10px;
	padding-top: 100px;
	width: 25%;
}
.m220 .section2 .slideWrap .btns > div{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #666;
	cursor: pointer;
}
.m220 .section2 .slideWrap .business{
	width: 75%;
}
.m220 .section2 .slideWrap .business .swiper-slide{
	display: block;
}
.m220 .section2 .slideWrap .business .swiper-slide .thumb{
	width: 100%;
	aspect-ratio: 368 / 250;
	border-radius: 24px;
	overflow: hidden;
}
.m220 .section2 .slideWrap .business .swiper-slide .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m220 .section2 .slideWrap .business .swiper-slide .titWrap{
	margin: 25px 0;
}
.m220 .section2 .slideWrap .business .swiper-slide .titWrap .cate{
	font-size: var(--fz-18);
	color: #2C34CC;
}
.m220 .section2 .slideWrap .business .swiper-slide .titWrap .name{
	font-size: var(--fz-26);
	font-weight: 700;
	margin-top: 10px;
}
.m220 .section2 .slideWrap .business .swiper-slide .infoWrap{}
.m220 .section2 .slideWrap .business .swiper-slide .infoWrap dl{
	display: flex;
}
.m220 .section2 .slideWrap .business .swiper-slide .infoWrap dl + dl{
	margin-top: 14px;
}
.m220 .section2 .slideWrap .business .swiper-slide .infoWrap dl dt{
	font-size: var(--fz-18);
	color: #525252;
	line-height: 1.5em;
	width: 120px;
}
.m220 .section2 .slideWrap .business .swiper-slide .infoWrap dl dd{
	font-size: var(--fz-18);
	width: calc(100% - 120px);
	line-height: 1.5em;
}
.m220 .section2 .slideWrap .business .swiper-slide .btn{
	font-family: "Wix Madefor Display";
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 1px);
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 12px;
	box-shadow: inset 0 0 0 1px #D4D4D4;
	font-size: 14px;
}
.m220 .section2 .slideWrap .business .swiper-slide:hover .btn{
	background: #2A2D64;
	box-shadow: inset 0 0 0 1px #2A2D64;
	color: #fff;
}
.m220 .section2 .slideWrap .business .swiper-pagination{
	display: none;
}

.m220 .section3{
	padding: 140px 0 200px;
     scroll-margin-top: 110px;
}
.m220 .section3 .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m220 .section3 .top .searchwrap {
	width: 500px;
	height: 60px;
	display: flex;
	align-items: center;
	border: 1px solid #D4D4D4;
	border-radius: 70px;
}
.m220 .section3 .top .searchwrap .form-input {
	flex:1;
	height: 100%;
	font-size: var(--fz-18);
	color: #ACACAC;
	border: none;
	padding: 0 30px;
	background: none;
}
.m220 .section3 .top .searchwrap .form-input::placeholder {
	color: #ACACAC;
}
.m220 .section3 .top .searchwrap .form-input:focus {
	outline: none;
}
.m220 .section3 .top .searchwrap .submit-btn{
	padding: 16px 30px 16px 24px;
	background: none;
	border:none;
	position: relative;
}
.m220 .section3 .top .searchwrap .submit-btn::before{
	content:'';
	position: absolute;
	top:50%;
	left: 0;
	width: 1px;
	height: 50%;
	background-color: #acacac;	
	transform: translateY(-50%);
}

.m220 .section3 .tableWrap{
	margin-top: 40px;
}
.m220 .section3 .tableWrap table{
	width: 100%;
}
.m220 .section3 .tableWrap table th{
	padding: 20px 1vw;
	background: #F5F5F5;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #404040;
}
.m220 .section3 .tableWrap table th:first-child{
	border-radius: 12px 0 0 12px;
}
.m220 .section3 .tableWrap table th:last-child{
	border-radius: 0 12px 12px 0;
}
.m220 .section3 .tableWrap table td{
	padding: 25px 1vw;
	font-size: var(--fz-18);
	line-height: 1.7em;
	color: #404040;
	text-align: center;
	border-bottom: 1px solid #D4D4D4;
}
/* col 4 */
.m220 .section3 .tableWrap table col:nth-child(1):nth-last-child(4) { width:50%; }
.m220 .section3 .tableWrap table col:nth-child(2):nth-last-child(3) { width:15%; }
.m220 .section3 .tableWrap table col:nth-child(3):nth-last-child(2) { width:15%; }
.m220 .section3 .tableWrap table col:nth-child(4):last-child { width:20%; }
/* col 3 */
.m220 .section3 .tableWrap table col:nth-child(1):nth-last-child(3) { width:50%; }
.m220 .section3 .tableWrap table col:nth-child(2):nth-last-child(2) { width:25%; }
.m220 .section3 .tableWrap table col:nth-child(3):last-child { width:25%; }
/* col 5 */
.m220 .section3 .tableWrap table col:nth-child(1):nth-last-child(5) { width:20%; }
.m220 .section3 .tableWrap table col:nth-child(2):nth-last-child(4) { width:40%; }
.m220 .section3 .tableWrap table col:nth-child(3):nth-last-child(3) { width:10%; }
.m220 .section3 .tableWrap table col:nth-child(4):nth-last-child(2) { width:10%; }
.m220 .section3 .tableWrap table col:nth-child(5):last-child { width:20%; }

.m220 .section4 {
padding: 140px 0 200px;
}
.m220 .section4 .secTit {
font-size: var(--fz-40);
font-weight: 700;
}
.m220 .section4 .container1 {
margin-top: 50px;
border-radius: 14px;
background-color: #F6F5F8;
border: 1px solid rgba(112, 115, 124, 0.22);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 60px 0;
}
.m220 .section4 .container1 .content {
width: 100%;
padding: 0 60px;
}
.m220 .section4 .container1 .content1 {
position: relative;
text-align: center;
border-bottom: 1px solid #ACACAC;
padding-bottom: 60px;
}
.m220 .section4 .container1 .content1 .imgBox {
width: 100%;
max-width: 370px;
margin: 0 auto;
}
.m220 .section4 .container1 .content1 .imgBox img {
width: 100%;
height: 100%;
object-fit: contain;
}
.m220 .section4 .container1 .content1 .imgTitle {
margin: 50px auto 0;
color: #fff;
font-size: var(--fz-18);
font-weight: 700;
padding: 7px 24px;
border-radius: 12px;
background-color: var(--main-color);
width: max-content;
}
.m220 .section4 .container1 .content1 .imgCaption {
position: absolute;
top: 0;
right: 60px;
font-size: var(--fz-18);
padding-left: 16.5px ;
}
.m220 .section4 .container1 .content1 .imgCaption::before{
content:'';
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #2C34CC;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.m220 .section4 .container1 .content2 {
margin-top: 60px;
}
.m220 .section4 .container1 .content2 .contentCaption {
font-size: var(--fz-16);
color: #525252;
display: block;
text-align: right;
}
.m220 .section4 .container1 .content2 .capsBox + .capsBox {
margin-top: 24px;
}
.m220 .section4 .container1 .content2 .capsBox:first-of-type{
margin-top: 16px;
}
.m220 .section4 .container1 .content2 .capsTitle {
color: #fff;
font-size: var(--fz-20);
font-weight: 700;
padding: 16px 1vw;
border-radius: 14px 14px 0 0;
background-color: var(--main-color);
text-align: center;
}
.m220 .section4 .container1 .content2 .capsList {
border-radius: 0 0 14px 14px;
border-left: 1px solid #ACACAC;
border-bottom: 1px solid #ACACAC;
border-right: 1px solid #ACACAC;
background-color: #fff;
padding: 30px;
}
.m220 .section4 .container1 .content2 .capsList .listItem {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1vw;
position: relative;
padding-left: 17px;
}
.m220 .section4 .container1 .content2 .capsList .listItem::before {
content:'';
width: 7px;
height: 7px;
border: 1px solid #ACACAC;
border-radius: 50%;
position: absolute;
left: 0;
top: calc((var(--fz-20) * 1.2) / 2 - 3.5px);
}
.m220 .section4 .container1 .content2 .capsList .listItem + .listItem {
margin-top: 7px;
}
.m220 .section4 .container1 .content2 .capsList .listItem .itemTitle,
.m220 .section4 .container1 .content2 .capsList .listItem .itemText {
font-size: var(--fz-20);
color: #525252;
}

/* m220 popup */
.m220 .popup {
position: fixed;
top:0;
left:0;
width: 100%;
height: 100vh;
z-index: 99;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
}
.m220 .popup.on {
visibility: visible;
opacity: 1;
z-index: 9990;
}
.m220 .popup .popupBg {
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.m220 .popup .popupContainer {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.m220 .popup .iframeWrap {
width: 85%;
margin: 0 auto;
position: relative;
max-width: 1400px;
}
.m220 .popup iframe{
height: 80vh  !important;
}
.m220 .popup .closeBtn {
position: absolute;
top:30px;
right: 30px;
width: 24px;
height: 24px;
border:none;
background:url(/images/page/icon_close.png) no-repeat center;
}





/* m266 */
.m226 .section1 .map{
margin-top: 140px;
padding:0 4%;
text-align: center;
border-radius: 36px;
background: #E2ECF6;
}
.m226 .secTit span{
display: block;
font-size: var(--fz-22);
margin-bottom: 40px;
}
.m226 .section2 .slideWrap .btns{
padding-top: 160px;
}

.m227{}
.m227 .section2 .pageTit{
	font-size: var(--fz-58);
	font-weight: 700;
	text-align: center;
	margin-bottom:  60px;
}
.m227 .list{
	padding-bottom: 20px;
	overflow-x: auto;
}
.m227 .list ul.th{
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m227 .list ul.th li{
	padding: 13px 0;
	border-radius: 12px;
	background: #EEEDF2;
	font-size: var(--fz-18);
	font-weight: 700;
	line-height: 1.5em;
	color: #404040;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m227 .list ul.td{
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: stretch;
}
.m227 .list ul.td li{
	padding: 13px 0;
	font-size: var(--fz-16);
	font-weight: 300;
	line-height: 1.7em;
	color: #404040;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m227 .list li.type,
.m227 .list li.period,
.m227 .list li.amount,
.m227 .list li.orderer{
	width: 160px;
}
.m227 .list li.method{
	width: 310px;
}
.m227 .list li.name{
	width: calc(100% - 640px - 310px - 50px);
}


.m31{}
.m31 .section1{
	padding: 0 0 160px;
}
.m31 .section1 .titWrap{
	text-align: center;
}
.m31 .section1 .titWrap .txt1{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m31 .section1 .titWrap .txt2{
	font-size: var(--fz-26);
	font-weight: 700;
	margin: 40px 0 14px;
}
.m31 .section1 .titWrap .txt3{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}

.m31 .section1 .diaWrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 300px;
}
.m31 .section1 .diaWrap .cc1{
	position: relative;
/* 	width: 450px;
	height: 450px;
	border-radius: 50%; */
}
.m31 .section1 .diaWrap .cc1 > .inner{
	position: relative;
	z-index: 2;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: #fff;
	border: 7px solid #2A2D64;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m31 .section1 .diaWrap .cc1 .inner p{
	font-size: var(--fz-26);
	font-weight: 700;
	line-height: 1.5em;
	color: #2A2D64;
	margin-top: 18px;
}
.m31 .section1 .diaWrap .cc1 .cc2{
	position: absolute;
	width: 300px;
	height: 440px;
	border-radius: 162px;
	border: 1.5px dashed #ACACAC;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.m31 .section1 .diaWrap .cc1 .cc2.left{
	left: 50%;
	top: -225px;
	transform: translateX(-50%);
	padding-top:  50px;
}
.m31 .section1 .diaWrap .cc1 .cc2.right{
	left: 50%;
	bottom: -225px;
	transform: translateX(-50%);
	padding-bottom:  50px;
	justify-content: flex-end;
}
.m31 .section1 .diaWrap .cc1 .cc2 p{
	font-size: var(--fz-26);
	font-weight: 700;
	line-height: 1.5em;
	margin-top: 10px;
}
.m31 .section1 .diaWrap .boxWrap{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 300px;
}
.m31 .section1 .diaWrap .boxWrap .box{
	position: relative;
	width: 100%;
	padding: 50px  24px;
	border-radius: 12px;
	background: #F6F5F8;
}
.m31 .section1 .diaWrap .boxWrap .box1:before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	width: 1px;
	height: 70px;
	border-left: 1.5px dashed #ccc;
}
.m31 .section1 .diaWrap .boxWrap .box1:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #2A2D64;
	background: #fff;
	z-index: 2;
	box-sizing: border-box;
}
.m31 .section1 .diaWrap .boxWrap .box .tit{
	text-align: center;
	font-size: var(--fz-26);
	font-weight: 700;
	margin-bottom: 14px;
}
.m31 .section1 .diaWrap .boxWrap .box ul{}
.m31 .section1 .diaWrap .boxWrap .box ul li{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m31 .section1 .diaWrap .boxWrap .box ul li + li{
	margin-top: 7px;
}
.m31 .section1 .diaWrap .boxWrap .box ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-20) * 1.6) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}
.m31 .section1 .topic{
	width: 98%;
	margin: 160px auto 0;
	padding: 130px 0;
	border-radius: 24px;
	background: url(/images/page/m31_sec1_topic_bg.jpg) no-repeat center / cover;
}
.m31 .section1 .topic .tit{
	font-size: var(--fz-58);
	font-weight: 700;
	color: #fff;
}
.m31 .section1 .topic .con{
	padding: 90px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: flex;
	flex-direction: column;
}
.m31 .section1 .topic .con:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.m31 .section1 .topic .con dl{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.m31 .section1 .topic .con dl dt{
	width: 100%;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
}
.m31 .section1 .topic .con dl dd{
	width: 100%;
	margin-top: 30px;
}
.m31 .section1 .topic .con dl dd ul{}
.m31 .section1 .topic .con dl dd ul li{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #fff;
}
.m31 .section1 .topic .con dl dd ul li + li{
	margin-top: 7px;
}
.m31 .section1 .topic .con dl dd ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-20) * 1.6) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}
.m31 .section1 .topic .con .icon{
	width: 80px;
	margin-top: 40px;
}

.m31 .section2{
	padding: 160px 0;
	background: #F6F5F8;
}
.m31 .section2 .secTit{
	font-size: var(--fz-58);
	font-weight: 700;
	margin-bottom: 60px;
}
.m31 .section3{
	padding: 160px 0;
}
.m31 .section3 .secTit{
	font-size: var(--fz-40);
	font-weight: 700;
	margin-bottom: 60px;
}
.m31 .section3 .list{}
.m31 .section3 .list ul.th{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m31 .section3 .list ul.th li{
	padding: 20px 0;
	border-radius: 12px;
	background: #EEEDF2;
	font-size: var(--fz-18);
	font-weight: 700;
	line-height: 1.5em;
	color: #404040;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m31 .section3 .list ul.td{
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: stretch;
}
.m31 .section3 .list ul.td > li{
	padding: 20px 0;
	font-size: var(--fz-18);
	font-weight: 300;
	line-height: 1.7em;
	color: #404040;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m31 .section3 .list > ul > li:first-child{
	width: 380px;
}
.m31 .section3 .list > ul > li:last-child{
	width: calc(100% - 380px - 10px);
}



.m32{}
.m32 .section1{
	padding: 0 0 100px;
}
.m32 .section1 .tabs{
	display: flex;
}
.m32 .section1 .tabs li{
	width: 33.3333%;
}
.m32 .section1 .tabs li a{
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: var(--fz-16);
	color: #525252;
	border-bottom: 1px solid #D4D4D4;
}
.m32 .section1 .tabs li.on a{
	color: #2A2D64;
	font-weight: 700;
	border-bottom: 2px solid #2A2D64;
}
.m32 .section1 .pageTit{
	font-size: var(--fz-40);
	font-weight: 700;
	margin: 140px 0 0;
}

.m32 .section2{
	padding: 160px 0;
	background: #F6F5F8;
}
.m32 .section2 .con + .con{
	margin-top: 160px;
}
.m32 .section2 .con dl{
	padding: 60px 0;
	border-top: 1px solid #000;
	display: flex;
}
.m32 .section2 .con dl dt{
	width: 400px;
	font-size: var(--fz-40);
	font-weight: 700;
}
.m32 .section2 .con dl dd{
	width: calc(100% - 400px);
	padding-left: 60px;
	border-left: 1px solid #D4D4D4;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m32 .section3{
	padding: 160px 0;
}
.m32 .section3 .secTit{
	font-size: var(--fz-40);
	font-weight: 700;
	margin-bottom: 40px;
}
.m32 .section3 .list{}
.m32 .section3 .list ul.th{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m32 .section3 .list ul.th li{
	padding: 20px 0;
	border-radius: 12px;
	background: #EEEDF2;
	font-size: var(--fz-18);
	font-weight: 700;
	line-height: 1.5em;
	color: #404040;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m32 .section3 .list ul.td{
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: stretch;
}
.m32 .section3 .list ul.td > li{
	padding: 20px 0;
	font-size: var(--fz-18);
	font-weight: 300;
	line-height: 1.7em;
	color: #404040;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m32 .section3 .list ul.td > li > ul{
	width: 100%;
	padding: 0 60px;
}
.m32 .section3 .list ul.td > li > ul > li{
	position: relative;
	padding-left: 20px;
	text-align: left;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m32 .section3 .list ul.td > li > ul > li + li{
	margin-top: 7px;
}
.m32 .section3 .list ul.td > li > ul > li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}
.m32 .section3 .list > ul > li{
	width: calc((100% - 10px) / 2);
}



.m33{}
.m33 .section1{
	padding: 0 0 160px;
}
.m33 .section1 .conWrap + .conWrap{
	margin-top: 160px;
	padding-top: 160px;
	border-top: 1px solid #d4d4d4;
}
.m33 .section1 .conWrap .conTit{
	font-size: var(--fz-40);
	font-weight: 700;
	margin-bottom: 60px;
}
.m33 .section1 .conWrap .list{}
.m33 .section1 .conWrap .list ul.th{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m33 .section1 .conWrap .list ul.th li{
	padding: 20px 0;
	border-radius: 12px;
	background: #EEEDF2;
	font-size: var(--fz-18);
	font-weight: 700;
	line-height: 1.5em;
	color: #404040;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m33 .section1 .conWrap .list ul.td{
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: stretch;
}
.m33 .section1 .conWrap .list ul.td li{
	padding: 20px 0;
	font-size: var(--fz-16);
	font-weight: 300;
	line-height: 1.7em;
	color: #404040;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m33 .section1 .conWrap .list li.num,
.m33 .section1 .conWrap .list li.date{
	width: 180px;
}
.m33 .section1 .conWrap .list li.name{
	width: calc(100% - 360px - 20px);
}

/* m34 */
.m34{}
.m34 section:last-child{padding-bottom: 160px;}
.m34 .containerTitle {
font-size: var(--fz-40);
font-weight: 700;	
}
.m34 .section1 .content1 {
margin-top: 60px;
}
.m34 .section1 .content1 table {
text-align: center;
border-collapse: separate;
border-spacing: 10px 0;
}
.m34 .section1 .content1 table col:nth-child(1){width: 10%;}
.m34 .section1 .content1 table col:nth-child(2){width: 15%;}
.m34 .section1 .content1 table col:nth-child(3){width: 40%;}
.m34 .section1 .content1 table col:nth-child(4){width: 15%;}
.m34 .section1 .content1 table col:nth-child(5){width: 20%;}
.m34 .section1 .content1 table th{
font-size: var(--fz-18);
font-weight: 700;
color: #404040;
background-color: #EEEDF2;
padding: 20px 2vw;
border-radius: 12px;
}
.m34 .section1 .content1 table tr{}
.m34 .section1 .content1 table td{
font-size: var(--fz-18);
color: #404040;
border-bottom: 1px solid #D4D4D4;
padding: 26px 1vw;
word-break: break-word;
}


/* m40 */
.m40.intro{}
.m40.intro .section1{
	position: relative;
	overflow: hidden;
}
.m40 section:last-child{
	padding-bottom: 160px;
}
.m40.intro .section1 .conWrap{
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
}
.m40.intro .section1 .conWrap .txtWrap{
	width: 100%;
}
.m40.intro .section1 .conWrap .txtWrap .tit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m40.intro .section1 .conWrap .txtWrap p{
	font-size: var(--fz-22);
	line-height: 1.6em;
	margin-top: 120px;
}
.m40.intro .section1 .conWrap .imgWrap{
	width: 100%;
	display: flex;
	align-items: flex-end;
	gap: 24px;
}
.m40.intro .section1 .conWrap .imgWrap .img img{
	border-radius: 24px;
}
.m40.intro .section1 .water{
	position: absolute;
	left: 11%;
	bottom: -5%;
	width: 516px;
	aspect-ratio: 516 / 417;
	background: url(/images/page/m40_water.png) no-repeat center / contain;
}

.m41{}
.m41 .secTit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m41 .secTit.wh{
	color: #fff;
}
.m41 .section1 .conWrap{
	position: relative;
}
.m41 .section1 .conWrap .txtWrap{
	
}
.m41 .section1 .conWrap .txtWrap .tit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m41 .section1 .conWrap .txtWrap p{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
	margin-top: 40px;
}
.m41 .section2{
	position: relative;
	z-index: 2;
	padding: 160px 0;
	background: #F6F5F8;
}
.m41 .section2 .conWrap{
	margin-top: 80px;
}
.m41 .section2 .conWrap .con{
	display: flex;
}
.m41 .section2 .conWrap .con + .con{
	margin-top: 100px;
}
.m41 .section2 .conWrap .con .titWrap{
	width: 35%;
}
.m41 .section2 .conWrap .con .titWrap .tit{
	margin-top: 20px;
	font-size: var(--fz-40);
	font-weight: 700;
}
.m41 .section2 .conWrap .con .imgWrap{
	width: 65%;
}
.m41 .section2 .conWrap .con .imgWrap .img{
	width: 100%;
	height: 290px;
	border-radius: 24px;
	overflow: hidden;
}
.m41 .section2 .conWrap .con .imgWrap .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .section2 .conWrap .con .imgWrap p{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-20);
	color: #525252;
	margin-top: 30px;
}
.m41 .section2 .conWrap .con .imgWrap p:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-20) * 1.2) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}
.m41 .section3{
	padding: 160px 0;
	background: url(/images/page/m41_sec3_bg.jpg) no-repeat center / cover;
}
.m41 .section3 .boxWrap{
	margin-top: 80px;
	display: flex;
	gap: 20px;
}
.m41 .section3 .boxWrap .box{
	width: calc((100% - 40px) / 3);
	padding: 40px;
	border-radius: 24px;
	background: #fff;
}
.m41 .section3 .boxWrap .box .num{
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	line-height: 38px;
	background: #2A2D64;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.m41 .section3 .boxWrap .box .exp{
	font-size: var(--fz-26);
	font-weight: 700;
	line-height: 1.5em;
	margin-top: 40px;
}
.m41 .section4{
	padding: 160px 0 240px;
}
.m41 .section4 .conWrap{
	margin-top: 100px;
	display: flex;
	gap: 35px;
}
.m41 .section4 .conWrap .con{
	width: calc((100% - 70px) / 3);
}
.m41 .section4 .conWrap .con .tit{
	width: 100%;
	height: 200px;
	border-radius: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.m41 .section4 .conWrap .con1 .tit{background: #C9CBE6;}
.m41 .section4 .conWrap .con2 .tit{background: #6E6E87;}
.m41 .section4 .conWrap .con3 .tit{background: #2A2D64;}
.m41 .section4 .conWrap .con .tit b{
	display: inline-block;
	margin-top: 10px;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
}
.m41 .section4 .conWrap .con1 .tit b{
	color: #2A2D64;
}
.m41 .section4 .conWrap .con .result{
	position: relative;
	margin-top: 80px;
	padding: 0 1vw;
	width: 100%;
	height: 160px;
	border-radius: 160px;
	border: 1px solid #ACACAC;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m41 .section4 .conWrap .con .result p{
	position: relative;
	font-size: var(--fz-20);
	color: #525252;
}
.m41 .section4 .conWrap .con .result:before{
	content: "";
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #C9CBE6;
	background: #fff;
	box-sizing: border-box;
	z-index: 2;
}
.m41 .section4 .conWrap .con2 .result:before{border: 2px solid #6E6E87;}
.m41 .section4 .conWrap .con3 .result:before{border: 2px solid #404274;}
.m41 .section4 .conWrap .con .result:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	width: 1px;
	height: 80px;
	border-left: 1.5px dashed #ACACAC;
}


.m42{}
.m42 section:last-child {
padding-bottom: 0;
}
.m42 .topSlg{
	padding: 0 0 160px;
	text-align: center;
}
.m42 .topSlg h3{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m42 .topSlg p{
	margin-top: 80px;
	font-size: var(--fz-30);
	font-weight: 700;
}
.m42 .section1{
	padding: 160px 0;
	background: url(/images/page/m42_sec1_bg.jpg) no-repeat center / cover;
}
.m42 .section1 .secTit{
	font-size: var(--fz-58);
	font-weight: 700;
	color: #fff;
}
.m42 .section1 .boxWrap{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m42 .section1 .boxWrap .box{
	width: calc((100% - 40px) / 3);
	min-height: 420px;
	padding: 50px;
	border-radius: 24px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m42 .section1 .boxWrap .box.blank{opacity: 0;}
.m42 .section1 .boxWrap .box .txts{
	margin-top: 70px;
}
.m42 .section1 .boxWrap .box .txts .tit{
	font-size: var(--fz-34);
	font-weight: 700;
}
.m42 .section1 .boxWrap .box .txts ul{
	margin-top: 30px;
}
.m42 .section1 .boxWrap .box .txts li{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-19);
	line-height: 1.6em;
	color: #525252;
}
.m42 .section1 .boxWrap .box .txts li:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-19) * 1.6) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

.m42 .section2{}
.m42 .section2 .tabs{
	display: flex;
	padding-top: 160px;
}
.m42 .section2 .tabs li{
	flex:1;
}
.m42 .section2 .tabs li a{
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: var(--fz-20);
	color: #525252;
	border-bottom: 1px solid #D4D4D4;
}
.m42 .section2 .tabs li.on a{
	color: #2A2D64;
	font-weight: 700;
	border-bottom: 2px solid #2A2D64;
}
.m42 .section2 .tabconwrap{}
.m42 .section2 .tabconwrap .secTit{
	margin-bottom: 80px;
	font-size: var(--fz-40);
	font-weight: 700;
}
.m42 .section2 .tabconwrap .tab1{
	padding: 160px 0 240px;
	background: #F6F5F8;
}
.m42 .section2 .tabconwrap .tab1 .conWrap{
	width: 100%;
	padding: 60px;
	border-radius: 24px;
	background: #fff;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con{
	width: 100%;
	padding: 40px;
	border-radius: 24px;
	border: 1px solid #ACACAC;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con + .con{
	margin-top: 20px;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con.slg{
	border: none;
	background: #2A2D64;
	text-align: center;
	font-size: var(--fz-20);
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts{
	display: flex;
	align-items: center;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts .titWrap{
	display: flex;
	align-items: center;
	width: 290px;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts .titWrap .num{
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	line-height: 38px;
	background: #F6F5F8;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #2A2D64;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts .titWrap .tit{
	font-size: var(--fz-20);
	margin-left: 20px;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts ul{
	width: calc(100% - 290px);
	padding-left: 40px;
	border-left: 1px solid #ACACAC;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts li {
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-19);
	line-height: 1.6em;
	color: #525252;
}
.m42 .section2 .tabconwrap .tab1 .conWrap .con .txts li:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(var(--fz-19)/2 *1.6 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

.m42 .section2 .tabconwrap .tab2{
	padding: 160px 0;
}
.m42 .section2 .tabconwrap .tab2 .center{
	width: 100%;
	padding: 130px 60px;
	border-radius: 24px;
	background: url(/images/page/m42_sec2_tab2_center_bg.jpg) no-repeat center / cover;
	display: flex;
	align-items: center;
}
.m42 .section2 .tabconwrap .tab2 .center .tit{
	width: 300px;
	border-right: 1px solid rgba(255,255,255,0.8);
	font-size: var(--fz-40);
	font-weight: 700;
	color: #fff;
}
.m42 .section2 .tabconwrap .tab2 .center p{
	width: calc(100% - 300px);
	padding-left: 50px;
	font-size: var(--fz-20);
	color: #fff;
}
.m42 .section2 .tabconwrap .tab2 .conWrap{
	margin-top: 80px;
	padding: 80px;
	background: #EEEDF2;
	border-radius: 24px;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con + .con{
	margin-top: 80px;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con{
	display: flex;
	justify-content: space-between;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con .conTit{
	width: 25%;
	padding-top: 30px;
	border-top: 1px solid #ACACAC;
	font-size: var(--fz-34);
	font-weight: 700;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con .conArea{
	width: 70%;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box{
	width: calc((100% - 20px) / 2);
	height: 200px;
	border-radius: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1vw;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box1{
	background: url(/images/page/m42_sec2_tab2_con1_bg1.jpg) no-repeat center / cover;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box2{
	background: url(/images/page/m42_sec2_tab2_con1_bg2.jpg) no-repeat center / cover;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box3{
	background: url(/images/page/m42_sec2_tab2_con1_bg3.jpg) no-repeat center / cover;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box4{
	background: url(/images/page/m42_sec2_tab2_con1_bg4.jpg) no-repeat center / cover;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con1 .boxWrap .box p{
	font-size: var(--fz-20);
	line-height: 1.3em;
	color: #fff;
}

.m42 .section2 .tabconwrap .tab2 .conWrap .con2 dl{
	display: flex;
	border-bottom: 1px solid #acacac;
	padding: 40px 0;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con2 dl:first-child{
	border-top: 1px solid #acacac;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con2 dl dt{
	width: 130px;
	display:flex;
	align-items: center;
	gap: 22px;
	font-size: var(--fz-20);
	color: #525252;
	border-right:1px solid #ACACAC;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con2 dl dd{
	width: calc(100% - 130px);
	padding-left: 30px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con2 button{
	margin-top: 30px;
	display: inline-block;
	width: 370px;
	height: 60px;
	line-height: 60px;
	border-radius: 12px;
	text-align: center;
	background: #2A2D64;
	font-size: 14px;
	color: #fff;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap{
	padding-top: 40px;
	border-top: 1px solid #acacac;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap .box{
	width: 100%;
	padding: 40px;
	border-radius: 24px;
	background: #fff;
	display:flex;
	align-items: center;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap .box .icon{
	width: 80px;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap .box dl{
	width: calc(100% - 80px - 20px);
	height:90%;
	margin-left: 20px;
	padding-left: 20px;
	border-left:1px solid #acacac;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap .box dl dt{
	font-size: var(--fz-20);
}
.m42 .section2 .tabconwrap .tab2 .conWrap .con3 .boxWrap .box dl dd{
	font-size: var(--fz-18);
	color: #525252;
	margin-top: 8px;
}
@media screen and (max-width: 900px) {
.m42 .section1 .boxWrap {
margin-top: 80px;
display: flex;
flex-wrap: nowrap;
gap: 20px;
flex-direction: column;
}
.m42 .section1 .boxWrap .box {
width: 100%;
min-height: auto;
padding: 50px;
border-radius: 24px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.m42 .section1 .boxWrap .box.blank {
display: none;
}
.m42 .section1 .boxWrap .box .txts {
margin-top: 40px;
}
}


.m43{}
.m43 .section1{
	padding: 0 0 160px;
}
.m43 .section1 .conWrap{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.m43 .section1 .conWrap .titWrap{
	width: 40%;
}
.m43 .section1 .conWrap .titWrap .tit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m43 .section1 .conWrap .titWrap p{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
	margin-top: 30px;
}
.m43 .section1 .conWrap .imgWrap{
	width: 55%;
	height: 320px;
	border-radius: 24px;
	overflow: hidden;
}
.m43 .section1 .conWrap .imgWrap img{
	width: 100%;
	height:100%;
	object-fit: cover;
}

.m43 .section2{
	padding: 160px 0 230px;
	background: #F6F5F8;
}
.m43 .section2 .secTit{
	font-size: var(--fz-58);
	font-weight: 700;
	margin-bottom: 100px;
}
.m43 .section2 .conWrap{
	display: flex;
	flex-direction: column;
}
.m43 .section2 .conWrap .con{
	width: 100%;
	border-bottom: 1px solid #ACACAC;
	padding: 32px 0;	
	display: flex;
	align-items: center;
	gap: 20px;
}
.m43 .section2 .conWrap .con .tit{
	font-size: var(--fz-34);
	font-weight: 700;
	width: 180px;
}
.m43 .section2 .conWrap .con ul{

}
.m43 .section2 .conWrap .con li{
	position: relative;
	padding-left: 17px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #000;
}
.m43 .section2 .conWrap .con li:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc(var(--fz-19)/2 *1.6 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing:border-box;
}


.m44{}
.m44 .secTit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m44 .secTit.wh{
	color: #fff;
}
.m44 .section1{
	padding: 0 0 160px;
}
.m44 .section1 .conWrap{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.m44 .section1 .conWrap .titWrap{
	width: 40%;
}
.m44 .section1 .conWrap .titWrap .tit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m44 .section1 .conWrap .titWrap p{
	font-size: 20px;
	line-height: 1.6em;
	color: #525252;
	margin-top: 30px;
}
.m44 .section1 .conWrap .imgWrap{
	width: 55%;
	height: 420px;
	border-radius: 24px;
	overflow: hidden;
}
.m44 .section1 .conWrap .imgWrap img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.m44 .section1 .edu{
	margin-top: 160px;
}
.m44 .section1 .edu ul{
	margin-top: 80px;
	display: flex;
	gap: 25px;
}
.m44 .section1 .edu li{
	width: calc((100% - 50px) / 3);
	border-radius:  20px;
	background: #F6F5F8;
}
.m44 .section1 .edu li .thumb{
	width: 100%;
	height: 240px;
	border-radius: 20px;
	overflow: hidden;
}
.m44 .section1 .edu li .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m44 .section1 .edu li .txtWrap{
	width: 100%;
	height: 190px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m44 .section1 .edu li .txtWrap .num{
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	line-height: 38px;
	background: #2A2D64;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.m44 .section1 .edu li .txtWrap p{
	font-size: var(--fz-20);
	color: #525252;
}

.m44 .section2{
	padding: 160px 0;
	background: #F6F5F8;
}
.m44 .section2 .conWrap{
	display: flex;
	gap:5%;
}
.m44 .section2 .conWrap .txtWrap{
	width: 50%;
}
.m44 .section2 .conWrap .txtWrap .name{
	margin: 40px 0 80px;
	font-size: var(--fz-20);
	color: #525252;
}
.m44 .section2 .conWrap .boxWrap{
	width: 45%
}
.m44 .section2 .conWrap .boxWrap .box + .box{
	margin-top: 40px;
}
.m44 .section2 .conWrap .boxWrap .box{
	width: 100%;
	height: 170px;
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	border-radius: 24px;
	background: #fff;
}
.m44 .section2 .conWrap .boxWrap .box p{
	font-size: var(--fz-26);
	font-weight: 700;
}
.m44 .section2 .conWrap .boxWrap .box .num{
	font-size: var(--fz-26);
	font-weight: 700;
	color: #2A2D64;
}
.m44 .section3{
	padding: 160px 0;
}
.m44 .section3 .boxWrap{
	margin: 80px 0 100px;
	flex-direction: column;
	display: flex;
	gap: 40px;
}
.m44 .section3 .boxWrap .box{
	width: 100%;
	border-radius: 24px;
	padding: 40px;
	background: #F6F5F8;
	display: flex;
	align-items: center;
}
.m44 .section3 .boxWrap .box .icon{
	
}
.m44 .section3 .boxWrap .box .line{
	display: block;
	width: 1px;
	height: 60px;
	background: #ACACAC;
	margin: 20px;
}
.m44 .section3 .boxWrap .box .exp{
	width:calc(100% - 80px - 41px);
	font-size: var(--fz-20);
}
.m44 .section3 .conWrap{
	display: flex;
}
.m44 .section3 .conWrap .imgWrap{
	width: 50%;
	border-radius: 24px;
	overflow: hidden;
}
.m44 .section3 .conWrap .imgWrap img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.m44 .section3 .conWrap .txtWrap{
	width: 50%;
	border-radius: 24px;
	padding: 80px 50px;
	background: #EEEDF2;
}
.m44 .section3 .conWrap .txtWrap .tit{
	font-size: var(--fz-40);
	font-weight: 700;
	color: #2A2D64;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.m44 .section3 .conWrap .txtWrap .con{
	width: 100%;
	padding: 30px 20px;
	border-bottom: 1px solid #ACACAC;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.m44 .section3 .conWrap .txtWrap .icon {
	width: 40px;
	flex-shrink: 0;
}
.m44 .section3 .conWrap .txtWrap .con p{
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m44 .section4{
	padding: 160px 0;
	background: url(/images/page/m44_sec4_bg.jpg) no-repeat center / cover;
}
.m44 .section4 .boxWrap{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m44 .section4 .boxWrap .box{
	width: calc((100% - 20px) / 2);
	padding: 40px;
	border-radius: 24px;
	background: #fff;
}
.m44 .section4 .boxWrap .box .num{
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	line-height: 38px;
	background: #2A2D64;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.m44 .section4 .boxWrap .box .exp{
	font-size: var(--fz-26);
	font-weight: 700;
	line-height: 1.5em;
	margin-top: 40px;
}
.m44 .section5{
padding-top: 160px;
}
.m44 .section5 .conWrap{
	margin-top: 100px;
	display: flex;
	gap: 35px;
}
.m44 .section5 .conWrap .con{
	width: calc((100% - 70px) / 3);
}
.m44 .section5 .conWrap .con .tit{
	width: 100%;
	height: 200px;
	border-radius: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.m44 .section5 .conWrap .con1 .tit{background: #C9CBE6;}
.m44 .section5 .conWrap .con2 .tit{background: #6E6E87;}
.m44 .section5 .conWrap .con3 .tit{background: #2A2D64;}
.m44 .section5 .conWrap .con .tit b{
	display: inline-block;
	margin-top: 10px;
	font-size: var(--fz-26);
	font-weight: 700;
	color: #fff;
}
.m44 .section5 .conWrap .con1 .tit b{
	color: #2A2D64;
}
.m44 .section5 .conWrap .con .result{
	position: relative;
	margin-top: 80px;
	width: 100%;
	height: 160px;
	border-radius: 160px;
	border: 1px solid #ACACAC;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 1vw;
}
.m44 .section5 .conWrap .con .result p{
	position: relative;
	font-size: var(--fz-20);
	color: #525252;
}
.m44 .section5 .conWrap .con .result:before{
	content: "";
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #C9CBE6;
	background: #fff;
	box-sizing: border-box;
	z-index: 2;
}
.m44 .section5 .conWrap .con2 .result:before{border: 2px solid #6E6E87;}
.m44 .section5 .conWrap .con3 .result:before{border: 2px solid #404274;}
.m44 .section5 .conWrap .con .result:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	width: 1px;
	height: 80px;
	border-left: 1.5px dashed #ACACAC;
}


.m45{}
.m45 .section1{
	padding: 0 0 200px;
}
.m45 .section1 .pageTit{
	font-size: var(--fz-58);
	font-weight: 700;
	margin-bottom: 140px;
}
.m45 .section1 .secTit{
	font-size: var(--fz-40);
	font-weight: 700;
	margin-bottom: 40px;
}
.m45 .section1 ul{
	display: flex;
	flex-wrap:wrap;
	column-gap: 40px;
	row-gap: 60px;
}
.m45 .section1 li{
	width: calc((100% - 80px) / 3);
}
.m45 .section1 li .thumb{
	width: 100%;
	aspect-ratio: 360 / 480;
	padding: 12px 20px;
	border-radius: 13px;
	border: 1px solid #D4D4D4;
}
.m45 .section1 li .thumb img{
	width: 100%;
	height: 100%;
}
.m45 .section1 li .name{
	margin-top: 20px;
	text-align: center;
	font-size: var(--fz-18);
	line-height: 1.5em;
	color: #666;
}





/* m54 */
.m54 section:last-child{padding-bottom: 220px;}
.m54 table {
width: 100%;
border-collapse: collapse;
}
.m54 table col:nth-child(1){
width: 65%;
}
.m54 table col:nth-child(2){
width: 20%;
}
.m54 table col:nth-child(3){
width: 15%;
}
.m54 table th:first-child {
  border-radius: 12px 0 0 12px;
}
.m54 table th:last-child {
  border-radius: 0 12px 12px 0;
}
.m54 table th {
background-color: #EEEDF2;
font-size: var(--fz-18);
color: #404040;
padding: 24px 3vw;
}
.m54 table tr td{
padding: 24px 3vw;
}
.m54 table tr td,
.m54 table tr td a{
color: #404040;
font-size: var(--fz-18);
}
.m54 table tr td:nth-child(2),
.m54 table tr td:nth-child(3){
text-align: center;
}
.m54 table tr {
    border-bottom: 1px solid #EEEDF2;
}

/* bbs */
.bbs1 {}
.bbs1 section:last-child{padding-bottom: 220px;}
.bbs1 .section1 .form-box{
display: flex;
justify-content: flex-end;
}
.bbs1 .form-box .searchwrap {
width: 500px;
height: 60px;
display: flex;
align-items: center;
border: 1px solid #D4D4D4;
border-radius: 70px;
}
.bbs1 .form-box .form-input {
flex:1;
height: 100%;
font-size: var(--fz-18);
color: #ACACAC;
border: none;
padding: 0 30px;
background: none;
}
.bbs1 .form-box .form-input::placeholder {
color: #ACACAC;
}
.bbs1 .form-box .form-input:focus {
  outline: none;
}
.bbs1 .form-box .submit-btn{
padding: 16px 30px 16px 24px;
background: none;
border:none;
position: relative;
}
.bbs1 .form-box .submit-btn::before{
content:'';
position: absolute;
top:50%;
left: 0;
width: 1px;
height: 50%;
background-color: #acacac;	
transform: translateY(-50%);
}
.bbs1 .content {
margin-top: 40px;
}
.bbs1 .content-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 32px;
row-gap: 60px
}
.bbs1 .content-list .list-item {
min-width: 0;
}
.bbs1 .content-list .list-item a {
display: block;
width: 100%;
height: 100%;
} 
.bbs1 .content-list .list-item .thumb-box {
aspect-ratio: 500 / 288;
width: 100%;
border-radius: 24px;
overflow: hidden;
} 
.bbs1 .content-list .list-item .thumb-box img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bbs1 .content-list .list-item .item-title {
margin-top: 26px;
color: #000;
font-size: var(--fz-26);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} 
.bbs1 .content-list .list-item .item-text {
margin-top: 14px;
font-size: var(--fz-18);
color: #525252;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} 
.bbs1 .content-list .list-item .item-date {
display: block;
margin-top: 26px;
font-size: var(--fz-18);
color: #525252;
}

.bbs1 .paging {
margin-top: 80px;
}

/* bbs1_view */
.bbs1_view {}
.bbs1_view section:last-child{padding-bottom: 110px;}
.bbs1_view .content {}
.bbs1_view .content-head {
border-top: 1px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4;
padding: 80px 7.3vw;
}
.bbs1_view .content-head .txtWrap .top{
	display: flex;
	align-items: center;
}
.bbs1_view .content-head .txtWrap .top .status{
	display: inline-block;
	padding: 7.5px 16px;
	border-radius: 12px;
	text-align: center;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	background: #7BA1B0;
	margin-right: 12px;
}
.bbs1_view .content-head .txtWrap .top .status.off{
	background: #BCBCBC;
}
.bbs1_view .content-head .txtWrap .top .info span{
	font-size: var(--fz-18);
	font-weight: 500;
	color: #555;
}
.bbs1_view .content-head .txtWrap .top .info i{
	display: inline-block;
	width: 1.5px;
	height: 12px;
	margin: 0 10px;
	background: #ccc;
}
.bbs1_view .content-head .content-title{
margin-top: 40px;
font-size: var(--fz-40);
font-weight: 700;
}
.bbs1_view .content-head .cata-badge {
background-color: #EEEDF2;
color: #525252;
font-size: var(--fz-18);
padding: 8px 24px;
border-radius: 12px;
display: inline-block;
}
.bbs1_view .content-head .content-etc{
margin-top: 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.bbs1_view .content-head .content-date{
font-size: var(--fz-20);
color: #525252;
}
.bbs1_view .content-head .content-buttonBox{}
.bbs1_view .content-head .content-btn{
width: 54px;
height: 54px;
border-radius:50%;
border: none;
}
.bbs1_view .content-head .btn-share{
margin-left: 15px;
}
.bbs1_view .content-body {
padding: 80px 7.3vw;
word-break: break-all;
}
.bbs1_view .content-body * {
word-break: inherit;
}
.bbs1_view .link-box {
padding: 80px 7.3vw;
border-top: 1px solid #D4D4D4;
}
.bbs1_view .link-box a {
width: fit-content;
padding: 24px 160px;
background-color: #5D5D79;
border-radius:32px;
display: flex;
align-items: center;
justify-content: center;
gap:20px;
margin: 0 auto;
}
.bbs1_view .link-box a p {
color: #fff;
font-size: var(--fz-18);
}
.bbs1_view .link-box .line-box {
display: flex;
flex-direction: column;
gap:4px;
}
.bbs1_view .link-box .line-box .line{
display: inline-block;
width: 16px;
height: 1.5px;
background-color: #fff;
}



.m61{}
.m61 .section1{
	padding: 160px 0;
	background: #E7EDEF;
}
.m61 .section1 .slg{
	font-size: var(--fz-46);
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 200px;
}
.m61 .section1 .diaWrap{
	display: flex;
	justify-content: center;
	padding-bottom: 240px;
}
.m61 .section1 .diaWrap .dia{
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m61 .section1 .diaWrap .dia .logo{
	width: 158px;
}
.m61 .section1 .diaWrap .dia .iconCC{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #7BA1B0;
	z-index: 3;
}
.m61 .section1 .diaWrap .dia .iconCC.cc1{
	left: 50%;
	top: -43px;
	transform: translateX(-50%);
}
.m61 .section1 .diaWrap .dia .iconCC.cc2{
	left: -43px;
	top: 50%;
	transform: translateY(-50%);
}
.m61 .section1 .diaWrap .dia .iconCC.cc3{
	right: -43px;
	top: 50%;
	transform: translateY(-50%);
}
.m61 .section1 .diaWrap .dia .iconCC.cc4{
	left: 50%;
	bottom: -43px;
	transform: translateX(-50%);
}
.m61 .section1 .diaWrap .dia .iconCC img{
	transform: scale(0.8);
}
.m61 .section1 .diaWrap .dia .txtCC{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	border-radius: 50%;
	border: 1px solid #ACACAC;
	aspect-ratio: 1;
}
.m61 .section1 .diaWrap .dia .txtCC.cc1{
	width: 373px;
}
.m61 .section1 .diaWrap .dia .txtCC.cc2{
	width: 424px;
}
.m61 .section1 .diaWrap .dia .txtCC.cc3{
	width: 474px;
}
.m61 .section1 .diaWrap .dia .txtCC.cc4{
	width: 524px;
}
.m61 .section1 .diaWrap .dia .txtCC span{
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	font-size: 22px;
	font-weight: 700;
	padding: 0 15px;
	background: #E7EDEF;
}
.m61 .section2{
	padding: 160px 0;
	overflow: hidden;
}
.m61 .section2 .inner{
	display: flex;
	width: 94%;
	max-width: 1570px;
	margin: 0 auto;

}
.m61 .section2 .inner .slg{
	width: 300px;
	font-size: var(--fz-40);
	font-weight: 700;
}
.m61 .section2 .inner .swiper-container{
	width: calc(100% - 300px);
	padding-bottom: 40px;
}
.m61 .section2 .inner .swiper-container .swiper-slide{
	width: 500px;
	aspect-ratio: 1;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 50px 24px 24px 24px;
}
.m61 .section2 .inner .swiper-container .swiper-slide .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m61 .section2 .inner .swiper-container .swiper-slide .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m61 .section2 .inner .swiper-container .swiper-slide .tit{
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: var(--fz-40);
	font-weight: 700;
	color: #fff;
}
.m61 .section2 .inner .swiper-container .swiper-slide .txtBox{
	padding: 20px;
	border-radius: 24px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(15px);
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: all 0.3s;
}
.m61 .section2 .inner .swiper-container .swiper-slide:hover .txtBox{
	opacity: 1;
}
.m61 .section2 .inner .swiper-container .swiper-scrollbar{
	left: 0;
	bottom: 0;
	width: 100%;
	border-radius: 0;
}
.m61 .section2 .inner .swiper-container .swiper-scrollbar-drag{
	background: #000;
	border-radius: 0;
}




.m62{}
.m62 .section1{
	padding: 0 0 160px;
}
.m62 .section1 .pageTit{
	font-size: var(--fz-58);
	font-weight: 700;
}
.m62 .section1 .boxWrap{
	margin: 100px 0 140px;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.m62 .section1 .boxWrap .box{
	position: relative;
	width: calc((100% - 25px) / 2);
	padding: 50px 40px 120px;
	border-radius: 24px;
	border: 1px solid #ACACAC;
}
.m62 .section1 .boxWrap .box span{
	font-size: var(--fz-18);
	font-weight: 700;
	color: #ACACAC;
}
.m62 .section1 .boxWrap .box .tit{
	margin: 18px 0;
	font-size: var(--fz-26);
	font-weight: 700;
}
.m62 .section1 .boxWrap .box p{
	font-size: var(--fz-18);
	line-height: 1.5em;
	color: #525252;
}
.m62 .section1 .boxWrap .box .icon{
	position: absolute;
	right: 40px;
	bottom: 50px;
}
.m62 .section1 .info{}
.m62 .section1 .info .tit{
	padding: 30px 0;
	border-radius: 22px;
	background: #EEEDF2;
	text-align: center;
	font-size: var(--fz-22);
	font-weight: 700;
	color: #404040;
}
.m62 .section1 .info ul{
	padding: 30px 70px 0;
}
.m62 .section1 .info li{
	position: relative;
	padding-left: 20px;
	font-size: var(--fz-20);
	line-height: 1.6em;
	color: #525252;
}
.m62 .section1 .info li + li{
	margin-top: 7px;
}
.m62 .section1 .info li:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc((var(--fz-20) * 1.6) / 2 - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

.m63{}
.m63 .section1{
	padding: 0 0 160px;
}
.m63 .section1 .search{
	display: flex;
	flex-direction: row-reverse;
}
.m63 .section1 .search .searchwrap {
	width: 500px;
	height: 60px;
	display: flex;
	align-items: center;
	border: 1px solid #D4D4D4;
	border-radius: 70px;
}
.m63 .section1 .search .searchwrap .form-input {
	flex:1;
	height: 100%;
	font-size: var(--fz-18);
	color: #ACACAC;
	border: none;
	padding: 0 30px;
	background: none;
}
.m63 .section1 .search .searchwrap .form-input::placeholder {
	color: #ACACAC;
}
.m63 .section1 .search .searchwrap .form-input:focus {
	outline: none;
}
.m63 .section1 .search .searchwrap .submit-btn{
	padding: 16px 30px 16px 24px;
	background: none;
	border:none;
	position: relative;
}
.m63 .section1 .search .searchwrap .submit-btn::before{
	content:'';
	position: absolute;
	top:50%;
	left: 0;
	width: 1px;
	height: 50%;
	background-color: #acacac;	
	transform: translateY(-50%);
}

.m63 .section1 .list{
	margin-top: 40px;
	border-top: 1px solid #000;
}
.m63 .section1 .list li{
	width: 100%;
	padding: 60px 30px;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.m63 .section1 .list li .txtWrap{
	width: calc(100% - 140px);
	padding-right: 100px;
}
.m63 .section1 .list li .txtWrap .top{
	display: flex;
	align-items: center;
}
.m63 .section1 .list li .txtWrap .top .status{
	display: inline-block;
	padding: 7.5px 16px;
	border-radius: 12px;
	text-align: center;
	font-size: var(--fz-18);
	font-weight: 500;
	color: #fff;
	background: #7BA1B0;
	margin-right: 12px;
}
.m63 .section1 .list li.off .txtWrap .top .status{
	background: #BCBCBC;
}
.m63 .section1 .list li .txtWrap .top .info{}
.m63 .section1 .list li .txtWrap .top .info span{
	font-size: var(--fz-18);
	font-weight: 500;
	color: #555;
}
.m63 .section1 .list li .txtWrap .top .info i{
	display: inline-block;
	width: 1.5px;
	height: 12px;
	margin: 0 10px;
	background: #ccc;
}
.m63 .section1 .list li .txtWrap .tit{
	margin: 20px 0;
	font-size: var(--fz-26);
	font-weight: 600;
}
.m63 .section1 .list li .txtWrap .date{
	font-size: var(--fz-20);
	font-weight: 300;
	color: #525252;
}
.m63 .section1 .list li .txtWrap .date img{
	margin-right: 10px;
	vertical-align: baseline;
}
.m63 .section1 .list li a.viewBtn{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #EEEDF2;
	transition: all 0.2s;
}
.m63 .section1 .list li a.viewBtn span{
	font-size: var(--fz-18);
	color: #404040;
}
.m63 .section1 .list li a.viewBtn i{
	display: block;
	width: 15px;
	height: 11px;
	background: url(/images/page/m63_arr.png) no-repeat center / contain;
	margin-top: 6px;
}
.m63 .section1 .list li a.viewBtn:hover{
	background: #2A2D64;
}
.m63 .section1 .list li a.viewBtn:hover span{
	color: #fff;
}
.m63 .section1 .list li a.viewBtn:hover i{
	background: url(/images/page/m63_arr_wh.png) no-repeat center / contain;
}

.m63_view .content-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m63_view .content-head .txtWrap{
}

.m63_view .content-head .cata-badge{
	background: #7BA1B0;
	color: #fff;
}
.m63_view .content-head .cata-badge.off{
	background: #BCBCBC;
}
.m63_view .content-head .txtWrap .date{
	font-size: var(--fz-20);
	color: #525252;
	margin-top: 30px;
}
.m63_view .content-head a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #2A2D64;
	flex-shrink: 0;
}
.m63_view .content-head a span{
	font-size: var(--fz-18);
	color: #fff;
}
.m63_view .content-head a i{
	display: block;
	width: 15px;
	height: 11px;
	background: url(/images/page/m63_arr_wh.png) no-repeat center / contain;
	margin-top: 6px;
}



#report {
display: none;
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 1001;
}
#report input:focus,
#report textarea:focus{
  outline: none;
}
#report input::placeholder,
#report textarea::placeholder {
color: #ACACAC;
}
 #report input:not(:focus):not(:placeholder-shown):invalid {
  border: 1px solid red;
}
#report .mainColor {
color: var(--main-color);
}
#report .bg{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.7);
}
#report .innerWrap {
width: 92%;
height: 780px;
max-width: 1400px;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #F6F5F8;
border-radius: 24px;
padding: 100px 80px;
}
#report .reportClassBtn {
width: 40px;
height: 40px;
position: absolute;
top: 24px;
right: 24px;
background: url(/images/page/icon_close.png) no-repeat center;
border: none;
}
#report .containerTitle {
font-size: var(--fz-58);
font-weight: 700;
text-align: center;
margin-bottom: 60px;
line-height: 1;
}
#report .container {
overflow: hidden;
height: calc(100% - var(--fz-58) - 60px);
}
#report .containerWrap {
overflow-y: scroll;
height: 100%;
padding-right: 36px;
}
#report .containerWrap::-webkit-scrollbar {
width: 4px;
}
#report .containerWrap::-webkit-scrollbar:horizontal {
height: 6px;
}
#report .containerWrap::-webkit-scrollbar-thumb {
background-color: #000;
border-radius: 4px;
}
#report .containerWrap::-webkit-scrollbar-thumb:hover {
background-color: var(--main-color);
}
#report .containerWrap::-webkit-scrollbar-track {
background-color: #D4D4D4;
}
#report .tabArea {}
#report .tabList {
display: flex;
align-items: center;
justify-content: center;
border:1px solid #D4D4D4;
border-radius: 60px;
}
#report .tabList .listItem {
flex:1;
text-align: center;
font-size: var(--fz-18);
padding: 17px 0;
cursor: pointer;
}
#report .tabList .listItem.active{
background-color: var(--main-color);
border-radius: 60px;
color: #fff;
}
#report .notice {
margin: 40px 0;
}
#report .noticeBox {
background-color: #EEEDF2;
border-radius: 14px;
padding: 48px 1vw;
}
#report .type1 .noticeBoxText{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap:8px;
}
#report .type1 .noticeBoxText p {
font-size: var(--fz-22);
color: #404040;
}
#report .type2 .noticeBoxText{
text-align: center;
display: flex;
align-items: flex-start;
justify-content: center;
gap:8px;
}
#report .type2 .noticeBoxText p{
font-size: var(--fz-22);
color: #404040;
}
#report .type2 .noticeBoxText p span {
display: block;
color: #404040;
margin-top: 4px;
}
#report .noticeBoxText .icon{
display: inline-block;
width: 22px;
height: 19px;
background: url(/images/page/icon_notice.png) no-repeat center;
}
#report .noticeText {
margin-top: 20px;
font-size: var(--fz-18);
color: #525252;
text-align: right;
}
#report .type {
display: none;
}
#report .type.active {
display: block;
}
#report .form .content{
padding-bottom: 80px;
border-bottom: 1px solid #ACACAC;
}
#report .form .content + .content {
padding-top: 80px;
}
#report .form .content1{
display: flex;
align-items: center;
flex-wrap: wrap;
gap:40px;
}
#report .form .inputBox {
width: calc((100% - 40px)/2);
}
#report .form .inputBox.w100{
width: 100%;
}
#report label {
position: relative;
font-size: var(--fz-20);
color: #000;
font-weight: 700;
}
#report .requiredBox label:not(label[for="f_file"]):after {
content: "*";
color: var(--main-color);
margin-left: 2px;
}
#report input {
margin-top: 8px;
border: 1px solid #D4D4D4;
border-radius: 12px;
font-size: var(--fz-20);
background-color: #fff;
padding: 24px 35px;
width: 100%;
color: #000;
}
#report textarea {
margin-top: 8px;
border: 1px solid #D4D4D4;
height: 260px;
border-radius: 12px;
background-color: #fff;
padding: 35px;
font-size: var(--fz-20);
width: 100%;
color: #000;
white-space: pre-line;
}
#report .inputFileBox {
display: flex;
gap: 8px;
align-items: stretch;
justify-content: space-between;
}
#report input[type="file"]{
position: absolute;
opacity: 0;
width: 0.1px;
height: 0.1px; 
z-index: -10;
}
#report label[for="f_file"],
#report label[for="f_file2"]{
display: block;
margin-top: 8px;
padding: 24px 1vw;
max-width: 180px;
width: 100%;
background-color: #404040;
color: #fff;
border-radius: 12px;
text-align: center;
font-size: var(--fz-16);
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
}
#report .submitBox{
margin-top: 100px;
text-align: center;
}
#report .submitBtn{
display: inline-block;
background-color: #5D5D79;
color: #fff;
border-radius: 70px;
border:none;
padding: 17px 116px;
font-size: var(--fz-18);
}
#report .form1 .contentTitle {
font-size: var(--fz-40);
font-weight: 700;
color: #000;
}
#report .form1 .agreeList {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap:10px;
}
#report .form1 .agreeList .listItem {
width: 100%;
text-align: center;
border-bottom: 1px solid #D4D4D4;
}
#report .form1 .agreeList .listItem .itemTitle {
display: block;
background: #EEEDF2;
font-size: var(--fz-18);
font-weight: 700;
color: #404040;
border-radius: 12px;
padding: 26px 1vw;
}
#report .form1 .agreeList .listItem .itemText {
display: block;
font-size: var(--fz-18);
color: #525252;
padding: 26px 1vw;
}
#report .form1 .agreeNotice {
margin-top: 20px;
color: #ACACAC;
font-size: var(--fz-18);
}
#report .form1 .checkBox{
margin-top: 20px;
}
#report .form1 .checkBox input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0.1px;
height: 0.1px; 
z-index: -10;
}
#report .form1 .checkBox input[type="checkbox"] + label{
display: block;
margin: 0;
padding-left: 36px;
background: url(/images/page/icon_checkBox.png) no-repeat left;
height: 26px;
color: #525252;
font-size: var(--fz-18);
display: flex;
align-items: center;
}
#report .form1 .checkBox input[type="checkbox"]:checked + label {
background: url(/images/page/icon_checkBoxChecked.png) no-repeat;
}