#main {
    overflow: hidden;
}

.section .inner {
    position: relative;
}

.sec01 {
    background: #ef428d;
}

.sec01 .text {
    padding: 10.86% 0 5.29% 7.86%;
}

.sec01 .l1 {
    font-size: 21px;
    margin-bottom: 34px;
}

.sec01 .l2 {
    font-size: 72px;
    margin-bottom: 20px;
    color: #fff;
}

.sec01 .l3 {
    font-size: 28px;
    color: #fff;
}

.sec01 .pic {
    position: absolute;
    left: 30.86%;
    top: 0;
    margin-top: 4.57%;
    width: 12.57%;
}

.sec01 svg {
    width: 100%;
    fill: #be256a;
}

.sec02 {
    background: #f7f7f7;
}

.sec02 .text {
    position: relative;
    z-index: 1;
    padding: 9.86% 0 19.14% 7.86%;
}

.sec02 .l1 {
    font-size: 45px;
    margin-bottom: 30px;
}

.sec02 .l2 {
    font-size: 27px;
    margin-bottom: 40px;
    color: #595959;
}

.sec02 .l3 {
    font-size: 16px;
    line-height: 1.7;
    color: #595959;
}

.sec02 .pic {
    position: absolute;
    right: -4.62%;
    top: 0;
    margin-top: -5.71%;
    width: 58.57%;
}

.sec02 .pic img {
    width: 100%;
}

.sec03 {
    background: linear-gradient(#ededed, #fff);
}

.sec03 .text {
    position: relative;
    z-index: 1;
    padding: 15.71% 3.93% 26% 0;
    text-align: center;
}

.sec03 .l1 {
    font-size: 45px;
    margin-bottom: 28px;
}

.sec03 .l2 {
    font-size: 16px;
    color: #595959;
    line-height: 1.875;
    margin-bottom: 110px;
}

.sec03 ul {
    font-size: 0;
}

.sec03 li {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #ef468f;
}

.sec03 li:nth-child(2) {
    margin: 0 100px;
}

.sec03 li .ihd {
    margin-bottom: 18px;
}

.sec03 li .ihd span {
    font-size: 60px;
}

.sec03 li .ibd {
    line-height: 1.53;
}

.sec03 .pic {
    position: absolute;
    left: -18.57%;
    top: 0;
    margin-top: 8.79%;
    width: 67.14%;
}

.sec03 .pic img {
    width: 100%;
}

.sec04 {
    position: relative;
    
}

.sec04:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px;
    height: 100%;
    background: #ef468f url(../img/q7_sec04.png) repeat-x left center;
    background-size: auto 100%;
    animation: bgAnim 700s linear infinite;
}

@keyframes bgAnim {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-7000px);
    }
}

.sec04 .text {
    text-align: center;
    color: #fff;
    padding: 5.43% 0 22.86%;
}

.sec04 .l1 {
    font-size: 45px;
    margin-bottom: 20px;
}

.sec04 .l2 {
    font-size: 16px;
    line-height: 1.57;
    margin-bottom: 80px;
}

.sec04 li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 167px;
}

.sec04 li .circle {
    margin-bottom: 22px;
}

.sec04 li svg {
    display: block;
    height: 60px;
    margin: 0 auto;
    fill: #fff;
}

.sec04 li:first-child svg {
    width: 63px;
}

.sec05 .pic {
    width: 47.14%;
    margin: -17.86% auto 5%;
    text-align: center;
}

.sec05 .pic img {
    width: 100%;
}

.sec05 .text {
    text-align: center;
    padding-bottom: 7.86%;
}

.sec05 .l1 {
    font-size: 45px;
    margin-bottom: 32px;
}

.sec05 .l2 {
    font-size: 16px;
    line-height: 1.79;
    color: #8c8c8c;
    margin-bottom: 65px;
}

.sec05 li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 158px;
    color: #ef468f;
}

.sec05 li .circle {
    margin-bottom: 30px;
}

.sec05 li svg {
    display: block;
    height: 50px;
    margin: 0 auto;
    fill: #ef468f;
}

.sec06 {
    position: relative;
}

.sec06 .bg img {
    width: 100%;
}

.sec06 .list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(46, 46, 47, .9);
    padding: 5.86% 0 4.69%;
}

.sec06 .list .inner {
    width: 980px;
}

.sec06 .list .lhd {
    font-size: 30px;
    color: #ff1496;
    margin-bottom: 60px;
}

.sec06 .list .lbd {
    font-size: 0;
    margin-bottom: 64px;
}

.sec06 .list dl {
    float: left;
    margin-right: 65px;
}

.sec06 .list dl:last-child {
    margin-right: 0;
}

.sec06 .list dt {
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px;
}

