.swiper-container {
    width: 100%;
    height: 100%;
}

.wrap {
    display: flex;
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100%;
    padding: 60px 0 0;
}

/* banner */
.banner-wrap {
    position: relative;
    display: block;
}

.banner-page {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 11;
    left: 0;
    bottom: 0;
    padding: 0 0.4rem 0.4rem 0;
}

.banner-page .swiper-pagination-bullet {
    width: 11px;
    height: 12px;
    margin: 0 0 20px;
    background: #5f5e5c;
    border-radius: 50%;
    opacity: 1;
}

.banner-page .swiper-pagination-bullet-active {
    background: #cdb294;
}

.banner img {
    width: 100%;
}

.banner-logo {
    position: absolute;
    z-index: 55;
    left: 50%;
    bottom: -0.8rem;
    margin: 0 0 0 -0.8rem;
}

.banner-logo img {
    width: 1.6rem;
}


/* 第1部分 */

.part1 {
    position: relative;
}

.part1-detail {
    padding: 1.2rem 0 0.6rem 0.1rem;
    font: 400 0.4rem/0.6rem '微软雅黑';
    color: #000;
    letter-spacing: 0.1rem;
    text-align: center;
}

.part1-nav {
    padding: 0 0.2rem 0.6rem;

}

.part1-nav ul {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px;
    background: url(../images/mpart1_nav.png) no-repeat center center/100%;
}

.part1-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.3%;
}

.part1-nav ul a {
    display: block;
    font: 400 0.4rem/0.8rem '微软雅黑';
    color: #000;
}

.part1-box {
    display: block;
}

.part1-left {
    padding: 0.4rem;
    background: #edf0f7;

}

.part1-left-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 0 0.6rem;
    font: 400 0.5rem/0.6rem '微软雅黑';
    color: #000;
    border-bottom: 1px solid #b7bdcd;
}

.part1-left li {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
    font: 400 0.4rem/0.6rem '微软雅黑';
    color: #000;
    border-bottom: 1px solid #b7bdcd;
}

.part1-left li p {
    width: 7.2rem;
}

.part1-left li span {
    width: 2.1rem;
    font: bold 16px/30px '微软雅黑';
    color: #000;
    text-align: right;
}

.part1-left li:last-child span {
    padding-left: 0.5rem;
}


.part1-right {
    padding: 0.3rem;
    
}

.part1-name {
    padding: 0.8rem 0 0.3rem;
    text-align: center;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s 0.3s;
}

.part1-name img {
    width: 3.8rem;
}

.part1-right-detail {
    font: 400 0.4rem/0.6rem '微软雅黑';
    color: #000;
    text-align: center;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s 0.3s;
}

.part1-right-since {
    padding: 0 0 0.8rem;
    text-align: center;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s 0.3s;
}

.part1-right-since img {
    width: 3.4rem;
}

.part1-buy {
    padding: 0.6rem 0.8rem;
    background: #dae0ee;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s 0.3s;
}

.part1-buy span {
    font: bold 0.4rem/0.6rem '微软雅黑';
    color: #000;
}

.part1-buy p {
    font: bold 0.4rem/0.6rem '微软雅黑';
    color: #000;
}

.part1-ul {
    margin-top: 0.3rem;
    padding: 0.2rem 0.6rem;
    background: #dae0ee;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s 0.3s;
}

.part1-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0;
}

.part1-li-left {
    width: 4rem;
    padding-left: 0.8rem;
    color: #000;
    background: url(../images/part1_yes.png) no-repeat 0 center/0.3rem;
}

.part1-li-left span {
    font: bold 0.4rem/0.5rem '微软雅黑';
}

.part1-li-left p {
    font: 400 0.4rem/0.5rem '微软雅黑';
}

.part1-li-right {
    width: 1.6rem;
    text-align: center;
}

.part1-li-right img {
    width: 1.2rem;
}

/* 动画 */
.part1-detail.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part1-nav.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part1-left.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}

.part1-name.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}
.part1-right-detail.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}
.part1-right-since.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}
.part1-buy.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}
.part1-ul.animated_visible {
    opacity: 1;
    transform: rotateY(0);
}

/* 第2部分 */

.part2 {
    position: relative;
    padding: 1rem 0 0;
}

.part2-name {
    font: 400 0.45rem/0.6rem '微软雅黑';
    text-align: center;
    color: #cdb294;
    opacity: 0;
    transform: translate3d(0,50%,0);
    transition: 1s 0.3s;
}

