.page-product-list{padding-bottom:153px}
.h-product-ban{overflow:hidden;position:relative}
.h-product-ban .bg{display:block;width:100%;max-height:100%;object-fit:cover}
.h-product-ban .swiper-slide{position:relative}
.h-product-ban .text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#fefefe}
.h-product-ban .text .row{display:flex;align-items:flex-end}
.h-product-ban .text .row img{height:50px;margin-right:10px}
.h-product-ban .text .row span{font-size:20px;font-family:HarmonyOS_Sans_SC_Bold}
.h-product-ban .text h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:86px;margin:20px 0}
.h-product-ban .text h4{font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;margin-bottom:60px}
.h-product-ban .swiper-pagination-bullet{width:40px;height:8px;background:#fff;opacity:1;border-radius:0;margin:0 10px}
.h-product-ban .swiper-pagination{bottom:40px}
.h-product-ban .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,.5);position:relative}
.h-product-ban .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:#004d73;animation:widthChange 3s linear backwards}
@keyframes widthChange{
from{width:0}
to{width:100%}
}
.h-btn1{display:flex;align-items:center;justify-content:space-between;width:180px;height:60px;border:2px solid #fff;border-radius:20px;padding:0 20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.h-btn1 span{font-size:14px;color:#fff}
.h-btn1 img{display:block;width:12px;height:12px}
.h-btn1:hover{background-color:#004d73;border-color:#004d73}
.h-btn1:hover span{color:#fff}
.h-product-filter{margin-top:100px;background:#f9f9f9;border-radius:30px;overflow:hidden;position:relative}
.h-product-filter .top-row{display:flex;flex-direction:row-reverse;justify-content:space-between;background:#f5f5f5;padding:0 40px;align-items:center}
.h-product-filter .type-tab{display:flex}
.h-product-filter .type-tab .item+.item{margin-left:80px}
.h-product-filter .type-tab .item{height:100px;display:flex;align-items:center;color:#333;font-size:18px;cursor:pointer;font-family:HarmonyOS_Sans_SC_Bold}
.h-product-filter .type-tab .item.active{color:#004d73;position:relative}
.h-product-filter .type-tab .item.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#004d73}
.h-product-filter .type-sub-list{display:none}
.h-product-filter .type-sub-list.show{display:flex;flex-wrap:wrap;padding:50px 40px}
.h-product-filter .type-sub-list.show .item{color:#333;font-size:16px}
.h-product-filter .type-sub-list.show .item.active{color:#004d73}
.h-product-filter .type-sub-list.show .item{margin-right:60px}
.h-search{width:240px;height:60px;border:2px solid #333;border-radius:20px;overflow:hidden;position:relative}
.h-search .input{position:absolute;width:100%;height:100%;top:0;left:0;background:0 0;border:none;font-size:14px;color:#000;padding-left:20px;padding-right:50px}
.h-search .input::-webkit-input-placeholder{color:#999}
.h-search .input::-moz-placeholder{color:#999}
.h-search .input:-moz-placeholder{color:#999}
.h-search .input:-ms-input-placeholder{color:#999}
.h-search .submit{position:absolute;right:0;top:0;height:100%;width:60px;display:flex;align-items:center;justify-content:center}
.h-search .submit img{width:17px;height:17px;display:block}
.h-search .submit input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
.h-product-list-wrap{padding-bottom:80px;border-bottom:1px solid #eee}
.h-product-list-wrap .total{padding:30px 0 60px;text-align:center;font-size:16px;color:#999;font-family:HarmonyOS_Sans_SC_Bold}
.h-product-list-wrap .total span{color:#004d73;margin:0 5px}
.h-product-list{overflow:hidden;margin:0 -20px -40px}
.h-product-list .item{float:left;width:25%;margin-bottom:40px}
.h-product-list .item .item-con{padding:0 20px;display:block}
.h-product-list .item .pic{padding-top:90%;position:relative;background:#f9f9f9;border-radius:30px 30px 0 0;overflow:hidden}
.h-product-list .item .pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:contain;max-width:100%;max-height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.h-product-list .item .pic .active{opacity:0}
.h-product-list .item .pic .def{opacity:1}
.h-product-list .item .text{background:#f5f5f5;padding:30px;border-radius:0 0 30px 30px;overflow:hidden}
.h-product-list .item .text h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.h-product-list .item .text p{font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.h-product-list .item .text .info{margin-top:40px;display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}
.h-product-list .item .text .info .series{position:relative;padding-left:15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.h-product-list .item .text .info .series:After{content:'';width:10px;height:10px;background:#999;border-radius:50%;position:absolute;left:0;top:49%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.h-product-list .item .text .info .det{display:flex;align-items:center;justify-content:flex-end;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.h-product-list .item .text .info .det i{display:block;width:12px;height:12px;background:url(../images/h-arr1-g.svg) no-repeat center center/contain;margin-left:10px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;top:-1px}
.h-product-list .item .item-con:hover .pic img{transform:translate(-50%,-50%) scale(1.05)}
.h-product-list .item .item-con:hover .active{opacity:1}
.h-product-list .item .item-con:hover .def{opacity:0}
.h-product-list .item .item-con:hover .text .info .det,.h-product-list .item .item-con:hover .text .info .series,.h-product-list .item .item-con:hover .text h3{color:#004d73}
.h-product-list .item .item-con:hover .text .info .series:after{background:#004d73}
.h-product-list .item .item-con:hover .text .info .det i{background-image:url(../images/h-arr1-r.svg)}
.h-full-link{background:url(../images/h-link-bg.jpg) no-repeat center center/cover;height:300px;border-radius:20px;overflow:hidden;padding:0 40px;display:flex;justify-content:space-between}
.h-full-link .text{display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative}
.h-full-link .text:after{content:'';position:absolute;bottom:0;width:100%;height:10px;background:#004d73}
.h-full-link .text h3{font-size:32px;font-family:HarmonyOS_Sans_SC_Bold}
.h-full-link .text p{font-size:16px}
.h-full-link .btn-side{display:flex;flex-direction:column;justify-content:center}
.h-full-link:hover .text:after{animation:widthChange 1s linear forwards}
.page-product-detail{padding-bottom:153px}
.product-detail-top-info{height:240px;padding-top:100px;background:#1e1e1e}
.product-detail-top-info .wp{height:100%;display:flex;align-items:center;justify-content:space-between}
.product-detail-top-info .left{display:flex;align-items:flex-end}
.product-detail-top-info .left .series-logo{height:40px;display:block;margin-right:10px}
.product-detail-top-info .left span{font-family:HarmonyOS_Sans_SC_Bold;font-size:16px;color:#fff;line-height:1}
.product-detail-top-info .right{color:#fff;text-align:right}
.product-detail-top-info .right h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;font-weight:700;margin-bottom:10px}
.product-detail-top-info .right p{font-size:16px}
.product-detail-info{padding:100px 0 80px;display:flex}
.product-detail-info .left{display:flex}
.product-detail-info .left .pd-thu{height:650px;margin-right:10px;width:100px;}
.product-detail-info .left .pd-thu .swiper-slide{display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid transparent}
.product-detail-info .left .pd-thu .swiper-slide .def{display:block}
.product-detail-info .left .pd-thu .swiper-slide .active{display:none}
.product-detail-info .left .pd-thu .swiper-slide.active{border:1px solid #004d73}
.product-detail-info .left .pd-thu .swiper-slide.active .def{display:none}
.product-detail-info .left .pd-thu .swiper-slide.active .active{display:block}
.product-detail-info .left .pd-big{width:650px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-radius:30px;overflow:hidden}
.product-detail-info .left .pd-big img{display:block;max-height:100%}
.product-detail-info .right{margin-left:80px;flex:1}
.product-detail-info .pd-info .item{min-height:76px;display:flex;align-items:center;border-bottom:1px solid #eee}
.product-detail-info .pd-info .item .name{flex:0 0 160px;font-family:HarmonyOS_Sans_SC_Bold;font-size:16px;color:#1e1e1e;padding-left:20px;position:relative}
.product-detail-info .pd-info .item .name:after{content:'';width:10px;height:10px;background:#1e1e1e;position:absolute;left:0;top:50%;margin-top:-5px}
.product-detail-info .pd-info .item .value{flex:1;color:#333;font-size:16px}
.pro-det-title{height:100px;background:#f9f9f9;border-radius:1px;display:flex;align-items:center;padding-left:20px;font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;color:#1e1e1e;border-left:5px solid #004d73}
.e-shop{background:url(../images/e-shop-bg.jpg) no-repeat center center/cover;padding:0 40px;margin-bottom:80px}
.e-shop .title{font-family:HarmonyOS_Sans_SC_Bold;font-size:20px;color:#333;height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #fff}
.e-shop .list{padding:30px 0 40px;display:flex}
.e-shop .list .item{flex:0 0 25%;display:flex;justify-content:center;align-items:center;position:relative;font-family:HarmonyOS_Sans_SC_Bold;text-align:center}
.e-shop .list .item .item-con{display:block}
.e-shop .list .item a.item-con:hover p{color:#004d73}
.e-shop .list .item .icon{width:100px;height:100px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.e-shop .list .item h3{font-size:20px;color:#1e1e1e}
.e-shop .list .item p{font-size:16px;color:#333;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.e-shop .list .item+.item{position:relative}
.e-shop .list .item+.item:after{content:'';width:1px;height:50px;background:#fff;position:absolute;left:0;top:50%;margin-top:-25px}
.product-detail-overview .pro-det-title{margin-bottom:30px}
.product-detail-overview .pdo-swi{margin-bottom:80px;overflow:hidden}
.product-detail-overview .pdo-swi .swiper-slide{overflow:hidden;border-radius:30px}
.product-detail-overview .pdo-swi img{display:block;width:100%}
.product-detail-overview .pdo-swi .w-arrow-dots{margin-top:40px}
.product-detail-overview .intro-series{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px}
.product-detail-overview .intro-series .left .en{color:#999;font-size:16px;padding-left:20px;position:relative}
.product-detail-overview .intro-series .left .en:after{content:'';width:10px;height:10px;background:#004d73;position:absolute;left:0;top:50%;margin-top:-5px}
.product-detail-overview .intro-series .left h3{margin:15px 0;font-family:HarmonyOS_Sans_SC_Bold;font-size:62px;color:#1e1e1e}
.product-detail-overview .intro-series .left p{color:#333;font-size:24px}
.product-detail-overview .intro-series .right{height:650px;width:800px}
.product-detail-overview .intro-series .right img{display:block;max-height:100%}
.product-detail-overview .intro-scenario .item{display:flex;margin-bottom:40px}
.product-detail-overview .intro-scenario .item .pic{flex:0 0 50%;border-radius:30px;overflow:hidden}
.product-detail-overview .intro-scenario .item .pic img{display:block;width:100%}
.product-detail-overview .intro-scenario .item .text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.product-detail-overview .intro-scenario .item .text .icon{width:100px;height:100px;border:2px solid #004d73;border-radius:50px;display:flex;align-items:center;justify-content:center}
.product-detail-overview .intro-scenario .item .text .icon img{max-width:50%}
.product-detail-overview .intro-scenario .item .text h4{text-transform:uppercase;font-family:HarmonyOS_Sans_SC_Bold;font-size:16px;color:#999;margin:30px 0 15px}
.product-detail-overview .intro-scenario .item .text h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:32px;color:#1e1e1e}
.product-detail-overview .intro-scenario .item:nth-child(even){flex-direction:row-reverse}
.product-detail-overview .intro-color{background:#f9f9f9}
.product-detail-overview .intro-color .wp{padding:80px 0 60px;display:flex;position:relative}
.product-detail-overview .intro-color .tips{position:absolute;right:0;bottom:28px;text-align:right;font-size:14px;color:#999}
.product-detail-overview .intro-color .intro-tit{flex:0 0 340px;margin-right:76px}
.product-detail-overview .intro-color .color-list{flex:1;overflow:hidden;margin:0 -25px}
.product-detail-overview .intro-color .color-list .item{float:left;width:25%;margin-bottom:40px}
.product-detail-overview .intro-color .color-list .item .item-con{padding:0 25px}
.product-detail-overview .intro-color .color-list .item .item-con .line{height:30px;border-radius:15px;position:relative}
.product-detail-overview .intro-color .color-list .item .item-con .line .cur{position:absolute;right:5px;top:5px;bottom:5px;width:100px;border-radius:10px}
.product-detail-overview .intro-color .color-list .item .item-con .name{text-align:center;margin-top:20px;color:#333;font-size:16px;font-family:HarmonyOS_Sans_SC_Bold}
.product-detail-overview .intro-lock{padding:80px 0}
.product-detail-overview .intro-lock .lock-list{display:flex;justify-content:center;flex-wrap:wrap}
.product-detail-overview .intro-lock .lock-list .item+.item{margin-left:80px}
.product-detail-overview .intro-lock .lock-list .item .pic{width:300px;height:300px;margin:0 auto 40px;position:relative}
.product-detail-overview .intro-lock .lock-list .item .pic:after{content:'';width:250px;height:250px;background:#f9f9f9;border-radius:125px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
.product-detail-overview .intro-lock .lock-list .item .pic img{object-fit:contain;display:block;width:100%;position:relative;z-index:2}
.product-detail-overview .intro-lock .lock-list .item .text{text-align:center}
.product-detail-overview .intro-lock .lock-list .item .text p{font-family:HarmonyOS_Sans_SC_Bold;font-size:16px;color:#999;margin-bottom:15px}
.product-detail-overview .intro-lock .lock-list .item .text h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;color:#1e1e1e}
.product-detail-overview .intro-customized{background:#f9f9f9;border-radius:30px;padding:80px 60px}
.product-detail-overview .intro-customized .pic img{display:block;width:100%}
.product-detail-overview .intro-pic img{display:block;width:100%}
.product-detail-recommend{margin-top:80px;padding-top:80px;border-top:1px solid #eee}
.product-detail-recommend .title{text-align:center;font-size:24px;color:#1e1e1e;font-family:HarmonyOS_Sans_SC_Bold;margin-bottom:60px}
.intro-tit{text-align:center;font-family:HarmonyOS_Sans_SC_Bold;margin-bottom:60px}
.intro-tit h4{font-size:16px;color:#004d73;text-transform:uppercase}
.intro-tit h3{padding:10px 0 20px;font-size:42px;color:#000;position:relative}
.intro-tit h3:after{content:'';width:30px;height:10px;background:#004d73;position:absolute;bottom:0;left:50%;margin-left:-15px;z-index:2}
.intro-tit h3:before{content:'';width:70px;height:1px;background:#dedede;position:absolute;left:50%;margin-left:-35px;bottom:4px;z-index:1}
.intro-tit p{margin-top:30px;font-size:16px;line-height:35px;color:#333;font-family:HarmonyOS_Sans_SC}
.intro-tit.tal{text-align:left}
.intro-tit.tal h3:after{left:0;margin:0}
.intro-tit.tal h3:before{left:0;margin:0}
.page-product-center{padding-bottom:153px}
.page-product-center .new-arrival{padding:100px 0 80px}
.page-product-center .new-arrival .na-swi{overflow:hidden}
.page-product-center .new-arrival .na-swi .w-arrow-dots{margin-top:60px}
.page-product-center .new-arrival .na-swi .swiper-slide{background:#f5f5f5;border-radius:30px;display:flex}
.page-product-center .new-arrival .na-swi .swiper-slide .pic{flex:0 0 480px;height:480px;position:relative}
.page-product-center .new-arrival .na-swi .swiper-slide .pic img.def{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:380px;height:380px;object-fit:contain;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-product-center .new-arrival .na-swi .swiper-slide .pic img.active{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-product-center .new-arrival .na-swi .swiper-slide .text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px}
.page-product-center .new-arrival .na-swi .swiper-slide .text .top h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:32px;color:#1e1e1e;margin-bottom:10px}
.page-product-center .new-arrival .na-swi .swiper-slide .text .top p{font-size:16px;color:#999;text-align:center;}
.page-product-center .new-arrival .na-swi .swiper-slide .text .h-btn1{margin-top:60px;display:none}
.page-product-center .new-arrival .na-swi .swiper-slide:hover .pic img.def{opacity:0}
.page-product-center .new-arrival .na-swi .swiper-slide:hover .pic img.active{opacity:1}
.page-product-center .new-arrival .na-swi .swiper-slide:hover .text .top h3{color:#004d73}
.page-product-center .new-arrival .na-swi .swiper-slide:hover .text .h-btn1{display:flex;background-color:#004d73}
.page-product-center .classics{padding:80px 0;background:#f1f1f1}
.page-product-center .classics .classics-swi{overflow:hidden}
.page-product-center .classics .classics-swi .swiper-progressbar{width:100%;max-width:750px;height:8px;background:#f9f9f9;border-radius:4px;margin:60px auto 0}
.page-product-center .classics .classics-swi .swiper-progressbar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:8px;background:#bf1a20;border-radius:4px}
.page-product-center .center-inner{display:block;border-radius:30px;overflow:hidden;background:#fff}
.page-product-center .center-inner .pic{padding-top:100%;position:relative;overflow:hidden}
.page-product-center .center-inner .pic img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page-product-center .center-inner .pic img.active{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;opacity:0}
.page-product-center .center-inner .pic img.def{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:350px;max-height:350px}
.page-product-center .center-inner .text{padding:30px;text-align:center}
.page-product-center .center-inner .text h3{font-family:HarmonyOS_Sans_SC_Bold;font-size:24px;color:#1e1e1e;margin-bottom:15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page-product-center .center-inner .text p{font-size:16px;color:#333}
.page-product-center .center-inner .text .det{margin-top:45px;display:flex;align-items:center;justify-content:center}
.page-product-center .center-inner .text .det span{color:#999;font-size:14px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page-product-center .center-inner .text .det i{width:12px;height:12px;margin-left:10px;display:block;background:url(../images/h-arr1-g.svg) no-repeat center center/contain;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page-product-center .center-inner:hover .pic img.def{opacity:0}
.page-product-center .center-inner:hover .pic img.active{opacity:1;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.page-product-center .center-inner:hover .text h3{color:#004d73}
.page-product-center .center-inner:hover .text .det span{color:#004d73}
.page-product-center .center-inner:hover .text .det i{background-image:url(../images/h-arr1-r.svg)}
.page-product-center .series-mod-wrap{padding:80px 0 0}
.page-product-center .series-mod+.series-mod{padding-top:60px;margin-top:60px;border-top:1px solid #f9f9f9}
.page-product-center .series-mod{display:flex}
.page-product-center .series-mod .left{flex:0 0 330px;width:330px;height:480px;background:#f9f9f9;border-radius:30px;overflow:hidden;padding:60px 40px;margin-right:40px;position:relative}
.page-product-center .series-mod .left .intro-tit{position:relative;z-index:2}
.page-product-center .series-mod .left .w-arrow-dots{position:absolute;z-index:2;right:30px;bottom:30px}
.page-product-center .series-mod .left .w-arrow-dots .arrow+.arrow{margin-left:20px}
.page-product-center .series-mod .left .bg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.page-product-center .series-mod .right{flex:1;overflow:hidden}
.page-product-center .series-mod .right .series-swi{overflow:hidden;height:480px}
.page-product-center .series-mod .right .series-swi .center-inner{background-color:#f9f9f9}
.page-product-center .series-mod .right .series-swi .center-inner .pic img.def{max-width:270px;max-height:270px}
.page-product-center .sun-room{margin-top:80px;display:flex;justify-content:space-between}
.page-product-center .sun-room .left{flex:0 0 680px;height:680px;position:relative}
.page-product-center .sun-room .left .def{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;object-fit:cover;opacity:0}
.page-product-center .sun-room .left .active{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page-product-center .sun-room .left:hover .active{opacity:0}
.page-product-center .sun-room .left:hover .def{opacity:1}
.page-product-center .sun-room .right{flex:0 0 680px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.h-btn1.red{border:2px solid #004d73}
.h-btn1.red span{color:#004d73}
.h-btn1.red i{display:block;width:12px;height:12px;background:url(../images/h-arr1-r.svg) no-repeat center center/contain;position:relative;top:-2px}
.h-btn1.red:hover span{color:#fff}
.h-btn1.red:hover i{background-image:url(../images/h-arr1.svg)}
.page-series-detail{padding-bottom:153px}
.page-series-detail .h-series-ban img{display:block;width:100%}
.page-series-detail .series-contain{padding-top:80px}
.page-series-detail .series-contain .pro-det-title{margin-bottom:30px}
.page-series-detail .series-contain .pic img{display:block;width:100%}
.product-detail-recommend.type2{padding-top:30px;margin-top:60px}
.detail-pages{display:flex;align-items:center;justify-content:center;padding:30px 0;margin-bottom:80px;position:relative}
.detail-pages:after{content:'';position:absolute;width:100%;max-width:500px;height:10px;background:#004d73;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.detail-pages .next,.detail-pages .prev{width:60px;height:60px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center}
.detail-pages .next i,.detail-pages .prev i{background:url(../images/h-arr1-g.svg) no-repeat center center/contain;width:15px;height:15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.detail-pages .next:hover i,.detail-pages .prev:hover i{background-image:url(../images/h-arr1-r.svg)}
.detail-pages .prev i{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.detail-pages .next i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.detail-pages .list{width:60px;height:60px;background:#004d73 url(../images/h-list.svg) no-repeat center center/20px auto;border-radius:30px;margin:0 20px}
.page-product-center .new-arrival .na-swi .swiper-slide{overflow:hidden}
.page-product-center .sun-room .left{border-radius:30px;overflow:hidden}
.h-product-ban .text .row span{line-height:1}
@media only screen and (max-width:1920px){
.page-product-center{padding-bottom:122px}
.page-product-center .series-mod .right .series-swi{height:auto}
.wp{max-width:1152px}
.page-product-center .series-mod .left{height:346px;padding:30px}
.h-product-list .item .pic img.def,.page-product-center .center-inner .pic img.def,.page-product-center .new-arrival .na-swi .swiper-slide .pic img.def,.page-product-center .series-mod .right .series-swi .center-inner .pic img.def{max-width:80%;max-height:80%}
.page-product-center .center-inner .text .det{margin-top:15px}
.page-product-center .center-inner .text{padding:20px}
.page-product-center .series-mod+.series-mod{margin-top:48px;padding-top:48px}
.product-detail-info .left{flex:0 0 50%}
.product-detail-info .left .pd-big{flex:0 0 calc(100% - 100px);width:calc(100% - 100px)}
.product-detail-info .left .pd-thu{height:auto}
.pro-det-title{height:60px;font-size:18px}
.product-detail-info .left .pd-thu .swiper-slide .active{max-width:80%}
}
@media only screen and (max-width:1599px){
.page-product-center .new-arrival .na-swi .swiper-slide .pic{flex:0 0 50%;width:50%;height:300px}
.page-product-center .sun-room .left,.page-product-center .sun-room .right{flex:0 0 48%;width:48%;height:48vh}
.h-product-ban .text h3{font-size:70px}
}
@media only screen and (max-width:1399px){
.wp{padding:0 20px;width:100%}
.h-product-ban .text .row img{height:30px}
.h-product-ban .text h3{font-size:40px}
.h-product-ban .text h4{font-size:18px}
.h-btn1{height:40px;width:160px;border-radius:10px}
.intro-tit h3{font-size:36px}
.intro-tit h4{font-size:14px}
.page-product-center .new-arrival .na-swi .swiper-slide .text .top h3{font-size:20px}
.page-product-center .new-arrival .na-swi .swiper-slide .text .top p{font-size:14px}
.page-product-center .new-arrival .na-swi .swiper-slide.swiper-slide-active .text .h-btn1{width:120px}
.page-product-center .new-arrival .na-swi .swiper-slide .text{padding:0 20px}
.page-product-center .series-mod .right .series-swi{height:100%}
.page-product-center .series-mod .right .series-swi .center-inner{height:100%;display:flex;flex-direction:column}
.page-product-center .series-mod .right .series-swi .center-inner .text{flex:1;display:flex;flex-direction:column;justify-content:center}
.h-product-list .item .text h3{font-size:18px}
.h-product-list .item{width:33.3%}
.h-product-list-wrap .total{padding:30px 0}
}
@media only screen and (max-width:1199px){
.product-detail-info{display:block}
.product-detail-info .left{margin-bottom:30px}
.product-detail-info .right{margin-left:0}
.product-detail-overview .intro-series .left h3{font-size:30px}
.product-detail-overview .intro-series .right{width:50%;height:auto}
.product-detail-overview .intro-color .wp{display:block}
.product-detail-overview .intro-color .wp{padding:40px 25px}
}
@media only screen and (max-width:959px){
.product-detail-info{padding:40px 0}
.product-detail-info .left{flex-direction:column-reverse}
.product-detail-info .left .pd-thu{margin:0}
.product-detail-info .left .pd-thu .swiper-slide{height:100px}
.product-detail-info .left .pd-big{width:100%;margin-bottom:20px}
.h-product-filter .type-tab .item{height:50px;font-size:14px}
.h-product-filter .type-tab .item.active:after{height:2px}
.h-product-filter{border-radius:20px}
.h-search{height:40px;width:200px}
.h-product-list .item .text{padding:20px}
.h-product-list .item .text .info{display:block}
.h-product-list .item .text .info .det{justify-content:flex-start;margin-top:10px}
.h-product-filter .type-sub-list.show{padding:20px 40px}
.h-product-ban .text h3{margin:10px 0}
.h-product-ban .text h4{margin-bottom:30px}
.page-product-center .new-arrival{padding:40px 0}
.intro-tit{margin-bottom:30px}
.intro-tit h3{font-size:24px;padding:0 0 15px}
.intro-tit h3:after{height:5px;bottom:2px}
.page-product-center .series-mod .left{height:auto}
.h-product-list{margin:0 -15px}
.h-product-list .item .item-con{padding:0 15px}
}
@media only screen and (max-width:767px){
.h-product-ban .swiper-pagination{bottom:10px}
.h-product-filter{margin-top:40px}
.h-product-filter .top-row{display:block}
.page-product-center,.page-product-list{padding-bottom:50px}
.h-product-ban .text .row img{height:20px}
.h-product-ban .text .row span{font-size:14px}
.h-product-ban .text h3{font-size:20px}
.h-product-ban .text h4{font-size:14px;margin-bottom:20px}
.h-btn1{height:30px;width:120px;border-width:1px}
.h-btn1 span{font-size:12px}
.h-btn1 img{width:10px;height:10px}
.page-product-center .new-arrival .na-swi .swiper-slide{display:block}
.page-product-center .new-arrival .na-swi .swiper-slide .pic{width:100%}
.page-product-center .new-arrival .na-swi .swiper-slide .text{padding:20px;display:block;text-align:center}
.page-product-center .new-arrival .na-swi .swiper-slide .text .h-btn1{display:flex;margin:20px auto 0}
.page-product-center .new-arrival .na-swi .swiper-slide .text .top h3{margin-bottom:10px}
.page-product-center .new-arrival .na-swi .w-arrow-dots{margin-top:40px}
.page-product-center .classics{padding:40px 0}
.page-product-center .center-inner .text h3{font-size:18px}
.page-product-center .center-inner .text p{font-size:14px}
.page-product-center .series-mod-wrap{padding-top:40px}
.page-product-center .series-mod{display:block}
.page-product-center .series-mod .left{height:300px;margin:0;width:100%}
.page-product-center .series-mod .right{margin-top:20px}
.page-product-center .sun-room{display:block}
.page-product-center .sun-room .left,.page-product-center .sun-room .right{width:100%;height:300px}
.h-product-filter .top-row{padding:20px 20px 0}
.h-search{width:100%;margin-bottom:10px}
.h-product-filter .type-sub-list.show{padding:20px}
.h-product-filter .type-sub-list.show .item{margin-right:10px;margin-bottom:10px}
.h-product-list{margin:0}
.h-product-list .item{float:none;width:100%}
.h-product-list .item .item-con{padding:0}
.h-product-list .item .text .info{display:flex}
.h-full-link{display:block;height:auto;padding:20px}
.h-full-link .text{margin-bottom:20px}
.h-full-link .text h3{font-size:20px}
.h-full-link .text:after{bottom:-5px;height:4px}
.h-full-link .h-btn1{width:auto}
.h-product-list-wrap{padding-bottom:40px}
.product-detail-top-info .left .series-logo{height:30px}
.product-detail-top-info .wp{display:block;padding:20px}
.product-detail-top-info{height:auto}
.product-detail-top-info .right{text-align:left;margin-top:10px}
.product-detail-top-info .right h3{font-size:18px}
.product-detail-top-info .right p{font-size:14px}
.product-detail-info .pd-info .item .name,.product-detail-info .pd-info .item .value{font-size:14px}
.e-shop{padding:0 20px;margin-bottom:40px}
.e-shop .title{font-size:18px}
.e-shop .list{flex-wrap:wrap;padding-bottom:0}
.e-shop .list .item{flex:0 0 50%;margin-bottom:30px}
.e-shop .list .item+.item:after{display:none}
.e-shop .list .item h3{font-size:16px}
.e-shop .list .item p{font-size:12px}
.product-detail-overview .intro-series{display:block}
.product-detail-overview .intro-series .right{width:100%;margin-top:20px}
.product-detail-overview .intro-series .left h3{font-size:20px;margin:10px 0}
.product-detail-overview .intro-series .left p{font-size:14px}
.product-detail-overview .intro-series .left .en{font-size:14px}
.product-detail-overview .intro-scenario .item{display:block;margin-bottom:20px}
.product-detail-overview .intro-scenario .item .pic{margin-bottom:20px;border-radius:10px}
.product-detail-overview .intro-scenario .item .text h3{font-size:20px}
.product-detail-overview .intro-scenario .item .text h4{margin:10px 0}
.product-detail-overview .intro-scenario .item .text .icon{width:60px;height:60px}
.product-detail-overview .intro-color .color-list .item{width:50%}
.product-detail-overview .intro-color .tips{position:static;text-align:left}
.product-detail-overview .intro-lock .lock-list{display:block}
.product-detail-overview .intro-lock{padding:40px 0}
.product-detail-overview .intro-lock .lock-list .item+.item{margin-left:0;margin-top:40px}
.product-detail-overview .intro-lock .lock-list .item .pic{margin-bottom:20px}
.product-detail-overview .intro-lock .lock-list .item .text p{font-size:12px;margin-bottom:5px}
.product-detail-overview .intro-lock .lock-list .item .text h3{font-size:18px}
.product-detail-overview .intro-customized{padding:20px}
.product-detail-recommend{padding-top:40px;margin-top:40px}
.product-detail-recommend .title{font-size:20px;margin-bottom:20px}
.page-product-detail,.page-series-detail{padding-bottom:50px}
.page-series-detail .series-contain{padding-top:40px}
.product-detail-recommend.type2{margin-top:30px}
.detail-pages{margin-bottom:30px;padding-top:0}
}
.z-sinceSwp1{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.z-sinceSwp1.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.since1-1{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.since1-1.hide{opacity:0}
body.ovh{overflow:hidden!important}
.page-swiper{overflow:hidden;height:100vh}
.swiper-w1 .icon img{max-width:65px}