.m76{ margin-top: 76px; margin-bottom:61px;}
.p76{ padding-top: 76px;padding-bottom: 76px;}

/*轮播图*/
.swiper1920 .swiper-container {  width: 100%;  height: 100%; margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.swiper1920 .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.swiper1920 .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.swiper1920 .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper1920 .swiper-slide img{ max-width: 100%; display:block;}
/*.swiper1920 .swiper-slide.swiper-slide-active .animated{ -webkit-animation-name: bounceIn; animation-name: bounceIn;}*/

.swiper1920 .swiper-container-autoheight,.swiper1920 .swiper-container-autoheight .swiper-slide {height:auto}
.swiper1920 .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.swiper1920 .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper1920 .swiper-pagination { bottom: 5%;  left:50%; margin-left:-85px;   position: absolute;  text-align: center;  transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;  z-index: 10;}
.swiper1920 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.15rem;left:0;width:100%}
.swiper1920 .swiper-pagination-bullet{width:40px;height:3px;display:inline-block;background:rgba(0,0,0,0.4); margin-right:10px;}

.swiper1920 .swiper-pagination-bullet-active{background:rgba(0,0,0,0.8);width:40px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease;}
.swiper1920 .swiper-container-vertical>.swiper-pagination-bullets {right:0.25rem;top:50%;transform:translate3d(0,-50%,0)}
.swiper1920 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.25rem}

.swiper1920 .swiper-slide .slide-item{background-attachment:scroll; background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height:615px; overflow: hidden; display: block;  }

.swiper1920 .swiper-slide .slide-item .banner_img{ display: none; max-width: 100%;}
.swiper1920 .swiper-slide .slide-item .banner_text{max-width:460px; margin:220px auto 0;color: #fff; padding:20px;
 -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.swiper1920 .swiper-slide/*:nth-child(even)*/.swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
/*.swiper1920 .swiper-slide:nth-child(odd).swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;bounceIn  rollIn}*/

.swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:26px; font-weight: bold; line-height: 60px; padding: 0; margin: 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff;   }
.swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:36px; }


