.main{
    width: 100%;
    background: url(../img/750bg.jpg) center top no-repeat;
    padding: .4rem .35rem 1.45rem;
    background-size: 100% auto;
    margin: 0 auto;
    overflow-x: hidden;
}

.logo{
    display: flex;
    justify-content: space-between;
}

.logo1{
    width: 4.6rem;
    height: .5rem;
}

.logo2{
    width: 1.3rem;
}

.bigtitle{
    width: 6.25rem;
    margin: .9rem auto 0;
    height: 2.7rem;
    position: relative;
}

.title1{
    width: 2.5rem;
    height: .48rem;
    position: absolute;
    top: .4rem;
    left: 0;
}

.title2{
    width: 3.65rem;
    height: 1.4rem;
    position: absolute;
    right: 0;
    top: 0;
}

.title3{
    width: .47rem;
    height: .51rem;
    position: absolute;
    top: 1.79rem;
    left: .9rem;
}

.title4{
    width: 3.63rem;
    height: 1.29rem;
    position: absolute;
    top: 1.45rem;
    left: 1.15rem;
}

.title4.is-revealed {
    animation: scaleWord 1s ease-in-out forwards;
    animation-iteration-count: 1;
    opacity: 1 !important;
}

.sum1{
    width: 6.8rem;
    height: 5.03rem;
    margin: 0.56rem auto 0;
    background: url(../img/sum1.png) center top no-repeat;
    background-size: 100% 100%;
    padding-top: .58rem;
    text-align: center;
}

.sum1img{
    width: 4.52rem;
    height: 3.85rem;
    opacity: 0;
}

.sum1.is-revealed .sum1img{
    animation: clipPathAnimation 2.5s ease-in-out forwards;
    animation-iteration-count: 1;
    opacity: 1 !important;
}


.ycwj{
    margin-top: 6.95rem;
    text-align: center;
}
.ycwj img {
    display: block;
    margin: 0 auto;
}

.ycwj_title{
    width: 5.42rem;
}

.ycwj_1{
    height: 1.8rem;
    margin-top: .5rem!important;
}

.ycwj_2{
    width: 5.06rem;
    margin-top: 7.3rem!important;
}

.ycwj_3{
    width: 5.35rem;
    margin-top: 5.6rem!important;
}

.ycwj_4{
    width: 4.6rem;
    margin-top: 7rem!important;
}

.ycwj_5{
    margin-top: 7rem!important;
    width: 4.35rem;
}

.ycwj_5.is-revealed{
    animation: scaleWord 2.5s ease-in-out forwards;
    animation-iteration-count: 1;
    opacity: 1 !important;
}

.ycwj_6{
    margin-top: .5rem!important;
    width: 5.65rem;
    opacity: 0!important;
}

.ycwj_6.is-revealed{
    animation: clipPathAnimation 2s ease-in-out forwards;
    animation-iteration-count: 1;
    opacity: 1 !important;
}

.ycwj_7{
    margin-top: 6.03rem!important;
    width: 5.65rem;
}

.shi1{
    width: 6.45rem;
    height: 7.58rem;
    margin: .4rem auto 0;
    position: relative;
}

.shi1img,.shi2img,.shi3img,.shi4img{
    width: 3.08rem;
    position: absolute;
    top: 0;
    z-index: 9;
    cursor: pointer;
    opacity: 1;
    transition: opacity .35s ease, transform .35s ease;
}

.shi1img,.shi3img{
    left: 0;
}

.shi2img,.shi4img{
    right: 0;
}

.shi1h,.shi2h,.shi3h,.shi4h{
    width: 6.45rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.96);
    transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
}

.shi1.is-open-1 .shi1img,
.shi1.is-open-1 .shi2img,
.shi1.is-open-1 .shi3img,
.shi1.is-open-1 .shi4img,
.shi1.is-open-2 .shi1img,
.shi1.is-open-2 .shi2img,
.shi1.is-open-2 .shi3img,
.shi1.is-open-2 .shi4img,
.shi1.is-open-3 .shi1img,
.shi1.is-open-3 .shi2img,
.shi1.is-open-3 .shi3img,
.shi1.is-open-3 .shi4img,
.shi1.is-open-4 .shi1img,
.shi1.is-open-4 .shi2img,
.shi1.is-open-4 .shi3img,
.shi1.is-open-4 .shi4img{
    opacity: 0;
    pointer-events: none;
    transform: scale(.96);
}

.shi1.is-open-1 .shi1h,
.shi1.is-open-2 .shi2h,
.shi1.is-open-3 .shi3h,
.shi1.is-open-4 .shi4h{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

.bjy{
    margin-top: 7.04rem;
}

.bjy img {
    display: block;
    margin: 0 auto;
}

.bjy_1{
    width: 3.05rem;
    opacity: 0!important;
}

.bjy_1.is-revealed{
    animation: clipPathAnimation 1.5s ease-in-out forwards;
    animation-iteration-count: 1;
    opacity: 1 !important;
}

.bjy_2{
    width: 100%;
    margin-top: .3rem!important;
}

.bjy_3{
    width: 100%;
    margin-top: .32rem!important;
}

.bjy_4,.bjy_5{
    width: 100%;
    margin-top: .32rem!important;
}

.bjy_6{
    width: 5.10rem;
    margin-top: 5.35rem!important;
}

.bjy_7{
    margin-top: 7.1rem!important;
    width: 4.76rem;
}

.bjy_8{
    margin-top: .7rem!important;
    width: 1.4rem;
}