﻿.s2Page .sec12 ul>li.active>span,
.s2Page .sec12 ul>li:nth-child(1).active>span,
.s2Page .sec12 ul>li:nth-child(2).active>span,
.s2Page .sec12 ul>li:nth-child(3).active>span,
.s2Page .title {
    font-weight: 800
}

@keyframes mixpadFadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 24px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.s2Page .animated {
    animation-duration: .66s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out
}

.s2Page .show .fadeInUp {
    animation-name: mixpadFadeInUp
}

.s2Page .fadeInUp {
    opacity: 0;
    transform: translate3d(0, 24px, 0)
}

.s2Page .title {
    color: #ebd2b3;
    line-height: .67rem;
    font-size: .48rem
}

.s2Page .subDesc {
    font-size: .2rem;
    font-weight: 500;
    line-height: .32rem;
    color: #fff
}

.s2Page .banner {
    padding: 2.36rem 0 0 2.59rem;
    height: 9.7rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/banner-6497e9f8d5.jpg) center no-repeat;
    background-size: cover
}

.s2Page .banner .title {
    color: #ebd2b3;
    font-size: .64rem;
    line-height: .9rem;
    margin-bottom: .17rem
}

.s2Page .banner .desc {
    color: #ebd2b3;
    font-size: .36rem;
    display: flex;
    align-items: center;
    margin-bottom: .56rem
}

.s2Page .banner .desc span {
    display: inline-block;
    line-height: .5rem;
    margin-right: .1rem
}

.s2Page .banner .desc img {
    display: block;
    width: .85rem;
    height: .33rem
}

.s2Page .banner .info {
    display: flex;
    margin-left: .09rem;
    margin-bottom: .73rem
}

.s2Page .banner .info img {
    width: .28rem;
    height: 1.57rem
}

.s2Page .banner .info ul {
    margin-left: .15rem
}

.s2Page .banner .info ul li {
    font-size: .2rem;
    line-height: .27rem;
    color: rgba(235, 210, 179, .7)
}

.s2Page .banner .info ul li:not(:last-child) {
    margin-bottom: .18rem
}

.s2Page .banner .subDesc {
    font-size: .2rem;
    line-height: .28rem;
    color: #ebd2b3
}

.s2Page .sec1 {
    height: 10.8rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec1-87b89c4913.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec1 .title {
    padding-top: 1.28rem;
    text-align: center
}

.s2Page .sec2_1 {
    height: 10.8rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec2_1-60a2b58c04.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec2_1 .title {
    padding: 1.28rem 0 .3rem;
    text-align: center
}

.s2Page .sec2_1 .subDesc {
    text-align: center;
    color: #fff
}

.s2Page .sec2 {
    height: 9.6rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec2-0d04b1d80e.jpg) center no-repeat;
    background-size: cover;
    position: relative
}

.s2Page .sec2 .content {
    position: absolute;
    top: 4.95rem;
    left: 50%;
    margin-left: 2.84rem
}

.s2Page .sec2 .title {
    margin-bottom: .3rem
}

.s2Page .sec3 {
    height: 10.8rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec3-179b33b2a9.jpg) center no-repeat;
    background-size: cover;
    padding: 2.85rem 0 0 2.19rem
}

.s2Page .sec4 .title,
.s2Page .sec5 .title {
    padding: 1.1rem 0 .3rem;
    text-align: center
}

.s2Page .sec3 .title {
    line-height: .77rem;
    margin-bottom: .3rem
}

