section.pro {
    position: relative;
}
section.pro img {
    width: 100%;
}
section.pro .btns {
    text-align: center;
    padding-bottom: 4.06vw;
}
section.pro .btns a {
    margin-right: 4.17vw;
}
section.pro.pro-1 {
    background-color: #f4f3f3;
}
section.pro.pro-1 h2 {
    padding: 9vw 10.47vw 1.82vw;
    color: #212121;
    letter-spacing: 1.5vw;
    font-weight: 200;
    font-size: 2vw;
}
section.pro.pro-1 > img {
    width: 59.27vw;
    margin-bottom: 9.48vw;
}
section.pro.pro-1 .yinyue {
    position: absolute;
    top: 0;
    right: 12.45vw;
    width: 20.83vw;
}
section.pro.pro-1 .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
section.pro.pro-1 .center img {
    width: 20.16vw;
}
section.pro.pro-1 .center img:first-child {
    margin-right: -3.5vw;
}
section.pro.pro-2 .center {
    margin: -20vw auto 1vw;
    width: 54.38vw;
}
section.pro.pro-3 {
    padding-top: 9vw;
}
section.pro.pro-3 h2 {
    text-align: center;
    font-size: 3.47vw;
    color: #313131;
    margin-bottom: 1.5vw;
}
section.pro.pro-3 p {
    font-size: 1.4vw;
    margin-bottom: 3.85vw;
    text-align: center;
}
section.pro.pro-3 .b-box {
    display: flex;
    align-items: baseline;
    padding: 0 13.5vw 5vw;
}
section.pro.blw-1 {
    text-align: center;
}
section.pro.blw-1 .center {
    margin: -23vw auto 2vw;
    font-size: 1.04vw;
    font-weight: 300;
    color: #3e3e3e;
    position: relative;
    display: flex;
    justify-content: center;
}
section.pro.blw-1 .center .text-pre {
    width: 0.99vw;
    padding-top: 24vw;
}
section.pro.blw-1 .center .text-next {
    width: 0.99vw;
    padding-top: 26vw;
}
section.pro.blw-1 .center img {
    width: 20.16vw;
}
section.pro.blw-1 .center img:first-child {
    margin-right: -3.5vw;
}
section.pro.blw-2 {
    text-align: center;
    padding-bottom: 4.7vw;
}
section.pro.blw-2 video {
    width: 71.88vw;
}
section.pro.blw-2 h2.tit {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
    line-height: 3.91vw;
    margin-top: -29vw;
}
section.pro.blw-2 p {
    font-size: 1.04vw;
    color: #fff;
    line-height: 3.91vw;
    margin-bottom: 2vw;
}
section.pro.blw-2 video {
    border-radius: 10px;
}
section.pro.blw-2 h2.dark {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #343434;
    line-height: 3.91vw;
    margin-top: 8.13vw;
}
section.pro.blw-2 p.dark {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #545454;
    line-height: 1.95vw;
}
section.pro.blw-2 a {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #1e1e1e;
    line-height: 1.95vw;
}
section.pro.blw-3 {
    height: 51.04vw;
    position: relative;
}
section.pro.blw-3 > img:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
section.pro.blw-3 > img:nth-child(2) {
    width: 29.43vw;
    margin: 3.32vw 0 1.88vw 54.06vw;
}
section.pro.blw-3 > img:nth-child(3) {
    width: 45.21vw;
    margin: 0 0 0 38.33vw;
}
section.pro.blw-3 .pic-wrap {
    margin: -2.82vw 0 0 38.39vw;
    width: 61.61vw;
    height: 29.95vw;
    background: #fff;
    display: flex;
    padding: 1.77vw 1.51vw;
    position: relative;
}
section.pro.blw-3 .pic-wrap .l {
    width: 19.17vw;
    margin-right: 5.52vw;
}
section.pro.blw-3 .pic-wrap .r {
    flex: 1;
}
section.pro.blw-3 .pic-wrap .r > img {
    width: 9.11vw;
    margin-bottom: 0.57vw;
}
section.pro.blw-3 .pic-wrap .r b {
    margin: 2vw 0;
    display: block;
}
section.pro.blw-3 .pic-wrap .r p {
    font-size: 1.3vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #999;
    line-height: 2.39vw;
}
section.pro.blw-3 .pic-wrap h3 {
    font-size: 2.5vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #131212;
    line-height: 2.6vw;
}
section.pro.blw-3 p {
    margin-top: 2.24vw;
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: rgba(62, 62, 62, 0.63);
    line-height: 1.95vw;
}
section.pro.blw-3 a {
    margin-top: 2.1vw;
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: rgba(79, 79, 79, 0.63);
    line-height: 2.39vw;
}
section.pro.blw-3 .textr {
    text-align: right;
    padding-right: 11.25vw;
}
section.pro.blw-4 {
    text-align: center;
    padding: 6.72vw 0 2.66vw;
    background: #eaeaea;
}
section.pro.blw-4 h2 {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #343434;
    line-height: 3.91vw;
}
section.pro.blw-4 p {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 5.21vw;
    margin-bottom: 2.3vw;
}
section.pro.blw-4 dl {
    display: flex;
    justify-content: center;
    padding-bottom: 2.19vw;
}
section.pro.blw-4 dd {
    background: #fff;
    width: 27.5vw;
    margin: 0 2.86vw;
    padding: 3.1vw 3.1vw 0;
}
section.pro.blw-4 dd p {
    font-size: 0.76vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #3d3d3d;
    line-height: 1.91vw;
    margin-top: 3vw;
}
section.pro.blw-4 a {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #343434;
    line-height: 3.91vw;
}
section.pro.blw-5 {
    background: #eaeaea;
    position: relative;
    text-align: center;
    padding-bottom: 3.5vw;
}
section.pro.blw-5 > img:nth-child(2) {
    width: 19.43vw;
    position: absolute;
    top: 0;
    right: 24.48vw;
}
section.pro.blw-5 > .text {
    font-size: 0.94vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 1.56vw;
    position: absolute;
    top: 28.28vw;
    right: 19vw;
}
section.pro.blw-5 p {
    width: 50vw;
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #070707;
    line-height: 3.13vw;
    margin: 4.43vw auto 0;
}
section.pro.bss-1 {
    padding: 5.63vw 0 3.18vw;
    text-align: center;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
}
section.pro.bss-1 > img:nth-child(1) {
    width: 13.54vw;
    margin-bottom: 0.63vw;
    display: block;
    position: relative;
    left: 28%;
}
section.pro.bss-1 > img:nth-child(2) {
    width: 43.49vw;
}
section.pro.bss-1 > img:nth-child(3) {
    width: 65.36vw;
    margin-top: -4vw;
}
section.pro.bss-1 h2 {
    font-size: 3.33vw;
    font-weight: bold;
    color: #000000;
    line-height: 3.47vw;
    margin-bottom: 1.93vw;
    margin-top: -10vw;
}
section.pro.bss-1 p {
    font-size: 1.04vw;
    font-weight: 300;
    color: #120605;
    line-height: 1.88vw;
    margin-bottom: 1.8vw;
}
section.pro.bss-1 a {
    font-size: 1.04vw;
    font-weight: 300;
    color: #848484;
    line-height: 2.6vw;
}
section.pro.bss-2 {
    position: relative;
}
section.pro.bss-2 .text-wrap {
    position: absolute;
    right: 12vw;
    top: 16.88vw;
    color: #fff;
    line-height: 4.69vw;
    font-size: 2.33vw;
}
section.pro.bss-2 .text-wrap a {
    margin-top: 2.71vw;
}
section.pro.bss-2 dl.gray-wrap {
    display: flex;
    justify-content: center;
    padding: 1.35vw 11.46vw;
}
section.pro.bss-2 dl.gray-wrap dd {
    border-radius: 10px;
    padding: 1.91vw 2.19vw;
    position: relative;
    width: 37.5vw;
    margin: 0 1vw;
}
section.pro.bss-2 dl.gray-wrap dd.d1 {
    background: #e7e6e6;
}
section.pro.bss-2 dl.gray-wrap dd.d1 h2 {
    font-size: 3.33vw;
    font-weight: bold;
    color: #121212;
    line-height: 7.81vw;
}
section.pro.bss-2 dl.gray-wrap dd.d1 p {
    font-size: 1.04vw;
    font-weight: 400;
    color: #121212;
    line-height: 1.56vw;
}
section.pro.bss-2 dl.gray-wrap dd.d1 img {
    width: 19.01vw;
    margin-top: -7vw;
    margin-left: 12vw;
}
section.pro.bss-2 dl.gray-wrap dd.d2 h2 {
    font-size: 3.91vw;
    font-weight: bold;
    color: #000000;
    line-height: 7.81vw;
}
section.pro.bss-2 dl.gray-wrap dd.d2 img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}
section.pro.bss-2 dl.gray-wrap dd.d2 p {
    font-size: 1.04vw;
    font-weight: 400;
    color: #000000;
    line-height: 1.56vw;
}
section.pro.bss-2 .cer {
    width: 77.19vw;
    padding: 4.79vw 4.32vw;
    display: flex;
    margin: 0 auto;
    border-radius: 10px;
    background: #e7e6e6;
}
section.pro.bss-2 .cer h2 {
    width: 28.8vw;
    font-size: 3.33vw;
    font-weight: bold;
    color: #121212;
    line-height: 4vw;
}
section.pro.bss-2 .cer p {
    width: 27.24vw;
    font-size: 1.04vw;
    font-weight: 400;
    color: #121212;
    line-height: 1.88vw;
}
section.pro.bss-2 .cer img {
    width: 34.79vw;
    margin-left: 5.89vw;
}
section.pro.bss-3 {
    padding: 3.85vw 7.39vw 11vw;
}
section.pro.bss-3 dl {
    display: flex;
}
section.pro.bss-3 dl img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
section.pro.bss-3 dl dd {
    position: relative;
    width: 40.63vw;
    margin: 0 1vw;
    padding: 3.07vw 3.39vw;
}
section.pro.bss-3 dl h2 {
    width: 25.16vw;
    font-size: 3.33vw;
    font-weight: bold;
    color: #fff;
    line-height: 4.4vw;
}
section.pro.bss-3 dl p {
    width: 24.74vw;
    font-size: 1.04vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.56vw;
}
section.pro.bss-4 {
    padding-top: 11.3vw;
}
section.pro.bss-4 a {
    margin: 1.93vw 11.4vw 0;
    display: inline-block;
}
section.pro.bss-4 h2 {
    height: 3.13vw;
    font-size: 3.33vw;
    font-weight: 500;
    color: #3d3d3d;
    line-height: 1.46vw;
    padding: 0 11.4vw;
}
section.pro.bss-4 p {
    font-size: 1.04vw;
    font-weight: 300;
    color: #3d3d3d;
    padding: 0 11.4vw;
    line-height: 1.46vw;
}
section.pro.bss-4 .bottle-list {
    width: 100vw;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    position: relative;
    border-bottom: 1px solid #444;
    padding: 0 12vw 2vw;
}
section.pro.bss-4 .bottle-list b {
    border: 1px solid #aaa;
    color: #fe565f;
    padding: 0 3px;
    font-weight: normal;
}
section.pro.bss-4 .bottle-list .img-wrap {
    text-align: center;
}
section.pro.bss-4 .bottle-list .img-wrap img {
    height: auto;
    width: 70%;
}
section.pro.bss-4 .bottle-list span {
    font-weight: 300;
    display: block;
    margin-top: 4.06vw;
    color: #fff;
    font-size: 1.2vw;
}
section.pro.bss-4 .bottle-list::before {
    content: '';
    position: absolute;
    background-color: #333;
    height: 17vw;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
section.pro.jt-1 {
    text-align: center;
}
section.pro.jt-1 h2 {
    font-size: 3.33vw;
    font-weight: bold;
    color: #ffffff;
    line-height: 3.91vw;
    margin-top: -22vw;
    margin-bottom: 1vw;
}
section.pro.jt-1 p {
    font-size: 1.04vw;
    font-weight: 300;
    color: #ffffff;
}
section.pro.jt-1 img.bot {
    width: 43.39vw;
    margin-top: 4vw;
}
section.pro.jt-1 a {
    margin: 2vw 0 4.11vw;
    display: inline-block;
}
section.pro.jt-2 {
    text-align: center;
    background: #f4f4f4;
    padding-bottom: 3.49vw;
}
section.pro.jt-2 h2 {
    margin-top: -23vw;
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #fff;
    line-height: 5.21vw;
    margin-bottom: 3vw;
}
section.pro.jt-2 video {
    width: 69.84vw;
    border-radius: 8px;
}
section.pro.jt-2 .video-box {
    margin-bottom: 3vw;
}
section.pro.jt-2 .video-wrap {
    display: none;
}
section.pro.jt-2 .video-wrap.active {
    display: block;
}
section.pro.jt-2 ul {
    display: flex;
    justify-content: center;
}
section.pro.jt-2 ul li {
    padding: 1.46vw 6.25vw;
    background: #fff;
    border: 1px solid #353535;
    margin: 0 5.8vw;
    min-width: 21.88vw;
    cursor: pointer;
}
section.pro.jt-2 ul li.active,
section.pro.jt-2 ul li:hover {
    transition: 0.2s;
    background: #5a7fce;
    color: #fff;
    border: 1px solid #5a7fce;
}
section.pro.jt-3 {
    text-align: center;
    padding-top: 4.53vw;
    position: relative;
}
section.pro.jt-3:after {
    content: '';
    width: 100vw;
    height: 17.24vw;
    background: #484848;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 0;
}
section.pro.jt-3 h2 {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #313131;
    line-height: 3.91vw;
}
section.pro.jt-3 p {
    width: 28.85vw;
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #313131;
    line-height: 1.88vw;
    display: inline-block;
    margin-top: 1vw;
}
section.pro.jt-3 .b-box {
    display: flex;
    align-items: baseline;
    padding: 0 13.5vw 1vw;
    color: #fff;
    font-size: 0.83vw;
}
section.pro.jt-3 .b-box img {
    margin-bottom: 2.5vw;
}
section.pro.jt-3 .b-box > div {
    padding: 2vw;
    line-height: 2;
}
section.pro.jt-4 {
    position: relative;
    text-align: center;
    padding-bottom: 4.58vw;
}
section.pro.jt-4 p.p1 {
    position: absolute;
    top: 1.77vw;
    right: 9.43vw;
    width: 18.18vw;
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #ffffff;
}
section.pro.jt-4 h2.h21 {
    position: absolute;
    width: 6.98vw;
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    line-height: 3.75vw;
    right: 20.52vw;
    top: 11.8vw;
    writing-mode: vertical-lr;
    text-indent: 2em;
}
section.pro.jt-4 h2.h22 {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    line-height: 5.21vw;
    margin-bottom: 0vw;
    margin-top: 5.6vw;
}
section.pro.jt-4 p.p2 {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #000000;
    line-height: 5.21vw;
    margin-bottom: 1.5vw;
    display: block;
    text-align: center;
}
section.pro.jt-4 video {
    width: 66.67vw;
    border-radius: 8px;
}
section.pro.jt-5 {
    text-align: center;
    padding-bottom: 17vw;
}
section.pro.jt-5 h2 {
    margin-top: -25.6vw;
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.81vw;
}
section.pro.jt-5 p {
    font-size: 1.04vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 7.81vw;
}
section.pro.jt-6 {
    padding-bottom: 1vw;
    text-align: center;
}
section.pro.jt-6 h2 {
    font-size: 3.33vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0a0a0a;
    line-height: 7.81vw;
    margin-top: 5vw;
}
section.pro.jt-6 p {
    font-size: 1.25vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 200;
    color: #0a0a0a;
}
section.pro.jt-6 h3 {
    font-size: 1.88vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
}
section.pro.jt-6 h3 small {
    font-size: 1.25vw;
    font-family: PingFang SC, Arial, Helvetica, sans-serif;
    font-weight: 300;
    display: block;
}
section.pro.jt-6 dl {
    margin-top: 5vw;
    display: flex;
    justify-content: center;
    padding: 0 15.77vw;
}
section.pro.jt-6 dl dd {
    margin: 0 1vw;
    position: relative;
    border-radius: 10px;
}
section.pro.jt-6 .img-wrap {
    margin: 2.55vw 16.77vw;
    position: relative;
}
section.pro.jt-6 .h31,
section.pro.jt-6 .h32 {
    top: 3.85vw;
    right: 2.6vw;
}
section.pro.jt-6 .h33 {
    top: 13.23vw;
    left: 7.86vw;
}
section.pro.jt-6 .h34 {
    top: 6.6vw;
    left: 7.86vw;
    color: #5a7fce;
}
section.pro.jt-6 .h35 {
    color: #5a7fce;
    top: 6.6vw;
    right: 7.86vw;
}