@charset "UTF-8";
/* CSS Document */
body{font-family:'Lato',"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;color:#39393a}

a{color:#39393a;text-decoration:none;-webkit-transition:all .3s linear;transition:all .3s linear}
.transi{-webkit-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#343434}

img{max-width:100%;height:auto}

.font-style{font-size:17px;letter-spacing:1px;line-height:1.6;font-weight:500;text-align:justify}
.container-s{max-width:1100px;margin:0 auto;padding:0 15px}

/*反白設定*/
::-moz-selection{background:#343434;color:#fff}
::selection{background:#343434;color:#fff}

/*共用參數*/
.aleart_line{border-color:#d40023}

/*顏色*/
.red{color:#d40023}
.blue{color:#39393a}
.gray{color:#eee}

/*RWD編輯器表格(X捲軸)*/
@media (max-width: 768px) {
  .table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
  }
}

.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}

/*按鈕*/
.btnWrap{margin-top:60px;text-align:center}
.btnWrap-new{float:right;text-align:center}
.btn-add{}

.btn-style a{padding:5px 25px;display:table;margin:0 auto;background:#39393a;color:#fff}
.btn-style a:hover{background:#8acbea;color:#fff}
.btnbox .btn-style{padding:5px 25px;margin:0 auto;margin-top:25px;background:#39393a;color:#fff;border:1px solid #39393a}
.btnbox .btn-style:hover{background:#8acbea;color:#fff;border:1px solid #8acbea}


/*全頁佈局*/
.wrapper{padding:60px 0 0}
.breadCrumbs{list-style:none;margin-bottom:0;padding:10px 0}
.breadCrumbs li{font-size:14px;position:relative;font-weight:600}
.breadCrumbs li.active a{opacity:1}
.breadCrumbs li + li{padding-left:20px}
.breadCrumbs li + li::before{position:absolute;content:'/';opacity:.7;left:8px;top:0;font-size:14px}

.breadCrumbs li a{opacity:.7}

.navbar{padding:0;-webkit-transition:all .3s linear;transition:all .3s linear;background: rgb(255 255 255 / 80%);backdrop-filter:blur(3px);padding-right:20px}
.navbar.change {
  background: #fff;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.6);
          box-shadow: 0 0 10px rgba(51, 51, 51, 0.6);
}
.navbar .navbar-top{width:100%;background:#39393a}
.navbar .navbar-top p{margin-bottom:0;color:#fff;font-size:14px;padding:3px 15px;letter-spacing:1px}
.navbar .navbar-top p + p {border-left: 1px solid #38445d;}
.navbar .navbar-top p a{display:block;color:#fff}
.navbar .navbar-top p i{margin-right:5px}

.navbar .navbar-toggler{margin-right:15px}
.navbar .navbar-toggler .navbar-toggler-icon{height:1px;position:relative;background-color:#39393a;display:block}
.navbar .navbar-toggler .navbar-toggler-icon + .navbar-toggler-icon{margin-top:5px}
.navbar .navbar-nav {width: 100%;margin: 0 auto;}

.lan-box{margin-left:20px}
.lan-box p{margin-bottom: 0;font-size: 15px;display: flex;}
.lan-box i{font-size: 12px;margin-left: 7px;display: inline-block;margin-top: 2px;}

.navbar .navbar-nav .nav-link{padding:20px;font-weight:500}
.navbar .navbar-nav .nav-item{position:relative}
.navbar .navbar-nav .nav-item:before{position:absolute;content:'';width:1px;height:20px;background:#dadada;top:40%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-20%)}
.navbar-brand{width: 280px;margin: 15px 20px;padding:0;}

.l-list{list-style:none;margin:0;padding:0}
.l-list a{display:block}
footer{background:#e9e9e9;color:#343434;padding:0;margin-top:80px}
footer a{color:#343434}
footer a:hover{opacity:.8;color:#8acbea}

/* footer figure {width: 249px;margin: 0 auto;} */
.footer-nav{background:#f4f4f4}
.footer-nav ul{list-style:none;padding-left:0;margin-bottom: 0;}
.footer-nav ul li{padding: 1rem 0;}
.footer-nav .nav-item{font-size:15px;}
.footer-right {padding-top:20px}
.footer-right .add{width:100%;text-align:center;margin-bottom: 10px;}
.footer-bom{width:100%;text-align: center;}
.footer-bom p{display:inline-block;margin-bottom: 0;}
.footer-bom p+p{margin-left:15px}
footer .copyright{border-top:1px solid #cacaca;width:80%;margin:20px auto 0;padding:5px 10px;font-size:14px;opacity:.3;text-align:center}

/* 回頂端 */
#goTop{width:45px;height:45px;border-radius:60px;text-align:center;line-height:45px;-webkit-box-shadow:0 0 10px rgba(37,47,70,0.2);box-shadow:0 0 10px rgba(37,47,70,0.2);cursor:pointer;display:none;position:fixed;bottom:20px;right:20px;background:#fff;z-index:10}
#goTop:hover{background:#999;color:#fff}

.index-banenr .slogan-box{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;text-align:center}
.index-banenr .Bimg-box .fill{height:34vw;background-size:cover;background-position:50% 50%;-webkit-animation:grow 30s linear 5ms infinite;animation:grow 30s linear 5ms infinite;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.slogan-box-s{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 1;width: 100%;text-align: center;}
.index-banenr p{color: #fff;font-size: 26px;display:inline-block;margin-bottom: 0;text-shadow: 0 1px 2px rgb(0 0 0 / 60%)}
.slogan-box-b{width: 100%;text-align: center;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;padding: 0 10px;}
.index-banenr h1 {font-weight: 500;letter-spacing: 4px;font-size: 40px;line-height: 1.4;margin-bottom: 0;text-shadow: 0 1px 2px rgb(0 0 0 / 60%);color: #fff;}


@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

@keyframes grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

.inner-index{height:20vw;position:relative;background-size:cover;background-position:center}
.inner-index h1{position:absolute;left:50%;top:55%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:0;font-size:28px;letter-spacing:2px;text-shadow:0 0 10px #121212;color:#fff}

/*首頁*/
.index-title{text-align:center;padding:60px 0}
.index-title h4{font-size:30px;font-weight:500;letter-spacing:1px;position:relative}
.index-title p{margin-bottom:0;color:#8acbea;font-size:15px}

.index-service-list {width: 100%;padding: 0 20px;}
.index-service-box {width: calc(100% / 3);text-align: center;padding: 20px;}
.index-service-box a{position:relative;display: block;overflow: hidden;}
.ser-bk{background-size:cover;height: 100%;}
.ser-bk:after{position:absolute;content:'';width:100%;height:100%;top: 0;left: 0;z-index: -1;background-size: cover;background-position: center;-webkit-transition: all .3s linear;transition: all .3s linear;}
.index-service-box01 .ser-bk:after{background-image:url(../images/index/bk01.jpg);}
.index-service-box02 .ser-bk:after{background-image:url(../images/index/bk02.jpg);}
.index-service-box03 .ser-bk:after{background-image:url(../images/index/bk03.jpg?20210528);}
.index-service-box a:hover .ser-bk:after{transform:scale(1.1)}
.index-service-box a:hover span{opacity:1;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.index-service-box a:hover .mask{/* transform: translate(0,50%) */}
.ser-text{position: relative;width: 100%;padding: 250px 0 50px;z-index: 5;}
.ser-text:before{position:absolute;content:'';background: rgb(255 255 255 / 0%);background: -webkit-linear-gradient(0deg,rgb(41 77 131 / 60%),rgb(255 255 255 / 0%)100%);background: linear-gradient(0deg,rgb(41 77 131 / 60%),rgb(255 255 255 / 0%)100%);width: 100%;height: 50%;/* position: absolute; */bottom: 0;left: 0;/* transform: translate(0,calc(100% - 68px)); */transition: all .3s linear;}
.ser-text figure{width: 90px;position: relative;box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: rgb(255 255 255 / 85%);backdrop-filter: blur(3px);padding: 20px;border-radius: 60px;margin: 0 auto 10px;}
.ser-text figure:before{position:absolute;content:'';width:calc(100% - 4px);height:calc(100% - 4px);top: 2px;left: 2px;border: 1px solid #8acbea;border-radius: 60px;}
.ser-text .mask{position: relative;}

.index-service-box p{font-size:24px;font-weight:500;color:#fff;margin-top:1rem;margin-bottom:0;text-shadow:0 0 5px #000}
.index-service-box span {position: absolute;opacity: 0;color: #fff;font-size: 15px;text-shadow: 0 0 5px #000;-webkit-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-transition: all .3s linear;transition: all .3s linear;}
.index-about {position: relative;padding-bottom: 30px;}
.index-about article{max-width:850px;width:100%;margin:0 auto}
.index-about article .index-title{margin-bottom:50px}

.index-team{padding-bottom:30px}
.index-team-box .slick-track{padding-bottom:20px}
.team-item{margin:0 15px;box-shadow: 0 0 10px #eee;}
.team-item:hover img{transform:scale(1.1)}
.team-item:hover .team-tbox{background:#eee;}
.team-item:hover .team-tbox span{color:#7f7f7f}
.team-item:hover .team-tbox p{color:#8acbea}
.team-item figure{margin-bottom:0;overflow:hidden}
.team-tbox{text-align:center;padding: 10px 0;}
.team-tbox p{margin-bottom:0;font-size: 22px;letter-spacing: 1px;}
.team-tbox span{color:#e9e9e9}
.index-team .slick-arrow{background:#eee;width: 45px;height: 45px;}
.index-team .slick-arrow:hover{background:#8acbea}
.index-team .slick-next {right: -50px;}
.index-team .slick-prev {left: -50px;}
.index-team .slick-arrow:before{font-family:bootstrap-icons !important}
.index-team .slick-next:before{content:'\f285'}
.index-team .slick-prev:before{content:"\f284"}


.index-news .index-news-box ul{list-style:none;margin-bottom:0;padding-left:0}
.index-news .index-news-box ul li{-webkit-box-shadow:0 5px 5px -6px #d1d1d1;box-shadow:0 5px 5px -6px #d1d1d1}
.index-news .index-news-box ul li:nth-of-type(3){-webkit-box-shadow:none;box-shadow:none}

.index-news .index-news-box ul a{width:100%;padding:20px}
.index-news .index-news-box ul a:hover{color:#8acbea}
.index-news .index-news-box ul a span{border-right:1px solid #cecece;color:rgba(40,50,75,0.8);padding-right:20px;margin-right:20px;letter-spacing:1px}
.index-news .index-news-box ul a p{margin:0;font-size:19px;letter-spacing:1px;font-weight:500;padding-right:10px}
.index-news .index-news-box ul a i{margin-left:auto}

.team-list{width:calc(100% / 2 - 20px);margin:0 10px 20px;padding:15px;background:#f8f8f8;-webkit-transition:all .3s linear;transition:all .3s linear}

.team-list:hover {background-color:#8acbea;}
.team-list:hover a{color: #fff;}
.team-list:hover a p,.team-list:hover a p span{color:#fff!important;}

.team-list figure{margin-bottom:0;width:200px}
.team-list figure + article{max-width:calc(100% - 200px);padding:0 0 0 20px}
.team-list figure + article p{margin-bottom:0}
.team-list article{width:100%}

.team-list article .team-name {margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.team-name-title{font-weight:600;font-size:20px}
.team-list article .team-name p{display:inline;font-size:20px;font-weight:600}
.team-list article .team-name p+span{margin-left:5px}
.team-list article .team-des{margin-bottom:0;font-size:15px;font-weight:600}
.team-detail figure{position:-webkit-sticky;position:sticky;width:250px;top:135px;margin-bottom:0;float:left}
.team-detail figure figcaption{margin-bottom:10px}
.team-detail figure figcaption .team-name p{display:inline;font-size:20px;font-weight:600}
.team-detail figure figcaption .team-name+span{margin-left:5px}
.team-detail article{width:calc(100% - 250px);padding-left:50px;float:right}
.team-detail article table{width:100%}

/*分享*/
.fb_iframe_widget {  margin-bottom: 5px;  margin-right: 10px;}
.share-box {  display: flex;  align-items: center;  margin-left: auto;  justify-content: flex-end;}

/*六圖六文*/
.news-pic{/* margin-top:30px */ padding: 1rem;}
.pic-box{display:flex}
.pic-box figure{width:50%}
.pic-box .pic-word{width:100%}
.pic-box figure + .pic-word{width:50%;padding-left:20px}
.pic-box.big{flex-wrap:wrap}
.pic-box.big figure,.pic-box.big .pic-word{width:100%!important;padding-left:0!important}
.pic-box.img-right{flex-direction:row-reverse}
.pic-box.img-right .pic-word{padding-left:0;padding-right:20px}

/*頁碼*/
.pageNumber{margin-top:60px;text-align:center}
.pageNumber a{display:inline-block;padding:5px 10px}
.pageNumber a.on,.pageNumber a:hover{color:#8acbea;border-bottom:1px solid #8acbea}
.lan-box{position:relative;right:0;top: 0;}
.lan-down{position:absolute;background-color: rgb(255 255 255 / 90%);padding:0;list-style:none;box-shadow: 0 0 0.75rem rgb(0 0 0 / 30%);border-radius:6px;top:30px;z-index:3;width:100%;text-align:center;display:none;overflow:hidden}
.lan-down li{padding:10px}
.lan-down li:hover{background-color:#e9e9e9;}

/*表單*/
.summary{  position: relative;  background: #fff;  text-align: center;  width: 85%;  margin: 0 auto;  padding-top: 2rem;}

/**/
.roof-good{  display: grid;  grid-template-columns: repeat(3,1fr);  grid-column-gap: 10px; /* 設定左右間距 */  grid-row-gap: 10px; /* 設定上下間距 */  }

.good-box{padding:20px;border:1px solid #c8c8c8;position: relative;}
.good-box h3{font-weight:bold;font-size:1.4rem;letter-spacing:3px;margin: 15px 0;}
.good-box p{font-weight: bold;  font-size: 18px;  margin: 0 auto;  padding: 20px 20px 0 20px;  text-align: left; display: table;}
.good-box a{display: flex;width:100%;height:100%;flex-wrap: wrap;color: #fff;}
.good-img{width: 25%;margin: 0 auto;}
.good-box p::before{position: absolute;  content: "";  bottom: 0;  left: 50%;  border: 2px solid #8acbea;  width: 2rem;  transform: translate(-50%, 0); -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
opacity: 0;}

/* .good-box:hover +.good-box p::before{ width: 5rem;opacity: 1;}
 */

.service.title-box {/* background: #e9e9e9; *//* padding: 2rem; *//* border-radius: 5px; *//* text-align: center; */margin-bottom: 32px;}
.service.title-box h3 {font-size: 24px;font-weight: 700;}
.service.title-box p {margin: 0;padding: 0;font-size: 18px;}

/*單元選單*/
.pageMenu .pageBtn{display:none}
.pageMenu .pageList{list-style:none;padding-left:0;display:flex;align-items:center;justify-content:center;margin-bottom: 60px;flex-wrap: wrap;gap: 0.5rem 0;}
.pageMenu .pageList li{display:block;text-align:center}
.pageMenu .pageList a {padding: 10px 20px; border-bottom: 3px solid #c8c8c8; transition: all .5s; display: block; font-weight: 700; color: #c8c8c8;}
.pageMenu .pageList a.active,.pageMenu .pageList a:hover{color:#8acbea;border-color:#8acbea}

/*關於本所*/
.textbig{font-size:21px;border-bottom:solid 1px #ccc;padding-bottom:16px}

/*最新消息-列表*/
.selectYear{text-align:right;margin-bottom:20px}
.selectYear select{border:1px solid #c3c3c3;height:40px;padding:5px 10px}
.newsZone{max-width: 80%;margin: 0 auto;}
.newsZone .boxOuter{border:1px solid #c8c8c8;}
.newsZone .boxOuter+.boxOuter{margin-top:10px}

.newsTitle{background-color:#e9e9e9;border-bottom:3px solid #39393a;padding:.5rem 1rem}
.newsTitle h3{font-weight:normal;letter-spacing: 1px;font-size: 24px;}
.newsTitle .wordBox{padding-left:0;margin-bottom:5px}
.new-heigh{margin-bottom: 20px;}

.news-tab.nav-tabs{border-bottom:none;justify-content:center;margin-top:50px}
.news-tab.nav-tabs .nav-link{border:none;border-bottom:3px solid #c3c3c3}
.news-tab.nav-tabs .nav-item.show .nav-link,.news-tab.nav-tabs .nav-link.active,.news-tab.nav-tabs .nav-link:hover{background:inherit;border:none;color:#28a6e9;border-bottom:3px solid #28a6e9}
.grayBg{background:#e4eef1}
.boxOuter{display:flex;transition:all .5s;align-items:center;padding:10px;border:1px solid #c8c8c8}
.boxOuter:hover{box-shadow:0 0 20px #c8c8c8;}
.boxOuter:hover .type{background:#8acbea;color:#fff}
.newsBox{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px;margin:50px 0}

.boxOuter figure{overflow:hidden}
.boxOuter figure img{transition:all .5s}
.boxOuter:hover img{transform:scale(1.1)}

.wordBox .type{display: inline-block;  color: #8acbea;  border: 1px solid #8acbea;  font-size: .9rem;  padding: 3px 10px;}
.wordBox .date{display:inline-block;/* color:#c3c3c3 */font-size: 14px;margin-left: 5px;}
.wordBox h3{font-size: 1.01rem;letter-spacing: 1px;/* font-weight:700; */margin-top: 5px;}
.wordBox p{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;overflow:hidden;display:-webkit-box;white-space:normal}

/*代表案件*/
.caseBox{--num: 3;--gap:15px;display:flex;flex-wrap:wrap;gap:var(--gap);}
.caseBox__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );padding:20px;border: 1px solid #c8c8c8;}
.caseTt{font-weight: bold;font-size: 20px;margin-bottom: 12px;}
.caseList{margin-bottom:0;font-size:18px;}

/* .tagTxt{color: #70badd;padding: 2px 8px;margin-bottom: 5px;display: inline-block;border: 1px solid #8acbea;}
.svList{margin-top: 40px;display: flex;flex-direction: column;gap: 16px;}
.svListTt{font-size:18px;font-weight:bold;}
.svListCt ul{margin:8px 0;} */

/*!服務項目*/
.serviceBox{--num: 3;--gap:15px;display:flex;flex-wrap:wrap;gap:var(--gap);}
.serviceBox__item{width:calc((100% - var(--gap,0px) * (var(--num) - 1)) / var(--num) );border: 1px solid #c8c8c8;cursor: pointer;transition: 0.3s all;position: relative;}
.serviceBox__mj:after{content:'+';font-size: 24px;position:absolute;right: -1px;bottom: -1px;line-height: 1;padding: 2px 10px 8px;border: 1px solid #c8c8c8;display: inline-flex;background: #fff;}
.serviceBox__item:hover{background:rgb(138 203 234 / 25%);}
.serviceTt{font-weight: bold;font-size: 20px;/* text-align: center; */margin-bottom: 12px;}
.serviceList{margin-bottom:0;font-size:18px;display: flex;flex-direction: column;gap: 1.5rem;}
.serviceBox__mj{padding:20px;padding-bottom: 30px;position: relative;height: 100%;}
.serviceBox__mj .cover__pic{aspect-ratio:640/360;object-fit:cover;}
.serviceBox__sub{position:fixed;top: calc(50% + 30px);left: 50%;width: clamp(20rem,85vw,50rem);padding: 2rem;padding-left: 1.5rem;background: #fff;transform: translate(-50%,-50%);pointer-events: none;transition: 0.3s all;opacity: 0;z-index: 1;max-height: 75dvh;overflow-y: auto;}
.--isOpen .serviceBox__sub{pointer-events:all;opacity:1;}
.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;pointer-events: none;opacity: 0;transition: 0.3s all;}
.overlay.--isShow{opacity:1;pointer-events:all;}
.close{position: absolute;right:1rem;top:1rem;padding:0.5rem 1rem;color: #fff;background: #7f7f7f;transition: 0.3s all;}

/*=====rwd=====*/

@media (min-width: 991px) {
  .navbar .navbar-brand-pc{display:none}
  .navbar .lan-box-pc{display: none;}
}
@media (max-width:1280px) {
  .newsBox{display: grid;grid-template-columns: repeat(1,1fr);margin: 0;}
}
@media (max-width: 1220px){
  .index-banenr .Bimg-box .fill {height: 40vw;}
  .index-banenr .slogan h1{font-size:40px;}
  .index-about .index-slogan h3 {font-size: 50px;}
  .index-about .index-slogan h3::before, .index-about .index-slogan h3::after { width: 30px; height: 30px;}
  .index-about .index-slogan h3::before {top: -10px;left: -40px;}
  .index-about .index-slogan h3::after{right:20px}
  .inner-index{height:25vw}
}
@media (max-width: 1024px) {
  .index-about .index-slogan h3::before{left:-40px}
  .index-about .index-slogan h3::after{right:-40px}
  .index-about .index-slogan h3 span{display:inline-block}
  .index-about .index-slogan h3 span + span{margin-left:0}
  .index-about::before{width:100%}
  .index-about .index-slogan{width:auto;margin:0 auto}
  .index-about .index-slogan h3{font-size:35px}
  .index-about .index-slogan h3::before,.index-about .index-slogan h3::after{width:20px;height:20px}
  .index-news .index-news-box ul a{padding:15px}
  .index-news .index-news-box ul a span{font-size:15px;padding-right:15px;margin-right:15px}
  .index-news .index-news-box ul a p{font-size:17px}
  .inner-index{height:28vw}
}

@media (max-width: 991px) {
  .btnWrap {margin-top: 40px;}
  
  .roof-good{grid-template-columns:repeat(2,1fr)}
  .roof-icon{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:85px}
  .service.title-box{margin-bottom:20px;padding:1rem}
  .service.title-box h3{font-size:18px}
  .good-box{padding:20px 15px}
  .good-box p{font-size:16px;padding:0;padding-top:20px}
  .good-img{width:20%}
  .pageNumber{margin-top:40px}

  .navbar{background-color:#fff;width:100%}
  .navbar-brand{width: 160px;margin: 10px;margin-right:auto;}
  .lan-box{position:absolute;right:100px;top: 1rem;}
  .inner-index{margin-top:56px}
  .inner-index h1{top:50%;transform:translate(-50%,-50%)}
  .index-banenr{margin-top:56px}
  .index-banenr .slogan-box{bottom:30px}
  .index-banenr h1{font-size:36px;letter-spacing:3px}
  .slogan-box-s{bottom:10px}
  .index-banenr p{font-size:17px}
  .index-title{padding:40px 0}
  .index-title h4{font-size:26px}
  .ser-text{padding:60px 0 70px}
  .index-service-box a:hover .mask{transform:translate(0,0)}
  .team-list{width:100%;margin:0 0 20px}
  .team-list:nth-of-type(even){margin-left:0}
  .intro-img:before{height:50%;width:90%;bottom:50%}

  /*代表案件*/
  .caseWrap .title-box{position:static;width:100%;margin:0;}
  .caseBox{--num:2;width:100%;padding: 2rem 0;}
  .serviceBox{--num:2}

}
@media (max-width: 768px) {
  #goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}

  .pic-box{flex-wrap:wrap}
  .pic-box figure,.pic-box .pic-word,.pic-box figure + .pic-word{width:100%;padding-left:0}
  
  .pageMenu .pageBtn{display:block;width:100%;padding:10px;background:#8acbea;color:#fff;text-align:center;border:none;margin-bottom: 20px;}
  .pageMenu .pageList{flex-wrap:wrap;display:none;}

  .newsZone{grid-template-columns:repeat(1,1fr)}

  .wrapper{padding:20px 0 0}
  .font-style{font-size:16px;letter-spacing:1px}
  .navbar .navbar-top p{font-size:13px;letter-spacing:0;padding:3px 10px}
  .navbar .navbar-brand-pc{width:160px;margin:10px}
  .navbar .navbar-toggler{margin-right:10px}
  footer{margin-bottom:45px;margin-top:40px}
  .footer-nav ul{max-width: 300px;width: 100%;margin: 0 auto;padding: 0 0 1rem  0 ;}
  .footer-nav ul li{width: calc(100% /3 );text-align: center;}
  .footer-nav ul li a{width: fit-content;margin: 0 auto;background-color: #fff;}
  .footer-nav .nav-item{padding-bottom:0;}
  .index-banenr .Bimg-box .fill {height: 55vw;}
  .index-banenr h1 {font-size: 30px;letter-spacing:2px;}
  .index-title {padding: 40px 0;}
  .index-title h4 {font-size: 25px;}
  .index-title p {font-size: 15px;}
  .index-about{padding-bottom:0}
  .index-about .index-slogan h3 {font-size: 22px;}
  .index-service-list{padding:0}
  .index-service-box{width:100%;padding-top: 0;}
  .ser-text{padding: 150px 0 30px;}
  .ser-text:before{background: -webkit-linear-gradient(0deg,rgb(41 77 131 / 75%),rgb(255 255 255 / 0%)100%);background: linear-gradient(0deg,rgb(41 77 131 / 70%),rgb(255 255 255 / 0%)100%);}
  .index-service-box span{display:none}
/*.index-service-box .mask{transform: initial;background-image:linear-gradient(#8acbea00,#8acbea9d);} */
  .index-service-box p{margin-top: 5.5rem;font-size: 20px;}
  .ser-text{/* padding: 120px 0 130px; */}
  .index-news .index-news-box ul a span{width:100%;padding-right:0;margin-right:0;border-right:none;font-size:14px}
  .index-team .slick-arrow{bottom:-30px;transform:initial;top:auto;width:30px;height:30px}
  .index-team .slick-arrow:before{font-size:12px}
  .index-team .slick-next{right:calc(50% - 33px)}
  .index-team .slick-prev{left:calc(50% - 33px)}
  .team-detail figure{position:initial;float:none;margin-bottom:15px}
  .team-detail article{width:100%;padding-left:0;float:none}
  .intro-img{width:100%}
  .intro-text{width:100%}
  .about-mj{font-size:2rem}
  .newsTitle h3{font-size:20px}
  .newsZone{max-width:100%}
  
  .caseBox{--num:1;}
  .serviceBox{--num:1}
  .serviceBox__sub .serviceTt{padding-right: 32px;text-align: left;}
  
}
@media (max-width: 640px) {
  .navbar{padding-right:0}
  .lan-box{right:70px}
  .ser-text{padding: 120px 0 30px;}
  .index-banenr .slogan-box{left:20px;bottom:10px}
  .index-banenr .slogan p{font-size:15px}
  .index-banenr h1 {font-size: 23px;}

}

@media (max-width: 568px) {
  .pageMenu .pageList li{width:100%}
  .selectYear{margin-top:20px}
  .newsZone .boxOuter{flex-wrap:wrap}
  .boxOuter{flex-wrap:wrap}
  .wordBox{padding-left:0;}
  .newsTitle h3{font-size:18px}
}

@media (max-width: 480px) {
.index-banenr h1{font-size:17px;letter-spacing:0}
.index-banenr p{font-size:15px}
.team-list figure + article{max-width:100%;padding:0;margin-top:10px}
}
@media (max-width: 414px) {
  .roof-icon{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:85px}
  .icon-box:not(:last-child):after{display:none;color:#aad14c;content:'>';position:absolute;right:-20px;bottom:60px;font-size:3rem;-webkit-animation:5s ease-in-out 0 normal none infinite shake;animation:5s ease-in-out 0 normal none infinite shake}
  .roof-good{grid-template-columns:repeat(1,1fr)}

  .navbar-brand{width: 150px;margin: 10px 10px;margin-right:auto;}

}