.sec06 .list dd {
    font-size: 18px;
    line-height: 1.44;
    color: #b1b1b2;
}

.sec06 .list .lft {
    font-size: 17px;
    color: #b1b1b2;
}

.sec07 {
    background: #f3f3f3;
    overflow: hidden;
}

.sec07 .pic {
    position: absolute;
    left: -85.71%;
    top: 0;
    margin-top: -24.29%;
    width: 108.57%;
}

.sec07 .pic img {
    width: 100%;
}

.sec07 .text {
    padding: 75px 37px 87px 34.57%;
}

.sec07 .hd .l1 {
    font-size: 45px;
    margin-bottom: 40px;
}

.sec07 .hd .l2 {
    font-size: 30px;
    margin-bottom: 65px;
}

.sec07 .bd {
    font-size: 16px;
    line-height: 2.625;
    color: #595959;
}

.sec07 .bd dt,
.sec07 .bd dd {
    box-sizing: border-box;
    border-bottom: 1px solid #ef428d;
}

.sec07 .bd dl:first-child dt,
.sec07 .bd dl:first-child dd {
    border-top: 1px solid #ef428d;
}

.sec07 .bd dt {
    float: left;
    width: 20.45%;
    color: #ef428d;
    padding-left: .68%;
    box-sizing: border-box;
}

.sec07 .bd dd {
    margin-left: 21%;
    padding-left: 8.86%;
}

