.topBnr{ position:relative; }
.topBnr .banImg{ width:100%; height:475px; background-size:cover; background-repeat:no-repeat; }
.topBnr.company{ background-image:url(../images/topBanner01.png); }
.topBnr.wellCity{ background-image:url(../images/topBanner02.png); }
.topBnr.business{ background-image:url(../images/topBanner03.png); }
.topBnr .topAraTxt{ position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,.3); display:flex; align-items:flex-end }
.topBnr .topAraTxt .topTxt{ position:relative; width:1440px; margin:auto; padding:70px 0  20px; color:#fff; }
.topBnr.business .topAraTxt .topTxt:after{ content:''; position:absolute; background:url(../images/topBanner03_01.png)no-repeat; width:430px; height:114px; right:84px; top:150px; z-index:1 }
.topBnr .topAraTxt .topTxt h2{ font-size:60px; line-height:1.5 }
.topBnr .topAraTxt .topTxt p{ font-size:21px; padding-top:5px; line-height:1.5 }
.topBnr img{ width:100%; }

.subPgCont{ margin:40px 0; }
.subTab{ position:relative; width:1440px; text-align:center; margin:40px auto; }
.subTab:after{ content:''; width:100%; height:1px; background:#ECECEC; position:absolute; top:20px;  left:0; z-index:0 }
.subTab ul { position:relative; display:flex; align-items:center; justify-content:center; gap:40px; z-index:1 }
.subTab ul li{ padding:8px 20px; background:#ECECEC; border-radius:50px; font-weight:400; }
.subTab ul li a{ color:#666666; display:block; }
.subTab ul li:hover, .subTab ul li.active{ background:#E5001C; transition:.5s }
.subTab ul li:hover a, .subTab ul li.active a{ color:#fff; font-weight:600; }

.subPgCont{ width:1440px; margin:auto; }