@media (min-width:768px){body{margin:0 auto;min-width:1200px}}.pc .part-tit{font-size:36px;color:#333;font-weight:700;height:40px;line-height:40px}.pc .part-tit::before{content:"";background:url(https://prostatic.vvvava.cn/static/images/about/tit-label.jpg) center center/cover no-repeat;display:inline-block;width:8px;height:39px;vertical-align:sub}.pc .banner{position:relative;height:800px;background:url(https://prostatic.vvvava.cn/static/images/about/banner2560.png) center center/cover no-repeat}.pc .banner .banner-tit{position:absolute;top:325px;left:50%;margin-left:-648px;opacity:0}.pc .p1{max-height:831px;padding:100px 0 40px;background:url(https://prostatic.vvvava.cn/static/images/about/p1/p1-bg.png) center center/cover no-repeat}.pc .p1 .p1-main{position:relative;margin:0 auto;max-width:1200px}.pc .p1 .p1-main .part-tit{opacity:0}.pc .p1 .p1-main .p1-text{display:flex;justify-content:space-between;padding:50px 0 82px;opacity:0;animation-delay:.5s}.pc .p1 .p1-main .p1-text .p1-list-l{width:504px;background:#fff;border-radius:6px;overflow:hidden;margin-right:26px}.pc .p1 .p1-main .p1-text .p1-list-l li{width:100%;height:70px;line-height:70px;font-size:18px;color:#999;padding:0 22px;cursor:pointer;position:relative;transition:all .1s ease-out}.pc .p1 .p1-main .p1-text .p1-list-l li p{height:70px;margin:0;border-bottom:1px solid #ebebeb}.pc .p1 .p1-main .p1-text .p1-list-l li:nth-last-child(1) p{border:none}.pc .p1 .p1-main .p1-text .p1-list-l li.on{background:linear-gradient(95deg,#f9a63a,#e2bf54);color:#fff}.pc .p1 .p1-main .p1-text .p1-list-l li.on p{border:none}.pc .p1 .p1-main .p1-text .p1-list-l li.on .num{color:#fff}.pc .p1 .p1-main .p1-text .p1-list-l li.on .arrow{background:url(https://prostatic.vvvava.cn/static/images/about/p1/arrow-hover.png) center center/cover no-repeat}.pc .p1 .p1-main .p1-text .p1-list-l li span{font-size:14px}.pc .p1 .p1-main .p1-text .p1-list-l li span.num{font-size:24px;font-family:PingFang SC;color:#ccc;margin-right:20px;vertical-align:top}.pc .p1 .p1-main .p1-text .p1-list-l li span.arrow{position:absolute;display:inline-block;top:25.5px;right:22px;width:11px;height:19px;background:url(https://prostatic.vvvava.cn/static/images/about/p1/arrow-normal.png) center center/cover no-repeat}.pc .p1 .p1-main .p1-text .p1-list-r{width:670px;background:#fff;box-shadow:0 6px 18px 0 rgba(0,0,0,.03);border-radius:6px;position:relative}.pc .p1 .p1-main .p1-text .p1-list-r li{display:flex;padding:75px 36px;align-items:center;transition:all .3s ease-in-out;opacity:0;position:absolute;top:0;left:0}.pc .p1 .p1-main .p1-text .p1-list-r li img{margin-right:30px}.pc .p1 .p1-main .p1-text .p1-list-r li .t1{font-size:16px;color:#333;font-weight:700}.pc .p1 .p1-main .p1-text .p1-list-r li .t2{font-size:14px;color:#999}.pc .p1 .p1-main .p1-text .p1-list-r li p{font-size:14px;color:#666;width:266px;line-height:22px;margin:0}.pc .p1 .p1-main .p1-text .p1-list-r li a{color:#666;text-decoration:none}.pc .p2{padding:100px 0;background:#fff;height:610px;position:relative;overflow:hidden}.pc .p2::after{position:absolute;top:1px;right:0;display:inline-block;content:"";width:60px;height:608px;background-image:linear-gradient(90deg,rgba(250,250,250,0) 0,#fff 99%)}.pc .p2 .p2-main{margin:0 auto;max-width:1200px}.pc .p2 .p2-main .p2-text{margin-top:40px}.pc .p2 .p2-main .p2-info{width:440px;font-size:18px;color:#333;line-height:36px;margin-right:110px;flex-shrink:0}.pc .p2 .p2-main .p2-info p{margin-bottom:40px}.pc .p2 .p2-main .p2-list{position:absolute;top:150px;left:48%;width:52%}.pc .p2 .p2-main .scroll-item-1{background:url(https://prostatic.vvvava.cn/static/images/about/p2/p2-1-bg.png)}.pc .p2 .p2-main .scroll-item-2{background:url(https://prostatic.vvvava.cn/static/images/about/p2/p2-2-bg.png)}.pc .p2 .p2-main .scroll-item-3{background:url(https://prostatic.vvvava.cn/static/images/about/p2/p2-3-bg.png)}.pc .p2 .p2-main .scroll-item-4{background:url(https://prostatic.vvvava.cn/static/images/about/p2/p2-4-bg.png)}.pc .p2 .p2-main .scroll-item-1{animation-delay:.5s}.pc .p2 .p2-main .scroll-item-2{animation-delay:1s}.pc .p2 .p2-main .scroll-item-3{animation-delay:1.5s}.pc .p2 .p2-main .scroll-item-4{animation-delay:2s}.pc .p2 .p2-main .scroll-item{width:350px;height:340px;margin-right:60px;text-align:center;padding:194px 40px 0;white-space:normal;display:inline-block}.pc .p2 .p2-main .scroll-item p{width:270px;font-size:18px;color:#666;line-height:30px}.pc .p2 .p2-main .scroll-item p.p2-name{font-weight:700;color:#333;line-height:40px;margin-bottom:10px}.pc .p2 .p2-main .scroll-wrapper{white-space:nowrap;overflow:hidden}.pc .p2 .p2-main .scroll-content{display:inline-block}.pc .p2 .p2-main .custom-horizontal-scrollbar{width:144px;height:3px;position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);background:#ccc}.pc .p2 .p2-main .custom-horizontal-scrollbar .custom-horizontal-indicator{width:104px;height:3px;background:#ebb43f}.pc .p3{margin-top:-56px;height:354px;padding:54px 0 28px;background:url(https://prostatic.vvvava.cn/static/images/about/p3/p3-bg.jpg) bottom center no-repeat}.pc .p3 .p3-main{margin:-54px auto 0;max-width:1116px;display:flex;position:relative}.pc .p3 .p3-main .p3-txt{margin-left:126px;margin-top:54px}.pc .p3 .p3-main .p3-txt .p3-name{font-size:24px;font-weight:700;color:#584111;line-height:32px;margin-top:46px;margin-bottom:20px;animation-delay:.5s}.pc .p3 .p3-main .p3-txt p{font-size:16px;color:#584111;line-height:30px;margin-bottom:30px;animation-delay:.5s}.pc .p3 .p3-btn{animation-delay:1s;display:inline-block;width:232px;height:50px;background:url(https://prostatic.vvvava.cn/static/images/about/p3/btn.png) center center/cover no-repeat}.pc .p3 .p3-btn:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p3/btn-hover.png) center center/cover no-repeat}.pc .p4{height:890px;padding:100px 0 100px;background:#fff}.pc .p4 .p4-main{margin:0 auto;max-width:1200px}.pc .p4 .p4-main .p4-text{margin-top:84px}.pc .p4 .p4-main .p4-text>p{position:relative;font-size:18px;font-weight:400;color:#333;line-height:32px;padding:0 10px}.pc .p4 .p4-main .p4-text>p::before{display:inline-block;position:absolute;top:-30px;left:0;width:28px;height:22px;content:"";background:url(https://prostatic.vvvava.cn/static/images/about/p4/mark.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between}.pc .p4 .p4-main .p4-list li{width:388px;height:232px;position:relative;padding:16px 0 22px 26px}.pc .p4 .p4-main .p4-list li:nth-of-type(1){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-1-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(1) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/1.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(1) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/1-hover.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(2){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-2-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(2) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/2.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(2) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/2-hover.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(3){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-3-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(3) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/3.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(3) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/3-hover.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(4){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-4-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(4) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/4.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(4) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/4-hover.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(5){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-5-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(5) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/5.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(5) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/5-hover.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(6){background:url(https://prostatic.vvvava.cn/static/images/about/p4/item-6-bg.png) center center/cover no-repeat}.pc .p4 .p4-main .p4-list li:nth-of-type(6) a{background:url(https://prostatic.vvvava.cn/static/images/about/p4/6.png)}.pc .p4 .p4-main .p4-list li:nth-of-type(6) a:hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/6-hover.png)}.pc .p4 .p4-main .p4-list li.p4-item1{animation-delay:.5s}.pc .p4 .p4-main .p4-list li.p4-item2{animation-delay:1s}.pc .p4 .p4-main .p4-list li.p4-item2 a:nth-of-type(2){margin-left:108px;background:url(https://prostatic.vvvava.cn/static/images/about/p4/2-2.png)}.pc .p4 .p4-main .p4-list li.p4-item2 a:nth-of-type(2):hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/2-2-hover.png)}.pc .p4 .p4-main .p4-list li.p4-item3{animation-delay:1.5s}.pc .p4 .p4-main .p4-list li.p4-item4{margin-top:18px;animation-delay:2s}.pc .p4 .p4-main .p4-list li.p4-item5{margin-top:18px;animation-delay:2.5s}.pc .p4 .p4-main .p4-list li.p4-item6{margin-top:18px;animation-delay:3s}.pc .p4 .p4-main .p4-list li.p4-item6 a:nth-of-type(2){margin-left:108px;background:url(https://prostatic.vvvava.cn/static/images/about/p4/6-2.png)}.pc .p4 .p4-main .p4-list li.p4-item6 a:nth-of-type(2):hover{background:url(https://prostatic.vvvava.cn/static/images/about/p4/6-2-hover.png)}.pc .p4 .p4-main .p4-list li .p4-name{font-size:24px;font-weight:700;color:#403422;line-height:60px}.pc .p4 .p4-main .p4-list li p{width:148px;font-size:16px;color:#666;line-height:24px;margin-bottom:10px;padding:0}.pc .p4 .p4-main .p4-list li .p4-btn{position:absolute;display:inline-block;width:90px;height:28px;left:26px;bottom:23px}.m .about{padding-top:55px}.m .about .part-tit{font-size:24px;color:#333;font-weight:700;height:25px;line-height:25px}.m .about .part-tit::before{content:"";background:url(https://prostatic.vvvava.cn/static/images/about/m/tit-label.png) center center/cover no-repeat;display:inline-block;width:6.5px;height:31px;margin-right:10px;vertical-align:sub}.m .about .banner{height:481px;margin:0;background:url(https://prostatic.vvvava.cn/static/images/about/m/banner.png) center center/cover no-repeat}.m .about .p1{padding:50px 28px 25px;background:linear-gradient(to bottom,#fff 60%,#f8f7f3 100%)}.m .about .p1 .p1-text{margin-top:28px;padding-bottom:30px}.m .about .p1 .p1-text .swiper-slide{width:153px;height:204px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.05);border-radius:3px;padding:9px 16px;box-sizing:border-box;margin-right:10px}.m .about .p1 .p1-text .swiper-slide p{font-size:11px;font-weight:700;color:#685122;line-height:16px}.m .about .p1 .p1-text .swiper-slide .img-wrapper{width:136px;height:149px;background:#f9f8f4;position:absolute;bottom:9px;display:flex;justify-content:center;align-items:center}.m .about .p1 .p1-text .swiper-slide img{width:100px;height:131px}.m .about .p1 .p1-text .swiper-pagination{bottom:0}.m .about .p1 .p1-text .swiper-pagination .swiper-pagination-bullet{width:18px;height:2.5px;background:#e5e5e5;opacity:1;border-radius:0}.m .about .p1 .p1-text .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffd47d}.m .about .p2{padding:30px 28px 60px;background:#fff}.m .about .p2 .part-tit{margin-bottom:25px}.m .about .p2 .p2-text>p{font-size:15px;color:#333;line-height:24px;margin-top:18px}.m .about .p2 .p2-wrapper{padding-top:75px}.m .about .p2 .p2-list{position:relative;height:434px}.m .about .p2 .p2-item{position:absolute;left:0;top:0;opacity:0;animation:p2-hide .5s ease-in;width:100%}.m .about .p2 .p2-item.active{animation:p2-show .5s ease-out forwards;animation-delay:1s}.m .about .p2 .img-wrapper{height:196px;border-radius:4px;padding:40px 10px 5px 19px;box-sizing:border-box}.m .about .p2 .img-wrapper.img-wrapper-1,.m .about .p2 .img-wrapper.img-wrapper-3{margin-bottom:50px}.m .about .p2 .img-wrapper.img-wrapper-1{background:url(https://prostatic.vvvava.cn/static/images/about/m/p2/p2-1-bg.png) center center/cover no-repeat}.m .about .p2 .img-wrapper.img-wrapper-2{background:url(https://prostatic.vvvava.cn/static/images/about/m/p2/p2-2-bg.png) center center/cover no-repeat}.m .about .p2 .img-wrapper.img-wrapper-3{background:url(https://prostatic.vvvava.cn/static/images/about/m/p2/p2-3-bg.png) center center/cover no-repeat}.m .about .p2 .img-wrapper.img-wrapper-4{background:url(https://prostatic.vvvava.cn/static/images/about/m/p2/p2-4-bg.png) center center/cover no-repeat}.m .about .p2 .img-wrapper .p2-name{font-size:20px;font-weight:700;color:#333;line-height:30px;margin-bottom:32px}.m .about .p2 .img-wrapper p{font-size:15px;font-weight:400;color:#666;line-height:24px}.m .about .p2 .p2-pagination{margin-top:30px;text-align:center}.m .about .p2 .p2-pagination .p2-pagination-item{display:inline-block;background:#e5e5e5;width:18px;height:2.5px;margin:0 4px;cursor:pointer}.m .about .p2 .p2-pagination .p2-pagination-item.active{background:#ffd47d}.m .about .p3{height:188px;background:url(https://prostatic.vvvava.cn/static/images/about/m/p3/p3-bg.jpg) center center/cover no-repeat}.m .about .p3 .p3-main{padding:30px 45px 30px 30px}.m .about .p3 .p3-name{font-size:18px;font-weight:700;color:#584111;line-height:16px;margin-bottom:16px}.m .about .p3 p{font-size:12px;color:#584111;line-height:18px;margin-bottom:16px}.m .about .p3 .p3-btn{display:inline-block;width:170px;height:30px;background:url(https://prostatic.vvvava.cn/static/images/about/m/p3/btn.png) center center/cover no-repeat}.m .about .p4{padding:60px 0 55px 28px;background:#fff}.m .about .p4 .p4-text{margin-top:25px;font-size:15px;color:#333;line-height:24px}.m .about .p4 .p4-text p{font-size:15px;color:#333;line-height:24px;padding-right:28px}.m .about .p4 .p4-text .swiper-container{margin-top:25px;padding-bottom:30px}.m .about .p4 .p4-text .swiper-slide{width:282px;height:177px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.05);border-radius:3px;padding:24px 130px 15px 27px;box-sizing:border-box;margin-right:15px}.m .about .p4 .p4-text .swiper-slide.p4-item1{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-1-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item2{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-2-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item3{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-3-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item4{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-4-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item5{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-5-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item6{background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/item-6-bg.png) center center/cover no-repeat}.m .about .p4 .p4-text .swiper-slide.p4-item2 a:nth-of-type(2){margin-left:65px}.m .about .p4 .p4-text .swiper-slide.p4-item6 a:nth-of-type(2){margin-left:65px}.m .about .p4 .p4-text .swiper-slide .p4-name{font-size:18.5px;font-weight:700;color:#403422;line-height:49px}.m .about .p4 .p4-text .swiper-slide p{font-size:13px;color:#666;line-height:18px;padding-right:0}.m .about .p4 .p4-text .swiper-slide .p4-btn{font-size:11px;color:#999;line-height:18px;display:flex;align-items:center;position:absolute;left:28px;bottom:15px}.m .about .p4 .p4-text .swiper-slide .arrow{display:inline-block;width:9.5px;height:9.5px;margin-left:2.5px;background:url(https://prostatic.vvvava.cn/static/images/about/m/p4/arrow.png) center center/contain no-repeat}.m .about .p4 .p4-text .swiper-pagination{bottom:0;margin-left:-14px}.m .about .p4 .p4-text .swiper-pagination .swiper-pagination-bullet{width:18px;height:2.5px;background:#e5e5e5;opacity:1;border-radius:0}.m .about .p4 .p4-text .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffd47d}@keyframes p2-hide{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30%);opacity:0}}@keyframes p2-show{0%{transform:translateY(30%);opacity:0}100%{transform:translateY(0);opacity:1}}