@charset "utf-8";
/*广告图*/
.swiper-ggt{
    position: relative;
}
.swiper-ggt::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 100%;
}
.swiper-banner img{
    width: 100%;
}
.swiper-banner .swiper-pagination-bullet{
    width: 75px;
    height: 3px;
    background: #fff;
    border-radius: 0;
    opacity: .5;
}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
}
.swiper-banner .swiper-pagination-bullets{
    bottom: 2rem!important;
}


/*通用*/
.itit{
    text-align: center;
    position: relative;
    padding-top: 2rem;
    margin-bottom: 5rem;
}
.itit .bt{
    font-size: 4.6rem;
    position: relative;
    z-index: 9;
}
.itit .brief{
    font-size: 1.8rem;
    color: #666;
}
.itit .yw{
    text-transform: uppercase;
    font-size: 11rem;
    color: rgb(110 110 110 / 10%);
    position: absolute;
    top: 0;
    line-height: 9rem;
    text-align: center;
    width: 100%;
}
.itit.fff{
    color: #fff;
}
.itit.fff .yw{
    color: rgb(255 255 255 / 10%);
}


/*關於我們*/
.iabout{
    background: url(../images/igy-bj.png) center top no-repeat;
    margin-top: 5rem;
    padding-top: 3rem;
}
.iabout-list{
    display: flex;
    justify-content: space-between;
}
.iabout-list .gsm{
    width: 30%;
}
.iabout-list .gsm img{
    height: auto;
}
.iabout-list .gsm .mc{
    font-size: 3.5rem;
}
.iabout-list .gsm .ms{
    font-size: 1.8rem;
}
.iabout-list .con{
    width: 63%;
    padding-top: 1rem;
}
.iabout-list .con .brief p{
    line-height: 3rem;
}
.iabout-list .con .more{
    margin-top: 4rem;
}
.iabout-list .con .more a{
    background: #4a388a;
    color: #fff;
    display: block;
    width: 150px;
    text-align: center;
    line-height: 5rem;
    border-radius: 10px;
}
.iabout-list .con .more a:hover{
    background:#d92130;
}
.iabout-vid{
    margin-top: 7rem;
}
.iabout-vid img{
    margin: auto;
    display: block;
}


