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

.sec01{position:relative;height:100vh;background:#a61955 linear-gradient(#a61955,#a61955 90%,#fef9fb);}
.sec01 .inner{position:absolute;z-index:1;left:0;right:0;top:50%;transform:translateY(-60%);width:64.58%;margin:0 auto;color:#fff;}
.sec01 .l1{font-size:.16rem;margin-bottom:.42rem;}
.sec01 .l2{font-size:.72rem;font-weight:bold;margin-bottom:.35rem;}
.sec01 .l3{font-size:.16rem;line-height:.36rem;}
.sec01 .l3 a{position:relative;color:#fff;}
.sec01 .l3 a:after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background:#fff;transition:width .3s ease;}
.sec01 .l3 a:hover:after{width:100%;}
.sec01 .btn{margin-top:.37rem;display:block;width:1.86rem;height:.5rem;line-height:.5rem;text-align:center;font-size:.14rem;border-radius:.25rem;}

.sec02 .inner{width:64.58%;margin:0 auto;}
.sec02 .hd{display:flex;justify-content:space-between;padding:.7rem 0;font-size:.16rem;line-height:.32rem;align-items:center;}
.sec02 .hd .title{position:relative;font-size:.72rem;font-weight:bold;line-height:1;white-space:nowrap;margin-bottom:10.64%;}
.sec02 .hd .title:after{content:'';position:absolute;left:-.32rem;top:-100%;width:.32rem;height:.32rem;border-radius:50%;background:#a61955;}
.sec02 .hd .pic{position:relative;width:49.83%;text-align:right;font-size:0;line-height:0;}
.sec02 .hd .pic img{position:relative;z-index:1;display:block;width:100%;border-radius:50%;overflow:hidden;}
.sec02 .hd .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;}
.sec02 .hd .pic:before{content:'';position:absolute;z-index:2;left:-15.85%;bottom:0;margin-bottom:3.88%;width:36%;padding-bottom:36%;border-radius:50%;background:#a61955;opacity:.2;}

.sec02 .bd{padding-top:.56rem;}
.sec02 .bd .title{font-size:.72rem;font-weight:bold;color:#2e2e2e;margin-bottom:.8rem;}

.sec02 .bd .col{width:100%;box-sizing:border-box; border-bottom: 1px solid #d8d8d8; padding:0.5rem 0;}
.sec02 .bd .col:nth-child(1){border-top: 1px solid #d8d8d8; }
.sec02 .bd .col .span1{font-size:.34rem;opacity:.5;margin-bottom:.56rem;}
.sec02 .bd .col .span2{font-size:.26rem;font-weight:bold;white-space:nowrap; margin-left:0.5rem;}
.sec02 .bd .col .span3{font-size:.18rem;line-height:.52rem;margin-bottom:.3rem; float: right}
.sec02 .bd .col .span3 {position:relative;display:inline-block;}
.sec02 .bd .col .span3:after{content:'';position:absolute;left:0;bottom:0;width:0;height:.04rem;background:#a61955;transition:width .3s ease;}
.sec02 .bd .col .sp{display: none}


/*.sec02 .bd .col .span3:hover:after{width:100%;}*/
.sec02 .bd .more span{display:inline-block;position:relative;font-size:.18rem;color:#a61955;}
.sec02 .bd .more span:after{content:'';display:inline-block;vertical-align:baseline;margin-left:.12rem;background:#a61955;width:0;height:2px;transition:width .3s ease;}
/*.sec02 .bd .more span:hover:after{width:.36rem;}*/

.sec02 .zpContactInfo{color: #9c164f; margin-top:0.43rem;}
.sec02 .zpContactInfo .p{margin-bottom: 0.34rem;font-size: 0.20rem;}
.sec02 .zpContactInfo .bold{font-weight: bold; font-size: 0.26rem;}
.sec02 .zpContactInfo span{float: left;}
.sec02 .zpContactInfo .span3{margin-left:0.3rem;}
.sec02 .zpContactInfo .span2{margin-top: 0.04rem;}


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

    .sec01 .inner{width:auto;left:0;right:0;padding:0 .3rem;transform:translateY(-50%);}
    .sec01 .l1{font-size:.34rem;margin-bottom:.44rem;}
    .sec01 .l2{font-weight:bold;margin-bottom:1.2rem;white-space:nowrap;}
    .sec01 .l3{font-size:.28rem;line-height:.45rem;}
    .sec01 .l3 p{display:flex;margin-bottom:.32rem;}
    .sec01 .l3 p:last-child{margin-bottom:0;}
    .sec01 .l3 span{flex:0 0 1.7rem;text-align:justify;height:.45rem;overflow:hidden;}
    .sec01 .l3 span:after{content:'';display:inline-block;width:100%;}
    .sec01 .btn{margin:1rem auto 0;width:4.8rem;height:.9rem;line-height:.9rem;text-align:center;font-size:.3rem;border-radius:.45rem;}

    .sec02 .inner{width:auto;}
    .sec02 .hd{display:block;font-size:.26rem;line-height:.46rem;padding:.72rem .3rem 1rem;}
    .sec02 .hd .text{margin-bottom:1.37rem;}
    .sec02 .hd .title{margin-bottom:.4rem;}
    .sec02 .hd .title:after{left:0;}
    .sec02 .hd .pic{width:6.2rem;margin:0 auto;}

    .sec02 .bd{padding-top:1rem;}
    .sec02 .bd .title{padding:0 .3rem;margin-bottom:.4rem;}
    .sec02 .bd .cols{display:block;border-top:1px solid #f2eff0;}
    .sec02 .bd .col{width:auto;padding:.6rem .3rem 0.8rem 0.3rem;border-bottom:1px solid #f2eff0;}
    .sec02 .bd .l1{font-size:.32rem;margin-bottom:.53rem;}
    .sec02 .bd .l2{font-size:.30rem;line-height:1;margin-bottom:.22rem;}
    .sec02 .bd .l3{font-size:.26rem;line-height:1;margin-bottom: 0.1rem;}
    .sec02 .bd .l3 span{dispaly:none;}
    .sec02 .bd .more{font-size:.26rem;}
    .sec02 .bd .more span{font-size:.26rem;}
    .sec02 .bd .more span:after{width:.36rem;height:1px;}

    .sec02 .bd .col .span1{display: inline-block; width:0.5rem;margin-bottom:0;}
    .sec02 .bd .col .span2{width:calc(100% - 1rem); margin-left:0;font-size: .3rem;}
    .sec02 .bd .col .l3 .span3{display: none}
    .sec02 .bd .col .sp .span3{float: left; margin-left: 0.55rem;margin-bottom: 0rem; font-size: 0.25rem;}
    .sec02 .zpContactInfo{padding:0 0.3rem;}
    .sec02 .zpContactInfo .p{font-size: 0.3rem;}
    .sec02 .zpContactInfo .p>div{width:100%; height: 0.5rem;}
    .sec02 .zpContactInfo .p .span3{margin-left:0}
    .sec02 .zpContactInfo .bold{font-size: 0.3rem;}
}