/*產品中心*/
.index_title{}
.index_title h3{ line-height:30px; color:#333;font-weight: normal;}
.index_title h3 em{ font-size:14px; line-height:30px; color:#333; font-style: normal; display: block; letter-spacing:1px; text-transform: uppercase;}
 a.more{margin-top: -46px; font-size:14px; height:34px; line-height:33px; display: inline-block; width:86px; color: #666; border:solid 1px #ccc; border-radius:20px; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
a.more:hover{ text-indent: 18px; color: #7bcbc1;}
.more1{ margin: 0 auto;}

.product-box{ margin-top: 40px;}
.product-box .product-item{ position:relative; display: block; width:100%; height:250px; overflow: hidden; margin:15px 0;}
.product-box .product-item img{ width: 100%; height: 100%; object-fit: cover;-moz-transition: -moz-transform 0.3s ease-in-out;  -webkit-transition: -webkit-transform 0.3s ease-in-out;  transition: transform 0.3s ease-in-out;}
.product-box .product-item  .item-title{ position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.5); width: 100%; height:100%; color: #fff; text-align: center; padding-top:0;-webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;  opacity:0;filter:alpha(opacity=0);}
.product-box .product-item  .item-title div{ line-height: 40px;}
.product-box .product-item  .item-title p{}
.product-box .product-item a:hover  img{	-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.product-box .product-item a:hover .item-title{padding-top:100px; opacity:1; filter:alpha(opacity=100);}

/*我們是誰*/
.who-are-bg{ width: 100%; background: #fff;}
.who-are-bg .col-lg-6{ }
.who-are-bg .col-lg-6 .who-are-text{ margin-top: 38px; margin-bottom:70px; padding-right:80px; line-height: 24px;}
.who-are-bg .col-lg-6 img{ max-width: 100%;}
/*新闻*/
.news-box{}
.news-text{ text-align: left;border-top:dashed 1px #ccc; margin: 25px 0 40px;}
.news-text li{  position: relative; padding: 20px 0;  border-bottom:dashed 1px #ccc; -webkit-transition: all .6s ease;transition: all .6s ease;}
.news-text li em{ font-style: normal; background: #333333; color: #fff; width: 100px; display:block; line-height:28px; padding-left: 15px;position: absolute; left: 0; top:20px;}
.news-text li .news-title{ padding-left: 130px;}
.news-text li .news-title h4{line-height:22px; color: #333;margin-bottom: 10px;}
.news-text li .news-title b{ font-weight: normal; font-size: 12px; color: #999; }

.news-text li .news-title::before{ position:absolute;content:""; left: 0; bottom:-1px;  width:0; height:0px; border-bottom:dashed 1px #333;/*background: #333;*/ -webkit-transition: all .6s ease;transition: all .6s ease;}
.news-text li:hover em{ background: #7bcbc1;}
.news-text li:hover h4{ color: #7bcbc1;}
.news-text li:hover .news-title::before{ width: 100%;}


/*============================================*/
@media only screen and (max-width:1000px){
    .swiper1920 .swiper-slide .slide-item{ height:400px; }
    .swiper1920 .swiper-slide .slide-item .banner_text{max-width:460px; margin:130px auto 0 }

    /*产品中心*/
    .product-box .product-item a:hover .item-title{padding-top:80px;}

    /*我們是誰*/
    .who-are-bg .col-lg-6 a.more{ margin-bottom:40px;}
}

@media only screen and (min-width:1000px){
    /*我們是誰*/
    .who-are-bg .col-lg-6 .who-are-text{ margin-top: 20px; margin-bottom:30px; padding-right:20px;}
}
/*============================================*/
@media only screen and (max-width:768px){
    .swiper1920 .swiper-slide .slide-item{ background-image: none!important; height: auto;}
    .swiper1920 .swiper-slide .slide-item .banner_img{ display:block; max-width: 100%;}
    .swiper1920 .swiper-slide .slide-item .banner_text{width:70%; position: absolute; left:15%; top:2rem; text-align:center; margin-top:0; padding: 10px;}
    .swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:.6rem; line-height:1rem; padding: 0; margin: 0; text-align: center;  }
    .swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:.6rem; }

    /*产品中心*/
    .product-box .product-item a:hover .item-title{padding-top:2rem;}
    .product-box .product-item a:hover .item-title div{line-height: .8rem;}
    /*我們是誰*/
    .who-are-bg .col-lg-6 .who-are-text{ margin-top:.5rem; margin-bottom:.8rem; padding-right:0;}
    .who-are-bg .col-lg-6 a.more{ margin-bottom:1rem;}

    /*新闻中心*/
    .news-box{ margin-bottom:.8rem;}


}

@media only screen and (max-width:480px){
    .service_container .col-lg-3 .service_item .service_text{ padding:30% .5rem 0;}
    .capability-main h2{ font-size: 18px;}
    .capability-desc{ font-size: 13px;}
    .capability-features{ gap: 10px;}
    .feature-item{ padding: 10px 12px;}
    .feature-text{ font-size: 12px;}
    .advantages-timeline{ padding: 0 10px;}
    .timeline-item{ padding-bottom: 15px;}
    .timeline-left{ margin-right: 10px;}
    .timeline-num{ width: 35px; height: 35px; font-size: 12px;}
    .timeline-content{ padding: 12px 15px;}
    .timeline-content h4{ font-size: 14px;}
    .timeline-content p{ font-size: 12px;}
    .cooperation-bg h3{ font-size: 14px;}
    .cooperation-slogan{ font-size: 12px;}
}

/*資深能力*/
.capability-section-bg{ padding: 60px 0; background: #f5f5f5;}
.capability-wrapper{ margin-top: 40px;}
.capability-main{ text-align: center; margin-bottom: 40px;}
.capability-main h2{ font-size: 32px; color: #333; font-weight: bold; margin-bottom: 15px;}
.capability-desc{ font-size: 18px; color: #7bcbc1;}
.capability-features{ display: flex; justify-content: center; flex-wrap: wrap; gap: 30px;}
.feature-item{ display: flex; align-items: center; padding: 15px 25px; background: #fff; border-radius: 5px;}
.feature-icon{ color: #7bcbc1; font-size: 24px; margin-right: 10px;}
.feature-text{ font-size: 16px; color: #333;}

/*公司介紹*/
.company-intro-bg{ padding: 60px 0; background: #fff;}
.company-intro-bg .row{ align-items: stretch;}
.company-intro-bg .col-lg-6:last-child{ display: flex; align-items: stretch;}
.company-intro-bg .col-lg-6:last-child img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.company-text{ margin-top: 30px; line-height: 28px;}
.company-text p{ margin-bottom: 20px; color: #555;}

/*公司架構*/
.team-structure-bg{ background: #f5f5f5;}
.org-structure{ margin-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto;}
.org-departments{ display: flex; gap: 20px;}
.department-card{ flex: 1; background: #fff; padding: 30px 25px; border-radius: 12px; text-align: center;}
.dept-title{ font-size: 20px; color: #333; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #7bcbc1; display: inline-block;}
.dept-content{ font-size: 14px; color: #555; line-height: 26px; margin-bottom: 15px;}
.dept-desc{ font-size: 14px; color: #7bcbc1; font-weight: 500;}

/*核心優勢*/
.advantages-bg{ padding: 60px 0; background: #fff;}
.advantages-timeline{ margin-top: 40px; max-width: 800px; margin-left: auto; margin-right: auto;}
.timeline-item{ display: flex; align-items: flex-start; padding-bottom: 30px; position: relative;}
.timeline-item:last-child{ padding-bottom: 0;}
.timeline-item:not(:last-child)::after{ content: ''; position: absolute; left: 24px; top: 50px; bottom: 0; width: 2px; background: #e0e0e0;}
.timeline-left{ flex-shrink: 0; margin-right: 20px;}
.timeline-num{ width: 50px; height: 50px; background: #7bcbc1; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold;}
.timeline-content{ flex: 1; background: #f5f5f5; padding: 20px 25px; border-radius: 8px;}
.timeline-content h4{ font-size: 18px; color: #333; margin-bottom: 8px;}
.timeline-content p{ font-size: 14px; color: #666; line-height: 22px; margin: 0;}

/*港式精工製作*/
.craft-bg{ background: #f5f5f5;}
.craft-subtitle{ font-size: 16px; color: #666; margin-top: 10px;}
.craft-box{ margin-top: 40px; display: flex; flex-wrap: wrap;}
.craft-box .col-lg-6{ display: flex;}
.craft-item{ background: #fff; padding: 30px; border-radius: 8px; margin-bottom: 20px; flex: 1; display: flex; flex-direction: column;}
.craft-item h4{ font-size: 20px; color: #7bcbc1; margin-bottom: 15px; border-bottom: 2px solid #7bcbc1; padding-bottom: 10px;}
.craft-item p{ font-size: 14px; color: #555; line-height: 26px; flex: 1;}
.craft-note{ margin-top: 30px;}
.craft-note p{ font-size: 16px; color: #333;}

/*合作區塊*/
.cooperation-bg{ background: #7bcbc1; padding: 50px 0;}
.cooperation-bg h3{ font-size: 24px; color: #fff; margin-bottom: 15px;}
.cooperation-slogan{ font-size: 18px; color: #fff;}

/*響應式*/
@media only screen and (max-width:768px){
    .capability-section-bg{ padding: 30px 0;}
    .capability-main h2{ font-size: 22px;}
    .capability-desc{ font-size: 14px;}
    .capability-features{ gap: 12px;}
    .feature-item{ padding: 12px 15px;}
    .feature-text{ font-size: 13px;}
    .company-intro-bg{ padding: 30px 0;}
    .company-intro-bg .col-lg-6{ margin-bottom: 20px;}
    .company-intro-bg .col-lg-6:last-child{ margin-bottom: 0;}
    .company-intro-bg img{ width: 100%; height: auto;}
    .team-structure-bg{ padding: 30px 0;}
    .org-structure{ margin-top: 30px;}
    .org-departments{ flex-direction: column; gap: 15px;}
    .department-card{ padding: 25px 20px;}
    .dept-title{ font-size: 18px; margin-bottom: 12px; padding-bottom: 12px;}
    .dept-content{ font-size: 13px; line-height: 24px; margin-bottom: 12px;}
    .dept-desc{ font-size: 13px;}
    .advantages-bg{ padding: 30px 0;}
    .advantages-timeline{ margin-top: 30px;}
    .timeline-item{ padding-bottom: 20px;}
    .timeline-item:not(:last-child)::after{ top: 40px;}
    .timeline-left{ margin-right: 15px;}
    .timeline-num{ width: 40px; height: 40px; font-size: 14px;}
    .timeline-content{ padding: 15px 20px;}
    .timeline-content h4{ font-size: 16px;}
    .timeline-content p{ font-size: 13px;}
    .craft-bg{ padding: 30px 0;}
    .craft-box{ flex-direction: column;}
    .craft-box .col-lg-6{ width: 100%;}
    .craft-item{ padding: 20px;}
    .craft-item h4{ font-size: 18px;}
    .craft-item p{ font-size: 13px; line-height: 24px;}
    .craft-note p{ font-size: 14px;}
    .cooperation-bg{ padding: 30px 0;}
    .cooperation-bg h3{ font-size: 16px;}
    .cooperation-slogan{ font-size: 14px;}
}