@media all and (max-width: 1480px) {
    .sec01 .l1 {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .sec01 .l2 {
        font-size: 55px;
        margin-bottom: 15px;
    }

    .sec01 .l3 {
        font-size: 21px;
    }

    .sec02 .l1 {
        font-size: 34px;
        margin-bottom: 23px;
    }

    .sec02 .l2 {
        font-size: 21px;
        margin-bottom: 30px;
    }

    .sec02 .l3 {
        font-size: 12px;
    }

    .sec03 .l1 {
        font-size: 34px;
        margin-bottom: 21px;
    }

    .sec03 .l2 {
        font-size: 14px;
        margin-bottom: 84px;
    }

    .sec03 li {
        font-size: 13px;
    }

    .sec03 li:nth-child(2) {
        margin: 0 76px;
    }

    .sec03 li .ihd {
        margin-bottom: 14px;
    }

    .sec03 li .ihd span {
        font-size: 46px;
    }

    .sec04 .l1 {
        font-size: 34px;
        margin-bottom: 15px;
    }

    .sec04 .l2 {
        font-size: 12px;
        margin-bottom: 61px;
    }

    .sec04 li {
        font-size: 12px;
        width: 130px;
    }

    .sec04 li .circle {
        margin-bottom: 10px;
    }

    .sec04 li svg {
        height: 46px;
    }

    .sec04 li:first-child svg {
        width: 48px;
    }

    .sec05 .l1 {
        font-size: 34px;
        margin-bottom: 24px;
    }

    .sec05 .l2 {
        font-size: 12px;
        margin-bottom: 49px;
    }

    .sec05 li {
        font-size: 12px;
        width: 120px;
    }

    .sec05 li .circle {
        margin-bottom: 23px;
    }

    .sec05 li svg {
        height: 38px;
    }

    .sec06 .list .lhd {
        font-size: 23px;
        margin-bottom: 46px;
    }

    .sec06 .list .lbd {
        margin-bottom: 49px;
    }

    .sec06 .list dl {
        margin-right: 49px;
    }

    .sec06 .list dt {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .sec06 .list dd {
        font-size: 16px;
    }

    .sec06 .list .lft {
        font-size: 15px;
    }

    .sec07 .text {
        padding: 57px 28px 66px 34.57%;
    }

    .sec07 .hd .l1 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .sec07 .hd .l2 {
        font-size: 23px;
        margin-bottom: 49px;
    }

    .sec07 .bd {
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 6.27% 12.93%;
    }

    .sec01 .l1 {
        font-size: 3.47vw;
        margin-bottom: 5.01vw;
    }

    .sec01 .l2 {
        font-size: 9.73vw;
        margin-bottom: 2.27vw;
    }

    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {
        left: auto;
        right: 12.8vw;
        top: auto;
        bottom: 6.27vw;
        margin-top: 0;
        width: 22vw;
    }

    .sec02 {
        padding: 12.67% 0;
        text-align: center;
    }

    .sec02 .text {
        padding: 0;
        margin-bottom: 11.2vw;
    }

    .sec02 .l1 {
        font-size: 6.67vw;
        margin-bottom: 2.13vw;
    }

    .sec02 .l2 {
        font-size: 4.27vw;
        margin-bottom: 4.53vw;
    }

    .sec02 .l3 {
        font-size: 3.2vw;
        line-height: 1.5;
        text-align: center;
    }

    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 100%;
    }

    .sec03 {
        padding: 12% 0;
        text-align: center;
    }

    .sec03 .text {
        float: none;
        padding: 0;
    }

    .sec03 .l1 {
        font-size: 5.33vw;
        line-height: 1.4;
        margin-bottom: 2.4vw;
    }

    .sec03 .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
        margin-bottom: 8.67vw;
    }

    .sec03 ul {
        margin-bottom: 10.53vw;
    }

    .sec03 li {
        font-size: 2.93vw;
    }

    .sec03 li:nth-child(2) {
        margin: 0 10vw;
    }

    .sec03 li .ihd {
        margin-bottom: 2.4vw;
    }

    .sec03 li .ihd span {
        font-size: 10.4vw;
    }

    .sec03 li .ibd {
        line-height: 1.36;
    }

    .sec03 .pic {
        position: static;
        margin: 0 auto;
        width: 100%;
    }

    .sec04 .text {
        padding: 13.33% 0 36.8%;
    }

    .sec04 .l1 {
        font-size: 5.33vw;
        margin-bottom: 3.47vw;
    }

    .sec04 .l2 {
        font-size: 3.2vw;
        line-height: 1.57;
        margin-bottom: 7.47vw;
    }

    .sec04 li {
        font-size: 3.2vw;
        width: 30vw;
    }

    .sec04 li .circle {
        width: 18vw;
        height: 18vw;
        line-height: 18vw;
        border: .27vw solid #fff;
        border-radius: 50%;
        margin: 0 auto 3.33vw;
    }

    .sec04 li svg,
    .sec04 li:first-child svg {
        display: inline-block;
        vertical-align: middle;
        width: 8vw;
        height: auto;
    }

    .sec05 .pic {
        width: 100%;
        margin: -20.8% auto 6.67%;
    }

    .sec05 .pic img {
        width: 70vw;
    }

    .sec05 .text {
        padding-bottom: 6.67vw;
    }

    .sec05 .l1 {
        font-size: 5.33vw;
        margin-bottom: 4.67vw;
    }

    .sec05 .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
        margin-bottom: 10.67vw;
    }

    .sec05 li {
        font-size: 3.46vw;
        width: 37.87vw;
        margin-bottom: 9.87vw;
    }

    .sec05 li .circle {
        width: 18vw;
        height: 18vw;
        line-height: 18vw;
        border: .27vw solid #ef468f;
        border-radius: 50%;
        margin: 0 auto 3.6vw;
    }

    .sec05 li svg {
        display: inline-block;
        vertical-align: middle;
        height: 7.47vw;
        margin: 0;
    }

    .sec06 .list {
        position: relative;
        margin-top: -36.4%;
        padding: 12% 0 17.33% 10.67%;
    }

    .sec06 .list .inner {
        width: auto;
    }

    .sec06 .list .lhd {
        font-size: 5.33vw;
        margin-bottom: 7.2vw;
    }

    .sec06 .list .lbd {
        margin-bottom: 0;
    }

    .sec06 .list dl {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 24.67vw;
        margin-right: 0;
        margin-bottom: 6vw;
    }

    .sec06 .list dl:nth-child(3n) {
        margin-right: 0;
    }

    .sec06 .list dl:nth-child(3n + 1) {
        width: 38.13vw;
    }

    .sec06 .list dt {
        font-size: 4.27vw;
        margin-bottom: 4.8vw;
    }

    .sec06 .list dd {
        font-size: 3.2vw;
        line-height: 1.44;
    }

    .sec06 .list .lft {
        font-size: 3.2vw;
    }

    .sec07 .pic {
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        width: 47.2vw;
    }

    .sec07 .text {
        padding: 14.4% 6.8% 29.73%;
    }

    .sec07 .hd .l1 {
        font-size: 5.33vw;
        margin-bottom: 4.27vw;
    }

    .sec07 .hd .l2 {
        font-size: 3.73vw;
        margin-bottom: 4.93vw;
    }

    .sec07 .bd {
        font-size: 3.2vw;
        line-height: 2.29;
    }

    .sec07 .bd dt {
        width: 17.4vw;
        padding-left: .67vw;
    }

    .sec07 .bd dd {
        margin-left: 18.33vw;
        padding-left: .67vw;
    }

    .sec07 .bd .last4 dd {
        margin-right: 3.9vw;
    }

    .sec07 .bd .last3 dd {
        margin-right: 12.8vw;
    }

    .sec07 .bd .last2 dd {
        margin-right: 21.33vw;
    }

    .sec07 .bd .last1 dd {
        margin-right: 29.6vw;
    }
}