.s2Page .sec4 {
    height: 10.8rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec4-b08bc868e1.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec4 .subDesc {
    text-align: center
}

.s2Page .sec5 {
    height: 11.43rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec5-487d3eb6ab.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec5 .subDesc {
    text-align: center
}

.s2Page .sec6 {
    height: 12rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec6-ccebe0a8f6.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec6 .title {
    padding-top: 1.04rem;
    text-align: center
}

.s2Page .sec7 {
    height: 13rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec7-40d03e3a95.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec7 .title {
    padding: .96rem 0 .3rem;
    text-align: center
}

.s2Page .sec7 .subDesc {
    text-align: center
}

.s2Page .sec8 {
    height: 9rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec8-49c19d0be1.jpg) center no-repeat;
    background-size: cover;
    padding: 1.49rem 0 0 2.32rem
}

.s2Page .sec8 .title {
    margin-left: .01rem;
    line-height: .77rem;
    margin-bottom: .26rem
}

.s2Page .sec9 {
    height: 10rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec9-8e75bb737a.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec9 .title {
    padding: 1.1rem 0 .3rem;
    text-align: center
}

.s2Page .sec9 .subDesc {
    line-height: .31rem;
    text-align: center;
    margin-bottom: .31rem
}

.s2Page .sec9 .info {
    font-size: .16rem;
    line-height: .22rem;
    color: #fff;
    text-align: center
}

.s2Page .sec10 {
    height: 9.6rem;
    background: url(../image/sec10-d9246d07a8.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec10 .title {
    padding-top: 1rem;
    text-align: center
}

.s2Page .sec11_1 {
    height: 12rem;
    background: url(https://static.orvibo.com/guanwang_second/front/images/products/s2/sec11-246f4ea9f8.jpg) center no-repeat;
    background-size: cover
}

.s2Page .sec11_1 .title {
    padding: 1.1rem 0 .3rem;
    text-align: center
}

.s2Page .sec11_1 .subDesc {
    line-height: .28rem;
    text-align: center
}

.s2Page .sec12 {
    height: 18.9rem;
    position: relative
}

.s2Page .sec12 .desc {
    margin-top: .3rem
}

.s2Page .sec12 .content {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%)
}

.s2Page .sec12 .item {
    width: 100%;
    height: 9.2rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.s2Page .sec12 .item.bottom {
    bottom: 0;
    position: absolute
}

.s2Page .sec12.sec3_fixed .item {
    position: fixed;
    top: 50px;
    bottom: auto;
    transform: translateX(-50%)
}

.s2Page .sec12 img {
    width: 100%;
    height: 100%
}

.s2Page .sec12 ul {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: .6rem
}

.s2Page .sec12 ul>li {
    cursor: pointer;
    display: inline-block
}

.s2Page .sec12 ul>li>b {
    display: inline-block;
    height: .12rem;
    width: .12rem;
    border-radius: 50%;
    margin-right: .18rem
}

.s2Page .sec12 ul>li>span {
    font-size: .2rem;
    line-height: .25rem
}

.s2Page .sec12 ul>li:nth-child(1) span {
    color: #a18848
}

.s2Page .sec12 ul>li:nth-child(1) b {
    background-color: #a18848
}

.s2Page .sec12 ul>li:nth-child(2) {
    margin: 0 .58rem
}

.s2Page .sec12 ul>li:nth-child(2) span {
    color: #fff
}

.s2Page .sec12 ul>li:nth-child(2) b {
    background-color: #fff
}

.s2Page .sec12 ul>li:nth-child(3) span {
    color: #4c5560
}

.s2Page .sec12 ul>li:nth-child(3) b {
    background-color: #4c5560
}

.s2Page .sec13 {
    height: 9.46rem;
    background-color: #0f0f0f
}

.s2Page .sec13 .title {
    padding: 1.1rem 0 .87rem;
    text-align: center
}

.s2Page .sec13 .content {
    height: 4rem;
    box-sizing: border-box;
    width: 14rem;
    margin: 0 auto .7rem;
    border-bottom: 1px dashed #707070
}

.s2Page .sec13 .info {
    text-align: center;
    font-size: .16rem;
    color: rgba(255, 255, 255, .55);
    line-height: .34rem
}

.s2Page .sec13 .subtitle {
    font-size: .24rem;
    line-height: .33rem;
    margin-top: .3rem
}

.s2Page .sec13 ul {
    padding: 0 .96rem 0 .94rem;
    display: flex;
    justify-content: space-between
}

.s2Page .sec13 ul li>div {
    text-align: center
}

.s2Page .sec13 ul .first>img {
    width: 1.07rem;
    height: .34rem
}

.s2Page .sec13 ul .second>img {
    width: 1.18rem;
    height: .32rem
}

.s2Page .sec13 ul .three>img {
    width: 2.12rem;
    height: .32rem
}

.s2Page .sec13 ul .four>img {
    width: 1.08rem;
    height: .34rem
}

.s2Page .sec13 ul .five>img {
    width: 1.07rem;
    height: .34rem
}

.s2Page .sec13 ul .six>img {
    width: 1.3rem;
    height: .34rem
}

.s2Page .sec13 ul.one {
    margin-bottom: 1.2rem
}

.s2Page .param1 {
    height: 9.49rem;
    background: url(../image/param_sec1-0c3ed9b43e.jpg) center no-repeat;
    background-size: cover
}

.s2Page .param1 .title {
    color: #000;
    padding: 1.1rem 0 .31rem;
    text-align: center
}

.s2Page .param1 .subDesc {
    text-align: center;
    color: #2f2f2f
}

.s2Page .param2 {
    height: 5.5rem;
    background: url(../image/param_sec2-f4e5eadfbb.jpg) center no-repeat;
    background-size: cover
}

.s2Page .param2 .title {
    color: #000;
    padding-top: 1.1rem;
    text-align: center
}

.s2Page .param3 .title {
    color: #000;
    padding: .74rem 0 .79rem;
    text-align: center;
    font-size: .42rem;
    line-height: .59rem
}

.s2Page .param3 .content_img {
    display: flex;
    width: 8.62rem;
    margin: 0 auto;
    justify-content: space-between
}

.s2Page .param3 .content_img .img1 {
    display: inline-block;
    width: 3.55rem;
    height: 5.07rem
}

.s2Page .param3 .content_img .img2 {
    display: inline-block;
    width: 3.59rem;
    height: 5.07rem
}

.s2Page .param3 .info {
    display: flex;
    justify-content: center;
    margin-top: .71rem
}

.s2Page .param3 .info ul.left {
    margin-right: 1.17rem
}

.s2Page .param3 .info ul.left>li>div:nth-child(1),
.s2Page .param3 .info ul.right>li>div:nth-child(1) {
    min-width: 1.26rem;
    margin-right: .14rem
}

.s2Page .param3 .info ul.left>li {
    font-size: 16px;
    color: #2f2f2f;
    line-height: .36rem;
    display: flex
}

.s2Page .param3 .info ul.left>li>div:nth-child(2) {
    width: 3.15rem
}

.s2Page .param3 .info ul.right {
    margin-left: 1.17rem
}

.s2Page .param3 .info ul.right>li {
    display: flex;
    font-size: 16px;
    color: #2f2f2f;
    line-height: .36rem
}

.s2Page .param3 .info ul.right>li>div:nth-child(2) {
    width: 4.32rem
}

.s2Page .param3+.tips {
    font-size: .16rem;
    line-height: .22rem;
    color: #111;
    text-align: center;
    padding: .81rem 0 1rem
}

.s2Page .sec11 {
    height: 20rem;
    position: relative;
    z-index: 2;
    background-color: #000
}

.s2Page .sec11 .item {
    width: 100%;
    display: flex;
    height: 9.6rem;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.s2Page .sec11 .item img {
    width: 100%;
    height: 100%
}

.s2Page .sec11 .item.bottom {
    bottom: 0;
    position: absolute
}

.s2Page .sec11.sec11_fixed .item {
    position: fixed;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%)
}

.s2Page .sec11 .con {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.s2Page .sec11 .con .title {
    padding: 1rem 0 .3rem;
    text-align: center
}

.s2Page .sec11 .con .subDesc {
    text-align: center
}

.s2Page .sec11 ul {
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%)
}

.s2Page .sec11 ul li {
    width: .23rem;
    display: flex;
    align-items: center;
    height: .23rem;
    justify-content: center
}

.s2Page .sec11 ul li>span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../image/pointer-a7fc36dbf1.png) center no-repeat;
    background-size: cover
}

.s2Page .sec11 ul li.active>span {
    width: 23px;
    height: 23px;
    background: url(../image/active-866092676d.png) center no-repeat;
    background-size: cover
}

.s2Page .sec11 ul li.no>span {
    background: url(../image/no_pointer-a973d24f46.png) center no-repeat;
    background-size: cover
}