/*核心能力*/
.ihxnl{
    margin-top: 7rem;
    position: relative;
}
.ihxnl .itit{
    position: absolute;
    width: 100%;
    top: 5rem;
}
.ihxnl .tab-bd{}
.ihxnl .tab-bd .tab-pal{
    padding: 19rem 0 0;
}
.ihxnl .tab-bd .tab-pal .szbq{
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    left: 15%;
    width: 70%;
    z-index: 999;
}
.ihxnl .tab-bd .tab-pal .am-container{
    position: relative;
}
.ihxnl .tab-bd .tab-pal .szbq dl{
    color: #fff;
    min-width: 280px;
}
.ihxnl .tab-bd .tab-pal .szbq dl dt{
    font-size: 6rem;
    position: relative;
    line-height: 6rem;
    text-align: center;
    animation: upDown 2s infinite alternate ease-in-out;
    position: relative;
}
@keyframes upDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}
.ihxnl .tab-bd .tab-pal .szbq dl dt span{
    font-size: 2rem;
    position: absolute;
    top: 0;
    line-height: 1;
    font-weight: 400;
}
.ihxnl .tab-bd .tab-pal .szbq dl dd{
    text-align: center;
    font-size: 2rem;
}
.ihxnl .tab-bd .tab-pal .yuan{
    background: url(../images/ihxnl-yuan.png) center center no-repeat;
    display: block;
    margin: auto;
    height: 71rem;
    top: 0rem;
    position: relative;
    background-size: 43rem;
}
.ihxnl .tab-bd .tab-pal .yuan p{
    font-size: 3rem;
    color: #fff;
    position: absolute;
    top: 43rem;
    text-align: center;
    width: 100%;
    z-index: 9;
}
.ihxnl .tab-hd{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.ihxnl .tab-hd ul{
    display: table;
    margin: auto;
}
.ihxnl .tab-hd li{
    color: #fff;
    font-size: 2.6rem;
    float: left;
    margin: 0 3rem;
    line-height: 1;
    cursor: pointer;
    padding-bottom: 6rem;
}
.ihxnl .tab-hd li.on{
    background: url(../images/ihxnl-on.png) center bottom no-repeat;
}


/*產品服務*/
.ipro{
    padding: 7rem 0;
    background: url(../images/ipro-bj.png) center top no-repeat;
}
.ipro-list{
    position: relative;
    padding: 0 5rem;
    margin: 0 10rem;
}
.ipro-list .swiper-slide .bigimg{
    border-radius:10px;
}
.ipro-list .swiper-slide .bigimg img{
    width: 100%;
}
.ipro-list .swiper-slide:hover .bigimg img{   
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
}
.ipro-list .swiper-slide p{
    text-align: center;
    font-size: 2.4rem;
    margin-top: 1rem;
}
.ipro-list .swiper-ipro-next{
    right: 0;
}
.ipro-list .swiper-ipro-prev{
    left: 0;
}
.ipro-list .swiper-ipro-next,.ipro-list .swiper-ipro-prev{
    position: absolute;
    top: 50%;
    font-size: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin-top: -2.5rem;
    color: #939393;
}


/*永續發展*/
.iyxfz{
    background: url(../images/iyxfz-bj.jpg) center top no-repeat;
    padding: 7rem 0 16rem;
    background-size: cover;
}
.iyxfz-list{
    width: 60%;
    color: #fff;
    margin-top: 6rem;
}
.iyxfz-list .bt{
    font-size: 4rem;
}
.iyxfz-list .brief{
    font-size: 2rem;
    margin-top: 2rem;
    line-height: 4rem;
}
.iyxfz-list .more{
    display: table;
    margin-top: 3rem;
}
.iyxfz-list .more a{
    background: #d92130;
    color: #fff;
    display: block;
    float: left;
    padding: 0 5rem;
    line-height: 7rem;
    height: 7rem;
    border-radius: 30px;
}


/*投資者*/
.itzz{
    padding: 7rem 0;
}
.itzz-list{
    display: flex;
    justify-content: space-between;
}
.itzz-list .bian{
    position: relative;
}
.itzz-list .bian::after{
    content:"";
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .4;
}
.itzz-list .bian:hover .bigimg img{   
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
}
.itzz-list .con{
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 9;
    width: 100%;
}
.itzz-list .con .juzhong{padding: 0 6rem;text-align: center;}
.itzz-list .con .tb{
    width: 100%;
}
.itzz-list .con .tb img{}
.itzz-list .con dl{
    color: #fff;
}
.itzz-list .con dl dt{
    font-size: 2.6rem;
    margin: 2rem 0;
    line-height: 1;
}
.itzz-list .con dl dd{}
.itzz-list .con .more{
    margin-top: 3rem;
}
.itzz-list .con .more a{
    display: table;
    border: 1px solid #fff;
    color: #fff;
    margin: auto;
    padding: 0 4rem;
    line-height: 5rem;
    height: 5rem;
    border-radius: 25px;
}
.itzz-list .con .more a:hover{
    background: #d92130;
    border: 1px solid #d92130;
}



@media (max-width:1024px){
    /*通用*/
    .itit{
        margin-bottom: 3rem;
    }
    .itit .bt{
        font-size: 3.6rem;
        position: relative;
        z-index: 9;
    }
    .itit .brief{
        font-size: 1.6rem;
    }
    .itit .yw{
        text-transform: uppercase;
        font-size: 6rem;
        color: rgb(110 110 110 / 10%);
        position: absolute;
        top: 0;
        line-height: 9rem;
    }
    .itit.fff{
        color: #fff;
    }
    .itit.fff .yw{
        color: rgb(255 255 255 / 10%);
    }


    .swiper-banner .swiper-pagination-bullet{
        width: 30px;
        height: 3px;
    }
    .swiper-banner .swiper-pagination-bullets{
        bottom: .5rem!important;
    }


    /*關於我們*/
    .iabout{
        background: url(../images/igy-bj.png) center top no-repeat;
        margin-top: 3rem;
        padding-top: 3rem;
    }
    .iabout-list{
        display: block;
    }
    .iabout-list .gsm{
        width:100%;
    }
    .iabout-list .gsm img{
        height: auto;
    }
    .iabout-list .gsm .mc{
        font-size: 2.4rem;
    }
    .iabout-list .gsm .ms{
        font-size: 1.6rem;
    }
    .iabout-list .con{
        width: 100%;
        padding-top: 2rem;
    }
    .iabout-list .con .brief p{
        line-height: 3rem;
    }
    .iabout-list .con .more{
        margin-top: 2rem;
    }
    .iabout-list .con .more a{
        width: 40%;
    }
    .iabout-vid{
        margin-top: 5rem;
    }


    /*核心能力*/
    .ihxnl{
        margin-top: 7rem;
        position: relative;
    }
    .ihxnl .itit{
        position: absolute;
        width: 100%;
        top: 5rem;
    }
    .ihxnl .tab-bd .tab-pal{
        padding: 16rem 0 0;
    }
    .ihxnl .tab-bd .tab-pal .szbq{
        left: 0;
        width: 100%;
    }
    .ihxnl .tab-bd .tab-pal .am-container{
        position: relative;
    }
    .ihxnl .tab-bd .tab-pal .szbq dl{
        min-width: 33.33%;
    }
    .ihxnl .tab-bd .tab-pal .szbq dl dt{
        font-size: 4rem;
        position: relative;
        line-height: 6rem;
        text-align: center;
        animation: upDown 2s infinite alternate ease-in-out;
        position: relative;
    }
    @keyframes upDown {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(-10px);
      }
    }
    .ihxnl .tab-bd .tab-pal .szbq dl dt span{
        font-size: 2rem;
        position: absolute;
        top: 0;
        line-height: 1;
        font-weight: 400;
    }
    .ihxnl .tab-bd .tab-pal .szbq dl dd{
        font-size: 1.6rem;
    }
    .ihxnl .tab-bd .tab-pal .yuan{
        background: url(../images/ihxnl-yuan.png) center center no-repeat;
        height: 53rem;
        top: 0rem;
        background-size: 30rem;
    }
    .ihxnl .tab-bd .tab-pal .yuan p{
        font-size: 2.4rem;
        top: 31rem;
    }
    .ihxnl .tab-hd{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .ihxnl .tab-hd ul{
        width: 100%;
    }
    .ihxnl .tab-hd li{
        font-size: 1.6rem;
        margin: 0 2%;
        line-height: 2.5rem;
        padding-bottom: 5rem;
        width: 29.33%;
        text-align: center;
    }
    .ihxnl .tab-hd li.on{
        background: url(../images/ihxnl-on.png) center bottom no-repeat;
        background-size: 10rem;
    }

    /*產品服務*/
    .ipro{
        padding: 5rem 0;
    }
    .ipro-list{
        position: relative;
        padding: 0 5rem;
        margin: 0;
    }
    .ipro-list .swiper-slide .bigimg{
        border-radius:10px;
    }
    .ipro-list .swiper-slide .bigimg img{
        width: 100%;
    }
    .ipro-list .swiper-slide:hover .bigimg img{   
        transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
    }
    .ipro-list .swiper-slide p{
        text-align: center;
        font-size: 2.4rem;
        margin-top: 1rem;
    }
    .ipro-list .swiper-ipro-next{
        right: 0;
    }
    .ipro-list .swiper-ipro-prev{
        left: 0;
    }
    .ipro-list .swiper-ipro-next,.ipro-list .swiper-ipro-prev{
        position: absolute;
        top: 50%;
        font-size: 5rem;
        height: 5rem;
        line-height: 5rem;
        margin-top: -2.5rem;
        color: #939393;
    }
    
    
    /*永續發展*/
    .iyxfz{
        padding: 7rem 0;
    }
    .iyxfz-list{
        width: 100%;
        color: #FFE;
        margin-top: 6rem;
    }
    .iyxfz-list .bt{
        font-size: 3rem;
    }
    .iyxfz-list .brief{
        font-size: 1.8rem;
        line-height: 3.5rem;
    }
    .iyxfz-list .more{
        display: table;
        margin-top: 3rem;
    }
    .iyxfz-list .more a{
        padding: 1rem 3rem;
        line-height: 2.5rem;
        height: auto;
    }
    
    
    /*投資者*/
    .itzz{
        padding: 5rem 0;
    }
    .itzz-list{
        display: block;
    }
    .itzz-list .bian{
        margin-bottom: 2rem;
    }
    .itzz-list .bian::after{
        content:"";
        background: #000;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .4;
    }
    .itzz-list .bian .bigimg img{
        width:100%;
    }
    .itzz-list .con{
        position: absolute;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        z-index: 9;
    }
    .itzz-list .con .juzhong{
        padding: 0 6rem;
        text-align: center;
    }
    .itzz-list .con .tb{
        width: 100%;
    }
    .itzz-list .con dl{
        color: #fff;
    }
    .itzz-list .con dl dt{
        font-size: 2.6rem;
        margin: 2rem 0;
        line-height: 1;
    }
    .itzz-list .con .more{
        margin-top: 3rem;
    }
    .itzz-list .con .more a{
        display: table;
        border: 1px solid #fff;
        color: #fff;
        margin: auto;
        padding: 0 4rem;
        line-height: 5rem;
        height: 5rem;
        border-radius: 25px;
    }
    .itzz-list .con .more a:hover{
        background: #d92130;
        border: 1px solid #d92130;
    }

}