.part2-detail {
    padding: 0.3rem 0 0;
    font: 400 0.5rem/0.6rem '微软雅黑';
    color: #000;
    text-align: center;
        opacity: 0;
        transform: translate3d(0, 50%, 0);
        transition: 1s 0.3s;
}

.part2-box {
    height: 8rem;
    padding: 2rem 3.2rem 0 0.5rem;
    font: 400 0.4rem/0.6rem '微软雅黑';
    color: #fff;
    background: url(../images/mpart2_box.png) no-repeat center center/100%;
        opacity: 0;
        transform: translate3d(0, 50%, 0);
        transition: 1s 0.3s;
}

/* 动画 */
.part2-name.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part2-detail.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part2-box.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* 第三部分 */
.part3 {
    margin: 1.2rem 0 0;
    padding: 1.2rem 0.4rem;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

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

.part3-left {
    width: 2.1rem;
    opacity: 0;
    transform: translate3d(-50%,0,0);
    transition: 1s 0.3s;
}

.part3-logo {
    padding: 0.3rem 0 0.4rem;
}

.part3-logo img {
    width: 100%;
}

.part3-left a {
    display: block;
    width: 0.8rem;
    height: 2.8rem;
    margin: 0 auto;
    padding: 0.3rem 0.15rem 0;
    font: 400 0.32rem/0.4rem '微软雅黑';
    color: #000;
    text-align: center;
    border: 1px solid #000;
}

.part3-left a i {
    display: block;
}

.part3-left a i img {
    width: 4px;
}

.part3-left p {
    padding-bottom: 0.1rem;
}

.part3-right {
    width: 6.2rem;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    transition: 1s 0.3s;
}

.part3-right img {
    width: 100%;
}

/* 动画 */
.part3-left.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.part3-right.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


/* 第4部分 */
.part4 {
    padding: 1.4rem 0;
    background: #edf0f7;
}

.part4-name {
    text-align: center;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    transition: 1s 0.3s;
}

.part4-name img {
    width: 2.4rem;
}

.part4-detail {
    padding: 0.3rem 0 0.3rem 5px;
    font: 400 12px/20px '微软雅黑';
    color: #cdb294;
    letter-spacing: 5px;
    text-align: center;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    transition: 1s 0.3s;
}

.part4-alert {
    padding-bottom: 0.6rem;
    font: 400 14px/20px '微软雅黑';
    color: #000;
    text-align: center;
    background: url(../images/part4_line.png) no-repeat center bottom;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    transition: 1s 0.3s;
}

.part4-box {
    width: 100%;
    overflow: auto;
    padding: 0.5rem 0 0;
}

.part4-box ul {
    display: flex;
    justify-content: center;
    width: 21.6rem;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    transition: 1s 0.3s;
}

.part4-box ul li {
    width: 7.2rem;
    padding: 0 0.2rem;
}

.part4-box ul li a {
    display: block;
    position: relative;
}

.part4-box ul i {
    display: block;
    padding: 0 0.2rem;
    background: #000;
}

.part4-box ul i img {
    width: 100%;
}

.pic-li-name {
    position: absolute;
    left: 0;
    top: 8.6rem;
    width: 100%;
    font: 400 0.5rem/0.6rem '微软雅黑';
    color: #fff;
        background: rgba(33,95,72,0.8);
    text-align: center;
}

.pic-li-hj {
    position: absolute;
    left: 0;
    top: 9rem;
    width: 100%;
    text-align: center;
}

.pic-li-circle {
    position: absolute;
    left: 0;
    top: 9.4rem;
    width: 100%;
    text-align: center;
}

.pic-li-circle img {
    width: 1.32rem;
}

.pic-li-weight {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
}

.pic-li-kg {
    display: flex;
    align-items: center;
    margin: 0 2px;
    font: 400 12px/20px '微软雅黑';
    color: #000;
    background: #fff;
    border-radius: 20px;
}

.pic-li-kg span {
    width: 28px;
    text-align: center;
}

.part4-box ul .pic-li-kg i {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
}

.pic-li-kg i img {
    float: left;
}

/* 动画 */
.part4-name.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part4-detail.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part4-alert.animated_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.part4-box ul.animated_visible {
    opacity: 1;
    transform: translate3d(0,0,0);
}