/* BASIC css start */
.visiualWrap {position: relative; margin-bottom: 50px;}
.visiualWrap img {width: 100%;}
.visiualWrap dl {position: absolute; top: 50%; left: 62%; transform: translate(-50%,-50%);}
.visiualWrap dl dt {color: #fff; font-size: 48px; margin-bottom:20px;}
.visiualWrap dl dd {color: #fff; font-size: 20px;}
.videoWrap {}
.videoWrap .video-cont {max-width:1424px; margin: 0 auto;}
.videoWrap .video-box {text-align: center; position: relative; padding-top: 56.25%;}
.videoWrap .video-box iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.videoWrap p {font-size: 16px; margin: 48px 0; text-align: center; line-height:1.4;}
.productWrap {background: url(/design/waterman01/pc/opc-back-bg.jpg)no-repeat center; background-size: cover;}
.productWrap .swiper-button-prev {left:15% !important; top:38% !important;}
.productWrap .swiper-button-next {right:15% !important; top:38% !important;}
.productWrap .swiper-button-prev svg {color:#fff;}
.productWrap .swiper-button-next svg {color:#fff;}
.productWrap .swiper {}
.productWrap .swiper-wrapper {}
.productWrap .swiper-slide .title {position: absolute; left: 50%; top: 50px; font-size: 40px; transform: translateX(-50%); border-bottom: 1px solid #000; width: 40%; text-align: center; padding-bottom: 15px; font-weight: 500;}
.productWrap .swiper-slide .banner {text-align:center; padding-top:80px;}
.productWrap .swiper-slide .banner img {width: 70%;}
.productWrap .swiper-slide .txt-box {display: flex; gap:40px; align-items: center; justify-content: center; max-width: 700px; margin:0 auto; padding-bottom:40px;}
.productWrap .swiper-slide .txt-box li {flex: 1;}
.productWrap .swiper-slide .txt-box li p {background: #fff; line-height:1.3; min-height: 65px; display: flex; align-items: center; justify-content: center; font-size:13px; text-align:center;}
.productWrap .swiper-slide .txt-box li img {width: 100%;}
.groupWrap {max-width:1424px; margin:50px auto;}
.groupWrap .group-cont {display: flex; align-items: center; justify-content: space-between; background:#F2F2F2;}
.groupWrap .group-cont:nth-child(even) {flex-direction: row-reverse;}
.groupWrap .group-cont .cont-txt {flex: 1; text-align: center;}
.groupWrap .group-cont .cont-txt p {font-size: 36px; margin-bottom: 10px; letter-spacing:4px;}
.groupWrap .group-cont .cont-txt span {font-size: 16px; line-height:1.6;}
.groupWrap .group-cont .cont-banner {flex: 1; text-align: center;}
.groupWrap .group-cont .cont-banner img {object-fit: cover; width:100%;}
.collectionWrap {max-width: 1440px; margin: 0 auto 40px; text-align:center;}
.collectionWrap h3 {text-align:center; font-size:24px; margin: 24px 0;}
.collectionWrap ul {display:flex; gap:24px;}
.collectionWrap ul li {flex:1; position:relative;}
.collectionWrap ul li a {display:block;}
.collectionWrap ul li img {width:100%;}
.collectionWrap ul li:hover a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:92.5%; -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #233976; box-shadow: 0 0 0.3125rem 0.0625rem #233976; border: solid 0.125rem #233976; border-radius: 0.25rem;}
.collectionWrap ul li a span {text-align:center; display:block; margin-top:10px; line-height:1.5; font-size:16px;}
.collectionWrap ul li:hover a span {text-decoration: underline;}
.collectionWrap .more {background-color: #051b3f; color: #d5c6ab; border-color: #051b3f; width:235px; line-height:48px; font-size:16px; display:inline-block; margin: 24px 0;}
.collectionWrap > p {font-size:16px; line-height:1.6;}
.collectionWrap > p b {display:block; font-size:24px; font-weight:400; margin:40px 0 20px;}
.multiWrap {}
.multiWrap ul li img {width: 100%;}
.multiWrap .link {position: absolute; bottom: 80px; left: 260px; font-size: 16px; font-weight: 400; color: #e9d9bd; width: 210px; height: 56px; line-height: 56px; border: 1px solid #e9d9bd; text-align: center; letter-spacing: 0.075em; transition: all 0.3s ease;}
.multiWrap .link:hover {background: rgba(233, 217, 189, .2);}
.control {position: absolute; right: 260px; bottom: 80px; z-index: 10; }
.control .btn-prev {width: 48px; height: 48px; background: rgba(233,217,189,.2) url(/design/waterman01/pc/main_arr_left.png); background-position: center !important; background-size: 10px 16px !important; background-repeat: no-repeat !important; cursor: pointer; display: inline-block; border: 1px solid #e9d9bd; box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 16px; font-size: 0;}
.control .btn-next {width: 48px; height: 48px; background: rgba(233,217,189,.2) url(/design/waterman01/pc/main_arr_right.png); background-position: center !important; background-size: 10px 16px !important; background-repeat: no-repeat !important; cursor: pointer; display: inline-block; border: 1px solid #e9d9bd; box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 16px; font-size: 0;}


    
    
/* BASIC css end */