#gFooter{position:relative;padding-bottom:26%;}
#waves{position:absolute;left:0;top:0;width:100%;height:100%;}

.sec01{position:relative;height:100vh;}
.sec01 .inner{position:absolute;left:.7rem;top:50%;right:.7rem;transform:translateY(-50%);}
.sec01 .inner:after{content:'';display:block;padding-bottom:23%;}
.sec01 canvas{position:absolute;left:0;top:0;width:100%;height:101%;}
.sec01 .text{position:absolute;z-index:1;right:0;top:50%;transform:translate3d(0,-50%,0);width:31.3%;height:20%;background:#fef9fb;}
.sec01 .text svg{display:block;width:100%;height:100%;fill:#a61955;}

.sec02{position:relative;overflow:hidden;margin-bottom:1.45rem;}
.sec02 img{position:relative;left:100%;transform:translateX(-100%);display:block;height:9.8rem;}
.sec02 .side{position:absolute;left:0;top:0;width:26%;height:100%;min-width:4rem;background:#a61955;overflow:hidden;}
.sec02 .side canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.sec02 .side .text{position:absolute;left:14%;right:0;top:50%;transform:translateY(-50%);color:#fff;}
.sec02 .side .title{position:relative;font-size:.66rem;line-height:.79rem;font-weight:bold;white-space:nowrap;padding-bottom:.3rem;margin-bottom:.4rem;}
.sec02 .side .title span{display:inline-block;vertical-align:baseline;width:.16rem;height:.16rem;background:#fff;border-radius:50%;margin-left:.24rem;}
.sec02 .side .title:after{content:'';position:absolute;left:0;bottom:0;width:0;height:.06rem;background:#fff;transition:width .3s ease;}
.sec02 .side .title:hover:after{width:100%;}
.sec02 .side .content{font-size:.16rem;line-height:.27rem;padding-right:8%;}
.sec02 .side .content p{margin-bottom:.12rem;}
.sec02 .side .content p:last-child{margin-bottom:0;}

.sec03 .inner,.sec04 .inner{width:64.58%;margin:0 auto;}
.sec03 .hd,.sec04 .hd{font-size:.66rem;font-weight:bold;margin-bottom:.94rem;}
.sec03 .hd span,.sec04 .hd span{display:inline-block;vertical-align:baseline;width:.16rem;height:.16rem;background:#a61955;border-radius:50%;margin-left:.24rem;}
.sec03 .bd{position:relative;padding-right:42%;}
.sec03 .bd ul{position:relative;}
.sec03 .bd ul:before{content:'';position:absolute;left:1.4rem;top:.2rem;bottom:0;border-left:1px dotted #a61955;}
.sec03 .bd li{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:.68rem;}
.sec03 .bd .year{position:relative;flex:0 0 1.4rem;font:italic bold .38rem/1 arial, serif;color:#a61955;transition:color .3s ease;}
.sec03 .bd .year:before{content:'';position:absolute;left:.35rem;top:.19rem;transform:scale(0);transform-origin:center;margin:-.78rem 0 0 -.78rem;width:1.56rem;height:1.56rem;border-radius:50%;background:#a61955;opacity:0;transition:transform .3s ease,opacity .3s ease;}
.sec03 .bd .year:after{content:'';position:absolute;right:0;top:.19rem;transform:translate(50%,-50%);width:.16rem;height:.16rem;outline:.04rem solid #fef9fb;border-radius:50%;background:#a61955;}
.sec03 .bd .year span{position:relative;z-index:1;}
.sec03 .bd .desc{padding:.05rem 0 0 .44rem;font-size:.16rem;line-height:1.69;transition:color .3s ease;}
.sec03 .bd li:hover .year{color:#fff;}
.sec03 .bd li:hover .year:before{transform:scale(1);opacity:1;}
.sec03 .bd li:hover .desc{color:#a61955;}
.sec03 .bd .pic{position:absolute;left:60%;bottom:.4rem;width:50%;text-align:right;font-size:0;line-height:0;}
.sec03 .bd .pic img{position:relative;z-index:1;display:block;width:100%;border-radius:50%;overflow:hidden;}
.sec03 .bd .pic:after{content:'';display:inline-block;vertical-align:top;width:91.58%;padding-bottom:91.58%;height:0;margin:-87.54% -4.2% 0 0;border-radius:50%;background:#a61955;}
.sec03 .bd .pic:before{content:'';position:absolute;z-index:2;left:0;bottom:0;margin-bottom:-10%;width:34%;padding-bottom:34%;border-radius:50%;background:#a61955;opacity:.2;}
.sec04{margin-top: 2rem}
.sec04 .title{font-size: 0.2rem; color: #a61955; margin-bottom: 0.1rem;}
.sec04 .cont{margin-bottom: 0.3rem;}
.sec04 .cont p{
    line-height: 0.3rem;
    font-size: 0.16rem;
}

/**英文**/
.language2 .sec01 .text{width:45.3%;}


@media all and (max-width:1480px) {
    .sec02 .side .title{font-size:.56rem;line-height:.7rem;padding-bottom:.2rem;margin-bottom:.3rem;}
    .sec02 .side .content{font-size:12px;}
}

@media all and (max-width:1300px) {
    .sec02 img{left:50%;transform:translateX(-56%);}
}

@media all and (max-width:767px) {
    #main {margin-bottom: 1.2rem;}

    .sec01 .inner{left:.44rem;right:.44rem;transform:translateY(-46%);}
    .sec01 .inner:after{padding-bottom:159.39%;}
    .sec01 .text{right:-.44rem;width:5.5rem;height:auto;font-size:.55rem;font-weight:bold;color:#a61955;line-height:.9rem;padding-bottom:.2rem;border-bottom:.1rem solid #a61955;}

    .sec02{margin-bottom:0;}
    .sec02 img{left:0;transform:none;width:100%;height:auto;}
    .sec02 .side{position:relative;width:auto;min-width:auto;height:auto;background:#a51854;}
    .sec02 .side canvas{position:static;height:14.5rem;}

    .sec02 .side .text{left:.3rem;}
    .sec02 .side .title{font-size:.6rem;line-height:1;padding:.15rem 0 .38rem;margin-bottom:.3rem;}
    .sec02 .side .title span{margin-left:.15rem;}
    .sec02 .side .title:after{width:100%;height:.06rem;}
    .sec02 .side .content{font-size:.26rem;line-height:.55rem;padding-right:.3rem;}
    .sec02 .side br{display:none;}

    .sec03{margin-bottom:1.1rem;padding:0;}
    .sec03 .inner:after{display:none;}
    .sec03 ul{position:static;display:block;}
    .sec03 li{width:auto;transition:none;}
    .sec03 li a{display:block;}
    .sec03 li img{filter:none;opacity:1;}
    .sec03 li.on{width:auto;}
    .sec03 li .text{left:.5rem;top:1rem;width:4rem;height:4rem;transform:none;background:#a61955;}
    .sec03 li .year,.sec03 li.on .year{left:0rem;top:.35rem;font-size:.7rem;padding-bottom:.08rem;color:#fff;}
    .sec03 li .year:after{background:#fff;}
    .sec03 li .desc{opacity:1;font-size:.26rem;line-height:.42rem;padding:1.3rem .35rem 0;}
    .sec03 .btnArrow{position:absolute;top:50%;transform:translateY(-50%);width:.3rem;height:.5rem;padding:.3rem;}
    .sec03 .btnArrow img{display:block;width:100%;height:100%;}
    .sec03 .btnPrev img{transform:rotate(180deg);}
    .sec03 .btnPrev{left:0;}
    .sec03 .btnNext{right:0;}
    .sec03 .slick-dots{position:absolute;left:0;right:0;top:auto;bottom:.5rem;display:flex;justify-content:center;}
    .sec03 .slick-dots li{width:.18rem;height:.18rem;border-radius:50%;background:rgba(255, 255, 255, .2);margin:0 .09rem;cursor:pointer;}
    .sec03 .slick-dots li.slick-active{background:rgba(255, 255, 255, .8);}
    .sec03 .slick-dots li button{display:none;}

    .sec03 .inner,.sec04 .inner{width:90%;position: relative; overflow: hidden;}
    .sec03 .hd{font-size: 0.5rem;margin-top: 9rem;}

    .sec03 .hd > p{margin-top: 0.4rem;}
    .sec03 .bd{padding-right: 0;position: static ;}
    .sec03 .bd .pic{top: 1.1rem; left: 50%; transform: translateX(-50%);bottom: auto;width: 6.2rem;}
    .sec03 .bd .desc{padding:0.05rem 0 0 0.2rem;margin-top: 0.3rem;}
    .sec03 .bd .desc p{font-size: 0.25rem;}
    .sec03 .bd ul:before{left: 1.1rem;}
    .sec03 .bd .year{flex: 0 0 1.1rem;}
    .sec03 .bd li:hover .year{color:#a61955;}
    .sec03 .bd li:hover .year:before{transform:scale(0);opacity:1;}
    .sec03 .bd li:hover .desc{color:#404040;}

    .sec04{margin-top: 1rem;}
    .sec04 .hd{font-size: 0.5rem;}
    .sec04 .title{font-size: 0.35rem;margin-bottom: 0.2rem;}
    .sec04 .cont {margin-bottom: 0.4rem;}
    .sec04 .cont p{font-size: 0.25rem;line-height: .42rem;}

    .language2 .sec02 .side canvas{height: 10.5rem;}
    .language2 .sec01 .text{width: 84%;; top: 55%;}
    .language2 .sec01 .text .sp{width: 93%;}
}