/* BASIC css start */
.top_banner1 { background: #182038 !important; }
.imgnone:before { display: none!important; }

/* 皋牢硅呈 */
.main-slide { overflow:hidden; position:relative; z-index:60; margin:0 auto 75px; }
.main-slide { width: 100%; min-width: 1440px; }
.main-slide .swiper-slide { width: 33.3%; max-width: 744px; min-width: 650px; }
.main-slide .swiper-slide img { width: 100%; object-fit: contain; }
.main-slide .swiper-slide .img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .25; }
.main-slide .txt-box { position: absolute; bottom: 10%; left: 10%; transition:2s; opacity:0; text-align: left; color: #ffffff; }
.main-slide .txt-box .tit { font-size:32px; font-weight:600; line-height:42px; margin-bottom:10px; }
.main-slide .txt-box .des { font-size:18px; margin-bottom:15px; }
.main-slide .txt-box .more_btn { width: 120px; height: 36px; line-height: 35px; margin: 0 auto; border: 1px solid #182038; padding-right: 10px; border-radius: 50px; background: url(https://xexymix.jpg3.kr/xexymix/2020m/sub/mens/more_btn_wh_ico.png) no-repeat right; background-size: 13px; background-position-x: 85px; background-color: #182038; color: #fff; font-size: 14px; }
.main-slide .swiper-slide.swiper-slide-active .txt-box { opacity:1; }
.main-slide .swiper-container-horizontal > .swiper-pagination-bullets { position: absolute; bottom: 30px; z-index: 2; text-align:center; }
.main-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display: inline-block; width: 11px; height: 11px; margin: 0 8px; border: 1px solid #fff; background: transparent; opacity: 1; }
.main-slide .swiper-pagination-bullet-active { background: #182038 !important; border: 1px solid #182038 !important; }
@keyframes fadeIn2 {
    0% { left: 590px; }
    100% { left:500px; }
}
.main-slide .main-pagination { position: absolute; width: 60px; height: 24px; background:rgba(255, 255, 255, 0.6); border-radius: 50px; bottom: 5%; left: 50%; padding:5px 0; margin-left: -30px; font-size: 11px; z-index: 10; text-align: center; }
.main-slide .main-button-prev { position: absolute; top: 46%; left: 1%; z-index: 5; width: 50px; height: 50px; background: url(//xexymix.jpg3.kr/xexymix/2020m/sub/mens/main_btn_prev.png) no-repeat center; color: transparent; text-indent: -9999px; }
.main-slide .main-button-next {position:absolute; top: 46%; right: 1%; z-index:5; width:50px; height:50px; background:url('//xexymix.jpg3.kr/xexymix/2020m/sub/mens/main_btn_next.png') no-repeat center; color:transparent; text-indent:-9999px;}


.section_top { position:relative; }
.section_top .category_title { position:relative; max-width: 1920px; margin: 50px auto 0 auto; padding: 0 6%; font-size:24px; font-weight:600; text-align: left; }


/* 墨抛绊府 */
.categoryBox { max-width: 1920px; margin: 25px auto 0 auto; padding: 0 6%; text-align: left; }
.category-list-boxA { margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.category-list-boxA.flex a { display:inline-block; height:40px; line-height:40px; font-size:15px; font-weight:400; margin-right: 30px; }
.category-list-boxA a.active { position:relative; font-weight:600; }
.category-list-boxA a.active:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background-color: #182038; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

.category-list-boxB { margin-bottom: 50px; }
.category-list-boxB.flex a { display:inline-block; height:38px; line-height:38px; font-size:14px; font-weight:400; margin-right: 15px; border: 1px solid #f4f4f4; border-radius: 20px; padding: 0 15px; background: #f4f4f4; color: #777; }
.category-list-boxB a.active { position:relative; background: #4193ef; color: #fff; border: 1px solid #4193ef; }

/* BASIC css end */